/* =============================================================
   KGI FUNCTIONAL FOUNDATION 1.9 - WORDPRESS BLOCK EDITOR
   Verbindliche Marken- und austauschbare Bildebene.

   Logo, Typografie, Farben, Radien und Iconrollen folgen dem KGI
   Corporate-Design-Styleguide. Fotografische Motive bleiben als
   farbige Platzhalter gekennzeichnet und können später ohne Änderung
   der Struktur oder Funktionen ersetzt werden.

   Diese Datei ist die zentrale, nach Bereichen sortierte Designschicht
   fuer die spaetere WordPress-Core-/Gutenberg-Umsetzung. Bewusst werden
   keine globalen !important-Regeln eingesetzt: Im Block-Editor gesetzte
   Farben und Schriftgroessen (Inline-Styles bzw. Core-Klassen) koennen
   diese Komponentenwerte deshalb gezielt ueberschreiben.
   ============================================================= */

:root{
  --kgi-magenta:#e2007a;
  --kgi-orange:#f29400;
  --kgi-lime:#c9d200;
  --kgi-mint:#dcecb7;
  --kgi-rose:#f9d5e5;
  --kgi-ice:#d8f0f2;
  --kgi-sand:#f7e5c6;
  --kgi-cream:#fff9f2;
  --kgi-ink:#29252a;
  --kgi-line:#e7ded7;

  --ff-bg:#ffffff;
  --ff-surface:var(--kgi-cream);
  --ff-surface-2:var(--kgi-sand);
  --ff-surface-3:var(--kgi-mint);
  --ff-ink:var(--kgi-ink);
  --ff-ink-2:#514a51;
  --ff-ink-3:#736a70;
  --ff-line:var(--kgi-line);
  --ff-line-strong:#cfc3bb;
  --ff-action:var(--kgi-magenta);
  --ff-action-hover:#bd0067;
  --ff-action-soft:var(--kgi-rose);
  --ff-positive:#7f8800;
  --ff-positive-soft:var(--kgi-mint);
  --ff-warning:#9a5e00;
  --ff-warning-soft:var(--kgi-sand);
  --ff-danger:#b0005f;
  --ff-danger-soft:var(--kgi-rose);

  --c-bg:var(--ff-bg);
  --c-surface:var(--ff-surface);
  --c-surface-2:var(--ff-surface-2);
  --c-ink:var(--ff-ink);
  --c-ink-2:var(--ff-ink-2);
  --c-ink-3:var(--ff-ink-3);
  --c-line:var(--ff-line);
  --c-line-2:#f0e9e3;
  --c-primary:var(--ff-action);
  --c-primary-hover:var(--ff-action-hover);
  --c-primary-soft:var(--ff-action-soft);
  --c-accent:var(--ff-warning);
  --c-accent-soft:var(--ff-warning-soft);
  --c-focus:var(--kgi-magenta);

  --font-body:"Open Sans",Arial,sans-serif;
  --font-heading:Nunito,"Open Sans",Arial,sans-serif;
  --font-sans:var(--font-body);
  --radius-sm:6px;
  --radius:8px;
  --radius-lg:8px;
  --radius-pill:999px;
  --shadow-1:0 1px 2px rgba(41,37,42,.05);
  --shadow-2:0 4px 14px rgba(41,37,42,.08);
  --shadow-3:0 14px 34px rgba(41,37,42,.13);
  --header-h:72px;
  --subpage-breadcrumb-top:36px;
  --sp-2:8px;
  --sp-4:16px;
  --sp-8:32px;
  --section-y:clamp(48px,6vw,72px);
  --fs-h1:clamp(2.75rem,3.8vw,4rem);
  --fs-h2:clamp(2rem,3vw,2.75rem);
  --fs-h3:clamp(1.375rem,2vw,1.875rem);
  --lh-base:1.55;
}

:where(body){background:var(--ff-bg);font-family:var(--font-body);color:var(--ff-ink);}
:where(h1,h2,h3,h4,.btn,.nav__link,.advisor-bar__submit,.advisor-field select,.discovery-card strong,.option,.text-link){font-family:var(--font-heading);}
::selection{background:var(--ff-action-soft);color:var(--ff-ink);}

/* Keep closed off-canvas panels out of the measurable document canvas. */
:where(#menuPanel,#searchPanel,#cartPanel):not(.is-open){display:none;}

.kgi-icon{display:block;width:1.35em;height:1.35em;flex:0 0 auto;}
.kgi-icon--emotion{color:var(--kgi-magenta);}
.kgi-icon--activity{color:var(--kgi-orange);}
.kgi-icon--orientation{color:var(--kgi-lime);}
.kgi-icon--neutral{color:currentColor;}

/* ---------- Globale Kennzeichnung und Navigation ---------- */
.demo-bar{background:var(--ff-ink);padding:6px 0;}
.demo-bar a{color:#fff;}
.header,.home-v3 .header{
  position:sticky;
  top:0;
  z-index:60;
  background:rgba(255,255,255,.98);
  border-color:var(--ff-line);
  box-shadow:0 3px 12px rgba(32,37,42,.05);
}
.header__inner{min-height:var(--header-h);gap:clamp(8px,1vw,16px);flex-wrap:nowrap;}
.logo{display:inline-flex;align-items:center;line-height:1;text-decoration:none;color:var(--ff-ink);}
.logo:hover{color:var(--ff-ink);}
.logo__image{display:block;width:clamp(218px,19vw,278px);max-width:278px;height:auto;}
.logo__image--icon{display:none;width:42px;height:42px;}
.nav{margin-left:auto;}
.nav__link{border-radius:6px;font-size:.9rem;font-weight:650;}
.nav__link:hover{background:var(--kgi-cream);color:var(--ff-action);}
.nav__link[aria-current="page"]{color:var(--ff-action);box-shadow:inset 0 -3px 0 var(--ff-action);}
.nav__caret{display:inline-grid;place-items:center;align-self:center;width:12px;height:12px;}
.nav__caret svg{width:12px;height:12px;}
.mega{top:100%;border:1px solid var(--ff-line);border-radius:8px;box-shadow:var(--shadow-3);}
.mega__title{color:var(--ff-action);}
.mega__list a{display:flex;align-items:center;gap:9px;}
.mega__link-icon{display:grid;place-items:center;width:18px;height:18px;flex:0 0 18px;}
.mega__link-icon .kgi-icon{width:18px;height:18px;}
.mega__list a:hover{background:var(--ff-surface);color:var(--ff-action);}
.header__actions{flex:0 0 auto;margin-left:0;gap:clamp(2px,.35vw,7px);}
.header__actions .icon-btn{min-width:40px;min-height:40px;padding-inline:7px;border-radius:50%;}
.header__actions .icon-btn:hover{background:var(--ff-action-soft);}
.header__cta{min-height:44px;padding:9px clamp(14px,1.2vw,20px);font-size:.88rem;white-space:nowrap;}
.count-badge{background:var(--ff-action);}

/* ---------- Interaktionskomponenten ---------- */
.btn{border-radius:8px;min-height:48px;font-weight:700;box-shadow:none;}
.btn--primary{background:var(--ff-action);color:#fff;}
.btn--primary:hover{background:var(--ff-action-hover);color:#fff;transform:translateY(-1px);}
.btn--ghost{border:1px solid var(--ff-line-strong);background:#fff;color:var(--ff-ink);}
.btn--ghost:hover{background:var(--ff-surface);border-color:var(--ff-action);color:var(--ff-action);}
.btn--quiet,.text-link{color:var(--ff-action);}
.btn--mark:hover,.btn--mark[aria-pressed="true"]{border-color:var(--ff-action);color:var(--ff-action);background:var(--ff-action-soft);}
input[type="text"],input[type="search"],input[type="email"],input[type="number"],select,textarea{
  border-radius:8px;border:1px solid var(--ff-line-strong);background:#fff;box-shadow:none;
}
input:focus,select:focus,textarea:focus{border-color:var(--ff-action);box-shadow:0 0 0 3px rgba(226,0,122,.15);outline:0;}
.chip{background:var(--ff-surface);border-color:var(--ff-line);color:var(--ff-ink-2);}
.chip--accent{background:var(--ff-warning-soft);color:var(--ff-warning);border-color:#ded2bd;}
.chip--outline{background:#fff;border:1px solid var(--ff-line);}
.eyebrow:not(.has-text-color),.world-card__kicker{color:var(--ff-action);font-weight:750;}

/* ---------- Startseiten-Hero: Markenfarbe bis das Foto folgt ---------- */
.home-hero{min-height:620px;}
.home-hero:not(.has-background){background:var(--kgi-lime);}
.home-hero:not(.has-text-color){color:var(--ff-ink);}
.home-hero__visual{
  transform:none;
}
.home-hero__visual:not(.has-background){background:var(--kgi-lime);}
.home-hero__visual>span{position:absolute;right:clamp(20px,4vw,64px);bottom:22px;padding:7px 11px;border:1px dashed rgba(41,37,42,.52);border-radius:6px;color:var(--ff-ink);font:600 .75rem/1.2 var(--font-body);}
.home-hero__shade:not(.has-background){background:transparent;}
.home-hero__content{display:block;padding-block:clamp(84px,9vw,124px) 62px;text-align:center;}
.home-hero__content::before{content:none;}
.home-hero h1{max-width:860px;margin:0 auto 18px;}
.home-hero h1:not(.has-text-color){color:var(--ff-ink);}
.home-hero__content>p{max-width:680px;margin:0 auto 42px;}
.home-hero__content>p:not(.has-text-color){color:var(--ff-ink);}
.home-hero__eyebrow:not(.has-text-color){color:var(--ff-ink);}
.home-hero__eyebrow{font-weight:750;}
.advisor-bar{width:min(900px,100%);margin-inline:auto;border:1px solid rgba(255,255,255,.75);border-radius:8px;background:var(--kgi-cream);box-shadow:var(--shadow-2);}
.advisor-field{border-color:var(--ff-line);}
.advisor-field>span{color:var(--ff-action);font-weight:700;}
.advisor-bar__submit{border-radius:8px;background:var(--kgi-orange);color:var(--ff-ink);font-weight:700;white-space:nowrap;flex-wrap:nowrap;}
.advisor-bar__submit span{white-space:nowrap;}
.advisor-bar__submit:hover{background:#d98200;color:var(--ff-ink);}
.home-hero__links{justify-content:center;}
.home-hero__links a,.home-hero__links button{color:var(--ff-ink);}
.eyebrow--icon{display:inline-flex;align-items:center;gap:9px;}
.eyebrow--icon .kgi-icon{width:24px;height:24px;flex:0 0 24px;}

/* ---------- Karten und Inhaltsflächen ---------- */
.discovery:not(.has-background){background:#fff;}
.discovery__layout{gap:clamp(32px,5vw,72px);}
.discovery-card{min-height:300px;padding:24px;border:1px solid var(--ff-line);border-radius:8px;background-color:var(--kgi-rose);color:var(--ff-ink);}
.discovery-card--two{background-color:var(--kgi-mint);}
.discovery-card--three{background-color:var(--kgi-ice);}
.discovery-card--four{background-color:var(--kgi-sand);}
.discovery-card::before{content:"";position:absolute;z-index:1;inset:0;width:auto;height:auto;border:0;border-radius:0;background:rgba(249,213,229,.81);}
.discovery-card--two::before{background:rgba(220,236,183,.81);}
.discovery-card--three::before{background:rgba(216,240,242,.81);}
.discovery-card--four::before{background:rgba(247,229,198,.82);}
.discovery-card::after{content:"";position:absolute;z-index:2;inset:0;width:auto;height:auto;border-radius:0;background:radial-gradient(circle at 48px 48px,rgba(255,255,255,.28) 0,rgba(255,255,255,.12) 26px,transparent 76px),linear-gradient(180deg,transparent 0%,transparent 55%,rgba(255,255,255,.84) 100%);}
.discovery-card>.topic-card-background{z-index:0;}
.discovery-card>:not(.topic-card-background){position:relative;z-index:3;}
.discovery-card__icon{position:absolute;z-index:3;top:22px;left:22px;display:grid;place-items:center;width:52px;height:52px;padding:0;background:transparent;box-shadow:none;}
.discovery-card__icon .kgi-icon{width:100%;height:100%;}
.discovery-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-2);}
.discovery-card strong{max-width:12ch;position:relative;z-index:1;}
.discovery-card>span:last-child{position:relative;z-index:1;border:1px solid var(--ff-line);border-radius:6px;background:#fff;color:var(--ff-ink);}
.age-strip,.recommendations{border-color:var(--ff-line);}
.age-strip:not(.has-background),.recommendations:not(.has-background){background:var(--ff-surface);}
.age-strip__links a{border:1px solid var(--ff-line);background:#fff;box-shadow:none;}
.age-strip__links a:hover{background:var(--ff-action);border-color:var(--ff-action);color:#fff;}
.card,.world-card,.tile,.step-card,.cmp-card,.offer,.filterbar{border-color:var(--ff-line);border-radius:8px;box-shadow:var(--shadow-1);}
:where(.grid--tiles .tile){min-width:0;}
:where(.grid--tiles .tile strong){overflow-wrap:anywhere;hyphens:auto;}
.card:hover,.world-card:hover{border-color:var(--ff-line-strong);box-shadow:var(--shadow-2);transform:translateY(-2px);}
.ph{display:grid;place-items:center;background:var(--kgi-mint);color:var(--ff-ink-3);}
.ph--warm{background:var(--kgi-sand);}
.ph--cool{background:var(--kgi-ice);}
.ph::before,.ph::after{display:none;}
.ph__icon{position:absolute;inset:0;display:grid;place-items:center;color:var(--kgi-orange);}
.ph__icon .kgi-icon{width:clamp(52px,8vw,92px);height:clamp(52px,8vw,92px);}
.ph--cool .ph__icon{color:var(--kgi-lime);}
.topic-card-background{position:absolute;inset:0;display:block;overflow:hidden;pointer-events:none;}
.topic-card-background img{width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.48) contrast(.78) brightness(1.05);}
.topic-card-media{isolation:isolate;background:var(--kgi-sand);}
.topic-card-media>.topic-card-background{z-index:0;}
.topic-card-media::before{content:"";position:absolute;z-index:1;inset:0;display:block;width:auto;height:auto;aspect-ratio:auto;border-radius:0;background:rgba(247,229,198,.81);}
.topic-card-media .ph__icon{z-index:3;}
.ph__label{position:absolute;left:12px;bottom:12px;border:1px dashed rgba(41,37,42,.32);border-radius:6px;background:rgba(255,249,242,.92);font-weight:650;}
.recommendations__head{border-left:4px solid var(--ff-line-strong);padding-left:20px;}

@media(min-width:1024px){
  .home-v3 .recommendations .grid--3{
    width:100%;
    max-width:none;
    grid-template-columns:repeat(3,minmax(0,1fr));
    align-items:stretch;
  }
}
.fit{background:var(--ff-positive-soft);border-color:#c2cd84;}
.fit__icon{background:var(--kgi-lime);color:var(--ff-ink);}
.caveat,.check-hint{background:var(--ff-warning-soft);border-color:#e8c98f;}
.note--accent{border-color:#efb6d0;}
.note--accent:not(.has-background){background:var(--ff-danger-soft);}
.note--primary{border-color:#efb6d0;}
.note--primary:not(.has-background){background:var(--ff-action-soft);}
.product-glance{background:var(--ff-surface);}

/* ---------- Methodik, Erinnerung, Footer ---------- */
.method-band{padding-block:72px;}
.method-band:not(.has-background){background:var(--kgi-magenta);}
.method-band::before{content:none;}
.method-band .eyebrow:not(.has-text-color){color:#fff;}
.method-band__steps li>span{border:1px solid rgba(255,255,255,.45);background:transparent;color:#fff;}
.method-band .btn--primary{background:#fff;color:var(--ff-ink);}
.method-band .btn--primary:hover{background:var(--ff-surface-2);color:var(--ff-ink);}
.reminder-compact:not(.has-background){background:#fff;}
.reminder-compact__box{border:1px solid var(--ff-line);border-radius:8px;}
.reminder-compact__box:not(.has-background){background:var(--kgi-rose);}
.reminder-compact__box::after{content:none;}
.footer{background:var(--ff-ink);color:#fff;border-top:0;padding-top:68px;margin-top:0;}
.footer::after{content:none;}
.footer .logo{color:#fff;}
.footer .logo__image{width:clamp(218px,19vw,278px);max-width:278px;}
.footer a,.footer .meta,.footer__bottom{color:rgba(255,255,255,.78);}
.footer a:hover{color:#fff;}
.footer h3{color:var(--kgi-orange);}
.footer__bottom{border-color:rgba(255,255,255,.2);}
.footer__intro{max-width:46ch;}

@media(min-width:900px){
  .footer__grid{grid-template-columns:minmax(0,1fr) repeat(3,minmax(130px,160px));column-gap:clamp(28px,3.5vw,52px);}
}

@media(max-width:767px){
  .footer__grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    column-gap:var(--sp-5);
    row-gap:var(--sp-8);
    align-items:start;
  }
  .footer__grid>:first-child,
  .footer__grid>:nth-child(2){grid-column:1/-1;}
  .footer__grid>:nth-child(2) ul{
    grid-template-columns:repeat(2,minmax(0,1fr));
    column-gap:var(--sp-5);
  }
  .footer__grid>:nth-child(n+2) ul{row-gap:0;}
  .footer__grid>:nth-child(n+2){min-width:0;}
  .footer__grid>:nth-child(n+2) a{
    display:flex;
    align-items:center;
    min-height:32px;
  }
}

/* Helle Uebersichtsfläche, darauf klar abgesetzte Auswahlfelder. */
.section--surface .tile--surface{background:#fff;}

/* ---------- Einheitliches Unterseiten-Hero- und Breadcrumb-Raster ---------- */
body:not(.home-v3) main{position:relative;}
body:not(.home-v3) main>.section:first-child,
body:not(.home-v3) main>.wrap:first-child + .section,
#productApp>.section:first-child,
#worldApp>.section:first-child{
  min-height:clamp(280px,30vw,410px);display:flex;align-items:flex-start;
  padding-top:0;padding-bottom:clamp(58px,6vw,82px);
  background-color:var(--kgi-cream);
  background-image:none;
  border-bottom:1px solid var(--ff-line);
}
body:not(.home-v3) main>.section:first-child>.wrap,
#productApp>.section:first-child>.wrap,
#worldApp>.section:first-child>.wrap{
  width:100%;max-width:var(--wrap);margin-inline:auto;padding-inline:var(--sp-5);
}
body:not(.home-v3) main>.section:first-child .breadcrumb,
#productApp>.section:first-child .breadcrumb,
#worldApp>.section:first-child .breadcrumb{
  width:100%;max-width:none;margin:0;padding:var(--subpage-breadcrumb-top) 0 clamp(24px,3vw,38px);
}
body:not(.home-v3) main>.wrap:first-child:has(>.breadcrumb){
  position:absolute;z-index:3;inset:0 0 auto;width:100%;max-width:none;margin:0;padding:0;
  background:transparent;pointer-events:none;
}
body:not(.home-v3) main>.wrap:first-child:has(>.breadcrumb)>.breadcrumb{
  width:100%;max-width:var(--wrap);margin-inline:auto;padding:var(--subpage-breadcrumb-top) var(--sp-5) 0;
  pointer-events:auto;
}
#productApp>.section:first-child>.wrap,#worldApp>.section:first-child>.wrap{display:block;}
#productApp>.section:first-child .product-grid,#worldApp>.section:first-child .split{width:100%;}
body:not(.home-v3) main>.section:first-child .lead,
#productApp>.section:first-child .lead,#worldApp>.section:first-child .lead{max-width:64ch;}
.finder{padding-top:0;background:var(--kgi-cream);}
.finder>.wrap>.finder__shell>.breadcrumb{padding-top:var(--subpage-breadcrumb-top);}
.finder__shell{width:100%;max-width:none;margin-inline:0;}
.finder .breadcrumb{color:var(--ff-ink-2);}
.finder .breadcrumb a{color:var(--ff-action);}
.finder .breadcrumb li::after{color:var(--ff-action);}
.finder .note{background:#fff;border-color:var(--ff-line);}
.article .breadcrumb ol{padding-left:0;color:inherit;}
.breadcrumb{font-weight:600;}
.breadcrumb a{text-decoration-color:rgba(49,91,120,.35);}
.breadcrumb li::after{color:var(--ff-action);opacity:.5;}
body:not(.home-v3) main>.section:first-child + .section,
body:not(.home-v3) main>.section:first-child + .section.section--flush-top,
#productApp>.section:first-child + .section,#worldApp>.section:first-child + .section{
  padding-top:clamp(28px,4vw,48px);
}

/* ---------- Finder, Filter, Panels und Zustände ---------- */
.progress__fill{background:var(--kgi-lime);}
.step-card{border:1px solid var(--ff-line);box-shadow:var(--shadow-2);}
.option{display:flex;align-items:center;gap:12px;min-height:66px;text-align:left;border:1px solid var(--ff-line);border-radius:8px;background:var(--kgi-cream);}
.option__icon{display:grid;place-items:center;width:34px;height:34px;flex:0 0 34px;}
.option__icon .kgi-icon{width:30px;height:30px;}
.option:hover{border-color:var(--ff-action);background:var(--ff-action-soft);}
.option[aria-pressed="true"]{border-color:var(--ff-action);background:var(--ff-action-soft);box-shadow:inset 0 0 0 1px var(--ff-action);}
.option__check,.qf-options button[aria-pressed="true"]{background:var(--ff-action);}
.offer:hover{border-color:var(--ff-action);}
.offer--stale{border-style:dashed;background:var(--ff-warning-soft);opacity:.82;}
[aria-invalid="true"]{border-color:var(--ff-danger);box-shadow:0 0 0 3px rgba(226,0,122,.12);}
.panel{background:#fff;}
.panel__head,.panel__foot{background:var(--ff-surface);}
.panel-backdrop{background:rgba(41,37,42,.58);}
.bottombar{background:rgba(255,255,255,.98);border-color:var(--ff-line);box-shadow:0 -6px 20px rgba(32,37,42,.1);}
.bottombar__btn{gap:1px;padding-block:3px;font-size:12px;}
.bottombar__btn svg,.bottombar__btn .kgi-icon{width:28px;height:28px;}
.bottombar__btn[aria-current="page"]{color:var(--ff-action);}
.toast{background:var(--ff-ink);border-radius:8px;}
.status-demo{display:grid;gap:var(--sp-4);}
.status-card{padding:var(--sp-5);border:1px solid var(--ff-line);border-radius:8px;background:#fff;}
.status-card[data-status="warning"]{background:var(--ff-warning-soft);border-color:#e8c98f;}
.status-card[data-status="error"]{background:var(--ff-danger-soft);border-color:#efb6d0;}
.status-card[data-status="success"]{background:var(--ff-positive-soft);border-color:#c2cd84;}
.icon-reference{display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:16px;}
.icon-reference__item{display:grid;place-items:center;gap:10px;min-height:126px;padding:16px;border:1px solid var(--ff-line);border-radius:8px;background:#fff;text-align:center;font:600 .82rem/1.25 var(--font-heading);}
.icon-reference__item .kgi-icon{width:42px;height:42px;}
.skeleton{position:relative;overflow:hidden;background:var(--ff-surface-2);border-radius:6px;color:transparent;min-height:18px;}
.skeleton::after{content:"";position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.72),transparent);animation:foundation-loading 1.4s infinite;}
@keyframes foundation-loading{to{transform:translateX(100%);}}

@media(min-width:1024px){
  .header .nav{flex:0 1 auto;gap:0;white-space:nowrap;}
  .header .nav__link{padding-inline:clamp(7px,.62vw,11px);font-size:clamp(.82rem,.78rem + .08vw,.9rem);white-space:nowrap;}
  .finder .step-card{padding:clamp(30px,3.2vw,42px);}
  .finder .options{grid-template-columns:repeat(4,minmax(0,1fr));}
  .filterbar{display:grid;grid-template-columns:repeat(3,minmax(190px,1fr)) auto;gap:18px;align-items:end;padding:22px 24px;border:1px solid var(--ff-line);background:var(--ff-surface);}
  .filterbar>div{position:relative;}
  .filterbar label{display:block;margin:0 0 8px;color:var(--ff-action);font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;}
  .filterbar select{appearance:none;width:100%;min-width:0;min-height:50px;padding:11px 46px 11px 15px;background-color:#fff;background-image:linear-gradient(45deg,transparent 50%,var(--ff-action) 50%),linear-gradient(135deg,var(--ff-action) 50%,transparent 50%);background-position:calc(100% - 19px) 21px,calc(100% - 13px) 21px;background-size:6px 6px,6px 6px;background-repeat:no-repeat;cursor:pointer;}
  .filterbar .u-push{align-self:end;min-height:50px;margin-left:0;white-space:nowrap;}
}

@media(max-width:1180px) and (min-width:1024px){
  .header .logo__image{width:218px;}
  .header .nav__link{padding-inline:6px;font-size:.8rem;}
  .header__actions .icon-btn{min-width:36px;padding-inline:5px;}
  .header__cta{padding-inline:13px;}
}

@media(max-width:1023px){
  :root{--header-h:68px;}
  .header .logo__image{width:clamp(186px,45vw,260px);max-height:44px;}
  .header__actions{margin-left:auto;}
}

@media(max-width:767px){
  :root{--subpage-breadcrumb-top:28px;}
  .product-grid>*{min-width:0;}
  #worldApp>.section:first-child .split>*{min-width:0;}
  .home-hero{
    min-height:calc(100svh - var(--header-h) - var(--bottombar-h) - var(--safe-b));
    align-items:center;
  }
  .home-hero__content{
    width:100%;
    padding-block:clamp(20px,3.5svh,34px);
    text-align:center;
  }
  .home-hero h1,.home-hero__content>p{margin-inline:auto;}
  .home-hero__eyebrow{margin-bottom:8px;}
  .home-hero h1{margin-bottom:10px;line-height:1.03;}
  .home-hero h1:not(.has-font-size){font-size:clamp(1.85rem,8.7vw,2.5rem);}
  .home-hero__content>p{margin-bottom:16px;line-height:1.42;}
  .home-hero__content>p:not(.has-font-size){font-size:.94rem;}
  .home-hero__links{justify-content:center;}
  .advisor-bar{display:grid;grid-template-columns:1fr;padding:8px;border-radius:8px;}
  .advisor-bar{text-align:left;}
  .advisor-field{display:grid;grid-template-columns:minmax(98px,34%) 1fr;align-items:center;min-height:45px;padding:5px 8px;border:0;border-bottom:1px solid var(--ff-line);}
  .advisor-field:first-child{display:grid;padding:5px 8px;}
  .advisor-field>span,.advisor-field:first-child>span{margin:0;font-size:11px;line-height:1.2;}
  .advisor-field select,.advisor-field:first-child select{min-height:34px;padding:0 24px 0 8px;font-size:14px;}
  .advisor-bar__submit{min-height:46px;margin-top:8px;border-radius:8px;}
  .home-hero__links{gap:6px 16px;margin-top:10px;font-size:12px;}
  .discovery-card{border-radius:8px;}
  .method-band{padding-block:58px;}
  .reminder-compact__box::after{display:none;}
  body:not(.home-v3) main>.section:first-child,
  body:not(.home-v3) main>.wrap:first-child + .section,
  #productApp>.section:first-child,#worldApp>.section:first-child{
    min-height:280px;padding-bottom:48px;
  }
  body:not(.home-v3) main>.section:first-child .breadcrumb,
  #productApp>.section:first-child .breadcrumb,#worldApp>.section:first-child .breadcrumb{padding-bottom:22px;}
}

@media(max-width:767px) and (max-height:700px){
  .home-hero__content{padding-block:18px;}
  .home-hero__eyebrow{margin-bottom:5px;}
  .home-hero__eyebrow:not(.has-font-size){font-size:10px;}
  .home-hero h1{margin-bottom:7px;}
  .home-hero h1:not(.has-font-size){font-size:clamp(1.7rem,8vw,2.15rem);}
  .home-hero__content>p{margin-bottom:10px;line-height:1.34;}
  .home-hero__content>p:not(.has-font-size){font-size:.88rem;}
  .advisor-field{min-height:40px;padding-block:3px;}
  .advisor-field select,.advisor-field:first-child select{min-height:30px;font-size:13px;}
  .advisor-bar__submit{min-height:42px;margin-top:6px;}
  .home-hero__links{margin-top:6px;}
}

@media(max-width:479px){
  .header .logo__image{width:clamp(184px,52vw,210px);max-width:calc(100vw - 150px);}
  .header__inner{gap:6px;padding-inline:14px;}
  .header__actions{gap:0;}
  .header__actions .icon-btn{min-width:40px;padding:0 7px;}
  .discovery__rail{grid-template-columns:repeat(4,82vw);}
}

@media(max-width:340px){
  .header .logo__image--full{display:block;}
  .header .logo__image--icon{display:none;}
}

@media(prefers-reduced-motion:reduce){
  .discovery-card:hover,.card:hover,.world-card:hover,.btn--primary:hover{transform:none;}
  .skeleton::after{animation:none;display:none;}
}