/* Solid colors sampled from Rita's existing logo, without gradients or shadows. */
:root{--gold:#f0d008;--orange:#f0a818;--accent-ink:#824300;--red:var(--accent-ink);--paper:#faf8f3;--ink:#282522;--line:#ded8cc}
body{background:var(--paper);color:var(--ink)}
.button,.liquid{background:var(--orange);color:var(--ink)}
.button:hover{background:var(--gold);color:var(--ink)}
.button.outline{background:transparent;color:var(--ink);border-color:#afa591}
.site-header{background:#fffdf4db;border-radius:18px}
.site-header:has(.header-secondary:not([hidden])) .nav-more{display:block}
.header-secondary{border:0;gap:0}
.secondary-links{border-top:1px solid var(--line);padding-block:5px;gap:6px}
.site-header .nav>a,.site-header .nav-more summary,.secondary-links a{position:relative;border:0!important;border-radius:9px;transition:background .22s,color .22s,transform .22s}
.site-header .nav>a[aria-current],.secondary-links a[aria-current],.site-header .nav-more.is-current summary{background:var(--gold);color:var(--ink);animation:nav-turn .32s ease-out}
.secondary-links a{padding:8px 14px;min-height:38px}
.site-header .nav>a:hover,.secondary-links a:hover{background:#f0d00822;color:var(--ink)}
.nav-more-panel{background:#fffdf6}
@keyframes nav-turn{from{transform:perspective(600px) rotateX(-25deg);opacity:.45}to{transform:perspective(600px) rotateX(0);opacity:1}}
.hero{background:var(--gold)!important;color:var(--ink)}
.hero::before{display:block;content:'';position:absolute;inset:0;background:url('/assets/liquid-pattern.webp') center/cover;mix-blend-mode:screen;opacity:.5;pointer-events:none}
.hero h1{color:var(--ink)}
.hero .flavor-tabs{background:#fffaf12b;border-color:#28252245;color:var(--ink)}
.hero .flavor-tabs button,.hero .playback-controls,.hero .scroll-cue{color:var(--ink)}
.hero .flavor-tabs .liquid{background:#fff8;border-color:#fff9}
.hero .hero-timer{background:#28252230}.hero .hero-timer>span{background:var(--ink)}
.hero-item img{max-height:620px}
.story{background:#f0b810;color:var(--ink)}
.story-copy p,.timeline p,.story .text-link,.story-stats{color:var(--ink)}
.story-details,.timeline article{border-color:#28252225}
#why{background:#f5e3b5}
#why .quality-bento .quality-card{background:#fff8;border-color:#fff}
#why .quality-icon{color:var(--accent-ink)}
.recipes{background:#f0ece3}
.recipe-card{background:#fffdf7!important;border-radius:16px!important;padding:22px}
.recipe-card .recipe-image{border-radius:10px;aspect-ratio:1.35}
.recipe-related .recipe-grid{gap:20px}
.recipe-related .recipe-card{padding:28px;min-height:165px;display:flex;align-items:center}
.recipe-related .recipe-card h3{margin-top:0}
.recipe-product{background:#f3e8ca;border:0;border-radius:16px;padding:28px}
.recipe-product-image{background:transparent!important;border-radius:0}
.recipe-product-image img{background:transparent!important;max-height:340px;object-fit:contain}
.detail-visual img{max-height:520px;object-fit:contain}
.faq-full .faq-layout{display:block;max-width:960px;margin:auto}
.faq-full .faq-intro{margin-bottom:32px}
.faq-full .section-symbol{display:none}
.faq-full .faq-intro h1{font-size:clamp(32px,4vw,56px);margin-bottom:24px}
.faq-full .faq-tabs{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px;margin-top:0}
.faq-full .faq-tabs button{width:auto;min-height:44px;border:0;border-radius:9px;padding:10px 18px;background:#f0ece3}
.faq-tabs button.active,.faq-tabs button[aria-selected=true]{background:var(--gold)!important;color:var(--ink)!important}
.faq-toggle,.faq-item.is-open .faq-toggle{background:#f0d00830;color:var(--ink)}
.faq-item.is-open .faq-question{color:var(--accent-ink)}
/* One open branch, fixed total height, and full-card activation. */
#store-list.branch-folds{height:420px;gap:12px}
.branch-fold{height:100%;min-height:0!important;flex:1 1 0;background:#eee9df;color:var(--ink);border-radius:14px}
.branch-fold.expanded{flex:3.8 1 0;background:var(--gold);color:var(--ink)}
.branch-fold::before{opacity:.06;mix-blend-mode:screen;transform:none}
.branch-fold.expanded::before{opacity:.45}
.branch-fold h3{position:static}
.branch-fold h3 button{height:176px;min-height:0;position:static;padding:24px;justify-content:flex-start}
.branch-fold h3 button>span:nth-child(2){min-height:60px}
.branch-fold:not(.expanded) h3 button{height:100%;width:100%;position:absolute;inset:0;z-index:2;justify-content:flex-start}
.branch-fold:not(.expanded) h3 button::after{display:none}
.branch-panel{position:absolute;inset:176px 0 0;display:block;opacity:0;visibility:hidden;transition:opacity .2s,visibility .2s}
.branch-fold.expanded .branch-panel{display:block;opacity:1;visibility:visible}
.branch-panel-clip{height:100%}
.branch-panel-content{min-width:0;padding:0 24px 24px;height:100%;display:flex;flex-direction:column;transform:translateY(10px)}
.branch-panel-content address{margin-bottom:12px}
.branch-fold .branch-phone{margin:0 0 14px;color:var(--ink)}
.branch-fold .branch-actions{margin-top:auto}
.branch-fold .branch-actions .button{background:var(--ink);color:#fff;border-color:var(--ink)}
.branch-fold .branch-actions .outline{background:transparent;color:var(--ink);border-color:#28252266}
.branch-fold .branch-actions .button:hover{background:#493a21;color:#fff}
@media(hover:hover){.branch-fold:not(.expanded):hover{background:#f5d984}.branch-fold:not(.expanded):hover h3 button>.icon{transform:rotate(90deg)}}
@media(max-width:1100px){
 #store-list.branch-folds{height:660px;flex-direction:column;gap:10px}
 .branch-fold,.branch-fold.expanded{height:auto;flex:0 0 64px}
 .branch-fold.expanded{flex-basis:364px}
 .branch-fold h3 button,.branch-fold:not(.expanded) h3 button{height:64px;padding:16px 22px;flex-direction:row;align-items:center;font-size:18px}
 .branch-fold h3 button>span:nth-child(2){min-height:0;flex:1}
 .branch-panel{top:64px}
 .branch-panel-content{padding:12px 22px 24px}
}
@media(max-width:700px){
 .secondary-links{gap:3px;justify-content:center;width:auto;max-width:100%}
 .secondary-links a{padding:8px 10px;font-size:10px}
 .faq-full .faq-tabs{gap:6px}.faq-full .faq-tabs button{font-size:11px;padding:10px}
 .recipe-product{padding:22px}.recipe-product-image img{max-height:280px}
 .recipe-related .recipe-card{padding:22px;min-height:140px}
 .hero-item img{max-height:420px}
}
@media(prefers-reduced-motion:reduce){.site-header .nav>a,.secondary-links a,.branch-panel,.branch-fold{transition:none;animation:none!important}}
.branch-map{position:absolute;bottom:42px;inset-inline:0;display:flex;justify-content:center;opacity:.16;pointer-events:auto}
.branch-map .icon{width:64px;height:64px;stroke-width:1}
.branch-fold.expanded .branch-map{display:none}
@media(max-width:1100px){.branch-map{display:none}}
.faq-full .faq-tabs{max-width:none;width:100%;align-items:center}
.capsule button[aria-selected=true]{color:var(--ink)}
#store-list.branch-folds{height:380px}
.branch-fold.expanded h3 button>.icon{transform:none}
@media(max-width:1100px){#store-list.branch-folds{height:576px}.branch-fold.expanded{flex-basis:280px}}
.recipe-hero{display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;min-height:0;padding:0;gap:44px;overflow:visible;border-radius:0}
.recipe-hero>img{position:static;width:100%;height:auto;aspect-ratio:1.5;object-fit:cover;border-radius:16px}
.recipe-hero>div{background:transparent;padding:0;border-radius:0;max-width:none}
@media(max-width:700px){.recipe-hero{grid-template-columns:1fr;gap:24px}.recipe-hero>img{grid-row:1}.recipe-hero>div{padding:0}.recipe-hero h1{font-size:32px}}