/* Ultramax USA — store stylesheet. Tokens u533- (class prefix) are substituted at build time. */
:root{
  --ink:#1a1a1a; --ink-2:#54525b; --ink-3:#8a8792;
  --bg:#ffffff; --bg-2:#f6f6f7; --line:rgba(26,26,26,.12);
  --head-ink:#3d3b3b;
  --foot:#030436; --foot-ink:#ffffff; --foot-dim:rgba(255,255,255,.66);
  --sale:#00a341; --star:#ffb74a; --accent:#1a1a1a;
  --wrap:1280px; --pad:20px; --r:10px;
  --hd:'Raleway',ui-sans-serif,system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;
  --bd:ui-sans-serif,system-ui,-apple-system,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:400 15px/1.6 var(--bd);overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
h1,h2,h3,h4{font-family:var(--hd);font-weight:600;line-height:1.18;margin:0 0 .5em;letter-spacing:-.01em}
h1{font-size:clamp(1.8rem,3.6vw,2.6rem)}
h2{font-size:clamp(1.35rem,2.4vw,1.85rem)}
h3{font-size:1.1rem}
p{margin:0 0 1em}
.u533-wrap{max-width:var(--wrap);margin-inline:auto;padding-inline:var(--pad)}
.u533-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.u533-skip{position:absolute;left:-9999px;top:0;background:#fff;padding:10px 14px;z-index:100}
.u533-skip:focus{left:8px;top:8px}
:focus-visible{outline:2px solid var(--ink);outline-offset:2px}

/* ---------- announcement ---------- */
.u533-ann{background:linear-gradient(90deg,#2f6fb2,#38b2ac,#6fd3c0);color:#fff;font-size:12.5px;
  letter-spacing:.03em;overflow:hidden;white-space:nowrap}
.u533-ann__track{display:inline-flex;gap:60px;padding:9px 30px;animation:u533-slide 34s linear infinite}
.u533-ann b{font-weight:600}
@keyframes u533-slide{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.u533-ann__track{animation:none}}

/* ---------- header ---------- */
.u533-hd{position:sticky;top:0;z-index:40;background:#fff;border-bottom:1px solid var(--line)}
.u533-hd__in{display:flex;align-items:center;gap:22px;min-height:62px}
.u533-logo{font-family:var(--hd);font-weight:800;font-size:20px;letter-spacing:-.02em;color:var(--head-ink)}
.u533-logo span{color:var(--sale)}
.u533-nav{display:flex;gap:20px;margin-left:8px;flex:1}
.u533-nav a{font-size:13.5px;color:var(--head-ink);padding:6px 0;border-bottom:2px solid transparent}
.u533-nav a:hover,.u533-nav a[aria-current]{border-bottom-color:var(--ink)}
.u533-tools{display:flex;align-items:center;gap:14px}
.u533-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;position:relative;
  color:var(--head-ink);background:transparent;border:0;cursor:pointer}
.u533-icon:hover{background:var(--bg-2)}
.u533-badge{position:absolute;top:2px;right:1px;min-width:17px;height:17px;border-radius:9px;background:var(--ink);
  color:#fff;font-size:10.5px;font-weight:700;display:grid;place-items:center;padding:0 4px}
.u533-badge[hidden]{display:none}
.u533-burger{display:none}
@media (max-width:980px){
  .u533-nav{display:none}
  .u533-burger{display:grid}
  .u533-nav.is-open{display:flex;position:absolute;left:0;right:0;top:100%;background:#fff;flex-direction:column;
    gap:0;padding:8px 20px 18px;border-bottom:1px solid var(--line)}
  .u533-nav.is-open a{padding:11px 0;border-bottom:1px solid var(--line)}
}

/* ---------- hero / slideshow ---------- */
.u533-hero{position:relative;min-height:clamp(400px,44vw,520px);display:grid;align-items:end;
  background:#2b3033;color:#fff;overflow:hidden}
.u533-hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 32%}
.u533-hero__in{position:relative;padding:0 var(--pad) 46px;max-width:640px;width:100%}
.u533-hero__k{font-size:12px;letter-spacing:.16em;text-transform:uppercase;opacity:.85;margin-bottom:10px}
.u533-hero h1{color:#fff;margin-bottom:.4em;text-shadow:0 2px 24px rgba(0,0,0,.35)}
.u533-hero p{color:rgba(255,255,255,.9);max-width:46ch}
.u533-hero::after{content:"";position:absolute;inset:0;
  background:linear-gradient(90deg,rgba(10,13,17,.82),rgba(10,13,17,.55) 48%,rgba(10,13,17,.18) 78%)}
.u533-hero__in{z-index:2}

/* ---------- buttons ---------- */
.u533-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--ink);
  background:var(--ink);color:#fff;font:600 14px/1 var(--bd);padding:13px 22px;border-radius:999px;
  cursor:pointer;transition:opacity .15s}
.u533-btn:hover{opacity:.86}
.u533-btn--ghost{background:transparent;color:var(--ink)}
.u533-btn--light{background:#fff;color:var(--ink);border-color:#fff}
.u533-btn--full{width:100%}
.u533-btn--sm{padding:9px 15px;font-size:13px}
.u533-btn[disabled]{opacity:.45;cursor:not-allowed}

/* ---------- sections ---------- */
.u533-sec{padding:54px 0}
.u533-sec--tight{padding:34px 0}
.u533-sec__hd{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:22px}
.u533-sec__hd h2{margin:0}
.u533-sec__hd p{margin:4px 0 0;color:var(--ink-2);font-size:14px}
.u533-more{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;white-space:nowrap}
.u533-more:hover{text-decoration:underline}
.u533-kick{font-size:11.5px;letter-spacing:.15em;text-transform:uppercase;color:var(--ink-3);margin:0 0 6px}

/* ---------- product grid ---------- */
.u533-grid{display:grid;gap:26px 18px;grid-template-columns:repeat(4,1fr)}
@media (max-width:1000px){.u533-grid{grid-template-columns:repeat(3,1fr)}}
@media (max-width:760px){.u533-grid{grid-template-columns:repeat(2,1fr);gap:22px 12px}}
.u533-card{position:relative;display:flex;flex-direction:column}
.u533-card__art{position:relative;aspect-ratio:1/1;background:var(--bg-2);border-radius:var(--r);overflow:hidden}
.u533-card__art img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.u533-card:hover .u533-card__art img{transform:scale(1.035)}
.u533-save{position:absolute;top:9px;left:9px;background:var(--sale);color:#fff;font-size:11px;font-weight:700;
  padding:4px 8px;border-radius:5px;z-index:2}
.u533-card h3{font-size:13.5px;font-weight:600;line-height:1.35;margin:11px 0 5px;font-family:var(--bd)}
.u533-stars{color:var(--star);font-size:12px;letter-spacing:1px;margin-bottom:5px}
.u533-stars small{color:var(--ink-3);letter-spacing:0;margin-left:5px}
.u533-price{display:flex;align-items:baseline;gap:8px;font-size:14px}
.u533-price b{font-weight:700}
.u533-price s{color:var(--ink-3);font-weight:400;font-size:12.5px}
.u533-price .u533-on{color:var(--sale)}
.u533-sw{display:flex;gap:5px;margin-top:9px;flex-wrap:wrap}
.u533-sw i{width:17px;height:17px;border-radius:4px;border:1px solid var(--line);display:block}
.u533-sw em{font-style:normal;font-size:11px;color:var(--ink-3);align-self:center}
.u533-card__add{margin-top:11px}

/* ---------- editorial tiles ---------- */
.u533-tiles{display:grid;gap:14px;grid-template-columns:repeat(3,1fr)}
@media (max-width:820px){.u533-tiles{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.u533-tiles{grid-template-columns:1fr}}
.u533-tile{position:relative;aspect-ratio:4/5;border-radius:var(--r);overflow:hidden;background:#2b3033;display:grid;align-items:end}
.u533-tile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.u533-tile::after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 42%,rgba(0,0,0,.68))}
.u533-tile__t{position:relative;z-index:2;color:#fff;padding:20px}
.u533-tile__t small{display:block;font-size:12px;opacity:.86;margin-bottom:3px}
.u533-tile__t b{font-family:var(--hd);font-size:22px;font-weight:700}
.u533-tile--wide{aspect-ratio:16/7}
.u533-tile--wide img{object-position:50% 40%}

/* ---------- strip / marquee ---------- */
.u533-strip{background:var(--ink);color:#fff;overflow:hidden;white-space:nowrap;padding:14px 0}
.u533-strip__t{display:inline-flex;gap:48px;font-family:var(--hd);font-weight:700;font-size:20px;
  letter-spacing:.02em;animation:u533-slide 26s linear infinite}
@media (prefers-reduced-motion:reduce){.u533-strip__t{animation:none}}

/* ---------- value props ---------- */
.u533-props{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);padding:30px 0}
@media (max-width:860px){.u533-props{grid-template-columns:1fr 1fr}}
@media (max-width:480px){.u533-props{grid-template-columns:1fr}}
.u533-prop b{display:block;font-size:14px;margin-bottom:4px}
.u533-prop p{margin:0;font-size:13px;color:var(--ink-2)}

/* ---------- FAQ ---------- */
.u533-faq{max-width:840px}
.u533-faq details{border-bottom:1px solid var(--line);padding:16px 0}
.u533-faq summary{cursor:pointer;font-weight:600;font-size:15px;list-style:none;display:flex;
  justify-content:space-between;gap:16px}
.u533-faq summary::-webkit-details-marker{display:none}
.u533-faq summary::after{content:"+";color:var(--ink-3);font-weight:400}
.u533-faq details[open] summary::after{content:"\2013"}
.u533-faq p{margin:12px 0 0;color:var(--ink-2);font-size:14.5px}

/* ---------- product page ---------- */
.u533-pdp{display:grid;grid-template-columns:1.15fr 1fr;gap:46px;align-items:start}
@media (max-width:900px){.u533-pdp{grid-template-columns:1fr;gap:26px}}
.u533-gal{display:grid;gap:10px;grid-template-columns:repeat(2,1fr)}
.u533-gal a:first-child,.u533-gal img:first-child{grid-column:1/-1}
.u533-gal img{border-radius:var(--r);background:var(--bg-2);width:100%;aspect-ratio:1/1;object-fit:cover}
.u533-pdp__price{display:flex;align-items:baseline;gap:10px;font-size:22px;margin:6px 0 14px}
.u533-pdp__price b{font-weight:700}
.u533-pdp__price s{font-size:15px;color:var(--ink-3);font-weight:400}
.u533-opt{margin:16px 0}
.u533-opt>b{display:block;font-size:12.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);margin-bottom:8px}
.u533-chips{display:flex;flex-wrap:wrap;gap:7px}
.u533-chip{border:1px solid var(--line);background:#fff;border-radius:7px;padding:8px 12px;font-size:13px;cursor:pointer}
.u533-chip[aria-pressed="true"]{border-color:var(--ink);background:var(--ink);color:#fff}
.u533-chip--sw{display:inline-flex;align-items:center;gap:7px}
.u533-chip--sw i{width:14px;height:14px;border-radius:3px;border:1px solid var(--line)}
.u533-note{font-size:13px;color:var(--ink-2);background:var(--bg-2);border-radius:var(--r);padding:13px 15px;margin-top:16px}
.u533-spec{width:100%;border-collapse:collapse;font-size:14px;margin-top:14px}
.u533-spec th,.u533-spec td{text-align:left;padding:9px 0;border-bottom:1px solid var(--line);vertical-align:top}
.u533-spec th{font-weight:600;width:46%;color:var(--ink-2)}
.u533-ul{padding-left:18px;margin:0 0 1em;color:var(--ink-2);font-size:14.5px}
.u533-ul li{margin-bottom:6px}

/* ---------- cart & checkout ---------- */
.u533-two{display:grid;grid-template-columns:1.5fr 1fr;gap:38px;align-items:start}
@media (max-width:900px){.u533-two{grid-template-columns:1fr;gap:24px}}
.u533-line{display:grid;grid-template-columns:84px 1fr auto;gap:14px;align-items:center;
  padding:16px 0;border-bottom:1px solid var(--line)}
.u533-line img{width:84px;height:84px;object-fit:cover;border-radius:8px;background:var(--bg-2)}
.u533-line h3{font-size:14px;margin:0 0 3px;font-family:var(--bd);font-weight:600}
.u533-line small{color:var(--ink-3);font-size:12.5px;display:block}
.u533-qty{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:7px;margin-top:7px}
.u533-qty button{width:30px;height:30px;border:0;background:transparent;cursor:pointer;font-size:15px;color:var(--ink)}
.u533-qty span{min-width:26px;text-align:center;font-size:13.5px;font-weight:600}
.u533-line__r{text-align:right;font-weight:700;font-size:14.5px;white-space:nowrap}
.u533-rm{display:block;margin-top:8px;font-size:12px;color:var(--ink-3);background:0;border:0;cursor:pointer;
  text-decoration:underline;padding:0;width:100%;text-align:right}
.u533-sum{background:var(--bg-2);border-radius:var(--r);padding:22px}
.u533-sum h2{font-size:17px;margin-bottom:14px}
.u533-sum__l{display:flex;justify-content:space-between;gap:14px;font-size:14px;padding:7px 0;color:var(--ink-2)}
.u533-sum__t{display:flex;justify-content:space-between;gap:14px;font-size:18px;font-weight:700;
  border-top:1px solid var(--line);margin-top:10px;padding-top:13px}
.u533-empty{text-align:center;padding:60px 20px;color:var(--ink-2)}

.u533-form{display:grid;gap:14px;max-width:560px}
.u533-f{display:grid;gap:6px}
.u533-f label{font-size:12.5px;font-weight:600;letter-spacing:.03em;text-transform:uppercase;color:var(--ink-3)}
.u533-f input,.u533-f textarea,.u533-f select{font:400 15px/1.4 var(--bd);color:var(--ink);background:#fff;
  border:1px solid var(--line);border-radius:8px;padding:12px 13px;width:100%}
.u533-f textarea{min-height:104px;resize:vertical}
.u533-f input:focus,.u533-f textarea:focus,.u533-f select:focus{outline:2px solid var(--ink);outline-offset:0;border-color:transparent}
.u533-row2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media (max-width:560px){.u533-row2{grid-template-columns:1fr}}
.u533-err{color:#c22;font-size:12.5px;margin:0}
.u533-ok{background:#e8f7ee;border:1px solid #bfe6cd;border-radius:var(--r);padding:18px;font-size:14.5px}

/* ---------- editorial / legal pages ---------- */
.u533-prose{max-width:74ch}
.u533-prose h2{margin-top:1.8em}
.u533-prose h3{margin-top:1.5em;font-size:1rem}
.u533-prose ul{padding-left:20px;color:var(--ink-2)}
.u533-prose li{margin-bottom:7px}
.u533-prose p{color:var(--ink-2)}
.u533-prose table{width:100%;border-collapse:collapse;font-size:14px;margin:1em 0}
.u533-prose th,.u533-prose td{border:1px solid var(--line);padding:9px 11px;text-align:left}
.u533-prose th{background:var(--bg-2);font-weight:600}
.u533-lead{font-size:17px;color:var(--ink);max-width:64ch}
.u533-upd{font-size:13px;color:var(--ink-3)}
.u533-co{background:var(--bg-2);border-radius:var(--r);padding:20px;font-size:14px;max-width:560px}
.u533-co p{margin:0 0 6px;color:var(--ink-2)}
.u533-crumb{font-size:13px;color:var(--ink-3);margin:18px 0 0}
.u533-crumb a:hover{text-decoration:underline}

/* ---------- footer ---------- */
.u533-ft{background:var(--foot);color:var(--foot-ink);padding:52px 0 26px;margin-top:60px}
.u533-ft__g{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:34px}
@media (max-width:900px){.u533-ft__g{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.u533-ft__g{grid-template-columns:1fr}}
.u533-ft b.u533-ft__h{display:block;font-size:13px;letter-spacing:.06em;text-transform:uppercase;margin-bottom:13px}
.u533-ft nav{display:grid;gap:9px}
.u533-ft nav a{font-size:13.5px;color:var(--foot-dim)}
.u533-ft nav a:hover{color:#fff}
.u533-ft p{color:var(--foot-dim);font-size:13.5px}
.u533-ft__brand{font-family:var(--hd);font-weight:800;font-size:21px;color:#fff;margin-bottom:10px;display:block}
.u533-ft__bot{border-top:1px solid rgba(255,255,255,.14);margin-top:34px;padding-top:20px;display:flex;
  justify-content:space-between;gap:18px;flex-wrap:wrap;align-items:center}
.footer-links{margin:0;font-size:13px;color:var(--foot-dim)}
.footer-links a{color:var(--foot-dim)}
.footer-links a:hover{color:#fff;text-decoration:underline}
.u533-ft__co{font-size:12.5px;color:var(--foot-dim);margin:0}

/* ---------- cart drawer ---------- */
.u533-dr{position:fixed;inset:0;z-index:60;visibility:hidden}
.u533-dr[data-open]{visibility:visible}
.u533-dr__bg{position:absolute;inset:0;background:rgba(10,10,14,.42);opacity:0;transition:opacity .25s}
.u533-dr[data-open] .u533-dr__bg{opacity:1}
.u533-dr__p{position:absolute;top:0;right:0;height:100%;width:min(410px,92vw);background:#fff;
  display:flex;flex-direction:column;transform:translateX(100%);transition:transform .28s ease}
.u533-dr[data-open] .u533-dr__p{transform:none}
@media (prefers-reduced-motion:reduce){.u533-dr__p,.u533-dr__bg{transition:none}}
.u533-dr__h{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid var(--line)}
.u533-dr__h b{font-family:var(--hd);font-size:16px}
.u533-dr__b{flex:1;overflow:auto;padding:0 20px}
.u533-dr__f{border-top:1px solid var(--line);padding:18px 20px;display:grid;gap:10px}
.u533-x{background:0;border:0;font-size:20px;line-height:1;cursor:pointer;color:var(--ink-2);padding:4px}

/* ---------- toast ---------- */
.u533-toast{position:fixed;left:50%;bottom:26px;transform:translate(-50%,18px);background:var(--ink);color:#fff;
  font-size:13.5px;padding:12px 18px;border-radius:999px;opacity:0;pointer-events:none;transition:.22s;z-index:70}
.u533-toast[data-on]{opacity:1;transform:translate(-50%,0)}