.svd-pdp-hero-2026-section{container:svdph / inline-size}.svd-ph{--svd-ph-bg: #faf5f0;--svd-ph-card: #ffffff;--svd-ph-ink: #1c3a2c;--svd-ph-heading: #283455;--svd-ph-ink-soft: #3a4a40;--svd-ph-ink-mute: #6e7a72;--svd-ph-accent: #1ea97c;--svd-ph-check: #1ea97c;--svd-ph-border: rgba(28, 58, 44, .12);--svd-ph-radius: 22px;--svd-ph-btn-bg: #283455;--svd-ph-btn-bg-hover: #192139;--svd-ph-btn-text: #ffffff;font-family:inherit;color:var(--svd-ph-ink);background:var(--svd-ph-bg);box-sizing:border-box;width:100%;padding:var(--svd-ph-pad-top, 36px) 18px var(--svd-ph-pad-bottom, 40px);container-type:inline-size;container-name:svdph}.svd-ph *,.svd-ph *:before,.svd-ph *:after{box-sizing:border-box}.svd-ph__wrap{max-width:960px;margin:0 auto;display:flex;flex-direction:column;align-items:stretch;gap:14px}.svd-ph__eyebrow{display:inline-flex;align-items:center;gap:8px;align-self:center;font-family:inherit;font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--svd-ph-ink);margin:0}.svd-ph__eyebrow:before{content:"";width:22px;height:3px;background:var(--svd-ph-accent);border-radius:999px;flex:0 0 22px}.svd-ph__heading{font-size:30px;line-height:1.14;letter-spacing:-.01em;color:var(--svd-ph-heading);margin:0;text-wrap:balance;text-align:center}.svd-ph__desc{font-family:inherit;font-size:15px;line-height:1.55;color:var(--svd-ph-ink-soft);margin:0 auto;max-width:60ch;text-wrap:pretty;text-align:center}.svd-ph__desc>*:first-child{margin-top:0}.svd-ph__desc>*:last-child{margin-bottom:0}.svd-ph__media{width:100%;max-width:540px;margin:10px auto 6px;aspect-ratio:var(--svd-ph-media-ratio, 1 / 1);background:var(--svd-ph-card);border:1px solid var(--svd-ph-border);border-radius:var(--svd-ph-radius);overflow:hidden}.svd-ph__media--placeholder{aspect-ratio:1 / 1}.svd-ph__media img,.svd-ph__media .svd-ph__media-placeholder{width:100%;height:100%;object-fit:cover;display:block}.svd-ph__media-placeholder{display:flex;align-items:center;justify-content:center;background:var(--svd-ph-card)}.svd-ph__media-placeholder-svg{width:60%;height:60%;opacity:.35}.svd-ph__usps{list-style:none;margin:4px 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:18px 0}.svd-ph__usp{padding:4px 14px 4px 0;display:flex;flex-direction:row;align-items:flex-start;gap:10px;min-width:0}.svd-ph__usp:nth-child(odd){border-right:1px solid var(--svd-ph-border);padding-right:14px}.svd-ph__usp:nth-child(2n){padding-left:14px}.svd-ph__usp:nth-child(n+3){border-top:1px solid var(--svd-ph-border);padding-top:14px}.svd-ph__check{display:inline-flex;align-items:center;justify-content:center;color:var(--svd-ph-check);flex:0 0 auto;margin-top:1px}.svd-ph__check svg{display:block}.svd-ph__usp-body{display:flex;flex-direction:column;gap:3px;min-width:0}.svd-ph__usp-title{font-size:15px;color:var(--svd-ph-ink);margin:0;line-height:1.25}.svd-ph__usp-desc{font-family:inherit;font-size:13px;line-height:1.45;color:var(--svd-ph-ink-mute);margin:0;text-wrap:pretty}.svd-ph__cta{margin-top:22px;display:flex;justify-content:center}.svd-ph__btn{--shadow: 0 8px 22px -10px rgba(40, 52, 85, .45);display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--svd-ph-btn-bg);color:var(--svd-ph-btn-text);font-family:inherit;font-weight:600;font-size:15.5px;letter-spacing:.01em;line-height:1;padding:16px 28px;border-radius:999px;text-decoration:none;box-shadow:var(--shadow);transition:background-color .2s ease,transform .2s ease,box-shadow .2s ease;min-height:52px;width:100%;max-width:360px}.svd-ph__btn:hover,.svd-ph__btn:focus-visible{background:var(--svd-ph-btn-bg-hover);color:var(--svd-ph-btn-text);transform:translateY(-1px);box-shadow:0 12px 26px -10px #2834558c}.svd-ph__btn:active{transform:translateY(0);box-shadow:0 6px 14px -8px #28345566}.svd-ph__btn:focus-visible{outline:3px solid var(--svd-ph-check);outline-offset:3px}.svd-ph__btn-arrow{transition:transform .2s ease}.svd-ph__btn:hover .svd-ph__btn-arrow,.svd-ph__btn:focus-visible .svd-ph__btn-arrow{transform:translate(3px)}@container svdph (min-width: 640px){.svd-ph{padding:calc(var(--svd-ph-pad-top, 36px) + 12px) 28px calc(var(--svd-ph-pad-bottom, 40px) + 16px)}.svd-ph__wrap{gap:16px}.svd-ph__heading{font-size:36px}.svd-ph__desc{font-size:15.5px}.svd-ph__media{margin:14px auto 10px}.svd-ph__usp-title{font-size:16px}.svd-ph__cta{margin-top:26px}}@container svdph (min-width: 880px){.svd-ph{padding:calc(var(--svd-ph-pad-top, 36px) + 28px) 32px calc(var(--svd-ph-pad-bottom, 40px) + 32px)}.svd-ph__wrap{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);grid-template-areas:"media eyebrow" "media heading" "media desc" "media usps" "media cta";grid-template-rows:auto auto auto auto 1fr;column-gap:56px;row-gap:18px;align-items:start}.svd-ph__media{grid-area:media;align-self:center;margin:0;max-width:100%}.svd-ph__eyebrow{grid-area:eyebrow;justify-self:start;align-self:end}.svd-ph__heading{grid-area:heading;font-size:42px;text-align:left}.svd-ph__desc{grid-area:desc;font-size:16px;text-align:left;margin:0}.svd-ph__usps{grid-area:usps;margin-top:6px;gap:20px 0}.svd-ph__usp-title{font-size:16.5px}.svd-ph__cta{grid-area:cta;justify-content:flex-start;align-self:start;margin-top:8px}.svd-ph__btn{width:auto;min-width:280px}}@container svdph (min-width: 1200px){.svd-ph__heading{font-size:48px}}@supports not (container-type: inline-size){@media(min-width:640px){.svd-ph{padding:calc(var(--svd-ph-pad-top, 36px) + 12px) 28px calc(var(--svd-ph-pad-bottom, 40px) + 16px)}.svd-ph__wrap{gap:16px}.svd-ph__heading{font-size:36px}.svd-ph__desc{font-size:15.5px}.svd-ph__media{margin:14px auto 10px}.svd-ph__usp-title{font-size:16px}.svd-ph__cta{margin-top:26px}}@media(min-width:880px){.svd-ph{padding:calc(var(--svd-ph-pad-top, 36px) + 28px) 32px calc(var(--svd-ph-pad-bottom, 40px) + 32px)}.svd-ph__wrap{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);grid-template-areas:"media eyebrow" "media heading" "media desc" "media usps" "media cta";grid-template-rows:auto auto auto auto 1fr;column-gap:56px;row-gap:18px;align-items:start}.svd-ph__media{grid-area:media;align-self:center;margin:0;max-width:100%}.svd-ph__eyebrow{grid-area:eyebrow;justify-self:start;align-self:end}.svd-ph__heading{grid-area:heading;font-size:42px;text-align:left}.svd-ph__desc{grid-area:desc;font-size:16px;text-align:left;margin:0}.svd-ph__usps{grid-area:usps;margin-top:6px;gap:20px 0}.svd-ph__usp-title{font-size:16.5px}.svd-ph__cta{grid-area:cta;justify-content:flex-start;align-self:start;margin-top:8px}.svd-ph__btn{width:auto;min-width:280px}}@media(min-width:1200px){.svd-ph__heading{font-size:48px}}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/svd-pdp-hero-2026.css.map */