/* NEXO Market storefront. Builds on the sf- storefront system in base.css (Metro); hh- classes are storefront additions. */
html{background:#fff}
body.sf-on{margin:0;background:#fff;overflow-x:hidden}
body.hh-lock{overflow:hidden}
.sf{--accent:#8a5a2b;--info:#1f4e79;--warn:#9a3412;overflow-x:clip}
.sf :focus-visible{outline:2px solid var(--ink);outline-offset:2px;box-shadow:none!important;border-radius:0}
.sf .sf-hero :focus-visible,.hh-sellband :focus-visible{outline-color:#fff}
.hh-skip{position:absolute;left:12px;top:-60px;z-index:100;background:#111;color:#fff;padding:10px 14px;font:500 13px/1 "Hanken Grotesk",sans-serif;text-decoration:none}
.hh-skip:focus{top:12px}
.hh-sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.sf-main{outline:none}
.hh-boot,.hh-loading{display:flex;align-items:center;justify-content:center;gap:10px;min-height:40vh;color:#707070;font:400 14px "Hanken Grotesk",sans-serif}
.hh-loading{min-height:30vh}
.sf-co-side .hh-loading{min-height:120px}
.hh-spin{width:16px;height:16px;border-radius:50%;border:2px solid #dcd9d4;border-top-color:#111;animation:hhspin .8s linear infinite}
@keyframes hhspin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.sf *{animation:none!important;transition:none!important}}
.hh-mt{margin-top:10px!important}.hh-mt2{margin-top:32px!important}.hh-mb{margin-bottom:24px!important}
.sf .num{font-variant-numeric:tabular-nums}
.sf .mono{font-family:"Roboto Mono",ui-monospace,monospace;font-size:12.5px}
.sf .right{text-align:right}
.hh-narrow{max-width:880px}
.sf-wrap.hh-narrow{margin-inline:auto}
.sf-sec.hh-tight{padding-top:8px}
.sf-sub p{margin:0}
.sf-empty p{margin:0 auto 20px;max-width:46ch}

/* demo and utility bars */
.hh-demo{background:#1d1d1b;color:#e9e6e0}
.hh-cur{display:inline-flex;align-items:center;gap:6px;color:var(--ink2)}
.hh-cur select{min-width:52px;height:auto!important;box-shadow:none!important;appearance:auto;border:0;background:transparent;font:inherit;font-size:12px;font-weight:600;color:var(--ink);padding:2px 0;cursor:pointer}

/* header */
.hh-logo span{letter-spacing:.02em;margin-right:0;font-size:27px;font-weight:600}
.hh-logo small{letter-spacing:.42em;margin-right:-.42em;margin-top:4px}
.sf-search input[type=search]{-webkit-appearance:none;appearance:none}
.sf-search input::-webkit-search-cancel-button{display:none}
.sf-navrow a:first-child{color:var(--accent)}
.sf-navrow a:last-child{color:var(--info)}
.hh-msearch{display:none}
@media (max-width:900px){
  .hh-logo{align-items:center}.hh-logo span{font-size:23px}.hh-logo small{display:block;font-size:8px;margin-top:3px}
  .sf-hrow{grid-template-columns:44px 1fr auto}
  .hh-hide-s{display:none!important}
  .hh-msearch.open{display:block;padding:10px 0 12px;border-top:1px solid var(--line)}
  .hh-msearch .sf-search{display:flex;width:100%}
  .sf-nav.open .sf-navrow a:first-child,.sf-nav.open .sf-navrow a:last-child{color:inherit}
}

/* toast in storefront style */
.sf-on .toast{border-radius:0;background:#111;color:#fff;box-shadow:0 10px 30px rgba(0,0,0,.18);font:400 13.5px/1.45 "Hanken Grotesk",sans-serif;z-index:90;align-items:center}
.sf-on .toast svg{color:#9ed3a9}
.sf-on .toast[data-tone="bad"]{background:#7a1d14}.sf-on .toast[data-tone="bad"] svg{color:#fff}

/* prices, ratings, small labels */
.hh-sale{color:var(--warn);font-weight:600}
.sf-price s,.sf-pprice s{color:var(--mute);font-size:.92em;margin-left:4px}
.hh-approx{display:block;font-size:12px;color:var(--mute);font-weight:400;margin-top:2px}
.sf-pprice{flex-wrap:wrap}
.sf-pprice .hh-approx{flex-basis:100%;margin-top:0}
.hh-rate{display:inline-flex;align-items:center;gap:5px;font-size:12px;color:var(--ink2);line-height:1}
.hh-stars{--r:0;position:relative;display:inline-block;font-size:12px;letter-spacing:1px;line-height:1;background:linear-gradient(90deg,var(--ink) calc(var(--r) / 5 * 100%),#cfccc7 calc(var(--r) / 5 * 100%));-webkit-background-clip:text;background-clip:text;color:transparent}
.hh-stars::before{content:"★★★★★"}
.hh-rv{font-weight:600;color:var(--ink)}.hh-rn{color:var(--mute)}
.sf-pmeta .hh-rate{margin-top:3px}
.hh-trade{font-size:11.5px;color:var(--info);margin-top:2px}
.hh-pill{display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 10px;border:1px solid var(--line2);font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;color:var(--ink2);background:#fff}
.hh-pill::before{content:"";width:7px;height:7px;border-radius:50%;background:#b8b4ad}
.hh-pill.ok::before{background:var(--ok)}.hh-pill.info::before{background:#3b6ea5}.hh-pill.warn::before{background:#c2410c}.hh-pill.bad::before{background:var(--bad)}

/* hero and promotion */
.hh-promo .sf-ambrow{justify-content:center}
.hh-promo .sf-ambrow>span:nth-child(2){flex:0 1 auto}
.hh-code{display:inline-flex;align-items:center;height:26px;padding:0 9px;border:1px dashed #a8987f;font-size:11.5px;font-weight:600;letter-spacing:.1em}
.hh-hero{height:clamp(480px,70vh,700px)}
.hh-hero>img{object-position:50% 55%}
.hh-hero h1{font-size:clamp(30px,3.4vw,50px);line-height:1.1;max-width:24ch}
.hh-hero .sf-hero-tx>p:not(.sf-eyebrow){max-width:52ch}
@media (max-width:560px){.hh-promo .sf-ambrow{flex-wrap:wrap;gap:8px}.hh-hero{height:auto;min-height:560px}.hh-hero .sf-hero-tx{padding-top:120px}}

/* store cards */
.hh-sgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:36px clamp(12px,1.6vw,24px)}
.hh-sgrid.three{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:1000px){.hh-sgrid,.hh-sgrid.three{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.hh-sgrid,.hh-sgrid.three{grid-template-columns:minmax(0,1fr)}}
.hh-scard{display:flex;flex-direction:column;min-width:0}
.hh-simg{aspect-ratio:4/3;overflow:hidden;background:var(--img);margin-bottom:14px}
.hh-simg img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.hh-scard:hover .hh-simg img{transform:scale(1.03)}
.hh-scard .sf-eyebrow{margin-bottom:6px}
.hh-scard h3{margin:0 0 6px;font-weight:400;font-size:20px;line-height:1.25;letter-spacing:-.01em}
.hh-scard:hover h3{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}
.hh-stag{margin:0 0 10px;color:var(--ink2);font-size:13.5px;line-height:1.5}
.hh-smeta{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center;margin-top:auto}

/* product cards */
.hh-pc .sf-pt{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.hh-pc:hover .sf-pt{color:var(--ink);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
@media (max-width:560px){.sf-grid,.sf-grid.three{gap:28px 12px}.sf-pmeta .sf-brand{font-size:10px}.sf-pt,.sf-price{font-size:13px}}

/* shop by country */
.hh-ogrid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(12px,1.4vw,20px)}
@media (max-width:1000px){.hh-ogrid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:560px){.hh-ogrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.hh-otile .sf-tileimg{aspect-ratio:1/1;margin-bottom:12px}
.hh-otile h3{margin:0 0 2px;font-size:18px}
@media (max-width:760px){.hh-otile .sf-tileimg{aspect-ratio:1/1}}

/* bands */
.hh-band .sf-mkimg{min-height:440px}
.hh-mktx{align-self:center}
.hh-ticks{list-style:none;margin:0 0 32px;padding:0;display:flex;flex-direction:column;gap:12px}
.hh-ticks li{display:flex;gap:12px;align-items:flex-start;font-size:14.5px;color:var(--ink2)}
.hh-ticks svg{width:16px;height:16px;margin-top:3px;color:var(--ok)}
@media (max-width:900px){.hh-band .sf-mkimg{min-height:0}}
.hh-sellband{background:#1d1d1b;color:#efece6}
.hh-sellgrid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,5vw,80px);align-items:center;padding-block:clamp(48px,6vw,88px)}
.hh-sellband .sf-eyebrow{color:#a9a49b}
.hh-sellband h2{margin:0;font-weight:300;font-size:clamp(28px,2.8vw,40px);line-height:1.12;letter-spacing:-.015em;color:#fff}
.hh-sellband p:not(.sf-eyebrow){margin:16px 0 0;font-size:15px;line-height:1.6;max-width:50ch;color:#d6d2ca}
.hh-sellband .sf-row{margin-top:32px}
.hh-sellimg{aspect-ratio:5/4;overflow:hidden;background:#2a2622}
.hh-sellimg img{width:100%;height:100%;object-fit:cover;display:block}
@media (max-width:900px){.hh-sellgrid{grid-template-columns:minmax(0,1fr)}.hh-sellimg{order:-1;aspect-ratio:16/10}}
@media (max-width:560px){.hh-sellband .sf-row .sf-btn,.hh-mktx .sf-row .sf-btn{flex:1 1 100%}.sf-perks{grid-template-columns:minmax(0,1fr)}}

/* listing */
.hh-filters>summary{display:none}
.sf-flist .hh-sub a{padding-left:14px;font-size:13px;color:var(--mute)}
.sf-flist .hh-sub a.on{color:var(--ink)}
.sf-flist a{display:block}
.sf-side .sf-ul{margin-bottom:16px;align-self:flex-start}
@media (max-width:800px){
  .hh-filters{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:8px}
  .hh-filters>summary{display:flex;justify-content:space-between;align-items:center;list-style:none;padding:14px 0;font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;cursor:pointer}
  .hh-filters>summary::-webkit-details-marker{display:none}
  .hh-filters>summary::after{content:"+";font-size:18px;font-weight:300}
  .hh-filters[open]>summary::after{content:"−"}
  .sf-side{flex-direction:column!important;flex-wrap:nowrap!important}
  .sf-side h4{display:block!important;margin-top:0}
  .sf-side .sf-flist{flex-direction:row!important;flex-wrap:wrap;gap:4px 16px!important}
  .sf-flist .hh-sub a{padding-left:0}
  .sf-bar{flex-wrap:wrap}.sf-bar>span{display:none}.sf-sort{width:100%;justify-content:space-between}
}

/* product page */
.sf-gal.hh-one{grid-template-columns:minmax(0,1fr)}
.sf-gal.hh-one .sf-gi.main{aspect-ratio:1/1;grid-column:auto}
.hh-pstore{display:flex;align-items:center;flex-wrap:wrap;gap:6px 14px}
.hh-pstore .sf-brand{font-size:12px}
.hh-pstore .sf-brand:hover,.hh-srate:hover{text-decoration:underline;text-underline-offset:3px}
.sf-info h1{margin-bottom:6px}
.hh-psub{margin:0 0 16px;color:var(--mute);font-size:14px;display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.sf-pprice{margin-top:0}
.hh-qrow{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:6px}
.hh-ql{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--mute)}
.hh-qrow .sf-step-q{margin-top:0}
.sf-step-q button{width:40px;height:40px}
.sf-step-q span{min-width:32px}
.sf-avail a.sf-link{font-size:13px}
.hh-tradebox{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px;margin:16px 0 4px;background:#eef2f6;border-left:2px solid var(--info)}
.hh-tradebox>div{display:flex;flex-direction:column;gap:2px;font-size:13px;color:var(--ink2)}
.hh-tradebox b{font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--info)}
.hh-tradebox .sf-btn{flex:none;background:#fff}
.hh-tradebox .sf-btn:hover{background:var(--ink)}
@media (max-width:480px){.hh-tradebox{flex-direction:column;align-items:stretch}}
.hh-askl{margin:16px 0 0}
.hh-tw{width:100%;overflow-x:auto}
.hh-offers td,.hh-tiers td{vertical-align:middle}
.hh-offers tr.on td{background:var(--soft)}
.hh-offers td:first-child{padding-left:8px}
.hh-cell{display:block;font-size:12px;color:var(--mute);margin-top:2px}
.hh-best{display:inline-block;margin-top:6px;font-size:10.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ok)}
@media (max-width:640px){
  .hh-offers thead{display:none}
  .hh-offers tr{display:grid;grid-template-columns:1fr auto;gap:4px 12px;padding:14px 0;border-bottom:1px solid var(--line)}
  .hh-offers td{border:0;padding:0!important}
  .hh-offers td:nth-child(2){text-align:right;font-weight:600}
  .hh-offers td:nth-child(3),.hh-offers td:nth-child(4){font-size:12.5px;color:var(--mute)}
  .hh-offers td:nth-child(4){text-align:right}
  .hh-offers td:last-child{grid-column:1/-1;text-align:left;margin-top:6px}
}
.hh-revgrid{display:grid;grid-template-columns:280px minmax(0,1fr);gap:clamp(24px,4vw,64px);align-items:start}
@media (max-width:860px){.hh-revgrid{grid-template-columns:minmax(0,1fr)}}
.hh-revsum{display:flex;flex-direction:column;gap:8px;position:sticky;top:150px}
.hh-revsum>b{font-weight:300;font-size:48px;line-height:1}
.hh-revsum .hh-stars{font-size:16px}
.hh-revsum p{margin:8px 0 0}
.hh-dist{display:flex;flex-direction:column;gap:6px;margin-top:8px}
.hh-dist div{display:grid;grid-template-columns:48px 1fr 24px;gap:10px;align-items:center;font-size:12px;color:var(--ink2)}
.hh-dist i{height:4px;background:var(--line);position:relative}
.hh-dist i b{position:absolute;left:0;top:0;bottom:0;background:var(--ink)}
.hh-dist span:last-child{text-align:right;color:var(--mute)}
@media (max-width:860px){.hh-revsum{position:static}}
.hh-revs{display:flex;flex-direction:column;border-top:1px solid var(--line)}
.hh-revcols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:48px}
@media (max-width:800px){.hh-revcols{grid-template-columns:minmax(0,1fr)}}
.hh-rev{padding:20px 0;border-bottom:1px solid var(--line)}
.hh-revh{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.hh-revh b{font-weight:600;font-size:14.5px}
.hh-rev>p{margin:8px 0 10px;color:var(--ink2);font-size:14px;line-height:1.6}
.hh-revm{display:flex;flex-wrap:wrap;gap:4px 16px;font-size:12px;color:var(--mute)}
.hh-ver{display:inline-flex;align-items:center;gap:4px;color:var(--ok)}
.hh-ver svg{width:12px;height:12px}
.hh-reply{margin-top:14px;padding:12px 16px;background:var(--soft);border-left:2px solid var(--line2);font-size:13.5px}
.hh-reply b{font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase}
.hh-reply p{margin:6px 0 0;color:var(--ink2)}
.hh-tradesec{background:#f1f4f7;padding-block:clamp(40px,5vw,72px);outline:none}
.hh-tradesec .sf-eyebrow{color:var(--info)}
.sf-sec[tabindex],#hhTrade,#hhApply,#expansion,#how{outline:none;scroll-margin-top:140px}
.hh-two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:clamp(24px,5vw,80px);align-items:start}
@media (max-width:900px){.hh-two{grid-template-columns:minmax(0,1fr)}}
.hh-tiers{margin:20px 0 8px}
.hh-dl{display:grid;grid-template-columns:150px minmax(0,1fr);gap:10px 16px;margin:20px 0;font-size:14px}
.hh-dl dt{color:var(--mute)}.hh-dl dd{margin:0;color:var(--ink)}
.hh-dl.tight{grid-template-columns:90px minmax(0,1fr);font-size:13px;margin-top:0}
@media (max-width:480px){.hh-dl{grid-template-columns:minmax(0,1fr);gap:2px}.hh-dl dd{margin-bottom:10px}}

/* forms */
.hh-card{background:#fff;border:1px solid var(--line);padding:clamp(20px,2.4vw,32px)}
.hh-card h3{margin:0 0 18px;font-weight:400;font-size:20px;line-height:1.3}
.hh-form{display:flex;flex-direction:column;gap:18px}
.hh-form fieldset{border:0;padding:0;margin:0 0 8px;min-width:0}
.hh-form legend{padding:0;margin-bottom:14px;font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase}
.hh-form>.sf-btn{align-self:flex-start}
.hh-fg{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}
.hh-fg .full,.hh-f.full{grid-column:1/-1}
@media (max-width:560px){.hh-fg{grid-template-columns:minmax(0,1fr)}.hh-form>.sf-btn{align-self:stretch}}
.hh-f{display:flex;flex-direction:column;gap:6px;font-size:12.5px;color:var(--ink2);min-width:0}
.hh-f>span{font-weight:500}
.hh-f em{font-style:normal;color:var(--mute);font-weight:400}
.hh-f small{font-size:12px;color:var(--mute);line-height:1.4}
.hh-f input,.hh-f select,.hh-f textarea{width:100%;min-width:0;border:1px solid var(--line2);border-radius:0;background:#fff;padding:0 14px;font:inherit;font-size:15px;color:var(--ink);outline:0;box-shadow:none}
.hh-f input,.hh-f select{height:46px}
.hh-f textarea{padding:12px 14px;line-height:1.5;resize:vertical;min-height:96px}
.hh-f select{appearance:none;-webkit-appearance:none;padding-right:34px;background-image:linear-gradient(45deg,transparent 50%,#111 50%),linear-gradient(135deg,#111 50%,transparent 50%);background-position:calc(100% - 18px) 20px,calc(100% - 13px) 20px;background-size:5px 5px;background-repeat:no-repeat}
.hh-f input:focus,.hh-f select:focus,.hh-f textarea:focus{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)!important;outline:0}
.hh-f .bad,.hh-f input:user-invalid,.hh-f select:user-invalid,.hh-f textarea:user-invalid{border-color:var(--bad)}
.hh-fields .hh-f{color:var(--mute)}
.hh-ferr{background:#fdf1ef;border-left:2px solid var(--bad);padding:12px 14px;font-size:13.5px;line-height:1.5;color:#5c1a12;outline:none;margin-bottom:12px}
.hh-ferr ul{margin:8px 0 12px;padding-left:18px}
.hh-ferr[hidden]{display:none}
.hh-checks{display:flex;flex-wrap:wrap;gap:8px}
.hh-check{display:inline-flex;align-items:center;gap:10px;cursor:pointer;font-size:14px;color:var(--ink)}
.hh-checks .hh-check{border:1px solid var(--line2);padding:9px 12px;font-size:13px}
.hh-checks .hh-check:has(input:checked){border-color:var(--ink);background:var(--soft)}
.hh-check input{accent-color:#111;width:16px;height:16px;margin:0;flex:none}
.hh-wide{align-items:flex-start;padding:14px;background:var(--soft);line-height:1.45}
.hh-wide input{margin-top:2px}
.hh-done{display:flex;flex-direction:column;align-items:flex-start;gap:10px;outline:none}
.hh-done h3{margin:0}
.hh-done p{margin:0;color:var(--ink2);font-size:14px;line-height:1.6;max-width:56ch}
.hh-done .sf-btn{margin-top:8px}
.hh-ok{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:#e7f1e9;color:var(--ok)}
.hh-ok svg{width:18px;height:18px}
.hh-formsec{background:var(--soft);padding-block:clamp(40px,5vw,72px)}
.hh-note{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;background:var(--soft);font-size:13.5px;line-height:1.55;color:var(--ink2);margin:12px 0}
.hh-note svg{width:16px;height:16px;margin-top:2px;flex:none}
.hh-note.warn{background:#fbf3e6;border-left:2px solid #c2410c}
.hh-note.warn svg{color:#c2410c}

/* page heads (Deal Room, sell) */
.hh-pagehd{background:var(--soft);border-bottom:1px solid var(--line)}
.hh-pagehd-g{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:clamp(24px,5vw,72px);align-items:center;padding-block:28px 48px}
.hh-pagehd h1{margin:0;font-weight:300;font-size:clamp(30px,3.2vw,46px);line-height:1.1;letter-spacing:-.015em}
.hh-pagehd-img{aspect-ratio:5/4;overflow:hidden;background:var(--img)}
.hh-pagehd-img img{width:100%;height:100%;object-fit:cover;display:block}
@media (max-width:800px){.hh-pagehd-g{grid-template-columns:minmax(0,1fr)}.hh-pagehd-img{aspect-ratio:16/10}}
.hh-howto{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;counter-reset:hw}
.hh-howto.five{grid-template-columns:repeat(5,minmax(0,1fr))}
.hh-howto li{display:flex;flex-direction:column;gap:6px;padding-top:16px;border-top:1px solid var(--ink);counter-increment:hw}
.hh-howto li::before{content:counter(hw,decimal-leading-zero);font-size:12px;color:var(--mute);font-variant-numeric:tabular-nums}
.hh-howto b{font-size:15px;font-weight:600}
.hh-howto span{font-size:13.5px;color:var(--ink2);line-height:1.55}
@media (max-width:1000px){.hh-howto,.hh-howto.five{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.hh-howto,.hh-howto.five{grid-template-columns:minmax(0,1fr)}}
.hh-terms{margin-top:32px;border-top:1px solid var(--line)}
.hh-terms dl{grid-template-columns:60px 1fr}
.hh-tlist{display:flex;flex-direction:column;border-top:1px solid var(--line)}
.hh-trow{display:grid;grid-template-columns:72px minmax(0,1.6fr) minmax(0,.8fr) minmax(0,1fr) minmax(0,.7fr) auto;gap:20px;align-items:center;padding:16px 0;border-bottom:1px solid var(--line)}
.hh-trow .sf-img{width:72px}
.hh-tmain{display:flex;flex-direction:column;gap:3px;min-width:0}
.hh-tt{font-size:15px}
.hh-tt:hover{text-decoration:underline;text-underline-offset:3px}
.hh-tcell{display:flex;flex-direction:column;gap:2px;font-size:13.5px}
.hh-tcell b{font-weight:600}
.hh-k{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--mute)}
@media (max-width:1000px){
  .hh-trow{grid-template-columns:72px minmax(0,1fr) minmax(0,1fr);gap:10px 16px;align-items:start}
  .hh-trow .sf-img{grid-row:span 3}
  .hh-tmain{grid-column:2/-1}
  .hh-trow>.sf-btn{grid-column:2/-1;justify-self:start}
}

/* store page */
.hh-sbanner{position:relative;height:clamp(300px,42vh,440px);overflow:hidden;background:#2a2622;color:#fff}
.hh-sbanner>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hh-sbtx{position:relative;height:100%;display:flex;flex-direction:column;justify-content:flex-end;padding-bottom:36px}
.hh-sbtx .sf-eyebrow{color:rgba(255,255,255,.85)}
.hh-sbtx h1{margin:0;font-weight:300;font-size:clamp(34px,4vw,56px);line-height:1.05;letter-spacing:-.02em}
.hh-sbtx>p:not(.sf-eyebrow){margin:10px 0 14px;font-size:16px;color:rgba(255,255,255,.92);max-width:52ch}
.hh-sbm{display:flex;flex-wrap:wrap;gap:6px 18px;align-items:center;font-size:13px;color:rgba(255,255,255,.9)}
.hh-sbm .hh-rate,.hh-sbm .hh-rv{color:#fff}
.hh-sbm .hh-rn{color:rgba(255,255,255,.75)}
.hh-sbm .hh-stars{background:linear-gradient(90deg,#fff calc(var(--r) / 5 * 100%),rgba(255,255,255,.35) calc(var(--r) / 5 * 100%));-webkit-background-clip:text;background-clip:text}
.hh-sinfo{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,5vw,80px);padding:12px 0 8px}
.hh-sinfo .hh-dl{margin-top:0}
@media (max-width:800px){.hh-sinfo{grid-template-columns:minmax(0,1fr)}}
.hh-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:32px}
.hh-chips a{display:inline-flex;align-items:center;height:36px;padding:0 14px;border:1px solid var(--line2);font-size:13px}
.hh-chips a:hover{border-color:var(--ink)}
.hh-chips a.on{background:var(--ink);border-color:var(--ink);color:#fff}

/* bag drawer and bag page */
.hh-dgroup{margin-bottom:22px}
.hh-dgh{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding-bottom:10px;margin-bottom:4px;border-bottom:1px solid var(--ink);font-size:12px}
.hh-dgh a{font-weight:600;letter-spacing:.1em;text-transform:uppercase;font-size:11px}
.hh-dgh a:hover{text-decoration:underline}
.hh-dgh span{color:var(--mute);text-align:right}
.hh-dgroup .sf-line:first-of-type{padding-top:14px}
.sf-line a:hover b{text-decoration:underline;text-underline-offset:3px}
.hh-lact{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.hh-lact .sf-step-q{margin-top:8px}
.hh-lact .sf-link{margin-top:8px;font-size:12.5px;color:var(--mute)}
.sf-step-q button{width:34px;height:34px}
.hh-lprob{display:block;margin-top:6px;font-size:12.5px;color:var(--bad);line-height:1.45}
.sf-btn.hh-dis{background:#e8e7e4;border-color:#e8e7e4;color:#8b8b8b!important;cursor:not-allowed}
.sf-dfoot .sf-muted.sm{line-height:1.5}
.hh-cgroup{margin-bottom:36px}
.hh-cgh{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;padding-bottom:12px;border-bottom:1px solid var(--ink);margin-bottom:12px}
.hh-cgh .sf-eyebrow{margin-bottom:4px}
.hh-cgn{font-size:18px}
.hh-cgn:hover{text-decoration:underline;text-underline-offset:3px}
.hh-cgh>span{font-size:13px;color:var(--ink2);text-align:right}
.hh-cgroup .sf-free{margin:4px 0 4px;isolation:isolate}
.hh-cgroup .sf-line{grid-template-columns:96px minmax(0,1fr) auto}
.hh-cgroup .sf-line .sf-img{width:96px}
.hh-cgroup .sf-line:first-child{padding-top:14px}
.hh-cgt{display:flex;justify-content:space-between;padding-top:12px;font-size:13.5px;color:var(--ink2)}
@media (max-width:560px){.hh-cgroup .sf-line{grid-template-columns:72px minmax(0,1fr) auto}.hh-cgroup .sf-line .sf-img{width:72px}.hh-cgh{flex-direction:column;align-items:flex-start}.hh-cgh>span{text-align:left}}
.sf-co-side .sf-promo{margin-top:0}
.sf-promo .sf-btn{height:40px}
.hh-sgrp{margin-bottom:18px}
.hh-sgh{display:flex;justify-content:space-between;gap:12px;padding-bottom:8px;margin-bottom:10px;border-bottom:1px solid var(--line2);font-size:12px}
.hh-sgh b{font-weight:600;letter-spacing:.08em;text-transform:uppercase;font-size:11px}
.hh-sgh span{color:var(--mute)}
.hh-sgrp .sf-line{grid-template-columns:56px minmax(0,1fr) auto;padding:10px 0;border-bottom:0}
.hh-sgrp .sf-line .sf-img{width:56px;overflow:visible}
.hh-sgrp .sf-line .sf-img>img{overflow:hidden}
.sf-co-side .sf-btn svg,.sf-co-side .sf-muted svg{width:12px;height:12px;vertical-align:-1px}
@media (max-width:960px){.sf-co-side{position:static}}
@media (max-width:560px){.sf-co-side{margin-inline:calc(-1 * clamp(16px,3.2vw,48px));padding:24px 16px}}

/* checkout */
.hh-fields{margin-top:0!important}
.sf-step h2{margin-bottom:20px}
.sf-cohd h1{margin:0}
.sf-cohd .sf-eyebrow{margin-bottom:6px}
@media (max-width:560px){.sf-cohd{flex-direction:column;align-items:flex-start;gap:8px}}

/* order page */
.hh-thanks{display:flex;gap:20px;align-items:flex-start;padding-bottom:28px;margin-bottom:32px;border-bottom:1px solid var(--line)}
.hh-thanks .hh-ok{flex:none;width:48px;height:48px}
.hh-thanks .sf-thanks{font-size:clamp(24px,2.6vw,34px)}
@media (max-width:560px){.hh-thanks{flex-direction:column;gap:12px}}
.hh-part{padding:24px;border:1px solid var(--line);margin-bottom:24px;scroll-margin-top:140px}
.hh-parth{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:18px}
.hh-parth .sf-eyebrow{margin-bottom:4px}
.hh-parth h2{margin:0;font-weight:400;font-size:20px}
.hh-parth h2 a:hover{text-decoration:underline;text-underline-offset:3px}
.hh-steps{list-style:none;margin:0 0 18px;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.hh-steps li{display:flex;flex-direction:column;gap:8px;font-size:12px;color:var(--mute)}
.hh-steps i{height:3px;background:var(--line)}
.hh-steps li.done i{background:var(--ink)}
.hh-steps li.done{color:var(--ink2)}
.hh-steps li.now{color:var(--ink);font-weight:600}
.hh-steps li+li i{margin-left:2px}
.hh-trk{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;background:var(--soft);font-size:13.5px;margin-bottom:8px}
.hh-trk svg{width:16px;height:16px;margin-top:2px;flex:none}
.hh-part .sf-line{grid-template-columns:72px minmax(0,1fr) auto}
.hh-part .sf-line .sf-img{width:72px}
.hh-part .sf-line:first-child{padding-top:14px}
.hh-ptot{display:flex;justify-content:space-between;gap:12px;padding:12px 0;font-size:13.5px;color:var(--ink2)}
.hh-evs{border-top:1px solid var(--line)}
.hh-tl{list-style:none;margin:0 0 16px;padding:0 0 0 14px;border-left:1px solid var(--line2);display:flex;flex-direction:column;gap:12px}
.hh-tl li{position:relative;display:flex;flex-direction:column;gap:2px;font-size:13.5px}
.hh-tl li::before{content:"";position:absolute;left:-18px;top:6px;width:7px;height:7px;border-radius:50%;background:var(--line2)}
.hh-tl li:first-child::before{background:var(--ink)}
.hh-tl b{font-weight:500}
.hh-tl span{font-size:12px;color:var(--mute)}
.hh-pact{display:flex;flex-direction:column;gap:12px;margin-top:16px}
.hh-inl>summary{list-style:none;width:max-content;max-width:100%}
.hh-inl>summary::-webkit-details-marker{display:none}
.hh-inl[open]>summary{margin-bottom:14px}
.hh-inl .hh-form{padding:20px;background:var(--soft)}
.hh-inl .hh-f input,.hh-inl .hh-f select,.hh-inl .hh-f textarea{background:#fff}
.hh-revform{margin-top:12px;gap:14px}
.hh-revform h3{margin:0;font-size:17px}
.hh-starpick{border:0;margin:0;padding:0;display:inline-flex;flex-direction:row-reverse;justify-content:flex-end;gap:2px}
.hh-starpick legend{width:100%;margin-bottom:6px;font-size:12.5px;font-weight:500;color:var(--ink2);float:left}
.hh-starpick input{position:absolute;opacity:0;width:1px;height:1px}
.hh-starpick label{cursor:pointer;font-size:26px;line-height:1;color:#cfccc7;padding:2px}
.hh-starpick label::before{content:"★"}
.hh-starpick input:checked~label,.hh-starpick label:hover,.hh-starpick label:hover~label{color:var(--ink)}
.hh-starpick input:focus-visible+label{outline:2px solid var(--ink);outline-offset:1px}
.sf-ord{color:inherit}
.sf-ord:hover{background:var(--soft)}
.sf-ord svg{width:14px;height:14px;color:var(--mute)}
.hh-ord .sf-co-side h2{margin-bottom:14px}
.hh-ord .sf-tot{margin-top:4px}

/* quote request page */
.hh-quote{margin:24px 0}
.hh-qgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-top:1px solid var(--line);border-left:1px solid var(--line);margin:8px 0 20px}
.hh-qgrid div{display:flex;flex-direction:column;gap:4px;padding:14px 16px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.hh-qgrid b{font-weight:400;font-size:20px;font-variant-numeric:tabular-nums}
@media (max-width:560px){.hh-qgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.hh-acc p{margin:0 0 14px;color:var(--ink2);font-size:14px;line-height:1.6}
.hh-acc .hh-ferr{margin-top:12px}

/* conversation */
.hh-msgs{list-style:none;margin:0 0 24px;padding:0;display:flex;flex-direction:column;gap:14px}
.hh-msgs li{max-width:82%;padding:14px 16px;background:var(--soft);font-size:14px;line-height:1.6}
.hh-msgs li.me{align-self:flex-end;background:#111;color:#f3f1ec}
.hh-msgs li.me .hh-mh span{color:#b9b5ad}
.hh-mh{display:flex;justify-content:space-between;gap:16px;font-size:12px;margin-bottom:4px}
.hh-mh span{color:var(--mute)}
.hh-msgs p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}
@media (max-width:560px){.hh-msgs li{max-width:94%}}

/* footer */
.hh-fnote{font-size:13px;color:var(--mute);line-height:1.6}
.sf-news .sf-btn{margin-top:4px}
@media (max-width:560px){.sf-fcols{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px 16px}.sf-fcols a{overflow-wrap:anywhere}}
.sf .sf-main:focus,.sf .sf-main:focus-visible,.sf [tabindex="-1"]:focus,.sf [tabindex="-1"]:focus-visible{outline:none}
@media (max-width:560px){
  .hh-sgrid:not(.three){grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 12px}
  .hh-sgrid:not(.three) .hh-stag{display:none}
  .hh-sgrid:not(.three) h3{font-size:16px}
  .hh-sgrid:not(.three) .hh-simg{aspect-ratio:1/1}
}
.hh-pv{font-weight:400}
.sf-pprice .hh-pv{font-size:20px;color:var(--ink)}
.sf-pprice .hh-pv.hh-sale{color:var(--warn);font-weight:500}
.sf-price .hh-pv.hh-sale{font-weight:600}
.sf-pprice s{font-size:15px}
.sf-pprice .hh-approx{font-size:12.5px}
.hh-cur{white-space:nowrap}
#hhOffers .sf-sec{padding-top:clamp(36px,5vw,64px)}
@media (max-width:640px){.hh-offers tr.on{background:var(--soft);padding-inline:10px}.hh-offers tr.on td{background:none}}
.hh-sbanner+.sf-wrap{padding-top:24px}

/* fields focused by the browser's form check scroll clear of the sticky header */
html{scroll-padding-top:150px}