/* SOURCE: vanhaus-system.css */
/* El header pasa a position:fixed al scrollear (ver snipplets/home/header.tpl);
   cualquier salto a un ancla (scrollIntoView, link con #, boton "volver arriba")
   dejaba el destino tapado detras del header porque no habia offset. 110px
   cubre el alto del header sin scrollear (104px, el peor caso) con margen. */
/* Al abrir el drawer (u otro modal) la scrollbar de la pagina desaparece y el
   contenido salta ~6-16px hacia la derecha (breadcrumb, etc.). Reservar el
   espacio siempre evita el salto sin depender de que overflow-none se aplique
   a tiempo. */
html{scroll-padding-top:110px;scrollbar-gutter:stable}
/* Vanhaus / shared tokens. Platform JS classes remain untouched. */
body.vh-system{--vh-bg:#0a0a0a;--vh-surface:#141414;--vh-raised:#1a1a1a;--vh-text:#f0f1f4;--vh-muted:#a5a6af;--vh-border:#33343a;--vh-accent:#a2befe;--vh-cta:#a2befe;--vh-cta-ink:#000000;--vh-cta-hover:#7d92bc;--vh-cta-line:#7d92bc;--vh-cta-ghost-ink:#eff1f3;--vh-font-display:"Sora",Arial,sans-serif;--vh-font-ui:"Open Sans",Arial,sans-serif;--vh-radius:18px;background:var(--vh-bg)!important;color:var(--vh-text)!important;font-family:var(--vh-font-ui);font-weight:400;line-height:1.5}
.vh-system h1,.vh-system h2,.vh-system h3,.vh-system h4,.vh-system h5,.vh-system h6{font-family:var(--vh-font-display);color:var(--vh-text);letter-spacing:-.045em}
.vh-system h1,.vh-system h2{font-weight:900;line-height:1.03}.vh-system a{color:inherit}.vh-system img{max-width:100%}
.vh-system :is(.item-name,.vh-chapter-copy h2,.vh-product-dock>div>span){font-family:var(--vh-font-display)}
.vh-system :is(.vh-price,.vh-compare,.item-price,.price-compare,#price_display,#compare_price_display,[data-vh-dock-price],.vh-spec dd){font-family:var(--vh-font-display)}
.vh-system :is(button,input,select,textarea,label,summary,.btn,.vh-btn,.vh-action,.breadcrumbs,.vh-kicker,.vh-stock,.vh-info-body,.vh-product-description,.vanhaus-grid-category,.vanhaus-grid-benefit,.vh-card-variants){font-family:var(--vh-font-ui)!important}
.vh-system :is(#filters,#nav-filters) :is(h1,h2,h3,h4,h5,h6){font-family:var(--vh-font-ui)}
.vh-system .container{max-width:1380px}.vh-system .background-main,.vh-system .background-secondary,.vh-system .section-products-related,.vh-system .section-newsletter,.vh-system .category-body{background:var(--vh-bg)!important;color:var(--vh-text)!important}
.vh-system .modal,.vh-system .modal-header,.vh-system .modal-body,.vh-system .modal-footer,.vh-system .nav-list,.vh-system .nav-panel,.vh-system .filters{background-color:var(--vh-surface)!important;color:var(--vh-text)!important;border-color:var(--vh-border)!important}
.vh-system .modal a,.vh-system .nav-list a{color:var(--vh-text)}
.vh-system .head-main,.vh-system footer{background:#0a0a0a!important;color:var(--vh-text)!important;border-color:var(--vh-border)}
.vh-system .vh-announcement{display:flex;justify-content:center;padding:8px 20px;border-bottom:1px solid var(--vh-border);font-size:11px}.vh-system .vh-announcement>.col{max-width:100%}
.vh-system .form-control,.vh-system .form-select,.vh-system .btn-default,.vh-system input[type=number],.vh-system select,.vh-system textarea{background-color:var(--vh-raised)!important;border-color:#4b4d57!important;color:var(--vh-text)!important;border-radius:9px}
.vh-system input::placeholder,.vh-system textarea::placeholder{color:#9395a0!important;opacity:1}
.vh-system .btn-primary,.vh-system .vh-action{background:var(--vh-cta)!important;border:1px solid var(--vh-cta)!important;color:var(--vh-cta-ink)!important;border-radius:9px!important;box-shadow:none!important;font-family:var(--vh-font-ui)!important;font-weight:700;letter-spacing:.015em;min-height:46px;text-decoration:none}
.vh-system .btn-secondary{background:var(--vh-raised)!important;border:1px solid #555761!important;color:var(--vh-text)!important;border-radius:9px}
.vh-system .btn-primary:disabled,.vh-system .btn-primary.disabled{background:#282a30!important;color:#b8b9c1!important;border-color:#444650!important;opacity:1!important}
.vh-system .text-primary,.vh-system .text-accent,.vh-system .svg-icon-primary{color:var(--vh-accent)!important;fill:var(--vh-accent)}
.vh-system .breadcrumbs,.vh-system .breadcrumbs a{color:var(--vh-muted)!important}.vh-system .divider{border-color:var(--vh-border)!important}
.vh-system :is(a,button,input,select,summary):focus-visible{outline:2px solid #a2befe!important;outline-offset:4px}
.vh-system [hidden]{display:none!important}
/* Single accent system. The index is `product.category.id % 3`, resolved in Twig, so the
   same product paints the same colour in Home, Catálogo y Ficha — before JS and without JS.
   Today: Auriculares -> 2 (verde), Wearables -> 1 (celeste). 0 is the slot for a new category. */
.vh-system .vh-accent-0{--vh-accent:#7d92bc}
.vh-system .vh-accent-1{--vh-accent:#7d92bc}
.vh-system .vh-accent-2{--vh-accent:#7d92bc}
.vh-kicker{font:500 11px/1.4 "Open Sans",Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--vh-accent);margin:0 0 18px}
.vh-action{display:inline-flex;align-items:center;justify-content:space-between;gap:36px;padding:15px 24px;transform:translate3d(var(--magnet-x,0px),var(--magnet-y,0px),0);transition:transform .18s ease,opacity .18s ease}.vh-action:hover{opacity:.9}
.vh-price{display:block;font-size:clamp(36px,5vw,74px);font-weight:900;letter-spacing:-.055em;line-height:1.05;color:var(--vh-text)}.vh-compare{font-size:15px;color:var(--vh-muted)}
.vh-stock{display:inline-flex;gap:8px;align-items:center;font-size:11px;color:var(--vh-muted)}.vh-stock:before{content:'';width:6px;height:6px;border-radius:50%;background:#8a8b94}.vh-stock[data-available=true]:before{background:var(--vh-accent)}
.vh-media{position:relative;display:grid;place-items:center;isolation:isolate;min-width:0;overflow:hidden;aspect-ratio:1 / 1}
.vh-media:before{content:'';position:absolute;inset:12%;background:radial-gradient(ellipse,var(--vh-accent),transparent 68%);opacity:.14;z-index:-1;pointer-events:none;transform:translate3d(var(--glow-x,0px),var(--glow-y,0px),0);transition:opacity .3s ease}
.vh-media>[data-vh-poster]{display:block;width:100%;height:100%;object-fit:contain;transform:translate3d(0,var(--media-y,0px),0) scale(var(--media-scale,1));filter:drop-shadow(0 24px 26px #0005)}
.vh-media>[data-vh-scroll-video]{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;mix-blend-mode:screen;opacity:0;pointer-events:none;transform:translate3d(var(--video-x,0px),0,0)}
.vh-media.vh-video-ready>[data-vh-scroll-video]{opacity:1}.vh-media.vh-video-ready>[data-vh-poster]{opacity:0}
.vh-media-link{position:absolute;bottom:16px;right:16px;z-index:2;font-size:11px;padding:9px 12px;background:#141414df;border:1px solid #444;border-radius:7px}
.vh-specs{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;margin:32px 0}
.vh-spec{display:flex;flex-direction:column-reverse;gap:12px;min-width:0;padding:20px;border:1px solid var(--vh-border);border-radius:var(--vh-radius);background:var(--vh-surface)}
.vh-spec dt{font-size:12px;font-weight:300;color:var(--vh-muted)}.vh-spec dd{margin:0;font-size:clamp(24px,3vw,42px);font-weight:900;line-height:1.05;letter-spacing:-.06em;overflow-wrap:normal;word-break:normal;hyphens:none}

.vh-system [data-vh-reveal].vh-will-reveal{opacity:0;transform:translate3d(0,22px,0);transition:opacity .65s ease,transform .65s cubic-bezier(.2,.7,.2,1);transition-delay:var(--reveal-delay,0ms)}
.vh-system [data-vh-reveal].vh-is-visible{opacity:1;transform:none}
.vh-system .user-content,.vh-system .user-content p{color:#bfc0c8;font-weight:300;font-size:16px;line-height:1.8}
.vh-system .user-content table{display:block;max-width:100%;overflow:auto;border-color:var(--vh-border)}.vh-system .user-content td,.vh-system .user-content th{border-color:var(--vh-border);background:transparent;color:var(--vh-text)}
@media(max-width:767px){.vh-system .container{padding-left:20px;padding-right:20px}.vh-specs{gap:8px;grid-template-columns:repeat(auto-fit,minmax(95px,1fr))}.vh-spec{padding:16px 12px}.vh-spec dt{font-size:10px}}
@media(prefers-reduced-motion:reduce){.vh-system .vh-media:before{display:none}.vh-system .vh-media>[data-vh-poster],.vh-system .vh-action,.vh-system [data-vh-reveal].vh-will-reveal{transform:none!important}.vh-system [data-vh-reveal].vh-will-reveal{opacity:1!important;transition:none!important;transition-delay:0ms!important}.vh-system .vh-media>[data-vh-scroll-video]{display:none}.vh-system .vh-media.vh-video-ready>[data-vh-poster]{opacity:1}.vh-system .item,.vh-system .btn{transition:none!important}}

body.vh-system .js-modal-close,body.vh-system .modal-close{color:#f0f1f4!important;border-color:#555761!important}body.vh-system .js-modal-close svg,body.vh-system .modal-close svg{fill:currentColor!important;color:inherit!important}

/* ===== Free-shipping promise (snipplets/vanhaus/shipping-promise.tpl) =====
   Brand accent only, no new colours: #a2befe badge/icons, dark surfaces, white copy. */
.vh-ship{color:#f0f1f4;font-family:"Open Sans",Arial,sans-serif}
.vh-ship-badge{display:inline-flex;align-items:center;gap:7px;height:24px;padding:0 11px;border-radius:999px;background:#a2befe;color:#0a0a0a;font:800 10px/1 "Open Sans",Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap}
.vh-ship-badge::before{content:"";width:6px;height:6px;flex:0 0 6px;border-radius:50%;background:#0a0a0a}
.vh-ship-list{display:grid;gap:10px;margin:0;padding:0;list-style:none}
.vh-ship-item{display:flex;align-items:center;gap:12px;min-width:0;margin:0}
.vh-ship-icon{display:grid;place-items:center;flex:0 0 40px;width:40px;height:40px;border:1px solid rgba(162,190,254,.3);border-radius:12px;background:rgba(162,190,254,.12);color:#a2befe}
.vh-ship-icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.vh-ship-copy{display:flex;flex-direction:column;gap:3px;min-width:0}
.vh-ship-copy strong{color:#fff;font-size:15px;font-weight:700;line-height:1.2;letter-spacing:-.01em}
.vh-ship-copy span{color:#a5a6af;font-size:12px;line-height:1.35}

/* Home: one band between the hero and the first product. */
/* Above the hero's decorative photo fade and the global dot/grain overlays. */
.vh-ship-home{position:relative;z-index:6;margin:clamp(4px,1vw,12px) 0 clamp(28px,4vw,52px);padding:0 max(24px,calc((100vw - 1320px)/2))}
.vh-ship-home-inner{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1.7fr) auto;align-items:center;gap:clamp(20px,3vw,44px);padding:22px clamp(20px,2.4vw,32px);border:1px solid rgba(162,190,254,.26);border-radius:18px;background:linear-gradient(115deg,rgba(162,190,254,.14),rgba(162,190,254,.04) 55%,rgba(162,190,254,0)),#0f1115;box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}
.vh-ship-lead{display:grid;justify-items:start;gap:10px;min-width:0}
.vh-system .vh-ship-title{margin:0;color:#fff;font-family:"Sora",Arial,sans-serif;font-size:clamp(19px,1.7vw,25px);font-weight:800;line-height:1.15;letter-spacing:-.03em}
.vh-ship-home .vh-ship-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.vh-system .vh-ship-home .vh-ship-cta{min-height:48px;padding:0 22px;border-color:#a2befe;background:#a2befe;color:#0a0a0a;white-space:nowrap}
.vh-system .vh-ship-home .vh-ship-cta:hover{border-color:#7d92bc;background:#7d92bc;color:#0a0a0a}

@media(max-width:1100px) and (min-width:768px){
  .vh-ship-home-inner{grid-template-columns:minmax(0,1fr) auto;row-gap:18px}
  .vh-ship-home .vh-ship-list{grid-column:1/-1;grid-row:2}
}
@media(max-width:767px){
  .vh-ship-home{margin:0 0 26px;padding:0 16px}
  .vh-ship-home-inner{grid-template-columns:1fr;gap:16px;padding:18px 16px;border-radius:14px}
  .vh-system .vh-ship-title{font-size:20px}
  .vh-ship-home .vh-ship-list{grid-template-columns:1fr;gap:12px}
  .vh-system .vh-ship-home .vh-ship-cta{width:100%;justify-content:center}
  .vh-ship-icon{flex-basis:38px;width:38px;height:38px}
}

/* Product page: compact block right above variants and the add-to-cart CTA. */
.vh-ship-pdp{margin:0 0 16px;padding:14px;border:1px solid rgba(162,190,254,.3);border-radius:12px;background:linear-gradient(135deg,rgba(162,190,254,.13),rgba(162,190,254,.03))}
.vh-ship-pdp-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}
.vh-ship-pdp-note{color:#a5a6af;font-size:11px;line-height:1.2;text-align:right}
.vh-ship-pdp .vh-ship-list{grid-template-columns:repeat(auto-fit,minmax(168px,1fr));gap:10px 14px}
.vh-ship-pdp .vh-ship-icon{flex-basis:34px;width:34px;height:34px;border-radius:10px}
.vh-ship-pdp .vh-ship-icon svg{width:19px;height:19px}
.vh-ship-pdp .vh-ship-copy strong{font-size:13px}
.vh-ship-pdp .vh-ship-copy span{font-size:11px}
/* The native one-line "Envío gratis" message becomes redundant next to the block. */
body.template-product:has(.vh-ship-pdp) :is(.free-shipping-message,.js-product-form-free-shipping-message,.pdp-free-shipping-section){display:none!important}

/* SOURCE: vanhaus-home.css */
.vh-home{background:var(--vh-bg)}.vh-home-intro{max-width:1380px;margin:auto;padding:42px 24px 30px}.vh-home-intro-top{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:28px}.vh-home-intro-top .vh-kicker{margin:0}
.vh-home-title-row{position:relative;display:block;margin-bottom:18px}
.vh-home-intro h1{max-width:1050px;font-size:clamp(42px,7.5vw,108px);margin:0 0 24px;letter-spacing:-.065em;text-wrap:balance}.vh-home-intro .vh-home-title-row h1{min-width:0;margin-bottom:0;line-height:.98}.vh-home-intro>p{max-width:600px;margin:0;font-size:18px;color:var(--vh-muted);font-weight:300}
.vh-line-nav{display:flex;gap:12px;flex-wrap:wrap;margin-top:6px}
.vh-chapter{position:relative;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:clamp(24px,5vw,88px);align-items:center;min-height:90svh;padding:60px max(24px,calc((100vw - 1320px)/2));border-top:1px solid var(--vh-border);overflow:clip}
.vh-chapter.vh-chapter-alt{background:#101011}.vh-chapter.vh-chapter-alt .vh-chapter-media{order:2}.vh-chapter-media{position:relative;min-width:0}.vh-chapter-media .vh-media{max-height:75svh}
/* Overlay clickeable: la foto/video no llevaba a la ficha de producto. Detras
   del "Ver video" (vh-media-link, z-index:2) para no robarle el click. */
.vh-chapter-media-link{position:absolute;inset:0;z-index:1;cursor:pointer}
/* Se probo align-items:stretch + margin-top:auto en .vh-chapter-purchase para
   empujar precio/CTA al pie: no reducia el espacio vacio, solo lo movia — en
   productos con menos contenido que Ring/Velar (menos specs, sin video) dejaba
   un hueco enorme entre las specs y el precio. Vuelta a center, como estaba
   siempre. */
.vh-chapter-copy{min-width:0}

/* Reusable Home video stages. Authoring contract: docs/home-video-system.md */
.vh-home-video-stage{
  --vh-video-accent:#a2befe;--vh-video-frame:#11151d;--vh-video-fit:cover;--vh-video-x:50%;--vh-video-y:50%;
  --vh-video-inset:8px;--vh-video-gutter:16px;--vh-video-inner-radius:20px;
  box-sizing:border-box;width:100%;aspect-ratio:1;margin-inline:auto;overflow:hidden;padding:var(--vh-video-inset);
  border:1px solid color-mix(in srgb,var(--vh-video-accent) 62%,#343a46);border-radius:28px;
  background:linear-gradient(145deg,color-mix(in srgb,var(--vh-video-accent) 24%,#151922),#08090b 52%,color-mix(in srgb,var(--vh-video-accent) 14%,#101319));
  box-shadow:0 24px 64px rgba(0,0,0,.46),0 0 0 1px color-mix(in srgb,var(--vh-video-accent) 8%,transparent),0 0 38px color-mix(in srgb,var(--vh-video-accent) 10%,transparent)
}
.vh-home-video-tone-ice{--vh-video-accent:#a2befe;--vh-video-frame:#111722}
.vh-home-video-tone-violet{--vh-video-accent:#8b5cf6;--vh-video-frame:#171221}
.vh-home-video-tone-orange{--vh-video-accent:#f97316;--vh-video-frame:#21140d}
.vh-home-video-tone-cyan{--vh-video-accent:#14b8a6;--vh-video-frame:#0d1d1c}
.vh-home-video-tone-neutral{--vh-video-accent:#8f98a8;--vh-video-frame:#15171b}
.vh-home-video-fit-cover{--vh-video-fit:cover}.vh-home-video-fit-contain{--vh-video-fit:contain}
.vh-home-video-x-left{--vh-video-x:28%}.vh-home-video-x-center{--vh-video-x:50%}.vh-home-video-x-right{--vh-video-x:72%}
.vh-home-video-y-top{--vh-video-y:28%}.vh-home-video-y-center{--vh-video-y:50%}.vh-home-video-y-bottom{--vh-video-y:72%}
.vh-home-video-stage>:is(.vh-home-video-fallback,[data-vh-poster],.vh-home-product-video,[data-vh-scroll-video]){
  position:absolute;inset:var(--vh-video-inset);display:block;width:calc(100% - var(--vh-video-gutter));height:calc(100% - var(--vh-video-gutter));
  border-radius:var(--vh-video-inner-radius);object-fit:var(--vh-video-fit);object-position:var(--vh-video-x) var(--vh-video-y);background:var(--vh-video-frame);mix-blend-mode:normal;transform:none
}
.vh-home-video-stage>:is(.vh-home-video-fallback,[data-vh-poster]){z-index:1}.vh-home-video-stage>:is(.vh-home-product-video,[data-vh-scroll-video]){z-index:2}
.vh-home-video-stage.vh-video-ready>.vh-home-video-fallback{visibility:hidden}
.vh-home-video-stage .vh-home-video-vignette{position:absolute;inset:var(--vh-video-inset);z-index:3;display:block;border-radius:var(--vh-video-inner-radius);pointer-events:none}
.vh-home-video-stage-studio .vh-home-video-vignette{
  background:radial-gradient(ellipse at 50% 48%,transparent 52%,rgba(8,10,14,.08) 66%,rgba(8,10,14,.38) 84%,rgba(8,10,14,.82) 100%),linear-gradient(90deg,rgba(8,10,14,.34),transparent 12%,transparent 88%,rgba(8,10,14,.34));
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--vh-video-accent) 18%,transparent),inset 0 0 42px rgba(5,7,10,.22)
}
/* Orbis shares the neutral editorial frame used by the lifestyle video. */
.vh-home .vh-home-orbis-video-frame{
  --vh-video-inset:0px;--vh-video-gutter:0px;--vh-video-inner-radius:19px;
  padding:0;border:1px solid #343740;border-radius:20px;background:#0c0e11;
  box-shadow:0 24px 60px rgba(0,0,0,.3)
}
.vh-home .vh-home-orbis-video-frame .vh-home-video-vignette{
  box-shadow:inset 0 0 0 1px rgba(162,190,254,.08),inset 0 -50px 80px rgba(0,0,0,.16)
}
.vh-home-video-stage-cinematic{
  --vh-video-inset:4px;--vh-video-gutter:8px;--vh-video-inner-radius:18px;aspect-ratio:16/9;border-radius:22px;
  background:linear-gradient(135deg,color-mix(in srgb,var(--vh-video-accent) 22%,#10131a),#07080a);box-shadow:0 30px 80px rgba(0,0,0,.5),0 0 44px color-mix(in srgb,var(--vh-video-accent) 12%,transparent)
}
.vh-home-video-stage-cinematic .vh-home-video-vignette{background:linear-gradient(90deg,rgba(5,7,10,.48),transparent 16%,transparent 84%,rgba(5,7,10,.48)),linear-gradient(180deg,rgba(5,7,10,.2),transparent 24%,transparent 76%,rgba(5,7,10,.38))}
.vh-home-video-stage-editorial{
  --vh-video-inset:0px;--vh-video-gutter:0px;--vh-video-inner-radius:30px;width:92%;aspect-ratio:4/5;padding:0;border:0;border-radius:30px;
  background:var(--vh-video-frame);box-shadow:0 34px 90px rgba(0,0,0,.48),0 0 54px color-mix(in srgb,var(--vh-video-accent) 14%,transparent)
}
.vh-home-video-stage-editorial .vh-home-video-vignette{background:radial-gradient(ellipse at 50% 46%,transparent 58%,rgba(7,9,12,.12) 76%,rgba(7,9,12,.72) 100%);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--vh-video-accent) 16%,transparent)}
@media(min-width:768px){
  .vh-home-video-stage-studio{width:min(84%,540px)}
  .vh-home-video-stage-cinematic{width:min(108%,760px)}
  .vh-home-video-stage-editorial{width:min(90%,560px)}
  /* Orbis uses a landscape product window instead of the generic square. */
  .vh-home .vh-home-orbis-video-frame{width:min(96%,620px);aspect-ratio:4/3}
}
.vh-chapter-copy{min-width:0}
.vh-chapter-copy .vh-kicker{display:inline-flex;align-items:center;flex-wrap:wrap;gap:7px 10px}
.vh-chapter-copy .vh-kicker::before{content:"";width:26px;height:2px;border-radius:2px;background:var(--vh-accent);flex:0 0 auto}
.vh-home-kicker-brand{color:var(--vh-muted)}
.vh-chapter-badge-row{margin:0 0 10px}
.vh-chapter-badge{display:inline-block;padding:5px 10px;border:1px solid var(--vh-accent);border-radius:6px;font:600 10px/1 "Open Sans",Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--vh-accent);white-space:nowrap}
.vh-chapter-copy h2{position:relative;font-size:clamp(34px,4.6vw,70px);margin:0;padding-bottom:20px;overflow-wrap:anywhere}
.vh-chapter-copy h2::after{content:"";position:absolute;left:0;bottom:0;width:56px;height:4px;border-radius:3px;background:var(--vh-accent);box-shadow:0 0 18px -2px var(--vh-accent);opacity:.95}
.vh-chapter-title-link{color:inherit;text-decoration:none;transition:color .18s ease,opacity .18s ease}
.vh-chapter-title-link:focus-visible{outline:2px solid var(--vh-accent);outline-offset:5px;border-radius:4px}
@media(hover:hover) and (pointer:fine){.vh-chapter-title-link:hover{color:color-mix(in srgb,var(--vh-text) 78%,var(--vh-accent))}}
.vh-home-category-tag{display:inline-flex;min-height:21px;padding:4px 7px;align-items:center;justify-content:center;border-radius:6px;color:#fff;font:700 9px/1 var(--vh-font-ui);letter-spacing:.07em;white-space:nowrap}
.vh-home-category-tag-gamer{background:#7c3aed}.vh-home-category-tag-sport{background:#f97316}.vh-home-category-tag-anc{background:#2563eb}.vh-home-category-tag-daily{background:#64748b}.vh-home-category-tag-health{background:#14b8a6}.vh-home-category-tag-hifi{background:#d31f2f;color:#fff}
.vh-chapter-purchase{display:grid;justify-items:start;gap:12px;margin-top:24px}.vh-chapter-purchase .vh-action{margin-top:8px}
.vh-home .vh-chapter .vh-price{font-size:clamp(30px,3.6vw,48px);letter-spacing:-.04em;line-height:1.02}
.vh-home .vh-chapter .vh-compare{font-size:13px}
.vh-home .vh-action{justify-content:center;gap:10px;padding:17px 30px;font-size:15px;min-height:54px;border-radius:12px!important}
.vh-home .vh-action .vh-action-arrow{display:inline-block;transition:transform .2s ease}
.vh-home .vh-action:hover{opacity:1;filter:brightness(1.06)}
.vh-home .vh-action:hover .vh-action-arrow,.vh-home .vh-action:hover span:last-child{transform:translateX(5px)}
.vh-home-outro{display:grid;justify-items:center;gap:18px;padding:72px 24px 76px;text-align:center}.vh-home-outro-separator{width:min(100%,1080px);height:1px;margin:0 0 16px;background:linear-gradient(90deg,transparent,rgba(162,190,254,.76),transparent);box-shadow:0 0 16px rgba(162,190,254,.18)}.vh-home-outro-title{max-width:620px;margin:0;color:var(--vh-text);font-size:clamp(30px,4vw,52px);font-weight:800;letter-spacing:-.045em;line-height:1.04;text-wrap:balance}.vh-mobile-backtop{display:none}.vh-home [data-vh-home-products]:empty{display:none}

/* Editorial navigation is intentionally distinct from transactional buttons. */
.vh-navigation-cta{display:inline-flex;min-height:50px;padding:0 23px;align-items:center;justify-content:center;gap:11px;border:1px solid color-mix(in srgb,var(--vh-text) 22%,transparent);border-radius:999px;background:color-mix(in srgb,#11141a 88%,transparent);color:var(--vh-text);font:700 13px/1 var(--vh-font-ui);letter-spacing:.015em;text-decoration:none;white-space:nowrap;transition:border-color .18s ease,background-color .18s ease,color .18s ease}.vh-navigation-cta-arrow{display:inline-block;transition:transform .18s ease}.vh-navigation-cta:focus-visible{outline:2px solid var(--vh-accent);outline-offset:3px}.vh-navigation-cta:hover{border-color:var(--vh-accent);background:color-mix(in srgb,var(--vh-accent) 10%,#11141a);color:var(--vh-text)}.vh-navigation-cta:hover .vh-navigation-cta-arrow{transform:translateX(4px)}
.vh-navigation-cta-hero{min-width:166px;min-height:40px;margin-top:24px;padding:0 20px;border:1px solid color-mix(in srgb,var(--vh-text) 32%,transparent);background:transparent;color:var(--vh-text);justify-content:space-between}.vh-navigation-cta-hero:hover{border-color:var(--vh-accent);background:color-mix(in srgb,var(--vh-accent) 7%,transparent);color:var(--vh-text)}

.vh-visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

/* Hover micro-interactions (pointer devices only). */
.vh-chapter-media .vh-media{transition:box-shadow .45s ease}
.vh-chapter-media .vh-media>[data-vh-poster]{scale:1;transition:scale .32s cubic-bezier(.2,.75,.25,1)}
/* Velar ANC needs slightly more breathing room in its Home composition. The
   product-specific class is emitted from its identity, so catalog/PDP media
   and every other Home product keep their original scale. */
.vh-home .vh-product-velar-anc .vh-chapter-media .vh-media>[data-vh-poster]{scale:.84}
.vh-home :is(.vh-product-sona,[data-vh-details-source*="vanhaus-studio-pro"]) .vh-chapter-media .vh-media>[data-vh-poster]{scale:.78}
/* La foto del Studio Pro trae el cable cortado abajo: solo el último tramo se
   disuelve para que no se vea la línea de corte sobre el fondo oscuro. */
.vh-home :is(.vh-product-sona,[data-vh-details-source*="vanhaus-studio-pro"]) .vh-chapter-media .vh-media>[data-vh-poster]{-webkit-mask-image:linear-gradient(to bottom,#000 80%,transparent 99%);mask-image:linear-gradient(to bottom,#000 80%,transparent 99%)}

@media(hover:hover) and (pointer:fine){
  .vh-chapter-media .vh-media:hover>[data-vh-poster]{scale:1.045}
  .vh-home .vh-product-velar-anc .vh-chapter-media .vh-media:hover>[data-vh-poster]{scale:.88}
  .vh-home :is(.vh-product-sona,[data-vh-details-source*="vanhaus-studio-pro"]) .vh-chapter-media .vh-media:hover>[data-vh-poster]{scale:.82}
  .vh-chapter-media .vh-media:hover::before{opacity:.28}

  


}
@media(prefers-reduced-motion:reduce){
  .vh-chapter-media .vh-media:hover>[data-vh-poster]{scale:1}

}
@media(max-width:767px){
  .vh-home :is(.vh-product-sona,[data-vh-details-source*="vanhaus-studio-pro"]) .vh-chapter-media .vh-media>[data-vh-poster]{scale:.82}
  .vh-home :is(.vh-product-sona,[data-vh-details-source*="vanhaus-studio-pro"]) .vh-chapter-media .vh-media:hover>[data-vh-poster]{scale:.82}
}
@media(min-width:768px) and (max-width:1250px){.vh-home-intro .vh-home-title-row h1{width:62vw}}
@media(max-width:767px){.vh-home-intro{padding:28px 20px 30px}.vh-chapter{grid-template-columns:1fr;gap:16px;padding:28px 20px 44px;min-height:0}.vh-chapter.vh-chapter-alt .vh-chapter-media{order:0}.vh-chapter-media .vh-media{aspect-ratio:1.15;max-height:48svh}.vh-chapter-copy .vh-kicker{margin-bottom:12px}.vh-chapter-copy h2{font-size:36px}.vh-chapter-purchase{gap:9px}.vh-home .vh-chapter .vh-price{font-size:clamp(30px,8vw,36px)}.vh-home-intro-top{margin-bottom:18px}.vh-home-title-row{margin-bottom:16px}.vh-home-intro .vh-home-title-row h1{width:100%}.vh-home-intro h1{max-width:11ch;font-size:clamp(32px,10.2vw,42px);letter-spacing:-.05em}.vh-home-intro>p{max-width:34ch;font-size:16px;line-height:1.55}.vh-home-intro .vh-line-nav{display:none!important}.vh-home .vh-action{width:100%;padding:16px 24px}.vh-navigation-cta-hero{min-height:44px;margin-top:20px;padding:8px 0;font-size:13px}.vh-home-outro{gap:16px;padding:48px 20px 56px}.vh-home-outro-title{font-size:clamp(28px,9vw,38px)}.vh-home-outro .vh-navigation-cta{min-height:50px;padding:0 22px}}

/* HOME: editorial highlights sized by their available container. */
[data-vh-spec-host][hidden]{display:none!important}
.vh-home-highlights-host{container-type:inline-size;min-width:0}
.vh-home-highlights{display:grid;grid-template-columns:repeat(var(--vh-highlight-count,4),minmax(0,1fr));gap:8px;margin:22px 0 4px}
/* Mismo formato de 3 líneas que la ficha (valor/label/uso): Home reusa
   .vh-spec (specCardElement) con esta clase extra para su propio tamaño,
   así el orden real es dd(valor) → dt(label) → p.vh-spec-context(uso). Los
   selectores van con .vh-home-highlights por delante para ganarle a las
   reglas genéricas de .vh-spec de otros módulos, sin depender del orden
   de carga de los CSS. */
.vh-home-highlights{align-items:stretch}
/* Fondo casi transparente a propósito: la card acompaña, no compite con foto/CTA. */
.vh-home-highlights .vh-home-highlight{box-sizing:border-box;min-width:0;min-height:112px;height:100%;padding:14px 8px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:5px;background:rgba(255,255,255,.008);border:1px solid rgba(255,255,255,.035);border-radius:8px;box-shadow:none;transition:background-color .2s ease,border-color .2s ease}
/* El valor NUNCA va a 2 renglones: nowrap + una letra que se achica según el
   ancho real disponible (cqi), no un tamaño fijo que pueda desbordar. La
   frase de uso sigue sin nowrap/line-clamp — si es larga, la card crece
   (align-items:stretch iguala la fila) en vez de cortarla con "...". */
.vh-home-highlights .vh-home-highlight dd{order:0;margin:0;font-family:var(--vh-font-display);font-size:clamp(15px,4.2cqi,20px);font-weight:800;line-height:1.1;letter-spacing:-.02em;white-space:nowrap;color:var(--vh-accent)!important}
.vh-home-highlights .vh-home-highlight dt{order:1;margin:0;font-size:9px;font-weight:700;line-height:1.25;letter-spacing:.05em;text-transform:uppercase;overflow-wrap:break-word;color:#f3f5f7!important}
.vh-home-highlights .vh-home-highlight .vh-spec-context{order:2;margin:0;font-size:10.5px;font-style:italic;font-weight:400;line-height:1.4;color:#b4b7bd!important;overflow-wrap:break-word}
@media(min-width:1024px){
  body.vh-system .vh-home .vh-chapter{grid-template-columns:minmax(0,1.1fr) minmax(560px,1fr)}
  body.vh-system .vh-home .vh-chapter.vh-chapter-alt{grid-template-columns:minmax(560px,1.1fr) minmax(0,1fr)}
}
@media(max-width:1023px){
  @container (max-width:559px){.vh-home-highlights{grid-template-columns:repeat(min(var(--vh-highlight-count,4),2),minmax(0,1fr))}}
}
@container (max-width:279px){.vh-home-highlights{grid-template-columns:1fr}}
@media(hover:hover) and (pointer:fine){.vh-home-highlights .vh-home-highlight:hover{background-color:rgba(255,255,255,.025);border-color:rgba(255,255,255,.08)}}
@media(prefers-reduced-motion:reduce){.vh-home-highlight{transition:none}}

/* ===== Home action: one large route to the product page. ===== */
.vh-chapter-actions{display:grid;grid-template-columns:1fr;align-items:end;width:100%;max-width:520px;margin-top:12px}
.vh-chapter-actions>*{width:100%;min-width:0}
.vh-btn{display:flex;width:100%;height:54px;box-sizing:border-box;padding:0 22px;align-items:center;justify-content:center;border-radius:12px;font:700 15px/1.35 var(--vh-font-ui);letter-spacing:-.01em;text-align:center;text-decoration:none;cursor:pointer;-webkit-appearance:none;appearance:none;transition:transform .18s ease,filter .18s ease,border-color .18s ease,color .18s ease,background-color .18s ease}
.vh-btn-solid{background:var(--vh-cta)!important;border:1px solid var(--vh-cta)!important;color:var(--vh-cta-ink)!important}
.vh-btn-ghost{background:color-mix(in srgb,var(--vh-accent) 22%,#15171b)!important;border:1px solid color-mix(in srgb,var(--vh-accent) 45%,transparent)!important;color:var(--vh-accent)!important}
.vh-btn:focus-visible{outline:2px solid var(--vh-accent)!important;outline-offset:3px}
.vh-btn-solid:disabled,.vh-btn-solid.nostock{background:#262831!important;border-color:#484a54!important;color:#b5b6c0!important;cursor:not-allowed}
@media(hover:hover) and (pointer:fine){
  .vh-btn-solid:not(:disabled):hover{transform:translateY(-2px);filter:brightness(1.07)}
  .vh-btn-ghost:hover{transform:translateY(-2px);background:color-mix(in srgb,var(--vh-accent) 32%,#15171b)!important;border-color:var(--vh-accent)!important}
}

/* Native-scroll product timeline. Cards never capture the wheel; their position
   only drives the image/title/specs/price/actions reveal. */
html.vh-home-sticky,html.vh-home-sticky body{overflow-x:clip!important;overflow-y:visible!important}
html.vh-home-sticky .vh-home .vh-chapter-stage{position:relative;height:var(--vh-home-card-height,calc(100dvh - 60px));min-height:var(--vh-home-card-height,calc(100dvh - 60px));background:linear-gradient(180deg,#0d0f12,#0a0a0a)}
html.vh-home-sticky .vh-home .vh-chapter-stage>.vh-chapter{position:relative;box-sizing:border-box;height:100%;min-height:100%;margin:0;overflow:hidden;isolation:isolate;background:linear-gradient(180deg,#0d0f12,#0a0a0a);box-shadow:0 -1px 0 var(--vh-border)}
@media(min-width:768px){
  html.vh-home-timeline-ready .vh-home .vh-chapter-stage>.vh-chapter{opacity:1!important;transform:none!important;transition:none!important}
  html.vh-home-timeline-ready .vh-home .vh-chapter-stage>.vh-chapter[data-vh-revealed="false"] .vh-chapter-media{opacity:1!important;transform:translate3d(var(--vh-media-x,0px),0,0)!important;transition:transform .12s cubic-bezier(.22,.75,.25,1)!important;will-change:transform}
  html.vh-home-timeline-ready .vh-home .vh-chapter-stage>.vh-chapter[data-vh-revealed="false"] :is(.vh-chapter-copy>.vh-kicker,.vh-chapter-badge-row,.vh-chapter-copy>h2,.vh-chapter-copy>.vh-home-product-rating){opacity:var(--vh-title-opacity,0)!important;transform:translate3d(var(--vh-title-x,28px),var(--vh-title-y,18px),0)!important;transition:opacity .1s ease-out,transform .12s cubic-bezier(.22,.75,.25,1)!important}
  html.vh-home-timeline-ready .vh-home .vh-chapter-stage>.vh-chapter[data-vh-revealed="false"] .vh-chapter-purchase>.vh-price-block,html.vh-home-timeline-ready .vh-home .vh-chapter-stage>.vh-chapter[data-vh-revealed="false"] .vh-chapter-purchase>.vh-stock{opacity:var(--vh-price-opacity,0)!important;transform:translate3d(0,var(--vh-price-y,16px),0)!important;transition:opacity .1s ease-out,transform .12s cubic-bezier(.22,.75,.25,1)!important}
  html.vh-home-timeline-ready .vh-home .vh-chapter-stage>.vh-chapter[data-vh-revealed="false"] .vh-chapter-actions{opacity:var(--vh-actions-opacity,0)!important;transform:translate3d(0,var(--vh-actions-y,16px),0)!important;transition:opacity .1s ease-out,transform .12s cubic-bezier(.22,.75,.25,1)!important}
  html.vh-home-timeline-ready .vh-home .vh-chapter-stage>.vh-chapter[data-vh-revealed="false"] .vh-home-highlights-host{opacity:var(--vh-spec-opacity,0)!important;transform:translate3d(0,var(--vh-spec-y,18px),0)!important;transition:opacity .1s ease-out,transform .12s cubic-bezier(.22,.75,.25,1)!important}
  html.vh-home-timeline-ready .vh-home .vh-chapter-stage>.vh-chapter[data-vh-revealed="true"] :is(.vh-chapter-media,.vh-chapter-copy>.vh-kicker,.vh-chapter-badge-row,.vh-chapter-copy>h2,.vh-chapter-copy>.vh-home-product-rating,.vh-home-highlights-host,.vh-chapter-purchase>*){opacity:1!important;transform:none!important}
}
@media(max-width:767px){
  html.vh-home-sticky .vh-home .vh-chapter-stage{height:auto;min-height:0;background:linear-gradient(180deg,#0d0f12,#0a0a0a)}
html.vh-home-sticky .vh-home .vh-chapter-stage>.vh-chapter{position:relative;top:auto;height:auto;min-height:0;padding:30px 20px 46px;gap:16px;overflow:hidden}
  html.vh-home-timeline-ready .vh-home .vh-chapter-stage>.vh-chapter{opacity:1!important;transform:none!important;transition:none!important}
  html.vh-home-timeline-ready .vh-home .vh-chapter-stage>.vh-chapter[data-vh-revealed="false"] .vh-chapter-media{opacity:1!important;transform:translate3d(0,var(--vh-media-y,12px),0)!important;transition:transform .14s cubic-bezier(.22,.75,.25,1)!important;will-change:transform}
  html.vh-home-timeline-ready .vh-home .vh-chapter-stage>.vh-chapter[data-vh-revealed="false"] :is(.vh-chapter-copy>.vh-kicker,.vh-chapter-badge-row,.vh-chapter-copy>h2,.vh-chapter-copy>.vh-home-product-rating){opacity:var(--vh-title-opacity,0)!important;transform:translate3d(0,var(--vh-title-y,18px),0)!important;transition:opacity .12s ease-out,transform .14s cubic-bezier(.22,.75,.25,1)!important}
  html.vh-home-timeline-ready .vh-home .vh-chapter-stage>.vh-chapter[data-vh-revealed="false"] .vh-chapter-purchase>.vh-price-block,html.vh-home-timeline-ready .vh-home .vh-chapter-stage>.vh-chapter[data-vh-revealed="false"] .vh-chapter-purchase>.vh-stock{opacity:var(--vh-price-opacity,0)!important;transform:translate3d(0,var(--vh-price-y,16px),0)!important;transition:opacity .12s ease-out,transform .14s cubic-bezier(.22,.75,.25,1)!important}
  html.vh-home-timeline-ready .vh-home .vh-chapter-stage>.vh-chapter[data-vh-revealed="false"] .vh-chapter-actions{opacity:var(--vh-actions-opacity,0)!important;transform:translate3d(0,var(--vh-actions-y,16px),0)!important;transition:opacity .12s ease-out,transform .14s cubic-bezier(.22,.75,.25,1)!important}
  html.vh-home-timeline-ready .vh-home .vh-chapter-stage>.vh-chapter[data-vh-revealed="false"] .vh-home-highlights-host{opacity:var(--vh-spec-opacity,0)!important;transform:translate3d(0,var(--vh-spec-y,18px),0)!important;transition:opacity .12s ease-out,transform .14s cubic-bezier(.22,.75,.25,1)!important}
  html.vh-home-timeline-ready .vh-home .vh-chapter-stage>.vh-chapter[data-vh-revealed="true"] :is(.vh-chapter-media,.vh-chapter-copy>.vh-kicker,.vh-chapter-badge-row,.vh-chapter-copy>h2,.vh-chapter-copy>.vh-home-product-rating,.vh-home-highlights-host,.vh-chapter-purchase>*){opacity:1!important;transform:none!important}
  html.vh-home-sticky .vh-home .vh-chapter-stage .vh-chapter-media{display:grid;place-items:center;width:100%}
  html.vh-home-sticky .vh-home .vh-chapter-stage .vh-chapter-media .vh-media{width:min(80vw,360px);height:auto;max-height:none;aspect-ratio:1;margin-inline:auto}
  html.vh-home-sticky .vh-home .vh-chapter-stage .vh-chapter-media .vh-media.vh-home-orbis-video-frame{width:min(90vw,420px);aspect-ratio:4/3}
  html.vh-home-sticky .vh-home .vh-chapter-stage .vh-chapter-copy h2{font-size:36px;padding-bottom:18px}
  html.vh-home-sticky .vh-home .vh-chapter-stage .vh-chapter-copy .vh-kicker{margin-bottom:12px}
html.vh-home-sticky .vh-home .vh-chapter-stage .vh-chapter-purchase{gap:10px;margin-top:18px}
  html.vh-home-sticky .vh-home .vh-chapter-stage .vh-price{font-size:clamp(30px,8vw,36px)}
}
@media(prefers-reduced-motion:reduce){html.vh-home-sticky .vh-home .vh-chapter-stage{min-height:0}html.vh-home-sticky .vh-home .vh-chapter-stage>.vh-chapter{position:relative;top:auto;height:auto;min-height:0}html.vh-home-timeline-ready .vh-home .vh-chapter-stage>.vh-chapter *{opacity:1!important;transform:none!important;transition:none!important}}
/* Variant picker sits above the button: nothing is added without an explicit choice. */
.vh-quick-variants{margin:0}
.vh-quick-variants .form-row{margin:0;display:block}
.vh-quick-variants .js-product-variants-group{margin:0 0 8px}
.vh-quick-variants label,.vh-quick-variants .form-label{display:block;font:600 10px/1.3 "Open Sans",Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--vh-muted);margin:0 0 6px}
.vh-quick-variants .form-select,.vh-quick-variants select{width:100%;min-height:46px;padding:0 12px;border-radius:10px;background:var(--vh-raised)!important;border:1px solid #4b4d57!important;color:var(--vh-text)!important;font-size:14px}

/* ===== Pausa narrativa de marca (vh-story) =====
   Deliberadamente distinta de un bloque de producto: sin glow de categoría,
   superficie sólida y neutra, y título más grande. Sin precio ni CTA. */
.vh-story{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);
  align-items:center;
  gap:clamp(28px,5vw,80px);
  padding:clamp(52px,6vw,84px) max(24px,calc((100vw - 1320px)/2));
  /* Neutro a propósito: el acento de categoría no entra acá. */
  background:linear-gradient(180deg,#141619,#101215);
  border-top:1px solid #26282e;
  border-bottom:1px solid #26282e;
  isolation:isolate;
}
.vh-story-flip .vh-story-media{order:2}
.vh-story-media{min-width:0}
/* Se probo align-items:stretch + margin-top:auto en .vh-story-text (mismo
   criterio que .vh-chapter): no reducia el espacio vacio, lo movia al medio
   entre titulo y texto. Vuelta a center. */
.vh-story-copy{min-width:0}
.vh-story-kicker{margin:0 0 14px;font:600 11px/1.4 "Open Sans",Arial,sans-serif;letter-spacing:.18em;text-transform:uppercase;color:#8f939d}
.vh-story-title{
  margin:0 0 18px;
  /* Más grande que el h2 de producto (clamp 34-70) para que lea como pausa. */
  font-size:clamp(40px,6vw,88px);
  font-weight:900;letter-spacing:-.055em;line-height:.98;
  color:var(--vh-text);text-wrap:balance;overflow-wrap:anywhere;
}
.vh-story-text{margin:0;max-width:46ch;font-size:clamp(16px,1.35vw,19px);line-height:1.65;font-weight:300;color:#b9bdc7}
/* El placeholder de foto no lleva acento acá: gris neutro sobre superficie neutra. */
body.vh-system .vh-story .vh-ph{border-color:#3a3d45}
.vh-story-material-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(150px,.65fr);grid-template-rows:1fr 1fr;gap:12px;aspect-ratio:4/3;min-height:0}
.vh-story-material-grid>.vh-story-material-item{height:100%;min-height:0;margin:0;border:1px solid #343740;border-radius:16px;overflow:hidden;background:#0c0e11;box-shadow:0 18px 44px rgba(0,0,0,.24)}
.vh-story-material-grid>.vh-story-material-item:first-child{grid-row:1/3}
.vh-story-material-grid img{position:relative;z-index:1;display:block;width:100%;height:100%;object-fit:cover;opacity:1!important;filter:none!important;mix-blend-mode:normal!important}
.vh-story-lifestyle{position:relative;width:100%;aspect-ratio:16/9;margin:0;overflow:hidden;border:1px solid #343740;border-radius:20px;background:#0c0e11;box-shadow:0 24px 60px rgba(0,0,0,.3)}
.vh-story-lifestyle::after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 0 1px rgba(162,190,254,.08),inset 0 -50px 80px rgba(0,0,0,.16)}
.vh-story-lifestyle :is(img,video){display:block;width:100%;height:100%;object-fit:cover;object-position:center;background:#07090b}
.vh-story-lifestyle-video{aspect-ratio:16/9}
body.vh-system .vh-story-lifestyle-video video{object-fit:contain!important;object-position:center top;transform:none!important}
@media(min-width:768px){.vh-story:has(.vh-story-lifestyle-video){grid-template-columns:minmax(0,.9fr) minmax(0,1.2fr)}}

@media(max-width:767px){
.vh-story{grid-template-columns:1fr;gap:20px;padding:40px 20px 44px}
  .vh-story-flip .vh-story-media{order:0}
  .vh-story-kicker{margin-bottom:10px;font-size:10px}
  .vh-story-title{font-size:clamp(34px,11vw,46px);margin-bottom:14px}
  /* Cuerpo legible en pantalla chica, no 13px. */
  .vh-story-text{font-size:16px;line-height:1.6;max-width:none;color:#c2c6cf}
  .vh-story-material-grid{grid-template-columns:1.15fr .85fr;gap:8px;aspect-ratio:1.12}
  .vh-story-lifestyle{border-radius:14px}
  .vh-story-lifestyle-video{aspect-ratio:16/9}
  .vh-story-lifestyle :is(img,video){object-position:62% center}
  .vh-home-outro{
    position:relative;
    display:grid;
    gap:10px;
    padding:48px 20px 46px;
  }
  .vh-home-outro-separator{width:100%;margin:0 0 14px}
  .vh-home-outro .vh-home-catalog-link{width:auto;min-height:50px;justify-self:center;margin:0}
  /* Navigation, not commerce: a quiet text link under the CTA. No box, no fill;
     the 40px tap area is kept invisibly. */
  .vh-mobile-backtop{
    display:inline-flex;
    width:auto;
    min-height:40px;
    margin-top:4px;
    padding:0 8px;
    justify-self:center;
    align-items:center;
    justify-content:center;
    gap:6px;
    border:0;
    border-radius:0;
    background:transparent;
    color:#8b909b!important;
    font:500 12px/1 "Open Sans",Arial,sans-serif;
    letter-spacing:.01em;
    text-decoration:underline!important;
    text-decoration-color:rgba(139,144,155,.4)!important;
    text-underline-offset:4px;
  }
  .vh-mobile-backtop span{font-size:13px;line-height:1;transform:translateY(-1px);text-decoration:none;display:inline-block}
}

/* The Home-to-footer handoff had a second empty black spacer after newsletter. */
body.template-home footer{margin-top:8px;padding-top:44px}
@media(max-width:767px){body.template-home footer .element-footer>.col,body.template-home footer .element-footer>.col-md{margin-bottom:24px}body.template-home footer .divider{margin-bottom:24px!important}}

/* Home atmosphere: one canvas, independent of product/category UI accents.
   The existing site dot overlay remains visible. Top reflections fade within
   the same canvas, so the hero does not introduce another section boundary. */
html .vh-home{
  background-color:#000000;
  background-image:
    radial-gradient(ellipse 85% 17% at 5% 12%,rgba(125,146,188,.23),transparent 78%),
    radial-gradient(ellipse 80% 19% at 95% 34%,rgba(162,190,254,.18),transparent 80%),
    radial-gradient(ellipse 90% 18% at 5% 57%,rgba(125,146,188,.20),transparent 80%),
    radial-gradient(ellipse 80% 18% at 92% 79%,rgba(125,146,188,.21),transparent 80%),
    radial-gradient(ellipse 90% 14% at 24% 98%,rgba(125,146,188,.17),transparent 82%);
  background-size:100% 100%;
  background-repeat:no-repeat;
}

/* Specificity also covers the native-scroll and mobile refinements. */
html .vh-home .vh-chapter-stage,
html .vh-home .vh-chapter-stage>.vh-chapter,
html .vh-home .vh-chapter.vh-chapter-alt,
html .vh-home .vh-story{
  background:transparent;
  border-top-color:transparent;
  border-bottom-color:transparent;
  box-shadow:none;
}
html.vh-home-sticky .vh-home .vh-chapter-stage,
html.vh-home-sticky .vh-home .vh-chapter-stage>.vh-chapter{
  background:transparent;
  box-shadow:none;
}
/* Remove only environmental light, preserving cards, media and UI colors. */
html .vh-home [data-vh-home-products] .vh-chapter.vh-chapter-alt::before,
html .vh-home [data-vh-home-products] .vh-chapter::before,
html .vh-home .vh-chapter-stage .vh-chapter-media .vh-media::before,
html .vh-home .vh-chapter-stage .vh-chapter-media .vh-media::after{
  background:none;
}

/* Actual editorial photograph, with independent fades on every exposed edge.
   Only the decorative layer extends beyond the hero into the shared canvas. */
html .vh-home .vh-home-intro{position:relative;isolation:isolate}
html .vh-home .vh-home-intro::before{
  content:"";
  position:absolute;
  inset:0 0 -180px;
  z-index:-1;
  pointer-events:none;
  background:linear-gradient(rgba(0,0,0,.30),rgba(0,0,0,.30)),url('../images/vanhaus-hero-ambient.jpg') right center / cover no-repeat;
  mask-image:linear-gradient(90deg,transparent 2%,rgba(0,0,0,.30) 35%,#000 64%,#000 94%,transparent),linear-gradient(180deg,transparent,#000 15%,#000 48%,transparent 100%);
  mask-composite:intersect;
}

/* Material light spills past the editorial block, never forming a panel. */
html .vh-home .vh-story:has(.vh-story-materials)::before{
  content:"";
  position:absolute;
  inset:-180px 0;
  z-index:-1;
  pointer-events:none;
  background:radial-gradient(ellipse at 65% 50%,rgba(162,190,254,.14),rgba(125,146,188,.05) 40%,transparent 72%);
}
/* The global dotted texture lives at z-index 4. Lift only the macro story so
   the texture remains around the photographs but can never print over them. */
html .vh-home .vh-story:has(.vh-story-materials){z-index:6}

/* Environmental rules only: category UI, cards and blue buttons stay intact. */
html .vh-home .vh-accent-2 .vh-chapter-copy>.vh-kicker::before,
html .vh-home .vh-accent-2 .vh-chapter-copy>h2::after{
  background:#7D92BC;
  box-shadow:0 0 18px -2px #7D92BC;
}

/* Keep the Hero CTA's horizontal hit area when its mobile height is adjusted. */
body.template-home .vh-navigation-cta-hero{padding-inline:20px}

/* Desktop density: product chapters size to their content instead of a
   viewport-tall card. A fixed 90%-of-screen card centred ~500-650px of content
   and left 400-600px black bands between the price of one product and the
   image of the next on tall monitors. Mobile already used height:auto. */
@media(min-width:768px){
  html.vh-home-sticky .vh-home .vh-chapter-stage{height:auto;min-height:0}
  html.vh-home-sticky .vh-home .vh-chapter-stage>.vh-chapter{height:auto;min-height:0;padding-top:clamp(36px,3vw,48px);padding-bottom:clamp(36px,3vw,48px)}
}

/* "Uso real" video: the site-wide dot overlay (body::after, z-index 4) must not
   paint over the footage. The story section isolates, so lift the whole section;
   its transparent areas still show the dots underneath. */
.vh-home .vh-story:has(.vh-story-lifestyle-video){z-index:6}

/* Desktop: native column widths (title stays on two lines on notebooks), with a
   shorter, more panoramic frame. Cover keeps it full; focus on face and earbud. */
@media(min-width:768px){
  .vh-story-lifestyle-video{aspect-ratio:2.3/1}
  body.vh-system .vh-story-lifestyle-video video{object-fit:cover!important;object-position:center 25%}
}

/* SOURCE: vanhaus-catalog.css */
/* Señal de escasez: stock < 10 en la grilla (ver grid/item.tpl). Relleno
   solido + llamita animada, para que lea como urgencia y no como un tag
   informativo mas (antes con solo borde se confundia con ANC/GAMER). Mismo
   estilo en catalogo y en "Tambien te puede interesar" (PDP), que usa las
   mismas cards (vh-related-catalog) pero antes no tenia este CSS. */
.vh-system :is(.template-category .category-body,.vh-related-catalog) .vh-stock-badge{position:absolute;top:12px;left:12px;z-index:2;display:inline-flex;align-items:center;gap:5px;padding:6px 10px 6px 7px;border:0;border-radius:999px;background:#e5383b;color:#fff;font:800 10px/1 var(--vh-font-ui);letter-spacing:.03em;text-transform:uppercase;box-shadow:0 4px 12px rgba(229,56,59,.4);pointer-events:none}
.vh-system :is(.template-category .category-body,.vh-related-catalog) .vh-stock-badge::before{content:'🔥';font-size:11px;line-height:1;flex:0 0 auto;animation:vh-stock-pulse 1.4s ease-in-out infinite}
@keyframes vh-stock-pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.18)}}
@media(prefers-reduced-motion:reduce){.vh-system :is(.template-category .category-body,.vh-related-catalog) .vh-stock-badge::before{animation:none}}
@media(max-width:767px){.vh-system :is(.template-category .category-body,.vh-related-catalog) .vh-stock-badge{top:8px;left:8px;right:auto;padding:5px 8px 5px 7px;font-size:9px;max-width:calc(100% - 16px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}
/* En celulares chicos (~<360px) el nombre completo ("Últimas unidades") no
   entraba sin envolver — al envolver a 2 líneas la badge crecía en alto y
   se metía sobre el nombre/precio de abajo. Mas chica todavia + elipsis como
   ultimo recurso en vez de romper el layout. */
@media(max-width:359px){.vh-system :is(.template-category .category-body,.vh-related-catalog) .vh-stock-badge{padding:4px 7px 4px 6px;font-size:8px;gap:4px}}
.vh-system.template-category .page-header,.vh-system.template-search .page-header{padding:36px 0 24px}.vh-system.template-category h1,.vh-system.template-search h1{font-size:clamp(40px,5vw,72px)!important;color:var(--vh-text)!important}
.vh-system .category-controls{background:var(--vh-bg)!important;color:var(--vh-text)!important}.vh-system .category-controls .btn-default{color:var(--vh-text)!important;background:var(--vh-raised)!important}
.vh-system.template-category .category-controls,.vh-system.template-search .category-controls{background:transparent!important;box-shadow:none!important}
.vh-system .category-controls .form-select-icon,.vh-system .category-controls .form-select-icon svg{background:transparent!important;box-shadow:none!important;color:var(--vh-text)!important;fill:currentColor!important;stroke:currentColor!important}
.vh-system .category-controls :is(.form-select-icon,.sort-by-container,.js-sort-by) :is(svg,use,path){color:var(--vh-text)!important;fill:var(--vh-text)!important;stroke:var(--vh-text)!important}
.vh-system .category-controls :is(.form-select-icon,.sort-by-container,.js-sort-by){color:var(--vh-text)!important}
.vh-system .category-controls svg,.vh-system .category-controls svg *{color:var(--vh-text)!important;fill:var(--vh-text)!important;stroke:var(--vh-text)!important}
.vh-system .category-controls .form-select{color:var(--vh-text)!important}
.vh-system .js-product-table{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:0}.vh-system .js-product-table>.js-item-product{min-width:0;width:100%!important;max-width:none!important;padding:0!important;margin:0!important}
.vh-system .category-body .item,.vh-system.template-search .item,
.vh-system .vh-related-catalog .item{background:var(--vh-surface)!important;color:var(--vh-text)!important;border:1px solid var(--vh-border)!important;border-radius:18px!important;overflow:hidden;box-shadow:none!important;transition:transform .25s ease,opacity .25s ease}
.vh-system .category-body .item:hover,.vh-system.template-search .item:hover,
.vh-system .vh-related-catalog .item:hover{transform:translate3d(0,-4px,0);border-color:var(--vh-accent)!important;box-shadow:0 14px 30px #0006!important}
.vh-system .category-body .item-image,
.vh-system .vh-related-catalog .item-image{background:transparent!important;overflow:hidden}.vh-system.template-search .item-image{background:var(--vh-surface)!important;overflow:hidden}.vh-system .category-body .item-image img,.vh-system.template-search .item-image img,
.vh-system .vh-related-catalog .item-image img{transition:scale .45s ease}
.vh-system .category-body .item:hover .item-image img,
.vh-system .vh-related-catalog .item:hover .item-image img{scale:1.035}.vh-system .item-description{background:transparent!important;color:var(--vh-text)!important}
.vh-system .category-body .item-description,
.vh-system .vh-related-catalog .item-description{padding:22px 16px!important}.vh-system .category-body .item-name,.vh-system.template-search .item-name,
.vh-system .vh-related-catalog .item-name{color:var(--vh-text)!important;font-size:18px!important;line-height:1.25}.vh-system .category-body .vanhaus-grid-name-row,
.vh-system .vh-related-catalog .vanhaus-grid-name-row{min-height:48px;align-content:center}
.vh-system .category-body .item-price,.vh-system.template-search .item-price,
.vh-system .vh-related-catalog .item-price{font-size:26px!important;font-weight:900;color:var(--vh-text)!important;letter-spacing:-.03em}.vh-system .vanhaus-grid-category,.vh-system .vanhaus-grid-label{color:var(--vh-accent)!important;border-color:var(--vh-accent)!important}.vh-system .vanhaus-grid-benefit{color:var(--vh-muted)!important}
.vh-system .category-body .item-actions,
.vh-system .vh-related-catalog .item-actions{background:transparent!important;margin:0;padding:0 16px 22px!important;box-shadow:none!important}.vh-system .category-body .item-actions .btn-primary,
.vh-system .vh-related-catalog .item-actions .btn-primary{background:var(--vh-cta)!important;color:var(--vh-cta-ink)!important;border-color:var(--vh-cta)!important;border-radius:8px!important;box-shadow:none!important}
.vh-system .labels .label{border-radius:6px!important;background:#262831!important;border:1px solid #525461;color:var(--vh-text)!important;font-size:10px;transition:opacity .2s ease}
.vh-system .vh-card-variants{display:flex;justify-content:center;flex-wrap:wrap;gap:6px;padding:0 14px 20px}.vh-card-variants a{border:1px solid #555761;padding:5px 9px;font-size:11px;border-radius:6px}.vh-card-variants a:hover{border-color:var(--vh-accent);color:var(--vh-accent)}
.vh-system #filters{font-size:13px}.vh-system #filters .checkbox-container{padding:5px 0}.vh-system #filters input:checked~.checkbox-icon{background:var(--vh-accent)!important;border-color:var(--vh-accent)!important}.vh-system .chip{background:#202127!important;border:1px solid #4f515a!important;color:var(--vh-text)!important;border-radius:30px}.vh-system .vh-filter-apply{background:var(--vh-cta)!important;color:var(--vh-cta-ink)!important;border-color:var(--vh-cta)!important;box-shadow:none!important}
.vh-system #nav-filters{background:var(--vh-surface)!important;color:var(--vh-text)!important}.vh-system .js-load-more{display:inline-flex;align-items:center;padding:14px 30px}
@media(max-width:767px){.vh-system .js-product-table{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.vh-system .category-body .item-description,
.vh-system .vh-related-catalog .item-description{padding:18px 10px!important}.vh-system .category-body .item-name,.vh-system.template-search .item-name,
.vh-system .vh-related-catalog .item-name{font-size:15px!important}.vh-system .category-body .item-price,
.vh-system .vh-related-catalog .item-price{font-size:clamp(18px,5vw,22px)!important}.vh-system .category-body .item-actions,
.vh-system .vh-related-catalog .item-actions{padding:0 10px 16px!important}.vh-system .category-body .item-actions>.col-8,
.vh-system .vh-related-catalog .item-actions>.col-8{max-width:100%;flex-basis:100%}.vh-system .vh-card-variants{padding:0 8px 14px}.vh-system .category-body .vanhaus-grid-name-row,
.vh-system .vh-related-catalog .vanhaus-grid-name-row{min-height:60px}}

body.vh-system #filters .js-price-filter-container input.form-control,body.vh-system #nav-filters .js-price-filter-container input.form-control{background:#1a1a1a!important;border-color:#4b4d57!important;color:#f0f1f4!important}body.vh-system #filters .js-price-filter-btn,body.vh-system #nav-filters .js-price-filter-btn{background:var(--vh-cta)!important;color:var(--vh-cta-ink)!important;border-color:var(--vh-cta)!important}body.vh-system #filters .js-price-filter-btn:disabled,body.vh-system #nav-filters .js-price-filter-btn:disabled{background:#282a30!important;color:#b8b9c1!important;border-color:#444650!important}

/* Catalog rhythm and responsive density. Kept strictly scoped to the category page. */
.vh-system.template-category .page-header{padding:22px 0 14px;margin-bottom:10px}
.vh-system.template-category .vh-catalog-controls-row{margin-bottom:26px!important}
.vh-system.template-category .category-body .item,
.vh-system .vh-related-catalog .item{margin-bottom:0!important}
.vh-system.template-category .category-body .item-image,
.vh-system .vh-related-catalog .item-image{height:auto!important;max-height:none!important;aspect-ratio:1.5/1!important}
.vh-system.template-category .category-body .item-image :is(img,.item-image-slide),
.vh-system .vh-related-catalog .item-image :is(img,.item-image-slide){max-height:none!important}
.vh-system.template-category .category-body .vanhaus-grid-name-row,
.vh-system .vh-related-catalog .vanhaus-grid-name-row{min-height:42px;margin-bottom:7px!important;align-content:center}
.vh-system.template-category .vanhaus-grid-differential,
.vh-system .vh-related-catalog .vanhaus-grid-differential{display:-webkit-box;min-height:2.7em;margin:0 0 9px;overflow:hidden;color:var(--vh-muted);font-family:var(--vh-font-ui);font-size:12px;line-height:1.35;text-align:center;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.vh-system.template-category .category-body .item-price,
.vh-system .vh-related-catalog .item-price{font-size:24px!important}
.vh-system.template-category .category-body .item-price-container,
.vh-system .vh-related-catalog .item-price-container{margin-bottom:0!important}
.vh-system.template-category .category-body .item-installments,
.vh-system .vh-related-catalog .item-installments{margin:4px 0 0!important;color:var(--vh-muted)!important;font-family:var(--vh-font-ui)!important;font-size:11px!important;line-height:1.3}
.vh-system.template-category .category-body .vanhaus-grid-benefit,
.vh-system .vh-related-catalog .vanhaus-grid-benefit{margin-top:5px}
.vh-system.template-category .category-body .vh-card-variants,
.vh-system .vh-related-catalog .vh-card-variants{gap:5px;padding:0 12px 14px}
.vh-system.template-category .category-body .item-actions,.vh-system.template-category .category-body .item-rounded .item-actions,
.vh-system .vh-related-catalog .item-actions,
.vh-system .vh-related-catalog .item-rounded .item-actions{margin:0!important;padding:0 14px 16px!important}
.vh-system.template-category .category-body .item-actions .btn,
.vh-system .vh-related-catalog .item-actions .btn{display:flex!important;align-items:center;justify-content:center;min-height:42px;margin-bottom:0!important;padding-top:10px!important;padding-bottom:10px!important;text-align:center;line-height:1.15!important}
.vh-system.template-category .category-body .item,.vh-system.template-category .category-body .item-image,
.vh-system .vh-related-catalog .item,
.vh-system .vh-related-catalog .item-image{position:relative}
.vh-system.template-category .vanhaus-grid-use,
.vh-system .vh-related-catalog .vanhaus-grid-use{
  position:absolute;top:12px;right:12px;left:auto;bottom:auto;z-index:12;display:inline-flex;align-items:center;justify-content:center;
  min-height:27px;padding:0 10px;border-radius:7px;color:#fff;font:800 10px/1 var(--vh-font-ui);
  letter-spacing:.09em;box-shadow:0 10px 24px rgba(0,0,0,.35);pointer-events:none;transform:none;
}
.vh-system.template-category .vanhaus-grid-use-gamer,
.vh-system .vh-related-catalog .vanhaus-grid-use-gamer{background:#7c3aed}
.vh-system.template-category .vanhaus-grid-use-sport,
.vh-system .vh-related-catalog .vanhaus-grid-use-sport{background:#f97316}
.vh-system.template-category .vanhaus-grid-use-anc,
.vh-system .vh-related-catalog .vanhaus-grid-use-anc{background:#2563eb}
.vh-system.template-category .vanhaus-grid-use-daily,
.vh-system .vh-related-catalog .vanhaus-grid-use-daily{background:#64748b}
.vh-system.template-category .vanhaus-grid-use-health,
.vh-system .vh-related-catalog .vanhaus-grid-use-health{background:#14b8a6}
.vh-system.template-category .vanhaus-grid-use-hifi,
.vh-system .vh-related-catalog .vanhaus-grid-use-hifi{background:#d31f2f}

@media(min-width:768px) and (max-width:1279px){
  .vh-system.template-category .vh-catalog-sidebar,.vh-system.template-category .vh-catalog-desktop-controls{display:none!important}
  .vh-system.template-category .vh-catalog-filter-trigger,.vh-system.template-category .vh-catalog-mobile-applied{display:block!important}
  .vh-system.template-category .vh-catalog-filter-trigger,.vh-system.template-category .vh-catalog-sort{flex:0 0 50%;max-width:50%}
  .vh-system.template-category .vh-catalog-sort{margin-left:0!important}
  .vh-system.template-category .vh-catalog-grid-col{flex:0 0 100%;max-width:100%;padding-left:15px!important}
}
@media(min-width:768px) and (max-width:991px){
  .vh-system.template-category .js-product-table,
.vh-system .vh-related-catalog .js-product-table{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:767px){
  .vh-system.template-category .page-header{padding:18px 0 10px;margin-bottom:6px}
  .vh-system.template-category .vh-catalog-controls-row{margin-bottom:18px!important}
  .vh-system.template-category .category-body .item-image,
.vh-system .vh-related-catalog .item-image{aspect-ratio:1.08/1!important}
  .vh-system.template-category .category-body .vanhaus-grid-name-row,
.vh-system .vh-related-catalog .vanhaus-grid-name-row{min-height:38px;margin-bottom:6px!important}
  .vh-system.template-category .vanhaus-grid-differential,
.vh-system .vh-related-catalog .vanhaus-grid-differential{min-height:2.6em;margin-bottom:7px;font-size:10.5px;line-height:1.3}
  .vh-system.template-category .category-body .item-price,
.vh-system .vh-related-catalog .item-price{font-size:clamp(18px,4.8vw,22px)!important}
  .vh-system.template-category .category-body .item-installments,
.vh-system .vh-related-catalog .item-installments{font-size:9.5px!important}
  .vh-system.template-category .category-body .item-actions .btn,
.vh-system .vh-related-catalog .item-actions .btn{min-height:40px;padding:9px 5px!important}
}

/* ==========================================================================
   Catálogo — grilla equilibrada, densidad de card y CTA azul.
   Todo acotado a .template-category para no tocar buscador ni otras páginas.
   ========================================================================== */

/* La grilla pasa a flex sólo para que una última fila incompleta quede
   centrada en vez de amontonada a la izquierda con el hueco a la derecha.
   Con las filas completas el resultado es idéntico al grid anterior. */
.vh-system.template-category .js-product-table,
densidad de card y CTA azul.
   Todo acotado a .template-category para no tocar buscador ni otras páginas.
   ========================================================================== */


.vh-system .vh-related-catalog .js-product-table{display:flex!important;flex-wrap:wrap;justify-content:center;align-items:stretch;gap:20px}
.vh-system.template-category .js-product-table>.js-item-product,
.vh-system .vh-related-catalog .js-product-table>.js-item-product{flex:0 1 calc((100% - 42px)/3);min-width:0}
@media(min-width:768px) and (max-width:991px){
  .vh-system.template-category .js-product-table>.js-item-product,
.vh-system .vh-related-catalog .js-product-table>.js-item-product{flex-basis:calc((100% - 21px)/2)}
}
@media(max-width:767px){
  .vh-system.template-category .js-product-table,
.vh-system .vh-related-catalog .js-product-table{gap:12px}
  .vh-system.template-category .js-product-table>.js-item-product,
.vh-system .vh-related-catalog .js-product-table>.js-item-product{flex-basis:calc((100% - 12px)/2);min-width:152px}
}
/* Debajo de ~360px dos columnas dejan el nombre, las specs y el precio
   ilegibles: ahí se pasa a una sola columna. */
@media(max-width:359px){
  .vh-system.template-category .js-product-table>.js-item-product,
.vh-system .vh-related-catalog .js-product-table>.js-item-product{flex-basis:100%;min-width:0}
}

/* Ficha corta: dos datos como máximo, separados por un punto medio. */
.vh-system.template-category .vanhaus-grid-differential,
separados por un punto medio. */
.vh-system .vh-related-catalog .vanhaus-grid-differential{min-height:2.4em;margin:0 0 7px;-webkit-line-clamp:2}
.vh-system.template-category .vanhaus-grid-sep,
.vh-system .vh-related-catalog .vanhaus-grid-sep{color:var(--vh-accent);opacity:.75}
.vh-system.template-category .category-body .item-name,
.vh-system .vh-related-catalog .item-name{overflow-wrap:break-word;hyphens:none}

/* Compactación del bloque de texto (~9%). La foto no se toca. */
.vh-system.template-category .category-body .item-description,
.vh-system .vh-related-catalog .item-description{padding:13px 14px 9px!important}
.vh-system.template-category .category-body .vanhaus-grid-category,
.vh-system .vh-related-catalog .vanhaus-grid-category{margin-bottom:4px}
.vh-system.template-category .category-body .vanhaus-grid-name-row,
.vh-system .vh-related-catalog .vanhaus-grid-name-row{margin-bottom:6px!important}
.vh-system.template-category .category-body .item-installments,
.vh-system .vh-related-catalog .item-installments{margin-top:3px!important}
.vh-system.template-category .category-body .vh-card-variants,
.vh-system .vh-related-catalog .vh-card-variants{padding:0 12px 11px}
.vh-system.template-category .category-body .item-actions,.vh-system.template-category .category-body .item-rounded .item-actions,
.vh-system .vh-related-catalog .item-actions,
.vh-system .vh-related-catalog .item-rounded .item-actions{padding:0 14px 13px!important}

/* CTA secundario del sistema Vanhaus dentro de la card. */
.vh-system.template-category .category-body .vh-card-variants a,
.vh-system .vh-related-catalog .vh-card-variants a{background:transparent;border-color:var(--vh-cta-line);color:var(--vh-cta-ghost-ink)}
@media(hover:hover) and (pointer:fine){
  .vh-system.template-category .category-body .vh-card-variants a:hover,
.vh-system .vh-related-catalog .vh-card-variants a:hover{background:var(--vh-cta-line);border-color:var(--vh-cta-line);color:var(--vh-cta-ink)}
}

@media(max-width:767px){
  .vh-system.template-category .vanhaus-grid-differential,
.vh-system .vh-related-catalog .vanhaus-grid-differential{min-height:2.4em;margin-bottom:6px}
  .vh-system.template-category .category-body .item-description,
.vh-system .vh-related-catalog .item-description{padding:11px 9px 8px!important}
  .vh-system.template-category .category-body .vh-card-variants,
.vh-system .vh-related-catalog .vh-card-variants{padding:0 8px 9px}
  .vh-system.template-category .category-body .item-actions,.vh-system.template-category .category-body .item-rounded .item-actions,
.vh-system .vh-related-catalog .item-actions,
.vh-system .vh-related-catalog .item-rounded .item-actions{padding:0 9px 10px!important}
}

/* Hueco muerto en la card de mobile.
   El nombre y la ficha corta reservaban dos líneas cada uno (min-height) para
   que precio y botón quedaran a la misma altura entre las dos columnas. Con
   nombres de una línea, o con una ficha corta de un solo dato, esa reserva
   sobraba y dejaba un espacio vacío justo debajo del nombre.
   Ahora la card es una columna flex y el bloque de texto absorbe la
   diferencia: el sobrante se va abajo, contra el botón, en vez de abrirse en
   medio del texto, y los CTA de una misma fila siguen alineados. */
.vh-system.template-category .vanhaus-grid-differential:empty,
y los CTA de una misma fila siguen alineados. */
.vh-system .vh-related-catalog .vanhaus-grid-differential:empty{display:none;min-height:0;margin:0}
@media(max-width:767px){
  .vh-system.template-category .js-product-table>.js-item-product,
.vh-system .vh-related-catalog .js-product-table>.js-item-product{display:flex}
  .vh-system.template-category .js-product-table>.js-item-product>.js-product-container,
.vh-system .vh-related-catalog .js-product-table>.js-item-product>.js-product-container{display:flex;flex-direction:column;width:100%}
  .vh-system.template-category .category-body .item-description,
.vh-system .vh-related-catalog .item-description{display:flex;flex:1 1 auto;flex-direction:column}
  .vh-system.template-category .category-body .item-description>.item-link,
.vh-system .vh-related-catalog .item-description>.item-link{display:flex;flex:1 1 auto;flex-direction:column;width:100%}
  /* Precio y descuento permanecen juntos al pie del bloque de información. */
  .vh-system.template-category .category-body .vh-catalog-price-stack,
.vh-system .vh-related-catalog .vh-catalog-price-stack{display:flex;flex-direction:column;align-items:center;width:100%;margin-top:auto}
  /* Renglones estables: un nombre corto reserva el mismo espacio que uno de dos
     líneas y todas las fichas técnicas arrancan sobre la misma coordenada. */
  .vh-system.template-category .category-body .vanhaus-grid-name-row,
.vh-system .vh-related-catalog .vanhaus-grid-name-row{display:flex;align-items:flex-start;justify-content:center;height:38px;min-height:38px;overflow:hidden}
  .vh-system.template-category .category-body .vanhaus-grid-name-row .item-name,
.vh-system .vh-related-catalog .vanhaus-grid-name-row .item-name{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}
  .vh-system.template-category .vanhaus-grid-differential,
.vh-system .vh-related-catalog .vanhaus-grid-differential{display:-webkit-box;height:2.6em;min-height:2.6em;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}
  .vh-system.template-category .vanhaus-grid-differential:empty,
.vh-system .vh-related-catalog .vanhaus-grid-differential:empty{display:block;height:2.6em;min-height:2.6em;margin:0 0 6px;visibility:hidden}
}

/* El halo desborda la zona de productos sin tapar la trama de los espacios.
   Las tarjetas quedan por encima de la trama para que no cruce las fotos. */
body.vh-system.template-category section.category-body{
  position:relative;
  isolation:isolate;
  z-index:5;
  background-color:transparent!important;
  background-image:none!important;
}
body.vh-system.template-category section.category-body::before{
  content:"";
  position:absolute;
  inset:clamp(-240px,-14vw,-140px) 0 -80px;
  z-index:-1;
  pointer-events:none;
  background:radial-gradient(ellipse 82% 58% at 68% 30%,color-mix(in srgb,var(--vh-cta) 13%,transparent) 0%,color-mix(in srgb,var(--vh-cta) 7%,transparent) 38%,transparent 76%);
}
@media(max-width:767px){
  body.vh-system.template-category section.category-body::before{
    inset:-120px 0 -48px;
    background:radial-gradient(ellipse 138% 52% at 58% 26%,color-mix(in srgb,var(--vh-cta) 12%,transparent) 0%,color-mix(in srgb,var(--vh-cta) 6%,transparent) 40%,transparent 78%);
  }
}

/* PLP controls: native category URLs and sort component, presented without a sidebar. */
.vh-system.template-category .vh-plp-navigation{padding-top:2px;padding-bottom:20px}
.vh-system.template-category .vh-plp-navigation-row{display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--vh-border);padding-bottom:14px}
.vh-system.template-category .vh-plp-categories{display:flex;align-items:center;gap:18px;min-width:0;overflow-x:auto;scrollbar-width:none}.vh-system.template-category .vh-plp-categories::-webkit-scrollbar{display:none}
.vh-system.template-category .vh-plp-category-link{position:relative;display:inline-flex;min-height:36px;align-items:center;color:var(--vh-muted);font:600 13px/1 var(--vh-font-ui);text-decoration:none;white-space:nowrap}.vh-system.template-category .vh-plp-category-link::after{content:"";position:absolute;right:0;bottom:0;left:0;height:1px;background:var(--vh-accent);opacity:0;transform:scaleX(.45);transition:opacity .18s ease,transform .18s ease}.vh-system.template-category .vh-plp-category-link.is-active{color:var(--vh-text)}.vh-system.template-category .vh-plp-category-link.is-active::after{opacity:1;transform:scaleX(1)}
.vh-system.template-category .vh-plp-sort{flex:0 0 min(190px,40%);min-width:150px}.vh-system.template-category .vh-plp-sort .form-select{min-height:38px;border-color:var(--vh-border);background:transparent;color:var(--vh-text);font-size:13px}
.vh-system.template-category .vh-plp-sort .form-select{appearance:none;padding-right:38px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='m1 1 5 5 5-5' fill='none' stroke='%23d7dce4' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;background-size:12px 8px}.vh-system.template-category .vh-plp-sort .form-select-icon{display:none}
.vh-system.template-category .page-header{padding-top:20px;padding-bottom:10px}.vh-system.template-category h1{font-size:clamp(30px,3.4vw,46px)!important;letter-spacing:-.045em!important}
.vh-system.template-category .vh-catalog-grid-col{padding-right:0;padding-left:0}.vh-system.template-category .js-product-table,
.vh-system .vh-related-catalog .js-product-table{max-width:1240px;margin-inline:auto!important}
.vh-system .vh-related-catalog .vh-navigation-cta-card{width:100%;min-height:40px;padding:0 15px;border-color:var(--vh-cta-line);background:transparent;color:var(--vh-text);font-size:12px}
.vh-system .vh-related-catalog .vh-navigation-cta-card:hover{border-color:var(--vh-accent);background:color-mix(in srgb,var(--vh-accent) 8%,transparent)}
/* Catalogo: "Ver producto" queda con el mismo tratamiento grande/celeste que
   tenia "Agregar al carrito" antes de sacarlo (ver vh-btn-solid en
   vanhaus-home.css) — es el unico CTA de la card, tiene que leer como
   principal, no como link secundario. */
.vh-system.template-category .category-body .vh-navigation-cta-card{width:100%;min-height:44px;padding:0 15px;border:1px solid var(--vh-cta)!important;background:var(--vh-cta)!important;color:var(--vh-cta-ink)!important;font-size:13px;font-weight:800}
.vh-system.template-category .category-body .vh-navigation-cta-card:hover{filter:brightness(1.07)}
.vh-system.template-category .category-body .item-price-container,
.vh-system .vh-related-catalog .item-price-container{display:flex;align-items:center;justify-content:center;flex-wrap:wrap}.vh-system.template-category .vh-catalog-discount-inline .vh-discount-badge,
.vh-system .vh-related-catalog .vh-catalog-discount-inline .vh-discount-badge{min-height:20px;padding:0 6px;border-radius:5px;font-size:7px;box-shadow:none}.vh-system.template-category .vh-catalog-discount-inline .vh-discount-badge strong,
.vh-system .vh-related-catalog .vh-catalog-discount-inline .vh-discount-badge strong{font-size:11px}
.vh-system.template-category .vh-product-use-tag,
.vh-system .vh-related-catalog .vh-product-use-tag{--vh-product-use-color:#1b1e23;box-shadow:inset 0 0 0 1px #414752}
.vh-system.template-category :is(.vanhaus-grid-use,.vanhaus-grid-use-inline).vh-product-use-tag,
.vh-system .vh-related-catalog :is(.vanhaus-grid-use,.vanhaus-grid-use-inline).vh-product-use-tag{background:#1b1e23!important;border-color:#414752!important;color:#e6eaf0!important;box-shadow:none}
.vh-system.template-category .vh-catalog-transfer-price,
.vh-system .vh-related-catalog .vh-catalog-transfer-price{margin:5px 0 0;color:var(--vh-muted);font-size:12px;line-height:1.35}.vh-system.template-category .vh-catalog-transfer-price :is(strong,b),
.vh-system .vh-related-catalog .vh-catalog-transfer-price :is(strong,b){color:var(--vh-text)}
.vh-system.template-category .vh-plp-footer-separator{width:min(100% - 48px,1240px);height:2px;margin:58px auto 0;background:linear-gradient(90deg,transparent,rgba(162,190,254,.9),transparent);box-shadow:0 0 22px rgba(162,190,254,.28)}
@media(max-width:767px){.vh-system.template-category .vh-plp-navigation{padding-bottom:16px}.vh-system.template-category .vh-plp-navigation-row{display:grid;grid-template-columns:1fr;gap:10px;padding-bottom:12px}.vh-system.template-category .vh-plp-categories{gap:16px;margin-right:-20px;padding-right:20px}.vh-system.template-category .vh-plp-category-link{min-height:40px}.vh-system.template-category .vh-plp-sort{width:min(100%,220px);min-width:0}.vh-system.template-category .vh-plp-sort .form-select{min-height:42px}.vh-system .vh-related-catalog .vh-navigation-cta-card{min-height:40px;padding-inline:10px;font-size:11px}.vh-system.template-category .category-body .vh-navigation-cta-card{min-height:44px;padding-inline:10px;font-size:12px}.vh-system.template-category .vh-catalog-transfer-price,
.vh-system .vh-related-catalog .vh-catalog-transfer-price{font-size:10px}}

@media(max-width:767px){
  .vh-system.template-category .category-body .vh-catalog-price-stack,
.vh-system .vh-related-catalog .vh-catalog-price-stack{
    margin-bottom:auto;
    padding-bottom:10px;
  }
  .vh-system.template-category .category-body .vh-catalog-discount-inline,
.vh-system .vh-related-catalog .vh-catalog-discount-inline{
    display:flex;
    justify-content:center;
    width:100%;
    margin:8px 0 0!important;
  }
}
.vh-category-guide{max-width:860px;margin:72px auto 88px;padding:32px;border:1px solid rgba(255,255,255,.14);border-radius:20px;background:#151515;color:#e8e8e8}
.vh-category-guide h2{margin:0 0 20px;font-size:clamp(24px,3vw,34px);line-height:1.2;color:#fff}
.vh-category-guide h3{margin:28px 0 12px;font-size:20px;line-height:1.3;color:#fff}
.vh-category-guide p{margin:0 0 14px;line-height:1.7}
.vh-category-guide a{color:inherit;text-decoration:underline;text-underline-offset:3px}
@media(max-width:767px){.vh-category-guide{margin:48px auto 64px;padding:24px 20px}}

/* SOURCE: vanhaus-product.css */
.vh-system .vh-product{background:var(--vh-bg);color:var(--vh-text);padding-bottom:100px}.vh-product-breadcrumb{padding-top:25px;padding-bottom:25px;font-size:12px}
/* Separador entre reseñas / "También te pueden interesar" / footer — mismo
   estilo que .vh-plp-footer-separator del catálogo. Sin scope de template
   para que tambien aparezca en mobile. */
.vh-pdp-section-separator{width:min(100% - 48px,1240px);height:1px;margin:0 auto;background:linear-gradient(90deg,transparent,rgba(162,190,254,.6),transparent)}
@media(max-width:767px){.vh-pdp-section-separator{width:min(100% - 32px,1240px)}}
/* La franja "sin foto" abajo del contenedor tambien aparecia en desktop
   (el fix anterior solo estaba dentro de @media max-width:767px). Cuadrado
   forzado en cualquier ancho, no solo mobile. */
body.vh-system.template-product .vh-native-gallery .product-image-container{
  aspect-ratio:1/1!important;height:auto!important;overflow:hidden!important;
}
/* Los dots de paginacion (mobile) quedaban pegados a la izquierda: Swiper les
   fija "left"/"width" por JS pensados para la posicion original (debajo de
   la foto); al moverlos arriba de la foto con bottom, faltaba forzar que
   ocupen todo el ancho y centren su contenido. */
body.vh-system.template-product .vh-native-gallery .js-swiper-product-pagination{
  left:0!important;right:0!important;width:100%!important;
  display:flex!important;justify-content:center!important;align-items:center!important;
}
/* La regla "Agregar otro"/"Ver carrito" se movio a vanhaus-refinements.css:
   ese archivo carga despues (system,home,catalog,product,cart,pages,
   placeholders,refinements) y el boton nativo tiene su propio box-shadow con
   !important mas abajo en este mismo modulo — aca perdia esa pulseada en
   desktop y el boton se seguia viendo "lleno". */
.vh-product-hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:stretch;gap:5vw;max-width:1380px;margin:auto;padding:20px 24px 80px}
.vh-product-art{position:sticky;top:130px;display:flex;flex-direction:column;align-self:stretch;min-width:0}.vh-product-art .vh-media{min-height:480px;max-height:78svh;border:1px solid var(--vh-border);border-radius:24px;background:#111113}
.vh-product-purchase{min-width:0;padding-top:18px}.vh-system .vh-product .vh-pdp-heading h1{font-size:clamp(36px,4.8vw,72px);max-width:none;color:var(--vh-text);font-weight:900;letter-spacing:-.06em}.vh-pdp-kicker-with-tag{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.vh-pdp-title-tag{display:inline-flex!important;align-items:center;justify-content:center;min-height:18px;padding:4px 7px;border-radius:6px;background:var(--vh-product-use-color,#64748b);color:#fff!important;font:700 10px/1 var(--vh-font-ui);letter-spacing:.08em;vertical-align:middle;white-space:nowrap;text-transform:uppercase;box-shadow:0 8px 18px rgba(0,0,0,.28)}.vh-product-use-tag-gamer{--vh-product-use-color:#7c3aed}.vh-product-use-tag-sport{--vh-product-use-color:#f97316}.vh-product-use-tag-anc{--vh-product-use-color:#2563eb}.vh-product-use-tag-daily{--vh-product-use-color:#64748b}.vh-product-use-tag-health{--vh-product-use-color:#14b8a6}.vh-system .vh-product .price-container{padding:26px 0;border-top:1px solid var(--vh-border);border-bottom:1px solid var(--vh-border)}
.vh-product-use-tag-hifi{--vh-product-use-color:#d31f2f}
.vh-system .vh-product #price_display{color:var(--vh-text)!important;font-size:clamp(46px,5vw,76px)!important;font-weight:900;letter-spacing:-.055em}
.vh-pdp-rating{display:inline-flex;align-items:center;gap:9px;margin:12px 0 4px;color:var(--vh-muted)!important;font-family:var(--vh-font-ui);font-size:13px;line-height:1.35;text-decoration:none!important;transition:color .18s ease}.vh-pdp-rating-stars{color:#f5b800;font-size:16px;letter-spacing:.08em;text-shadow:0 0 12px rgba(245,184,0,.2)}.vh-pdp-rating strong{color:var(--vh-text);font-weight:700}.vh-pdp-rating:hover,.vh-pdp-rating:focus-visible{color:var(--vh-text)!important}.vh-pdp-rating:focus-visible{outline:2px solid var(--vh-accent);outline-offset:4px;border-radius:3px}
.vh-system .vh-product #product_form .btn-primary{min-height:56px;background:var(--vh-cta)!important;border-color:var(--vh-cta)!important;color:var(--vh-cta-ink)!important;border-radius:10px!important;box-shadow:none!important;font-size:14px}
.vh-system .vh-product #product_form .btn-primary:disabled{background:#262831!important;color:#b5b6c0!important;border-color:#484a54!important}
.vh-system .vh-product .vh-pdp-whatsapp{border-radius:10px;color:var(--vh-text)!important;border-color:#4f515b;background:transparent}.vh-system .vh-product .vh-pdp-purchase-signal{color:var(--vh-muted)}
.vh-system .vh-product .vh-pdp-quantity-control{background:var(--vh-raised);border-color:#555761;border-radius:10px}.vh-system .vh-product .vh-pdp-quantity-control button,.vh-system .vh-product .vh-pdp-quantity-control input{color:var(--vh-text)}
.vh-pdp-meta-row{display:grid;grid-template-columns:minmax(0,1fr) 168px;align-items:end;gap:16px;margin-bottom:14px}.vh-pdp-meta-copy{min-width:0}.vh-pdp-meta-row .vh-pdp-quantity{width:168px;max-width:168px;padding:0;align-self:end}.vh-pdp-meta-row .vh-pdp-quantity-control{width:100%}
.vh-system .vh-product .btn-variant{display:inline-flex;border:1px solid #565863;border-radius:8px;min-height:44px;align-items:center;justify-content:center;padding:10px 14px;background:var(--vh-surface);color:var(--vh-text);margin:0 6px 8px 0}.vh-system .vh-product .btn-variant.selected{border-color:var(--vh-accent);color:var(--vh-accent);box-shadow:inset 0 0 0 1px var(--vh-accent)}
.vh-system .vh-variants-enhanced .vh-variant-native{display:none}.vh-system .vh-product .btn-variant-color{min-width:48px}.vh-system .vh-product .btn-variant-content-square{width:44px;height:44px;position:relative;display:block}.vh-system .vh-product .btn-variant-content-square img{max-height:44px;object-fit:contain}
/* Orbis Ring / Studio Pro: compact, labelled options above the native buy CTA. */
body.vh-system.template-product .vh-product .vh-choice-group{flex:0 0 100%;max-width:100%;padding:0;margin-bottom:14px!important}
body.vh-system.template-product .vh-product .vh-choice-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 11px;font:600 13px/1.3 var(--vh-font-ui)}
body.vh-system.template-product .vh-product .vh-choice-title{color:var(--vh-text);font-weight:800}
body.vh-system.template-product .vh-product .vh-choice-selected{color:var(--vh-muted);font-size:12px;white-space:nowrap}
body.vh-system.template-product .vh-product .vh-choice-selected strong{color:var(--vh-text);font-weight:700}
body.vh-system.template-product .vh-product .vh-choice-options{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}
body.vh-system.template-product .vh-product .vh-choice-group .btn-variant{width:100%;min-width:0;min-height:50px;margin:0!important;padding:8px;border:1px solid #596578;border-radius:10px;background:#171b25;color:var(--vh-text);box-shadow:none;text-decoration:none;transition:border-color .18s ease,background .18s ease,box-shadow .18s ease}
body.vh-system.template-product .vh-product .vh-choice-group .btn-variant:hover{border-color:#b4c9fb;background:#222b3c;color:#fff}
body.vh-system.template-product .vh-product .vh-choice-group .btn-variant.selected{border:2px solid #a9c2ff;background:#a9c2ff18;color:#e6efff;box-shadow:none;font-weight:800}
body.vh-system.template-product .vh-product .vh-choice-group .btn-variant:focus-visible{outline:2px solid #e8f0ff;outline-offset:3px}
body.vh-system.template-product .vh-product .vh-choice-sizes .btn-variant-content{font-size:15px;line-height:1}
body.vh-system.template-product .vh-product .vh-choice-colors .vh-choice-options{grid-template-columns:repeat(2,minmax(0,1fr))}
body.vh-system.template-product .vh-product .vh-choice-colors .vh-color-option{display:flex;justify-content:flex-start;gap:10px;min-height:58px;padding:7px 11px;text-align:left}
body.vh-system.template-product .vh-product .vh-color-thumb{display:flex;align-items:center;justify-content:center;width:36px;height:36px;flex:none;border:1px solid #667184;border-radius:50%;background:#0c0e13;overflow:hidden}
body.vh-system.template-product .vh-product .vh-color-thumb img{display:block;width:100%;height:100%;object-fit:contain;transform:scale(.85)}
body.vh-system.template-product .vh-product .vh-color-name{min-width:0;color:var(--vh-text);font-size:13px;font-weight:700}
body.vh-system.template-product .vh-product .vh-color-check{visibility:hidden;margin-left:auto;color:#a9c2ff;font-size:18px;line-height:1}
body.vh-system.template-product .vh-product .vh-color-option.selected .vh-color-check{visibility:visible}
@media(max-width:575px){
  body.vh-system.template-product .vh-product .vh-choice-options{gap:5px}
  body.vh-system.template-product .vh-product .vh-choice-group .btn-variant{min-height:46px;padding:6px 4px}
  body.vh-system.template-product .vh-product .vh-choice-colors .vh-color-option{min-height:54px;padding:6px 8px;gap:7px}
  body.vh-system.template-product .vh-product .vh-color-thumb{width:32px;height:32px}
}
.vh-product-story{display:grid;grid-template-columns:1fr 1fr;gap:28px;padding:70px 0;border-top:1px solid var(--vh-border)}.vh-story-heading{grid-column:1/-1}.vh-story-heading h2{font-size:clamp(38px,5vw,76px);margin:0 0 20px}.vh-product-story>[data-vh-spec-host]{grid-column:1/-1}.vh-product-story .vh-specs{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin:0}.vh-product-story .vh-spec{min-height:200px;padding:28px;justify-content:space-between}.vh-product-story .vh-spec dd{font-size:clamp(32px,5vw,76px)}
.vh-product-description{grid-column:1/-1;max-width:100%;padding:28px;border:1px solid var(--vh-border);border-radius:20px;background:var(--vh-surface);overflow-wrap:anywhere}.vh-product-description img{max-width:100%;height:auto}
/* La tarjeta ocupa el ancho completo (asi combina con el resto de bloques del
   PDP), pero el texto en si no deberia superar ~60-75 caracteres por linea —
   arriba de eso cuesta seguir el renglon. ch se ajusta solo al tamaño de fuente. */
.vh-product-description :is(p,li,h1,h2,h3,h4,h5,h6){max-width:72ch}
.vh-system .vh-product [data-vh-product-reveal].vh-will-reveal{opacity:0;transform:translate3d(0,16px,0);transition:opacity .36s ease-out,transform .36s cubic-bezier(.22,.75,.25,1);transition-delay:var(--reveal-delay,0ms)}.vh-system .vh-product [data-vh-product-reveal].vh-is-visible{opacity:1;transform:none}
.vh-native-gallery{padding-top:40px;padding-bottom:70px}.vh-system .vh-native-gallery .product-image-container,.vh-system .vh-native-gallery .nube-slider-product,.vh-system .vh-native-gallery .swiper-slide,.vh-system .vh-native-gallery .product-thumb{background:var(--vh-surface)!important;border-color:var(--vh-border)}
.vh-system .vh-native-gallery .swiper-pagination-bullet{background:var(--vh-accent)!important}.vh-system .vh-native-gallery .product-thumb.selected{border-color:var(--vh-accent)!important;box-shadow:none}
.vh-system .vh-product-art.vh-native-gallery .product-image-container,.vh-system .vh-product-art.vh-native-gallery .nube-slider-product,.vh-system .vh-product-art.vh-native-gallery .swiper-wrapper,.vh-system .vh-product-art.vh-native-gallery .swiper-slide,.vh-system .vh-product-art.vh-native-gallery .js-product-slide-link{background:transparent!important}
.vh-product-art.vh-native-gallery{padding-top:0;padding-bottom:0}.vh-product-art .vh-pdp-gallery{align-items:flex-start;margin:0 0 14px}.vh-product-art .vh-gallery-rail{max-height:min(39vw,72svh,560px);padding-left:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--vh-accent) transparent}.vh-product-art .vh-gallery-rail .product-thumb{width:100%!important;height:clamp(64px,6.1vw,92px)!important;min-height:0!important;padding-bottom:0!important;flex:0 0 auto;transform:none!important;contain:layout paint}.vh-product-art .vh-gallery-rail .product-thumb:hover,.vh-product-art .vh-gallery-rail .product-thumb.selected{transform:none!important}.vh-product-art .vh-gallery-rail .product-thumb img{width:100%;height:100%;object-fit:cover;object-position:center}.vh-product-art .product-image-container{min-width:0;overflow:hidden;border:1px solid var(--vh-border);border-radius:24px}.vh-product-art .product-image-container .js-product-slide-link{aspect-ratio:1/1;padding-bottom:0!important}.vh-product-art .product-image-container .product-slider-image{width:100%;height:100%;object-fit:cover;object-position:center}
.vh-system .vh-product-dock{position:fixed;z-index:110;right:auto;bottom:calc(22px + env(safe-area-inset-bottom) + var(--vh-cookie-offset,0px));left:50%;transform:translate3d(-50%,14px,0);width:min(820px,calc(100% - 64px));display:flex;align-items:center;justify-content:space-between;gap:18px;padding:8px 12px 8px 18px;background:#15171aee;border:1px solid #3d4148;border-radius:12px;box-shadow:0 8px 24px #0007;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,transform .2s ease,visibility 0s linear .2s}
.vh-system .vh-product-dock.is-visible{opacity:1;visibility:visible;pointer-events:auto;transform:translate3d(-50%,0,0);transition-delay:0s}
.vh-product-dock>div{min-width:0}.vh-product-dock span,.vh-product-dock strong{display:block}.vh-product-dock span{max-width:330px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px;color:var(--vh-muted)}.vh-product-dock strong{font-size:27px;letter-spacing:-.04em;font-weight:900}.vh-product-dock button{flex:0 0 auto;border:0;border-radius:9px;min-width:230px;min-height:46px;padding:10px 24px;background:var(--vh-cta);color:var(--vh-cta-ink);font:700 13px/1 var(--vh-font-ui)}.vh-product-dock button:disabled{background:#30323a;color:#b3b5be}
/* Antes reservaba 124px fijos abajo de TODA la pagina "por si" la pildora de
   compra sticky tapaba el footer — pero esa pildora ya se oculta sola via JS
   cuando el footer entra en pantalla (dockFooterVisible en
   vanhaus-interactions.js), asi que el padding quedaba como espacio gris
   muerto despues del copyright, sin ningun contenido pidiendolo. */
.vh-system.template-product .section-products-related .vh-pdp-related-title{color:var(--vh-text)!important}
.vh-product-reviews{padding:40px 0 72px;border-top:1px solid var(--vh-border);scroll-margin-top:100px}.vh-reviews-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:24px}.vh-reviews-heading h2{max-width:780px;margin:0;font-size:clamp(34px,4.6vw,64px)}
.vh-reviews-summary{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 0;border-top:1px solid #30323a;border-bottom:1px solid #30323a}.vh-reviews-score{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.vh-reviews-stars,.vh-review-stars{color:var(--vh-accent);letter-spacing:.08em}.vh-reviews-stars{font-size:25px;line-height:1}.vh-reviews-score strong{font-size:18px;color:var(--vh-text)}.vh-reviews-example-note{max-width:460px;margin:0;color:var(--vh-muted);font-size:12px;line-height:1.5;text-align:right}
.vh-reviews-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:20px}.vh-review-card{min-width:0;padding:20px;border:1px solid color-mix(in srgb,var(--vh-accent) 28%,var(--vh-border));background:linear-gradient(145deg,color-mix(in srgb,var(--vh-accent) 7%,#191b1e),#131416);border-radius:14px}.vh-review-card header{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px}.vh-review-card header strong{min-width:0;color:var(--vh-text);font-size:13px;line-height:1.35}.vh-review-avatar{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--vh-accent);border-radius:50%;color:var(--vh-accent);font-size:12px;font-weight:700}.vh-review-example{padding:4px 6px;border:1px solid #454851;border-radius:5px;color:var(--vh-muted);font-size:9px;letter-spacing:.1em;text-transform:uppercase}.vh-review-stars{margin:16px 0 8px;font-size:16px}.vh-review-card>p:last-child{margin:0;color:#c7cad2;font-size:14px;line-height:1.65}
.vh-reviews-heading{display:block;text-align:left}.vh-reviews-heading .vh-kicker{margin:0 0 10px}.vh-reviews-heading h2{margin:0;text-align:left}.vh-reviews-summary{border-color:color-mix(in srgb,var(--vh-accent) 42%,#30323a);background:linear-gradient(90deg,color-mix(in srgb,var(--vh-accent) 10%,transparent),transparent 62%)}
.vh-reviews-stars,.vh-review-stars{color:#f5b800!important;text-shadow:0 0 14px rgba(245,184,0,.22)}.vh-review-card{position:relative;overflow:hidden;border-color:color-mix(in srgb,var(--vh-accent) 52%,#d8dbe0);background:#fff;box-shadow:0 14px 34px rgba(0,0,0,.2)}.vh-review-card::before{content:'';position:absolute;top:0;right:0;left:0;height:4px;background:linear-gradient(90deg,var(--vh-accent),#a2befe)}.vh-review-card header strong{color:#17191d}.vh-review-avatar{border-color:var(--vh-accent);background:color-mix(in srgb,var(--vh-accent) 18%,#fff);color:#111318}.vh-review-example{border-color:color-mix(in srgb,var(--vh-accent) 58%,#b7bdc6);background:color-mix(in srgb,var(--vh-accent) 12%,#fff);color:#252931}.vh-review-card>p:last-child{color:#40454d}
@media(max-width:767px){.vh-product-hero{grid-template-columns:1fr;padding:0 20px 40px;gap:22px}.vh-product-art{position:relative;top:auto}.vh-product-art .vh-media{min-height:0;max-height:48svh;aspect-ratio:1.1}.vh-product-art .vh-gallery-rail{max-height:60svh}.vh-product-art .product-image-container{border-radius:16px}.vh-pdp-meta-row{grid-template-columns:minmax(0,1fr) 124px;gap:10px;margin-bottom:12px}.vh-pdp-meta-row .vh-pdp-quantity{width:124px;max-width:124px}.vh-product-purchase{padding:0}.vh-system .vh-product .vh-pdp-heading h1{font-size:42px}.vh-pdp-rating{margin-top:9px;font-size:12px}.vh-pdp-rating-stars{font-size:14px}.vh-product-story{padding-top:26px;gap:18px}.vh-product-description{padding:20px}.vh-product-story .vh-specs{grid-template-columns:repeat(2,minmax(0,1fr))}.vh-product-story .vh-spec{padding:18px;min-height:150px}.vh-system .vh-product-dock{right:16px;bottom:calc(12px + var(--vh-cookie-offset,0px) + env(safe-area-inset-bottom));left:16px;width:auto;transform:translate3d(0,18px,0);border-radius:14px;padding:8px 10px 8px 14px;gap:10px}.vh-system .vh-product-dock.is-visible{transform:translate3d(0,0,0)}.vh-product-dock span{max-width:38vw;font-size:10px}.vh-product-dock strong{font-size:21px}.vh-product-dock button{min-width:0;min-height:44px;padding:9px 14px;max-width:52%;font-size:11px}.vh-native-gallery .product-image-container{max-width:100%}.vh-product-reviews{padding:28px 0 36px;scroll-margin-top:76px}.vh-reviews-heading{display:block}.vh-reviews-heading .vh-kicker{margin-bottom:10px}.vh-reviews-heading h2{font-size:36px}.vh-reviews-summary{display:block}.vh-reviews-example-note{margin-top:14px;text-align:left}.vh-reviews-list{grid-template-columns:1fr}.vh-review-card{padding:18px}}

@media(prefers-reduced-motion:reduce){.vh-system .vh-product-dock{transition:none}}

/* Compact purchase header: payment at left; quantity and stock form one clear
   vertical control at right. Remove the legacy gap above the PDP atmosphere. */
body.vh-system.template-product #single-product{padding-top:0!important}
.vh-pdp-meta-row{align-items:start}
.vh-pdp-meta-side{display:flex;min-width:0;flex-direction:column;align-items:stretch;gap:8px}
.vh-pdp-meta-side .vh-pdp-quantity{width:100%;max-width:none;align-self:stretch}
.vh-pdp-meta-side .vh-pdp-purchase-signals{width:100%;margin:0!important;padding:0 2px}
.vh-pdp-meta-side .vh-pdp-purchase-signal{justify-content:center;white-space:nowrap}
@media(max-width:767px){.vh-pdp-meta-side{gap:7px}.vh-pdp-meta-side .vh-pdp-purchase-signal{justify-content:flex-start;font-size:10px}.vh-product-breadcrumb{padding-top:10px;padding-bottom:10px}}

/* Compact related-product system: product, one real benefit, price and one clear CTA. */
body.vh-system.template-product .section-products-related{margin:0!important;padding:52px 0 58px!important;background:#101113!important;border-top:1px solid var(--vh-border)}
body.vh-system.template-product .section-products-related .vh-pdp-related-title{margin:0 0 24px!important;text-align:left!important;font-size:clamp(28px,3vw,40px)!important}
body.vh-system.template-product .section-products-related .swiper-slide{padding:7px!important}
body.vh-system.template-product .section-products-related .item{display:flex;height:auto!important;align-self:flex-start;margin:0!important;padding:0!important;flex-direction:column;overflow:hidden;border:1px solid #30323a!important;border-radius:16px!important;background:#16181b!important}
body.vh-system.template-product .section-products-related .item-image{width:100%!important;height:210px!important;min-height:0!important;overflow:hidden!important;border-radius:0!important;background:radial-gradient(circle at 50% 44%,#24272d,#131518 72%)!important}
body.vh-system.template-product .section-products-related .item-image :is(img,.vh-related-floating-media img){width:100%!important;height:100%!important;object-fit:contain!important;padding:14px!important;filter:drop-shadow(0 14px 18px #0007)!important}
body.vh-system.template-product .section-products-related .item-description{min-height:0!important;padding:14px 14px 8px!important;text-align:left!important}
body.vh-system.template-product .section-products-related .vanhaus-grid-category{margin-bottom:5px!important;color:var(--vh-accent)!important}
body.vh-system.template-product .section-products-related .vanhaus-grid-name-row{justify-content:flex-start!important;min-height:38px!important;margin-bottom:6px!important}
body.vh-system.template-product .section-products-related .vanhaus-grid-name-row .item-name{font-size:16px!important;line-height:1.2;text-align:left}
body.vh-system.template-product .section-products-related .vanhaus-grid-label{display:none!important}
body.vh-system.template-product .section-products-related .vh-related-benefit{display:-webkit-box;min-height:2.7em;margin:0 0 9px;overflow:hidden;color:var(--vh-muted);font:400 11px/1.35 var(--vh-font-ui);text-align:left;-webkit-box-orient:vertical;-webkit-line-clamp:2}
body.vh-system.template-product .section-products-related .item-price-container{margin:0!important;text-align:left}
body.vh-system.template-product .section-products-related .item-price{color:var(--vh-text)!important;font-size:23px!important;font-weight:900!important}
body.vh-system.template-product .section-products-related .vh-card-variants{display:none!important}
body.vh-system.template-product .section-products-related .item-actions{position:relative!important;display:flex!important;min-height:0!important;margin:0!important;padding:8px 14px 14px!important;justify-content:flex-start!important;visibility:visible!important;opacity:1!important;background:transparent!important;box-shadow:none!important}
body.vh-system.template-product .section-products-related .item-actions>div{flex:0 0 100%!important;max-width:100%!important}
body.vh-system.template-product .section-products-related .item-actions .btn-primary{min-height:42px;margin:0!important;border-radius:9px!important;background:var(--vh-cta)!important;border-color:var(--vh-cta)!important;color:var(--vh-cta-ink)!important;font-size:12px!important}
@media(max-width:767px){body.vh-system.template-product .section-products-related{padding:40px 0 44px!important}body.vh-system.template-product .section-products-related .vh-pdp-related-title{margin-bottom:18px!important;padding:0 20px;text-align:left!important;font-size:28px!important}body.vh-system.template-product .section-products-related .item-image{height:158px!important}body.vh-system.template-product .section-products-related .item-description{padding:12px 11px 7px!important}body.vh-system.template-product .section-products-related .vanhaus-grid-name-row{min-height:34px!important}body.vh-system.template-product .section-products-related .vanhaus-grid-name-row .item-name{font-size:13px!important}body.vh-system.template-product .section-products-related .vh-related-benefit{font-size:10px}body.vh-system.template-product .section-products-related .item-price{font-size:20px!important}body.vh-system.template-product .section-products-related .item-actions{padding:7px 11px 11px!important}}

@media(max-width:767px){
  body.vh-system.template-product .vh-product-art.vh-native-gallery{
    width:100%;
    max-width:100%;
    overflow:hidden;
  }
  body.vh-system.template-product .vh-product-art .vh-pdp-gallery{
    display:flex;
    width:100%;
    max-width:100%;
    margin-right:0!important;
    margin-left:0!important;
    align-items:stretch;
    flex-wrap:wrap;
  }
  body.vh-system.template-product .vh-native-gallery .vh-gallery-rail{
    order:2;
    flex:0 0 100%!important;
    width:100%!important;
    max-width:100%!important;
    display:flex;
    gap:8px;
    margin:10px 0 0!important;
    padding:0!important;
    overflow-x:auto;
    overflow-y:hidden;
  }
  body.vh-system.template-product .vh-native-gallery .vh-gallery-rail .product-thumb{
    flex:0 0 58px!important;
    width:58px!important;
    height:58px!important;
    margin:0!important;
  }
  body.vh-system.template-product .vh-native-gallery .product-image-container{
    order:1;
    flex:0 0 100%!important;
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    aspect-ratio:1/1!important;
    height:auto!important;
    overflow:hidden!important;
  }
  {# Swiper posiciona los dots por JS con un "top" en px calculado para que
     queden DEBAJO de la foto, reservando ~22px extra de alto en el
     contenedor — esa franja reservada, sin foto, es la "linea abajo" que se
     reportaba. Los dots pasan a superponerse sobre la foto (como en el
     catalogo de reseñas) en vez de tener su propio espacio. #}
  body.vh-system.template-product .vh-native-gallery .js-swiper-product-pagination{
    top:auto!important;bottom:10px!important;
  }
  body.vh-system.template-product .vh-native-gallery .nube-slider-product,
  body.vh-system.template-product .vh-native-gallery .swiper-wrapper,
  body.vh-system.template-product .vh-native-gallery .swiper-slide,
  body.vh-system.template-product .vh-native-gallery .js-product-slide-link{
    width:100%!important;
    max-width:100%!important;
  }
  body.vh-system.template-product .vh-native-gallery .product-image-container .js-product-slide-link{
    aspect-ratio:1/1;
    height:auto!important;
  }

  body.vh-system.template-product .section-products-related .item-description,
  body.vh-system.template-product .section-products-related .vanhaus-grid-category-row,
  body.vh-system.template-product .section-products-related .vanhaus-grid-name-row,
  body.vh-system.template-product .section-products-related .vh-related-benefit,
  body.vh-system.template-product .section-products-related .item-price-container{
    text-align:center!important;
    justify-content:center!important;
  }
  body.vh-system.template-product .section-products-related .vanhaus-grid-name-row{
    display:flex!important;
    align-items:center!important;
  }
  body.vh-system.template-product .section-products-related .vanhaus-grid-name-row .item-name{
    width:100%;
    text-align:center!important;
  }
  body.vh-system.template-product .section-products-related .item-actions{
    justify-content:center!important;
  }
}

/* Visible continuation cue; selected thumbnails follow the native gallery. */
.vh-pdp-gallery{position:relative}
.vh-gallery-more{position:absolute;left:0;top:calc(min(39vw,72svh,560px) - 30px);width:calc(16.6667% - 15px);height:30px;z-index:3;border:0;border-radius:0 0 10px 10px;background:linear-gradient(transparent,#11141b 40%);color:#a2befe;cursor:pointer;font-size:22px;line-height:24px;padding:0}
.vh-gallery-more[hidden]{display:none}
.vh-gallery-more:focus-visible{outline:2px solid #a2befe;outline-offset:2px}
@media(max-width:767px){.vh-gallery-more{left:auto;right:0;top:auto;bottom:0;width:30px;height:58px;border-radius:0 8px 8px 0;background:linear-gradient(90deg,transparent,#11141b 40%)}}

.vh-ring-size-table{width:100%;border-collapse:collapse;color:#f2f3f5;font:400 14px/1.4 var(--vh-font-ui,"Open Sans",Arial,sans-serif);text-align:center}.vh-ring-size-table th,.vh-ring-size-table td{padding:10px 14px}.vh-ring-size-table thead th{font-weight:600;color:#a2befe;font-size:12px}.vh-ring-size-table tbody th{font-weight:600}.vh-ring-size-table tbody tr{border-top:1px solid #ffffff14}

/* Visible size help and validation, without adding PDP sections. */
.vh-choice-sizes .vh-ring-size-guide{padding:8px 14px;border:1px solid #a2befe;border-radius:8px;color:#c4d5ff!important;background:#a2befe14;text-decoration:underline;text-underline-offset:3px;font-weight:700}
[data-vh-size-error]{color:#ffd1c8;font-size:14px;margin:12px 0 0}
/* Product film: black footage blended into the page. */
body.template-product .vh-product-hero-video{position:relative;z-index:6;isolation:isolate;width:100%;margin:24px 0;background:transparent;opacity:1;border:0;box-shadow:none;grid-column:1 / -1}
body.template-product .vh-product-hero-video :is(.vh-hero-video,.vh-hero-poster){display:block;width:min(100%,130vh);margin-inline:auto;aspect-ratio:2 / 1;object-fit:cover;object-position:center;border-radius:0;background:transparent;opacity:1;mix-blend-mode:normal;filter:none}
body.template-product .vh-product-hero-video .vh-hero-poster{height:auto}
body.template-product .vh-product-hero-video .vh-hero-video{position:absolute;inset:0;height:100%;visibility:hidden}
body.template-product #vh-product-story:has([data-vh-hero-video]) .vh-story-heading{margin-bottom:0}
body.template-product #vh-product-story:has([data-vh-hero-video]){row-gap:0}
body.template-product #vh-product-story:has([data-vh-hero-video]) .vh-story-heading h2{margin-bottom:0}
body.template-product #vh-product-story:has([data-vh-hero-video]) [data-vh-spec-host]{border:0;margin-top:0;padding-top:0}
@media(max-width:767px){body.template-product .vh-product-hero-video :is(.vh-hero-video,.vh-hero-poster){width:100%;aspect-ratio:16 / 9;object-position:center;border-radius:0}}
body.template-product .vh-product-hero-video.is-playing .vh-hero-video{visibility:visible}
body.template-product .vh-product-hero-video.is-playing .vh-hero-poster{visibility:hidden}
@media(prefers-reduced-motion:reduce){body.template-product .vh-product-hero-video .vh-hero-video{display:none}}
/* Ring size selection: one initial prompt and centered controls. */
html body.vh-system #single-product [data-vh-size-required][data-vh-size-chosen="false"] .vh-choice-selected{display:none}
html body.vh-system #single-product .vh-choice-sizes .vh-size-option{display:flex;align-items:center;justify-content:center;height:50px;padding:0;box-sizing:border-box}
html body.vh-system #single-product .vh-choice-sizes .vh-size-option .btn-variant-content{display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:0;margin:0;line-height:1;position:static;transform:none}
html body.vh-system #single-product .vh-choice-sizes .vh-choice-heading .vh-ring-size-guide{display:inline-flex;align-items:center;justify-content:center;gap:8px;flex:0 0 auto;width:auto;min-height:44px;padding:8px 14px;margin:0 0 0 auto;border:1px solid #a2befe60;border-radius:24px;background:#a2befe0a;color:#c4d5ff!important;text-decoration:none;font-size:13px;font-weight:600;line-height:1.2}
html body.vh-system #single-product .vh-choice-sizes .vh-choice-heading .vh-ring-size-guide:hover{background:#a2befe1a;border-color:#a2befe}
@media(max-width:767px){html body.vh-system #single-product .vh-choice-sizes .vh-choice-heading .vh-ring-size-guide{flex-basis:auto;margin:8px auto 4px}html body.vh-system #single-product .vh-choice-sizes .vh-choice-heading{display:flex;flex-wrap:wrap;justify-content:center}html body.vh-system #single-product .vh-choice-sizes .vh-choice-title{flex-basis:100%;text-align:left}}
html body.vh-system #single-product .vh-choice-sizes .vh-choice-heading .vh-ring-size-guide{padding:4px 0;border:0;border-radius:0;background:transparent;font-size:13px;gap:6px;text-decoration:underline;text-underline-offset:4px}
html body.vh-system #single-product .vh-choice-sizes .vh-choice-heading .vh-ring-size-guide:hover{background:transparent;color:#e6efff!important}
html body.vh-system #single-product .vh-choice-sizes .vh-size-option{height:50px;border:1px solid #ffffff38;background:#0a0a0a;border-radius:8px;color:#eff1f3;font-weight:500;box-shadow:none}
html body.vh-system #single-product .vh-choice-sizes .vh-size-option .btn-variant-content{font-size:16px;font-weight:inherit}
html body.vh-system #single-product .vh-choice-sizes .vh-size-option:hover{border-color:#a2befe90;background:#a2befe0a}
html body.vh-system #single-product .vh-choice-sizes .vh-size-option.selected{border:1px solid #a2befe;background:#a2befe18;color:#e6efff;font-weight:700;box-shadow:inset 0 0 0 1px #a2befe}
@media(max-width:767px){html body.vh-system #single-product .vh-choice-sizes .vh-choice-heading .vh-choice-selected{flex-basis:100%;text-align:left}}
/* PDP selectores 20261012: talles del Orbis Ring y colores con foto */
html body.vh-system #single-product .js-product-variants.form-row:has(> .vh-choice-group){margin-left:0;margin-right:0}
html body.vh-system #single-product .vh-choice-group .vh-choice-heading{display:flex!important;flex-wrap:nowrap!important;align-items:center;justify-content:space-between!important;gap:12px;margin:0 0 12px!important}
html body.vh-system #single-product .vh-choice-group .vh-choice-title{flex:1 1 auto!important;min-width:0;text-align:left;color:var(--vh-text);font:700 15px/1.2 var(--vh-font-ui)}
html body.vh-system #single-product .vh-choice-group .vh-choice-title strong{color:var(--vh-text);font-weight:700}
html body.vh-system #single-product .vh-choice-group .vh-choice-count{flex:0 0 auto;color:var(--vh-muted);font:400 12.5px/1.2 var(--vh-font-ui)}
html body.vh-system #single-product .vh-choice-sizes .vh-choice-title .vh-choice-selected{display:inline;color:inherit;font:inherit;white-space:normal}
html body.vh-system #single-product .vh-choice-sizes[data-vh-size-chosen="false"] .vh-choice-title .vh-choice-selected,html body.vh-system #single-product .vh-choice-sizes[data-vh-size-chosen="true"] .vh-choice-pending{display:none}
html body.vh-system #single-product .vh-choice-pending{color:#a2befe;font-weight:500}
html body.vh-system #single-product .vh-choice-group.vh-choice-sizes .vh-choice-heading .vh-ring-size-guide{position:static;display:inline-flex!important;align-items:center;gap:8px;flex:0 0 auto!important;width:auto;min-height:40px;padding:0 14px 0 12px!important;margin:0 0 0 auto!important;border:1px solid #a2befe66!important;border-radius:999px!important;background:#0c0d0f!important;color:#d6e2ff!important;font:600 13px/1 var(--vh-font-ui)!important;text-decoration:none!important;white-space:nowrap;transition:background .18s ease,border-color .18s ease}
html body.vh-system #single-product .vh-choice-group.vh-choice-sizes .vh-choice-heading .vh-ring-size-guide:hover{border-color:#a2befe!important;background:#141518!important;color:#fff!important}
html body.vh-system #single-product .vh-ring-size-guide-chev{margin-left:-2px;opacity:.7}
html body.vh-system #single-product .vh-choice-group.vh-choice-sizes .vh-choice-options{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px!important}
html body.vh-system #single-product .vh-choice-group.vh-choice-sizes .vh-size-option{position:relative;opacity:1;height:56px;min-height:56px;border:1px solid #ffffff2e;border-radius:10px;background:#0c0d0f;color:#eff1f3;font-weight:600;box-shadow:none;overflow:visible}
html body.vh-system #single-product .vh-choice-group.vh-choice-sizes .vh-size-option .btn-variant-content{font-size:19px;font-weight:600}
html body.vh-system #single-product .vh-choice-group.vh-choice-sizes .vh-size-option:hover{border-color:#ffffff66;background:#141518}
html body.vh-system #single-product .vh-choice-group.vh-choice-sizes .vh-size-option.selected{border:1.5px solid #a2befe;background:#0e0f12;color:#fff;box-shadow:0 0 0 3px #a2befe14}
html body.vh-system #single-product .vh-choice-group.vh-choice-sizes .vh-size-option.selected::after,html body.vh-system #single-product .vh-choice-group.vh-choice-colors .vh-color-check{content:"";position:absolute;top:-6px;right:-6px;width:18px;height:18px;margin:0;border-radius:50%;background:#a2befe url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230b0d12' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/11px no-repeat;box-shadow:0 0 0 3px #0a0a0a;pointer-events:none}
html body.vh-system #single-product .vh-size-hint{display:flex;align-items:center;gap:12px;margin-top:12px;padding:12px 14px;border:1px dashed #ffffff2a;border-radius:10px;background:#ffffff05;color:#9aa1ab;font:400 13px/1.45 var(--vh-font-ui)}
html body.vh-system #single-product .vh-size-hint strong{color:#eff1f3;font-weight:600}
html body.vh-system #single-product .vh-size-hint a{color:#a2befe!important;font-weight:600;text-decoration:underline;text-underline-offset:3px;white-space:nowrap}
html body.vh-system #single-product .vh-size-hint-icon{display:grid;place-items:center;flex:0 0 34px;height:34px;border-radius:9px;background:#a2befe14;color:#a2befe}
html body.vh-system #single-product .vh-size-hint-icon svg{grid-area:1/1}
html body.vh-system #single-product .vh-size-hint-ring,html body.vh-system #single-product .vh-size-hint-measures{display:none}
html body.vh-system #single-product [data-vh-size-chosen="true"] .vh-size-hint-known{border-style:solid;border-color:#ffffff2e;background:#0c0d0f}
html body.vh-system #single-product [data-vh-size-chosen="true"] .vh-size-hint-known :is(.vh-size-hint-help,.vh-size-hint-ruler){display:none}
html body.vh-system #single-product [data-vh-size-chosen="true"] .vh-size-hint-known .vh-size-hint-ring{display:block}
html body.vh-system #single-product [data-vh-size-chosen="true"] .vh-size-hint-known .vh-size-hint-measures{display:block}
html body.vh-system #single-product .vh-size-hint-values{display:flex;flex-wrap:wrap;gap:2px 18px;margin-top:3px}
html body.vh-system #single-product .vh-size-hint-values b{color:#eff1f3;font-weight:600}
html body.vh-system #single-product .vh-choice-group.vh-choice-colors .vh-choice-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px!important}
html body.vh-system #single-product .vh-choice-group.vh-choice-colors .vh-color-option{position:relative;opacity:1;display:flex;align-items:center;justify-content:flex-start;gap:14px;min-height:88px;padding:8px 34px 8px 8px;border:1px solid #ffffff2e;border-radius:12px;background:#0c0d0f;text-align:left;box-shadow:none}
html body.vh-system #single-product .vh-choice-group.vh-choice-colors .vh-color-option:hover{border-color:#ffffff66;background:#141518}
html body.vh-system #single-product .vh-choice-group.vh-choice-colors .vh-color-option.selected{border:1.5px solid #a2befe;background:#0e0f12;box-shadow:0 0 0 3px #a2befe14}
html body.vh-system #single-product .vh-choice-colors .vh-color-thumb{width:72px;height:72px;flex:0 0 72px;border:0;border-radius:9px;background:radial-gradient(circle at 50% 40%,#232428,#101113 70%)}
html body.vh-system #single-product .vh-choice-colors .vh-color-thumb img{padding:4px;object-fit:contain;transform:none}
html body.vh-system #single-product .vh-color-meta{display:flex;flex-direction:column;gap:6px;min-width:0}
html body.vh-system #single-product .vh-choice-colors .vh-color-name{color:var(--vh-text);font:600 15px/1.2 var(--vh-font-ui)}
html body.vh-system #single-product .vh-color-state{display:flex;align-items:center;gap:7px;color:#9aa1ab;font:400 12px/1.2 var(--vh-font-ui)}
html body.vh-system #single-product .vh-color-state-text{display:none}
html body.vh-system #single-product .vh-color-option.selected .vh-color-state-text{display:inline;color:#c9d7ff}
html body.vh-system #single-product .vh-color-dot{width:14px;height:14px;flex:0 0 14px;border-radius:50%;background:#3a3f48;box-shadow:inset 0 0 0 1px #ffffff4d}
html body.vh-system #single-product .vh-color-dot[data-vh-color="negro"]{background:#2e3036}
html body.vh-system #single-product .vh-color-dot:is([data-vh-color="plata"],[data-vh-color="plateado"]){background:linear-gradient(135deg,#f2f3f5,#9ea3ab)}
html body.vh-system #single-product .vh-color-dot[data-vh-color="blanco"]{background:#f2f3f5}
html body.vh-system #single-product .vh-color-dot[data-vh-color="gris"]{background:#7c8189}
html body.vh-system #single-product .vh-choice-group.vh-choice-colors .vh-color-check{top:10px;right:10px;width:20px;height:20px;background-size:12px;box-shadow:none;visibility:hidden}
html body.vh-system #single-product .vh-choice-group.vh-choice-colors .vh-color-option.selected .vh-color-check{visibility:visible}
html body.vh-system.template-product #single-product #product_form input.js-addtocart.vh-buy-wait,html body.vh-system.template-product #single-product #product_form input.js-addtocart.vh-buy-wait:hover{border:1px solid #a2befe59!important;background:#0e0f12!important;background-image:none!important;color:#c4d5ff!important;-webkit-text-fill-color:#c4d5ff!important;box-shadow:none!important;animation:none!important;text-transform:none!important;letter-spacing:.01em!important;font-weight:600!important}
@media(max-width:575px){html body.vh-system #single-product .vh-choice-group.vh-choice-sizes .vh-choice-options{gap:6px!important}html body.vh-system #single-product .vh-choice-group.vh-choice-sizes .vh-size-option{height:52px;min-height:52px;border-radius:9px}html body.vh-system #single-product .vh-choice-group.vh-choice-sizes .vh-size-option .btn-variant-content{font-size:18px}html body.vh-system #single-product .vh-choice-group.vh-choice-colors .vh-color-option{min-height:76px;gap:10px;padding:8px 28px 8px 8px}html body.vh-system #single-product .vh-choice-colors .vh-color-thumb{width:60px;height:60px;flex-basis:60px}html body.vh-system #single-product .vh-choice-colors .vh-color-name{font-size:14px}html body.vh-system #single-product .vh-choice-group.vh-choice-colors .vh-color-check{top:7px;right:7px;width:18px;height:18px;background-size:11px}html body.vh-system #single-product .vh-color-option.selected .vh-color-state-text{display:none}}

/* The ellipse keeps all four film corners inside its solid 62% core.
   240% > sqrt(2) / .62; match the mobile film ratio as well. */
body.template-product .vh-product-hero-video::before{
  content:"";position:absolute;z-index:-1;pointer-events:none;
  left:50%;top:50%;width:min(240%,312vh);aspect-ratio:2/1;transform:translate(-50%,-50%);
  background:radial-gradient(closest-side,#0a0a0a 62%,rgba(10,10,10,0) 100%);
}
@media(max-width:767px){body.template-product .vh-product-hero-video::before{aspect-ratio:16/9}}
/* Preserve the pre-18/10 text-only highlights, including their existing dividers. */
body.vh-system.template-product #vh-product-story .vh-spec,
body.vh-system.template-product #vh-product-story .vh-spec:hover{background:none!important;border:0!important;box-shadow:none!important}


/* Keep the heading and figures above the halo extending from the film. */
body.template-product #vh-product-story :is(.vh-story-heading,[data-vh-spec-host]){position:relative;z-index:7}

/* Keep information and unboxing above the film halo on tall screens too. */
body.vh-system.template-product .vh-information{position:relative;z-index:7}

/* Feather compression variations at the film perimeter into the black halo. */
body.template-product .vh-product-hero-video :is(.vh-hero-video,.vh-hero-poster){
  mask-image:linear-gradient(to right,transparent,#000 6%,#000 94%,transparent),linear-gradient(to bottom,transparent,#000 6%,#000 94%,transparent);
  mask-composite:intersect;
}

/* Product descriptors approved in the buying preview. */
.vh-system .vh-product .vh-pdp-category-line{margin:12px 0 4px;color:#b8c2d1;font-family:var(--vh-font-ui,"Open Sans",sans-serif);font-size:15px;font-weight:500;line-height:1.55;letter-spacing:0;max-width:46ch;text-wrap:pretty}.vh-system .vh-product .vh-pdp-category-line+.vh-pdp-rating{margin-top:9px}@media(max-width:767px){.vh-system .vh-product .vh-pdp-category-line{font-size:14px;margin-top:10px;max-width:100%}}

/* SOURCE: vanhaus-cart.css */
/* Design tokens del carrito (drawer + pagina de carrito completa: ambos entran
   en este pase). El tema ya define --vh-accent y --vh-cta-line con estos
   mismos valores hex en otro contexto — se reusan por var() en vez de repetir
   el hex. --vh-cart-* son tokens nuevos que no existian en el tema. */
body.vh-system :is(#modal-cart,#shoppingCartPage){
  --vh-periwinkle:var(--vh-accent,#A2BEFE);
  --vh-steel:var(--vh-cta-line,#7D92BC);
  --vh-surface:#1c1c1e;
  --vh-raised:#222326;
  --vh-border:#3a3b42;
  --vh-text:#EFF1F3;
  --vh-text-soft:rgba(239,241,243,.70);
  --vh-text-mute:rgba(239,241,243,.55);
  --vh-success:var(--vh-benefit-green,#65df91);
  --vh-radius-lg:12px;
  --vh-radius-sm:8px;
  /* Nuevos, sin equivalente previo en el tema: */
  --vh-cart-scrim:rgba(0,0,0,.6);
  --vh-cart-danger-bg:#2a1618;
  --vh-cart-danger-border:#5c2c2f;
  --vh-cart-danger-text:#ff9b9b;
  --vh-cart-placeholder:rgba(239,241,243,.45);
  --vh-cart-selected-tint:rgba(162,190,254,.08);
}
.vh-system :is(#modal-cart,#shoppingCartPage),
.vh-system :is(#modal-cart,#shoppingCartPage) :is(button,input,select,textarea,label,summary,.btn,p,span,strong,small,a){
  font-family:var(--vh-font-ui)!important;
}
.vh-system :is(#modal-cart,#shoppingCartPage) :is(h1,h2,h3,h4,h5,h6,.cart-item-name){
  font-family:var(--vh-font-display)!important;
}
.vh-system #modal-cart,.vh-system #modal-cart .modal-header,.vh-system #modal-cart .modal-body,.vh-system #modal-cart .modal-footer{background:var(--vh-surface)!important;color:var(--vh-text)!important;border-color:var(--vh-border)!important}
.vh-system #modal-cart :is(a,h1,h2,h3,h4,h5,h6,strong,small,span,p,label){color:var(--vh-text)!important}
.vh-system #shoppingCartPage :is(a,h1,h2,h3,h4,h5,h6,strong,small,span,p,label){color:var(--vh-text)!important}
.vh-system #modal-cart .cart-row,.vh-system #modal-cart .cart-summary{background:transparent!important;color:var(--vh-text)}.vh-system #modal-cart .cart-item{padding:20px 0;border-bottom:1px solid var(--vh-border)}.vh-system #modal-cart .cart-item-name{font-size:15px;font-weight:700;letter-spacing:-.02em}.vh-system #modal-cart .cart-item-name small{display:block;margin-top:5px;color:var(--vh-text-soft);font-size:11px;font-weight:400}.vh-system #modal-cart .cart-item-subtotal{color:var(--vh-text);font-size:20px;font-weight:800}
.vh-system :is(#modal-cart,#shoppingCartPage) .vh-cart-price-label{display:block;margin:6px 0 2px;color:var(--vh-text-soft)!important;font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.vh-system :is(#modal-cart,#shoppingCartPage) .js-cart-item-subtotal-compare-price-container{display:none!important}
.vh-system #modal-cart .btn-primary,.vh-system #shoppingCartPage .btn-primary{min-height:50px;border:0!important;border-radius:10px!important;background:#A2BEFE!important;box-shadow:none!important;color:#0a0a0a!important;font-size:14px;font-weight:900;transition:none!important}
.vh-system #modal-cart .alert-info{background:var(--vh-raised);border-color:var(--vh-border);color:var(--vh-text-soft)}
.vh-system #shoppingCartPage{padding:30px;border:1px solid var(--vh-border);border-radius:18px;background:var(--vh-surface)!important;color:var(--vh-text)}.vh-system #shoppingCartPage .box{background:var(--vh-raised)!important;border-color:var(--vh-border)!important;color:var(--vh-text)}.vh-system .vh-cart-unit .js-cart-item-unit-price{display:inline;font-size:inherit;color:inherit}
.vh-system .vh-cart-empty{display:grid;min-height:280px;padding:38px 20px;place-content:center;justify-items:center;text-align:center;color:var(--vh-text)}.vh-system .vh-cart-empty svg{width:34px;height:34px;margin-bottom:15px;fill:#A2BEFE;color:#A2BEFE}.vh-system .vh-cart-empty h2{margin:0 0 8px;font-size:24px;font-weight:800}.vh-system .vh-cart-empty p{margin:0 0 20px;color:var(--vh-text-soft)}.vh-system .vh-cart-continue{display:inline-flex;align-items:center;gap:7px;color:#A2BEFE!important;font-size:13px;font-weight:800;text-decoration:none}.vh-system .vh-cart-continue:hover{text-decoration:underline}.vh-system #modal-cart .vh-cart-empty{min-height:220px;padding:28px 16px}.vh-system #modal-cart .vh-cart-empty h2{font-size:20px}
/* Boton real (no un link subrayado) para "Ver productos" en el carrito vacio. */
body.vh-system #modal-cart .vh-cart-continue-btn{
  display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 24px;margin-top:4px;
  background:var(--vh-periwinkle,#A2BEFE);color:#000!important;border-radius:var(--vh-radius-lg,12px);
  font-size:13px;font-weight:800;text-decoration:none;
}
body.vh-system #modal-cart .vh-cart-continue-btn:hover{background:var(--vh-steel,#7D92BC)}
/* Beneficios generales del sitio, centrados, en el espacio que dejaba libre el carrito vacio. */
body.vh-system #modal-cart .vh-cart-empty-perks{
  display:flex;justify-content:center;align-items:center;gap:20px;width:100%;margin-top:28px;padding-top:24px;border-top:1px solid var(--vh-border,#3a3b42);
}
body.vh-system #modal-cart .vh-cart-empty-perk{display:flex;flex-direction:column;align-items:center;text-align:center;gap:2px;flex:1 1 0;min-width:0}
body.vh-system #modal-cart .vh-cart-empty-perk strong{color:var(--vh-success,#65df91);font-size:14px;font-weight:800;line-height:1.25;white-space:nowrap}
body.vh-system #modal-cart .vh-cart-empty-perk span{color:var(--vh-text-mute,rgba(239,241,243,.55));font-size:11px;font-weight:500;line-height:1.3}
@media(max-width:359px){body.vh-system #modal-cart .vh-cart-empty-perks{gap:10px}body.vh-system #modal-cart .vh-cart-empty-perk strong{font-size:12px}}

/* Full-width payment bar, visually aligned with the product-page payment card. */
.vh-system :is(#modal-cart,#shoppingCartPage) .vh-cart-trust{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;column-gap:20px;row-gap:10px;width:100%;box-sizing:border-box;margin:18px 0 14px;padding:14px 16px;border:1px solid var(--vh-border);border-radius:10px;background:var(--vh-raised)!important;color:var(--vh-text)!important}
.vh-system :is(#modal-cart,#shoppingCartPage) .vh-cart-trust>strong{flex:0 0 100%;font-size:13px;font-weight:800;color:var(--vh-text)}.vh-system :is(#modal-cart,#shoppingCartPage) .vh-cart-provider{display:flex;align-items:center;gap:8px;padding:0}.vh-system :is(#modal-cart,#shoppingCartPage) .vh-cart-provider img{width:62px;height:34px;object-fit:contain;background:#fff;border-radius:6px;padding:4px 6px;box-sizing:border-box}.vh-system :is(#modal-cart,#shoppingCartPage) .vh-cart-provider span{display:none}
.vh-system :is(#modal-cart,#shoppingCartPage) .vh-cart-trust-logos{display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-end;gap:14px;min-width:0;margin:0}.vh-system :is(#modal-cart,#shoppingCartPage) .vh-cart-trust-logos img{width:48px;height:30px;padding:4px 6px;border:0;border-radius:6px;background:#fff;object-fit:contain;box-sizing:border-box}.vh-system :is(#modal-cart,#shoppingCartPage) .vh-cart-other-payments,.vh-system :is(#modal-cart,#shoppingCartPage) .vh-cart-trust-seal{flex:0 0 100%}.vh-system :is(#modal-cart,#shoppingCartPage) .vh-cart-other-payments{margin:2px 0 0;color:var(--vh-text-soft);font-size:11px;text-align:right}.vh-system :is(#modal-cart,#shoppingCartPage) .vh-cart-other-payments summary{color:var(--vh-text-soft);cursor:pointer}.vh-system :is(#modal-cart,#shoppingCartPage) .vh-cart-trust-seal{max-width:130px;max-height:56px;margin-top:4px;object-fit:contain}

/* High-contrast quantity controls on the light transaction surface. */
.vh-system :is(#modal-cart,#shoppingCartPage) .form-quantity{width:132px;overflow:hidden;border:1px solid var(--vh-border)!important;border-radius:10px;background:var(--vh-surface)!important;color:var(--vh-text)!important}.vh-system :is(#modal-cart,#shoppingCartPage) .form-quantity>.row{flex-wrap:nowrap!important}.vh-system :is(#modal-cart,#shoppingCartPage) .form-quantity .form-control-container{min-width:0;padding:0!important;flex:1 1 auto}.vh-system :is(#modal-cart,#shoppingCartPage) .form-quantity-icon{display:flex;min-width:38px;min-height:38px;padding:0!important;align-items:center;justify-content:center;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:var(--vh-text)!important}.vh-system :is(#modal-cart,#shoppingCartPage) .form-quantity-icon svg,.vh-system :is(#modal-cart,#shoppingCartPage) .cart-item svg{fill:var(--vh-text)!important;color:var(--vh-text)!important}.vh-system :is(#modal-cart,#shoppingCartPage) .form-quantity input{width:100%;min-width:0;min-height:38px;padding:0!important;border:0!important;background:transparent!important;color:var(--vh-text)!important;font-weight:800}.vh-system :is(#modal-cart,#shoppingCartPage) .divider{border-color:var(--vh-border)!important}
@media(max-width:767px){.vh-system #modal-cart .modal-body{padding:20px}.vh-system #shoppingCartPage{padding:20px 16px}.vh-system #modal-cart .cart-item-name{font-size:14px}.vh-system :is(#modal-cart,#shoppingCartPage) .vh-cart-trust{column-gap:12px;row-gap:9px;padding:12px}.vh-system :is(#modal-cart,#shoppingCartPage) .vh-cart-trust-logos{justify-content:flex-start}}

/* Bug: el crossfade nativo entre "Calculá tu envío" (form) y "Entregas para
   el CP:" (with-zip) solo cambia z-index/pointer-events (.transition-up /
   .transition-up-active en el tema base) — el que sale nunca baja opacity a 0,
   asi que si mide mas alto que el que entra, se le sigue viendo el texto por
   detras. Se fuerza opacity/visibility explicitos en las dos capas. */
.vh-system :is(#modal-cart,#shoppingCartPage) :is(.js-shipping-calculator-with-zipcode,.js-shipping-calculator-form){
  opacity:0!important;visibility:hidden!important;transition:opacity .25s ease,visibility 0s linear .25s!important;
}
.vh-system :is(#modal-cart,#shoppingCartPage) :is(.js-shipping-calculator-with-zipcode,.js-shipping-calculator-form).transition-up-active{
  opacity:1!important;visibility:visible!important;transition:opacity .25s ease!important;
}

/* Shipping calculator on the light cart surface. */
.vh-system :is(#modal-cart,#shoppingCartPage) [data-store="shipping-calculator"],
.vh-system :is(#modal-cart,#shoppingCartPage) .shipping-calculator-head,
.vh-system :is(#modal-cart,#shoppingCartPage) .shipping-calculator-form,
.vh-system :is(#modal-cart,#shoppingCartPage) .js-shipping-calculator-with-zipcode,
.vh-system :is(#modal-cart,#shoppingCartPage) .js-shipping-calculator-response{
  color:var(--vh-text)!important;
}
.vh-system :is(#modal-cart,#shoppingCartPage) [data-store="shipping-calculator"] .form-label,
.vh-system :is(#modal-cart,#shoppingCartPage) [data-store="shipping-calculator"] :is(label,span,strong,a,p,small){
  color:var(--vh-text)!important;
}
.vh-system :is(#modal-cart,#shoppingCartPage) [data-store="shipping-calculator"] .form-label{
  display:flex;align-items:center;gap:8px;margin-bottom:10px!important;font-size:13px;font-weight:800;
}
.vh-system :is(#modal-cart,#shoppingCartPage) [data-store="shipping-calculator"] svg{
  fill:var(--vh-text)!important;color:var(--vh-text)!important;
}
.vh-system :is(#modal-cart,#shoppingCartPage) [data-store="shipping-calculator"] .form-row{
  margin-right:0!important;margin-left:0!important;
}
.vh-system :is(#modal-cart,#shoppingCartPage) [data-store="shipping-calculator"] .form-control-container,
.vh-system :is(#modal-cart,#shoppingCartPage) [data-store="shipping-calculator"] .form-group{
  min-width:0;margin-bottom:0!important;
}
.vh-system :is(#modal-cart,#shoppingCartPage) [data-store="shipping-calculator"] input.form-control,
.vh-system :is(#modal-cart,#shoppingCartPage) [data-store="shipping-calculator"] .form-control{
  width:100%!important;min-height:46px!important;border:1px solid var(--vh-border)!important;border-radius:10px 0 0 10px!important;
  background:var(--vh-surface)!important;color:var(--vh-text)!important;font-size:15px!important;font-weight:700!important;box-shadow:none!important;
}
.vh-system :is(#modal-cart,#shoppingCartPage) [data-store="shipping-calculator"] input.form-control::placeholder{
  color:var(--vh-cart-placeholder)!important;font-weight:500!important;opacity:1!important;
}
.vh-system :is(#modal-cart,#shoppingCartPage) [data-store="shipping-calculator"] input.form-control:focus{
  border-color:var(--vh-periwinkle)!important;background:var(--vh-surface)!important;outline:none!important;box-shadow:0 0 0 3px rgba(162,190,254,.25)!important;
}
.vh-system :is(#modal-cart,#shoppingCartPage) [data-store="shipping-calculator"] .js-calculate-shipping,
.vh-system :is(#modal-cart,#shoppingCartPage) [data-store="shipping-calculator"] .js-shipping-calculator-change-zipcode{
  min-height:40px!important;border:1px solid var(--vh-border)!important;border-radius:0 10px 10px 0!important;
  background:var(--vh-surface)!important;color:var(--vh-text)!important;font-size:12px!important;font-weight:850!important;box-shadow:none!important;
}
.vh-system :is(#modal-cart,#shoppingCartPage) [data-store="shipping-calculator"] .js-calculate-shipping :is(span,strong),
.vh-system :is(#modal-cart,#shoppingCartPage) [data-store="shipping-calculator"] .js-calculate-shipping svg{
  color:var(--vh-text)!important;fill:var(--vh-text)!important;
}
.vh-system :is(#modal-cart,#shoppingCartPage) [data-store="shipping-calculator"] .js-calculate-shipping:hover,
.vh-system :is(#modal-cart,#shoppingCartPage) [data-store="shipping-calculator"] .js-shipping-calculator-change-zipcode:hover{
  background:var(--vh-raised)!important;border-color:var(--vh-periwinkle)!important;color:var(--vh-text)!important;
}
.vh-system :is(#modal-cart,#shoppingCartPage) [data-store="shipping-calculator"] .js-calculate-shipping:hover :is(span,strong,svg),
.vh-system :is(#modal-cart,#shoppingCartPage) [data-store="shipping-calculator"] .js-shipping-calculator-change-zipcode:hover :is(span,strong,svg){
  color:var(--vh-text)!important;fill:var(--vh-text)!important;
}
.vh-system :is(#modal-cart,#shoppingCartPage) [data-store="shipping-calculator"] .text-primary,
.vh-system :is(#modal-cart,#shoppingCartPage) [data-store="shipping-calculator"] .btn-link{
  color:var(--vh-periwinkle)!important;
}
.vh-system :is(#modal-cart,#shoppingCartPage) [data-store="shipping-calculator"] .radio-button-item,
.vh-system :is(#modal-cart,#shoppingCartPage) [data-store="shipping-calculator"] .radio-button-content,
.vh-system :is(#modal-cart,#shoppingCartPage) [data-store="shipping-calculator"] .list-item{
  background:var(--vh-raised)!important;color:var(--vh-text)!important;border-color:var(--vh-border)!important;
}
.vh-system :is(#modal-cart,#shoppingCartPage) [data-store="shipping-calculator"] .alert-danger{
  background:var(--vh-cart-danger-bg)!important;border-color:var(--vh-cart-danger-border)!important;color:var(--vh-cart-danger-text)!important;
}
@media(max-width:767px){
  .vh-system :is(#modal-cart,#shoppingCartPage) [data-store="shipping-calculator"] .form-label{
    font-size:12px;
  }
  .vh-system :is(#modal-cart,#shoppingCartPage) [data-store="shipping-calculator"] input.form-control,
  .vh-system :is(#modal-cart,#shoppingCartPage) [data-store="shipping-calculator"] .js-calculate-shipping{
    min-height:40px!important;
  }
}

/* Stable cart actions: Vanhaus blue without changing Tiendanube's native layout. */
.vh-system :is(#modal-cart,#shoppingCartPage) :is(.btn-primary,.btn-secondary,.js-calculate-shipping,.js-shipping-calculator-change-zipcode,.js-save-shipping-country){
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:40px!important;
  height:40px!important;
  padding:0 14px!important;
  border:1px solid #A2BEFE!important;
  border-radius:10px!important;
  background:#A2BEFE!important;
  color:#0a0a0a!important;
  font:800 12px/1 "Open Sans",Arial,sans-serif!important;
  text-align:center!important;
  text-decoration:none!important;
  box-shadow:none!important;
  float:none!important;
}
.vh-system :is(#modal-cart,#shoppingCartPage) :is(.btn-primary,.btn-secondary,.js-calculate-shipping,.js-shipping-calculator-change-zipcode,.js-save-shipping-country) :is(span,strong,svg){
  color:#0a0a0a!important;
  fill:#0a0a0a!important;
}
.vh-system :is(#modal-cart,#shoppingCartPage) :is(.btn-primary,.btn-secondary,.js-calculate-shipping,.js-shipping-calculator-change-zipcode,.js-save-shipping-country):hover{
  border-color:#7D92BC!important;
  background:#7D92BC!important;
  color:#0a0a0a!important;
}
.vh-system :is(#modal-cart,#shoppingCartPage) [data-store="shipping-calculator"] .js-calculate-shipping{
  width:100%!important;
  border-radius:0 10px 10px 0!important;
}
.vh-system :is(#modal-cart,#shoppingCartPage) [data-store="shipping-calculator"] .js-shipping-calculator-change-zipcode{
  min-width:82px!important;
  height:auto!important;
  border-width:0 0 0 1px!important;
  border-radius:0!important;
  white-space:nowrap!important;
}
.vh-system :is(#modal-cart,#shoppingCartPage) [data-store="shipping-calculator"] .js-shipping-calculator-with-zipcode .row{
  align-items:center!important;
}
.vh-system :is(#modal-cart,#shoppingCartPage) [data-store="shipping-calculator"] .js-cart-saved-zipcode .container>.row{
  display:flex!important;
  flex-wrap:nowrap!important;
  min-height:40px!important;
  margin-right:0!important;
  margin-left:0!important;
  overflow:hidden!important;
  border:1px solid var(--vh-border)!important;
  border-radius:10px!important;
  background:var(--vh-surface)!important;
}
.vh-system :is(#modal-cart,#shoppingCartPage) [data-store="shipping-calculator"] .js-cart-saved-zipcode .container>.row>span.col{
  display:flex!important;
  align-items:center!important;
  min-width:0!important;
  padding:0 10px!important;
}
.vh-system :is(#modal-cart,#shoppingCartPage) [data-store="shipping-calculator"] .js-cart-saved-zipcode .col-auto{
  display:flex!important;
  align-items:stretch!important;
  padding:0!important;
}
.vh-system :is(#modal-cart,#shoppingCartPage) [data-store="shipping-calculator"] .js-shipping-calculator-with-zipcode .font-small{
  display:inline-flex!important;
  align-items:center!important;
  min-height:40px!important;
  max-width:100%!important;
  overflow:hidden!important;
  white-space:nowrap!important;
}
.vh-system :is(#modal-cart,#shoppingCartPage) [data-store="shipping-calculator"] input.form-control{
  min-height:40px!important;
  height:40px!important;
  padding-top:0!important;
  padding-bottom:0!important;
  border-radius:10px 0 0 10px!important;
}

/* Shipping/pickup choices: default is quiet, selected changes to Vanhaus blue. */
.vh-system :is(#modal-cart,#shoppingCartPage) .radio-button-content{
  background:var(--vh-raised)!important;
  color:var(--vh-text)!important;
  border-color:var(--vh-border)!important;
}
.vh-system :is(#modal-cart,#shoppingCartPage) .radio-button-icons-container{
  background:transparent!important;
}
.vh-system :is(#modal-cart,#shoppingCartPage) .radio-button-icon.unchecked{
  border-color:var(--vh-border)!important;
  background:var(--vh-raised)!important;
}
.vh-system :is(#modal-cart,#shoppingCartPage) .radio-button input[type="radio"]:checked + .radio-button-content{
  border-color:#A2BEFE!important;
  background:var(--vh-cart-selected-tint)!important;
}
.vh-system :is(#modal-cart,#shoppingCartPage) .radio-button input[type="radio"]:checked + .radio-button-content .radio-button-icons-container{
  background:transparent!important;
}
.vh-system :is(#modal-cart,#shoppingCartPage) .radio-button input[type="radio"]:checked + .radio-button-content .radio-button-icon.unchecked{
  display:none!important;
}
.vh-system :is(#modal-cart,#shoppingCartPage) .radio-button input[type="radio"]:checked + .radio-button-content .radio-button-icon.checked{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:22px!important;
  height:22px!important;
  border:2px solid var(--vh-raised)!important;
  border-radius:50%!important;
  background:var(--vh-raised)!important;
  color:#A2BEFE!important;
  opacity:1!important;
}
.vh-system :is(#modal-cart,#shoppingCartPage) .radio-button input[type="radio"]:checked + .radio-button-content .checked svg{
  color:#A2BEFE!important;
  fill:#A2BEFE!important;
}

/* Coupon control: one continuous rectangle. The wrapper owns the outline and
   radius; input and action are two cells separated only by an internal rule. */
.vh-system :is(#modal-cart,#shoppingCartPage) .js-visible-on-cart-filled .btn-secondary,
.vh-system :is(#modal-cart,#shoppingCartPage) .js-visible-on-cart-filled button[type="submit"]{
  border-color:#A2BEFE!important;
  background:#A2BEFE!important;
  color:#0a0a0a!important;
}
.vh-system :is(#modal-cart,#shoppingCartPage) .js-visible-on-cart-filled .form-group-inline{
  align-items:stretch!important;
}
.vh-system :is(#modal-cart,#shoppingCartPage) [data-store="coupon-input"] .js-coupon-form .form-group-inline{
  display:flex!important;width:100%!important;min-height:44px!important;gap:0!important;overflow:hidden!important;
  border:1px solid #A2BEFE!important;border-radius:10px!important;background:var(--vh-raised)!important;box-shadow:none!important;
}
.vh-system :is(#modal-cart,#shoppingCartPage) [data-store="coupon-input"] .js-coupon-form input.form-control{
  flex:1 1 auto!important;width:auto!important;max-width:none!important;min-width:0!important;height:44px!important;
  margin:0!important;padding:0 12px!important;border:0!important;border-radius:0!important;box-shadow:none!important;
  color:var(--vh-text)!important;
  background:var(--vh-raised)!important;
}
.vh-system :is(#modal-cart,#shoppingCartPage) [data-store="coupon-input"] .js-coupon-form input.form-control:focus{
  outline:0!important;box-shadow:inset 0 0 0 2px rgba(162,190,254,.2)!important;
}
.vh-system :is(#modal-cart,#shoppingCartPage) [data-store="coupon-input"] .js-coupon-form .js-apply-coupon{
  flex:0 0 42%!important;width:42%!important;min-width:108px!important;height:44px!important;min-height:44px!important;
  margin:0!important;padding:0 12px!important;border:0!important;border-left:1px solid rgba(255,255,255,.28)!important;
  border-radius:0!important;box-shadow:none!important;
}

/* Cart page: balanced transaction layout, using the existing Vanhaus palette. */
.vh-system #shoppingCartPage{padding:clamp(18px,3vw,40px);border-radius:var(--vh-radius);}
.vh-system #shoppingCartPage .vh-cart-line{display:grid;grid-template-columns:104px minmax(0,1fr) 36px;gap:20px;margin:0;padding:24px 0;border-bottom:1px solid var(--vh-border);align-items:center;}
.vh-system #shoppingCartPage .vh-cart-line>div{width:100%;max-width:none;padding:0;min-width:0;}
.vh-system #shoppingCartPage .vh-cart-line>.col-12{display:none;}
.vh-system #shoppingCartPage .vh-cart-image img{display:block;width:104px;height:104px;object-fit:contain;border-radius:10px;}
.vh-system #shoppingCartPage .vh-cart-details>.row{display:grid;grid-template-columns:minmax(0,1fr) 132px minmax(110px,.5fr) minmax(130px,.6fr);gap:20px;margin:0;align-items:center;}
.vh-system #shoppingCartPage .vh-cart-details>.row>*{width:100%;max-width:none;padding:0;margin:0!important;min-width:0;}
.vh-system #shoppingCartPage [data-component="line-item.name"]{font-size:16px;font-weight:600;line-height:1.45;letter-spacing:-.02em;overflow-wrap:anywhere;}
.vh-system #shoppingCartPage [data-component="name.short-variant-name"]{display:block;margin-top:6px;color:var(--vh-text-soft)!important;font-size:12px;font-weight:400;}
.vh-system #shoppingCartPage .cart-item-subtotal-short{text-align:right!important;}
.vh-system #shoppingCartPage .cart-item-subtotal-short .js-cart-item-unit-price{font-size:14px;line-height:1.4;color:var(--vh-text-soft)!important;margin:0;}
.vh-system #shoppingCartPage .vh-cart-line-total{text-align:right!important;}
.vh-system #shoppingCartPage .vh-cart-line-total .js-cart-item-subtotal{font-size:20px;line-height:1.3;font-weight:700;letter-spacing:-.025em;margin:0;}
.vh-system #shoppingCartPage .vh-cart-line :is(.js-cart-item-subtotal,.js-cart-item-unit-price){font-variant-numeric:tabular-nums;overflow-wrap:anywhere;}
.vh-system #shoppingCartPage .cart-item-delete{position:static;align-self:center;}
.vh-system #shoppingCartPage .cart-item-delete button{display:flex;width:36px;min-height:44px;padding:8px;align-items:center;justify-content:center;opacity:.6;}
.vh-system #shoppingCartPage .cart-item-delete button:hover{opacity:1;}
.vh-system #shoppingCartPage .vh-cart-heading{margin-bottom:0!important;padding-bottom:12px;border-bottom:1px solid var(--vh-border);font-size:12px;font-weight:600;}
.vh-system #shoppingCartPage .vh-cart-heading>.row{margin:0;}
.vh-system #shoppingCartPage .vh-cart-heading .col-12{padding:0;}
.vh-system #shoppingCartPage .vh-cart-heading .col-md-10{display:none!important;}
.vh-system #shoppingCartPage .vh-cart-bottom{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(320px,1fr);align-items:center;gap:clamp(28px,4vw,56px);margin:28px 0 0;}
.vh-system #shoppingCartPage :is(.vh-cart-delivery,.vh-cart-summary-column,.vh-cart-summary-inner){width:100%;max-width:none;min-width:0;padding:0;}
.vh-system #shoppingCartPage #cart-sticky-summary{margin:0!important;}
.vh-system #shoppingCartPage .vh-cart-summary{width:100%;padding:0 0 0 28px;border:0!important;border-left:1px solid var(--vh-border)!important;border-radius:0;box-shadow:none;}
.vh-system #shoppingCartPage #cart-shipping-container{margin:0;}
.vh-system #shoppingCartPage #cart-shipping-container>:is([data-store="shipping-calculator"],[data-store="branches"],.js-store-branches-container){padding-left:0;padding-right:0;width:100%;max-width:none;}
.vh-system #shoppingCartPage .radio-button-content{display:flex;align-items:center;width:100%;padding:18px 16px!important;border:1px solid var(--vh-border)!important;border-radius:10px;box-sizing:border-box;}
.vh-system #shoppingCartPage .radio-button-label{flex:1;min-width:0;padding:0 0 0 12px;}
.vh-system #shoppingCartPage .radio-button-icons-container{position:static;flex:0 0 20px;width:20px;padding:0;}
.vh-system #shoppingCartPage .radio-button-label>.row{display:flex;flex-wrap:wrap;margin:0;align-items:center;gap:12px;}
.vh-system #shoppingCartPage .radio-button-label>.row>:first-child{flex:1;max-width:none;min-width:0;padding:0;}
.vh-system #shoppingCartPage .radio-button-label>.row>:nth-child(2):not(.alert){flex:0 0 auto;width:auto;max-width:45%;padding:0;text-align:right;}
.vh-system #shoppingCartPage .radio-button-label h5{font-size:14px;line-height:1.4;font-weight:600;letter-spacing:0;}
.vh-system #shoppingCartPage .radio-button-item{margin-bottom:10px;}
.vh-system #shoppingCartPage .radio-button input[type="radio"]:checked+.radio-button-content{border-color:var(--vh-cta)!important;background:var(--vh-cart-selected-tint)!important;}
.vh-system #shoppingCartPage .radio-button input[type="radio"]:checked+.radio-button-content .radio-button-icon.checked{background:var(--vh-cta)!important;border-color:var(--vh-cta)!important;}
.vh-system #shoppingCartPage .vh-cart-summary-secondary,.vh-system #shoppingCartPage .vh-cart-summary-secondary :is(span,strong){font-size:14px;font-weight:400;color:var(--vh-text-soft)!important;line-height:1.5;}
.vh-system #shoppingCartPage .vh-cart-summary-total,.vh-system #shoppingCartPage .vh-cart-summary-total :is(span,strong){font-size:clamp(24px,2.4vw,30px);font-weight:800;line-height:1.2;color:var(--vh-text)!important;letter-spacing:-.035em;}
.vh-system #shoppingCartPage .vh-cart-summary-total{gap:16px;align-items:baseline;font-variant-numeric:tabular-nums;}
.vh-system #shoppingCartPage .vh-cart-trust{grid-template-columns:auto minmax(0,1fr);gap:10px 14px;padding:16px 0;margin:16px 0;border:0;border-top:1px solid var(--vh-border);border-radius:0;}
.vh-system #shoppingCartPage .vh-cart-trust>strong{grid-column:1/-1;}
.vh-system #shoppingCartPage .vh-cart-trust-logos{flex-wrap:wrap;gap:6px;}
.vh-system #shoppingCartPage #go-to-checkout{height:50px!important;min-height:50px!important;background:var(--vh-cta)!important;border-color:var(--vh-cta)!important;font-size:14px!important;}
.vh-system #shoppingCartPage #go-to-checkout:hover{background:var(--vh-cta-hover)!important;}
.vh-system #shoppingCartPage .vh-cart-continue{padding:10px 0;color:var(--vh-text-soft)!important;font-weight:500;font-size:13px;}
@media(min-width:768px) and (max-width:1050px){
 .vh-system #shoppingCartPage .vh-cart-line{grid-template-columns:88px minmax(0,1fr) 32px;gap:14px;}
 .vh-system #shoppingCartPage .vh-cart-image img{width:88px;height:88px;}
 .vh-system #shoppingCartPage .vh-cart-details>.row{grid-template-columns:minmax(0,1fr) 132px 100px 110px;gap:12px;}
 .vh-system #shoppingCartPage .vh-cart-bottom{grid-template-columns:minmax(0,1fr) minmax(290px,.85fr);gap:24px;}
 .vh-system #shoppingCartPage .vh-cart-summary{padding-left:20px;}
}
@media(max-width:767px){
 .vh-system #shoppingCartPage .vh-cart-line{grid-template-columns:80px minmax(0,1fr) 28px;gap:12px;padding:20px 0;align-items:start;}
 .vh-system #shoppingCartPage .vh-cart-image img{width:80px;height:88px;}
 .vh-system #shoppingCartPage .vh-cart-details>.row{grid-template-columns:minmax(0,1fr);gap:12px;}
 .vh-system #shoppingCartPage [data-component="line-item.name"]{font-size:14px;}
 .vh-system #shoppingCartPage .vh-cart-details .cart-item-subtotal-short{display:block!important;text-align:left!important;}
 .vh-system #shoppingCartPage .vh-cart-details .form-quantity{margin:0!important;width:124px;}
 .vh-system #shoppingCartPage .vh-cart-line-total{text-align:left!important;}
 .vh-system #shoppingCartPage .vh-cart-line-total .js-cart-item-subtotal{font-size:19px;}
 .vh-system #shoppingCartPage .cart-item-delete{align-self:start;}
 .vh-system #shoppingCartPage .cart-item-delete button{width:28px;padding:5px;}
 .vh-system #shoppingCartPage .vh-cart-bottom{grid-template-columns:minmax(0,1fr);gap:24px;margin-top:24px;}
 .vh-system #shoppingCartPage .vh-cart-summary{padding:24px 0 0;border-left:0!important;border-top:1px solid var(--vh-border)!important;}
 .vh-system #shoppingCartPage .radio-button-content{padding:16px 12px!important;}
}

/* Drawer shared by the header cart and add-to-cart flow. */
.vh-system #modal-cart .modal-body{padding:20px 24px;}
.vh-system #modal-cart .cart-item{display:grid;grid-template-columns:88px minmax(0,1fr) 28px;gap:16px;margin:0;padding:22px 0;align-items:start;}
.vh-system #modal-cart .cart-item>.col-2{width:100%;max-width:none;padding:0;}
.vh-system #modal-cart .cart-item>.col-2 img{display:block;width:88px;height:96px;object-fit:contain;border-radius:10px;background:var(--vh-raised);}
.vh-system :is(#modal-cart,#shoppingCartPage) .cart-item img{background:var(--vh-raised);}
.vh-system #modal-cart .cart-item>.col-10{width:100%;max-width:none;min-width:0;padding:0;}
.vh-system #modal-cart .cart-item>.col-10>.w-100{display:grid;grid-template-columns:132px minmax(0,1fr);gap:16px 12px;align-items:center;}
.vh-system #modal-cart .cart-item-name{grid-column:1/-1;margin:0;font-size:15px;font-weight:600;line-height:1.45;overflow-wrap:anywhere;}
.vh-system #modal-cart .cart-item-name .vh-cart-unit,.vh-system #modal-cart .cart-item-name .vh-cart-unit span{color:var(--vh-text-soft)!important;font-size:12px;font-weight:400;}
.vh-system #modal-cart .cart-item-subtotal{position:static;text-align:right;font-variant-numeric:tabular-nums;}
.vh-system #modal-cart .cart-item-subtotal .js-cart-item-subtotal{font-size:19px;line-height:1.3;font-weight:700;margin:0;overflow-wrap:anywhere;}
.vh-system #modal-cart .cart-item-delete{position:static;width:28px;max-width:none;padding:0;}
.vh-system #modal-cart .cart-item-delete button{display:flex;align-items:center;justify-content:center;width:28px;min-height:40px;padding:5px;opacity:.65;}
.vh-system #modal-cart #cart-shipping-container{margin:0;}
.vh-system #modal-cart #cart-shipping-container>:is([data-store="shipping-calculator"],[data-store="branches"],.js-store-branches-container){padding-left:0;padding-right:0;width:100%;max-width:none;}
.vh-system #modal-cart .radio-button-content{display:flex;align-items:center;width:100%;padding:16px!important;border:1px solid var(--vh-border)!important;border-radius:10px;box-sizing:border-box;}
.vh-system #modal-cart .radio-button-label{flex:1;min-width:0;padding:0 0 0 12px;}
.vh-system #modal-cart .radio-button-icons-container{position:static;flex:0 0 22px;width:22px;padding:0;}
.vh-system #modal-cart .radio-button-label>.row{display:flex;flex-wrap:wrap;margin:0;align-items:center;gap:12px;}
.vh-system #modal-cart .radio-button-label>.row>:first-child{flex:1;max-width:none;min-width:0;padding:0;}
.vh-system #modal-cart .radio-button-label>.row>:nth-child(2):not(.alert){flex:0 0 auto;width:auto;max-width:45%;padding:0;text-align:right;}
.vh-system #modal-cart .radio-button-label h5{font-size:14px;line-height:1.4;font-weight:600;letter-spacing:0;}
.vh-system #modal-cart .radio-button-item{margin-bottom:10px;}
.vh-system #modal-cart .vh-cart-summary-secondary,.vh-system #modal-cart .vh-cart-summary-secondary :is(span,strong){font-size:14px;font-weight:400;line-height:1.5;color:var(--vh-text-soft)!important;}
.vh-system #modal-cart .vh-cart-summary-total,.vh-system #modal-cart .vh-cart-summary-total :is(span,strong){font-size:28px;font-weight:800;line-height:1.2;color:var(--vh-text)!important;letter-spacing:-.035em;}
.vh-system #modal-cart .vh-cart-summary-total{gap:16px;align-items:baseline;font-variant-numeric:tabular-nums;}
.vh-system #modal-cart .vh-cart-trust{grid-template-columns:auto minmax(0,1fr);gap:10px 14px;padding:16px 0;margin:16px 0;border:0;border-top:1px solid var(--vh-border);border-radius:0;}
.vh-system #modal-cart .vh-cart-trust>strong{grid-column:1/-1;}
.vh-system #modal-cart .vh-cart-trust-logos{flex-wrap:wrap;gap:6px;}
.vh-system #modal-cart .vh-cart-continue{padding:10px 0;color:var(--vh-text-soft)!important;font-weight:500;}
/* Both cart surfaces use the brand token, including AJAX-inserted controls. */
body.vh-system :is(#modal-cart,#shoppingCartPage) :is(.btn-primary,.btn-secondary,.js-calculate-shipping,.js-shipping-calculator-change-zipcode,.js-save-shipping-country){background:var(--vh-cta,#a2befe)!important;border-color:var(--vh-cta,#a2befe)!important;color:var(--vh-cta-ink,#000)!important;}
body.vh-system :is(#modal-cart,#shoppingCartPage) :is(.btn-primary,.btn-secondary,.js-calculate-shipping,.js-shipping-calculator-change-zipcode,.js-save-shipping-country) :is(span,strong,svg){color:var(--vh-cta-ink,#000)!important;fill:var(--vh-cta-ink,#000)!important;}
body.vh-system :is(#modal-cart,#shoppingCartPage) input[name="go_to_checkout"]{height:50px!important;min-height:50px!important;font-size:14px!important;}
body.vh-system :is(#modal-cart,#shoppingCartPage) :is(.btn-primary,.btn-secondary,.js-calculate-shipping):hover{background:var(--vh-cta-hover,#7d92bc)!important;border-color:var(--vh-cta-hover,#7d92bc)!important;}
body.vh-system :is(#modal-cart,#shoppingCartPage) .radio-button input[type="radio"]:checked+.radio-button-content{background:var(--vh-cart-selected-tint)!important;border-color:var(--vh-cta,#a2befe)!important;}
body.vh-system :is(#modal-cart,#shoppingCartPage) .radio-button input[type="radio"]:checked+.radio-button-content .radio-button-icon.checked{background:var(--vh-cta,#a2befe)!important;border-color:var(--vh-cta,#a2befe)!important;}
body.vh-system :is(#modal-cart,#shoppingCartPage) .radio-button input[type="radio"]:checked+.radio-button-content .checked svg{color:var(--vh-text)!important;fill:var(--vh-text)!important;}
body.vh-system :is(#modal-cart,#shoppingCartPage) input[name="go_to_checkout"][style*="display:none"],body.vh-system :is(#modal-cart,#shoppingCartPage) input[name="go_to_checkout"][style*="display: none"]{display:none!important;}
@media(max-width:480px){
 .vh-system #modal-cart .modal-body{padding:16px;}
 .vh-system #modal-cart .cart-item-name{font-size:14px;}
 .vh-system #modal-cart .radio-button-content{padding:16px 12px!important;}
}
/* Keep complete monetary amounts readable in the narrow drawer. */
.vh-system #modal-cart .cart-item>.col-10>.w-100{grid-template-columns:minmax(0,1fr);gap:12px;}
.vh-system #modal-cart .cart-item-subtotal{justify-self:end;max-width:100%;}
.vh-system #modal-cart .cart-item-subtotal .js-cart-item-subtotal{overflow-wrap:normal;}
body.vh-system :is(#modal-cart,#shoppingCartPage) [data-store="shipping-calculator"] :is(.js-calculate-shipping,.js-shipping-calculator-change-zipcode) :is(span,strong,svg){color:var(--vh-text)!important;fill:var(--vh-text)!important;}
@media(max-width:480px){.vh-system #modal-cart .cart-item-subtotal{justify-self:start;}}
.vh-system #shoppingCartPage .vh-cart-summary-inner{flex:0 0 100%;}

/* Delivery choices: fixed indicator track, with no inherited icon offsets. */
body.vh-system :is(#modal-cart,#shoppingCartPage) .radio-button .radio-button-content{display:flex;align-items:center;gap:16px;padding:16px!important;border-width:2px!important;border-radius:10px!important;}
body.vh-system :is(#modal-cart,#shoppingCartPage) .radio-button .radio-button-icons-container{position:static;flex:0 0 22px;width:22px;height:22px;margin:0;padding:0;align-self:center;}
body.vh-system :is(#modal-cart,#shoppingCartPage) .radio-button .radio-button-icons{position:relative;display:block;float:none;width:22px;height:22px;margin:0;overflow:visible;}
body.vh-system :is(#modal-cart,#shoppingCartPage) .radio-button .radio-button-icon{position:absolute;inset:0;width:22px;height:22px;margin:0;float:none;box-sizing:border-box;transform:none!important;transition:none;}
body.vh-system :is(#modal-cart,#shoppingCartPage) .radio-button .radio-button-label{min-width:0;flex:1;padding:0;}
body.vh-system :is(#modal-cart,#shoppingCartPage) .radio-button input[type="radio"]:not(:checked)+.radio-button-content .checked{display:none!important;}
body.vh-system :is(#modal-cart,#shoppingCartPage) .radio-button input[type="radio"]:not(:checked)+.radio-button-content .unchecked{display:block!important;border:2px solid var(--vh-border)!important;}
body.vh-system :is(#modal-cart,#shoppingCartPage) .radio-button input[type="radio"]:checked+.radio-button-content{border:2px solid var(--vh-cta,#a2befe)!important;background:var(--vh-cart-selected-tint)!important;box-shadow:none!important;}
body.vh-system :is(#modal-cart,#shoppingCartPage) .radio-button input[type="radio"]:checked+.radio-button-content .checked{inset:0;display:flex!important;align-items:center;justify-content:center;transform:none!important;opacity:1!important;}
body.vh-system :is(#modal-cart,#shoppingCartPage) .radio-button input[type="radio"]:checked+.radio-button-content .checked svg{display:block;width:12px;height:12px;}
/* Put quantity and line subtotal on the same row beside the image. */
.vh-system #modal-cart .cart-item{position:relative;grid-template-columns:76px minmax(104px,1fr) auto;gap:14px 12px;}
.vh-system #modal-cart .cart-item>.col-2{grid-column:1;grid-row:1/3;}
.vh-system #modal-cart .cart-item>.col-2 img{width:76px;height:90px;}
.vh-system #modal-cart .cart-item>.col-10,.vh-system #modal-cart .cart-item>.col-10>.w-100{display:contents;}
.vh-system #modal-cart .cart-item-name{grid-column:2/4;grid-row:1;padding-right:28px;}
.vh-system #modal-cart .cart-item>.col-10>.w-100>.cart-item-quantity{grid-column:2;grid-row:2;align-self:center;}
.vh-system #modal-cart .cart-item .form-quantity{width:104px;}
.vh-system #modal-cart .cart-item .form-quantity-icon{min-width:32px;}
.vh-system #modal-cart .cart-item-subtotal{grid-column:3;grid-row:2;align-self:center;justify-self:end;text-align:right;}
.vh-system #modal-cart .cart-item-subtotal .js-cart-item-subtotal{font-size:17px;white-space:nowrap;letter-spacing:-.03em;}
.vh-system #modal-cart .cart-item-subtotal .vh-cart-price-label{margin:0 0 4px;}
.vh-system #modal-cart .cart-item-delete{position:absolute;top:20px;right:0;}
@media(max-width:480px){
 .vh-system #modal-cart .cart-item{grid-template-columns:72px minmax(100px,1fr) auto;gap:12px 8px;}
 .vh-system #modal-cart .cart-item>.col-2 img{width:72px!important;height:84px!important;}
 .vh-system #modal-cart .cart-item-subtotal .js-cart-item-subtotal{font-size:16px;}
 .vh-system #modal-cart .cart-item .form-quantity{width:100px;}
}
.vh-system #modal-cart .cart-item>.col-10{display:contents!important;}

/* Delivery blends into the cart surface; selection is carried by border and radio. */
body.vh-system :is(#modal-cart,#shoppingCartPage) #cart-shipping-container :is(.box,.radio-buttons-group,.radio-button-item,.radio-button,.radio-button-content,.radio-button-label,.radio-button-text,.vh-shipping-option-info,.vh-shipping-option-price){background:transparent!important;box-shadow:none!important;}
/* Mismo verde de "ENVÍO GRATIS" en todos lados: el badge del catalogo (fondo lleno) y
   el precio "Envío gratis" del carrito (texto plano) usaban dos valores distintos. */
body.vh-system :is(#modal-cart,#shoppingCartPage) .vh-shipping-option-price h5.text-accent{color:var(--vh-success,#65df91)!important;font-variant-numeric:tabular-nums}
body.vh-system :is(#modal-cart,#shoppingCartPage) .vh-shipping-option-price h5{font-variant-numeric:tabular-nums}
/* "Envío: GRATIS" en el bloque de totales — mismo verde que el resto de los
   beneficios economicos, no periwinkle (ver Correccion 3, contener el acento). */
body.vh-system #modal-cart .cart-shipping-costs-price.vh-cart-free-shipping-price{
  color:var(--vh-success,#65df91)!important;opacity:1!important;font-weight:700!important;font-variant-numeric:tabular-nums;
}
/* A8: el botón "Calculando" con spinner ya avisa que está cargando; los 4 puntos debajo del input eran un segundo indicador redundante. */
body.vh-system :is(#modal-cart,#shoppingCartPage) .shipping-spinner-container{display:none!important}


/* A11: acordeón de medios de pago, cerrado por defecto — ya no compite por atención con el CTA. */
/* Filas de promo/descuento/cupón nativas sin contenido: dejaban un hueco vacío
   entre Envío y el Total (ver comentario en vanhaus-interactions.js). */
body.vh-system :is(#modal-cart,#shoppingCartPage) .vh-empty-row{display:none!important}

body.vh-system :is(#modal-cart,#shoppingCartPage) .vh-cart-trust-accordion{margin-top:14px}
body.vh-system :is(#modal-cart,#shoppingCartPage) .vh-cart-trust-accordion>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;font-size:13px;font-weight:800;color:var(--vh-text);padding:12px 14px;border:1px solid var(--vh-border);border-radius:10px}
body.vh-system :is(#modal-cart,#shoppingCartPage) .vh-cart-trust-accordion>summary::-webkit-details-marker{display:none}
body.vh-system :is(#modal-cart,#shoppingCartPage) .vh-cart-trust-accordion>summary::after{content:"+";font-size:16px;font-weight:400;color:var(--vh-text-soft)}
body.vh-system :is(#modal-cart,#shoppingCartPage) .vh-cart-trust-accordion[open]>summary::after{content:"–"}
body.vh-system :is(#modal-cart,#shoppingCartPage) .vh-cart-trust-accordion[open]>summary{border-radius:10px 10px 0 0;border-bottom:0}
body.vh-system :is(#modal-cart,#shoppingCartPage) .vh-cart-trust-accordion .vh-cart-trust{border-radius:0 0 10px 10px;margin:0}

/* A14: mismos badges de confianza de la PDP (product-trust.tpl), version compacta, debajo del CTA. */
/* !important en todo el bloque: el drawer del carrito puede estar abierto sobre la
   PDP (body.template-product), y refinements.css carga después que este archivo — sin
   !important, las reglas de .vh-trust-card de la PDP (columna, sin borde) pisaban a
   estas por orden de carga aunque el selector acá sea más específico en el papel. */
body.vh-system :is(#modal-cart,#shoppingCartPage) .vh-cart-trust-badges{margin:14px 0 0!important}
body.vh-system :is(#modal-cart,#shoppingCartPage) .vh-cart-trust-badges .vh-trust-cards{margin:0!important;container-type:normal!important}
body.vh-system :is(#modal-cart,#shoppingCartPage) .vh-cart-trust-badges .vh-trust-grid{display:flex!important;flex-wrap:wrap!important;justify-content:space-between!important;gap:8px!important;grid-template-columns:none!important}
body.vh-system :is(#modal-cart,#shoppingCartPage) .vh-cart-trust-badges .vh-trust-card{display:flex!important;flex:1 1 0!important;min-width:0!important;min-height:auto!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;gap:5px!important;padding:12px 6px!important;border:1px solid var(--vh-border)!important;border-radius:10px!important;background:var(--vh-raised)!important}
/* Verde = beneficio economico; garantia/cambios/pago seguro no lo son. */
body.vh-system :is(#modal-cart,#shoppingCartPage) .vh-cart-trust-badges .vh-trust-card>svg{width:20px!important;height:20px!important;flex:0 0 20px!important;fill:none!important;stroke:var(--vh-text-soft)!important;stroke-width:1.8!important;color:var(--vh-text-soft)!important;margin:0!important}
body.vh-system :is(#modal-cart,#shoppingCartPage) .vh-cart-trust-badges .vh-trust-card>div{width:auto!important;text-align:center!important}
/* "Garantía oficial Vanhaus" es mas largo que el texto original ("6 meses de
   garantía") — con white-space:nowrap y una card de ~1/3 del ancho del drawer
   en mobile, el texto no entraba y se salia de la tarjeta. Se deja envolver a
   2 líneas en vez de forzar una sola. */
body.vh-system :is(#modal-cart,#shoppingCartPage) .vh-cart-trust-badges .vh-trust-card strong{display:block!important;font-size:10.5px!important;font-weight:600!important;line-height:1.25!important;white-space:normal!important;overflow-wrap:break-word!important;color:var(--vh-text)!important}
body.vh-system :is(#modal-cart,#shoppingCartPage) .vh-cart-trust-badges .vh-trust-card span{display:none!important}
@media(max-width:359px){body.vh-system #modal-cart .vh-cart-trust-badges .vh-trust-card strong{font-size:9.5px!important}}

/* A11: en el drawer, el orden pasa a ser ítem(s) → totales → CTA visible sin scroll →
   envío/CP → medios de pago. La grilla de 2 columnas de la página de carrito completa
   no se toca (ahí ya se ve todo sin scroll en desktop). */
body.vh-system #modal-cart .cart-row:has(.vh-cart-totals-wrap){display:flex;flex-direction:column}
body.vh-system #modal-cart .vh-cart-totals-wrap{order:1}
body.vh-system #modal-cart .js-visible-on-cart-filled.container-fluid{order:2}
body.vh-system #modal-cart .vh-cart-trust-badges{order:2}
body.vh-system #modal-cart .js-fulfillment-info{order:3}
body.vh-system #modal-cart .vh-cart-trust-accordion{order:4}

/* d-table + float:left breaks mid-word when the delivery-date text wraps in the narrow radio column; flex lets it wrap normally. */
body.vh-system :is(#modal-cart,#shoppingCartPage) .vh-shipping-option-time{display:flex!important;align-items:flex-start!important;flex-wrap:nowrap!important}
body.vh-system :is(#modal-cart,#shoppingCartPage) .vh-shipping-option-time>.d-table{display:block!important;float:none!important}
body.vh-system :is(#modal-cart,#shoppingCartPage) .vh-shipping-option-time>.d-table:first-child{flex:0 0 auto;margin-top:2px}
body.vh-system :is(#modal-cart,#shoppingCartPage) .vh-shipping-option-time>.d-table:last-child{flex:1 1 auto;min-width:0}
/* El nombre del envío (y cualquier texto debajo) arrancaba pegado al margen izquierdo,
   por debajo del ícono del reloj en vez de alinearse con el texto de la fecha — quedaba
   un "escalón" raro. Lo indentamos para que las líneas de texto queden en una sola columna. */
body.vh-system :is(#modal-cart,#shoppingCartPage) .vh-shipping-option-info.vh-has-time-icon>:is(.vh-shipping-option-name,ul,div):not(.vh-shipping-option-time){padding-left:22px!important}
body.vh-system :is(#modal-cart,#shoppingCartPage) #cart-shipping-container .box{border:0!important;}
body.vh-system :is(#modal-cart,#shoppingCartPage) #cart-shipping-container .radio-button input[type="radio"]:checked+.radio-button-content{background:var(--vh-cart-selected-tint)!important;box-shadow:none!important;}

/* Chrome/WebKit autofill: sin esto el navegador fuerza fondo blanco + texto
   oscuro sobre el input, invisible/roto en la superficie oscura del carrito. */
body.vh-system :is(#modal-cart,#shoppingCartPage) input:-webkit-autofill,
body.vh-system :is(#modal-cart,#shoppingCartPage) input:-webkit-autofill:hover,
body.vh-system :is(#modal-cart,#shoppingCartPage) input:-webkit-autofill:focus,
body.vh-system :is(#modal-cart,#shoppingCartPage) input:-webkit-autofill:active{
  -webkit-text-fill-color:var(--vh-text)!important;
  caret-color:var(--vh-text)!important;
  box-shadow:0 0 0 1000px var(--vh-surface) inset!important;
  transition:background-color 999999s ease-in-out 0s;
}

/* Scroll interno del drawer/pagina: barra oscura, no la clara por defecto del SO. */
body.vh-system :is(#modal-cart,#shoppingCartPage){scrollbar-color:var(--vh-border) var(--vh-surface);}
body.vh-system :is(#modal-cart,#shoppingCartPage) ::-webkit-scrollbar{width:10px;height:10px;}
body.vh-system :is(#modal-cart,#shoppingCartPage) ::-webkit-scrollbar-track{background:var(--vh-surface);}
body.vh-system :is(#modal-cart,#shoppingCartPage) ::-webkit-scrollbar-thumb{background:var(--vh-border);border-radius:10px;}
body.vh-system :is(#modal-cart,#shoppingCartPage) ::-webkit-scrollbar-thumb:hover{background:var(--vh-steel);}

/* SOURCE: vanhaus-pages.css */
/* Institutional / static pages (Cómo comprar, FAQ, Garantía, Sobre, Contacto).
   Same dark system as the rest of the site: legible, spaced, quiet accents. */
.vh-system.template-page,
.vh-system.template-contact{background:var(--vh-bg)}

/* Page header */
.vh-system.template-page .page-header,
.vh-system.template-contact .page-header{max-width:820px;margin:0 auto;padding:clamp(48px,8vw,96px) 24px clamp(20px,3vw,34px)}
.vh-system.template-page .page-header .row,
.vh-system.template-contact .page-header .row{display:block}
.vh-system.template-page .page-header [class^="col"],
.vh-system.template-page .page-header [class*=" col"],
.vh-system.template-contact .page-header [class^="col"],
.vh-system.template-contact .page-header [class*=" col"]{max-width:100%;flex:0 0 100%;text-align:left!important}
.vh-system.template-page .page-header h1,
.vh-system.template-contact .page-header h1{position:relative;text-align:left!important;font-size:clamp(34px,5.4vw,64px)!important;font-weight:900;letter-spacing:-.05em;line-height:1.03;margin:0;padding-bottom:20px;color:var(--vh-text)}
.vh-system.template-page .page-header h1::before,
.vh-system.template-contact .page-header h1::before{content:attr(data-eyebrow);display:block;margin-bottom:14px;font:500 11px/1.4 "Open Sans",Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--vh-accent)}
.vh-system.template-page .page-header h1::after,
.vh-system.template-contact .page-header h1::after{content:"";position:absolute;left:0;bottom:0;width:56px;height:4px;border-radius:3px;background:var(--vh-accent);box-shadow:0 0 18px -2px var(--vh-accent)}

/* Body */
.vh-system.template-page .user-content{padding:0 24px clamp(64px,10vw,120px)}
.vh-system.template-page .user-content > .container,
.vh-system.template-contact .contact-page > .container{max-width:820px;padding:0}
.vh-system.template-page .user-content .row{display:block;margin:0}
.vh-system.template-page .user-content [class^="col"],
.vh-system.template-page .user-content [class*=" col"]{max-width:100%;flex:0 0 100%;padding:0}

.vh-system.template-page .user-content,
.vh-system.template-page .user-content p,
.vh-system.template-page .user-content li{color:#c7c9d1;font-weight:300;font-size:clamp(15px,1.05vw,17px);line-height:1.75}
.vh-system.template-page .user-content p{margin:0 0 18px}
/* empty spacer paragraphs (the "&nbsp;" ones are removed in JS) */
.vh-system.template-page .user-content p:empty{display:none}
.vh-system.template-page .user-content p.vh-p-blank{display:none}
.vh-system.template-page .user-content > *:first-child,
.vh-system.template-page .user-content .col > *:first-child{margin-top:0}

/* promoted headings (see vanhaus-interactions.js enhanceInstitutional) */
.vh-page-heading{margin:44px 0 16px;font-weight:800;letter-spacing:-.03em;line-height:1.15;color:var(--vh-text)}
.vh-page-heading:first-child{margin-top:0}
h2.vh-page-heading{font-size:clamp(22px,2.6vw,30px)}
h3.vh-page-heading{font-size:clamp(18px,2vw,22px);color:#e7e9ef}
.vh-page-heading::before{content:"";display:inline-block;width:20px;height:2px;border-radius:2px;background:var(--vh-accent);vertical-align:middle;margin-right:12px;transform:translateY(-3px)}

.vh-system.template-page .user-content h1,
.vh-system.template-page .user-content h2,
.vh-system.template-page .user-content h3,
.vh-system.template-page .user-content h4{color:var(--vh-text);letter-spacing:-.03em;margin:40px 0 16px;line-height:1.2}
.vh-system.template-page .user-content h2{font-size:clamp(22px,2.6vw,30px)}
.vh-system.template-page .user-content h3{font-size:clamp(18px,2vw,22px)}

.vh-system.template-page .user-content a{color:var(--vh-accent);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.vh-system.template-page .user-content a:hover{text-decoration-thickness:2px}
.vh-system.template-page .user-content strong,
.vh-system.template-page .user-content b{color:var(--vh-text);font-weight:600}
.vh-system.template-page .user-content ul,
.vh-system.template-page .user-content ol{margin:0 0 20px;padding-left:1.4em}
.vh-system.template-page .user-content li{margin:0 0 8px}
.vh-system.template-page .user-content ul li::marker{color:var(--vh-accent)}
.vh-system.template-page .user-content hr{border:0;border-top:1px solid var(--vh-border);margin:34px 0}
.vh-system.template-page .user-content blockquote{margin:24px 0;padding:6px 0 6px 20px;border-left:3px solid var(--vh-accent);color:#d7dae1}
.vh-system.template-page .user-content img{max-width:100%;height:auto;border-radius:12px;margin:16px 0}
.vh-system.template-page .user-content table{width:100%;border-collapse:collapse;margin:22px 0;font-size:14px}
.vh-system.template-page .user-content th,
.vh-system.template-page .user-content td{border:1px solid var(--vh-border);padding:10px 12px;text-align:left;color:#d7dae1}
.vh-system.template-page .user-content th{background:var(--vh-surface);color:var(--vh-text)}

/* Contact page */
.vh-system.template-contact .contact-page{max-width:900px;margin:0 auto;padding:8px 24px clamp(64px,10vw,120px)}
.vh-system.template-contact .contact-page .row{display:flex;flex-wrap:wrap;gap:clamp(24px,4vw,56px);margin:0;justify-content:flex-start}
.vh-system.template-contact .contact-page [class^="col"],
.vh-system.template-contact .contact-page [class*=" col"]{flex:1 1 280px;max-width:none;padding:0}
.vh-system.template-contact .contact-page h5{color:var(--vh-text);font-weight:700;letter-spacing:-.02em}
.vh-system.template-contact .contact-page p,
.vh-system.template-contact .contact-page label{color:#c7c9d1}
.vh-system.template-contact .contact-page a{color:var(--vh-accent)}
.vh-system.template-contact .contact-page .alert{border-radius:12px;border:1px solid var(--vh-border);background:var(--vh-surface);color:var(--vh-text)}
.vh-system.template-contact .contact-page .alert-success{border-color:color-mix(in srgb,#4ade80 40%,var(--vh-border))}
.vh-system.template-contact .contact-page .alert-danger{border-color:color-mix(in srgb,#f87171 40%,var(--vh-border))}

/* A focused way back into the store when a URL no longer exists. */
.vh-system.template-404 .vh-not-found{display:grid;place-items:center;min-height:min(690px,calc(100svh - 136px));padding:64px 24px 88px;background:radial-gradient(ellipse 55% 65% at 50% 35%,#a2befe12,transparent 80%),#0a0a0a;text-align:center}
.vh-system.template-404 .vh-not-found__inner{width:min(100%,680px);margin:auto}
.vh-system.template-404 .vh-not-found__eyebrow{display:block;color:#a2befe;font:700 11px/1.4 "Open Sans",Arial,sans-serif;letter-spacing:.2em}
.vh-system.template-404 .vh-not-found__number{margin:8px 0 2px;color:#a2befe;font:800 clamp(100px,17vw,210px)/.95 "Sora","Open Sans",Arial,sans-serif;letter-spacing:-.09em;text-indent:-.09em;text-shadow:0 16px 55px #a2befe22}
.vh-system.template-404 .vh-not-found h1{margin:20px 0 12px;color:#f5f6f8;font:700 clamp(29px,4.2vw,52px)/1.1 "Sora","Open Sans",Arial,sans-serif;letter-spacing:-.055em}
.vh-system.template-404 .vh-not-found p{max-width:510px;margin:0 auto;color:#c0c4cd;font:400 clamp(14px,1.2vw,16px)/1.65 "Open Sans",Arial,sans-serif}
.vh-system.template-404 .vh-not-found__actions{display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap;margin-top:32px}
.vh-system.template-404 .vh-not-found__actions a{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:52px;padding:13px 23px;border-radius:10px;font:700 13px/1.2 "Open Sans",Arial,sans-serif;text-decoration:none;transition:background .18s ease,border-color .18s ease,transform .18s ease}
.vh-system.template-404 .vh-not-found__actions a:hover{transform:translateY(-2px)}
.vh-system.template-404 .vh-not-found__actions a:focus-visible{outline:2px solid #a2befe;outline-offset:3px}
.vh-system.template-404 .vh-not-found__primary{background:#a2befe;color:#0b0b0b!important;border:1px solid #a2befe}
.vh-system.template-404 .vh-not-found__primary:hover{background:#b8ccff;border-color:#b8ccff}
.vh-system.template-404 .vh-not-found__secondary{background:transparent;color:#f3f5f8!important;border:1px solid #545963}
.vh-system.template-404 .vh-not-found__secondary:hover{border-color:#a2befe;background:#a2befe12}
@media(max-width:767px){
  .vh-system.template-404 .vh-not-found{min-height:calc(100svh - 90px);padding:56px 20px 70px}
  .vh-system.template-404 .vh-not-found__number{font-size:clamp(100px,31vw,148px)}
  .vh-system.template-404 .vh-not-found h1{max-width:13ch;margin:22px auto 12px}
  .vh-system.template-404 .vh-not-found__actions{flex-direction:column;align-items:stretch;margin-top:28px}
  .vh-system.template-404 .vh-not-found__actions a{width:100%}
}

/* SOURCE: vanhaus-placeholders.css */
/* MediaPlaceholder — TEMPORAL.
   Estilos del hueco que marca una foto o un video pendiente. Se borra entero
   cuando lleguen los assets reales (ver snipplets/vanhaus/media-placeholder.tpl). */

body.vh-system .vh-ph{
  position:relative;
  width:100%;
  min-width:0;
  overflow:hidden;
  border-radius:14px;
  /* Gris neutro si no se pasa accentColor. */
  border:1px solid var(--vh-ph-accent,#3b3e46);
  background-color:#111317;
  /* Textura sutil: trama de puntos + un barrido diagonal muy leve. */
  background-image:
    repeating-linear-gradient(135deg,rgba(255,255,255,.022) 0 2px,transparent 2px 9px),
    radial-gradient(circle at center,rgba(255,255,255,.05) 1px,transparent 1.3px),
    radial-gradient(ellipse at 50% 40%,color-mix(in srgb,var(--vh-ph-accent,#5b6070) 12%,transparent),transparent 70%);
  background-size:auto,16px 16px,auto;
  color:var(--vh-ph-accent,#8d929e);
}
body.vh-system .vh-ph::after{
  /* Esquina cortada, mismo gesto que las tarjetas de spec. */
  content:"";position:absolute;top:0;right:0;width:14px;height:14px;
  background:linear-gradient(225deg,color-mix(in srgb,var(--vh-ph-accent,#5b6070) 45%,transparent),transparent 70%);
}
body.vh-system .vh-ph-inner{
  position:absolute;inset:0;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:12px;padding:16px;text-align:center;
}
body.vh-system .vh-ph-icon{
  width:clamp(34px,7vw,48px);height:clamp(34px,7vw,48px);
  color:inherit;opacity:.85;flex:0 0 auto;
}
body.vh-system .vh-ph-label{
  max-width:100%;
  font:600 clamp(9px,1.5vw,11px)/1.45 "Open Sans",Arial,sans-serif;
  letter-spacing:.16em;text-transform:uppercase;
  color:color-mix(in srgb,currentColor 70%,#ffffff 30%);
  opacity:.85;overflow-wrap:anywhere;
}
/* El hueco listo para recibir el asset real: mismo contenedor, sin decoración. */
body.vh-system .vh-ph-slot{position:relative;width:100%;overflow:hidden;border-radius:14px}
body.vh-system .vh-ph-slot>img,body.vh-system .vh-ph-slot>video{width:100%;height:100%;object-fit:cover;display:block}

@media(max-width:767px){
  body.vh-system .vh-ph{border-radius:12px}
  body.vh-system .vh-ph-inner{gap:9px;padding:12px}
  body.vh-system .vh-ph-label{letter-spacing:.13em}
}
@media(prefers-reduced-motion:reduce){body.vh-system .vh-ph{background-image:none;background-color:#121419}}

/* SOURCE: vanhaus-refinements.css */
/* Look original (fantasma, texto claro, sin relleno azul), sin el glow que
   sobraba — solo el borde un poco mas marcado que el original para mejorar
   contraste. */
body.vh-system .vh-scroll-cue,
body.vh-system .vh-scroll-cue.vh-cue-below-photo{
  background:transparent!important;color:#fff!important;border-color:#eff1f3!important;
}
body.vh-system .vh-scroll-cue span,
body.vh-system .vh-scroll-cue.vh-cue-below-photo span{color:#fff!important}
@media(hover:hover) and (pointer:fine){
  body.vh-system .vh-scroll-cue:hover{background:rgba(255,255,255,.08)!important;border-color:#fff!important}
}

/* En la home el corte antes del footer se nota porque el ultimo bloque
   ("Conocé toda la línea") tiene fondo propio mas claro — footer y body
   comparten el mismo #0a0a0a en el resto del sitio, asi que ahi la linea
   sola no alcanza a leerse como separacion real. Fondo del footer con un
   leve degrade + borde superior en catalogo y PDP, mismo criterio sin
   agregar contenido nuevo. */
body.vh-system:is(.template-category,.template-search,.template-product) footer{
  background:linear-gradient(180deg,#111318,#0a0a0a 160px)!important;
  border-top:1px solid var(--vh-border);
}

/* Tras agregar al carrito, "Ver carrito" es la accion de mayor valor (no
   duplicar unidades con "Agregar otro"): se invierte cual de las dos lee
   como CTA principal. .vh-just-added la agrega store.js.tpl/store-v2.js.tpl
   junto con el "Ya agregaste este producto." Va en este archivo (carga
   ultimo) porque vanhaus-product.css define su propio box-shadow con
   !important en el boton nativo mas abajo en el mismo modulo, y le ganaba
   en desktop aunque el fondo ya estuviera en transparent. */
.vh-system.template-product .vh-just-added input[data-store="product-buy-button"]{background:transparent!important;border:1px solid var(--vh-cta-line)!important;color:var(--vh-text)!important;box-shadow:none!important;filter:none!important}
.vh-system.template-product .vh-just-added .js-added-to-cart-product-message{background:none!important;border:0!important;padding:0!important}
.vh-system.template-product .js-added-to-cart-product-message svg{display:none}
.vh-system.template-product .js-added-to-cart-product-message span{display:flex!important;flex-direction:column;align-items:stretch;gap:10px;width:100%!important}
.vh-system.template-product .js-added-to-cart-product-message .btn-link{display:flex!important;align-items:center;justify-content:center;width:100%!important;min-height:48px;margin:0!important;padding:10px 18px;border-radius:9px;background:var(--vh-cta)!important;color:var(--vh-cta-ink)!important;font-weight:800;text-decoration:none!important}

/* Footer "Contacto": mail/tel/direccion son <span class="footer-menu-link">
   (no <a>) para que se puedan seleccionar/copiar sin abrir el cliente de
   mail o el dialer. El <span> hereda line-height:25.2px en vez de los 21px
   que trae el <a> de las otras columnas (Ayuda/Vanhaus), asi que sin esto
   cada item queda con ~4px extra de alto y la lista se ve mas espaciada
   aunque el margin-bottom (20px) es el mismo en las tres columnas. */
body.vh-system .vh-footer-contact .footer-menu-link{line-height:21px}

@media(max-width:767px){
  /* Cookie banner: texto largo + boton envolvian a 2-3 lineas en mobile,
     ~8% de la altura util. Una sola fila compacta que no wrappea (el copy
     ya se acorta para mobile en notification.tpl; esto es el remate visual
     por si el dispositivo es angosto igual). */
  body.vh-system .vh-cookie-banner{padding:8px 12px!important;font-size:11px!important;line-height:1.3!important}
  body.vh-system .vh-cookie-banner .row{flex-wrap:nowrap!important}
  body.vh-system .vh-cookie-banner span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  body.vh-system .vh-cookie-banner .btn{min-height:0!important;padding:6px 10px!important;font-size:11px!important;white-space:nowrap}
}

/* Focused review: shared atmosphere, legible data cards and purchase confidence. */
body.vh-system::before{content:'';position:fixed;inset:0;z-index:5;pointer-events:none;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}
body.vh-system .vh-logo-col,body.vh-system .vh-logo-col a,body.vh-system .logo-img-container,body.vh-system .logo-img{background:transparent!important;box-shadow:none!important}body.vh-system .vh-logo-col,body.vh-system .logo-img{mix-blend-mode:normal!important}body.vh-system .logo-img{filter:none!important}
body.vh-system .vh-chapter{border:0;background:transparent;isolation:isolate;padding-top:90px;padding-bottom:90px}
body.vh-system .vh-home .vh-chapter{padding-top:clamp(78px,5.5vw,84px);padding-bottom:clamp(78px,5.5vw,84px)}
.vh-chapter::before{content:'';position:absolute;inset:-3% 0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 28% 48%,color-mix(in srgb,var(--vh-accent) 9%,transparent),transparent 64%);mask-image:linear-gradient(transparent,#000 22%,#000 78%,transparent)}
.vh-chapter.vh-chapter-alt::before{background:radial-gradient(ellipse at 75% 45%,color-mix(in srgb,var(--vh-accent) 9%,transparent),transparent 64%)}
.vh-chapter.vh-chapter-wide{grid-template-columns:minmax(0,1fr) minmax(0,1.25fr)}.vh-chapter.vh-chapter-wide h2{font-size:clamp(38px,5.3vw,82px)}.vh-chapter.vh-chapter-inset .vh-chapter-media{padding:5%}.vh-chapter.vh-chapter-inset h2{max-width:9em;font-size:clamp(36px,4vw,64px)}
body.vh-system .vh-spec{display:flex;flex-direction:column;justify-content:flex-start;gap:12px;background:linear-gradient(140deg,color-mix(in srgb,var(--vh-detail-accent,var(--vh-accent)) 8%,#1a1a1a),#141414 75%);border:1px solid color-mix(in srgb,var(--vh-detail-accent,var(--vh-accent)) 28%,#303238);box-shadow:inset 0 1px #ffffff08}
.vh-spec dd{order:0;color:#f3f5f7!important}.vh-spec dt{order:1;color:#d9dce2!important;font-weight:600}.vh-spec-context{order:2;margin:0;font-size:12px;line-height:1.5;color:#b9bfc9!important}

body.vh-system .category-body{background-image:radial-gradient(ellipse at 70% 20%,#7d92bc07,transparent 60%)!important}body.vh-system .category-body .item:hover,
body.vh-system .vh-related-catalog .item:hover{box-shadow:0 18px 40px #0006,0 0 30px color-mix(in srgb,var(--vh-accent) 10%,transparent)!important}
body.vh-system .vh-product{background:radial-gradient(ellipse at 25% 12%,color-mix(in srgb,var(--vh-accent) 6%,transparent),transparent 35%),#0a0a0a}.vh-product-art .vh-media{background:radial-gradient(ellipse,color-mix(in srgb,var(--vh-accent) 8%,#141414),#101011 70%)}
body.vh-system .vh-product-story{border:0;padding-top:50px}.vh-product-story .vh-spec{min-height:230px}.vh-product-story .vh-spec dd{font-size:clamp(22px,3.2vw,52px)}.vh-product-story .vh-spec-context{font-size:13px}.vh-product-story .vh-specs{grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch}
/* Las 4 cards de "Lo más destacado" comparten el mismo fondo: antes la
   primera tenia un gradiente propio mas claro (nth-child(1)) que las otras
   3 no tenian, y en mobile (grid de 2 columnas) se notaba como inconsistencia
   entre columnas. */
.vh-scroll-cue{display:flex;align-items:center;justify-content:center;gap:24px;width:fit-content;margin:0 auto 12px;padding:14px 22px;border-radius:40px;border:1px solid #3c4248;color:#c6ccd4!important;font-size:12px;text-decoration:none}.vh-scroll-cue span:last-child{font-size:22px;color:var(--vh-accent)}.vh-scroll-cue:hover{border-color:var(--vh-accent);background:#171a1d}
body.vh-system .vh-product #product_form [data-store=product-buy-button]{min-height:64px;font-size:16px;font-weight:900;letter-spacing:.02em;box-shadow:0 8px 30px color-mix(in srgb,var(--vh-accent) 16%,transparent)!important;transform:translate3d(var(--magnet-x,0px),var(--magnet-y,0px),0);transition:transform .18s ease,filter .18s ease}
body.vh-system .vh-product #product_form [data-store=product-buy-button]:enabled:hover{filter:brightness(1.08)}body.vh-system .vh-product #product_form [data-store=product-buy-button]:disabled{box-shadow:none!important;transform:none;cursor:not-allowed}
/* Restored payment bar: configured Tiendanube methods provide the logos. */
body.vh-system .vh-pay-bar{display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;box-sizing:border-box;min-height:56px;margin:0 0 10px;padding:10px 16px;border:1px solid #fff;border-radius:10px;background:#fff}
body.vh-system .vh-pay-bar-label{display:inline-flex;align-items:center;gap:9px;flex:0 0 auto;font:700 13px/1 "Open Sans",Arial,sans-serif;letter-spacing:.01em;color:#111318;white-space:nowrap}
body.vh-system .vh-pay-bar-label svg{width:19px;height:19px;flex:0 0 19px;fill:#111318;color:#111318}
body.vh-system .vh-pay-bar-logos{display:flex;align-items:center;gap:7px;flex:0 1 auto;min-width:0;overflow:hidden}
body.vh-system .vh-pay-bar-logos img{flex:0 0 auto;width:38px;height:24px;object-fit:contain;background:transparent;border:0;border-radius:0;padding:0;box-sizing:border-box}
body.vh-system .vh-pay-bar-logos img:first-child{width:56px;height:30px}
@media(max-width:767px){body.vh-system .vh-pay-bar{flex-direction:row!important;align-items:center!important;justify-content:space-between!important;height:50px!important;min-height:50px!important;padding:7px 10px!important;gap:8px!important;margin-bottom:8px!important;border-color:#fff!important;background:#fff!important}body.vh-system .vh-pay-bar-label{font-size:11px!important;gap:6px!important;color:#111318!important}body.vh-system .vh-pay-bar-label svg{width:16px!important;height:16px!important;flex-basis:16px!important;fill:#111318!important;color:#111318!important}body.vh-system .vh-pay-bar-logos{justify-content:flex-end!important;gap:5px!important;overflow:hidden!important}body.vh-system .vh-pay-bar-logos img{width:28px!important;height:18px!important}body.vh-system .vh-pay-bar-logos img:first-child{width:42px!important;height:23px!important}body.vh-system .vh-pay-bar-logos img:nth-child(n+4){display:none!important}}
.vh-trust-payment{grid-column:1/-1;background:linear-gradient(135deg,#25282c,#191b1e)}.vh-trust-payment>div{width:100%}.vh-trust-logos{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:12px}.vh-trust-logos img{object-fit:contain;width:44px;height:28px;background:#fff;border-radius:4px;padding:3px;box-sizing:border-box}.vh-trust-logos img:first-child{width:68px;height:38px}
.vh-information{padding:25px 0 80px}.vh-information-ready.vh-product-description{padding:0;border:0;background:transparent}.vh-info-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:start}.vh-info-accordion{min-width:0;border:1px solid #41474f;border-radius:16px;background:#17191c;overflow:hidden}.vh-info-accordion summary{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:24px 20px;cursor:pointer;list-style:none;font-size:15px;font-weight:700;color:#eef1f6}.vh-info-accordion summary::-webkit-details-marker{display:none}.vh-info-accordion summary::after{content:'+';font-size:24px;font-weight:300;color:var(--vh-accent)}.vh-info-accordion[open] summary::after{content:'−'}.vh-info-accordion[open]{border-color:color-mix(in srgb,var(--vh-accent) 50%,#41474f)}.vh-info-body{padding:0 20px 24px;overflow-wrap:anywhere}.vh-info-body p,.vh-info-body li,.vh-info-body strong{color:#d7dce4!important;font-size:14px!important}.vh-info-body table{display:table;width:100%!important;table-layout:fixed;border-collapse:collapse}.vh-info-body td,.vh-info-body th{background:#1a1d21!important;color:#e4e8ee!important;border-color:#464b54!important;padding:10px!important;font-size:12px!important;overflow-wrap:anywhere}.vh-info-body th{background:#242930!important}.vh-info-body img{max-width:100%;height:auto}
@media(min-width:1200px){.vh-product-purchase .vh-trust-payment{grid-column:auto}}
@media(max-width:767px){body.vh-system .vh-chapter{padding:42px 20px 62px;grid-template-columns:1fr}.vh-chapter.vh-chapter-wide h2,.vh-chapter.vh-chapter-inset h2{font-size:36px;max-width:100%}.vh-product-story .vh-specs{grid-template-columns:repeat(2,minmax(0,1fr))}.vh-product-story .vh-spec{padding:18px 14px;min-height:170px}.vh-product-story .vh-spec dd{font-size:26px}.vh-info-grid{grid-template-columns:1fr}.vh-scroll-cue{margin-top:8px}.vh-info-accordion summary{padding:20px}.vh-chapter.vh-chapter-inset .vh-chapter-media{padding:0}}
@media(prefers-reduced-motion:reduce){.vh-chapter::before{background:none!important}.vh-system .vh-action,.vh-system [data-vh-magnet]{transform:none!important;transition:opacity .18s!important}.vh-system .vh-search-inline{transition:opacity .18s!important}.vh-system .category-body .item:hover,
.vh-system .vh-related-catalog .item:hover{transform:none!important;box-shadow:none!important}.vh-system .vh-product #product_form [data-store=product-buy-button]{box-shadow:none!important}}

body.vh-system .vh-header-row .vh-search-inline{width:min(360px,calc(100vw - 170px));transition:opacity .18s ease,transform .18s ease;transform:translateY(-50%) scale(.98)}body.vh-system .vh-header-row .vh-search-item.is-open .vh-search-inline{transform:translateY(-50%) scale(1)}

.vh-system [data-vh-surface].item{position:relative;isolation:isolate}.vh-system [data-vh-surface].item::before{content:"";position:absolute;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(ellipse,var(--vh-accent),transparent 70%);opacity:0;transform:translate3d(var(--surface-x,0px),var(--surface-y,0px),0);transition:opacity .25s}.vh-system [data-vh-surface].item:hover::before,.vh-system [data-vh-surface].item.vh-touch-glow::before{opacity:.1}@media(prefers-reduced-motion:reduce){.vh-system [data-vh-surface].item::before{display:none}}

body.vh-system .vh-logo-col{mix-blend-mode:normal!important}
@media(prefers-reduced-motion:reduce){body.vh-system .vh-header-row .vh-search-inline{transition:opacity .18s!important}}
/* Desktop reveal animation runs; vanhaus-interactions.js carries a scroll/RAF
   fallback so a silent IntersectionObserver can never leave content invisible.
   Mobile stays force-painted by the @media rule below. */
.vh-home-load{padding:30px 20px;max-width:1380px;margin:auto}.vh-home-load .vh-action{margin:8px 8px 8px 0}.vh-home-load [hidden]{display:none!important}
body.vh-system .vh-product #product_form .vh-buy-column{flex:0 0 100%;max-width:100%;padding-left:5px;padding-right:5px}
body.vh-system .vh-product #product_form [data-store=product-buy-button],body.vh-system .vh-product .vh-pdp-whatsapp{width:100%;max-width:none;box-sizing:border-box}
@media(max-width:767px),(hover:none){body.vh-system .vh-home [data-vh-reveal]{opacity:1!important;transform:none!important;transition:opacity .2s ease!important;transition-delay:0ms!important}body.vh-system .vh-home [data-vh-poster]{transform:none!important}body.vh-system .vh-home .vh-media:not(.vh-home-video-stage)>[data-vh-scroll-video]{display:none!important}body.vh-system .vh-home .vh-media:not(.vh-home-video-stage).vh-video-ready>[data-vh-poster]{opacity:1!important}}

/* Keyboard focus for custom controls whose native input is visually hidden, plus
   accordions, gallery thumbs and chips. Complements the base :focus-visible rule. */
.vh-system .checkbox-container:has(input:focus-visible),
.vh-system .js-filter-checkbox:has(input:focus-visible),
.vh-system .checkbox-container:focus-within,
.vh-system .js-filter-checkbox:focus-within{outline:2px solid var(--vh-accent);outline-offset:3px;border-radius:6px}
.vh-system .vh-info-accordion summary:focus-visible{outline:2px solid var(--vh-accent);outline-offset:-2px;border-radius:12px}
.vh-system .js-product-thumb:focus-visible,.vh-system .js-product-slide-link:focus-visible,.vh-system .js-insta-variant:focus-visible,.vh-system .vh-navigation-cta:focus-visible{outline:2px solid var(--vh-accent);outline-offset:3px}

/* ===== Mobile pass: depth, product staging, spec layout, floating-button safety =====
   Desktop is untouched: everything below is inside a max-width:767px query. */
@media(max-width:767px){
  /* Category glow behind each product: 9% of the accent is invisible on a phone screen. */
  body.vh-system .vh-chapter{padding:34px 20px 54px}
  body.vh-system .vh-chapter::before,
  body.vh-system .vh-chapter.vh-chapter-alt::before{inset:-2% -14%;background:radial-gradient(ellipse at 50% 34%,color-mix(in srgb,var(--vh-accent) 20%,transparent),transparent 66%);mask-image:linear-gradient(transparent,#000 12%,#000 88%,transparent)}
  body.vh-system::before{opacity:.042}

  /* Put the product on a stage: halo behind it and a pool of light underneath, so it
     stops floating on flat black. A black drop-shadow is invisible on #0a0a0a. */
  body.vh-system .vh-home .vh-media::before{inset:6%;opacity:.34}
  body.vh-system .vh-home .vh-media::after{content:"";position:absolute;left:50%;bottom:7%;width:64%;height:10%;transform:translateX(-50%);border-radius:50%;background:radial-gradient(ellipse,color-mix(in srgb,var(--vh-accent) 30%,transparent),transparent 72%);filter:blur(7px);z-index:-1;pointer-events:none}
  body.vh-system .vh-home .vh-media>[data-vh-poster]{filter:drop-shadow(0 14px 18px rgba(0,0,0,.55))}
  body.vh-system .vh-product-art .vh-media::before{inset:8%;opacity:.3}

  /* Spec cards: two readable columns instead of three cramped ones. */





  /* Floating WhatsApp button: tucks away while scrolling down and whenever it would
     sit on top of an interactive block. The in-page WhatsApp CTA stays available. */
  .btn-whatsapp{bottom:calc(16px + env(safe-area-inset-bottom));right:14px;transition:bottom .2s ease,transform .25s ease,opacity .25s ease}
  body.vh-dock-visible .btn-whatsapp{bottom:calc(26px + env(safe-area-inset-bottom) + var(--vh-dock-h,0px))}
  body.vh-fab-tucked .btn-whatsapp,
  body.vh-dock-visible.vh-fab-tucked .btn-whatsapp{transform:translateY(160%);opacity:0;pointer-events:none}
}
@media(max-width:767px) and (prefers-reduced-motion:reduce){.btn-whatsapp{transition:opacity .2s ease}}

/* ===== Mobile parity: same spec card, same filled buttons, just smaller ===== */
@media(max-width:767px){




  /* Actions stack full width, same filled treatment as desktop. */
  .vh-chapter-actions{grid-template-columns:1fr;max-width:none;gap:10px}
}

/* ===== Catálogo: button and its label in proportion ===== */
body.vh-system .category-body .item-actions .btn-primary,
body.vh-system .category-body .item-actions .btn,
body.vh-system .vh-related-catalog .item-actions .btn-primary,
body.vh-system .vh-related-catalog .item-actions .btn{min-height:42px;padding:11px 14px;font-size:14px;font-weight:700;line-height:1.2;letter-spacing:-.01em}
@media(max-width:767px){
  body.vh-system .category-body .item-actions .btn-primary,
  body.vh-system .category-body .item-actions .btn,
body.vh-system .vh-related-catalog .item-actions .btn-primary,
body.vh-system .vh-related-catalog .item-actions .btn{min-height:40px;padding:10px 10px;font-size:13px}
}

/* PDP payment presentation; native components supply amounts and method names. */
.vh-product .vh-payment-discount{margin:10px 0 0;color:var(--vh-muted);font-size:13px;line-height:1.5}
.vh-product .vh-payment-discount-price{color:var(--vh-text);font-size:22px;font-weight:600;letter-spacing:normal}
.vh-product .vh-payment-discount-method{color:var(--vh-muted);font-size:13px;font-weight:400}
.vh-product .vh-payment-options{margin:0 0 12px;min-width:0}
.vh-product .product-detail-installments{margin:0 0 8px;color:var(--vh-muted);font-size:13px;line-height:1.5}
.vh-product .vh-payment-details-link{display:inline-block;padding:4px 0;color:var(--vh-accent);font-size:13px;line-height:1.5;text-decoration:underline;text-underline-offset:3px}
.vh-product .vh-payment-details-link:focus-visible{outline:2px solid var(--vh-accent);outline-offset:4px}







body.vh-system .vh-product .vh-scroll-cue{display:flex;width:100%;box-sizing:border-box;margin:14px 0 4px;gap:14px;justify-content:center;min-height:48px;font-size:13px}
@media(max-width:767px){









  body.vh-system .vh-product .vh-scroll-cue{display:none!important}
  /* Tighten what sits above so price + buttons + cue reach the first screen. */
  body.vh-system .vh-product .price-container{padding:18px 0;margin-bottom:16px!important}
  body.vh-system .vh-product .vh-pdp-heading h1{font-size:34px}
  body.vh-system .vh-product .vh-pdp-purchase-signals{margin-bottom:10px}
  body.vh-system .vh-product-breadcrumb{padding-top:12px;padding-bottom:12px}
  body.vh-system .vh-product-hero{gap:14px}
}

/* ==========================================================================
   Parte H — producto sin recortes, acento pleno, identidad y snap de scroll
   ========================================================================== */

/* --- 1. El producto nunca se recorta y no vive dentro de un recuadro ---
   El halo quedaba clipeado por overflow:hidden y dibujaba un rectángulo duro.
   Se libera el desborde y la imagen se limita a la caja en vez de excederla. */
body.vh-system .vh-media{overflow:visible}
body.vh-system .vh-media>[data-vh-poster]{max-width:100%;max-height:100%;object-fit:contain}
body.vh-system .vh-chapter-media .vh-media,
body.vh-system .vh-product-art .vh-media{background:none}
body.vh-system .vh-media>[data-vh-scroll-video]{border-radius:inherit}

/* --- 2. Acento pleno: nada de rellenos que se lean como transparentes --- */
body.vh-system .vh-btn-ghost{background:color-mix(in srgb,var(--vh-accent) 60%,#05070a)!important;border-color:transparent!important;color:#f4f7fb!important}
body.vh-system .vh-btn-solid{background:var(--vh-cta)!important;border-color:var(--vh-cta)!important;color:var(--vh-cta-ink)!important}
body.vh-system .vh-btn-solid:disabled,body.vh-system .vh-btn-solid.nostock{background:#282a30!important;border-color:#444650!important;color:#b8b9c1!important}
body.vh-system .vh-home .vh-btn-solid:disabled,body.vh-system .vh-home .vh-btn-solid.nostock{background:#282a30!important;border-color:#444650!important;color:#b8b9c1!important;cursor:not-allowed}

/* --- 3. "Descubrí los detalles": late para que se entienda que hay que bajar --- */
@keyframes vh-cue-pulse{0%,100%{border-color:color-mix(in srgb,var(--vh-accent) 45%,#3c4248);box-shadow:0 0 0 0 color-mix(in srgb,var(--vh-accent) 30%,transparent)}50%{border-color:var(--vh-accent);box-shadow:0 0 22px -2px color-mix(in srgb,var(--vh-accent) 55%,transparent)}}
@keyframes vh-cue-arrow{0%,100%{transform:translateY(0);opacity:.75}50%{transform:translateY(5px);opacity:1}}
body.vh-system .vh-product .vh-scroll-cue{animation:vh-cue-pulse 2.1s ease-in-out infinite;color:var(--vh-text)!important;font-weight:600}
body.vh-system .vh-product .vh-scroll-cue span:last-child{display:inline-block;animation:vh-cue-arrow 1.5s ease-in-out infinite;color:var(--vh-accent)}

/* --- 4. "En detalle" usa la misma tarjeta con corte y línea de acento --- */
body.vh-system .vh-product-story .vh-spec{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:8px;min-width:0;align-self:stretch;padding:20px 18px 22px;border:0;border-radius:0;box-shadow:none;overflow:hidden;
  background:linear-gradient(160deg,color-mix(in srgb,var(--vh-accent) 12%,#16181c),#111316 72%);
  clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,0 100%);
  transition:background .25s ease,transform .25s ease}
body.vh-system .vh-product-story .vh-spec::before{content:'';position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--vh-accent);opacity:.95}
body.vh-system .vh-product-story .vh-spec::after{content:'';position:absolute;top:0;right:0;width:18px;height:18px;background:linear-gradient(225deg,color-mix(in srgb,var(--vh-accent) 55%,transparent),transparent 70%)}
body.vh-system .vh-product-story .vh-spec dd{order:0;margin:0;min-width:0;white-space:nowrap;overflow-wrap:normal;word-break:normal;hyphens:none;color:var(--vh-text)!important}
body.vh-system .vh-product-story .vh-spec dt{order:1;min-width:0;font:600 10px/1.3 "Open Sans",Arial,sans-serif;letter-spacing:.15em;text-transform:uppercase;white-space:nowrap;overflow-wrap:normal;word-break:normal;hyphens:none;color:var(--vh-muted)!important}
body.vh-system .vh-product-story .vh-spec-context{order:2}
@media(hover:hover) and (pointer:fine){
  body.vh-system .vh-product-story .vh-spec:hover{transform:translateY(-4px);background:linear-gradient(160deg,color-mix(in srgb,var(--vh-accent) 26%,#16181c),#121417 72%)}
  body.vh-system .vh-product-story .vh-spec:hover::before{box-shadow:0 0 26px 2px var(--vh-accent);opacity:1}
  body.vh-system .vh-product-story .vh-spec:hover dd{color:#fff!important}
}

/* --- 5. Identidad: acento más presente y trama de puntos en vez de sólo grano --- */
body.vh-system::after{content:'';position:fixed;inset:0;z-index:4;pointer-events:none;opacity:.5;
  background-image:radial-gradient(circle at center,rgba(255,255,255,.055) 1px,transparent 1.2px);background-size:22px 22px}
body.vh-system .vh-chapter::before{background:radial-gradient(ellipse at 50% 40%,color-mix(in srgb,var(--vh-accent) 26%,transparent),transparent 62%)}
body.vh-system .vh-chapter.vh-chapter-alt{background:linear-gradient(180deg,#0d0f12,#0a0a0a)}
body.vh-system .vh-chapter-copy h2::after{height:5px;width:72px}

/* El relato de productos usa cards sticky (vanhaus-home.css). No se combina
   con scroll-snap: ambos modelos juntos se anulaban visualmente. */

/* --- Mobile: cajas cuadradas para que el PNG entre entero, y misma tarjeta que en PC --- */
@media(max-width:767px){
  body.vh-system .vh-chapter-media .vh-media{aspect-ratio:1;max-height:46svh;background:none}
  body.vh-system .vh-product-art .vh-media{aspect-ratio:1;max-height:40svh;min-height:0;background:none;border:0}
  body.vh-system .vh-home .vh-media::before,
  body.vh-system .vh-product-art .vh-media::before{inset:2%;opacity:.4}
  body.vh-system .vh-product-story .vh-spec{padding:16px 14px 18px;gap:7px;clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,0 100%);min-height:0}
  body.vh-system .vh-product-story .vh-spec::after{width:14px;height:14px}
  body.vh-system .vh-product-story .vh-spec dd{font-size:18px;letter-spacing:-.05em;line-height:1.02}
  body.vh-system .vh-product-story .vh-spec dt{font-size:9px}
  body.vh-system .vh-product-story .vh-spec-context{font-size:11px}
  body.vh-system .vh-home .vh-line-nav{gap:9px}
}

/* --- Hover de producto: escala suave, sin círculo/lupa. --- */
body.vh-system .vh-product-art .js-product-slide img{scale:1;transition:scale .32s cubic-bezier(.2,.75,.25,1)}
@media(hover:hover) and (pointer:fine){body.vh-system .vh-product-art .js-product-slide:hover img{scale:1.035}}
@media(prefers-reduced-motion:reduce){body.vh-system .vh-product-art .js-product-slide img{scale:1!important;transition:none!important}}

/* ==========================================================================
   Parte J — cue sobre la foto, galería con riel, WhatsApp relleno, más trama
   ========================================================================== */

/* --- Indicador: debajo de la foto grande y en la fila visual de las cards informativas. --- */
body.vh-system .vh-product .vh-cue-below-photo{position:static;left:auto;bottom:auto;transform:none;z-index:3;width:100%;margin:0;
  background:var(--vh-accent);border-color:var(--vh-accent);color:#0b0d10!important;backdrop-filter:none;-webkit-backdrop-filter:none;padding:12px 22px}
@media(max-width:767px){
  body.vh-system .vh-product .vh-cue-below-photo{padding:11px 14px}
}

/* --- WhatsApp remains available as a quiet support action below the purchase CTA. --- */
body.vh-system .vh-product .vh-pdp-whatsapp{min-height:44px!important;background:transparent!important;border:1px solid #454851!important;color:var(--vh-muted)!important;font-size:11px!important;font-weight:600!important;box-shadow:none!important}
body.vh-system .vh-product .vh-pdp-whatsapp svg{width:17px;height:17px;fill:#25b85a!important}
@media(hover:hover) and (pointer:fine){body.vh-system .vh-product .vh-pdp-whatsapp:hover{background:#ffffff08!important;border-color:#656975!important;color:var(--vh-text)!important}}

/* --- Galería: riel de miniaturas a la izquierda + flechas visibles en las dos versiones --- */
body.vh-system .vh-native-gallery .vh-gallery-rail{padding-right:10px}
body.vh-system .vh-native-gallery .product-thumb{display:block;position:relative;margin-bottom:10px;border:1px solid #33363d;border-radius:10px;overflow:hidden;background:#111316;transition:border-color .2s ease,box-shadow .2s ease;transform:none!important}
body.vh-system .vh-native-gallery .product-thumb.selected{border-color:var(--vh-accent);box-shadow:0 0 0 1px var(--vh-accent),0 0 18px -6px var(--vh-accent)}
@media(hover:hover) and (pointer:fine){body.vh-system .vh-native-gallery .product-thumb:hover{border-color:var(--vh-accent)}}
body.vh-system .vh-native-gallery .swiper-button-next,
body.vh-system .vh-native-gallery .swiper-button-prev{display:flex!important;align-items:center;justify-content:center;width:44px;height:44px;margin-top:-22px;border-radius:50%;
  background:color-mix(in srgb,#0a0c10 72%,transparent);border:1px solid color-mix(in srgb,var(--vh-accent) 45%,#3a3d45);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);opacity:1;z-index:3}
body.vh-system .vh-native-gallery .swiper-button-next svg,
body.vh-system .vh-native-gallery .swiper-button-prev svg{width:16px;height:16px;fill:var(--vh-accent)}
body.vh-system .vh-native-gallery .swiper-button-prev{left:10px}
body.vh-system .vh-native-gallery .swiper-button-next{right:10px}
body.vh-system .vh-native-gallery .swiper-button-disabled{opacity:.35}
@media(max-width:767px){
  body.vh-system .vh-native-gallery .vh-pdp-gallery{display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;gap:10px;margin-right:0!important;margin-left:0!important}
  body.vh-system .vh-native-gallery .product-image-container{order:1;flex:0 0 auto!important;width:100%!important;max-width:100%!important;margin:0!important;left:auto!important;right:auto!important;transform:none!important}
  /* Miniaturas centradas bajo la foto principal. El "safe" importa: si el
     producto tiene muchas fotos y la tira desborda, centrar recortaria la
     primera miniatura y quedaria inalcanzable; ahi vuelve sola a empezar
     desde la izquierda. */
  body.vh-system .vh-native-gallery .vh-gallery-rail{order:2;display:flex!important;justify-content:center;justify-content:safe center;flex:0 0 auto!important;gap:8px;width:100%!important;max-width:100%!important;max-height:none;margin:0!important;padding:0 0 4px!important;left:auto!important;right:auto!important;transform:none!important;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}
  body.vh-system .vh-native-gallery .product-thumb{flex:0 0 72px!important;width:72px!important;margin:0!important;border-radius:8px;scroll-snap-align:start}
  body.vh-system .vh-native-gallery .swiper-button-next,
  body.vh-system .vh-native-gallery .swiper-button-prev{width:38px;height:38px;margin-top:-19px}
  body.vh-system .vh-native-gallery .js-swiper-product-pagination{display:block}
}

/* --- Trama de fondo más marcada, sobre todo en catálogo y ficha --- */
body.vh-system::after{opacity:.85;background-image:radial-gradient(circle at center,rgba(255,255,255,.075) 1px,transparent 1.35px);background-size:20px 20px}
body.vh-system.template-category::after,body.vh-system.template-search::after,body.vh-system.template-product::after{opacity:1;background-image:
  radial-gradient(circle at center,color-mix(in srgb,var(--vh-accent) 16%,transparent) 1px,transparent 1.4px),
  radial-gradient(circle at center,rgba(255,255,255,.05) 1px,transparent 1.3px);
  background-size:80px 80px,20px 20px}
body.vh-system.template-product .vh-product{background:#0a0a0a}
body.vh-system.template-category .category-body,body.vh-system.template-search .category-body{background-image:radial-gradient(ellipse at 70% 0%,color-mix(in srgb,var(--vh-accent) 10%,transparent),transparent 55%)!important}

/* --- Flechas del carrusel de la ficha --- */
body.vh-system .vh-native-gallery .product-image-container{position:relative}
body.vh-system .vh-gal-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:4;display:flex;align-items:center;justify-content:center;width:46px;height:46px;padding:0;border-radius:50%;cursor:pointer;
  background:color-mix(in srgb,#0a0c10 74%,transparent);border:1px solid color-mix(in srgb,var(--vh-accent) 45%,#3a3d45);
  backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:background .2s ease,border-color .2s ease,transform .2s ease}
body.vh-system .vh-gal-nav svg{width:15px;height:15px;fill:var(--vh-accent)}
body.vh-system .vh-gal-prev{left:12px}
body.vh-system .vh-gal-prev svg{transform:rotate(180deg)}
body.vh-system .vh-gal-next{right:12px}
body.vh-system .vh-gal-nav:focus-visible{outline:2px solid var(--vh-accent);outline-offset:3px}
@media(hover:hover) and (pointer:fine){body.vh-system .vh-gal-nav:hover{background:color-mix(in srgb,var(--vh-accent) 26%,#0a0c10);border-color:var(--vh-accent);transform:translateY(-50%) scale(1.06)}}
@media(max-width:767px){
  /* Mismo criterio que las reseñas: en mobile nada de flechas circulares
     tapando la foto, solo swipe (el swiper nativo ya lo soporta). */
  body.vh-system.template-product .vh-native-gallery .product-image-container :is(.vh-gal-nav,.swiper-button-prev,.swiper-button-next){display:none!important}
}

/* En pares de acciones, comprar conserva el verde funcional y "Ver producto"
   queda como acceso secundario neutro, con idénticas dimensiones. */
body.vh-system .vh-btn-outline{background:transparent!important;border:1px solid #565b64!important;color:#e4e8ee!important;font-weight:700}
body.vh-system .vh-btn-outline:disabled,body.vh-system .vh-btn-outline.nostock{border-color:#484a54!important;color:#9aa0aa!important;background:transparent!important;cursor:not-allowed}
@media(hover:hover) and (pointer:fine){
  body.vh-system .vh-btn-outline:not(:disabled):hover{transform:translateY(-2px);background:color-mix(in srgb,var(--vh-cta) 9%,transparent)!important;border-color:var(--vh-cta)!important;color:#fff!important}
}

/* All custom storytelling/PDP motion becomes instantaneous when requested by
   the operating system. Native controls remain usable without movement. */
@media(prefers-reduced-motion:reduce){
  html,body.vh-system,body.vh-system .vh-home,body.vh-system .vh-product{scroll-behavior:auto!important}
  body.vh-system .vh-home *,body.vh-system .vh-home *::before,body.vh-system .vh-home *::after,
  body.vh-system .vh-product *,body.vh-system .vh-product *::before,body.vh-system .vh-product *::after,
  body.vh-system .vh-product-dock{animation:none!important;transition:none!important}
  body.vh-system [data-vh-reveal]{opacity:1!important;transform:none!important;transition-delay:0ms!important}
}


/* Product media always renders at full visual strength. Intrinsic PNG alpha is
   preserved; only component-level fading, blending and filters are removed. */
body.vh-system :is([data-vh-media],.item-image,.product-image-container,.vh-card-media,.vh-spotlight-media,.vh-spotlight2-media,.vh-tech-media,.cart-item,.js-cart-notification-item) :is(img:not(.blur-up),video,iframe),
body.vh-system .section-products-related :is(img:not(.blur-up),video,iframe){opacity:1!important;filter:none!important;mix-blend-mode:normal!important}
body.vh-system :is(.vh-home .vh-chapter,.js-item-product,.vh-product-art)[data-vh-reveal]{opacity:1!important}
body.vh-system [data-vh-reveal]:has(:is([data-vh-media],.item-image,.product-image-container,.vh-card-media,.vh-spotlight-media,.vh-spotlight2-media,.vh-tech-media)){opacity:1!important}

/* Keep mutually exclusive media at opacity 1 and switch them without alpha
   fades, preventing posters and secondary photos from stacking. */
body.vh-system .vh-media>[data-vh-scroll-video],body.vh-system .vh-tech-media video{opacity:1!important;visibility:hidden}
body.vh-system .vh-media.vh-video-ready>[data-vh-scroll-video],body.vh-system .vh-tech-media.is-ready video{visibility:visible}
body.vh-system .vh-media.vh-video-ready>[data-vh-poster],body.vh-system .vh-tech-media.is-ready img{opacity:1!important;visibility:hidden}
body.vh-system .item-image-secondary{opacity:1!important;visibility:hidden}
body.vh-system .product-item-secondary-images-loaded:not(.product-item-secondary-images-disabled):hover .item-image-featured{opacity:1!important;visibility:hidden}
body.vh-system .product-item-secondary-images-loaded:not(.product-item-secondary-images-disabled):hover .item-image-featured~.item-image-secondary{opacity:1!important;visibility:visible}

/* Decorative grain belongs behind product media, never over its pixels. Raising
   the media stacking contexts keeps the page atmosphere visible around them. */
body.vh-system :is(.vh-chapter,.vh-feature-card,.js-item-product,.vh-product-art,.vh-tech-media,.vh-card-media,.vh-spotlight-media,.vh-spotlight2-media){z-index:6}
body.vh-system :is([data-vh-media],.item-image,.product-image-container,.vh-card-media,.vh-spotlight-media,.vh-spotlight2-media,.vh-tech-media) :is(img:not(.blur-up),video,iframe){z-index:1}

/* Home — primer capítulo (hero): el bloque de información deja de pegarse al
   bloque visual. Solo spacing interno de la columna de copy: el video/foto y
   las pistas del grid conservan exactamente su tamaño. */
body.vh-system .vh-chapter.vh-chapter-hero .vh-chapter-copy{padding-left:clamp(18px,2.2vw,40px)}
@media(max-width:767px){
  body.vh-system .vh-chapter.vh-chapter-hero .vh-chapter-copy{padding-left:0;padding-top:26px}
}

/* Sistema de botones Vanhaus (azul). El verde deja de ser color global de
   acción y queda reservado como acento ambiental de categoría.
   CTA principal: #A2BEFE sobre #000 — hover #7D92BC sobre #000.
   CTA secundario: transparente, borde #7D92BC, texto #EFF1F3 — hover #7D92BC sobre #000. */
body.vh-system .vh-btn-outline{background:transparent!important;border:1px solid var(--vh-cta-line)!important;color:var(--vh-cta-ghost-ink)!important}
@media(hover:hover) and (pointer:fine){
  body.vh-system .vh-btn-outline:not(:disabled):hover{background:var(--vh-cta-line)!important;border-color:var(--vh-cta-line)!important;color:var(--vh-cta-ink)!important}
  body.vh-system .vh-btn-solid:not(:disabled):hover,
  body.vh-system .btn-primary:not(:disabled):hover,
  body.vh-system .vh-action:hover,
  body.vh-system .vh-home .vh-action:hover,
  body.vh-system .vh-product-dock button:not(:disabled):hover{background:var(--vh-cta-hover)!important;border-color:var(--vh-cta-hover)!important;color:var(--vh-cta-ink)!important;filter:none;opacity:1}
}

/* ==========================================================================
   PDP — cabecera: "Descubrí los detalles" pasa a CTA secundario.
   Sólo el indicador; galería, precio, cantidad, color y el CTA no se tocan.
   ========================================================================== */
body.vh-system .vh-product .vh-cue-below-photo{
  width:auto;max-width:none;box-sizing:border-box;
  margin:16px auto 4px;padding:11px 22px;min-height:46px;
  background:transparent;border:1px solid var(--vh-cta-line);
  color:var(--vh-cta-ghost-ink)!important;font-weight:600;
  animation:none;transition:background-color .18s ease,color .18s ease,border-color .18s ease}
/* La flecha se mantiene, con su misma animación. */
body.vh-system .vh-product .vh-cue-below-photo span:last-child{color:var(--vh-cta-line)!important}
@media(hover:hover) and (pointer:fine){
  body.vh-system .vh-product .vh-cue-below-photo:hover{background:var(--vh-cta-line);border-color:var(--vh-cta-line);color:var(--vh-cta-ink)!important}
  body.vh-system .vh-product .vh-cue-below-photo:hover span:last-child{color:var(--vh-cta-ink)!important}
}
@media(max-width:767px){
  body.vh-system .vh-product .vh-cue-below-photo{margin:14px auto 2px;padding:10px 18px;min-height:44px}
  body.vh-system .vh-product .vh-cue-below-photo.vh-cue-with-thumbs{width:auto;margin-left:auto}
}

/* ==========================================================================
   PDP — precio, cue centrado, sticky con composición, specs en mobile y
   encabezado de reseñas. Todo acotado a la ficha de producto.
   ========================================================================== */

/* 4) El precio pesaba más que el nombre (clamp 46-76 contra 36-72). Baja a un
   escalón por debajo del nombre sin dejar de leerse de un golpe. */
body.vh-system .vh-product #price_display{font-size:clamp(30px,3.1vw,46px)!important;letter-spacing:-.045em}
body.vh-system .vh-product #compare_price_display{font-size:clamp(15px,1.5vw,20px)!important}
@media(max-width:767px){
  body.vh-system .vh-product #price_display{font-size:27px!important}
  body.vh-system .vh-product #compare_price_display{font-size:15px!important}
}

/* 5) "Descubrí los detalles": queda centrado sobre la FOTO, no sobre la
   columna entera. Con miniaturas el riel ocupa col-md-2 (16.667%), así que la
   píldora se corre media columna a la derecha. El % de `left` se resuelve
   contra el ancho del contenedor, no contra el del propio botón. */
body.vh-system .vh-product .vh-cue-main-frame{display:flex;justify-content:center}
body.vh-system .vh-product .vh-cue-main-frame .vh-cue-below-photo{flex:0 0 auto;width:auto;margin-left:auto;margin-right:auto}

/* 6) Sticky de compra: tres zonas con jerarquía en vez de una barra vacía. */
body.vh-system .vh-product-dock{gap:18px;padding:10px 12px 10px 22px}
body.vh-system .vh-product-dock .vh-dock-info{display:flex;flex-direction:column;justify-content:center;gap:3px;flex:1 1 auto;min-width:0}
body.vh-system .vh-product-dock .vh-dock-kicker{display:block;max-width:100%;font:600 9px/1.2 var(--vh-font-ui);letter-spacing:.18em;text-transform:uppercase;color:var(--vh-accent);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.vh-system .vh-product-dock .vh-dock-name{display:block;max-width:100%;font:700 15px/1.25 var(--vh-font-display);letter-spacing:-.02em;color:var(--vh-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.vh-system .vh-product-dock .vh-dock-price{flex:0 0 auto;display:block;font-size:24px;line-height:1.1;letter-spacing:-.04em;font-weight:900;color:var(--vh-text)}
body.vh-system .vh-product-dock .vh-dock-price:empty{display:none}
body.vh-system .vh-product-dock .vh-dock-rule{flex:0 0 1px;align-self:stretch;margin:2px 0;background:linear-gradient(180deg,transparent,#5a5d68 22%,#5a5d68 78%,transparent)}
body.vh-system .vh-product-dock .vh-dock-cta{flex:0 0 auto;letter-spacing:.02em;text-transform:uppercase}
@media(max-width:767px){
  body.vh-system .vh-product-dock{gap:10px;padding:8px 8px 8px 14px}
  body.vh-system .vh-product-dock .vh-dock-kicker{font-size:8px;letter-spacing:.14em}
  body.vh-system .vh-product-dock .vh-dock-name{font-size:12px}
  body.vh-system .vh-product-dock .vh-dock-price{font-size:17px}
  body.vh-system .vh-product-dock .vh-dock-rule{display:none}
  body.vh-system .vh-product-dock{display:grid;grid-template-columns:minmax(0,1fr) minmax(134px,auto);grid-template-areas:"info cta" "price cta";align-items:center;column-gap:10px;row-gap:1px}
  body.vh-system .vh-product-dock .vh-dock-info{grid-area:info}
  body.vh-system .vh-product-dock .vh-dock-price{grid-area:price}
  /* max-width:52% viene del layout flex anterior y en grid se resuelve contra
     la celda, dejando el CTA en 82px con el texto partido en tres lineas. */
  body.vh-system .vh-product-dock .vh-dock-cta{grid-area:cta;align-self:stretch;width:100%;max-width:none}
  body.vh-system .vh-product-dock .vh-dock-kicker{display:none}
}

/* 7) Specs en mobile: sin cortes de palabra a mitad y sin columnas angostas.
   overflow-wrap:normal y no break-word: una palabra se quiebra entera o no se
   quiebra, nunca por el medio ("2 equip / os"). */
@media(max-width:767px){
  body.vh-system .vh-product-story .vh-spec dd,
  body.vh-system .vh-product-story .vh-spec dt,
  body.vh-system .vh-product-story .vh-spec-context{overflow-wrap:normal;word-break:normal;hyphens:none}
}
@media(max-width:599px){
  body.vh-system .vh-product-story .vh-specs{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:359px){
  body.vh-system .vh-product-story .vh-spec{padding:16px 14px}
}

/* 8) Encabezado de reseñas: estrellas + 4.8/5 a la izquierda, total a la derecha. */
body.vh-system .vh-product-reviews .vh-reviews-score{display:flex;align-items:center;gap:12px}
body.vh-system .vh-product-reviews .vh-reviews-score strong{font-family:var(--vh-font-display);font-size:clamp(22px,2.4vw,30px);line-height:1;letter-spacing:-.04em;color:var(--vh-text)}
body.vh-system .vh-product-reviews .vh-reviews-total{margin:0;flex:0 0 auto;font:600 14px/1.2 var(--vh-font-ui);color:var(--vh-muted);white-space:nowrap}
@media(max-width:767px){
  body.vh-system .vh-product-reviews .vh-reviews-summary{display:flex;align-items:center;justify-content:space-between;gap:12px}
  body.vh-system .vh-product-reviews .vh-reviews-score{gap:9px}
  body.vh-system .vh-product-reviews .vh-reviews-score strong{font-size:22px}
  body.vh-system .vh-product-reviews .vh-reviews-total{font-size:12px}
}

/* 10) Vuelta al principio de la ficha. */
body.vh-system .vh-reviews-back{margin:26px 0 0;text-align:center}
body.vh-system .vh-reviews-back a{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:10px 22px;border:1px solid var(--vh-cta-line);border-radius:40px;color:var(--vh-cta-ghost-ink)!important;font:600 13px/1 var(--vh-font-ui);text-decoration:none;transition:background-color .18s ease,color .18s ease}
@media(hover:hover) and (pointer:fine){
  body.vh-system .vh-reviews-back a:hover{background:var(--vh-cta-line);color:var(--vh-cta-ink)!important}
}

/* ==========================================================================
   PDP — "Productos similares". Sólo esta sección: el resto de la ficha,
   el catálogo y la Home usan las mismas clases y no se tocan.
   ========================================================================== */

/* 4/5) El carrusel dejaba las cards corridas: con dos productos el wrapper
   quedaba desplazado 323px y el hueco caía todo de un lado. Se neutraliza el
   desplazamiento y el conjunto pasa a una grilla centrada, con todos los
   productos a la vista y separación pareja. Los !important son necesarios
   porque Swiper escribe ancho y transform en el style inline. */
body.vh-system.template-product .section-products-related .swiper-container,
body.vh-system.template-product .section-products-related .products-section-slider-container{overflow:visible!important}
body.vh-system.template-product .section-products-related .swiper-wrapper{
  display:grid!important;grid-template-columns:repeat(auto-fit,minmax(210px,250px));justify-content:center;
  gap:20px;transform:none!important;width:auto!important;height:auto!important}
body.vh-system.template-product .section-products-related .swiper-slide{display:flex!important;width:auto!important;height:auto!important;margin:0!important;padding:0!important}
/* Todas las cards de una fila terminan a la misma altura y el CTA queda al pie. */
body.vh-system.template-product .section-products-related .item{align-self:stretch!important;width:100%!important;height:auto!important}
/* Con quickshop activo todo cuelga de .js-product-container, asi que el auto
   margin del CTA necesita que ese contenedor sea el que estira. */
body.vh-system.template-product .section-products-related .item>.js-product-container{display:flex;flex-direction:column;flex:1 1 auto;min-height:0}
body.vh-system.template-product .section-products-related .item-actions{margin-top:auto!important}
/* Una sola fila en desktop: el bloque no vuelve a crecer si la categoria trae
   muchos relacionados (el template llega a traer hasta 8). */
body.vh-system.template-product .section-products-related .swiper-slide:nth-child(n+4){display:none!important}
/* Sin carrusel no hay flechas ni bullets que mostrar. */
body.vh-system.template-product .section-products-related :is(.vh-pdp-related-control,.swiper-pagination){display:none!important}

/* 2) Menos alto: la foto baja de 210px y el bloque de texto se ajusta. */
body.vh-system.template-product .section-products-related{padding:40px 0 44px!important}
body.vh-system.template-product .section-products-related .vh-pdp-related-title{margin:0 0 20px!important}
body.vh-system.template-product .section-products-related .item-image{height:158px!important}
body.vh-system.template-product .section-products-related .item-image :is(img,.vh-related-floating-media img){padding:10px!important}
body.vh-system.template-product .section-products-related .item-description{padding:12px 13px 6px!important}
body.vh-system.template-product .section-products-related .vanhaus-grid-name-row{min-height:0!important;margin-bottom:5px!important}
body.vh-system.template-product .section-products-related .vanhaus-grid-name-row .item-name{font-size:15px!important}
body.vh-system.template-product .section-products-related .vh-related-benefit{min-height:0;margin:0 0 8px;-webkit-line-clamp:2}
body.vh-system.template-product .section-products-related .item-price{font-size:21px!important}
body.vh-system.template-product .section-products-related .item-actions{padding:8px 13px 12px!important}

/* 1) La card muestra sólo imagen, nombre, beneficio + dato técnico, precio y CTA. */
body.vh-system.template-product .section-products-related :is(.vanhaus-grid-category,.item-installments,.vanhaus-grid-benefit,.js-payment-discount-price,.js-subscription-message){display:none!important}

/* 3) "Ver producto" es secundario: nunca el mismo peso que "Agregar al carrito". */
body.vh-system.template-product .section-products-related .item-actions .btn-primary{
  min-height:40px;background:transparent!important;border:1px solid var(--vh-cta-line)!important;
  color:var(--vh-cta-ghost-ink)!important;font-weight:700}
@media(hover:hover) and (pointer:fine){
  body.vh-system.template-product .section-products-related .item-actions .btn-primary:hover{
    background:var(--vh-cta-line)!important;border-color:var(--vh-cta-line)!important;color:var(--vh-cta-ink)!important}
}

@media(max-width:767px){
  body.vh-system.template-product .section-products-related .swiper-wrapper{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;padding:0 20px}
  body.vh-system.template-product .section-products-related .item-image{height:132px!important}
  body.vh-system.template-product .section-products-related .item-description{padding:11px 10px 5px!important}
  body.vh-system.template-product .section-products-related .vanhaus-grid-name-row .item-name{font-size:14px!important}
  body.vh-system.template-product .section-products-related .item-price{font-size:19px!important}
  body.vh-system.template-product .section-products-related .item-actions{padding:7px 10px 10px!important}
}
/* Dos columnas dejan de ser legibles por debajo de ~360px. */
@media(max-width:359px){
  body.vh-system.template-product .section-products-related .swiper-wrapper{grid-template-columns:1fr}
}

/* PDP — el rating es una linea clickeable de 19px de alto: muy poco blanco para
   el dedo. Se extiende SOLO el area de toque con un pseudo-elemento absoluto,
   que no pinta nada y no participa del flujo: tamano, posicion, spacing y
   apariencia del rating quedan exactamente igual. */
body.vh-system .vh-product .vh-pdp-rating{position:relative}
body.vh-system .vh-product .vh-pdp-rating::after{
  content:"";position:absolute;left:0;right:0;top:50%;
  height:44px;transform:translateY(-50%);background:transparent}

/* Vanhaus palette: editorial champagne, functional ice blue.
   Scoped to custom Home/PDP and product cards; external brand colors untouched. */
.vh-system .vh-home :is(.vh-accent-0,.vh-accent-2),
.vh-system .vh-product:is(.vh-accent-0,.vh-accent-2){--vh-accent:#7D92BC}
.vh-system .vh-home .vh-accent-1,
.vh-system .vh-product.vh-accent-1{--vh-accent:#7D92BC}
.vh-system:is(.template-home,.template-category,.template-search,.template-product) .js-item-product[data-vh-surface]{--vh-accent:#7D92BC}
.vh-system:is(.template-home,.template-category,.template-search,.template-product) .js-item-product:is(.vh-accent-0,.vh-accent-2) :is(.vanhaus-grid-category,.vanhaus-grid-label,.vanhaus-grid-sep){--vh-accent:#7D92BC}

/* Controls override category inheritance without changing their geometry/effects. */
.vh-system :is(.vh-home,.vh-product) :is(.vh-btn,.vh-action,.vh-stock,.vh-native-gallery,.vh-gal-nav,.vh-scroll-cue,.vh-info-accordion,.vh-media-link,.btn-variant,.vh-pdp-rating),
.vh-system .vh-product #product_form [data-store=product-buy-button]{--vh-accent:#7D92BC}
.vh-system :is(.vh-home,.vh-product) :is(a,button,input,select,summary):focus-visible{outline-color:#A2BEFE!important}
.vh-system :is(.vh-home,.vh-product) .vh-stock[data-available=true]::before{background:#7D92BC}
.vh-system .vh-product .vh-pdp-purchase-signal svg{fill:#7D92BC}

/* Premium hover tint on editorial specs; existing transitions remain in place. */
@media(hover:hover) and (pointer:fine){
  .vh-system .vh-product:is(.vh-accent-0,.vh-accent-2) .vh-product-story .vh-spec:hover{--vh-accent:#7D92BC}
}

/* ==========================================================================
   PDP — profundidad por capas. Solo fondos, transparencias, bordes y halos,
   todo derivado de #000000 / #7D92BC / #A2BEFE / #EFF1F3.
   Cada zona usa una intensidad distinta para que el scroll tenga ritmo:
   superior negro -> destacados 6% -> acordeones negro con cards -> reseñas
   4.5% -> relacionados 8% que se apaga hacia negro.
   Acotado a .template-product: Home y catálogo no se tocan.
   ========================================================================== */

/* --- 2. "Lo más destacado": cards con mas presencia ---
   La bruma radial de fondo (a 22% 0%, pegada arriba) se saco: se veia como
   una luz/degrade raro arrancando justo encima del titulo. */
/* La superficie de la card sube de 8% a 14% y el borde de 28% a 40%: se
   despega del fondo sin volverse una card azul solida. */
body.vh-system.template-product .vh-product-story .vh-spec{
  background:linear-gradient(140deg,color-mix(in srgb,var(--vh-detail-accent,var(--vh-accent)) 14%,#15171a),#0e0f11 78%);
  border-color:color-mix(in srgb,var(--vh-detail-accent,var(--vh-accent)) 40%,#2b2f35);
  box-shadow:inset 0 1px rgba(239,241,243,.06),0 10px 26px rgba(0,0,0,.42)}

/* --- 3. Acordeones: grafito azulado, borde discreto, hover mas luminoso --- */
body.vh-system.template-product .vh-info-accordion{
  background:color-mix(in srgb,#7D92BC 6%,#111316);
  border-color:color-mix(in srgb,#7D92BC 26%,#2c3138);
  box-shadow:inset 0 1px rgba(239,241,243,.05)}
@media(hover:hover) and (pointer:fine){
  body.vh-system.template-product .vh-info-accordion:hover{
    background:color-mix(in srgb,#7D92BC 9%,#131519);
    border-color:color-mix(in srgb,#7D92BC 38%,#2c3138)}
}
body.vh-system.template-product .vh-info-accordion[open]{
  background:color-mix(in srgb,#7D92BC 8%,#121417);
  border-color:color-mix(in srgb,#A2BEFE 34%,#2c3138)}
body.vh-system.template-product .vh-info-accordion summary:focus-visible{
  background:color-mix(in srgb,#A2BEFE 10%,transparent)}

/* --- 4. Reseñas: bruma azul muy tenue, sin rectangulo. Las cards blancas
       quedan exactamente como estan. --- */
body.vh-system.template-product .vh-product-reviews{
  background-image:
    radial-gradient(ellipse 88% 34% at 50% 6%,rgba(125,146,188,.055),transparent 74%),
    radial-gradient(ellipse 54% 30% at 12% 78%,rgba(162,190,254,.03),transparent 78%);
  background-repeat:no-repeat;
  border-top-color:color-mix(in srgb,#7D92BC 22%,var(--vh-border))}

/* --- 5. Productos similares: halo que se apaga hacia negro y cards con mas
       contraste tonal. Imagen, textos, precio y CTA sin cambios. --- */
body.vh-system.template-product .section-products-related{
  background:
    radial-gradient(ellipse 96% 62% at 50% 26%,rgba(125,146,188,.075),transparent 72%),
    #000000!important;
  border-top-color:color-mix(in srgb,#7D92BC 18%,var(--vh-border))}
body.vh-system.template-product .section-products-related .item{
  background:linear-gradient(160deg,rgba(125,146,188,.09),rgba(0,0,0,0) 62%),#131518!important;
  border-color:color-mix(in srgb,#7D92BC 24%,#2b2e34)!important;
  box-shadow:inset 0 1px rgba(239,241,243,.05)}
@media(hover:hover) and (pointer:fine){
  body.vh-system.template-product .section-products-related .item:hover{
    border-color:color-mix(in srgb,#A2BEFE 42%,#2b2e34)!important}
}

/* Catalog final overrides: this file loads after vanhaus-catalog.css. */
body.vh-system.template-category .category-controls svg,
body.vh-system.template-category .category-controls svg *,
body.vh-system.template-search .category-controls svg,
body.vh-system.template-search .category-controls svg *{
  color:var(--vh-text)!important;fill:var(--vh-text)!important;stroke:var(--vh-text)!important;
}
body.vh-system.template-category .category-body .item,
body.vh-system .vh-related-catalog .item{position:relative!important}
body.vh-system.template-category .category-body .vanhaus-grid-use,
body.vh-system .vh-related-catalog .vanhaus-grid-use{
  position:absolute!important;top:12px!important;right:12px!important;left:auto!important;bottom:auto!important;
  z-index:20!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;
  width:auto!important;min-width:0!important;max-width:calc(100% - 24px)!important;min-height:27px!important;
  margin:0!important;padding:0 10px!important;border:0!important;border-radius:7px!important;
  color:#fff!important;font:800 10px/1 var(--vh-font-ui)!important;letter-spacing:.09em!important;
  text-align:center!important;white-space:nowrap!important;box-shadow:0 10px 24px rgba(0,0,0,.35)!important;
  pointer-events:none!important;transform:none!important;
}
body.vh-system.template-category .category-body :is(.vanhaus-grid-use-gamer,.vanhaus-grid-use-sport,.vanhaus-grid-use-anc,.vanhaus-grid-use-daily,.vanhaus-grid-use-health,.vanhaus-grid-use-hifi),
body.vh-system .vh-related-catalog :is(.vanhaus-grid-use-gamer,.vanhaus-grid-use-sport,.vanhaus-grid-use-anc,.vanhaus-grid-use-daily,.vanhaus-grid-use-health,.vanhaus-grid-use-hifi){background:#1b1e23!important;border:1px solid #414752!important;color:#e6eaf0!important}
body.vh-system.template-category .category-body .vanhaus-grid-use-inline,
body.vh-system .vh-related-catalog .vanhaus-grid-use-inline{display:none!important}
body.vh-system.template-category .category-body .item-price,
body.vh-system .vh-related-catalog .item-price{font-size:24px!important;letter-spacing:-.03em!important;line-height:1.05!important}
body.vh-system.template-category .category-body .item-actions .btn,
body.vh-system.template-category .category-body .item-actions .btn-primary,
body.vh-system .vh-related-catalog .item-actions .btn,
body.vh-system .vh-related-catalog .item-actions .btn-primary{
  display:flex!important;align-items:center!important;justify-content:center!important;
  min-height:42px!important;height:42px!important;padding:0 14px!important;margin-bottom:0!important;
  line-height:1!important;text-align:center!important;
}
@media(max-width:767px){
  body.vh-system.template-category .category-body .vanhaus-grid-use,
  body.vh-system.template-category .vanhaus-grid-use,
body.vh-system .vh-related-catalog .vanhaus-grid-use,
body.vh-system .vh-related-catalog .vanhaus-grid-use{display:none!important}
  body.vh-system.template-category .category-body .vanhaus-grid-category-row,
body.vh-system .vh-related-catalog .vanhaus-grid-category-row{
    display:flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;
    min-width:0!important;margin:0 0 4px!important;
  }
  body.vh-system.template-category .category-body .vanhaus-grid-category-row .vanhaus-grid-category,
body.vh-system .vh-related-catalog .vanhaus-grid-category-row .vanhaus-grid-category{margin:0!important}
  body.vh-system.template-category .category-body .vanhaus-grid-use-inline,
  body.vh-system.template-category .vanhaus-grid-use-inline,
body.vh-system .vh-related-catalog .vanhaus-grid-use-inline,
body.vh-system .vh-related-catalog .vanhaus-grid-use-inline{
    display:inline-flex!important;align-items:center!important;justify-content:center!important;
    min-height:16px!important;padding:0 5px!important;border-radius:4px!important;color:#fff!important;
    font:700 7.5px/1 var(--vh-font-ui)!important;letter-spacing:.045em!important;text-transform:uppercase!important;
    white-space:nowrap!important;box-shadow:none!important;transform:none!important;pointer-events:none!important;
  }
  /* product-use-tag.tpl genera el modificador sobre la clase base recibida.
     Usar el modificador inline evita depender del style excepcional de HI-FI. */
  body.vh-system.template-category :is(.vanhaus-grid-use-inline-gamer,.vanhaus-grid-use-inline-sport,.vanhaus-grid-use-inline-anc,.vanhaus-grid-use-inline-daily,.vanhaus-grid-use-inline-health,.vanhaus-grid-use-inline-hifi),
body.vh-system .vh-related-catalog :is(.vanhaus-grid-use-inline-gamer,.vanhaus-grid-use-inline-sport,.vanhaus-grid-use-inline-anc,.vanhaus-grid-use-inline-daily,.vanhaus-grid-use-inline-health,.vanhaus-grid-use-inline-hifi){background:#1b1e23!important;border-color:#414752!important;color:#e6eaf0!important}
  body.vh-system.template-category .category-body .item-price,
body.vh-system .vh-related-catalog .item-price{font-size:clamp(18px,4.8vw,22px)!important}
  body.vh-system.template-category .category-body .item-actions .btn,
  body.vh-system.template-category .category-body .item-actions .btn-primary,
body.vh-system .vh-related-catalog .item-actions .btn,
body.vh-system .vh-related-catalog .item-actions .btn-primary{min-height:40px!important;height:40px!important;padding:0 8px!important}
}

/* Purchase reassurance: one shared, non-interactive component. */
body.vh-system.template-product .vh-trust-cards{container-type:inline-size;margin:16px 0 4px}
body.vh-system.template-product .vh-trust-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:1fr;gap:8px}
body.vh-system.template-product .vh-trust-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;min-width:0;min-height:116px;padding:12px 10px;text-align:center;border:1px solid color-mix(in srgb,var(--vh-border) 55%,transparent);border-radius:calc(var(--vh-radius)/2);background:var(--vh-surface)}
body.vh-system.template-product .vh-trust-card>svg{width:28px;height:28px;flex:0 0 28px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;color:var(--vh-accent)}
body.vh-system.template-product .vh-trust-card>div{min-width:0;width:100%}
body.vh-system.template-product .vh-trust-card strong{display:block;color:var(--vh-text);font-size:13px;font-weight:600;line-height:1.3;text-transform:none;letter-spacing:normal}
body.vh-system.template-product .vh-trust-card span{display:block;margin-top:3px;color:var(--vh-muted);font-size:11px;font-weight:400;line-height:1.35;text-transform:none;letter-spacing:normal}
@container(min-width:640px){body.vh-system.template-product .vh-trust-grid{grid-template-columns:repeat(4,minmax(0,1fr))}body.vh-system.template-product .vh-trust-card{padding-inline:8px}body.vh-system.template-product .vh-trust-card strong{font-size:12px}}
@media(max-width:319px){body.vh-system.template-product .vh-trust-grid{grid-template-columns:1fr}}

/* PDP final polish: information accordions and review carousel. */








body.vh-system.template-product .vh-information{padding:34px 0 24px!important}
body.vh-system.template-product .vh-information-ready.vh-product-description{background:transparent!important}
body.vh-system.template-product .vh-info-grid{grid-template-columns:minmax(0,1.5fr) minmax(280px,1fr)!important;align-items:start!important;gap:36px 44px!important}
body.vh-system.template-product .vh-info-accordion{border-radius:16px!important;background:color-mix(in srgb,#7D92BC 8%,#111316)!important}
body.vh-system.template-product .vh-info-accordion>summary{font-size:16px!important;font-weight:850!important;color:#fff!important}
body.vh-system.template-product .vh-info-faq>summary{justify-content:center!important;text-align:center!important}
body.vh-system.template-product .vh-info-body{padding:0!important}
body.vh-system.template-product .vh-info-faq .vh-info-body{display:block!important}
/* El separador ahora es el propio border-bottom del summary (inline-flex,
   ancho = texto + icono), no una linea de ancho fijo aparte: asi el "+"
   siempre cae justo al final del separador de SU pregunta, en vez de quedar
   pegado al borde derecho de toda la fila mientras la linea corta terminaba
   mucho antes. Sin linea antes de la primera pregunta ni despues de la
   ultima (border-bottom normal, no hay nada que sacar ahi). */
body.vh-system.template-product .vh-faq-item{
  position:relative;border:0!important;border-radius:0!important;background:transparent!important;overflow:visible!important;
}
body.vh-system.template-product .vh-faq-item>summary{
  display:inline-flex!important;align-items:center!important;justify-content:flex-start!important;gap:12px!important;
  max-width:100%!important;
  padding:16px 0 10px!important;margin-bottom:6px!important;
  border-bottom:1px solid #343941!important;
  color:#fff!important;font-size:14px!important;font-weight:650!important;line-height:1.4!important;cursor:pointer!important;
}
body.vh-system.template-product .vh-faq-item:first-child>summary{padding-top:0!important}
body.vh-system.template-product .vh-faq-item>summary::-webkit-details-marker{display:none!important}
body.vh-system.template-product .vh-faq-item>summary::after{content:'+';flex:0 0 auto;color:#A2BEFE!important;font-size:18px!important;font-weight:700!important}
body.vh-system.template-product .vh-faq-item[open]>summary::after{content:'-'}
body.vh-system.template-product .vh-faq-answer{padding:0 0 17px!important}
body.vh-system.template-product .vh-faq-answer,
body.vh-system.template-product .vh-faq-answer :is(p,li,span,strong){color:#d7dce4!important;font-size:13px!important;font-weight:400!important;line-height:1.55!important}
body.vh-system.template-product .vh-product-reviews .vh-reviews-heading{
  display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:24px!important;margin-bottom:24px!important;
}
body.vh-system.template-product .vh-product-reviews .vh-reviews-heading h2{margin:0!important;text-align:left!important}
body.vh-system.template-product .vh-product-reviews .vh-reviews-score{
  display:grid!important;grid-template-columns:auto auto!important;grid-template-areas:"stars score" "total total"!important;
  align-items:center!important;justify-content:center!important;gap:7px 12px!important;text-align:center!important;
}
body.vh-system.template-product .vh-product-reviews .vh-reviews-stars{grid-area:stars;font-size:26px!important}
body.vh-system.template-product .vh-product-reviews .vh-reviews-score strong{grid-area:score;font-size:28px!important;color:#fff!important}
body.vh-system.template-product .vh-product-reviews .vh-reviews-total{grid-area:total;margin:0!important;color:var(--vh-muted)!important;font-size:13px!important;text-align:center!important}
body.vh-system.template-product .vh-reviews-carousel{position:relative;margin-top:18px;padding:0 58px}
body.vh-system.template-product .vh-reviews-list{
  display:block!important;gap:0!important;margin-top:0!important;overflow:hidden!important;overscroll-behavior-x:contain!important;
  scrollbar-width:none!important;padding:2px 0 18px!important;touch-action:pan-y!important;
}
body.vh-system.template-product .vh-reviews-list::-webkit-scrollbar{display:none}
body.vh-system.template-product .vh-reviews-track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 24px)/3);grid-template-columns:none;gap:12px;will-change:transform;transition:transform .32s ease}
body.vh-system.template-product .vh-review-card{min-height:210px}
body.vh-system.template-product .vh-review-nav{
  position:absolute;top:50%;z-index:3;display:grid;place-items:center;width:44px;height:44px;margin:0;padding:0;
  border:1px solid color-mix(in srgb,#A2BEFE 48%,#3b414b);border-radius:999px;background:#171a1f;color:#fff!important;
  font:800 20px/1 var(--vh-font-ui);box-shadow:0 12px 28px rgba(0,0,0,.34);transform:translateY(-50%);cursor:pointer;
}
body.vh-system.template-product .vh-review-nav:disabled{opacity:.35;cursor:not-allowed}
body.vh-system.template-product .vh-review-nav-prev{left:0}
body.vh-system.template-product .vh-review-nav-next{right:0}
body.vh-system.template-product .vh-review-dots{display:none}
@media(max-width:767px){


  body.vh-system.template-product .vh-info-grid{grid-template-columns:1fr!important;gap:30px!important}
  body.vh-system.template-product .vh-info-faq{order:2}body.vh-system.template-product .vh-info-specifications{order:3}
  body.vh-system.template-product .vh-info-accordion>summary{justify-content:center!important;text-align:center!important}
  body.vh-system.template-product .vh-product-reviews .vh-reviews-heading{grid-template-columns:1fr!important;gap:14px!important}
  body.vh-system.template-product .vh-product-reviews .vh-reviews-score{
    grid-template-columns:auto auto auto!important;grid-template-areas:"stars score total"!important;
    justify-content:start!important;text-align:left!important;gap:6px 8px!important;
  }
  body.vh-system.template-product .vh-product-reviews .vh-reviews-stars{font-size:21px!important}
  body.vh-system.template-product .vh-product-reviews .vh-reviews-score strong{font-size:22px!important}
  body.vh-system.template-product .vh-product-reviews .vh-reviews-total{
    align-self:center!important;text-align:left!important;font-size:12px!important;white-space:nowrap!important;
  }
  {# Mobile: flechas circulares afuera, patron swipe + dots. El drag/swipe ya
     existia via pointerdown/pointermove/pointerup (ver vanhaus-interactions.js);
     lo que faltaba era sacar las flechas (se superponian a la card) y dar un
     indicador de posicion. #}
  body.vh-system.template-product .vh-reviews-carousel{padding:0}
  body.vh-system.template-product .vh-reviews-track{grid-auto-columns:100%}
  body.vh-system.template-product .vh-review-nav{display:none!important}
  body.vh-system.template-product .vh-review-dots{display:flex;justify-content:center;gap:8px;margin-top:14px}
  body.vh-system.template-product .vh-review-dot{width:7px;height:7px;padding:0;border:0;border-radius:50%;background:#3c4248;cursor:pointer;transition:width .18s ease,background-color .18s ease}
  body.vh-system.template-product .vh-review-dot.is-active{width:20px;border-radius:4px;background:var(--vh-accent)}
}
/* Home popup: captura de mail, solo texto.
   Sin imagen ni link — el bloque visual salio del template, asi que queda una
   sola columna. La card crece con su contenido y, como ultimo recurso, hace
   scroll propio: antes .modal-centered-small le imponia un .modal-body de
   400px con overflow:hidden y el campo de email quedaba recortado afuera del
   modal, imposible de completar. */
/* Refuerzo sincrono de posicion/z-index/scrim: .modal y .modal-overlay base
   viven en style-async.scss.tpl, que carga con media="print" (async, ver
   layout.tpl). Si el popup dispara antes de que esa hoja swapee a
   media="all", el modal no tiene position:fixed ni z-index y el overlay no
   tiene fondo — queda pegado en el flujo del documento, sin scrim, tapado por
   el titulo y los botones de compra. Mismo bug ya resuelto para #modal-cart
   mas abajo; replicado aca para el popup de newsletter. */
body.vh-system #home-modal.vanhaus-popup-modal,
body.vh-system #home-modal.modal-vanhaus-popup-modal{
  position:fixed!important;z-index:20005!important;
  width:min(430px,92vw)!important;max-height:88vh!important;overflow:auto!important;
  padding:0!important;
  background:#08090b!important;border:1px solid rgba(162,190,254,.34)!important;border-radius:22px!important;
  box-shadow:0 28px 90px rgba(0,0,0,.62),inset 0 1px rgba(255,255,255,.06)!important;
}
body.vh-system .js-modal-overlay[data-modal-id="#home-modal"]{
  position:fixed!important;top:0!important;left:0!important;width:100%!important;height:100%!important;
  z-index:20004!important;background:rgba(4,5,7,.72)!important;
}
/* Mismo problema de carga async con el centrado (top/left/transform vive en
   .modal-bottom.modal-show.modal-centered-small, tambien en el bundle async):
   se fija aca para todos los anchos, no solo mobile. */
body.vh-system #home-modal.vanhaus-popup-modal.modal-show,
body.vh-system #home-modal.modal-vanhaus-popup-modal.modal-show{
  top:50%!important;left:50%!important;right:auto!important;bottom:auto!important;
  transform:translate(-50%,-50%)!important;
}
body.vh-system #home-modal .modal-body{padding:0!important;max-height:none!important;min-height:0!important}
body.vh-system #home-modal .modal-close.no-header{
  top:14px!important;right:14px!important;z-index:5!important;width:34px!important;height:34px!important;
  display:grid!important;place-items:center!important;border:1px solid rgba(239,241,243,.18)!important;
  border-radius:999px!important;background:rgba(8,9,11,.72)!important;color:#fff!important;
}
body.vh-system #home-modal .modal-close-icon{width:12px!important;height:12px!important;color:#fff!important;fill:currentColor!important}
body.vh-system #home-modal .vh-popup{
  display:block;background:linear-gradient(160deg,#0a0c10 0%,#11141a 55%,#08090b 100%);
}
body.vh-system #home-modal .vh-popup-content{
  display:flex;flex-direction:column;align-items:center;min-width:0;
  padding:44px 30px 34px;text-align:center;color:#eff1f3;
}
body.vh-system #home-modal .vh-popup-kicker{
  margin-bottom:16px;padding:7px 12px;border:1px solid rgba(162,190,254,.3);border-radius:999px;
  color:#a2befe;font:700 10px/1 "Open Sans",Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase;
}
body.vh-system #home-modal .vh-popup-content h3{
  margin:0 0 12px!important;color:#fff!important;
  font:700 clamp(26px,5.4vw,34px)/1.1 "Sora",Arial,sans-serif!important;
  letter-spacing:-.03em!important;text-align:center!important;
}
body.vh-system #home-modal .vh-popup-content p{
  max-width:330px;margin:0 0 20px;color:#c8ced8;font:400 14.5px/1.5 "Open Sans",Arial,sans-serif;
}
body.vh-system #home-modal .vh-popup-benefits{
  display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:0 0 22px;
}
body.vh-system #home-modal .vh-popup-benefits span{
  display:inline-flex;align-items:center;min-height:28px;padding:0 10px;border-radius:999px;
  background:rgba(162,190,254,.1);border:1px solid rgba(162,190,254,.18);color:#e7ebf2;font:600 11px/1 "Open Sans",Arial,sans-serif;
}
body.vh-system #home-modal .vh-popup-form,
body.vh-system #home-modal .vh-popup-fields{width:100%;margin:0!important}
body.vh-system #home-modal .vh-popup-fields{
  display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:10px!important;
}
body.vh-system #home-modal .vh-popup-fields .form-group{margin:0!important}
body.vh-system #home-modal .vh-popup-fields .form-control,
body.vh-system #home-modal .vh-popup-fields input[type="email"]{
  width:100%!important;min-height:48px!important;margin:0!important;border-radius:10px!important;
  border:1px solid rgba(239,241,243,.22)!important;background:#11151b!important;color:#fff!important;
  font:500 14px/1 "Open Sans",Arial,sans-serif!important;box-shadow:none!important;text-align:center!important;
}
body.vh-system #home-modal .vh-popup-fields .form-control::placeholder{color:#7e8794!important}
/* El tema base define .newsletter form .newsletter-btn como un icono absoluto
   de 30px con text-indent:-99999px, que manda la etiqueta fuera de pantalla.
   Aca el boton vuelve al flujo, ocupa el ancho completo y muestra su texto. */
body.vh-system #home-modal .vh-popup-fields .newsletter-btn{
  position:static!important;top:auto!important;right:auto!important;
  width:100%!important;height:auto!important;min-height:48px!important;text-indent:0!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:9px!important;
  margin:0!important;padding:0 18px!important;border:0!important;border-radius:10px!important;
  background:#a2befe!important;color:#040506!important;font:800 12px/1 "Open Sans",Arial,sans-serif!important;
  letter-spacing:.08em!important;text-transform:uppercase!important;white-space:nowrap!important;
}
body.vh-system #home-modal .vh-popup-fields .newsletter-btn svg{width:13px!important;height:13px!important;fill:currentColor!important}
body.vh-system #home-modal .vh-popup-form .alert{margin:12px 0 0!important;border-radius:10px!important;font:600 13px/1.4 "Open Sans",Arial,sans-serif!important}
/* Centrado en celular. El tema base solo corrige la posicion desde 768px:
   .modal-centered-md.modal-show{left:initial;transform:none} deja el popup
   pegado al borde izquierdo en pantallas chicas. Como antes nunca se mostraba
   en celular, no se notaba. Se conserva la entrada deslizando desde abajo:
   fuera de modal-show sigue en top:100%. */
@media(max-width:767px){
  body.vh-system #home-modal.vanhaus-popup-modal,
  body.vh-system #home-modal.modal-vanhaus-popup-modal{
    width:min(430px,92vw)!important;border-radius:20px!important;
    left:50%!important;right:auto!important;transform:translateX(-50%)!important;
  }
  body.vh-system #home-modal.vanhaus-popup-modal.modal-show,
  body.vh-system #home-modal.modal-vanhaus-popup-modal.modal-show{
    top:50%!important;bottom:auto!important;height:auto!important;
    transform:translate(-50%,-50%)!important;
  }
  body.vh-system #home-modal .vh-popup-content{padding:38px 22px 28px}
  body.vh-system #home-modal .vh-popup-content p{font-size:14px}
}

/* Registro único de color para la etiqueta compartida. Home, catálogo y PDP
   deciden solamente tamaño/posición; la identidad cromática vive acá. */
body.vh-system .vh-product-use-tag{background:var(--vh-product-use-color,#64748b)!important;border-color:var(--vh-product-use-color,#64748b)!important;color:#fff!important}
body.vh-system .vh-product-use-tag-gamer{--vh-product-use-color:#7c3aed}
body.vh-system .vh-product-use-tag-sport{--vh-product-use-color:#f97316}
body.vh-system .vh-product-use-tag-anc{--vh-product-use-color:#2563eb}
body.vh-system .vh-product-use-tag-daily{--vh-product-use-color:#64748b}
body.vh-system .vh-product-use-tag-health{--vh-product-use-color:#14b8a6}
body.vh-system .vh-product-use-tag-hifi{--vh-product-use-color:#d31f2f}

/* El registro cromático anterior es compartido por todo el sitio. En el PLP,
   ambas variantes del componente se neutralizan después de ese registro para
   que la cascada no vuelva a aplicar el color semántico de cada uso. */
body.vh-system.template-category .category-body .vh-product-use-tag.vanhaus-grid-use,
body.vh-system.template-category .category-body .vh-product-use-tag.vanhaus-grid-use-inline,
ambas variantes del componente se neutralizan después de ese registro para
   que la cascada no vuelva a aplicar el color semántico de cada uso. */
body.vh-system .vh-related-catalog .vh-product-use-tag.vanhaus-grid-use,
body.vh-system .vh-related-catalog .vh-product-use-tag.vanhaus-grid-use-inline{
  --vh-product-use-color:#1b1e23!important;
  background:rgba(27,30,35,.9)!important;
  border-color:#414752!important;
  color:#e6eaf0!important;
  box-shadow:none!important;
}

/* PDP information architecture: the Tiendanube description is still the
   source. The existing organiser separates its authored sections; only FAQ
   retains disclosure controls. */
body.vh-system.template-product .vh-information{padding:42px 0 64px}
body.vh-system.template-product .vh-information-heading{margin:0 0 26px}
body.vh-system.template-product .vh-information-heading .vh-kicker{margin:0 0 9px}
body.vh-system.template-product .vh-information-heading h2{margin:0;color:var(--vh-text);font-size:clamp(30px,4vw,52px);letter-spacing:-.045em}
body.vh-system.template-product .vh-info-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,1fr);gap:36px 44px;align-items:start}
body.vh-system.template-product .vh-info-description,
body.vh-system.template-product .vh-info-faq,
body.vh-system.template-product .vh-info-specifications{min-width:0}
body.vh-system.template-product .vh-info-specifications{grid-column:1/-1;padding-top:30px;border-top:1px solid var(--vh-border)}
body.vh-system.template-product .vh-info-title{margin:0 0 16px;color:var(--vh-text);font-size:18px;font-weight:700;letter-spacing:-.02em}
body.vh-system.template-product .vh-info-body{padding:0;color:#cdd1d8;overflow-wrap:anywhere;font-size:15px;line-height:1.75;text-align:left}
body.vh-system.template-product .vh-info-body :is(p,li){color:inherit;font-size:inherit;line-height:inherit;text-align:left!important}
body.vh-system.template-product .vh-info-body :is(ul,ol){padding-left:1.25em}
body.vh-system.template-product .vh-info-body img{max-width:100%;height:auto}
body.vh-system.template-product .vh-faq-item{margin:0;border:0;border-top:1px solid #343941;background:transparent}
body.vh-system.template-product .vh-faq-item:last-child{border-bottom:1px solid #343941}
body.vh-system.template-product .vh-faq-item summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 0;cursor:pointer;list-style:none;color:#eef1f3;font-size:14px;font-weight:650;line-height:1.4}
body.vh-system.template-product .vh-faq-item summary::-webkit-details-marker{display:none}
body.vh-system.template-product .vh-faq-item summary::after{content:'+';flex:0 0 auto;color:#b6bbc5;font-size:20px;font-weight:300}
body.vh-system.template-product .vh-faq-item[open] summary::after{content:'−'}
body.vh-system.template-product .vh-faq-answer{padding:0 0 17px;color:var(--vh-muted);font-size:14px;line-height:1.65}
body.vh-system.template-product .vh-faq-item summary:focus-visible{outline:2px solid var(--vh-accent);outline-offset:3px}
body.vh-system.template-product .vh-info-specifications .vh-info-body :is(table,dl){width:100%;margin:0;border-top:1px solid #343941}
body.vh-system.template-product .vh-info-specifications .vh-info-body table{border-collapse:collapse;table-layout:auto}
body.vh-system.template-product .vh-info-specifications .vh-info-body :is(th,td){padding:14px 0;border:0;border-bottom:1px solid #343941;background:transparent;color:#cdd1d8;text-align:left;vertical-align:top;font-size:14px;line-height:1.5}
body.vh-system.template-product .vh-info-specifications .vh-info-body :is(th,td:first-child){width:32%;padding-right:26px;color:#f0f2f4;font-weight:650}
body.vh-system.template-product .vh-info-specifications .vh-info-body dl{display:grid;grid-template-columns:minmax(150px,32%) 1fr}
body.vh-system.template-product .vh-info-specifications .vh-info-body :is(dt,dd){margin:0;padding:14px 0;border-bottom:1px solid #343941}
body.vh-system.template-product .vh-info-specifications .vh-info-body dt{padding-right:26px;color:#f0f2f4;font-weight:650}

/* Compact product information navigation: one active panel, not three cards. */
body.vh-system.template-product .vh-info-grid{display:block!important}
body.vh-system.template-product .vh-info-tabs{display:flex;align-items:flex-end;gap:28px;overflow-x:auto;border-bottom:1px solid #343941;scrollbar-width:none}
body.vh-system.template-product .vh-info-tabs::-webkit-scrollbar{display:none}
body.vh-system.template-product .vh-info-tab{flex:0 0 auto;padding:0 0 12px;border:0;border-bottom:2px solid transparent;background:transparent;color:#858b95;font:600 14px/1.25 var(--vh-font-ui);white-space:nowrap;cursor:pointer}
body.vh-system.template-product .vh-info-tab.is-active,
body.vh-system.template-product .vh-info-tab[aria-selected="true"]{border-bottom-color:var(--vh-accent);color:#eef1f3}
body.vh-system.template-product .vh-info-tab:focus-visible{outline:2px solid var(--vh-accent);outline-offset:3px}
body.vh-system.template-product .vh-info-panels{padding:24px 0 0}
body.vh-system.template-product .vh-info-panel[hidden]{display:none!important}
body.vh-system.template-product .vh-info-panel .vh-info-body{padding:0!important}
body.vh-system.template-product .vh-info-panel.vh-info-specifications{padding:0;border:0}

@media(max-width:767px){
  body.vh-system.template-product .vh-information{padding:36px 0 48px}
  body.vh-system.template-product .vh-information-heading{margin-bottom:22px}
  body.vh-system.template-product .vh-information-heading h2{font-size:clamp(28px,8vw,38px)}
  body.vh-system.template-product .vh-info-grid{grid-template-columns:1fr;gap:30px}
  body.vh-system.template-product .vh-info-specifications{grid-column:auto;padding-top:26px}
  body.vh-system.template-product .vh-info-body{font-size:14px;line-height:1.7}
  body.vh-system.template-product .vh-info-specifications .vh-info-body table{display:block}
  body.vh-system.template-product .vh-info-specifications .vh-info-body :is(tbody,tr){display:block}
  body.vh-system.template-product .vh-info-specifications .vh-info-body tr{padding:15px 0;border-bottom:1px solid #343941}
  body.vh-system.template-product .vh-info-specifications .vh-info-body :is(th,td){display:block;width:auto!important;padding:0;border:0;font-size:14px;line-height:1.55}
  body.vh-system.template-product .vh-info-specifications .vh-info-body th{margin-bottom:5px;color:#f0f2f4;font-size:11px!important;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
  body.vh-system.template-product .vh-info-specifications .vh-info-body dl{display:block;border-top:1px solid #343941}
  body.vh-system.template-product .vh-info-specifications .vh-info-body dt{padding:15px 0 5px;border:0;color:#f0f2f4;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
  body.vh-system.template-product .vh-info-specifications .vh-info-body dd{padding:0 0 15px;border-bottom:1px solid #343941}
  {# El subrayado es el border-bottom del boton, no un indicador aparte: con
     flex:1 1 0 + text-align:center cada tab ocupa 1/3 del ancho pero el texto
     queda centrado adentro, asi que el borde (ancho completo del boton) no
     coincide con el texto — se veia corrido, mas notorio en "Especificaciones".
     Vuelve a ancho natural + scroll horizontal, igual que desktop. #}
  body.vh-system.template-product .vh-info-tabs{justify-content:flex-start;gap:20px;margin:0;padding:0}
  body.vh-system.template-product .vh-info-tab{flex:0 0 auto;padding-bottom:11px;font-size:13px;text-align:left}
  body.vh-system.template-product .vh-info-panels{padding-top:20px}
}

/* Shared sale percentage. A neon green (without the previous yellow cast)
   reads instantly over the black interface on Home, catalog and PDP. */
body.vh-system .vh-discount-shell{line-height:1;vertical-align:middle}
body.vh-system .vh-discount-badge{
  display:inline-flex;align-items:center;justify-content:center;gap:3px;min-height:32px;padding:0 10px;
  border:1px solid #a0f89f;border-radius:999px!important;
  background:linear-gradient(135deg,#68f060 0%,#32d75b 58%,#18b94d 100%);
  color:#090b06!important;font-family:var(--vh-font-ui);font-size:9px;font-weight:900;line-height:1;
  letter-spacing:.075em;text-transform:uppercase;white-space:nowrap;
  box-shadow:0 9px 24px rgba(50,215,91,.1),inset 0 1px 0 rgba(255,255,255,.45);
}
body.vh-system .vh-discount-badge strong{display:inline-flex;align-items:center;color:inherit!important;font-size:16px;font-weight:900;line-height:1;letter-spacing:-.04em}
body.vh-system .vh-discount-badge>span{display:inline-flex;align-items:center;line-height:1}
body.vh-system .vh-home-price-line{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap}
body.vh-system .vh-home-price-stack{display:grid;justify-items:start;gap:3px}
body.vh-system .vh-home-discount{margin-bottom:5px}
body.vh-system .vh-pdp-price-row{display:flex!important;width:100%;align-items:center;flex-wrap:wrap;gap:12px}
body.vh-system .vh-pdp-discount{flex:0 0 auto;margin-left:2px}
body.vh-system .vh-catalog-discount-inline{display:inline-flex;vertical-align:middle;margin-left:8px}
/* The custom percentage replaces only the old offer bubble. Stock, shipping
   and manually configured promotion labels remain native and visible. */
body.vh-system.template-category .item-image .labels .js-offer-label,
body.vh-system.template-search .item-image .labels .js-offer-label,
body.vh-system.template-product .product-image-container .labels .js-offer-label{display:none!important}
body.vh-system.template-product .section-products-related .item-image .labels .js-offer-label{display:none!important}
body.vh-system.template-product .section-products-related .swiper-wrapper{grid-template-columns:repeat(auto-fit,minmax(240px,280px));gap:24px}
body.vh-system.template-product .section-products-related .item-description{padding:18px 18px 10px!important;text-align:center!important}
body.vh-system.template-product .section-products-related .vanhaus-grid-category-row,
body.vh-system.template-product .section-products-related .vanhaus-grid-name-row{justify-content:center!important;text-align:center}
body.vh-system.template-product .section-products-related .vanhaus-grid-name-row{min-height:42px!important;margin-bottom:10px!important}
body.vh-system.template-product .section-products-related .vanhaus-grid-name-row .item-name{font-size:18px!important;line-height:1.2;text-align:center}
body.vh-system.template-product .section-products-related .item-price-container{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:7px;margin:0!important}
body.vh-system.template-product .section-products-related .item-price{order:1;font-size:24px!important}
body.vh-system.template-product .section-products-related .vh-catalog-discount-inline{order:2;margin:0!important}
body.vh-system.template-product .section-products-related .price-compare{order:3;margin:0!important}
body.vh-system.template-product .section-products-related .item-actions{padding:10px 18px 18px!important;justify-content:center!important}
@media(max-width:767px){
  body.vh-system.template-product .section-products-related .swiper-wrapper{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;padding:0 20px}
  body.vh-system.template-product .section-products-related .item-description{padding:14px 11px 8px!important}
  body.vh-system.template-product .section-products-related .vanhaus-grid-name-row .item-name{font-size:15px!important}
  body.vh-system.template-product .section-products-related .item-price{font-size:20px!important}
  body.vh-system.template-product .section-products-related .item-actions{padding:8px 11px 12px!important}
}

@media(max-width:767px){
  body.vh-system .vh-discount-badge{min-height:29px;padding:0 9px}
  body.vh-system .vh-discount-badge strong{font-size:14px}
  body.vh-system .vh-pdp-price-row{gap:9px}
  /* En dos columnas cualquier insignia sobre la imagen compite con el producto.
     El descuento se mueve al bloque de precio y deja la foto completamente libre. */
  body.vh-system.template-category .vh-catalog-discount-inline,
body.vh-system .vh-related-catalog .vh-catalog-discount-inline{
    position:static!important;width:max-content;max-width:100%;margin-left:6px;
  }
  body.vh-system.template-category .vh-catalog-discount-inline .vh-discount-badge,
body.vh-system .vh-related-catalog .vh-catalog-discount-inline .vh-discount-badge{min-height:22px;padding:0 7px;font-size:7px;box-shadow:0 6px 14px rgba(50,215,91,.07)}
  body.vh-system.template-category .vh-catalog-discount-inline .vh-discount-badge strong,
body.vh-system .vh-related-catalog .vh-catalog-discount-inline .vh-discount-badge strong{font-size:12px}
  body.vh-system.template-category .category-body .vh-catalog-price-stack,
body.vh-system .vh-related-catalog .vh-catalog-price-stack{
    position:relative;
    margin-bottom:auto;
    padding-bottom:34px;
  }
  body.vh-system.template-category .category-body .vh-catalog-discount-inline,
body.vh-system .vh-related-catalog .vh-catalog-discount-inline{
    position:absolute!important;
    left:50%;
    bottom:7px;
    display:flex!important;
    justify-content:center;
    width:max-content;
    max-width:100%;
    margin:0!important;
    transform:translateX(-50%);
  }
}

@media(max-width:767px){

body.vh-system.template-product .vh-product .vh-scroll-cue,
  body.vh-system.template-product .vh-cue-below-photo{
    display:none!important;
    visibility:hidden!important;
  }
}

/* PDP shipping: Tiendanube keeps all calculation, states and option markup.
   These rules only give its native calculator Vanhaus hierarchy and density. */
body.vh-system.template-product #product-shipping-container{
  clear:both;margin:18px 0 2px;padding:15px 14px 12px;
  border:1px solid color-mix(in srgb,#A2BEFE 26%,#3a4049)!important;
  border-radius:14px;background:linear-gradient(145deg,#15181d,#101215)!important;
}
body.vh-system.template-product #product-shipping-container [data-store="shipping-calculator"]{margin:0!important;padding:0!important}
body.vh-system.template-product #product-shipping-container .shipping-calculator-head{min-height:106px!important}
body.vh-system.template-product #product-shipping-container .form-label{
  margin:0 0 9px!important;color:#eef1f6!important;font-family:var(--vh-font-ui);font-size:13px!important;font-weight:800!important;
  letter-spacing:.01em;text-transform:none!important;
}
body.vh-system.template-product #product-shipping-container .form-label svg{color:#A2BEFE!important}
body.vh-system.template-product #product-shipping-container .form-group-inline{margin-bottom:0!important}
body.vh-system.template-product #product-shipping-container input.form-control{
  min-height:46px!important;border:1px solid #3c424c!important;border-radius:9px 0 0 9px!important;
  background:#0c0e11!important;color:#f4f6fa!important;box-shadow:none!important;
}
body.vh-system.template-product #product-shipping-container input.form-control:focus{border-color:#A2BEFE!important}
body.vh-system.template-product #product-shipping-container .js-calculate-shipping{
  min-height:46px!important;border:1px solid #A2BEFE!important;border-radius:0 9px 9px 0!important;
  background:#A2BEFE!important;color:#090b0f!important;font-family:var(--vh-font-ui);font-size:11px!important;font-weight:900!important;
  letter-spacing:.06em;text-transform:uppercase!important;
}
body.vh-system.template-product #product-shipping-container .js-shipping-zipcode-help{margin:9px 0 0!important;color:#b9c7e9!important;font-size:12px!important}
body.vh-system.template-product #product-shipping-container .js-shipping-calculator-with-zipcode{margin:0!important}
body.vh-system.template-product #product-shipping-container .js-shipping-calculator-with-zipcode .font-small{color:#cfd5de!important}
body.vh-system.template-product #product-shipping-container .js-shipping-calculator-change-zipcode{
  border:0!important;background:transparent!important;color:#A2BEFE!important;font-size:11px!important;font-weight:800!important;text-decoration:underline!important;
}
body.vh-system.template-product #product-shipping-container .js-shipping-calculator-response{margin:10px 0 0!important}
body.vh-system.template-product #product-shipping-container .js-shipping-calculator-response .form-label{
  margin:13px 0 8px!important;padding-top:12px;border-top:1px solid #ffffff14!important;
}
body.vh-system.template-product #product-shipping-container .radio-button-item{margin:0!important;border:0!important;background:transparent!important}
body.vh-system.template-product #product-shipping-container .radio-button.list-item{padding:12px 0!important;border-top:1px solid #ffffff12!important;background:transparent!important}
body.vh-system.template-product #product-shipping-container .radio-button-icons-container{padding-right:9px!important}
body.vh-system.template-product #product-shipping-container .vh-shipping-option{align-items:start!important}
body.vh-system.template-product #product-shipping-container .vh-shipping-option-time{
  color:#f1f3f7!important;font-size:13px!important;font-weight:750!important;line-height:1.35!important;
}
body.vh-system.template-product #product-shipping-container .vh-shipping-option-time svg{color:#A2BEFE!important}
body.vh-system.template-product #product-shipping-container .vh-shipping-option-name{color:#aeb6c2!important;font-size:12px!important;line-height:1.35!important}
body.vh-system.template-product #product-shipping-container .vh-shipping-option-price h5{color:#f4f6fa!important;font-size:14px!important;font-weight:850!important;line-height:1.35!important}
body.vh-system.template-product #product-shipping-container .vh-shipping-option-price h5.text-accent{color:#A2BEFE!important}
body.vh-system.template-product #product-shipping-container .vh-shipping-option-info :is(i,ul){color:#9ea7b4!important;font-size:12px!important;line-height:1.45!important}
body.vh-system.template-product #product-shipping-container .js-toggle-more-shipping-options{margin:8px 0 2px!important;text-align:left!important}
body.vh-system.template-product #product-shipping-container .js-toggle-more-shipping-options a{color:#A2BEFE!important;font-weight:750!important}
body.vh-system.template-product #product-shipping-container .alert{margin:10px 0 0!important;border-radius:8px!important;font-size:12px!important;line-height:1.4!important}
@media(max-width:767px){
  body.vh-system.template-product #product-shipping-container{margin-top:15px;padding:14px 12px 11px;border-radius:12px}
  body.vh-system.template-product #product-shipping-container .shipping-calculator-head{min-height:111px!important}
  body.vh-system.template-product #product-shipping-container .form-control-container{flex:0 0 100%!important;max-width:100%!important;padding-right:0!important}
  body.vh-system.template-product #product-shipping-container .form-group-inline>div:last-child{flex:0 0 100%!important;max-width:100%!important;padding:9px 0 0!important}
  body.vh-system.template-product #product-shipping-container input.form-control{border-radius:9px!important}
  body.vh-system.template-product #product-shipping-container .js-calculate-shipping{border-radius:9px!important}
  body.vh-system.template-product #product-shipping-container .radio-button-label{min-width:0!important}
  body.vh-system.template-product #product-shipping-container .vh-shipping-option-info{min-width:0!important}
  body.vh-system.template-product #product-shipping-container .vh-shipping-option-time{overflow-wrap:anywhere}
}

/* Mobile layout hardening: fixed header offsets, stronger surfaces, non-overlap
   FAB and product information tables. Desktop remains untouched. */
@media(max-width:767px){
  body.vh-system{
    --vh-surface:#1c1c1e;
    --vh-raised:#222326;
    --vh-border:#3a3b42;
  }
  body.vh-system :is(h2,[id],.vh-chapter,.vh-story,.vh-product-story,.vh-information,.vh-reviews-heading,.section-products-related){
    scroll-margin-top:72px;
  }
  body.vh-system :is(.item,.vh-spec,.vh-info-panel,.vh-info-accordion,.vh-review-card,.vh-story-lifestyle,.vh-story-material-item){
    box-shadow:0 10px 28px rgba(0,0,0,.22);
  }

  body.vh-system.template-category .js-product-table,
body.vh-system .vh-related-catalog .js-product-table{
    justify-content:flex-start!important;
  }
  body.vh-system.template-category .js-product-table>.js-item-product,
body.vh-system .vh-related-catalog .js-product-table>.js-item-product{
    flex-grow:0!important;
  }

  body.vh-system .btn-whatsapp{
    display:flex!important;
    width:42px!important;
    height:42px!important;
    right:12px!important;
    bottom:calc(8px + env(safe-area-inset-bottom))!important;
    align-items:center!important;
    justify-content:center!important;
    opacity:1;
    border:2px solid rgba(255,255,255,.85)!important;
    box-shadow:0 4px 14px rgba(0,0,0,.35)!important;
  }
  body.vh-system .btn-whatsapp svg{
    width:20px!important;
    height:20px!important;
    padding:0!important;
  }
  /* vh-fab-scroll-hidden: se oculta al scrollear hacia abajo y vuelve a
     aparecer al scrollear hacia arriba (ver vanhaus-interactions.js). Mismo
     efecto visual que vh-fab-tucked, pero disparado por direccion de scroll
     en vez de deteccion de superposicion con contenido. */
  body.vh-system.vh-dock-visible .btn-whatsapp,
  body.vh-system.vh-fab-tucked .btn-whatsapp,
  body.vh-system.vh-fab-scroll-hidden .btn-whatsapp,
  body.vh-system.template-product .btn-whatsapp{
    transform:translateY(160%)!important;
    opacity:0!important;
    pointer-events:none!important;
  }

  body.vh-system.template-product .vh-info-body table,
  body.vh-system.template-product .vh-product-description table{
    display:block!important;
    width:100%!important;
    border:0!important;
    overflow:visible!important;
  }
  body.vh-system.template-product .vh-info-body thead,
  body.vh-system.template-product .vh-product-description thead{
    display:none!important;
  }
  body.vh-system.template-product .vh-info-body :is(tbody,tr),
  body.vh-system.template-product .vh-product-description :is(tbody,tr){
    display:block!important;
    width:100%!important;
  }
  body.vh-system.template-product .vh-info-body tr,
  body.vh-system.template-product .vh-product-description tr{
    padding:14px 0!important;
    border:0!important;
    border-bottom:1px solid var(--vh-border)!important;
    background:transparent!important;
  }
  body.vh-system.template-product .vh-info-body :is(th,td),
  body.vh-system.template-product .vh-product-description :is(th,td){
    display:block!important;
    width:100%!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    text-align:left!important;
  }
  body.vh-system.template-product .vh-info-body :is(th,td):first-child,
  body.vh-system.template-product .vh-product-description :is(th,td):first-child{
    margin:0 0 5px!important;
    color:#8f96a3!important;
    font:800 10px/1.3 var(--vh-font-ui)!important;
    letter-spacing:.12em!important;
    text-transform:uppercase!important;
  }
  body.vh-system.template-product .vh-info-body :is(th,td):not(:first-child),
  body.vh-system.template-product .vh-product-description :is(th,td):not(:first-child){
    color:#eef1f4!important;
    font-size:14px!important;
    line-height:1.55!important;
  }
}

/* Catalog consistency: one tag and one price row at every viewport. */
body.vh-system.template-category .category-body .js-product-table,
body.vh-system .vh-related-catalog .js-product-table{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
/* Si a pesar del fallback en JS solo hay 2 candidatos reales para "Tambien te
   pueden interesar", 2 items en una grilla de 3 dejan un hueco vacio a la
   derecha — se achica la grilla a 2 columnas en vez de forzar espacio fantasma. */
body.vh-system .vh-related-catalog .js-product-table:has(>.js-item-product:nth-child(2):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}
body.vh-system.template-category .category-body .js-product-table>.js-item-product,
body.vh-system .vh-related-catalog .js-product-table>.js-item-product{width:100%!important;max-width:none!important;flex:initial!important}
body.vh-system.template-category .category-body .vanhaus-grid-use,
body.vh-system .vh-related-catalog .vanhaus-grid-use{display:inline-flex!important;position:absolute!important;top:12px!important;right:12px!important;left:auto!important;bottom:auto!important;z-index:3;margin:0!important;font-size:10px!important}
body.vh-system.template-category .category-body .vh-catalog-price-stack,
body.vh-system .vh-related-catalog .vh-catalog-price-stack{padding-bottom:0!important;margin-bottom:0!important}
body.vh-system.template-category .category-body .item-price-container,
body.vh-system .vh-related-catalog .item-price-container{display:flex!important;align-items:center;justify-content:center;flex-wrap:nowrap!important;gap:6px;white-space:nowrap;min-width:0}
body.vh-system.template-category .category-body .item-price-container .price-compare,
body.vh-system .vh-related-catalog .item-price-container .price-compare{margin:0!important;font-size:12px!important;flex:0 0 auto}
body.vh-system.template-category .category-body .item-price,
body.vh-system .vh-related-catalog .item-price{font-size:24px!important}
body.vh-system.template-category .category-body .vh-catalog-discount-inline,
body.vh-system .vh-related-catalog .vh-catalog-discount-inline{position:static!important;inset:auto!important;display:inline-flex!important;justify-content:center;width:auto!important;max-width:none!important;margin:0!important;transform:none!important;flex:0 0 auto}
body.vh-system.template-category .category-body .vh-discount-badge,
body.vh-system .vh-related-catalog .vh-discount-badge{gap:0!important}
body.vh-system.template-category .category-body .vh-catalog-card-actions,
body.vh-system .vh-related-catalog .vh-catalog-card-actions{display:flex;flex-direction:column;gap:10px;width:100%;min-width:0;padding:0}
body.vh-system.template-category .category-body .item-description>.item-link>*,
body.vh-system .vh-related-catalog .item-description>.item-link>*{flex-shrink:0}
body.vh-system.template-category .category-body .vanhaus-grid-name-row,
body.vh-system .vh-related-catalog .vanhaus-grid-name-row{height:auto!important;min-height:2.6em!important;align-items:flex-start!important}
body.vh-system.template-category .category-body .js-addtocart-placeholder[style*="display: none"],body.vh-system.template-category .category-body .js-addtocart-placeholder[style*="display:none"],
body.vh-system .vh-related-catalog .js-addtocart-placeholder[style*="display: none"],
body.vh-system .vh-related-catalog .js-addtocart-placeholder[style*="display:none"]{display:none!important}
body.vh-system.template-category .category-body .vh-card-purchase,
body.vh-system .vh-related-catalog .vh-card-purchase{display:flex;flex-direction:column;gap:8px;margin:0;width:100%;min-width:0}
body.vh-system.template-category .category-body .vh-card-purchase .vh-btn,body.vh-system.template-category .category-body .vh-catalog-card-actions>a.vh-btn,
body.vh-system .vh-related-catalog .vh-card-purchase .vh-btn,
body.vh-system .vh-related-catalog .vh-catalog-card-actions>a.vh-btn{width:100%;min-width:0;min-height:44px;padding:10px 8px;font-size:12px;white-space:normal;text-align:center}
body.vh-system.template-category .category-body .vh-quick-variants .js-product-variants-group,
body.vh-system .vh-related-catalog .vh-quick-variants .js-product-variants-group{padding:0}
body.vh-system.template-category .category-body .vh-quick-variants .form-label,
body.vh-system .vh-related-catalog .vh-quick-variants .form-label{font-size:11px}
body.vh-system.template-category .category-body .vh-quick-variants .form-select,
body.vh-system .vh-related-catalog .vh-quick-variants .form-select{width:100%;min-height:38px;padding:8px 24px 8px 8px;font-size:12px}
body.vh-system.template-category .category-body .vh-quick-variants .form-select-icon,
body.vh-system .vh-related-catalog .vh-quick-variants .form-select-icon{background:transparent!important;color:var(--vh-text)}
body.vh-system.template-category .vh-plp-navigation-row{flex-wrap:wrap;gap:12px 24px}
body.vh-system.template-category .vh-plp-tools{display:flex;align-items:center;justify-content:flex-end;gap:12px;min-width:0}
body.vh-system.template-category .vh-plp-results{margin:0;color:var(--vh-muted);font-size:12px;white-space:nowrap}
body.vh-system.template-category .vh-plp-tools .vh-plp-sort{flex:0 1 180px;min-width:0;width:180px}
body.vh-system.template-category .vh-plp-filters{position:relative}
body.vh-system.template-category .vh-plp-filters summary{display:flex;align-items:center;justify-content:center;gap:8px;height:38px;box-sizing:border-box;padding:8px 12px;border:1px solid var(--vh-border);color:var(--vh-text);font-size:12px;cursor:pointer;list-style:none}
body.vh-system.template-category .vh-plp-filters summary::-webkit-details-marker{display:none}
body.vh-system.template-category .vh-plp-filters svg{width:14px;height:14px;fill:currentColor}
body.vh-system.template-category .vh-plp-filter-panel{position:absolute;top:calc(100% + 8px);right:0;z-index:20;width:300px;max-width:calc(100vw - 40px);max-height:65vh;overflow:auto;padding:18px;background:var(--vh-surface);border:1px solid var(--vh-border);box-shadow:0 12px 30px #0005}
body.vh-system.template-category .vh-plp-filter-panel .js-filters-overlay{position:absolute;inset:0;background:var(--vh-surface);padding:20px}
body.vh-system.template-category .vh-catalog-close{order:1;display:flex;flex-direction:column;justify-content:center;align-items:center;min-width:0;padding:28px 20px;text-align:center;border:1px solid var(--vh-border);background:var(--vh-surface);border-radius:var(--vh-radius,12px)}
body.vh-system.template-category .vh-catalog-close{grid-column:span var(--vh-close-desktop-span,3)}
body.vh-system.template-category .vh-catalog-close>svg{width:28px;height:28px;margin-bottom:16px;fill:var(--vh-muted)}
body.vh-system.template-category .vh-catalog-close h2{margin:0 0 12px;font-size:clamp(20px,2.2vw,28px);line-height:1.2;color:var(--vh-text)}
body.vh-system.template-category .vh-catalog-close p{margin:0 0 20px;color:var(--vh-muted);font-size:13px;line-height:1.5}
body.vh-system.template-category .vh-catalog-close .vh-navigation-cta{max-width:100%;min-height:44px;gap:8px;font-size:12px}
body.vh-system.template-category[data-rounded-borders="false"] .vh-catalog-close{border-radius:0}
@media(max-width:767px){
 body.vh-system.template-category .category-body .js-product-table,
body.vh-system .vh-related-catalog .js-product-table{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 body.vh-system.template-category .vh-plp-navigation-row{display:flex;gap:10px}
 body.vh-system.template-category .vh-plp-categories{flex:1 1 100%;margin-right:0;padding-right:0;gap:16px}
 body.vh-system.template-category .vh-plp-tools{width:100%;gap:8px}
 body.vh-system.template-category .vh-plp-results{margin-right:auto;font-size:10px}
 body.vh-system.template-category .vh-plp-tools .vh-plp-sort{width:136px;flex:0 1 136px}
 body.vh-system.template-category .vh-plp-sort .form-select{min-height:38px;font-size:11px;padding-left:8px;padding-right:26px;background-position:right 9px center}
 body.vh-system.template-category .vh-plp-filters summary{padding:8px;font-size:11px;gap:4px}
 body.vh-system.template-category .vh-plp-filter-panel{position:fixed;top:auto;right:20px;left:20px;width:auto;max-width:none;max-height:60vh}
 body.vh-system.template-category .category-body .item-description,
body.vh-system .vh-related-catalog .item-description{padding-inline:8px!important}
 body.vh-system.template-category .category-body .item-actions,
body.vh-system .vh-related-catalog .item-actions{padding-inline:8px!important}
 body.vh-system.template-category .category-body .item-price-container,
body.vh-system .vh-related-catalog .item-price-container{gap:4px}
 body.vh-system.template-category .category-body .item-price-container .price-compare,
body.vh-system .vh-related-catalog .item-price-container .price-compare{font-size:9px!important}
 body.vh-system.template-category .category-body .item-price,
body.vh-system .vh-related-catalog .item-price{font-size:clamp(14px,3.8vw,18px)!important}
 body.vh-system.template-category .category-body .vh-catalog-discount-inline .vh-discount-badge,
body.vh-system .vh-related-catalog .vh-catalog-discount-inline .vh-discount-badge{padding:0 4px;font-size:6px}
 body.vh-system.template-category .category-body .vh-catalog-discount-inline .vh-discount-badge strong,
body.vh-system .vh-related-catalog .vh-catalog-discount-inline .vh-discount-badge strong{font-size:9px}
 body.vh-system.template-category .category-body .vanhaus-grid-use,
body.vh-system .vh-related-catalog .vanhaus-grid-use{top:8px!important;right:8px!important;font-size:8px!important}
 body.vh-system.template-category .category-body .vh-card-purchase .vh-btn,
body.vh-system .vh-related-catalog .vh-card-purchase .vh-btn{font-size:10px}
 body.vh-system.template-category .vh-catalog-close{grid-column:span var(--vh-close-mobile-span,2);padding:22px 12px}
}

/* PDP shipping visibility and complementary purchase controls. */
body.vh-system .vh-product-dock[hidden]{display:none!important}
body.vh-system.template-product .vh-shipping-estimate-help{margin:0 0 12px;color:var(--vh-muted);font-size:12px;line-height:1.5}
body.vh-system.template-product #product-shipping-container .shipping-calculator-head.with-form{min-height:185px!important}
body.vh-system .vh-footer-ship-chip{display:inline-flex;align-items:center;gap:8px}
body.vh-system .vh-footer-ship-chip svg{width:18px;height:18px;flex:0 0 18px;fill:currentColor}
body.vh-system.template-product .section-products-related .vh-catalog-card-actions,body.vh-system.template-product .section-products-related .vh-card-purchase{display:flex;flex-direction:column;gap:10px;width:100%;min-width:0}
body.vh-system.template-product .section-products-related .vh-card-purchase .vh-btn{width:100%;min-width:0;min-height:44px;padding:10px 8px;font-size:12px;white-space:normal;text-align:center}
body.vh-system.template-product .section-products-related .js-addtocart-placeholder[style*="display: none"],body.vh-system.template-product .section-products-related .js-addtocart-placeholder[style*="display:none"]{display:none!important}

/* Keep desktop gallery arrows clear of the photograph until hover. */
@media(hover:hover) and (pointer:fine){
 body.vh-system.template-product .vh-native-gallery .product-image-container :is(.vh-gal-nav,.swiper-button-prev,.swiper-button-next){opacity:0;pointer-events:none}
 body.vh-system.template-product .vh-native-gallery .product-image-container:hover :is(.vh-gal-nav,.swiper-button-prev,.swiper-button-next),body.vh-system.template-product .vh-native-gallery .product-image-container :is(.vh-gal-nav,.swiper-button-prev,.swiper-button-next):focus-visible{opacity:1;pointer-events:auto}
 body.vh-system.template-product .vh-native-gallery .product-image-container:hover .swiper-button-disabled{opacity:.35;pointer-events:none}
}

/* Related products share catalog card rules above. */
body.vh-system.template-product .vh-related-catalog[hidden]{display:none!important}
body.vh-system.template-product .vh-related-catalog{padding-top:28px;padding-bottom:32px}
@media(max-width:767px){body.vh-system.template-product .vh-related-catalog{padding-top:24px;padding-bottom:24px}}
body.vh-system.template-product .vh-related-catalog>h2{text-align:center;margin-bottom:24px}

/* Native cart drawer and complementary catalog cards on the light cart surface. */
body.vh-system #modal-cart{position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:auto!important;width:min(480px,100vw)!important;max-width:100vw!important;height:100vh!important;height:100dvh!important;max-height:none!important;margin:0!important;border-radius:0!important;overflow-y:auto!important;overscroll-behavior:contain;z-index:20000!important}
body.vh-system .modal-overlay[data-modal-id="#modal-cart"]{z-index:19999!important}
/* En PC el drawer usa modal_width "docked-md" (no "fullscreen"); el JS nativo
   de la plataforma parece no mostrar el scrim atenuador para esa variante —
   sin fondo oscurecido detras, el drawer no se lee como una capa modal. Se
   fuerza por CSS puro (sin depender de que JS lo muestre) cada vez que el
   drawer esta abierto. */
body.vh-system .modal-overlay[data-modal-id="#modal-cart"]{
  transition:opacity .18s ease!important;
}
body.vh-system:has(#modal-cart.modal-show) .modal-overlay[data-modal-id="#modal-cart"]{
  display:block!important;background:var(--vh-cart-scrim,rgba(0,0,0,.6))!important;opacity:1!important;
}
/* position:sticky nunca llega al borde real acá: #modal-cart (el contenedor que
   scrollea) trae padding-top:20px nativo, y ese padding entra en el calculo del
   punto de "pegado" de sticky — deja un hueco de 20px por donde se ve contenido
   "por detras" arriba del header, en cualquier navegador. Probado en vivo: ni
   margen negativo ni transform lo corrigen (position:sticky simplemente no lo
   permite con ese padding). La solucion real es sacar el header del flujo que
   scrollea: position:fixed anclado a la ventana del drawer (no a #modal-cart,
   que sigue siendo el que tiene overflow), y compensar con padding-top en
   modal-body para que el contenido no arranque tapado debajo. */
body.vh-system #modal-cart .modal-header{
  position:fixed;top:0;right:0;left:auto;width:min(480px,100vw);height:56px;z-index:20;cursor:pointer;
  margin:0;padding:0 8px 0 16px;border:0;box-sizing:border-box;
  display:flex;align-items:center;justify-content:space-between;
  background:var(--vh-surface)!important;
}
body.vh-system #modal-cart .modal-header .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
/* Centrado en la banda (no a la izquierda) y mas grande: el X queda pinneado
   a la derecha por su propio ancho fijo (44px), asi que centrar el logo con
   position:absolute no lo tapa. */
body.vh-system #modal-cart .modal-header .vh-cart-wordmark{
  order:1;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
  display:flex;align-items:center;pointer-events:none;
}
body.vh-system #modal-cart .modal-header .vh-cart-logo-container{display:flex!important;align-items:center;margin:0!important;width:auto!important;max-width:none!important}
body.vh-system #modal-cart .modal-header .vh-cart-logo-img{height:40px!important;width:auto!important;max-width:none!important;max-height:40px!important;object-fit:contain}
body.vh-system #modal-cart .modal-header .vh-cart-logo-text{margin:0!important;color:#fff!important;font-size:18px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;line-height:22px;}
body.vh-system #modal-cart .modal-header .modal-close{
  order:2;display:flex;align-items:center;justify-content:center;width:44px;height:44px;margin:0;padding:0;
  border:0!important;border-radius:0!important;background:transparent!important;color:#fff;opacity:1;transition:opacity .15s ease;
}
body.vh-system #modal-cart .modal-header .modal-close:hover{opacity:.7}
body.vh-system #modal-cart .modal-header .modal-close-icon{width:20px;height:20px;fill:#fff!important;color:#fff!important}
body.vh-system #modal-cart .modal-body{position:relative;z-index:1;overflow-anchor:none;padding-top:76px!important}
@media(max-width:480px){body.vh-system #modal-cart .modal-body{padding-top:72px!important}}
body.vh-system .vh-cart-recommendations[hidden]{display:none!important}
body.vh-system :is(#modal-cart,#shoppingCartPage) .vh-cart-recommendations{padding:24px 20px;border-top:1px solid var(--vh-border);margin-top:24px}
body.vh-system :is(#modal-cart,#shoppingCartPage) .vh-cart-recommendations h2{margin:0 0 18px;font-size:22px;font-weight:800;text-align:left;color:var(--vh-text)!important}
body.vh-system #modal-cart .vh-cart-recommendations .js-product-table{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px}
body.vh-system :is(#modal-cart,#shoppingCartPage) .vh-cart-recommendations .item{background:var(--vh-raised)!important;border-color:var(--vh-border)!important;color:var(--vh-text)!important}
body.vh-system :is(#modal-cart,#shoppingCartPage) .vh-cart-recommendations :is(.item-name,.item-price,.vh-navigation-cta-card){color:var(--vh-text)!important}
body.vh-system :is(#modal-cart,#shoppingCartPage) .vh-cart-recommendations .item-description{color:var(--vh-text)!important}
body.vh-system :is(#modal-cart,#shoppingCartPage) .vh-cart-recommendations :is(.vanhaus-grid-differential,.item-installments,.vh-catalog-transfer-price){color:var(--vh-text-soft)!important}
body.vh-system #modal-cart .vh-cart-recommendations :is(.item-description,.item-actions){padding-inline:8px!important}
body.vh-system #modal-cart .vh-cart-recommendations .item-name{font-size:15px!important}
body.vh-system #modal-cart .vh-cart-recommendations .item-price{font-size:18px!important}
body.vh-system #modal-cart .vh-cart-recommendations .vh-card-purchase .vh-btn{font-size:11px}

body.vh-system :is(#modal-cart,#shoppingCartPage)>.vh-cart-checkout-final{margin:0!important;padding:20px;background:var(--vh-surface)!important}
body.vh-system #modal-cart>.vh-cart-checkout-final{position:sticky;bottom:0;z-index:21;border-top:1px solid var(--vh-border)}

body.vh-system :is(#modal-cart,#shoppingCartPage) .vh-cart-recommendations .vanhaus-grid-label{display:none!important}
body.vh-system :is(#modal-cart,#shoppingCartPage) .vh-cart-recommendations .vanhaus-grid-name-row{display:block!important;text-align:center}
body.vh-system :is(#modal-cart,#shoppingCartPage) .vh-cart-recommendations .vh-product-use-tag{color:var(--vh-text-soft)!important}
body.vh-system #modal-cart .vh-cart-recommendations .item-price-container{gap:4px!important}
body.vh-system #modal-cart .vh-cart-recommendations .price-compare{font-size:9px!important}
body.vh-system #modal-cart .vh-cart-recommendations .vh-catalog-discount-inline .vh-discount-badge{padding:0 4px;font-size:6px}
body.vh-system #modal-cart .vh-cart-recommendations .vh-catalog-discount-inline .vh-discount-badge strong{font-size:9px}

body.vh-system .js-alert-added-to-cart{display:none!important}

/* Shared catalog cards: one discount/shipping message and permanent purchase actions. */
body.vh-system :is(.category-body,.vh-related-catalog) .js-item-product .js-offer-label{display:none!important}
body.vh-system :is(.category-body,.vh-related-catalog) .js-item-product .vh-floating-shipping-label{display:none!important}
body.vh-system :is(.category-body,.vh-related-catalog) .js-item-product .vanhaus-grid-benefit{display:inline-flex!important;align-items:center;justify-content:center;align-self:center;width:auto;max-width:100%;margin:8px auto 0;padding:6px 9px;border:1px solid #525461;border-radius:5px;font-size:11px;line-height:1.3;text-align:center}
body.vh-system :is(.category-body,.vh-related-catalog) .js-item-product .item-actions{position:relative!important;inset:auto!important;display:flex!important;height:auto!important;min-height:0!important;max-height:none!important;opacity:1!important;visibility:visible!important;transform:none!important;pointer-events:auto!important;overflow:visible!important}
body.vh-system :is(.category-body,.vh-related-catalog) .js-item-product .vh-catalog-card-actions{opacity:1!important;visibility:visible!important;transform:none!important;pointer-events:auto!important}
body.vh-system :is(#modal-cart,#shoppingCartPage) .vh-cart-recommendations .vanhaus-grid-benefit{border-color:var(--vh-border)!important;color:var(--vh-text-soft)!important;background:var(--vh-raised)!important}

/* Catalog: colored shipping above, prominent installments, no technical summary. */
body.vh-system :is(.category-body,.vh-related-catalog:not(.vh-cart-recommendations)) .js-item-product .vanhaus-grid-benefit,
body.vh-system :is(.category-body,.vh-related-catalog:not(.vh-cart-recommendations)) .js-item-product .vanhaus-grid-differential{display:none!important}
/* Sin badge de envio gratis en catalogo NI en "Tambien te puede interesar"
   (PDP), a pedido explicito repetido — estas reglas lo forzaban visible en
   ambos contextos. */
body.vh-system :is(.category-body,.vh-related-catalog) .js-item-product .vh-floating-shipping-label{display:none!important}
body.vh-system :is(.category-body,.vh-related-catalog:not(.vh-cart-recommendations)) .js-item-product .item-installments{color:#fff!important;font-size:14px!important;font-weight:600!important;line-height:1.4!important;opacity:1!important;margin-top:8px!important}
body.vh-system :is(.category-body,.vh-related-catalog:not(.vh-cart-recommendations)) .js-item-product .item-installments *{color:#fff!important;font-size:inherit!important;opacity:1!important}
@media(max-width:767px){body.vh-system :is(.category-body,.vh-related-catalog:not(.vh-cart-recommendations)) .js-item-product .item-installments{font-size:12px!important}body.vh-system :is(.category-body,.vh-related-catalog:not(.vh-cart-recommendations)) .js-item-product .vh-floating-shipping-label{font-size:9px!important;padding:6px 8px}}

body.vh-system .vh-related-catalog .js-item-product .vh-catalog-card-actions>.vh-navigation-cta-card{display:flex!important;align-items:center;justify-content:center;opacity:1!important;visibility:visible!important;transform:none!important}
body.vh-system .vh-related-catalog .js-item-product .vh-card-purchase{opacity:1!important;visibility:visible!important;transform:none!important}

/* Fixed drawer footer; the document scrolls above it, never behind the purchase button. */
body.vh-system #modal-cart{padding-bottom:100px!important}
body.vh-system #modal-cart>.vh-cart-checkout-final{position:fixed!important;left:auto!important;right:0!important;bottom:0!important;width:min(480px,100vw)!important;box-sizing:border-box;z-index:20001!important;padding:16px 20px calc(16px + env(safe-area-inset-bottom))!important}
body.vh-system :is(#modal-cart,#shoppingCartPage) .vh-cart-recommendations{padding:16px!important;margin-top:12px!important}
body.vh-system :is(#modal-cart,#shoppingCartPage) .vh-cart-recommendations .js-product-table{display:flex!important;flex-direction:column;gap:10px!important}
/* .item-product trae un border-bottom nativo pensado para separar items en una
   lista plana (catalogo); acá la card ya tiene su propio borde/sombra de card,
   asi que ese resto quedaba como una linea corta e injustificada bajo el texto. */
body.vh-system :is(#modal-cart,#shoppingCartPage) .vh-cart-mini-card{width:100%!important;border-bottom:0!important}
body.vh-system :is(#modal-cart,#shoppingCartPage) .vh-cart-mini-card .js-quickshop-container{display:grid!important;grid-template-columns:72px minmax(0,1fr);column-gap:12px;align-items:center;padding:10px}
body.vh-system :is(#modal-cart,#shoppingCartPage) .vh-cart-mini-card .item-image{grid-column:1;grid-row:1/3;aspect-ratio:1!important;width:72px!important;height:72px!important;min-height:0!important;align-self:start;margin:0!important}
body.vh-system :is(#modal-cart,#shoppingCartPage) .vh-cart-mini-card .item-description{grid-column:2;margin:0!important;padding:0!important;text-align:left!important}
body.vh-system :is(#modal-cart,#shoppingCartPage) .vh-cart-mini-card .vanhaus-grid-name-row{min-height:0!important;margin:0 0 5px!important;text-align:left!important}
body.vh-system :is(#modal-cart,#shoppingCartPage) .vh-cart-mini-card .item-name{min-height:0!important;font-size:14px!important;line-height:1.3!important;text-align:left!important}
body.vh-system :is(#modal-cart,#shoppingCartPage) .vh-cart-mini-card .item-price-container{justify-content:flex-start!important;margin:0!important}
body.vh-system :is(#modal-cart,#shoppingCartPage) .vh-cart-mini-card .item-price{font-size:18px!important}
body.vh-system :is(#modal-cart,#shoppingCartPage) .vh-cart-mini-card .item-installments{margin:3px 0 0!important;font-size:11px!important;line-height:1.4!important;color:var(--vh-text-soft)!important;text-align:left!important}
/* Las cards de catalogo no traen form de compra propio (a proposito, ver comentario
   en vanhaus-interactions.js): el "+" se arma en JS y se ancla al borde derecho de
   la card, centrado verticalmente contra toda la fila (foto + texto). */
body.vh-system :is(#modal-cart,#shoppingCartPage) .vh-cart-mini-card .js-quickshop-container{padding-right:38px!important}
body.vh-system :is(#modal-cart,#shoppingCartPage) .vh-cart-mini-card .vh-mini-add-form{position:absolute;top:50%;right:10px;transform:translateY(-50%);margin:0!important;z-index:2}
body.vh-system :is(#modal-cart,#shoppingCartPage) .vh-cart-mini-card .vh-mini-add-btn{width:28px;height:28px;padding:0;border:0;border-radius:8px;background:var(--vh-cta,#A2BEFE);color:#000;font-size:17px;line-height:1;font-weight:800;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:none}
body.vh-system :is(#modal-cart,#shoppingCartPage) .vh-cart-mini-card .vh-mini-add-btn:hover{filter:brightness(0.95)}
/* El "+" no es un CTA primario: no compite con FINALIZAR COMPRA, pero necesita
   borde e icono con contraste real contra la card (--vh-raised), no un tono
   casi igual al fondo. */
body.vh-system #modal-cart .vh-cart-mini-card .vh-mini-add-btn{
  background:var(--vh-surface)!important;color:var(--vh-periwinkle,#A2BEFE)!important;
  border:1.5px solid var(--vh-periwinkle,#A2BEFE)!important;
}
body.vh-system #modal-cart .vh-cart-mini-card .vh-mini-add-btn:hover{
  background:var(--vh-periwinkle,#A2BEFE)!important;color:#000!important;filter:none;
}

body.vh-system #modal-cart{transform:none!important}

/* Mobile catalog: one navigation action and a clear shipping band above the photo. */
@media(max-width:767px){
  body.vh-system.template-category .category-body .js-item-product .vh-card-purchase{display:none!important}
  body.vh-system.template-category .category-body .js-item-product .item-price{font-size:20px!important}
  body.vh-system.template-category .category-body .js-item-product .item-price-container{gap:3px!important}
  body.vh-system.template-category .category-body .js-item-product .item-image{aspect-ratio:.85/1!important}
  body.vh-system.template-category .category-body .js-item-product .item-image img{height:100%!important;box-sizing:border-box!important;padding-top:48px!important;object-fit:contain!important}
  body.vh-system.template-category .category-body .js-item-product .item-actions{padding-bottom:16px!important}
}

/* Un solo verde de beneficio economico en todo el sitio (catalogo y carrito
   convivían con dos valores distintos; unificado a pedido). */
body.vh-system{--vh-benefit-green:#65df91}
body.vh-system :is(.vh-positive-benefit,.vh-positive-benefit *,.product-detail-installments,.product-detail-installments *,.js-max-installments,.js-max-installments *,.vh-ship-copy strong,.vh-card-benefit,.js-product-form-free-shipping-message){color:var(--vh-benefit-green)!important;opacity:1!important}
body.vh-system :is(.category-body,.vh-related-catalog:not(.vh-cart-recommendations)) .js-item-product .item-installments,
body.vh-system :is(.category-body,.vh-related-catalog:not(.vh-cart-recommendations)) .js-item-product .item-installments *,
body.vh-system :is(#modal-cart,#shoppingCartPage) .vh-cart-mini-card .item-installments,
body.vh-system :is(#modal-cart,#shoppingCartPage) .vh-cart-mini-card .item-installments *{color:var(--vh-benefit-green)!important}
body.vh-system #modal-cart .vh-cart-mini-card .item-installments strong{font-weight:700!important}
body.vh-system :is(.vh-ship-badge,.vh-floating-shipping-label),
body.vh-system .vh-related-catalog:not(.vh-cart-recommendations) .js-item-product .js-labels-floating-group .vh-floating-shipping-label{background:#65df91!important;border-color:#65df91!important;color:#092d16!important}
body.vh-system :is(.vh-ship-badge,.vh-floating-shipping-label) *,
body.vh-system .vh-related-catalog:not(.vh-cart-recommendations) .js-item-product .vh-floating-shipping-label :is(span,strong){color:#092d16!important}

/* Desktop cards reserve a separate band for shipping and category badges. */
body.vh-system .vh-ship .vh-ship-badge,
body.vh-system .vh-ship .vh-ship-badge *{color:#092d16!important;-webkit-text-fill-color:#092d16!important;opacity:1!important}
@media(min-width:768px){
  body.vh-system :is(.category-body,.vh-related-catalog:not(.vh-cart-recommendations)) .js-item-product .item-image{aspect-ratio:1.2/1!important}
  body.vh-system :is(.category-body,.vh-related-catalog:not(.vh-cart-recommendations)) .js-item-product .item-image img{height:100%!important;box-sizing:border-box!important;padding-top:60px!important;object-fit:contain!important}
}

/* PDP purchase layout: native quantity stays inside the original purchase form. */
body.vh-system.template-product .vh-pdp-price-quantity{display:grid!important;grid-template-columns:minmax(0,1fr) 144px;column-gap:20px;row-gap:4px;align-items:end}
body.vh-system.template-product .vh-pdp-price-quantity>*{grid-column:1/-1}
body.vh-system.template-product .vh-pdp-price-quantity>span.d-inline-block{grid-column:1;grid-row:1}
body.vh-system.template-product .vh-pdp-price-quantity>.vh-pdp-price-row{grid-column:1;grid-row:2;min-width:0}
body.vh-system.template-product .vh-pdp-price-quantity>.vh-pdp-quantity{grid-column:2;grid-row:2;width:100%!important;max-width:none!important;padding:0!important;margin:0!important;align-self:center}
body.vh-system.template-product .vh-pdp-price-quantity .vh-pdp-quantity-control{width:100%!important;min-height:48px}
body.vh-system.template-product .vh-pdp-meta-row{display:flex!important;flex-direction:column;align-items:stretch!important;gap:10px;margin-bottom:16px}
body.vh-system.template-product .vh-pdp-meta-side{align-items:flex-start}
body.vh-system.template-product .vh-trust-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px}
body.vh-system.template-product .vh-trust-card{min-height:104px;padding:12px 8px}
@media(max-width:767px){
  body.vh-system.template-product .vh-pdp-price-quantity{grid-template-columns:minmax(0,1fr) 100px;column-gap:10px}
  body.vh-system.template-product .vh-pdp-price-quantity .js-price-display{font-size:clamp(28px,8.5vw,36px)!important}
  body.vh-system.template-product .vh-pdp-price-quantity .vh-pdp-quantity-control{min-height:44px}
  body.vh-system.template-product .vh-trust-grid{gap:6px}
  body.vh-system.template-product .vh-trust-card{padding:10px 6px;min-height:110px}
  body.vh-system.template-product .vh-trust-card>svg{width:23px;height:23px;flex-basis:23px}
  body.vh-system.template-product .vh-trust-card strong{font-size:11px!important}
  body.vh-system.template-product .vh-trust-card span{font-size:10px!important}
}

/* Mobile product recommendations: tighter section spacing and a protected badge band. */
@media(max-width:767px){
  body.vh-system.template-product #single-product{padding-bottom:16px!important}
  body.vh-system.template-product .vh-related-catalog:not(.vh-cart-recommendations){padding-top:24px!important;margin-top:0!important;border-top:1px solid #ffffff24}
  body.vh-system.template-product .vh-related-catalog:not(.vh-cart-recommendations) .vh-pdp-related-title{margin:0 0 20px!important;font-size:26px!important;line-height:1.15!important}
  body.vh-system.template-product .vh-related-catalog:not(.vh-cart-recommendations) .js-item-product .item-image{aspect-ratio:.85/1!important}
  body.vh-system.template-product .vh-related-catalog:not(.vh-cart-recommendations) .js-item-product .item-image img{height:100%!important;box-sizing:border-box!important;padding-top:44px!important;object-fit:contain!important}
  body.vh-system.template-product .vh-related-catalog:not(.vh-cart-recommendations) .js-item-product .js-labels-floating-group .vh-floating-shipping-label{font-size:8px!important;padding:5px 7px!important;min-height:0!important}
}
/* Cart benefits: readable shipping badge and explicit installment wording. */
body.vh-system :is(#modal-cart,#shoppingCartPage) .js-cart-item .label.vh-positive-benefit,
body.vh-system :is(#modal-cart,#shoppingCartPage) .js-cart-item .label.vh-positive-benefit *{background:#0C7A45!important;color:var(--vh-text)!important;-webkit-text-fill-color:var(--vh-text)!important;border-color:#0C7A45!important;opacity:1!important}
body.vh-system :is(#modal-cart,#shoppingCartPage) .js-cart-item .label.vh-positive-benefit{padding:5px 8px!important;font-weight:700!important}
body.vh-system #modal-cart .js-cart-item .label.vh-positive-benefit{border-radius:var(--vh-radius-sm)!important}
body.vh-system #shoppingCartPage .js-cart-item .label.vh-positive-benefit{border-radius:5px!important}
/* Badge "ENVÍO GRATIS" en el item: verde solido, texto claro (spec del rediseño
   oscuro). #65DF91 satura sobre fondo blanco, no sobre este fondo oscuro, asi
   que se mantiene el verde de beneficio en vez del #18783e generico. */
body.vh-system #modal-cart .js-cart-item .label.vh-positive-benefit,
body.vh-system #modal-cart .js-cart-item .label.vh-positive-benefit *{
  background:#0C7A45!important;color:var(--vh-text)!important;-webkit-text-fill-color:var(--vh-text)!important;
  border-color:#0C7A45!important;opacity:1!important;
}
body.vh-system :is(#modal-cart,#shoppingCartPage) .vh-cart-installments,
body.vh-system :is(#modal-cart,#shoppingCartPage) .vh-cart-installments *{font-size:15px!important;line-height:1.45!important;font-weight:600!important;color:var(--vh-success,#65df91)!important;opacity:1!important;font-variant-numeric:tabular-nums}

/* Product payment communication. It is deliberately separate from the native
   current/compare price row and its commercial-discount badge. */
body.vh-system .vh-payment-benefits{width:100%;min-width:0;margin:7px 0 0;box-sizing:border-box;font-variant-numeric:tabular-nums}
body.vh-system .vh-payment-benefits p{margin:0}
body.vh-system .vh-payment-benefits__installments{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:center;gap:2px 4px;min-width:0;color:var(--vh-text,#f4f6fa);font-size:13px;font-weight:650;line-height:1.35}
body.vh-system .vh-payment-benefits__installment-copy{min-width:0;color:var(--vh-text,#f4f6fa)}
body.vh-system .vh-payment-benefits__installment-copy>span:not(.vh-payment-benefits__accent){color:var(--vh-text,#f4f6fa)!important}
body.vh-system .vh-payment-benefits__accent{color:var(--vh-benefit-green,#65df91)!important}
body.vh-system .vh-payment-benefits__installments strong{flex:0 0 auto;color:#fff!important;font-family:var(--vh-font-display);font-size:calc(1em + 1px);font-weight:900;line-height:inherit;letter-spacing:0;font-variant-numeric:tabular-nums;white-space:nowrap}
body.vh-system .vh-payment-benefits__transfer{min-width:0;margin-top:3px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}
body.vh-system .vh-payment-benefits__transfer-main{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:4px 6px;min-width:0;color:var(--vh-text,#f4f6fa);font-size:13px;font-weight:600;line-height:1.35}
body.vh-system .vh-payment-benefits__transfer-copy{display:inline-flex;flex-wrap:wrap;align-items:baseline;justify-content:center;gap:0 4px;min-width:0;max-width:100%}
body.vh-system .vh-payment-benefits__transfer-copy>strong{color:#fff!important;font-family:var(--vh-font-display);font-size:calc(1em + 1px);font-weight:900;line-height:inherit;letter-spacing:0;font-variant-numeric:tabular-nums;white-space:nowrap}
body.vh-system .vh-payment-benefits__transfer-words{color:var(--vh-text,#f4f6fa);white-space:nowrap}
body.vh-system .vh-payment-benefits__badge{display:inline;flex:0 0 auto;min-height:0;padding:0;border:0;border-radius:0;background:transparent;color:var(--vh-text-soft,#aeb5c0);font-family:var(--vh-font-display);font-size:11px;font-style:normal;font-weight:800;line-height:1.2;letter-spacing:.045em;white-space:nowrap}
body.vh-system .vh-payment-benefits__saving{margin-top:4px!important;color:var(--vh-text-soft,#aeb5c0);font-size:12px;line-height:1.35}
body.vh-system .vh-payment-benefits__saving strong{color:inherit;font-weight:750;white-space:nowrap}

body.vh-system.template-product .vh-payment-benefits--detail{margin-top:10px}
body.vh-system.template-product .vh-payment-benefits--detail .vh-payment-benefits__installments{justify-content:flex-start;font-size:18px}
body.vh-system.template-product .vh-payment-benefits--detail .vh-payment-benefits__transfer{margin-top:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}
body.vh-system.template-product .vh-payment-benefits--detail .vh-payment-benefits__transfer-main{justify-content:flex-start;font-size:16px}
body.vh-system.template-product .vh-payment-benefits--detail .vh-payment-benefits__transfer-copy{justify-content:flex-start}
body.vh-system.template-product .vh-payment-benefits--detail .vh-payment-benefits__badge{min-height:22px;padding-inline:8px;font-size:11px}

body.vh-system .vh-home .vh-chapter .vh-payment-benefits--compact{max-width:520px;margin-top:8px}
body.vh-system .vh-home .vh-chapter .vh-payment-benefits--compact :is(.vh-payment-benefits__installments,.vh-payment-benefits__transfer-main){justify-content:flex-start;font-size:16px}
body.vh-system :is(.category-body,.vh-related-catalog:not(.vh-cart-recommendations)) .vh-payment-benefits--compact{margin-top:7px;text-align:center}

@media(max-width:767px){
  body.vh-system.template-product .vh-payment-benefits--detail .vh-payment-benefits__installments{font-size:16px}
  body.vh-system.template-product .vh-payment-benefits--detail .vh-payment-benefits__transfer-main{font-size:14px}
  body.vh-system :is(.category-body,.vh-related-catalog:not(.vh-cart-recommendations)) .vh-payment-benefits--compact :is(.vh-payment-benefits__installments,.vh-payment-benefits__transfer-main){font-size:11px}
  body.vh-system :is(.category-body,.vh-related-catalog:not(.vh-cart-recommendations)) .vh-payment-benefits--compact .vh-payment-benefits__installments{flex-direction:column;gap:0}
  body.vh-system :is(.category-body,.vh-related-catalog:not(.vh-cart-recommendations)) .vh-payment-benefits--compact .vh-payment-benefits__badge{font-size:9px}
  body.vh-system .vh-home .vh-chapter .vh-payment-benefits--compact :is(.vh-payment-benefits__installments,.vh-payment-benefits__transfer-main){font-size:14px}
}
/* Payment alternatives stay secondary to the native installment amount. */
body.vh-system .vh-transfer-note{display:block!important;width:auto!important;max-width:100%!important;min-width:0!important;margin:5px 0 0!important;padding:0!important;border:0!important;background:transparent!important;color:#f4f6fa!important;-webkit-text-fill-color:#f4f6fa!important;font-size:12px!important;font-weight:400!important;line-height:1.4!important;letter-spacing:normal!important;text-transform:none!important;white-space:normal!important;overflow-wrap:anywhere;box-sizing:border-box}
body.vh-system :is(#modal-cart,#shoppingCartPage) .vh-transfer-note{color:var(--vh-text-soft)!important;-webkit-text-fill-color:var(--vh-text-soft)!important}
/* Cross-sell "También te puede interesar" / mini-cards: mismo tamaño que item-installments (vanhaus-catalog.css), en verde. */
body.vh-system .vh-related-catalog:not(.vh-cart-recommendations) .item .vh-transfer-note{font-size:11px!important;color:var(--vh-benefit-green,#65df91)!important;-webkit-text-fill-color:var(--vh-benefit-green,#65df91)!important;font-weight:600!important}
@media(max-width:767px){body.vh-system .vh-related-catalog:not(.vh-cart-recommendations) .item .vh-transfer-note{font-size:9.5px!important}}
body.vh-system :is(#modal-cart,#shoppingCartPage) .vh-cart-transfer-note{text-align:right;margin-bottom:12px!important}
/* La transferencia es el incentivo mas fuerte (15% vs. cuotas): mismo peso visual
   que .vh-cart-installments (15px/600/verde), no un texto gris secundario. */
body.vh-system :is(#modal-cart,#shoppingCartPage) .vh-cart-transfer-note,
body.vh-system :is(#modal-cart,#shoppingCartPage) .vh-cart-transfer-note *{color:var(--vh-success,#65df91)!important;-webkit-text-fill-color:var(--vh-success,#65df91)!important;font-size:15px!important;font-weight:600!important;line-height:1.45!important;font-variant-numeric:tabular-nums}
body.vh-system :is(#modal-cart,#shoppingCartPage) .vh-cart-transfer-note strong{font-weight:800!important}
/* A2 (segunda mitad): "Estás ahorrando $X", mismo tratamiento que cuotas/transferencia. */
body.vh-system :is(.js-cart-item-unit-price-compare-price,.vh-cart-unit .price-compare){text-decoration:line-through;opacity:.55;margin-right:4px}
body.vh-system :is(#modal-cart,#shoppingCartPage) .vh-cart-mini-card .vh-transfer-note{font-size:11px!important;color:var(--vh-success,#65df91)!important;-webkit-text-fill-color:var(--vh-success,#65df91)!important;font-weight:600!important}
@media(max-width:767px){body.vh-system .js-item-product .vh-transfer-note{font-size:11px!important}}
/* Catalog balance: slightly smaller artwork, clearer purchase information. */
body.vh-system.template-category .category-body .js-item-product .item-image img{padding-inline:16px!important;padding-bottom:20px!important}
body.vh-system.template-category .category-body .js-item-product .item-name{font-size:20px!important}
body.vh-system.template-category .category-body .js-item-product .item-price{font-size:25px!important}
body.vh-system.template-category .category-body .js-item-product .item-installments{font-size:15px!important}
body.vh-system.template-category .category-body .js-item-product .vh-transfer-note{font-size:15px!important;color:var(--vh-benefit-green,#65df91)!important;-webkit-text-fill-color:var(--vh-benefit-green,#65df91)!important;font-weight:600!important}
@media(max-width:767px){
  body.vh-system.template-category .category-body .js-item-product .item-image img{padding-inline:8px!important;padding-bottom:12px!important}
  body.vh-system.template-category .category-body .js-item-product .item-name{font-size:17px!important}
  body.vh-system.template-category .category-body .js-item-product .item-price{font-size:21px!important}
  body.vh-system.template-category .category-body .js-item-product .item-installments{font-size:13px!important}
  /* Sin "15% OFF pagando por transferencia" en las cards del catalogo en mobile. */
  body.vh-system.template-category .category-body .js-item-product .vh-transfer-note{display:none!important}
}

/* ============================================================================
   Sistema de diseño del drawer — Cambios 2/3/4. Reglas #modal-cart-only: no
   tocan #shoppingCartPage (pagina completa de carrito, fuera de alcance).
   Este archivo carga ultimo (system→home→catalog→product→cart→pages→
   placeholders→refinements), asi que estas reglas le ganan a las de
   vanhaus-cart.css y a las de trust-badges/mini-card definidas mas arriba
   en este mismo archivo.
============================================================================ */

/* Cambio 2 — fondo del cuerpo en --vh-mist, bloques internos en --vh-surface.
   Sin sombras: la separacion la da el contraste de fondo, no box-shadow. */
body.vh-system #modal-cart,
body.vh-system #modal-cart .modal-body{background:var(--vh-surface)!important}
body.vh-system #modal-cart .cart-item{
  background:var(--vh-raised)!important;border:1px solid var(--vh-border)!important;
  border-radius:var(--vh-radius-lg)!important;box-shadow:none!important;
  padding:16px!important;margin:0 0 10px!important;
}
body.vh-system #modal-cart .vh-cart-totals-wrap{
  background:var(--vh-raised)!important;border:1px solid var(--vh-border)!important;
  border-radius:var(--vh-radius-lg)!important;box-shadow:none!important;padding:16px!important;margin-bottom:10px!important;
}
body.vh-system #modal-cart .vh-cart-trust-badges .vh-trust-card,
body.vh-system #modal-cart .radio-button-content,
body.vh-system #modal-cart .vh-cart-trust-accordion>summary,
body.vh-system #modal-cart .vh-cart-trust-accordion .vh-cart-trust,
body.vh-system #modal-cart .vh-cart-mini-card{
  background:var(--vh-raised)!important;box-shadow:none!important;
}
body.vh-system #modal-cart [data-store="shipping-calculator"] input.form-control,
body.vh-system #modal-cart .form-quantity{background:var(--vh-surface)!important}
body.vh-system #modal-cart .alert-info{background:var(--vh-surface)!important}

/* Cambio 3 — un solo par de radios (12/8) y un solo color de borde neutro.
   50% se deja intacto: son indicadores circulares (radio de envío, check),
   no "radius" de tarjeta — forzarlos a 8/12px los deformaria en cuadrados. */
body.vh-system #modal-cart :is(
  .cart-item,.vh-cart-totals-wrap,.vh-cart-trust-badges .vh-trust-card,
  .radio-button-content,.vh-cart-trust-accordion>summary,.vh-cart-trust-accordion .vh-cart-trust,
  .vh-cart-mini-card,.btn-primary,.form-quantity,
  [data-store="shipping-calculator"] input.form-control,
  [data-store="shipping-calculator"] .js-calculate-shipping,
  [data-store="shipping-calculator"] .js-shipping-calculator-change-zipcode,
  [data-store="coupon-input"] .js-coupon-form .form-group-inline
){border-radius:var(--vh-radius-lg)!important}
body.vh-system #modal-cart :is(.cart-item img,.vh-cart-mini-card .item-image img,.vh-mini-add-btn){border-radius:var(--vh-radius-sm)!important}
body.vh-system #modal-cart :is(
  .cart-item,.vh-cart-totals-wrap,.vh-cart-trust-badges .vh-trust-card,
  .radio-button-content,.vh-cart-trust-accordion>summary,.vh-cart-trust,
  .vh-cart-mini-card,.form-quantity,
  [data-store="shipping-calculator"] input.form-control,
  [data-store="shipping-calculator"] .radio-button-item,
  [data-store="shipping-calculator"] .radio-button-content,
  [data-store="shipping-calculator"] .list-item
){border-color:var(--vh-border)!important}
/* Opcion de envío seleccionada: borde periwinkle en vez de --vh-border. */
body.vh-system #modal-cart .radio-button input[type="radio"]:checked+.radio-button-content{
  border-color:var(--vh-periwinkle)!important;background:var(--vh-cart-selected-tint)!important;
}
body.vh-system #modal-cart .radio-button input[type="radio"]:checked+.radio-button-content .radio-button-icon.checked{
  background:var(--vh-periwinkle)!important;border-color:var(--vh-periwinkle)!important;color:#000!important;
}
/* Periwinkle solido contenido a un solo lugar: FINALIZAR COMPRA. El check/borde
   de la opcion de envio seleccionada tambien lo usa (ver vanhaus-cart.css),
   pero ningun otro boton. Texto siempre negro sobre periwinkle (blanco da ~2:1). */
body.vh-system #modal-cart :is(.btn-primary,input[name="go_to_checkout"]){
  background:var(--vh-periwinkle)!important;border-color:var(--vh-periwinkle)!important;color:#000!important;
}
body.vh-system #modal-cart :is(.btn-primary,input[name="go_to_checkout"]) :is(span,strong,svg){color:#000!important;fill:#000!important}
/* CALCULAR y CAMBIAR CP bajan a secundario: ya no compiten con FINALIZAR COMPRA. */
body.vh-system #modal-cart :is([data-store="shipping-calculator"] .js-calculate-shipping,.js-shipping-calculator-change-zipcode){
  background:var(--vh-surface)!important;border-color:var(--vh-border)!important;color:var(--vh-text)!important;border-radius:var(--vh-radius-lg)!important;
}
body.vh-system #modal-cart :is([data-store="shipping-calculator"] .js-calculate-shipping,.js-shipping-calculator-change-zipcode) :is(span,strong,svg){
  color:var(--vh-text)!important;fill:var(--vh-text)!important;
}
body.vh-system #modal-cart :is([data-store="shipping-calculator"] .js-calculate-shipping,.js-shipping-calculator-change-zipcode):hover{
  background:var(--vh-raised)!important;border-color:var(--vh-periwinkle)!important;
}
body.vh-system #modal-cart :is([data-store="shipping-calculator"] .js-calculate-shipping,.js-shipping-calculator-change-zipcode):hover :is(span,strong,svg){
  color:var(--vh-text)!important;fill:var(--vh-text)!important;
}
/* Separar CALCULAR del input: ya no es la accion principal, no tiene que leerse
   como un solo bloque fusionado con el campo de texto. */
body.vh-system #modal-cart [data-store="shipping-calculator"] input.form-control{border-radius:var(--vh-radius-lg)!important}
body.vh-system #modal-cart [data-store="shipping-calculator"] .js-calculate-shipping{
  width:auto!important;min-width:0!important;margin-left:8px!important;padding:0 18px!important;
}
body.vh-system #modal-cart [data-store="shipping-calculator"] .form-control-container{flex:1 1 auto!important}

/* Correccion 5b: "Estás ahorrando $X" con el mismo peso que cuotas/transferencia. */
body.vh-system #modal-cart .vh-cart-savings-row,
body.vh-system #modal-cart .vh-cart-savings-row *{color:var(--vh-success,#65df91)!important;font-weight:600!important}
body.vh-system #modal-cart .vh-cart-savings-amount{font-variant-numeric:tabular-nums;font-weight:800!important}

/* Cambio 4 — montos alineados digito a digito. */
body.vh-system #modal-cart :is(
  .js-cart-item-unit-price,.js-cart-item-unit-price-compare-price,.price-compare,
  .js-cart-item-subtotal,.vh-cart-summary-secondary,.vh-cart-summary-total,
  .vh-cart-installments,.vh-cart-transfer-note,[data-vh-transfer-amount],
  .vh-shipping-option-price,.vh-cart-mini-card .item-price,.vh-cart-mini-card .item-installments
){font-variant-numeric:tabular-nums;letter-spacing:0!important}

/* =====================================================================
   Redesign 2026-09-21: price block, spec cards and PDP purchase row.
   Palette: #EFF1F3 text · #A2BEFE accent/CTA · #65DF91 benefit green ·
   #7E7E7E secondary text.
   ===================================================================== */

/* Every price on the site: fixed-width digits. */
body.vh-system :is(.js-price-display,.js-compare-price-display,.item-price,.price-compare,.vh-price,.vh-compare,[data-vh-installment-price],[data-vh-transfer-price],[data-vh-dock-price],.js-cart-total,.js-cart-subtotal,.js-cart-item-subtotal,.vh-price-block){font-variant-numeric:tabular-nums;letter-spacing:0!important}

/* 1. Shared home/PDP payment alternatives: one group, no internal dividers. */
body.vh-system .vh-price-block{display:block;box-sizing:border-box;width:100%;margin:0;font-family:Inter,"Open Sans",Arial,sans-serif;text-align:left;color:#EFF1F3;-webkit-text-fill-color:#EFF1F3;letter-spacing:0}
body.vh-system .vh-price-block__main{min-width:0}
body.vh-system .vh-price-block__top{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:0 0 5px}
body.vh-system .vh-price-block :is(.vh-price-block__compare,#compare_price_display){margin:0;padding:0;font-family:inherit!important;font-size:14px!important;font-weight:400!important;line-height:1.2;letter-spacing:0!important;color:#7E7E7E!important;-webkit-text-fill-color:#7E7E7E!important;text-decoration:line-through;opacity:1!important}
body.vh-system .vh-price-block .vh-discount-shell{margin:0!important;line-height:1}
body.vh-system .vh-price-block .vh-discount-badge{min-height:0!important;gap:3px;padding:3px 9px!important;border:0!important;border-radius:999px!important;background:#65DF91!important;color:#04342C!important;-webkit-text-fill-color:#04342C!important;font-family:inherit!important;font-size:11px!important;font-weight:500!important;line-height:1.2!important;letter-spacing:0!important;box-shadow:none!important}
body.vh-system .vh-price-block .vh-discount-badge :is(strong,span){font-size:inherit!important;font-weight:inherit!important;line-height:inherit!important;letter-spacing:0!important;color:inherit!important}
body.vh-system .vh-price-block .tooltip-container{margin:0}
body.vh-system .vh-price-block :is(.vh-price-block__price,#price_display){display:block;margin:0!important;padding:0;font-family:inherit!important;font-size:36px!important;font-weight:500!important;line-height:1.05!important;letter-spacing:0!important;color:#EFF1F3!important;-webkit-text-fill-color:#EFF1F3!important;font-variant-numeric:tabular-nums;text-transform:none;white-space:nowrap}
body.vh-system .vh-price-block .vh-price-block__card-label{margin:4px 0 0!important;font-size:12.5px;font-weight:400;line-height:1.4;color:#EFF1F3!important;-webkit-text-fill-color:#EFF1F3!important;letter-spacing:0}
body.vh-system .vh-price-block .vh-price-block__installments{display:flex;flex-wrap:wrap;align-items:baseline;gap:7px;margin:13px 0 0!important;font-size:13.5px;font-weight:400;line-height:1.35;letter-spacing:0;color:#EFF1F3!important;-webkit-text-fill-color:#EFF1F3!important}
body.vh-system .vh-price-block .vh-price-block__benefit{color:#65DF91!important;-webkit-text-fill-color:#65DF91!important}
body.vh-system .vh-price-block .vh-price-block__installments>.vh-price-block__benefit{font-weight:500;white-space:nowrap}
body.vh-system .vh-price-block .vh-price-block__installment-amount{display:inline-flex;align-items:baseline;gap:7px;white-space:nowrap}
body.vh-system .vh-price-block .vh-price-block__num{font-family:inherit!important;letter-spacing:0!important;font-variant-numeric:tabular-nums;white-space:nowrap}
body.vh-system .vh-price-block .vh-price-block__installments .vh-price-block__num{font-size:17px;font-weight:500}
body.vh-system .vh-price-block .vh-price-block__transfer{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px;box-sizing:border-box;min-width:0;margin:9px 0 0;padding:0;border:0;border-radius:0;background:transparent;font-size:13.5px;font-weight:400;line-height:1.35;letter-spacing:0;color:#EFF1F3!important;-webkit-text-fill-color:#EFF1F3!important}
body.vh-system .vh-price-block .vh-price-block__transfer-method{display:inline-flex;align-items:baseline;gap:8px;white-space:nowrap}
body.vh-system .vh-price-block .vh-price-block__transfer-price{font-size:20px;font-weight:500;line-height:1.1;color:#65DF91!important;-webkit-text-fill-color:#65DF91!important}
body.vh-system .vh-price-block .vh-price-block__transfer-label{margin:0;font-size:13.5px;font-weight:400;letter-spacing:0;color:#EFF1F3!important;-webkit-text-fill-color:#EFF1F3!important}
body.vh-system .vh-price-block .vh-price-block__transfer-discount{font-size:13px;white-space:nowrap}
body.vh-system .vh-price-block [data-vh-payment-part][hidden]{display:none!important}
@media(max-width:767px){
  body.vh-system .vh-price-block :is(.vh-price-block__price,#price_display){font-size:32px!important}
  body.vh-system .vh-price-block .vh-price-block__installments>.vh-price-block__benefit{font-size:13px}
  body.vh-system .vh-price-block .vh-price-block__installments .vh-price-block__num{font-size:16px}
  body.vh-system .vh-price-block .vh-price-block__transfer-price{font-size:18px}
  body.vh-system .vh-price-block .vh-price-block__desktop-word{display:none}
}

/* Short two-word trust labels exist only for the mobile PDP layout. */
body.vh-system .vh-trust-short{display:none}

/* 3. PDP purchase column: price block between hairlines, quantity beside the CTA. */
body.vh-system.template-product #product_form .vh-buy-row{display:flex;align-items:stretch;gap:12px;width:100%}
body.vh-system.template-product #product_form .vh-buy-row>.vh-pdp-quantity{flex:0 0 auto;width:auto!important;max-width:none!important;padding:0!important;margin:0!important}
body.vh-system.template-product #product_form .vh-buy-row .vh-pdp-quantity-control{display:flex!important;align-items:center;justify-content:center;gap:10px;box-sizing:border-box;width:auto!important;height:100%;min-height:0!important;padding:0 16px!important;border:1px solid rgba(255,255,255,.14)!important;border-radius:10px!important;background:transparent!important}
body.vh-system.template-product #product_form .vh-buy-row .vh-pdp-quantity-control button{display:inline-flex;align-items:center;justify-content:center;width:auto;min-width:17px;height:auto;padding:0!important;border:0!important;background:transparent!important;color:#9B9B9B!important;font-size:17px;line-height:1}
body.vh-system.template-product #product_form .vh-buy-row .vh-pdp-quantity-control button svg{width:17px;height:17px;fill:currentColor;color:#9B9B9B}
body.vh-system.template-product #product_form .vh-buy-row .vh-pdp-quantity-control input{width:28px!important;min-width:0;height:auto;padding:0!important;border:0!important;background:transparent!important;color:#EFF1F3!important;-webkit-text-fill-color:#EFF1F3!important;font-family:"Open Sans",Arial,sans-serif;font-size:15px!important;font-weight:500;text-align:center;font-variant-numeric:tabular-nums;-moz-appearance:textfield;appearance:textfield}
body.vh-system.template-product #product_form .vh-buy-row .vh-pdp-quantity-control input::-webkit-inner-spin-button,
body.vh-system.template-product #product_form .vh-buy-row .vh-pdp-quantity-control input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
body.vh-system.template-product #product_form .vh-buy-row .vh-buy-cta{flex:1 1 auto;min-width:0}
body.vh-system.template-product #product_form .vh-buy-row :is(.js-addtocart,.js-addtocart-placeholder){width:100%;margin:0!important;padding:16px!important;border:0!important;border-radius:10px!important;background:#A2BEFE!important;color:#0B0B0B!important;-webkit-text-fill-color:#0B0B0B!important;font-family:"Open Sans",Arial,sans-serif!important;font-size:14px!important;font-weight:500!important;line-height:1.2!important;letter-spacing:.06em!important;text-transform:uppercase}
@media(max-width:767px){
  /* Mobile keeps quantity and CTA on one row, like desktop. */
  body.vh-system.template-product #product_form .vh-buy-row{flex-direction:row!important;align-items:stretch;gap:10px}
  body.vh-system.template-product #product_form .vh-buy-row .vh-pdp-quantity-control{gap:8px;padding:0 14px!important}
  body.vh-system.template-product #product_form .vh-buy-row .vh-pdp-quantity-control button{font-size:16px;min-width:16px}
  body.vh-system.template-product #product_form .vh-buy-row .vh-pdp-quantity-control button svg{width:16px;height:16px}
  body.vh-system.template-product #product_form .vh-buy-row .vh-pdp-quantity-control input{width:22px!important;font-size:14px!important}
  body.vh-system.template-product #product_form .vh-buy-row :is(.js-addtocart,.js-addtocart-placeholder){padding:15px!important;font-size:13px!important;letter-spacing:.05em!important}

  /* Shipping row: one column so each line reads on a single row. */
  html body.vh-system #product_form .vh-ship-pdp .vh-ship-list{grid-template-columns:minmax(0,1fr)!important;gap:12px!important}
  html body.vh-system #product_form .vh-ship-pdp .vh-ship-item{align-items:flex-start;gap:10px!important;padding:0!important}
  html body.vh-system #product_form .vh-ship-pdp .vh-ship-icon{flex:0 0 17px!important;width:17px!important;height:17px!important;margin-top:1px!important;color:#9B9B9B!important}
  html body.vh-system #product_form .vh-ship-pdp .vh-ship-icon svg{width:17px!important;height:17px!important}
  html body.vh-system #product_form .vh-ship-pdp .vh-ship-copy strong,
  html body.vh-system #product_form .vh-ship-pdp .vh-ship-copy strong *{font-size:13.5px!important;line-height:1.35!important}
  html body.vh-system #product_form .vh-ship-pdp .vh-ship-copy strong{color:#EFF1F3!important;-webkit-text-fill-color:#EFF1F3!important}
  html body.vh-system #product_form .vh-ship-pdp .vh-ship-copy>span{margin-top:2px!important;font-size:11.5px!important;line-height:1.35!important;color:#7E7E7E!important;-webkit-text-fill-color:#7E7E7E!important}

  /* Trust cards (PDP only, not the cart copy): three open columns between two
     hairlines, lavender icon over a two-word label. */
  html body.vh-system.template-product #vh-pdp-trust:not(.vh-cart-trust-badges *){margin:16px 0 4px!important;padding:16px 0!important;border-top:1px solid rgba(255,255,255,.08)!important;border-bottom:1px solid rgba(255,255,255,.08)!important;border-radius:0!important;background:none!important}
  html body.vh-system.template-product #vh-pdp-trust:not(.vh-cart-trust-badges *) .vh-trust-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important}
  html body.vh-system.template-product #vh-pdp-trust:not(.vh-cart-trust-badges *) .vh-trust-card{flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;gap:0!important;min-height:0!important;padding:0!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;text-align:center!important}
  html body.vh-system.template-product #vh-pdp-trust:not(.vh-cart-trust-badges *) .vh-trust-card>svg{width:19px!important;height:19px!important;flex:0 0 19px!important;color:#A2BEFE!important;stroke:#A2BEFE!important}
  html body.vh-system.template-product #vh-pdp-trust:not(.vh-cart-trust-badges *) .vh-trust-card>div{width:100%!important;text-align:center!important}
  html body.vh-system.template-product #vh-pdp-trust:not(.vh-cart-trust-badges *) .vh-trust-card strong{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important}
  html body.vh-system.template-product #vh-pdp-trust:not(.vh-cart-trust-badges *) .vh-trust-card span{display:none!important}
  html body.vh-system.template-product #vh-pdp-trust:not(.vh-cart-trust-badges *) .vh-trust-short{display:block!important;margin-top:7px;font-style:normal;font-size:11px;font-weight:400;line-height:1.35;color:#EFF1F3;-webkit-text-fill-color:#EFF1F3}

}

/* 4. Home product sections: specs, then price block, then full-width CTA. */
body.vh-system .vh-home .vh-chapter .vh-home-highlights{margin:18px 0 24px!important}
body.vh-system .vh-home .vh-chapter .vh-chapter-purchase{display:block!important;margin-top:0!important;max-width:none!important}
body.vh-system .vh-home .vh-chapter .vh-chapter-actions{display:block!important;width:100%!important;max-width:none!important;margin-top:24px!important}
body.vh-system .vh-home .vh-chapter .vh-chapter-actions>a.vh-btn{display:flex!important;align-items:center;justify-content:center;box-sizing:border-box;width:100%!important;min-height:0!important;padding:16px!important;border:0!important;border-radius:10px!important;background:#A2BEFE!important;color:#0B0B0B!important;-webkit-text-fill-color:#0B0B0B!important;font-family:"Open Sans",Arial,sans-serif!important;font-size:14px!important;font-weight:500!important;line-height:1.2!important;letter-spacing:.06em!important;text-transform:none!important}

/* =====================================================================
   Spec cards, one component in two sizes (2026-09-21).
   No box: internal dividers only, drawn as gradients (strong in the middle,
   fading at the ends) so they never read as table cells. Value in white,
   label in lavender (lavender belongs to the CTA).
     A. PDP "Lo más destacado" (.vh-product-story): value + label + use line.
     B. Home product sections (.vh-home-highlights): value + label.
   ===================================================================== */
body.vh-system :is(.vh-product-story .vh-specs,.vh-home-highlights){--vh-spec-line:rgba(255,255,255,.22);display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:0!important;align-items:stretch;position:relative}
body.vh-system :is(.vh-product-story .vh-spec,.vh-home-highlights .vh-home-highlight){display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;gap:0!important;box-sizing:border-box;position:relative!important;min-width:0;min-height:0!important;height:auto!important;margin:0!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;clip-path:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;text-align:center!important;animation:none!important}
body.vh-system :is(.vh-product-story .vh-spec,.vh-home-highlights .vh-home-highlight)::before{content:none!important;display:none!important}
/* Vertical divider on every column but the last. */
body.vh-system :is(.vh-product-story .vh-spec,.vh-home-highlights .vh-home-highlight)::after{content:''!important;display:block!important;position:absolute!important;top:0!important;right:0!important;bottom:0!important;left:auto!important;width:1px!important;height:auto!important;margin:0!important;border:0!important;opacity:1!important;box-shadow:none!important;transform:none!important;background:linear-gradient(to bottom,transparent,var(--vh-spec-line) 30%,var(--vh-spec-line) 70%,transparent)!important}
body.vh-system :is(.vh-product-story .vh-spec,.vh-home-highlights .vh-home-highlight):last-child::after{content:none!important;display:none!important}
body.vh-system :is(.vh-product-story .vh-spec,.vh-home-highlights .vh-home-highlight):hover{background:none!important;transform:none!important;box-shadow:none!important}
body.vh-system :is(.vh-product-story .vh-spec,.vh-home-highlights .vh-home-highlight) dd{order:0!important;margin:0!important;font-family:"Open Sans",Arial,sans-serif!important;font-weight:500!important;line-height:1.15!important;letter-spacing:-.02em!important;white-space:nowrap;color:#EFF1F3!important;-webkit-text-fill-color:#EFF1F3!important;font-variant-numeric:tabular-nums}
body.vh-system :is(.vh-product-story .vh-spec,.vh-home-highlights .vh-home-highlight) dt{order:1!important;font-family:"Open Sans",Arial,sans-serif!important;font-size:10px!important;font-weight:500!important;line-height:1.3!important;text-transform:uppercase!important;white-space:normal;color:#A2BEFE!important;-webkit-text-fill-color:#A2BEFE!important}
body.vh-system :is(.vh-product-story .vh-spec,.vh-home-highlights .vh-home-highlight):hover dd{color:#EFF1F3!important}

/* A. PDP "Lo más destacado". The strip spans the same column as "Sobre …"
   below it; the use line is capped at 124px so every description takes
   exactly two lines (measured on all 20 curated lines at 13px: 120-128px works). */
body.vh-system .vh-product-story .vh-specs{width:100%;max-width:none}
body.vh-system .vh-product-story .vh-spec{padding:0 14px!important}
body.vh-system .vh-product-story .vh-spec dd{font-size:30px!important}
body.vh-system .vh-product-story .vh-spec dt{margin:6px 0 0!important;font-size:11px!important;letter-spacing:.12em!important}
body.vh-system .vh-product-story .vh-spec-context{order:2!important;max-width:124px;margin:10px 0 0!important;font-family:"Open Sans",Arial,sans-serif!important;font-size:13px!important;font-style:normal!important;font-weight:400!important;line-height:1.55!important;color:#8A8A8A!important;-webkit-text-fill-color:#8A8A8A!important;text-wrap:balance;overflow-wrap:normal;word-break:normal;hyphens:none}

/* B. Home product sections: no use line, it would push the price down. */
body.vh-system .vh-home-highlights .vh-home-highlight{padding:0 10px!important}
body.vh-system .vh-home-highlights .vh-home-highlight dd{font-size:19px!important}
body.vh-system .vh-home-highlights .vh-home-highlight dt{margin:5px 0 0!important;letter-spacing:.12em!important}
body.vh-system .vh-home-highlights .vh-spec-context{display:none!important}

@media(max-width:767px){
  /* A mobile: a vertical list with horizontal dividers. */
  body.vh-system .vh-product-story .vh-specs.vh-specs{grid-template-columns:minmax(0,1fr)!important;max-width:none}
  body.vh-system .vh-product-story .vh-spec{padding:14px 0!important}
  body.vh-system .vh-product-story .vh-spec::after{top:auto!important;bottom:0!important;left:0!important;right:0!important;width:auto!important;height:1px!important;background:linear-gradient(to right,transparent,var(--vh-spec-line) 25%,var(--vh-spec-line) 75%,transparent)!important}
  body.vh-system .vh-product-story .vh-spec dd{font-size:22px!important}
  body.vh-system .vh-product-story .vh-spec dt{margin-top:5px!important;font-size:10px!important}
  body.vh-system .vh-product-story .vh-spec-context{max-width:none;margin-top:7px!important;font-size:12px!important}

  /* B mobile: 2x2 with one continuous cross, drawn by the grid itself so the
     lines are strongest where they meet and fade toward the outer edges. */
  body.vh-system .vh-home-highlights.vh-home-highlights{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.vh-system .vh-home-highlights .vh-home-highlight{padding:14px 8px!important}
  body.vh-system .vh-home-highlights .vh-home-highlight::after{content:none!important;display:none!important}
  body.vh-system .vh-home-highlights.vh-home-highlights::before,
  body.vh-system .vh-home-highlights.vh-home-highlights::after{content:'';position:absolute;pointer-events:none}
  body.vh-system .vh-home-highlights.vh-home-highlights::before{top:0;bottom:0;left:50%;width:1px;background:linear-gradient(to bottom,transparent,var(--vh-spec-line) 30%,var(--vh-spec-line) 70%,transparent)}
  body.vh-system .vh-home-highlights.vh-home-highlights::after{left:0;right:0;top:50%;height:1px;background:linear-gradient(to right,transparent,var(--vh-spec-line) 25%,var(--vh-spec-line) 75%,transparent)}
  body.vh-system .vh-home-highlights .vh-home-highlight dd{font-size:18px!important}
  body.vh-system .vh-home-highlights .vh-home-highlight dt{margin-top:4px!important;letter-spacing:.1em!important}
}

/* Sticky buy bar: the transfer price travels with the list price. */
body.vh-system .vh-product-dock .vh-dock-pricing{flex:0 0 auto;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:3px;min-width:0}
body.vh-system .vh-product-dock .vh-dock-transfer{display:block;max-width:none;overflow:visible;text-overflow:clip;font-family:"Open Sans",Arial,sans-serif;font-size:12px;font-weight:400;line-height:1.2;letter-spacing:0;white-space:nowrap;color:#65DF91;-webkit-text-fill-color:#65DF91;font-variant-numeric:tabular-nums}
body.vh-system .vh-product-dock .vh-dock-transfer:empty{display:none}
@media(max-width:767px){
  body.vh-system .vh-product-dock .vh-dock-pricing{grid-area:price;gap:1px}
  body.vh-system .vh-product-dock .vh-dock-transfer{font-size:11px}
}
@media(max-width:380px){
  /* Narrow phones: give the transfer line room before trimming anything else. */
  body.vh-system .vh-product-dock{column-gap:8px}
  body.vh-system .vh-product-dock .vh-dock-cta{padding-left:10px!important;padding-right:10px!important;letter-spacing:0!important}
}

/* One hairline between the price block and shipping: the old container border
   and the shipping snippet padding must not add a second one. */
html body.vh-system #single-product #product_form .vh-pdp-price-quantity{border-bottom:0!important;padding-bottom:0!important;margin-bottom:0!important}

/* =====================================================================
   "Sobre [producto]" (PDP): vertical navigation on the left and one shared
   content column on the right, so switching tabs never changes the width.
   ===================================================================== */
@media(min-width:768px){
  html body.vh-system.template-product .vh-info-grid{display:grid!important;grid-template-columns:150px minmax(0,1fr)!important;gap:34px!important;align-items:start!important}
  html body.vh-system.template-product .vh-info-tabs{position:sticky;top:116px;display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;gap:0!important;margin:0!important;padding:0!important;overflow:visible!important;border:0!important}
  html body.vh-system.template-product .vh-info-tab{display:block;width:100%;padding:7px 0 7px 13px!important;border:0!important;border-radius:0!important;background:none!important;color:#7E7E7E!important;-webkit-text-fill-color:#7E7E7E!important;font-size:13px!important;line-height:1.4!important;text-align:left!important;white-space:normal}
  html body.vh-system.template-product .vh-info-tab[aria-selected="true"]{padding-left:11px!important;border-left:2px solid #A2BEFE!important;color:#EFF1F3!important;-webkit-text-fill-color:#EFF1F3!important}
  html body.vh-system.template-product .vh-info-panels{min-width:0;padding-top:0!important}
}
/* Every tab uses the full content column. */
html body.vh-system.template-product .vh-info-panel,
html body.vh-system.template-product .vh-info-panel .vh-info-body{width:100%;max-width:none!important}
html body.vh-system.template-product .vh-info-panel .vh-info-body :is(p,li,h1,h2,h3,h4,h5,h6){max-width:none!important}

/* Preguntas: full-width rows, icon on the right edge, whole row clickable. */
html body.vh-system.template-product .vh-faq-item{margin:0!important;border:0!important;border-bottom:1px solid rgba(255,255,255,.07)!important;background:none!important}
html body.vh-system.template-product .vh-faq-item:last-child{border-bottom:0!important}
html body.vh-system.template-product .vh-faq-item>summary{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px;width:100%;box-sizing:border-box;padding:14px 0!important;cursor:pointer;list-style:none;font-size:13px!important;font-weight:500!important;line-height:1.45!important;color:#EFF1F3!important;-webkit-text-fill-color:#EFF1F3!important}
html body.vh-system.template-product .vh-faq-item:first-child>summary{padding-top:14px!important}
html body.vh-system.template-product .vh-faq-item>summary::after{content:''!important;flex:0 0 16px!important;width:16px!important;height:16px!important;margin-left:auto;color:#A2BEFE!important;background:linear-gradient(currentColor,currentColor) center/16px 1.5px no-repeat,linear-gradient(currentColor,currentColor) center/1.5px 16px no-repeat!important;font-size:0!important}
html body.vh-system.template-product .vh-faq-item[open]>summary::after{content:''!important;background:linear-gradient(currentColor,currentColor) center/16px 1.5px no-repeat!important}
html body.vh-system.template-product .vh-faq-answer{padding:0 0 14px!important}
html body.vh-system.template-product .vh-faq-answer :is(p,li,span,strong){margin:0;color:#B8B8B8!important;-webkit-text-fill-color:#B8B8B8!important;font-size:12.5px!important;font-weight:400!important;line-height:1.7!important}

/* Especificaciones: label/value rows, no header row, no cell boxes. The
   description HTML carries inline table styles, hence the !important. */
html body.vh-system.template-product .vh-info-specifications .vh-info-body table{display:block!important;width:100%!important;margin:0!important;border:0!important;border-collapse:separate!important;background:none!important}
html body.vh-system.template-product .vh-info-specifications .vh-info-body :is(thead,tr:not(:has(>td))){display:none!important}
html body.vh-system.template-product .vh-info-specifications .vh-info-body tbody{display:block!important}
html body.vh-system.template-product .vh-info-specifications .vh-info-body tr{display:flex!important;gap:0;padding:10px 0!important;border:0!important;border-bottom:1px solid rgba(255,255,255,.07)!important;background:none!important}
html body.vh-system.template-product .vh-info-specifications .vh-info-body tbody tr:last-child{border-bottom:0!important}
html body.vh-system.template-product .vh-info-specifications .vh-info-body :is(th,td){display:block!important;width:auto!important;padding:0!important;border:0!important;background:none!important;font-size:12.5px!important;font-weight:400!important;line-height:1.5!important;letter-spacing:0!important;text-transform:none!important;text-align:left!important;color:#EFF1F3!important;-webkit-text-fill-color:#EFF1F3!important}
html body.vh-system.template-product .vh-info-specifications .vh-info-body tr>:first-child{flex:0 0 150px!important;width:150px!important;padding-right:16px!important;box-sizing:border-box;color:#7E7E7E!important;-webkit-text-fill-color:#7E7E7E!important}
html body.vh-system.template-product .vh-info-specifications .vh-info-body tr>:not(:first-child){flex:1 1 auto;min-width:0}
@media(max-width:767px){
  html body.vh-system.template-product .vh-info-specifications .vh-info-body tr{flex-direction:column!important;gap:2px}
  html body.vh-system.template-product .vh-info-specifications .vh-info-body tr>:first-child{flex:0 0 auto!important;width:auto!important;padding-right:0!important}
}
/* A closed question shows one line (the row's). The question/answer divider
   exists only while the answer is open. */
html body.vh-system.template-product .vh-faq-item>summary{margin:0!important;border:0!important;border-bottom:0!important}
html body.vh-system.template-product .vh-faq-item[open]>summary{margin-bottom:14px!important;border-bottom:1px solid rgba(255,255,255,.07)!important}

/* Imported reviews: the same container width as Sobre, without card surfaces. */
body.vh-system .vh-product-reviews .vh-kicker{color:#A2BEFE}
body.vh-system .vh-review-entries{width:100%;margin:0;padding:0}
body.vh-system .vh-review-entry{padding:17px 0;border-bottom:1px solid rgba(255,255,255,.08);background:none;overflow-wrap:anywhere}
body.vh-system .vh-review-entry:last-child,
body.vh-system .vh-product-reviews .vh-review-entry.is-last-visible{border-bottom:0}
body.vh-system .vh-review-entry[hidden],body.vh-system .vh-review-footer[hidden]{display:none!important}
body.vh-system .vh-review-top{display:flex;justify-content:space-between;align-items:center;gap:9px;margin-bottom:8px}
body.vh-system .vh-review-author{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
body.vh-system .vh-review-initial{display:grid;place-items:center;flex:0 0 28px;width:28px;height:28px;border-radius:999px;background:rgba(162,190,254,.15);color:#A2BEFE;font-size:12px;font-weight:500}
body.vh-system .vh-review-author strong{font-size:13px;font-weight:500;color:#EFF1F3}
body.vh-system .vh-review-verified{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:400;color:#65DF91}
body.vh-system .vh-review-verified svg{flex:0 0 13px}
body.vh-system .vh-review-variant{font-size:11px;color:#7E7E7E}
body.vh-system .vh-review-body{padding-left:37px}
body.vh-system .vh-review-detail{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-bottom:7px}
body.vh-system .vh-review-entry-stars{font-size:12px;letter-spacing:1px;line-height:1.5;color:#EF9F27}
body.vh-system .vh-review-entry-stars .is-empty{color:#4A4A4A}
body.vh-system .vh-review-text{margin:0;font-size:13px;line-height:1.65;color:#C8C8C8}
body.vh-system .vh-review-no-comment{margin:0;font-size:12.5px;line-height:1.65;color:#7E7E7E;font-style:italic}
body.vh-system .vh-review-reply{margin:14px 0 0 12px;padding-left:14px;border-left:1px solid rgba(162,190,254,.25)}
body.vh-system .vh-review-reply strong{font-size:11px;font-weight:500;color:#A2BEFE}
body.vh-system .vh-review-reply p{margin:5px 0 0;font-size:12.5px;line-height:1.65;color:#C8C8C8}
body.vh-system .vh-review-footer{display:flex;justify-content:space-between;gap:12px;margin-top:20px;padding-top:16px;border-top:1px solid rgba(255,255,255,.08)}
body.vh-system .vh-review-footer button{padding:0;min-height:32px;border:0;border-radius:0;background:none;color:#A2BEFE;font:inherit;font-size:12.5px;text-align:left;cursor:pointer}
body.vh-system .vh-review-footer button:hover{text-decoration:underline}
body.vh-system .vh-review-footer button:focus-visible{outline:2px solid #A2BEFE;outline-offset:5px}
@media(max-width:767px){
  body.vh-system .vh-review-top{flex-wrap:wrap}
  body.vh-system .vh-review-body{padding-left:0}
  body.vh-system .vh-review-author strong,body.vh-system .vh-review-text{font-size:12.5px}
  body.vh-system .vh-review-footer{flex-direction:column;align-items:flex-start}
}

/* =====================================================================
   Reviews header (PDP): distribution + filter chips with volume (25+),
   a single "Mostrando X de N" row below that. Sort control in both modes.
   ===================================================================== */
body.vh-system .vh-product-reviews .vh-review-entry[hidden]{display:none!important}
/* The summary block carries the average in full mode; the heading score is
   kept only in the simple mode, next to the title as before. */
body.vh-system .vh-product-reviews.vh-reviews-full .vh-reviews-heading .vh-reviews-score{display:none!important}

body.vh-system .vh-review-overview{display:grid;grid-template-columns:150px minmax(0,1fr);gap:30px;align-items:center;margin:0 0 16px;padding:0 0 18px;border-bottom:1px solid rgba(255,255,255,.08)}
body.vh-system .vh-review-overview__score{display:flex;flex-direction:column;align-items:center;text-align:center}
body.vh-system .vh-review-overview__avg{display:block;font-family:"Open Sans",Arial,sans-serif;font-size:34px;font-weight:500;line-height:1;letter-spacing:0;color:#EFF1F3;-webkit-text-fill-color:#EFF1F3;font-variant-numeric:tabular-nums}
body.vh-system .vh-review-overview__stars{display:block;margin-top:6px;font-size:13px;line-height:1;letter-spacing:1px;color:#EF9F27;-webkit-text-fill-color:#EF9F27}
body.vh-system .vh-review-overview__count{display:block;margin-top:5px;font-size:11px;line-height:1.3;color:#7E7E7E;-webkit-text-fill-color:#7E7E7E}
body.vh-system .vh-reviews-dist{margin:0;padding:0;list-style:none}
body.vh-system .vh-reviews-dist__row{display:flex;align-items:center;gap:9px;margin:0 0 5px}
body.vh-system .vh-reviews-dist__row:last-child{margin-bottom:0}
body.vh-system .vh-reviews-dist__label{flex:0 0 26px;width:26px;font-size:11px;line-height:1.3;color:#7E7E7E;white-space:nowrap}
body.vh-system .vh-reviews-dist__bar{position:relative;flex:1 1 auto;height:5px;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden}
body.vh-system .vh-reviews-dist__fill{position:absolute;inset:0 auto 0 0;height:100%;border-radius:999px;background:#65DF91}
body.vh-system .vh-reviews-dist__count{flex:0 0 20px;width:20px;font-size:11px;line-height:1.3;text-align:right;color:#7E7E7E;font-variant-numeric:tabular-nums}

body.vh-system .vh-reviews-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px;margin:0 0 4px}
body.vh-system .vh-reviews-simple .vh-reviews-toolbar{margin:0;padding:0 0 13px;border-bottom:1px solid rgba(255,255,255,.08)}
body.vh-system .vh-reviews-chips{display:flex;flex-wrap:wrap;gap:7px;min-width:0}
body.vh-system .vh-reviews-chip{display:inline-flex;align-items:center;margin:0;padding:6px 13px;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:none;color:#C8C8C8;-webkit-text-fill-color:#C8C8C8;font:400 11.5px/1.2 "Open Sans",Arial,sans-serif;letter-spacing:0;text-transform:none;white-space:nowrap;cursor:pointer;box-shadow:none}
body.vh-system .vh-reviews-chip.is-active{border-color:#A2BEFE;background:#A2BEFE;color:#0B0B0B;-webkit-text-fill-color:#0B0B0B}
body.vh-system .vh-reviews-chip:disabled{opacity:.4;cursor:default}
body.vh-system .vh-reviews-chip:focus-visible{outline:2px solid #A2BEFE;outline-offset:2px}
body.vh-system .vh-reviews-showing{margin:0;font-size:12px;line-height:1.3;color:#7E7E7E;-webkit-text-fill-color:#7E7E7E}
body.vh-system .vh-reviews-sort{position:relative;display:inline-flex;align-items:center;margin:0 0 0 auto;border:1px solid rgba(255,255,255,.14);border-radius:8px;background:none;cursor:pointer}
body.vh-system .vh-reviews-sort select{-webkit-appearance:none;appearance:none;width:auto;height:auto;min-height:0;margin:0;padding:7px 33px 7px 12px!important;border:0!important;border-radius:8px;background:transparent!important;box-shadow:none!important;color:#EFF1F3;-webkit-text-fill-color:#EFF1F3;font:400 12px/1.2 "Open Sans",Arial,sans-serif;cursor:pointer}
body.vh-system .vh-reviews-sort select option{background:#111;color:#EFF1F3}
body.vh-system .vh-reviews-sort select:focus-visible{outline:2px solid #A2BEFE;outline-offset:2px}
body.vh-system .vh-reviews-sort svg{position:absolute;right:12px;top:50%;width:14px;height:14px;transform:translateY(-50%);color:#7E7E7E;pointer-events:none}

@media(max-width:767px){
  body.vh-system .vh-review-overview{grid-template-columns:minmax(0,1fr);gap:16px}
  body.vh-system .vh-review-overview__avg{font-size:30px}
  /* Chips stay on one scrollable line; the sort drops to its own row, right-aligned. */
  body.vh-system .vh-reviews-full .vh-reviews-toolbar{flex-direction:column;align-items:stretch;gap:10px}
  body.vh-system .vh-reviews-chips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  body.vh-system .vh-reviews-chips::-webkit-scrollbar{display:none}
  body.vh-system .vh-reviews-chip{flex:0 0 auto}
  body.vh-system .vh-reviews-full .vh-reviews-sort{align-self:flex-end}
}
/* Reviews: empty state, one centered line plus the invitation. */
body.vh-system .vh-reviews-empty__body{padding:22px 0 8px;text-align:center}
body.vh-system .vh-reviews-empty__text{margin:0;font-size:13px;line-height:1.5;color:#7E7E7E;-webkit-text-fill-color:#7E7E7E}
body.vh-system .vh-reviews-empty__link{display:inline-block;margin-top:6px;font-size:13px;line-height:1.5;color:#A2BEFE;-webkit-text-fill-color:#A2BEFE;text-decoration:underline;text-underline-offset:3px}
/* FAQ icon without flex on <summary> (Safari/iOS can ignore flex there and
   drop the icon): the row reserves 32px on the right and the +/- sits
   absolutely in that space, vertically centered. The whole row stays clickable. */
html body.vh-system.template-product .vh-faq-item>summary{position:relative!important;display:block!important;padding-right:32px!important}
html body.vh-system.template-product .vh-faq-item>summary::after{position:absolute!important;right:0!important;top:50%!important;margin:0!important;transform:translateY(-50%)!important;display:block!important}
/* Reviews distribution (desktop): bars capped at 400px next to the average;
   the remaining width stays empty on the right. */
@media(min-width:768px){
  body.vh-system .vh-review-overview{grid-template-columns:150px minmax(0,400px);justify-content:start}
}
/* Unverified reviews carry their own label where the green one would go,
   and the section explains what "verified" means. */
body.vh-system .vh-review-unverified{display:inline-flex;align-items:center;gap:4px;font-size:11px;line-height:1.3;color:#7E7E7E;-webkit-text-fill-color:#7E7E7E}
body.vh-system .vh-review-unverified svg{flex:0 0 12px;width:12px;height:12px;color:#7E7E7E}
body.vh-system .vh-reviews-note{margin:14px 0 0;font-size:11.5px;line-height:1.5;color:#7E7E7E;-webkit-text-fill-color:#7E7E7E}
/* CTA colour is never dimmed. Hover lightens the lavender (#A2BEFE x1.08)
   instead of the old desaturated #7d92bc, which read as a disabled button. */
body.vh-system{--vh-cta-hover:#AFCDFF}
body.vh-system .vh-ship-home .vh-ship-cta:hover{border-color:#AFCDFF;background:#AFCDFF}
html body.vh-system .vh-home .vh-chapter .vh-chapter-actions>a.vh-btn-solid:not(:disabled):hover,
html body.vh-system .vh-home-intro a.vh-home-catalog-cta.vh-home-catalog-cta:hover,
html body.vh-system.template-product #product_form .vh-buy-row .js-addtocart:not(:disabled):hover{filter:brightness(1.08)!important}
/* Price and CTA enter together when the four spec cards come into view. */
html.vh-home-timeline-ready body.vh-system .vh-home .vh-chapter-stage>.vh-chapter[data-vh-revealed="false"] :is(.vh-chapter-purchase>.vh-price-block,.vh-chapter-purchase>.vh-stock,.vh-chapter-actions){transition:opacity .24s ease-out,transform .24s cubic-bezier(.22,.75,.25,1)!important}
html.vh-home-timeline-ready body.vh-system .vh-home .vh-chapter-stage>.vh-chapter[data-vh-revealed="false"] .vh-chapter-actions{opacity:var(--vh-actions-opacity,0)!important}

/* Catalog cards, mobile: one centered line per payment method, and the stock
   badge built like the use tag (same height, same top) so both read as a pair. */
body.vh-system .vh-payment-benefits__short{display:none}
@media(max-width:767px){
  body.vh-system :is(.category-body,.vh-related-catalog:not(.vh-cart-recommendations)) .vh-payment-benefits--compact .vh-payment-benefits__short{display:block;text-align:center}
  body.vh-system :is(.category-body,.vh-related-catalog:not(.vh-cart-recommendations)) .vh-payment-benefits--compact :is(.vh-payment-benefits__installments,.vh-payment-benefits__transfer){position:absolute!important;width:1px!important;height:1px!important;margin:0!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important}
  body.vh-system .vh-payment-benefits__short-line{margin:0!important;font-size:11px;font-weight:600;line-height:1.5;letter-spacing:0;white-space:nowrap;color:#EFF1F3;-webkit-text-fill-color:#EFF1F3}
  body.vh-system .vh-payment-benefits__short-line+.vh-payment-benefits__short-line{margin-top:2px!important}
  body.vh-system .vh-payment-benefits__short-line strong{font-weight:800;letter-spacing:0;color:#fff;-webkit-text-fill-color:#fff;font-variant-numeric:tabular-nums}
  body.vh-system .vh-payment-benefits__short-line .vh-payment-benefits__accent{color:#65DF91!important;-webkit-text-fill-color:#65DF91!important}

  html body.vh-system :is(.template-category .category-body,.vh-related-catalog) .vh-stock-badge{box-sizing:border-box;height:27px;top:8px!important;left:8px!important;padding:0 10px 0 8px!important;line-height:1!important;align-items:center}
}
@media(max-width:359px){
  body.vh-system .vh-payment-benefits__short-line{font-size:10.5px}
}

/* PDP gallery: keep mixed photo ratios fully visible inside a stable square. */
body.vh-system.template-product .vh-native-gallery .product-image-container,
body.vh-system.template-product .vh-native-gallery .swiper-slide{background:#15171a!important}
body.vh-system.template-product .vh-native-gallery .product-image-container .product-slider-image{object-fit:contain!important;object-position:center!important}
body.vh-system.template-product .vh-native-gallery .product-thumb{background:#15171a!important;border-color:#3b3f47!important;box-shadow:none!important}
body.vh-system.template-product .vh-native-gallery .product-thumb img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;transform:none!important;object-fit:contain!important;object-position:center!important}
@media(min-width:768px){body.vh-system.template-product .vh-native-gallery .vh-gallery-rail .product-thumb{height:auto!important;aspect-ratio:1/1;box-sizing:border-box}}
body.vh-system.template-product .vh-native-gallery .product-thumb.selected{border-color:#a2befe!important;box-shadow:inset 0 0 0 1px #a2befe!important}
body.vh-system.template-product .vh-native-gallery .vh-gal-nav{width:38px;height:38px;border:1px solid #ffffff36;background:#11151bba;box-shadow:0 4px 14px #0007}
body.vh-system.template-product .vh-native-gallery .vh-gal-nav svg{width:13px;height:13px;fill:#f2f4fa}
body.vh-system.template-product .vh-native-gallery .vh-gallery-rail{scrollbar-width:none}
body.vh-system.template-product .vh-native-gallery .vh-gallery-rail::-webkit-scrollbar{display:none}
/* The native lightbox must sit above the sticky store header. */
body.vh-system.template-product .fancybox__container,
body.vh-system.template-product .fancybox-container{z-index:2147483000!important}
@media(max-width:767px){
  body.vh-system.template-product .vh-native-gallery .js-swiper-product-pagination{display:none!important}
  body.vh-system.template-product .vh-native-gallery .vh-gallery-rail{margin-top:12px!important;padding-bottom:3px!important;gap:8px!important}
  body.vh-system.template-product .vh-native-gallery .product-thumb{flex:0 0 58px!important;width:58px!important;height:58px!important;border-radius:8px!important}
}

/* Restore the shared category colors on catalog use labels. */
body.vh-system.template-category .category-body :is(.vanhaus-grid-use,.vanhaus-grid-use-inline).vh-product-use-tag{
  background:var(--vh-product-use-color)!important;
  border-color:var(--vh-product-use-color)!important;
  color:#fff!important;
  box-shadow:none!important;
}
body.vh-system.template-category .category-body .vh-product-use-tag-gamer{--vh-product-use-color:#7c3aed!important}
body.vh-system.template-category .category-body .vh-product-use-tag-hifi{--vh-product-use-color:#d31f2f!important}
body.vh-system.template-category .category-body .vh-product-use-tag-health{--vh-product-use-color:#14b8a6!important}
body.vh-system.template-category .category-body .vh-product-use-tag-daily{--vh-product-use-color:#64748b!important}
body.vh-system.template-category .category-body .vh-product-use-tag-anc{--vh-product-use-color:#2563eb!important}
body.vh-system.template-category .category-body .vh-product-use-tag-sport{--vh-product-use-color:#f97316!important}

/* SOURCE: vanhaus-ux-refinements.css */
/* Purchase and discovery refinements. Existing motion and 3D controllers are unchanged. */
html body.vh-system :is(.vh-navigation-cta,.vh-navigation-cta-card,.category-body .btn-primary,.vh-home-catalog-cta,#product_form .js-addtocart,.vh-product-dock button,.vh-search-refine button){border-radius:12px!important;background:#A2BEFE!important;border-color:#A2BEFE!important;color:#080b10!important;-webkit-text-fill-color:#080b10!important;font-weight:600!important;min-height:44px}
html body.vh-system .vh-home .vh-home-intro a.vh-home-catalog-cta.vh-home-catalog-cta{border-radius:12px!important}
html body.vh-system :is(.vh-navigation-cta,.category-body .btn-primary,.vh-search-refine button):hover{background:#AFCDFF!important;border-color:#AFCDFF!important}
html body.vh-system :is(.vh-navigation-cta,.vh-search-refine input,.vh-search-refine button,.vh-ring-size-guide summary,.vh-home-product-rating):focus-visible{outline:2px solid #A2BEFE;outline-offset:4px}
.vh-ring-size-guide{margin:8px 0 12px;color:#A2BEFE;font-size:13px}
.vh-ring-size-guide summary{display:flex;align-items:center;justify-content:space-between;min-height:44px;cursor:pointer;list-style:none}
.vh-ring-size-guide summary::-webkit-details-marker{display:none}
.vh-ring-size-guide-panel{min-height:72px;border:1px solid #ffffff20;border-radius:10px;margin-top:4px}
html body.vh-system .vh-card-use{display:block!important;min-height:2.8em;margin:4px 0 10px!important;font-size:13px!important;line-height:1.4;color:#bfc7d5!important;-webkit-text-fill-color:#bfc7d5!important;letter-spacing:0;text-transform:none}
/* Natural title and descriptor heights; spare row height stays near the purchase block. */
html body.vh-system.template-category .category-body .js-item-product .vanhaus-grid-category-row{line-height:1.35;font-size:9px;margin:0 0 5px}
html body.vh-system.template-category .category-body .js-item-product .vanhaus-grid-category{display:block;margin:0;line-height:1.35}
html body.vh-system.template-category .category-body .js-item-product .vanhaus-grid-name-row{display:block;height:auto!important;min-height:0!important;margin:0 0 5px!important;overflow:visible}
html body.vh-system.template-category .category-body .js-item-product .vh-card-use{min-height:0;margin:0 0 12px!important}
/* Keep the help card as quiet as the product cards. */
html body.vh-system.template-category .vh-catalog-close{border-radius:20px!important;background:var(--vh-surface);border-color:var(--vh-border);padding:28px 22px;box-shadow:none}
html body.vh-system.template-category .vh-catalog-close>svg{width:24px;height:24px;margin-bottom:16px;fill:var(--vh-muted)}
html body.vh-system.template-category .vh-catalog-close h2{font-size:20px;line-height:1.3;margin:0 0 10px;max-width:18ch}
html body.vh-system.template-category .vh-catalog-close p{max-width:27ch;margin:0 0 20px;font-size:13px;line-height:1.55}
html body.vh-system.template-category #vh-catalog-assistance .vh-navigation-cta{width:auto;min-width:144px;min-height:44px;padding:11px 18px;background:transparent!important;border:1px solid #525b69!important;color:#cbd2dd!important;-webkit-text-fill-color:#cbd2dd!important;box-shadow:none;font-size:12px}
html body.vh-system.template-category #vh-catalog-assistance .vh-navigation-cta:hover{background:rgba(255,255,255,.04)!important;border-color:#748093!important}
@media(max-width:767px){
 html body.vh-system.template-category .category-body .js-item-product .vanhaus-grid-category-row{margin-bottom:4px}
 html body.vh-system.template-category .category-body .js-item-product .vh-card-use{margin-bottom:10px!important}
 html body.vh-system.template-category .vh-catalog-close{padding:24px 12px}
 html body.vh-system.template-category .vh-catalog-close h2{font-size:18px}
 html body.vh-system.template-category .vh-catalog-close p{font-size:12px}
 html body.vh-system.template-category #vh-catalog-assistance .vh-navigation-cta{min-width:0;max-width:100%;padding-inline:14px}
}
.vh-search-refine{padding-top:0;padding-bottom:40px;max-width:1000px}
.vh-search-refine form{max-width:620px;margin:0 0 24px}
.vh-search-refine label{display:block;margin-bottom:10px;font-size:14px}
.vh-search-refine-row{display:flex;gap:10px}
.vh-search-refine input{flex:1;min-width:0;width:100%;padding:12px 14px;background:#ffffff08;border:1px solid #ffffff35;border-radius:12px;color:#fff;font-size:16px}
.vh-search-refine button{padding:12px 24px}
html body.vh-system .vh-search-refine h2{font-size:clamp(22px,3vw,32px);line-height:1.25;margin:24px 0 12px}
.vh-search-summary,.vh-search-refine p{color:#bfc7d5;font-size:15px;line-height:1.6}
.vh-search-paths{display:flex;align-items:center;flex-wrap:wrap;gap:16px;margin-top:24px}
.vh-search-paths>a{display:inline-flex;align-items:center;min-height:44px}
.vh-comparison-wrap{overflow-x:auto;margin:24px 0}
.vh-headphone-comparison{width:100%;border-collapse:collapse;font-size:14px;line-height:1.5}
.vh-headphone-comparison th,.vh-headphone-comparison td{padding:16px 12px;border-bottom:1px solid #ffffff20;text-align:left;vertical-align:top}
.vh-headphone-comparison thead th{font-weight:600;color:#a2befe}
html body.vh-system .vh-home-product-rating{display:inline-flex;align-items:center;flex-wrap:wrap;gap:7px;margin:10px 0 6px;font-size:13px;line-height:1.5;color:#bfc7d5;-webkit-text-fill-color:#bfc7d5;text-decoration:none}
html body.vh-system .vh-home-product-rating>span{color:#65df91;-webkit-text-fill-color:#65df91;letter-spacing:1px}
.vh-home-product-rating:hover{text-decoration:underline!important;text-underline-offset:4px}
body.vh-system .contact-info svg{fill:currentColor;color:#A2BEFE}
@media(min-width:768px){
  html body.vh-system #single-product .vh-product-breadcrumb{padding-top:10px!important;padding-bottom:12px!important}
  html body.vh-system #single-product .vh-product-hero{padding-top:0!important;gap:3vw!important}
  html body.vh-system #single-product .vh-product-purchase{padding-top:0!important}
  html body.vh-system #single-product .vh-pdp-heading{margin-bottom:8px!important}
  html body.vh-system #single-product .vh-pdp-heading .vh-kicker{margin-bottom:8px!important}
  html body.vh-system #single-product .vh-pdp-rating{margin-top:8px!important}
  html body.vh-system #single-product #product_form .js-addtocart{min-height:56px!important;height:56px!important;padding:12px 16px!important}
  html body.vh-system #single-product .vh-product-breadcrumb .breadcrumbs{margin:0!important;padding:0!important}
  html body.vh-system #single-product .vh-pdp-heading h1{font-size:clamp(32px,3.4vw,48px)!important;line-height:1.05;margin:8px 0!important}
  html body.vh-system #single-product #product_form .vh-pdp-price-quantity{padding-top:12px!important;margin-top:12px!important}
  html body.vh-system #single-product #product_form .vh-pdp-divider{margin:12px 0 8px!important}
  html body.vh-system #single-product .vh-ship-pdp{margin-bottom:10px!important}
  html body.vh-system #single-product .vh-choice-heading{margin-bottom:8px!important}
  html body.vh-system #single-product .vh-choice-heading .vh-ring-size-guide{position:relative;margin:0 0 0 auto;flex:0 0 auto}
  html body.vh-system #single-product .vh-choice-heading .vh-ring-size-guide summary{gap:12px;margin-top:-12px;margin-bottom:-12px}
  html body.vh-system #single-product .vh-choice-heading .vh-ring-size-guide-panel{position:absolute;right:0;top:30px;width:min(520px,calc(100vw - 48px));background:#15171a;z-index:5}
  html body.vh-system #single-product .vh-choice-options{gap:6px!important}
  html body.vh-system #single-product .vh-choice-group{margin-bottom:8px!important}
  html body.vh-system #single-product .vh-price-block__installments{margin-top:8px!important}
  html body.vh-system #single-product .vh-price-block__transfer{margin-top:6px!important}
}
@media(max-width:767px){
  html body.vh-system .vh-card-use{font-size:11.5px!important;margin-bottom:8px!important}

  .vh-search-refine{padding-bottom:28px}
  .vh-search-refine button{padding:12px 18px}
  .vh-headphone-comparison th,.vh-headphone-comparison td{padding:12px 8px;font-size:12px;overflow-wrap:break-word}
  .vh-home-product-rating{font-size:12px!important}
  html body.vh-system #single-product .vh-choice-heading:has(.vh-ring-size-guide){flex-wrap:wrap}
  html body.vh-system #single-product .vh-choice-heading .vh-ring-size-guide{flex-basis:100%;margin:0}
}

/* Consistent, sentence-case action labels across the storefront. */
html body.vh-system :is(.btn,.vh-btn,.vh-action,.vh-home-catalog-cta,.vh-discovery-card-action,.vh-discovery-collection-all,.vh-navigation-cta,.vh-dock-cta,[data-vh-review-toggle],.vh-search-refine button),
html body.vh-system #vh-home-top :is(.btn,.vh-btn,.vh-action,.vh-home-catalog-cta,.vh-discovery-card-action,.vh-discovery-collection-all,.vh-navigation-cta,.vh-dock-cta,[data-vh-review-toggle],.vh-search-refine button),
html body.vh-system #single-product :is(.btn,.vh-btn,.vh-action,.vh-home-catalog-cta,.vh-discovery-card-action,.vh-discovery-collection-all,.vh-navigation-cta,.vh-dock-cta,[data-vh-review-toggle],.vh-search-refine button){font-family:var(--vh-font-display,"Sora",Arial,sans-serif)!important;font-size:15px!important;font-weight:600!important;line-height:1.3!important;letter-spacing:normal!important;text-transform:none!important}

html body.vh-system #single-product #product_form :is(.js-addtocart,.js-addtocart-placeholder){font-family:var(--vh-font-display,"Sora",Arial,sans-serif)!important;font-size:15px!important;font-weight:600!important;line-height:1.3!important;letter-spacing:normal!important;text-transform:none!important}

/* Larger labels for the full-width hero and purchase actions. */
html body.vh-system #vh-home-top .vh-chapter-actions>a.vh-btn.vh-btn-solid{font-size:18px!important}
html body.vh-system #single-product #product_form :is(.js-addtocart,.js-addtocart-placeholder){font-size:17px!important}

/* Popup de Marketing Nube (Perfit): centrado en pantalla y mas grande. */
.p-layer.p-opened{display:flex!important;align-items:center;justify-content:center;padding:16px;overflow-y:auto}
.p-layer.p-opened form.p-optin{width:100%!important;max-width:680px!important;margin:auto!important;border-radius:18px!important;overflow:hidden}
.p-layer.p-opened form.p-optin .p-body{width:auto!important;padding:68px 60px 56px!important}
.p-layer.p-opened form.p-optin .p-title{font-size:34px!important;line-height:1.2!important;margin-bottom:16px!important}
.p-layer.p-opened form.p-optin .p-text{font-size:20px!important;line-height:1.45!important;margin-bottom:28px!important}
.p-layer.p-opened form.p-optin .p-field input{height:58px!important;padding:0 18px!important;font-size:17px!important;border-radius:10px!important}
.p-layer.p-opened form.p-optin .p-submit{min-height:62px!important;font-size:19px!important;border-radius:10px!important;margin-top:16px!important}
.p-layer.p-opened form.p-optin .p-perfit-ad{bottom:12px!important}
@media (max-width:600px){
  .p-layer.p-opened form.p-optin .p-body{padding:48px 22px 40px!important}
  .p-layer.p-opened form.p-optin .p-title{font-size:24px!important}
  .p-layer.p-opened form.p-optin .p-text{font-size:16px!important}
}

/* ===== Carrito v2 (drawer): rediseño limpio, una sola columna ===== */
html body.vh-system #modal-cart#modal-cart{--c-gap:12px;--c-pad:16px;--c-radius:14px;--c-card:#222326;--c-line:rgba(255,255,255,.09);--c-soft:#9aa1ad;--c-text:#f0f1f4;--c-ok:#5fd68a;--c-cta:#a2befe;font-family:"Open Sans",Arial,sans-serif}
html body.vh-system #modal-cart#modal-cart .modal-body{padding:72px var(--c-pad) 8px!important}
html body.vh-system #modal-cart#modal-cart .modal-body .divider{display:none!important}

/* --- Producto --- */
html body.vh-system #modal-cart#modal-cart .js-ajax-cart-list{display:grid!important;gap:10px;margin:0 0 var(--c-gap)!important;padding:0!important}
html body.vh-system #modal-cart#modal-cart .cart-item{position:relative!important;display:grid!important;grid-template-columns:76px minmax(0,1fr)!important;column-gap:14px!important;align-items:start!important;margin:0!important;padding:14px!important;border:1px solid var(--c-line)!important;border-radius:var(--c-radius)!important;background:var(--c-card)!important;box-shadow:none!important}
html body.vh-system #modal-cart#modal-cart .cart-item>.col-2{width:76px!important;max-width:none!important;flex:none!important;padding:0!important}
html body.vh-system #modal-cart#modal-cart .cart-item>.col-2 img{display:block;width:76px!important;height:76px!important;object-fit:cover;border-radius:10px!important}
html body.vh-system #modal-cart#modal-cart .cart-item>.col-10{display:block!important;max-width:none!important;flex:none!important;padding:0!important;min-width:0}
html body.vh-system #modal-cart#modal-cart .cart-item>.col-10>.w-100{display:grid!important;grid-template-columns:auto 1fr;grid-template-areas:"name name" "qty total";row-gap:12px;align-items:center}
html body.vh-system #modal-cart#modal-cart .cart-item-name{grid-area:name;margin:0!important;padding:0 30px 0 0!important;font-size:15px!important;line-height:1.3!important;text-align:left!important}
html body.vh-system #modal-cart#modal-cart .cart-item-name>a{display:inline!important;color:var(--c-text)!important;font-family:Sora,"Open Sans",sans-serif!important;font-size:15px!important;font-weight:700!important}
html body.vh-system #modal-cart#modal-cart .cart-item-name>small:not(.vh-cart-unit){display:inline!important;margin-left:4px;color:var(--c-soft)!important;font-size:12px!important;font-weight:500!important}
html body.vh-system #modal-cart#modal-cart .cart-item-name .vh-cart-unit{display:flex!important;align-items:baseline;gap:8px;margin:6px 0 0!important;font-size:0!important;line-height:1.2}
html body.vh-system #modal-cart#modal-cart .cart-item-name .vh-cart-unit>span{margin:0!important;opacity:1!important;font-size:14px!important;font-weight:700!important;color:var(--c-text)!important}
html body.vh-system #modal-cart#modal-cart .cart-item-name .vh-cart-unit>.price-compare{order:2;color:var(--c-soft)!important;font-size:12px!important;font-weight:500!important;text-decoration:line-through}
html body.vh-system #modal-cart#modal-cart .cart-item-name>.mt-2{display:none!important}
html body.vh-system #modal-cart#modal-cart .cart-item .cart-item-quantity{grid-area:qty;margin:0!important;padding:0!important}
html body.vh-system #modal-cart#modal-cart .cart-item .form-quantity{float:none!important;width:108px!important;height:36px!important;margin:0!important;padding:0!important;border:1px solid var(--c-line)!important;border-radius:10px!important;background:rgba(255,255,255,.03)!important}
html body.vh-system #modal-cart#modal-cart .cart-item .form-quantity>.row{height:100%;flex-wrap:nowrap}
html body.vh-system #modal-cart#modal-cart .cart-item .form-quantity .btn{width:34px!important;height:34px!important;min-height:0!important;padding:0!important;display:flex!important;align-items:center;justify-content:center}
html body.vh-system #modal-cart#modal-cart .cart-item .form-quantity input{height:34px!important;padding:0!important;font-size:14px!important;font-weight:700!important;background:transparent!important;border:0!important}
html body.vh-system #modal-cart#modal-cart .cart-item-subtotal{grid-area:total;margin:0!important;text-align:right!important}
html body.vh-system #modal-cart#modal-cart .cart-item-subtotal .vh-cart-price-label,
html body.vh-system #modal-cart#modal-cart .cart-item-subtotal .js-cart-item-subtotal-compare-price-container{display:none!important}
html body.vh-system #modal-cart#modal-cart .cart-item-subtotal .js-cart-item-subtotal{margin:0!important;color:var(--c-text)!important;font-size:17px!important;font-weight:800!important;font-family:Sora,"Open Sans",sans-serif!important}
html body.vh-system #modal-cart#modal-cart .cart-item-delete{position:absolute!important;top:8px;right:8px;width:auto!important;max-width:none!important;padding:0!important;flex:none!important}
html body.vh-system #modal-cart#modal-cart .cart-item-delete .btn{width:32px;height:32px;padding:0!important;display:flex;align-items:center;justify-content:center;border-radius:8px;opacity:.6}
html body.vh-system #modal-cart#modal-cart .cart-item-delete .btn:hover{opacity:1;background:rgba(255,255,255,.06)}
html body.vh-system #modal-cart#modal-cart .cart-item-delete svg{width:15px!important;height:15px!important}

/* --- Bloques del resumen: orden y ritmo --- */
html body.vh-system #modal-cart#modal-cart .modal-body>.cart-row:last-child{display:flex!important;flex-direction:column!important;gap:var(--c-gap);margin:0!important;padding:0!important}
html body.vh-system #modal-cart#modal-cart .modal-body>.cart-row:last-child>*{margin:0!important}
html body.vh-system #modal-cart#modal-cart .vh-cart-totals-wrap{order:1!important}
html body.vh-system #modal-cart#modal-cart .modal-body>.cart-row:last-child>.js-fulfillment-info{order:2!important;padding:0!important}
html body.vh-system #modal-cart#modal-cart .vh-cart-trust-accordion{order:3!important}
html body.vh-system #modal-cart#modal-cart .vh-cart-trust-badges{order:4!important}
html body.vh-system #modal-cart#modal-cart .modal-body>.cart-row:last-child>.container-fluid{order:5!important;padding:0!important}
html body.vh-system #modal-cart#modal-cart .modal-body>.cart-row:last-child>.container-fluid:empty,
html body.vh-system #modal-cart#modal-cart .js-nubesdk-slot:empty{display:none!important}

/* --- Totales --- */
html body.vh-system #modal-cart#modal-cart .vh-cart-totals-wrap{padding:16px!important;border:1px solid var(--c-line)!important;border-radius:var(--c-radius)!important;background:var(--c-card)!important}
html body.vh-system #modal-cart#modal-cart .vh-cart-totals-wrap>.cart-totals-container{margin:0!important;padding:0!important;border:0!important;background:none!important}
html body.vh-system #modal-cart#modal-cart .vh-cart-totals-wrap .cart-subtotals-container{display:grid;gap:8px;margin:0!important}
html body.vh-system #modal-cart#modal-cart .vh-cart-totals-wrap .vh-cart-summary-secondary{display:flex!important;justify-content:space-between;align-items:baseline;margin:0!important;color:var(--c-soft)!important;font-size:14px!important;font-weight:500!important;line-height:1.35!important;font-family:"Open Sans",sans-serif!important}
html body.vh-system #modal-cart#modal-cart .vh-cart-totals-wrap .vh-cart-summary-secondary>span:last-child{color:var(--c-text)!important;opacity:1!important;font-weight:600!important}
html body.vh-system #modal-cart#modal-cart .vh-cart-totals-wrap .vh-cart-free-shipping-price,
html body.vh-system #modal-cart#modal-cart .vh-cart-totals-wrap .vh-cart-savings-row,
html body.vh-system #modal-cart#modal-cart .vh-cart-totals-wrap .vh-cart-savings-row>span{color:var(--c-ok)!important;opacity:1!important;font-weight:700!important}
html body.vh-system #modal-cart#modal-cart .vh-cart-totals-wrap .vh-cart-savings-percent{font-weight:500!important;opacity:.85}
html body.vh-system #modal-cart#modal-cart .vh-cart-totals-wrap .cart-discounts-container:not(:has(.promotions-wrapper *)){display:none}
html body.vh-system #modal-cart#modal-cart .vh-cart-totals-wrap .cart-totals-divider{display:block!important;height:1px;margin:14px 0!important;background:var(--c-line)!important;border:0!important}
html body.vh-system #modal-cart#modal-cart .vh-cart-totals-wrap .vh-cart-summary-total{display:flex!important;justify-content:space-between;align-items:baseline;margin:0!important;color:var(--c-text)!important;font-family:Sora,"Open Sans",sans-serif!important;font-size:18px!important;font-weight:700!important;line-height:1.2!important}
html body.vh-system #modal-cart#modal-cart .vh-cart-totals-wrap .vh-cart-summary-total .cart-total-price{font-size:26px!important;font-weight:800!important}
html body.vh-system #modal-cart#modal-cart .vh-cart-totals-wrap .cart-secondary-total-container{margin:10px 0 0!important;text-align:right!important}
html body.vh-system #modal-cart#modal-cart .vh-cart-totals-wrap .vh-cart-installments,
html body.vh-system #modal-cart#modal-cart .vh-cart-totals-wrap .vh-cart-transfer-note{margin:4px 0 0!important;color:var(--c-soft)!important;font-size:13px!important;font-weight:500!important;line-height:1.4!important;text-align:right!important}
html body.vh-system #modal-cart#modal-cart .vh-cart-totals-wrap .vh-cart-installments *{color:inherit!important;font-weight:inherit!important}
html body.vh-system #modal-cart#modal-cart .vh-cart-totals-wrap .vh-cart-installments .cart-installments-money,
html body.vh-system #modal-cart#modal-cart .vh-cart-totals-wrap .vh-cart-transfer-note strong{color:var(--c-ok)!important;font-weight:700!important}

/* --- Envío --- */
html body.vh-system #modal-cart#modal-cart #cart-shipping-container{margin:0!important}
html body.vh-system #modal-cart#modal-cart #cart-shipping-container>.col-12{padding:0!important;margin:0!important}
html body.vh-system #modal-cart#modal-cart .js-shipping-calculator-head{position:static!important;height:auto!important;min-height:0!important}
html body.vh-system #modal-cart#modal-cart .js-shipping-calculator-head>.transition-up{position:static!important;margin:0!important;transform:none!important}
html body.vh-system #modal-cart#modal-cart .js-shipping-calculator-head>.transition-up:not(.transition-up-active){display:none!important}
html body.vh-system #modal-cart#modal-cart .js-shipping-calculator-with-zipcode .row{display:flex!important;align-items:center;justify-content:space-between;margin:0!important;padding:12px 14px;border:1px solid var(--c-line);border-radius:12px;background:var(--c-card)}
html body.vh-system #modal-cart#modal-cart .js-shipping-calculator-with-zipcode .row>*{padding:0!important;flex:none!important;width:auto!important}
html body.vh-system #modal-cart#modal-cart .js-shipping-calculator-with-zipcode .font-small{color:var(--c-soft)!important;font-size:13px!important}
html body.vh-system #modal-cart#modal-cart .js-shipping-calculator-with-zipcode strong{margin-left:4px;color:var(--c-text)!important}
html body.vh-system #modal-cart#modal-cart .js-shipping-calculator-change-zipcode{float:none!important;padding:0!important;border:0!important;background:none!important;color:var(--c-cta)!important;font-size:13px!important;font-weight:700!important;box-shadow:none!important}
html body.vh-system #modal-cart#modal-cart .js-shipping-calculator-form .form-group{margin:0!important;row-gap:8px}
html body.vh-system #modal-cart#modal-cart .js-shipping-calculator-form .form-label{margin:0!important;color:var(--c-text)!important;font-size:14px!important;font-weight:700!important}
html body.vh-system #modal-cart#modal-cart .js-shipping-calculator-form input{height:44px!important;border-radius:10px 0 0 10px!important}
html body.vh-system #modal-cart#modal-cart .js-shipping-calculator-form .js-calculate-shipping{height:44px!important;border-radius:0 10px 10px 0!important}
html body.vh-system #modal-cart#modal-cart .js-shipping-calculator-form a.font-small{margin:0!important;color:var(--c-soft)!important;font-size:12px!important;text-decoration:underline}
html body.vh-system #modal-cart#modal-cart .js-shipping-calculator-response{float:none!important;display:block!important;margin:0!important;padding:0!important}
html body.vh-system #modal-cart#modal-cart .js-shipping-calculator-response>.form-label{float:none!important;display:flex!important;align-items:center;gap:8px;margin:18px 0 8px!important;color:var(--c-text)!important;font-size:13px!important;font-weight:700!important;letter-spacing:.02em}
html body.vh-system #modal-cart#modal-cart .js-shipping-calculator-response>.form-label svg{width:16px!important;height:16px!important;margin:0!important;color:var(--c-soft)!important;fill:currentColor}
html body.vh-system #modal-cart#modal-cart .js-shipping-calculator-response>ul.box{display:grid!important;gap:8px;margin:0!important;padding:0!important;border:0!important;background:none!important;box-shadow:none!important}
html body.vh-system #modal-cart#modal-cart .js-shipping-calculator-response .radio-button-item{float:none!important;width:100%!important;margin:0!important;padding:0!important;border:0!important}
html body.vh-system #modal-cart#modal-cart .js-shipping-calculator-response label.radio-button{display:block!important;margin:0!important;padding:12px 14px!important;border:1px solid var(--c-line)!important;border-radius:12px!important;background:var(--c-card)!important;cursor:pointer;transition:border-color .15s,background .15s}
html body.vh-system #modal-cart#modal-cart .js-shipping-calculator-response label.radio-button:has(input:checked){border-color:var(--c-cta)!important;background:rgba(162,190,254,.07)!important}
html body.vh-system #modal-cart#modal-cart .js-shipping-calculator-response .radio-button-content{display:grid!important;grid-template-columns:18px minmax(0,1fr);column-gap:12px;align-items:start;padding:0!important}
html body.vh-system #modal-cart#modal-cart .js-shipping-calculator-response .radio-button-icons-container{position:static!important;width:18px!important;height:18px!important;margin:1px 0 0!important;padding:0!important;transform:none!important}
html body.vh-system #modal-cart#modal-cart .js-shipping-calculator-response .radio-button-icons{position:relative!important;display:block!important;width:18px!important;height:18px!important;top:auto!important;left:auto!important}
html body.vh-system #modal-cart#modal-cart .js-shipping-calculator-response .radio-button-icon{position:absolute!important;inset:0!important;width:18px!important;height:18px!important;margin:0!important;border-radius:50%!important;transform:none!important}
html body.vh-system #modal-cart#modal-cart .js-shipping-calculator-response .radio-button-icon.unchecked{border:1.5px solid #6b7280!important;background:transparent!important}
html body.vh-system #modal-cart#modal-cart .js-shipping-calculator-response .radio-button-icon.checked{display:flex!important;align-items:center;justify-content:center;opacity:0;background:var(--c-cta)!important;border:0!important}
html body.vh-system #modal-cart#modal-cart .js-shipping-calculator-response .radio-button-icon.checked svg{width:10px!important;height:10px!important;fill:#0b0c10!important}
html body.vh-system #modal-cart#modal-cart .js-shipping-calculator-response label.radio-button:has(input:checked) .radio-button-icon.checked{opacity:1}
html body.vh-system #modal-cart#modal-cart .js-shipping-calculator-response .radio-button-label{padding:0!important;margin:0!important;width:auto!important;min-width:0}
html body.vh-system #modal-cart#modal-cart .vh-shipping-option{display:grid!important;grid-template-columns:minmax(0,1fr) auto;column-gap:12px;align-items:start;margin:0!important}
html body.vh-system #modal-cart#modal-cart .vh-shipping-option>*{width:auto!important;max-width:none!important;flex:none!important;padding:0!important}
html body.vh-system #modal-cart#modal-cart .vh-shipping-option-info{min-width:0}
html body.vh-system #modal-cart#modal-cart .vh-shipping-option-time{display:block!important;margin:0!important;color:var(--c-text)!important;font-size:14px!important;font-weight:700!important;line-height:1.35!important}
html body.vh-system #modal-cart#modal-cart .vh-shipping-option-time>.float-left{display:none!important}
html body.vh-system #modal-cart#modal-cart .vh-shipping-option-time>.d-table{display:block!important}
html body.vh-system #modal-cart#modal-cart .vh-shipping-option-name{margin:3px 0 0!important;color:var(--c-soft)!important;font-size:12.5px!important;line-height:1.4!important}
html body.vh-system #modal-cart#modal-cart .vh-shipping-option-info>ul{display:flex!important;flex-wrap:wrap;gap:2px 10px;margin:6px 0 0!important;padding:0!important;list-style:none;color:var(--c-soft)!important;font-size:12px!important;line-height:1.4}
html body.vh-system #modal-cart#modal-cart .vh-shipping-option-price{text-align:right!important}
html body.vh-system #modal-cart#modal-cart .vh-shipping-option-price h5{display:flex!important;flex-direction:column;align-items:flex-end;gap:2px;margin:0!important;color:var(--c-ok)!important;font-size:13px!important;font-weight:800!important;line-height:1.3!important;white-space:nowrap}
html body.vh-system #modal-cart#modal-cart .vh-shipping-option-price .price-compare{margin:0!important;color:var(--c-soft)!important;font-size:11px!important;font-weight:500!important}
html body.vh-system #modal-cart#modal-cart .js-toggle-more-shipping-options{margin:4px 0 0!important;text-align:left!important}
html body.vh-system #modal-cart#modal-cart .js-toggle-more-shipping-options a{color:var(--c-cta)!important;font-size:13px!important;font-weight:700!important}
html body.vh-system #modal-cart#modal-cart .js-shipping-calculator-response>.font-small{float:none!important;margin:10px 0 0!important;color:var(--c-soft)!important;font-size:11.5px!important}
html body.vh-system #modal-cart#modal-cart .js-shipping-calculator-response>.font-small strong{color:var(--c-soft)!important;font-weight:600!important}

/* --- Medios de pago --- */
html body.vh-system #modal-cart#modal-cart .vh-cart-trust-accordion{margin:0!important;padding:0!important;border:1px solid var(--c-line)!important;border-radius:12px!important;background:var(--c-card)!important;overflow:hidden}
html body.vh-system #modal-cart#modal-cart .vh-cart-trust-accordion>summary{display:flex!important;align-items:center;justify-content:space-between;padding:14px!important;color:var(--c-text)!important;font-size:14px!important;font-weight:700!important;list-style:none;cursor:pointer}
html body.vh-system #modal-cart#modal-cart .vh-cart-trust-accordion>summary::-webkit-details-marker{display:none}
html body.vh-system #modal-cart#modal-cart .vh-cart-trust-accordion>summary::after{content:""!important;width:8px;height:8px;border-right:2px solid var(--c-soft);border-bottom:2px solid var(--c-soft);transform:rotate(45deg) translateY(-3px);transition:transform .2s}
html body.vh-system #modal-cart#modal-cart .vh-cart-trust-accordion[open]>summary::after{transform:rotate(-135deg) translateY(-2px)}
html body.vh-system #modal-cart#modal-cart .vh-cart-trust{display:flex!important;flex-wrap:wrap;gap:8px;margin:0!important;padding:0 14px 14px!important;border:0!important;background:none!important}
html body.vh-system #modal-cart#modal-cart .vh-cart-trust .vh-cart-provider,
html body.vh-system #modal-cart#modal-cart .vh-cart-trust .vh-cart-trust-logos{display:contents!important}
html body.vh-system #modal-cart#modal-cart .vh-cart-trust img{width:56px!important;height:36px!important;margin:0!important;padding:5px!important;object-fit:contain;border-radius:8px!important;background:#fff!important;box-shadow:none!important}
html body.vh-system #modal-cart#modal-cart .vh-cart-trust .vh-cart-provider span{display:none!important}
html body.vh-system #modal-cart#modal-cart .vh-cart-trust .vh-cart-other-payments{display:contents!important}
html body.vh-system #modal-cart#modal-cart .vh-cart-trust .vh-cart-other-payments>summary{display:none!important}

/* --- Confianza: tira compacta --- */
html body.vh-system #modal-cart#modal-cart .vh-cart-trust-badges{padding:4px 0 0!important}
html body.vh-system #modal-cart#modal-cart .vh-cart-trust-badges .vh-trust-cards{margin:0!important;padding:0!important}
html body.vh-system #modal-cart#modal-cart .vh-cart-trust-badges .vh-trust-grid{display:flex!important;justify-content:space-between;gap:8px;margin:0!important}
html body.vh-system #modal-cart#modal-cart .vh-cart-trust-badges .vh-trust-card{display:flex!important;flex:1 1 0;flex-direction:row!important;align-items:center;justify-content:center;gap:6px;min-height:0!important;padding:0!important;border:0!important;background:none!important;box-shadow:none!important;text-align:left!important}
html body.vh-system #modal-cart#modal-cart .vh-cart-trust-badges .vh-trust-card svg{flex:none;width:15px!important;height:15px!important;margin:0!important;color:var(--c-soft)!important}
html body.vh-system #modal-cart#modal-cart .vh-cart-trust-badges .vh-trust-card strong{display:block;color:var(--c-soft)!important;font-size:11px!important;font-weight:600!important;line-height:1.25!important}
html body.vh-system #modal-cart#modal-cart .vh-cart-trust-badges .vh-trust-card :is(p,small,span:not(:has(svg))){display:none!important}

/* --- Sumá a tu compra --- */
html body.vh-system #modal-cart#modal-cart .vh-cart-recommendations{margin:20px 0 0!important;padding:20px var(--c-pad) 24px!important;border-top:1px solid var(--c-line)!important}
html body.vh-system #modal-cart#modal-cart .vh-cart-recommendations h2{margin:0 0 12px!important;color:var(--c-text)!important;font-family:Sora,"Open Sans",sans-serif!important;font-size:17px!important;font-weight:700!important}
html body.vh-system #modal-cart#modal-cart .vh-cart-recommendations .js-product-table{display:grid!important;gap:10px!important;margin:0!important}
html body.vh-system #modal-cart#modal-cart .vh-cart-mini-card{max-width:none!important;flex:none!important;margin:0!important;padding:0!important}
html body.vh-system #modal-cart#modal-cart .vh-cart-mini-card .js-quickshop-container{position:relative!important;display:grid!important;grid-template-columns:64px minmax(0,1fr) 36px!important;column-gap:12px!important;align-items:center!important;padding:12px!important;border:1px solid var(--c-line)!important;border-radius:12px!important;background:var(--c-card)!important}
html body.vh-system #modal-cart#modal-cart .vh-cart-mini-card .item-image{grid-column:1!important;grid-row:1!important;width:64px!important;height:64px!important;margin:0!important;border-radius:10px;overflow:hidden;background:#fff}
html body.vh-system #modal-cart#modal-cart .vh-cart-mini-card .item-image img{width:100%!important;height:100%!important;object-fit:contain}
html body.vh-system #modal-cart#modal-cart .vh-cart-mini-card .item-description{grid-column:2!important;grid-row:1!important;margin:0!important;padding:0!important;min-width:0;text-align:left!important}
html body.vh-system #modal-cart#modal-cart .vh-cart-mini-card .item-link{display:block!important}
html body.vh-system #modal-cart#modal-cart .vh-cart-mini-card .item-link>*{margin:0!important;text-align:left!important}
html body.vh-system #modal-cart#modal-cart .vh-cart-mini-card .vanhaus-grid-name-row{display:block!important;margin:0!important}
html body.vh-system #modal-cart#modal-cart .vh-cart-mini-card .item-name{margin:0!important;color:var(--c-text)!important;font-family:Sora,"Open Sans",sans-serif!important;font-size:14px!important;font-weight:700!important;line-height:1.3!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html body.vh-system #modal-cart#modal-cart .vh-cart-mini-card .vh-product-use-tag{display:block!important;margin:2px 0 0!important;padding:0!important;border:0!important;background:none!important;color:var(--c-soft)!important;font-size:12px!important;font-weight:500!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html body.vh-system #modal-cart#modal-cart .vh-cart-mini-card .vh-catalog-price-stack,
html body.vh-system #modal-cart#modal-cart .vh-cart-mini-card .item-price-container{display:flex!important;align-items:baseline;justify-content:flex-start!important;gap:6px!important;margin:6px 0 0!important}
html body.vh-system #modal-cart#modal-cart .vh-cart-mini-card .item-price{color:var(--c-text)!important;font-size:15px!important;font-weight:800!important}
html body.vh-system #modal-cart#modal-cart .vh-cart-mini-card .vh-payment-benefits{margin:2px 0 0!important;padding:0!important;text-align:left!important}
html body.vh-system #modal-cart#modal-cart .vh-cart-mini-card .vh-payment-benefits__installments{display:block!important;margin:0!important;color:var(--c-soft)!important;font-size:12px!important;font-weight:500!important;line-height:1.35!important;text-align:left!important}
html body.vh-system #modal-cart#modal-cart .vh-cart-mini-card .vh-payment-benefits__installments *{display:inline!important;color:inherit!important;font-size:inherit!important;font-weight:inherit!important}
html body.vh-system #modal-cart#modal-cart .vh-cart-mini-card .vh-payment-benefits__installments strong{color:var(--c-text)!important;font-weight:700!important}
html body.vh-system #modal-cart#modal-cart .vh-cart-mini-card .vh-payment-benefits__transfer{display:none!important}
html body.vh-system #modal-cart#modal-cart .vh-cart-mini-card .vh-mini-add-form{position:static!important;grid-column:3!important;grid-row:1!important;transform:none!important;margin:0!important}
html body.vh-system #modal-cart#modal-cart .vh-cart-mini-card .vh-mini-add-btn{width:36px!important;height:36px!important;border-radius:10px!important;font-size:20px!important}

/* --- CTA fijo --- */
html body.vh-system #modal-cart#modal-cart>.vh-cart-checkout-final{padding:12px var(--c-pad) calc(12px + env(safe-area-inset-bottom))!important;border-top:1px solid var(--c-line)!important;background:rgba(28,28,30,.96)!important;backdrop-filter:blur(8px)}
html body.vh-system #modal-cart#modal-cart>.vh-cart-checkout-final input{height:52px!important;border-radius:12px!important;font-size:15px!important;font-weight:800!important}
/* Ajustes de cascada: ganan sobre reglas previas del drawer */
html body.vh-system #modal-cart#modal-cart .modal-body>.cart-row{margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!important}
html body.vh-system #modal-cart#modal-cart .cart-item>.col-10>.w-100{grid-template-columns:108px minmax(0,1fr)!important}
html body.vh-system #modal-cart#modal-cart .cart-item-name{grid-column:1/-1!important;grid-row:1!important}
html body.vh-system #modal-cart#modal-cart .cart-item .cart-item-quantity{grid-column:1!important;grid-row:2!important;justify-self:start;width:108px!important;max-width:108px!important}
html body.vh-system #modal-cart#modal-cart .cart-item-subtotal{grid-column:2!important;grid-row:2!important;justify-self:end;align-self:center}
html body.vh-system #modal-cart#modal-cart .cart-total-label{font-size:18px!important;font-weight:700!important}
html body.vh-system #modal-cart#modal-cart .vh-cart-summary-secondary.vh-cart-savings-row>span{color:var(--c-ok)!important}
html body.vh-system #modal-cart#modal-cart .radio-button-content{border:0!important;background:none!important;box-shadow:none!important}
html body.vh-system #modal-cart#modal-cart .vh-shipping-option-time>.float-left{display:none!important}
html body.vh-system #modal-cart#modal-cart .vh-shipping-option-info>*{padding-left:0!important;margin-left:0!important}
html body.vh-system #modal-cart#modal-cart .js-shipping-calculator-response>ul{float:none!important;width:100%!important}
html body.vh-system #modal-cart#modal-cart .js-shipping-calculator-response>.form-label{width:100%!important}
html body.vh-system #modal-cart#modal-cart .js-toggle-more-shipping-options a,html body.vh-system #modal-cart#modal-cart .js-toggle-more-shipping-options a *{color:var(--c-cta)!important}
html body.vh-system #modal-cart#modal-cart .js-shipping-calculator-change-zipcode{background:transparent!important;min-height:0!important;height:auto!important}
html body.vh-system #modal-cart#modal-cart .vh-cart-recommendations .js-product-table{grid-template-columns:minmax(0,1fr)!important;flex-direction:column}
html body.vh-system #modal-cart#modal-cart .vh-cart-mini-card{width:100%!important}
html body.vh-system #modal-cart#modal-cart .vh-cart-trust{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
html body.vh-system #modal-cart#modal-cart .vh-cart-trust img{width:100%!important;height:36px!important}
html body.vh-system #modal-cart#modal-cart .modal-body{padding-left:0!important;padding-right:0!important}
html body.vh-system #modal-cart#modal-cart .vh-cart-recommendations{padding-left:0!important;padding-right:0!important}
html body.vh-system #modal-cart#modal-cart label.radio-button .radio-button-content{background:transparent!important}
html body.vh-system #modal-cart#modal-cart .js-shipping-calculator-change-zipcode{border:0!important}
html body.vh-system #modal-cart#modal-cart .cart-item-name .vh-cart-unit{gap:0!important}
html body.vh-system #modal-cart#modal-cart .cart-item-name .vh-cart-unit>.price-compare{margin-left:8px!important}
html body.vh-system #modal-cart#modal-cart #cart-shipping-container label.radio-button .radio-button-content,
html body.vh-system #modal-cart#modal-cart #cart-shipping-container .radio-button input[type="radio"]:checked+.radio-button-content{padding:0!important;border:0!important;border-radius:0!important;background:transparent!important}
html body.vh-system #modal-cart#modal-cart .vh-cart-summary-secondary.vh-cart-savings-row>span:last-child{color:var(--c-ok)!important}
/* Carrito v3: verde solo para lo gratis, confianza en 3 cards chicas, recomendados compactos */
html body.vh-system #modal-cart#modal-cart .vh-cart-trust-accordion{display:none!important}
html body.vh-system #modal-cart#modal-cart .vh-cart-totals-wrap .vh-cart-savings-row,
html body.vh-system #modal-cart#modal-cart .vh-cart-summary-secondary.vh-cart-savings-row>span{color:var(--c-soft)!important;font-weight:500!important}
html body.vh-system #modal-cart#modal-cart .vh-cart-summary-secondary.vh-cart-savings-row>span:last-child{color:var(--c-text)!important;font-weight:600!important}
html body.vh-system #modal-cart#modal-cart .vh-cart-totals-wrap .vh-cart-savings-percent{opacity:1!important}
html body.vh-system #modal-cart#modal-cart .vh-cart-totals-wrap :is(.vh-cart-installments,.vh-cart-transfer-note),
html body.vh-system #modal-cart#modal-cart .vh-cart-totals-wrap :is(.vh-cart-installments,.vh-cart-transfer-note) *{color:var(--c-soft)!important;font-weight:500!important}
html body.vh-system #modal-cart#modal-cart .vh-cart-totals-wrap .vh-cart-installments .cart-installments-money,
html body.vh-system #modal-cart#modal-cart .vh-cart-totals-wrap .vh-cart-transfer-note strong{color:var(--c-text)!important;font-weight:700!important}
html body.vh-system #modal-cart#modal-cart .vh-cart-trust-badges .vh-trust-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
html body.vh-system #modal-cart#modal-cart .vh-cart-trust-badges .vh-trust-card{flex-direction:column!important;justify-content:center;gap:6px;padding:10px 6px!important;border:1px solid var(--c-line)!important;border-radius:10px!important;background:transparent!important;text-align:center!important}
html body.vh-system #modal-cart#modal-cart .vh-cart-trust-badges .vh-trust-card strong{text-align:center!important}
html body.vh-system #modal-cart#modal-cart .vh-cart-mini-card .js-quickshop-container{grid-template-columns:80px minmax(0,1fr) 36px!important;padding:8px 12px 8px 8px!important}
html body.vh-system #modal-cart#modal-cart .vh-cart-mini-card .item-image{width:80px!important;height:80px!important}
html body.vh-system #modal-cart#modal-cart .vh-cart-mini-card .item-link{display:flex!important;flex-direction:column;gap:2px}
html body.vh-system #modal-cart#modal-cart .vh-cart-mini-card :is(.vanhaus-grid-category-row,.vh-product-use-tag,.js-nubesdk-slot){display:none!important}
html body.vh-system #modal-cart#modal-cart .vh-cart-mini-card :is(.vanhaus-grid-name-row,.vh-catalog-price-stack,.item-price-container){margin:0!important;padding:0!important;min-height:0!important}
html body.vh-system #modal-cart#modal-cart .vh-cart-mini-card .vh-payment-benefits{margin:0!important}
html body.vh-system #modal-cart#modal-cart .vh-cart-totals-wrap .vh-cart-savings-row .vh-cart-savings-percent{color:var(--c-soft)!important;font-weight:500!important}
html body.vh-system #modal-cart#modal-cart .vh-cart-trust-badges .vh-trust-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-auto-flow:row!important;gap:8px!important}
html body.vh-system #modal-cart#modal-cart .vh-cart-trust-badges .vh-trust-card{width:auto!important;max-width:none!important}
html body.vh-system #modal-cart#modal-cart .vh-cart-totals-wrap :is(.vh-cart-transfer-note,.vh-cart-installments,.vh-cart-savings-row),html body.vh-system #modal-cart#modal-cart .vh-cart-totals-wrap :is(.vh-cart-transfer-note,.vh-cart-installments,.vh-cart-savings-row) *{-webkit-text-fill-color:currentColor!important}
/* Carrito v4: campo de cupón en el drawer */
html body.vh-system #modal-cart#modal-cart .vh-cart-coupon{order:0!important;padding:0!important;border:1px solid var(--c-line)!important;border-radius:12px!important;background:var(--c-card)!important}
html body.vh-system #modal-cart#modal-cart .vh-cart-coupon .vh-coupon{margin:0!important;padding:0!important;border:0!important;background:none!important}
html body.vh-system #modal-cart#modal-cart .vh-cart-coupon .vh-coupon-toggle{min-height:48px;margin:0!important;padding:0 14px!important;border:0!important;background:none!important;color:var(--c-text)!important;font-size:14px!important;font-weight:700!important;cursor:pointer}
html body.vh-system #modal-cart#modal-cart .vh-cart-coupon .vh-coupon-label{color:var(--c-text)!important;font-size:14px!important;font-weight:700!important}
html body.vh-system #modal-cart#modal-cart .vh-cart-coupon :is(.vh-coupon-tag,.vh-coupon-chevron){width:15px!important;height:15px!important;fill:var(--c-soft)!important;color:var(--c-soft)!important}
html body.vh-system #modal-cart#modal-cart .vh-cart-coupon .vh-coupon-content{padding:0 14px 14px!important}
html body.vh-system #modal-cart#modal-cart .vh-cart-coupon .vh-coupon-row{gap:8px;margin:0!important;flex-wrap:nowrap}
html body.vh-system #modal-cart#modal-cart .vh-cart-coupon .vh-coupon-input{flex:1 1 auto;width:auto!important;max-width:none!important;height:44px!important;margin:0!important;padding:0 12px!important;border:1px solid var(--c-line)!important;border-radius:10px!important;background:rgba(255,255,255,.03)!important;color:var(--c-text)!important;font-size:14px!important;text-transform:uppercase}
html body.vh-system #modal-cart#modal-cart .vh-cart-coupon .vh-coupon-apply{flex:none;width:auto!important;height:44px!important;margin:0!important;padding:0 16px!important;border-radius:10px!important;font-size:13px!important;font-weight:700!important}
html body.vh-system #modal-cart#modal-cart .vh-cart-coupon .vh-coupon-applied{padding:12px 14px!important;color:var(--c-soft)!important;font-size:13px!important}
html body.vh-system #modal-cart#modal-cart .vh-cart-coupon .vh-coupon-code{color:var(--c-text)!important;font-weight:700!important}
html body.vh-system #modal-cart#modal-cart .vh-cart-coupon .vh-coupon-remove{float:none!important;padding:4px 10px!important;border-radius:8px!important;font-size:12px!important}
html body.vh-system #modal-cart#modal-cart .vh-cart-coupon .vh-coupon-content{padding:0!important}
html body.vh-system #modal-cart#modal-cart .vh-cart-coupon .vh-coupon-actions{padding:0 14px 14px!important}
html body.vh-system #modal-cart#modal-cart .vh-cart-coupon .vh-coupon-applied{padding:0!important}
html body.vh-system #modal-cart#modal-cart .vh-cart-coupon .vh-coupon-remove{height:auto!important;min-height:0!important;padding:0!important;border:0!important;background:none!important;box-shadow:none!important;color:var(--c-cta)!important;font-size:13px!important;font-weight:700!important}
html body.vh-system #modal-cart#modal-cart .vh-cart-totals-wrap .cart-coupon-discount{display:flex!important;justify-content:space-between;margin:0!important;color:var(--c-soft)!important;-webkit-text-fill-color:currentColor!important;font-family:"Open Sans",sans-serif!important;font-size:14px!important;font-weight:500!important;line-height:1.35!important}
html body.vh-system #modal-cart#modal-cart .vh-cart-totals-wrap .cart-coupon-discount .cart-coupon-discount-price{color:var(--c-text)!important;-webkit-text-fill-color:currentColor!important;font-weight:600!important}
html body.vh-system #modal-cart#modal-cart .vh-cart-coupon .vh-coupon-remove,html body.vh-system #modal-cart#modal-cart .vh-cart-coupon .vh-coupon-remove *{color:var(--c-cta)!important;-webkit-text-fill-color:var(--c-cta)!important}
html body.vh-system #modal-cart#modal-cart .vh-cart-totals-wrap .cart-coupon-discount .cart-coupon-discount-label{color:var(--c-soft)!important;-webkit-text-fill-color:var(--c-soft)!important;font-weight:500!important}
html body.vh-system #modal-cart#modal-cart .vh-cart-totals-wrap .cart-coupon-discount .cart-coupon-discount-price{-webkit-text-fill-color:var(--c-text)!important}
/* Carrito v7: línea bajo el CTA, badge de % OFF y beneficios en verde suave */
html body.vh-system #modal-cart#modal-cart .vh-cart-deal[hidden],html body.vh-system #modal-cart#modal-cart .vh-cart-cta-note[hidden]{display:none!important}
html body.vh-system #modal-cart#modal-cart>.vh-cart-checkout-final{flex-wrap:wrap!important}
html body.vh-system #modal-cart#modal-cart .vh-cart-cta-note{flex:0 0 100%;width:100%;margin:8px 0 0!important;color:var(--c-soft);font-size:12.5px;font-weight:500;line-height:1.35;text-align:center}
html body.vh-system #modal-cart#modal-cart .vh-cart-cta-note strong{color:var(--c-text);font-weight:700}
html body.vh-system #modal-cart#modal-cart .vh-cart-cta-dot{margin:0 6px;opacity:.6}
html body.vh-system #modal-cart#modal-cart .cart-item-name .vh-cart-unit>.vh-cart-off{order:3;margin-left:8px!important;padding:2px 6px;border-radius:6px;background:rgba(162,190,254,.14);color:var(--c-cta)!important;-webkit-text-fill-color:var(--c-cta)!important;font-size:10.5px!important;font-weight:800!important;letter-spacing:.02em;line-height:1.3}
html body.vh-system #modal-cart#modal-cart{--c-ok-soft:#86d6a2}
html body.vh-system #modal-cart#modal-cart .vh-cart-totals-wrap .vh-cart-installments :is(.cart-installments-amount,.cart-installments-amount+span),
html body.vh-system #modal-cart#modal-cart .vh-cart-totals-wrap .vh-cart-transfer-note .vh-cart-perk,
html body.vh-system #modal-cart#modal-cart .vh-cart-totals-wrap .vh-cart-savings-row .vh-cart-savings-percent{color:var(--c-ok-soft)!important;-webkit-text-fill-color:var(--c-ok-soft)!important;font-weight:600!important}

html body.vh-system #shoppingCartPage#shoppingCartPage{--c-gap:12px;--c-pad:16px;--c-radius:14px;--c-card:#222326;--c-line:rgba(255,255,255,.09);--c-soft:#9aa1ad;--c-text:#f0f1f4;--c-ok:#5fd68a;--c-cta:#a2befe;font-family:"Open Sans",Arial,sans-serif}
html body.vh-system #shoppingCartPage#shoppingCartPage .vh-cart-totals-wrap{order:1!important}
html body.vh-system #shoppingCartPage#shoppingCartPage .vh-cart-trust-accordion{order:3!important}
html body.vh-system #shoppingCartPage#shoppingCartPage .js-nubesdk-slot:empty{display:none!important}
html body.vh-system #shoppingCartPage#shoppingCartPage .vh-cart-totals-wrap{padding:16px!important;border:1px solid var(--c-line)!important;border-radius:var(--c-radius)!important;background:var(--c-card)!important}
html body.vh-system #shoppingCartPage#shoppingCartPage .vh-cart-totals-wrap>.cart-totals-container{margin:0!important;padding:0!important;border:0!important;background:none!important}
html body.vh-system #shoppingCartPage#shoppingCartPage .vh-cart-totals-wrap .cart-subtotals-container{display:grid;gap:8px;margin:0!important}
html body.vh-system #shoppingCartPage#shoppingCartPage .vh-cart-totals-wrap .vh-cart-summary-secondary{display:flex!important;justify-content:space-between;align-items:baseline;margin:0!important;color:var(--c-soft)!important;font-size:14px!important;font-weight:500!important;line-height:1.35!important;font-family:"Open Sans",sans-serif!important}
html body.vh-system #shoppingCartPage#shoppingCartPage .vh-cart-totals-wrap .vh-cart-summary-secondary>span:last-child{color:var(--c-text)!important;opacity:1!important;font-weight:600!important}
html body.vh-system #shoppingCartPage#shoppingCartPage .vh-cart-totals-wrap .vh-cart-free-shipping-price,
html body.vh-system #shoppingCartPage#shoppingCartPage .vh-cart-totals-wrap .vh-cart-savings-row,
html body.vh-system #shoppingCartPage#shoppingCartPage .vh-cart-totals-wrap .vh-cart-savings-row>span{color:var(--c-ok)!important;opacity:1!important;font-weight:700!important}
html body.vh-system #shoppingCartPage#shoppingCartPage .vh-cart-totals-wrap .vh-cart-savings-percent{font-weight:500!important;opacity:.85}
html body.vh-system #shoppingCartPage#shoppingCartPage .vh-cart-totals-wrap .cart-discounts-container:not(:has(.promotions-wrapper *)){display:none}
html body.vh-system #shoppingCartPage#shoppingCartPage .vh-cart-totals-wrap .cart-totals-divider{display:block!important;height:1px;margin:14px 0!important;background:var(--c-line)!important;border:0!important}
html body.vh-system #shoppingCartPage#shoppingCartPage .vh-cart-totals-wrap .vh-cart-summary-total{display:flex!important;justify-content:space-between;align-items:baseline;margin:0!important;color:var(--c-text)!important;font-family:Sora,"Open Sans",sans-serif!important;font-size:18px!important;font-weight:700!important;line-height:1.2!important}
html body.vh-system #shoppingCartPage#shoppingCartPage .vh-cart-totals-wrap .vh-cart-summary-total .cart-total-price{font-size:26px!important;font-weight:800!important}
html body.vh-system #shoppingCartPage#shoppingCartPage .vh-cart-totals-wrap .cart-secondary-total-container{margin:10px 0 0!important;text-align:right!important}
html body.vh-system #shoppingCartPage#shoppingCartPage .vh-cart-totals-wrap .vh-cart-installments,
html body.vh-system #shoppingCartPage#shoppingCartPage .vh-cart-totals-wrap .vh-cart-transfer-note{margin:4px 0 0!important;color:var(--c-soft)!important;font-size:13px!important;font-weight:500!important;line-height:1.4!important;text-align:right!important}
html body.vh-system #shoppingCartPage#shoppingCartPage .vh-cart-totals-wrap .vh-cart-installments *{color:inherit!important;font-weight:inherit!important}
html body.vh-system #shoppingCartPage#shoppingCartPage .vh-cart-totals-wrap .vh-cart-installments .cart-installments-money,
html body.vh-system #shoppingCartPage#shoppingCartPage .vh-cart-totals-wrap .vh-cart-transfer-note strong{color:var(--c-ok)!important;font-weight:700!important}
html body.vh-system #shoppingCartPage#shoppingCartPage #cart-shipping-container{margin:0!important}
html body.vh-system #shoppingCartPage#shoppingCartPage #cart-shipping-container>.col-12{padding:0!important;margin:0!important}
html body.vh-system #shoppingCartPage#shoppingCartPage .js-shipping-calculator-head{position:static!important;height:auto!important;min-height:0!important}
html body.vh-system #shoppingCartPage#shoppingCartPage .js-shipping-calculator-head>.transition-up{position:static!important;margin:0!important;transform:none!important}
html body.vh-system #shoppingCartPage#shoppingCartPage .js-shipping-calculator-head>.transition-up:not(.transition-up-active){display:none!important}
html body.vh-system #shoppingCartPage#shoppingCartPage .js-shipping-calculator-with-zipcode .row{display:flex!important;align-items:center;justify-content:space-between;margin:0!important;padding:12px 14px;border:1px solid var(--c-line);border-radius:12px;background:var(--c-card)}
html body.vh-system #shoppingCartPage#shoppingCartPage .js-shipping-calculator-with-zipcode .row>*{padding:0!important;flex:none!important;width:auto!important}
html body.vh-system #shoppingCartPage#shoppingCartPage .js-shipping-calculator-with-zipcode .font-small{color:var(--c-soft)!important;font-size:13px!important}
html body.vh-system #shoppingCartPage#shoppingCartPage .js-shipping-calculator-with-zipcode strong{margin-left:4px;color:var(--c-text)!important}
html body.vh-system #shoppingCartPage#shoppingCartPage .js-shipping-calculator-change-zipcode{float:none!important;padding:0!important;border:0!important;background:none!important;color:var(--c-cta)!important;font-size:13px!important;font-weight:700!important;box-shadow:none!important}
html body.vh-system #shoppingCartPage#shoppingCartPage .js-shipping-calculator-form .form-group{margin:0!important;row-gap:8px}
html body.vh-system #shoppingCartPage#shoppingCartPage .js-shipping-calculator-form .form-label{margin:0!important;color:var(--c-text)!important;font-size:14px!important;font-weight:700!important}
html body.vh-system #shoppingCartPage#shoppingCartPage .js-shipping-calculator-form input{height:44px!important;border-radius:10px 0 0 10px!important}
html body.vh-system #shoppingCartPage#shoppingCartPage .js-shipping-calculator-form .js-calculate-shipping{height:44px!important;border-radius:0 10px 10px 0!important}
html body.vh-system #shoppingCartPage#shoppingCartPage .js-shipping-calculator-form a.font-small{margin:0!important;color:var(--c-soft)!important;font-size:12px!important;text-decoration:underline}
html body.vh-system #shoppingCartPage#shoppingCartPage .js-shipping-calculator-response{float:none!important;display:block!important;margin:0!important;padding:0!important}
html body.vh-system #shoppingCartPage#shoppingCartPage .js-shipping-calculator-response>.form-label{float:none!important;display:flex!important;align-items:center;gap:8px;margin:18px 0 8px!important;color:var(--c-text)!important;font-size:13px!important;font-weight:700!important;letter-spacing:.02em}
html body.vh-system #shoppingCartPage#shoppingCartPage .js-shipping-calculator-response>.form-label svg{width:16px!important;height:16px!important;margin:0!important;color:var(--c-soft)!important;fill:currentColor}
html body.vh-system #shoppingCartPage#shoppingCartPage .js-shipping-calculator-response>ul.box{display:grid!important;gap:8px;margin:0!important;padding:0!important;border:0!important;background:none!important;box-shadow:none!important}
html body.vh-system #shoppingCartPage#shoppingCartPage .js-shipping-calculator-response .radio-button-item{float:none!important;width:100%!important;margin:0!important;padding:0!important;border:0!important}
html body.vh-system #shoppingCartPage#shoppingCartPage .js-shipping-calculator-response label.radio-button{display:block!important;margin:0!important;padding:12px 14px!important;border:1px solid var(--c-line)!important;border-radius:12px!important;background:var(--c-card)!important;cursor:pointer;transition:border-color .15s,background .15s}
html body.vh-system #shoppingCartPage#shoppingCartPage .js-shipping-calculator-response label.radio-button:has(input:checked){border-color:var(--c-cta)!important;background:rgba(162,190,254,.07)!important}
html body.vh-system #shoppingCartPage#shoppingCartPage .js-shipping-calculator-response .radio-button-content{display:grid!important;grid-template-columns:18px minmax(0,1fr);column-gap:12px;align-items:start;padding:0!important}
html body.vh-system #shoppingCartPage#shoppingCartPage .js-shipping-calculator-response .radio-button-icons-container{position:static!important;width:18px!important;height:18px!important;margin:1px 0 0!important;padding:0!important;transform:none!important}
html body.vh-system #shoppingCartPage#shoppingCartPage .js-shipping-calculator-response .radio-button-icons{position:relative!important;display:block!important;width:18px!important;height:18px!important;top:auto!important;left:auto!important}
html body.vh-system #shoppingCartPage#shoppingCartPage .js-shipping-calculator-response .radio-button-icon{position:absolute!important;inset:0!important;width:18px!important;height:18px!important;margin:0!important;border-radius:50%!important;transform:none!important}
html body.vh-system #shoppingCartPage#shoppingCartPage .js-shipping-calculator-response .radio-button-icon.unchecked{border:1.5px solid #6b7280!important;background:transparent!important}
html body.vh-system #shoppingCartPage#shoppingCartPage .js-shipping-calculator-response .radio-button-icon.checked{display:flex!important;align-items:center;justify-content:center;opacity:0;background:var(--c-cta)!important;border:0!important}
html body.vh-system #shoppingCartPage#shoppingCartPage .js-shipping-calculator-response .radio-button-icon.checked svg{width:10px!important;height:10px!important;fill:#0b0c10!important}
html body.vh-system #shoppingCartPage#shoppingCartPage .js-shipping-calculator-response label.radio-button:has(input:checked) .radio-button-icon.checked{opacity:1}
html body.vh-system #shoppingCartPage#shoppingCartPage .js-shipping-calculator-response .radio-button-label{padding:0!important;margin:0!important;width:auto!important;min-width:0}
html body.vh-system #shoppingCartPage#shoppingCartPage .vh-shipping-option{display:grid!important;grid-template-columns:minmax(0,1fr) auto;column-gap:12px;align-items:start;margin:0!important}
html body.vh-system #shoppingCartPage#shoppingCartPage .vh-shipping-option>*{width:auto!important;max-width:none!important;flex:none!important;padding:0!important}
html body.vh-system #shoppingCartPage#shoppingCartPage .vh-shipping-option-info{min-width:0}
html body.vh-system #shoppingCartPage#shoppingCartPage .vh-shipping-option-time{display:block!important;margin:0!important;color:var(--c-text)!important;font-size:14px!important;font-weight:700!important;line-height:1.35!important}
html body.vh-system #shoppingCartPage#shoppingCartPage .vh-shipping-option-time>.float-left{display:none!important}
html body.vh-system #shoppingCartPage#shoppingCartPage .vh-shipping-option-time>.d-table{display:block!important}
html body.vh-system #shoppingCartPage#shoppingCartPage .vh-shipping-option-name{margin:3px 0 0!important;color:var(--c-soft)!important;font-size:12.5px!important;line-height:1.4!important}
html body.vh-system #shoppingCartPage#shoppingCartPage .vh-shipping-option-info>ul{display:flex!important;flex-wrap:wrap;gap:2px 10px;margin:6px 0 0!important;padding:0!important;list-style:none;color:var(--c-soft)!important;font-size:12px!important;line-height:1.4}
html body.vh-system #shoppingCartPage#shoppingCartPage .vh-shipping-option-price{text-align:right!important}
html body.vh-system #shoppingCartPage#shoppingCartPage .vh-shipping-option-price h5{display:flex!important;flex-direction:column;align-items:flex-end;gap:2px;margin:0!important;color:var(--c-ok)!important;font-size:13px!important;font-weight:800!important;line-height:1.3!important;white-space:nowrap}
html body.vh-system #shoppingCartPage#shoppingCartPage .vh-shipping-option-price .price-compare{margin:0!important;color:var(--c-soft)!important;font-size:11px!important;font-weight:500!important}
html body.vh-system #shoppingCartPage#shoppingCartPage .js-toggle-more-shipping-options{margin:4px 0 0!important;text-align:left!important}
html body.vh-system #shoppingCartPage#shoppingCartPage .js-toggle-more-shipping-options a{color:var(--c-cta)!important;font-size:13px!important;font-weight:700!important}
html body.vh-system #shoppingCartPage#shoppingCartPage .js-shipping-calculator-response>.font-small{float:none!important;margin:10px 0 0!important;color:var(--c-soft)!important;font-size:11.5px!important}
html body.vh-system #shoppingCartPage#shoppingCartPage .js-shipping-calculator-response>.font-small strong{color:var(--c-soft)!important;font-weight:600!important}
html body.vh-system #shoppingCartPage#shoppingCartPage .vh-cart-trust-accordion{margin:0!important;padding:0!important;border:1px solid var(--c-line)!important;border-radius:12px!important;background:var(--c-card)!important;overflow:hidden}
html body.vh-system #shoppingCartPage#shoppingCartPage .vh-cart-trust-accordion>summary{display:flex!important;align-items:center;justify-content:space-between;padding:14px!important;color:var(--c-text)!important;font-size:14px!important;font-weight:700!important;list-style:none;cursor:pointer}
html body.vh-system #shoppingCartPage#shoppingCartPage .vh-cart-trust-accordion>summary::-webkit-details-marker{display:none}
html body.vh-system #shoppingCartPage#shoppingCartPage .vh-cart-trust-accordion>summary::after{content:""!important;width:8px;height:8px;border-right:2px solid var(--c-soft);border-bottom:2px solid var(--c-soft);transform:rotate(45deg) translateY(-3px);transition:transform .2s}
html body.vh-system #shoppingCartPage#shoppingCartPage .vh-cart-trust-accordion[open]>summary::after{transform:rotate(-135deg) translateY(-2px)}
html body.vh-system #shoppingCartPage#shoppingCartPage .vh-cart-trust{display:flex!important;flex-wrap:wrap;gap:8px;margin:0!important;padding:0 14px 14px!important;border:0!important;background:none!important}
html body.vh-system #shoppingCartPage#shoppingCartPage .vh-cart-trust .vh-cart-provider,
html body.vh-system #shoppingCartPage#shoppingCartPage .vh-cart-trust .vh-cart-trust-logos{display:contents!important}
html body.vh-system #shoppingCartPage#shoppingCartPage .vh-cart-trust img{width:56px!important;height:36px!important;margin:0!important;padding:5px!important;object-fit:contain;border-radius:8px!important;background:#fff!important;box-shadow:none!important}
html body.vh-system #shoppingCartPage#shoppingCartPage .vh-cart-trust .vh-cart-provider span{display:none!important}
html body.vh-system #shoppingCartPage#shoppingCartPage .vh-cart-trust .vh-cart-other-payments{display:contents!important}
html body.vh-system #shoppingCartPage#shoppingCartPage .vh-cart-trust .vh-cart-other-payments>summary{display:none!important}
html body.vh-system #shoppingCartPage#shoppingCartPage>.vh-cart-checkout-final{padding:12px var(--c-pad) calc(12px + env(safe-area-inset-bottom))!important;border-top:1px solid var(--c-line)!important;background:rgba(28,28,30,.96)!important;backdrop-filter:blur(8px)}
html body.vh-system #shoppingCartPage#shoppingCartPage>.vh-cart-checkout-final input{height:52px!important;border-radius:12px!important;font-size:15px!important;font-weight:800!important}
html body.vh-system #shoppingCartPage#shoppingCartPage .vh-cart-summary-secondary.vh-cart-savings-row>span{color:var(--c-ok)!important}
html body.vh-system #shoppingCartPage#shoppingCartPage .radio-button-content{border:0!important;background:none!important;box-shadow:none!important}
html body.vh-system #shoppingCartPage#shoppingCartPage .vh-shipping-option-time>.float-left{display:none!important}
html body.vh-system #shoppingCartPage#shoppingCartPage .vh-shipping-option-info>*{padding-left:0!important;margin-left:0!important}
html body.vh-system #shoppingCartPage#shoppingCartPage .js-shipping-calculator-response>ul{float:none!important;width:100%!important}
html body.vh-system #shoppingCartPage#shoppingCartPage .js-shipping-calculator-response>.form-label{width:100%!important}
html body.vh-system #shoppingCartPage#shoppingCartPage .js-toggle-more-shipping-options a,html body.vh-system #shoppingCartPage#shoppingCartPage .js-toggle-more-shipping-options a *{color:var(--c-cta)!important}
html body.vh-system #shoppingCartPage#shoppingCartPage .js-shipping-calculator-change-zipcode{background:transparent!important;min-height:0!important;height:auto!important}
html body.vh-system #shoppingCartPage#shoppingCartPage .vh-cart-trust{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
html body.vh-system #shoppingCartPage#shoppingCartPage .vh-cart-trust img{width:100%!important;height:36px!important}
html body.vh-system #shoppingCartPage#shoppingCartPage label.radio-button .radio-button-content{background:transparent!important}
html body.vh-system #shoppingCartPage#shoppingCartPage .js-shipping-calculator-change-zipcode{border:0!important}
html body.vh-system #shoppingCartPage#shoppingCartPage #cart-shipping-container label.radio-button .radio-button-content,
html body.vh-system #shoppingCartPage#shoppingCartPage #cart-shipping-container .radio-button input[type="radio"]:checked+.radio-button-content{padding:0!important;border:0!important;border-radius:0!important;background:transparent!important}
html body.vh-system #shoppingCartPage#shoppingCartPage .vh-cart-summary-secondary.vh-cart-savings-row>span:last-child{color:var(--c-ok)!important}
html body.vh-system #shoppingCartPage#shoppingCartPage .vh-cart-trust-accordion{display:none!important}
html body.vh-system #shoppingCartPage#shoppingCartPage .vh-cart-totals-wrap .vh-cart-savings-row,
html body.vh-system #shoppingCartPage#shoppingCartPage .vh-cart-summary-secondary.vh-cart-savings-row>span{color:var(--c-soft)!important;font-weight:500!important}
html body.vh-system #shoppingCartPage#shoppingCartPage .vh-cart-summary-secondary.vh-cart-savings-row>span:last-child{color:var(--c-text)!important;font-weight:600!important}
html body.vh-system #shoppingCartPage#shoppingCartPage .vh-cart-totals-wrap .vh-cart-savings-percent{opacity:1!important}
html body.vh-system #shoppingCartPage#shoppingCartPage .vh-cart-totals-wrap :is(.vh-cart-installments,.vh-cart-transfer-note),
html body.vh-system #shoppingCartPage#shoppingCartPage .vh-cart-totals-wrap :is(.vh-cart-installments,.vh-cart-transfer-note) *{color:var(--c-soft)!important;font-weight:500!important}
html body.vh-system #shoppingCartPage#shoppingCartPage .vh-cart-totals-wrap .vh-cart-installments .cart-installments-money,
html body.vh-system #shoppingCartPage#shoppingCartPage .vh-cart-totals-wrap .vh-cart-transfer-note strong{color:var(--c-text)!important;font-weight:700!important}
html body.vh-system #shoppingCartPage#shoppingCartPage .vh-cart-totals-wrap .vh-cart-savings-row .vh-cart-savings-percent{color:var(--c-soft)!important;font-weight:500!important}
html body.vh-system #shoppingCartPage#shoppingCartPage .vh-cart-totals-wrap :is(.vh-cart-transfer-note,.vh-cart-installments,.vh-cart-savings-row),html body.vh-system #shoppingCartPage#shoppingCartPage .vh-cart-totals-wrap :is(.vh-cart-transfer-note,.vh-cart-installments,.vh-cart-savings-row) *{-webkit-text-fill-color:currentColor!important}
html body.vh-system #shoppingCartPage#shoppingCartPage .vh-cart-coupon{order:0!important;padding:0!important;border:1px solid var(--c-line)!important;border-radius:12px!important;background:var(--c-card)!important}
html body.vh-system #shoppingCartPage#shoppingCartPage .vh-cart-coupon .vh-coupon{margin:0!important;padding:0!important;border:0!important;background:none!important}
html body.vh-system #shoppingCartPage#shoppingCartPage .vh-cart-coupon .vh-coupon-toggle{min-height:48px;margin:0!important;padding:0 14px!important;border:0!important;background:none!important;color:var(--c-text)!important;font-size:14px!important;font-weight:700!important;cursor:pointer}
html body.vh-system #shoppingCartPage#shoppingCartPage .vh-cart-coupon .vh-coupon-label{color:var(--c-text)!important;font-size:14px!important;font-weight:700!important}
html body.vh-system #shoppingCartPage#shoppingCartPage .vh-cart-coupon :is(.vh-coupon-tag,.vh-coupon-chevron){width:15px!important;height:15px!important;fill:var(--c-soft)!important;color:var(--c-soft)!important}
html body.vh-system #shoppingCartPage#shoppingCartPage .vh-cart-coupon .vh-coupon-content{padding:0 14px 14px!important}
html body.vh-system #shoppingCartPage#shoppingCartPage .vh-cart-coupon .vh-coupon-row{gap:8px;margin:0!important;flex-wrap:nowrap}
html body.vh-system #shoppingCartPage#shoppingCartPage .vh-cart-coupon .vh-coupon-input{flex:1 1 auto;width:auto!important;max-width:none!important;height:44px!important;margin:0!important;padding:0 12px!important;border:1px solid var(--c-line)!important;border-radius:10px!important;background:rgba(255,255,255,.03)!important;color:var(--c-text)!important;font-size:14px!important;text-transform:uppercase}
html body.vh-system #shoppingCartPage#shoppingCartPage .vh-cart-coupon .vh-coupon-apply{flex:none;width:auto!important;height:44px!important;margin:0!important;padding:0 16px!important;border-radius:10px!important;font-size:13px!important;font-weight:700!important}
html body.vh-system #shoppingCartPage#shoppingCartPage .vh-cart-coupon .vh-coupon-applied{padding:12px 14px!important;color:var(--c-soft)!important;font-size:13px!important}
html body.vh-system #shoppingCartPage#shoppingCartPage .vh-cart-coupon .vh-coupon-code{color:var(--c-text)!important;font-weight:700!important}
html body.vh-system #shoppingCartPage#shoppingCartPage .vh-cart-coupon .vh-coupon-remove{float:none!important;padding:4px 10px!important;border-radius:8px!important;font-size:12px!important}
html body.vh-system #shoppingCartPage#shoppingCartPage .vh-cart-coupon .vh-coupon-content{padding:0!important}
html body.vh-system #shoppingCartPage#shoppingCartPage .vh-cart-coupon .vh-coupon-actions{padding:0 14px 14px!important}
html body.vh-system #shoppingCartPage#shoppingCartPage .vh-cart-coupon .vh-coupon-applied{padding:0!important}
html body.vh-system #shoppingCartPage#shoppingCartPage .vh-cart-coupon .vh-coupon-remove{height:auto!important;min-height:0!important;padding:0!important;border:0!important;background:none!important;box-shadow:none!important;color:var(--c-cta)!important;font-size:13px!important;font-weight:700!important}
html body.vh-system #shoppingCartPage#shoppingCartPage .vh-cart-totals-wrap .cart-coupon-discount{display:flex!important;justify-content:space-between;margin:0!important;color:var(--c-soft)!important;-webkit-text-fill-color:currentColor!important;font-family:"Open Sans",sans-serif!important;font-size:14px!important;font-weight:500!important;line-height:1.35!important}
html body.vh-system #shoppingCartPage#shoppingCartPage .vh-cart-totals-wrap .cart-coupon-discount .cart-coupon-discount-price{color:var(--c-text)!important;-webkit-text-fill-color:currentColor!important;font-weight:600!important}
html body.vh-system #shoppingCartPage#shoppingCartPage .vh-cart-coupon .vh-coupon-remove,html body.vh-system #shoppingCartPage#shoppingCartPage .vh-cart-coupon .vh-coupon-remove *{color:var(--c-cta)!important;-webkit-text-fill-color:var(--c-cta)!important}
html body.vh-system #shoppingCartPage#shoppingCartPage .vh-cart-totals-wrap .cart-coupon-discount .cart-coupon-discount-label{color:var(--c-soft)!important;-webkit-text-fill-color:var(--c-soft)!important;font-weight:500!important}
html body.vh-system #shoppingCartPage#shoppingCartPage .vh-cart-totals-wrap .cart-coupon-discount .cart-coupon-discount-price{-webkit-text-fill-color:var(--c-text)!important}
html body.vh-system #shoppingCartPage#shoppingCartPage>.vh-cart-checkout-final{flex-wrap:wrap!important}
html body.vh-system #shoppingCartPage#shoppingCartPage{--c-ok-soft:#86d6a2}
html body.vh-system #shoppingCartPage#shoppingCartPage .vh-cart-totals-wrap .vh-cart-installments :is(.cart-installments-amount,.cart-installments-amount+span),
html body.vh-system #shoppingCartPage#shoppingCartPage .vh-cart-totals-wrap .vh-cart-transfer-note .vh-cart-perk,
html body.vh-system #shoppingCartPage#shoppingCartPage .vh-cart-totals-wrap .vh-cart-savings-row .vh-cart-savings-percent{color:var(--c-ok-soft)!important;-webkit-text-fill-color:var(--c-ok-soft)!important;font-weight:600!important}
/* ===== Página /comprar/: mismo diseño que el carrito lateral, una columna centrada ===== */
html body.vh-system #shoppingCartPage#shoppingCartPage{max-width:640px!important;margin:0 auto!important;padding:0 16px!important}
html body.vh-system #shoppingCartPage#shoppingCartPage :is(.vh-cart-heading,.vh-cart-line>.col-12){display:none!important}
html body.vh-system #shoppingCartPage#shoppingCartPage .cart-body{margin:0!important;padding:0!important;border:0!important;background:none!important;box-shadow:none!important}
html body.vh-system #shoppingCartPage#shoppingCartPage .cart-row{margin:0!important;padding:0!important;border:0!important;background:none!important}
html body.vh-system #shoppingCartPage#shoppingCartPage .js-ajax-cart-list{display:grid!important;gap:10px;margin:0 0 12px!important}
html body.vh-system #shoppingCartPage#shoppingCartPage .vh-cart-line{position:relative!important;display:grid!important;grid-template-columns:76px minmax(0,1fr)!important;column-gap:14px!important;align-items:start!important;margin:0!important;padding:14px!important;border:1px solid var(--c-line)!important;border-radius:var(--c-radius)!important;background:var(--c-card)!important}
html body.vh-system #shoppingCartPage#shoppingCartPage .vh-cart-line>.vh-cart-image{width:76px!important;max-width:none!important;flex:none!important;padding:0!important}
html body.vh-system #shoppingCartPage#shoppingCartPage .vh-cart-line>.vh-cart-image img{display:block;width:76px!important;height:76px!important;object-fit:cover;border-radius:10px!important}
html body.vh-system #shoppingCartPage#shoppingCartPage .vh-cart-line>.vh-cart-details{width:auto!important;max-width:none!important;flex:none!important;padding:0!important;min-width:0}
html body.vh-system #shoppingCartPage#shoppingCartPage .vh-cart-details>.row{display:grid!important;grid-template-columns:108px minmax(0,1fr)!important;row-gap:12px;align-items:center;margin:0!important}
html body.vh-system #shoppingCartPage#shoppingCartPage .vh-cart-details>.row>*{width:auto!important;max-width:none!important;flex:none!important;padding:0!important;margin:0!important}
html body.vh-system #shoppingCartPage#shoppingCartPage .vh-cart-details h6{grid-column:1/-1;grid-row:1;padding-right:30px!important;text-align:left!important;line-height:1.3!important}
html body.vh-system #shoppingCartPage#shoppingCartPage .vh-cart-details h6>a{color:var(--c-text)!important;font-family:Sora,"Open Sans",sans-serif!important;font-size:15px!important;font-weight:700!important}
html body.vh-system #shoppingCartPage#shoppingCartPage .vh-cart-details h6>small{margin-left:4px;color:var(--c-soft)!important;font-size:12px!important}
html body.vh-system #shoppingCartPage#shoppingCartPage .vh-cart-details h6>.mt-2{display:none!important}
html body.vh-system #shoppingCartPage#shoppingCartPage .vh-cart-details .cart-item-quantity{grid-column:1;grid-row:2;justify-self:start;width:108px!important}
html body.vh-system #shoppingCartPage#shoppingCartPage .vh-cart-details .form-quantity{float:none!important;width:108px!important;height:36px!important;margin:0!important;padding:0!important;border:1px solid var(--c-line)!important;border-radius:10px!important;background:rgba(255,255,255,.03)!important}
html body.vh-system #shoppingCartPage#shoppingCartPage .vh-cart-details .form-quantity>.row{height:100%;flex-wrap:nowrap;margin:0!important}
html body.vh-system #shoppingCartPage#shoppingCartPage .vh-cart-details .form-quantity .btn{width:34px!important;height:34px!important;min-height:0!important;padding:0!important;display:flex!important;align-items:center;justify-content:center}
html body.vh-system #shoppingCartPage#shoppingCartPage .vh-cart-details .form-quantity input{height:34px!important;padding:0!important;font-size:14px!important;font-weight:700!important;background:transparent!important;border:0!important}
html body.vh-system #shoppingCartPage#shoppingCartPage .vh-cart-details .cart-item-subtotal-short{display:none!important}
html body.vh-system #shoppingCartPage#shoppingCartPage .vh-cart-details .vh-cart-line-total{grid-column:2;grid-row:2;justify-self:end;text-align:right!important}
html body.vh-system #shoppingCartPage#shoppingCartPage .vh-cart-details .vh-cart-line-total :is(.vh-cart-price-label,.js-cart-item-subtotal-compare-price-container){display:none!important}
html body.vh-system #shoppingCartPage#shoppingCartPage .vh-cart-details .js-cart-item-subtotal{margin:0!important;color:var(--c-text)!important;font-family:Sora,"Open Sans",sans-serif!important;font-size:17px!important;font-weight:800!important}
html body.vh-system #shoppingCartPage#shoppingCartPage .vh-cart-line>.cart-item-delete{position:absolute!important;top:8px;right:8px;width:auto!important;max-width:none!important;flex:none!important;padding:0!important}
html body.vh-system #shoppingCartPage#shoppingCartPage .vh-cart-line>.cart-item-delete .btn{width:32px;height:32px;padding:0!important;display:flex;align-items:center;justify-content:center;border-radius:8px;opacity:.6}
html body.vh-system #shoppingCartPage#shoppingCartPage .vh-cart-line>.cart-item-delete svg{width:15px!important;height:15px!important}
html body.vh-system #shoppingCartPage#shoppingCartPage .vh-cart-bottom{display:flex!important;flex-direction:column!important;gap:12px;margin:0!important}
html body.vh-system #shoppingCartPage#shoppingCartPage .vh-cart-bottom>*{width:100%!important;max-width:none!important;flex:none!important;padding:0!important;margin:0!important}
html body.vh-system #shoppingCartPage#shoppingCartPage .vh-cart-bottom>.vh-cart-summary-column{order:1}
html body.vh-system #shoppingCartPage#shoppingCartPage .vh-cart-bottom>.vh-cart-delivery{order:2}
html body.vh-system #shoppingCartPage#shoppingCartPage :is(#cart-sticky-summary,.vh-cart-summary-inner){position:static!important;display:block!important;width:100%!important;max-width:none!important;flex:none!important;margin:0!important;padding:0!important}
html body.vh-system #shoppingCartPage#shoppingCartPage .vh-cart-summary{float:none!important;display:flex!important;flex-direction:column;gap:12px;width:100%!important;margin:0!important;padding:0!important;border:0!important;background:none!important;box-shadow:none!important}
html body.vh-system #shoppingCartPage#shoppingCartPage .vh-cart-trust-accordion{display:none!important}
html body.vh-system #shoppingCartPage#shoppingCartPage .cart-total-label{font-size:18px!important;font-weight:700!important}
html body.vh-system #shoppingCartPage#shoppingCartPage .vh-cart-recommendations{margin:24px 0 0!important;padding:20px 0 0!important;border-top:1px solid var(--c-line)!important}
html body.vh-system #shoppingCartPage#shoppingCartPage .vh-cart-recommendations h2{margin:0 0 12px!important;color:var(--c-text)!important;font-family:Sora,"Open Sans",sans-serif!important;font-size:17px!important;font-weight:700!important;text-align:left!important}
html body.vh-system #shoppingCartPage#shoppingCartPage .vh-cart-recommendations .js-product-table{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:10px!important;margin:0!important}
html body.vh-system #shoppingCartPage#shoppingCartPage .vh-cart-recommendations .js-item-product{width:100%!important;max-width:none!important;flex:none!important;margin:0!important;padding:0!important;border:0!important;background:none!important}
html body.vh-system #shoppingCartPage#shoppingCartPage .vh-cart-recommendations .js-quickshop-container{position:relative!important;display:grid!important;grid-template-columns:80px minmax(0,1fr) 36px!important;column-gap:12px!important;align-items:center!important;padding:8px 12px 8px 8px!important;border:1px solid var(--c-line)!important;border-radius:12px!important;background:var(--c-card)!important}
html body.vh-system #shoppingCartPage#shoppingCartPage .vh-cart-recommendations .item-image{grid-column:1!important;grid-row:1!important;width:80px!important;height:80px!important;min-height:0!important;margin:0!important;border-radius:10px;overflow:hidden;aspect-ratio:auto!important}
html body.vh-system #shoppingCartPage#shoppingCartPage .vh-cart-recommendations .item-image img{width:100%!important;height:100%!important;object-fit:contain}
html body.vh-system #shoppingCartPage#shoppingCartPage .vh-cart-recommendations .item-description{grid-column:2!important;grid-row:1!important;margin:0!important;padding:0!important;min-width:0;text-align:left!important}
html body.vh-system #shoppingCartPage#shoppingCartPage .vh-cart-recommendations .item-link{display:flex!important;flex-direction:column;gap:2px}
html body.vh-system #shoppingCartPage#shoppingCartPage .vh-cart-recommendations .item-link>*{margin:0!important;padding:0!important;min-height:0!important;text-align:left!important}
html body.vh-system #shoppingCartPage#shoppingCartPage .vh-cart-recommendations :is(.vanhaus-grid-category-row,.vh-product-use-tag,.js-nubesdk-slot,.vh-payment-benefits__transfer,.vh-payment-benefits__short-line,.vanhaus-grid-benefit,.vanhaus-grid-differential,.vh-floating-shipping-label){display:none!important}
html body.vh-system #shoppingCartPage#shoppingCartPage .vh-cart-recommendations .item-name{margin:0!important;color:var(--c-text)!important;font-family:Sora,"Open Sans",sans-serif!important;font-size:14px!important;font-weight:700!important;line-height:1.3!important;text-align:left!important}
html body.vh-system #shoppingCartPage#shoppingCartPage .vh-cart-recommendations :is(.vh-catalog-price-stack,.item-price-container){display:flex!important;justify-content:flex-start!important;margin:0!important}
html body.vh-system #shoppingCartPage#shoppingCartPage .vh-cart-recommendations .item-price{color:var(--c-text)!important;font-size:15px!important;font-weight:800!important}
html body.vh-system #shoppingCartPage#shoppingCartPage .vh-cart-recommendations .vh-payment-benefits{margin:0!important;padding:0!important;text-align:left!important}
html body.vh-system #shoppingCartPage#shoppingCartPage .vh-cart-recommendations .vh-payment-benefits__installments{display:block!important;margin:0!important;color:var(--c-soft)!important;font-size:12px!important;font-weight:500!important;line-height:1.35!important;text-align:left!important}
html body.vh-system #shoppingCartPage#shoppingCartPage .vh-cart-recommendations .vh-payment-benefits__installments *{display:inline!important;color:inherit!important;-webkit-text-fill-color:currentColor!important;font-size:inherit!important;font-weight:inherit!important}
html body.vh-system #shoppingCartPage#shoppingCartPage .vh-cart-recommendations .vh-payment-benefits__installments strong{color:var(--c-text)!important;font-weight:700!important}
html body.vh-system #shoppingCartPage#shoppingCartPage .vh-cart-recommendations .vh-mini-add-form{position:static!important;grid-column:3!important;grid-row:1!important;transform:none!important;margin:0!important}
html body.vh-system #shoppingCartPage#shoppingCartPage .vh-cart-recommendations .vh-mini-add-btn{width:36px!important;height:36px!important;border-radius:10px!important;font-size:20px!important}
html body.vh-system #shoppingCartPage#shoppingCartPage>.vh-cart-checkout-final{position:sticky!important;bottom:0;z-index:20;margin:16px -16px 0!important;padding:12px 16px calc(12px + env(safe-area-inset-bottom))!important;border-top:1px solid var(--c-line)!important;background:rgba(28,28,30,.96)!important;backdrop-filter:blur(8px)}
html body.vh-system #shoppingCartPage#shoppingCartPage>.vh-cart-checkout-final input{height:52px!important;border-radius:12px!important;font-size:15px!important;font-weight:800!important}
html body.vh-system #shoppingCartPage#shoppingCartPage{border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;padding-bottom:24px!important}
html body.vh-system #shoppingCartPage#shoppingCartPage .cart-shipping-costs-price.vh-positive-benefit{color:var(--c-ok)!important;-webkit-text-fill-color:var(--c-ok)!important;opacity:1!important;font-weight:700!important}
html body.vh-system #shoppingCartPage#shoppingCartPage>.vh-cart-checkout-final{position:fixed!important;left:0!important;right:0!important;bottom:0!important;width:100%!important;max-width:none!important;margin:0!important;z-index:900!important;display:flex!important;justify-content:center}
html body.vh-system #shoppingCartPage#shoppingCartPage>.vh-cart-checkout-final>*{width:100%!important;max-width:608px!important;flex:none!important}
html body.vh-system.template-cart{padding-bottom:88px!important}

/* Carrito vacío (lateral y /comprar/): mismo lenguaje que el carrito lleno */
html body.vh-system :is(#modal-cart,#shoppingCartPage):is(#modal-cart,#shoppingCartPage) .vh-cart-empty{display:flex!important;flex-direction:column;align-items:center;min-height:0!important;margin:0!important;padding:28px 20px 24px!important;border:1px solid var(--c-line,rgba(255,255,255,.09))!important;border-radius:14px!important;background:var(--c-card,#222326)!important;text-align:center}
html body.vh-system :is(#modal-cart,#shoppingCartPage):is(#modal-cart,#shoppingCartPage) .vh-cart-empty>svg{box-sizing:content-box;width:26px!important;height:26px!important;margin:0 0 14px!important;padding:14px;border-radius:50%;background:rgba(162,190,254,.12);fill:none!important;stroke:#a2befe!important;color:#a2befe!important}
html body.vh-system :is(#modal-cart,#shoppingCartPage):is(#modal-cart,#shoppingCartPage) .vh-cart-empty h2{margin:0 0 6px!important;color:var(--c-text,#f0f1f4)!important;font-family:Sora,"Open Sans",sans-serif!important;font-size:20px!important;font-weight:700!important}
html body.vh-system :is(#modal-cart,#shoppingCartPage):is(#modal-cart,#shoppingCartPage) .vh-cart-empty p{margin:0 0 18px!important;color:var(--c-soft,#9aa1ad)!important;font-size:14px!important}
html body.vh-system :is(#modal-cart,#shoppingCartPage):is(#modal-cart,#shoppingCartPage) .vh-cart-empty .vh-cart-continue-btn{display:flex!important;align-items:center;justify-content:center;width:100%;max-width:320px;height:48px;margin:0 0 20px!important;border-radius:12px!important;background:#a2befe!important;color:#0b0c10!important;font-size:15px!important;font-weight:800!important;text-decoration:none!important}
html body.vh-system :is(#modal-cart,#shoppingCartPage):is(#modal-cart,#shoppingCartPage) .vh-cart-empty .vh-cart-continue-btn:hover{filter:brightness(1.05)}
html body.vh-system :is(#modal-cart,#shoppingCartPage):is(#modal-cart,#shoppingCartPage) .vh-cart-empty-perks{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:100%;margin:0!important;padding:0!important;border:0!important}
html body.vh-system :is(#modal-cart,#shoppingCartPage):is(#modal-cart,#shoppingCartPage) .vh-cart-empty-perk{display:flex!important;flex-direction:column;align-items:center;gap:2px;padding:10px 4px!important;border:1px solid var(--c-line,rgba(255,255,255,.09));border-radius:10px;background:transparent}
html body.vh-system :is(#modal-cart,#shoppingCartPage):is(#modal-cart,#shoppingCartPage) .vh-cart-empty-perk strong{color:#86d6a2!important;-webkit-text-fill-color:#86d6a2!important;font-size:13px!important;font-weight:700!important;white-space:nowrap}
html body.vh-system :is(#modal-cart,#shoppingCartPage):is(#modal-cart,#shoppingCartPage) .vh-cart-empty-perk span{color:var(--c-soft,#9aa1ad)!important;font-size:11px!important;line-height:1.3}
html body.vh-system #shoppingCartPage#shoppingCartPage:not(:has(.js-cart-item))>.vh-cart-checkout-final{display:none!important}
html body.vh-system.template-cart:not(:has(#shoppingCartPage .js-cart-item)){padding-bottom:0!important}
html body.vh-system #modal-cart#modal-cart:not(:has(.js-cart-item)) .vh-cart-trust-badges{display:none!important}
html body.vh-system #modal-cart#modal-cart .vh-cart-mini-card .vh-card-use{display:block!important;margin:1px 0 0!important;color:var(--c-soft)!important;font-size:12px!important;line-height:1.3!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html body.vh-system #modal-cart#modal-cart .vh-cart-mini-card .item-link>*:empty{display:none!important}
html body.vh-system #shoppingCartPage#shoppingCartPage .vh-cart-recommendations .vh-catalog-price-stack{flex-direction:column!important;align-items:flex-start!important;margin:4px 0 0!important}
html body.vh-system #shoppingCartPage#shoppingCartPage .vh-cart-recommendations .vh-card-use{display:block!important;margin:1px 0 0!important;color:var(--c-soft)!important;font-size:12px!important;line-height:1.3!important}
html body.vh-system #shoppingCartPage#shoppingCartPage .vh-cart-recommendations .vh-mini-add-btn{background:var(--c-card)!important;color:#a2befe!important;border:1.5px solid #a2befe!important}
html body.vh-system #shoppingCartPage#shoppingCartPage .vh-cart-recommendations .vh-mini-add-btn:hover{background:#a2befe!important;color:#000!important}

/* Inline definitions in the existing PDP technical summary. */
html body.vh-system.template-product [data-vh-technical-summary] button.vh-term-trigger{display:inline!important;font:inherit!important;line-height:inherit!important;letter-spacing:inherit!important;color:inherit!important;-webkit-text-fill-color:inherit!important;background:transparent!important;border:0!important;border-radius:0!important;margin:0!important;padding:0!important;vertical-align:baseline!important;min-height:0!important;text-transform:none!important;white-space:nowrap!important;text-decoration:underline dotted #a2befe!important;text-underline-offset:4px!important;text-decoration-thickness:1px!important;cursor:help!important}
html body.vh-system.template-product [data-vh-technical-summary] button.vh-term-trigger:hover,html body.vh-system.template-product [data-vh-technical-summary] button.vh-term-trigger[aria-expanded=true]{color:#a2befe!important;-webkit-text-fill-color:#a2befe!important;text-decoration-style:solid!important}
html body.vh-system.template-product .vh-term-trigger:focus-visible{outline:2px solid #a2befe!important;outline-offset:4px!important}
html body.vh-system.template-product .vh-term-popover{position:fixed;z-index:2147483001;width:292px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);overflow:auto;box-sizing:border-box;padding:20px 22px;background:linear-gradient(145deg,#222b3b,#141922 75%);border:1px solid #a2befe88;border-radius:13px;color:#e8edf6;box-shadow:0 16px 55px #0009;font-family:Inter,Arial,sans-serif;animation:vh-term-pop-in .18s ease-out}
html body.vh-system.template-product .vh-term-popover[hidden]{display:none!important}
html body.vh-system.template-product .vh-term-popover .vh-pop-kicker{font-size:8px;letter-spacing:1.6px;color:#a2befe;margin:0 0 10px}
html body.vh-system.template-product .vh-term-popover h3{margin:0 20px 11px 0;font-family:Sora,Arial,sans-serif;font-size:19px;font-weight:500;line-height:1.35;color:#f1f4fa}
html body.vh-system.template-product .vh-term-popover p{margin:0;color:#bfc9d8;font-size:12px;line-height:1.7}
html body.vh-system.template-product .vh-term-popover .vh-pop-close{position:absolute;right:9px;top:9px;display:grid;place-items:center;width:30px;height:30px;min-height:30px;padding:0;background:none;border:0;color:#b4c2d9;font:400 21px/1 Inter,Arial,sans-serif;cursor:pointer}
html body.vh-system.template-product .vh-term-popover .vh-pop-close:focus-visible{outline:2px solid #a2befe;outline-offset:2px}
html body.vh-system.template-product .vh-term-popover .vh-pop-source{display:block;margin-top:14px;padding-top:12px;border-top:1px solid #ffffff18;font-size:9px;color:#8899b2}
@keyframes vh-term-pop-in{from{opacity:0;translate:0 5px}to{opacity:1;translate:0 0}}
@media(prefers-reduced-motion:reduce){html body.vh-system.template-product .vh-term-popover{animation:none!important}}

/* Catalog and related cards share one vertical rhythm at every viewport. */
html body.vh-system [data-vh-metric-reveal] dd{position:relative}
html body.vh-system .vh-metric-text{display:inline-block}
html body.vh-system canvas.vh-metric-ink{position:absolute;inset:0;pointer-events:none}
html body.vh-system :is(.category-body,.vh-related-catalog:not(.vh-cart-recommendations)) .js-product-table>.js-item-product{display:flex;align-items:stretch}
html body.vh-system :is(.category-body,.vh-related-catalog:not(.vh-cart-recommendations)) .js-product-table>.js-item-product>.js-product-container{display:flex;flex-direction:column;width:100%;min-width:0}
html body.vh-system :is(.category-body,.vh-related-catalog:not(.vh-cart-recommendations)) .item-description{display:flex;flex-direction:column;flex:1 1 auto}
html body.vh-system :is(.category-body,.vh-related-catalog:not(.vh-cart-recommendations)) .item-description>.item-link{display:flex;flex-direction:column;flex:1 1 auto;width:100%;min-width:0}
html body.vh-system :is(.category-body,.vh-related-catalog:not(.vh-cart-recommendations)) .vh-catalog-price-stack{margin-top:auto!important}
html body.vh-system :is(.category-body,.vh-related-catalog:not(.vh-cart-recommendations)) .vh-card-use--spacer{visibility:hidden}
html body.vh-system :is(.category-body,.vh-related-catalog:not(.vh-cart-recommendations)) .item-actions{margin-top:auto!important;flex-shrink:0}
html body.vh-system :is(.category-body,.vh-related-catalog:not(.vh-cart-recommendations)) .vh-navigation-cta-card{display:flex!important;align-items:center;justify-content:center;box-sizing:border-box;width:100%!important;height:44px!important;min-height:44px!important;padding:0 14px!important;line-height:1.2!important}

/* SOURCE: vanhaus-motion.css */
/* Optional, one-shot decorative motion. No content depends on these effects. */
html body.vh-system #modal-cart .vh-cart-confirmation{position:sticky;top:0;z-index:3;display:flex;align-items:center;gap:9px;box-sizing:border-box;min-height:44px;margin:0 20px 16px;padding:11px 13px;border:1px solid #65df9140;border-radius:10px;background:#14251b;color:#a5edbc;font:600 13px/1.3 var(--vh-font-ui,"Open Sans",Arial,sans-serif);box-shadow:0 5px 16px #0003}
html body.vh-system #modal-cart .vh-cart-confirmation[hidden]{display:none!important}
html body.vh-system #modal-cart .vh-cart-confirmation svg{flex:0 0 22px;width:22px;height:22px;fill:none;stroke:#65df91;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
html body.vh-system #modal-cart .vh-cart-confirmation circle{stroke-opacity:.35}
html body.vh-system #modal-cart .vh-cart-confirmation path{stroke-dasharray:1;stroke-dashoffset:0}
@media(hover:hover) and (pointer:fine){
  html body.vh-system .vh-home .vh-chapter-actions>a.vh-btn-solid:not(:disabled):hover{background:var(--vh-cta)!important;color:var(--vh-cta-ink)!important;-webkit-text-fill-color:var(--vh-cta-ink)!important;filter:brightness(1.12)!important;box-shadow:0 0 18px -5px var(--vh-accent)!important}
  html body.vh-system .vh-home .vh-chapter-actions>:nth-child(2) .vh-btn-solid:not(:disabled):hover{background:transparent!important;color:var(--vh-text)!important;-webkit-text-fill-color:var(--vh-text)!important;border-color:var(--vh-accent)!important;filter:none!important;box-shadow:0 0 16px -5px var(--vh-accent),inset 0 0 12px -7px var(--vh-accent)!important}
  html body.vh-system .vh-home-intro a.vh-home-catalog-cta:hover{filter:brightness(1.12)!important}
}
html body.vh-system .vh-home-intro a.vh-home-catalog-cta{min-height:54px!important;min-width:200px;padding:0 28px!important;background:var(--vh-accent,#a2befe)!important;border:1px solid var(--vh-accent,#a2befe)!important;color:#0a0a0a!important;-webkit-text-fill-color:#0a0a0a!important;font-size:15px!important;font-weight:800;gap:22px;transition:box-shadow .2s ease,translate .2s ease}
@media(hover:hover) and (pointer:fine){html body.vh-system .vh-home-intro a.vh-home-catalog-cta:hover{translate:0 -2px}}
html body.vh-system a.vh-priority-cta{position:relative;overflow:hidden;isolation:isolate;box-shadow:0 4px 18px -7px var(--vh-accent,#a2befe)!important}
.vh-priority-cta>.vh-cta-shine{position:absolute;inset:-30% auto -30% 0;width:36%;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(255,255,255,.85),transparent);transform:translateX(-180%) skewX(-22deg);z-index:1}
@media(hover:hover) and (pointer:fine){html body.vh-system a.vh-priority-cta:hover{box-shadow:0 7px 24px -5px var(--vh-accent,#a2befe)!important}}
@keyframes vh-button-light{from{background-position:160% 0}to{background-position:-60% 0}}
@keyframes vh-card-glint{0%,100%{box-shadow:none}35%{box-shadow:inset 0 0 0 1px var(--vh-accent,#a2befe),0 0 14px -5px var(--vh-accent,#a2befe)}}
@keyframes vh-title-line{from{scale:0 1;opacity:0}to{scale:1 1;opacity:1}}
@keyframes vh-photo-unveil{from{clip-path:inset(0 100% 0 0);scale:1.035}to{clip-path:inset(0);scale:1}}
@media(prefers-reduced-motion:no-preference){
  .vh-system .vh-story-media.vh-photo-pending{opacity:0;scale:1.035}
  html body.vh-system .vh-home-catalog-cta.vh-light-pass,html body.vh-system.template-product input[data-store="product-buy-button"].vh-light-pass{animation:vh-button-light 1.8s ease-in-out both!important}
  html body.vh-system :is(a.vh-btn,button.vh-btn,.vh-action,.js-addtocart).vh-light-pass.vh-light-pass{background-image:linear-gradient(110deg,transparent 38%,rgba(255,255,255,.55) 50%,transparent 62%)!important;background-size:250% 100%!important;background-repeat:no-repeat!important;animation:vh-button-light .8s ease-out both}
  .vh-system .vh-home-highlight[data-vh-card-animation="done"]{animation:vh-card-glint .55s ease-out}
  .vh-system .vh-chapter-copy h2.vh-line-drawn::after{transform-origin:left;animation:vh-title-line .75s .1s cubic-bezier(.2,.7,.3,1) both}
  .vh-system .vh-story-media.vh-photo-revealed{animation:vh-photo-unveil .8s cubic-bezier(.2,.7,.3,1) both}
  .vh-system .vh-depth-ready{rotate:y 0deg;transition:rotate .2s ease-out}
  /* Red de seguridad: ningun media con video queda girado, aunque el video se inyecte tarde. */
  .vh-system .vh-media:has(video),.vh-system .vh-home-video-stage{rotate:none!important}
  .vh-system .vh-chapter-media:has(.vh-depth-ready){perspective:600px}
  body.vh-system.template-product .vh-faq-item>summary::after{content:''!important;width:12px;height:12px;background:linear-gradient(currentColor,currentColor) center/12px 2px no-repeat,linear-gradient(currentColor,currentColor) center/2px 12px no-repeat;transition:rotate .24s ease,background-size .24s ease}
  body.vh-system.template-product .vh-faq-item[open]>summary::after{rotate:180deg;background-size:12px 2px,2px 0}
}