/* TECNOMAX · tienda. Layout: header rojo + navegación por marca, hero partido (buscador fijo + promos rotativas),
   banda de ofertas, repuestos en filas, herramientas en bloque oscuro. Firma: anillos del logo. */
:root{
  --red:#C8102E;--red-dk:#9A0A20;--red-tint:#FBECEE;--wine:#5E0613;
  --ink:#141213;--ink-2:#2E2A2B;--muted:#6E6668;--line:#E9E3E4;--paper:#F6F3F3;--white:#fff;
  --ok:#1E8E4E;--warn:#B26B00;--wa:#25D366;
  --f-body:"Barlow",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
  --f-cond:"Barlow Condensed","Arial Narrow",sans-serif;
  --r:6px;color-scheme:light;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--white);color:var(--ink-2);font:16px/1.5 var(--f-body);padding-top:env(safe-area-inset-top,0px)}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
button{font:inherit;cursor:pointer}
:focus-visible{outline:2px solid var(--red);outline-offset:2px}
[hidden]{display:none!important}
.wrap{max-width:1240px;margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
h1,h2,h3{font-family:var(--f-cond);color:var(--ink);line-height:1.05;text-wrap:balance;margin:0}
.eyebrow{font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--red);margin:0 0 10px}
.sel{user-select:all}

/* header */
.hd{position:sticky;top:env(safe-area-inset-top,0px);z-index:30}
.hd-top{background:var(--red);color:#fff;display:flex;gap:20px;align-items:center;padding-block:12px;max-width:none}
.hd-top>*{flex:none}
.hd .hd-top{padding-left:max(16px,calc((100vw - 1240px)/2 + 16px));padding-right:max(16px,calc((100vw - 1240px)/2 + 16px))}
.logo{display:flex;align-items:center;gap:10px}
.logo-mark{width:48px;height:48px}
.logo span{display:flex;flex-direction:column;line-height:1}
.logo b{font-family:var(--f-cond);font-weight:500;font-size:24px;letter-spacing:.08em}
.logo small{font-size:10px;letter-spacing:.12em;text-transform:uppercase;opacity:.85;margin-top:4px}
.srch{flex:1 1 auto!important;display:flex;background:#fff;border-radius:var(--r);height:44px;max-width:620px;margin-inline:auto;overflow:hidden}
.srch input{flex:1;border:0;padding:0 14px;font:inherit;font-size:15px;min-width:0;color:var(--ink);outline:0}
.srch button{border:0;background:var(--ink);color:#fff;width:52px;display:grid;place-items:center}
.srch svg,.cart-btn svg,.fab svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.cart-btn{display:flex;align-items:center;gap:8px;background:var(--wine);border:0;color:#fff;height:44px;padding:0 14px;border-radius:var(--r);font-weight:600;position:relative}
.cart-n{background:#fff;color:var(--red);border-radius:99px;font-size:11px;min-width:20px;height:20px;display:grid;place-items:center;padding:0 5px;font-weight:700}
.cart-btn.bump{animation:bump .4s}
@keyframes bump{50%{transform:scale(1.08)}}

.brands{background:var(--ink);color:#fff}
.brands ul{list-style:none;display:flex;gap:2px;margin:0 auto;height:46px;align-items:stretch;overflow-x:auto;scrollbar-width:none}
.brands li{position:relative;display:flex}
.brands li>a{display:flex;align-items:center;padding:0 16px;font-family:var(--f-cond);font-size:17px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}
.brands li>a:hover,.brands li:focus-within>a{background:var(--red)}
.brands .sep{flex:1}
.bn-pop{display:none}
@media (hover:hover) and (min-width:900px){
  .brands ul{overflow:visible}
  .bn:hover .bn-pop,.bn:focus-within .bn-pop{display:grid;position:absolute;top:100%;left:0;background:#fff;color:var(--ink);min-width:340px;grid-template-columns:1fr 1fr;gap:2px 14px;padding:16px 18px;border-top:3px solid var(--red);box-shadow:0 18px 40px rgba(20,18,19,.18);z-index:5}
  .bn-pop span{grid-column:1/-1;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}
  .bn-pop a{padding:5px 0;font-weight:500}
  .bn-pop a:hover{color:var(--red)}
  .bn-pop .all{grid-column:1/-1;color:var(--red);font-weight:700;margin-top:6px}
}

/* hero */
.hero{background:linear-gradient(180deg,var(--paper),#fff)}
.hero-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:28px;padding-block:36px}
.finder{background:#fff;border:1px solid var(--line);border-top:4px solid var(--red);padding:28px;border-radius:0 0 var(--r) var(--r);min-width:0}
.finder h1{font-size:clamp(34px,4.4vw,56px);font-weight:700;text-transform:uppercase;letter-spacing:.01em;margin-bottom:22px}
.finder-form{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.finder-form label{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.finder-form select{height:50px;border:1px solid var(--line);border-radius:var(--r);padding:0 12px;font:inherit;font-size:16px;color:var(--ink);background:#fff}
.finder-form select:disabled{background:var(--paper)}
.finder-form .btn-red{grid-column:1/-1;height:52px;font-size:16px}
.popular{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px;align-items:center}
.popular span{font-size:13px;color:var(--muted);margin-right:4px}
.popular a{font-size:13px;font-weight:600;border:1px solid var(--line);border-radius:99px;padding:5px 12px;background:#fff}
.popular a:hover{border-color:var(--red);color:var(--red)}
.popular.light{margin:14px 0 28px}

.promo{position:relative;border-radius:var(--r);overflow:hidden;min-height:320px;min-width:0}
.promo-track{display:flex;height:100%;transition:transform .7s cubic-bezier(.7,0,.2,1)}
.promo-slide{flex:0 0 100%;position:relative;padding:32px;display:flex;flex-direction:column;justify-content:flex-end;gap:10px;overflow:hidden;min-height:320px}
.promo-slide strong{font-family:var(--f-cond);font-size:clamp(28px,3.2vw,42px);line-height:1.02;font-weight:600;text-transform:uppercase;max-width:15ch;position:relative;z-index:1}
.promo-slide .eyebrow{position:relative;z-index:1}
.promo-cta{font-weight:700;position:relative;z-index:1}
.promo-slide .rings{position:absolute;right:-60px;top:-60px;width:300px;height:300px;fill:none;stroke-width:14;opacity:.9}
.t-red{background:var(--red);color:#fff}.t-red .eyebrow{color:#ffd0d6}.t-red .rings{stroke:rgba(255,255,255,.18)}
.t-ink{background:var(--ink);color:#fff}.t-ink .eyebrow{color:#ff7b8e}.t-ink .rings{stroke:rgba(200,16,46,.55)}
.t-paper{background:var(--red-tint);color:var(--ink)}.t-paper .rings{stroke:rgba(200,16,46,.18)}.t-paper .promo-cta{color:var(--red)}
.dots{position:absolute;left:32px;top:24px;display:flex;gap:8px;z-index:2}
.dot{width:26px;height:26px;border:0;background:none;padding:0}
.dot svg{width:26px;height:26px;transform:rotate(-90deg)}
.dot circle{fill:none;stroke-width:2}
.dot .bg{stroke:rgba(128,128,128,.45)}
.dot .fg{stroke:currentColor;stroke-width:2.5;stroke-dasharray:63;stroke-dashoffset:63}
.dot .core{fill:rgba(128,128,128,.6);stroke:none}
.promo{color:#fff}.promo.on-2{color:var(--red)}
.dot.on .core{fill:currentColor}
.dot.on .fg{animation:ring 6s linear forwards}
@keyframes ring{to{stroke-dashoffset:0}}

/* buttons */
.btn-red,.btn-wa,.btn-ghost{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:46px;padding:0 22px;border:0;border-radius:var(--r);font-weight:700;letter-spacing:.02em}
.btn-red{background:var(--red);color:#fff}.btn-red:hover{background:var(--red-dk)}
.btn-ghost{border:1.5px solid var(--ink);color:var(--ink);background:#fff}
.btn-wa{background:var(--wa);color:#0b3d1f;width:100%}
.btn-wa.inline{width:auto;margin-top:12px}
.btn-add{height:38px;padding:0 14px;border:0;border-radius:var(--r);background:var(--red);color:#fff;font-weight:700;white-space:nowrap}
.btn-add:hover{background:var(--red-dk)}
.btn-add.ok{background:var(--ok)}
.btn-add:disabled{background:#d8d1d2;color:#6e6668;cursor:not-allowed}

/* offers band */
.band{background:var(--red);color:#fff;padding-block:26px 30px}
.band-head{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-bottom:18px}
.band h2{color:#fff;font-size:34px;text-transform:uppercase;font-weight:700}
.countdown{display:flex;align-items:baseline;gap:8px;background:rgba(0,0,0,.18);padding:6px 12px;border-radius:var(--r);font-variant-numeric:tabular-nums}
.countdown span{font-size:12px;text-transform:uppercase;letter-spacing:.12em;opacity:.85}
.countdown b{font-family:var(--f-cond);font-size:22px;font-weight:600;letter-spacing:.04em}
.countdown.dark{background:var(--ink);color:#fff;margin-top:12px;display:inline-flex}
.link-w{margin-left:auto;font-weight:700}
.band-track{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(190px,1fr);gap:14px;overflow-x:auto;padding-bottom:6px;scroll-snap-type:x mandatory}
.band .tile{background:#fff;color:var(--ink-2);scroll-snap-align:start}

/* tiles */
.tile{display:flex;flex-direction:column;gap:4px;padding:12px;border-radius:var(--r);min-width:0}
.tile-img{position:relative;aspect-ratio:1;background:var(--paper);border-radius:4px;display:grid;place-items:center;overflow:hidden;margin-bottom:6px;max-width:100%}
.tile-img img{width:100%;height:100%;object-fit:contain}
.tile-img .ph,.row-img .ph,.cmp-img .ph,.pdp-img .ph,.kit .ph{width:46%;height:46%;color:#c9bfc1}
.off{position:absolute;top:8px;left:8px;background:var(--ink);color:#fff;font-family:var(--f-cond);font-weight:600;font-size:15px;padding:2px 8px;border-radius:3px;z-index:1}
.tile-cat{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}
.tile-name{font-weight:600;color:var(--ink);line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.5em}
.tile-buy{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;padding-top:6px}
.tile-buy .btn-add{width:38px;padding:0;font-size:20px}
.price{display:flex;flex-direction:column;line-height:1.1;font-variant-numeric:tabular-nums}
.price s{font-size:12px;color:var(--muted)}
.price b{font-size:18px;color:var(--ink);font-weight:700}

/* sections */
.sec{padding-block:44px}
.sec-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:18px;border-bottom:2px solid var(--ink);padding-bottom:10px}
.sec-head h2{font-size:32px;text-transform:uppercase;font-weight:700}
.sec-head a{font-weight:700;color:var(--red)}
.split{display:grid;grid-template-columns:1fr 340px;gap:28px;align-items:start}
.rows{display:flex;flex-direction:column;min-width:0}
.row{display:grid;grid-template-columns:76px 1fr auto;gap:16px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}
.row-img{width:76px;height:76px;background:var(--paper);border-radius:4px;display:grid;place-items:center;overflow:hidden}
.row-img img{width:100%;height:100%;object-fit:contain}
.row-main{min-width:0}
.row-name{font-weight:600;color:var(--ink);display:block}
.row-name:hover{color:var(--red)}
.row-meta{display:flex;gap:8px;align-items:center;margin-top:4px;flex-wrap:wrap}
.row-buy{display:flex;align-items:center;gap:14px}
.q{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:2px 8px;border-radius:3px;background:var(--paper);color:var(--ink-2);border:1px solid var(--line)}
.q-premium{background:var(--red-tint);color:var(--red);border-color:#f3c9d0}
.q-original,.q-oled{background:var(--ink);color:#fff;border-color:var(--ink)}
.stock{font-size:12px;font-weight:600}
.stock.ok{color:var(--ok)}.stock.no{color:var(--muted)}.stock.enc{color:var(--warn)}
.compat{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}
.compat a{font-size:12px;color:var(--muted);border-bottom:1px dotted #bbb}
.compat a:hover{color:var(--red)}
.compat.big a{font-size:14px;border:1px solid var(--line);border-radius:99px;padding:4px 12px;color:var(--ink-2)}

.kits{background:var(--paper);border-radius:var(--r);padding:20px;position:sticky;top:130px}
.kits h3{font-size:26px;text-transform:uppercase}
.kits>p{font-size:14px;color:var(--muted);margin:6px 0 14px}
.kit{background:#fff;border-radius:var(--r);padding:14px;margin-bottom:12px;border-left:3px solid var(--red)}
.kit-name{font-family:var(--f-cond);font-size:20px;font-weight:600;color:var(--ink)}
.kit ul{list-style:none;padding:0;margin:8px 0;display:grid;gap:6px}
.kit li{display:grid;grid-template-columns:28px 1fr auto;gap:8px;align-items:center;font-size:13px}
.kit li img,.kit li .ph{width:28px;height:28px;object-fit:contain}
.kit li b{font-variant-numeric:tabular-nums}
.kit-foot{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:10px}
.kit-foot b{font-size:20px;color:var(--ink);font-variant-numeric:tabular-nums}

.tools{background:var(--ink);color:#d9d3d4;padding-block:44px}
.tools .sec-head{border-color:var(--red)}
.tools .sec-head h2{color:#fff}
.tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.tools .tile{background:#1f1b1c}
.tools .tile-img{background:#2a2526}
.tools .tile-name,.tools .price b{color:#fff}
.tiles.light .tile{border:1px solid var(--line)}

.how ol{list-style:none;padding:0;margin:18px 0 0;display:grid;grid-template-columns:repeat(3,1fr);gap:16px;counter-reset:s}
.how li{counter-increment:s;border-top:3px solid var(--red);padding-top:14px;display:flex;flex-direction:column;gap:4px}
.how li::before{content:"Paso " counter(s);font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--red)}
.how b{font-family:var(--f-cond);font-size:22px;color:var(--ink);font-weight:600}
.how h2{font-size:32px;text-transform:uppercase}

.local{display:grid;grid-template-columns:1.2fr 1fr;gap:28px;border-top:1px solid var(--line)}
.local h2{font-size:28px;margin-bottom:10px}
.local p{max-width:62ch;color:var(--muted)}
.local ul{list-style:none;padding:0;margin:0;columns:2;gap:16px}
.local li{padding:4px 0}
.local a{color:var(--red);font-weight:600}

/* inner pages */
.crumbs{font-size:13px;color:var(--muted);padding-block:16px}
.crumbs a:hover{color:var(--red)}
.cat-head{padding-block:8px 10px}
.cat-head h1,.model-head h1,.zone h1{font-size:clamp(34px,4.5vw,54px);text-transform:uppercase;font-weight:700}
.cat-head p{color:var(--muted);margin:6px 0 0}
.chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}
.chips a{border:1px solid var(--line);border-radius:99px;padding:6px 14px;font-weight:600;font-size:14px}
.chips a small{color:var(--muted);font-weight:400}
.chips a.on{background:var(--ink);color:#fff;border-color:var(--ink)}
.model-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;padding-block:6px 20px;border-bottom:2px solid var(--ink)}
.aliases{color:var(--muted);margin:8px 0 0}
.model-stats{text-align:right}
.model-stats b{display:block;font-family:var(--f-cond);font-size:56px;line-height:1;color:var(--red)}
.model-stats span{font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}
.part-group{padding-block:26px;border-bottom:1px solid var(--line)}
.part-group h2{font-size:24px;text-transform:uppercase;margin-bottom:14px}
.compare{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px}
.cmp{border:1px solid var(--line);border-radius:var(--r);padding:14px;display:flex;flex-direction:column;gap:8px;min-width:0}
.cmp.out{opacity:.6}
.cmp-img{aspect-ratio:4/3;background:var(--paper);border-radius:4px;display:grid;place-items:center;overflow:hidden;max-width:100%}
.cmp-img img{width:100%;height:100%;object-fit:contain}
.cmp-name{font-weight:600;color:var(--ink)}
.cmp-buy{display:flex;justify-content:space-between;align-items:center;margin-top:auto}
.model-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px}
.model-grid a{border:1px solid var(--line);border-radius:var(--r);padding:16px;display:flex;flex-direction:column;gap:2px}
.model-grid a:hover{border-color:var(--red)}
.model-grid b{font-family:var(--f-cond);font-size:22px;color:var(--ink);font-weight:600}
.model-grid span{font-size:13px;color:var(--muted)}
.empty{padding-block:30px;color:var(--muted)}
.empty .btn-red{margin-top:12px}
.faq{padding-block:30px 50px}
.faq h2{font-size:24px;text-transform:uppercase;margin-bottom:12px}
.faq details{border-bottom:1px solid var(--line);padding:12px 0}
.faq summary{font-weight:600;cursor:pointer;color:var(--ink)}
.faq p{color:var(--muted);margin:8px 0 0;max-width:70ch}

.pdp{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding-block:10px 50px}
.pdp-img{aspect-ratio:1;background:var(--paper);border-radius:var(--r);display:grid;place-items:center;overflow:hidden;max-width:100%}
.pdp-img img{width:100%;height:100%;object-fit:contain}
.pdp-info{min-width:0}
.pdp h1{font-size:clamp(30px,3.6vw,44px);font-weight:700}
.sku{color:var(--muted);font-size:14px}
.pdp-price{margin:18px 0}
.pdp-price .price b{font-size:34px}
.pdp-actions{display:flex;gap:10px;flex-wrap:wrap}
.pdp-actions .btn-add{height:46px;padding:0 22px}
.h-sm{font-size:18px;text-transform:uppercase;margin:26px 0 10px}
.desc{max-width:62ch}
.perks-mini{list-style:none;padding:0;margin:26px 0 0;display:grid;gap:6px;font-size:14px;color:var(--muted)}
.perks-mini li::before{content:"";display:inline-block;width:8px;height:8px;border:2px solid var(--red);border-radius:50%;margin-right:8px}

.zone{padding-bottom:50px}
.zone .lead{font-size:18px;max-width:60ch;color:var(--ink-2)}
.zone h2{font-size:24px;text-transform:uppercase;margin-top:30px}
.zone-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.zone-grid ul{padding-left:18px}

/* footer */
.ft{background:var(--ink);color:#bdb5b7;margin-top:40px;padding-bottom:90px}
.ft-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr 1.2fr;gap:28px;padding-block:48px}
.ft .logo{color:#fff;margin-bottom:14px}
.ft h4{color:#fff;font-family:var(--f-cond);font-size:18px;text-transform:uppercase;letter-spacing:.06em;margin:0 0 12px}
.ft ul{list-style:none;padding:0;margin:0;display:grid;gap:6px;font-size:14px}
.ft a:hover{color:#fff}
.ft p{font-size:14px;margin:4px 0}
.zonas{grid-template-columns:1fr 1fr}
.ft-bar{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;border-top:1px solid #2c2829;padding-block:16px;font-size:12px}

/* drawer */
.scrim{position:fixed;inset:0;background:rgba(20,18,19,.5);z-index:40}
.drawer{position:fixed;top:0;right:0;bottom:0;width:min(420px,100%);background:#fff;z-index:41;display:flex;flex-direction:column;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);padding-right:env(safe-area-inset-right,0px);box-shadow:-20px 0 40px rgba(0,0,0,.2)}
.dr-head{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--line)}
.dr-head h3{font-size:26px;text-transform:uppercase}
.dr-head button,.chat-head button{border:0;background:none;font-size:20px;color:inherit}
.dr-items{flex:1;overflow:auto;padding:8px 20px}
.ci{display:grid;grid-template-columns:48px 1fr auto;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line)}
.ci-img{width:48px;height:48px;background:var(--paper);border-radius:4px;overflow:hidden}
.ci-img img{width:100%;height:100%;object-fit:contain}
.ci-n{font-size:14px;font-weight:600;color:var(--ink);line-height:1.25}
.ci-p{font-size:13px;color:var(--muted);font-variant-numeric:tabular-nums}
.qty{display:flex;align-items:center;border:1px solid var(--line);border-radius:var(--r)}
.qty button{border:0;background:none;width:30px;height:30px}
.qty span{min-width:22px;text-align:center;font-variant-numeric:tabular-nums}
.dr-form{padding:14px 20px 20px;border-top:1px solid var(--line);display:grid;gap:10px;background:var(--paper)}
.dr-form label{display:flex;flex-direction:column;gap:4px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}
.dr-form input,.dr-form select,.dr-form textarea{font:inherit;font-size:15px;border:1px solid var(--line);border-radius:var(--r);padding:9px 10px;background:#fff;color:var(--ink);text-transform:none;letter-spacing:0;font-weight:400}
.seg{border:0;padding:0;margin:0;display:flex;gap:8px}
.seg label{flex:1;flex-direction:row;align-items:center;gap:6px;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:9px;text-transform:none;letter-spacing:0;font-size:14px;color:var(--ink);font-weight:600}
.dr-total{display:flex;justify-content:space-between;align-items:baseline}
.dr-total b{font-size:26px;color:var(--ink);font-variant-numeric:tabular-nums}
.dr-msg{font-size:13px;margin:0;color:var(--ink-2)}
.dr-empty{color:var(--muted);padding:30px 0;text-align:center}

/* floating */
.fab{position:fixed;right:calc(18px + env(safe-area-inset-right,0px));bottom:calc(18px + env(safe-area-inset-bottom,0px));display:flex;gap:10px;align-items:center;z-index:35}
.fab-ai{display:flex;align-items:center;gap:10px;height:54px;padding:0 18px 0 20px;border:0;border-radius:99px;background:var(--ink);color:#fff;font-weight:600;box-shadow:0 8px 24px rgba(0,0,0,.25)}
.fab-ai svg{width:22px;height:22px}
.fab-wa{width:54px;height:54px;border-radius:50%;background:var(--wa);display:grid;place-items:center;color:#fff;box-shadow:0 8px 24px rgba(0,0,0,.25)}
.fab-wa svg{width:30px;height:30px;fill:currentColor;stroke:none}
.chat{position:fixed;right:calc(18px + env(safe-area-inset-right,0px));bottom:calc(84px + env(safe-area-inset-bottom,0px));width:min(380px,calc(100vw - 36px));height:min(560px,calc(100vh - 140px));background:#fff;border-radius:12px;box-shadow:0 20px 60px rgba(0,0,0,.3);z-index:36;display:flex;flex-direction:column;overflow:hidden}
.chat-head{background:var(--red);color:#fff;display:flex;justify-content:space-between;align-items:center;padding:12px 14px}
.chat-head>div{display:flex;gap:10px;align-items:center}
.chat-head .logo-mark{width:36px;height:36px}
.chat-head span{display:flex;flex-direction:column;line-height:1.15}
.chat-head small{opacity:.85;font-size:12px}
.chat-log{flex:1;overflow:auto;padding:14px;display:flex;flex-direction:column;gap:10px;background:var(--paper)}
.msg{max-width:88%;padding:10px 12px;border-radius:12px;font-size:14px;line-height:1.45;white-space:pre-wrap}
.msg.bot{background:#fff;border:1px solid var(--line);align-self:flex-start;border-bottom-left-radius:3px}
.msg.me{background:var(--red);color:#fff;align-self:flex-end;border-bottom-right-radius:3px}
.msg.typing{color:var(--muted)}
.chat-prods{display:grid;gap:6px;align-self:stretch}
.cp{display:grid;grid-template-columns:40px 1fr auto;gap:8px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:8px;padding:6px 8px;font-size:13px}
.cp img,.cp .ph{width:40px;height:40px;object-fit:contain;color:#c9bfc1}
.cp a{font-weight:600;color:var(--ink);line-height:1.2}
.cp .btn-add{height:30px;padding:0 10px;font-size:13px}
.chat-form{display:flex;border-top:1px solid var(--line)}
.chat-form input{flex:1;border:0;padding:14px;font:inherit;font-size:15px;min-width:0;outline:0}
.chat-form button{border:0;background:var(--ink);color:#fff;padding:0 18px;font-weight:700}

@media (max-width:1000px){
  .hero-grid,.split,.pdp,.local{grid-template-columns:1fr}
  .kits{position:static}
  .tiles{grid-template-columns:repeat(3,minmax(0,1fr))}
  .ft-grid{grid-template-columns:1fr 1fr}
  .logo small{display:none}
}
@media (max-width:700px){
  .hd-top{flex-wrap:wrap;gap:10px}
  .srch{order:3;flex-basis:100%!important;max-width:none}
  .cart-btn{margin-left:auto}
  .finder{padding:20px}
  .finder-form{grid-template-columns:1fr}
  .promo,.promo-slide{min-height:240px}
  .tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .row{grid-template-columns:60px 1fr;gap:12px}
  .row-img{width:60px;height:60px}
  .row-buy{grid-column:2;justify-content:space-between}
  .how ol,.zone-grid{grid-template-columns:1fr}
  .ft-grid{grid-template-columns:1fr}
  .fab-ai span{display:none}
  .fab-ai{width:54px;padding:0;justify-content:center}
  .model-head{flex-direction:column;align-items:flex-start}
  .model-stats{text-align:left}
}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}