/* VELOHOLD — swiss technical. white/black/signal red, Archivo + IBM Plex Mono */
@font-face{font-family:"Archivo";font-weight:500;font-display:swap;src:url("../fonts/archivo-500.woff2") format("woff2")}
@font-face{font-family:"Archivo";font-weight:700;font-display:swap;src:url("../fonts/archivo-700.woff2") format("woff2")}
@font-face{font-family:"Plex Mono";font-weight:400;font-display:swap;src:url("../fonts/plexmono-400.woff2") format("woff2")}
@font-face{font-family:"Plex Mono";font-weight:500;font-display:swap;src:url("../fonts/plexmono-500.woff2") format("woff2")}
:root{
  --bg:#ffffff;--card:#f5f5f3;--ink:#111214;--ink-2:#5b5e63;
  --red:#e63329;--red-deep:#c2221a;--line:#e2e2de;--wa:#1faa54;
  --gro:"Archivo","Helvetica Neue",Arial,sans-serif;
  --mono:"Plex Mono",Consolas,monospace;
  --wrap:1280px;--r:0px;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
html,body{overflow-x:clip}
body{background:var(--bg);color:var(--ink);font-family:var(--gro);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
h1,h2,h3{font-weight:700;line-height:1.05;letter-spacing:-.015em}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 24px}

/* header — single row, boxed, mono labels */
.hdr{position:sticky;top:0;z-index:50;background:#fff;border-bottom:2px solid var(--ink)}
.hdr__in{max-width:var(--wrap);margin:0 auto;padding:0 24px;display:flex;align-items:stretch;gap:28px;height:64px}
.hdr__mark{font-size:22px;font-weight:700;letter-spacing:-.01em;align-self:center}
.hdr__mark b{color:var(--red)}
.hdr__spec{align-self:center;font-family:var(--mono);font-size:11px;color:var(--ink-2)}
.hdr__nav{display:flex;align-self:stretch}
.hdr__nav a{display:flex;align-items:center;padding:0 16px;font-family:var(--mono);font-size:12px;letter-spacing:.08em;border-left:1px solid var(--line);transition:.15s}
.hdr__nav a:hover{background:var(--ink);color:#fff}
.hdr__cta{align-self:center;margin-left:auto;background:var(--ink);color:#fff;font-family:var(--mono);font-size:12px;padding:10px 16px;letter-spacing:.06em;transition:.15s}
.hdr__cta:hover{background:var(--red)}
.hdr__burger{display:none;background:none;border:0;width:44px;cursor:pointer;flex-direction:column;justify-content:center;gap:5px;align-items:flex-end}
.hdr__burger span{display:block;width:24px;height:2px;background:var(--ink)}

/* buttons — square, mono */
.btn{display:inline-block;padding:14px 24px;font-family:var(--mono);font-size:12.5px;letter-spacing:.06em;border:2px solid var(--ink);background:var(--ink);color:#fff;transition:.15s}
.btn:hover{background:var(--red);border-color:var(--red)}
.btn--solid{background:var(--ink);color:#fff}
.btn--ghost{background:transparent;color:var(--ink)}
.btn--ghost:hover{background:var(--ink);color:#fff;border-color:var(--ink)}
.btn--wa{background:var(--wa);border-color:var(--wa);color:#fff}
.btn--wa:hover{background:#178a43;border-color:#178a43}
.btn--lg{padding:16px 30px}

/* hero — split media panel */
.hero{position:relative;min-height:82vh;display:flex;align-items:flex-end;color:#fff;overflow:hidden;border-bottom:2px solid var(--ink)}
.hero__media{position:absolute;inset:0;background-size:cover;background-position:center}
.hero__media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(17,18,20,.1),rgba(17,18,20,.72))}
.hero__panel{position:relative;max-width:var(--wrap);width:100%;margin:0 auto;padding:0 24px 64px}
.hero__code{font-family:var(--mono);font-size:12px;color:#ff6a5e;letter-spacing:.1em;margin-bottom:14px}
.hero__title{font-size:clamp(48px,8vw,104px);text-transform:uppercase}
.hero__title b{color:var(--red)}
.hero__sub{max-width:600px;margin-top:16px;font-size:16.5px;color:#e6e6e2}
.hero__cta{display:flex;gap:12px;margin-top:28px;flex-wrap:wrap}
.hero__cta .btn--ghost{color:#fff;border-color:#fff}
.hero__cta .btn--ghost:hover{background:#fff;color:var(--ink)}

/* ticker */
.ticker{border-bottom:1px solid var(--line);overflow:hidden;background:var(--card)}
.ticker__track{display:flex;gap:26px;white-space:nowrap;padding:10px 0;width:max-content;animation:tick 26s linear infinite;font-family:var(--mono);font-size:12px;letter-spacing:.12em;color:var(--ink-2)}
@keyframes tick{to{transform:translateX(-50%)}}

/* sections */
.sec{padding:78px 0}
.sec--tight{padding:52px 0}
.sec__head{display:flex;align-items:baseline;gap:24px;flex-wrap:wrap;margin-bottom:40px;border-bottom:2px solid var(--ink);padding-bottom:16px}
.sec__head h2{font-size:clamp(26px,3.2vw,40px);text-transform:uppercase}
.sec__no{font-family:var(--mono);font-size:12px;color:var(--red);letter-spacing:.1em}
.sec__link{margin-left:auto;font-family:var(--mono);font-size:12.5px;color:var(--ink);border-bottom:2px solid var(--red)}
.sec__link:hover{color:var(--red)}

/* cards — boxed, mono meta */
.grid{display:grid;gap:2px;background:var(--line);border:1px solid var(--line)}
.grid--4{grid-template-columns:repeat(4,1fr)}
.card{position:relative;background:#fff;display:block;transition:.15s;padding-bottom:2px}
.card:hover{background:var(--card)}
.card__img{aspect-ratio:1/1;overflow:hidden;background:#ececea}
.card__img img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.card:hover .card__img img{transform:scale(1.04)}
.card__meta{padding:14px 16px 16px}
.card__cat{font-family:var(--mono);font-size:10.5px;letter-spacing:.08em;color:var(--red)}
.card__name{font-size:16.5px;font-weight:700;margin:6px 0 8px;text-transform:uppercase}
.card__price{font-family:var(--mono);font-size:14px}
.card__badge{position:absolute;top:0;right:0;background:var(--red);color:#fff;font-family:var(--mono);font-size:10.5px;padding:6px 10px;letter-spacing:.08em}

/* split */
.split{display:grid;grid-template-columns:5fr 7fr;border-top:2px solid var(--ink);border-bottom:2px solid var(--ink)}
.split__txt{padding:64px 48px;display:flex;flex-direction:column;justify-content:center;gap:16px}
.split__txt h2{font-size:clamp(28px,3.2vw,42px);text-transform:uppercase}
.split__p{color:var(--ink-2);max-width:48ch}
.split__list{list-style:none;display:grid;gap:8px;margin:6px 0 10px;font-family:var(--mono);font-size:13px}
.split__list li::before{content:"> ";color:var(--red)}
.split__txt .btn{align-self:flex-start}
.split__img{background-size:cover;background-position:center;min-height:420px}

/* albums — numbered blocks */
.albums{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;background:var(--line);border:1px solid var(--line)}
.album{position:relative;display:block;aspect-ratio:3/3.6;overflow:hidden;background:var(--ink)}
.album__no{position:absolute;top:10px;left:14px;font-family:var(--mono);font-size:12px;color:#fff;z-index:2;mix-blend-mode:difference}
.album__img{position:absolute;inset:0}
.album__img img{width:100%;height:100%;object-fit:cover;transition:transform .4s;filter:saturate(.92)}
.album:hover .album__img img{transform:scale(1.05)}
.album__meta{position:absolute;left:0;right:0;bottom:0;padding:56px 16px 16px;background:linear-gradient(transparent,rgba(17,18,20,.92));color:#fff}
.album__meta h3{font-size:18px;text-transform:uppercase;letter-spacing:.04em}
.album__meta p{font-size:12.5px;color:#cfcec9;margin:4px 0 8px}
.album__go{font-family:var(--mono);font-size:11.5px;color:var(--red)}

/* cta */
.cta{background:var(--ink);color:#fff;padding:80px 0;border-top:2px solid var(--ink)}
.cta__in{text-align:center}
.cta__in h2{font-size:clamp(26px,3.4vw,42px);text-transform:uppercase}
.cta__in p{color:#b9bab6;margin:14px auto 28px;max-width:52ch}

/* pagehead */
.pagehead{padding:56px 0 4px;border-bottom:1px solid var(--line)}
.pagehead h1{font-size:clamp(38px,5.6vw,68px);text-transform:uppercase}
.pagehead__sub{color:var(--ink-2);max-width:62ch;margin-top:12px}
.chips{display:flex;gap:0;flex-wrap:wrap;margin-top:24px;border:2px solid var(--ink)}
.chip{padding:11px 22px;font-family:var(--mono);font-size:12px;letter-spacing:.08em;border-right:2px solid var(--ink);background:#fff;transition:.15s}
.chip:hover{background:var(--card)}
.chip--on{background:var(--red);color:#fff}

/* pdp */
.crumbs{font-size:12px;font-family:var(--mono);color:var(--ink-2);padding-top:22px;display:flex;gap:10px;flex-wrap:wrap}
.crumbs a:hover{color:var(--red)}
.crumbs b{color:var(--ink)}
.pdp{display:grid;grid-template-columns:12fr 9fr;gap:0;border:2px solid var(--ink);margin-top:22px}
.pdp__gallery{border-right:2px solid var(--ink);padding:20px}
.pdp__gallery{position:sticky;top:88px;align-self:start}
.pdp__mainwrap{position:relative}
.pdp__main{aspect-ratio:1/1;overflow:hidden;background:#ececea;border:1px solid var(--line)}
.pdp__main img{width:100%;height:100%;object-fit:cover;transition:transform .25s ease}
.zoomable{cursor:zoom-in}
.pdp__thumbs{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin-top:10px}
.pdp__thumb{border:2px solid var(--line);background:#ececea;padding:0;overflow:hidden;cursor:pointer;aspect-ratio:1/1;transition:.15s}
.pdp__thumb img{width:100%;height:100%;object-fit:cover}
.pdp__thumb--on,.pdp__thumb:hover{border-color:var(--red)}
.pdp__boxin{position:sticky;top:88px;padding:28px}
.pdp__boxin .sec__no{display:block;margin-bottom:10px}
.pdp__flag{color:var(--red);font-weight:700}
.pdp__boxin h1{font-size:clamp(28px,3.2vw,42px);text-transform:uppercase;margin:4px 0 8px}
.pdp__tag{color:var(--ink-2);font-size:16px}
.pdp__price{font-family:var(--mono);font-size:24px;margin:18px 0 4px;border-bottom:1px solid var(--line);padding-bottom:14px}
.pdp__price s{font-size:15px;color:var(--ink-2);margin-left:10px}
.pdp__price em{font-style:normal;font-family:var(--gro);font-size:11.5px;background:var(--red);color:#fff;padding:4px 9px;margin-left:10px;letter-spacing:.06em}
.opt{margin-top:20px}
.opt__head{font-family:var(--mono);font-size:12px;color:var(--ink-2);margin-bottom:9px;text-transform:uppercase;letter-spacing:.08em}
.opt__val{color:var(--ink);font-weight:500}
.opt__row{display:flex;gap:8px;flex-wrap:wrap}
.swatch{width:54px;height:54px;border:2px solid var(--line);padding:0;background:#ececea;overflow:hidden;cursor:pointer;transition:.15s}
.swatch img{width:100%;height:100%;object-fit:cover}
.swatch:hover{border-color:var(--ink)}
.swatch--on{border-color:var(--red)}
.chipsize{border:2px solid var(--line);background:#fff;padding:10px 18px;font-family:var(--mono);font-size:13px;cursor:pointer;transition:.15s;color:var(--ink)}
.chipsize:hover{border-color:var(--ink)}
.chipsize--on{border-color:var(--ink);background:var(--ink);color:#fff}
.qty{display:inline-flex;align-items:center;border:2px solid var(--line)}
.qty button{width:42px;height:42px;border:0;background:none;font-size:20px;cursor:pointer;color:var(--ink)}
.qty button:hover{background:var(--card)}
.qty span{min-width:46px;text-align:center;font-family:var(--mono);font-weight:500}
.pdp__cta{margin-top:24px}
.pdp__ship{margin-top:14px;font-family:var(--mono);font-size:12px;color:var(--ink-2)}
.pdp__ship a{text-decoration:underline}
.trust{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin-top:24px}
.trust__item{background:var(--card);padding:12px 14px}
.trust__item b{display:block;font-size:12.5px;text-transform:uppercase}
.trust__item span{font-family:var(--mono);font-size:11px;color:var(--ink-2)}
.acc{margin-top:24px;border-top:2px solid var(--ink)}
.acc__item{border-bottom:1px solid var(--line)}
.acc__item summary{cursor:pointer;padding:14px 0;font-weight:700;font-size:13.5px;letter-spacing:.08em;text-transform:uppercase;list-style:none;position:relative;font-family:var(--gro)}
.acc__item summary::-webkit-details-marker{display:none}
.acc__item summary::after{content:"+";position:absolute;right:2px;color:var(--red);font-size:18px}
.acc__item[open] summary::after{content:"–"}
.acc__body{padding:0 0 16px;color:var(--ink-2);font-size:14.5px}
.acc__table{width:100%;border-collapse:collapse;font-size:13.5px}
.acc__table th{text-align:left;padding:7px 0;width:42%;color:var(--ink);font-family:var(--mono);font-size:11.5px;text-transform:uppercase;vertical-align:top;font-weight:500}
.acc__table td{padding:7px 0}
.acc__body a{color:var(--red);text-decoration:underline}

/* aplus */
.aplus{margin-top:0;border-top:2px solid var(--ink)}
.aplus__row{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--line)}
.aplus__row--flip .aplus__img{order:2}
.aplus__img{align-self:stretch}
.aplus__img img{width:100%;height:100%;object-fit:cover;aspect-ratio:1/1;display:block}
.aplus__txt{padding:56px}
.aplus__txt h2{font-size:clamp(24px,2.8vw,36px);text-transform:uppercase;margin-bottom:12px}
.aplus__txt p{color:var(--ink-2);max-width:48ch}
.aplus__list{list-style:none;display:grid;gap:8px;margin-top:8px;font-family:var(--mono);font-size:13px}
.aplus__list li{padding-left:22px;position:relative;color:var(--ink-2)}
.aplus__list li::before{content:">";position:absolute;left:0;color:var(--red)}
.aplus__list--check li::before{content:"[+]";color:var(--ink)}

/* prose/faq/contact */
.prose{max-width:820px;padding-bottom:80px}
.prose p{margin:16px 0;color:var(--ink-2)}
.prose h2{font-size:24px;text-transform:uppercase;margin:36px 0 8px}
.prose a{color:var(--red);text-decoration:underline}
.prose__img{height:300px;border:2px solid var(--ink);background-size:cover;background-position:center;margin:34px 0 8px}
.notice{background:#fdeeed;border:1px solid var(--red);color:var(--red-deep);padding:14px 18px;margin-bottom:26px;font-family:var(--mono);font-size:13px}
.contact__grid{display:grid;grid-template-columns:1fr 1fr;gap:2px;background:var(--line);border:1px solid var(--line)}
.contact__card{background:#fff;padding:28px}
.contact__card h3{text-transform:uppercase;font-size:18px;margin-bottom:8px}
.contact__card p{color:var(--ink-2);font-size:14px;margin-bottom:16px}
.cform{display:grid;gap:16px;max-width:560px;margin-top:20px}
.cform label{display:grid;gap:7px;font-family:var(--mono);font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-2)}
.cform input,.cform textarea{border:2px solid var(--line);background:#fff;padding:13px 15px;font:inherit;font-size:15px;color:var(--ink)}
.cform input:focus,.cform textarea:focus{outline:none;border-color:var(--ink)}
.cform .btn{justify-self:start}
.faq__item{background:#fff;border:1px solid var(--line);border-left:3px solid var(--red);margin-bottom:10px}
.faq__item summary{cursor:pointer;padding:16px 20px;font-weight:700;font-size:14.5px;list-style:none;position:relative;text-transform:uppercase}
.faq__item summary::-webkit-details-marker{display:none}
.faq__item summary::after{content:"+";position:absolute;right:20px;color:var(--red);font-size:18px}
.faq__item[open] summary::after{content:"–"}
.faq__item p{padding:0 20px 18px;color:var(--ink-2)}

/* footer */
.ftr{background:var(--ink);color:#b9bab6;border-top:4px solid var(--red)}
.ftr__grid{max-width:var(--wrap);margin:0 auto;padding:56px 24px 36px;display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1.3fr;gap:28px}
.ftr__brand p{font-size:13.5px;max-width:32ch;margin:14px 0 18px;color:#8f9094}
.ftr__mark{font-size:22px;font-weight:700;color:#fff}
.ftr__mark b{color:var(--red)}
.ftr__col{display:grid;gap:8px;align-content:start;font-family:var(--mono);font-size:12px}
.ftr__col h4{color:#fff;font-size:11px;letter-spacing:.12em;margin-bottom:6px}
.ftr__col a:hover{color:#fff}
.ftr__col span{color:#6d6e72}
.ftr__base{border-top:1px solid #2a2b2e;max-width:var(--wrap);margin:0 auto;padding:16px 24px;display:flex;justify-content:space-between;font-family:var(--mono);font-size:11px;color:#6d6e72}

/* whatsapp float */
.wafloat{position:fixed;right:18px;bottom:18px;width:56px;height:56px;border-radius:0;background:var(--wa);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px rgba(0,0,0,.25);z-index:60;border:2px solid #fff}
.wafloat:hover{transform:scale(1.06)}

/* buybar */
.buybar{display:none;position:fixed;left:0;right:0;bottom:0;background:var(--ink);color:#fff;z-index:70;transform:translateY(100%);transition:transform .3s;border-top:2px solid var(--red)}
.buybar.is-visible{transform:none}
.buybar__in{max-width:var(--wrap);margin:0 auto;padding:12px 24px;display:flex;align-items:center;justify-content:space-between;gap:14px}
.buybar__info b{display:block;font-size:13px;text-transform:uppercase;max-width:50vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.buybar__info span{font-family:var(--mono);font-size:13px;color:var(--red)}

/* reveal */
.reveal{opacity:0;transform:translateY(16px);transition:opacity .6s ease,transform .6s ease}
.reveal.is-in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}.ticker__track{animation:none}}

@media (max-width:980px){
  .grid--4{grid-template-columns:repeat(2,1fr)}
  .albums{grid-template-columns:repeat(2,1fr)}
  .ftr__grid{grid-template-columns:1fr 1fr 1fr}
}
@media (max-width:760px){
  .hdr__nav{display:none;position:absolute;top:64px;left:0;right:0;background:#fff;flex-direction:column;border-bottom:2px solid var(--ink)}
  .hdr__nav a{padding:14px 24px;border-bottom:1px solid var(--line)}
  .hdr__nav.is-open{display:flex}
  .hdr__burger{display:flex}
  .hdr__spec{display:none}
  .hdr__cta{display:none}
  .pdp{grid-template-columns:1fr}
  .pdp__gallery{position:static;border-right:0;border-bottom:2px solid var(--ink)}
  .pdp__boxin{position:static}
  .split{grid-template-columns:1fr}
  .split__txt{padding:44px 24px}
  .split__img{min-height:280px}
  .aplus__row{grid-template-columns:1fr}
  .aplus__row--flip .aplus__img{order:0}
  .aplus__txt{padding:36px 24px}
  .sec{padding:60px 0}
  .contact__grid{grid-template-columns:1fr}
  .ftr__grid{grid-template-columns:1fr 1fr}
  .trust{grid-template-columns:1fr}
  .buybar{display:block}
  .hero{min-height:70vh}
}

/* ============ VELOHOLD PDP v3 — datasheet technical ============ */
.crumbs{font-family:var(--mono);font-size:11.5px;letter-spacing:.06em}
.pdpspec-mini{border:1px solid var(--line);margin:18px 0 4px}
.pdpspec-mini__row{display:flex;justify-content:space-between;gap:12px;padding:9px 14px;border-bottom:1px solid var(--line);font-size:13.5px}
.pdpspec-mini__row:last-child{border-bottom:0}
.pdpspec-mini__row span{font-family:var(--mono);font-size:11px;color:var(--ink-2);text-transform:uppercase;letter-spacing:.06em}
.pdpspec-mini__row b{font-weight:700;text-align:right}
.datahead{margin-top:70px;border-top:2px solid var(--ink);border-bottom:2px solid var(--ink);background:var(--card)}
.datahead__bar{display:flex;gap:18px;align-items:center;padding:14px 0;font-family:var(--mono);font-size:12px;letter-spacing:.1em;color:var(--ink-2)}
.datahead__bar b{background:var(--red);color:#fff;padding:4px 10px;font-weight:500}
.datahead__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}
.datahead__cell{background:#fff;padding:16px 18px}
.datahead__cell--fill{grid-column:1 / -1}
.datahead__k{display:block;font-family:var(--mono);font-size:10.5px;text-transform:uppercase;letter-spacing:.1em;color:var(--red);margin-bottom:5px}
.datahead__v{font-size:14.5px}
.focus{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--line)}
.focus__img{align-self:stretch}
.focus__img img{width:100%;height:100%;object-fit:cover;aspect-ratio:1/1;display:block}
.focus__txt{padding:56px;align-self:center}
.focus__txt h2{font-size:clamp(24px,2.8vw,36px);text-transform:uppercase;margin-bottom:12px}
.focus__txt p{color:var(--ink-2);max-width:48ch}
.focus__list{list-style:none;display:grid;gap:8px;margin-top:16px;font-family:var(--mono);font-size:13px;color:var(--ink-2)}
.focus__list li::before{content:"> ";color:var(--red)}
.scene{position:relative}
.scene__img{height:440px;background-size:cover;background-position:center}
.scene__bar{display:flex;justify-content:space-between;gap:14px;background:var(--ink);color:#fff;padding:12px 24px;font-family:var(--mono);font-size:12px;letter-spacing:.08em}
.scene__bar span{color:var(--red)}
.inbox__grid{display:grid;grid-template-columns:1fr 1fr;gap:2px;background:var(--line);border:1px solid var(--line)}
.inbox__img img{width:100%;height:100%;object-fit:cover;aspect-ratio:1/1;display:block}
.inbox__list{list-style:none;background:#fff;padding:22px;display:grid;gap:2px;align-content:start}
.inbox__list li{display:flex;gap:14px;align-items:baseline;padding:11px 12px;background:var(--card);font-size:14.5px}
.inbox__no{font-family:var(--mono);font-size:12px;color:var(--red);font-weight:500}
@media (max-width:760px){
  .datahead__grid{grid-template-columns:1fr 1fr}
  .focus{grid-template-columns:1fr}
  .focus__img img{aspect-ratio:4/3}
  .focus__txt{padding:36px 24px}
  .scene__img{height:280px}
  .inbox__grid{grid-template-columns:1fr}
}