.syrup-hero{max-width:1440px;margin:0 auto;line-height:0;border-bottom:8px ridge #9e6736;background:#29180f}.syrup-hero img{display:block;width:100%;height:auto;max-width:100%}
.syrup-products{max-width:1440px;margin:0 auto;padding:32px clamp(20px,5vw,80px) 36px;background:linear-gradient(#1e0e0755,#160d0755),url('assets/delivery/sauces/approved-woodgrain.svg') center/650px 65px;box-shadow:inset 0 8px 12px #120a0780;scroll-margin-top:18px}
.syrup-grid{max-width:1140px;margin:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;align-items:start}.syrup-card{min-width:0;padding:12px 12px 20px;border:3px ridge #83512c;background:linear-gradient(#170b0555,#160b0555),url('assets/delivery/sauces/approved-woodgrain.svg') center/650px 65px;box-shadow:inset 0 0 0 2px #28150d,0 7px 14px #100704b3}
.syrup-bay{position:relative;display:grid;place-items:center;height:clamp(280px,30vw,390px);border:12px ridge #87542e;border-bottom-width:28px;margin-bottom:18px;padding:22px 18px 36px;background:radial-gradient(ellipse at 25% 15%,#f8e7bccc,transparent 65%),repeating-linear-gradient(90deg,#ad8c5655 0 1px,transparent 1px 5px),repeating-linear-gradient(0deg,#a7895233 0 1px,transparent 1px 4px),#ceb17d;box-shadow:inset 0 0 24px #59311688,0 6px 8px #100805aa}
.syrup-bay::after{content:'';position:absolute;bottom:0;left:0;right:0;height:24px;border-top:2px solid #b98047;background:linear-gradient(#8e532b55,#21110bc9),url('assets/delivery/sauces/approved-woodgrain.svg') center/650px 65px;box-shadow:0 -7px 10px #38200c55,inset 0 2px 3px #d69a5666;pointer-events:none}
.syrup-photo-placeholder{width:min(80%,270px);padding:26px 12px;text-align:center;border:1px dashed #94754c;color:#705737;background:radial-gradient(ellipse at 45% 25%,#f3dfb7e8,#d6b988db);box-shadow:0 5px 9px #2a170c44,inset 0 0 16px #c2985c55}.syrup-photo-placeholder>span{font-size:30px}.syrup-photo-placeholder p{margin:12px 0 0;font-size:15px;line-height:1.5;font-style:italic}
/* Replace only the placeholder with an approved image using this proportional slot. */
.syrup-bay .syrup-photo{display:block;width:100%;height:100%;min-height:0;object-fit:contain;position:relative;z-index:1;filter:drop-shadow(2px 4px 3px #29120655)}
.syrup-nameplate{position:relative;min-height:170px;padding:18px 22px;display:flex;align-items:center;justify-content:center;text-align:center;border:4px ridge #ab763d;background:linear-gradient(#22100688,#170b0566),url('assets/delivery/sauces/approved-woodgrain.svg') center/650px 65px;box-shadow:0 4px 7px #140805aa,inset 0 0 10px #12080566}.syrup-nameplate::before,.syrup-nameplate::after{content:'';position:absolute;top:10px;width:6px;height:6px;border-radius:50%;background:radial-gradient(circle at 30% 20%,#e3bb7c,#5a3618);box-shadow:0 1px 1px #160a04}.syrup-nameplate::before{left:9px}.syrup-nameplate::after{right:9px}.syrup-nameplate h2{max-width:440px;margin:0;color:#f5d49a;font-family:Rockwell,Georgia,serif;font-size:clamp(23px,2.4vw,33px);line-height:1.18;text-transform:uppercase;letter-spacing:.025em;text-shadow:0 2px #160a04}
.syrup-price{margin:17px 0 13px;color:#f7e2bc;font-size:26px;font-weight:bold;line-height:1.4;text-align:center;font-variant-numeric:tabular-nums}.syrup-details{margin:0;border:0;font-size:16px;line-height:1.65}.syrup-details summary{display:flex;justify-content:center;gap:12px;align-items:center;min-height:48px;max-width:200px;margin:auto;padding:9px 16px;border:3px double #cd9a5b;border-radius:4px;background:linear-gradient(#744321,#3d2111);box-shadow:0 2px 3px #100706aa;font-size:16px;font-weight:bold;color:#f7e2bc;line-height:1.2;list-style:none;cursor:pointer}.syrup-details summary::after{display:none}.syrup-details summary::-webkit-details-marker{display:none}.syrup-details summary>span{font-size:24px;line-height:1}.syrup-details[open] summary>span{transform:rotate(90deg)}
.syrup-description{margin-top:18px;padding:22px clamp(16px,2.2vw,28px);border:2px ridge #b78343;background:radial-gradient(ellipse at 40% 10%,#f5e3bd,#e6c995);box-shadow:inset 0 0 14px #b7844544;color:#3d2516;overflow-wrap:break-word}.syrup-description h3{margin:0 0 12px;font-size:22px;line-height:1.3;color:#3d2516}.syrup-description p{margin:0 0 17px;font-size:16px;line-height:1.65;color:#563b23}.syrup-description .syrup-tagline{color:#6b3b22;font-weight:bold}.syrup-description .syrup-flavor{border-top:1px solid #b78c56;padding-top:16px}.syrup-description p:last-child{margin-bottom:0}.syrup-description strong{color:#3d2516}.syrup-preview-note{margin:30px auto 8px;text-align:center;font-size:13px;line-height:1.5;color:#c7aa7d}.syrup-back{display:flex;align-items:center;justify-content:center;min-height:48px;width:fit-content;margin:0 auto;color:#f3d6a6;font-size:16px}
@media(max-width:650px){.syrup-products{padding:24px 18px 28px}.syrup-grid{grid-template-columns:1fr;max-width:500px;gap:28px}.syrup-card{padding:9px 9px 18px}.syrup-bay{height:320px}.syrup-nameplate{min-height:146px;padding:16px}.syrup-nameplate h2{font-size:27px}.syrup-description{padding:20px 17px}}
