/* ============================================================
   Lady Anja — „La Maison" Design-System (Hummingbird-Child)
   Spec: docs/superpowers/specs/2026-08-05-ladyanja-store-design.md
   ============================================================ */
@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:300;font-display:swap;
  src:url('../fonts/cormorant-garamond-v21-latin_latin-ext-300.woff2') format('woff2');}
@font-face{font-family:'Cormorant Garamond';font-style:italic;font-weight:300;font-display:swap;
  src:url('../fonts/cormorant-garamond-v21-latin_latin-ext-300italic.woff2') format('woff2');}
@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:400;font-display:swap;
  src:url('../fonts/cormorant-garamond-v21-latin_latin-ext-regular.woff2') format('woff2');}
@font-face{font-family:'Cormorant Garamond';font-style:italic;font-weight:400;font-display:swap;
  src:url('../fonts/cormorant-garamond-v21-latin_latin-ext-italic.woff2') format('woff2');}
@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:500;font-display:swap;
  src:url('../fonts/cormorant-garamond-v21-latin_latin-ext-500.woff2') format('woff2');}
@font-face{font-family:'Cormorant Garamond';font-style:italic;font-weight:500;font-display:swap;
  src:url('../fonts/cormorant-garamond-v21-latin_latin-ext-500italic.woff2') format('woff2');}
@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:600;font-display:swap;
  src:url('../fonts/cormorant-garamond-v21-latin_latin-ext-600.woff2') format('woff2');}
@font-face{font-family:'Inter';font-style:normal;font-weight:200;font-display:swap;
  src:url('../fonts/inter-v20-latin_latin-ext-200.woff2') format('woff2');}
@font-face{font-family:'Inter';font-style:normal;font-weight:300;font-display:swap;
  src:url('../fonts/inter-v20-latin_latin-ext-300.woff2') format('woff2');}
@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;
  src:url('../fonts/inter-v20-latin_latin-ext-regular.woff2') format('woff2');}
@font-face{font-family:'Inter';font-style:normal;font-weight:500;font-display:swap;
  src:url('../fonts/inter-v20-latin_latin-ext-500.woff2') format('woff2');}

:root{
  --la-bg:#0a0a0c; --la-surface:#101014; --la-surface-2:#121216;
  --la-line:#26262c; --la-line-soft:#1a1a20;
  --la-text:#e9e7e1; --la-text-dim:#9b978d; --la-muted:#8f8b82;
  --la-gold:#c9a24b; --la-gold-2:#e6c877;
  --la-serif:'Cormorant Garamond',Georgia,serif;
  --la-sans:'Inter',system-ui,sans-serif;
  --bs-body-bg:var(--la-bg); --bs-body-color:var(--la-text);
  --bs-primary:var(--la-gold); --bs-link-color:var(--la-gold); --bs-link-hover-color:var(--la-gold-2);
  --bs-tertiary-bg:#0a0a0c; --bs-tertiary-bg-rgb:10,10,12;
  --bs-secondary-bg:#101014; --bs-secondary-bg-rgb:16,16,20;
  --bs-body-bg-rgb:10,10,12;
  --bs-tertiary-color:#9b978d; --bs-secondary-color:#9b978d;
  --bs-border-color:#26262c;
  /* BS-5.3-Subtle/Emphasis-Toene: speisen .alert-* UND die Header-Toasts
     (theme.js: bg-danger-subtle etc.) — Light-Default waere Rosa/Pastell
     auf Dunkelgrund mit heller Schrift (unleserlich, 2026-08-21). */
  --bs-danger-bg-subtle:#241215; --bs-danger-border-subtle:#5a262d; --bs-danger-text-emphasis:#e0aba6;
  --bs-warning-bg-subtle:#221a0d; --bs-warning-border-subtle:#5c4a22; --bs-warning-text-emphasis:#dcc389;
  --bs-success-bg-subtle:#121d14; --bs-success-border-subtle:#2c5236; --bs-success-text-emphasis:#a9d0af;
  --bs-info-bg-subtle:#0f1a20; --bs-info-border-subtle:#294a5a; --bs-info-text-emphasis:#a7cbde;
  --bs-primary-bg-subtle:#1d1708; --bs-primary-border-subtle:#4a3b17; --bs-primary-text-emphasis:var(--la-gold-2);
  --bs-secondary-bg-subtle:var(--la-surface-2); --bs-secondary-border-subtle:var(--la-line);
  --bs-secondary-text-emphasis:var(--la-text-dim);
}

/* ---- Base ---- */
html,body{background:var(--la-bg)!important;color:var(--la-text)!important;font-family:var(--la-sans);font-weight:300;}
main,#wrapper,.page-content,#content-wrapper,.center-column,#content{background:transparent!important;color:var(--la-text);}
h1,h2,h3,.h1,.h2,.h3{font-family:var(--la-serif);font-weight:400;color:var(--la-text);}
a{color:var(--la-gold);text-decoration:none;} a:hover{color:var(--la-gold-2);}
hr{border-color:var(--la-line);}
.container,.container-md,.container-fluid{max-width:1280px;}
img{max-width:100%;}

/* ---- Utilities ---- */
.la-label{font-family:var(--la-sans);font-size:10px;letter-spacing:.24em;text-transform:uppercase;font-weight:400;}
.la-cta-line{display:inline-block;font-size:11px;letter-spacing:.26em;text-transform:uppercase;
  color:var(--la-text);border-bottom:1px solid var(--la-gold);padding-bottom:6px;transition:.2s;}
.la-cta-line:hover{color:var(--la-gold-2);border-color:var(--la-gold-2);}
.la-section-head{display:flex;align-items:baseline;gap:18px;margin:56px 0 24px;}
.la-section-head .no{font-family:var(--la-serif);font-style:italic;font-size:15px;color:var(--la-gold);}
.la-section-head h2{font-size:1.8rem;margin:0;}
.la-section-head .ln{flex:1;height:1px;background:var(--la-line-soft);}
.la-section-head .all{font-size:9.5px;letter-spacing:.24em;text-transform:uppercase;color:var(--la-muted);}
.la-section-head .all:hover{color:var(--la-gold-2);}

/* ---- Formulare ---- */
/* Checkbox/Radio ausgenommen: der background-Shorthand wuerde deren
   :checked-Indikator (background-image) mit loeschen */
input:not([type=checkbox]):not([type=radio]),select,textarea,.form-control{
  background:var(--la-surface)!important;border:1px solid var(--la-line)!important;
  color:var(--la-text)!important;border-radius:2px;}
input::placeholder{color:var(--la-muted)!important;}
.form-check-input{background-color:var(--la-surface);border:1px solid #3a3a42;}
.form-check-input:checked{background-color:var(--la-gold);border-color:var(--la-gold);}
.form-check-input:checked[type=checkbox]{--bs-form-check-bg-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='%230a0a0c' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3E%3C/svg%3E");}
.form-check-input:checked[type=radio]{--bs-form-check-bg-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='2' fill='%230a0a0c'/%3E%3C/svg%3E");}
/* Selects: Gold-Chevron (der background-Shorthand oben loescht Bootstraps Pfeil,
   daher longhands mit !important), color-scheme:dark macht das NATIVE Popup
   dunkel — mehr laesst der Browser am OS-Popup nicht zu. .list-attribute-custom
   select.form-control explizit: ets setzt dort appearance:auto. */
select,.form-select,.list-attribute-custom select.form-control{
  appearance:none;-webkit-appearance:none;color-scheme:dark;cursor:pointer;
  border-radius:1px;font-family:var(--la-sans);
  padding:.62rem 2.6rem .62rem .9rem;
  background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath fill='none' stroke='%23c9a24b' stroke-width='1.5' d='m1.5 1.5 4.5 4.5 4.5-4.5'/%3E%3C/svg%3E")!important;
  background-repeat:no-repeat!important;background-position:right .9rem center!important;
  background-size:11px!important;}
select:focus,.form-select:focus{border-color:var(--la-gold)!important;
  box-shadow:0 0 0 3px rgba(201,162,75,.14)!important;outline:none;}
select option{background-color:var(--la-surface-2);color:var(--la-text);}

/* ---- Buttons ---- */
.btn-primary,button.btn-primary,.add-to-cart{background:transparent!important;border:1px solid var(--la-gold)!important;
  color:var(--la-gold-2)!important;font-family:var(--la-sans);font-weight:400;letter-spacing:.18em;
  text-transform:uppercase;font-size:11px;border-radius:2px;padding:.7rem 1.6rem;box-shadow:none;}
.btn-primary:hover,.add-to-cart:hover{background:rgba(201,162,75,.12)!important;color:var(--la-gold-2)!important;}
.btn-secondary,.btn-outline-primary{border:1px solid var(--la-line)!important;color:var(--la-text-dim)!important;background:transparent!important;}

/* ---- Produktkarten ---- */
.product-miniature,.js-product-miniature,.product-miniature .card,.thumbnail-container{
  background:var(--la-surface-2)!important;border:1px solid var(--la-line)!important;border-radius:4px;overflow:hidden;}
.product-miniature img{filter:saturate(.8);transition:.3s;}
.product-miniature:hover{border-color:var(--la-gold)!important;transform:translateY(-2px);transition:.25s;}
.product-miniature:hover img{filter:saturate(1);}
.product-title a,.product-miniature h3 a{color:var(--la-text)!important;font-family:var(--la-sans);font-size:13px;font-weight:400;}
.price,.product-price,.product-price-and-shipping .price{font-family:var(--la-serif)!important;font-size:17px;
  color:var(--la-gold-2)!important;font-weight:500;}
.product-flag,.discount,.badge{background:var(--la-gold)!important;color:#0f0c06!important;border-radius:0;
  font-size:9px;letter-spacing:.14em;text-transform:uppercase;}

/* ---- Footer „La Maison" (Neubau 2026-08-20) ----
   Zirkel-Buehne (la-newsletter, Modul ladyanjahome) + la-footer
   (eigenes footer.tpl im Child, ersetzt Hummingbird komplett). */

/* Zirkel-Buehne mit Gold-Glow */
.la-newsletter{position:relative;overflow:hidden;background:var(--la-bg);
  border-top:1px solid var(--la-line-soft);padding:76px 0 68px;}
.la-newsletter::before{content:"";position:absolute;left:50%;top:-45%;width:860px;height:560px;
  transform:translateX(-50%);pointer-events:none;
  background:radial-gradient(closest-side,rgba(201,162,75,.14),transparent 70%);}
.la-newsletter__inner{position:relative;max-width:580px;text-align:center;}
.la-newsletter__kicker{color:var(--la-gold);margin:0 0 14px;}
.la-newsletter__title{font-family:var(--la-serif);font-size:38px;font-weight:400;
  color:var(--la-text);margin:0 0 10px;letter-spacing:.01em;}
.la-newsletter__sub{font-size:14px;color:var(--la-text-dim);margin:0 0 26px;}
.la-newsletter__form{display:flex;gap:12px;justify-content:center;align-items:flex-end;}
.la-newsletter__hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0;}
.la-newsletter__input{flex:1;max-width:340px;background:transparent!important;border:none!important;
  border-bottom:1px solid var(--la-line)!important;border-radius:0!important;color:var(--la-text)!important;
  padding:12px 4px;font-size:15px;text-align:center;transition:border-color .25s;}
.la-newsletter__input:focus{border-bottom-color:var(--la-gold)!important;outline:none;}
.la-newsletter__input::placeholder{color:var(--la-muted)!important;letter-spacing:.02em;}
.la-newsletter__btn{background:transparent;border:1px solid var(--la-gold);color:var(--la-gold-2);
  font-family:var(--la-sans);font-size:11px;font-weight:400;letter-spacing:.24em;text-transform:uppercase;
  padding:13px 30px;border-radius:2px;cursor:pointer;transition:background .25s,box-shadow .25s;}
.la-newsletter__btn:hover{background:rgba(201,162,75,.14);box-shadow:0 0 24px rgba(201,162,75,.18);}
.la-newsletter__hint{font-size:11px;color:var(--la-muted);margin:16px 0 0;}
.la-newsletter__msg{font-family:var(--la-serif);font-size:18px;margin:10px 0 0;}
.la-newsletter__msg--ok{color:var(--la-gold-2);}
.la-newsletter__msg--err{color:#cd6a5f;}

/* Markenzeile + Linkspalten */
.la-footer{position:relative;overflow:hidden;background:var(--la-bg);
  border-top:1px solid var(--la-line-soft);}
.la-footer__main{position:relative;z-index:1;display:flex;gap:72px;padding:64px 15px 110px;}
.la-footer__kicker{color:var(--la-gold);margin:0 0 16px;}
.la-footer__credo{font-family:var(--la-serif);font-size:30px;font-weight:400;line-height:1.2;
  color:var(--la-text);margin:0 0 18px;}
.la-footer__credo em{font-style:italic;color:var(--la-gold-2);}
.la-footer__mail{font-size:12.5px;color:var(--la-muted)!important;letter-spacing:.04em;}
.la-footer__mail:hover{color:var(--la-gold-2)!important;}
.la-footer__brand{flex:0 0 300px;}
.la-footer__links{flex:1;display:flex;gap:48px;justify-content:space-between;flex-wrap:wrap;}
.la-footer__links > div{min-width:150px;}
.la-footer .footer-block__title{color:var(--la-text-dim);font-family:var(--la-sans);font-size:10px;
  font-weight:400;letter-spacing:.26em;text-transform:uppercase;margin:0 0 18px;cursor:default;}
.la-footer .footer-block__content{display:block;height:auto;overflow:visible;}
/* Spalten sind immer offen — Toggle-Chevron ohne Funktion ausblenden */
.la-footer .footer-block__title svg,
.la-footer .footer-block__title .material-icons{display:none;}
.la-footer .footer-block__list{list-style:none;margin:0;padding:0;}
.la-footer .footer-block__list li{margin:0 0 11px;}
.la-footer .footer-block__list a{position:relative;display:inline-block;font-size:13px;
  color:var(--la-text-dim)!important;transition:color .2s,padding-left .2s;}
.la-footer .footer-block__list a::before{content:"";position:absolute;left:0;top:55%;width:0;height:1px;
  background:var(--la-gold);transition:width .2s;}
.la-footer .footer-block__list a:hover{color:var(--la-gold-2)!important;padding-left:16px;}
.la-footer .footer-block__list a:hover::before{width:11px;}

/* Editorial-Wasserzeichen */
.la-footer__watermark{position:absolute;left:50%;bottom:14px;transform:translateX(-50%);z-index:0;
  font-family:var(--la-serif);font-size:190px;line-height:.75;white-space:nowrap;
  color:rgba(233,231,225,.035);letter-spacing:.02em;pointer-events:none;user-select:none;}

/* Signaturleiste */
.la-footer__bar{position:relative;z-index:1;border-top:1px solid var(--la-line-soft);}
.la-footer__bar-inner{display:flex;justify-content:space-between;align-items:center;
  padding:16px 15px;font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--la-muted);}
.la-footer__b18{border:1px solid rgba(201,162,75,.45);color:var(--la-gold-2);border-radius:50%;
  width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;
  font-size:10px;letter-spacing:.08em;}

@media (max-width: 991.98px){
  .la-footer__main{flex-direction:column;gap:40px;padding-bottom:80px;}
  .la-footer__watermark{font-size:110px;}
}
@media (max-width: 575.98px){
  .la-newsletter{padding:56px 0 48px;}
  .la-newsletter__title{font-size:30px;}
  .la-newsletter__form{flex-direction:column;align-items:center;gap:16px;}
  .la-newsletter__input{width:100%;max-width:320px;}
  .la-footer__links{gap:28px;}
  .la-footer__watermark{font-size:64px;bottom:8px;}
  .la-footer__bar-inner{flex-direction:column;gap:10px;}
}

.ps-emailsubscription{background:var(--la-bg)!important;color:var(--la-text)!important;border:none!important;padding:40px 0 24px!important;}
.ps-emailsubscription .form-control{background:transparent!important;border:none!important;border-bottom:1px solid var(--la-line)!important;border-radius:0!important;color:var(--la-text)!important;}
.ps-emailsubscription .form-control::placeholder{color:var(--la-muted)!important;}
.ps-emailsubscription .h3{color:var(--la-text)!important;}
.ps-emailsubscription .btn-primary{background:transparent!important;border:1px solid var(--la-gold)!important;color:var(--la-gold-2)!important;font-weight:400;letter-spacing:.18em;text-transform:uppercase;font-size:11px;border-radius:2px;padding:.7rem 1.6rem;}
.ps-emailsubscription .btn-primary:hover{background:rgba(201,162,75,.12)!important;color:var(--la-gold-2)!important;}
.ps-emailsubscription p,.ps-emailsubscription .fs-6{color:var(--la-muted)!important;}

/* ---- Header (Inline, La Maison) ---- */
.la-header{background:var(--la-bg);border-bottom:1px solid var(--la-line-soft);position:sticky;top:0;z-index:1020;}
.la-header--scrolled{background:rgba(10,10,12,.92);backdrop-filter:blur(8px);}
.la-header__logo img{max-height:52px;width:auto;}
.la-header .header-bottom__row{min-height:76px;}
.la-header__utils{gap:2px;}
/* Titel-Spans tragen Bootstraps layered d-md-inline (!important). Bei !important
   gewinnt die FRUEHESTE Layer — daher Override in @layer vendors statt unlayered. */
@layer vendors{.la-header__utils .header-block__title{display:none!important;}}
.la-header__utils .header-block__badge{background:var(--la-gold);color:#0a0a0c;font-size:10px;
  font-weight:500;min-width:16px;height:16px;line-height:16px;border-radius:8px;}
@media (max-width: 767.98px){
  .la-header__logo img{max-height:40px;}
  .la-header .header-bottom__row{min-height:60px;}
}
.la-header__utils .header-block__action-btn,.la-search-toggle{color:var(--la-text);background:none;border:none;padding:8px;}
.la-header__utils .header-block__action-btn:hover,.la-search-toggle:hover{color:var(--la-gold-2);}
.la-search-overlay{position:absolute;left:0;right:0;background:var(--la-surface);border-bottom:1px solid var(--la-line);
  padding:28px 0;z-index:1019;box-shadow:0 30px 60px rgba(0,0,0,.5);}
.la-search-overlay input{font-family:var(--la-serif)!important;font-size:1.4rem!important;background:transparent!important;
  border:none!important;border-bottom:1px solid var(--la-line)!important;border-radius:0!important;}

/* ---- Mega-Menü (La Maison) ---- */
.la-header__nav .ps-mainmenu__tree{display:flex;gap:6px;margin:0;padding:0;list-style:none;}
.la-header__nav .ps-mainmenu a{font-family:var(--la-sans);font-size:10.5px;letter-spacing:.22em;
  text-transform:uppercase;font-weight:400;color:var(--la-text)!important;padding:20px 14px!important;position:relative;}
.la-header__nav .ps-mainmenu a:hover{color:var(--la-gold-2)!important;}
.la-header__nav .ps-mainmenu__tree-item > .ps-mainmenu__tree-item-wrapper a::after{content:"";position:absolute;
  left:14px;right:14px;bottom:12px;height:1px;background:var(--la-gold);transform:scaleX(0);transition:transform .22s;}
.la-header__nav .ps-mainmenu__tree-item:hover > .ps-mainmenu__tree-item-wrapper a::after{transform:scaleX(1);}
.ps-mainmenu .js-sub-menu,.ps-mainmenu .submenu,.la-mega{background:var(--la-surface)!important;
  border:none!important;border-bottom:1px solid var(--la-line)!important;border-radius:0!important;
  box-shadow:0 30px 60px rgba(0,0,0,.6)!important;padding:30px 34px 34px!important;left:0;right:0;width:100%;}
.la-mega__head,.ps-mainmenu .submenu .h6,.ps-mainmenu .submenu strong{color:var(--la-gold)!important;font-size:9.5px;
  letter-spacing:.26em;text-transform:uppercase;font-weight:400;margin-bottom:12px;padding-bottom:10px;
  border-bottom:1px solid var(--la-line-soft);display:block;}
.ps-mainmenu .submenu a{color:var(--la-text-dim)!important;font-size:12.5px;text-transform:none;
  letter-spacing:.02em;padding:6px 0!important;display:block;}
.ps-mainmenu .submenu a.la-mega__head{color:var(--la-gold)!important;font-size:9.5px!important;
  letter-spacing:.26em!important;text-transform:uppercase!important;}
.ps-mainmenu .submenu a:hover{color:var(--la-gold-2)!important;}
.ps-mainmenu .submenu a::after{display:none;}
/* Karte sitzt direkt in .submenu__right (volle Panelbreite) — margin-left:auto haelt sie rechtsbuendig */
.la-mega__feat{position:relative;display:block;height:190px;width:min(340px,100%);margin-left:auto;
  overflow:hidden;border-radius:4px;background:var(--la-surface-2);}
.la-mega__feat img{width:100%;height:100%;object-fit:cover;filter:saturate(.85);}
.la-mega__feat-ov{position:absolute;inset:0;background:linear-gradient(0deg,rgba(8,8,10,.8) 0%,transparent 55%);
  display:flex;flex-direction:column;justify-content:flex-end;padding:16px;}
.la-mega__feat-t{font-family:var(--la-serif);font-size:19px;color:var(--la-text);}
/* Mobile-Menü dunkel */
.ps-mainmenu__mobile,.ps-mainmenu__mobile *{background-color:var(--la-bg)!important;color:var(--la-text)!important;}
.ps-mainmenu__mobile .menu__link{font-family:var(--la-serif)!important;font-size:20px!important;text-transform:none!important;}

/* ---- Homepage: Hero ---- */
.la-home{padding-bottom:60px;}
/* Hero-Banner 24.08.: 2250x750 (3:1) bringt eigenen LADY-ANJA-Schriftzug mit —
   aspect-ratio haelt das Banner unbeschnitten, der fruehere 90deg-Verlauf
   (Links-Abdunkelung) wuerde nur das Motiv verdecken und ist raus. */
.la-hero{position:relative;width:100%;aspect-ratio:3/1;min-height:380px;max-height:720px;
  /* width:100% ist PFLICHT: ohne sie leitet aspect-ratio die BREITE aus
     min-/max-height ab — Box wird schmaler (grosser Desktop) bzw. breiter
     (Mobile) als der Viewport. */
  display:flex;align-items:flex-end;
  background:linear-gradient(0deg,rgba(8,8,10,.6) 0%,transparent 40%),
             url('../img/hero.jpg?v=2') center/cover no-repeat;}
.la-hero__txt{max-width:560px;padding:0 0 56px 5vw;}
/* Banner traegt den Schriftzug selbst — Kicker/H1 nur noch fuer SEO und
   Screenreader (visually hidden), sichtbar bleibt allein der CTA. */
.la-hero__kicker,.la-hero h1{position:absolute;width:1px;height:1px;margin:-1px;
  padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;}
.la-hero__kicker{color:var(--la-gold);margin-bottom:16px;}
.la-hero h1{font-weight:300;font-size:clamp(2.4rem,5vw,3.4rem);line-height:1.06;color:#f4f2ec;margin:0 0 22px;}
.la-hero h1 em{font-style:italic;color:var(--la-gold-2);}
/* ---- Homepage: Sortiment ---- */
.la-cats{display:grid;grid-template-columns:1.6fr 1fr 1fr;grid-auto-rows:230px;gap:14px;}
.la-cat{position:relative;display:block;border-radius:4px;overflow:hidden;background-size:cover;background-position:center 30%;
  filter:grayscale(.25);transition:filter .3s;}
.la-cat:hover{filter:grayscale(0);}
.la-cat--tall{grid-row:span 2;}
.la-cat__ov{position:absolute;inset:0;background:linear-gradient(0deg,rgba(8,8,10,.78) 0%,transparent 55%);
  display:flex;flex-direction:column;justify-content:flex-end;padding:18px 20px;z-index:1;}
.la-cat__no{font-family:var(--la-serif);font-style:italic;font-size:12px;color:var(--la-gold-2);}
.la-cat__nm{font-family:var(--la-serif);font-size:22px;font-weight:500;color:#f4f2ec;}
.la-cat__sb{color:var(--la-text-dim);margin-top:4px;}
.la-cat:hover .la-cat__nm{color:var(--la-gold-2);transition:.25s;}
.la-dlstrip{display:flex;align-items:center;gap:18px;border:1px solid var(--la-line);border-radius:4px;
  padding:16px 22px;margin-top:14px;color:var(--la-text);}
.la-dlstrip__nm{font-family:var(--la-serif);font-size:19px;}
.la-dlstrip__arr{margin-left:auto;color:var(--la-gold);}
.la-dlstrip:hover{border-color:var(--la-gold);}
/* ---- Homepage: Brand ---- */
.la-brand{display:grid;grid-template-columns:1fr 1.2fr;margin:64px 0 0;border-top:1px solid var(--la-line-soft);
  border-bottom:1px solid var(--la-line-soft);}
.la-brand__im{min-height:280px;background-size:cover;background-position:center 20%;filter:grayscale(.5);}
.la-brand__tx{display:flex;flex-direction:column;justify-content:center;padding:44px 5vw;}
.la-brand__tx blockquote{font-family:var(--la-serif);font-style:italic;font-weight:300;font-size:1.55rem;
  line-height:1.4;color:var(--la-text);margin:0 0 16px;border:none;padding:0;}
.la-brand__sig{font-family:var(--la-serif);font-style:italic;color:var(--la-gold);}

/* ---- Salon-Buehne ---- */
.la-stage{position:relative;min-height:360px;margin:64px 0 0;background-color:var(--la-surface);
  background-size:cover;background-position:center 35%;display:flex;}
.la-stage::before{content:"";position:absolute;inset:0;
  background:radial-gradient(80% 100% at 50% 100%,rgba(8,7,5,.9),rgba(8,7,5,.45));}
.la-stage__frame{position:absolute;inset:12px;border:1px solid rgba(201,162,75,.5);pointer-events:none;z-index:2;}
.la-stage__ov{position:relative;z-index:3;margin:auto;text-align:center;padding:48px 20px;}
.la-stage__lot{display:inline-block;font-size:9px;letter-spacing:.3em;text-transform:uppercase;color:#0f0c06;
  background:linear-gradient(135deg,var(--la-gold-2),var(--la-gold));font-weight:600;padding:5px 16px;margin-bottom:14px;}
.la-stage__title{font-size:1.7rem;color:#f4f1e8;margin:0 0 10px;}
.la-stage__meta{display:flex;gap:26px;justify-content:center;font-size:10px;letter-spacing:.14em;
  text-transform:uppercase;color:var(--la-muted);margin-bottom:14px;}
.la-stage__meta b{font-family:var(--la-serif);font-size:17px;color:var(--la-gold-2);font-weight:500;margin-left:6px;}
.la-stage__count{font-family:var(--la-sans);font-weight:200;font-size:26px;letter-spacing:.3em;color:var(--la-gold-2);}
.la-stage__cl{display:block;color:var(--la-muted);margin:6px 0 18px;}
.la-stage__cta{display:inline-block;font-size:10px;letter-spacing:.26em;text-transform:uppercase;color:#0f0c06;
  background:linear-gradient(135deg,var(--la-gold-2),var(--la-gold));font-weight:600;padding:12px 32px;}

/* ---- Auktions-Kacheln „Weitere Lose" (Spec 2026-08-07) ---- */
.la-lots{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}
.la-lot{position:relative;display:block;aspect-ratio:4/3;overflow:hidden;border-radius:4px;
  background:var(--la-surface-2);border:1px solid var(--la-line);}
.la-lot__img{width:100%;height:100%;object-fit:cover;filter:saturate(.85);transition:.3s;}
.la-lot:hover{border-color:var(--la-gold);}
.la-lot:hover .la-lot__img{filter:saturate(1);}
.la-lot__ov{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;
  gap:5px;padding:16px 18px;background:linear-gradient(0deg,rgba(8,8,10,.88) 0%,rgba(8,8,10,.35) 45%,transparent 72%);}
.la-lot__count{font-family:var(--la-sans);font-weight:200;font-size:13px;letter-spacing:.22em;color:var(--la-gold-2);}
.la-lot__title{font-family:var(--la-serif);font-size:17px;color:var(--la-text);line-height:1.25;}
.la-lot__meta{font-size:11px;color:var(--la-text-dim);}
.la-lot__meta b{color:var(--la-gold-2);font-weight:500;}
.la-lot__meta i{font-style:normal;color:var(--la-line);margin:0 4px;}

/* ---- Kategorieseiten (Spec 2026-08-07) ---- */
/* Leer, solange keine Facetten konfiguriert sind — dann kein Leerraum */
.la-filterbar:empty{display:none;}
.la-filterbar{margin:0 0 18px;}
.la-filterbar .block-categories,.la-filterbar .ps-categorytree{display:none;}

.la-cathero{position:relative;min-height:320px;display:flex;align-items:flex-end;
  margin:0 0 28px;background-color:var(--la-surface);background-size:cover;background-position:center;}
.la-cathero--plain{min-height:200px;border-bottom:1px solid var(--la-gold);}
.la-cathero::after{content:"";position:absolute;inset:0;
  background:linear-gradient(90deg,rgba(8,8,10,.9) 0%,rgba(8,8,10,.55) 45%,rgba(8,8,10,.15) 100%),
             linear-gradient(0deg,rgba(8,8,10,.85) 0%,transparent 60%);}
.la-cathero--plain::after{background:none;}
.la-cathero__ov{position:relative;z-index:1;padding:0 0 34px 4vw;max-width:640px;}
.la-cathero__kicker{color:var(--la-gold);display:block;margin-bottom:10px;}
.la-cathero__title{font-family:var(--la-serif);font-weight:300;font-size:clamp(2rem,4vw,2.8rem);
  color:var(--la-text);margin:0 0 10px;}
.la-cathero__desc{font-size:13px;color:var(--la-text-dim);line-height:1.6;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.la-cathero__desc p{margin:0;}

/* ---- Mega-Menue: Produkte der Unterkategorie (Spec 2026-08-07 §3) ---- */
.la-mega__prod-panel{display:none;grid-template-columns:repeat(4,1fr);gap:14px;}
.la-mega__prod-panel.is-active{display:grid;}
/* Bildkarte weicht, sobald ein Produktpanel sichtbar ist — per :has(), damit
   das schon ohne JS stimmt (Panel 1 traegt is-active serverseitig). */
.submenu__right:has(.la-mega__prod-panel.is-active) .la-mega__feat{display:none;}
.la-mega__prod{display:block;}
.la-mega__prod img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:3px;
  filter:saturate(.85);transition:.25s;background:var(--la-surface-2);}
.la-mega__prod:hover img{filter:saturate(1);}
.la-mega__prod-n{display:block;margin-top:8px;font-size:12px;color:var(--la-text-dim);line-height:1.35;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.la-mega__prod:hover .la-mega__prod-n{color:var(--la-text);}
.la-mega__prod-p{display:block;margin-top:3px;font-family:var(--la-serif);font-size:15px;color:var(--la-gold-2);}

/* ---- Auktions-Widget auf Produktkarten (Spec 2026-08-07 §4) ---- */
.auction_detail.block{background:var(--la-surface-2)!important;border:1px solid var(--la-line);
  border-radius:2px;padding:10px 12px;color:var(--la-text-dim);box-shadow:none;}
.auction_detail.block *{background:transparent!important;color:inherit;}
.auction_clock{font-family:var(--la-sans);font-weight:200;letter-spacing:.14em;color:var(--la-gold-2)!important;}
.auction_detail.block b,.auction_detail.block strong,[class^="highest_bid_"]{color:var(--la-gold-2)!important;}
/* Fix-Runde 1 / Finding 1: die Ziffern selbst liegen in .number (psgTimer_numbers),
   Modul setzt dort explizit weiß — spezifischer Gegner, daher !important zulässig. */
.auction_detail.block .number{color:var(--la-gold-2)!important;}

/* Auktionsprodukte: kein Warenkorb, kein 0,00-Preis — stattdessen Gold-CTA.
   Im Brief genannte Klassen .product-add-to-cart/.product-quantity/.product-price-and-shipping
   existieren im Live-Markup NICHT (Hummingbird-Produktkarte nutzt BEM-Klassen) — im Browser
   verifizierte Ist-Klassen s. Task-4-Report. */
.product-miniature:has(.auction_detail) .product-miniature__add,
.product-miniature:has(.auction_detail) .quantity-button,
.product-miniature:has(.auction_detail) .product-miniature__prices{display:none;}
.product-miniature:has(.auction_detail) .product-miniature__form::after{content:"Jetzt bieten";
  display:inline-block;margin-top:10px;font-size:10px;letter-spacing:.26em;text-transform:uppercase;
  color:#0f0c06;background:linear-gradient(135deg,var(--la-gold-2),var(--la-gold));
  font-weight:600;padding:9px 22px;}
/* Fix-Runde 1 / Finding 2: .product-miniature__form ist ein <form>, der CTA-::after
   darauf ist optisch, aber nicht klickbar — Stretched-Link-Muster legt die Kaufflaeche
   auf die Produktseite (dort wird geboten). Der ::after MUSS an einem echten <a>
   haengen (.product-miniature__title) — an einem <div> wie .product-miniature__bottom
   waere er nur ein toter Deko-Layer ohne Klickverhalten (in Fix-Runde 2 als
   Zwischenstand real getestet und als nicht-navigierend verifiziert, siehe Report).
   Fix-Runde 2: Containing Block fuer das absolut positionierte ::after ist NICHT mehr
   .product-miniature (ganze Karte inkl. Bild), sondern .product-miniature__bottom —
   dadurch bleibt .product-miniature__top (Bild + Quickview-Button) unbedeckt.
   .product-miniature__title und .product-miniature__infos sind beide position:static
   (verifiziert), die Containing-Block-Kette eskaliert also korrekt bis .bottom.
   Kandidat .product-miniature__infos aus dem Auftrag scheidet als direkter Host aus:
   .product-miniature__actions (haelt den CTA) ist ein Geschwister-Element von .infos,
   kein Nachfahre (verifiziert per .contains()) — waere .infos selbst positioniert,
   bliebe der sichtbare „Jetzt bieten"-Bereich unbedeckt. */
.product-miniature:has(.auction_detail) .product-miniature__bottom{position:relative;}
.product-miniature:has(.auction_detail) .product-miniature__title::after{
  content:"";position:absolute;inset:0;z-index:2;}
/* Quickview-Button ragt mit bottom:-58px trotzdem 58px in .bottom hinein (bestaetigt
   per getBoundingClientRect-Ueberlappung) — zusaetzlich per z-index ueber den
   Stretched Link gehoben. */
.product-miniature:has(.auction_detail) .product-miniature__quickview-button,
.product-miniature:has(.auction_detail) .product-miniature__quickview-touch{z-index:3;}

/* ---- Produktseite: ets-Optionen, Tooltips, Flags (2026-08-16) ---- */
/* Gruppentitel als La-Maison-Label */
.list-attribute-custom h5{font-family:var(--la-sans);font-size:10.5px;font-weight:400;
  letter-spacing:.22em;text-transform:uppercase;color:var(--la-text-dim);margin:18px 0 10px;}
.block-product-attribute-custom .list-attribute-custom .checkbox,
.block-product-attribute-custom .list-attribute-custom .radio{margin:8px 0;}

/* Controls: Gold statt ets-Cyan. fill wirkt auf das SVG-Haekchen (vererbte fill). */
.list-attribute-custom .ets_input_check,
.list-attribute-custom .ets_input_radio{width:18px;height:18px;background:var(--la-surface);
  border:1px solid #3a3a42;border-radius:1px;fill:transparent;
  transition:border-color .15s,background .15s,box-shadow .15s;}
.list-attribute-custom .ets_input_radio{border-radius:50%;}
.list-attribute-custom label:hover .ets_input_check,
.list-attribute-custom label:hover .ets_input_radio{border-color:rgba(201,162,75,.5);}
.list-attribute-custom .ets_input_group input[type="checkbox"]:checked + .ets_input_check,
.list-attribute-custom .ets_input_group input[type="radio"]:checked + .ets_input_radio{
  background:var(--la-gold);border-color:var(--la-gold);fill:#0a0a0c;
  box-shadow:0 0 0 3px rgba(201,162,75,.14);}
.list-attribute-custom .ets_input_group input[type="checkbox"]:checked + .ets_input_check svg{fill:#0a0a0c;}
.list-attribute-custom .ets_input_group input:focus-visible + .ets_input_check,
.list-attribute-custom .ets_input_group input:focus-visible + .ets_input_radio{
  border-color:var(--la-gold-2);box-shadow:0 0 0 3px rgba(230,200,119,.25);}

/* Tooltips: dunkle Karte mit Gold-Haarlinie statt grauem Kasten */
.list-attribute-custom span.desc svg{fill:var(--la-muted);transition:fill .15s;}
.list-attribute-custom span.desc:hover svg{fill:var(--la-gold-2);}
.list-attribute-custom span.desc .content{background:var(--la-surface-2);color:var(--la-text);
  border:1px solid rgba(201,162,75,.28);border-radius:2px;
  font-family:var(--la-sans);font-size:12px;font-weight:300;line-height:1.6;letter-spacing:.01em;
  text-align:left;padding:12px 16px;min-width:270px;
  box-shadow:0 18px 40px rgba(0,0,0,.55);translate:0 0;
  transition:opacity .18s ease,translate .18s ease;}
@starting-style{
  .list-attribute-custom span.desc.hover .content{opacity:0;translate:0 6px;}
}
.list-attribute-custom span.desc:after,
.list-attribute-custom span.desc:before{background:var(--la-surface-2);
  border-right:1px solid rgba(201,162,75,.28);border-bottom:1px solid rgba(201,162,75,.28);z-index:101;}
@media (max-width:767px){
  .list-attribute-custom span.desc .content{min-width:210px;max-width:230px;transform:translateX(-80%);}
}

/* Produkt-Flags: Status-Chip statt Bootstrap-Blau. Hummingbird setzt die Farbe
   layered+!important via RGBA(var(--bs-primary-rgb),var(--bs-bg-opacity)) —
   deshalb Variablen am Element steuern, nie dagegen anstylen (hummingbird-css-layers). */
.product-flags .badge:not(.discount){--bs-primary-rgb:16,16,20;--bs-bg-opacity:.88;
  border:1px solid rgba(233,231,225,.28);backdrop-filter:blur(6px);
  font-family:var(--la-sans);font-size:9.5px;font-weight:400;line-height:1;letter-spacing:.2em;
  padding:7px 11px 6px;border-radius:0;display:inline-flex;align-items:center;gap:7px;}
.product-flags .badge:not(.discount)::before{content:"";width:5px;height:5px;border-radius:50%;
  background:var(--la-gold);flex:0 0 auto;}
.product-flags .badge.out_of_stock::before{background:#c0655c;}

/* Auktionsseiten: Standard-Kaufblock/Preis/Verfuegbarkeit verbergen.
   wkproductauction rendert .auction_detail bei laufender/kommender/gestoppter
   Auktion; NUR die Gewinner-Ansicht (Zusatzklasse auction_detail-<id>) muss
   den Kaufen-Button behalten (Kauf zum Gebotspreis). JS-Fallback in custom.js. */
.product__right:has(.auction_detail):not(:has([class*="auction_detail-"])) .product-add-to-cart,
.product__right:has(.auction_detail):not(:has([class*="auction_detail-"])) .product__availability,
.product__right:has(.auction_detail):not(:has([class*="auction_detail-"])) .product__prices{display:none;}
/* Gewinner-Kauffenster: Kaufblock + Preis bleiben, aber die Lager-Ampel
   („Nicht auf Lager") ist beim Einzelstueck mit Kauffenster nur Verwirrung. */
.product__right:has([class*="auction_detail-"]) .product__availability{display:none;}

/* ---- Produktseite: Gebotsbox La Maison (2026-08-16) ----
   Scope .product__right = nur die grosse Box; Karten/Quickview behalten das
   kompakte Widget-Styling oben. Modul-Waende: .auction_detail.block * setzt
   background:transparent!important (daher !important auf dem CTA), und in
   .psgTimer_numbers haengt ein literaler "undefined"-Textknoten, den nur
   font-size:0 verbirgt — dort NIE eine font-size setzen, nur auf .number. */
.product__right .auction_detail.block{padding:16px 20px 18px;}
.product__right .auction_detail.block h4,
.product__right .auction_detail.block h5{font-family:var(--la-sans);font-size:11px;font-weight:400;
  letter-spacing:.26em;text-transform:uppercase;color:var(--la-text-dim);
  display:flex;align-items:center;gap:9px;margin:0 0 12px;}
.product__right .auction_detail .psgTimer{margin-bottom:8px;}
.product__right .auction_detail.block h4::before,
.product__right .auction_detail.block h5::before{content:"";width:6px;height:6px;border-radius:50%;
  background:var(--la-gold);box-shadow:0 0 0 0 rgba(201,162,75,.5);animation:la-bid-pulse 2.4s infinite;}
@keyframes la-bid-pulse{
  0%{box-shadow:0 0 0 0 rgba(201,162,75,.45);}
  70%{box-shadow:0 0 0 7px rgba(201,162,75,0);}
  100%{box-shadow:0 0 0 0 rgba(201,162,75,0);}
}
.product__right .auction_detail.block hr{border-color:var(--la-line-soft);margin:10px 0;}
/* Countdown: Ziffern serif-gold, Labels als Mikro-Label. Gruppenbreite ist im
   Modul stur 124px (4x124 > Boxinnenbreite -> Umbruch); !important noetig, weil
   updateTimerWidth() den Labels die gemessene Breite als Inline-Style gibt. */
.product__right .psgTimer_numbers>div,
.product__right .psgTimer_labels>div{width:112px!important;}
.product__right .psgTimer_numbers .number{font-family:var(--la-serif);font-size:32px;font-weight:500;
  color:var(--la-gold-2)!important;}
.product__right .psgTimer_numbers>div>div{width:38px;height:42px;line-height:42px;box-shadow:none;border-radius:0;}
.product__right .psgTimer_numbers>div:after{line-height:42px;height:42px;color:var(--la-muted);font-weight:400;right:-10px;}
.product__right .psgTimer_labels>div{font-size:9px!important;letter-spacing:.24em;color:var(--la-muted);}
/* Datenzeilen als Spezifikationsliste: Label links, Wert rechts */
.product__right .row_info{display:flex;justify-content:space-between;align-items:baseline;gap:12px;}
.product__right .row_info .clearfix{display:none;}
.product__right .row_info .label{float:none;font-size:14.5px;}
.product__right .row_info .label-weight{font-family:var(--la-sans);font-size:11px;font-weight:400;
  letter-spacing:.2em;text-transform:uppercase;color:var(--la-muted);}
.product__right .row_info .value{color:var(--la-text);text-align:right;}
/* lining-nums: Cormorants Mediaevalziffern wirken sonst eine Stufe kleiner */
.product__right .row_info #startprice,
.product__right .row_info [id^="highestbid_"]{font-family:var(--la-serif);font-size:22px;font-weight:600;
  font-variant-numeric:lining-nums;}
.product__right .wk_bottom_border{border-bottom:1px solid var(--la-line-soft);padding:6px 0;}
/* ---- Gewinner-Kauffenster (winner_timeleft.tpl, 2026-08-21) ----
   .wk_bid_won_container traegt row_info — die Spezifikationszeilen-Flexregel
   oben quetschte den Timer neben den Glueckwunsch-Text in eine Schmalspalte
   (Ziffernpaare brachen vertikal um). Hier: Block-Layout, Timer mittig,
   Glueckwunsch als ruhige Zeile darunter. */
.product__right .row_info.wk_bid_won_container{display:block;}
.product__right .wk_bid_won_container .row{margin:0;}
.product__right .wk_bid_won{padding:12px 0 0;margin-top:12px;border-top:1px solid var(--la-line-soft);
  text-align:center;font-size:14.5px;font-weight:300;line-height:1.55;color:var(--la-text);}
/* Modul-JS setzt rot/gruen als Inline-Style (Bieterstatus) — Toene remappen, Semantik behalten */
.product__right .auction_detail [style*="color: red"]{color:#cd6a5f!important;}
.product__right .auction_detail [style*="color: green"]{color:#7fae7a!important;}
/* Gebotsfeld + CTA: Salon-Gold statt Webkul-Cyan */
.product__right .auction_detail .bidtextbox{height:46px;background:var(--la-surface)!important;
  border:1px solid var(--la-line)!important;border-radius:1px;color:var(--la-text)!important;
  font-family:var(--la-sans);font-size:14px;padding:0 14px;box-shadow:none!important;}
.product__right .auction_detail .bidtextbox:focus{border-color:var(--la-gold)!important;outline:none;}
.product__right .auction_detail .submit_bid_btn{padding:0;border:none!important;background:transparent!important;
  margin:0 0 0 10px;box-shadow:none;}
.product__right .auction_detail #insert_new_bid{height:46px;border:none!important;border-radius:1px;
  background:linear-gradient(135deg,var(--la-gold-2),var(--la-gold))!important;color:#0f0c06!important;
  font-family:var(--la-sans);font-size:10.5px;font-weight:600;letter-spacing:.26em;text-transform:uppercase;
  padding:0 26px;transition:filter .2s;}
.product__right .auction_detail #insert_new_bid:hover{filter:brightness(1.08);}
/* Login-Hinweis: Hairline-Karte statt Bootstrap-Info-Cyan */
.product__right .auction_detail .alert-info{border:1px solid rgba(201,162,75,.28)!important;border-radius:2px;
  color:var(--la-text-dim)!important;font-size:13.5px;padding:10px 14px;margin:0;}
/* Beendete Auktion (Modul-Template auction_ended.tpl, ab wk v6.3.8).
   .block mit im Selektor: gleiche Spezifitaet wie .auction_detail.block,
   spaeter in der Datei gewinnt. */
.product__right .auction_ended.block h4::before{background:var(--la-muted);animation:none;box-shadow:none;}
.product__right .auction_ended.block span{color:var(--la-text-dim);font-size:13.5px;}
.product-miniature:has(.auction_ended) .product-miniature__form::after{content:"Auktion beendet";
  background:transparent;color:var(--la-muted);border:1px solid var(--la-line);font-weight:400;}
.product-miniature .auction_ended{border:none;padding:0;}
.product-miniature .auction_ended h4{font-size:10px;letter-spacing:.2em;text-transform:uppercase;
  color:var(--la-muted);margin:8px 0 2px;}
.product-miniature .auction_ended span{font-size:11.5px;color:var(--la-muted);}
@media (max-width:575.98px){
  .product__right .auction_detail.block{padding:14px 14px 16px;}
  .product__right .psgTimer_numbers{width:100%;}
  .product__right .psgTimer_numbers>div,
  .product__right .psgTimer_labels>div{width:72px!important;}
  .product__right .psgTimer_numbers>div>div{width:30px;}
  .product__right .psgTimer_numbers .number{font-size:24px;}
  .product__right .psgTimer_numbers>div>div{height:36px;line-height:36px;}
  .product__right .psgTimer_numbers>div:after{line-height:36px;height:36px;right:-5px;}
}

/* ---- 18+-Zutrittshinweis (einmalig, Cookie la_adult_ok, custom.js) ---- */
.la-agegate{position:fixed;inset:0;z-index:2000;display:flex;align-items:center;justify-content:center;
  padding:20px;background:rgba(6,6,8,.9);backdrop-filter:blur(10px);}
.la-agegate__card{max-width:480px;width:100%;background:var(--la-surface-2);border:1px solid var(--la-line);
  border-radius:2px;padding:34px 34px 28px;text-align:center;box-shadow:0 30px 80px rgba(0,0,0,.6);}
.la-agegate__kicker{font-family:var(--la-sans);font-size:10px;letter-spacing:.26em;text-transform:uppercase;
  color:var(--la-gold);margin:0 0 14px;}
.la-agegate__card h2{font-family:var(--la-serif);font-size:28px;font-weight:400;margin:0 0 14px;color:var(--la-text);}
.la-agegate__card p{font-size:13.5px;line-height:1.65;color:var(--la-text-dim);margin:0 0 12px;}
.la-agegate__small{font-size:11.5px;color:var(--la-muted);}
.la-agegate__actions{display:flex;flex-direction:column;gap:10px;margin-top:22px;}
.la-agegate__enter{background:linear-gradient(135deg,var(--la-gold-2),var(--la-gold));color:#0f0c06;border:none;
  padding:14px 24px;font-family:var(--la-sans);font-size:11px;font-weight:600;letter-spacing:.24em;
  text-transform:uppercase;cursor:pointer;border-radius:1px;transition:filter .2s;}
.la-agegate__enter:hover{filter:brightness(1.08);}
.la-agegate__leave{background:transparent;border:none;color:var(--la-muted);font-family:var(--la-sans);
  font-size:11px;letter-spacing:.18em;text-transform:uppercase;cursor:pointer;padding:8px;}
.la-agegate__leave:hover{color:var(--la-text-dim);}
body.la-agegate-open{overflow:hidden;}

/* ---- Responsive ---- */
@media (max-width: 991.98px){
  .la-cats{grid-template-columns:1fr 1fr;grid-auto-rows:190px;}
  .la-cat--tall{grid-row:auto;}
  /* Schmale Viewports croppen das 3:1-Banner — Ausschnitt auf die linke
     Bildpartie (Latex-Anja + Gold-Lettern) statt der leeren Mitte legen,
     bis ein eigenes Mobile-Motiv kommt. */
  .la-hero{min-height:60vh;background-position:18% center;}
  .la-hero__txt{padding:0 20px 40px;max-width:100%;}
  .la-lots{grid-template-columns:1fr 1fr;}
}
@media (max-width: 767.98px){
  .la-brand{grid-template-columns:1fr;}
  .la-brand__im{min-height:220px;}
  .la-stage__count{font-size:20px;letter-spacing:.24em;}
  .la-section-head h2{font-size:1.4rem;}
  .la-cathero{min-height:220px;}
}
@media (max-width: 575.98px){
  .la-cats{grid-template-columns:1fr;grid-auto-rows:170px;}
  .la-hero h1{font-size:2rem;}
  .la-stage{min-height:300px;}
  .la-stage__meta{flex-direction:column;gap:6px;}
  .la-lots{grid-template-columns:1fr;}
}

/* ---- reCAPTCHA-v3-Badge (blau-weiss, unten rechts) ausblenden ----
   Von Google offiziell erlaubt, SOLANGE der Hinweistext sichtbar im
   Formular-Flow steht — den setzt custom.js (.la-recaptcha-note) an jedes
   Formular mit eicaptcha-Hidden-Field. Badge NIE per display:none im
   Modul selbst anfassen. */
.grecaptcha-badge{visibility:hidden!important;}
.la-recaptcha-note{margin:10px 0 0;font-size:11.5px;line-height:1.5;color:var(--la-muted);}
.la-recaptcha-note a{color:var(--la-text-dim);text-decoration:underline;}
.la-recaptcha-note a:hover{color:var(--la-gold);}

/* ---- Consent: Gate-Block, Nachzuegler-Banner, Einstellungs-Dialog ---- */
.la-agegate__consent{margin:14px 0 4px;padding:12px 14px;border:1px solid var(--la-line);
  border-radius:2px;background:var(--la-surface);text-align:left;}
.la-agegate__consent-title{font-family:var(--la-sans);font-size:10px;letter-spacing:.22em;
  text-transform:uppercase;color:var(--la-muted);margin:0 0 8px;}
.la-consent-row{display:flex;gap:10px;align-items:flex-start;margin:6px 0;cursor:pointer;
  font-size:13px;line-height:1.45;color:var(--la-text-dim);}
.la-consent-row input{margin-top:3px;accent-color:var(--la-gold);}
.la-consent-banner{position:fixed;left:16px;right:16px;bottom:16px;z-index:1090;max-width:560px;
  margin:0 auto;padding:16px 18px;background:var(--la-surface-2);border:1px solid var(--la-line);
  border-radius:2px;box-shadow:0 12px 40px rgba(0,0,0,.55);}
.la-consent-banner__txt{font-size:13.5px;color:var(--la-text);margin:0 0 8px;}
.la-consent-banner__actions{display:flex;gap:10px;margin-top:10px;}
.la-consent-banner__ok,.la-consent-banner__none,.la-consent-dialog__save{
  font-family:var(--la-sans);font-size:10.5px;letter-spacing:.22em;text-transform:uppercase;
  padding:9px 16px;border-radius:2px;cursor:pointer;}
.la-consent-banner__ok{background:linear-gradient(135deg,var(--la-gold-2),var(--la-gold));
  color:#0f0c06;border:none;font-weight:600;}
.la-consent-banner__none{background:transparent;color:var(--la-text-dim);
  border:1px solid var(--la-line);}
.la-consent-dialog{position:fixed;inset:0;z-index:1095;background:rgba(6,6,8,.72);
  display:flex;align-items:center;justify-content:center;padding:20px;}
.la-consent-dialog__card{max-width:520px;width:100%;background:var(--la-surface-2);
  border:1px solid var(--la-line);border-radius:2px;padding:20px 22px;}
.la-consent-dialog__txt{font-size:13.5px;color:var(--la-text-dim);margin:0 0 10px;}

/* ---- Legal-/CMS-Seiten: ruhige Lese-Typografie (2026-08-21) ----
   Die Rechtstexte tragen seit heute echte h2/h3 (vorher <p>-Brei).
   Scope .page-content--cms = Hummingbird-CMS-Container. */
.page-content--cms{max-width:860px;margin-left:auto;margin-right:auto;}
.page-content--cms h2{font-family:var(--la-serif);font-size:1.45rem;font-weight:500;
  color:var(--la-text);margin:44px 0 14px;padding-bottom:9px;
  border-bottom:1px solid var(--la-line-soft);}
.page-content--cms h2:first-child{margin-top:8px;}
.page-content--cms h3{font-family:var(--la-sans);font-size:.95rem;font-weight:600;
  color:var(--la-text);margin:26px 0 8px;}
.page-content--cms p{line-height:1.75;color:var(--la-text-dim);margin:0 0 12px;}
.page-content--cms li{line-height:1.7;color:var(--la-text-dim);margin-bottom:4px;}
.page-content--cms strong{color:var(--la-text);font-weight:600;}
.page-content--cms a{text-decoration:underline;text-underline-offset:3px;}
.page-content--cms .cms-stand{margin-top:44px;padding-top:14px;
  border-top:1px solid var(--la-line-soft);font-family:var(--la-sans);
  font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--la-muted);}