/* =====================================================================
   Zain'ss · theme «بُن» — appetizing menu for cafés, bakeries & restaurants.
   Loaded after store.css. Warm cream page, round corners, a rounded inset hero,
   the menu with sticky category chips, quick "+" ordering (card style «منيو»), hours & address.
   ===================================================================== */
.theme-bunn{--brown:color-mix(in srgb,var(--c-text) 92%,#000)}
.theme-bunn,.theme-bunn .scheme-alt{--surface:#FFF9F1;--soft:color-mix(in srgb,var(--accent) 9%,var(--bg));--soft-2:color-mix(in srgb,var(--accent) 16%,var(--bg))}
.theme-bunn h1,.theme-bunn h2,.theme-bunn h3{font-weight:700}
.theme-bunn .eyebrow{color:var(--accent);font-weight:600;font-size:14px}
.theme-bunn .eyebrow::before{content:"✦";width:auto;height:auto;background:none;font-size:11px;opacity:1}
.theme-bunn .btn{font-weight:600}
.theme-bunn .more{border:0;color:var(--accent);font-weight:600}
.theme-bunn .chip{background:var(--surface)}

/* announcement + header */
.theme-bunn .logo img{max-height:52px}
.theme-bunn .hdr-nav{font-weight:500}
.theme-bunn .cart-count{background:var(--accent);color:var(--on-accent)}

/* rounded inset hero */
.theme-bunn .hero--inset{border-radius:32px;background:var(--brown)}
.theme-bunn .slide-title{font-weight:700;font-size:calc(clamp(40px,5vw,78px) * var(--h-scale,1));line-height:1.12}
.theme-bunn .slide-text{font-size:18px;max-width:40ch}
.theme-bunn .slide .eyebrow{background:var(--accent);color:#fff;padding:6px 14px;border-radius:999px}
.theme-bunn .slide .eyebrow::before{display:none}
.theme-bunn .slide--dark .btn--light{background:var(--brown);border-color:var(--brown);color:#fff}
.theme-bunn .slide--light .btn--light{background:#fff;border-color:#fff;color:var(--brown)}

/* menu: sticky category chips + menu cards */
.theme-bunn .menu-sec{padding-top:clamp(36px,4vw,64px)}
.theme-bunn .menu-nav{background:color-mix(in srgb,var(--bg) 90%,transparent)}
.theme-bunn .menu-chip{background:var(--surface);border-color:var(--line)}
.theme-bunn .menu-chip.is-on{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}
.theme-bunn .menu-group-head{border-bottom:2px dashed var(--line)}
.theme-bunn .menu-group-head h3{color:var(--brown)}

/* banner, story, reviews, hours, CTA, footer */
.theme-bunn .banner{border-radius:32px;background:#F2E6D6}
.theme-bunn .story-media{border-radius:32px}
.theme-bunn .review-card{border-radius:26px;background:var(--surface);border-color:var(--line)}
.theme-bunn .hours{border-radius:32px;background:var(--brown)}
.theme-bunn .cta-band{border-radius:32px;background:var(--soft-2)}
.theme-bunn .trust-ic{color:var(--accent)}

/* product page & collection */
.theme-bunn .g-main{border-radius:28px;background:#F2E6D6}
.theme-bunn .g-thumb{border-radius:16px}
.theme-bunn .pdp-title{font-weight:700}
.theme-bunn .price--lg b{color:var(--accent);font-weight:700}
.theme-bunn .vp-btn input:checked+.vp-txt{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent);background:var(--accent);color:#fff}

.theme-bunn .grid .pcard--menu,.theme-bunn .carousel .pcard--menu{height:100%}

@media (max-width:960px){
  .theme-bunn .logo img{max-height:42px}
  .theme-bunn .hero--inset{border-radius:24px}
  .theme-bunn .slide-content{justify-content:flex-start;padding-top:30px}
  .theme-bunn .slide-title{font-size:clamp(34px,9vw,52px)}
}