/*
Theme Name: Hero Peptides
Theme URI: https://heropeptides.com
Author: Hero Peptides
Description: Custom WooCommerce theme for Hero Peptides (v7 design). Site settings live under Dashboard > Hero Peptides.
Version: 2.1.6
Requires at least: 6.4
Tested up to: 6.8
Requires PHP: 7.4
Text Domain: hero-peptides
*/
:root{
  --ink:#0b1638; --blue:#2346d8; --blue-d:#16309e; --yellow:#ffcf33; --yellow-h:#ffd95c; --red:#e8433a;
  --green:#13804a; --green-bg:#e8f5ee; --muted:#475069; --body:#313a57; --line:#dde2ee; --line2:#eef1f6; --field:#cdd3e2;
  --tint:#f4f6fb; --tint-b:#f0f4ff; --img:#eef1f8; --star:#e0a400; --paper:#fbf7ec; --bad:#b03030;
  --f-display:'Bangers',cursive; --f-cond:'Barlow Condensed',sans-serif; --f-body:'Barlow',system-ui,sans-serif; --f-mono:'IBM Plex Mono',monospace;
  --gut:clamp(16px,4vw,40px); --sec:clamp(44px,5.5vw,72px);
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background-color:var(--paper);background-image:radial-gradient(rgba(11,22,56,.08) 1px,transparent 1.5px);background-size:12px 12px;font-family:var(--f-body);color:var(--ink);-webkit-font-smoothing:auto;-moz-osx-font-smoothing:auto}
a{color:var(--blue);text-decoration:none} a:hover{color:var(--blue-d);text-decoration:underline}
img{max-width:100%;height:auto}
input,button,select,textarea{font-family:inherit}
html.hp-locked{overflow:hidden}
.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.hp-skip{position:absolute;left:-9999px;top:8px;z-index:200;background:#fff;padding:10px 14px;border:3px solid var(--ink)} .hp-skip:focus{left:16px}

/* layout + type */
.hp-wrap{max-width:1280px;margin:0 auto;padding-left:var(--gut);padding-right:var(--gut)}
.hp-sec{padding-top:var(--sec)}
.hp-pb{padding-bottom:var(--sec)}
.hp-h2{margin:0;font:400 clamp(40px,4.8vw,60px)/.9 var(--f-display);letter-spacing:.03em;text-transform:uppercase;color:var(--ink);text-shadow:3px 3px 0 var(--yellow);text-wrap:balance}
.hp-h2--sm{font-size:clamp(34px,4vw,46px)}
.hp-h1{margin:0;font:400 clamp(56px,7.4vw,108px)/.86 var(--f-display);letter-spacing:.02em;text-transform:uppercase;color:var(--ink);text-shadow:5px 5px 0 var(--yellow);text-wrap:balance}
.hp-h1--sm{font-size:clamp(48px,6vw,84px)}
.hp-cond{margin:0;font:italic 900 30px/.95 var(--f-cond);text-transform:uppercase}
.hp-eyebrow{font:800 14px/1 var(--f-body);letter-spacing:.08em;text-transform:uppercase;color:var(--blue)}
.hp-lead{margin:0;max-width:560px;font:500 clamp(17px,1.6vw,20px)/1.5 var(--f-body);color:var(--body);text-wrap:pretty}
.hp-text{margin:0;font:500 17px/1.5 var(--f-body);color:var(--body);text-wrap:pretty}
.hp-head{display:flex;justify-content:space-between;align-items:flex-end;gap:12px 16px;flex-wrap:wrap;margin-bottom:20px}
.hp-head__aside{font:600 14px/1 var(--f-body);color:var(--muted)}
.hp-stack-col{display:flex;flex-direction:column;gap:12px}
.hp-link{font:800 15px/1.3 var(--f-body)}

/* surfaces */
.hp-card{background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 1px 2px rgba(11,22,56,.05)}
.hp-pad{padding:clamp(20px,3vw,28px)}
.hp-panel{background:#fff;border:3px solid var(--ink);border-radius:10px;box-shadow:8px 8px 0 var(--ink)}
.hp-panel--sm{box-shadow:6px 6px 0 var(--ink)}
a.hp-card{display:flex;color:var(--ink)} a.hp-card:hover{border-color:var(--blue);text-decoration:none;color:var(--ink)}

/* buttons */
.hp-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:58px;padding:0 30px;border:3px solid var(--ink);border-radius:29px;background:var(--yellow);color:var(--ink);box-shadow:4px 4px 0 var(--ink);font:900 18px/1 var(--f-body);text-decoration:none;cursor:pointer;white-space:nowrap;transition:transform .15s,box-shadow .15s,background .15s}
.hp-btn:hover{background:var(--yellow-h);color:var(--ink);transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--ink);text-decoration:none}
.hp-btn--md{height:54px;padding:0 26px;font-size:16px;border-radius:27px}
.hp-btn--ghost{border:2px solid #fff;background:transparent;color:#fff;box-shadow:none;font-weight:800;font-size:17px;padding:0 24px}
.hp-btn--ghost:hover{background:rgba(255,255,255,.12);color:#fff;box-shadow:none;transform:none}
.hp-btn--line{border:2px solid var(--ink);background:transparent;box-shadow:none;font-weight:800;font-size:16px;height:54px;padding:0 24px}
.hp-btn--line:hover{background:#fff;box-shadow:none;transform:none}
.hp-btn--dark{border:2px solid var(--ink);background:var(--ink);color:#fff;box-shadow:none;font-weight:800;font-size:16px;height:52px}
.hp-btn--dark:hover{background:#1d2a55;color:#fff;box-shadow:none;transform:none}
.hp-add{display:inline-flex;align-items:center;justify-content:center;height:42px;padding:0 16px;border:2px solid var(--ink);border-radius:21px;background:var(--yellow);color:var(--ink);font:800 14px/1 var(--f-body);cursor:pointer;white-space:nowrap;text-decoration:none}
.hp-add:hover{background:var(--yellow-h);color:var(--ink);text-decoration:none}
.hp-add--round{width:44px;height:44px;padding:0;border-radius:22px;font-size:22px}
.hp-add.is-busy,.hp-btn.is-busy{opacity:.6;pointer-events:none}
.hp-input{height:46px;padding:0 18px;border:1px solid var(--field);background:#fff;border-radius:23px;font:500 15px/1 var(--f-body);color:var(--ink);min-width:0}
.hp-input--lg{height:60px;padding:0 24px;border:3px solid var(--yellow);border-radius:30px;font:600 18px/1 var(--f-body);width:100%}

/* promo + header */
.hp-promo{background:var(--yellow);color:var(--ink);font:700 14px/1.3 var(--f-body);text-align:center;padding:9px 16px;border-bottom:3px solid var(--ink)}
.hp-promo strong{font-weight:800}
.hp-header{position:sticky;top:0;z-index:40;background:#fff;border-bottom:3px solid var(--ink)}
@media (min-width:601px){.admin-bar .hp-header{top:46px}} @media (min-width:783px){.admin-bar .hp-header{top:32px}}
.hp-header__in{height:84px;display:flex;align-items:center;gap:32px}
.hp-logo{display:flex;align-items:center;flex:none} .hp-logo img{display:block;height:62px;width:auto}
.hp-lm{position:relative;display:inline-block;line-height:0;flex:none}
.hp-footer__brand .hp-lm,.hp-gate__box .hp-lm{align-self:flex-start}
.hp-lm img.hp-lm__fig{position:absolute;left:1.58%;top:3.19%;width:37.12%;height:auto;max-width:none;pointer-events:none}
.hp-nav{display:flex;gap:clamp(14px,2vw,26px);font:700 15px/1 var(--f-body);white-space:nowrap}
.hp-nav a{color:var(--ink);padding:6px 0;border-bottom:3px solid transparent}
.hp-nav a:hover,.hp-nav a.is-on{border-bottom-color:var(--yellow);text-decoration:none;color:var(--ink)}
.hp-tools{margin-left:auto;display:flex;gap:10px;align-items:center}
.hp-hsearch input{width:clamp(140px,16vw,220px);height:44px;padding:0 16px;border:1px solid var(--field);border-radius:22px;background:var(--tint);font:500 15px/1 var(--f-body);color:var(--ink)}
.hp-cartbtn{height:44px;padding:0 16px;display:flex;align-items:center;gap:10px;border:2px solid var(--ink);background:var(--ink);border-radius:22px;font:800 15px/1 var(--f-body);color:#fff;cursor:pointer}
.hp-cartbtn:hover{background:#1d2a55;color:#fff;text-decoration:none}
.hp-cartcount{min-width:24px;height:24px;padding:0 7px;border-radius:12px;background:var(--yellow);color:var(--ink);font:800 14px/24px var(--f-body);text-align:center}
.hp-menubtn{display:none;width:44px;height:44px;border:1px solid #dfe3ee;background:#fff;border-radius:22px;font:800 15px/1 var(--f-body);color:var(--ink);cursor:pointer}
.hp-mnav{display:none;flex-direction:column;border-top:1px solid #dfe3ee;background:#fff}
.hp-mnav.is-open{display:flex}
.hp-mnav a{padding:16px 20px;border-bottom:1px solid #dfe3ee;color:var(--ink);font:800 18px/1 var(--f-body)}
.hp-mnav form{padding:14px 20px;border-bottom:1px solid #dfe3ee} .hp-mnav input{width:100%;height:46px;padding:0 16px;border:1px solid var(--field);border-radius:23px;background:var(--tint);font:500 16px var(--f-body)}
@media (max-width:1100px){.hp-hsearch{display:none}}
@media (max-width:900px){.hp-nav{display:none}.hp-menubtn{display:inline-flex;align-items:center;justify-content:center}.hp-header__in{gap:12px}}
@media (max-width:900px){.hp-header__in{height:72px}.hp-logo img{height:52px}}
@media (max-width:420px){.hp-logo img{height:46px}.hp-cartbtn{padding:0 12px}}

/* home hero */
.hp-hero{position:relative;overflow:hidden;background:var(--blue);color:#fff;border-bottom:4px solid var(--ink)}
.hp-hero::before{content:"";position:absolute;inset:0;background:repeating-conic-gradient(from 0deg at 72% 50%,rgba(255,255,255,.08) 0deg 5deg,transparent 5deg 12deg)}
.hp-hero::after{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(11,22,56,.22) 2px,transparent 2.6px);background-size:14px 14px}
.hp-hero__grid{position:relative;z-index:1;padding-top:clamp(28px,4vw,56px);padding-bottom:clamp(28px,4vw,56px);display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:clamp(24px,4vw,48px);align-items:center}
.hp-hero__copy{display:flex;flex-direction:column;gap:20px;min-width:0}
.hp-pill{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:20px;background:rgba(255,255,255,.14);font:700 14px/1 var(--f-body);letter-spacing:.04em;text-transform:uppercase}
.hp-hero h1{margin:0;font:400 clamp(52px,6.6vw,96px)/.86 var(--f-display);letter-spacing:.02em;text-transform:uppercase;text-wrap:balance;color:#fff;-webkit-text-stroke:2.5px var(--ink);paint-order:stroke fill;text-shadow:5px 5px 0 var(--ink)}
.hp-hero h1 span,.hp-hl{color:var(--yellow)}
.hp-hero__lead{margin:0;max-width:480px;font:500 clamp(17px,1.6vw,20px)/1.45 var(--f-body);color:#f3f6ff;text-wrap:pretty}
.hp-actions{display:flex;gap:12px;flex-wrap:wrap}
.hp-hero__rating{display:flex;align-items:center;gap:10px;color:#e3e9ff;font:700 15px/1 var(--f-body)} .hp-hero__rating:hover{color:#fff}
.hp-hero__rating b{color:var(--yellow);letter-spacing:2px;font-weight:400}
.hp-feature{position:relative;width:100%;max-width:500px;justify-self:center;min-width:0;background:#fff;color:var(--ink);border:3px solid var(--ink);border-radius:10px;box-shadow:8px 8px 0 var(--ink);overflow:hidden}
.hp-feature__img{display:block;position:relative;aspect-ratio:4/3;background:var(--img);border-bottom:3px solid var(--ink)}
.hp-feature__img img{width:100%;height:100%;object-fit:cover;display:block}
.hp-feature__body{padding:18px 20px;display:flex;flex-direction:column;gap:14px}
.hp-feature__row{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap;font:900 24px/1 var(--f-body)}
.hp-feature__row span:first-child{font-family:var(--f-cond)}
.hp-facts3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:#e3e7f0;border:1px solid #e3e7f0;border-radius:8px;overflow:hidden}
.hp-facts3>div{background:#fff;padding:10px 12px}
.hp-facts3>div:first-child{background:var(--green-bg)} .hp-facts3>div:first-child b{color:var(--green)}
.hp-facts3 span{display:block;font:700 12px/1 var(--f-body);color:var(--muted);text-transform:uppercase}
.hp-facts3 b{display:block;margin-top:6px;font:900 17px/1.1 var(--f-body)}
.hp-feature__foot{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;font:600 14px/1.3 var(--f-body);color:var(--muted)}
.hp-feature__foot a{font-weight:800}
.hp-badge{position:absolute;top:12px;left:12px;padding:8px 12px;border:2px solid var(--ink);background:var(--yellow);color:var(--ink);font:900 13px/1 var(--f-body);letter-spacing:.06em;text-transform:uppercase;pointer-events:none}
.hp-badge--burst{top:10px;left:8px;padding:7px 11px;background:var(--red);color:#fff;font:400 16px/1 var(--f-display);transform:rotate(-6deg);box-shadow:3px 3px 0 var(--ink)}
.hp-badge--out{background:#fff}

/* trust strip */
.hp-trust{background:#fff;border-bottom:1px solid var(--line)}
.hp-trust__in{padding-top:18px;padding-bottom:18px;display:grid;grid-template-columns:repeat(4,auto);justify-content:space-between;gap:16px 28px}
@media (max-width:1000px){.hp-trust__in{grid-template-columns:repeat(2,minmax(0,1fr));justify-content:stretch}}
@media (max-width:520px){.hp-trust__in{grid-template-columns:minmax(0,1fr)}}
.hp-trust__i{display:flex;gap:12px;align-items:center}
.hp-ic{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;font:900 16px/1 var(--f-body);flex:none;background:var(--green-bg);color:var(--green)}
.hp-ic--1{background:#e7ecfb;color:var(--blue)} .hp-ic--2{background:#fff4d6;color:#7a5800} .hp-ic--3{background:#fdeceb;color:#c2352c} .hp-ic svg{display:block}
.hp-trust__t{display:block;font:800 15px/1.2 var(--f-body)} .hp-trust__s{display:block;margin-top:3px;font:500 14px/1.3 var(--f-body);color:var(--muted)}

/* chips */
.hp-chips{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px}
.hp-chip{display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 16px;border:1px solid var(--field);background:#fff;color:var(--ink);border-radius:19px;font:700 14px/1 var(--f-body);cursor:pointer;white-space:nowrap}
.hp-chip:hover{border-color:var(--ink);color:var(--ink);text-decoration:none}
.hp-chip.is-on{background:var(--ink);border-color:var(--ink);color:#fff}
.hp-dot{width:8px;height:8px;border-radius:50%;flex:none;background:var(--yellow)}

/* product grid + cards */
.hp-grid,ul.products.hp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,230px),1fr));gap:clamp(10px,1.6vw,20px);margin:0;padding:0;list-style:none}
@media (max-width:760px){.hp-grid,ul.products.hp-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,150px),1fr))}}
ul.products.hp-grid::before,ul.products.hp-grid::after{display:none!important;content:none!important}
.woocommerce ul.products.hp-grid li.product,.woocommerce-page ul.products.hp-grid li.product{width:auto!important;float:none!important;margin:0!important;padding:0!important;clear:none!important}
.hp-pcard{position:relative;background:#fff;border-radius:12px;border:2px solid var(--ink);display:flex;flex-direction:column;overflow:hidden;transition:transform .15s,box-shadow .15s}
.hp-pcard:hover{transform:translateY(-3px);box-shadow:0 14px 28px rgba(11,22,56,.16)}
.hp-pcard[hidden]{display:none}
.hp-pcard__img{display:block;position:relative;aspect-ratio:1/1;background:var(--img);border-bottom:2px solid var(--ink)}
.hp-pcard__img img,.woocommerce ul.products li.product .hp-pcard__img img{width:100%;height:100%;object-fit:cover;display:block;margin:0!important;box-shadow:none}
.hp-pcard__body{padding:clamp(12px,1.4vw,16px);display:flex;flex-direction:column;gap:7px;flex:1}
.hp-pcard__name{color:var(--ink);display:flex;flex-direction:column;gap:4px} .hp-pcard__name:hover{color:var(--ink);text-decoration:none}
.hp-pcard__code{font:italic 900 clamp(22px,2vw,27px)/.95 var(--f-cond);text-transform:uppercase}
.hp-pcard__sizes{font:500 14px/1.3 var(--f-body);color:var(--muted)}
.hp-stars{color:var(--star);letter-spacing:1px}
.hp-rating{display:flex;align-items:center;gap:6px;font:700 14px/1 var(--f-body);color:var(--ink)} .hp-rating small{font:500 14px/1 var(--f-body);color:var(--muted)}
.hp-stock{display:flex;align-items:center;gap:6px;font:700 13px/1.2 var(--f-body);color:var(--green)}
.hp-stock::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor;flex:none}
.hp-stock--out{color:var(--bad)}
.hp-pcard__foot{margin-top:auto;padding-top:8px;display:flex;align-items:flex-end;justify-content:space-between;gap:8px;flex-wrap:wrap}
.hp-price{display:flex;flex-direction:column;gap:3px}
.hp-price small{font:600 13px/1 var(--f-body);color:var(--muted)}
.hp-price b{font:900 26px/1 var(--f-body)} .hp-price b .woocommerce-Price-amount{font:inherit;color:inherit}
.hp-price em{font:700 13px/1.2 var(--f-body);font-style:normal;color:var(--green)}
.hp-none{padding:40px 4px;font:500 17px/1.5 var(--f-body);color:var(--muted)}

/* stack & save */
.hp-stackban{border-radius:12px;background-color:var(--ink);background-image:radial-gradient(rgba(255,255,255,.07) 2px,transparent 2.6px);background-size:14px 14px;color:#fff;border:3px solid var(--ink);box-shadow:8px 8px 0 var(--yellow);padding:clamp(24px,4vw,48px);display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:24px;align-items:center}
.hp-stackban h2{margin:0;font:400 clamp(48px,6vw,76px)/.88 var(--f-display);letter-spacing:.03em;text-transform:uppercase;text-shadow:4px 4px 0 var(--red);color:#fff}
.hp-stackban h2 span{color:var(--yellow)}
.hp-stackban p{margin:12px 0 0;font:500 17px/1.45 var(--f-body);color:#c9d3f2;max-width:420px}
.hp-tiers{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:10px}
.hp-tier{border-radius:8px;background:#16244f;border:2px solid var(--yellow);padding:18px;display:flex;flex-direction:column;gap:6px;font:600 14px/1 var(--f-body)}
.hp-tier span:first-child{font-weight:700;color:#9fb0e6;text-transform:uppercase}
.hp-tier b{font:400 48px/.9 var(--f-display);letter-spacing:.02em;color:var(--yellow)}

/* card rows */
.hp-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:16px}
.hp-cols--280{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))}
.hp-why{padding:24px;flex-direction:column;gap:8px}
.hp-why__t{font:italic 900 26px/1 var(--f-cond);text-transform:uppercase}
.hp-why__x{font:500 15px/1.5 var(--f-body);color:var(--body)}
.hp-why__go{margin-top:auto;font:800 14px/1 var(--f-body);color:var(--blue)}
.hp-review{padding:22px;display:flex;flex-direction:column;gap:12px}
.hp-review__top{display:flex;justify-content:space-between;gap:10px;align-items:center}
.hp-review__top .hp-stars{font-size:16px;letter-spacing:2px} .hp-review__top span:last-child{font:600 13px/1 var(--f-body);color:var(--muted)}
.hp-review p{margin:0;font:500 16px/1.5 var(--f-body);color:var(--ink);text-wrap:pretty}
.hp-review__by{margin-top:auto;display:flex;flex-direction:column;gap:4px} .hp-review__by b{font:800 14px/1.2 var(--f-body)} .hp-review__by span{font:700 13px/1.2 var(--f-body);color:var(--green)}

/* two-col split */
.hp-split{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr));gap:clamp(24px,4vw,48px);align-items:start}
.hp-split--c{align-items:center;grid-template-columns:repeat(auto-fit,minmax(min(100%,400px),1fr))}

/* accordion */
.hp-acc{overflow:hidden}
.hp-acc details{border-bottom:1px solid var(--line2)} .hp-acc details:last-child{border-bottom:0}
.hp-acc summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 20px;cursor:pointer;color:var(--ink);font:800 16px/1.3 var(--f-body)}
.hp-acc summary::-webkit-details-marker{display:none}
.hp-acc summary::after{content:"+";flex:none;width:28px;height:28px;border-radius:50%;background:var(--tint);display:flex;align-items:center;justify-content:center;font:800 18px/1 var(--f-body)}
.hp-acc details[open] summary::after{content:"\2212";background:var(--yellow)}
.hp-acc__a{padding:0 20px 18px;font:500 15px/1.6 var(--f-body);color:var(--body);text-wrap:pretty}
.hp-acc__a p{margin:0 0 8px} .hp-acc__a p:last-child{margin:0}
.hp-acc details[hidden]{display:none}

/* calculator + blog list */
.hp-calcbox{display:flex;flex-direction:column;gap:16px}
.hp-calc{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.hp-calc label{display:flex;flex-direction:column;gap:6px;font:700 13px/1.2 var(--f-body);color:var(--muted)}
.hp-calc input{height:46px;padding:0 12px;border:1px solid var(--field);border-radius:10px;font:500 16px/1 var(--f-mono);color:var(--ink);width:100%;min-width:0}
.hp-calc__o{border-radius:12px;background:var(--tint);padding:14px;font:700 13px/1 var(--f-body);color:var(--muted)}
.hp-calc__o b{display:block;margin-top:8px;font:800 18px/1 var(--f-body);color:var(--ink)}
.hp-calc__o--hl{background:var(--yellow);color:var(--ink)} .hp-calc__o--hl b{font-size:22px;font-weight:900}
.hp-postlist{display:flex;flex-direction:column}
.hp-postlist a{display:flex;flex-direction:column;gap:6px;padding:14px 0;border-top:1px solid #e3e7f0;color:var(--ink)}
.hp-postlist a:hover{color:var(--blue);text-decoration:none}
.hp-postlist small{font:700 13px/1 var(--f-body);color:var(--blue);letter-spacing:.04em;text-transform:uppercase}
.hp-postlist span{font:700 18px/1.25 var(--f-body);text-wrap:pretty}

/* fact table */
.hp-facts{padding:8px 24px;display:grid;grid-template-columns:110px minmax(0,1fr);font:500 15px/1.45 var(--f-body)}
.hp-facts>*{padding:14px 0;border-bottom:1px solid var(--line2)}
.hp-facts>dt{font-weight:800} .hp-facts>dd{margin:0}
.hp-facts>:nth-last-child(-n+2){border-bottom:0}
.hp-facts address{font-style:normal}

/* subscribe band */
.hp-sub{background:var(--yellow);border-top:3px solid var(--ink)}
.hp-sub__in{padding-top:clamp(28px,4vw,44px);padding-bottom:clamp(28px,4vw,44px);display:flex;gap:16px 40px;align-items:center;flex-wrap:wrap}
.hp-sub h2{margin:0;font:400 clamp(40px,4.6vw,56px)/.9 var(--f-display);letter-spacing:.03em;text-transform:uppercase;color:var(--ink)}
.hp-sub p{margin:6px 0 0;font:600 16px/1.4 var(--f-body)}
.hp-sub form{flex:1 1 360px;display:flex;gap:8px;min-width:0}
.hp-sub input[type=email]{flex:1;min-width:0;height:54px;padding:0 18px;border:2px solid var(--ink);border-radius:27px;background:#fff;font:500 16px/1 var(--f-body);color:var(--ink)}
.hp-sub button{height:54px;padding:0 24px;border:2px solid var(--ink);background:var(--ink);color:#fff;border-radius:27px;font:800 16px/1 var(--f-body);cursor:pointer;flex:none}
.hp-sub__ok{flex:1 1 360px;font:800 17px/1.4 var(--f-body)}

/* footer */
.hp-footer{background:var(--ink);color:#c9d3f2;border-top:4px solid var(--yellow)}
.hp-footer__grid{padding-top:48px;padding-bottom:28px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr));gap:28px}
.hp-footer__brand{display:flex;flex-direction:column;gap:14px;font:500 14px/1.5 var(--f-body)} .hp-footer__brand img{height:60px;width:auto;align-self:flex-start}
.hp-footer__col{display:flex;flex-direction:column;gap:10px;font:600 15px/1.2 var(--f-body)}
.hp-footer__col strong{font:800 13px/1 var(--f-body);letter-spacing:.08em;color:var(--yellow);margin-bottom:4px;text-transform:uppercase}
.hp-footer a{color:#fff}
.hp-footer__legal{padding-top:18px;padding-bottom:28px;border-top:1px solid #1d2a55;font:500 13px/1.6 var(--f-body);color:#8d9bc6}

/* mobile progress bar (home) */
.hp-stickybar{position:fixed;left:0;right:0;bottom:0;z-index:30;display:none;align-items:center;gap:12px;padding:10px 14px;background:#fff;border-top:2px solid var(--ink)}
.hp-stickybar[hidden]{display:none!important}
.hp-stickybar__txt{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1;font:800 14px/1.2 var(--f-body)}
.hp-bar{height:6px;border-radius:3px;background:#dfe3ee;overflow:hidden} .hp-bar i{display:block;height:100%;background:var(--blue);border-radius:3px;transition:width .3s}
.hp-stickybar .hp-btn{height:48px;padding:0 18px;font-size:15px;border-width:2px;box-shadow:none}
@media (max-width:760px){.hp-stickybar{display:flex}body.home{padding-bottom:72px}}

/* cart drawer */
.hp-drawer{position:fixed;inset:0;z-index:120;visibility:hidden;pointer-events:none}
.hp-drawer.is-open{visibility:visible;pointer-events:auto}
.hp-drawer__bg{position:absolute;inset:0;background:rgba(11,22,56,.5);opacity:0;transition:opacity .25s}
.hp-drawer.is-open .hp-drawer__bg{opacity:1}
.hp-drawer__panel{position:absolute;top:0;right:0;width:min(100%,440px);height:100%;background:#fff;display:flex;flex-direction:column;box-shadow:-10px 0 40px rgba(0,0,0,.25);transform:translateX(100%);transition:transform .3s cubic-bezier(.2,.8,.2,1)}
.hp-drawer.is-open .hp-drawer__panel{transform:none}
.hp-drawer__head{height:68px;flex:none;display:flex;align-items:center;justify-content:space-between;padding:0 20px;border-bottom:1px solid var(--line2)}
.hp-drawer__head h2{margin:0;font:italic 900 28px/1 var(--f-cond);text-transform:uppercase}
.hp-x{width:44px;height:44px;border:none;background:var(--tint);border-radius:22px;font:700 20px/1 var(--f-body);cursor:pointer;color:var(--ink)}
.hp-drawer__body{flex:1;min-height:0;display:flex;flex-direction:column}
.hp-drawer__prog{flex:none;padding:14px 20px;background:var(--tint);display:flex;flex-direction:column;gap:8px;font:800 14px/1.3 var(--f-body)}
.hp-drawer__prog .hp-bar{height:8px;border-radius:4px}
.hp-drawer__lines{flex:1;overflow-y:auto}
.hp-line{padding:16px 20px;border-bottom:1px solid var(--line2);display:flex;gap:12px}
.hp-line__img{width:64px;height:64px;border-radius:12px;overflow:hidden;flex:none;background:var(--img)} .hp-line__img img{width:100%;height:100%;object-fit:cover;display:block}
.hp-line__main{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px}
.hp-line__top{display:flex;justify-content:space-between;gap:10px} .hp-line__top a{font:italic 900 20px/1 var(--f-cond);text-transform:uppercase;color:var(--ink)} .hp-line__top b{font:800 15px/1 var(--f-body)}
.hp-line__ctl{display:flex;align-items:center;gap:12px}
.hp-step{display:flex;align-items:center;border:1px solid var(--field);border-radius:18px;height:36px}
.hp-step button{width:36px;height:100%;border:none;background:transparent;font:800 18px/1 var(--f-body);cursor:pointer;color:var(--ink)}
.hp-step span{width:22px;text-align:center;font:800 14px/1 var(--f-body)}
.hp-rm{border:none;background:transparent;font:600 14px/1 var(--f-body);color:var(--muted);text-decoration:underline;cursor:pointer;padding:0}
.hp-drawer__empty{padding:40px 20px;display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;font:500 16px/1.5 var(--f-body);color:var(--muted)} .hp-drawer__empty b{color:var(--blue)}
.hp-upsell{margin:16px 20px;padding:14px;border-radius:14px;border:1px dashed #9fb0e6;background:#f7f9ff;display:flex;align-items:center;gap:12px}
.hp-upsell span{display:flex;flex-direction:column;gap:3px;min-width:0;font:800 15px/1.2 var(--f-body)} .hp-upsell small{font:500 14px/1.2 var(--f-body);color:var(--muted)}
.hp-upsell .hp-add{margin-left:auto;height:40px}
.hp-drawer__foot{flex:none;padding:18px 20px;border-top:1px solid var(--line2);display:flex;flex-direction:column;gap:10px}
.hp-drawer__row{display:flex;justify-content:space-between;font:600 14px/1 var(--f-body);color:var(--muted)}
.hp-drawer__row--disc{font:700 15px/1 var(--f-body);color:var(--green)}
.hp-drawer__row--tot{font:900 19px/1 var(--f-body);color:var(--ink)}
.hp-drawer__foot .hp-btn{width:100%}
.hp-drawer__pay{font:600 13px/1.4 var(--f-body);color:var(--muted);text-align:center}
.hp-toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);z-index:130;background:var(--ink);color:#fff;padding:14px 20px;border-radius:24px;font:700 14px/1.3 var(--f-body);box-shadow:0 8px 24px rgba(0,0,0,.25);max-width:calc(100% - 32px)}

/* breadcrumbs */
.hp-crumbs{padding-top:18px;display:flex;gap:8px;flex-wrap:wrap;font:600 14px/1.3 var(--f-body);color:var(--muted)}
.hp-crumbs a{color:var(--muted)} .hp-crumbs a:hover{color:var(--blue)} .hp-crumbs>span:last-child{color:var(--ink)}

/* single product */
.woocommerce div.product.hp-pdp-wrap{margin:0;padding:0}
.hp-pdp{padding-top:18px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:clamp(24px,4vw,56px);align-items:start}
.hp-gal{min-width:0}
.woocommerce div.product .hp-gal div.images,.woocommerce-page div.product .hp-gal div.images{width:100%!important;float:none!important;margin:0!important}
.hp-gal .woocommerce-product-gallery__wrapper{margin:0}
.hp-gal .woocommerce-product-gallery .flex-viewport,.hp-gal .woocommerce-product-gallery__wrapper>.woocommerce-product-gallery__image:only-child{border-radius:14px;overflow:hidden;border:2px solid var(--ink);background:#e7ecfb}
.hp-gal .woocommerce-product-gallery__image img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover}
.hp-gal .woocommerce-product-gallery__image--placeholder{border-radius:14px;overflow:hidden;border:2px solid var(--ink)}
.woocommerce div.product .hp-gal div.images .flex-control-thumbs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:10px 0 0;padding:0}
.woocommerce div.product .hp-gal div.images .flex-control-thumbs li{width:auto!important;float:none!important;margin:0!important}
.woocommerce div.product .hp-gal div.images .flex-control-thumbs img{aspect-ratio:1/1;object-fit:cover;border-radius:10px;border:1px solid var(--line);opacity:1}
.woocommerce div.product .hp-gal div.images .flex-control-thumbs img.flex-active{border:2px solid var(--ink)}
.hp-gal .woocommerce-product-gallery__trigger{top:12px!important;right:12px!important;background:#fff;border:2px solid var(--ink)}
.hp-buy{display:flex;flex-direction:column;gap:18px;min-width:0}
.hp-buy__head{display:flex;flex-direction:column;gap:10px}
.hp-buy h1{margin:0;font:italic 900 clamp(42px,4.8vw,62px)/.88 var(--f-cond);text-transform:uppercase;text-shadow:3px 3px 0 var(--yellow)}
.hp-buy__rating{display:flex;align-items:center;gap:8px;font:700 14px/1 var(--f-body);color:var(--ink)} .hp-buy__rating:hover{text-decoration:none;color:var(--ink)}
.hp-buy__rating .hp-stars{font-size:16px;letter-spacing:2px} .hp-buy__rating u{font-weight:600;color:var(--muted);white-space:nowrap}
.hp-buy__desc{margin:0;font:500 16px/1.45 var(--f-body);color:var(--body)} .hp-buy__desc p{margin:0}
.hp-buy__price{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}
.hp-buy__price>b{font:900 44px/1 var(--f-body)} .hp-buy__price>b .woocommerce-Price-amount{font:inherit;color:inherit}
.hp-buy__per{font:600 15px/1 var(--f-body);color:var(--muted)}
.hp-save{padding:6px 10px;border-radius:12px;background:var(--green-bg);color:var(--green);font:900 14px/1 var(--f-body);text-transform:uppercase}
.hp-save[hidden]{display:none}
.hp-instock{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:var(--green-bg);color:var(--green);font:800 14px/1.2 var(--f-body)}
.hp-instock--out{background:#fdeceb;color:var(--bad)}
.hp-label{display:flex;justify-content:space-between;align-items:baseline;gap:10px;flex-wrap:wrap;font:800 14px/1 var(--f-body)} .hp-label small{font:600 13px/1 var(--f-body);color:var(--muted)}
.hp-group{display:flex;flex-direction:column;gap:10px}
.hp-sizes{display:grid;grid-template-columns:repeat(auto-fit,minmax(118px,1fr));gap:8px}
.hp-size{position:relative;padding:14px;border:1px solid var(--field);background:#fff;border-radius:14px;text-align:left;cursor:pointer;display:flex;flex-direction:column;gap:6px;color:var(--ink)}
.hp-size.is-on{border:2px solid var(--blue);background:var(--tint-b);padding:13px}
.hp-size:disabled{opacity:.45;cursor:not-allowed}
.hp-size b{font:italic 900 24px/.9 var(--f-cond)} .hp-size span{font:800 16px/1 var(--f-body)} .hp-size small{font:800 13px/1 var(--f-body);color:var(--green);min-height:12px}
.hp-tiers3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.hp-tierbtn{padding:12px;border:1px solid var(--line);background:#fff;border-radius:12px;text-align:left;cursor:pointer;display:flex;flex-direction:column;gap:5px;color:var(--ink);min-width:0}
.hp-tierbtn.is-on{border:2px solid var(--blue);background:var(--tint-b);padding:11px}
.hp-tierbtn b{font:800 14px/1 var(--f-body)} .hp-tierbtn span{font:900 16px/1 var(--f-body)} .hp-tierbtn small{font:700 13px/1 var(--f-body);color:var(--green)}
.hp-addon{flex:1 1 100%;display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:14px;border:1px dashed #9fb0e6;background:#f7f9ff;cursor:pointer;margin:0 0 18px}
.hp-addon input{width:22px;height:22px;accent-color:var(--blue);flex:none;margin:0}
.hp-addon span{display:flex;flex-direction:column;gap:3px;min-width:0;font:800 15px/1.2 var(--f-body)} .hp-addon small{font:500 14px/1.2 var(--f-body);color:var(--muted)}
.hp-addon>b{margin-left:auto;font:800 16px/1 var(--f-body)}
.woocommerce div.product .hp-buy form.cart{margin:0}
.woocommerce div.product .hp-buy form.cart::before,.woocommerce div.product .hp-buy form.cart::after{display:none}
.hp-buy form.cart .variations{margin:0 0 14px;border:0}
.hp-buy form.cart .variations th,.hp-buy form.cart .variations td{display:block;padding:0;text-align:left;line-height:1.3;border:0}
.hp-buy form.cart .variations label{font:800 14px/1 var(--f-body)}
.hp-buy form.cart .variations select{height:50px;min-width:220px;margin:8px 0 10px;padding:0 14px;border:1px solid var(--field);border-radius:12px;background:#fff;font:700 16px var(--f-body);color:var(--ink)}
.hp-buy.has-sizes form.cart .variations,.hp-buy.has-sizes .reset_variations{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.hp-buy .single_variation_wrap .woocommerce-variation-price,.hp-buy .single_variation_wrap .woocommerce-variation-availability{display:none}
.hp-buy .woocommerce-variation-description{margin-bottom:12px}
.hp-buyrow,.woocommerce div.product .hp-buy form.cart .woocommerce-variation-add-to-cart,.woocommerce div.product .hp-buy form.cart:not(.variations_form){display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.woocommerce .hp-buy .quantity,.hp-buy .quantity{display:flex!important;align-items:center;border:2px solid var(--ink);border-radius:30px;height:60px;margin:0!important;float:none!important;background:#fff}
.hp-buy .quantity .qty{width:34px!important;height:100%;border:0;background:transparent;text-align:center;font:900 18px/1 var(--f-body);color:var(--ink);-moz-appearance:textfield;padding:0}
.hp-buy .quantity .qty::-webkit-inner-spin-button,.hp-buy .quantity .qty::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.hp-qbtn{width:48px;height:100%;border:none;background:transparent;font:800 22px/1 var(--f-body);cursor:pointer;color:var(--ink)}
.woocommerce div.product .hp-buy form.cart .button.single_add_to_cart_button,.hp-buy .single_add_to_cart_button{flex:1 1 220px;height:60px;margin:0!important;float:none!important;border:3px solid var(--ink)!important;background:var(--yellow)!important;color:var(--ink)!important;border-radius:30px!important;font:900 19px/1 var(--f-body)!important;box-shadow:4px 4px 0 var(--ink)!important;padding:0 24px!important;transition:transform .15s,box-shadow .15s}
.woocommerce div.product .hp-buy form.cart .button.single_add_to_cart_button:hover{background:var(--yellow-h)!important;transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--ink)!important}
.woocommerce div.product .hp-buy form.cart .button.single_add_to_cart_button.disabled{opacity:.55}
.hp-buy__ship{display:flex;flex-direction:column;gap:4px;margin-top:-4px;font:700 14px/1.35 var(--f-body)} .hp-buy__ship span:first-child{color:var(--green)} .hp-buy__ship span:last-child{font-weight:500;color:var(--muted)}
.hp-nudge{font:700 14px/1.4 var(--f-body);color:var(--blue)} .hp-nudge:empty{display:none}
.hp-perks{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;font:700 14px/1.3 var(--f-body)}
.hp-perks>div{padding:12px;border-radius:12px;background:#fff;border:1px solid #e3e7f0;display:flex;flex-direction:column;gap:4px} .hp-perks small{font:500 14px/1.3 var(--f-body);color:var(--muted)}
.hp-out{font:700 15px/1.4 var(--f-body);color:var(--bad)}
.hp-mini{display:flex;align-items:center;gap:14px;padding:12px}
.hp-mini__img{width:72px;height:72px;border-radius:10px;overflow:hidden;flex:none;background:var(--img);display:block} .hp-mini__img img{width:100%;height:100%;object-fit:cover;display:block}
.hp-mini__t{display:flex;flex-direction:column;gap:5px;min-width:0;color:var(--ink)} .hp-mini__t:hover{text-decoration:none;color:var(--ink)}
.hp-mini__t b{font:italic 900 22px/.95 var(--f-cond);text-transform:uppercase} .hp-mini__t span{font:800 15px/1 var(--f-body)} .hp-mini__t small{font:600 13px/1 var(--f-body);color:var(--muted)}
.hp-mini .hp-add{margin-left:auto;flex:none}
.hp-rsum{padding:24px;display:flex;flex-direction:column;gap:12px}
.hp-rsum__big{display:flex;align-items:baseline;gap:10px} .hp-rsum__big b{font:900 56px/1 var(--f-body)} .hp-rsum__big span{font:700 14px/1 var(--f-body);color:var(--muted)}
.hp-rsum .hp-stars{font-size:20px;letter-spacing:2px} .hp-rsum>small{font:600 14px/1 var(--f-body);color:var(--muted)}
.hp-dist{display:flex;flex-direction:column;gap:7px;margin-top:4px}
.hp-dist div{display:grid;grid-template-columns:28px minmax(0,1fr) 36px;gap:8px;align-items:center;font:700 14px/1 var(--f-body);color:var(--body)}
.hp-dist i{display:block;height:8px;border-radius:4px;background:var(--line2);overflow:hidden} .hp-dist i i{height:100%;background:var(--yellow);border-radius:0}
.hp-dist div span:last-child{text-align:right;color:var(--muted)}
.hp-allrev{margin-top:16px} .hp-allrev>summary{cursor:pointer;font:800 15px/1 var(--f-body);color:var(--blue);list-style:none;padding:6px 0} .hp-allrev>summary::-webkit-details-marker{display:none}
.hp-allrev #reviews{margin-top:16px;padding:clamp(18px,3vw,28px);background:#fff;border:1px solid var(--line);border-radius:14px}
.hp-specs{padding:8px 24px 18px} .hp-specs h3{margin:16px 0 6px;font:italic 900 26px/1 var(--f-cond);text-transform:uppercase}
.hp-specs dl{margin:0;display:grid;grid-template-columns:120px minmax(0,1fr);font:500 15px/1.45 var(--f-body)}
.hp-specs dt,.hp-specs dd{margin:0;padding:11px 0;border-bottom:1px solid var(--line2)} .hp-specs dt{font-weight:800}
.hp-specs p{margin:0 0 10px;font:500 15px/1.55 var(--f-body);color:var(--body)}
.hp-specs__links{display:flex;flex-direction:column;gap:10px;margin-top:14px}
.hp-buybar{position:fixed;left:0;right:0;bottom:0;z-index:35;background:#fff;border-top:2px solid var(--ink);box-shadow:0 -6px 20px rgba(11,22,56,.08);transform:translateY(110%);transition:transform .25s}
.hp-buybar.is-on{transform:none}
.hp-buybar__in{padding-top:10px;padding-bottom:10px;display:flex;align-items:center;gap:14px}
.hp-buybar__img{width:48px;height:48px;border-radius:8px;overflow:hidden;flex:none;background:var(--img);border:1px solid var(--line)} .hp-buybar__img img{width:100%;height:100%;object-fit:cover;display:block}
.hp-buybar__t{display:flex;flex-direction:column;gap:4px;min-width:0} .hp-buybar__t b{font:italic 900 19px/1 var(--f-cond);text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .hp-buybar__t span{font:700 13px/1 var(--f-body);color:var(--green)}
.hp-buybar__p{margin-left:auto;font:900 20px/1 var(--f-body)}
.hp-buybar .hp-btn{height:50px;padding:0 24px;font-size:16px;border-width:2px;box-shadow:none}
@media (max-width:760px){.hp-buybar__img{display:none}.single-product .hp-footer{padding-bottom:72px}}

/* generic pages */
.hp-phead{padding-top:clamp(32px,4.5vw,64px);display:flex;flex-direction:column;gap:16px}
.hp-phead--tight{padding-top:clamp(24px,3vw,40px)}
.hp-prose{max-width:860px;padding:clamp(22px,4vw,44px);font:500 17px/1.65 var(--f-body);color:#1f2a4a}
.hp-prose>:first-child{margin-top:0} .hp-prose>:last-child{margin-bottom:0}
.hp-prose h2{margin:1.5em 0 .5em;font:italic 900 clamp(28px,3vw,36px)/1 var(--f-cond);text-transform:uppercase;color:var(--ink)}
.hp-prose h3{margin:1.4em 0 .4em;font:italic 900 24px/1.05 var(--f-cond);text-transform:uppercase;color:var(--blue)}
.hp-prose a{font-weight:700}
.hp-prose ul,.hp-prose ol{padding-left:1.3em} .hp-prose li{margin:.35em 0}
.hp-prose details{margin:0 0 12px;border:1px solid var(--line);border-radius:12px;background:#fff} .hp-prose summary{cursor:pointer;padding:14px 18px;font:800 16px/1.3 var(--f-body)} .hp-prose details>:not(summary){padding:0 18px}
.hp-prose table{width:100%;border-collapse:collapse;font-size:15px;display:block;overflow-x:auto} .hp-prose th,.hp-prose td{padding:10px 12px;border-bottom:1px solid var(--line2);text-align:left;vertical-align:top}
.hp-prose thead th{background:var(--ink);color:#fff}
.hp-prose blockquote{margin:24px 0;padding:16px 20px;border-radius:12px;background:var(--tint);border:1px solid var(--line)}
.hp-prose--wide{max-width:none}
.hp-note{padding:16px 18px;border-radius:12px;background:var(--tint);border:1px solid var(--line);font:600 14px/1.5 var(--f-body);color:var(--body)}
.hp-ok{margin:0;padding:14px 16px;border:2px solid var(--green);border-radius:10px;background:var(--green-bg);color:var(--green);font:700 15px/1.4 var(--f-body)}
.nav-links,.woocommerce nav.woocommerce-pagination ul{display:flex;gap:8px;flex-wrap:wrap;margin-top:28px;border:0;font-weight:800}
.nav-links a,.nav-links span,.woocommerce nav.woocommerce-pagination ul li a,.woocommerce nav.woocommerce-pagination ul li span{display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:44px;padding:0 12px;border:2px solid var(--ink);border-radius:22px;background:#fff;color:var(--ink);font:800 15px/1 var(--f-body)}
.nav-links .current,.woocommerce nav.woocommerce-pagination ul li span.current{background:var(--yellow);color:var(--ink)}
.woocommerce nav.woocommerce-pagination ul li{border:0;margin:0}

/* blog index */
.hp-mast{border-top:6px solid var(--ink);border-bottom:1px solid var(--ink);padding:14px 0 18px;display:flex;flex-direction:column;gap:12px}
.hp-mast__meta{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font:700 13px/1 var(--f-mono);letter-spacing:.06em;color:var(--muted);text-transform:uppercase}
.hp-mast h1{margin:0;font:400 clamp(64px,11vw,150px)/.82 var(--f-display);letter-spacing:.02em;text-transform:uppercase;color:var(--ink);text-shadow:5px 5px 0 var(--yellow)}
.hp-mast h1.is-sm{font-size:clamp(52px,7vw,104px)}
.hp-mast__row{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap}
.hp-mast form{flex:0 1 320px;min-width:0;display:flex} .hp-mast form input{flex:1;height:48px;border-radius:24px}
.hp-blogchips{padding-top:16px} .hp-blogchips .hp-chips{margin:0}
.hp-featured{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));background:#fff;border:3px solid var(--ink);border-radius:10px;box-shadow:8px 8px 0 var(--ink);overflow:hidden;color:var(--ink)}
.hp-featured:hover{text-decoration:none;color:var(--ink)}
.hp-featured__img{position:relative;min-height:300px;background:#e7ecfb;border-right:3px solid var(--ink)}
.hp-featured__img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hp-featured__img .hp-badge{top:14px;left:12px;font:400 18px/1 var(--f-display);transform:rotate(-5deg);box-shadow:3px 3px 0 var(--ink);padding:7px 11px}
.hp-featured__body{padding:clamp(22px,3.4vw,40px);display:flex;flex-direction:column;gap:14px;justify-content:center}
.hp-featured__body h2{margin:0;font:italic 900 clamp(34px,3.8vw,52px)/.92 var(--f-cond);text-transform:uppercase;text-wrap:balance}
.hp-featured__body p{margin:0;font:500 17px/1.5 var(--f-body);color:var(--body);text-wrap:pretty}
.hp-featured__meta{display:flex;gap:16px;align-items:center;flex-wrap:wrap;font:600 14px/1 var(--f-body);color:var(--muted)} .hp-featured__meta b{margin-left:auto;color:var(--blue)}
@media (max-width:860px){.hp-featured__img{border-right:0;border-bottom:3px solid var(--ink);min-height:220px}}
.hp-art-placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:20px;text-align:center;background:var(--blue);background-image:radial-gradient(rgba(11,22,56,.22) 2px,transparent 2.6px);background-size:12px 12px;color:#fff;font:400 clamp(28px,3vw,40px)/.9 var(--f-display);letter-spacing:.03em;text-transform:uppercase;-webkit-text-stroke:1.5px var(--ink);paint-order:stroke fill;text-shadow:3px 3px 0 var(--ink)}
.hp-postgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:18px}
.hp-post{overflow:hidden;flex-direction:column;transition:transform .15s,box-shadow .15s}
a.hp-post:hover{transform:translateY(-3px);box-shadow:0 14px 28px rgba(11,22,56,.14);border-color:var(--line)}
.hp-post__img{position:relative;aspect-ratio:16/9;background:var(--img);border-bottom:1px solid var(--line)} .hp-post__img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hp-post__body{padding:18px;display:flex;flex-direction:column;gap:9px;flex:1}
.hp-post__cat{display:flex;align-items:center;gap:7px;font:800 13px/1 var(--f-body);letter-spacing:.06em;text-transform:uppercase}
.hp-post__t{font:800 20px/1.2 var(--f-body);text-wrap:pretty} .hp-post__x{font:500 15px/1.45 var(--f-body);color:var(--body);text-wrap:pretty}
.hp-post__m{margin-top:auto;padding-top:6px;font:600 14px/1 var(--f-body);color:var(--muted)}
.hp-post--sm{padding:18px;gap:8px}

/* blog post */
.hp-progress{position:fixed;left:0;top:0;z-index:45;height:4px;width:0;background:var(--blue)}
.hp-art__head{max-width:860px;padding:22px 0 28px;display:flex;flex-direction:column;gap:14px}
.hp-art__head h1{margin:0;font:italic 900 clamp(42px,5.6vw,76px)/.88 var(--f-cond);text-transform:uppercase;text-wrap:balance}
.hp-art__head p{margin:0;font:500 clamp(18px,1.7vw,21px)/1.45 var(--f-body);color:var(--body);text-wrap:pretty}
.hp-art__by{display:flex;gap:10px 20px;flex-wrap:wrap;align-items:center;font:600 14px/1 var(--f-body);color:var(--muted)} .hp-art__by b{color:var(--ink);font-weight:800}
.hp-art{display:flex;gap:clamp(24px,4vw,48px);align-items:flex-start;flex-wrap:wrap}
.hp-toc{flex:0 0 200px;position:sticky;top:110px;display:flex;flex-direction:column;gap:2px;border-left:3px solid var(--ink);padding-left:14px}
.hp-toc strong{font:800 13px/1 var(--f-body);letter-spacing:.08em;color:var(--muted);margin-bottom:10px;text-transform:uppercase}
.hp-toc a{padding:7px 0;font:700 14px/1.3 var(--f-body);color:var(--ink)} .hp-toc a.is-on{color:var(--blue)}
@media (max-width:1100px){.hp-toc{display:none}}
.hp-art__body{flex:1 1 520px;min-width:0;max-width:720px;font:500 18px/1.65 var(--f-body);color:#1f2a4a}
.hp-art__body>*{margin:0 0 22px} .hp-art__body>:last-child{margin-bottom:0}
.hp-art__body h2{margin:36px 0 14px;font:italic 900 clamp(30px,3vw,38px)/1 var(--f-cond);text-transform:uppercase;color:var(--ink);scroll-margin-top:110px}
.hp-art__body h3{margin:28px 0 10px;font:800 21px/1.25 var(--f-body);color:var(--ink)}
.hp-art__body a{font-weight:800}
.hp-art__body ul,.hp-art__body ol{padding-left:22px} .hp-art__body li{margin:6px 0}
.hp-art__body img{border-radius:12px}
.hp-art__body table{width:100%;border-collapse:collapse;display:block;overflow-x:auto;font:500 15px/1.45 var(--f-body);background:#fff;border:1px solid var(--line);border-radius:12px}
.hp-art__body th,.hp-art__body td{padding:11px 14px;border-bottom:1px solid var(--line2);text-align:left;vertical-align:top}
.hp-art__body thead th{background:var(--ink);color:#fff;font-weight:800}
.hp-art__body table.hp-keyfacts{display:table;border:3px solid var(--ink);border-radius:10px;box-shadow:6px 6px 0 var(--ink);border-collapse:separate;border-spacing:0;overflow:hidden}
.hp-art__body .hp-keyfacts caption{caption-side:top;text-align:left;padding:10px 18px;background:var(--yellow);border:3px solid var(--ink);border-bottom:0;border-radius:10px 10px 0 0;font:400 22px/1 var(--f-display);letter-spacing:.05em;text-transform:uppercase}
.hp-art__body .hp-keyfacts th{width:38%;font-weight:800;background:#fff;color:var(--ink)}
.hp-art__body blockquote{padding:16px 20px;border-radius:12px;background:var(--tint);border:1px solid var(--line);font-weight:600}
.hp-art__body details{border:1px solid var(--line);border-radius:12px;background:#fff;margin-bottom:10px} .hp-art__body summary{cursor:pointer;padding:16px 18px;font:800 16px/1.3 var(--f-body)} .hp-art__body details>:not(summary){padding:0 18px;font-size:15px}
.hp-art__body .hp-refs,.hp-art__body ol.hp-refs{font:500 14px/1.6 var(--f-body);color:var(--body)}
.hp-art__body .hp-inline-product{max-width:300px}
.hp-art__aside{flex:0 1 290px;min-width:260px;position:sticky;top:110px;display:flex;flex-direction:column;gap:14px}
.hp-asprod{overflow:hidden} .hp-asprod__img{display:block;aspect-ratio:4/3;background:var(--img);border-bottom:3px solid var(--ink)} .hp-asprod__img img{width:100%;height:100%;object-fit:cover;display:block}
.hp-asprod__b{padding:16px;display:flex;flex-direction:column;gap:10px}
.hp-asprod__b>small{font:800 13px/1 var(--f-body);letter-spacing:.06em;color:var(--muted);text-transform:uppercase}
.hp-asprod__r{display:flex;justify-content:space-between;align-items:baseline;gap:10px} .hp-asprod__r a{font:italic 900 24px/1 var(--f-cond);text-transform:uppercase;color:var(--ink)} .hp-asprod__r b{font:900 22px/1 var(--f-body)}
.hp-asprod .hp-btn{height:48px;font-size:16px;border-width:2px;box-shadow:none;width:100%}
.hp-darklink{padding:16px;background:var(--ink);color:#fff;border-radius:14px;display:flex;flex-direction:column;gap:6px}
.hp-darklink:hover{background:#16244f;color:#fff;text-decoration:none}
.hp-darklink b{font:italic 900 22px/1 var(--f-cond);text-transform:uppercase} .hp-darklink span{font:500 14px/1.4 var(--f-body);color:#c9d3f2}
@media (max-width:900px){.hp-art__aside{position:static;flex:1 1 100%}}

/* about */
.hp-bhero{position:relative;overflow:hidden;background:var(--blue);color:#fff;border-bottom:4px solid var(--ink)}
.hp-bhero::before{content:"";position:absolute;inset:0;background:repeating-conic-gradient(from 0deg at 75% 45%,rgba(255,255,255,.08) 0deg 5deg,transparent 5deg 12deg)}
.hp-bhero::after{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(11,22,56,.22) 2px,transparent 2.6px);background-size:14px 14px}
.hp-bhero__in{position:relative;z-index:1;padding-top:clamp(36px,5vw,72px);padding-bottom:clamp(36px,5vw,72px);display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:clamp(28px,4vw,56px);align-items:center}
.hp-bhero h1{margin:0;font:400 clamp(56px,7.4vw,108px)/.86 var(--f-display);letter-spacing:.02em;text-transform:uppercase;-webkit-text-stroke:2.5px var(--ink);paint-order:stroke fill;text-shadow:5px 5px 0 var(--ink);color:#fff}
.hp-bhero h1 span{color:var(--yellow)}
.hp-bhero .hp-eyebrow{color:var(--yellow)}
.hp-bhero p{margin:0;max-width:480px;font:500 clamp(17px,1.6vw,20px)/1.5 var(--f-body);color:#e3e9ff;text-wrap:pretty}
.hp-tilt{justify-self:center;width:100%;max-width:520px;aspect-ratio:4/3;background:#fff;border:3px solid var(--ink);border-radius:10px;box-shadow:10px 10px 0 var(--ink);transform:rotate(1.5deg);overflow:hidden;display:flex;align-items:center;justify-content:center}
.hp-tilt img{width:100%;height:100%;object-fit:cover;display:block} .hp-tilt img.is-logo{object-fit:contain;padding:12%}
.hp-code{padding:24px;flex-direction:column;gap:10px}
.hp-code>b{font:400 64px/.8 var(--f-display);color:var(--blue);text-shadow:3px 3px 0 var(--yellow)}
.hp-code>span{font:italic 900 28px/1 var(--f-cond);text-transform:uppercase} .hp-code>p{margin:0;font:500 16px/1.5 var(--f-body);color:var(--body);text-wrap:pretty}
.hp-story{font:500 17px/1.6 var(--f-body);color:var(--body);max-width:560px} .hp-story p{margin:0 0 14px} .hp-story>:last-child{margin-bottom:0}

/* contact */
.hp-openpill{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:var(--green-bg);color:var(--green);font:800 14px/1 var(--f-body)}
.hp-openpill.is-closed{background:#fff4d6;color:#7a5800}
.hp-ctop{align-items:end;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr))}
.hp-ccards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:12px}
.hp-ccard{padding:20px;background:var(--ink);color:#fff;border-radius:14px;display:flex;flex-direction:column;gap:8px}
.hp-ccard:hover{background:#16244f;text-decoration:none;color:#fff}
.hp-ccard small{font:800 13px/1 var(--f-body);letter-spacing:.08em;color:var(--yellow)} .hp-ccard b{font:900 24px/1.1 var(--f-body)} .hp-ccard span{font:500 14px/1.3 var(--f-body);color:#c9d3f2}
.hp-ccard--light{background:#fff;color:var(--ink);border:2px solid var(--ink)} .hp-ccard--light:hover{background:var(--tint);color:var(--ink)}
.hp-ccard--light small{color:var(--blue)} .hp-ccard--light b{font-size:19px;line-height:1.15;overflow-wrap:anywhere} .hp-ccard--light span{color:var(--muted)}
.hp-cbody{padding-top:clamp(32px,4vw,48px);display:flex;gap:20px;flex-wrap:wrap;align-items:flex-start}
.hp-cform{flex:1 1 520px;min-width:0;padding:clamp(20px,3vw,32px);display:flex;flex-direction:column;gap:16px}
.hp-cform h2{margin:0;font:italic 900 32px/1 var(--f-cond);text-transform:uppercase}
.hp-flabel{display:flex;flex-direction:column;gap:6px;font:700 14px/1 var(--f-body);color:var(--body)}
.hp-flabel input,.hp-flabel textarea{height:50px;padding:0 16px;border:1px solid var(--field);border-radius:12px;font:500 16px/1 var(--f-body);color:var(--ink);min-width:0;background:#fff}
.hp-flabel textarea{height:auto;padding:14px 16px;line-height:1.5;resize:vertical}
.hp-flabel .is-mono{font-family:var(--f-mono);max-width:280px}
.hp-f2{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:12px}
.hp-topics{display:flex;gap:8px;flex-wrap:wrap} .hp-topics .hp-chip{height:40px;border-radius:20px}
.hp-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.hp-cform .hp-btn{align-self:flex-start;height:56px;font-size:17px}
.hp-cside{flex:0 1 380px;min-width:260px;display:flex;flex-direction:column;gap:14px}
.hp-quick{padding:20px;display:flex;flex-direction:column;gap:4px}
.hp-quick>small{font:800 13px/1 var(--f-body);letter-spacing:.08em;color:var(--muted);margin-bottom:6px;text-transform:uppercase}
.hp-quick a{display:flex;justify-content:space-between;gap:10px;padding:12px 0;border-top:1px solid var(--line2);font:700 15px/1.3 var(--f-body);color:var(--ink)} .hp-quick a:hover{color:var(--blue);text-decoration:none}
.hp-hours{padding:20px;display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px 16px;font:500 15px/1.4 var(--f-body)} .hp-hours b{font-weight:800}
.hp-sent{display:flex;flex-direction:column;gap:12px;padding:12px 0}
.hp-sent>b{width:64px;height:64px;border-radius:50%;background:var(--yellow);border:3px solid var(--ink);display:flex;align-items:center;justify-content:center;font:900 32px/1 var(--f-body)}
.hp-sent h2{font:400 48px/.9 var(--f-display);letter-spacing:.03em;font-style:normal}

/* faq page */
.hp-fhero{background-color:var(--ink);background-image:radial-gradient(rgba(255,255,255,.07) 2px,transparent 2.6px);background-size:14px 14px;color:#fff;border-bottom:4px solid var(--yellow)}
.hp-fhero__in{max-width:820px;margin:0 auto;padding:clamp(40px,6vw,80px) var(--gut);display:flex;flex-direction:column;align-items:center;gap:18px;text-align:center}
.hp-fhero h1{margin:0;font:400 clamp(56px,7.4vw,100px)/.86 var(--f-display);letter-spacing:.02em;text-transform:uppercase;text-shadow:5px 5px 0 var(--red);color:#fff}
.hp-fhero h1 span{color:var(--yellow)}
.hp-fhero .hp-input--lg{max-width:620px}
.hp-popular{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;align-items:center;font:600 14px/1 var(--f-body);color:#c9d3f2}
.hp-popular button{height:34px;padding:0 14px;border:1px solid #3a4a80;background:#16244f;color:#fff;border-radius:17px;font:700 14px/1 var(--f-body);cursor:pointer}
.hp-fbody{padding-top:clamp(32px,4vw,56px);display:flex;gap:clamp(20px,4vw,48px);flex-wrap:wrap;align-items:flex-start}
.hp-fnav{flex:1 1 220px;max-width:280px;position:sticky;top:100px;display:flex;flex-direction:column;gap:4px}
.hp-fnav button{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;border:none;border-radius:10px;background:transparent;color:var(--ink);font:800 15px/1.2 var(--f-body);cursor:pointer;text-align:left}
.hp-fnav button span{font:700 14px/1 var(--f-body);opacity:.75}
.hp-fnav button.is-on{background:var(--ink);color:#fff}
@media (max-width:760px){.hp-fnav{position:static;max-width:none;flex-direction:row;flex-wrap:wrap}.hp-fnav button{padding:10px 12px;border:1px solid var(--field)}}
.hp-fgroups{flex:3 1 520px;min-width:0;display:flex;flex-direction:column;gap:28px}
.hp-fgroup{display:flex;flex-direction:column;gap:12px} .hp-fgroup[hidden]{display:none}
.hp-fgroup h2{margin:0;font:italic 900 30px/1 var(--f-cond);text-transform:uppercase}
.hp-stuck{display:flex;gap:16px 28px;align-items:center;flex-wrap:wrap;padding:22px clamp(18px,3vw,28px);background:var(--yellow);border:3px solid var(--ink);border-radius:10px;box-shadow:6px 6px 0 var(--ink)}
.hp-stuck>div{flex:1 1 260px;display:flex;flex-direction:column;gap:4px} .hp-stuck b{font:400 34px/.9 var(--f-display);letter-spacing:.03em;text-transform:uppercase;font-weight:400} .hp-stuck span{font:600 15px/1.4 var(--f-body)}

/* shipping page */
.hp-shero{background:var(--yellow);border-bottom:4px solid var(--ink)}
.hp-shero__in{padding-top:clamp(32px,5vw,64px);padding-bottom:clamp(32px,5vw,64px);display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:clamp(24px,4vw,48px);align-items:center}
.hp-shero .hp-eyebrow{color:var(--ink)}
.hp-shero h1{margin:0;font:400 clamp(56px,7.4vw,104px)/.86 var(--f-display);letter-spacing:.02em;text-transform:uppercase;color:var(--ink);text-shadow:5px 5px 0 #fff}
.hp-shero p{margin:0;max-width:460px;font:600 18px/1.45 var(--f-body)}
.hp-cd{background:var(--ink);color:#fff;border:3px solid var(--ink);border-radius:10px;box-shadow:8px 8px 0 var(--red);padding:clamp(20px,3vw,30px);display:flex;flex-direction:column;gap:14px}
.hp-cd>small{font:800 14px/1 var(--f-body);letter-spacing:.08em;color:var(--yellow)}
.hp-cd__parts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.hp-cd__parts div{background:#fff;color:var(--ink);border-radius:8px;padding:12px 8px;display:flex;flex-direction:column;align-items:center;gap:6px}
.hp-cd__parts b{font:400 clamp(44px,5vw,64px)/.9 var(--f-display);letter-spacing:.02em} .hp-cd__parts span{font:800 12px/1 var(--f-body);letter-spacing:.08em;color:var(--muted)}
.hp-cd__next{font:400 clamp(40px,4.6vw,56px)/.95 var(--f-display);letter-spacing:.02em;color:#fff}
.hp-cd>span{font:600 14px/1.4 var(--f-body);color:#c9d3f2}
.hp-rates{overflow:hidden}
.hp-rates__r{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1.2fr);gap:8px;padding:18px 22px;border-top:1px solid var(--line2);font:600 16px/1.3 var(--f-body);align-items:center}
.hp-rates__r:first-child{border-top:0;padding:14px 22px;background:var(--tint);font:800 13px/1.2 var(--f-body);letter-spacing:.06em;color:var(--muted);text-transform:uppercase}
.hp-rates__r b{font:italic 900 24px/1 var(--f-cond);text-transform:uppercase} .hp-rates__r strong{font-weight:900} .hp-rates__r .is-free{color:var(--green);font-weight:800} .hp-rates__r .is-none{color:var(--muted)}
@media (max-width:620px){.hp-rates__r{grid-template-columns:1fr 1fr}.hp-rates__r:first-child{display:none}}
.hp-journey{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));overflow:hidden}
.hp-journey>div{padding:22px;border-right:1px solid #e3e7f0;border-bottom:1px solid #e3e7f0;display:flex;flex-direction:column;gap:10px}
.hp-journey__n{display:flex;align-items:center;gap:10px} .hp-journey__n b{width:40px;height:40px;border-radius:50%;background:#fff;color:var(--ink);border:2px solid var(--ink);display:flex;align-items:center;justify-content:center;font:400 22px/1 var(--f-display)}
.hp-journey>div:last-child .hp-journey__n b{background:var(--yellow)}
.hp-journey__n span{font:800 13px/1 var(--f-body);letter-spacing:.06em;color:var(--blue);text-transform:uppercase}
.hp-journey>div>span{font:italic 900 24px/1 var(--f-cond);text-transform:uppercase} .hp-journey p{margin:0;font:500 15px/1.45 var(--f-body);color:var(--body)}
.hp-photo{aspect-ratio:4/3;border-radius:14px;overflow:hidden;background:var(--img);border:2px solid var(--ink)} .hp-photo img{width:100%;height:100%;object-fit:cover;display:block}
.hp-checks{display:flex;flex-direction:column}
.hp-checks>div{display:flex;gap:12px;align-items:flex-start;padding:12px 0;border-top:1px solid #e3e7f0}
.hp-checks>div>b{width:26px;height:26px;border-radius:50%;background:var(--ink);color:var(--yellow);display:flex;align-items:center;justify-content:center;font:900 14px/1 var(--f-body);flex:none}
.hp-checks span{display:flex;flex-direction:column;gap:3px;font:800 16px/1.3 var(--f-body)} .hp-checks small{font:500 15px/1.45 var(--f-body);color:var(--body)}
.hp-mini3 .hp-card{padding:18px;flex-direction:column;gap:6px;display:flex} .hp-mini3 b{font:800 15px/1.2 var(--f-body)} .hp-mini3 span{font:500 14px/1.45 var(--f-body);color:var(--body)}
.hp-mini3 a.hp-dk{background:var(--ink);color:#fff;border-color:var(--ink)} .hp-mini3 a.hp-dk span{color:#c9d3f2} .hp-mini3 a.hp-dk:hover{background:#16244f;color:#fff}

/* returns page */
.hp-stamp{align-self:flex-start;padding:8px 14px;border:2px solid var(--ink);background:var(--red);color:#fff;font:400 18px/1 var(--f-display);letter-spacing:.06em;transform:rotate(-3deg);box-shadow:3px 3px 0 var(--ink)}
.hp-issues{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:10px}
.hp-issue{padding:18px;border:1px solid var(--field);background:#fff;color:var(--ink);border-radius:12px;cursor:pointer;text-align:left;display:flex;flex-direction:column;gap:6px}
.hp-issue b{font:italic 900 24px/1 var(--f-cond);text-transform:uppercase} .hp-issue span{font:600 14px/1.3 var(--f-body);opacity:.85}
.hp-issue.is-on{background:var(--ink);color:#fff;border:3px solid var(--ink);box-shadow:4px 4px 0 var(--yellow);padding:16px}
.hp-ipanel{margin-top:16px;padding:clamp(20px,3vw,32px);display:flex;flex-direction:column;gap:18px}
.hp-ipanel[hidden]{display:none}
.hp-ipanel h2{margin:0;font:400 clamp(36px,4vw,52px)/.9 var(--f-display);letter-spacing:.03em;text-transform:uppercase}
.hp-isteps{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:12px}
.hp-isteps>div{padding:16px;background:var(--tint);border-radius:12px;display:flex;gap:12px;align-items:flex-start;font:600 15px/1.45 var(--f-body);color:#1f2a4a}
.hp-isteps b{width:34px;height:34px;border-radius:50%;background:var(--ink);color:var(--yellow);display:flex;align-items:center;justify-content:center;font:400 20px/1 var(--f-display);flex:none}
.hp-ipanel .hp-btn{align-self:flex-start}
.hp-policy{overflow:hidden}
.hp-policy>div{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:6px 20px;padding:18px 22px;border-bottom:1px solid var(--line2);align-items:center}
.hp-policy>div:last-child{border-bottom:0}
.hp-policy b{font:800 16px/1.3 var(--f-body)} .hp-policy span{display:flex;align-items:center;gap:8px;font:700 15px/1.35 var(--f-body);color:var(--green)} .hp-policy span::before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor;flex:none}
.hp-policy span.is-no{color:var(--bad)} .hp-policy small{font:500 14px/1.4 var(--f-body);color:var(--muted)}
.hp-fine{margin:14px 0 0;font:500 14px/1.5 var(--f-body);color:var(--muted)}

/* WooCommerce: notices, cart, checkout, account */
.woocommerce-notices-wrapper:empty{display:none}
.woocommerce-error,.woocommerce-info,.woocommerce-message{margin:0 0 20px!important;padding:16px 20px 16px 50px!important;border-radius:12px;border:1px solid var(--line)!important;border-top:3px solid var(--blue)!important;background:#fff!important;color:var(--ink)!important;font:600 15px/1.5 var(--f-body);list-style:none}
.woocommerce-message{border-top-color:var(--green)!important} .woocommerce-error{border-top-color:var(--bad)!important}
.woocommerce-message .button,.woocommerce-info .button{float:right}
.woocommerce .button,.woocommerce button.button,.woocommerce a.button,.woocommerce input.button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:46px;padding:0 22px!important;border:2px solid var(--ink)!important;border-radius:23px!important;background:#fff!important;color:var(--ink)!important;font:800 15px/1 var(--f-body)!important;box-shadow:none;text-decoration:none}
.woocommerce .button:hover,.woocommerce button.button:hover,.woocommerce a.button:hover{background:var(--tint)!important;color:var(--ink)!important;text-decoration:none}
.woocommerce .button.alt,.woocommerce button.button.alt,.woocommerce a.button.alt,.woocommerce #place_order,.woocommerce-cart .wc-proceed-to-checkout a.checkout-button{background:var(--yellow)!important;border:3px solid var(--ink)!important;box-shadow:4px 4px 0 var(--ink)!important;font-weight:900!important}
.woocommerce .button.alt:hover,.woocommerce #place_order:hover,.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover{background:var(--yellow-h)!important;transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--ink)!important}
.woocommerce .price,.woocommerce-Price-amount{color:var(--ink)}
.woocommerce form .form-row{margin:0 0 12px;padding:0}
.woocommerce form .form-row label{font:700 14px/1.3 var(--f-body);color:var(--body);margin-bottom:6px}
.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea,.woocommerce form .form-row select,.woocommerce .select2-container .select2-selection--single{height:52px;padding:0 16px;border:1px solid var(--field);border-radius:12px;background:#fff;font:500 16px/1 var(--f-body);color:var(--ink)}
.woocommerce .select2-container .select2-selection--single .select2-selection__rendered{line-height:50px;padding:0}
.woocommerce .select2-container .select2-selection--single .select2-selection__arrow{height:50px;right:8px}
.woocommerce form .form-row textarea{height:auto;min-height:100px;padding:14px 16px;line-height:1.5}
.woocommerce form .form-row.woocommerce-invalid input.input-text{border-color:var(--bad)}
.woocommerce table.shop_table{background:#fff;border:1px solid var(--line);border-radius:14px;border-collapse:separate;border-spacing:0;overflow:hidden;margin:0 0 24px}
.woocommerce table.shop_table th{font:800 13px/1.2 var(--f-body);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);background:var(--tint)}
.woocommerce table.shop_table td,.woocommerce table.shop_table th{padding:14px 18px;border-top:1px solid var(--line2)}
.woocommerce table.shop_table td{font:600 15px/1.4 var(--f-body)}
.woocommerce table.shop_table tfoot th{background:#fff;color:var(--muted);text-transform:none;letter-spacing:0;font:600 15px/1.3 var(--f-body)}
.woocommerce table.shop_table tfoot .order-total th,.woocommerce table.shop_table tfoot .order-total td{font:900 18px/1.2 var(--f-body);color:var(--ink)}
.woocommerce table.shop_table .fee th,.woocommerce table.shop_table .fee td,.woocommerce table.shop_table .fee .amount{color:var(--green)!important}
.woocommerce table.cart img{width:64px;border-radius:10px}
.woocommerce table.cart td.product-name a{font:italic 900 20px/1 var(--f-cond);text-transform:uppercase;color:var(--ink)}
.woocommerce table.cart td.actions .coupon .input-text{height:46px;min-width:160px;padding:0 14px;border:1px solid var(--field);border-radius:23px}
.woocommerce a.remove{color:var(--bad)!important;font-weight:400}
.woocommerce .cart-collaterals .cart_totals{float:none;width:100%;max-width:480px;margin-left:auto;padding:clamp(18px,3vw,26px);background:#fff;border:3px solid var(--ink);border-radius:10px;box-shadow:6px 6px 0 var(--ink)}
.woocommerce .cart-collaterals .cart_totals h2{margin:0 0 12px;font:italic 900 26px/1 var(--f-cond);text-transform:uppercase}
.woocommerce .cart-collaterals .cart_totals table.shop_table{border:0;border-radius:0}
.woocommerce .cart-collaterals .cart_totals table.shop_table th,.woocommerce .cart-collaterals .cart_totals table.shop_table td{background:#fff;padding:12px 0}
.woocommerce-cart .wc-proceed-to-checkout{padding:8px 0 0} .woocommerce-cart .wc-proceed-to-checkout a.checkout-button{width:100%;height:58px;margin:0;font-size:18px!important}
.woocommerce ul#shipping_method li{margin:0 0 6px} .woocommerce ul#shipping_method li label{font-weight:700}
.hp-cartwrap .cross-sells{display:none}

/* checkout */
.hp-cohead{padding-top:28px;display:flex;flex-direction:column;gap:8px;margin-bottom:24px}
.hp-cohead>a{font:700 14px/1 var(--f-body);color:var(--muted)}
.hp-cohead h1{margin:0;font:400 clamp(52px,6vw,76px)/.9 var(--f-display);letter-spacing:.03em;text-transform:uppercase;text-shadow:4px 4px 0 var(--yellow)}
.hp-cohead>span{font:600 14px/1.4 var(--f-body);color:var(--body)}
.hp-steps{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:4px 0 2px;padding:0;list-style:none}
.hp-steps li{display:flex;align-items:center;gap:8px;font:800 14px/1 var(--f-body);color:#8a93a8}
.hp-steps li b{width:24px;height:24px;border-radius:50%;background:#e3e7f0;color:var(--muted);display:flex;align-items:center;justify-content:center;font:800 13px/1 var(--f-body)}
.hp-steps li.is-done,.hp-steps li.is-on{color:var(--ink)} .hp-steps li.is-done b{background:var(--green);color:#fff} .hp-steps li.is-on b{background:var(--blue);color:#fff}
.hp-steps li:not(:last-child)::after{content:"";width:20px;height:2px;background:var(--field)}
form.woocommerce-checkout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,440px);gap:clamp(20px,4vw,48px);align-items:start;padding-bottom:64px}
form.woocommerce-checkout>*{grid-column:1}
form.woocommerce-checkout>.woocommerce-NoticeGroup{grid-column:1/-1}
form.woocommerce-checkout>#order_review_heading{display:none}
form.woocommerce-checkout>#order_review{grid-column:2;grid-row:1/span 6;position:sticky;top:96px;background:#fff;border:3px solid var(--ink);border-radius:10px;box-shadow:6px 6px 0 var(--ink);overflow:hidden;float:none;width:auto}
@media (max-width:900px){form.woocommerce-checkout{grid-template-columns:minmax(0,1fr)}form.woocommerce-checkout>#order_review{grid-column:1;grid-row:1;position:static}}
.hp-co__main{display:flex;flex-direction:column;gap:28px;min-width:0}
.woocommerce .hp-co__main .col2-set{display:flex;flex-direction:column;gap:20px;width:auto}
.woocommerce .hp-co__main .col2-set .col-1,.woocommerce .hp-co__main .col2-set .col-2{float:none;width:auto;max-width:none;padding:0}
.hp-co__main h3,.hp-co__h{margin:0 0 12px;font:900 17px/1 var(--f-body);text-transform:none;letter-spacing:0;color:var(--ink)}
.hp-co__main #ship-to-different-address{font:700 15px/1.3 var(--f-body)}
.hp-co__main .woocommerce-billing-fields__field-wrapper,.hp-co__main .woocommerce-shipping-fields__field-wrapper{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0 10px}
.hp-co__main .form-row{grid-column:span 6} .hp-co__main .form-row-first,.hp-co__main .form-row-last{grid-column:span 3}
.hp-co__main #billing_city_field,.hp-co__main #shipping_city_field{grid-column:span 2} .hp-co__main #billing_state_field,.hp-co__main #shipping_state_field,.hp-co__main #billing_postcode_field,.hp-co__main #shipping_postcode_field{grid-column:span 2}
@media (max-width:560px){.hp-co__main .form-row-first,.hp-co__main .form-row-last,.hp-co__main #billing_city_field,.hp-co__main #billing_state_field,.hp-co__main #billing_postcode_field,.hp-co__main #shipping_city_field,.hp-co__main #shipping_state_field,.hp-co__main #shipping_postcode_field{grid-column:span 6}}
.hp-co__main .woocommerce-additional-fields h3{display:none}
.hp-sum__head{padding:18px 20px;display:flex;justify-content:space-between;align-items:baseline;border-bottom:1px solid var(--line2)}
.hp-sum__head h2{margin:0;font:italic 900 26px/1 var(--f-cond);text-transform:uppercase} .hp-sum__head span{font:700 14px/1 var(--f-body);color:var(--muted)}
#order_review table.shop_table{border:0;border-radius:0;margin:0}
#order_review table.shop_table thead{display:none}
#order_review table.shop_table td,#order_review table.shop_table th{padding:12px 20px;background:#fff}
#order_review table.shop_table td.product-name{font:italic 900 18px/1.1 var(--f-cond);text-transform:uppercase}
#order_review table.shop_table td.product-name .product-quantity{font:700 14px var(--f-body);color:var(--muted);font-style:normal}
#order_review table.shop_table td.product-name dl.variation{margin:4px 0 0;font:600 13px/1.3 var(--f-body);text-transform:none;font-style:normal;color:var(--muted)} #order_review dl.variation dt,#order_review dl.variation dd{display:inline;margin:0} #order_review dl.variation dd p{display:inline;margin:0}
#order_review table.shop_table td.product-total{text-align:right;font:800 15px var(--f-body)}
#order_review table.shop_table tfoot td{text-align:right}
.hp-sum__foot{padding:14px 20px;background:var(--tint);font:600 14px/1.5 var(--f-body);color:var(--body)}
.hp-co__pay{display:flex;flex-direction:column;gap:12px}
.woocommerce-checkout #payment{background:transparent!important;border-radius:0}
.woocommerce-checkout #payment ul.payment_methods{padding:0!important;border:0!important;display:flex;flex-direction:column;gap:8px;margin:0 0 16px}
.woocommerce-checkout #payment ul.payment_methods li{list-style:none;margin:0;padding:16px!important;border:1px solid var(--field);border-radius:14px;background:#fff;font:800 16px/1.2 var(--f-body)}
.woocommerce-checkout #payment ul.payment_methods li:has(input:checked){border:2px solid var(--blue);padding:15px!important}
.woocommerce-checkout #payment ul.payment_methods li input{accent-color:var(--blue);width:18px;height:18px;margin:0 10px 0 0;vertical-align:-3px}
.woocommerce-checkout #payment ul.payment_methods li img{max-height:22px;vertical-align:middle}
.woocommerce-checkout #payment div.payment_box{margin:12px 0 0!important;padding:0 0 0 28px!important;background:transparent!important;color:var(--body)!important;font:500 14px/1.5 var(--f-body)}
.woocommerce-checkout #payment div.payment_box::before{display:none}
.woocommerce-checkout #payment div.form-row{padding:0!important;margin:0}
.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper{margin:0 0 14px}
.woocommerce-checkout .woocommerce-privacy-policy-text{font:500 14px/1.5 var(--f-body);color:var(--muted)}
.woocommerce-checkout .woocommerce-form__label-for-checkbox{display:flex!important;gap:12px;align-items:flex-start;padding:14px 16px;border:1px solid var(--field);border-radius:12px;background:#fff;cursor:pointer;font:500 14px/1.5 var(--f-body)!important;color:var(--ink)}
.woocommerce-checkout .woocommerce-form__label-for-checkbox input{width:20px;height:20px;margin:1px 0 0;flex:none;accent-color:var(--blue)}
.woocommerce-checkout #place_order{float:none!important;width:100%;height:62px;border-radius:31px!important;font-size:20px!important}
.hp-assure{display:flex;justify-content:center;gap:6px 18px;flex-wrap:wrap;margin-top:12px;font:700 14px/1.3 var(--f-body);color:var(--body)}
.hp-routebox{padding:14px 16px;border:1px solid #9fb0e6;border-radius:12px;background:#f7f9ff;font:500 14px/1.5 var(--f-body);color:var(--body)} .hp-routebox b{color:var(--ink)}
.hp-donehero{background-color:var(--blue);background-image:radial-gradient(rgba(11,22,56,.22) 2px,transparent 2.6px);background-size:14px 14px;color:#fff;border-bottom:4px solid var(--ink)}
.hp-donehero__in{max-width:960px;margin:0 auto;padding:clamp(40px,6vw,80px) var(--gut);display:flex;gap:28px;align-items:center;flex-wrap:wrap}
.hp-donehero__tick{width:160px;height:160px;flex:none;border-radius:50%;background:var(--yellow);border:4px solid var(--ink);box-shadow:6px 6px 0 var(--ink);display:flex;align-items:center;justify-content:center;font:900 84px/1 var(--f-body);color:var(--ink)}
.hp-donehero__t{display:flex;flex-direction:column;gap:10px;flex:1 1 300px;min-width:0}
.hp-donehero__t small{font:800 14px/1 var(--f-body);letter-spacing:.08em;color:var(--yellow)}
.hp-donehero h1{margin:0;font:400 clamp(60px,8vw,104px)/.86 var(--f-display);letter-spacing:.03em;text-transform:uppercase;-webkit-text-stroke:3px var(--ink);paint-order:stroke fill;text-shadow:6px 6px 0 var(--ink);color:#fff}
.hp-donehero p{margin:0;font:500 18px/1.5 var(--f-body);color:#e3e9ff}
.hp-done{max-width:960px;margin:0 auto;padding:40px var(--gut) 64px}
.hp-payinfo{margin:0 0 28px;padding:20px 24px;background:var(--yellow);border:3px solid var(--ink);border-radius:10px;box-shadow:6px 6px 0 var(--ink);font:700 17px/1.5 var(--f-body)} .hp-payinfo p{margin:0 0 6px}
.woocommerce ul.order_details{display:flex;flex-wrap:wrap;gap:12px;margin:0 0 28px;padding:0}
.woocommerce ul.order_details li{float:none;margin:0;padding:14px 18px;border:1px solid var(--line)!important;border-radius:12px;background:#fff;font:600 13px/1.4 var(--f-body);text-transform:uppercase;color:var(--muted)}
.woocommerce ul.order_details li strong{font:800 16px/1.3 var(--f-body);text-transform:none;color:var(--ink)}
.woocommerce .woocommerce-customer-details address{border:1px solid var(--line);border-radius:12px;background:#fff;padding:18px}
.woocommerce-account .woocommerce{display:grid;grid-template-columns:minmax(0,240px) minmax(0,1fr);gap:28px}
.woocommerce-account .woocommerce>.woocommerce-notices-wrapper{grid-column:1/-1}
.woocommerce-account .woocommerce-MyAccount-navigation,.woocommerce-account .woocommerce-MyAccount-content{float:none;width:auto}
.woocommerce-account .woocommerce-MyAccount-navigation ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.woocommerce-account .woocommerce-MyAccount-navigation a{display:block;padding:12px 16px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--ink);font-weight:800}
.woocommerce-account .woocommerce-MyAccount-navigation .is-active a{background:var(--ink);color:#fff;border-color:var(--ink)}
@media (max-width:760px){.woocommerce-account .woocommerce{grid-template-columns:minmax(0,1fr)}}
.woocommerce-account:not(.logged-in) .woocommerce{display:block}
.woocommerce .star-rating span::before,.woocommerce p.stars a{color:var(--star)}

/* shop archive */
.hp-shophead{padding-top:clamp(24px,3vw,40px);margin-bottom:18px}
.hp-shophead form{flex:0 1 300px;min-width:0;display:flex} .hp-shophead form input{flex:1}
.hp-shoptools{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin:-8px 0 18px}
.hp-shoptools .woocommerce-result-count{margin:0;font:600 14px/1.4 var(--f-body);color:var(--muted)}
.hp-shoptools .woocommerce-ordering{margin:0} .hp-shoptools select{height:40px;padding:0 12px;border:1px solid var(--field);border-radius:20px;background:#fff;font:600 14px var(--f-body);color:var(--ink)}
.hp-termdesc{max-width:760px;margin:0 0 20px;font:500 16px/1.55 var(--f-body);color:var(--body)}

/* age gate */
.hp-gate{position:fixed;inset:0;z-index:200;display:grid;place-items:center;padding:16px;background:rgba(11,22,56,.88)}
.hp-gate[hidden]{display:none}
.hp-gate__box{max-width:520px;padding:clamp(22px,4vw,36px);display:flex;flex-direction:column;gap:16px}
.hp-gate__box img{height:64px;width:auto;align-self:flex-start}
.hp-gate__box h2{margin:0;font:400 44px/.9 var(--f-display);letter-spacing:.03em;text-transform:uppercase;text-shadow:3px 3px 0 var(--yellow)}

/* 404 */
.hp-404{padding-top:clamp(40px,6vw,80px);padding-bottom:var(--sec);display:flex;flex-direction:column;gap:18px;align-items:flex-start}
.hp-404 .search-form,.hp-searchform{display:flex;gap:8px;flex-wrap:wrap;width:100%;max-width:520px}
.hp-searchform input[type=search]{flex:1;min-width:200px;height:52px;padding:0 20px;border:1px solid var(--field);border-radius:26px;background:#fff;font:500 16px var(--f-body)}

@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}

/* calculator page */
.hp-cxhero{background-color:var(--blue);background-image:radial-gradient(rgba(255,255,255,.13) 1.2px,transparent 1.6px);background-size:14px 14px;border-bottom:3px solid var(--ink);color:#fff}
.hp-cxhero__in{padding-top:clamp(40px,6vw,72px);padding-bottom:clamp(110px,12vw,150px);display:flex;flex-direction:column;gap:14px}
.hp-cxhero .hp-eyebrow{color:var(--yellow)}
.hp-cxhero h1{margin:0;font:400 clamp(60px,8vw,116px)/.86 var(--f-display);letter-spacing:.02em;text-transform:uppercase;color:#fff;text-shadow:5px 5px 0 var(--ink)}
.hp-cxhero h1 em{font-style:normal;color:var(--yellow)}
.hp-cxhero p{margin:0;max-width:600px;font:500 clamp(17px,1.6vw,20px)/1.5 var(--f-body);color:#e3e9ff;text-wrap:pretty}
.hp-cx{position:relative;margin-top:clamp(-120px,-10vw,-80px);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:clamp(18px,2.4vw,28px);align-items:start}
@media (max-width:920px){.hp-cx{grid-template-columns:minmax(0,1fr)}}
.hp-cx__in{padding:clamp(20px,3vw,30px);display:flex;flex-direction:column;gap:24px}
.hp-cx__f{display:flex;flex-direction:column;gap:12px}
.hp-cx__l{display:flex;align-items:center;gap:10px;font:800 14px/1 var(--f-body);letter-spacing:.06em;text-transform:uppercase}
.hp-cx__l i{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:2px solid var(--ink);border-radius:50%;font:400 18px/1 var(--f-display);font-style:normal;background:var(--yellow)}
.hp-cx__row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.hp-chip{height:44px;min-width:52px;padding:0 14px;border:2px solid var(--ink);border-radius:22px;background:#fff;color:var(--ink);font:800 15px/1 var(--f-body);cursor:pointer;white-space:nowrap;transition:transform .12s,box-shadow .12s}
.hp-chip:hover{transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--ink)}
.hp-chip.is-on{background:var(--yellow);box-shadow:3px 3px 0 var(--ink)}
.hp-cx__num{display:flex;align-items:center;gap:6px;height:44px;padding:0 14px;border:2px solid var(--field);border-radius:22px;background:#fff;flex:1 1 110px;max-width:170px}
.hp-cx__num:focus-within{border-color:var(--blue)}
.hp-cx__num input{border:0;outline:0;background:none;width:100%;min-width:0;font:500 17px/1 var(--f-mono);color:var(--ink);-moz-appearance:textfield}
.hp-cx__num input::-webkit-inner-spin-button{-webkit-appearance:none}
.hp-cx__num em{font:700 14px/1 var(--f-body);font-style:normal;color:var(--muted)}
.hp-cx__num--lg{height:54px;border-radius:27px;max-width:220px} .hp-cx__num--lg input{font-size:22px}
.hp-seg{display:inline-flex;flex-wrap:wrap;gap:6px}
.hp-cx__out{background:var(--ink);color:#fff;border:3px solid var(--ink);border-radius:10px;box-shadow:8px 8px 0 var(--yellow);padding:clamp(20px,3vw,32px);display:flex;flex-direction:column;gap:18px}
.hp-cx__out>small{font:800 14px/1 var(--f-body);letter-spacing:.08em;text-transform:uppercase;color:var(--yellow)}
.hp-cx__big{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap}
.hp-cx__big b{font:400 clamp(88px,11vw,148px)/.8 var(--f-display);letter-spacing:.02em;color:var(--yellow);text-shadow:4px 4px 0 var(--red)}
.hp-cx__big span{font:400 clamp(30px,3vw,40px)/1 var(--f-display);letter-spacing:.04em;text-transform:uppercase}
.hp-syr{display:flex;align-items:center;margin:4px 0 26px;padding-right:44px}
.hp-syr__needle{flex:none;width:clamp(28px,5vw,48px);height:3px;background:#c9d3f2;position:relative}
.hp-syr__needle::after{content:"";position:absolute;right:-2px;top:-9px;width:14px;height:21px;background:#c9d3f2;border-radius:3px 0 0 3px}
.hp-syr__barrel{position:relative;flex:1;height:48px;margin-left:12px;background:#fff;border:3px solid #fff;border-radius:6px;overflow:visible}
.hp-syr__fill{position:absolute;left:0;top:0;bottom:0;width:0;background:var(--yellow);border-radius:3px 0 0 3px;transition:width .35s cubic-bezier(.3,1.3,.5,1)}
.hp-syr__fill.is-over{background:var(--red)}
.hp-syr__plunger{position:absolute;top:-3px;bottom:-3px;left:0;right:-44px;pointer-events:none;transition:left .35s cubic-bezier(.3,1.3,.5,1)}
.hp-syr__plunger::before{content:"";position:absolute;left:-4px;top:3px;bottom:3px;width:10px;background:var(--ink);border-radius:2px}
.hp-syr__plunger::after{content:"";position:absolute;left:6px;right:0;top:50%;height:10px;margin-top:-5px;background:#8796c4;border-right:8px solid #c9d3f2}
.hp-syr__ticks{position:absolute;inset:0;background-image:linear-gradient(to right,rgba(11,22,56,.55) 1px,transparent 1px);background-repeat:repeat-x;background-position:0 0}
.hp-syr__ticks span{position:absolute;top:0;width:2px;height:60%;margin-left:-1px;background:var(--ink)}
.hp-syr__ticks em{position:absolute;top:calc(100% / .6 + 8px);left:50%;transform:translateX(-50%);font:600 13px/1 var(--f-mono);font-style:normal;color:#c9d3f2}
.hp-cx__stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.hp-cx__stats div{background:rgba(255,255,255,.08);border-radius:10px;padding:14px;display:flex;flex-direction:column;gap:8px;min-width:0}
.hp-cx__stats small{font:700 13px/1.2 var(--f-body);color:#c9d3f2}
.hp-cx__stats b{font:800 clamp(16px,1.6vw,20px)/1.1 var(--f-body);color:#fff;overflow-wrap:anywhere}
@media (max-width:480px){.hp-cx__stats{grid-template-columns:minmax(0,1fr)}}
.hp-cx__msg{margin:0;background:var(--red);color:#fff;border-radius:8px;padding:12px 14px;font:700 15px/1.4 var(--f-body)}
.hp-cx__tip{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;border:2px dashed var(--yellow);border-radius:10px;padding:12px 14px;font:500 15px/1.45 var(--f-body);color:#fff}
.hp-cx__tip span{flex:1 1 240px} .hp-cx__tip b{color:var(--yellow)}
.hp-cx__tip[hidden],.hp-cx__msg[hidden],.hp-cx__saved[hidden]{display:none}
.hp-cx__actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px 12px;padding-top:4px;border-top:1px solid rgba(255,255,255,.14)}
.hp-cx__btn{height:44px;font-size:15px;padding:0 18px;margin-top:12px}
.hp-cx__actions>span{margin-top:12px;font:600 14px/1.3 var(--f-body);color:#c9d3f2}
.hp-cx__actions kbd{display:inline-block;padding:2px 6px;border:1px solid #5a6a99;border-bottom-width:2px;border-radius:4px;font:600 13px/1.2 var(--f-mono);color:#fff}
.hp-cx__saved{display:flex;flex-direction:column;gap:8px} .hp-cx__saved small{font:800 13px/1 var(--f-body);letter-spacing:.08em;text-transform:uppercase;color:var(--yellow)}
.hp-cx__saved>div{display:flex;flex-wrap:wrap;gap:8px}
.hp-cx__sv{display:inline-flex;border:2px solid #fff;border-radius:20px;overflow:hidden}
.hp-cx__sv button{height:36px;padding:0 12px;border:0;background:transparent;color:#fff;font:700 14px/1 var(--f-body);cursor:pointer}
.hp-cx__sv button:hover{background:rgba(255,255,255,.12)} .hp-cx__sv button+button{padding:0 10px;border-left:1px solid rgba(255,255,255,.3);font-size:16px}
.hp-cxsheet{overflow-x:auto} .hp-cxsheet table{width:100%;border-collapse:collapse;min-width:460px}
.hp-cxsheet th{text-align:left;padding:14px 20px;background:var(--tint);font:800 13px/1 var(--f-body);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.hp-cxsheet td{padding:14px 20px;border-top:1px solid var(--line2);font:500 16px/1.2 var(--f-mono);color:var(--ink)}
.hp-cxsheet td b{font-weight:600} .hp-cxsheet tr.is-cur td{background:var(--yellow);font-weight:600}
.hp-cxsteps{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:16px}
.hp-cxsteps .hp-card{display:flex;flex-direction:column;gap:10px}
.hp-cxsteps i{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:3px solid var(--ink);border-radius:50%;font:400 26px/1 var(--f-display);font-style:normal}
.hp-cxnote{margin:28px 0 0;font:500 14px/1.5 var(--f-body);color:var(--muted)}
@media print{
  .hp-promo,.hp-header,.hp-footer,.hp-cxhero,.hp-cx__in,.hp-noprint,#hp-drawer,.hp-gate{display:none!important}
  body{background:#fff}
  .hp-cx{margin-top:0;grid-template-columns:1fr}
  .hp-cx__out{box-shadow:none;-webkit-print-color-adjust:exact;print-color-adjust:exact}
  .hp-cxsheet tr.is-cur td{-webkit-print-color-adjust:exact;print-color-adjust:exact}
}