:root{--spf-ink: #0b0c0e;--spf-ink-deep: #060708;--spf-body: #44474e;--spf-muted: #898d96;--spf-line: #e7e8ec;--spf-bg: #ffffff;--spf-cream: #f6f4ef;--spf-soft: #f3f5f7;--spf-cta: #0b0c0e;--spf-good: #1a8a4f;--spf-bad: #c3c7cf;--spf-amber: #f5a623;--spf-hot: #d9542b;--spf-hot-soft: #fbece6;--spf-radius: 18px;--spf-radius-sm: 12px;--spf-pill: 999px;--spf-shadow: 0 14px 50px rgba(10,12,18,.12);--spf-shadow-sm: 0 2px 14px rgba(10,12,18,.07);--spf-font: var(--font-body-family, "Inter","Helvetica Neue",Arial,sans-serif);--spf-display: var(--font-heading-family, "Poppins","Inter",Arial,sans-serif)}.spf,.spf *,.spf *:before,.spf *:after{box-sizing:border-box}.spf{font-family:var(--spf-font);color:var(--spf-ink);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.spf h1,.spf h2,.spf h3,.spf h4,.spf p,.spf ul,.spf ol,.spf figure{margin:0;padding:0}.spf ul,.spf ol{list-style:none}.spf img{display:block;max-width:100%;height:auto}.spf a{color:inherit;text-decoration:none}.spf button{font-family:inherit}.spf-section{padding:clamp(48px,7vw,92px) 0}.spf-section--cream{background:var(--spf-cream)}.spf-section--soft{background:var(--spf-soft)}.spf-section--ink{background:var(--spf-ink-deep);color:#fff}.spf-section--ink .spf-h2,.spf-section--ink .spf-eyebrow{color:#fff}.spf-wrap{max-width:1180px;margin:0 auto;padding:0 20px;width:100%}.spf-wrap--narrow{max-width:760px}.spf-center{text-align:center}.spf-eyebrow{display:inline-block;font-size:12px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--spf-muted)}.spf-h2{font-family:var(--spf-display);font-weight:800;font-size:clamp(27px,4.6vw,44px);line-height:1.04;letter-spacing:-.022em;color:var(--spf-ink)}.spf-h3{font-family:var(--spf-display);font-weight:700;font-size:clamp(18px,2.4vw,22px);line-height:1.15;letter-spacing:-.01em}.spf-lead{font-size:clamp(15px,1.7vw,17px);line-height:1.62;color:var(--spf-body)}.spf-center .spf-lead{margin-left:auto;margin-right:auto;max-width:58ch}.spf-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-family:var(--spf-display);font-weight:800;font-size:clamp(15px,2vw,17px);line-height:1;letter-spacing:.01em;text-transform:uppercase;padding:20px 26px;min-height:56px;border:none;border-radius:var(--spf-pill);cursor:pointer;transition:transform .1s ease,background .15s ease,box-shadow .15s ease}.spf-btn--primary{background:var(--spf-cta);color:#fff;box-shadow:var(--spf-shadow)}.spf-btn--primary:hover:not(:disabled){background:#23262c}.spf-btn--primary:active:not(:disabled){transform:translateY(1px)}.spf-btn--primary:disabled{opacity:.5;cursor:not-allowed}.spf-btn--block{width:100%}.spf-btn--invert{background:#fff;color:var(--spf-ink)}.spf-pill{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;padding:7px 13px;border-radius:var(--spf-pill);line-height:1;letter-spacing:.01em}.spf-pill--hot{background:var(--spf-hot-soft);color:var(--spf-hot)}.spf-pill--neutral{background:#fff;color:var(--spf-body);border:1px solid var(--spf-line)}.spf-pill--good{background:#1a8a4f1a;color:var(--spf-good)}.spf-pill--ink{background:var(--spf-ink);color:#fff}.spf-card{background:#fff;border:1px solid var(--spf-line);border-radius:var(--spf-radius);box-shadow:var(--spf-shadow-sm)}.spf-stars{display:inline-flex;gap:2px;color:var(--spf-amber);font-size:15px;line-height:1}.spf-check{flex:0 0 auto;width:22px;height:22px;color:var(--spf-good)}.spf-cross{flex:0 0 auto;width:22px;height:22px;color:var(--spf-bad)}.spf-ph{background:linear-gradient(135deg,#eef0f3,#e3e6ea);border-radius:var(--spf-radius);display:flex;align-items:center;justify-content:center;color:#aab0bb;overflow:hidden}.spf-ph svg{width:44px;height:44px;opacity:.5}.spf-head{text-align:center;max-width:720px;margin:0 auto clamp(28px,4vw,52px)}.spf-head .spf-eyebrow{margin-bottom:14px}.spf-head .spf-lead{margin-top:14px}@media(max-width:749px){.spf-section{padding:44px 0}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/snapful-pdp.css.map */