.elementor-2414 .elementor-element.elementor-element-1ac1faa7{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-2414 .elementor-element.elementor-element-4bbb490f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2414 .elementor-element.elementor-element-309b2770{--display:flex;--min-height:1440px;}.elementor-2414 .elementor-element.elementor-element-593a6696{text-align:start;}.elementor-2414 .elementor-element.elementor-element-7cf1671{--display:flex;--margin-top:-40px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-2414 .elementor-element.elementor-element-5180af6d .wpr-offcanvas-container{text-align:center;}.elementor-2414 .elementor-element.elementor-element-5180af6d .wpr-offcanvas-trigger{color:#D6B369;background-color:#00000000;border-color:#D6B369;text-transform:uppercase;padding:10px 10px 10px 10px;border-style:solid;border-width:2px 2px 2px 2px;border-radius:2px 2px 2px 2px;}.elementor-2414 .elementor-element.elementor-element-5180af6d .wpr-offcanvas-trigger svg{fill:#D6B369;width:12px;height:12px;}.elementor-2414 .elementor-element.elementor-element-5180af6d .wpr-offcanvas-trigger:hover{color:#141414;background-color:#D6B369;border-color:#D6B369;}.elementor-2414 .elementor-element.elementor-element-5180af6d .wpr-offcanvas-header{padding:10px 10px 10px 10px;}.wpr-offcanvas-wrap-5180af6d .wpr-offcanvas-header{padding:10px 10px 10px 10px;}.elementor-2414 .elementor-element.elementor-element-5180af6d .wpr-close-offcanvas{color:#BFBFBF;width:12px;height:12px;border-style:none;border-width:2px 2px 2px 2px;border-radius:2px 2px 2px 2px;}.wpr-offcanvas-wrap-5180af6d .wpr-close-offcanvas{color:#BFBFBF;width:12px;height:12px;border-width:2px 2px 2px 2px;border-radius:2px 2px 2px 2px;}.elementor-2414 .elementor-element.elementor-element-5180af6d .wpr-close-offcanvas i{font-size:12px;}.wpr-offcanvas-wrap-5180af6d .wpr-close-offcanvas i{font-size:12px;}.elementor-2414 .elementor-element.elementor-element-5180af6d .wpr-close-offcanvas svg{width:12px;height:12px;}.wpr-offcanvas-wrap-5180af6d .wpr-close-offcanvas svg{width:12px;height:12px;}.wpr-offcanvas-wrap-5180af6d  .wpr-close-offcanvas{border-style:none;}.elementor-2414 .elementor-element.elementor-element-5180af6d .wpr-offcanvas-title{color:#EAEAEA;}.wpr-offcanvas-wrap-5180af6d .wpr-offcanvas-title{color:#EAEAEA;}.elementor-2414 .elementor-element.elementor-element-5180af6d .wpr-offcanvas-title, .wpr-offcanvas-wrap-5180af6d .wpr-offcanvas-title{font-family:"Playfair Display", Sans-serif;font-weight:400;}.elementor-2414 .elementor-element.elementor-element-5180af6d .wpr-offcanvas-content{background-color:#141414;border-style:none;border-radius:2px 2px 2px 2px;padding:10px 10px 10px 10px;}.wpr-offcanvas-wrap-5180af6d .wpr-offcanvas-content{background-color:#141414;border-style:none;border-radius:2px 2px 2px 2px;padding:10px 10px 10px 10px;}.elementor-2414 .elementor-element.elementor-element-5180af6d .wpr-offcanvas-content, .wpr-offcanvas-wrap-5180af6d .wpr-offcanvas-content{box-shadow:0px 0px 5px 0px rgba(0,0,0,0.1);}.elementor-2414 .elementor-element.elementor-element-5180af6d .wpr-offcanvas-wrap{background-color:#00000000;}.wpr-offcanvas-wrap-5180af6d{background-color:#00000000;}.elementor-2414 .elementor-element.elementor-element-5180af6d .wpr-offcanvas-content::-webkit-scrollbar-thumb{border-left-color:#BFBFBF;border-left-width:3px;}.elementor-2414 .elementor-element.elementor-element-5180af6d .wpr-offcanvas-content::-webkit-scrollbar{width:calc(3px + 3px);}.elementor-2414 .elementor-element.elementor-element-2b09ed4b .woolentor-product-grid-luxury{gap:25px;}.elementor-2414 .elementor-element.elementor-element-2b09ed4b .woolentor-product-card{background-color:#F7F7F7;padding:0px 0px 14px 0px;}.elementor-2414 .elementor-element.elementor-element-2b09ed4b .woolentor-product-content{padding:0px 0px 0px 0px;align-items:center;text-align:center;}.elementor-2414 .elementor-element.elementor-element-2b09ed4b .woolentor-content-header{align-items:center;text-align:center;}.elementor-2414 .elementor-element.elementor-element-2b09ed4b .woolentor-luxury-card .woolentor-sale-indicator{width:48px;height:48px;}.elementor-2414 .elementor-element.elementor-element-2b09ed4b .woolentor-product-title a{color:#141414;}.elementor-2414 .elementor-element.elementor-element-2b09ed4b .woolentor-product-title{font-size:17px;font-weight:400;line-height:1.35em;}.elementor-2414 .elementor-element.elementor-element-2b09ed4b .woolentor-product-price{color:#8F7A3D;}.elementor-2414 .elementor-element.elementor-element-2b09ed4b .woolentor-product-price del{color:#8F7A3D;}.elementor-2414 .elementor-element.elementor-element-2b09ed4b .woolentor-product-price,.elementor-2414 .elementor-element.elementor-element-2b09ed4b .woolentor-product-price del{font-size:12px;}.elementor-2414 .elementor-element.elementor-element-2b09ed4b .woolentor-quick-actions .woolentor-quick-action{color:#141414;background-color:#00000000;font-size:18px;}.elementor-2414 .elementor-element.elementor-element-2b09ed4b .woolentor-quick-actions .woolentor-quick-action a{color:#141414;}.elementor-2414 .elementor-element.elementor-element-2b09ed4b .woolentor-quick-actions .woolentor-quick-action:hover{color:#141414;background-color:#D6B369;}.elementor-2414 .elementor-element.elementor-element-2b09ed4b .woolentor-quick-actions .woolentor-quick-action:hover a{color:#141414;}.elementor-2414 .elementor-element.elementor-element-2b09ed4b .woolentor-quick-actions .woolentor-quick-action svg{width:18px;height:18px;}.elementor-2414 .elementor-element.elementor-element-2b09ed4b .woolentor-pagination{justify-content:center;}.elementor-2414 .elementor-element.elementor-element-7e2cff5c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2414 .elementor-element.elementor-element-5356920e{--display:flex;}.elementor-2414 .elementor-element.elementor-element-6675e17{text-align:start;}.elementor-2414 .elementor-element.elementor-element-54dc0754 .woolentor-recently-view-content{text-align:center;}.elementor-2414 .elementor-element.elementor-element-54dc0754 .woolentor-recently-view-content :is(.button, .added_to_cart){font-size:12px;}.elementor-2414 .elementor-element.elementor-element-54dc0754 .woolentor-recently-view-image .ht-product-label{left:auto;right:15px;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-2414 .elementor-element.elementor-element-2b09ed4b .woolentor-product-grid-luxury{gap:20px;}.elementor-2414 .elementor-element.elementor-element-2b09ed4b .woolentor-luxury-card .woolentor-sale-indicator{width:20px;height:30px;}}@media(min-width:768px){.elementor-2414 .elementor-element.elementor-element-4bbb490f{--width:100%;}.elementor-2414 .elementor-element.elementor-element-7cf1671{--width:20%;}.elementor-2414 .elementor-element.elementor-element-5356920e{--content-width:1423px;}}@media(max-width:767px){.elementor-2414 .elementor-element.elementor-element-5180af6d .wpr-offcanvas-header{padding:0px 0px 0px 0px;}.wpr-offcanvas-wrap-5180af6d .wpr-offcanvas-header{padding:0px 0px 0px 0px;}.elementor-2414 .elementor-element.elementor-element-5180af6d .wpr-close-offcanvas i{font-size:18px;}.wpr-offcanvas-wrap-5180af6d .wpr-close-offcanvas i{font-size:18px;}.elementor-2414 .elementor-element.elementor-element-5180af6d .wpr-close-offcanvas svg{width:18px;height:18px;}.wpr-offcanvas-wrap-5180af6d .wpr-close-offcanvas svg{width:18px;height:18px;}.elementor-2414 .elementor-element.elementor-element-5180af6d .wpr-close-offcanvas{width:32px;height:32px;}.wpr-offcanvas-wrap-5180af6d .wpr-close-offcanvas{width:32px;height:32px;}.elementor-2414 .elementor-element.elementor-element-5180af6d .wpr-offcanvas-title, .wpr-offcanvas-wrap-5180af6d .wpr-offcanvas-title{font-size:22px;}.elementor-2414 .elementor-element.elementor-element-5180af6d .wpr-offcanvas-content::-webkit-scrollbar-thumb{border-left-width:2px;}.elementor-2414 .elementor-element.elementor-element-5180af6d .wpr-offcanvas-content::-webkit-scrollbar{width:calc(2px + 3px);}.elementor-2414 .elementor-element.elementor-element-2b09ed4b .woolentor-product-grid-luxury{gap:15px;}.elementor-2414 .elementor-element.elementor-element-2b09ed4b .woolentor-product-card{padding:0px 0px 0px 0px;}.elementor-2414 .elementor-element.elementor-element-2b09ed4b .woolentor-luxury-card .woolentor-sale-indicator{width:15px;height:30px;}}/* Start custom CSS for container, class: .elementor-element-7cf1671 */=========================================================
   [43] FILTER sortieren nach Design — CSS (FINAL + TOPBAR LAYOUT)
   - Sortieren links / Filter rechts (clean)
   - Mobile/Tablet: sauber stapeln
   ========================================================= */

/* GLOBAL SPACING */
.elementor-widget-heading{ margin-bottom: 26px !important; }
@media (min-width:1025px){ .elementor-widget-heading{ margin-bottom: 38px !important; } }
@media (min-width:768px) and (max-width:1024px){ .elementor-widget-heading{ margin-bottom: 30px !important; } }
@media (max-width:767px){ .elementor-widget-heading{ margin-bottom: 24px !important; } }

/* =========================================================
   TOPBAR – PRADA CLEAN (ONE SYSTEM: GRID) – FINAL
   - Label oben, darunter: Sort-Pill links + Filter-Pill rechts
   - Pills immer pixelgenau auf einer Höhe
   - Chevron immer vertikal zentriert
   Scope: nur elementor-element-7cf1671
   ========================================================= */

.elementor-element-7cf1671{
  display:grid !important;
  grid-template-columns: 1fr auto !important;
  grid-template-rows: auto 40px !important;
  column-gap:14px !important;
  row-gap:6px !important;

  padding:6px 0 18px 0 !important;
  border-bottom:1px solid rgba(0,0,0,.10) !important;
  margin-bottom:22px !important;

  /* Elementor Flex Vars neutralisieren */
  --flex-direction: row !important;
  --flex-wrap: nowrap !important;
}

/* Elementor Widget-Wrapper: ALLES auf 0 */
.elementor-element-7cf1671 > .elementor-element,
.elementor-element-7cf1671 .elementor-element-64db82f,
.elementor-element-7cf1671 .elementor-element-5180af6d,
.elementor-element-7cf1671 .elementor-element-64db82f > .elementor-widget-container,
.elementor-element-7cf1671 .elementor-element-5180af6d > .elementor-widget-container{
  margin:0 !important;
  padding:0 !important;
  min-width:0 !important;
}

/* Linke Spalte: Sort-Widget über beide Reihen */
.elementor-element-7cf1671 .elementor-element-64db82f{
  grid-column:1 !important;
  grid-row:1 / span 2 !important;
}

/* Rechte Spalte: Filter nur in Pill-Reihe */
.elementor-element-7cf1671 .elementor-element-5180af6d{
  grid-column:2 !important;
  grid-row:2 !important;
  align-self:stretch !important;
}

/* ---------- SORT (WooBeWoo) ---------- */
.elementor-element-7cf1671 .elementor-woofilters .wpfMainWrapper,
.elementor-element-7cf1671 .elementor-woofilters .wpfFilterWrapper{
  background:transparent !important;
  border:0 !important;
  margin:0 !important;
  padding:0 !important;
}

/* Label + Select als 2-Zeilen-Grid */
.elementor-element-7cf1671 .elementor-woofilters .wpfFilterContent{
  position:relative !important;
  display:grid !important;
  grid-template-rows:auto 40px !important;
  row-gap:6px !important;

  width:100% !important;
  max-width:560px !important; /* desktop */
  min-width:0 !important;

  padding:0 !important;
  margin:0 !important;
  box-sizing:border-box !important;
}

.elementor-element-7cf1671 .elementor-woofilters .wfpDescription{
  font-size:10px !important;
  letter-spacing:.22em !important;
  text-transform:uppercase !important;
  font-weight:500 !important;
  color:rgba(0,0,0,.62) !important;
  line-height:1 !important;
  margin:0 !important;
  padding:0 !important;
}

/* Select: exakt 40px (border-box) */
.elementor-element-7cf1671 .elementor-woofilters select#wpfSortProducts{
  width:100% !important;
  min-width:0 !important;

  box-sizing:border-box !important;
  height:40px !important;

  border:1px solid rgba(0,0,0,.14) !important;
  border-radius:999px !important;
  background:transparent !important;

  padding:0 42px 0 16px !important;

  font-size:13px !important;
  letter-spacing:.02em !important;
  color:#111 !important;

  line-height:38px !important; /* 40px minus 2px Border = perfekte Innenhöhe */
  margin:0 !important;
  outline:none !important;
  box-shadow:none !important;

  appearance:none !important;
  -webkit-appearance:none !important;
  -moz-appearance:none !important;
}

/* Chevron: exakt Mitte des 40px Pills (immer) */
.elementor-element-7cf1671 .elementor-woofilters .wpfFilterContent::after{
  content:"" !important;
  position:absolute !important;
  right:18px !important;

  bottom:20px !important; /* center of 40px pill */
  transform: translateY(50%) rotate(45deg) !important;

  width:6px !important;
  height:6px !important;

  border-right:1.5px solid rgba(0,0,0,.52) !important;
  border-bottom:1.5px solid rgba(0,0,0,.52) !important;

  pointer-events:none !important;
}

/* ---------- FILTER BUTTON (WPR) ---------- */
.elementor-element-7cf1671 .wpr-offcanvas-container{
  height:40px !important;                 /* exakt gleiche Reihe */
  display:flex !important;
  align-items:stretch !important;
  justify-content:flex-end !important;
  margin:0 !important;
  padding:0 !important;
}

.elementor-element-7cf1671 .wpr-offcanvas-trigger{
  box-sizing:border-box !important;
  height:40px !important;

  border:1px solid rgba(0,0,0,.14) !important;
  border-radius:999px !important;
  background:transparent !important;

  padding:0 16px !important;

  font-size:10px !important;
  letter-spacing:.22em !important;
  text-transform:uppercase !important;
  font-weight:500 !important;
  color:#111 !important;

  line-height:38px !important; /* exakt wie Select (innen) */
  margin:0 !important;

  display:flex !important;
  align-items:center !important;
  justify-content:center !important;

  box-shadow:none !important;
  white-space:nowrap !important;
  -webkit-tap-highlight-color:transparent !important;
}

.elementor-element-7cf1671 .wpr-offcanvas-trigger::after{ display:none !important; }

.elementor-element-7cf1671 .wpr-offcanvas-trigger span{
  line-height:1 !important;
  display:inline-block !important;
}

/* Tablet: mehr Luft, nicht eingeengt */
@media (min-width:768px) and (max-width:1024px){
  .elementor-element-7cf1671{
    column-gap:16px !important;
  }
  .elementor-element-7cf1671 .elementor-woofilters .wpfFilterContent{
    max-width:640px !important;
  }
}

/* Sehr klein: untereinander (sauber) */
@media (max-width:390px){
  .elementor-element-7cf1671{
    grid-template-columns: 1fr !important;
    grid-template-rows: auto 40px 40px !important;
    row-gap:10px !important;
  }
  .elementor-element-7cf1671 .elementor-element-64db82f{ grid-row:1 / span 2 !important; }
  .elementor-element-7cf1671 .elementor-element-5180af6d{
    grid-row:3 !important;
    justify-self:start !important;
  }
}

/* ========================================================= 
   DANA DRESS – OFFCANVAS (PRADA CLEAN) – FINAL MASTER
   - Prada-like Typo + Rhythmus
   - Mobile/Tablet/Desktop Breiten
   - Elementor Offcanvas Widgets full width (Fix 26% Bug)
   - Filter-Texte normal (kein Buchstaben-Stack)
   - Counts/Anzahl aus (dein Markup: <span>(7)</span>)
   - Header: Filter links / X rechts (CSS-X)
   - Option A: Ultra-clean (keine Divider)
   - Farbe + Größe zweispaltig
   - Mobile Fullscreen Panel + Overlay (kein „unten scheint Seite durch“)
   - Reihenfolge: Größe vor Farbe
   - Spacing: HARTE Overrides gegen Elementor Inline CSS (kompakt!)
   ========================================================= */

/* =========================
   VARIABLES
   ========================= */
:root{
  --dd-overlay: rgba(0,0,0,.10);
  --dd-panel: #f7f7f6;
  --dd-strong: #111;

  --dd-oc-font: "Helvetica Neue", Helvetica, Arial, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;

  --dd-oc-w-desktop: 380px;
  --dd-oc-w-tablet: 320px;
  --dd-oc-w-mobile: 280px;

  --dd-oc-pad-x: 18px;
  --dd-oc-pad-top: 12px;
  --dd-oc-pad-bottom: 30px;

  --dd-oc-title-size: 11px;
  --dd-oc-title-track: .26em;

  --dd-oc-section-size: 10px;
  --dd-oc-section-track: .28em;

  --dd-oc-link-size: 15px;
  --dd-oc-link-line: 1.55;

  --dd-oc-x-size: 16px;
}

@media (max-width:767px){
  :root{
    --dd-oc-pad-x: 16px;
    --dd-oc-link-line: 1.5;
    --dd-oc-pad-top: 12px;
    --dd-oc-pad-bottom: 28px;
  }
}
@media (min-width:1025px){
  :root{
    --dd-oc-pad-x: 20px;
    --dd-oc-pad-top: 14px;
    --dd-oc-pad-bottom: 34px;
  }
}


/* =========================
   OVERLAY
   ========================= */
.wpr-offcanvas-wrap::before{
  content:"" !important;
  position:fixed !important;
  inset:0 !important;
  background: var(--dd-overlay) !important;
}


/* =========================
   OPEN LEFT (wrap-right/content-right)
   ========================= */
.wpr-offcanvas-wrap.wpr-offcanvas-wrap-right{
  justify-content:flex-start !important;
}

.wpr-offcanvas-wrap.wpr-offcanvas-wrap-right .wpr-offcanvas-content.wpr-offcanvas-content-right{
  left:0 !important;
  right:auto !important;
  inset-inline-start:0 !important;
  inset-inline-end:auto !important;
  margin-left:0 !important;
  margin-right:auto !important;
  transform-origin:left center !important;
}


/* =========================
   WIDTHS
   ========================= */
.wpr-offcanvas-wrap-right .wpr-offcanvas-content-right{
  width: min(var(--dd-oc-w-desktop), 78vw) !important;
  max-width: var(--dd-oc-w-desktop) !important;
}
@media (min-width:768px) and (max-width:1024px){
  .wpr-offcanvas-wrap-right .wpr-offcanvas-content-right{
    width: min(var(--dd-oc-w-tablet), 70vw) !important;
    max-width: var(--dd-oc-w-tablet) !important;
  }
}
@media (max-width:767px){
  .wpr-offcanvas-wrap-right .wpr-offcanvas-content-right{
    width: min(var(--dd-oc-w-mobile), 86vw) !important;
    max-width: var(--dd-oc-w-mobile) !important;
  }
}


/* =========================
   PANEL LOOK + TYPO BASE
   ========================= */
.wpr-offcanvas-wrap,
.wpr-offcanvas-content{
  background: var(--dd-panel) !important;
  color: var(--dd-strong) !important;
  font-family: var(--dd-oc-font) !important;
}

.wpr-offcanvas-content{
  border-left:0 !important;
  border-right:1px solid rgba(0,0,0,.06) !important;
  box-shadow:none !important;
}

.wpr-offcanvas-content,
.wpr-offcanvas-content *{
  font-family: var(--dd-oc-font) !important;
  text-align:left !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}


/* =========================
   HEADER: FILTER LEFT / X RIGHT (PRADA)
   ========================= */
.wpr-offcanvas-header{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;

  padding: 18px var(--dd-oc-pad-x) 6px !important;
  background: var(--dd-panel) !important;
  border:0 !important;
  border-bottom:1px solid rgba(0,0,0,.07) !important;
}

.wpr-offcanvas-title{
  order:1 !important;
  margin:0 !important;

  font-size: var(--dd-oc-title-size) !important;
  letter-spacing: var(--dd-oc-title-track) !important;
  text-transform:uppercase !important;
  font-weight:500 !important;
  line-height:1 !important;
  color:#111 !important;
}

/* Close: clickable area + CSS X */
.wpr-close-offcanvas{
  order:2 !important;
  margin-left:auto !important;

  position:relative !important;
  width: 32px !important;
  height: 32px !important;

  display:flex !important;
  align-items:center !important;
  justify-content:center !important;

  border:0 !important;
  background:transparent !important;
  padding:0 !important;

  cursor:pointer !important;
  opacity:.9 !important;
  transition:opacity .2s ease !important;
}

/* Hide any old icon */
.wpr-close-offcanvas i,
.wpr-close-offcanvas svg{
  display:none !important;
}

/* Prada X */
.wpr-close-offcanvas::before,
.wpr-close-offcanvas::after{
  content:"" !important;
  position:absolute !important;
  width: var(--dd-oc-x-size) !important;
  height: 1px !important;
  background:#111 !important;
  transform-origin:center !important;
  transition:opacity .2s ease !important;
}
.wpr-close-offcanvas::before{ transform:rotate(45deg) !important; }
.wpr-close-offcanvas::after{  transform:rotate(-45deg) !important; }

.wpr-close-offcanvas:hover{ opacity:.6 !important; }


/* =========================
   CONTENT PADDING + LAYOUT
   ========================= */
.wpr-offcanvas-content .elementor{
  padding: var(--dd-oc-pad-top) var(--dd-oc-pad-x) var(--dd-oc-pad-bottom) !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
}

/* keep colors consistent */
.wpr-offcanvas-content .elementor,
.wpr-offcanvas-content .elementor *{
  color: inherit !important;
}

/* containers */
.wpr-offcanvas-content .e-con,
.wpr-offcanvas-content .elementor-element{
  align-items:flex-start !important;
  justify-content:flex-start !important;
}


/* =========================
   FIX: TEMPLATE WIDTH BUG (26% -> 100%)
   ========================= */
.wpr-offcanvas-content .elementor-3405 .elementor-element-0ed6b96{
  width:100% !important;
  max-width:100% !important;
  align-items:flex-start !important;
  margin-left:0 !important;
  margin-right:0 !important;
}

.wpr-offcanvas-content .elementor-3405 .elementor-element-cc2711a,
.wpr-offcanvas-content .elementor-3405 .elementor-element-544c74d{
  width:100% !important;
  max-width:100% !important;
}


/* =========================
   SECTION HEADINGS (nur Typo hier; Spacing wird unten hart geregelt)
   ========================= */
.wpr-offcanvas-content .elementor-widget-heading .elementor-heading-title{
  width:100% !important;
  margin: 0 !important; /* <-- wichtig: Spacing kommt unten aus Override */

  font-size: var(--dd-oc-section-size) !important;
  letter-spacing: var(--dd-oc-section-track) !important;
  text-transform:uppercase !important;
  font-weight:500 !important;
  color: rgba(0,0,0,.55) !important;
}


/* =========================
   CATEGORY + FILTER FULL WIDTH
   ========================= */
.wpr-offcanvas-content .wl-category-grid,
.wpr-offcanvas-content .woolentor-filter-wrap{
  width:100% !important;
}

/* remove cards */
.wpr-offcanvas-content .wl-category-grid .ht-category-wrap{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  padding:0 !important;
  margin:0 !important;
}


/* =========================
   LINKS (Prada clean)
   ========================= */
.wpr-offcanvas-content .wl-category-grid .ht-category-content h3{ margin:0 !important; }

.wpr-offcanvas-content .wl-category-grid .ht-category-content h3 a,
.wpr-offcanvas-content .woolentor-filter-wrap ul li a{
  color:#111 !important;
  font-size: var(--dd-oc-link-size) !important;
  line-height: var(--dd-oc-link-line) !important;
  font-weight:400 !important;
  letter-spacing:.01em !important;
  text-decoration:none !important;

  display:block !important;
  width:100% !important;
  padding: 10px 0 !important;

  white-space: normal !important;
  overflow: visible !important;
  text-overflow: unset !important;
  word-break: normal !important;
  overflow-wrap: break-word !important;
}

.wpr-offcanvas-content .wl-category-grid .ht-category-content h3 a:hover,
.wpr-offcanvas-content .woolentor-filter-wrap ul li a:hover{
  opacity:.65 !important;
}


/* =========================
   FILTER LISTS (Option A: NO DIVIDERS)
   ========================= */
.wpr-offcanvas-content .woolentor-filter-wrap ul{
  list-style:none !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
}

.wpr-offcanvas-content .woolentor-filter-wrap ul li{
  margin:0 !important;
  padding: 6px 0 !important;
  border:0 !important;
  border-bottom:0 !important;
}

/* COUNTS OFF */
.wpr-offcanvas-content .woolentor-filter-wrap ul li a > span{
  display:none !important;
}


/* =========================
   FARBE + GRÖSSE 2-SPALTIG
   ========================= */
.wpr-offcanvas-content .elementor-3405 .elementor-element-cc2711a .woolentor-filter-wrap ul,
.wpr-offcanvas-content .elementor-3405 .elementor-element-544c74d .woolentor-filter-wrap ul{
  display:grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  column-gap: 26px !important;
  row-gap: 8px !important;
}


/* =========================
   HIDE UNCATEGORIZED
   ========================= */
.wpr-offcanvas-content a[href*="/produkt-kategorie/unkategorisiert/"]{
  display:none !important;
}


/* =========================
   TRIGGER (stays clickable)
   ========================= */
.wpr-offcanvas-trigger{
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  padding:0 !important;
  box-shadow:none !important;

  font-family: var(--dd-oc-font) !important;
  font-size: var(--dd-oc-title-size) !important;
  letter-spacing:.18em !important;
  text-transform:uppercase !important;
  font-weight:500 !important;
  color:#111 !important;

  position:relative !important;
  display:inline-block !important;
  -webkit-tap-highlight-color: transparent !important;
  pointer-events:auto !important;
}

.wpr-offcanvas-trigger::after{
  content:"" !important;
  position:absolute !important;
  left:0 !important;
  bottom:-6px !important;
  width:100% !important;
  height:1px !important;
  background:rgba(0,0,0,.25) !important;
  transition:opacity .25s ease !important;
}
.wpr-offcanvas-trigger:hover::after{ opacity:.55 !important; }


/* =========================
   BODY LOCK (set by JS)
   ========================= */
body.dd-lock-scroll{
  overflow:hidden !important;
  height:100vh !important;
  touch-action:none !important;
  position:fixed !important;
  width:100% !important;
  left:0 !important;
}


/* =========================
   MOBILE: FULLSCREEN PANEL + OVERLAY
   ========================= */
@media (max-width:767px){

  .wpr-offcanvas-wrap.wpr-offcanvas-wrap-active{
    position: fixed !important;
    inset: 0 !important;
    height: 100dvh !important;
    min-height: 100vh !important;
    z-index: 999999 !important;
  }

  .wpr-offcanvas-wrap.wpr-offcanvas-wrap-active::before{
    position: fixed !important;
    inset: 0 !important;
    height: 100dvh !important;
  }

  .wpr-offcanvas-wrap-right .wpr-offcanvas-content-right{
    position: fixed !important;
    top: 0 !important;
    bottom: 0 !important;
    height: 100dvh !important;
    min-height: 100vh !important;

    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;

    background: var(--dd-panel) !important;
  }

  .wpr-offcanvas-content .elementor{
    min-height: calc(100dvh - 56px) !important;
  }
}


/* =========================================================
   OFFCANVAS – SCROLL RICHTIG (Panel scrollt, Background nicht)
   ========================================================= */
.wpr-offcanvas-wrap-right .wpr-offcanvas-content-right{
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch !important;
  overscroll-behavior: contain !important;
  touch-action: pan-y !important;
}
body.dd-lock-scroll .wpr-offcanvas-wrap-right .wpr-offcanvas-content-right{
  touch-action: pan-y !important;
}
html.dd-lock-scroll,
body.dd-lock-scroll{
  overscroll-behavior: none !important;
}


/* =========================================================
   OFFCANVAS – Reihenfolge ändern (Größe vor Farbe)
   ========================================================= */
.wpr-offcanvas-content .elementor-3405{
  display:flex !important;
  flex-direction:column !important;
}

/* GRÖSSE zuerst */
.wpr-offcanvas-content .elementor-3405 .elementor-element-8dda9a5{ order: 3 !important; }
.wpr-offcanvas-content .elementor-3405 .elementor-element-544c74d{ order: 4 !important; }

/* FARBE danach */
.wpr-offcanvas-content .elementor-3405 .elementor-element-48a77f2{ order: 5 !important; }
.wpr-offcanvas-content .elementor-3405 .elementor-element-cc2711a{ order: 6 !important; }/* End custom CSS */
/* Start custom CSS for woolentor-product-grid-luxury, class: .elementor-element-2b09ed4b *//* ======================================
   SHOP GRID – VARIANTEN (FARBE / GRÖSSE) AUSBLENDEN
   ====================================== */

/* Swatchly Varianten im Produkt-Grid */
.woolentor-product-card .swatchly_loop_variation_form,
.woolentor-product-card .swatchly-type-wrap,
.woolentor-product-card .swatchly-swatch {
    display: none !important;
}/* End custom CSS */