/* Copied from the designer's shared/css/v3-base.css (2026-10-03). Local changes: font addresses point at
   fonts/jolly/, and the Figtree, Inter and Roboto weights share one file each because the designer's
   per-weight files are byte-identical (variable fonts). */
/* v3 base (2 Oct 2026): fonts and shared pieces of the client-Figma landing and the dumpling-style checkout.
   Fonts are the ones in the client Figma (Christmas Bottle): Fraunces 700 headings, Figtree + Poppins text, Roboto promo bar, Inter small UI. */
@font-face{font-family:"Figtree";src:url(../../fonts/jolly/figtree-latin-400.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Figtree";src:url(../../fonts/jolly/figtree-latin-400.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"Figtree";src:url(../../fonts/jolly/figtree-latin-400.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"Fraunces";src:url(../../fonts/jolly/fraunces-latin-700.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"Inter";src:url(../../fonts/jolly/inter-latin-400.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Inter";src:url(../../fonts/jolly/inter-latin-400.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"Inter";src:url(../../fonts/jolly/inter-latin-400.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"Pacifico";src:url(../../fonts/jolly/pacifico-latin-400.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Poppins";src:url(../../fonts/jolly/poppins-latin-400.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Poppins";src:url(../../fonts/jolly/poppins-latin-500.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"Poppins";src:url(../../fonts/jolly/poppins-latin-700.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"Roboto";src:url(../../fonts/jolly/roboto-latin-400.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Roboto";src:url(../../fonts/jolly/roboto-latin-400.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}
:root{--font-heading:"Fraunces",Georgia,serif;--font-body:"Figtree",system-ui,sans-serif;--v3-yellow:#FFCC00;--v3-green:#ACF4A1;--v3-hl:#FFEEAC;--v3-grey:#FAFAFA}
html{scroll-behavior:smooth}
body{font-family:var(--font-body);color:#000;background:#fff}
p,h1,h2,h3,ul{margin:0;padding:0}
a{color:inherit}
button{font:inherit;cursor:pointer}

/* promo bar (Figma "Background" 1:1894; same bar as the client's dumpling checkout) */
.v3-promo{background:var(--v3-green);text-align:center;padding:8px 12px;font-family:"Roboto",sans-serif;color:#000}
.v3-promo p{font-size:18px;line-height:31px;font-weight:400;text-transform:uppercase}
.v3-promo b{font-weight:700}
.v3-promo em{display:inline-block;font-style:normal;font-weight:700;background:#000;color:#fff;padding:0 15px;border-radius:5px;margin:0 6px 0 4px}
.v3-promo-br{display:none}
.v3-promo-l2{white-space:nowrap}
@media (max-width:760px){.v3-promo{padding:6px 10px}.v3-promo p{font-size:14px;line-height:25px}.v3-promo-br{display:inline}.v3-promo em{padding:0 9px;font-size:15px}}
@media (max-width:359px){.v3-promo p{font-size:12.5px}}

/* rating row */
.v3-rating{display:flex;align-items:center;gap:8px;font:400 13px/20px "Figtree",sans-serif;letter-spacing:.2px}
.v3-stars{width:76px;height:14px;flex:none;display:block}

/* CTA: yellow pill, pulsing like the client's reference (velinsleep grounded-sheets: scale 1 to 1.05, 2s) */
.v3-cta{display:flex;flex-direction:column;align-items:center;gap:12px;width:316px;max-width:100%}
.v3-btn{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;min-height:54px;padding:8px 12px;border-radius:39px;white-space:nowrap;background:var(--v3-yellow);color:#000;font:700 17px/22px "Poppins",sans-serif;text-decoration:none;text-align:center;box-shadow:0 2px 6px rgba(0,0,0,.22);animation:v3-pulse 2s ease-in-out infinite;transform-origin:center;will-change:transform}
.v3-btn:hover{background:#f5c400}
.v3-point{font-size:16px;line-height:1}
@keyframes v3-pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}
@media (prefers-reduced-motion:reduce){.v3-btn{animation:none}}
.v3-ship{display:flex;align-items:center;justify-content:center;gap:5px;font:500 11px/15px "Inter",sans-serif;color:#000;white-space:nowrap}
.v3-dot{width:11px;height:11px;border-radius:50%;background:#8FE88A;box-shadow:0 0 0 2px #D9F8D5;flex:none;margin-right:2px}
.v3-sep{color:#bbb}
.v3-bars{display:inline-flex;gap:2px;margin-left:2px}
.v3-bars i{width:10px;height:9px;background:#D9D9D9}
.v3-bars i.on{background:#FC2201}
.v3-low{color:#FC2201;font-size:12px;font-weight:400}
.v3-badge{display:block;width:90px;height:100px}