:root{--brand-orange:#e6a45c;--brand-brown:#6b4423;--brand-cream:#f5e6d3;--brand-light-cream:#faf5ed;--brand-dark-brown:#3d2817;--brand-black:#1a1a1a;--brand-gold:#d4964a;--brand-white:#fff;--cafe-primary:#e6a45c;--cafe-secondary:#6b4423;--bg-cream:#f5e6d3;--bg-white:#fff;--text-dark:#3d2817;--text-muted:#6b4423;--border-subtle:#e6a45c;--shadow-soft:rgba(0,0,0,.08);--success:#16a34a;--error:#dc2626;--font-heading:"Playfair Display",serif;--font-body:"Manrope",sans-serif;--font-mono:"DM Mono",monospace}button,h1,h2,h3,h4,h5,h6{font-weight:700}@media (max-width:767px){body,html{overscroll-behavior:none;-webkit-overflow-scrolling:auto}.featured-section-mobile{position:relative;top:-30vh;margin-bottom:-30vh}}.hero-decorated{position:relative;overflow:hidden;isolation:isolate}@keyframes expandCounter{0%{width:clamp(32px,8vw,36px);opacity:1}to{width:clamp(100px,25vw,120px);opacity:1}}@keyframes collapseCounter{0%{width:clamp(100px,25vw,120px);opacity:1}to{width:clamp(32px,8vw,36px);opacity:1}}.animate-expand-counter{animation:expandCounter .25s cubic-bezier(.4,0,.2,1) forwards}.animate-collapse-counter{animation:collapseCounter .2s cubic-bezier(.4,0,.2,1) forwards}@keyframes fadeInFromLeft{0%{opacity:0;transform:translateX(-8px) scale(.8)}to{opacity:1;transform:translateX(0) scale(1)}}@keyframes fadeInFromRight{0%{opacity:0;transform:translateX(8px) scale(.8)}to{opacity:1;transform:translateX(0) scale(1)}}.animate-fade-in-left{animation:fadeInFromLeft .2s cubic-bezier(.4,0,.2,1) forwards}.animate-fade-in-right{animation:fadeInFromRight .2s cubic-bezier(.4,0,.2,1) forwards}@keyframes growToCounter{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.animate-grow-counter{animation:growToCounter .25s cubic-bezier(.4,0,.2,1) forwards}@keyframes scaleUp{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}@keyframes scaleDown{0%{transform:scale(1)}50%{transform:scale(.7)}to{transform:scale(1)}}.animate-scale-up{animation:scaleUp .2s ease-out forwards}.animate-scale-down{animation:scaleDown .2s ease-out forwards}@keyframes badgePop{0%{transform:scale(0);opacity:0}60%{transform:scale(1.2);opacity:1}to{transform:scale(1);opacity:1}}@keyframes badgeUpdate{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1)}}.animate-badge-pop{animation:badgePop .3s cubic-bezier(.4,0,.2,1) forwards}.animate-badge-update{animation:badgeUpdate .2s ease-out forwards}.animate-badge-pop,.animate-badge-update,.animate-collapse-counter,.animate-expand-counter,.animate-fade-in-left,.animate-fade-in-right,.animate-grow-counter,.animate-scale-down,.animate-scale-up{will-change:transform,opacity,width}@media (hover:hover) and (pointer:fine){.quantity-btn:hover{background-color:var(--brand-cream);transform:scale(1.05)}.quantity-add-btn:hover{box-shadow:0 4px 12px rgba(0,0,0,.15);border-color:var(--brand-orange)}}@media (hover:none) and (pointer:coarse){.quantity-btn:active{background-color:var(--brand-cream);transform:scale(.95)}.quantity-add-btn:active{transform:scale(.95);box-shadow:0 1px 4px rgba(0,0,0,.1)}}