:root{--navy:#002478;--navy-deep:#001D5F;--navy-700:#0A2F8A;--blue:#2A31C0;--blue-bright:#3B5BFF;--blue-soft:#E8EDFB;--blue-line:#C9D6F5;--cream:#F5F0EA;--off:#FBFAF8;--white:#fff;--ink:#0B1220;--body:#3A4356;--muted:#6B7488;--line:rgba(0,36,120,.12);--line-2:rgba(0,36,120,.2);--green:#12A06A;--green-soft:#E7F6EF;--gold:#FFB020;--red:#D7263D;--r-sm:10px;--r:14px;--r-lg:20px;--r-xl:28px;--r-pill:999px;--sh-sm:0 1px 2px rgba(0,36,120,.06);--sh:0 4px 16px rgba(0,36,120,.08);--sh-lg:0 12px 40px rgba(0,36,120,.14);--h:"Plus Jakarta Sans",system-ui,-apple-system,"Segoe UI",sans-serif;--b:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;--wrap:1240px;--gut:20px;--hdr:56px}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--b);font-size:16px;line-height:1.6;color:var(--body);background:var(--off);-webkit-font-smoothing:antialiased;overflow-x:hidden}img,svg,video{max-width:100%;display:block}button{font:inherit;cursor:pointer;border:0;background:none;color:inherit}a{color:inherit;text-decoration:none}h1,h2,h3,h4{font-family:var(--h);color:var(--ink);margin:0;line-height:1.14;letter-spacing:-.02em;font-weight:800}h1{font-size:clamp(26px,4.4vw,40px)}h2{font-size:clamp(25px,3.6vw,40px)}h3{font-size:clamp(18px,2.2vw,23px)}p{margin:0 0 1em}p:last-child{margin-bottom:0}:focus-visible{outline:3px solid var(--blue-bright);outline-offset:2px;border-radius:4px}.wrap{max-width:var(--wrap);margin:0 auto;padding:0 var(--gut)}.wrap-sm{max-width:900px;margin:0 auto;padding:0 var(--gut)}.sec{padding:clamp(48px,7vw,86px) 0}.sec-tight{padding:clamp(34px,4.6vw,56px) 0}.bg-navy{background:var(--navy);color:#eaf0ff}.bg-navy h2,.bg-navy h3,.bg-navy h1{color:#fff}.bg-cream{background:var(--cream)}.bg-off{background:var(--off)}.bg-white{background:var(--white)}.center{text-align:center}.eyebrow{font-family:var(--h);font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--blue);margin:0 0 10px}.bg-navy .eyebrow{color:#9fb6f0}.lede{font-size:clamp(15px,1.7vw,17px);max-width:62ch;margin-inline:auto}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-family:var(--h);font-weight:800;letter-spacing:.01em;padding:17px 28px;border-radius:var(--r-pill);transition:.18s ease;text-align:center;line-height:1.2;position:relative;overflow:hidden}.btn-primary{background:var(--navy);color:#fff;box-shadow:0 6px 20px #00247842}.btn-primary:hover{background:var(--navy-700);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-light{background:#fff;color:var(--navy);box-shadow:var(--sh)}.btn-light:hover{background:#f2f5fd}.btn-ghost{border:2px solid var(--navy);color:var(--navy)}.btn-lg{width:100%;font-size:18px;padding:20px 28px;border-radius:var(--r)}.btn-cart{background:var(--navy);color:#fff;width:100%;font-size:19px;padding:21px 24px;border-radius:var(--r);letter-spacing:.02em;text-transform:uppercase;box-shadow:0 8px 24px #0024784d}.btn-cart:hover{background:var(--navy-700)}.btn-cart .sub{display:block;font-size:12px;font-weight:600;text-transform:none;letter-spacing:0;opacity:.82;margin-top:3px}.btn-cart[aria-busy=true]{opacity:.7;pointer-events:none}@keyframes pulseRing{0%{box-shadow:0 8px 24px #0024784d,0 0 #00247866}70%{box-shadow:0 8px 24px #0024784d,0 0 0 14px #00247800}to{box-shadow:0 8px 24px #0024784d,0 0 #00247800}}.btn-cart.pulse{animation:pulseRing 2.6s ease-out 3}.pills{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 18px}.pill{background:var(--navy);color:#fff;font-family:var(--h);font-weight:700;font-size:13px;padding:7px 14px;border-radius:var(--r-pill)}.pill-soft{background:var(--blue-soft);color:var(--navy);font-family:var(--h);font-weight:800;font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;padding:6px 12px;border-radius:var(--r-pill)}.tag{position:absolute;top:-13px;right:16px;background:var(--ink);color:#fff;font-family:var(--h);font-weight:800;font-size:11.5px;letter-spacing:.04em;padding:5px 13px;border-radius:var(--r-pill);z-index:2;white-space:nowrap}.tag-best{background:var(--navy)}.tag-pop{background:var(--ink)}.stars{display:inline-flex;gap:2px;color:var(--gold);line-height:1}.stars svg{width:16px;height:16px;fill:currentColor}.stars-nav{color:var(--navy)}.rating-row{display:flex;align-items:center;gap:9px;flex-wrap:wrap;font-size:13.5px;color:var(--muted)}.rating-row b{color:var(--ink);font-weight:700}.announce{background:var(--navy-deep);color:#fff;font-family:var(--h);font-size:13.5px;font-weight:700;padding:9px 16px}.announce .inner{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap}.cd{display:inline-flex;gap:6px}.cd div{background:#ffffff24;border-radius:7px;padding:3px 7px;min-width:38px;text-align:center;line-height:1.15}.cd b{display:block;font-size:14px;font-variant-numeric:tabular-nums}.cd span{display:block;font-size:8.5px;letter-spacing:.08em;opacity:.8;font-weight:700}.hdr{background:var(--navy);color:#fff;position:sticky;top:0;z-index:60}.hdr .inner{height:var(--hdr);display:grid;grid-template-columns:1fr auto 1fr;align-items:center}.hdr .logo{display:flex;align-items:center;gap:9px;justify-self:center}.hdr .logo img{height:26px;width:auto}.hdr .right{justify-self:end;display:flex;align-items:center;gap:16px}.hdr .right svg{width:20px;height:20px;stroke:#fff;fill:none;stroke-width:1.7}.cart-count{background:#fff;color:var(--navy);font-family:var(--h);font-weight:800;font-size:10.5px;border-radius:var(--r-pill);padding:1px 6px;margin-left:-8px;position:relative;top:-8px}.marquee{background:var(--white);border-block:1px solid var(--line);overflow:hidden;padding:13px 0}.marquee-nav{background:var(--navy);border-color:#ffffff24}.mq-track{display:flex;width:max-content;animation:mq 34s linear infinite}.marquee:hover .mq-track{animation-play-state:paused}@keyframes mq{to{transform:translate(-50%)}}.mq-item{display:inline-flex;align-items:center;gap:9px;padding:0 30px;font-family:var(--h);font-size:13px;font-weight:700;color:var(--navy);white-space:nowrap}.marquee-nav .mq-item{color:#fff}.mq-item svg{width:17px;height:17px;flex:none}@media(prefers-reduced-motion:reduce){.mq-track{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/crineol.css.map */