/* ============================================================================
   rz-nav.css — SHELL CHROME (top bar, header row, icons/dropdowns, mega-nav,
   mobile drawer, right-side mini-cart, footer). Pairs with js/rz-nav.js.
   Ported pixel-for-pixel from design_handoff_nazar_storefront. Zero Bootstrap.
   ============================================================================ */

/* kill list markers on every shell list (top bar, nav, drawer, mini-cart, icons) */
.rz-topbar ul,.rz-topbar li,.rz-headwrap ul,.rz-headwrap li,.rz-drawer ul,.rz-drawer li,
.rz-mc ul,.rz-mc li,.rz-icons ul,.rz-icons li,.rz-dd-menu ul,.rz-dd-menu li{list-style:none !important; margin:0; padding-left:0;}

/* ------------------------------------------------------------------- top bar */
.rz-topbar{background:var(--ink); color:#e9e5db; font-size:12.5px;}
.rz-topbar .rz-wrap{display:flex; align-items:center; justify-content:space-between; gap:16px; padding-top:8px; padding-bottom:8px;}
.rz-topbar-links{display:flex; gap:20px; align-items:center;}
.rz-topbar-links a{opacity:.82; color:#e9e5db;}
.rz-topbar-links a:hover{opacity:1; color:#fff;}
.rz-topbar__right{display:flex; gap:18px; align-items:center;}
.rz-note{opacity:.9; display:flex; align-items:center; gap:7px;}
.rz-note .rz-note__mark{color:var(--sand);}
.rz-locale{opacity:.6; letter-spacing:.06em;}
@media (max-width:640px){ .rz-topbar__right .rz-note{display:none;} }
/* mobile: the topbar links (Bestickung, Kauf auf Rechnung, Sale %, Firmenkunde) overflowed
   off the right edge because .rz-wrap never wrapped — so they read as "hidden". Wrap them and
   drop the note/locale on the right to give them the full width. */
@media (max-width:768px){
  .rz-topbar .rz-wrap{flex-wrap:wrap; justify-content:center; gap:4px 16px; row-gap:2px;}
  .rz-topbar-links{flex-wrap:wrap; justify-content:center; gap:4px 16px; row-gap:2px;}
  .rz-topbar__right{display:none;}
}

/* --------------------------------------------------------- sticky header wrap */
.rz-headwrap{position:sticky; top:0; z-index:60;}
/* The glass effect lives on a ::before layer, NOT on .rz-header itself:
   backdrop-filter makes an element the containing block for position:fixed
   descendants, and the mini-cart drawer sits inside the header (it must, so
   JTL's AJAX can refresh it) — on .rz-header it got clipped to header height. */
.rz-header{position:relative; background:transparent; border-bottom:1px solid var(--line);}
.rz-header::before{content:""; position:absolute; inset:0; background:rgba(255,255,255,.46);
  backdrop-filter:saturate(160%) blur(18px); -webkit-backdrop-filter:saturate(160%) blur(18px); pointer-events:none;}
.rz-header > .rz-wrap{position:relative;}
.rz-header .rz-wrap{display:flex; align-items:center; gap:22px; padding-top:16px; padding-bottom:16px;}

/* logo */
.rz-logo{font-family:var(--head); font-weight:800; font-size:25px; letter-spacing:.14em; line-height:1; color:var(--ink); display:inline-flex; align-items:center;}
.rz-logo:hover{color:var(--ink);}
.rz-logo .dot{color:var(--red);}
.rz-logo img{height:34px; width:auto;}

/* burger (mobile) */
.rz-burger{display:none; padding:6px; color:var(--ink);}
.rz-burger svg{width:24px; height:24px;}

/* search pill */
.rz-search{flex:1; max-width:520px; margin:0 auto; display:flex; align-items:center; gap:10px;
  background:var(--soft); border:1px solid var(--line); border-radius:999px; padding:0 8px 0 18px;}
.rz-search .rz-search-ico{width:18px; height:18px; color:var(--ink3); flex-shrink:0;}
.rz-search input{flex:1; min-width:0; border:none; background:none; padding:12px 0; outline:none; color:var(--ink); font-size:15px;}
/* JTL's typeahead (.ac_input) wraps the input in <span class="twitter-typeahead">,
   which becomes the flex item and collapses to content width — that stranded the
   "Suchen" button mid-field. Make the wrapper the growing item instead. */
.rz-search .twitter-typeahead{flex:1 1 auto; min-width:0; display:block !important; width:100%;}
.rz-search .twitter-typeahead .tt-input,.rz-search .twitter-typeahead input{width:100%;}
.rz-search .tt-menu{left:0 !important; right:0; border:1px solid var(--line); border-radius:14px; box-shadow:var(--sh-drop); background:#fff; padding:6px; margin-top:8px;}
/* belt-and-braces: always pin the button to the right edge */
.rz-search-btn{margin-left:auto; flex-shrink:0; background:var(--ink); color:#fff; border:none; border-radius:999px; padding:8px 16px; font-size:13.5px; font-weight:600; margin-top:5px; margin-bottom:5px; white-space:nowrap; display:inline-flex; align-items:center;}
.rz-search-btn:hover{color:#fff;}

/* live product-search suggestions dropdown (initSearchSuggest in razan.js):
   type → up to 6 matching products (thumb + name + price) → click goes to the PDP. */
.rz-search,.rz-drawer-search{position:relative;}
.rz-suggest{position:absolute; top:calc(100% + 10px); left:0; right:0; z-index:1300;
  background:#fff; border:1px solid var(--line); border-radius:16px;
  box-shadow:var(--sh-drop, 0 18px 44px rgba(27,26,22,.16));
  padding:6px; max-height:min(72vh,540px); overflow-y:auto; text-align:left;}
.rz-suggest[hidden]{display:none;}
.rz-suggest__item{display:flex; align-items:center; gap:12px; padding:8px 10px; border-radius:11px;
  text-decoration:none; color:var(--ink);}
.rz-suggest__item:hover,.rz-suggest__item.is-active{background:var(--soft); color:var(--ink); text-decoration:none;}
.rz-suggest__thumb{flex:0 0 48px; width:48px; height:48px; border-radius:9px; overflow:hidden; background:#fff;
  border:1px solid var(--line); display:flex; align-items:center; justify-content:center;}
.rz-suggest__thumb img{max-width:100%; max-height:100%; object-fit:contain; padding:3px; box-sizing:border-box;}
.rz-suggest__text{min-width:0; display:flex; flex-direction:column; gap:3px;}
.rz-suggest__name{font-size:13.5px; font-weight:600; line-height:1.3; color:var(--ink);
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}
.rz-suggest__price{font-size:13px; font-weight:700; color:var(--ink);}
.rz-suggest__all{display:block; text-align:center; padding:11px 10px 7px; margin-top:4px;
  border-top:1px solid var(--line); font-size:13px; font-weight:600; color:var(--ink2); text-decoration:none;}
.rz-suggest__all:hover{color:var(--red); text-decoration:none;}
.rz-suggest__msg{padding:18px 12px; text-align:center; color:var(--ink3); font-size:13.5px;}

/* --------------------------------------------------------------- icon cluster */
.rz-icons{display:flex; align-items:center; gap:4px; margin-left:auto;}
.rz-ic{display:flex; align-items:center; justify-content:center; padding:9px; border-radius:10px; color:var(--ink); position:relative;}
.rz-ic:hover{background:var(--soft); color:var(--ink);}
.rz-ic svg{width:22px; height:22px;}
.rz-badge{position:absolute; top:3px; right:2px; background:var(--red); color:#fff; font-size:10px; font-weight:700;
  min-width:16px; height:16px; border-radius:9px; display:flex; align-items:center; justify-content:center; padding:0 4px;}
.rz-badge--ink{background:var(--ink);}

/* header dropdown (account / wishlist / compare) */
.rz-dd{position:relative;}
.rz-dd-menu{position:absolute; right:0; top:calc(100% + 10px); width:230px; background:#fff; border:1px solid var(--line);
  border-radius:14px; box-shadow:var(--sh-drop); padding:8px; z-index:70; display:none;}
.rz-dd.is-open .rz-dd-menu{display:block; animation:rzDrop .16s ease;}
.rz-dd-menu.rz-dd-menu--wide{width:320px;}
.rz-dd-head{padding:12px 12px 10px; font-size:13px; color:var(--ink2);}
.rz-dd-menu a{display:block; padding:11px 12px; border-radius:9px; font-size:14.5px; color:var(--ink);}
.rz-dd-menu a:hover{background:var(--soft); color:var(--ink);}
.rz-dd-menu a.rz-dd-strong{font-weight:600;}
.rz-dd-sep{height:1px; background:var(--line); margin:6px 4px;}
/* neutralize any reused the stock template .dropdown-menu inside our dropdown */
.rz-dd-menu .dropdown-menu{position:static; float:none; border:none; box-shadow:none; padding:0; margin:0; background:none; display:block;}

/* cart pill */
.rz-cart-btn{display:flex; align-items:center; gap:9px; padding:9px 14px 9px 10px; border-radius:12px; background:var(--ink); color:#fff;}
.rz-cart-btn:hover{color:#fff; opacity:.94;}
.rz-cart-btn .ic{position:relative; display:flex;}
.rz-cart-btn .ic svg{width:22px; height:22px;}
.rz-cart-btn .rz-badge{top:-6px; right:-8px;}
.rz-cart-btn .amount{font-weight:600; font-size:13.5px; white-space:nowrap;}
/* keep the pill's icon + price crisp white on the ink background — a leftover
   skin/the stock template rule was dimming them to near-grey and they were hard to read */
.rz-headwrap .rz-cart-btn,.rz-headwrap .rz-cart-btn:hover,.rz-headwrap .rz-cart-btn:focus,
.rz-headwrap .rz-cart-btn .ic,.rz-headwrap .rz-cart-btn .amount,
.rz-headwrap .rz-cart-btn .cart-icon-dropdown-price{color:#fff !important;}
.rz-headwrap .rz-cart-btn svg{color:#fff !important; stroke:#fff !important; opacity:1 !important;}

/* checkout-only header */
.rz-header--checkout .rz-wrap{justify-content:space-between;}
.rz-secure{display:inline-flex; align-items:center; gap:8px; color:var(--ink2); font-weight:600; font-size:14px;}

/* -------------------------------------------------------------- desktop nav */
.rz-mainnav{border-top:1px solid var(--line); background:rgba(255,255,255,.7);}
.rz-mainnav ul,.rz-menu,.rz-menu-item{list-style:none !important; margin:0;}
.rz-menu{max-width:var(--maxw); margin:0 auto; padding:0 22px; display:flex; gap:4px;}
.rz-menu-item{position:static;}
.rz-menu-item::marker,.rz-menu-item::before{content:none;}
.rz-menu-item > a{display:flex; align-items:center; gap:6px; padding:14px 16px; font-size:14.5px; font-weight:600;
  color:var(--ink); border-bottom:2px solid transparent;}
.rz-menu-item:hover > a,.rz-menu-item.is-open > a{color:var(--ink); border-bottom-color:var(--ink);}
/* crisp CSS triangle — the ▾ glyph renders as a stray dash at small sizes */
.rz-menu-item > a .caret{font-size:0; line-height:0; width:0; height:0; margin-top:3px;
  border-left:4px solid transparent; border-right:4px solid transparent; border-top:4px solid currentColor; opacity:.45;}
.rz-menu-item:hover > a .caret,.rz-menu-item.is-open > a .caret{opacity:.9;}
.rz-mega{position:absolute; left:0; right:0; background:#fff; border-top:1px solid var(--line); border-bottom:1px solid var(--line);
  box-shadow:var(--sh-mega); z-index:55; display:none;}
.rz-menu-item.is-open .rz-mega,.rz-menu-item:hover .rz-mega{display:block; animation:rzDrop .16s ease;}
.rz-mega-inner{max-width:var(--maxw); margin:0 auto; padding:26px 22px; display:grid; grid-template-columns:1fr 1fr 1fr 1.3fr; gap:26px;}
/* two-level column list: subcategory heading + its own children.
   Multi-column (not grid): a grid puts group 3 on a NEW ROW under the tallest
   group, leaving a big hole beside it. Column flow packs each group directly
   under the previous one, which is what the design shows. */
.rz-mega-cols{grid-column:span 2; columns:2; column-gap:26px;}
.rz-mega-col{min-width:0; break-inside:avoid; -webkit-column-break-inside:avoid; page-break-inside:avoid; margin-bottom:22px;}
.rz-mega-col:last-child{margin-bottom:0;}
.rz-mega-col__head{display:block; font-weight:700; font-size:14.5px; color:var(--ink); padding:0 10px 7px; letter-spacing:-.01em;}
.rz-mega-col__head:hover{color:var(--red);}
.rz-mega-sub{display:flex; flex-direction:column; list-style:none !important; margin:0; padding:0;}
.rz-mega-sub a{display:block; padding:6px 10px; border-radius:8px; font-size:14px; color:var(--ink2);}
.rz-mega-sub a:hover{background:var(--soft); color:var(--ink);}
/* "+N weitere" reveal — shared by the mega sub-lists AND the mobile drawer sub-lists.
   Items past the 5th carry .rz-more-item (hidden); rz-nav.js toggles .is-expanded on the ul. */
.rz-more-item{display:none;}
ul.is-expanded > .rz-more-item{display:block;}
.rz-more-li{list-style:none !important; margin:0; border-bottom:0 !important;}
/* the drawer gives every list button a big full-width style — beat it (0,2,0 > 0,1,2) */
.rz-more-toggle,.rz-drawer-menu .rz-more-toggle,.rz-drawer-sub .rz-more-toggle{
  display:inline-block; width:auto; padding:6px 10px; margin:2px 0 0;
  background:none !important; border:0 !important; box-shadow:none !important;
  font-size:13px; font-weight:600; color:var(--red); cursor:pointer; text-align:left; justify-content:flex-start;}
.rz-more-toggle:hover{text-decoration:underline; background:none !important; color:var(--red);}
.rz-drawer-sub .rz-more-toggle{padding-left:26px; font-size:14px;}
/* a subcategory with no children still reads as a plain link */
.rz-mega-col:not(:has(.rz-mega-sub)) .rz-mega-col__head{font-weight:500; color:var(--ink2); padding-bottom:0;}
.rz-mega-col:not(:has(.rz-mega-sub)) .rz-mega-col__head:hover{color:var(--ink);}
.rz-mega-feat{align-self:start;}
.rz-mega-feat__ey{font-size:12px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; color:var(--ink3); margin-bottom:12px;}
.rz-mega-feat__img{height:120px; border-radius:12px; margin-bottom:10px;}
.rz-mega-feat a{color:var(--ink);}
.rz-mega-feat a:hover{color:var(--red);}
.rz-mega-feat b{font-weight:600; display:block; color:var(--ink);}
.rz-mega-feat span{font-size:13px; color:var(--ink2);}
.rz-mega-promo{background:var(--soft); border-radius:14px; padding:20px; align-self:start;}
.rz-mega-promo__ey{font-size:12px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; color:var(--red); margin-bottom:8px;}
.rz-mega-promo b{font-family:var(--head); font-size:22px; font-weight:700; margin-bottom:6px; display:block; text-transform:none;}
.rz-mega-promo p{font-size:13.5px; color:var(--ink2); margin-bottom:14px;}
.rz-mega-promo .rz-btn{padding:9px 16px; font-size:13.5px;}
/* uploaded menu images (Megamenü-Aktion → "Bild hochladen") — fill their tiles (cover) */
.rz-mega-feat__img{background-size:cover; background-position:center; background-repeat:no-repeat;}
.rz-mega-promo{position:relative; overflow:hidden;}
.rz-mega-promo--img{background-size:cover !important; background-position:center; background-repeat:no-repeat; min-height:158px;}
.rz-mega-promo--img::before{content:""; position:absolute; inset:0; z-index:0;
  background:linear-gradient(180deg,rgba(27,26,22,.28),rgba(27,26,22,.70));}
.rz-mega-promo--img > *{position:relative; z-index:1;}
.rz-mega-promo--img .rz-mega-promo__ey{color:#fff;}
.rz-mega-promo--img b,.rz-mega-promo--img p{color:#fff;}
.rz-mega-promo--img .rz-btn{background:#fff !important; color:var(--ink) !important; border-color:#fff !important;}

/* --------------------------------------------------------------- mobile drawer */
.rz-drawer{position:fixed; inset:0; z-index:100010; display:none;}
.rz-drawer.is-open{display:block;}
.rz-drawer-scrim{position:absolute; inset:0; background:rgba(20,19,15,.5);}
.rz-drawer-panel{position:absolute; left:0; top:0; bottom:0; width:min(86vw,360px); background:#fff;
  animation:rzSlideIn .22s ease; display:flex; flex-direction:column;}
.rz-drawer-head{display:flex; align-items:center; justify-content:space-between; padding:18px 20px; border-bottom:1px solid var(--line);}
.rz-drawer-head .rz-logo{font-size:20px;}
.rz-drawer-back{display:none; font-weight:600; color:var(--ink2);}
/* back button shows once drilled into a category (JS toggles .is-drilled on .rz-drawer) */
.rz-drawer.is-drilled .rz-drawer-back{display:inline;}
.rz-drawer-close{font-size:24px; line-height:1; color:var(--ink2);}
.rz-drawer-viewport{padding:16px 14px; overflow:auto; flex:1;}
.rz-drawer-search{display:flex; align-items:center; gap:9px; background:var(--soft); border:1px solid var(--line);
  border-radius:12px; padding:11px 14px; margin-bottom:14px;}
.rz-drawer-search svg{width:17px; height:17px; color:var(--ink3);}
.rz-drawer-search input{border:none; background:none; outline:none; flex:1; font-size:15px;}
.rz-drawer-menu li > a,.rz-drawer-menu li > button{width:100%; text-align:left; display:flex; align-items:center;
  justify-content:space-between; padding:14px 12px; font-weight:600; font-size:15.5px; color:var(--ink); border-bottom:1px solid var(--line);}
.rz-drawer-menu .chev,.rz-drawer-menu .rz-drawer-menu li a span{color:var(--ink3);}
.rz-drawer-links{margin-top:16px;}
.rz-drawer-links a{display:block; padding:12px; color:var(--ink2);}
/* 3rd level inside the mobile drawer, indented under its parent */
.rz-drawer-sub{border-bottom:1px solid var(--line);}
.rz-drawer-sub > ul{list-style:none !important; margin:0; padding:0 0 6px 0;}
.rz-drawer-sub > ul > li > a{display:block; padding:9px 12px 9px 26px; font-size:14.5px; font-weight:400;
  color:var(--ink2); border-bottom:none !important;}
.rz-drawer-sub > ul > li > a:hover{color:var(--ink); background:var(--soft);}
.rz-drawer-panel-sub{display:none;}
/* JS adds .is-active to the opened sub-panel + .is-drilled to the drawer. (Was .is-open /
   .rz-showsub — a class-name mismatch, so the mobile sub-menus never appeared.) When drilled,
   the top-level list + search are hidden so only the category's sub-panel shows. */
.rz-drawer-panel-sub.is-active{display:block;}
.rz-drawer.is-drilled .rz-drawer-viewport > .rz-drawer-menu,
.rz-drawer.is-drilled .rz-drawer-viewport > .rz-drawer-search{display:none;}
.rz-drawer-subhead{font-weight:700; padding:8px 12px 12px; font-size:16px;}

/* ----------------------------------------------------------- right mini-cart */
/* z-index must clear the sticky header AND the stock template's stack (which reaches 10000+);
   at 90 the drawer slid in behind the header and its top (heading + first item)
   was hidden. 100010 sits just above the stock template's highest (100000). */
.rz-mc-overlay{position:fixed; inset:0; z-index:100010; display:none;}
.rz-mc-overlay.is-open{display:block;}
.rz-mc-scrim{position:absolute; inset:0; background:rgba(20,19,15,.5);}
.rz-mc{position:absolute; right:0; top:0; bottom:0; width:min(92vw,420px); background:#fff; display:flex; flex-direction:column;
  box-shadow:var(--sh-cart); animation:rzSlideInRight .22s ease;}
.rz-mc__head{display:flex; align-items:center; justify-content:space-between; padding:20px 22px; border-bottom:1px solid var(--line);}
.rz-mc__head b{font-family:var(--head); font-weight:700; font-size:18px;}
.rz-mc__close{font-size:26px; line-height:1; color:var(--ink2);}
.rz-mc__body{flex:1; overflow:auto; padding:12px 18px;}
.rz-mc__empty{flex:1; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:14px; padding:30px; text-align:center;}
.rz-mc__empty .ic{font-size:40px;}
.rz-mc__empty p{color:var(--ink2);}
.rz-mci{display:flex; gap:14px; padding:14px 0; border-bottom:1px solid var(--line);}
.rz-mci__media{width:66px; height:80px; border-radius:10px; flex-shrink:0; overflow:hidden;}
.rz-mci__media img{width:100%; height:100%; object-fit:cover;}
.rz-mci__body{flex:1; min-width:0;}
.rz-mci__name{font-weight:600; font-size:14.5px;}
.rz-mci__meta{font-size:12.5px; color:var(--ink3); margin:2px 0 8px;}
.rz-mci__row{display:flex; align-items:center; justify-content:space-between;}
.rz-mci__qty{display:flex; align-items:center; border:1px solid var(--line2); border-radius:999px;}
.rz-mci__qty button{width:28px; height:28px; font-size:16px; color:var(--ink2);}
.rz-mci__qty span{min-width:22px; text-align:center; font-size:13.5px; font-weight:600;}
.rz-mci__line{font-weight:700;}
.rz-mc__foot{padding:18px 22px; border-top:1px solid var(--line); background:var(--soft);}
.rz-mc__sl{display:flex; justify-content:space-between; margin-bottom:6px; font-size:14px; color:var(--ink2);}
.rz-mc__tot{display:flex; justify-content:space-between; margin-bottom:16px; font-weight:700; font-size:17px;}

/* --------------------------------------------------------------------- footer
   (targets the class names already present in layout/footer.tpl) */
.rz-footer{background:var(--ink); color:#cfcabd; margin-top:20px;}
.rz-footer .container{max-width:var(--maxw); padding-left:22px; padding-right:22px; margin:0 auto; width:100%;}
.rz-footer a{color:#cfcabd;}
.rz-footer a:hover{color:#fff;}
/* Footer layout — ONE system (flex). custom.css also styles .rz-footer-top; this
   file loads last so these win. Brand left, link columns grouped right, all TOP-aligned.
   Reduced top padding: with #footer padding-top:0 + container ~28-40px + this 22px, the
   old ~156px dead band above the columns is gone. */
.rz-footer-top{display:flex; flex-wrap:wrap; align-items:flex-start;
  gap:30px clamp(36px,5vw,72px); padding:22px 0 30px; border-bottom:1px solid rgba(255,255,255,.12);}
.rz-footer-brand{flex:0 1 300px; min-width:240px;}
/* link columns take the remaining width and spread evenly, so there's no dead gap
   between the brand and the first column */
.rz-footer-cols{display:flex; flex-wrap:wrap; align-items:flex-start; gap:26px clamp(30px,4vw,56px);
  flex:1 1 520px; justify-content:space-between;}
.rz-footer-col{flex:0 1 auto; min-width:150px;}
.rz-footer-brand .rz-footer-wordmark{font-family:var(--head); font-weight:800; font-size:24px; letter-spacing:.14em; color:#fff; margin-bottom:14px; display:inline-block;}
.rz-footer-brand .rz-footer-wordmark:hover{color:#fff;}
/* logo variant — sized by CSS so any merchant logo keeps its own aspect ratio */
.rz-footer-brand .rz-footer-wordmark--img{margin-bottom:16px; letter-spacing:0;}
.rz-footer-brand .rz-footer-wordmark--img img{
  width:auto; max-width:190px; height:auto; max-height:74px; display:block;}
.rz-footer-brand .rz-footer-wordmark--img:hover{opacity:.85;}
.rz-footer-brand > p{font-size:13.5px; line-height:1.6; max-width:280px; margin:0 0 18px;}
.rz-social{display:flex; gap:10px; list-style:none; padding:0; margin:0;}
.rz-social a{width:38px; height:38px; border-radius:999px; border:1px solid rgba(255,255,255,.2);
  display:flex; align-items:center; justify-content:center; color:#fff;}
.rz-social a:hover{background:rgba(255,255,255,.1);}
.rz-footer-col-title{color:#fff; font-weight:700; font-size:14px; margin-bottom:14px;}
.rz-footer-col ul{display:flex; flex-direction:column; gap:10px; font-size:13.5px; list-style:none; padding:0; margin:0;}
/* footer box headings (Informationen / Gesetzliche Informationen) — bolder + clear gap */
#footer .rz-footer-col .productlist-filter-headline,
#footer .rz-footer-col .box-normal-link{
  color:#fff !important; font-weight:700 !important; font-size:14.5px !important;
  letter-spacing:.02em; margin:0 0 16px !important; padding:0; text-transform:none;}
/* mobile: show every footer link (no accordion) — the box collapses were a mobile-only
   drill; the footer is short enough to just list everything. */
@media (max-width:767.98px){
  #footer .rz-footer-col .box-normal-link{display:none !important;}
  #footer .rz-footer-col .productlist-filter-headline{display:flex !important;}
  #footer .rz-footer-col .collapse{display:block !important; height:auto !important;}
  #footer .rz-footer-col .box-normal-hr,#footer .rz-footer-col hr{display:none !important;}
}
.rz-footer-trust{display:grid; grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); gap:14px; padding:26px 0; border-bottom:1px solid rgba(255,255,255,.12); list-style:none; margin:0;}
.rz-footer-trust li{display:flex; align-items:center; gap:10px; font-size:13.5px;}
.rz-footer-trust i{color:var(--sand); width:18px; text-align:center;}
.footnote-vat{padding-top:16px; font-size:12px; color:#9c988c; line-height:1.6;}
.footnote-vat a{text-decoration:underline;}
/* inset newsletter card (only when merchant enables footer newsletter) */
.rz-newsletter-card{display:grid; grid-template-columns:1fr 1fr; gap:24px; align-items:center; margin:26px 0;
  background:linear-gradient(120deg,#2a2823,#211f1a); border:1px solid rgba(255,255,255,.1); border-radius:18px; padding:28px;}
.rz-newsletter-card .h2{font-family:var(--head); color:#fff; font-size:22px; margin-bottom:8px;}
.rz-newsletter-card .info{font-size:12.5px; color:#9c988c;}
.rz-newsletter-card .btn{background:var(--red); border:none; color:#fff; border-radius:999px; padding:12px 22px; font-weight:600;}
.rz-newsletter-card .form-control{border-radius:999px; border:1px solid rgba(255,255,255,.2); background:rgba(255,255,255,.06); color:#fff; padding:12px 18px;}
@media (max-width:700px){ .rz-newsletter-card{grid-template-columns:1fr;} }
/* bottom bar */
#copyright{background:var(--ink);}
#copyright .container{max-width:var(--maxw); padding:0 22px 30px; margin:0 auto; width:100%;}
.rz-copyright-inner{display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap;
  padding-top:22px; border-top:1px solid rgba(255,255,255,.12); font-size:12.5px; color:#9c988c;}
.rz-copyright-legal a{text-decoration:underline;}
.rz-copyright-legal a:hover{color:#fff;}
.rz-copyright-legal #system-credits{margin-left:8px;}
/* Bildhinweise link injected under the "Vertrag widerrufen" footer button (inherits .rz-footer a colour) */
.rz-bild-item{margin:10px 0 0;}
.rz-bild-link{text-decoration:underline; cursor:pointer;}
.rz-payment{display:flex; gap:12px; list-style:none; padding:0; margin:0; font-size:26px; color:#cfcabd;}
.rz-payment i:hover{color:#fff;}
@media (max-width:900px){ .rz-footer-top{grid-template-columns:1fr 1fr;} }
@media (max-width:560px){ .rz-footer-top{grid-template-columns:1fr;} }

/* --------------------------------------------------------------- breakpoints */
@media (max-width:900px){
  .rz-burger{display:flex;}
  .rz-search{display:none;}
  .rz-mainnav{display:none;}
  .rz-header .rz-wrap{gap:14px;}
}
@media (max-width:560px){
  .rz-cart-btn .amount{display:none;}
  .rz-icons{gap:0;}
}
@media (min-width:901px){
  /* hide wishlist/compare on mobile handled by template; keep desktop dropdowns */
}