/* NEXORA / FUTURE FOOTWEAR SYSTEM — hoja de estilos única
   Tokens → base → componentes → páginas → responsive. Colores editables desde /admin (variables en :root inline). */

:root{
  --ink:#0B0B0C;--graphite:#15161A;--carbon:#1E1F24;--paper:#F3F1EC;--paper-2:#E8E5DE;--paper-3:#DDD9D0;
  --text:#111113;--mute:#6F6C66;--line:#D6D2C9;--line-dark:rgba(255,255,255,.11);--text-inv:#F3F1EC;--mute-inv:#9B9A95;
  --accent:#FF4A1A;--accent-ink:#160C08;--sale:#E0361D;--ok:#1C8A57;
  --sans:'Archivo',ui-sans-serif,system-ui,-apple-system,'Segoe UI',Helvetica,Arial,sans-serif;--mono:'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,monospace;
  --w:1560px;--gx:clamp(16px,4vw,56px);
  --s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px;--s7:48px;--s8:72px;--s9:112px;
  --r:2px;--r-lg:6px;--ease:cubic-bezier(.22,1,.36,1);--ease-io:cubic-bezier(.65,0,.35,1);--dur:.45s;
  --z-hdr:60;--z-over:80;--z-drawer:90;--z-modal:100;--z-toast:110;--z-cursor:120;
  --hdr-h:68px;--bar-h:30px;
  --micro:11px;--label:12px;--small:13px;--body:15px;--lead:clamp(16px,1.15vw,19px);
  --h-xl:clamp(52px,9.5vw,168px);--h-l:clamp(38px,5.4vw,92px);--h-m:clamp(28px,3.2vw,52px);--h-s:clamp(20px,1.8vw,28px);
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;background:var(--ink)}
body{margin:0;min-height:100vh;background:var(--paper);color:var(--text);font:400 var(--body)/1.5 var(--sans);-webkit-font-smoothing:antialiased;overflow-x:clip}
body.is-locked{overflow:hidden}
img,svg,picture{display:block;max-width:100%}
img{height:auto}
a{color:inherit;text-decoration:none}
a:hover{color:var(--accent)}
button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}
input,select,textarea{font:inherit;color:inherit}
ul{list-style:none;margin:0;padding:0}
p{margin:0 0 1em}p:last-child{margin-bottom:0}
h1,h2,h3,h4{margin:0;font-weight:600;line-height:1;letter-spacing:-.03em}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
::selection{background:var(--accent);color:#fff}
.vh{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}
.skip{position:absolute;left:-999px;top:8px;z-index:200;background:var(--accent);color:#fff;padding:10px 14px}
.skip:focus{left:8px}
.wrap{width:min(100% - 2*var(--gx),var(--w));margin-inline:auto}
.wrap--full{width:100%}
.ico{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}
.ico--f{fill:currentColor;stroke:none}
.dark{background:var(--ink);color:var(--text-inv)}
.dark a:hover{color:var(--accent)}
.rte p{margin-bottom:1em}.rte strong{font-weight:600}

/* ---------- Tipografía ---------- */
.disp{font-family:var(--sans);font-stretch:118%;font-weight:700;line-height:.9;letter-spacing:-.045em;text-transform:uppercase}
.disp em{font-style:normal;font-weight:300;font-stretch:100%;letter-spacing:-.02em}
.disp--xl{font-size:var(--h-xl)}.disp--l{font-size:var(--h-l)}.disp--m{font-size:var(--h-m);line-height:.95}.disp--s{font-size:var(--h-s);letter-spacing:-.02em;line-height:1.05}
.mono{font-family:var(--mono);font-size:var(--micro);letter-spacing:.08em;text-transform:uppercase;font-weight:500}
.kicker{display:inline-flex;align-items:center;gap:10px;font-family:var(--mono);font-size:var(--micro);letter-spacing:.14em;text-transform:uppercase;color:var(--mute)}
.kicker::before{content:"";width:22px;height:1px;background:var(--accent)}
.dark .kicker{color:var(--mute-inv)}
.lead{font-size:var(--lead);line-height:1.5;color:var(--mute);max-width:56ch;text-wrap:pretty}
.dark .lead{color:var(--mute-inv)}
.price{font-family:var(--sans);font-stretch:100%;font-weight:600;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.price s{color:var(--mute);font-weight:400;margin-right:.5em;text-decoration-thickness:1px}
.price--sale b,.price b.is-sale{color:var(--sale)}

/* ---------- Botones ---------- */
.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:50px;padding:0 24px;border:1px solid var(--text);border-radius:var(--r);background:var(--text);color:var(--paper);font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;transition:background .3s var(--ease),color .3s var(--ease),border-color .3s var(--ease),transform .3s var(--ease);overflow:hidden;isolation:isolate;-webkit-tap-highlight-color:transparent}
.btn::after{content:"";position:absolute;inset:0;background:var(--accent);transform:translateY(101%);transition:transform .45s var(--ease);z-index:-1}
.btn:hover{color:#fff;border-color:var(--accent)}.btn:hover::after{transform:none}
.btn:active{transform:scale(.985)}
.btn[disabled],.btn.is-disabled{opacity:.45;pointer-events:none}
.btn .ico{width:16px;height:16px;transition:transform .35s var(--ease)}
.btn:hover .ico{transform:translate(3px,-3px)}
.btn--accent{background:var(--accent);border-color:var(--accent);color:#fff}.btn--accent::after{background:var(--text)}
.btn--ghost{background:transparent;color:inherit;border-color:currentColor}.btn--ghost:hover{border-color:var(--accent)}
.btn--paper{background:var(--paper);border-color:var(--paper);color:var(--text)}
.btn--wa{background:#1FA855;border-color:#1FA855;color:#fff}.btn--wa::after{background:#157A3D}.btn--wa:hover{border-color:#157A3D}
.btn--full{width:100%;white-space:normal;line-height:1.2}.btn--sm{min-height:40px;padding:0 16px;font-size:11px}
.tlink{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;padding-bottom:6px;position:relative}
.tlink::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:currentColor;transform-origin:left;transition:transform .4s var(--ease)}
.tlink:hover::after{transform:scaleX(.3)}
.tlink .ico{width:14px;height:14px}
.iconbtn{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;transition:background .25s,color .25s}
.iconbtn:hover{background:rgba(127,127,127,.14)}
.iconbtn .ico{width:22px;height:22px}

/* ---------- Barra + Header ---------- */
.bar{height:var(--bar-h);display:flex;align-items:center;background:var(--accent);color:#fff;overflow:hidden}
.bar__track{display:flex;gap:56px;white-space:nowrap;font-family:var(--mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;font-weight:500;animation:marquee 40s linear infinite;width:max-content}
.bar__track span{display:inline-flex;align-items:center;gap:56px}
.bar__track span::after{content:"";width:5px;height:5px;background:#fff;border-radius:50%}
@keyframes marquee{to{transform:translateX(-50%)}}
.hdr{position:sticky;top:0;z-index:var(--z-hdr);height:var(--hdr-h);background:var(--paper);color:var(--text);border-bottom:1px solid var(--line);transition:transform .5s var(--ease),background .4s,color .4s,border-color .4s}
.hdr.is-hidden{transform:translateY(-100%)}
.hdr__in{height:100%;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:var(--s5)}
.hdr__logo{display:inline-flex;align-items:center;gap:12px;justify-self:start;color:inherit}
.hdr__logo img{height:30px;width:auto}
.hdr__logo .wordmark{font-stretch:118%;font-weight:700;letter-spacing:.06em;font-size:17px;text-transform:uppercase;line-height:1}
.nav{display:flex;gap:4px}
.nav__item{position:static;display:flex;align-items:center;height:var(--hdr-h)}
.mega{position:absolute;top:100%;left:0;right:0;transform:translateY(-6px);background:var(--paper);color:var(--text);border-block:1px solid var(--line);box-shadow:0 40px 80px -30px rgba(0,0,0,.35);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .28s var(--ease),transform .35s var(--ease),visibility 0s .35s;z-index:5}
.has-mega:hover .mega,.has-mega:focus-within .mega,.has-mega.is-open .mega{opacity:1;visibility:visible;pointer-events:auto;transform:none;transition:opacity .28s var(--ease),transform .35s var(--ease),visibility 0s}
.mega__in{display:grid;grid-template-columns:1fr 1fr 1fr 300px;gap:var(--s6);padding-block:var(--s6)}
.mega__in--brands{grid-template-columns:2fr 1fr}
.mega h4{font-family:var(--mono);font-size:var(--micro);letter-spacing:.14em;text-transform:uppercase;font-weight:500;color:var(--mute);margin-bottom:14px}
.mega ul{display:flex;flex-direction:column;gap:2px}
.mega ul a{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:7px 0;font-size:15px;font-weight:500;letter-spacing:-.01em;border-bottom:1px solid transparent;transition:color .2s,padding-left .3s var(--ease)}
.mega ul a:hover{color:var(--accent);padding-left:8px}
.mega ul a small{font-family:var(--mono);font-size:10px;color:var(--mute);letter-spacing:.08em}
.mega__brands{display:grid!important;grid-template-columns:repeat(2,1fr);column-gap:var(--s6)}
.mega__brands a{font-size:20px;font-stretch:112%;font-weight:600;letter-spacing:-.02em;padding:9px 0}
.mega__feat{display:grid;grid-template-rows:auto auto;gap:12px;background:var(--paper-2);border-radius:var(--r-lg);padding:14px;color:inherit}
.mega__feat img{width:100%;aspect-ratio:1.3;object-fit:contain;mix-blend-mode:darken;transition:transform .8s var(--ease)}
.mega__feat:hover img{transform:scale(1.05) rotate(-4deg)}
.mega__feat span{display:flex;flex-direction:column;gap:2px}
.mega__feat small{font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--mute)}
.mega__feat b{font-weight:500;font-size:14px}.mega__feat em{font-style:normal;font-size:14px;font-weight:600}
.template-index .hdr:not(.is-solid) .mega{border-top-color:var(--line)}
.hdr.has-mega-open{background:var(--paper);color:var(--text);border-color:var(--line)}
.nav>a,.nav__item>a{position:relative;display:inline-flex;align-items:center;height:40px;padding:0 14px;font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;border-radius:var(--r)}
.nav__item>a::after{content:"";position:absolute;left:14px;right:14px;bottom:8px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .4s var(--ease)}
.nav__item>a:hover::after,.nav__item>a.is-active::after,.has-mega:hover>a::after{transform:scaleX(1);transform-origin:left}
.nav__item>a:hover{color:inherit}
.nav__item>a.is-sale{color:var(--accent)}
.hdr__acts{display:flex;justify-content:flex-end;gap:2px;align-items:center}
.hdr__acts .iconbtn .ico{width:21px;height:21px}
.cartbtn{position:relative}
.cartbtn__n{position:absolute;top:6px;right:4px;min-width:17px;height:17px;padding:0 4px;border-radius:9px;background:var(--accent);color:#fff;font-family:var(--mono);font-size:10px;font-weight:500;line-height:17px;text-align:center;transform:scale(0);transition:transform .35s var(--ease)}
.cartbtn__n.is-on{transform:scale(1)}
.cartbtn.is-pop{animation:pop .5s var(--ease)}
@keyframes pop{35%{transform:scale(1.18)}}
.hdr__menu{display:none}
.hdr__label{display:none}
.hdr--dark,.template-collection .hdr,.template-search .hdr,.template-page .hdr{background:var(--ink);color:var(--text-inv);border-color:var(--line-dark)}
.chead{background:var(--ink);color:var(--text-inv)}
.chead .crumb,.chead__row p{color:var(--mute-inv)}
.chead+.coll{padding-top:var(--s6)}
/* En la portada el header comienza transparente sobre el hero */
.template-index .hdr{background:transparent;border-color:transparent;color:var(--text-inv)}
.template-index .hdr.is-solid{background:rgba(11,11,12,.86);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-color:var(--line-dark)}
.template-index .bar+.hdr{margin-bottom:calc(-1 * var(--hdr-h))}

/* ---------- Menú móvil (capa completa) ---------- */
.mnav{position:fixed;inset:0;z-index:var(--z-drawer);background:var(--ink);color:var(--text-inv);display:flex;flex-direction:column;transform:translateY(-100%);visibility:hidden;transition:transform .55s var(--ease),visibility 0s .55s}
.mnav.is-open{transform:none;visibility:visible;transition:transform .55s var(--ease),visibility 0s}
.mnav__top{height:var(--hdr-h);display:flex;align-items:center;justify-content:space-between;padding-inline:var(--gx);border-bottom:1px solid var(--line-dark);flex:none}
.mnav__body{flex:1;overflow:auto;padding:var(--s6) var(--gx) var(--s7);display:flex;flex-direction:column;gap:var(--s6)}
.mnav__search{display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--line-dark);padding-bottom:12px}
.mnav__search input{flex:1;min-width:0;background:none;border:0;padding:8px 0;font-size:18px;color:inherit}
.mnav__search input:focus{outline:none}
.mnav__search:focus-within{border-color:var(--accent)}
.mnav__search input::placeholder{color:var(--mute-inv)}
.mnav__list li{border-bottom:1px solid var(--line-dark);overflow:hidden}
.mnav__list a{display:flex;align-items:baseline;justify-content:space-between;padding:16px 0;font-stretch:118%;font-weight:700;font-size:clamp(34px,9vw,52px);letter-spacing:-.04em;text-transform:uppercase;line-height:1;transform:translateY(110%);transition:transform .6s var(--ease)}
.mnav.is-open .mnav__list a{transform:none}
.mnav__list li:nth-child(1) a{transition-delay:.08s}.mnav__list li:nth-child(2) a{transition-delay:.13s}.mnav__list li:nth-child(3) a{transition-delay:.18s}.mnav__list li:nth-child(4) a{transition-delay:.23s}.mnav__list li:nth-child(5) a{transition-delay:.28s}.mnav__list li:nth-child(6) a{transition-delay:.33s}
.mnav__list a small{font:500 var(--micro)/1 var(--mono);letter-spacing:.12em;color:var(--mute-inv)}
.mnav__list a.is-sale{color:var(--accent)}
.mnav__sub{display:flex;flex-wrap:wrap;gap:8px}
.mnav__sub a{border:1px solid var(--line-dark);padding:9px 14px;border-radius:999px;font-size:12px;letter-spacing:.06em;text-transform:uppercase}
.mnav__foot{margin-top:auto;display:flex;justify-content:space-between;align-items:end;gap:16px;font-family:var(--mono);font-size:var(--micro);letter-spacing:.1em;text-transform:uppercase;color:var(--mute-inv)}
.mnav__foot .soc{display:flex;gap:6px}

/* ---------- Buscador ---------- */
.srch{position:fixed;inset:0;z-index:var(--z-modal);background:var(--paper);color:var(--text);display:flex;flex-direction:column;opacity:0;visibility:hidden;transition:opacity .35s var(--ease),visibility 0s .35s}
.srch.is-open{opacity:1;visibility:visible;transition:opacity .35s var(--ease),visibility 0s}
.srch__top{height:var(--hdr-h);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);flex:none}
.srch__form{flex:1;display:flex;align-items:center;gap:16px;padding-block:var(--s6)}
.srch__form input{flex:1;min-width:0;background:none;border:0;border-bottom:1px solid var(--text);padding:12px 0;font-size:clamp(26px,4vw,52px);font-weight:300;letter-spacing:-.02em;color:inherit;transform:translateY(20px);opacity:0;transition:transform .5s var(--ease) .1s,opacity .5s .1s}
.srch.is-open .srch__form input{transform:none;opacity:1}
.srch__form input:focus{outline:none;border-color:var(--accent)}
.srch__form input::placeholder{color:var(--paper-3)}
.srch__form .btn{flex:none}
.srch__body{flex:1;overflow:auto;padding-bottom:var(--s7)}
.srch__hint{display:flex;flex-wrap:wrap;gap:8px;align-items:center;color:var(--mute);font-size:var(--small)}
.srch__hint a{border:1px solid var(--line);padding:6px 12px;border-radius:999px;font-family:var(--mono);font-size:var(--micro);letter-spacing:.1em;text-transform:uppercase;color:var(--text);white-space:nowrap}
.srch__res{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px 24px;margin-top:var(--s5)}
.srch__item{display:grid;grid-template-columns:64px 1fr;gap:14px;align-items:center;padding:10px;border:1px solid transparent;border-radius:var(--r-lg);transition:border-color .25s,background .25s}
.srch__item:hover{border-color:var(--line);background:#fff;color:inherit}
.srch__item img{width:64px;height:64px;object-fit:contain;background:var(--paper-2);border-radius:var(--r);padding:4px}
.srch__item b{display:block;font-weight:500;font-size:14px;line-height:1.3}
.srch__item small{display:block;color:var(--mute);font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;margin-top:3px}
.srch__item .price{font-size:14px;margin-top:4px}
.srch__all{margin-top:var(--s5)}
.srch__none{color:var(--mute);margin-top:var(--s5)}

/* ---------- Overlay / Drawer carrito / Modal / Toast ---------- */
.ovl{position:fixed;inset:0;z-index:var(--z-over);background:rgba(11,11,12,.55);backdrop-filter:blur(3px);opacity:0;visibility:hidden;transition:opacity .4s,visibility 0s .4s}
body.has-drawer .ovl{opacity:1;visibility:visible;transition:opacity .4s,visibility 0s}
.drawer{position:fixed;top:0;bottom:0;right:0;z-index:var(--z-drawer);width:min(460px,100%);background:var(--paper);color:var(--text);display:flex;flex-direction:column;transform:translateX(100%);visibility:hidden;transition:transform .55s var(--ease),visibility 0s .55s;box-shadow:-30px 0 80px rgba(0,0,0,.25)}
.drawer.is-open{transform:none;visibility:visible;transition:transform .55s var(--ease),visibility 0s}
.drawer--left{right:auto;left:0;transform:translateX(-100%);box-shadow:30px 0 80px rgba(0,0,0,.25)}
.drawer__top{height:var(--hdr-h);flex:none;display:flex;align-items:center;justify-content:space-between;padding:0 var(--s5);border-bottom:1px solid var(--line)}
.drawer__title{font-stretch:118%;font-weight:700;font-size:15px;letter-spacing:.06em;text-transform:uppercase;display:flex;gap:10px;align-items:baseline}
.drawer__title small{font:500 var(--micro) var(--mono);letter-spacing:.1em;color:var(--mute)}
.drawer__body{flex:1;overflow:auto;padding:var(--s5)}
.drawer__foot{flex:none;border-top:1px solid var(--line);padding:var(--s4) var(--s5) var(--s5);background:var(--paper)}
.cl{display:grid;grid-template-columns:92px 1fr;gap:16px;padding:16px 0;border-bottom:1px solid var(--line)}
.cl:first-child{padding-top:0}
.cl__img{aspect-ratio:1;background:var(--paper-2);border-radius:var(--r);overflow:hidden}
.cl__img img{width:100%;height:100%;object-fit:contain;padding:6px;mix-blend-mode:darken}
.cl__brand{font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--mute)}
.cl__name{display:block;font-weight:500;font-size:14px;line-height:1.3;margin:3px 0 2px}
.cl__var{font-size:12px;color:var(--mute)}
.cl__row{display:flex;justify-content:space-between;align-items:center;margin-top:10px;gap:10px}
.qty{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:var(--r);height:36px}
.qty button{width:34px;height:100%;display:grid;place-items:center;transition:background .2s}
.qty button:hover{background:var(--paper-2)}
.qty button .ico{width:12px;height:12px;stroke-width:2}
.qty span{min-width:28px;text-align:center;font-size:13px;font-variant-numeric:tabular-nums}
.cl__price{font-size:14px}
.cl__rm{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--mute);text-decoration:underline;text-underline-offset:3px;margin-top:8px}
.cl__rm:hover{color:var(--sale)}
.cart__empty{padding:var(--s7) 0;text-align:center;color:var(--mute)}
.cart__empty .btn{margin-top:var(--s5)}
.cart__note label{display:block;font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--mute);margin:var(--s5) 0 8px}
.cart__note textarea{width:100%;min-height:64px;resize:vertical;border:1px solid var(--line);border-radius:var(--r);background:#fff;padding:10px 12px;font-size:13px}
.cart__ship{font-size:12px;color:var(--mute);margin-bottom:var(--s4)}
.cart__ship i{display:block;height:2px;background:var(--paper-3);margin-top:8px;overflow:hidden}
.cart__ship i b{display:block;height:100%;background:var(--accent);width:0;transition:width .5s var(--ease)}
.cart__sum{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:10px}
.cart__sum span{font-family:var(--mono);font-size:var(--micro);letter-spacing:.12em;text-transform:uppercase;color:var(--mute)}
.cart__sum b{font-size:22px;letter-spacing:-.02em}
.cart__terms{font-size:11.5px;color:var(--mute);margin:0 0 12px}
.modal{position:fixed;inset:0;z-index:var(--z-modal);display:grid;place-items:center;padding:16px;background:rgba(11,11,12,.6);backdrop-filter:blur(6px);opacity:0;visibility:hidden;transition:opacity .35s,visibility 0s .35s}
.modal.is-open{opacity:1;visibility:visible;transition:opacity .35s,visibility 0s}
.modal__box{position:relative;width:min(1040px,100%);max-height:calc(100vh - 32px);overflow:auto;background:var(--paper);color:var(--text);border-radius:var(--r-lg);transform:translateY(24px) scale(.98);transition:transform .45s var(--ease)}
.modal.is-open .modal__box{transform:none}
.modal__x{position:absolute;top:8px;right:8px;z-index:2;background:var(--paper)}
.qs{display:grid;grid-template-columns:1fr 1fr}
.qs__media{background:var(--paper-2);aspect-ratio:1;display:grid;place-items:center;position:relative}
.qs__media img{width:100%;height:100%;object-fit:contain;padding:8%;mix-blend-mode:darken}
.qs__body{padding:clamp(20px,3vw,44px)}
.qs__body .price{font-size:22px;margin:12px 0 20px}
.qs__desc{font-size:13px;color:var(--mute);margin-top:18px;max-height:96px;overflow:auto}
.qs__link{margin-top:20px}
.toasts{position:fixed;left:50%;bottom:20px;transform:translateX(-50%);z-index:var(--z-toast);display:flex;flex-direction:column;gap:8px;align-items:center;pointer-events:none;width:min(420px,calc(100% - 32px))}
.toast{display:flex;align-items:center;gap:12px;width:100%;background:var(--ink);color:var(--text-inv);padding:12px 14px;border-radius:var(--r-lg);box-shadow:0 20px 50px rgba(0,0,0,.3);font-size:13px;transform:translateY(20px);opacity:0;animation:toastin .5s var(--ease) forwards;pointer-events:auto}
.toast img{width:40px;height:40px;object-fit:contain;background:var(--paper);border-radius:var(--r);padding:2px}
.toast b{display:block;font-weight:500}.toast small{color:var(--mute-inv);font-size:11px}
.toast--err{background:var(--sale)}
.toast.is-out{animation:toastout .35s var(--ease) forwards}
@keyframes toastin{to{transform:none;opacity:1}}@keyframes toastout{to{transform:translateY(16px);opacity:0}}

/* ---------- Tarjeta de producto ---------- */
.pc{display:flex;flex-direction:column;min-width:0}
.pc__top{position:relative;display:flex;flex-direction:column;gap:8px}
.pc__media{position:relative;display:block;flex:1 1 auto;min-height:0;aspect-ratio:1;background:var(--paper-2);border-radius:var(--r-lg);overflow:hidden;isolation:isolate}
.pc__img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:9%;mix-blend-mode:darken;transition:transform .8s var(--ease),opacity .45s var(--ease)}
.pc__img--alt{opacity:0}
.pc__tags{position:absolute;top:12px;left:12px;z-index:2;display:flex;gap:6px;flex-wrap:wrap}
.tag{display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:var(--r);background:var(--text);color:var(--paper);font-family:var(--mono);font-size:10px;font-weight:500;letter-spacing:.1em;text-transform:uppercase}
.tag--sale{background:var(--sale);color:#fff}.tag--out{background:var(--paper);color:var(--text);border:1px solid var(--line)}.tag--new{background:var(--accent);color:#fff}
.pc__src{position:absolute;right:12px;top:12px;z-index:2;font-family:var(--mono);font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--mute);border:1px solid var(--line);padding:4px 7px;border-radius:var(--r);background:rgba(243,241,236,.7);white-space:nowrap}
.pc__quick{position:relative;z-index:1;flex:none;width:100%;height:40px;min-height:40px;display:flex;align-items:center;justify-content:center;gap:10px;background:var(--text);color:var(--paper);border-radius:var(--r);font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transform:translateY(-6px);opacity:0;transition:transform .4s var(--ease),opacity .3s,background .3s}
.pc__quick svg{flex:none;width:14px;height:14px}
.pc__top:has(.pc__quick) .pc__media{margin-bottom:0}
.pc__top:not(:has(.pc__quick))::after{content:"";flex:none;height:40px}
@media (hover:none){.pc__quick{opacity:1;transform:none}}
.pc__quick:hover{background:var(--accent)}
.pc:hover .pc__quick,.pc__quick:focus-visible{transform:none;opacity:1}
.pc__body{padding:12px 2px 0;display:flex;flex-direction:column;gap:5px}
.pc__brand{display:flex;justify-content:space-between;gap:10px;font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--mute)}
.pc__brand b{font-weight:500;color:var(--text)}
.pc__name{font-weight:500;font-size:14.5px;line-height:1.3;letter-spacing:-.005em}
.pc__price{font-size:14.5px}
.pc__sizes{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}
.pc__sizes span{font-family:var(--mono);font-size:10px;min-width:24px;height:22px;display:grid;place-items:center;padding:0 5px;border:1px solid var(--line);border-radius:var(--r);color:var(--mute)}
.pc__sizes small{font-family:var(--mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--mute);align-self:center}
@media(hover:hover){
  .pc:hover .pc__img:not(.pc__img--alt){transform:scale(1.06) rotate(-4deg)}
  .pc:hover .pc__img--alt{opacity:1;transform:scale(1.03)}
  .pc:hover .pc__media:has(.pc__img--alt) .pc__img:not(.pc__img--alt){opacity:0;transform:scale(1.03)}
}
.dark .pc__media,.dark .pc__src{background:var(--paper)}
.dark .pc__brand,.dark .pc__sizes span,.dark .price s{color:var(--mute-inv)}
.dark .pc__brand b{color:var(--text-inv)}
.dark .pc__sizes span{border-color:var(--line-dark)}
.pgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(14px,2vw,28px) clamp(12px,1.5vw,20px)}
.pgrid--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.pgrid--5{grid-template-columns:repeat(5,minmax(0,1fr))}
.pgrid .pc--feat{grid-column:span 2;grid-row:span 2}
.pgrid .pc--feat .pc__media{aspect-ratio:auto;height:100%;min-height:420px}
.pgrid .pc--feat .pc__name{font-size:18px}
.pgrid .pc--feat .pc__price{font-size:17px}
.pgrid--edit .edit-cell{grid-column:span 2;display:flex;flex-direction:column;justify-content:space-between;gap:24px;padding:clamp(22px,3vw,40px);background:var(--ink);color:var(--text-inv);border-radius:var(--r-lg);min-height:100%}
.pgrid--edit .edit-cell h3{font-size:clamp(28px,3.4vw,54px)}
.pgrid--edit .edit-cell p{color:var(--mute-inv);max-width:38ch;font-size:14px}
.sh{display:grid;grid-template-columns:1fr auto;gap:var(--s4) var(--s7);align-items:end;margin-bottom:clamp(24px,3vw,40px)}
.sh h2{margin-top:14px}
.sh p{font-size:var(--small);color:var(--mute);max-width:42ch;margin:0}
.sh__r{display:flex;flex-direction:column;align-items:flex-end;gap:12px}
.sec{padding-block:clamp(56px,7vw,112px)}
.sec--tight{padding-block:clamp(40px,5vw,72px)}

/* ---------- HOME · Hero ---------- */
.hero{position:relative;min-height:100svh;display:grid;align-items:center;background:var(--ink);color:var(--text-inv);overflow:clip;padding-top:calc(var(--hdr-h) + 24px);padding-bottom:64px}
.hero__bg{position:absolute;inset:0;pointer-events:none}
.hero__grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);background-size:72px 72px;mask-image:radial-gradient(ellipse at 70% 45%,#000 20%,transparent 75%);opacity:.7}
.hero__glow{position:absolute;width:62vw;aspect-ratio:1;right:-14vw;top:-4vw;border-radius:50%;background:radial-gradient(circle,rgba(255,74,26,.28),rgba(255,74,26,.05) 42%,transparent 66%);filter:blur(10px);transform:translate3d(calc(var(--px,0) * 22px),calc(var(--py,0) * 22px),0)}
.hero__ring{position:absolute;border:1px solid rgba(255,255,255,.16);border-radius:50%;right:6vw;top:50%;width:min(56vw,760px);aspect-ratio:1;transform:translate3d(calc(var(--px,0) * -10px),calc(-50% + var(--py,0) * -10px),0)}
.hero__ring::before{content:"";position:absolute;inset:10%;border:1px dashed rgba(255,255,255,.14);border-radius:50%;animation:spin 60s linear infinite}
.hero__ring::after{content:"";position:absolute;top:50%;left:-3px;width:7px;height:7px;background:var(--accent);border-radius:50%;transform:translateY(-50%)}
@keyframes spin{to{transform:rotate(360deg)}}
.hero__noise{position:absolute;inset:0;opacity:.07;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");mix-blend-mode:overlay}
.hero__in{position:relative;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(24px,4vw,64px);align-items:center}
.hero__copy{display:flex;flex-direction:column;align-items:flex-start;gap:var(--s5);min-width:0}
.hero__title{font-size:clamp(52px,7.4vw,132px);line-height:.86;max-width:100%;overflow-wrap:anywhere}
.hero__title .ln{display:block;overflow:hidden}
.hero__title .ln>span{display:block;transform:translateY(110%);transition:transform 1s var(--ease)}
.is-in .hero__title .ln>span{transform:none}
.hero__title .ln:nth-child(2)>span{transition-delay:.08s}.hero__title .ln:nth-child(3)>span{transition-delay:.16s}
.hero__title em{color:transparent;-webkit-text-stroke:1px rgba(243,241,236,.75)}
.hero__lead{max-width:44ch}
.hero__acts{display:flex;align-items:center;gap:24px;flex-wrap:wrap}
.hero__meta{display:flex;gap:28px;flex-wrap:wrap;font-family:var(--mono);font-size:var(--micro);letter-spacing:.12em;text-transform:uppercase;color:var(--mute-inv);padding-top:var(--s4);border-top:1px solid var(--line-dark);width:100%}
.hero__meta b{display:block;color:var(--text-inv);font-weight:500;margin-bottom:3px}
.hero__stage{position:relative;display:grid;grid-template-rows:auto 1fr auto;gap:16px;max-width:560px;width:100%;justify-self:end;perspective:1400px;color:inherit;min-width:0}
.hero__prod{position:relative;aspect-ratio:1.08;display:grid;place-items:center;color:inherit;background:linear-gradient(160deg,var(--paper),var(--paper-2));border-radius:var(--r-lg);overflow:hidden;transform-style:preserve-3d;transform:rotateX(calc(var(--py,0) * -5deg)) rotateY(calc(var(--px,0) * 7deg));box-shadow:0 60px 120px -40px rgba(0,0,0,.7)}
.hero__prod::after{content:"";position:absolute;inset:0;background:linear-gradient(rgba(17,17,19,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(17,17,19,.06) 1px,transparent 1px);background-size:48px 48px;mask-image:radial-gradient(circle at 50% 50%,transparent 30%,#000 80%);pointer-events:none}
.hero__prod img{width:92%;height:92%;object-fit:contain;mix-blend-mode:darken;animation:float 7s ease-in-out infinite;opacity:0;transition:opacity 1s .3s;position:relative;z-index:1}
.is-in .hero__prod img{opacity:1}
@keyframes float{50%{translate:0 -14px;rotate:-1.5deg}}
.hero__prod::before{content:"";position:absolute;left:18%;right:18%;bottom:10%;height:10%;background:radial-gradient(ellipse,rgba(0,0,0,.28),transparent 70%);filter:blur(8px)}
.hero__hud{font-family:var(--mono);font-size:var(--micro);letter-spacing:.12em;text-transform:uppercase;color:var(--mute-inv);display:flex;flex-direction:column;gap:4px;pointer-events:none;transform:translate3d(calc(var(--px,0) * -10px),calc(var(--py,0) * -10px),0)}
.hero__hud b{color:var(--text-inv);font-weight:500}
.hero__hud--br{text-align:right;align-items:flex-end}
.hero__hud--br .price{font-size:22px;letter-spacing:-.02em;font-family:var(--sans)}
.hero__hud--br .price s{color:var(--mute-inv)}
.hero__hud i{display:block;width:44px;height:1px;background:var(--accent);margin:4px 0}
.hero__cue{position:absolute;left:var(--gx);bottom:24px;display:flex;align-items:center;gap:12px;font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--mute-inv)}
.hero__cue i{width:1px;height:38px;background:var(--line-dark);position:relative;overflow:hidden}
.hero__cue i::after{content:"";position:absolute;inset:0;background:var(--accent);transform:translateY(-100%);animation:cue 2.2s var(--ease-io) infinite}
@keyframes cue{50%{transform:none}100%{transform:translateY(100%)}}
.hero__index{position:absolute;right:var(--gx);bottom:24px;font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--mute-inv)}

/* ---------- HOME · marcas / split / editorial / sistema ---------- */
.brands{border-block:1px solid var(--line);background:var(--paper);overflow:hidden;padding:18px 0}
.brands__track{display:flex;width:max-content;gap:0;will-change:transform}
.brands__track span{display:inline-flex;align-items:center;gap:40px;padding-right:40px;font-stretch:118%;font-weight:700;font-size:clamp(18px,2vw,26px);letter-spacing:-.02em;text-transform:uppercase;white-space:nowrap}
.brands__track span::after{content:"";width:8px;height:8px;background:var(--accent);transform:rotate(45deg)}
.brands__track span small{font:500 var(--micro) var(--mono);letter-spacing:.14em;color:var(--mute)}
.split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(12px,1.5vw,20px)}
.split__card{position:relative;display:grid;grid-template-rows:1fr auto;min-height:clamp(420px,46vw,640px);background:var(--paper-2);border-radius:var(--r-lg);overflow:hidden;color:var(--text);isolation:isolate}
.split__card:hover{color:var(--text)}
.split__media{position:relative;display:grid;place-items:center;overflow:hidden}
.split__media img{width:78%;height:78%;object-fit:contain;mix-blend-mode:darken;transition:transform 1s var(--ease)}
.split__card:hover .split__media img{transform:scale(1.06) rotate(-6deg) translateX(-2%)}
.split__idx{position:absolute;top:18px;left:18px;font-family:var(--mono);font-size:var(--micro);letter-spacing:.14em;color:var(--mute)}
.split__ghost{position:absolute;left:2%;bottom:-4%;font-stretch:125%;font-weight:800;font-size:clamp(64px,9.5vw,150px);line-height:1;letter-spacing:-.06em;color:rgba(17,17,19,.05);pointer-events:none;text-transform:uppercase;white-space:nowrap}
.split__copy{display:flex;justify-content:space-between;align-items:end;gap:16px;padding:clamp(18px,2.4vw,32px);border-top:1px solid var(--line)}
.split__copy h2{font-size:clamp(30px,3.6vw,60px)}
.split__copy small{display:block;margin-top:8px;font-family:var(--mono);font-size:var(--micro);letter-spacing:.12em;text-transform:uppercase;color:var(--mute)}
.split__arrow{width:52px;height:52px;border:1px solid var(--text);border-radius:50%;display:grid;place-items:center;flex:none;transition:background .3s,color .3s,transform .5s var(--ease)}
.split__card:hover .split__arrow{background:var(--accent);border-color:var(--accent);color:#fff;transform:rotate(-45deg)}
.edit{position:relative;overflow:clip}
.edit__in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--s7);align-items:center}
.edit__title{font-size:var(--h-l)}
.edit__title em{color:transparent;-webkit-text-stroke:1px currentColor}
.edit__stat{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line-dark);margin-top:var(--s6)}
.edit__stat div{padding:18px 16px;border-right:1px solid var(--line-dark)}
.edit__stat div:last-child{border-right:0}
.edit__stat b{display:block;font-size:clamp(26px,2.6vw,40px);font-weight:600;letter-spacing:-.04em;color:var(--accent);margin-bottom:6px;font-variant-numeric:tabular-nums}
.edit__stat span{font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--mute-inv)}
.edit__visual{position:relative;aspect-ratio:1;display:grid;place-items:center;color:inherit;border:1px solid var(--line-dark);border-radius:var(--r-lg);background:var(--paper-2);overflow:hidden}
.edit__visual::before,.edit__visual::after{content:"";position:absolute;background:rgba(17,17,19,.1)}
.edit__visual::before{left:0;right:0;top:50%;height:1px}.edit__visual::after{top:0;bottom:0;left:50%;width:1px}
.edit__visual img{width:74%;height:74%;object-fit:contain;position:relative;z-index:1;mix-blend-mode:darken;transition:transform .9s var(--ease)}
.edit__visual:hover img{transform:scale(1.04) rotate(-5deg)}
.edit__visual .hud{position:absolute;z-index:2;font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--mute)}
.hud--tl{top:16px;left:18px}.hud--tr{top:16px;right:18px}.hud--bl{bottom:16px;left:18px}.hud--br{bottom:16px;right:18px;text-align:right}
.hud b{display:block;color:var(--text);font-weight:500;font-size:13px;font-family:var(--sans);letter-spacing:0;text-transform:none}
.sys{background:var(--graphite);color:var(--text-inv);overflow:clip}
.sys__head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--s7);align-items:end;margin-bottom:clamp(40px,5vw,72px)}
.sys__head h2{font-size:var(--h-l)}
.sys__steps{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line-dark);border:1px solid var(--line-dark)}
.sys__step{background:var(--graphite);padding:clamp(20px,2.4vw,34px);min-height:260px;display:flex;flex-direction:column;justify-content:space-between;gap:24px;position:relative;overflow:hidden}
.sys__step::before{content:"";position:absolute;inset:auto 0 0 0;height:2px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .6s var(--ease)}
.sys__step:hover::before{transform:none}
.sys__step .n{font-family:var(--mono);font-size:var(--micro);letter-spacing:.14em;color:var(--accent)}
.sys__step h3{font-size:clamp(20px,1.7vw,26px);margin-bottom:10px;letter-spacing:-.02em}
.sys__step p{font-size:13.5px;color:var(--mute-inv);margin:0}
.sys__step .glyph{width:44px;height:44px;border:1px solid var(--line-dark);border-radius:50%;display:grid;place-items:center;color:var(--text-inv)}
.note{background:var(--paper-2);border-block:1px solid var(--line)}
.note .wrap{display:grid;grid-template-columns:auto 1fr auto;gap:var(--s6);align-items:center;padding-block:var(--s5)}
.note p{font-size:13px;color:var(--mute);margin:0;max-width:80ch}
.cta{background:var(--accent);color:#fff;position:relative;overflow:clip}
.cta h2{font-size:var(--h-xl);line-height:.84;margin:16px 0 40px}
.cta .kicker{color:rgba(255,255,255,.75)}.cta .kicker::before{background:#fff}
.cta__acts{display:flex;gap:12px;flex-wrap:wrap}
.cta .btn{background:var(--ink);border-color:var(--ink);color:#fff}.cta .btn::after{background:#fff}.cta .btn:hover{color:var(--ink);border-color:#fff}
.cta .btn--ghost{background:transparent;color:#fff;border-color:#fff}.cta .btn--ghost:hover{color:var(--ink)}
.cta__mark{position:absolute;right:-2%;bottom:-18%;font-stretch:125%;font-weight:800;font-size:clamp(160px,30vw,520px);line-height:1;letter-spacing:-.06em;color:rgba(255,255,255,.12);pointer-events:none;user-select:none}

/* ---------- Colección ---------- */
.chead{padding:clamp(28px,4vw,56px) 0 clamp(20px,3vw,36px)}
.chead__in{width:min(100% - 2*var(--gx),var(--w));margin-inline:auto}
.chead--dark{background:var(--ink);color:var(--text-inv)}
.crumb{display:flex;flex-wrap:wrap;gap:6px;font-family:var(--mono);font-size:var(--micro);letter-spacing:.1em;text-transform:uppercase;color:var(--mute);margin-bottom:var(--s4)}
.crumb a:hover{color:var(--accent)}
.chead h1{font-size:var(--h-l)}
.chead__row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.7fr);gap:var(--s6);align-items:end}
.chead__row p{font-size:var(--small);color:var(--mute);max-width:52ch;margin:0}
.chead--dark .crumb,.chead--dark .chead__row p{color:var(--mute-inv)}
.ghero{position:relative;background:var(--ink);color:var(--text-inv);overflow:clip}
.ghero__in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:var(--s6);align-items:center;min-height:clamp(380px,44vw,560px);padding-block:var(--s7)}
.ghero h1{font-size:var(--h-xl)}
.ghero h1 em{color:transparent;-webkit-text-stroke:1px rgba(243,241,236,.7)}
.ghero__stage{position:relative;aspect-ratio:1;max-width:520px;width:100%;justify-self:end;display:grid;place-items:center;background:var(--paper-2);border-radius:var(--r-lg);overflow:hidden}
.ghero__stage::before{content:"";position:absolute;inset:8%;border:1px solid rgba(17,17,19,.12);border-radius:50%}
.ghero__stage img{width:82%;height:82%;object-fit:contain;mix-blend-mode:darken;animation:float 8s ease-in-out infinite;position:relative;z-index:1}
.ghero__stage .hud{position:absolute;bottom:14px;left:16px;font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--mute);z-index:2}
.ghero__stage .hud b{display:block;color:var(--text);font-weight:500;font-family:var(--sans);font-size:13px;letter-spacing:0;text-transform:none}
.ghero+.chead{padding-top:0}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:var(--s5)}
.chips a{white-space:nowrap;border:1px solid var(--line-dark);padding:9px 14px;border-radius:999px;font-family:var(--mono);font-size:var(--micro);letter-spacing:.1em;text-transform:uppercase;transition:background .25s,color .25s,border-color .25s}
.chips a:hover,.chips a.is-active{background:var(--paper);color:var(--text);border-color:var(--paper)}
.chips--light a{border-color:var(--line);color:var(--text)}.chips--light a:hover,.chips--light a.is-active{background:var(--text);color:var(--paper);border-color:var(--text)}
.mbar{background:var(--paper-2);border-bottom:1px solid var(--line);padding-block:20px}
.mbar .chips{margin-top:0}
.mbar .chips a small{font-size:9px;opacity:.6;margin-left:4px}
.mbar+.chead{padding-top:clamp(20px,3vw,36px)}
.coll{display:grid;grid-template-columns:260px minmax(0,1fr);min-width:0;gap:clamp(24px,3vw,56px);padding-block:var(--s6) var(--s8)}
.fside{position:sticky;top:calc(var(--hdr-h) + 16px);max-height:calc(100vh - var(--hdr-h) - 32px);overflow:auto;scrollbar-width:thin;scrollbar-color:var(--paper-3) transparent;padding-right:2px}
.fhead{display:flex;justify-content:space-between;align-items:baseline;padding:0 2px 14px}
.fhead b{font-stretch:118%;font-weight:700;font-size:15px;letter-spacing:.06em;text-transform:uppercase}
.fhead span{font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--mute)}
.fgrp{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);margin-bottom:10px;overflow:hidden;transition:border-color .25s,box-shadow .25s}
.fgrp:hover,.fgrp:focus-within{border-color:#B9B4A9}
.fgrp[open]{box-shadow:0 12px 30px -20px rgba(17,17,19,.25)}
.fgrp summary{display:flex;align-items:center;gap:12px;cursor:pointer;list-style:none;padding:14px 16px;font-size:13px;font-weight:600;letter-spacing:.02em;position:relative;user-select:none}
.fgrp summary::-webkit-details-marker{display:none}
.fgrp summary::before{content:attr(data-n);font-family:var(--mono);font-size:10px;letter-spacing:.1em;color:var(--accent);font-weight:500}
.fgrp summary .fcount{margin-left:auto;min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:var(--text);color:var(--paper);font-family:var(--mono);font-size:10px;display:none;place-items:center}
.fgrp summary .fcount.is-on{display:grid}
.fgrp summary .ico{width:14px;height:14px;transition:transform .35s var(--ease);color:var(--mute)}
.fgrp[open] summary .ico{transform:rotate(180deg)}
.fgrp ul{padding:2px 8px 12px;display:flex;flex-direction:column;gap:2px;border-top:1px solid var(--paper-2)}
.fopt{display:flex;align-items:center;gap:12px;padding:9px 10px;font-size:13.5px;cursor:pointer;border-radius:var(--r);transition:background .2s;position:relative}
.fopt>span{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fopt:hover{background:var(--paper)}
.fopt input{position:absolute;opacity:0;width:1px;height:1px}
.fopt i{width:18px;height:18px;border:1.5px solid #A8A399;border-radius:4px;display:grid;place-items:center;transition:background .2s,border-color .2s,transform .2s var(--ease);flex:none;background:#fff}
.fopt i::after{content:"";width:9px;height:5px;border:solid #fff;border-width:0 0 2px 2px;transform:rotate(-45deg) translateY(-1px) scale(.6);opacity:0;transition:opacity .15s,transform .25s var(--ease)}
.fopt input:checked+i{background:var(--text);border-color:var(--text)}.fopt input:checked+i::after{opacity:1;transform:rotate(-45deg) translateY(-1px) scale(1)}
.fopt input:checked~span{font-weight:600}
.fopt input:focus-visible+i{outline:2px solid var(--accent);outline-offset:2px}
.fopt em{flex:none;font-style:normal;color:var(--mute);font-family:var(--mono);font-size:10px;margin-left:auto;min-width:22px;height:20px;display:grid;place-items:center;border-radius:10px;background:var(--paper-2);padding:0 6px}
.fopt input:checked~em{background:var(--text);color:var(--paper)}
.fgrp--sizes ul{display:grid;grid-template-columns:repeat(auto-fill,minmax(46px,1fr));gap:6px;padding:12px}
.fopt--size{padding:0;display:block}
.fopt--size span{height:40px;display:grid;place-items:center;border:1px solid var(--line);border-radius:var(--r);font-family:var(--mono);font-size:12px;background:var(--paper);transition:all .2s var(--ease)}
.fopt--size:hover span{border-color:var(--text)}
.fopt--size input:checked+span{background:var(--text);color:var(--paper);border-color:var(--text)}
.fopt--size input:focus-visible+span{outline:2px solid var(--accent);outline-offset:2px}
.fgrp--colors ul{flex-direction:row;flex-wrap:wrap;gap:8px;padding:12px}
.fopt--sw{padding:0;display:block}
.fopt--sw span:first-of-type{display:block;width:32px;height:32px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(0,0,0,.22);transition:transform .25s var(--ease),box-shadow .2s;position:relative}
.fopt--sw:hover span:first-of-type{transform:scale(1.08)}
.fopt--sw input:checked+span{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--text)}
.fopt--sw input:checked+span::after{content:"";position:absolute;inset:0;margin:auto;width:9px;height:5px;border:solid #fff;border-width:0 0 2px 2px;transform:rotate(-45deg);filter:drop-shadow(0 0 1.5px rgba(0,0,0,.9))}
.fopt--sw input:focus-visible+span{outline:2px solid var(--accent);outline-offset:3px}
.ffoot{display:flex;gap:8px;align-items:center;justify-content:space-between;padding:12px 2px 0;font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--mute)}
.ffoot a{color:var(--text);text-decoration:underline;text-underline-offset:3px}
.ffoot a:hover{color:var(--accent)}
.ctool{position:sticky;top:var(--hdr-h);z-index:5;background:rgba(243,241,236,.92);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--line);margin-bottom:var(--s5)}
.ctool__n{font-family:var(--mono);font-size:var(--micro);letter-spacing:.12em;text-transform:uppercase;color:var(--mute)}
.ctool__n b{color:var(--text);font-weight:500}
.ctool__r{display:flex;gap:8px;align-items:center}
.sel{position:relative;display:inline-flex;align-items:center;height:40px;border:1px solid var(--line);border-radius:var(--r);padding:0 36px 0 12px;font-size:13px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23111' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat right 12px center;appearance:none;cursor:pointer;min-width:190px}
.fbtn{display:none}
.factive{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:var(--s4)}
.factive a{display:inline-flex;align-items:center;gap:8px;height:30px;padding:0 6px 0 12px;border-radius:999px;background:var(--text);color:var(--paper);font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase}
.factive a .ico{width:12px;height:12px;stroke-width:2}
.factive a.clear{background:transparent;color:var(--text);border:1px solid var(--line);padding-right:12px}
.cempty{padding:var(--s8) 0;text-align:center;color:var(--mute)}
.cempty .btn{margin-top:var(--s5)}
.pagi{display:flex;justify-content:center;gap:6px;margin-top:var(--s7)}
.pagi a,.pagi span{min-width:40px;height:40px;display:grid;place-items:center;border:1px solid transparent;border-radius:var(--r);font-family:var(--mono);font-size:12px}
.pagi a:hover{border-color:var(--line)}.pagi .is-cur{border-color:var(--text)}
.sheet{position:fixed;left:0;right:0;bottom:0;z-index:var(--z-drawer);background:var(--paper);color:var(--text);border-radius:16px 16px 0 0;max-height:min(88vh,88dvh);display:flex;flex-direction:column;transform:translateY(100%);visibility:hidden;transition:transform .5s var(--ease),visibility 0s .5s}
.sheet.is-open{transform:none;visibility:visible;transition:transform .5s var(--ease),visibility 0s}
.sheet__top{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid var(--line)}
.sheet__top::before{content:"";position:absolute;top:8px;left:50%;width:40px;height:4px;border-radius:2px;background:var(--line);transform:translateX(-50%)}
.sheet__body{flex:1 1 auto;min-height:0;overflow:auto;padding:14px 16px 20px;-webkit-overflow-scrolling:touch;background:var(--paper-2)}
.sheet .fhead{display:none}
.sheet__foot{flex:none}
.sheet__foot{display:grid;grid-template-columns:auto 1fr;gap:10px;padding:14px 16px calc(14px + env(safe-area-inset-bottom));border-top:1px solid var(--line)}
.sheet__foot .btn{padding:0 16px;white-space:normal;line-height:1.2;min-width:0}

/* ---------- Producto ---------- */
.prod{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(24px,4vw,72px);padding-block:var(--s5) var(--s8);align-items:start}
.gal{position:sticky;top:calc(var(--hdr-h) + 16px);display:grid;grid-template-columns:72px minmax(0,1fr);gap:14px}
.gal__thumbs{display:flex;flex-direction:column;gap:8px;max-height:640px;overflow:auto;scrollbar-width:none}
.gal__thumbs::-webkit-scrollbar{display:none}
.gal__thumbs button{aspect-ratio:1;border:1px solid var(--line);border-radius:var(--r);background:var(--paper-2);overflow:hidden;transition:border-color .25s}
.gal__thumbs button img{width:100%;height:100%;object-fit:contain;padding:6px;mix-blend-mode:darken}
.gal__thumbs button.is-on{border-color:var(--text)}
.gal__main{position:relative;aspect-ratio:1;background:var(--paper-2);border-radius:var(--r-lg);overflow:hidden}
.gal__track{display:flex;height:100%;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.gal__track::-webkit-scrollbar{display:none}
.gal__slide{flex:0 0 100%;height:100%;scroll-snap-align:start;display:grid;place-items:center}
.gal__slide img{width:100%;height:100%;object-fit:contain;padding:7%;mix-blend-mode:darken;cursor:zoom-in}
.gal__hud{position:absolute;top:14px;left:14px;font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--mute);display:flex;gap:10px}
.gal__dots{position:absolute;bottom:14px;left:0;right:0;display:none;justify-content:center;gap:6px}
.gal__dots i{width:6px;height:6px;border-radius:50%;background:var(--paper-3)}.gal__dots i.is-on{background:var(--text)}
.gal__zoom{position:absolute;right:14px;bottom:14px;background:var(--paper)}
.zoom{position:fixed;inset:0;z-index:var(--z-modal);background:var(--paper);display:none;place-items:center;cursor:zoom-out}
.zoom.is-open{display:grid}
.zoom img{max-width:min(96vw,1400px);max-height:94vh;object-fit:contain}
.pinfo{display:flex;flex-direction:column;gap:var(--s5)}
.pinfo__head .crumb{margin-bottom:10px}
.pinfo__brand{display:flex;gap:10px;align-items:center;font-family:var(--mono);font-size:var(--micro);letter-spacing:.14em;text-transform:uppercase;color:var(--mute);margin-bottom:12px}
.pinfo__brand .tag{height:20px}
.pinfo h1{font-size:clamp(28px,3vw,44px);font-weight:600;letter-spacing:-.03em;line-height:1.02}
.pinfo__ref{display:inline-flex;align-items:center;gap:8px;margin-top:12px;font-family:var(--mono);font-size:var(--micro);letter-spacing:.12em;text-transform:uppercase;color:var(--mute)}
.pinfo__ref button{display:inline-flex;align-items:center;gap:5px;color:var(--text);border-bottom:1px solid var(--line)}
.pinfo__ref button .ico{width:12px;height:12px}
.pinfo__price{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}
.pinfo__price .price{font-size:30px}
.pinfo__price small{font-size:12px;color:var(--mute)}
.opt{display:flex;flex-direction:column;gap:10px}
.opt__lab{display:flex;justify-content:space-between;align-items:baseline;font-family:var(--mono);font-size:var(--micro);letter-spacing:.14em;text-transform:uppercase}
.opt__lab span{color:var(--mute);letter-spacing:.04em;text-transform:none;font-family:var(--sans);font-size:12px}
.opt__lab a{color:var(--mute);text-decoration:underline;text-underline-offset:3px;text-transform:none;letter-spacing:0;font-family:var(--sans);font-size:12px}
.sizes{display:grid;grid-template-columns:repeat(auto-fill,minmax(58px,1fr));gap:8px}
.sz{height:46px;display:grid;place-items:center;border:1px solid var(--line);border-radius:var(--r);font-family:var(--mono);font-size:13px;background:#fff;transition:all .2s var(--ease);position:relative}
.sz:hover{border-color:var(--text)}
.sz.is-on{background:var(--text);color:var(--paper);border-color:var(--text)}
.sz.is-off{color:var(--mute);background:transparent;pointer-events:none;background-image:linear-gradient(to top right,transparent 48%,var(--line) 49%,var(--line) 51%,transparent 52%)}
.sizes.is-error .sz{border-color:var(--sale);animation:shake .4s}
@keyframes shake{25%{transform:translateX(-3px)}75%{transform:translateX(3px)}}
.swatches{display:flex;gap:10px;flex-wrap:wrap}
.sw{width:34px;height:34px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(0,0,0,.14);transition:box-shadow .2s;position:relative}
.sw.is-on{box-shadow:0 0 0 2px var(--paper),0 0 0 4px var(--text)}
.pending{display:flex;gap:12px;align-items:flex-start;border:1px dashed #a9a59c;border-radius:var(--r-lg);padding:12px 14px;font-size:13px;color:var(--mute)}
.pending b{display:block;color:var(--text);font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;margin-bottom:3px}
.buy{display:grid;grid-template-columns:1fr;gap:10px}
.buy .btn{min-height:54px;white-space:normal;text-align:center;line-height:1.2}
.ptrust{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden}
.ptrust div{padding:14px;font-size:12px;color:var(--mute);border-right:1px solid var(--line)}
.ptrust div:last-child{border-right:0}
.ptrust b{display:block;color:var(--text);font-weight:500;font-size:12.5px;margin-bottom:3px}
.psrc{display:grid;grid-template-columns:auto 1fr;gap:6px 14px;font-size:13px;padding:16px 0;border-block:1px solid var(--line)}
.psrc span{font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--mute);padding-top:3px}
.psrc b{font-weight:500}.psrc small{grid-column:2;color:var(--mute);font-size:12px}.psrc a{grid-column:2;text-decoration:underline;text-underline-offset:3px;font-size:12.5px}
.acc details{border-bottom:1px solid var(--line)}
.acc summary{display:flex;justify-content:space-between;align-items:center;padding:16px 0;cursor:pointer;list-style:none;font-size:13px;font-weight:600;letter-spacing:.1em;text-transform:uppercase}
.acc summary::-webkit-details-marker{display:none}
.acc summary .ico{width:14px;height:14px;transition:transform .3s}
.acc details[open] summary .ico{transform:rotate(45deg)}
.acc .rte{padding:0 0 18px;font-size:14px;color:#3b3934}
.buybar{position:fixed;left:0;right:0;bottom:0;z-index:var(--z-hdr);display:none;align-items:center;gap:12px;padding:10px var(--gx) calc(10px + env(safe-area-inset-bottom));background:rgba(243,241,236,.94);backdrop-filter:blur(14px);border-top:1px solid var(--line);transform:translateY(100%);transition:transform .45s var(--ease)}
.buybar.is-on{transform:none}
.buybar__info{flex:1;min-width:0}
.buybar__info b{display:block;font-size:13px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.buybar__info .price{font-size:14px}
.buybar .btn{min-height:46px;padding:0 18px}
.rel{padding-block:var(--s7) var(--s8);border-top:1px solid var(--line)}

/* ---------- Carrito página / páginas ---------- */
.page{padding-block:clamp(36px,5vw,72px) var(--s8)}
.page__head{margin-bottom:var(--s6)}
.page__head h1{font-size:var(--h-l)}
.cartpg{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:var(--s7);align-items:start}
.cartpg__sum{position:sticky;top:calc(var(--hdr-h) + 20px);border:1px solid var(--line);border-radius:var(--r-lg);padding:var(--s5);background:#fff;min-width:0}
.cartpg__sum .btn{white-space:normal;line-height:1.2}
.cartpg>div{min-width:0}
.cartpg .cl{grid-template-columns:120px 1fr}
.form label{display:block;font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--mute);margin:0 0 8px}
.form .in{width:100%;border:1px solid var(--line);border-radius:var(--r);background:#fff;padding:13px 14px;font-size:15px;margin-bottom:18px;transition:border-color .2s}
.form .in:focus{outline:0;border-color:var(--text)}
.form textarea.in{min-height:150px;resize:vertical}
.form__grid{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}
.alert{padding:12px 14px;border-radius:var(--r);font-size:14px;margin-bottom:18px}
.alert--ok{background:#E3F2EA;color:#15603D}.alert--err{background:#FCE8E4;color:#A3261A}
.hp{position:absolute;left:-9999px}
.about__intro{max-width:840px;margin:0 auto;text-align:center}
.about__intro .lead{margin:20px auto 0;font-size:clamp(18px,1.6vw,24px);color:var(--text);max-width:34em}
.about__row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--s7);align-items:center;padding-block:var(--s6)}
.about__row:nth-child(even) .about__media{order:-1}
.about__media{aspect-ratio:4/5;background:var(--paper-2);border-radius:var(--r-lg);overflow:hidden}
.about__media img{width:100%;height:100%;object-fit:cover}
.about__row h2{font-size:var(--h-m);margin-bottom:16px}
.about__row .rte{color:var(--mute)}
.store{display:grid;grid-template-columns:minmax(300px,.8fr) minmax(0,1.2fr);gap:var(--s6)}
.store__card{border:1px solid var(--line);border-radius:var(--r-lg);padding:var(--s6);background:#fff}
.store__card h3{font-size:var(--h-s);margin-bottom:16px}
.store__line{display:flex;gap:10px;margin-bottom:10px;font-size:14px}
.store__acts{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.store__map{min-height:380px;background:var(--paper-2);border-radius:var(--r-lg);overflow:hidden;position:relative}
.store__map iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.empty{text-align:center;color:var(--mute);padding:var(--s7) 0}

/* ---------- Footer ---------- */
.ftr{background:var(--ink);color:var(--text-inv);position:relative;overflow:clip}
.ftr__top{display:grid;grid-template-columns:1.3fr .8fr .8fr 1.1fr;gap:var(--s6);padding-block:clamp(48px,6vw,88px) var(--s7)}
.ftr h4{font-family:var(--mono);font-size:var(--micro);letter-spacing:.14em;text-transform:uppercase;font-weight:500;color:var(--mute-inv);margin-bottom:18px}
.ftr__about p{color:var(--mute-inv);font-size:14px;max-width:40ch}
.ftr__links li{margin-bottom:8px}
.ftr__links a{font-size:15px;display:inline-flex;gap:8px;align-items:center}
.ftr__links a::before{content:"";width:0;height:1px;background:var(--accent);transition:width .3s var(--ease)}
.ftr__links a:hover::before{width:14px}
.news{position:relative;display:flex;border-bottom:1px solid var(--text-inv);max-width:380px}
.news input{flex:1;min-width:0;background:none;border:0;padding:12px 0;color:inherit;font-size:15px}
.news input::placeholder{color:var(--mute-inv)}
.news button{width:44px;display:grid;place-items:center;color:inherit;transition:color .2s}
.news button:hover{color:var(--accent)}
.news__msg{font-size:12px;color:var(--mute-inv);margin-top:8px;min-height:16px}
.soc{display:flex;gap:6px;margin-top:20px}
.soc a{width:40px;height:40px;border:1px solid var(--line-dark);border-radius:50%;display:grid;place-items:center;transition:border-color .25s,color .25s}
.soc a:hover{border-color:var(--accent)}
.soc .ico{width:18px;height:18px}
.ftr__mark{position:relative;padding:clamp(20px,3vw,40px) 0 clamp(14px,2vw,28px);border-top:1px solid var(--line-dark);overflow:hidden;--p:0}
.ftr__mark::before{content:"";position:absolute;left:0;top:0;height:2px;width:100%;background:var(--accent);transform:scaleX(var(--p));transform-origin:left}
.ftr__mark b{display:flex;justify-content:space-between;font-stretch:125%;font-weight:800;font-size:var(--mark-fs,18cqw);line-height:1;letter-spacing:-.05em;text-transform:uppercase;color:var(--text-inv);white-space:nowrap;position:relative}
.ftr__mark b span{display:block;position:relative;--i:0;--d:calc(var(--i) * .11);--lp:clamp(0, (var(--p) - var(--d)) / (1 - var(--d)), 1);transform:translateY(calc((1 - var(--lp)) * 105%)) rotate(calc((1 - var(--lp)) * -6deg));opacity:var(--lp);transform-origin:bottom left;will-change:transform}
.ftr__mark b span:nth-child(1){--i:0}.ftr__mark b span:nth-child(2){--i:1}.ftr__mark b span:nth-child(3){--i:2}.ftr__mark b span:nth-child(4){--i:3}.ftr__mark b span:nth-child(5){--i:4}.ftr__mark b span:nth-child(6){--i:5}.ftr__mark b span:nth-child(7){--i:6}.ftr__mark b span:nth-child(8){--i:7}
.ftr__mark b span:last-child{color:var(--accent)}
.ftr__mark.is-live b span{animation:markBreathe 6s ease-in-out infinite;animation-delay:calc(var(--i) * .18s)}
@keyframes markBreathe{50%{translate:0 -2%}}
.ftr__mark.is-live b span:last-child{animation:markBreathe 6s ease-in-out infinite,markPulse 4s ease-in-out infinite;animation-delay:calc(var(--i) * .18s),1s}
@keyframes markPulse{50%{color:var(--text-inv)}}
.ftr__mark b::after{content:"";position:absolute;inset:-10% -20%;background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.22) 50%,transparent 60%);transform:translateX(-120%);mix-blend-mode:overlay;pointer-events:none;opacity:0}
.ftr__mark.is-live b::after{animation:markSweep 5s var(--ease-io) infinite 1.2s}
@keyframes markSweep{0%{transform:translateX(-120%);opacity:1}45%,100%{transform:translateX(120%);opacity:1}}
.ftr__mark small{position:absolute;right:0;top:clamp(20px,3vw,40px);font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--mute-inv);opacity:var(--p)}
.ftr__mark .mark-idx{position:absolute;left:0;top:clamp(20px,3vw,40px);font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--mute-inv);opacity:var(--p)}
.ftr__bot{display:flex;justify-content:space-between;gap:var(--s5);flex-wrap:wrap;padding-block:var(--s5) var(--s6);border-top:1px solid var(--line-dark);font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--mute-inv)}
.ftr__bot p{margin:0;max-width:78ch;line-height:1.7}
.ftr__agency{display:inline-flex;align-items:center;gap:10px}
.ftr__agency img{height:22px;width:auto}
.wa{position:fixed;right:18px;bottom:18px;z-index:var(--z-hdr);width:54px;height:54px;border-radius:50%;background:#1FA855;color:#fff;display:grid;place-items:center;box-shadow:0 14px 34px rgba(0,0,0,.28);transition:transform .35s var(--ease)}
.wa:hover{transform:translateY(-3px) scale(1.04);color:#fff}
.wa .ico{width:28px;height:28px}
.template-product .wa{bottom:84px}

/* ---------- Cursor / motion ---------- */
.cur{position:fixed;left:0;top:0;z-index:var(--z-cursor);pointer-events:none;width:12px;height:12px;border-radius:50%;background:var(--accent);mix-blend-mode:difference;transform:translate(-50%,-50%);transition:width .3s var(--ease),height .3s var(--ease),background .3s,opacity .3s;opacity:0;display:none}
.cur span{position:absolute;inset:0;display:grid;place-items:center;font-family:var(--mono);font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:#fff;opacity:0;transition:opacity .2s}
.cur.is-on{opacity:1}
.cur.is-link{width:40px;height:40px;background:rgba(255,255,255,.9)}
.cur.is-view{width:78px;height:78px;background:var(--accent);mix-blend-mode:normal}.cur.is-view span{opacity:1}
.cur.is-drag{width:64px;height:64px;background:#fff;mix-blend-mode:normal;color:#111}.cur.is-drag span{opacity:1;color:#111}
@media(hover:hover) and (pointer:fine){.cur{display:block}body.has-cursor a,body.has-cursor button{cursor:none}}
.rv{opacity:0;transform:translateY(28px);transition:opacity .9s var(--ease),transform .9s var(--ease)}
.rv.is-in{opacity:1;transform:none}
.rv--d1{transition-delay:.1s}.rv--d2{transition-delay:.2s}.rv--d3{transition-delay:.3s}
.clipr{clip-path:inset(0 100% 0 0);transition:clip-path 1.1s var(--ease)}
.clipr.is-in{clip-path:inset(0)}
.mag{will-change:transform}
.totop{position:fixed;left:18px;bottom:18px;z-index:var(--z-hdr);width:44px;height:44px;border-radius:50%;border:1px solid var(--line);background:var(--paper);color:var(--text);display:grid;place-items:center;opacity:0;transform:translateY(12px);transition:opacity .3s,transform .3s var(--ease)}
.totop.is-on{opacity:1;transform:none}
.totop .ico{width:16px;height:16px}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
  .rv,.clipr,.hero__title .ln>span,.hero__prod img,.mnav__list a{opacity:1;transform:none;clip-path:none}
  .ftr__mark{--p:1!important}.ftr__mark b span,.ftr__mark b::after{animation:none!important}
  .cur{display:none!important}
}

/* ================= RESPONSIVE ================= */
@media(max-width:1280px){
  .pgrid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .pgrid--5{grid-template-columns:repeat(4,minmax(0,1fr))}
  .coll{grid-template-columns:230px minmax(0,1fr)}
  .ftr__top{grid-template-columns:1.2fr .8fr .8fr 1.2fr}
}
@media(max-width:1024px){
  :root{--hdr-h:62px}
  .nav{display:none}
  .hdr__in{grid-template-columns:auto 1fr auto}
  .hdr__menu{display:inline-flex}
  .hero__in{grid-template-columns:1fr;gap:var(--s6)}
  .hero{padding-bottom:88px}
  .hero__stage{max-width:520px;justify-self:center;order:-1}
  .hero__prod{aspect-ratio:1.25}
  .hero__copy{align-items:flex-start}
  .hero__title{font-size:clamp(56px,11vw,120px)}
  .edit__in,.sys__head,.chead__row,.ghero__in{grid-template-columns:1fr}
  .ghero__stage{justify-self:start;max-width:360px;order:1;margin-top:8px}
  .sys__steps{grid-template-columns:repeat(2,1fr)}
  .coll{grid-template-columns:1fr}
  .fside{display:none}
  .fbtn{display:inline-flex}
  .prod{grid-template-columns:1fr;gap:var(--s6)}
  .gal{position:static;grid-template-columns:1fr}
  .gal__thumbs{display:none}
  .gal__dots{display:flex}
  .pinfo{max-width:720px}
  .cartpg{grid-template-columns:1fr}
  .cartpg__sum{position:static}
  .ftr__top{grid-template-columns:1fr 1fr}
  .pgrid .pc--feat .pc__media{min-height:0;aspect-ratio:1}
  .pgrid .pc--feat{grid-column:span 2;grid-row:auto}
  .pgrid .pc--feat .pc__media{aspect-ratio:2/1.2}
}
@media(max-width:768px){
  .template-index .hdr{color:var(--text-inv)}
  .hero{min-height:auto;padding-top:calc(var(--hdr-h) + 16px);padding-bottom:80px}
  .hero__stage{max-width:min(440px,100%)}
  .hero__prod{aspect-ratio:1.15}
  .hero__meta{gap:18px}
  .hero__cue{display:none}
  .split{grid-template-columns:1fr}
  .split__card{min-height:auto}
  .split__media{aspect-ratio:1.3}
  .sh{grid-template-columns:1fr}
  .sh__r{align-items:flex-start}
  .pgrid,.pgrid--3,.pgrid--5{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 12px}
  .pgrid--edit .edit-cell{grid-column:span 2;min-height:300px}
  .pc__quick{opacity:1;transform:none;height:38px;font-size:10px}
  .pc__top{gap:6px}.pc__top:not(:has(.pc__quick))::after{height:38px}
  .pc__sizes{display:none}
  .pc__src{display:none}
  .edit__stat{grid-template-columns:1fr 1fr 1fr}
  .note .wrap{grid-template-columns:1fr;gap:12px}
  .ptrust{grid-template-columns:1fr}
  .ptrust div{border-right:0;border-bottom:1px solid var(--line)}
  .ptrust div:last-child{border-bottom:0}
  .buy{grid-template-columns:1fr}
  .buybar{display:flex}
  .about__row,.store,.form__grid{grid-template-columns:1fr}
  .about__row:nth-child(even) .about__media{order:0}
  .about__media{aspect-ratio:4/3}
  .ftr__top{grid-template-columns:1fr;gap:var(--s5)}
  .ftr__bot{flex-direction:column}
  .cta h2{font-size:clamp(48px,14vw,120px)}
  .totop{display:none}
  .drawer{width:100%}
  .qs{grid-template-columns:1fr}
  .qs__media{aspect-ratio:1.25}
  .modal{padding:0;align-items:end}
  .modal__box{max-height:92vh;border-radius:16px 16px 0 0}
  .ctool__r .sel{min-width:0}
  .chips a{padding:8px 12px}
}
@media(max-width:600px){
  :root{--gx:16px}
  .bar__track{font-size:9px}
  .hdr__logo img{height:26px}
  .hero__title{font-size:clamp(40px,11.5vw,72px)}
  .hero__acts{gap:14px}
  .hero__acts .tlink{width:100%}
  .hero__hud--br .price{font-size:18px}
  .hero__meta{gap:14px 18px}
  .brands__track span{font-size:16px;gap:24px;padding-right:24px}
  .pgrid,.pgrid--3,.pgrid--5{gap:20px 10px}
  .pc__body{padding-top:10px}
  .pc__name{font-size:13px}.pc__price{font-size:13px}
  .pc__brand{font-size:9px}
  .sys__steps{grid-template-columns:1fr}
  .sys__step{min-height:0;gap:16px}
  .edit__stat{grid-template-columns:1fr}
  .edit__stat div{border-right:0;border-bottom:1px solid var(--line-dark)}
  .edit__stat div:last-child{border-bottom:0}
  .split__copy h2{font-size:34px}
  .split__arrow{width:44px;height:44px}
  .ghero h1{font-size:clamp(38px,11vw,72px)}
  .ghero__stage{max-width:300px}
  .ghero__in{min-height:0;padding-block:var(--s5) var(--s6)}
  .ctool{flex-wrap:wrap}
  .ctool__r{width:100%;justify-content:space-between;min-width:0}
  .ctool__r .sel{flex:1;min-width:0;width:auto}
  .ctool__r .fbtn{flex:none}
  .coll>div{min-width:0}
  .pinfo h1{font-size:28px}
  .pinfo__price .price{font-size:26px}
  .sizes{grid-template-columns:repeat(auto-fill,minmax(52px,1fr))}
  .cartpg .cl{grid-template-columns:92px 1fr}
  .cl{grid-template-columns:76px 1fr;gap:12px}
  .ftr__mark small,.ftr__mark .mark-idx{display:none}
  .wa{width:48px;height:48px;right:14px;bottom:14px}
  .template-product .wa{bottom:80px}
  .cta h2{font-size:clamp(36px,11.5vw,80px)}
  .cta__acts .btn{width:100%}
  .buybar .btn{padding:0 14px;font-size:11px}
}
@media(max-width:380px){
  .hero__title{font-size:40px}
  .hero__meta{gap:10px 14px;font-size:10px}
  .pgrid,.pgrid--3,.pgrid--5{gap:16px 8px}
  .pc__quick{font-size:9px;letter-spacing:.06em}
  .mnav__list a{font-size:32px}
}