/* Arma tu kit — estilos del configurador. Todo usa el prefijo kb- (interfaz) o k- (escena SVG). */

#arma-tu-kit .sec-head h2{font-size:clamp(32px,4.4vw,54px)}
#arma-tu-kit .sec-head p{font-size:clamp(16px,1.6vw,19px)}
@media (min-width:761px){#arma-tu-kit .inner{padding-block:36px 24px;gap:32px}}

.kb-app{--kb-spring:cubic-bezier(.34,1.5,.5,1);--kb-soft:cubic-bezier(.22,1,.36,1);--kb-gl:max(20px,env(safe-area-inset-left,0px));--kb-gr:max(20px,env(safe-area-inset-right,0px));position:relative;display:flex;flex-direction:column;gap:14px;min-width:0;padding-bottom:calc(136px + env(safe-area-inset-bottom,0px))}
.kb-app [hidden]{display:none!important}
.kb-app button{-webkit-tap-highlight-color:transparent;letter-spacing:inherit}

/* Mientras carga el script */
.kb-skel{position:relative;overflow:hidden;min-height:min(70vh,540px);border-radius:var(--r-lg);background:var(--tile)}
.kb-skel::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 30%,color-mix(in srgb,var(--paper) 55%,transparent) 50%,transparent 70%);transform:translateX(-100%);animation:kbShim 1.6s ease-in-out infinite}
@keyframes kbShim{to{transform:translateX(100%)}}

/* ---------- Escena ---------- */
.kb-stage{display:contents}
.kb-view{position:sticky;top:calc(env(safe-area-inset-top,0px) + 57px);z-index:5;margin-inline:calc(var(--kb-gl) * -1) calc(var(--kb-gr) * -1);padding:8px var(--kb-gr) 10px var(--kb-gl);background:var(--paper)}
.kb-view::after{content:"";position:absolute;left:0;right:0;top:100%;height:18px;background:linear-gradient(var(--paper),color-mix(in srgb,var(--paper) 55%,transparent) 40%,transparent);pointer-events:none}
.kb-scene{width:min(100%,calc(clamp(150px,40vh,420px)*1.6));width:min(100%,calc(clamp(150px,40svh,420px)*1.6));margin-inline:auto}

.kb-scene{
  --k-wall-a:#f6f7fb;--k-wall-b:#e1e4ec;--k-floor:#cdd1da;--k-base:#bcc1cc;--k-plate:#eceef3;--k-plate-slot:#9ba2af;
  --k-frame:#fff;--k-frame-in:#eef0f5;--k-art-a:#ffc861;--k-art-b:#a9bcff;--k-art-c:#7b95f4;
  --k-desk-a:#ebd5b4;--k-desk-b:#dcbf98;--k-edge-a:#cfae83;--k-edge-b:#b99569;--k-desk-line:rgba(255,255,255,.34);--k-leg:#363a43;
  --k-bezel:#1b1e25;--k-scr-a:#5b7cff;--k-scr-b:#9b6bff;--k-scr2-a:#1b2540;--k-scr2-b:#32437a;
  --k-metal-a:#f7f8fb;--k-metal-b:#bcc2cd;--k-metal-line:#a0a7b4;--k-dark-a:#4a505b;--k-dark-b:#22252c;
  --k-white-a:#fff;--k-white-b:#dadee6;--k-white-line:#a9afbb;--k-rim:rgba(255,255,255,.42);
  --k-ghost-a:#eceef3;--k-ghost-b:#cdd2dc;--k-ghost-line:#aeb6c3;
  --k-cable:#4c515c;--k-cable-a:#f4f5f8;--k-cable-b:#98a0ad;--k-cable-c:#2a2d34;--k-brick:#3a3e47;--k-slot:#5a606d;
  --k-amber:#f5a623;--k-led:#ffe2a6;--k-mat-a:#2c3441;--k-mat-b:#161b24;--k-stitch:#7d8898;
  --k-mug-a:#fff;--k-mug-b:#d6dbe4;--k-mug-in:#5b3c29;--k-steam:rgba(112,120,134,.6);
  --k-win:#fff;--k-win-o:.6;--k-halo:#ffc861;--k-halo-o:.4;--k-halo-o2:.14;
  --k-chip-bg:rgba(255,255,255,.88);--k-chip-fg:#1d1d1f;--k-pill-bg:#1d1d1f;--k-pill-fg:#fff;
}
.kb-scene[data-night="1"]{
  --k-wall-a:#1c2230;--k-wall-b:#0e1118;--k-floor:#090b0f;--k-base:#171b24;--k-plate:#212836;--k-plate-slot:#0c0e13;
  --k-frame:#283042;--k-frame-in:#141824;--k-art-a:#ffd58a;--k-art-b:#2f4180;--k-art-c:#23316a;
  --k-desk-a:#55463a;--k-desk-b:#3c3128;--k-edge-a:#33291f;--k-edge-b:#241c15;--k-desk-line:rgba(255,255,255,.07);--k-leg:#1d2026;
  --k-bezel:#090a0e;--k-scr-a:#3a58dd;--k-scr-b:#8248e0;--k-scr2-a:#111833;--k-scr2-b:#26397a;
  --k-metal-a:#c0c5d0;--k-metal-b:#6b7280;--k-metal-line:#4e5462;--k-dark-a:#5e6573;--k-dark-b:#2b2f39;
  --k-white-a:#eef0f5;--k-white-b:#b3b9c6;--k-white-line:#6f7683;--k-rim:rgba(255,255,255,.36);
  --k-ghost-a:#59606e;--k-ghost-b:#3d424d;--k-ghost-line:#7c8494;
  --k-cable:#929aa8;--k-cable-a:#e7e9ef;--k-cable-b:#8d95a3;--k-cable-c:#585e6b;--k-brick:#555b68;--k-slot:#14161b;
  --k-amber:#ffb43c;--k-led:#fff0cc;--k-mat-a:#252d3d;--k-mat-b:#0f141d;--k-stitch:#5a6579;
  --k-mug-a:#d3d7e0;--k-mug-b:#8f96a5;--k-mug-in:#2d1e16;--k-steam:rgba(205,211,224,.5);
  --k-win:#6b86ff;--k-win-o:.14;--k-halo:#ffb84d;--k-halo-o:.66;--k-halo-o2:.24;
  --k-chip-bg:rgba(28,33,46,.86);--k-chip-fg:#f5f5f7;--k-pill-bg:#f5f5f7;--k-pill-fg:#111;
}

.kb-canvas{position:relative;aspect-ratio:8/5;border-radius:24px;overflow:hidden;isolation:isolate;background:var(--k-wall-b);box-shadow:inset 0 0 0 1px rgba(0,0,0,.06)}
.kb-scene[data-night="1"] .kb-canvas{box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.kb-svg{position:absolute;inset:0;width:100%;height:100%;display:block;user-select:none;-webkit-user-select:none}
.kb-wash{position:absolute;inset:0;z-index:2;pointer-events:none;opacity:0}

.kb-svg .s-wa{stop-color:var(--k-wall-a)}.kb-svg .s-wb{stop-color:var(--k-wall-b)}
.kb-svg .s-da{stop-color:var(--k-desk-a)}.kb-svg .s-db{stop-color:var(--k-desk-b)}
.kb-svg .s-de{stop-color:var(--k-edge-a)}.kb-svg .s-dk{stop-color:var(--k-edge-b)}
.kb-svg .s-ma{stop-color:var(--k-metal-a)}.kb-svg .s-mb{stop-color:var(--k-metal-b)}
.kb-svg .s-ka{stop-color:var(--k-dark-a)}.kb-svg .s-kb{stop-color:var(--k-dark-b)}
.kb-svg .s-ga{stop-color:var(--k-ghost-a)}.kb-svg .s-gb{stop-color:var(--k-ghost-b)}
.kb-svg .s-wha{stop-color:var(--k-white-a)}.kb-svg .s-whb{stop-color:var(--k-white-b)}
.kb-svg .s-ta{stop-color:var(--k-mat-a)}.kb-svg .s-tb{stop-color:var(--k-mat-b)}
.kb-svg .s-ua{stop-color:var(--k-mug-a)}.kb-svg .s-ub{stop-color:var(--k-mug-b)}
.kb-svg .s-sa{stop-color:var(--k-scr-a)}.kb-svg .s-sb{stop-color:var(--k-scr-b)}
.kb-svg .s-s2a{stop-color:var(--k-scr2-a)}.kb-svg .s-s2b{stop-color:var(--k-scr2-b)}
.kb-svg .s-wi{stop-color:var(--k-win);stop-opacity:var(--k-win-o)}.kb-svg .s-wi0{stop-color:var(--k-win);stop-opacity:0}
.kb-svg .s-h{stop-color:var(--k-halo);stop-opacity:var(--k-halo-o)}.kb-svg .s-h2{stop-color:var(--k-halo);stop-opacity:var(--k-halo-o2)}.kb-svg .s-h0{stop-color:var(--k-halo);stop-opacity:0}

/* Cada pieza: entra con una transición CSS (JS solo alterna .is-on) */
.kb-svg .k-it{opacity:0;transform:translate(var(--ox,0px),var(--oy,0px)) scale(var(--os,1));transition:opacity .32s ease,transform .75s var(--kb-soft);transition-delay:0s}
.kb-svg .k-it.is-on{opacity:1;transform:none;transition-delay:calc(var(--stg,0ms) + var(--dl,0ms))}
.kb-svg .k-lamp,.kb-svg .k-strip,.kb-svg .k-hub,.kb-svg .k-chg{transition-timing-function:ease,var(--kb-spring)}
.kb-svg .k-light{transform:none;transition:opacity .8s ease}
.kb-svg .k-it.is-peek:not(.is-on){opacity:.34;transition-delay:0s}
.kb-svg .k-light.is-peek:not(.is-on){opacity:0}
.kb-svg .no-tr,.kb-svg .no-tr *{transition:none!important}
.kb-svg .k-pos{transition:transform .85s var(--kb-spring)}

/* Brazo: el poste crece y los monitores se separan */
.kb-svg .k-arm .k-pole{transform:scaleY(.12);transition:transform .8s var(--kb-spring)}
.kb-svg .k-arm.is-on .k-pole{transform:none;transition-delay:calc(var(--stg,0ms) + 160ms)}
.kb-svg .k-mon{transition:transform .9s var(--kb-spring),opacity .45s ease}
.kb-svg .k-mon2{opacity:0}
.kb-svg[data-sel~="brazo"] .k-mon1{transform:translate(-104px,0) scale(.72)}
.kb-svg[data-sel~="brazo"][data-mon="2"] .k-mon2{opacity:1;transform:translate(104px,0) scale(.72);transition-delay:.12s}
.kb-svg .g-stand{transition:opacity .4s ease,transform .9s var(--kb-spring)}
.kb-svg[data-sel~="brazo"] .g-stand{opacity:0}
.kb-svg[data-sel~="brazo"] .k-lamp .k-pos{transform:translate(-104px,22px) scale(.72)}
.kb-svg[data-sel~="brazo"] .k-halo .k-pos{transform:translate(-104px,26px)}
.kb-svg[data-sel~="brazo"] .k-pool .k-pos{transform:translate(-104px,10px)}

/* Portátil: se eleva con el soporte ajustable o se guarda en el vertical */
.kb-svg .g-lap{transition:transform .8s var(--kb-spring),opacity .4s ease}
.kb-svg[data-sel~="soporte-ajustable"] .g-lap{transform:translateY(-26px)}
.kb-svg[data-sel~="soporte-vertical"] .g-lap{opacity:0;transform:translateY(-8px) scale(.94)}

/* Escritorio del comprador: cuántos monitores y portátiles tiene (data-mon / data-lap en el SVG) */
.kb-svg .g-stand2{opacity:0}
.kb-svg[data-mon="0"] .k-mon1,
.kb-svg[data-mon="0"] .g-stand1{opacity:0}
.kb-svg[data-mon="2"]:not([data-sel~="brazo"]) .k-mon1{transform:translate(-104px,18px) scale(.72)}
.kb-svg[data-mon="2"]:not([data-sel~="brazo"]) .k-mon2{opacity:1;transform:translate(104px,18px) scale(.72)}
.kb-svg[data-mon="2"]:not([data-sel~="brazo"]) .g-stand1{transform:translateX(-104px)}
.kb-svg[data-mon="2"]:not([data-sel~="brazo"]) .g-stand2{opacity:1;transform:translateX(104px)}
.kb-svg[data-mon="2"]:not([data-sel~="brazo"]) .k-lamp .k-pos{transform:translate(-104px,40px) scale(.72)}
.kb-svg[data-mon="2"]:not([data-sel~="brazo"]) .k-halo .k-pos{transform:translate(-104px,44px)}
.kb-svg[data-mon="2"]:not([data-sel~="brazo"]) .k-pool .k-pos{transform:translate(-104px,10px)}
.kb-svg .g-lap2{opacity:0;transform:translateY(8px) scale(.96);transition:transform .8s var(--kb-spring),opacity .4s ease}
.kb-svg[data-lap="2"] .g-lap2{opacity:1;transform:none}
.kb-svg[data-lap="0"] .g-lap{opacity:0;transform:translateY(8px) scale(.96)}

/* Brazo individual: sin base; con dos monitores hay un brazo por monitor */
.kb-svg[data-sel~="brazo-individual"][data-mon] .g-stand{opacity:0}
.kb-svg[data-sel~="brazo-individual"][data-mon="2"] .k-mon1{transform:translate(-104px,0) scale(.72)}
.kb-svg[data-sel~="brazo-individual"][data-mon="2"] .k-mon2{opacity:1;transform:translate(104px,0) scale(.72)}
.kb-svg[data-sel~="brazo-individual"][data-mon="2"] .k-lamp .k-pos{transform:translate(-104px,22px) scale(.72)}
.kb-svg[data-sel~="brazo-individual"][data-mon="2"] .k-halo .k-pos{transform:translate(-104px,26px)}
.kb-svg[data-sel~="brazo-individual"][data-mon="2"] .k-pool .k-pos{transform:translate(-104px,10px)}
.kb-svg[data-mon="2"] .k-arm1 .k-pos{transform:translateX(-104px)}
.kb-svg .k-arm1.t2m .k-pos{transform:translateX(104px)}

/* Segundo monitor / portátil: llevan la misma pieza que el primero (copias t2m / t2l) */
.kb-svg:not([data-mon="2"]) .k-it.t2m,
.kb-svg:not([data-lap="2"]) .k-it.t2l{opacity:0}
.kb-svg[data-mon] .k-lamp.t2m .k-pos{transform:translate(104px,40px) scale(.72)}
.kb-svg[data-mon] .k-halo.t2m .k-pos{transform:translate(104px,44px)}
.kb-svg[data-mon] .k-pool.t2m .k-pos{transform:translate(104px,10px)}
.kb-svg[data-mon][data-sel~="brazo"] .k-lamp.t2m .k-pos,
.kb-svg[data-mon][data-sel~="brazo-individual"] .k-lamp.t2m .k-pos{transform:translate(104px,22px) scale(.72)}
.kb-svg[data-mon][data-sel~="brazo"] .k-halo.t2m .k-pos,
.kb-svg[data-mon][data-sel~="brazo-individual"] .k-halo.t2m .k-pos{transform:translate(104px,26px)}
.kb-svg[data-lap="2"][data-sel~="soporte-ajustable"] .g-lap2{transform:translateY(-26px)}
.kb-svg[data-lap="2"][data-sel~="soporte-vertical"] .g-lap2{opacity:0;transform:translateY(-8px) scale(.94)}

/* Cables sueltos vs. ordenados */
.kb-svg .g-mess{transition:opacity .5s ease}
.kb-svg[data-sel~="bandeja"] .g-mess{opacity:0}

/* Cables que se dibujan */
.kb-svg .k-draw{stroke-dasharray:1 2;stroke-dashoffset:1.02;opacity:0;transition:stroke-dashoffset .6s ease,opacity .01s .6s}
.kb-svg[data-sel~="hub"]:not([data-sel~="soporte-ajustable"]) .k-hc-lo,
.kb-svg[data-sel~="hub"][data-sel~="soporte-ajustable"] .k-hc-hi,
.kb-svg[data-sel~="hub"]:not([data-sel~="brazo"]):not([data-sel~="brazo-individual"]) .k-hc-st,
.kb-svg[data-sel~="hub"][data-sel~="brazo"] .k-hc-arm,
.kb-svg[data-sel~="hub"][data-sel~="brazo-individual"] .k-hc-arm,
.kb-svg[data-sel~="regleta"][data-sel~="cargador"] .k-cab-rc{stroke-dashoffset:0;opacity:1;transition:stroke-dashoffset .7s ease .5s,opacity .01s .5s}
/* Sin portátil o sin monitor, el hub no tiene a qué conectarse */
.kb-svg[data-lap="0"][data-sel~="hub"] .k-hc-lo,
.kb-svg[data-lap="0"][data-sel~="hub"] .k-hc-hi,
.kb-svg[data-mon="0"][data-sel~="hub"] .k-hc-st,
.kb-svg[data-mon="0"][data-sel~="hub"] .k-hc-arm{opacity:0}

/* Desk mat: se desenrolla */
.kb-svg .k-mat-in{transform:scaleX(.02);transform-origin:-162px 0;transition:transform .85s var(--kb-soft)}
.kb-svg .k-mat.is-on .k-mat-in{transform:none;transition-delay:calc(var(--stg,0ms) + 80ms)}

/* Cargador: el teléfono cae y hay un pulso */
.kb-svg .k-phone{transform:translateY(-36px);transition:transform .8s var(--kb-spring)}
.kb-svg .k-chg.is-on .k-phone{transform:none;transition-delay:calc(var(--stg,0ms) + 200ms)}
.kb-svg .k-pulse{opacity:0;transform-box:fill-box;transform-origin:center}
.kb-svg .k-chg.is-on .k-pulse{animation:kbPulse 1.2s calc(var(--stg,0ms) + 700ms) ease-out 1 both}
@keyframes kbPulse{0%{opacity:.8;transform:scale(.4)}100%{opacity:0;transform:scale(1.6)}}

/* Vida: solo cuando la escena está a la vista */
.kb-svg .k-steam{opacity:.55}
.kb-live .k-steam{animation:kbSteam 3.6s ease-in-out infinite}
@keyframes kbSteam{0%,100%{opacity:.15;transform:translateY(2px)}50%{opacity:.8;transform:translateY(-4px)}}
.kb-live .k-colon{animation:kbBlink 1s steps(1,end) infinite}
@keyframes kbBlink{50%{opacity:0}}

/* ---------- Etiquetas sobre la escena ---------- */
.kb-cap{position:absolute;left:12px;top:12px;z-index:3;display:flex;align-items:center;gap:8px;max-width:calc(100% - 76px);padding:8px 13px 8px 11px;border-radius:999px;background:var(--k-chip-bg);color:var(--k-chip-fg);font:500 12.5px/1 var(--sans);letter-spacing:-.005em;pointer-events:none}
.kb-cap i{flex:none;width:8px;height:8px;border-radius:50%;background:var(--glow)}
.kb-cap span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kb-moon{position:absolute;right:6px;top:6px;z-index:3;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;color:var(--k-chip-fg)}
.kb-moon::before{content:"";position:absolute;inset:4px;border-radius:50%;background:var(--k-chip-bg);transition:transform .16s var(--ease-out)}
.kb-moon:active::before{transform:scale(.92)}
.kb-moon svg{position:relative;width:18px;height:18px;transition:transform .5s var(--ease-out),opacity .25s ease}
.kb-moon .i-sun{position:absolute;opacity:0;transform:rotate(-70deg) scale(.6)}
.kb-moon[aria-pressed="true"] .i-moon{opacity:0;transform:rotate(70deg) scale(.6)}
.kb-moon[aria-pressed="true"] .i-sun{opacity:1;transform:none}
.kb-calls{position:absolute;inset:0;z-index:3;pointer-events:none;overflow:hidden}
.kb-call{position:absolute;left:var(--x);top:var(--y);display:flex;align-items:center;gap:6px;padding:6px 11px 6px 8px;border-radius:999px;background:var(--k-pill-bg);color:var(--k-pill-fg);font:600 11.5px/1 var(--sans);white-space:nowrap;box-shadow:0 8px 18px -8px rgba(0,0,0,.5);opacity:0;animation:kbCall 2s var(--d,0ms) cubic-bezier(.2,.8,.2,1) both}
.kb-call i{flex:none;width:15px;height:15px;border-radius:50%;background:var(--glow);color:#1b1203;display:grid;place-items:center}
.kb-call i svg{width:9px;height:9px}
@keyframes kbCall{0%{opacity:0;transform:translate(-50%,-20%) scale(.8)}12%{opacity:1;transform:translate(-50%,-50%) scale(1)}76%{opacity:1;transform:translate(-50%,-50%) scale(1)}100%{opacity:0;transform:translate(-50%,-80%) scale(.97)}}
.kb-nudge{position:absolute;left:12px;right:12px;bottom:12px;margin-inline:auto;width:max-content;max-width:calc(100% - 24px);z-index:4;display:flex;align-items:center;gap:10px;padding:7px 16px 7px 7px;border-radius:999px;background:var(--k-pill-bg);color:var(--k-pill-fg);text-align:left;box-shadow:0 12px 26px -10px rgba(0,0,0,.55);animation:kbNudge .55s var(--kb-spring) both;transition:scale .16s var(--ease-out)}
.kb-nudge:active{scale:.97}
.kb-nudge-i{flex:none;width:30px;height:30px;border-radius:50%;background:var(--glow);color:#1b1203;display:grid;place-items:center}
.kb-nudge-i svg{width:15px;height:15px}
.kb-nudge-t{display:grid;gap:3px;min-width:0}
.kb-nudge-t b{font-size:13px;font-weight:600;line-height:1.1;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kb-nudge-t span{font-size:11.5px;line-height:1.1;opacity:.78;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@keyframes kbNudge{from{opacity:0;transform:translateY(12px) scale(.94)}to{opacity:1;transform:none}}

/* ---------- Kits sugeridos ---------- */
.kb-presets{position:relative;display:flex;align-items:center;gap:8px;overflow-x:auto;margin-inline:calc(var(--kb-gl) * -1) calc(var(--kb-gr) * -1);padding:2px var(--kb-gr) 4px var(--kb-gl);scroll-snap-type:x proximity;scroll-padding-inline:var(--kb-gl) var(--kb-gr);scrollbar-width:none}
.kb-presets::-webkit-scrollbar{display:none}
.kb-pl{flex:none;scroll-snap-align:start;font-size:13px;font-weight:600;color:var(--muted);margin-right:2px}
.kb-chip{flex:none;scroll-snap-align:start;display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 15px;border-radius:999px;background:var(--tile);color:var(--fg);font-size:14px;font-weight:500;white-space:nowrap;transition:background-color .2s ease,color .2s ease,transform .16s var(--ease-out)}
.kb-chip small{font:500 13px/1 var(--sans);color:color-mix(in srgb,var(--ok) 82%,var(--ink));letter-spacing:-.01em;font-variant-numeric:tabular-nums}
.kb-chip:active{transform:scale(.97)}
.kb-chip[aria-pressed="true"]{background:var(--ink);color:var(--paper)}
.kb-chip[aria-pressed="true"] small{color:inherit;opacity:.78}
.kb-foot{order:9;margin:0 4px;font-size:12.5px;line-height:1.45;color:var(--faint);text-align:center}

/* Antes / después: la escena sin tus piezas */
.kb-cmp{position:absolute;left:6px;top:50px;z-index:3;min-height:44px;padding:0 18px;color:var(--k-chip-fg);font:500 12.5px/1 var(--sans);letter-spacing:-.005em}
.kb-cmp::before{content:"";position:absolute;inset:4px 6px;border-radius:999px;background:var(--k-chip-bg);transition:transform .16s var(--ease-out)}
.kb-cmp:active::before{transform:scale(.96)}
.kb-cmp span{position:relative}
.kb-cmp .kb-cmp-b,.kb-cmp[aria-pressed="true"] .kb-cmp-a{display:none}
.kb-cmp[aria-pressed="true"] .kb-cmp-b{display:inline}

/* Escritorio completo: áreas cubiertas y la pieza que falta */
.kb-meter{display:grid;gap:10px;padding:14px 16px;border-radius:var(--r-md);background:var(--tile)}
.kb-m-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.kb-m-head .kb-gh{margin:0}
.kb-m-n{font:600 13px/1 var(--sans);color:var(--muted);font-variant-numeric:tabular-nums}
.kb-m-areas{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:0;padding:0;list-style:none}
.kb-m-a{display:grid;gap:6px;justify-items:start;font-size:12.5px;font-weight:500;line-height:1.1;color:var(--muted);min-width:0;overflow-wrap:anywhere}
.kb-m-a i{display:block;width:100%;height:5px;border-radius:999px;background:var(--line);transition:background-color .4s ease}
.kb-m-a[data-on="true"]{color:var(--ink)}
.kb-m-a[data-on="true"] i{background:var(--glow)}
.kb-m-sug{display:flex;align-items:center;gap:10px;min-height:44px;padding:6px 14px 6px 6px;border-radius:999px;background:var(--surface);color:var(--fg);text-align:left;box-shadow:inset 0 0 0 1px var(--line);transition:transform .16s var(--ease-out)}
.kb-m-sug:active{transform:scale(.98)}
.kb-m-i{flex:none;width:32px;height:32px;border-radius:50%;background:var(--glow);color:#1b1203;display:grid;place-items:center}
.kb-m-i svg{width:15px;height:15px}
.kb-m-t{display:grid;gap:3px;min-width:0}
.kb-m-t b{font-size:13.5px;font-weight:600;line-height:1.15;letter-spacing:-.01em}
.kb-m-t span{font-size:12.5px;line-height:1.2;color:var(--muted)}

/* ---------- Lista de piezas ---------- */
.kb-panel{display:flex;flex-direction:column;gap:14px;min-width:0;order:5}
.kb-lists{display:grid;gap:14px;padding:4px 2px}
.kb-gh{margin:0 4px 8px;font:600 13px/1.2 var(--sans);letter-spacing:.01em;color:var(--muted)}
.kb-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}
@media (min-width:560px) and (max-width:959.98px){.kb-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
.kb-row{position:relative;display:grid;grid-template-columns:56px minmax(0,1fr) auto 26px;align-items:center;gap:12px;width:100%;min-height:68px;padding:6px 12px 6px 6px;border-radius:20px;background:var(--tile);text-align:left;letter-spacing:-.01em;box-shadow:inset 0 0 0 2px transparent;transition:background-color .2s ease,box-shadow .25s ease,transform .16s var(--ease-out)}
.kb-row:active{transform:scale(.985)}
.kb-row[aria-pressed="true"]{background:var(--surface);box-shadow:inset 0 0 0 2px var(--ink)}
.kb-thumb{width:56px;height:56px;border-radius:14px;background:var(--studio);overflow:hidden}
.kb-thumb img{display:block;width:100%;height:100%;object-fit:contain;padding:10%;mix-blend-mode:multiply}
.kb-thumb.amb img{object-fit:cover;padding:0;mix-blend-mode:normal}
.kb-txt{display:grid;gap:2px;min-width:0}
.kb-nm{font-size:15px;font-weight:600;line-height:1.25;letter-spacing:-.015em;color:var(--ink)}
.kb-lm{font-size:13px;line-height:1.3;color:var(--muted)}
.kb-swap{font-size:12px;line-height:1.3;color:var(--accent-ink)}
.kb-pr{display:grid;justify-items:end;gap:1px;font-size:15px;font-weight:600;font-variant-numeric:tabular-nums;color:var(--ink);white-space:nowrap}
.kb-was{font-size:12px;font-weight:400;color:var(--faint);text-decoration:line-through}
.kb-ind{position:relative;width:26px;height:26px;border-radius:50%;border:1.5px solid color-mix(in srgb,var(--ink) 24%,transparent);color:var(--muted);display:grid;place-items:center;transition:background-color .2s ease,border-color .2s ease,color .2s ease}
.kb-ind svg{position:absolute;width:14px;height:14px;transition:transform .35s var(--kb-spring),opacity .2s ease}
.kb-ind .i-ok{opacity:0;transform:scale(.4)}
.kb-row[aria-pressed="true"] .kb-ind{background:var(--ink);border-color:var(--ink);color:var(--paper)}
.kb-row[aria-pressed="true"] .kb-ind .i-ok{opacity:1;transform:none}
.kb-row[aria-pressed="true"] .kb-ind .i-add{opacity:0;transform:rotate(90deg) scale(.4)}
@media (hover:hover) and (pointer:fine){
  .kb-row:not([aria-pressed="true"]):hover{background:color-mix(in srgb,var(--ink) 7%,var(--tile))}
  .kb-chip[aria-pressed="false"]:hover{background:color-mix(in srgb,var(--ink) 9%,var(--tile))}
}
@media (max-width:520px){
  .kb-row{grid-template-columns:52px minmax(0,1fr) auto 26px;gap:10px;min-height:64px}
  .kb-thumb{width:52px;height:52px}
  .kb-lm{display:none}
}

/* ---------- Resumen ---------- */
.kb-sum{position:relative;display:grid;gap:12px;background:var(--surface);color:var(--ink)}
.kb-s-head{position:relative;display:flex;align-items:center;gap:8px;min-height:44px}
.kb-s-title{margin:0;font-size:17px;font-weight:600;letter-spacing:-.02em}
.kb-s-count{min-width:0;font-size:14px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kb-c-h{display:none}
.kb-sum[data-empty="true"] .kb-c-n{display:none}
.kb-sum[data-empty="true"] .kb-c-h{display:inline}
.kb-chev{margin-left:auto;flex:none;width:22px;height:22px;color:var(--muted);transition:transform .35s var(--ease-out)}
.kb-chev svg{display:block;width:100%;height:100%}
.kb-sum[data-open="true"] .kb-chev{transform:rotate(180deg)}
.kb-toggle{position:absolute;inset:0;border-radius:14px;z-index:1}
.kb-s-total{display:grid;gap:3px;min-width:0}
.kb-s-lbl{font-size:13px;color:var(--muted)}
.kb-s-num{font-size:36px;line-height:1;font-weight:600;letter-spacing:-.045em;font-variant-numeric:tabular-nums;color:var(--ink)}
.kb-s-sav{font:500 13.5px/1.3 var(--sans);color:color-mix(in srgb,var(--ok) 82%,var(--ink));letter-spacing:-.01em;font-variant-numeric:tabular-nums}
.kb-more{display:grid;grid-template-rows:0fr;transition:grid-template-rows .34s var(--ease-drawer)}
.kb-more-in{min-height:0;overflow:hidden;visibility:hidden;transition:visibility 0s .34s}
.kb-more-sc{display:grid;gap:12px;max-height:min(46vh,380px);max-height:min(46svh,380px);overflow:auto;overscroll-behavior:contain;padding:2px 0 16px;-webkit-mask-image:linear-gradient(#000 calc(100% - 16px),transparent);mask-image:linear-gradient(#000 calc(100% - 16px),transparent)}
.kb-sum[data-open="true"] .kb-more{grid-template-rows:1fr}
.kb-sum[data-open="true"] .kb-more-in{visibility:visible;transition-delay:0s}
.kb-sum[data-empty="true"] .kb-more-sc>*{display:none}
.kb-li-list{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.kb-li{display:grid;grid-template-columns:36px minmax(0,1fr) auto 40px;gap:10px;align-items:center;min-height:44px}
.kb-li .kb-thumb{width:36px;height:36px;border-radius:10px}
.kb-li-nm{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:500;color:var(--ink)}
.kb-li-pr{font-size:14px;font-variant-numeric:tabular-nums;color:var(--muted)}
.kb-li-q{font-weight:500;font-variant-numeric:tabular-nums;color:var(--muted)}
.kb-x{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;color:var(--muted);transition:background-color .2s ease,transform .16s var(--ease-out)}
.kb-x svg{width:16px;height:16px}
.kb-x:active{transform:scale(.9)}
.kb-lines{margin:0;display:grid;gap:6px;font-size:14px}
.kb-lines div{display:flex;justify-content:space-between;gap:12px}
.kb-lines dt{color:var(--muted)}
.kb-lines dd{margin:0;font-weight:500;font-variant-numeric:tabular-nums;color:var(--ink);white-space:nowrap}
.kb-lines .is-save dt,.kb-lines .is-save dd{color:var(--ok)}
.kb-kind{margin:0;font-size:13px;line-height:1.35;color:var(--muted)}
.kb-ship{display:grid;gap:7px;font-size:13px;line-height:1.3;color:var(--muted)}
.kb-ship i{display:block;height:4px;border-radius:4px;background:var(--line);overflow:hidden}
.kb-ship b{display:block;height:100%;border-radius:4px;background:var(--glow);transform-origin:left;transition:transform .55s var(--ease-out),background-color .3s ease}
.kb-ship.is-free b{background:var(--ok)}
.kb-reset{justify-self:start;min-height:36px;padding:0;font-size:13.5px;color:var(--muted);text-decoration:underline;text-underline-offset:3px;text-decoration-color:color-mix(in srgb,var(--muted) 45%,transparent)}
.kb-s-cta{min-width:0}
.kb-cta{width:100%;height:48px;padding:0 20px;font-size:15.5px;white-space:nowrap}
.kb-cta[aria-disabled="true"]{opacity:.45}
.kb-cta[aria-disabled="true"]:active{transform:none}
.kb-lg{display:none}
.kb-sm{display:inline}
.kb-extra{margin:0 4px;font-size:13px;line-height:1.45;color:var(--muted);text-align:center}
.kb-extra[hidden]{display:none}

/* Tu escritorio: cuántos portátiles y monitores tiene el comprador */
.kb-setup{flex:none;display:grid;gap:8px;padding:14px 14px 14px 16px;border-radius:20px;background:var(--tile)}
.kb-setup .kb-gh{margin:0 0 2px}
.kb-d-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0}
.kb-d-l{display:flex;align-items:center;gap:10px;min-width:0;font-size:15px;font-weight:600;letter-spacing:-.015em;color:var(--ink)}
.kb-d-l svg{flex:none;width:22px;height:22px;color:var(--muted)}
.kb-seg{flex:none;display:inline-flex;gap:2px;padding:3px;border-radius:999px;background:var(--paper)}
.kb-seg button{width:40px;height:32px;border-radius:999px;font-size:14px;font-weight:600;font-variant-numeric:tabular-nums;color:var(--muted);transition:background-color .2s ease,color .2s ease,transform .16s var(--ease-out)}
.kb-seg button:active{transform:scale(.94)}
.kb-seg button[aria-pressed="true"]{background:var(--ink);color:var(--paper)}
@media (hover:hover) and (pointer:fine){.kb-seg button[aria-pressed="false"]:hover{color:var(--ink)}}

/* Miniaturas que viajan al carrito */
.kb-fly{position:fixed;left:0;top:0;width:44px;height:44px;border-radius:12px;background:var(--studio);overflow:hidden;z-index:60;pointer-events:none;will-change:transform;box-shadow:0 10px 22px -8px rgba(0,0,0,.55)}
.kb-fly img{display:block;width:100%;height:100%;object-fit:contain;padding:10%;mix-blend-mode:multiply}
.kb-fly.amb img{object-fit:cover;padding:0;mix-blend-mode:normal}

/* ---------- Móvil y tableta: barra inferior ---------- */
@media (max-width:959.98px){
  .kb-sum{position:fixed;left:0;right:0;bottom:0;z-index:30;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"more more" "head head" "total cta";gap:0 12px;align-items:center;padding:0 max(16px,env(safe-area-inset-right,0px)) calc(10px + env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px));border-top:1px solid var(--line);border-radius:22px 22px 0 0;box-shadow:0 -14px 34px -18px rgba(0,0,0,.4);transform:translateY(calc(100% + 24px));visibility:hidden;transition:transform .45s var(--ease-drawer),visibility 0s .45s}
  body.kb-on .kb-sum{transform:none;visibility:visible;transition-delay:0s}
  .kb-more{grid-area:more}
  .kb-s-head{grid-area:head}
  .kb-s-total{grid-area:total}
  .kb-s-cta{grid-area:cta}
  .kb-s-lbl{display:none}
  .kb-s-num{font-size:25px}
  .kb-s-title{font-size:15px}
  .kb-s-count{font-size:13.5px}
  .kb-cta{min-width:min(210px,52vw)}
  body.kb-on .toast{bottom:calc(118px + env(safe-area-inset-bottom,0px))}
  .kb-sum[data-open="true"]{box-shadow:0 -20px 50px -16px rgba(0,0,0,.45)}
}

/* Tableta vertical: la barra se acopla al centro */
@media (min-width:640px) and (max-width:959.98px) and (min-height:521px){
  .kb-sum{left:0;right:0;margin-inline:auto;width:min(680px,100%);border-inline:1px solid var(--line)}
}

/* Teléfono horizontal: escena fija a la izquierda, lista a la derecha y barra de una sola fila */
@media (max-width:959.98px) and (max-height:520px) and (orientation:landscape){
  .kb-app{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:24px;align-items:start;padding-bottom:calc(92px + env(safe-area-inset-bottom,0px))}
  .kb-view{grid-column:1;grid-row:1 / span 4;top:calc(env(safe-area-inset-top,0px) + 65px);margin:0;padding:0;background:none}
  .kb-view::after{display:none}
  .kb-scene{width:min(100%,calc((100vh - 170px)*1.6));width:min(100%,calc((100svh - 170px)*1.6))}
  .kb-presets{grid-column:2;grid-row:1;margin:0;padding:2px 0 4px;scroll-padding-inline:0}
  .kb-extra{grid-column:2;grid-row:2}
  .kb-panel{grid-column:2;grid-row:3;order:0}
  .kb-foot{grid-column:2;grid-row:4;order:0}
  .kb-list{grid-template-columns:minmax(0,1fr)}
  .kb-sum{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"more more more" "head total cta";gap:0 16px;padding-top:8px}
  .kb-s-total{justify-self:end;text-align:right}
}

/* ---------- Escritorio: dos columnas pegajosas ---------- */
@media (min-width:960px){
  .kb-app{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,400px);gap:28px;align-items:start;padding-bottom:0}
  .kb-stage{display:flex;flex-direction:column;gap:16px;position:sticky;top:72px;width:min(100%,calc((100vh - 270px)*1.6));margin-inline:auto;min-width:0}
  .kb-view{position:static;margin:0;padding:0;background:none}
  .kb-view::after{display:none}
  .kb-scene{width:100%}
  .kb-presets{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;overflow:visible;margin:0;padding:0}
  .kb-pl{grid-column:1 / -1;margin:0 0 -2px 4px}
  .kb-chip{justify-content:space-between;min-width:0}
  .kb-foot{order:0;margin:0;text-align:left}
  .kb-panel{position:sticky;top:72px;max-height:calc(100vh - 88px);order:0}
  .kb-lists{flex:1 1 auto;min-height:0;overflow:auto;padding:14px 10px 22px 2px;margin:-10px -10px 0 0;scroll-padding-block:14px 22px;-webkit-mask-image:linear-gradient(transparent,#000 14px,#000 calc(100% - 22px),transparent);mask-image:linear-gradient(transparent,#000 14px,#000 calc(100% - 22px),transparent);scrollbar-width:thin;scrollbar-color:var(--line) transparent}
  .kb-sum{flex:none;grid-template-columns:minmax(0,1fr) auto;gap:10px 12px;padding:18px 18px 16px;border:1px solid var(--line);border-radius:26px;box-shadow:var(--shadow)}
  .kb-s-head{grid-row:1;grid-column:1;min-height:30px}
  .kb-toggle,.kb-chev,.kb-sm,.kb-li-list{display:none}
  .kb-lg{display:inline}
  .kb-more,.kb-more-in,.kb-more-sc{display:contents}
  .kb-more-in{visibility:visible}
  .kb-reset{grid-row:1;grid-column:2;justify-self:end;align-self:center;min-height:30px}
  .kb-s-total,.kb-lines,.kb-kind,.kb-ship,.kb-s-cta,.kb-sum>.sr-only{grid-column:1 / -1}
  .kb-s-total{grid-template-columns:minmax(0,1fr) auto;align-items:end;column-gap:12px}
  .kb-s-lbl{grid-column:1 / -1}
  .kb-s-sav{padding-bottom:5px}
  .kb-cta{height:50px}
  .kb-s-num{font-size:38px}
}
@media (min-width:960px) and (max-height:660px){
  .kb-panel{position:static;max-height:none}
  .kb-lists{overflow:visible;margin:0;padding:4px 2px;-webkit-mask-image:none;mask-image:none}
  .kb-stage{width:100%}
}
@media (min-width:960px) and (max-width:1100px){.kb-s-num{font-size:34px}}

/* ---------- Escena 3D (WebGL): se funde sobre la ilustración, que queda como respaldo ---------- */
.kb-gl{position:absolute;inset:0;z-index:1;width:100%;height:100%;display:block;opacity:0;transition:opacity .7s ease;cursor:grab;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;outline:none}
.kb-gl:active{cursor:grabbing}
.kb-canvas.kb-3d .kb-gl{opacity:1}
.kb-canvas.kb-glon .kb-svg{display:none}
.kb-hint{position:absolute;left:12px;right:12px;bottom:12px;margin-inline:auto;width:max-content;max-width:calc(100% - 24px);z-index:3;display:flex;align-items:center;gap:8px;padding:8px 14px 8px 11px;border-radius:999px;background:var(--k-chip-bg);color:var(--k-chip-fg);font:500 12.5px/1 var(--sans);letter-spacing:-.005em;pointer-events:none;animation:kbNudge .55s var(--kb-spring) backwards;transition:opacity .3s ease,transform .3s ease}
.kb-hint svg{flex:none;width:18px;height:18px;animation:kbHintSway 1.8s ease-in-out infinite}
.kb-hint.is-out{opacity:0;transform:translateY(6px)}
@keyframes kbHintSway{0%,100%{transform:translateX(-3px)}50%{transform:translateX(3px)}}

/* ---------- Referencia fotográfica: no simula una composición del kit ---------- */
.kb-app[data-visual="photo"] .kb-canvas{aspect-ratio:3/2;background:var(--tile)}
.kb-app[data-visual="photo"] .kb-stage{width:100%}
.kb-photo-loading{position:absolute;inset:0;display:grid;place-items:center;margin:0;color:var(--muted);font-size:14px}
.kb-photo{position:absolute;inset:0;z-index:1;overflow:hidden;opacity:0;transition:opacity .6s ease}
.kb-canvas[data-r="photo"] .kb-photo{opacity:1}
.kb-photo-bg{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .8s ease;transform:scale(1.025)}
.kb-photo-bg[data-on="true"]{opacity:1}
.kb-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 65%,rgba(0,0,0,.38));pointer-events:none}
.kb-photo[data-detail="true"] .kb-photo-bg[data-on="true"]{opacity:.2}
.kb-photo-toolbar{position:absolute;left:12px;bottom:12px;z-index:2;display:flex;gap:2px;padding:3px;border-radius:999px;background:var(--paper);box-shadow:var(--shadow)}
.kb-photo-toolbar button{min-height:38px;padding:0 14px;border-radius:999px;color:var(--muted);font:600 12px/1 var(--sans);transition:background-color .2s ease,color .2s ease}
.kb-photo-toolbar button[aria-pressed="true"]{background:var(--ink);color:var(--paper)}
.kb-photo-toolbar button:disabled{opacity:.45;cursor:default}
.kb-photo-light{position:absolute;right:16px;bottom:25px;z-index:2;color:#fff;font:500 12px/1 var(--sans);text-shadow:0 1px 4px #000}
.kb-photo-detail{position:absolute;inset:62px 14px 66px;z-index:2;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;gap:4px;margin:0;padding:14px 20px 10px;border-radius:18px;background:var(--studio);color:var(--ink);box-shadow:var(--shadow)}
.kb-photo-source{font:500 10.5px/1.3 var(--sans);color:var(--muted)}
.kb-photo-title{margin:0;font:600 clamp(13px,1.4vw,18px)/1.25 var(--sans);letter-spacing:-.015em}
.kb-photo-product{min-height:0;display:block;width:100%;height:100%;object-fit:contain;opacity:0;transition:opacity .25s ease}
.kb-photo-detail[data-ready="true"] .kb-photo-product{opacity:1}
.kb-photo-status{position:absolute;inset:65px 18px 36px;display:grid;place-items:center;margin:0;font:500 13px/1.5 var(--sans);text-align:center;color:var(--muted)}
.kb-photo-gallery{display:flex;align-items:center;justify-content:center;gap:16px;font:500 12px/1 var(--sans);color:var(--muted)}
.kb-photo-gallery button{width:44px;height:36px;border-radius:999px;background:var(--paper);color:var(--ink);font-size:18px}
.kb-photo-dock{display:grid;gap:8px;padding:12px 2px 0;min-width:0}
.kb-photo-dock-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px 12px;font:600 12px/1.3 var(--sans);color:var(--ink)}
.kb-photo-equipment{font-weight:400;color:var(--muted)}
.kb-photo-rail{display:flex;gap:8px;overflow-x:auto;padding:3px 2px;scrollbar-width:thin;scrollbar-color:var(--line) transparent}
.kb-photo-pick{position:relative;flex:none;width:60px;height:56px;padding:5px;border-radius:12px;background:var(--studio);box-shadow:inset 0 0 0 1px var(--line);transition:box-shadow .2s ease,transform .2s var(--kb-soft)}
.kb-photo-pick img{display:block;width:100%;height:100%;object-fit:contain;border-radius:6px}
.kb-photo-pick[aria-pressed="true"]{box-shadow:inset 0 0 0 2px var(--glow)}
.kb-photo-quantity{position:absolute;right:0;bottom:0;padding:3px 5px;border-radius:6px;background:var(--ink);color:var(--paper);font:600 10px/1 var(--sans)}
.kb-photo-empty{margin:0;font-size:12px;line-height:1.5;color:var(--muted)}
.kb-photo-dock .kb-nudge{position:static;width:100%;max-width:100%;margin:4px 0 0;border-radius:16px;background:var(--tile);color:var(--ink);box-shadow:none}
.kb-photo button:focus-visible,.kb-photo-pick:focus-visible{outline:2px solid var(--glow);outline-offset:3px}
@media (hover:hover) and (pointer:fine){.kb-photo-pick:hover{transform:translateY(-2px)}}
@media (prefers-reduced-motion:no-preference){
  .kb-photo[data-live="true"][data-detail="false"] .kb-photo-bg[data-on="true"]{animation:kbPhotoDrift 24s ease-in-out infinite alternate}
}
@keyframes kbPhotoDrift{from{transform:scale(1.025) translateX(-.25%)}to{transform:scale(1.055) translateX(.25%)}}
@media (max-width:559px){
  .kb-photo-detail{inset:52px 10px 58px;padding:8px 12px;gap:2px;border-radius:14px}
  .kb-photo-source{font-size:9.5px}
  .kb-photo-toolbar{left:8px;bottom:8px}
  .kb-photo-toolbar button{min-height:36px;padding-inline:11px}
  .kb-photo-light{right:12px;bottom:23px;font-size:11px}
  .kb-photo-gallery{gap:10px}
  .kb-photo-gallery button{height:28px}
  .kb-photo-dock{gap:5px;padding-top:8px}
  .kb-photo-pick{width:52px;height:48px}
}
@media (min-width:960px){
  .kb-app[data-visual="photo"] .kb-stage{position:static}
}

/* ---------- Movimiento reducido ---------- */
@media (prefers-reduced-motion:reduce){
  .kb-svg *{transition-duration:.01ms!important;transition-delay:0s!important;animation:none!important}
  .kb-skel::after,.kb-nudge,.kb-call,.kb-hint,.kb-hint svg{animation:none}
  .kb-call{opacity:1}
  .kb-gl,.kb-hint{transition-duration:.01ms!important}
  .kb-more,.kb-row,.kb-chip,.kb-seg button,.kb-sum,.kb-ship b{transition-duration:.01ms!important}
  .kb-photo,.kb-photo-bg,.kb-photo-product,.kb-photo-pick{transition-duration:.01ms!important}
}