.site-header{background:#fff;border-bottom:1px solid #eee9e4}
.main-nav a{color:#211b17}
.main-nav a:hover{color:#c95d0b}
.menu-toggle span{background:#211b17}
.detail-hero{background:var(--product-hero,#f3e8d8);transition:background-color .35s ease}
.food-story{background:var(--product-info,#fff0df);transition:background-color .35s ease}
.calorie-disc{background:var(--product-accent,#4b4b4b);border-color:color-mix(in srgb,var(--product-accent,#4b4b4b) 35%,#fff 65%);box-shadow:0 0 0 1px var(--product-accent,#4b4b4b)}
.calorie-disc{border-color:#111;box-shadow:0 0 0 1px #111}.calorie-disc small{color:#fff}.nutrient-list{border-top:0}
.facts-card{background:#373737;animation:gentleFloat 4.8s ease-in-out infinite;box-shadow:0 18px 38px rgba(0,0,0,.12)}
.nutrient-group{scroll-margin-top:28px}
.nutrient-group+.nutrient-group{margin-top:29px;padding-top:10px}
.nutrient-group-title{display:flex;align-items:center;gap:12px;margin:0 0 7px;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#817972}
.nutrient-group-title:after{content:'';height:1px;flex:1;background:#e8e1db}
@keyframes gentleFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
.detail-art{background:color-mix(in srgb,var(--product-hero,#f3e8d8) 72%,#fff 28%);overflow:hidden}
.detail-art img{display:block;width:auto;height:68%;max-width:56%;object-fit:contain;filter:drop-shadow(0 16px 12px rgba(0,0,0,.18));animation:productFloat 4.2s ease-in-out infinite;will-change:transform}
@keyframes productFloat{0%,100%{transform:translateY(0) rotate(-.35deg)}50%{transform:translateY(-10px) rotate(.35deg)}}
.food-art{overflow:hidden;isolation:isolate}
.food-art img{position:absolute;inset:0;margin:auto;display:block;width:120px!important;height:120px!important;max-width:none;max-height:none;object-fit:contain;object-position:center;filter:drop-shadow(0 10px 8px rgba(0,0,0,.18))}
.beverage-hero{position:relative;overflow:hidden}.beverage-hero>.shell{position:relative;z-index:2}.bubbles{position:absolute;inset:0;pointer-events:none;overflow:hidden}.bubbles i{position:absolute;bottom:-35px;width:12px;height:12px;border:1.5px solid rgba(255,255,255,.7);border-radius:50%;animation:bubbleRise 7s linear infinite}.bubbles i:nth-child(1){left:7%;animation-delay:-1s}.bubbles i:nth-child(2){left:14%;width:7px;height:7px;animation-delay:-5s}.bubbles i:nth-child(3){left:23%;width:18px;height:18px;animation-delay:-3s}.bubbles i:nth-child(4){left:32%;animation-delay:-6s}.bubbles i:nth-child(5){left:42%;width:8px;height:8px;animation-delay:-2s}.bubbles i:nth-child(6){left:51%;width:20px;height:20px;animation-delay:-7s}.bubbles i:nth-child(7){left:59%;animation-delay:-4s}.bubbles i:nth-child(8){left:67%;width:6px;height:6px;animation-delay:-1.5s}.bubbles i:nth-child(9){left:74%;width:16px;height:16px;animation-delay:-5.5s}.bubbles i:nth-child(10){left:82%;animation-delay:-3.5s}.bubbles i:nth-child(11){left:90%;width:9px;height:9px;animation-delay:-6.5s}.bubbles i:nth-child(12){left:37%;width:5px;height:5px}.bubbles i:nth-child(13){left:77%;width:7px;height:7px;animation-delay:-2.5s}.bubbles i:nth-child(14){left:18%;width:10px;height:10px;animation-delay:-4.5s}@keyframes bubbleRise{0%{transform:translateY(0) scale(.7);opacity:0}15%{opacity:.75}85%{opacity:.55}100%{transform:translateY(-650px) scale(1.25);opacity:0}}@media(prefers-reduced-motion:reduce){.bubbles i{animation:none;display:none}}
.bubbles i{border:2px solid color-mix(in srgb,var(--product-accent,#31567d) 55%,#fff 45%);background:rgba(255,255,255,.24);box-shadow:inset 2px 2px 3px rgba(255,255,255,.9),0 0 0 1px rgba(255,255,255,.4);animation-duration:8.5s}
.bubbles i:nth-child(3n){animation-duration:10.5s}.bubbles i:nth-child(4n){animation-duration:7s}
.bubbles i:nth-child(15){left:4%;width:20px;height:20px;animation-delay:-7.5s}.bubbles i:nth-child(16){left:11%;width:5px;height:5px;animation-delay:-2.2s}.bubbles i:nth-child(17){left:27%;width:9px;height:9px;animation-delay:-8s}.bubbles i:nth-child(18){left:35%;width:16px;height:16px;animation-delay:-3.8s}.bubbles i:nth-child(19){left:46%;width:6px;height:6px;animation-delay:-6.2s}.bubbles i:nth-child(20){left:55%;width:13px;height:13px;animation-delay:-1.8s}.bubbles i:nth-child(21){left:63%;width:22px;height:22px;animation-delay:-9s}.bubbles i:nth-child(22){left:70%;width:8px;height:8px;animation-delay:-4.2s}.bubbles i:nth-child(23){left:79%;width:18px;height:18px;animation-delay:-7.2s}.bubbles i:nth-child(24){left:86%;width:6px;height:6px;animation-delay:-2.8s}.bubbles i:nth-child(25){left:94%;width:14px;height:14px;animation-delay:-5.8s}.bubbles i:nth-child(26){left:49%;width:24px;height:24px;animation-delay:-10s}
.recipe-art{overflow:hidden}
.recipe-art img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .45s ease}
.recipe-card:hover .recipe-art img{transform:scale(1.035)}
.recipe-art small{z-index:2}
@media(max-width:640px){.main-nav{background:#fff;border-bottom:1px solid #eee9e4}.facts-card{animation:none}}
@media(prefers-reduced-motion:reduce){.facts-card,.detail-art img{animation:none}}
.css-logo{display:inline-flex;align-items:center;color:#171412;font-weight:700;font-size:27px;letter-spacing:-1.8px;line-height:1}.css-logo .logo-calorie{font-family:'Playfair Display',serif;font-style:italic;font-weight:600}.css-logo .logo-me{font-weight:700}.css-logo .logo-o{width:29px;height:29px;margin:0 1px;border-radius:50%;display:inline-grid;place-items:center;background:#ef7d24;color:#fff;box-shadow:inset 0 0 0 6px #f8b16f;transform:rotate(-8deg)}.css-logo .logo-o:after{content:'';width:7px;height:7px;border-radius:50%;background:#fff}.recipe-intro{font-size:17px!important;line-height:1.75}.recipe-copy-block{padding:26px 0;border-top:1px solid var(--line)}.recipe-copy-block h2{margin-top:0}.recipe-copy-block p{color:var(--muted);line-height:1.7}.recipe-nutrition{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:22px 0 38px}.recipe-nutrition div{background:#eef3e8;padding:15px;border-radius:8px}.recipe-nutrition strong,.recipe-nutrition span{display:block}.recipe-nutrition strong{font-size:20px}.recipe-nutrition span{font-size:9px;text-transform:uppercase;letter-spacing:.12em;color:#6d7566}.related-recipes{background:#fbf6ed;padding:90px 0}.related-recipes .recipe-grid{margin-top:35px}@media(max-width:640px){.css-logo{font-size:23px}.css-logo .logo-o{width:25px;height:25px}.recipe-nutrition{grid-template-columns:repeat(2,1fr)}}
.footer-grid .footer-css-logo{display:inline-flex;color:#fff;font-size:30px;margin:0}.footer-grid .footer-css-logo span{display:inline;color:inherit;margin:0}
.recipe-list-hero{background:#3f5f37}.recipe-detail-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;padding-top:50px;padding-bottom:100px;align-items:start}.recipe-detail-grid h1{font-size:clamp(44px,6vw,70px);line-height:1.02;letter-spacing:-.05em;margin-bottom:15px}.recipe-detail-grid>div>p:not(.eyebrow){font-size:18px;color:var(--muted)}.recipe-detail-grid>img{width:100%;border-radius:14px;position:sticky;top:30px}.recipe-meta{display:flex;gap:10px;margin:28px 0 40px}.recipe-meta span{background:#eef3e8;border-radius:99px;padding:9px 13px;font-size:11px;font-weight:700}.recipe-detail-grid h2{font-size:24px;margin:32px 0 14px}.recipe-detail-grid li{padding:7px 0;color:#5f5955;line-height:1.55}.recipe-detail-grid ol li{padding-left:8px}.recipe-card{display:block}@media(max-width:760px){.recipe-detail-grid{grid-template-columns:1fr;gap:35px}.recipe-detail-grid>img{position:static;grid-row:1}}
