/* Sternmed Afrika design system v2 */
:root{--sx-ink:#0f2a47;--sx-brand:#194b7e;--sx-brand2:#1f5d9c;--sx-deep:#0d2744;--sx-hero2:#1d5791;--sx-sky:#a8dcf7;--sx-sky2:#e9f5fd;--sx-cream:#f3f6f9;--sx-line:#dde4ec;--sx-line2:#c9d4e2;--sx-mute:#56637a;--sx-text:#2a3547;--sx-green:#0f7a40;--sx-ok:#0f6b3a;--sx-okbg:#e2f4e9;--sx-amber:#8a5300;--sx-amberbg:#fff2d9;--sx-blue:var(--sx-brand);--sx-bg:var(--sx-cream);--sm-navy:var(--sx-ink);--sm-blue:var(--sx-brand);--sm-line:var(--sx-line);--sm-bg:var(--sx-cream);--sm-sky:var(--sx-sky2);--sm-mute:var(--sx-mute)}
.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.sx-w{max-width:1280px;margin:0 auto;padding-left:28px;padding-right:28px}
.sx-box{max-width:1280px;margin:0 auto}
:where(.sx-hd,.sx-nav,.sm-page,.sx-ft,.sx-band,.sx-pp,.sx-calc,.sx-op,.sx-act) :focus-visible{outline:3px solid var(--sx-sky);outline-offset:2px}

/* buttons */
.sx-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 20px;border-radius:8px;border:1.5px solid transparent;font:inherit;font-weight:800;font-size:.93rem;line-height:1.1;text-decoration:none;cursor:pointer;transition:background-color .15s,border-color .15s,color .15s,transform .1s;white-space:nowrap}
.sx-btn:active{transform:translateY(1px)}
.sx-btn svg{flex:none}
.sx-btn-ink{background:var(--sx-ink);color:#fff}.sx-btn-ink:hover{background:#18406b;color:#fff}
.sx-btn-brand{background:var(--sx-brand);color:#fff}.sx-btn-brand:hover{background:var(--sx-brand2);color:#fff}
.sx-btn-wa{background:var(--sx-green);color:#fff}.sx-btn-wa:hover{background:#0c6635;color:#fff}
.sx-btn-sky{background:var(--sx-sky);color:var(--sx-ink)}.sx-btn-sky:hover{background:#c6e8fa;color:var(--sx-ink)}
.sx-btn-line{background:#fff;color:var(--sx-ink);border-color:var(--sx-line2)}.sx-btn-line:hover{border-color:var(--sx-ink);color:var(--sx-ink)}
.sx-btn-ow{background:transparent;color:#fff;border-color:rgba(255,255,255,.55)}.sx-btn-ow:hover{background:rgba(255,255,255,.1);border-color:#fff;color:#fff}
.sx-btn-txt{background:none;border:0;color:var(--sx-mute);min-height:40px;padding:0 6px;text-decoration:underline}
.sx-btn-lg{min-height:54px;padding:0 26px;font-size:1rem}
.sx-btn.busy{opacity:.55;pointer-events:none}
.sx-ic{display:grid;place-items:center;width:46px;height:46px;border-radius:8px;flex:none;text-decoration:none;transition:background-color .15s,color .15s}
.sx-ic-wa{background:var(--sx-okbg);color:var(--sx-green)}.sx-ic-wa:hover{background:var(--sx-green);color:#fff}
.sx-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
@keyframes sxpulse{0%{box-shadow:0 0 0 0 rgba(15,122,64,.45)}70%{box-shadow:0 0 0 12px rgba(15,122,64,0)}100%{box-shadow:0 0 0 0 rgba(15,122,64,0)}}
.sm-pulse{animation:sxpulse 2.4s infinite}
@media (prefers-reduced-motion:reduce){.sm-pulse{animation:none}}

/* header */
.sx-top{background:var(--sx-ink);color:#c9d8ee;font-size:.82rem}
.sx-top-in{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:38px}
.sx-top p{margin:0}
.sx-top a{color:#fff;font-weight:700;text-decoration:none}
.sx-top a:hover{text-decoration:underline}
.sx-top-c{display:flex;gap:22px}
.sx-top-c span{display:inline-flex;align-items:center;gap:8px}
.sx-top-c span::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--sx-sky)}
.sx-hd{background:#fff;position:sticky;top:var(--wp-admin--admin-bar--height,0px);z-index:60;transition:box-shadow .2s}
.sx-hd.sx-scrolled{box-shadow:0 10px 26px rgba(15,42,71,.10)}
.sx-hd-in{display:flex;align-items:center;gap:22px;min-height:86px}
.sx-logo{display:flex;align-items:center;flex:none}
.sx-logo picture{display:block}.sx-logo img{height:46px;width:auto;max-width:100%;display:block}
.sx-search{position:relative;flex:1;max-width:580px}
.sx-search input{width:100%;height:50px;border:1.5px solid var(--sx-line2);border-radius:10px;padding:0 56px 0 18px;font:inherit;font-size:.95rem;font-weight:500;background:#f6f8fb;color:var(--sx-ink)}
.sx-search input:focus{outline:none;border-color:var(--sx-brand);background:#fff;box-shadow:0 0 0 4px rgba(25,75,126,.12)}
.sx-sbtn{position:absolute;right:6px;top:6px;width:38px;height:38px;border:0;border-radius:8px;background:var(--sx-brand);color:#fff;display:grid;place-items:center;cursor:pointer}
.sm-res{position:absolute;left:0;right:0;top:calc(100% + 6px);background:#fff;border:1px solid var(--sx-line);border-radius:12px;box-shadow:0 20px 44px rgba(15,42,71,.18);padding:6px;z-index:80;max-height:70vh;overflow:auto}
.sm-res[hidden]{display:none}
.sm-res a{display:flex;align-items:center;gap:12px;padding:9px 10px;border-radius:8px;text-decoration:none;color:var(--sx-ink)}
.sm-res a:hover,.sm-res a:focus{background:var(--sx-sky2)}
.sm-res img{width:40px;height:40px;border-radius:6px;object-fit:contain;background:#f3f6f9;flex:none}
.sm-res span{flex:1;font-weight:700;font-size:.92rem}
.sm-res small{color:var(--sx-mute);font-weight:700;font-size:.8rem;white-space:nowrap}
.sx-call{display:flex;flex-direction:column;line-height:1.15;text-decoration:none;color:var(--sx-ink);flex:none}
.sx-call small{font-size:.66rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--sx-mute)}
.sx-call b{font-size:1.14rem;font-weight:800;letter-spacing:-.01em}
.sx-call:hover b{color:var(--sx-brand)}
.sx-cart{position:relative;width:48px;height:48px;border:1.5px solid var(--sx-line2);border-radius:10px;display:grid;place-items:center;color:var(--sx-ink);flex:none;text-decoration:none}
.sx-cart:hover{border-color:var(--sx-ink)}
.sx-cnt{position:absolute;top:-8px;right:-8px;min-width:21px;height:21px;padding:0 5px;border-radius:999px;background:var(--sx-green);color:#fff;font-size:.72rem;font-weight:800;display:grid;place-items:center}
.sx-cnt[hidden],.sx-qcnt[hidden]{display:none}
.sx-burger,.sx-navx{display:none;width:48px;height:48px;border:1.5px solid var(--sx-line2);border-radius:10px;background:#fff;color:var(--sx-ink);place-items:center;cursor:pointer;flex:none}
.sx-nav{background:var(--sx-brand)}
.sx-nav-in{display:flex;align-items:center;gap:2px;min-height:52px}
.sx-nav a{color:#fff;text-decoration:none;font-weight:700;font-size:.92rem;padding:15px 12px;white-space:nowrap}
.sx-nav a:hover{color:var(--sx-sky)}
.sx-cats{position:relative;margin-right:10px}
.sx-cats-btn{white-space:nowrap;display:inline-flex;align-items:center;gap:10px;height:52px;padding:0 18px;background:var(--sx-ink);color:#fff;border:0;font:inherit;font-weight:800;font-size:.92rem;cursor:pointer}
.sx-cats-btn .sx-chev{transition:transform .2s}
.sx-cats-btn[aria-expanded=true] .sx-chev{transform:rotate(180deg)}
.sx-mega{position:absolute;top:100%;left:0;width:min(880px,92vw);background:#fff;border:1px solid var(--sx-line);box-shadow:0 28px 56px rgba(15,42,71,.2);padding:16px;display:grid;grid-template-columns:repeat(2,1fr);gap:4px;z-index:70;border-radius:0 0 14px 14px}
.sx-mega[hidden]{display:none}
.sx-nav .sx-mega a{display:flex;gap:14px;align-items:center;padding:10px;border-radius:10px;color:var(--sx-ink);white-space:normal}
.sx-nav .sx-mega a:hover{background:var(--sx-sky2);color:var(--sx-ink)}
.sx-mega img{width:54px;height:54px;object-fit:contain;background:#f3f6f9;border-radius:8px;flex:none}
.sx-mega b{display:block;font-size:.95rem}
.sx-mega small{display:block;color:var(--sx-mute);font-weight:500;font-size:.82rem;margin-top:2px}
.sx-mega-cta{grid-column:1/-1;margin-top:8px;padding:14px 16px;background:var(--sx-cream);border-radius:10px;display:flex;justify-content:space-between;align-items:center;gap:12px;font-weight:700;color:var(--sx-ink)}
.sx-nav .sx-mega-cta a{padding:0;color:var(--sx-green);font-weight:800}
.sx-nav .sx-nav-q{margin-left:auto;display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.12);border-radius:8px;padding:9px 14px}
.sx-nav .sx-nav-q:hover{background:rgba(255,255,255,.2);color:#fff}
.sx-qcnt{min-width:21px;height:21px;border-radius:999px;background:var(--sx-sky);color:var(--sx-ink);font-size:.72rem;font-weight:800;display:inline-grid;place-items:center;padding:0 5px}

/* footer */
.sx-band{background:var(--sx-sky)}
.sx-band-in{display:flex;align-items:center;justify-content:space-between;gap:32px;padding-top:52px;padding-bottom:52px}
.sx-band h2{margin:0 0 10px;font-size:clamp(1.7rem,3vw,2.5rem);font-weight:800;letter-spacing:-.03em;line-height:1.06;color:var(--sx-ink);max-width:21ch}
.sx-band p{margin:0;color:#1d3a5a;max-width:58ch;line-height:1.6}
.sx-band .sx-row{flex-direction:column;align-items:stretch;min-width:270px}
.sx-ft{background:var(--sx-deep);color:#b9c9e0;font-size:.93rem}
.sx-ft-in{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr 1.25fr;gap:36px;padding-top:60px;padding-bottom:44px}
.sx-ft img{height:46px;width:auto;max-width:100%;display:block}
.sx-ft p{margin:16px 0 0;line-height:1.6}
.sx-ft h4{margin:0 0 16px;color:var(--sx-sky);font-size:.72rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.sx-ft ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.sx-ft a{color:#e4ecf8;text-decoration:none}
.sx-ft a:hover{color:#fff;text-decoration:underline}
.sx-ft-tag{font-style:italic;color:var(--sx-sky)!important;font-weight:700}
.sx-ft-bot{border-top:1px solid rgba(255,255,255,.12)}
.sx-ft-bot .sx-w{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-top:18px;padding-bottom:24px;font-size:.82rem}
.sx-ft-bot nav{display:flex;gap:18px;flex-wrap:wrap}
.sm-fab{position:fixed;right:22px;bottom:22px;width:58px;height:58px;border-radius:50%;background:var(--sx-green);color:#fff;display:grid;place-items:center;box-shadow:0 12px 28px rgba(15,122,64,.35);z-index:90}
.sm-fab:hover{background:#0c6635;color:#fff}
.sm-sticky{display:none}

/* page sections */
.sm-page h1,.sm-page h2,.sm-page h3{font-family:inherit;font-weight:800;letter-spacing:-.03em;color:var(--sx-ink)}
.sm-page h2{font-size:clamp(1.85rem,3.4vw,2.85rem);line-height:1.06;margin:0}
.sm-page h3{font-size:1.2rem;line-height:1.2;margin:0}
.sx-sec{padding:64px 0}
.sx-tint{background:var(--sx-cream)}
.sx-head{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:28px}
.sx-head>div{max-width:780px}
.sx-kick,.hv-lab{display:flex;align-items:center;gap:12px;margin:0 0 14px;font-size:.74rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--sx-brand)}
.sx-kick::before,.hv-lab::before{content:"";width:30px;height:2px;background:currentColor;flex:none}
.sx-kick-w{color:var(--sx-sky)}
.sx-sub{margin:14px 0 0;color:var(--sx-mute);font-size:1.05rem;line-height:1.6;max-width:64ch}
.sx-lead{font-size:1.1rem;line-height:1.65;color:var(--sx-text);margin:18px 0 0;max-width:60ch}
.sx-more{display:inline-flex;align-items:center;gap:8px;font-weight:800;color:var(--sx-brand);text-decoration:none;border-bottom:2px solid var(--sx-sky);padding-bottom:3px;white-space:nowrap}
.sx-more:hover{color:var(--sx-ink);border-color:var(--sx-ink)}
.sx-checks{list-style:none;margin:24px 0 0;padding:0;display:grid;gap:12px}
.sx-checks li{display:flex;gap:10px;align-items:flex-start;color:var(--sx-text);font-weight:600;line-height:1.5;font-size:1rem}
.sx-checks svg{color:var(--sx-green);flex:none;margin-top:2px}

/* stats and hero */
.sx-stats{background:var(--sx-sky)}
.sx-stats-in{display:grid;grid-template-columns:repeat(4,1fr);padding:0 40px}
.sx-stats-in>div{padding:22px 26px;border-left:1px solid rgba(15,42,71,.2);display:flex;flex-direction:column;gap:3px}
.sx-stats-in>div:first-child{border-left:0;padding-left:0}
.sx-stats b{font-size:1.5rem;font-weight:800;letter-spacing:-.03em;color:var(--sx-ink);line-height:1.1}
.sx-stats span{font-size:.86rem;color:#1d3a5a;font-weight:600}
.sx-hero{display:grid;grid-template-columns:1.12fr .88fr}
.sx-hero-l{background:var(--sx-brand);padding:56px 52px 52px 40px;display:flex;flex-direction:column;justify-content:center;color:#fff}
.sm-page .sx-hero h1{color:#fff;font-size:clamp(2.2rem,4.3vw,3.7rem);line-height:1.02;letter-spacing:-.04em;margin:0 0 22px;max-width:15ch}
.sx-hero-p{font-size:1.1rem;line-height:1.6;color:#dbe7f6;margin:0 0 30px;max-width:52ch}
.sx-hero-ticks{list-style:none;margin:26px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:10px 24px;color:#dbe7f6;font-size:.92rem;font-weight:600}
.sx-hero-ticks li{display:inline-flex;align-items:center;gap:8px}
.sx-hero-ticks svg{color:var(--sx-sky)}
.sx-hero-r{background:var(--sx-hero2);padding:36px 36px;display:flex;align-items:center}
.sx-buy{background:#fff;border-radius:10px;padding:24px;width:100%;box-shadow:0 30px 60px rgba(8,25,45,.35)}
.sx-buy-img{display:block;background:#f3f6f9;border-radius:8px;overflow:hidden}
.sx-buy-img img{width:100%;height:auto;display:block}
.sx-buy-t{margin:16px 0 8px;font-weight:800;color:var(--sx-ink);font-size:1.02rem;line-height:1.3}
.sx-buy-t span{display:block;font-weight:600;color:var(--sx-mute);font-size:.84rem;margin-top:3px}
.sx-buy-row{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:12px;padding:11px 0;border-top:1px solid var(--sx-line)}
.sx-buy-row>div b{display:block;color:var(--sx-ink);font-size:.93rem}
.sx-buy-row>div span{display:block;color:var(--sx-mute);font-size:.8rem}
.sx-buy-row strong{font-size:1.12rem;font-weight:800;color:var(--sx-ink);letter-spacing:-.02em;white-space:nowrap}
.sx-buy-row .sx-btn{min-height:40px;padding:0 14px;font-size:.86rem}
.sx-buy-row.sx-hot{background:var(--sx-sky2);margin:0 -12px;padding:11px 12px;border-radius:8px;border-top-color:transparent}
.sx-buy-stock{display:flex;align-items:center;gap:8px;margin:12px 0 0;font-size:.85rem;font-weight:700;color:var(--sx-ok)}
.sx-buy-stock i{width:9px;height:9px;border-radius:50%;background:currentColor;box-shadow:0 0 0 4px rgba(15,107,58,.14)}

.sx-plan{display:grid;grid-template-columns:minmax(0,.6fr) minmax(0,1.4fr);gap:44px;align-items:start}
.sx-plan>div:first-child{position:sticky;top:120px}
.sx-plan .sx-checks{margin-top:22px}
/* categories */
.sx-catg{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--sx-line);border-left:1px solid var(--sx-line)}
.sx-cat{display:flex;flex-direction:column;padding:22px;border-right:1px solid var(--sx-line);border-bottom:1px solid var(--sx-line);text-decoration:none;color:var(--sx-ink);background:#fff;transition:background-color .15s}
.sx-cat:hover{background:var(--sx-sky2);color:var(--sx-ink)}
.sx-cat-i{display:block;aspect-ratio:4/3;background:#f3f6f9;border-radius:8px;overflow:hidden;margin-bottom:16px}
.sx-cat-i img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;transition:transform .3s}
.sx-cat:hover .sx-cat-i img{transform:scale(1.05)}
.sx-cat-n{font-size:.72rem;font-weight:800;letter-spacing:.14em;color:var(--sx-brand);margin-bottom:6px}
.sx-cat b{font-size:1.15rem;font-weight:800;letter-spacing:-.02em}
.sx-cat-d{color:var(--sx-mute);font-size:.9rem;line-height:1.45;margin:6px 0 14px}
.sx-cat em{margin-top:auto;font-style:normal;font-weight:800;font-size:.86rem;color:var(--sx-brand)}

/* filters and chips */
.sx-filter{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 22px}
.sx-filter button,.sx-chips button{font:inherit;font-weight:700;font-size:.88rem;padding:9px 16px;border-radius:999px;border:1.5px solid var(--sx-line2);background:#fff;color:var(--sx-ink);cursor:pointer;transition:background-color .15s,border-color .15s,color .15s}
.sx-filter button:hover,.sx-chips button:hover{border-color:var(--sx-ink)}
.sx-filter button[aria-pressed=true],.sx-chips button[aria-pressed=true]{background:var(--sx-ink);border-color:var(--sx-ink);color:#fff}

/* product cards */
.sx-grid ul.products,ul.wc-block-product-template{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:18px!important;list-style:none!important;margin:0!important;padding:0!important}
.sx-grid ul.products::before,.sx-grid ul.products::after{display:none!important}
.sx-grid li.product,ul.wc-block-product-template li.wc-block-product{position:relative;background:#fff;border:1px solid var(--sx-line);border-radius:12px;padding:12px!important;margin:0!important;width:auto!important;max-width:none!important;float:none!important;display:flex!important;flex-direction:column;text-align:left!important;transition:border-color .15s,box-shadow .15s}
.sx-grid li.product:hover,ul.wc-block-product-template li.wc-block-product:hover{border-color:#b9c8db;box-shadow:0 16px 36px rgba(15,42,71,.09)}
.sx-grid li.product[hidden]{display:none!important}
.sx-grid a.woocommerce-LoopProduct-link{display:flex;flex-direction:column;flex:1;text-decoration:none;color:inherit}
.sx-grid li.product img,ul.wc-block-product-template li.wc-block-product img{width:100%!important;aspect-ratio:5/4;object-fit:contain;background:#f3f6f9;border-radius:8px;margin:0 0 14px!important;height:auto!important}
.sx-grid .woocommerce-loop-product__title,ul.wc-block-product-template .wp-block-post-title{font-family:inherit!important;font-size:.98rem!important;font-weight:800!important;letter-spacing:-.01em;line-height:1.3!important;color:var(--sx-ink)!important;margin:0 0 8px!important;padding:0!important;text-align:left!important}
ul.wc-block-product-template .wp-block-post-title a{color:inherit;text-decoration:none}
.sx-grid li.product .price,ul.wc-block-product-template .wc-block-components-product-price{display:block;margin:auto 0 12px!important;font-size:1.08rem!important;font-weight:800;color:var(--sx-ink)!important;text-align:left!important}
ul.wc-block-product-template .wp-block-woocommerce-product-price{margin-top:auto!important}
.sx-por{font-size:.9rem;font-weight:700;color:var(--sx-mute)}
.sx-badge{position:absolute;top:22px;left:22px;z-index:2;font-size:.72rem;font-weight:800;padding:5px 9px;border-radius:6px;background:#eef2f7;color:var(--sx-ink);line-height:1.2}
.sx-badge-ok{background:var(--sx-okbg);color:var(--sx-ok)}
.sx-badge-eta{background:var(--sx-amberbg);color:var(--sx-amber)}
.sx-act{display:grid;gap:7px;margin-top:auto}
.sx-act-r{display:grid;grid-template-columns:auto minmax(0,1fr);gap:6px}
.sx-act .sx-btn{min-height:40px;padding:0 10px;font-size:.84rem;gap:6px;width:100%;border-radius:8px}
.sx-act .sx-btn-line{border-width:1.5px}
.sx-act-s{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.sx-qty{display:inline-flex;align-items:stretch;height:40px;border:1.5px solid var(--sx-line2);border-radius:8px;overflow:hidden;background:#fff}
.sx-qty button{width:30px;border:0;background:transparent;font:inherit;font-size:1.05rem;font-weight:700;color:var(--sx-ink);cursor:pointer;padding:0;line-height:1}
.sx-qty button:hover{background:var(--sx-sky2)}
.sx-qty input{width:36px;border:0;text-align:center;font:inherit;font-weight:800;font-size:.92rem;color:var(--sx-ink);background:transparent;-moz-appearance:textfield;appearance:textfield;padding:0;margin:0;border-radius:0;min-height:0;box-shadow:none}
.sx-qty input::-webkit-outer-spin-button,.sx-qty input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.sx-qty input:focus{outline:none;background:var(--sx-sky2)}
.sx-mini{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:34px;border-radius:8px;font-size:.8rem;font-weight:800;text-decoration:none;border:1px solid var(--sx-line);color:var(--sx-ink);background:#fff;transition:background-color .15s,border-color .15s,color .15s;white-space:nowrap}
.sx-mini-wa{color:var(--sx-green);border-color:#cfe6d8;background:#f4faf6}
.sx-mini-wa:hover{background:var(--sx-green);border-color:var(--sx-green);color:#fff}
.sx-mini-mail:hover{border-color:var(--sx-ink);color:var(--sx-ink)}
.sx-s{display:none}
.sx-btn-mail{background:#fff;color:var(--sx-ink);border-color:var(--sx-line2)}.sx-btn-mail:hover{border-color:var(--sx-ink);color:var(--sx-ink)}
.sx-grid li.product .onsale,ul.wc-block-product-template .wc-block-components-product-sale-badge{display:none}

/* single product */
.single-product .wp-block-post-title{font-weight:800!important;letter-spacing:-.03em;color:var(--sx-ink);font-size:clamp(1.8rem,3vw,2.6rem)!important;line-height:1.08}
.single-product .wc-block-components-product-price,.single-product .wp-block-woocommerce-product-price .amount{font-size:1.7rem!important;font-weight:800;color:var(--sx-ink)}
.single-product .wp-block-post-excerpt{color:var(--sx-text);line-height:1.65}
.single-product form.cart{display:flex;flex-wrap:wrap;gap:10px;align-items:stretch;margin:8px 0 4px}
.single-product form.cart .quantity input{min-height:50px;height:100%;width:84px;border:1.5px solid var(--sx-line2);border-radius:8px;text-align:center;font-weight:800;font-size:1rem}
.single-product form.cart .single_add_to_cart_button{min-height:48px;border-radius:8px!important;background:var(--sx-ink)!important;color:#fff!important;font-weight:800!important;padding:0 28px!important;border:0!important}
.single-product .woocommerce-product-gallery{border-radius:12px;overflow:hidden}
.single-product .woocommerce-product-gallery__image img{background:#f3f6f9}
.single-product .wp-block-woocommerce-product-details h2,.single-product .wp-block-woocommerce-product-details h3{font-weight:800;letter-spacing:-.02em;color:var(--sx-ink)}
.single-product .wp-block-woocommerce-product-details table{border-collapse:collapse;width:100%;max-width:780px}
.single-product .wp-block-woocommerce-product-details th,.single-product .wp-block-woocommerce-product-details td{border:1px solid var(--sx-line);padding:10px 12px;text-align:left}
.sx-pp{margin:14px 0 0;display:grid;gap:12px}
.sx-pp-q{display:flex;flex-wrap:wrap;gap:8px;align-items:stretch}
.sx-pp-q .sx-qty{height:48px}.sx-pp-q .sx-qty button{width:38px}.sx-pp-q .sx-qty input{width:46px}
.sx-pp-q select{height:48px;border:1.5px solid var(--sx-line2);border-radius:8px;padding:0 10px;font:inherit;font-weight:700;color:var(--sx-ink);background:#fff}
.sx-pp-q .sx-btn{min-height:48px}
.sx-pp-or{margin:4px 0 0;font-size:.78rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--sx-mute)}
.sx-pp-alt{display:grid;grid-template-columns:1.2fr 1fr .8fr;gap:8px}
.sx-pp-alt .sx-btn{min-height:44px;padding:0 12px;font-size:.88rem}
.sx-pp-stock{margin:0;display:flex;align-items:center;gap:10px;font-weight:800;color:var(--sx-ok)}
.sx-pp-stock i{width:10px;height:10px;border-radius:50%;background:currentColor;box-shadow:0 0 0 4px rgba(15,107,58,.15);flex:none}
.sx-pp-stock.sx-eta{color:var(--sx-amber)}
.sx-pp-stock.sx-eta i{box-shadow:0 0 0 4px rgba(138,83,0,.15)}
.sx-pp-trust{list-style:none;margin:0;padding:16px 0 0;border-top:1px solid var(--sx-line);display:grid;gap:9px;color:var(--sx-text);font-size:.92rem}
.sx-pp-trust li{display:flex;gap:10px;align-items:center}
.sx-pp-trust svg{color:var(--sx-green);flex:none}
.sx-ptool{max-width:var(--wp--style--global--wide-size,1340px)!important;width:100%;margin:8px auto 44px!important}

/* calculators */
.sx-calc{display:grid;grid-template-columns:1.1fr .9fr;border-radius:14px;overflow:hidden;border:1px solid var(--sx-line);background:#fff;box-shadow:0 24px 60px rgba(15,42,71,.10);text-align:left}
.sx-gauge{grid-template-columns:1.4fr .6fr}
.sx-calc-f{padding:30px;min-width:0}
.sx-calc-t{display:flex;align-items:center;gap:10px;margin:0 0 20px;font-weight:800;font-size:1.12rem;color:var(--sx-ink);letter-spacing:-.01em}
.sx-calc-t svg{color:var(--sx-brand)}
.sx-fl{margin:0 0 20px}
.sx-lb{display:block;font-size:.76rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--sx-mute);margin:0 0 10px}
.sx-chips{display:flex;flex-wrap:wrap;gap:8px}
.sx-chips-s{margin-bottom:10px}
.sx-hint{margin:8px 0 0;font-size:.85rem;color:var(--sx-mute)}
.sx-in{width:100%;height:48px;padding:0 14px;border:1.5px solid var(--sx-line2);border-radius:8px;font:inherit;font-weight:700;font-size:1rem;color:var(--sx-ink);background:#fff;box-sizing:border-box}
.sx-in:focus{outline:none;border-color:var(--sx-brand);box-shadow:0 0 0 4px rgba(25,75,126,.12)}
.sx-step{display:inline-flex;align-items:stretch;border:1.5px solid var(--sx-line2);border-radius:8px;overflow:hidden;background:#fff}
.sx-step button{width:46px;border:0;background:var(--sx-cream);font:inherit;font-size:1.3rem;font-weight:700;color:var(--sx-ink);cursor:pointer;line-height:1}
.sx-step button:hover{background:var(--sx-sky2)}
.sx-step input{width:86px;height:46px;border:0;border-left:1.5px solid var(--sx-line2);border-right:1.5px solid var(--sx-line2);text-align:center;font:inherit;font-weight:800;font-size:1.05rem;color:var(--sx-ink);background:#fff;-moz-appearance:textfield;appearance:textfield;border-radius:0}
.sx-step input::-webkit-outer-spin-button,.sx-step input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.sx-two{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.sx-two label{display:flex;align-items:center;gap:8px;font-weight:700;color:var(--sx-mute)}
.sx-calc-r{background:var(--sx-ink);color:#d6e3f3;padding:30px;display:flex;flex-direction:column;gap:6px;min-width:0}
.sx-r-k{margin:0;font-size:.72rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--sx-sky)}
.sx-r-big{margin:0;font-size:1.15rem;font-weight:700;color:#fff}
.sx-r-big b{font-size:clamp(2.6rem,5vw,3.6rem);font-weight:800;letter-spacing:-.04em;line-height:1;margin-right:6px;font-variant-numeric:tabular-nums}
.sx-r-sub{margin:0 0 10px;color:#d6e3f3;line-height:1.5}
.sx-r-sub b{color:#fff}
.sx-r-plan{display:grid;grid-template-columns:1fr 1fr 1.5fr;border:1px solid rgba(255,255,255,.18);border-radius:10px;margin:4px 0 12px}
.sx-r-plan div{padding:12px 14px;border-left:1px solid rgba(255,255,255,.18);min-width:0}
.sx-r-plan div:first-child{border-left:0}
.sx-r-plan span{display:block;font-size:.7rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--sx-sky)}
.sx-r-plan b{font-size:1.2rem;color:#fff;font-weight:800;font-variant-numeric:tabular-nums;white-space:nowrap}
.sx-r-note{margin:0 0 14px;color:#fff;font-weight:600;line-height:1.5}
.sx-calc-r .sx-lb-w{color:var(--sx-sky);margin-top:4px}
.sx-calc-r .sx-in{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.28);color:#fff;margin-bottom:12px}
.sx-calc-r .sx-in::placeholder{color:#9fb3cc}
.sx-r-fine{margin:12px 0 0;font-size:.8rem;color:#9fb3cc;line-height:1.5}
.sx-dropbox{display:flex;align-items:center;gap:14px;margin:6px 0 12px;padding:12px 14px;border:1px solid rgba(255,255,255,.18);border-radius:10px}
.sx-dropbox b{color:#fff}
.sx-dropdot{width:14px;height:20px;flex:none;border-radius:50% 50% 50% 50%/60% 60% 40% 40%;background:var(--sx-sky);animation:sxdrop var(--t,1.4s) ease-in infinite}
@keyframes sxdrop{0%{transform:translateY(-8px) scale(.6);opacity:0}30%{opacity:1}100%{transform:translateY(10px) scale(1);opacity:0}}
@media (prefers-reduced-motion:reduce){.sx-dropdot{animation:none}}
.sx-gchips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px}
.sx-gchips button{display:inline-flex;align-items:center;gap:8px;font:inherit;font-weight:800;padding:8px 14px 8px 10px;border-radius:999px;border:1.5px solid var(--sx-line2);background:#fff;color:var(--sx-ink);cursor:pointer}
.sx-gchips i{width:16px;height:16px;border-radius:50%;background:var(--g);box-shadow:inset 0 0 0 1px rgba(0,0,0,.12)}
.sx-gchips button[aria-pressed=true]{border-color:var(--sx-ink);box-shadow:inset 0 0 0 1.5px var(--sx-ink)}
.sx-tablewrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
.sx-gtable{width:100%;border-collapse:collapse;font-size:.88rem;margin:0}
.sx-gtable th,.sx-gtable td{padding:10px;border:0;border-bottom:1px solid var(--sx-line);text-align:left;vertical-align:top;color:var(--sx-text)}
.sx-gtable thead th{font-size:.7rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--sx-mute)}
.sx-gtable tbody th{white-space:nowrap;font-weight:800;color:var(--sx-ink)}
.sx-gtable tbody th i{display:inline-block;width:12px;height:12px;border-radius:50%;background:var(--g);margin-right:8px;vertical-align:-1px}
.sx-gtable tr.on{background:var(--sx-sky2)}
.sx-gtable a{color:var(--sx-brand);font-weight:700}
.sx-gtable tbody tr{cursor:pointer}
.sx-gbig,.sx-frviz{display:flex;align-items:center;gap:18px;margin:4px 0 6px}
.sx-gsw{width:56px;height:56px;border-radius:50%;background:var(--g);box-shadow:0 0 0 6px rgba(255,255,255,.12);flex:none}
.sx-range{width:100%;accent-color:var(--sx-brand);height:30px;margin:0}
.sx-ticks{display:flex;justify-content:space-between;font-size:.75rem;color:var(--sx-mute);font-weight:700;margin:2px 0 18px}
.sx-frc{width:calc(var(--d) * 9px);height:calc(var(--d) * 9px);min-width:20px;min-height:20px;border-radius:50%;border:5px solid var(--sx-sky);flex:none;transition:width .2s,height .2s}

/* order pad */
.sx-op{border:1px solid var(--sx-line);border-radius:12px;background:#fff;overflow:clip}
.sx-op-head{display:grid;grid-template-columns:1fr 150px 130px;gap:16px;padding:12px 18px 12px 90px;background:var(--sx-cream);font-size:.7rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--sx-mute)}
.sx-op-row{display:grid;grid-template-columns:56px 1fr 150px 130px;gap:16px;align-items:center;padding:12px 18px;border-top:1px solid var(--sx-line);transition:background-color .15s}
.sx-op-row img,.sx-op-noimg{width:56px;height:56px;border-radius:8px;object-fit:contain;background:#f3f6f9;display:block}
.sx-op-n{min-width:0}
.sx-op-n a{display:block;font-weight:800;color:var(--sx-ink);text-decoration:none;line-height:1.3}
.sx-op-n a:hover{color:var(--sx-brand)}
.sx-op-n>span{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:6px}
.sx-op .sx-badge{position:static}
.sx-op-n small{color:var(--sx-mute);font-weight:600;font-size:.82rem}
.sx-op-row select{height:44px;border:1.5px solid var(--sx-line2);border-radius:8px;padding:0 10px;font:inherit;font-weight:700;color:var(--sx-ink);background:#fff;width:100%}
.sx-step-s input{width:62px;height:42px}
.sx-step-s button{width:40px}
.sx-op-row.on{background:var(--sx-sky2)}
.sx-op.sx-short .sx-op-row:nth-of-type(n+6){display:none}
.sx-op-more{display:none}
.sx-op-foot{position:sticky;bottom:0;display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:14px 18px;background:var(--sx-ink);color:#fff}
.sx-op-foot p{margin:0;font-weight:700}
.sx-op-foot b{font-size:1.25rem}
.sx-op-foot .sx-btn-line{background:transparent;color:#fff;border-color:rgba(255,255,255,.4)}
.sx-op-foot .sx-btn-txt{color:#c9d8ee}

/* wholesale, ways, tools, faq */
.sx-fac{display:grid;grid-template-columns:1.2fr .8fr;gap:56px;align-items:start}
.sx-feat{display:grid;grid-template-columns:1fr 1fr;gap:0 30px;margin:30px 0}
.sx-feat div{border-top:2px solid var(--sx-sky);padding:16px 0 18px}
.sx-feat b{display:block;font-size:1.02rem;font-weight:800;color:var(--sx-ink);margin-bottom:4px}
.sx-feat p{margin:0;color:var(--sx-mute);line-height:1.55;font-size:.95rem}
.sx-tags{background:#fff;border:1px solid var(--sx-line);border-radius:12px;padding:28px}
.sx-tags-t{margin:0 0 4px;font-weight:800;font-size:1.05rem;color:var(--sx-ink)}
.sx-tl-h{margin:16px 0 8px;font-size:.7rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--sx-brand)}
.sx-pills{display:flex;flex-wrap:wrap;gap:6px}
.sx-pills span{padding:6px 12px;border:1px solid var(--sx-line2);border-radius:999px;font-size:.84rem;font-weight:600;color:var(--sx-ink);background:#fff}
.sx-pills-d span{background:var(--sx-ink);border-color:var(--sx-ink);color:#fff}
.sx-tags hr{border:0;border-top:1px solid var(--sx-line);margin:22px 0 18px}
.sx-cols{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--sx-line2)}
.sx-cols>div{padding:26px 26px 6px 0;margin-right:26px;border-right:1px solid var(--sx-line2);display:flex;flex-direction:column;gap:10px}
.sx-cols>div:last-child{border-right:0;margin-right:0}
.sx-num{font-size:.78rem;font-weight:800;letter-spacing:.14em;color:var(--sx-brand)}
.sx-cols p{margin:0 0 6px;color:var(--sx-mute);line-height:1.6;font-size:.98rem}
.sx-cols .sx-more{margin-top:auto;align-self:flex-start}
.sx-toolg{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.sx-tool{display:flex;flex-direction:column;gap:10px;padding:24px;border:1px solid var(--sx-line);border-radius:12px;text-decoration:none;color:var(--sx-ink);background:#fff;transition:border-color .15s,transform .15s}
.sx-tool:hover{border-color:var(--sx-brand);transform:translateY(-2px);color:var(--sx-ink)}
.sx-tool-ic{width:48px;height:48px;border-radius:10px;background:var(--sx-sky2);color:var(--sx-brand);display:grid;place-items:center}
.sx-gdots{display:flex;gap:3px;align-items:center;justify-content:center}
.sx-gdots i{width:8px;height:8px;border-radius:50%;background:var(--g)}
.sx-tool b{font-size:1.05rem;font-weight:800}
.sx-tool p{margin:0;color:var(--sx-mute);font-size:.92rem;line-height:1.55}
.sx-tool em{margin-top:auto;font-style:normal;font-weight:800;color:var(--sx-brand);font-size:.9rem;display:inline-flex;gap:6px;align-items:center}
.sx-faqw{display:grid;grid-template-columns:.8fr 1.2fr;gap:56px;align-items:start}
.sx-faqw>div:first-child{position:sticky;top:120px}
.sx-faqw>div>p{color:var(--sx-mute);line-height:1.6;margin:16px 0 18px}
.sx-faq{border-top:1px solid var(--sx-line2)}
.sx-faq details{border-bottom:1px solid var(--sx-line2)}
.sx-faq summary{list-style:none;cursor:pointer;padding:20px 44px 20px 0;font-weight:800;font-size:1.05rem;color:var(--sx-ink);position:relative;letter-spacing:-.01em}
.sx-faq summary::-webkit-details-marker{display:none}
.sx-faq summary::after{content:"+";position:absolute;right:4px;top:13px;font-size:1.6rem;font-weight:500;color:var(--sx-brand)}
.sx-faq details[open] summary::after{content:"\2212"}
.sx-faq details p{margin:0 0 20px;color:var(--sx-text);line-height:1.65;max-width:68ch}
.sx-phead{background:var(--sx-cream);padding:56px 0 48px}
.sm-page .sx-phead h1{font-size:clamp(2.1rem,4.2vw,3.5rem);line-height:1.04;letter-spacing:-.035em;margin:0;max-width:22ch}
.sx-crumbs{font-size:.85rem;color:var(--sx-mute);margin:0 0 22px}
.sx-crumbs a{color:var(--sx-brand);text-decoration:none;font-weight:700}
.sx-jump{display:flex;flex-wrap:wrap;gap:8px;margin:26px 0 0}
.sx-jump a{padding:10px 16px;border-radius:999px;background:#fff;border:1.5px solid var(--sx-line2);color:var(--sx-ink);font-weight:700;font-size:.9rem;text-decoration:none}
.sx-jump a:hover{border-color:var(--sx-ink)}

/* toast */
.sx-toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,160%);background:var(--sx-ink);color:#fff;padding:14px 18px;border-radius:10px;box-shadow:0 20px 40px rgba(8,25,45,.35);z-index:200;display:flex;align-items:center;gap:16px;flex-wrap:wrap;max-width:min(92vw,640px);font-size:.93rem;line-height:1.4;transition:transform .25s ease}
.sx-toast.on{transform:translate(-50%,0)}
.sx-toast-a{display:inline-flex;gap:16px}
.sx-toast a{color:var(--sx-sky);font-weight:800}

/* about, contact and quote pages */
.hv-wrap{max-width:1280px;margin:0 auto;padding:0 28px}
.hv-sec{padding:76px 0}
.hv-tint{background:var(--sx-cream)}
.hv-pg{background:var(--sx-cream);padding:64px 0 60px}
.hv-pg-in{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:56px;align-items:center}
.sm-page .hv-pg h1{font-size:clamp(2.2rem,4.4vw,3.6rem);line-height:1.04;letter-spacing:-.035em;margin:0 0 18px;max-width:20ch}
.hv-lead{font-size:1.1rem;line-height:1.65;color:var(--sx-text);margin:0 0 26px;max-width:58ch}
.hv-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.hv-b{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 20px;border-radius:8px;border:1.5px solid transparent;font:inherit;font-weight:800;font-size:.93rem;line-height:1.1;text-decoration:none;cursor:pointer;white-space:nowrap}
.hv-b-ink{background:var(--sx-ink);color:#fff!important}.hv-b-ink:hover{background:#18406b}
.hv-b-wa{background:var(--sx-green);color:#fff!important}.hv-b-wa:hover{background:#0c6635}
.hv-b-line{background:#fff;color:var(--sx-ink)!important;border-color:var(--sx-line2)}.hv-b-line:hover{border-color:var(--sx-ink)}
.hv-pgimg{border-radius:12px;overflow:hidden;aspect-ratio:4/4.3;background:#e9eef7}
.hv-pgimg img{width:100%;height:100%;object-fit:cover;object-position:50% 60%;display:block}
.sm-page .hv-sec h2{margin:0 0 18px}
.hv-cards{display:grid;grid-template-columns:1fr 1fr;gap:0;border-top:1px solid var(--sx-line2);border-left:1px solid var(--sx-line2);background:#fff}
.hv-c{display:flex;flex-direction:column;gap:4px;padding:22px;border-right:1px solid var(--sx-line2);border-bottom:1px solid var(--sx-line2);text-decoration:none;color:inherit}
a.hv-c:hover{background:var(--sx-sky2)}
.hv-c b{color:var(--sx-mute);font-size:.72rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.hv-c span{color:var(--sx-ink);font-weight:800;font-size:1.15rem;letter-spacing:-.01em}
.hv-c p{margin:4px 0 0;color:var(--sx-mute);font-size:.92rem;line-height:1.5}
.hv-two{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}.hv-two-q{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr)}
.hv-quick{background:var(--sx-sky2);border-left:4px solid var(--sx-brand);border-radius:0 10px 10px 0;padding:22px 24px;color:var(--sx-ink);line-height:1.7;margin:0;font-size:1.02rem}
.hv-id{width:100%;border-collapse:collapse;font-size:.95rem;border-top:1px solid var(--sx-line2)}
.hv-id th,.hv-id td{padding:13px 0;border:0;border-bottom:1px solid var(--sx-line2);text-align:left;vertical-align:top}
.hv-id th{color:var(--sx-mute);font-weight:600;width:38%;padding-right:16px}
.hv-id td{color:var(--sx-ink);font-weight:700}
.hv-id a{color:var(--sx-brand)}
.hv-four{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0 28px}
.hv-four div{border-top:2px solid var(--sx-sky);padding:18px 0 0}
.hv-four b{display:block;color:var(--sx-ink);font-size:1.05rem;font-weight:800;margin-bottom:6px}
.hv-four p{margin:0;color:var(--sx-mute);line-height:1.6;font-size:.95rem}
.hv-plist{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:26px 0 0;border-top:1px solid var(--sx-line2);border-left:1px solid var(--sx-line2)}
.hv-plist a{display:block;padding:18px 20px;border-right:1px solid var(--sx-line2);border-bottom:1px solid var(--sx-line2);background:#fff;color:var(--sx-ink);font-weight:800;text-decoration:none}
.hv-plist a:hover{background:var(--sx-sky2);color:var(--sx-brand)}
.hv-faq{display:block;border-top:1px solid var(--sx-line2)}
.hv-faq details{border-bottom:1px solid var(--sx-line2);background:transparent}
.hv-faq summary{cursor:pointer;list-style:none;padding:18px 44px 18px 0;font-weight:800;color:var(--sx-ink);position:relative}
.hv-faq summary::-webkit-details-marker{display:none}
.hv-faq summary::after{content:"+";position:absolute;right:4px;top:11px;font-size:1.5rem;color:var(--sx-brand)}
.hv-faq details[open] summary::after{content:"\2212"}
.hv-faq details p{margin:0 0 18px;color:var(--sx-text);line-height:1.65}
.hv-steps{counter-reset:s;list-style:none;margin:14px 0 0;padding:0;display:grid;gap:14px}
.hv-steps li{counter-increment:s;position:relative;padding-left:46px;color:var(--sx-text);line-height:1.5}
.hv-steps li::before{content:counter(s);position:absolute;left:0;top:-3px;width:30px;height:30px;border-radius:50%;background:var(--sx-ink);color:#fff;font-weight:800;display:grid;place-items:center;font-size:.85rem}
.hv-steps b{color:var(--sx-ink)}
.hv-side{background:#fff;border:1px solid var(--sx-line);border-radius:12px;padding:28px;display:grid;gap:18px}
.hv-side h3{margin:0;font-size:1.1rem;color:var(--sx-ink)}
.hv-tl{display:grid;gap:0;border-top:1px solid var(--sx-line)}
.hv-tl div{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--sx-line)}
.hv-tl b{color:var(--sx-ink);font-weight:800}
.hv-cta{display:none}

/* forms and legacy pages */
.sm-form{display:grid;grid-template-columns:1fr 1fr;gap:16px 18px}
.sm-form label{display:flex;flex-direction:column;gap:7px;font-weight:800;font-size:.86rem;color:var(--sx-ink)}
.sm-form .full{grid-column:1/-1}
.sm-form input,.sm-form textarea,.sm-form select{font:inherit;font-weight:500;font-size:.98rem;padding:12px 14px;border:1.5px solid var(--sx-line2);border-radius:8px;background:#fff;color:var(--sx-ink);width:100%;box-sizing:border-box;margin:0}
.sm-form input:focus,.sm-form textarea:focus,.sm-form select:focus{outline:none;border-color:var(--sx-brand);box-shadow:0 0 0 4px rgba(25,75,126,.12)}
.sm-wrap{max-width:900px;margin:0 auto;padding:0 28px}
.sm-hero{background:var(--sx-cream);padding:60px 0 48px}
.sm-hero h1{font-size:clamp(2rem,4vw,3.2rem);line-height:1.06;margin:0 0 14px}
.sm-kicker{display:inline-block;font-size:.74rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--sx-brand);margin-bottom:12px}
.sm-hero .lead{font-size:1.08rem;color:var(--sx-text);line-height:1.65}
.sm-sec{padding:48px 0}
.sm-sec.alt{background:var(--sx-cream)}
.sm-sec h2{font-size:1.6rem!important;margin:28px 0 10px!important}
.sm-sec p,.sm-sec li{color:var(--sx-text);line-height:1.75}
.sm-btn{display:inline-flex;align-items:center;gap:8px;min-height:46px;padding:0 18px;border-radius:8px;font-weight:800;text-decoration:none;background:var(--sx-ink);color:#fff}
.sm-btn.sm-wa{background:var(--sx-green)}
.sm-btns{display:flex;flex-wrap:wrap;gap:10px}

/* WooCommerce pages */
body.woocommerce-cart .sx-band,body.woocommerce-checkout .sx-band{display:none}
.sx-shophead{padding:6px 0 4px;max-width:var(--wp--style--global--wide-size,1340px)!important;width:100%;margin-left:auto!important;margin-right:auto!important}
.sx-shophead h1{font-size:clamp(2rem,4vw,3rem);font-weight:800;letter-spacing:-.035em;line-height:1.05;color:var(--sx-ink);margin:0}
.sx-shophead .sx-sub{max-width:70ch}
.sx-shopcats{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0 4px}
.sx-shopcats a{padding:9px 16px;border-radius:999px;border:1.5px solid var(--sx-line2);color:var(--sx-ink);font-weight:700;font-size:.88rem;text-decoration:none;background:#fff}
.sx-shopcats a:hover{border-color:var(--sx-ink)}
.sx-shopcats a[aria-current]{background:var(--sx-ink);color:#fff;border-color:var(--sx-ink)}
.wc-block-components-button:not(.is-link){border-radius:8px!important;font-weight:800!important}
.wc-block-cart__submit-button,.wc-block-components-checkout-place-order-button{background:var(--sx-ink)!important;color:#fff!important}
body.woocommerce h1.wp-block-query-title,body.woocommerce-page h1.wp-block-query-title{font-weight:800;letter-spacing:-.03em;color:var(--sx-ink)}

/* banners */
.sx-bn{padding:18px 0 0}
.sx-bn-in{position:relative;border-radius:14px;overflow:hidden;background:#eef3f8;box-shadow:0 1px 0 var(--sx-line)}
.sx-bn-tr{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain}
.sx-bn-tr::-webkit-scrollbar{display:none}
.sx-bn-s{flex:0 0 100%;scroll-snap-align:start;display:block;aspect-ratio:16/5;background:#eef3f8}
.sx-bn-s picture,.sx-bn-s img{display:block;width:100%;height:100%}
.sx-bn-s img{object-fit:cover}
.sx-bn-ar{position:absolute;top:50%;width:42px;height:42px;margin-top:-21px;border-radius:50%;border:1px solid rgba(15,42,71,.12);background:rgba(255,255,255,.94);color:var(--sx-ink);display:grid;place-items:center;cursor:pointer;box-shadow:0 8px 20px rgba(15,42,71,.14);opacity:0;transition:opacity .2s}
.sx-bn-in:hover .sx-bn-ar,.sx-bn-ar:focus-visible{opacity:1}
.sx-bn-prev{left:14px}.sx-bn-prev svg{transform:rotate(90deg)}
.sx-bn-next{right:14px}.sx-bn-next svg{transform:rotate(-90deg)}
.sx-bn-dots{display:flex;justify-content:center;gap:8px;padding:12px 0 0}
.sx-bn-dots button{width:8px;height:8px;border-radius:8px;border:0;padding:0;background:#c3cfdd;cursor:pointer;transition:width .25s,background-color .25s}
.sx-bn-dots button[aria-current=true]{width:26px;background:var(--sx-brand)}

/* trust strip under the hero */
.sx-trust{background:#fff;border-bottom:1px solid var(--sx-line)}
.sx-trust .sx-stats{background:transparent}.sx-trust .sx-stats-in{padding:0}
.sx-trust .sx-stats-in>div{border-left-color:var(--sx-line)}
.sx-trust .sx-stats span{color:var(--sx-mute)}

/* compact categories */
.sx-sec-c{padding:40px 0 48px}
.sx-catx{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:12px}
.sx-cx{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:12px 8px 14px;border:1px solid var(--sx-line);border-radius:12px;background:#fff;text-decoration:none;color:var(--sx-ink);transition:border-color .15s,box-shadow .15s,transform .15s}
.sx-cx:hover{border-color:#b9c8db;box-shadow:0 12px 26px rgba(15,42,71,.08);transform:translateY(-2px);color:var(--sx-ink)}
.sx-cx-i{display:block;width:100%;aspect-ratio:1/1;border-radius:9px;background:#f3f6f9;overflow:hidden}
.sx-cx-i img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;transition:transform .3s}
.sx-cx:hover .sx-cx-i img{transform:scale(1.06)}
.sx-cx b{font-size:.92rem;font-weight:800;line-height:1.2;letter-spacing:-.01em}
.sx-cx small{font-size:.72rem;font-weight:800;color:var(--sx-amber)}
.sx-cx small.ok{color:var(--sx-ok)}

/* real photo card */
.sx-photo{position:relative;margin:0 0 18px;border-radius:12px;overflow:hidden;aspect-ratio:4/3;background:#dfe7f0}
.sx-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 62%;display:block}
.sx-photo figcaption{position:absolute;left:12px;bottom:12px;right:12px;display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:10px;background:rgba(13,39,68,.86);color:#fff;font-size:.88rem;font-weight:700;line-height:1.35;backdrop-filter:blur(4px)}
.sx-photo figcaption i{width:9px;height:9px;border-radius:50%;background:#5fd394;box-shadow:0 0 0 4px rgba(95,211,148,.25);flex:none}

/* product photo rail */
.sx-rail{padding:44px 0 40px;border-top:1px solid var(--sx-line);background:#fff;overflow:hidden}
.sx-rail-h{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:18px}
.sx-rail-h .sx-kick{margin-bottom:6px}
.sx-rail-t{margin:0;font-weight:800;font-size:1.25rem;letter-spacing:-.02em;color:var(--sx-ink)}
.sx-rail-v{position:relative;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 4%,#000 96%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 4%,#000 96%,transparent 100%)}
.sx-rail-v{overflow-x:auto;scrollbar-width:none;cursor:grab;overscroll-behavior-x:contain}.sx-rail-v::-webkit-scrollbar{display:none}.sx-rail-v.drag{cursor:grabbing;scroll-snap-type:none}.sx-rail-tr{display:flex;gap:14px;width:max-content;padding:4px 0}
@keyframes sxrail{to{transform:translateX(calc(-50% - 7px))}}
.sx-rail-i{flex:none;width:188px;display:flex;flex-direction:column;gap:6px;text-decoration:none;color:var(--sx-ink)}
.sx-rail-im{display:block;aspect-ratio:1/1;border-radius:12px;border:1px solid var(--sx-line);background:#f6f8fb;overflow:hidden}
.sx-rail-im img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;transition:transform .3s}
.sx-rail-i:hover .sx-rail-im img{transform:scale(1.05)}
.sx-rail-i b{font-size:.84rem;font-weight:800;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.sx-rail-i small{font-size:.76rem;font-weight:800;color:var(--sx-amber)}
.sx-rail-i small.ok{color:var(--sx-ok)}
.sx-rail-nav{display:flex;gap:8px;align-items:center}.sx-rail-nav button[data-d="-1"] svg{transform:rotate(180deg)}.sx-rail-nav .sx-more{margin-left:8px}.sx-rail-nav button{width:38px;height:38px;border-radius:50%;border:1px solid var(--sx-line);background:#fff;color:var(--sx-ink);display:grid;place-items:center;cursor:pointer}.sx-rail-nav button:hover{background:var(--sx-ink);color:#fff;border-color:var(--sx-ink)}
body.woocommerce-cart .sx-rail,body.woocommerce-checkout .sx-rail{display:none}

/* cart drawer */
html.sx-lock{overflow:hidden}
.sx-dr{position:fixed;inset:0;z-index:400}
.sx-dr[hidden]{display:none}
.sx-dr-bg{position:absolute;inset:0;background:rgba(8,25,45,.45);opacity:0;transition:opacity .25s}
.sx-dr-p{position:absolute;top:0;right:0;bottom:0;width:min(440px,100%);background:#fff;display:flex;flex-direction:column;transform:translateX(100%);transition:transform .28s cubic-bezier(.2,.8,.2,1);box-shadow:-24px 0 60px rgba(8,25,45,.22)}
.sx-dr.on .sx-dr-bg{opacity:1}.sx-dr.on .sx-dr-p{transform:none}
.sx-dr-h{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;border-bottom:1px solid var(--sx-line)}
.sx-dr-h p{margin:0;font-size:1.05rem;color:var(--sx-ink)}
.sx-dr-h p span{color:var(--sx-mute);font-weight:700}
.sx-dr-x{width:40px;height:40px;border-radius:10px;border:1.5px solid var(--sx-line2);background:#fff;color:var(--sx-ink);display:grid;place-items:center;cursor:pointer}
.sx-dr-ok{margin:0;display:flex;align-items:center;gap:8px;padding:10px 18px;background:var(--sx-okbg);color:var(--sx-ok);font-weight:800;font-size:.88rem}
.sx-dr-ok[hidden]{display:none}
.sx-dr-b{flex:1;overflow:auto;padding:4px 18px;transition:opacity .15s}
.sx-dr-b.busy{opacity:.5;pointer-events:none}
.sx-dr-i{display:grid;grid-template-columns:64px minmax(0,1fr) auto;gap:12px;align-items:start;padding:14px 0;border-bottom:1px solid var(--sx-line)}
.sx-dr-i img,.sx-dr-noimg{width:64px;height:64px;border-radius:8px;object-fit:contain;background:#f3f6f9;display:block}
.sx-dr-n2 a{display:block;font-weight:800;color:var(--sx-ink);text-decoration:none;font-size:.9rem;line-height:1.3}
.sx-dr-n2 small{display:block;color:var(--sx-mute);font-weight:600;font-size:.8rem;margin:3px 0 8px}
.sx-dr-n2 .sx-qty{height:34px}.sx-dr-n2 .sx-qty button{width:28px}.sx-dr-n2 .sx-qty input{width:34px;font-size:.88rem}
.sx-dr-t{text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:8px}
.sx-dr-t b{font-weight:800;color:var(--sx-ink);white-space:nowrap}
.sx-dr-rm{border:0;background:none;padding:0;font:inherit;font-size:.8rem;font-weight:700;color:var(--sx-mute);text-decoration:underline;cursor:pointer}
.sx-dr-f{padding:14px 18px calc(16px + env(safe-area-inset-bottom));border-top:1px solid var(--sx-line);display:grid;gap:10px;background:#fbfcfe}
.sx-dr-f:empty{display:none}
.sx-dr-sum{display:flex;justify-content:space-between;align-items:baseline;font-weight:800;color:var(--sx-ink)}
.sx-dr-sum b{font-size:1.3rem;letter-spacing:-.02em}
.sx-dr-note{margin:0;font-size:.82rem;color:var(--sx-mute);line-height:1.5}
.sx-dr-alt{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.sx-dr-alt .sx-btn{min-height:44px;font-size:.86rem;padding:0 10px}
.sx-dr-cart{justify-self:center;font-weight:800;font-size:.86rem;color:var(--sx-brand)}
.sx-dr-empty{padding:28px 0;display:grid;gap:10px;justify-items:start}
.sx-dr-empty p{margin:0;color:var(--sx-text);line-height:1.55}

/* sticky product bar */
.sx-pbar{position:fixed;left:0;right:0;bottom:0;z-index:95;background:#fff;border-top:1px solid var(--sx-line);box-shadow:0 -10px 30px rgba(15,42,71,.10);transform:translateY(110%);transition:transform .25s ease}
.sx-pbar.on{transform:none}
.sx-pbar-in{display:flex;align-items:center;gap:14px;padding-top:10px;padding-bottom:calc(10px + env(safe-area-inset-bottom))}
.sx-pbar img{width:44px;height:44px;border-radius:8px;object-fit:contain;background:#f3f6f9;flex:none}
.sx-pbar p{margin:0;flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.25}
.sx-pbar p b{font-size:.92rem;color:var(--sx-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sx-pbar p span{font-size:.84rem;font-weight:800;color:var(--sx-brand)}
.sx-pbar .sx-btn{min-height:42px;padding:0 16px;font-size:.86rem}
body.sx-pbar-on .sm-fab{bottom:86px}

/* empty cart */
.sx-empty{border:1px solid var(--sx-line);border-radius:14px;padding:28px;margin:0 0 28px;background:var(--sx-cream)}
.sx-empty h2{margin:0 0 10px;font-weight:800;letter-spacing:-.03em;color:var(--sx-ink);font-size:clamp(1.5rem,3vw,2.1rem)}
.sx-empty p{color:var(--sx-text);line-height:1.6;max-width:70ch}

/* reveal on scroll */
.sx-rv{opacity:0;transform:translateY(14px);transition:opacity .5s ease,transform .5s ease;transition-delay:calc(var(--i,0) * 70ms)}
.sx-rv.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.sx-rv{opacity:1;transform:none;transition:none}}

/* checkout header, cart alternatives, account intro */
.sx-co-head{display:flex;align-items:center;justify-content:space-between;gap:12px 20px;flex-wrap:wrap;width:100%}
.sx-co-head .sx-logo img{height:36px}
.sx-co-head p{margin:0;display:flex;align-items:center;gap:8px;font-size:.86rem;font-weight:700;color:var(--sx-mute)}
.sx-co-head p svg{color:var(--sx-green)}
.sx-co-head p a{color:var(--sx-ink);font-weight:800}
.sx-cart-alt{margin-top:14px;padding-top:14px;border-top:1px solid var(--sx-line);display:grid;gap:8px}
.sx-cart-alt p{margin:0;font-size:.74rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--sx-mute)}
.sx-cart-alt .sx-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.sx-cart-alt .sx-btn{min-height:44px;font-size:.86rem}
.sx-acct{border:1px solid var(--sx-line);border-radius:14px;padding:24px;margin:0 0 28px;background:var(--sx-cream)}
.sx-acct p{color:var(--sx-text);line-height:1.6;max-width:70ch}

/* single product layout balance */
@media (min-width:782px){
.single-product .wp-block-columns.alignwide:has(.wp-block-woocommerce-product-image-gallery)>.wp-block-column:first-child{flex-basis:50%!important;flex-grow:0}
.single-product .wp-block-columns.alignwide:has(.wp-block-woocommerce-product-image-gallery)>.wp-block-column:last-child{flex-basis:0!important;flex-grow:1;min-width:0}
}
/* product details: description beside a sticky buy box */
.sx-pdx{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:44px;align-items:start;margin-top:24px;margin-bottom:28px}
.sx-pdx-main{min-width:0}
.sx-pdx-main>.alignwide{max-width:none!important;margin:0!important}
.sx-pdx-side{position:sticky;top:110px}
.sx-bb{border:1px solid var(--sx-line);border-radius:14px;padding:18px;background:#fff;box-shadow:0 18px 40px rgba(15,42,71,.08);display:grid;gap:12px}
.sx-bb-h{display:flex;gap:12px;align-items:center}
.sx-bb-h img{width:72px;height:72px;object-fit:contain;background:#f3f6f9;border-radius:10px;flex:none}
.sx-bb-n{margin:0;font-weight:800;color:var(--sx-ink);line-height:1.3;font-size:.95rem}
.sx-bb-p{margin:4px 0 0;font-size:1.4rem;font-weight:800;color:var(--sx-ink);letter-spacing:-.02em}
.sx-bb-st{margin:0;display:flex;align-items:center;gap:8px;font-weight:800;font-size:.88rem;color:var(--sx-ok)}
.sx-bb-st i{width:9px;height:9px;border-radius:50%;background:currentColor;box-shadow:0 0 0 4px rgba(15,107,58,.14);flex:none}
.sx-bb-st.sx-eta{color:var(--sx-amber)}
.sx-bb .sx-act{margin:0}
.sx-bb-t{list-style:none;margin:0;padding:12px 0 0;border-top:1px solid var(--sx-line);display:grid;gap:7px;font-size:.86rem;color:var(--sx-text)}
.sx-bb-t li{display:flex;gap:8px;align-items:center}
.sx-bb-t svg{color:var(--sx-green);flex:none}
.single-product .woocommerce-tabs ul.tabs,.single-product .woocommerce-tabs .wc-tabs{display:none!important}
.single-product .woocommerce-tabs{margin:0!important;padding:0!important}
.single-product .woocommerce-Tabs-panel{padding:0!important;margin:0!important;border:0!important}
.single-product .woocommerce-Tabs-panel p,.single-product .woocommerce-Tabs-panel li{font-size:1.02rem!important;line-height:1.7;color:var(--sx-text)}
.single-product .woocommerce-Tabs-panel>p:first-child{margin-top:0}
.single-product .woocommerce-Tabs-panel>p:first-child strong{font-size:1.35rem;font-weight:800;color:var(--sx-ink);letter-spacing:-.02em;line-height:1.3}
.single-product .woocommerce-Tabs-panel h2{font-size:clamp(1.3rem,2.2vw,1.7rem)!important;margin:30px 0 10px!important;letter-spacing:-.02em}
.single-product .woocommerce-Tabs-panel h3{font-size:1.08rem!important;margin:20px 0 6px!important;color:var(--sx-ink)}
.single-product .woocommerce-Tabs-panel ul{padding-left:20px;margin:0 0 14px}
.single-product .woocommerce-Tabs-panel table{max-width:none!important;border:1px solid var(--sx-line)!important;border-radius:12px;overflow:hidden;border-collapse:separate!important;border-spacing:0}
.single-product .woocommerce-Tabs-panel th,.single-product .woocommerce-Tabs-panel td{border:0!important;border-bottom:1px solid var(--sx-line)!important;padding:11px 14px!important;font-size:.95rem}
.single-product .woocommerce-Tabs-panel thead th{background:var(--sx-cream);font-size:.74rem;letter-spacing:.1em;text-transform:uppercase;color:var(--sx-mute)}
.single-product .woocommerce-Tabs-panel tbody th{color:var(--sx-ink);font-weight:800;width:38%}
.single-product .woocommerce-Tabs-panel tr:last-child th,.single-product .woocommerce-Tabs-panel tr:last-child td{border-bottom:0!important}
.single-product .wp-block-post-excerpt,.single-product .wp-block-post-excerpt__excerpt{font-size:1rem!important;line-height:1.65}
.single-product .sx-pp{font-size:1rem}
.single-product form.cart .quantity{display:flex}
body.woocommerce-cart h1,body.woocommerce-checkout h1,body.woocommerce-account h1,body.page .wp-block-post-title{font-weight:800;letter-spacing:-.03em;color:var(--sx-ink)}
.sx-dr-p{top:var(--wp-admin--admin-bar--height,0px)}

/* help strip on shop and category pages, 404 content */
.sx-help{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;gap:14px;align-items:center;margin:34px auto 10px!important;padding:18px 20px;border:1px solid var(--sx-line);border-radius:14px;background:var(--sx-cream)}
.sx-help>div{display:flex;flex-direction:column;gap:4px;min-width:0}
.sx-help b{display:flex;align-items:center;gap:8px;color:var(--sx-ink);font-weight:800;font-size:.95rem}
.sx-help b svg{color:var(--sx-green);flex:none}
.sx-help>div>span{color:var(--sx-mute);font-size:.86rem;line-height:1.45}
.sx-help-cta .sx-btn{white-space:nowrap}
.sx-help-cta{flex-direction:row!important;gap:8px!important}
.sx-help-cta .sx-btn{min-height:44px;font-size:.86rem}
.sx-404{margin:36px 0 10px}
.sx-404 h2{font-weight:800;letter-spacing:-.03em;color:var(--sx-ink);margin:0 0 20px}
.sx-404 .sx-row{margin-top:22px}
@media (max-width:980px){.sx-help{grid-template-columns:1fr 1fr}.sx-help-cta{grid-column:1/-1}}
@media (max-width:560px){.sx-help{grid-template-columns:1fr;padding:16px}.sx-help-cta .sx-btn{flex:1;padding:0 10px}}
@media (max-width:760px){.sx-shopcats{flex-wrap:nowrap;overflow-x:auto;margin:16px -16px 4px;padding:0 16px 6px;scrollbar-width:none}.sx-shopcats::-webkit-scrollbar{display:none}.sx-shopcats a{flex:none;white-space:nowrap}}

/* responsive */
@media (max-width:1280px) and (min-width:981px){.sx-top-c{display:none}.sx-nav a{padding:15px 9px;font-size:.88rem}.sx-cats-btn{padding:0 14px}.sx-nav-in>a[href*="infusion-therapy"],.sx-nav-in>a[href*="urinary-catheters"]{display:none}}
@media (max-width:1120px) and (min-width:981px){.sx-nav-in>a[href*="iv-access"],.sx-nav-in>a[href="/about/"]{display:none}.sx-nav .sx-nav-q span:first-of-type{display:none}}
@media (max-width:1180px){.sx-call{display:none}.sx-plan{grid-template-columns:1fr;gap:28px}.sx-plan>div:first-child{position:static}.sx-catx{grid-template-columns:repeat(4,minmax(0,1fr))}.sx-grid ul.products,ul.wc-block-product-template{grid-template-columns:repeat(3,minmax(0,1fr))!important}.sx-toolg{grid-template-columns:repeat(2,1fr)}.sx-catg{grid-template-columns:repeat(3,1fr)}.sx-ft-in{grid-template-columns:1fr 1fr 1fr}.sx-ft-in>div:first-child{grid-column:1/-1}}
.sx-pdx-side{}
@media (max-width:980px){
.sx-pdx{grid-template-columns:1fr;gap:0}.sx-pdx-side{display:none}
.sx-top-c,.sx-top-r{display:none}.sx-top-in{justify-content:center}
.sx-hd{position:relative;top:auto}.sx-hd-in{flex-wrap:wrap;gap:12px;min-height:0;padding-top:12px;padding-bottom:12px}
.sx-logo img{height:40px}.sx-hd .sx-hd-wa{display:none}.sx-burger{display:grid}.sx-hd-in{flex-wrap:nowrap}
.sx-search{max-width:none;min-width:0}
.sx-nav{display:none}
.sx-nav.open{display:block;position:fixed;inset:0;z-index:300;overflow:auto;background:var(--sx-ink)}
.sx-nav.open .sx-nav-in{flex-direction:column;align-items:stretch;padding:76px 20px 40px;gap:0}
.sx-nav.open .sx-navx{display:grid;position:absolute;top:14px;right:16px;background:transparent;color:#fff;border-color:rgba(255,255,255,.35)}
.sx-nav.open a{font-size:1.12rem;padding:15px 4px;border-bottom:1px solid rgba(255,255,255,.12)}
.sx-nav .sx-cats{margin:0 0 10px}
.sx-nav .sx-cats-btn{width:100%;height:54px;border-radius:10px;justify-content:flex-start;background:var(--sx-brand)}
.sx-nav .sx-mega{position:static;width:auto;grid-template-columns:1fr;border:0;box-shadow:none;border-radius:10px;margin:8px 0 0}
.sx-nav.open .sx-mega a{border-bottom:0;font-size:1rem}
.sx-nav .sx-nav-q{margin:16px 0 0;justify-content:center;border-bottom:0!important}
.sx-hero{grid-template-columns:1fr}.sx-hero-l{padding:40px 28px}.sx-hero-r{padding:24px 28px}
.sx-buy{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);column-gap:22px;align-items:start}.sx-buy>*{grid-column:2}.sx-buy-img{grid-column:1;grid-row:1/span 6;align-self:stretch;display:flex;align-items:center}.sx-buy-t{margin-top:0}
.sx-stats-in{grid-template-columns:1fr 1fr;padding:0 28px}.sx-stats-in>div{padding:16px 0 16px 18px}.sx-stats-in>div:nth-child(3){border-left:0;padding-left:0}.sx-stats-in>div:nth-child(n+3){border-top:1px solid rgba(15,42,71,.2)}
.sx-plan,.sx-fac,.sx-faqw,.hv-pg-in,.hv-two,.hv-two-q{grid-template-columns:1fr;gap:32px}
.sx-faqw>div:first-child{position:static}
.sx-pp-alt{grid-template-columns:1fr 1fr}.sx-pp-alt .sx-btn:last-child{grid-column:1/-1}
.sx-calc,.sx-gauge{grid-template-columns:1fr}
.sx-cols{grid-template-columns:1fr 1fr}.sx-cols>div:nth-child(2){border-right:0;margin-right:0}.sx-cols>div:nth-child(n+3){border-top:1px solid var(--sx-line2)}
.sx-band-in{flex-direction:column;align-items:flex-start}.sx-band .sx-row{min-width:0;width:100%;flex-direction:row}
.hv-four,.hv-plist{grid-template-columns:1fr 1fr}.hv-four{gap:24px 28px}
.hv-pgimg{aspect-ratio:16/11}
}
@media (max-width:760px){
.sx-w,.hv-wrap{padding-left:16px;padding-right:16px}
.sx-sec{padding:44px 0}.hv-sec{padding:44px 0}
.sx-top{display:none}
.sx-hd-in{flex-wrap:wrap;padding-top:10px;padding-bottom:10px}.sx-logo{flex:1;min-width:0}.sx-logo img{height:26px}
.sx-search{order:5;flex-basis:100%}.sx-search input{height:46px}
.sx-bn{padding-top:10px}.sx-bn-s{aspect-ratio:14/5}.sx-bn-ar{display:none}.sx-bn-dots{padding-top:8px}
.sx-catx{display:flex;overflow-x:auto;gap:10px;margin:0 -16px;padding:2px 16px 6px;scroll-snap-type:x proximity;scrollbar-width:none}.sx-catx::-webkit-scrollbar{display:none}.sx-cx{flex:0 0 112px;scroll-snap-align:start;padding:8px 6px 10px}.sx-cx b{font-size:.82rem}
.sx-buy{display:block}.sx-buy-img img{max-height:230px;object-fit:contain}
.sx-rail{padding:32px 0 30px}.sx-rail-i{width:150px}.sx-rail-t{font-size:1.05rem}
.sx-pbar .sx-btn-wa span{display:none}.sx-pbar .sx-btn{padding:0 12px}
body.sx-pbar-on .sm-sticky{transform:translateY(110%)}.sm-sticky{transition:transform .25s}
.sx-dr-alt{grid-template-columns:1fr}
.sx-head{flex-direction:column;align-items:flex-start;gap:14px;margin-bottom:26px}
.sx-hero-l{padding:40px 16px}.sx-hero-r{padding:16px}.sx-buy{padding:16px}
.sx-buy-row{grid-template-columns:minmax(0,1fr) auto auto;gap:10px}.sx-buy-row strong{font-size:1rem}.sx-buy-row .sx-btn{min-height:38px;padding:0 12px}.sx-buy-t{font-size:.95rem}
.sx-stats-in{padding:0 16px}.sx-stats b{font-size:1.2rem}
.sx-catg{grid-template-columns:1fr 1fr}.sx-cat{padding:14px}.sx-cat-d{display:none}
.sx-grid ul.products,ul.wc-block-product-template{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
.sx-grid li.product,ul.wc-block-product-template li.wc-block-product{padding:10px!important}
.sx-badge{top:16px;left:16px}
.sx-act .sx-btn{font-size:.82rem;padding:0 8px;min-height:40px}
.sx-calc-f,.sx-calc-r{padding:22px 18px}
.sx-r-plan{grid-template-columns:1fr 1fr}.sx-r-plan div:last-child{grid-column:1/-1;border-left:0;border-top:1px solid rgba(255,255,255,.18)}
.sx-op-head{display:none}
.sx-op-row{grid-template-columns:48px 1fr 1fr;grid-template-areas:"i n n" "i s u";gap:10px 12px;padding:12px}
.sx-op-row>img,.sx-op-row>.sx-op-noimg{grid-area:i;align-self:start;width:48px;height:48px}
.sx-op-n{grid-area:n}.sx-op-row .sx-step{grid-area:s;justify-self:start}.sx-op-row select{grid-area:u}
.sx-op-foot{padding:12px}.sx-op-foot .sx-row{width:100%;display:grid;grid-template-columns:1fr auto;gap:8px}.sx-op-foot .sx-op-wa{grid-column:1/-1}.sx-op-foot .sx-btn{min-height:44px;white-space:nowrap}
.sx-feat{grid-template-columns:1fr}
.sx-cols{grid-template-columns:1fr 1fr;gap:0 14px;border-top:0}.sx-cols>div{border-right:0!important;margin-right:0!important;padding:16px 0 12px;border-top:1px solid var(--sx-line2)!important}.sx-cols h3{font-size:1.02rem}.sx-cols p{font-size:.86rem;line-height:1.5}.sx-cols .sx-more{font-size:.84rem;white-space:normal}
.sx-toolg{grid-template-columns:1fr 1fr;gap:10px}.sx-tool{padding:16px;gap:8px}.sx-tool p{display:none}.sx-tool b{font-size:.92rem;line-height:1.3}.sx-tool-ic{width:40px;height:40px}
.sx-rail-h{flex-direction:column;align-items:flex-start;gap:8px}
.sx-op-more{display:flex;width:100%;justify-content:center;margin:0;border-radius:0;border-width:1px 0 0}
.sx-band .sx-row{flex-direction:column}
.sx-ft-in{grid-template-columns:1fr 1fr;gap:28px}
.hv-cards,.hv-four,.hv-plist{grid-template-columns:1fr}
.sm-form{grid-template-columns:1fr}
.sx-btn,.hv-b{white-space:normal;text-align:center}
.sm-fab{display:none}
.sm-sticky{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;position:fixed;left:0;right:0;bottom:0;z-index:90;background:#fff;border-top:1px solid var(--sx-line);box-shadow:0 -6px 20px rgba(15,42,71,.08);padding:6px 6px calc(6px + env(safe-area-inset-bottom))}
.sm-sticky a{display:flex;flex-direction:column;align-items:center;gap:3px;font-size:.72rem;font-weight:800;color:var(--sx-ink);text-decoration:none;padding:7px 2px;border-radius:8px;position:relative}
.sm-sticky a.wa{background:var(--sx-green);color:#fff}
.sm-sticky .sx-qcnt{position:absolute;top:2px;right:14%}
body{padding-bottom:66px}
.sx-toast{bottom:82px}
}
@media (max-width:560px){
.sx-qty button{width:26px}.sx-qty input{width:28px}
.sx-act .sx-l{display:none}.sx-act .sx-s{display:inline}
.sx-mini span{display:none}.sx-mini{height:34px}
.sx-grid ul.products,ul.wc-block-product-template{gap:8px!important}
.sx-grid li.product,ul.wc-block-product-template li.wc-block-product{padding:8px!important}
.sx-grid .woocommerce-loop-product__title,ul.wc-block-product-template .wp-block-post-title{font-size:.86rem!important}
}
@media (max-width:781px){
.single-product .wp-block-columns.alignwide:has(.wp-block-woocommerce-product-image-gallery){gap:16px!important}
.single-product .wp-block-post-title{font-size:1.65rem!important;line-height:1.12}
.single-product .wc-block-components-product-price,.single-product .wp-block-woocommerce-product-price .amount{font-size:1.45rem!important}
.single-product form.cart{flex-wrap:nowrap}
.single-product form.cart .single_add_to_cart_button{flex:1}
.single-product .woocommerce-Tabs-panel>p:first-child strong{font-size:1.15rem}
.single-product .woocommerce-Tabs-panel th,.single-product .woocommerce-Tabs-panel td{padding:9px 10px!important;font-size:.88rem}
.sx-pp-alt{grid-template-columns:1fr 1fr 1fr}
.sx-pp-alt .sx-btn{padding:0 8px;font-size:.84rem}
.sx-pp-alt .sx-btn:last-child{grid-column:auto}
}

/* ===== v2.3 premium layer ===== */
:root{--sx-glass:rgba(255,255,255,.78);--sx-glass-b:rgba(15,42,71,.08);--sx-shadow:0 18px 40px rgba(15,42,71,.12);--sx-ring:0 0 0 4px rgba(168,220,247,.55)}
html{scroll-behavior:smooth}
body{background:#fff}
.sx-hd{background:var(--sx-glass);-webkit-backdrop-filter:saturate(180%) blur(16px);backdrop-filter:saturate(180%) blur(16px);border-bottom:1px solid var(--sx-glass-b)}
.sx-hd.sx-scrolled{box-shadow:0 10px 30px rgba(15,42,71,.08)}
.sx-nav{background:linear-gradient(90deg,var(--sx-brand) 0%,var(--sx-brand2) 60%,#2468ad 100%);position:relative}
.sx-nav::after{content:"";position:absolute;inset:0 0 auto 0;height:1px;background:rgba(255,255,255,.18)}
.sx-nav a{border-radius:8px;transition:background-color .15s,color .15s}
.sx-nav-in>a:hover{background:rgba(255,255,255,.12);color:#fff}
.sx-cats-btn{border-radius:0 0 12px 12px}
.sx-mega{border-radius:0 0 16px 16px;background:rgba(255,255,255,.96);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}
.sx-search input{background:rgba(246,248,251,.9)}
.sx-cart,.sx-burger{border-radius:12px;transition:transform .15s,border-color .15s,box-shadow .15s}
.sx-cart:hover,.sx-burger:hover{transform:translateY(-1px);box-shadow:var(--sx-shadow)}
/* buttons */
.sx-btn{border-radius:12px;transition:transform .12s,box-shadow .15s,background-color .15s,color .15s}
.sx-btn:active{transform:scale(.97)}
.sx-btn-ink{background:linear-gradient(180deg,#1a3a62,var(--sx-ink));box-shadow:0 8px 20px rgba(15,42,71,.22)}
.sx-btn-ink:hover{background:linear-gradient(180deg,#224a7c,#13335a);box-shadow:0 12px 26px rgba(15,42,71,.28)}
.sx-btn-wa{background:linear-gradient(180deg,#139a50,var(--sx-green));box-shadow:0 8px 20px rgba(15,122,64,.22)}
.sx-btn-wa:hover{background:linear-gradient(180deg,#0f8a46,#0c6635)}
.sx-btn-line:hover{box-shadow:var(--sx-shadow);border-color:var(--sx-ink)}
.sx-btn:focus-visible{box-shadow:var(--sx-ring)}
.sx-btn.busy{position:relative;color:transparent!important;pointer-events:none}
.sx-btn.busy::after,.sx-dots::after{content:"";position:absolute;left:50%;top:50%;width:6px;height:6px;margin:-3px 0 0 -3px;border-radius:50%;background:currentColor;color:#fff;box-shadow:-12px 0 0 0 currentColor,12px 0 0 0 currentColor;animation:sxdots 1s infinite ease-in-out}
.sx-btn-line.busy::after,.sx-mini.busy::after{color:var(--sx-ink)}
@keyframes sxdots{0%,80%,100%{box-shadow:-12px 0 0 -1px currentColor,12px 0 0 -1px currentColor;opacity:.5}40%{box-shadow:-12px 0 0 1px currentColor,12px 0 0 1px currentColor;opacity:1}}
/* arrows that invite a click */
.sx-more{border-bottom:0;padding:9px 16px 9px 18px;border-radius:999px;background:var(--sx-sky2);color:var(--sx-ink);gap:10px;transition:background-color .15s,box-shadow .15s,transform .12s}
.sx-more svg{transition:transform .2s}
.sx-more:hover{background:var(--sx-sky);box-shadow:0 10px 22px rgba(25,75,126,.16);transform:translateY(-1px)}
.sx-more:hover svg{transform:translateX(4px)}
.sx-rail-nav button,.sx-bn-prev,.sx-bn-next{transition:transform .15s,background-color .15s,color .15s,box-shadow .15s}
.sx-rail-nav button:hover{transform:scale(1.08);box-shadow:var(--sx-shadow)}
/* cards */
.sx-grid li.product,ul.wc-block-product-template li.wc-block-product{border-radius:16px;transition:border-color .15s,box-shadow .2s,transform .2s}
.sx-grid li.product:hover,ul.wc-block-product-template li.wc-block-product:hover{transform:translateY(-3px);box-shadow:0 22px 44px rgba(15,42,71,.12)}
.sx-grid li.product img,ul.wc-block-product-template li.wc-block-product img{border-radius:12px;background:linear-gradient(180deg,#f8fafc,#eef3f8)}
.sx-cx{border-radius:14px;background:rgba(255,255,255,.85);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.sx-cx:hover{box-shadow:var(--sx-shadow);transform:translateY(-3px)}
.sx-qty{border-radius:12px}.sx-mini{border-radius:12px}
.sx-mini:hover{border-color:var(--sx-ink);box-shadow:0 8px 18px rgba(15,42,71,.10);transform:translateY(-1px)}
.sx-act .sx-btn{border-radius:12px}
/* card actions: clean stack on phones, nothing cramped */
@media (max-width:560px){
.sx-act{gap:6px}
.sx-act-r{grid-template-columns:1fr;gap:6px}
.sx-act .sx-qty{width:100%;height:38px;justify-content:space-between}
.sx-act .sx-qty button{flex:1;width:auto}
.sx-act .sx-qty input{width:40px}
.sx-act .sx-btn{min-height:40px;font-size:.84rem}
.sx-act .sx-l{display:inline}.sx-act .sx-s{display:none}
.sx-act-s{grid-template-columns:1fr 1fr;gap:6px}
.sx-mini{height:36px;font-size:.74rem}
.sx-mini span{display:inline}
}
@media (max-width:360px){.sx-mini span{display:none}}
/* page load: slim bar plus three dots */
.sx-ld{position:fixed;inset:0;z-index:900;display:none;place-items:center;background:rgba(255,255,255,.55);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}
.sx-ld.on{display:grid}
.sx-ld span{position:relative;width:14px;height:14px;display:block}
.sx-ld span::after{content:"";position:absolute;left:50%;top:50%;width:10px;height:10px;margin:-5px 0 0 -5px;border-radius:50%;background:var(--sx-brand);box-shadow:-20px 0 0 0 var(--sx-brand),20px 0 0 0 var(--sx-brand);animation:sxdots2 .9s infinite ease-in-out}
@keyframes sxdots2{0%,80%,100%{box-shadow:-20px 0 0 -2px var(--sx-brand),20px 0 0 -2px var(--sx-brand);opacity:.6}40%{box-shadow:-20px 0 0 2px var(--sx-brand),20px 0 0 2px var(--sx-brand);opacity:1}}
.sx-bar{position:fixed;left:0;top:0;height:3px;width:0;background:linear-gradient(90deg,var(--sx-sky),var(--sx-brand));z-index:901;transition:width .4s ease;opacity:0}
.sx-bar.on{opacity:1;width:80%}
/* toast: slim, glassy */
.sx-toast{background:rgba(15,42,71,.92);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:14px;padding:12px 16px;font-size:.9rem;border:1px solid rgba(255,255,255,.12)}
/* mobile dock with email */
@media (max-width:980px){
.sm-sticky{grid-template-columns:1.35fr 1fr 1fr 1fr 1fr;background:rgba(255,255,255,.9);-webkit-backdrop-filter:saturate(180%) blur(16px);backdrop-filter:saturate(180%) blur(16px);border-top:1px solid var(--sx-glass-b);box-shadow:0 -8px 24px rgba(15,42,71,.08)}
.sm-sticky a{font-size:.68rem;border-radius:12px;padding:7px 0}
.sm-sticky a.wa{background:linear-gradient(180deg,#139a50,var(--sx-green));box-shadow:0 6px 16px rgba(15,122,64,.25)}
.sm-sticky a:not(.wa):active{background:var(--sx-sky2)}
/* mobile menu as a glass sheet */
.sx-nav.open{background:linear-gradient(160deg,#0b2240 0%,#153f6c 100%)}
.sx-nav.open .sx-nav-in{padding:72px 18px 110px}
.sx-nav.open .sx-nav-in>a{font-size:1.05rem;padding:14px 14px;border:0;border-radius:12px;background:rgba(255,255,255,.06);margin-bottom:8px;display:flex;align-items:center;justify-content:space-between}
.sx-nav.open .sx-nav-in>a::after{content:"";width:8px;height:8px;border-right:2px solid rgba(255,255,255,.6);border-top:2px solid rgba(255,255,255,.6);transform:rotate(45deg)}
.sx-nav .sx-cats-btn{border-radius:12px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.14)}
.sx-nav .sx-mega{background:rgba(255,255,255,.96);margin-top:8px;padding:10px;grid-template-columns:1fr 1fr;gap:6px}
.sx-nav.open .sx-mega a{flex-direction:column;align-items:flex-start;gap:8px;padding:10px;border-radius:12px;background:#f6f8fb;margin:0}
.sx-nav.open .sx-mega a::after{display:none}
.sx-mega img{width:44px;height:44px}
.sx-mega b{font-size:.86rem}.sx-mega small{font-size:.74rem}
.sx-nav .sx-nav-q{background:var(--sx-green);border-radius:12px;padding:14px;font-size:1.02rem}
.sx-nav .sx-nav-q::after{display:none}
.sx-nav-ct{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin:0 0 14px}

.sx-nav-ct a{flex-direction:column;justify-content:center;gap:6px;background:rgba(255,255,255,.1)!important;border:1px solid rgba(255,255,255,.14);padding:12px 6px!important;font-size:.82rem!important;margin:0!important}
.sx-nav-ct a::after{display:none!important}
}

/* guides and page copy */
.sx-gh{background:linear-gradient(160deg,#0b2240,#194b7e 70%,#1f5d9c);color:#fff;padding:56px 0 48px}
.sx-gh .sx-kick{color:var(--sx-sky)}.sx-gh .sx-kick::before{background:var(--sx-sky)}
.sm-page .sx-gh h1{color:#fff;font-size:clamp(1.9rem,3.6vw,3rem);line-height:1.05;letter-spacing:-.035em;margin:0 0 14px;max-width:22ch}
.sx-gmeta{margin:0;color:#c9d8ee;font-weight:600;font-size:.92rem}
.sx-gbody{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:48px;padding:48px 0 56px;align-items:start}
.sx-prose{font-size:1.04rem;line-height:1.7;color:var(--sx-text)}
.sx-prose>p:first-child{font-size:1.18rem;color:var(--sx-ink);font-weight:600}
.sx-prose p{margin:0 0 16px}
.sm-page .sx-prose h2{font-size:clamp(1.35rem,2.2vw,1.8rem);line-height:1.2;margin:34px 0 12px;letter-spacing:-.025em}
.sm-page .sx-prose h3{font-size:1.1rem;margin:22px 0 8px}
.sx-prose ul,.sx-prose ol{margin:0 0 16px;padding-left:22px}.sx-prose li{margin:0 0 6px}
.sx-prose a{color:var(--sx-brand);font-weight:700}
.sx-prose img{display:block;width:100%;max-width:520px;height:auto;border-radius:14px;border:1px solid var(--sx-line);background:#f6f8fb;margin:8px 0 22px}
.sx-prose table{width:100%;border-collapse:collapse;margin:8px 0 22px;font-size:.95rem;border:1px solid var(--sx-line);border-radius:12px;overflow:hidden;display:block;overflow-x:auto}
.sx-prose thead th{background:var(--sx-ink);color:#fff;text-align:left;padding:10px 12px;font-weight:800}
.sx-prose td,.sx-prose tbody th{padding:10px 12px;border-top:1px solid var(--sx-line);text-align:left;vertical-align:top}
.sx-prose tbody th{font-weight:800;color:var(--sx-ink);background:var(--sx-cream)}
.sx-prose tbody tr:nth-child(even) td{background:#fafcfe}
.sx-gside{position:sticky;top:96px}
.sx-gcta{background:rgba(255,255,255,.9);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--sx-line);border-radius:18px;padding:22px;box-shadow:var(--sx-shadow);display:grid;gap:10px}
.sx-gcta h3{margin:0}.sx-gcta p{margin:0 0 6px;color:var(--sx-mute);line-height:1.55;font-size:.95rem}
.sx-gcta .sx-btn{width:100%}
.sx-gcta .sx-checks{margin-top:8px;gap:8px}.sx-gcta .sx-checks li{font-size:.9rem}
.sx-seo .sx-gbody{grid-template-columns:minmax(0,820px);padding:0}
.sx-seo{padding:56px 0}
@media (max-width:980px){.sx-gbody{grid-template-columns:1fr;gap:28px;padding:32px 0 40px}.sx-gside{position:static}.sx-gh{padding:40px 0 34px}}

@media (min-width:981px){.sx-nav-ct{display:none}}

.sx-op-foot{z-index:6;box-shadow:0 -10px 24px rgba(15,42,71,.18)}
.sx-op-row{position:relative;z-index:1}
@media (max-width:980px){.sx-op-foot{bottom:66px;border-radius:0 0 14px 14px}}
.sx-rv{transition:opacity .5s ease,transform .5s ease}

@media (max-width:560px){.sx-pp-alt{grid-template-columns:1fr 1fr}.sx-pp-alt .sx-btn{min-width:0;padding:0 8px;font-size:.84rem;gap:6px}.sx-pp-alt .sx-btn-wa{grid-column:1/-1}.sx-pp-alt .sx-btn:last-child{grid-column:auto}}