/* ============================================================
   DER EISSALON — Filial-Seiten (Innenstadt, Wetzelsdorf, Augarten, St. Stefan)
   Dunkler Kopfbereich wie Standorte, Seitenrand, Abstand unter dem Header.
   ============================================================ */
.site-main--filiale{background:var(--cream)}
.filiale{display:block}

/* Kopfbereich (dunkel) */
.page-hero--filiale{background:var(--braun);color:var(--cream);padding:clamp(170px,22vh,230px) 8vw clamp(80px,10vh,120px);border-radius:0 0 32px 32px}
.page-hero--filiale .page-hero__inner{max-width:var(--max-width);margin:0 auto}
.page-hero--filiale .page-hero__eyebrow{display:inline-block;font-size:12px;letter-spacing:.22em;text-transform:uppercase;font-weight:700;color:var(--cream);margin-bottom:26px;padding-bottom:12px;border-bottom:1px solid rgba(253,248,220,.35)}
.page-hero--filiale .page-hero__title{font-size:clamp(44px,6.4vw,96px);line-height:.94;letter-spacing:-.025em;font-weight:800;color:var(--cream);margin:0 0 24px;max-width:16ch}
.page-hero--filiale .page-hero__lead{font-size:clamp(17px,1.2vw,21px);line-height:1.6;color:var(--cream);max-width:620px;margin:0 0 22px}
.page-hero--filiale .filiale__status{margin:0 0 30px}
.page-hero--filiale .open-status{color:var(--cream)}
.page-hero--filiale .page-hero__ctas{display:flex;gap:14px;flex-wrap:wrap}
.page-hero--filiale .btn--ghost-cream{color:var(--cream);border-color:rgba(253,248,220,.6)}

/* Inhaltsbereiche: gemeinsamer Rand */
.filiale > section:not(.page-hero){max-width:var(--max-width);margin:0 auto;padding:70px 8vw 0;box-sizing:content-box}
.filiale > section:last-child{padding-bottom:110px}
.filiale .eyebrow{color:var(--braun)}

/* Adresse / Öffnungszeiten / Karte */
.filiale__nap-inner{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.filiale__card{background:#fff;border-radius:24px;padding:30px 28px;box-shadow:0 20px 40px -30px rgba(58,50,50,.35)}
.filiale__card address{font-style:normal;line-height:1.7;margin-bottom:14px}
.filiale__card p{margin:0 0 10px}
.filiale__card a{text-decoration:underline;text-underline-offset:3px}
.filiale__map{display:block;text-decoration:none!important}
.filiale__map-img{aspect-ratio:3/2;border-radius:16px;overflow:hidden}
.filiale__map-img img{width:100%;height:100%;object-fit:cover}
.filiale__map-cta{display:inline-block;margin-top:12px;font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}

/* Vorteile */
.filiale__usps .split__list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 40px}
.filiale__usps .split__list li{display:flex;gap:12px;font-size:17px;line-height:1.55}
.filiale__usps .split__list li::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--pink);flex-shrink:0;margin-top:10px}

/* Fotos */
.filiale__gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.filiale__foto,.filiale__gallery img{aspect-ratio:4/3;width:100%;object-fit:cover;border-radius:20px}

/* Anfahrt */
.filiale__anfahrt p{max-width:760px;font-size:17px;line-height:1.65}

/* Sorten (dunkle Karten wie Startseite) */
.filiale__sorten{overflow:hidden}
.filiale__vitrine{font-size:17px}
.filiale .flavors__track{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;padding:10px 0 30px;scrollbar-width:thin}
.filiale .flavor{flex:0 0 240px;scroll-snap-align:start;border-radius:22px;overflow:hidden;background:var(--braun);display:flex;flex-direction:column}
.filiale .flavor__img,.filiale .flavor .ph{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:0}
.filiale .flavor__body{padding:18px 20px 22px}
.filiale .flavor__name{font-size:20px;font-weight:800;line-height:1.1;color:var(--cream);margin:0 0 6px}
.filiale .flavor__tag{font-size:12px;letter-spacing:.16em;text-transform:uppercase;font-weight:700;color:var(--cream)}
.filiale .flavor__body:empty,.filiale .flavor__name:empty{display:none}

/* FAQ */
.filiale .faq{border-bottom:1px solid rgba(80,70,70,.18);padding:18px 0;max-width:860px}
.filiale .faq summary{cursor:pointer;font-weight:800;font-size:19px;list-style:none;display:flex;justify-content:space-between;gap:16px}
.filiale .faq summary::-webkit-details-marker{display:none}
.filiale .faq summary::after{content:'+';font-weight:400;font-size:24px;line-height:1}
.filiale .faq[open] summary::after{content:'–'}
.filiale .faq__a{padding-top:12px;font-size:17px;line-height:1.65}

/* Andere Standorte */
.filiale__others-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.filiale__others-list a{display:block;background:#fff;border-radius:20px;padding:22px 24px;box-shadow:0 20px 40px -30px rgba(58,50,50,.35);transition:transform .2s}
.filiale__others-list a:hover{transform:translateY(-3px)}
.filiale__others-list strong{display:block;font-size:17px;margin-bottom:4px}
.filiale__others-list span{font-size:15px}

@media (max-width:1024px){
  .filiale__nap-inner{grid-template-columns:1fr 1fr}
  .filiale__card--map{grid-column:1 / -1}
  .filiale__gallery{grid-template-columns:repeat(2,minmax(0,1fr))}
  .filiale__others-list{grid-template-columns:1fr}
}
@media (max-width:720px){
  .page-hero--filiale{padding:165px 22px 64px;border-radius:0 0 24px 24px}
  .page-hero--filiale .page-hero__title{font-size:clamp(30px,9vw,56px)}
  .filiale > section:not(.page-hero){padding:56px 22px 0}
  .filiale__nap-inner,.filiale__usps .split__list,.filiale__gallery{grid-template-columns:1fr}
  .filiale .flavor{flex:0 0 200px}
}