/* ==========================================================================
   WEDGE v2 — base (etapa 0) + header/menú/dock/footer (etapa 1). Plan: Wedge/05-Operativo/Plan-Implementacion-Rediseno-v2.md
   Todo vive bajo html.wdg-v2: sin el interruptor (?v2=1) este archivo ni se carga.
   ========================================================================== */

html.wdg-v2 {
  /* tokens del sistema */
  --wdg-ink: #0b0b0b;
  --wdg-paper: #ffffff;
  --wdg-sand: #f1f0ee;
  --wdg-mute: #6f6e6b;
  --wdg-line: rgba(11, 11, 11, .12);
  --wdg-signal: #8c9bff;
  --wdg-radius: 18px;
  --wdg-gap: 6px;
  --wdg-display: "Saira", system-ui, sans-serif;
  --wdg-body: "Archivo", system-ui, sans-serif;
  --wdg-mono: "JetBrains Mono", ui-monospace, monospace;

  /* el theme toma sus tipografías de estas dos variables */
  --body-font: var(--wdg-body);
  --heading-font: var(--wdg-display);
}

html.wdg-v2 body { font-family: var(--wdg-body); -webkit-font-smoothing: antialiased; }

/* títulos del theme con la tipografía de títulos del sistema */
html.wdg-v2 h1, html.wdg-v2 h2, html.wdg-v2 h3, html.wdg-v2 .h1, html.wdg-v2 .h2, html.wdg-v2 .h3 {
  font-family: var(--wdg-display);
  font-weight: 700;
  font-variation-settings: "wdth" 118;
  text-transform: uppercase;
  letter-spacing: -.005em;
}

/* botones: píldora con texto mono en mayúsculas */
html.wdg-v2 .btn {
  font-family: var(--wdg-mono);
  letter-spacing: .08em;
  text-transform: uppercase;
  border-radius: 999px;
}

/* indicador de vista previa: solo lo ve quien activó ?v2=1 */
.wdg-v2-flag {
  position: fixed; z-index: 99999; left: 12px; bottom: 12px;
  display: flex; align-items: center; gap: 8px;
  background: var(--wdg-ink); color: #fff; border-radius: 999px; padding: 6px 8px 6px 12px;
  font: 600 11px/1 var(--wdg-mono); letter-spacing: .06em; text-transform: uppercase;
  box-shadow: 0 6px 18px rgba(0, 0, 0, .25);
}
.wdg-v2-flag i { width: 8px; height: 8px; border-radius: 99px; background: var(--wdg-signal); box-shadow: 0 0 8px var(--wdg-signal); }
.wdg-v2-flag a { color: #0b0b0b; background: #fff; border-radius: 999px; padding: 5px 9px; text-decoration: none; }

/* ==========================================================================
   ETAPA 1 — barra de anuncios, header, menú en paneles, dock mobile, footer
   El JS arma la navegación a partir del menú nativo (#nav-hamburger .nav-list);
   el markup nativo queda intacto (solo se oculta lo que reemplazamos).
   ========================================================================== */

/* barra de anuncios */
html.wdg-v2 .section-advertising { background: var(--wdg-ink) !important; }
html.wdg-v2 .section-advertising,
html.wdg-v2 .section-advertising a,
html.wdg-v2 .section-advertising span { color: #fff !important; font-family: var(--wdg-mono) !important; font-size: 10.5px !important; letter-spacing: .1em; text-transform: uppercase; }
/* como el ticker del preview: 30px de alto, mensajes separados por "·" con 48px de aire (el JS parte el texto del admin por "|") */
html.wdg-v2 .section-advertising { height: 30px; display: flex; align-items: center; padding: 0 !important; overflow: hidden; }
html.wdg-v2 .section-advertising > .container { max-width: none; padding: 0; }
html.wdg-v2 .section-advertising .adbar-message.wdg-ad { display: inline-flex; gap: 48px; margin: 0 !important; padding-right: 48px; }

/* header */
/* header pegado arriba como en el preview: la barra de anuncios se va al scrollear y queda solo la fila
   del header (top negativo = alto de la barra, lo mide el JS). */
html.wdg-v2 .js-head-main.head-fix { position: sticky !important; top: calc(-1 * var(--wdg-ad-h, 0px)) !important; }
/* la barra nativa de filtros (sticky) toma su top del alto total del header con la barra de anuncios: se pega a la fila del header */
html.wdg-v2 .js-sticky-filters { top: 64px !important; }
@media (max-width: 860px) { html.wdg-v2 .js-sticky-filters { top: 0 !important; } }
html.wdg-v2 .js-head-main { background: rgba(255,255,255,.9) !important; backdrop-filter: saturate(1.4) blur(14px); -webkit-backdrop-filter: saturate(1.4) blur(14px); box-shadow: none !important; border: 0 !important; }
html.wdg-v2 .js-head-main .container-fluid { padding: 0 clamp(16px, 3vw, 40px); }
html.wdg-v2 .js-head-main .container-fluid > .row { min-height: 64px; }
/* el logo cargado en TN trae ~30% de aire transparente arriba y abajo (557x230, letras 5.73:1):
   se recorta con object-fit para que mida lo mismo que en el preview */
html.wdg-v2 .js-head-main .logo-img { filter: invert(1); height: 22px !important; max-height: none !important; width: auto !important; aspect-ratio: 5.73; object-fit: cover; object-position: center; }
html.wdg-v2 .js-head-main .utilities-container { display: none; }
.wdg-nav, .wdg-tools { display: flex; align-items: center; gap: 26px; }
.wdg-tools { justify-content: flex-end; }
.wdg-nav > .wdg-nav__item { position: relative; }
.wdg-nav a, .wdg-tools a, .wdg-tools button {
  font-family: var(--wdg-mono); font-size: 11.5px; letter-spacing: .08em; text-transform: uppercase;
  color: var(--wdg-ink) !important; text-decoration: none !important; background: none; border: 0; padding: 0; cursor: pointer; position: relative;
}
.wdg-nav > .wdg-nav__item > a::after { content: ""; position: absolute; left: 0; right: 0; bottom: -4px; height: 1.5px; background: currentColor; transform: scaleX(0); transform-origin: left; transition: transform .35s cubic-bezier(.2,.7,.1,1); }
.wdg-nav > .wdg-nav__item:hover > a::after { transform: scaleX(1); }
.wdg-drop {
  position: absolute; top: 100%; left: -16px; padding-top: 14px; opacity: 0; visibility: hidden; transform: translateY(6px);
  transition: .25s cubic-bezier(.2,.7,.1,1); z-index: 50;
}
.wdg-nav__item:hover .wdg-drop, .wdg-nav__item:focus-within .wdg-drop { opacity: 1; visibility: visible; transform: none; }
.wdg-drop ul { list-style: none; margin: 0; padding: 10px; background: #fff; border-radius: 16px; box-shadow: 0 16px 40px rgba(0,0,0,.12); min-width: 230px; }
.wdg-drop li a { display: block; padding: 10px 12px; border-radius: 10px; font-size: 11px; }
.wdg-drop li a:hover { background: var(--wdg-sand); }
.wdg-drop li.all a { color: var(--wdg-mute) !important; border-top: 1px solid var(--wdg-line); border-radius: 0 0 10px 10px; margin-top: 4px; }
.wdg-count { display: inline-grid; place-items: center; min-width: 18px; height: 18px; padding: 0 5px; border-radius: 99px; background: var(--wdg-ink); color: #fff; font-size: 10px; margin-left: 6px; letter-spacing: 0; }

/* buscador (hoja) */
.wdg-search { position: fixed; inset: 0; z-index: 9990; display: none; }
.wdg-search.open { display: block; }
.wdg-search__bg { position: absolute; inset: 0; background: rgba(0,0,0,.35); }
.wdg-search form { position: absolute; left: 6px; right: 6px; top: 6px; max-width: 720px; margin: 0 auto; display: flex; gap: 6px; background: #fff; border-radius: 20px; padding: 8px; box-shadow: 0 20px 60px rgba(0,0,0,.2); }
.wdg-search input { flex: 1; min-width: 0; border: 0; outline: 0; font: 16px var(--wdg-body); padding: 0 14px; background: none; }
.wdg-search button { height: 44px; padding: 0 18px; border-radius: 99px; border: 0; background: var(--wdg-ink); color: #fff; font: 600 11.5px var(--wdg-mono); letter-spacing: .08em; text-transform: uppercase; }

/* dock + menú en paneles: solo mobile */
.wdg-dock, .wdg-menu { display: none; }
@media (max-width: 860px) {
  html.wdg-v2 .js-head-main .container-fluid { display: none; }
  html.wdg-v2 body { padding-bottom: 86px; }

  .wdg-dock {
    display: flex; align-items: center; justify-content: space-between;
    position: fixed; z-index: 9980; left: 8px; right: 8px; bottom: max(8px, env(safe-area-inset-bottom));
    height: 62px; padding: 0 8px 0 18px; background: var(--wdg-ink); color: #fff; border-radius: 20px;
    box-shadow: 0 10px 30px rgba(0,0,0,.22); transition: transform .45s cubic-bezier(.2,.7,.1,1);
  }
  .wdg-dock.hide, html.wdg-v2 body.wdg-satc-on .wdg-dock { transform: translateY(calc(100% + 24px)); }
  .wdg-dock__logo img { height: 17px; width: auto; display: block; aspect-ratio: 5.73; object-fit: cover; }
  .wdg-dock__btns { display: flex; gap: 2px; }
  .wdg-dock__btns button { width: 46px; height: 46px; border-radius: 14px; display: grid; place-items: center; position: relative; background: none; border: 0; color: #fff; padding: 0; }
  .wdg-dock__btns button:active { background: rgba(255,255,255,.12); }
  .wdg-dock__btns svg { width: 21px; height: 21px; }
  .wdg-dock .wdg-count { position: absolute; top: 6px; right: 4px; background: #fff; color: var(--wdg-ink); margin: 0; min-width: 16px; height: 16px; font-size: 9px; }

  /* el WhatsApp y el cartel de cookies suben para no quedar debajo del dock */
  html.wdg-v2 .btn-whatsapp { bottom: 88px !important; }
  html.wdg-v2 .js-notification-cookie-banner { bottom: 82px !important; }
  .wdg-v2-flag { bottom: 140px; }

  .wdg-menu { display: block; position: fixed; inset: 0; z-index: 9985; pointer-events: none; visibility: hidden; transition: visibility 0s .55s; }
  .wdg-menu.open { pointer-events: auto; visibility: visible; transition: none; }
  .wdg-menu__bg { position: absolute; inset: 0; background: rgba(0,0,0,.4); opacity: 0; transition: opacity .4s; }
  .wdg-menu.open .wdg-menu__bg { opacity: 1; }
  .wdg-menu__sheet { position: absolute; left: 6px; right: 6px; bottom: 6px; top: 56px; background: #fff; border-radius: 22px; overflow: hidden; transform: translateY(104%); transition: transform .55s cubic-bezier(.2,.7,.1,1); display: flex; flex-direction: column; }
  .wdg-menu.open .wdg-menu__sheet { transform: none; }
  .wdg-menu__top { display: flex; justify-content: space-between; align-items: center; height: 60px; padding: 0 10px 0 20px; border-bottom: 1px solid var(--wdg-line); flex: none; }
  .wdg-menu__top img { height: 16px; width: auto; filter: invert(1); aspect-ratio: 5.73; object-fit: cover; }
  .wdg-menu__close { width: 44px; height: 44px; border-radius: 14px; display: grid; place-items: center; font-size: 22px; background: none; border: 0; color: var(--wdg-ink); }
  .wdg-panels { position: relative; flex: 1; overflow: hidden; }
  .wdg-panel { position: absolute; inset: 0; overflow-y: auto; padding: 10px 14px 24px; transform: translateX(100%); transition: transform .5s cubic-bezier(.2,.7,.1,1); background: #fff; }
  .wdg-panel.on { transform: none; }
  .wdg-panel.left { transform: translateX(-28%); }
  .wdg-l1 { list-style: none; margin: 0; padding: 0; }
  .wdg-l1 > li > a, .wdg-l1 > li > button { width: 100%; display: flex; justify-content: space-between; align-items: center; padding: 12px 6px; border: 0; border-bottom: 1px solid var(--wdg-line); background: none; text-align: left; color: var(--wdg-ink) !important; text-decoration: none !important; }
  .wdg-l1 .t { font-family: var(--wdg-display); font-weight: 700; font-variation-settings: "wdth" 118; text-transform: uppercase; font-size: min(30px, 7.4vw); line-height: 1; }
  .wdg-l1 .n { font-family: var(--wdg-mono); font-size: 11px; color: var(--wdg-mute); letter-spacing: .06em; white-space: nowrap; flex: none; margin-left: 8px; }
  .wdg-l1 .t { min-width: 0; }
  .wdg-back { display: flex; align-items: center; gap: 10px; height: 44px; padding: 0 6px; margin-bottom: 4px; border: 0; background: none; font: 500 11px var(--wdg-mono); letter-spacing: .08em; text-transform: uppercase; color: var(--wdg-ink); }
  .wdg-sub { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 5px; }
  .wdg-sub a { display: block; text-decoration: none !important; }
  .wdg-sub .card { position: relative; aspect-ratio: 1 / 1.1; border-radius: 16px; overflow: hidden; background: var(--wdg-sand); container-type: inline-size; }
  .wdg-sub .card img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
  .wdg-sub .card.has-img::after { content: ""; position: absolute; inset: 0; background: linear-gradient(to top, rgba(0,0,0,.55), rgba(0,0,0,0) 55%); }
  .wdg-sub .card span { position: absolute; z-index: 2; left: 12px; right: 10px; bottom: 10px; color: var(--wdg-ink); font-family: var(--wdg-display); font-weight: 700; font-variation-settings: "wdth" 118; text-transform: uppercase; line-height: 1; font-size: min(18px, 10.5cqw); }
  .wdg-sub .card.has-img span { color: #fff; }
  .wdg-sub .all { grid-column: 1 / -1; }
  .wdg-sub .all a { display: flex; justify-content: space-between; border: 1px solid var(--wdg-line); border-radius: 12px; padding: 14px; font: 500 11px var(--wdg-mono); letter-spacing: .08em; text-transform: uppercase; color: var(--wdg-ink) !important; }
  .wdg-meta { display: flex; gap: 16px; padding: 18px 6px 0; flex-wrap: wrap; }
  .wdg-meta a { font: 500 11px var(--wdg-mono); letter-spacing: .08em; text-transform: uppercase; color: var(--wdg-ink) !important; text-decoration: none !important; }
}

/* footer */
html.wdg-v2 .js-footer { background: transparent !important; padding: 6px !important; }
html.wdg-v2 .js-footer .footer-container { background: var(--wdg-ink); color: #fff; border-radius: 18px; padding: clamp(28px, 4vw, 56px) clamp(16px, 4vw, 56px) 24px; overflow: hidden; }
html.wdg-v2 .js-footer, html.wdg-v2 .js-footer a, html.wdg-v2 .js-footer p, html.wdg-v2 .js-footer span, html.wdg-v2 .js-footer li { color: rgba(255,255,255,.86) !important; }
html.wdg-v2 .js-footer a:hover { color: #fff !important; }
html.wdg-v2 .js-footer .element-footer { margin-bottom: 18px; }
html.wdg-v2 .js-footer .font-small, html.wdg-v2 .js-footer .powered-by, html.wdg-v2 .js-footer .powered-by a { font-family: var(--wdg-mono) !important; font-size: 10.5px !important; letter-spacing: .08em; text-transform: uppercase; color: rgba(255,255,255,.55) !important; }
html.wdg-v2 .js-footer svg { fill: #fff; }
.wdg-mark { width: 100%; margin: 8px 0 26px; }
.wdg-mark img { width: 100%; height: auto; display: block; aspect-ratio: 5.73; object-fit: cover; }


/* footer igual al preview: newsletter + Shop/Ayuda/Contacto + wordmark + © y medios de pago; legales obligatorios abajo */
html.wdg-v2 .js-footer .wdg-hide { display: none !important; }
html.wdg-v2 .js-footer .footer-container > .container { max-width: none !important; width: 100% !important; padding: 0 !important; }
html.wdg-v2 .js-footer .footer-container { padding: clamp(28px, 4vw, 56px) clamp(20px, 4vw, 56px) 22px !important; }
.wdg-foot-top { display: grid; grid-template-columns: 1.4fr 1fr 1fr 1fr; gap: 40px; padding-bottom: 48px; text-align: left; }
.wdg-foot-top h4 { font: 500 11px var(--wdg-mono); letter-spacing: .1em; text-transform: uppercase; color: rgba(255,255,255,.5) !important; margin: 0 0 16px; }
.wdg-foot-top ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 9px; }
.wdg-foot-top ul a { font: 14px/1.5 var(--wdg-body); color: rgba(255,255,255,.86) !important; text-decoration: none !important; }
.wdg-foot-top ul a:hover { color: #fff !important; }
.wdg-news h3 { font-family: var(--wdg-display); font-weight: 700; font-variation-settings: "wdth" 118; text-transform: uppercase; font-size: calc(clamp(30px, 3vw, 44px) * .82); line-height: .92; color: #fff !important; margin: 0 0 10px; letter-spacing: -.005em; }
.wdg-news p { font: 14px var(--wdg-body); color: rgba(255,255,255,.7) !important; margin: 0 0 18px; }
.wdg-news form { display: flex; gap: 6px; background: rgba(255,255,255,.08); border-radius: 99px; padding: 5px; max-width: 420px; }
.wdg-news input { flex: 1; min-width: 0; background: none; border: 0; color: #fff; font: 14px var(--wdg-body); padding: 0 16px; outline: none; }
.wdg-news input::placeholder { color: rgba(255,255,255,.5); }
.wdg-news button { height: 40px; padding: 0 18px; border-radius: 99px; border: 0; background: #fff; color: var(--wdg-ink); font: 600 11.5px var(--wdg-mono); letter-spacing: .08em; text-transform: uppercase; cursor: pointer; }
.wdg-news .ok { font: 500 12px var(--wdg-mono); color: var(--wdg-signal) !important; margin-top: 10px; display: none; }
html.wdg-v2 .js-footer .wdg-mark { margin: 8px 0 26px; }
.wdg-foot-bottom { display: flex; justify-content: space-between; align-items: center; gap: 16px; flex-wrap: wrap; border-top: 1px solid rgba(255,255,255,.14); padding-top: 18px; }
.wdg-foot-bottom .copy { display: flex; align-items: center; gap: 18px; flex-wrap: wrap; font: 500 11px var(--wdg-mono); letter-spacing: .08em; text-transform: uppercase; color: rgba(255,255,255,.55) !important; }
.wdg-foot-bottom .copy a, .wdg-foot-bottom .copy img { opacity: .8; }
.wdg-pay { display: flex; gap: 6px; flex-wrap: wrap; }
.wdg-pay span { font: 500 10px var(--wdg-mono); letter-spacing: .06em; text-transform: uppercase; border: 1px solid rgba(255,255,255,.22); border-radius: 6px; padding: 4px 8px; color: rgba(255,255,255,.75) !important; }
html.wdg-v2 .js-footer .wdg-legal { margin: 14px 0 0 !important; text-align: left !important; }
html.wdg-v2 .js-footer .wdg-legal, html.wdg-v2 .js-footer .wdg-legal * { font: 500 10px var(--wdg-mono) !important; letter-spacing: .06em; text-transform: uppercase; color: rgba(255,255,255,.45) !important; justify-content: flex-start !important; text-align: left !important; }
html.wdg-v2 .js-footer .wdg-legal a { text-decoration: underline; text-underline-offset: 3px; }
html.wdg-v2 .js-footer .wdg-legal > [class*=col] { padding-left: 0 !important; padding-right: 0 !important; }
@media (max-width: 860px) {
  .wdg-foot-top { grid-template-columns: 1fr 1fr; gap: 30px 18px; }
  .wdg-news { grid-column: 1 / -1; }
  .wdg-foot-top > div:last-child:nth-child(4) { grid-column: 1 / -1; }
  .wdg-foot-top ul a { overflow-wrap: anywhere; font-size: 14px; }
}

/* ==========================================================================
   ETAPA 3 — HOME. Bloques nuevos (snipplets/wdg/*) ocultos sin el interruptor.
   Valores copiados del preview (styles.css): radio 18 / 16 mobile, aire 6 / 5 mobile, corte 860px.
   ========================================================================== */
.wdg-home { display: none; }
html.wdg-v2 { --wdg-ds: .82; --wdg-ease: cubic-bezier(.2,.7,.1,1); }
@media (max-width: 860px) { html.wdg-v2 { --wdg-radius: 16px; --wdg-gap: 5px; } }

/* piezas del sistema */
.wdg-display { font-family: var(--wdg-display) !important; font-weight: 700; font-style: normal; font-variation-settings: "wdth" 118; text-transform: uppercase; line-height: .92; letter-spacing: -.005em; margin: 0; }
.wdg-label { font-family: var(--wdg-mono); font-size: 11px; font-weight: 500; letter-spacing: .08em; text-transform: uppercase; }
.wdg-card { position: relative; border-radius: var(--wdg-radius); overflow: hidden; background: var(--wdg-sand); }
.wdg-card img { display: block; width: 100%; height: 100%; object-fit: cover; }
.wdg-bw { filter: grayscale(1) contrast(1.06) brightness(.98); }
.wdg-grain::before { content: ""; position: absolute; inset: 0; z-index: 1; pointer-events: none; opacity: .16; mix-blend-mode: overlay;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"); }
.wdg-pills { display: flex; gap: 8px; flex-wrap: wrap; }
.wdg-pill { display: inline-flex; align-items: center; gap: 10px; height: 46px; padding: 0 22px; border-radius: 999px; font-family: var(--wdg-mono); font-size: 12px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; text-decoration: none !important; transition: transform .3s var(--wdg-ease), background .3s, color .3s; }
.wdg-pill:hover { transform: translateY(-1px); }
.wdg-pill--light { background: #fff; color: var(--wdg-ink) !important; }
.wdg-pill--dark { background: var(--wdg-ink); color: #fff !important; }
.wdg-pill--ghost { border: 1.5px solid currentColor; color: #fff !important; }
.wdg-pill .wdg-arrow { transition: transform .3s var(--wdg-ease); }
.wdg-pill:hover .wdg-arrow { transform: translateX(3px); }
@keyframes wdg-ticker { to { transform: translateX(-50%); } }

/* el carrusel nativo queda oculto en v2 cuando está la campaña principal */
html.wdg-v2 body:has(.wdg-hero) [data-store="home-slider"] { display: none !important; }

/* ---------- campaña principal (hero collage) ---------- */
html.wdg-v2 .wdg-hero {
  display: grid; gap: var(--wdg-gap); margin: var(--wdg-gap); position: relative;
  grid-template-columns: 1.55fr 1fr; grid-template-rows: 1fr 1fr;
  height: calc(100svh - 30px - 64px - var(--wdg-gap) * 2); min-height: 560px; max-height: 920px;
}
.wdg-hero__main { grid-row: 1 / 3; }
.wdg-hero__main picture { display: block; width: 100%; height: 100%; }
.wdg-hero__main img { object-position: 38% 62%; }
.wdg-hero__main::after { content: ""; position: absolute; inset: 0; background: linear-gradient(to top, rgba(0,0,0,.62) 0%, rgba(0,0,0,.08) 45%, rgba(0,0,0,0) 70%); }
.wdg-hero__copy { position: absolute; left: clamp(20px, 3.4vw, 48px); right: 20px; bottom: clamp(22px, 3.4vw, 48px); z-index: 2; color: #fff; }
.wdg-hero__copy .wdg-label { display: block; margin-bottom: 16px; opacity: .9; }
.wdg-hero__copy h1 { font-size: calc(clamp(64px, 10.5vw, 168px) * var(--wdg-ds)); margin-bottom: 26px; color: inherit; }
.wdg-hero__sub { font-family: var(--wdg-body); font-size: clamp(16px, 1.4vw, 20px); line-height: 1.35; margin: 0 0 24px; max-width: 30ch; color: inherit; }
.wdg-hero__side { display: block; }
.wdg-hero__side .wdg-tag { position: absolute; left: 14px; bottom: 14px; z-index: 2; background: #fff; color: var(--wdg-ink); border-radius: 99px; padding: 6px 12px; }
a.wdg-hero__side:nth-of-type(1) img { object-position: 50% 70%; }
a.wdg-hero__side:nth-of-type(2) img { object-position: 50% 40%; }
.wdg-hero__specs { position: absolute; z-index: 2; left: 0; right: 0; bottom: 0; overflow: hidden; white-space: nowrap; padding: 12px 0; color: var(--wdg-ink); background: rgba(255,255,255,.55); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); }
.wdg-hero__specs-track { display: inline-flex; gap: 34px; padding-left: 34px; animation: wdg-ticker 30s linear infinite; }
.wdg-hero__specs-track span::before { content: "◆"; color: var(--wdg-signal); margin-right: 10px; font-size: 8px; vertical-align: 2px; }
.wdg-hero__emblem { position: absolute; z-index: 5; width: clamp(120px, 13vw, 210px); height: auto; object-fit: contain; pointer-events: none;
  left: calc((100% - var(--wdg-gap)) * .6078 - clamp(60px, 6.5vw, 105px)); bottom: 13%; transform: rotate(-7deg); }

/* foto clara → texto negro arriba (como W-cord) */
.wdg-hero--light .wdg-hero__main::after { background: linear-gradient(180deg, rgba(255,255,255,.55) 0%, rgba(255,255,255,0) 45%); }
.wdg-hero--light .wdg-hero__copy { left: clamp(22px, 3.4vw, 52px); right: auto; bottom: auto; top: clamp(26px, 4vw, 56px); max-width: 520px; color: var(--wdg-ink); }
.wdg-hero--light .wdg-hero__copy h1 { font-size: calc(clamp(64px, 9vw, 150px) * var(--wdg-ds)); margin-bottom: 14px; font-style: italic; }
.wdg-hero--light .wdg-pill--ghost { color: var(--wdg-ink) !important; }

@media (max-width: 860px) {
  html.wdg-v2 .wdg-hero { grid-template-columns: 1fr 1fr; grid-template-rows: 1fr auto; height: auto; min-height: 0; max-height: none; }
  .wdg-hero__main { grid-column: 1 / 3; grid-row: 1; height: calc(100svh - 30px - 110px); min-height: 520px; }
  .wdg-hero__main img { object-position: 60% 50%; }
  .wdg-hero__side { aspect-ratio: 4 / 3; }
  .wdg-hero__copy h1 { font-size: calc(clamp(64px, 19vw, 96px) * var(--wdg-ds)); }
  .wdg-hero--light .wdg-hero__main::after { background: linear-gradient(180deg, rgba(255,255,255,.6) 0%, rgba(255,255,255,0) 50%); }
  .wdg-hero--light .wdg-hero__copy { left: 20px; right: 20px; top: 22px; }
  .wdg-hero--light .wdg-hero__copy h1 { font-size: calc(68px * var(--wdg-ds)); }
  .wdg-hero__emblem { width: 120px; left: auto; right: 14px; bottom: auto; top: calc(100svh - 30px - 110px - 150px); }
}
@media (prefers-reduced-motion: reduce) { .wdg-hero__specs-track { animation: none; } }

/* ---------- banner de campaña (etapa 3b, hoy Wetsuits) ---------- */
html.wdg-v2 .wdg-camp { display: block; margin: var(--wdg-gap); margin-top: calc(var(--wdg-gap) * 2); height: clamp(520px, 80svh, 800px); }
.wdg-camp picture { position: absolute; inset: 0; }
.wdg-camp img { object-position: 50% 55%; }
.wdg-camp__copy { position: absolute; z-index: 2; left: clamp(22px, 4vw, 64px); top: clamp(26px, 6vw, 84px); color: var(--wdg-ink); max-width: 520px; }
.wdg-camp__copy .wdg-label { display: block; margin-bottom: 14px; }
.wdg-camp__copy h2 { font-size: calc(clamp(64px, 10vw, 160px) * var(--wdg-ds)); margin-bottom: 14px; color: inherit; }
.wdg-camp__copy p { font-family: var(--wdg-body); font-size: clamp(16px, 1.4vw, 20px); line-height: 1.5; margin: 0 0 24px; max-width: 30ch; color: inherit; }
.wdg-camp--dark .wdg-camp__copy { color: #fff; }
@media (max-width: 860px) {
  html.wdg-v2 .wdg-camp { height: 78svh; min-height: 520px; }
  .wdg-camp img { object-position: 42% 50%; }
}

/* franja nativa de beneficios en carrusel: en el preview no va (los beneficios van al final del home, etapa 3) */
html.wdg-v2 [data-store="banner-services"] { display: none !important; }

/* ---------- categorías del inicio (etapa 3c) ---------- */
html.wdg-v2 .wdg-cats { display: grid; gap: var(--wdg-gap); grid-template-columns: repeat(4, 1fr); margin: var(--wdg-gap); margin-top: calc(var(--wdg-gap) * 2); }
.wdg-cat { display: block; aspect-ratio: 3 / 4.2; text-decoration: none !important; }
.wdg-cat img { transition: transform 1.1s var(--wdg-ease); }
.wdg-cat:hover img { transform: scale(1.045); }
.wdg-cat:nth-child(1) img { object-position: 50% 60%; }
.wdg-cat:nth-child(4) img { object-position: 50% 30%; }
.wdg-cat::after { content: ""; position: absolute; inset: 0; background: linear-gradient(to top, rgba(0,0,0,.55), rgba(0,0,0,0) 50%); }
.wdg-cat__txt { position: absolute; z-index: 2; left: 18px; right: 18px; bottom: 18px; color: #fff; }
.wdg-cat__txt .wdg-label { display: block; margin-bottom: 8px; opacity: .85; }
.wdg-cat__txt h3 { font-size: calc(clamp(34px, 3.6vw, 56px) * var(--wdg-ds)); color: #fff !important; }
@media (max-width: 860px) {
  html.wdg-v2 .wdg-cats { grid-template-columns: 1fr; }
  .wdg-cat { aspect-ratio: 2.3 / 1; }
  .wdg-cat::after { background: linear-gradient(90deg, rgba(0,0,0,.6) 0%, rgba(0,0,0,.1) 70%); }
  .wdg-cat__txt { bottom: 50%; transform: translateY(50%); }
  .wdg-cat__txt h3 { font-size: calc(34px * var(--wdg-ds)); }
  .wdg-cat img, .wdg-cat:nth-child(1) img, .wdg-cat:nth-child(4) img { object-position: 50% 35%; }
}

/* ---------- carrusel de productos del inicio (etapa 3d) ---------- */
html.wdg-v2 .wdg-row-head { display: flex; justify-content: space-between; align-items: center; padding: clamp(36px, 5vw, 64px) calc(var(--wdg-gap) + 6px) 14px; }
.wdg-row-head .wdg-label { color: var(--wdg-ink); }
.wdg-link-arrow { font-family: var(--wdg-mono); font-size: 11.5px; letter-spacing: .08em; text-transform: uppercase; border-bottom: 1.5px solid currentColor; padding-bottom: 3px; white-space: nowrap; color: var(--wdg-ink) !important; text-decoration: none !important; }
html.wdg-v2 .wdg-rail { display: grid; grid-auto-flow: column; grid-auto-columns: calc((100% - var(--wdg-gap) * 3) / 4); gap: var(--wdg-gap); overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; margin: 0 var(--wdg-gap); }
.wdg-rail::-webkit-scrollbar { display: none; }
.wdg-prod { scroll-snap-align: start; display: block; color: var(--wdg-ink) !important; text-decoration: none !important; }
.wdg-prod__img { aspect-ratio: 4 / 5; border-radius: var(--wdg-radius); overflow: hidden; background: var(--wdg-sand); position: relative; }
.wdg-prod__img img { display: block; width: 100%; height: 100%; object-fit: contain; padding: 8%; mix-blend-mode: multiply; transition: transform .9s var(--wdg-ease), opacity .5s; }
.wdg-prod__img .wdg-alt { position: absolute; inset: 0; opacity: 0; mix-blend-mode: normal; object-fit: cover; padding: 0; }
.wdg-prod:hover .wdg-prod__img .wdg-alt { opacity: 1; }
.wdg-prod:hover .wdg-prod__img img:first-child { transform: scale(1.03); }
.wdg-prod__badge { position: absolute; z-index: 2; top: 12px; left: 12px; background: #fff; border-radius: 99px; padding: 5px 10px; }
.wdg-prod__add { position: absolute; z-index: 2; right: 12px; bottom: 12px; width: 40px; height: 40px; border-radius: 99px; background: var(--wdg-ink); color: #fff; display: grid; place-items: center; font-size: 20px; line-height: 1; transform: translateY(8px); opacity: 0; transition: .35s var(--wdg-ease); }
.wdg-prod:hover .wdg-prod__add { transform: none; opacity: 1; }
.wdg-prod__info { padding: 12px 4px 18px; display: grid; gap: 4px; }
.wdg-prod__info p { margin: 0; }
.wdg-prod__name { font-family: var(--wdg-mono); font-size: 12px; font-weight: 600; letter-spacing: .04em; text-transform: uppercase; }
.wdg-prod__name span { color: var(--wdg-mute); font-weight: 500; }
.wdg-prod__price { font-family: var(--wdg-body); font-size: 14px; display: flex; gap: 10px; align-items: baseline; flex-wrap: wrap; }
.wdg-prod__price small { font-family: var(--wdg-mono); font-size: 10.5px; color: var(--wdg-mute); letter-spacing: .03em; }
@media (max-width: 860px) {
  html.wdg-v2 .wdg-row-head { padding: 34px calc(var(--wdg-gap) + 8px) 12px; }
  html.wdg-v2 .wdg-rail { grid-auto-columns: 72%; padding-right: 20%; }
  .wdg-prod__img { aspect-ratio: 1 / 1; }
  .wdg-prod__info { padding: 9px 2px 14px; }
  .wdg-prod__name { font-size: 11px; }
  .wdg-prod__price { font-size: 13px; gap: 6px; }
  .wdg-prod__price small { font-size: 9.5px; }
  .wdg-prod__add { opacity: 1; transform: none; width: 34px; height: 34px; right: 8px; bottom: 8px; font-size: 18px; }
  .wdg-prod__badge { top: 8px; left: 8px; font-size: 9px; padding: 4px 8px; }
}

/* títulos de categorías en una sola línea; el JS achica el tamaño (igual para las 4) si el nombre más largo no entra */
.wdg-cat__txt h3 { white-space: nowrap; }

/* ---------- All Conditions Club (etapa 3e) ---------- */
html.wdg-v2 .wdg-club { display: block; height: clamp(520px, 78svh, 760px); margin: 44px var(--wdg-gap) var(--wdg-gap); background: var(--wdg-ink); }
.wdg-club > .wdg-club__bg { position: absolute; inset: 0; object-position: 50% 40%; }
.wdg-club::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(0,0,0,.62) 0%, rgba(0,0,0,.25) 55%, rgba(0,0,0,.1) 100%); }
.wdg-club__copy { position: absolute; z-index: 2; inset: 0; display: grid; grid-template-columns: 1.1fr 1fr; align-items: center; gap: 40px; padding: clamp(24px, 5vw, 80px); color: #fff; }
.wdg-club__title .wdg-label { display: block; margin-bottom: 18px; color: rgba(255,255,255,.75); }
.wdg-club__title h2 { font-size: calc(clamp(52px, 7.4vw, 120px) * var(--wdg-ds)); color: #fff !important; }
.wdg-club .wdg-club__member { display: block; width: clamp(180px, 22vw, 320px); height: auto; object-fit: contain; margin: -2% 0 0 4%; transform: rotate(-4deg); filter: drop-shadow(0 6px 18px rgba(0,0,0,.35)); }
.wdg-club__side { position: relative; justify-self: center; max-width: 380px; padding: 38px 30px; }
.wdg-club__side svg { position: absolute; inset: -6% -10%; width: 120%; height: 112%; pointer-events: none; overflow: visible; }
.wdg-club__side p { position: relative; font-family: var(--wdg-body); font-size: clamp(17px, 1.5vw, 21px); line-height: 1.35; margin: 0 0 22px; color: #fff; }
.wdg-club__side p strong { font-weight: 700; }
.wdg-club__side .wdg-pills { position: relative; }
@media (max-width: 860px) {
  html.wdg-v2 .wdg-club { height: auto; min-height: 640px; }
  .wdg-club::after { background: linear-gradient(to top, rgba(0,0,0,.75) 10%, rgba(0,0,0,.2) 70%); }
  .wdg-club__copy { position: relative; min-height: 640px; grid-template-columns: 1fr; align-content: end; gap: 6px; padding: 22px; }
  .wdg-club__side { justify-self: start; padding: 28px 22px; }
  .wdg-club .wdg-club__member { width: 200px; margin-top: 4px; }
}

/* ---------- Lately en Wedge (etapa 3f) ---------- */
html.wdg-v2 .wdg-lately { display: grid; gap: var(--wdg-gap); grid-template-columns: repeat(6, 1fr); grid-auto-rows: clamp(150px, 15vw, 240px); margin: 0 var(--wdg-gap); }
.wdg-lately .wdg-card { display: block; cursor: pointer; }
.wdg-lately img { transition: transform 1s var(--wdg-ease); }
.wdg-lately .wdg-card:hover img { transform: scale(1.05); }
.wdg-l1 { grid-column: span 2; grid-row: span 2; }
.wdg-l2 { grid-column: span 2; }
.wdg-l3 { grid-column: span 2; grid-row: span 2; }
.wdg-l4 { grid-column: span 2; }
.wdg-l5 { grid-column: span 3; }
.wdg-l6 { grid-column: span 3; }

/* ---------- beneficios (etapa 3g) ---------- */
html.wdg-v2 .wdg-perks { display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--wdg-gap); margin: var(--wdg-gap); }
.wdg-perk { background: var(--wdg-sand); border-radius: var(--wdg-radius); padding: 22px 20px; display: grid; gap: 8px; }
.wdg-perk .wdg-label { color: var(--wdg-mute); }
.wdg-perk strong { font-family: var(--wdg-display); font-weight: 700; font-variation-settings: "wdth" 118; text-transform: uppercase; font-size: calc(24px * var(--wdg-ds)); line-height: 1; color: var(--wdg-ink); }
.wdg-perk > span:last-child { font-family: var(--wdg-body); font-size: 13px; color: var(--wdg-mute); }

@media (max-width: 860px) {
  html.wdg-v2 .wdg-lately { grid-template-columns: 1fr 1fr; grid-auto-rows: 44vw; }
  .wdg-l1, .wdg-l3 { grid-column: span 1; grid-row: span 2; }
  .wdg-l2, .wdg-l4 { grid-column: span 1; grid-row: span 1; }
  .wdg-l5, .wdg-l6 { grid-column: span 2; }
  html.wdg-v2 .wdg-perks { grid-template-columns: 1fr 1fr; }
  .wdg-perk strong { font-size: 20px; }
}

/* ---------- home viejo oculto en v2 (etapa 3h): queda solo lo del preview ---------- */
html.wdg-v2 body:has(.wdg-hero) .js-home-sections-container,
html.wdg-v2 body:has(.wdg-hero) [data-store="home-newsletter"] { display: none !important; }

/* home v2: el footer arranca a 6px de los beneficios, como en el preview (el theme le pone 40px de margen arriba) */
html.wdg-v2 body:has(.wdg-hero) .js-footer { margin-top: 0 !important; }
html.wdg-v2 .wdg-perks { margin-bottom: 0; }

/* ==========================================================================
   ETAPA 4 — CATEGORÍA. 4a: encabezado compacto + barra fija (chips hermanas, Filtrar, Ordenar)
   ========================================================================== */
html.wdg-v2 .wdg-c-head { display: grid; gap: 10px; padding: clamp(18px, 3vw, 36px) calc(var(--wdg-gap) + 6px) 6px; }
.wdg-c-crumb { color: var(--wdg-mute); }
.wdg-c-crumb a { color: var(--wdg-mute) !important; text-decoration: none !important; }
.wdg-c-crumb a:hover, .wdg-c-crumb span { color: var(--wdg-ink) !important; }
.wdg-c-title { display: flex; align-items: baseline; gap: 14px; flex-wrap: wrap; }
.wdg-c-title h1 { font-size: calc(clamp(44px, 6vw, 92px) * var(--wdg-ds)); color: var(--wdg-ink); }
.wdg-c-title .wdg-label { color: var(--wdg-mute); }
html.wdg-v2 .wdg-toolbar { display: flex; position: sticky; top: 64px; z-index: 30; justify-content: space-between; align-items: center; gap: 12px; padding: 10px calc(var(--wdg-gap) + 4px); background: rgba(255,255,255,.9); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); }
.wdg-chips { display: flex; gap: 6px; overflow-x: auto; scrollbar-width: none; }
.wdg-chips::-webkit-scrollbar { display: none; }
.wdg-chip { height: 34px; padding: 0 14px; border-radius: 99px; border: 1px solid var(--wdg-line); background: #fff; font-family: var(--wdg-mono); font-size: 11px; letter-spacing: .06em; text-transform: uppercase; white-space: nowrap; display: inline-flex; align-items: center; color: var(--wdg-ink) !important; text-decoration: none !important; cursor: pointer; }
.wdg-chip.on { background: var(--wdg-ink); color: #fff !important; border-color: var(--wdg-ink); }
.wdg-ctools { display: flex; gap: 6px; flex: none; }
.wdg-sort { position: relative; }
.wdg-sort__menu { display: none; position: absolute; right: 0; top: calc(100% + 6px); z-index: 40; list-style: none; margin: 0; padding: 8px; background: #fff; border-radius: 14px; box-shadow: 0 16px 40px rgba(0,0,0,.14); min-width: 220px; }
.wdg-sort.open .wdg-sort__menu { display: block; }
.wdg-sort__menu button { display: block; width: 100%; text-align: left; padding: 9px 12px; border: 0; background: none; border-radius: 9px; font-family: var(--wdg-mono); font-size: 11px; letter-spacing: .04em; text-transform: uppercase; color: var(--wdg-ink); cursor: pointer; }
.wdg-sort__menu button:hover { background: var(--wdg-sand); }
.wdg-sort__menu button.on { background: var(--wdg-ink); color: #fff; }
/* en v2 se ocultan las migas/título nativos y los controles nativos (el modal de filtros sigue funcionando) */
html.wdg-v2 .template-category .page-header,
html.wdg-v2 .template-category .category-controls > [class*="col-"] { display: none !important; }
html.wdg-v2 .template-category .js-sticky-filters { position: static !important; }
@media (max-width: 860px) {
  html.wdg-v2 .wdg-c-head { padding: 16px calc(var(--wdg-gap) + 8px) 4px; }
  html.wdg-v2 .wdg-toolbar { top: 0; flex-direction: column; align-items: stretch; gap: 6px; }
  .wdg-ctools { justify-content: space-between; }
  .wdg-ctools > .wdg-chip, .wdg-sort { flex: 1; }
  .wdg-ctools .wdg-chip { justify-content: center; width: 100%; }
}

/* el contenedor nativo de controles queda vacío en v2: sin bordes ni alto (el modal de filtros vive adentro y sigue andando) */
html.wdg-v2 .template-category .js-sticky-filters, html.wdg-v2 .template-category .category-controls { border: 0 !important; padding: 0 !important; margin: 0 !important; min-height: 0 !important; background: none !important; box-shadow: none !important; }

/* filtros: en v2 siempre como panel lateral flotante (el theme en desktop lo abría embebido en la página) */
html.wdg-v2 #nav-filters.modal-show { display: block !important; }
html.wdg-v2 #nav-filters { position: fixed !important; z-index: 10050 !important; top: 6px !important; right: 6px !important; bottom: 6px !important; left: auto !important; width: min(440px, calc(100vw - 12px)) !important; height: auto !important; max-height: none !important; transform: none !important; margin: 0 !important; background: #fff !important; border-radius: var(--wdg-radius); overflow-y: auto; box-shadow: 0 0 0 100vmax rgba(0,0,0,.35), 0 20px 60px rgba(0,0,0,.2); padding: 0 !important; }
html.wdg-v2 #nav-filters .modal-header { display: flex !important; justify-content: space-between; align-items: center; position: sticky; top: 0; z-index: 2; background: #fff; padding: 18px 20px; border-bottom: 1px solid var(--wdg-line); cursor: pointer; }
html.wdg-v2 #nav-filters .modal-header h3 { font-family: var(--wdg-mono) !important; font-size: 12px !important; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; margin: 0; }
html.wdg-v2 #nav-filters .modal-body { padding: 8px 20px 24px !important; }
html.wdg-v2 #nav-filters #filters { margin: 0 !important; display: block; }
html.wdg-v2 #nav-filters #filters > [class*="col-"] { max-width: 100% !important; flex: 0 0 100% !important; padding: 16px 0 !important; margin: 0 !important; border-bottom: 1px solid var(--wdg-line); }
html.wdg-v2 #nav-filters h4 { font-family: var(--wdg-mono) !important; font-size: 11px !important; letter-spacing: .08em; text-transform: uppercase; color: var(--wdg-mute); margin-bottom: 12px !important; }
html.wdg-v2 #nav-filters h4 strong { font-weight: 500; }
html.wdg-v2 #nav-filters .btn-filter, html.wdg-v2 #nav-filters .checkbox-container { border-radius: 99px !important; font-family: var(--wdg-mono); font-size: 11px; letter-spacing: .04em; text-transform: uppercase; }
html.wdg-v2 #nav-filters input[type="number"], html.wdg-v2 #nav-filters input[type="text"] { border-radius: 10px !important; }
html.wdg-v2 #nav-filters .modal-body h3, html.wdg-v2 #nav-filters .modal-body .h4 { font-family: var(--wdg-mono) !important; font-size: 11px !important; font-weight: 500 !important; letter-spacing: .08em; text-transform: uppercase; color: var(--wdg-mute); }

/* ==========================================================================
   4b — tarjetas de producto en categoría y búsqueda (se re-viste la tarjeta nativa; compra rápida y "ver más" siguen siendo los del theme)
   ========================================================================== */
html.wdg-v2 .template-category .category-body, html.wdg-v2 .template-search .category-body { margin-top: 0 !important; }
html.wdg-v2 .js-product-table { display: grid !important; grid-template-columns: repeat(4, 1fr); gap: var(--wdg-gap); grid-auto-flow: dense; padding: 0 var(--wdg-gap) !important; margin: 0 !important; }
html.wdg-v2 .js-product-table > .js-item-product { width: auto !important; max-width: none !important; flex: none !important; padding: 0 !important; margin: 0 !important; border: 0 !important; box-shadow: none !important; background: none !important; }
html.wdg-v2 .js-product-table .item-container { border: 0 !important; box-shadow: none !important; background: none !important; height: 100%; }
/* foto: 4:5 en arena, producto "recortado" con multiply; la 2da foto al pasar el mouse va a sangre */
html.wdg-v2 .js-product-table .item-image { margin: 0 !important; border-radius: var(--wdg-radius); overflow: hidden; background: var(--wdg-sand) !important; position: relative; }
html.wdg-v2 .js-product-table .item-image > div[style*="padding-bottom"] { padding-bottom: 125% !important; }
html.wdg-v2 .js-product-table .item-image .swiper-slide, html.wdg-v2 .js-product-table .item-image .placeholder-fade { background: transparent !important; }
html.wdg-v2 .js-product-table .item-image img.product-item-image { top: 0 !important; left: 0 !important; transform: none !important; width: 100% !important; height: 100% !important; max-width: none !important; max-height: none !important; object-fit: contain !important; padding: 8% !important; mix-blend-mode: multiply; transition: transform .9s var(--wdg-ease), opacity .5s; }
html.wdg-v2 .js-product-table .item-image img.item-image-secondary { object-fit: cover !important; padding: 0 !important; mix-blend-mode: normal; }
html.wdg-v2 .js-product-table .item-slider-controls-container { display: none !important; }
/* compra rápida → botón "+" negro abajo a la derecha (aparece al pasar el mouse en desktop) */
html.wdg-v2 .js-product-table .item-buy { position: absolute !important; z-index: 3; top: auto !important; left: auto !important; right: 12px !important; bottom: 12px !important; width: auto !important; height: auto !important; padding: 0 !important; margin: 0 !important; background: none !important; opacity: 0; transform: translateY(8px); transition: .35s var(--wdg-ease); }
html.wdg-v2 .js-product-table .js-item-product:hover .item-buy { opacity: 1; transform: none; }
html.wdg-v2 .js-product-table .item-buy-open { width: 40px !important; height: 40px !important; margin: 0 !important; padding: 0 !important; border-radius: 99px !important; background: var(--wdg-ink) !important; color: #fff !important; display: grid !important; place-items: center; font-size: 0 !important; text-decoration: none !important; }
html.wdg-v2 .js-product-table .item-buy-open svg { display: none !important; }
html.wdg-v2 .js-product-table .item-buy-open::before { content: "+"; font: 400 20px/1 var(--wdg-body); color: #fff; }
/* etiquetas (Envío gratis, Sin stock, % OFF) → píldora blanca mono arriba a la izquierda */
html.wdg-v2 .js-product-table .labels { position: absolute !important; z-index: 3; top: 12px !important; left: 12px !important; right: auto !important; display: flex; flex-direction: column; align-items: flex-start; gap: 4px; }
html.wdg-v2 .js-product-table .labels .label { position: static !important; background: #fff !important; color: var(--wdg-ink) !important; border: 0 !important; border-radius: 99px !important; width: auto !important; height: auto !important; padding: 5px 10px !important; margin: 0 !important; font-family: var(--wdg-mono) !important; font-size: 10.5px !important; font-weight: 500 !important; letter-spacing: .08em; text-transform: uppercase; line-height: 1.2 !important; }
html.wdg-v2 .js-product-table .labels .label * { font: inherit !important; color: inherit !important; }
/* textos: NOMBRE // VARIANTE, precio + transferencia, puntos de color + cuotas */
html.wdg-v2 .js-product-table .item-description { text-align: left !important; padding: 12px 4px 18px !important; margin: 0 !important; }
html.wdg-v2 .js-product-table .item-link { display: block; text-decoration: none !important; color: var(--wdg-ink) !important; }
html.wdg-v2 .js-product-table .item-name { margin: 0 0 4px !important; font-family: var(--wdg-mono) !important; font-size: 12px !important; font-weight: 600 !important; letter-spacing: .04em; text-transform: uppercase; color: var(--wdg-ink) !important; line-height: 1.35 !important; display: block !important; -webkit-line-clamp: unset !important; }
html.wdg-v2 .js-product-table .item-name span { color: var(--wdg-mute); font-weight: 500; }
html.wdg-v2 .js-product-table .wdg-c .item-price-container,
html.wdg-v2 .js-product-table .wdg-c .payment-discount-price-product-container,
html.wdg-v2 .js-product-table .wdg-c .item-installments { display: none !important; }
.wdg-pp { font-family: var(--wdg-body); font-size: 14px; display: flex; gap: 10px; align-items: baseline; flex-wrap: wrap; margin: 0 0 4px; color: var(--wdg-ink); }
.wdg-pp s { color: var(--wdg-mute); font-size: 12px; }
.wdg-pp small, .wdg-meta small { font-family: var(--wdg-mono); font-size: 10.5px; color: var(--wdg-mute); letter-spacing: .03em; }
.wdg-meta { display: flex; align-items: center; gap: 10px; margin: 0; }
.wdg-meta small { font-size: 10px; }
.wdg-dots { display: inline-flex; gap: 4px; }
.wdg-dots a { width: 11px; height: 11px; border-radius: 99px; background: var(--c); box-shadow: inset 0 0 0 1px rgba(0,0,0,.15); display: block; }
.wdg-dots a.on { outline: 1.5px solid var(--wdg-ink); outline-offset: 1.5px; }
html.wdg-v2 .js-product-table .notify-badge { background: none !important; border: 0 !important; padding: 2px 0 0 !important; margin: 4px 0 0 !important; text-align: left !important; font-family: var(--wdg-mono) !important; font-size: 10px !important; font-weight: 500 !important; letter-spacing: .04em; text-transform: uppercase; color: var(--wdg-ink) !important; text-decoration: underline; text-underline-offset: 3px; }

/* 4c — producto destacado 2x2 (tag "destacado" en el producto) y tarjeta editorial */
html.wdg-v2 .js-product-table > .js-item-product.wdg-feat { grid-column: span 2; grid-row: span 2; }
html.wdg-v2 .js-product-table .wdg-feat .item-container { display: flex; flex-direction: column; }
html.wdg-v2 .js-product-table .wdg-feat .item-image { flex: 1; min-height: 420px; }
html.wdg-v2 .js-product-table .wdg-feat .item-image > div[style*="padding-bottom"] { padding-bottom: 0 !important; height: 100%; position: absolute !important; inset: 0; }
html.wdg-v2 .js-product-table .wdg-feat .item-image img.product-item-image { object-fit: cover !important; padding: 0 !important; mix-blend-mode: normal; }
html.wdg-v2 .js-product-table .wdg-feat .item-image::after { content: ""; position: absolute; inset: 0; z-index: 1; pointer-events: none; background: linear-gradient(to top, rgba(0,0,0,.5), rgba(0,0,0,0) 45%); }
html.wdg-v2 .js-product-table .wdg-feat .item-buy { opacity: 1; transform: none; }
.wdg-feat-copy { position: absolute; z-index: 2; left: 18px; bottom: 18px; right: 70px; color: #fff; pointer-events: none; }
.wdg-feat-copy h3 { font-size: calc(clamp(36px, 4vw, 64px) * var(--wdg-ds)); margin-top: 8px; color: #fff !important; }
html.wdg-v2 .js-product-table > .wdg-tile { display: block; grid-column: span 2; min-height: 380px; text-decoration: none !important; }
.wdg-tile > img { position: absolute; inset: 0; }
.wdg-tile::after { content: ""; position: absolute; inset: 0; background: linear-gradient(to top, rgba(0,0,0,.6), rgba(0,0,0,0) 55%); }
.wdg-tile__copy { position: absolute; z-index: 2; inset: auto 22px 22px 22px; color: #fff; }
.wdg-tile__copy h3 { font-size: calc(clamp(36px, 4vw, 60px) * var(--wdg-ds)); margin: 8px 0 16px; color: #fff !important; }

@media (max-width: 860px) {
  html.wdg-v2 .js-product-table { grid-template-columns: 1fr 1fr; }
  html.wdg-v2 .js-product-table .item-image > div[style*="padding-bottom"] { padding-bottom: 100% !important; }
  html.wdg-v2 .js-product-table .item-description { padding: 9px 2px 14px !important; }
  html.wdg-v2 .js-product-table .item-name { font-size: 11px !important; }
  .wdg-pp { font-size: 13px; gap: 6px; }
  .wdg-pp small { font-size: 9.5px; }
  html.wdg-v2 .js-product-table .item-buy { opacity: 1; transform: none; right: 8px !important; bottom: 8px !important; }
  html.wdg-v2 .js-product-table .item-buy-open { width: 34px !important; height: 34px !important; }
  html.wdg-v2 .js-product-table .item-buy-open::before { font-size: 18px; }
  html.wdg-v2 .js-product-table .labels { top: 8px !important; left: 8px !important; }
  html.wdg-v2 .js-product-table .labels .label { font-size: 9px !important; padding: 4px 8px !important; }
  html.wdg-v2 .js-product-table > .js-item-product.wdg-feat { grid-column: span 2; grid-row: span 1; }
  html.wdg-v2 .js-product-table .wdg-feat .item-image { flex: none; min-height: 0; }
  html.wdg-v2 .js-product-table .wdg-feat .item-image > div[style*="padding-bottom"] { position: relative !important; padding-bottom: 125% !important; height: auto; }
  html.wdg-v2 .js-product-table > .wdg-tile { min-height: 420px; }
}

/* ajustes 4b: el multiply necesita el fondo arena dentro del carrusel de fotos (si no, queda el cuadrado blanco de la foto);
   sin los puntitos del carrusel de fotos en mobile (el preview no los tiene); sin el padding que el theme le da a los <p> */
html.wdg-v2 .js-product-table .item-image .product-item-slider-container,
html.wdg-v2 .js-product-table .item-image .swiper-wrapper,
html.wdg-v2 .js-product-table .item-image .swiper-slide { background: var(--wdg-sand) !important; }
html.wdg-v2 .js-product-table .wdg-feat .item-image .swiper-slide { background: transparent !important; }
html.wdg-v2 .js-product-table .item-slider-pagination-container { display: none !important; }
html.wdg-v2 .js-product-table .wdg-pp, html.wdg-v2 .js-product-table .wdg-meta { padding: 0 !important; }
html.wdg-v2 .js-product-table .wdg-meta { flex-wrap: nowrap; min-width: 0; }
html.wdg-v2 .js-product-table .wdg-meta small { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-width: 0; }
/* el theme le da a la descripción un alto mínimo (145px en mobile) pensado para sus textos largos */
html.wdg-v2 .js-product-table .item-description { min-height: 0 !important; height: auto !important; }
/* píldoras de etiqueta centradas: el theme les da min-height 30px y el texto quedaba arriba.
   OJO: no forzar display (el theme oculta las etiquetas que no aplican con style="display:none") */
html.wdg-v2 .js-product-table .labels .label { min-height: 0 !important; }

/* ==========================================================================
   ETAPA 5 — FICHA DE PRODUCTO (preview: producto.html). Se re-viste lo nativo (precio, cuotas, talles, botón,
   calculador: el JS del theme los sigue manejando) y se suman snipplets/wdg/product-*.tpl (galería, encabezado,
   beneficios + desplegables, "Completá tu setup"). Valores copiados de styles.css del preview (.pdp*).
   ========================================================================== */
html.wdg-v2 #single-product > .container-fluid { padding: var(--wdg-gap) var(--wdg-gap) 0; max-width: none; }
html.wdg-v2 #single-product .section-product-detail { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr); gap: var(--wdg-gap); align-items: start; margin: 0; }
html.wdg-v2 #single-product .section-product-detail > [class*="col-"] { flex: none; max-width: none; width: auto; padding: 0; margin: 0; }

/* galería: tarjetas (la 1ra a lo ancho 5:4, el resto de a dos 4:5; si la última queda sola, a lo ancho) */
html.wdg-v2 #single-product .js-swiper-product, html.wdg-v2 #single-product .product-detail-img-col .thumbs { display: none !important; }
html.wdg-v2 .wdg-pgal-wrap { display: block; position: relative; }
.wdg-pgal { display: grid; grid-template-columns: 1fr 1fr; gap: var(--wdg-gap); }
.wdg-shot { border-radius: var(--wdg-radius); overflow: hidden; background: var(--wdg-sand); aspect-ratio: 4 / 5; }
.wdg-shot:first-child, .wdg-shot:last-child:nth-child(even) { grid-column: 1 / -1; aspect-ratio: 5 / 4; }
.wdg-shot img { display: block; width: 100%; height: 100%; object-fit: contain; padding: 6%; mix-blend-mode: multiply; }
.wdg-shot--life img { object-fit: cover; padding: 0; mix-blend-mode: normal; }
.wdg-pgal__count { display: none; }

/* columna de info: fija al scrollear, todo en una columna con 18px de aire (el form se "abre" para ordenar sus piezas) */
html.wdg-v2 #single-product .product-detail-form-col { position: sticky; top: 76px; }
html.wdg-v2 #single-product .product-detail-container { display: flex; flex-direction: column; gap: 18px; padding: clamp(18px, 2.4vw, 36px) clamp(12px, 2vw, 28px) 24px; }
html.wdg-v2 #single-product .product-detail-container .js-product-form { display: contents; }
html.wdg-v2 #single-product .product-detail-container > *, html.wdg-v2 #single-product .product-detail-container .js-product-form > * { order: 5; margin: 0 !important; }
html.wdg-v2 #single-product .product-detail-container .js-nubesdk-slot:empty { display: none; }
html.wdg-v2 #single-product .product-detail-container > .wdg-p-head { order: 1; }
html.wdg-v2 #single-product .product-detail-container > .js-price-container { order: 2; }
html.wdg-v2 #single-product .product-detail-container > .js-product-payments-container { order: 3; }
html.wdg-v2 #single-product .product-detail-container > .js-product-promo-container { order: 4; }
html.wdg-v2 #single-product .js-product-form > .wdg-colors { order: 5; }
html.wdg-v2 #single-product .js-product-form > .js-product-variants { order: 6; }
html.wdg-v2 #single-product .js-product-form > .js-last-product, html.wdg-v2 #single-product .js-product-form > .js-latest-products-available { order: 7; }
html.wdg-v2 #single-product .js-product-form > .full-width-container { order: 8; }
html.wdg-v2 #single-product .product-detail-container > .wedge-shipping-bar, html.wdg-v2 #single-product .js-product-form > .js-product-form-free-shipping-message { order: 9; }
html.wdg-v2 #single-product .js-product-form > #product-shipping-container { order: 10; }
html.wdg-v2 #single-product .product-detail-container > .wdg-mini-perks { order: 11; }
html.wdg-v2 #single-product .product-detail-container > .wdg-acc { order: 12; }
html.wdg-v2 #single-product .product-detail-container > #reviewsapp, html.wdg-v2 #single-product .product-detail-container > .fb-comments { order: 13; }

/* lo nativo que reemplaza el diseño nuevo */
html.wdg-v2 #single-product .page-header,
html.wdg-v2 #single-product [data-store^="product-description-"],
html.wdg-v2 #single-product .social-share,
html.wdg-v2 #single-product .js-added-to-cart-product-message,
html.wdg-v2 #single-product #product_form [data-component="product.adding-amount"],
html.wdg-v2 #single-product #product_form > .form-row:has(> [data-component="product.adding-amount"]):not(.js-product-variants),
html.wdg-v2 #single-product .js-product-variants-group.wdg-single,
html.wdg-v2 .wdg-satc,
html.wdg-v2 #related-products, html.wdg-v2 #complementary-products { display: none !important; }

/* encabezado: migas + NOMBRE // variante */
html.wdg-v2 .wdg-p-head { display: grid; gap: 18px; }
.wdg-p-crumb { color: var(--wdg-mute); }
.wdg-p-crumb a { color: inherit !important; text-decoration: none !important; }
.wdg-p-crumb a:hover { color: var(--wdg-ink) !important; }
.wdg-p-title h1 { font-size: calc(clamp(40px, 4vw, 64px) * var(--wdg-ds)); color: var(--wdg-ink); }
.wdg-p-title .wdg-label { display: block; margin-top: 8px; color: var(--wdg-mute); }

/* precio, transferencia y cuotas */
html.wdg-v2 #single-product .js-price-container { display: flex; flex-wrap: wrap; align-items: baseline; column-gap: 10px; row-gap: 4px; }
html.wdg-v2 #single-product .js-price-container > span { margin: 0 !important; }
html.wdg-v2 #single-product .js-price-container > div { flex-basis: 100%; margin: 0 !important; }
html.wdg-v2 #single-product #price_display { font-family: var(--wdg-body); font-variation-settings: normal; text-transform: none; font-size: 26px; font-weight: 600; letter-spacing: -.01em; color: var(--wdg-ink); line-height: 1.2; }
html.wdg-v2 #single-product #compare_price_display { font-family: var(--wdg-mono); font-variation-settings: normal; font-size: 13px; font-weight: 400; text-transform: none; color: var(--wdg-mute); text-decoration: line-through; }
html.wdg-v2 #single-product .js-payment-discount-price-product-container { font-family: var(--wdg-body); font-size: 15px; font-weight: 400; color: var(--wdg-ink) !important; line-height: 1.4; }
html.wdg-v2 #single-product .js-payment-discount-price-product { font-weight: 600; }
html.wdg-v2 #single-product .js-payment-discount-name-product { text-transform: lowercase; }
html.wdg-v2 #single-product .js-product-payments-container { margin: 0 !important; cursor: pointer; }
html.wdg-v2 #single-product .js-product-installments-container { display: inline-block; width: auto; max-width: none; flex: none; padding: 0; margin: 0 !important; font-family: var(--wdg-mono); font-size: 11px; letter-spacing: .04em; line-height: 1.5; color: var(--wdg-mute); border-bottom: 1px solid var(--wdg-line); padding-bottom: 2px; }
html.wdg-v2 #single-product .js-product-installments-container > .float-left,
html.wdg-v2 #single-product .js-product-discount-container,
html.wdg-v2 #single-product #btn-installments { display: none !important; }
html.wdg-v2 #single-product .js-product-installments-container .product-installments, html.wdg-v2 #single-product .js-product-installments-container span { font: inherit !important; color: inherit !important; }
html.wdg-v2 #single-product .js-product-installments-container .product-installments::after { content: " · Ver medios de pago"; }
html.wdg-v2 #single-product .js-product-promo-container .h5 { font-family: var(--wdg-mono); font-size: 12px; letter-spacing: .06em; text-transform: uppercase; color: var(--wdg-ink); }

/* colores = publicaciones hermanas: miniatura + aro del color */
.wdg-opt { display: grid; gap: 10px; }
.wdg-opt__head { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; flex-basis: 100%; }
.wdg-opt__head .wdg-label, html.wdg-v2 #single-product .wdg-opt__head .form-label { font-family: var(--wdg-mono); font-size: 11px; font-weight: 500; letter-spacing: .08em; text-transform: uppercase; color: var(--wdg-mute); margin: 0; }
.wdg-opt__head b, html.wdg-v2 #single-product .wdg-opt__head strong { color: var(--wdg-ink); font-weight: 600; }
.wdg-opt__head a { font-family: var(--wdg-mono); font-size: 11px; color: var(--wdg-mute) !important; border-bottom: 1px solid var(--wdg-line); text-decoration: none !important; cursor: pointer; white-space: nowrap; }
.wdg-swatches { display: flex; gap: 12px; flex-wrap: wrap; padding-top: 4px; }
.wdg-swatches a { position: relative; display: block; width: 46px; height: 46px; border-radius: 99px; background: #fff; box-shadow: 0 0 0 2px var(--c), inset 0 0 0 1px rgba(0,0,0,.06); }
.wdg-swatches a img { display: block; width: 100%; height: 100%; object-fit: contain; padding: 4px; border-radius: 99px; mix-blend-mode: multiply; }
.wdg-swatches a.on { outline: 2px solid var(--wdg-ink); outline-offset: 4px; }
.wdg-swatches .tip { position: absolute; bottom: calc(100% + 10px); left: 50%; transform: translate(-50%, 4px); background: var(--wdg-ink); color: #fff; font-family: var(--wdg-mono); font-size: 10.5px; letter-spacing: .04em; white-space: nowrap; padding: 5px 8px; border-radius: 6px; opacity: 0; pointer-events: none; transition: .15s; }
.wdg-swatches a:hover .tip { opacity: 1; transform: translate(-50%, 0); }

/* talles: botones nativos re-vestidos; ninguno se ve elegido hasta que la persona toca uno */
html.wdg-v2 #single-product .js-product-variants { display: grid; gap: 18px; margin: 0 !important; }
html.wdg-v2 #single-product .js-product-variants-group { display: flex; flex-wrap: wrap; gap: 6px; flex: none; max-width: none; width: auto; padding: 0; margin: 0 !important; }
html.wdg-v2 #single-product .js-product-variants-group .wdg-opt__head { margin-bottom: 4px; }
html.wdg-v2 #single-product .btn.btn-variant { min-width: 64px; height: 46px; padding: 0 16px; margin: 0; border-radius: 12px; border: 1px solid var(--wdg-line); background: #fff; color: var(--wdg-ink); box-shadow: none; font-family: var(--wdg-mono); font-size: 12.5px; font-weight: 400; letter-spacing: .03em; text-transform: none; display: inline-flex; align-items: center; justify-content: center; transition: .2s; }
html.wdg-v2 #single-product .btn.btn-variant:hover { border-color: var(--wdg-ink); }
html.wdg-v2 #single-product .btn-variant .btn-variant-content { padding: 0; margin: 0; border: 0; background: none; color: inherit; font: inherit; line-height: 1; min-width: 0; height: auto; width: auto; }
html.wdg-v2 #single-product .wdg-chosen .btn.btn-variant.selected { background: var(--wdg-ink); color: #fff; border-color: var(--wdg-ink); }
html.wdg-v2 #single-product .btn.btn-variant.wdg-off { color: #b5b4b1; text-decoration: line-through; }
html.wdg-v2 #single-product .wdg-pulse .btn.btn-variant:not(.wdg-off) { animation: wdg-pulse 1s var(--wdg-ease) 2; }
@keyframes wdg-pulse { 50% { border-color: var(--wdg-ink); box-shadow: 0 0 0 4px rgba(11,11,11,.08); } }
html.wdg-v2 #single-product .js-last-product, html.wdg-v2 #single-product .js-latest-products-available { font-family: var(--wdg-mono); font-size: 11px; font-weight: 500; letter-spacing: .06em; text-transform: uppercase; color: var(--wdg-ink); text-align: left; }

/* botón de compra: Elegir talle → Agregar al carrito → Ir al carrito ✓ (el JS v2 maneja el texto) */
html.wdg-v2 #single-product .js-product-form > .full-width-container { width: 100%; }
html.wdg-v2 #single-product input.js-prod-submit-form, html.wdg-v2 #single-product .js-addtocart-placeholder { width: 100%; height: 56px; margin: 0 !important; padding: 0 20px; border: 0; border-radius: 99px; background: var(--wdg-ink); color: #fff; font-family: var(--wdg-mono); font-weight: 600; font-size: 13px; letter-spacing: .12em; text-transform: uppercase; line-height: 56px; transition: transform .25s var(--wdg-ease), background .25s; }
html.wdg-v2 #single-product input.js-prod-submit-form:hover { transform: translateY(-1px); }
html.wdg-v2 #single-product input.js-prod-submit-form.wdg-done { background: #1f7a4d; }
html.wdg-v2 #single-product input.js-prod-submit-form[disabled] { background: #d9d8d5; color: var(--wdg-mute); transform: none; }

/* barra de envío gratis + 6 cuotas (la arma el script de la ficha; acá solo cambia el look) */
html.wdg-v2 #single-product .wedge-shipping-bar { background: var(--wdg-sand) !important; border-radius: 14px !important; padding: 14px 16px !important; }
html.wdg-v2 #single-product .wedge-shipping-bar > div:first-child { margin-bottom: 9px !important; }
html.wdg-v2 #single-product .wedge-shipping-bar svg { display: none; }
html.wdg-v2 #single-product .wedge-shipping-bar .wedge-bar-text { font-size: 13.5px !important; line-height: 1.4 !important; color: var(--wdg-ink); }
html.wdg-v2 #single-product .wedge-shipping-bar b { font-weight: 600; }
html.wdg-v2 #single-product .wedge-shipping-bar > div:last-child { height: 6px !important; border-radius: 99px !important; background: #dedcd8 !important; }
html.wdg-v2 #single-product .wedge-shipping-bar .wedge-bar-fill { height: 6px !important; border-radius: 99px !important; background: var(--wdg-ink) !important; transition: width .6s var(--wdg-ease) !important; }
html.wdg-v2 #single-product .js-product-form-free-shipping-message { font-family: var(--wdg-mono); font-size: 11px; letter-spacing: .06em; text-transform: uppercase; color: var(--wdg-ink); text-align: left; }

/* calculador de envío: píldora con borde, campo + botón negro */
html.wdg-v2 #single-product #product-shipping-container { float: none; width: 100%; }
html.wdg-v2 #single-product .js-shipping-calculator-form .form-group { display: grid; grid-template-columns: minmax(0, 1fr) auto; margin: 0 !important; }
html.wdg-v2 #single-product .js-shipping-calculator-form .form-group::before { content: ""; display: block; align-self: stretch; height: auto; grid-row: 1; grid-column: 1 / -1; border: 1px solid var(--wdg-line); border-radius: 99px; }
html.wdg-v2 #single-product .js-shipping-calculator-form .form-group::after { display: none; }
html.wdg-v2 #single-product .js-shipping-calculator-form .form-group > .form-label { display: none; }
html.wdg-v2 #single-product .js-shipping-calculator-form .form-group > .form-control-container { grid-row: 1; grid-column: 1; flex: none; max-width: none; width: auto; padding: 5px 0 5px 5px; }
html.wdg-v2 #single-product .js-shipping-calculator-form .form-group > .col-5 { grid-row: 1; grid-column: 2; flex: none; max-width: none; width: auto; padding: 5px 5px 5px 6px; }
html.wdg-v2 #single-product .js-shipping-calculator-form .form-group > .col-12 { grid-column: 1 / -1; flex: none; max-width: none; padding: 0; }
html.wdg-v2 #single-product .js-shipping-calculator-form .form-group > .col-12:has(a[href*="correoargentino"]) { display: none; }
html.wdg-v2 #single-product .js-shipping-input { height: 38px; border: 0 !important; background: none !important; box-shadow: none !important; padding: 0 14px; font-family: var(--wdg-body); font-size: 14px; text-align: left; }
html.wdg-v2 #single-product .js-calculate-shipping { width: auto; height: 38px; padding: 0 18px; border: 0; border-radius: 99px; background: var(--wdg-ink); color: #fff; font-family: var(--wdg-mono); font-size: 12px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; white-space: nowrap; line-height: 38px; }

/* beneficios + desplegables */
html.wdg-v2 .wdg-mini-perks { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; }
.wdg-mini-perks div { display: grid; gap: 2px; border: 1px solid var(--wdg-line); border-radius: 12px; padding: 10px 12px; font-size: 12.5px; line-height: 1.35; color: var(--wdg-ink); }
.wdg-mini-perks .wdg-label { color: var(--wdg-mute); }
html.wdg-v2 .wdg-acc { display: block; border-top: 1px solid var(--wdg-line); }
.wdg-acc details { border-bottom: 1px solid var(--wdg-line); }
.wdg-acc summary { list-style: none; cursor: pointer; display: flex; justify-content: space-between; align-items: center; padding: 16px 2px; font-family: var(--wdg-mono); font-size: 12px; letter-spacing: .08em; text-transform: uppercase; color: var(--wdg-ink); }
.wdg-acc summary::-webkit-details-marker { display: none; }
.wdg-acc summary::after { content: "+"; font-size: 18px; transition: transform .3s var(--wdg-ease); }
.wdg-acc details[open] summary::after { transform: rotate(45deg); }
.wdg-acc .wdg-acc__body { display: grid; gap: 10px; padding: 0 2px 18px; font-size: 14.5px; line-height: 1.5; color: #3b3a38; }
.wdg-acc .wdg-acc__body > *, .wdg-acc .wdg-acc__body p { margin: 0; }
.wdg-acc ul { display: grid; gap: 6px; padding-left: 18px; margin: 0; }

/* "Completá tu setup" */
html.wdg-v2 .wdg-row-head.wdg-setup { padding-top: 30px; }
html.wdg-v2 .wdg-rail--pdp { margin-bottom: 40px; }

/* dock en modo compra (mobile) */
.wdg-dock__buy { display: none; }

@media (max-width: 860px) {
  html.wdg-v2 #single-product .section-product-detail { grid-template-columns: 1fr; }
  .wdg-pgal { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; }
  .wdg-pgal::-webkit-scrollbar { display: none; }
  .wdg-shot, .wdg-shot:first-child, .wdg-shot:last-child:nth-child(even) { flex: 0 0 100%; aspect-ratio: 1 / 1.05; scroll-snap-align: start; }
  .wdg-pgal__count { display: block; position: absolute; z-index: 3; right: 12px; bottom: 12px; background: #fff; border-radius: 99px; padding: 5px 10px; color: var(--wdg-ink); }
  .wdg-pgal__count:empty { display: none; }
  html.wdg-v2 #single-product .product-detail-form-col { position: static; }
  html.wdg-v2 #single-product .product-detail-container { padding: 14px 10px 10px; gap: 14px; }
  .wdg-p-crumb { display: none; }
  .wdg-p-title h1 { font-size: calc(34px * var(--wdg-ds)); }
  html.wdg-v2 #single-product #price_display { font-size: 22px; }

  .wdg-dock.buying { padding-left: 14px; }
  .wdg-dock.buying .wdg-dock__logo, .wdg-dock.buying [data-search] { display: none; }
  .wdg-dock.buying .wdg-dock__buy { display: flex; align-items: center; gap: 10px; flex: 1; min-width: 0; }
  .wdg-dock__buy .p { display: grid; line-height: 1.1; flex: none; color: #fff; }
  .wdg-dock__buy .p b { font-size: 15px; font-weight: 600; }
  .wdg-dock__buy .p small { font-family: var(--wdg-mono); font-size: 9.5px; color: rgba(255,255,255,.6); }
  .wdg-dock__buy .p small:empty { display: none; }
  .wdg-dock__buy button { flex: 1; min-width: 0; height: 44px; border: 0; border-radius: 14px; background: #fff; color: var(--wdg-ink); font-family: var(--wdg-mono); font-weight: 600; font-size: 11.5px; letter-spacing: .08em; text-transform: uppercase; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  .wdg-dock__buy button.done { background: #2fb36f; color: #fff; }
  .wdg-dock__buy button[disabled] { background: rgba(255,255,255,.3); color: #fff; }
}

/* ajustes 5b (comparado con el preview a 1440 y 390) */
html.wdg-v2 #single-product .section-product-detail, html.wdg-v2 #single-product .section-product-detail > [class*="col-"] { border: 0 !important; }
/* transferencia: monto en negrita, "con transferencia" normal (el theme fuerza bold con !important) */
html.wdg-v2 #single-product .js-payment-discount-price-product-container { font-weight: 400 !important; }
html.wdg-v2 #single-product .js-payment-discount-price-product { font-weight: 600 !important; }
/* cuotas pegadas al precio (4px como en el preview, no los 18px entre bloques) */
html.wdg-v2 #single-product .product-detail-container > .js-product-payments-container { margin-top: -14px !important; }
/* calculador: el theme lo posiciona absoluto dentro de una caja de alto fijo (105px); acá ocupa el ancho y la caja mide la píldora */
html.wdg-v2 #single-product .js-shipping-calculator-form, html.wdg-v2 #single-product .js-shipping-calculator-with-zipcode { left: 0; right: 0; width: auto; }
html.wdg-v2 #single-product .shipping-calculator-head.with-form { height: 50px; margin-top: 0 !important; }
html.wdg-v2 #single-product .product-shipping-calculator { margin: 0 !important; }
@media (max-width: 860px) {
  html.wdg-v2 #single-product .product-detail-container > .js-product-payments-container { margin-top: -10px !important; }
}
/* el theme baja la opacidad de los talles al pasar/tocar; el aviso de stock lo centra con !important en mobile */
html.wdg-v2 #single-product .btn.btn-variant { opacity: 1 !important; }
html.wdg-v2 #single-product .js-last-product, html.wdg-v2 #single-product .js-latest-products-available { text-align: left !important; }
/* colores sin miniatura en el metacampo (o con la foto rota): el círculo se rellena con el color */
.wdg-swatches a:not(:has(img)) { background: var(--c); box-shadow: inset 0 0 0 1px rgba(0,0,0,.14); }

/* resultado del calculador: grupos como desplegables (los arma el JS v2), mismo estilo que Descripción */
html.wdg-v2 #single-product .js-shipping-calculator-response { float: none; width: 100%; margin: 14px 0 0 !important; border-top: 1px solid var(--wdg-line); }
html.wdg-v2 #single-product .js-shipping-calculator-response > .font-small { display: none !important; }
.wdg-ship-grp { border-bottom: 1px solid var(--wdg-line); }
.wdg-ship-grp summary { list-style: none; cursor: pointer; display: flex; align-items: center; gap: 12px; padding: 16px 2px; font-family: var(--wdg-mono); font-size: 12px; letter-spacing: .08em; text-transform: uppercase; color: var(--wdg-ink); }
.wdg-ship-grp summary::-webkit-details-marker { display: none; }
.wdg-ship-grp summary span { flex: 1; }
.wdg-ship-grp summary b { font-weight: 600; text-transform: none; letter-spacing: .02em; }
.wdg-ship-grp summary::after { content: "+"; font-size: 18px; transition: transform .3s var(--wdg-ease); }
.wdg-ship-grp[open] summary::after { transform: rotate(45deg); }
html.wdg-v2 #single-product .wdg-ship-grp > ul { margin: 0 0 16px !important; padding: 2px 14px; border: 1px solid var(--wdg-line); border-radius: 12px; }
html.wdg-v2 #single-product .wdg-ship-grp .list-item { padding: 12px 0; border-bottom: 1px solid var(--wdg-line); }
html.wdg-v2 #single-product .wdg-ship-grp .list-item:last-child { border-bottom: 0; }
html.wdg-v2 #single-product .wdg-ship-grp .radio-button-text { font-size: 13px; line-height: 1.4; }
html.wdg-v2 #single-product .wdg-ship-grp [data-component="option.name"] { margin-bottom: 2px !important; }
html.wdg-v2 #single-product .wdg-ship-grp .shipping-price { font-size: 13.5px; font-weight: 600 !important; color: var(--wdg-ink) !important; }
/* dentro de cada grupo: nombre + fecha a la izquierda, precio a la derecha, sin el aire de 40px del theme */
html.wdg-v2 #single-product .wdg-ship-grp > ul { box-sizing: border-box; width: 100%; }
html.wdg-v2 #single-product .wdg-ship-grp .list-item { margin: 0 !important; }
html.wdg-v2 #single-product .wdg-ship-grp .radio-button-text { margin: 0; flex-wrap: nowrap; gap: 12px; align-items: flex-start; }
html.wdg-v2 #single-product .wdg-ship-grp .radio-button-text > div { padding: 0; }
html.wdg-v2 #single-product .wdg-ship-grp .radio-button-text > .col-8 { flex: 1; max-width: none; min-width: 0; }
html.wdg-v2 #single-product .wdg-ship-grp .radio-button-text > .col-4 { flex: none; max-width: none; width: auto; }
html.wdg-v2 #single-product .wdg-ship-grp .shipping-price .mb-1 { margin: 0 !important; }


/* ==========================================================================
   ETAPA 6a — CARRITO LATERAL (preview: .cart-d). Es el modal nativo #modal-cart re-vestido: el theme lo sigue
   manejando por AJAX (agregar, quitar, cantidades, envío, Pago Nube). Markup v2 oculto en cart-item-ajax.tpl
   (NOMBRE // VARIANTE, opción, "Quitar") y cart-panel.tpl (carrito vacío). El JS v2 suma la barra de envío gratis,
   el renglón de cuotas y los precios sin ",00" (data-wdg + ::after, sin tocar el texto que lee el theme).
   ========================================================================== */
html.wdg-v2 .modal-overlay { background: rgba(0,0,0,.35); }
html.wdg-v2 #modal-cart { top: 6px; bottom: 6px; height: auto; width: min(460px, calc(100% - 12px)); min-width: 0; padding: 0; background: #fff; border-radius: 22px; overflow: hidden; box-shadow: 0 20px 60px rgba(0,0,0,.18); transition: right .55s var(--wdg-ease), transform .55s var(--wdg-ease); }
html.wdg-v2 #modal-cart.modal-show { right: 6px; }
html.wdg-v2 #modal-cart > form { height: 100%; }
html.wdg-v2 #modal-cart .modal-header { display: flex; align-items: center; justify-content: space-between; flex: none; padding: 16px 12px 14px 22px !important; margin: 0 !important; border-bottom: 1px solid var(--wdg-line); }
html.wdg-v2 #modal-cart .modal-header h3 { display: flex !important; align-items: baseline; gap: 10px; font-family: var(--wdg-display); font-weight: 700 !important; font-variation-settings: "wdth" 118; text-transform: uppercase; font-size: calc(30px * var(--wdg-ds)); line-height: .92; color: var(--wdg-ink); }
html.wdg-v2 #modal-cart .modal-header h3 .wdg-label { font-family: var(--wdg-mono); font-size: 11px; font-weight: 500 !important; color: var(--wdg-mute); }
html.wdg-v2 #modal-cart .modal-close.left { display: none !important; }
html.wdg-v2 #modal-cart .modal-close.right { display: grid !important; place-items: center; order: 2; width: 42px; height: 42px; padding: 0; border-radius: 14px; float: none; }
html.wdg-v2 #modal-cart .modal-close.right:hover { background: var(--wdg-sand); }
html.wdg-v2 #modal-cart .modal-close svg { width: 14px; height: 20px; }
html.wdg-v2 #modal-cart .modal-fixed-wrapper-content { padding: 14px 16px 20px !important; }
html.wdg-v2 #modal-cart .modal-body { display: grid; gap: 14px; align-content: start; padding: 0; }
html.wdg-v2 #modal-cart .modal-body > * { min-width: 0; margin: 0 !important; }
html.wdg-v2 #modal-cart .modal-body > .js-nubesdk-slot:empty { display: none !important; }

/* barra de envío gratis (la agrega el JS v2) */
html.wdg-v2 .wdg-cart-ship { background: var(--wdg-sand); border-radius: 14px; padding: 14px 16px; display: grid; gap: 9px; }
.wdg-cart-ship p { margin: 0; font-size: 13.5px; line-height: 1.4; color: var(--wdg-ink); }
.wdg-cart-ship b { font-weight: 600; }
.wdg-cart-ship .track { height: 6px; border-radius: 99px; background: #dedcd8; overflow: hidden; }
.wdg-cart-ship .track i { display: block; height: 100%; border-radius: 99px; background: var(--wdg-ink); transition: width .6s var(--wdg-ease); }

/* ítems: foto sobre arena + NOMBRE // VARIANTE, Quitar, cantidad en píldora y precio */
html.wdg-v2 #modal-cart .js-ajax-cart-list { display: grid; gap: 14px; }
html.wdg-v2 #modal-cart .js-cart-item { padding-bottom: 14px; border-bottom: 1px solid var(--wdg-line); }
html.wdg-v2 #modal-cart .cart-item { display: grid; grid-template-columns: 86px minmax(0, 1fr) auto; column-gap: 12px; margin: 0; align-items: start; }
html.wdg-v2 #modal-cart .cart-item > div { flex: none; max-width: none; width: auto; padding: 0; margin: 0; }
html.wdg-v2 #modal-cart .cart-item > .col-3 { grid-column: 1; grid-row: 1 / span 2; }
html.wdg-v2 #modal-cart .cart-item > .col-3 a { display: block; width: 86px; height: 100px; border-radius: 12px; background: var(--wdg-sand); overflow: hidden; }
html.wdg-v2 #modal-cart .cart-item > .col-3 img { width: 100%; height: 100%; object-fit: contain; padding: 8%; mix-blend-mode: multiply; }
html.wdg-v2 #modal-cart .cart-item > .col-9 { grid-column: 2 / -1; grid-row: 1 / span 2; display: block !important; }
html.wdg-v2 #modal-cart .cart-item > .col-9 > .w-100 { display: grid; grid-template-columns: minmax(0, 1fr) auto; grid-template-areas: "name name" "qty price"; gap: 6px 10px; align-items: center; }
html.wdg-v2 #modal-cart .cart-item-name { grid-area: name; margin: 0 !important; padding-right: 54px; }
html.wdg-v2 #modal-cart .cart-item-name > a:first-child { display: none; }
html.wdg-v2 #modal-cart .wdg-ci-name { display: block; font-family: var(--wdg-mono); font-size: 12px; font-weight: 600; letter-spacing: .03em; text-transform: uppercase; line-height: 1.35; color: var(--wdg-ink) !important; text-decoration: none !important; }
html.wdg-v2 #modal-cart .wdg-ci-name span { color: var(--wdg-mute); font-weight: 500; }
html.wdg-v2 #modal-cart .wdg-ci-opt { display: block; margin-top: 6px; font-family: var(--wdg-body); font-size: 12.5px; font-weight: 400; color: var(--wdg-mute); }
html.wdg-v2 #modal-cart .cart-item-quantity { grid-area: qty; margin-top: 4px; }
html.wdg-v2 #modal-cart .cart-item-subtotal { grid-area: price; margin: 4px 0 0 !important; text-align: right; }
html.wdg-v2 #modal-cart .js-cart-item-subtotal { font-family: var(--wdg-body); font-size: 14.5px; font-weight: 600 !important; color: var(--wdg-ink); }
html.wdg-v2 #modal-cart .js-cart-item-subtotal-compare-price-container { font-family: var(--wdg-mono); font-size: 11px; }
html.wdg-v2 #modal-cart .form-quantity { display: inline-flex; margin: 0 !important; height: 34px; border: 1px solid var(--wdg-line); border-radius: 99px; }
html.wdg-v2 #modal-cart .form-quantity > .row { flex-wrap: nowrap; height: 100%; }
html.wdg-v2 #modal-cart .js-cart-quantity-btn { width: 32px; height: 32px; padding: 0; display: grid; place-items: center; border: 0; background: none; }
html.wdg-v2 #modal-cart .js-cart-quantity-btn svg { width: 10px; height: 10px; }
html.wdg-v2 #modal-cart .js-cart-quantity-input { width: 22px; min-width: 22px; height: 32px; padding: 0; border: 0 !important; background: none; font-family: var(--wdg-mono); font-size: 12.5px; box-shadow: none; }
html.wdg-v2 #modal-cart .form-quantity .form-control-container { flex: none; width: auto; padding: 0; }
html.wdg-v2 #modal-cart .cart-item-delete { grid-column: 3; grid-row: 1; position: relative; z-index: 2; }
html.wdg-v2 #modal-cart .cart-item-delete .btn { height: auto; padding: 0; border: 0; border-radius: 0; background: none; font-family: var(--wdg-mono); font-size: 10.5px; letter-spacing: 0; text-transform: none; color: var(--wdg-mute); border-bottom: 1px solid var(--wdg-line); line-height: 1.4; }
html.wdg-v2 #modal-cart .cart-item-delete svg { display: none; }
html.wdg-v2 #modal-cart .wdg-ci-rm { display: inline; }

/* carrito vacío */
html.wdg-v2 #modal-cart .js-empty-ajax-cart .alert { display: none; }
html.wdg-v2 #modal-cart .wdg-cart-empty { display: grid; gap: 14px; justify-items: center; text-align: center; padding: 40px 10px; }
html.wdg-v2 #modal-cart .wdg-cart-empty .wdg-label { color: var(--wdg-mute); }
html.wdg-v2 #modal-cart .wdg-cart-empty h3 { font-size: calc(30px * var(--wdg-ds)); }

/* calculador dentro del carrito: separado de los ítems */
html.wdg-v2 #modal-cart .js-shipping-calculator-container { padding: 0; }
html.wdg-v2 #modal-cart #cart-shipping-container { margin: 0; }

/* totales */
html.wdg-v2 #modal-cart .modal-footer { flex: none; padding: 14px 18px 18px !important; border-top: 1px solid var(--wdg-line); background: #fff; }
html.wdg-v2 #modal-cart .cart-footer { display: grid; gap: 10px; padding: 0 !important; }
html.wdg-v2 #modal-cart .cart-footer > * { margin: 0 !important; }
html.wdg-v2 #modal-cart .cart-footer > .row, html.wdg-v2 #modal-cart .wdg-tot-sub { display: flex; justify-content: space-between; margin: 0 !important; font-family: var(--wdg-body); font-size: 13px; color: #3b3a38; }
html.wdg-v2 #modal-cart .cart-footer > .row > span { flex: none; width: auto; max-width: none; padding: 0; }
html.wdg-v2 #modal-cart .cart-footer > .row > span:last-child, html.wdg-v2 #modal-cart .wdg-tot-sub b { font-weight: 600; color: var(--wdg-ink); }
html.wdg-v2 #modal-cart .js-total-promotions { font-size: 13px; }
html.wdg-v2 #modal-cart .cart-total { display: grid; gap: 10px; }
html.wdg-v2 #modal-cart .cart-total .h3 { display: flex; justify-content: space-between; align-items: baseline; margin: 0; }
html.wdg-v2 #modal-cart .cart-total .h3 > strong { flex: none; width: auto; max-width: none; padding: 0; }
html.wdg-v2 #modal-cart .cart-total .h3 > strong:first-child { font-family: var(--wdg-mono); font-size: 11.5px; font-weight: 500; letter-spacing: .06em; text-transform: uppercase; color: var(--wdg-ink); }
html.wdg-v2 #modal-cart .js-cart-total { font-family: var(--wdg-body); font-variation-settings: normal; font-size: 20px; font-weight: 600; text-transform: none; color: var(--wdg-ink); }
html.wdg-v2 #modal-cart .payment-discount-price-cart-container { display: flex; align-items: baseline; gap: 4px; margin: 0 !important; font-family: var(--wdg-body); font-size: 13px; font-weight: 400 !important; color: #3b3a38 !important; text-align: left !important; }
html.wdg-v2 #modal-cart .payment-discount-price-cart-container > span:first-child, html.wdg-v2 #modal-cart .payment-discount-price-cart-container .js-payment-discount-installments { display: none !important; }
html.wdg-v2 #modal-cart .payment-discount-price-cart-container > span:nth-child(3) { order: 1; text-transform: capitalize; }
html.wdg-v2 #modal-cart .payment-discount-price-cart-container .js-payment-discount-name-cart { order: 2; text-transform: lowercase; }
html.wdg-v2 #modal-cart .payment-discount-price-cart-container .js-payment-discount-price-cart { order: 3; margin-left: auto; font-weight: 600; color: var(--wdg-ink); }
html.wdg-v2 #modal-cart #ajax-cart-submit-div { margin: 0; display: grid; gap: 0; }
html.wdg-v2 #modal-cart #ajax-cart-submit-div input[name="go_to_checkout"] { height: 56px; border: 0; border-radius: 99px; background: var(--wdg-ink); color: #fff; font-family: var(--wdg-mono); font-weight: 600; font-size: 13px; letter-spacing: .12em; text-transform: uppercase; }
html.wdg-v2 #modal-cart .cart-footer .container-fluid { padding: 0; }
html.wdg-v2 #modal-cart .wdg-cart-links { display: flex; justify-content: space-between; align-items: center; width: 100%; }
html.wdg-v2 #modal-cart .wdg-cart-links a { font-family: var(--wdg-mono); font-size: 11px; letter-spacing: .04em; text-transform: none; color: var(--wdg-mute) !important; border-bottom: 1px solid var(--wdg-line); text-decoration: none !important; padding: 0; }
html.wdg-v2 #modal-cart .wdg-cart-links .safe { font-family: var(--wdg-mono); font-size: 10.5px; color: var(--wdg-mute); }

/* precios sin ",00": el JS v2 deja el valor redondeado en data-wdg y se muestra ese (el texto real queda para el theme) */
html.wdg-v2 #modal-cart .wdg-money { font-size: 0 !important; }
html.wdg-v2 #modal-cart .wdg-money::after { content: attr(data-wdg); font-size: var(--wdg-fs, 13px); }
html.wdg-v2 #modal-cart .js-cart-item-subtotal.wdg-money { --wdg-fs: 14.5px; }
html.wdg-v2 #modal-cart .js-cart-total.wdg-money { --wdg-fs: 20px; }

@media (max-width: 860px) {
  html.wdg-v2 #modal-cart { top: 56px; left: 6px; right: 6px !important; bottom: 6px; width: auto; transform: translateY(104%); }
  html.wdg-v2 #modal-cart.modal-show { transform: none; }
  html.wdg-v2 #modal-cart .cart-item { grid-template-columns: 76px minmax(0, 1fr) auto; }
  html.wdg-v2 #modal-cart .cart-item > .col-3 a { width: 76px; height: 88px; }
}

/* ==========================================================================
   ETAPA 6b — VENTA CRUZADA (preview: .xs). Modal nativo #js-cross-selling-modal re-vestido como panel abajo a la
   derecha; el JS v2 cambia el título ("Solo ahora · −15%" / "Completá tu setup"), suma "✓ X quedó en tu carrito"
   y "No, gracias". La promo y el agregado siguen siendo los de Tiendanube (Promociones).
   ========================================================================== */
html.wdg-v2 #js-cross-selling-modal { left: auto !important; right: 6px !important; top: auto !important; bottom: 6px !important; width: min(420px, calc(100% - 12px)) !important; height: auto !important; max-height: calc(100% - 12px); margin: 0 !important; padding: 0 !important; background: #fff; border-radius: 22px; overflow: auto; box-shadow: 0 20px 60px rgba(0,0,0,.18); transform: translateY(calc(100% + 24px)) !important; opacity: 1; visibility: hidden; transition: transform .5s var(--wdg-ease), visibility 0s .5s; }
html.wdg-v2 #js-cross-selling-modal.modal-show { transform: none !important; visibility: visible; transition: transform .5s var(--wdg-ease); }
html.wdg-v2 body:has(#js-cross-selling-modal.modal-show) .js-alert-added-to-cart { display: none !important; }
html.wdg-v2 #js-cross-selling-modal .modal-header { display: flex; justify-content: space-between; align-items: flex-start; width: auto; margin: 0 !important; padding: 18px 12px 6px 22px !important; }
html.wdg-v2 #js-cross-selling-modal .modal-header h3 { display: grid !important; gap: 6px; }
html.wdg-v2 #js-cross-selling-modal .wdg-xs-off { font-family: var(--wdg-mono); font-size: 11px; font-weight: 500 !important; letter-spacing: .08em; text-transform: uppercase; color: var(--wdg-signal); text-shadow: 0 0 12px rgba(140,155,255,.35); }
html.wdg-v2 #js-cross-selling-modal .wdg-xs-title { font-family: var(--wdg-display); font-weight: 700 !important; font-variation-settings: "wdth" 118; text-transform: uppercase; font-size: calc(30px * var(--wdg-ds)); line-height: .92; color: var(--wdg-ink); }
html.wdg-v2 #js-cross-selling-modal .modal-close { display: grid !important; place-items: center; width: 42px; height: 42px; padding: 0; margin: 0 !important; border-radius: 14px; float: none; }
html.wdg-v2 #js-cross-selling-modal .modal-close:hover { background: var(--wdg-sand); }
html.wdg-v2 #js-cross-selling-modal .modal-body { padding: 0; }
html.wdg-v2 #js-cross-selling-modal .modal-footer { display: none !important; }
html.wdg-v2 .wdg-xs-ok { display: flex; align-items: center; gap: 8px; margin: 0; padding: 0 22px 8px; font-family: var(--wdg-mono); font-size: 11px; color: var(--wdg-mute); }
html.wdg-v2 .wdg-xs-ok::before { content: "✓"; flex: none; display: grid; place-items: center; width: 18px; height: 18px; border-radius: 99px; background: var(--wdg-ink); color: #fff; font-size: 10px; }
html.wdg-v2 #js-cross-selling-modal .js-cross-selling-container { display: grid; grid-template-columns: 120px minmax(0, 1fr); column-gap: 14px; row-gap: 6px; align-items: center; margin: 8px 16px 16px !important; }
html.wdg-v2 #js-cross-selling-modal .js-cross-selling-container > .position-relative { grid-column: 1; grid-row: 1 / span 3; aspect-ratio: 1; border-radius: 14px; background: var(--wdg-sand); overflow: hidden; }
html.wdg-v2 #js-cross-selling-modal .js-cross-selling-product-image { width: 100%; height: 100%; object-fit: contain; padding: 10%; mix-blend-mode: multiply; }
html.wdg-v2 #js-cross-selling-modal .js-cross-selling-container .label { top: 8px; left: 8px; margin: 0; padding: 4px 9px; border-radius: 99px; background: var(--wdg-ink); color: #fff; font-family: var(--wdg-mono); font-size: 11px; font-weight: 500; letter-spacing: .08em; }
html.wdg-v2 #js-cross-selling-modal .js-cross-selling-container > .px-4, html.wdg-v2 #js-cross-selling-modal .js-cross-selling-container form { display: contents; }
html.wdg-v2 #js-cross-selling-modal .js-cross-selling-product-name { grid-column: 2; margin: 0 !important; text-align: left !important; font-family: var(--wdg-mono); font-size: 12px; font-weight: 600; letter-spacing: .04em; text-transform: uppercase; color: var(--wdg-ink); }
html.wdg-v2 #js-cross-selling-modal .js-cross-selling-prices-container { grid-column: 2; display: grid !important; gap: 2px; margin: 0 !important; text-align: left !important; }
html.wdg-v2 #js-cross-selling-modal .js-cross-selling-original-price { font-family: var(--wdg-mono); font-size: 12px; font-weight: 400; text-transform: none; color: var(--wdg-mute); text-decoration: line-through; }
html.wdg-v2 #js-cross-selling-modal .js-cross-selling-promo-price { font-family: var(--wdg-body); font-variation-settings: normal; font-size: 22px; font-weight: 600; text-transform: none; color: var(--wdg-ink) !important; }
html.wdg-v2 #js-cross-selling-modal .form-group { grid-column: 2; margin: 0 !important; position: relative; }
html.wdg-v2 #js-cross-selling-modal .form-group .form-label { display: none; }
html.wdg-v2 #js-cross-selling-modal .form-select { height: 38px; padding: 0 30px 0 10px; border: 1px solid var(--wdg-line); border-radius: 10px; font-family: var(--wdg-body); font-size: 13px; background: #fff; }
html.wdg-v2 #js-cross-selling-modal .form-group:has(select option:only-child) { display: none; }
html.wdg-v2 #js-cross-selling-modal .js-cross-selling-container form > div:last-child { grid-column: 1 / -1; margin-top: 10px; display: grid; gap: 8px; }
html.wdg-v2 #js-cross-selling-modal .js-cross-selling-add-to-cart, html.wdg-v2 #js-cross-selling-modal .js-addtocart-placeholder { height: 52px; margin: 0 !important; border: 0; border-radius: 99px; background: var(--wdg-ink); color: #fff; font-family: var(--wdg-mono); font-weight: 600; font-size: 13px; letter-spacing: .12em; text-transform: uppercase; line-height: 52px; padding: 0 16px; }
html.wdg-v2 .wdg-xs-no { justify-self: center; padding: 6px; border: 0; background: none; font-family: var(--wdg-mono); font-size: 11px; color: var(--wdg-mute); cursor: pointer; }
@media (max-width: 860px) {
  html.wdg-v2 #js-cross-selling-modal { left: 6px !important; width: auto !important; }
  html.wdg-v2 #js-cross-selling-modal .js-cross-selling-container { grid-template-columns: 104px minmax(0, 1fr); }
}

/* calculador del carrito: mismas reglas que el de la ficha */
html.wdg-v2 #modal-cart .js-shipping-calculator-form .form-group { display: grid; grid-template-columns: minmax(0, 1fr) auto; margin: 0 !important; }
html.wdg-v2 #modal-cart .js-shipping-calculator-form .form-group::before { content: ""; display: block; align-self: stretch; height: auto; grid-row: 1; grid-column: 1 / -1; border: 1px solid var(--wdg-line); border-radius: 99px; }
html.wdg-v2 #modal-cart .js-shipping-calculator-form .form-group::after { display: none; }
html.wdg-v2 #modal-cart .js-shipping-calculator-form .form-group > .form-label { display: none; }
html.wdg-v2 #modal-cart .js-shipping-calculator-form .form-group > .form-control-container { grid-row: 1; grid-column: 1; flex: none; max-width: none; width: auto; padding: 5px 0 5px 5px; }
html.wdg-v2 #modal-cart .js-shipping-calculator-form .form-group > .col-5 { grid-row: 1; grid-column: 2; flex: none; max-width: none; width: auto; padding: 5px 5px 5px 6px; }
html.wdg-v2 #modal-cart .js-shipping-calculator-form .form-group > .col-12 { grid-column: 1 / -1; flex: none; max-width: none; padding: 0; }
html.wdg-v2 #modal-cart .js-shipping-calculator-form .form-group > .col-12:has(a[href*="correoargentino"]) { display: none; }
html.wdg-v2 #modal-cart .js-shipping-input { height: 38px; border: 0 !important; background: none !important; box-shadow: none !important; padding: 0 14px; font-family: var(--wdg-body); font-size: 14px; text-align: left; }
html.wdg-v2 #modal-cart .js-calculate-shipping { width: auto; height: 38px; padding: 0 18px; border: 0; border-radius: 99px; background: var(--wdg-ink); color: #fff; font-family: var(--wdg-mono); font-size: 12px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; white-space: nowrap; line-height: 38px; }
html.wdg-v2 #modal-cart .js-shipping-calculator-form, html.wdg-v2 #modal-cart .js-shipping-calculator-with-zipcode { left: 0; right: 0; width: auto; }
html.wdg-v2 #modal-cart .shipping-calculator-head.with-form { height: 50px; margin-top: 0 !important; }
html.wdg-v2 #modal-cart .product-shipping-calculator { margin: 0 !important; }
html.wdg-v2 #modal-cart .js-shipping-calculator-response { float: none; width: 100%; margin: 14px 0 0 !important; border-top: 1px solid var(--wdg-line); }
html.wdg-v2 #modal-cart .js-shipping-calculator-response > .font-small { display: none !important; }
html.wdg-v2 #modal-cart .wdg-ship-grp > ul { margin: 0 0 16px !important; padding: 2px 14px; border: 1px solid var(--wdg-line); border-radius: 12px; }
html.wdg-v2 #modal-cart .wdg-ship-grp .list-item { padding: 12px 0; border-bottom: 1px solid var(--wdg-line); }
html.wdg-v2 #modal-cart .wdg-ship-grp .list-item:last-child { border-bottom: 0; }
html.wdg-v2 #modal-cart .wdg-ship-grp .radio-button-text { font-size: 13px; line-height: 1.4; }
html.wdg-v2 #modal-cart .wdg-ship-grp [data-component="option.name"] { margin-bottom: 2px !important; }
html.wdg-v2 #modal-cart .wdg-ship-grp .shipping-price { font-size: 13.5px; font-weight: 600 !important; color: var(--wdg-ink) !important; }
html.wdg-v2 #modal-cart .wdg-ship-grp > ul { box-sizing: border-box; width: 100%; }
html.wdg-v2 #modal-cart .wdg-ship-grp .list-item { margin: 0 !important; }
html.wdg-v2 #modal-cart .wdg-ship-grp .radio-button-text { margin: 0; flex-wrap: nowrap; gap: 12px; align-items: flex-start; }
html.wdg-v2 #modal-cart .wdg-ship-grp .radio-button-text > div { padding: 0; }
html.wdg-v2 #modal-cart .wdg-ship-grp .radio-button-text > .col-8 { flex: 1; max-width: none; min-width: 0; }
html.wdg-v2 #modal-cart .wdg-ship-grp .radio-button-text > .col-4 { flex: none; max-width: none; width: auto; }
html.wdg-v2 #modal-cart .wdg-ship-grp .shipping-price .mb-1 { margin: 0 !important; }

/* ajustes 6a: la barra vieja de envío gratis del pie no va en v2 (la del preview está arriba); cuotas en peso normal */
html.wdg-v2 #modal-cart .wedge-cart-bar { display: none !important; }
html.wdg-v2 #modal-cart .wdg-tot-sub span { font-weight: 400; }
html.wdg-v2 #modal-cart .wdg-cart-links { padding: 0 !important; margin: 0 !important; }

/* ETAPA 6c — "Completá tu setup" en el carrito (lo arma el JS v2 desde la categoría elegida en Diseño) */
html.wdg-v2 #modal-cart .wdg-cart-setup { display: grid; gap: 10px; }
.wdg-cart-setup > .wdg-label { color: var(--wdg-ink); margin-top: 4px; }
.wdg-mini-rail { display: grid; grid-auto-flow: column; grid-auto-columns: 128px; gap: 6px; overflow-x: auto; scrollbar-width: none; }
.wdg-mini-rail::-webkit-scrollbar { display: none; }
.wdg-mr { display: grid; gap: 6px; align-content: start; color: var(--wdg-ink) !important; text-decoration: none !important; }
.wdg-mr.wdg-in-cart { display: none; }
.wdg-mr__img { position: relative; aspect-ratio: 1; border-radius: 12px; background: var(--wdg-sand); overflow: hidden; }
.wdg-mr__img img { display: block; width: 100%; height: 100%; object-fit: contain; padding: 10%; mix-blend-mode: multiply; }
.wdg-mr__img button { position: absolute; right: 6px; bottom: 6px; width: 28px; height: 28px; padding: 0; border: 0; border-radius: 99px; background: var(--wdg-ink); color: #fff; font-size: 16px; line-height: 1; display: grid; place-items: center; cursor: pointer; }
.wdg-mr p { margin: 0; font-family: var(--wdg-mono); font-size: 10.5px; text-transform: uppercase; letter-spacing: .03em; line-height: 1.3; }
.wdg-mr p span { color: var(--wdg-mute); }
.wdg-mr small { font-size: 12px; }

/* "+" = agregar: mientras agrega y cuando ya se agregó */
.wdg-prod__add { cursor: pointer; }
.wdg-prod__add.wdg-busy, .wdg-mr__img button.wdg-busy { opacity: .55; }
.wdg-prod__add.wdg-ok, .wdg-mr__img button.wdg-ok { background: #1f7a4d; opacity: 1; transform: none; }
/* pie del carrito: sin huecos por bloques vacíos del theme; "Seguir comprando" alineado */
html.wdg-v2 #modal-cart .cart-footer > .js-nubesdk-slot:empty, html.wdg-v2 #modal-cart .cart-footer > .js-total-promotions:has(.promotions-wrapper:empty) { display: none !important; }
html.wdg-v2 #modal-cart .cart-footer .container-fluid > .row { margin-left: 0; margin-right: 0; }
/* "Con transferencia ... $X": el theme le pone display:block en línea al actualizar el carrito; el precio flota a la derecha */
html.wdg-v2 #modal-cart .payment-discount-price-cart-container .js-payment-discount-price-cart { float: right; }
html.wdg-v2 #modal-cart .payment-discount-price-cart-container::after { content: ""; display: table; clear: both; }
/* el pie (totales + Iniciar compra) queda fijo abajo y solo scrollea la lista, también en mobile */
html.wdg-v2 #modal-cart > form > .modal-fixed-wrapper { flex: 1 1 auto; min-height: 0; overflow: hidden; }
html.wdg-v2 #modal-cart .modal-fixed-wrapper-content { flex: 1 1 auto; min-height: 0; overflow-y: auto; }
html.wdg-v2 #modal-cart .modal-footer { flex: none; }
/* aviso "¡Agregado al carrito!" (mobile; en desktop se abre el carrito) con la piel del sistema */
html.wdg-v2 .js-alert-added-to-cart .notification { background: #fff !important; color: var(--wdg-ink) !important; border: 0; border-radius: 18px; padding: 16px 16px 14px; box-shadow: 0 20px 60px rgba(0,0,0,.18); }
html.wdg-v2 .js-alert-added-to-cart .notification > .text-center { text-align: left !important; margin: 0 0 12px !important; }
html.wdg-v2 .js-alert-added-to-cart .notification > .text-center strong { font-family: var(--wdg-mono); font-size: 11px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; }
html.wdg-v2 .js-alert-added-to-cart .notification-img img { aspect-ratio: 1; object-fit: contain; padding: 8%; background: var(--wdg-sand); border-radius: 12px; mix-blend-mode: multiply; }
html.wdg-v2 .js-alert-added-to-cart .js-cart-notification-item { font-size: 13px; }
html.wdg-v2 .js-alert-added-to-cart .js-cart-notification-item-name { font-family: var(--wdg-mono); font-size: 12px; font-weight: 600; letter-spacing: .03em; text-transform: uppercase; }
html.wdg-v2 .js-alert-added-to-cart .h5 { font-family: var(--wdg-body); font-size: 14px; color: var(--wdg-ink) !important; }
html.wdg-v2 .js-alert-added-to-cart .btn { height: 46px; line-height: 46px; padding: 0 16px; border: 0; border-radius: 99px; background: var(--wdg-ink) !important; color: #fff !important; font-family: var(--wdg-mono); font-size: 12px; font-weight: 600; letter-spacing: .1em; }
/* carrito vacío: sin pie (el theme deja visible "Envío: Calculalo arriba para verlo") */
html.wdg-v2 #modal-cart.wdg-empty .modal-footer { display: none !important; }
/* descuento de venta cruzada en el ítem (TN lo da como renglón aparte en los totales): precio tachado + etiqueta, como el preview */
html.wdg-v2 #modal-cart .js-cart-item-subtotal.wdg-money[data-wdg-was]::before { content: attr(data-wdg-was); font-family: var(--wdg-mono); font-size: 11px; font-weight: 400; color: var(--wdg-mute); text-decoration: line-through; margin-right: 6px; }
html.wdg-v2 #modal-cart .wdg-ci-promo { display: inline-block; margin-top: 6px; padding: 3px 8px; border-radius: 99px; background: var(--wdg-ink); color: #fff; font-family: var(--wdg-mono); font-size: 10px; letter-spacing: .04em; }

/* compra rápida de Pago Nube ("Comprar ahora" + "Acceso rápido nube"; TN la muestra solo a usuarios reconocidos):
   queda como opción secundaria, fina y chica, para que el botón principal siga siendo "Agregar al carrito" */
html.wdg-v2 #single-product .full-width-container :is(.clear-both, [data-nubesdk-slot="after_product_detail_add_to_cart"], [id^="wallet-express-checkout"]) { margin-top: 8px; font-family: var(--wdg-mono) !important; font-size: 11px !important; color: var(--wdg-mute) !important; }
html.wdg-v2 #single-product .full-width-container :is(.clear-both, [id^="wallet-express-checkout"]) :is(button, [role="button"], a.btn, .btn, input[type="submit"]:not(.js-prod-submit-form)) { height: 44px !important; min-height: 0 !important; padding: 0 18px !important; margin: 0 !important; background: transparent !important; color: var(--wdg-ink) !important; border: 1px solid var(--wdg-line) !important; border-radius: 99px !important; box-shadow: none !important; font-family: var(--wdg-mono) !important; font-size: 11px !important; font-weight: 600 !important; letter-spacing: .1em !important; text-transform: uppercase; transform: none !important; }
html.wdg-v2 #single-product .full-width-container :is(.clear-both, [id^="wallet-express-checkout"]) :is(button, [role="button"], a.btn, .btn) * { font-size: inherit !important; color: inherit !important; letter-spacing: inherit !important; }
html.wdg-v2 #single-product .full-width-container :is(.clear-both, [id^="wallet-express-checkout"]) :is(button, [role="button"], a.btn, .btn):hover { border-color: var(--wdg-ink) !important; }
html.wdg-v2 #single-product .full-width-container :is(.clear-both, [id^="wallet-express-checkout"]) :is(span, p, div, a:not(.btn)) { font-size: 11px !important; color: var(--wdg-mute) !important; }
html.wdg-v2 #single-product .full-width-container :is(.clear-both, [id^="wallet-express-checkout"]) img, html.wdg-v2 #single-product .full-width-container :is(.clear-both, [id^="wallet-express-checkout"]) svg { max-height: 16px; width: auto; }
/* compra rápida de Pago Nube marcada por el JS v2 (busca "Acceso rápido" / "Comprar ahora" donde lo inyecte TN) */
html.wdg-v2 #single-product .wdg-express { order: 8; margin-top: -8px !important; }
html.wdg-v2 #single-product .wdg-express, html.wdg-v2 #single-product .wdg-express :is(span, p, div, a, label) { font-family: var(--wdg-mono) !important; font-size: 11px !important; color: var(--wdg-mute) !important; letter-spacing: .02em; }
html.wdg-v2 #single-product .wdg-express :is(img, svg) { max-height: 16px; width: auto; }
html.wdg-v2 #single-product .wdg-express-btn { display: flex !important; align-items: center; justify-content: center; width: 100%; height: 44px !important; min-height: 0 !important; padding: 0 18px !important; margin: 0 !important; background: transparent !important; color: var(--wdg-ink) !important; border: 1px solid var(--wdg-line) !important; border-radius: 99px !important; box-shadow: none !important; transform: none !important; font-family: var(--wdg-mono) !important; font-size: 11px !important; font-weight: 600 !important; letter-spacing: .1em !important; text-transform: uppercase; }
html.wdg-v2 #single-product .wdg-express-btn * { font-size: inherit !important; color: inherit !important; letter-spacing: inherit !important; font-family: inherit !important; }
html.wdg-v2 #single-product .wdg-express-btn:hover { border-color: var(--wdg-ink) !important; }
/* el bloque de compra rápida quedaba pisado por el botón negro: aire en vez de margen negativo */
html.wdg-v2 #single-product .wdg-express { margin-top: 12px !important; }

/* carrito más limpio (pedido de Facu): una sola línea arriba de los totales, sin líneas extra en el envío */
html.wdg-v2 #modal-cart .cart-footer, html.wdg-v2 #modal-cart .js-cart-total-container, html.wdg-v2 #modal-cart .js-shipping-calculator-response { border-top: 0 !important; }
html.wdg-v2 #modal-cart .wdg-ship-grp:last-of-type { border-bottom: 0; }
html.wdg-v2 #modal-cart .cart-total { margin-top: 4px !important; }
/* envío: sin el hueco de alto fijo que deja el theme debajo de "Entregas para el CP" */
html.wdg-v2 #modal-cart .shipping-calculator-head.with-zip { height: 40px; }
html.wdg-v2 #modal-cart .js-shipping-calculator-response { margin-top: 4px !important; }
/* descuentos: mismo peso que los otros renglones */
html.wdg-v2 #modal-cart .js-total-promotions { font-family: var(--wdg-body); font-size: 13px; font-weight: 400 !important; color: #3b3a38 !important; }
html.wdg-v2 #modal-cart .js-total-promotions-detail-row, html.wdg-v2 #modal-cart .js-total-promotions .promotions-wrapper > * { display: flex; justify-content: space-between; margin: 0; }
html.wdg-v2 #modal-cart .js-total-promotions-detail-row > span { flex: none; width: auto; max-width: none; padding: 0; }
html.wdg-v2 #modal-cart .js-total-promotions-detail-row > span:last-child { font-weight: 600; color: var(--wdg-ink); }
/* Pago Nube: debajo de "Iniciar compra" y más bajo */
html.wdg-v2 #modal-cart #ajax-cart-submit-div { gap: 10px; }
html.wdg-v2 #modal-cart #ajax-cart-submit-div > input[name="go_to_checkout"] { order: -1; }
html.wdg-v2 #modal-cart #ajax-cart-submit-div [role="button"] { height: 46px !important; min-height: 0 !important; padding: 0 16px !important; }
/* venta cruzada: "−10%" y el check centrados (el theme le da alto mínimo a la etiqueta; el ✓ de texto quedaba bajo) */
html.wdg-v2 #js-cross-selling-modal .js-cross-selling-container .label { display: inline-flex; align-items: center; justify-content: center; height: 26px; min-height: 0; line-height: 1; padding: 0 10px; }
html.wdg-v2 .wdg-xs-ok::before { content: ""; background: var(--wdg-ink) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2.5 6.2 5 8.6 9.6 3.6' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 11px no-repeat; }
html.wdg-v2 #js-cross-selling-modal .js-cross-selling-product-name span { color: var(--wdg-mute); font-weight: 500; }
/* "agregado" sin verde (pedido de Facu): negro con el ✓ en el texto */
html.wdg-v2 #single-product input.js-prod-submit-form.wdg-done { background: var(--wdg-ink); }
.wdg-dock__buy button.done { background: #fff !important; color: var(--wdg-ink) !important; }
.wdg-prod__add.wdg-ok, .wdg-mr__img button.wdg-ok { background: var(--wdg-ink) !important; }
/* Pago Nube, estado "Ya agregaste este producto" + su propio "Ir al carrito": duplica nuestro botón, se oculta */
html.wdg-v2 #single-product .wdg-express-dup { display: none !important; }

/* ==========================================================================
   ETAPA 7 — NOSOTROS (preview: nosotros.html). snipplets/wdg/about.tpl en la página con dirección /nosotros/;
   el título y el contenido nativos de la página quedan ocultos en v2 (los clientes siguen viendo el nativo).
   ========================================================================== */
html.wdg-v2 body:has(.wdg-about) .page-header, html.wdg-v2 body:has(.wdg-about) section.user-content { display: none !important; }
html.wdg-v2 .wdg-about { display: grid; gap: var(--wdg-gap); padding: var(--wdg-gap); }
.wdg-about > * { min-width: 0; margin: 0; }
.wdg-about p { margin: 0; }
html.wdg-v2 .wdg-ab-hero { height: calc(100svh - 30px - 64px - var(--wdg-gap) * 2); min-height: 560px; max-height: 920px; }
.wdg-ab-hero img { object-position: 50% 45%; }
.wdg-ab-hero::after { content: ""; position: absolute; inset: 0; background: linear-gradient(to top, rgba(0,0,0,.65), rgba(0,0,0,.05) 55%); }
.wdg-ab-hero__copy { position: absolute; z-index: 2; left: clamp(20px, 3.4vw, 48px); right: 20px; bottom: clamp(24px, 3.4vw, 48px); color: #fff; }
.wdg-ab-hero__copy .wdg-label { display: block; margin-bottom: 16px; opacity: .9; }
.wdg-ab-hero__copy h1 { font-size: calc(clamp(64px, 10.5vw, 168px) * var(--wdg-ds)); color: #fff; }
html.wdg-v2 .wdg-ab-lead { padding: clamp(56px, 9vw, 140px) clamp(16px, 6vw, 96px); }
.wdg-ab-lead p { font-family: var(--wdg-body); font-size: clamp(28px, 3.6vw, 56px); line-height: 1.12; letter-spacing: -.02em; max-width: 22ch; font-weight: 500; color: var(--wdg-ink); }
.wdg-ab-lead p span { color: var(--wdg-mute); }
html.wdg-v2 .wdg-ab-split { display: grid; grid-template-columns: 1fr 1fr; gap: var(--wdg-gap); }
.wdg-ab-split__txt { background: var(--wdg-sand); padding: clamp(28px, 5vw, 72px); display: flex; flex-direction: column; justify-content: center; gap: 18px; min-height: 560px; }
.wdg-ab-split__txt .wdg-label { color: var(--wdg-mute); }
.wdg-ab-split__txt p { font-size: clamp(16px, 1.35vw, 19px); line-height: 1.5; max-width: 46ch; color: var(--wdg-ink); }
.wdg-ab-split__pic { min-height: 560px; }
html.wdg-v2 .wdg-pillars { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--wdg-gap); }
.wdg-pillar { background: var(--wdg-ink); color: #fff; border-radius: var(--wdg-radius); padding: clamp(24px, 3vw, 40px); display: grid; gap: 14px; align-content: start; min-height: 300px; }
.wdg-pillar .wdg-label { color: var(--wdg-signal); }
.wdg-pillar h3 { font-size: calc(clamp(30px, 2.8vw, 44px) * var(--wdg-ds)); color: #fff; }
.wdg-pillar p { color: rgba(255,255,255,.75); font-size: 15px; line-height: 1.5; }
html.wdg-v2 .wdg-ab-test { height: clamp(520px, 88svh, 860px); }
.wdg-ab-test img { object-position: 50% 55%; }
.wdg-ab-test::after { content: ""; position: absolute; inset: 0; background: linear-gradient(to right, rgba(0,0,0,.5), rgba(0,0,0,0) 60%); }
.wdg-ab-test__copy { position: absolute; z-index: 2; left: clamp(20px, 4vw, 64px); top: 50%; transform: translateY(-50%); color: #fff; max-width: 620px; }
.wdg-ab-test__copy h2 { font-size: calc(clamp(56px, 8vw, 128px) * var(--wdg-ds)); margin: 14px 0 22px; color: #fff; }
.wdg-ab-test__copy p { font-size: clamp(15px, 1.4vw, 19px); line-height: 1.5; max-width: 32ch; }
html.wdg-v2 .wdg-ab-strip { display: grid; grid-template-columns: 1.2fr 1fr 1fr; gap: var(--wdg-gap); height: clamp(280px, 34vw, 520px); }
html.wdg-v2 .wdg-ab-close { padding: clamp(56px, 8vw, 120px) clamp(16px, 6vw, 96px); display: grid; gap: 22px; justify-items: start; }
.wdg-ab-close p { font-size: clamp(18px, 1.8vw, 24px); line-height: 1.4; max-width: 40ch; color: var(--wdg-ink); }
.wdg-ab-close .wdg-ab-sign { font-family: var(--wdg-mono); font-size: 12px; letter-spacing: .1em; text-transform: uppercase; color: #5b6cf0; max-width: none; }
@media (max-width: 860px) {
  html.wdg-v2 .wdg-ab-split, html.wdg-v2 .wdg-pillars { grid-template-columns: 1fr; }
  .wdg-ab-split__txt, .wdg-ab-split__pic { min-height: 0; }
  .wdg-ab-split__pic { aspect-ratio: 4 / 5; }
  .wdg-pillar { min-height: 0; }
  html.wdg-v2 .wdg-ab-hero { height: calc(100svh - 30px - 110px); }
  html.wdg-v2 .wdg-ab-test { height: 86svh; }
  .wdg-ab-test::after { background: linear-gradient(to top, rgba(0,0,0,.6), rgba(0,0,0,0) 65%); }
  .wdg-ab-test__copy { top: auto; bottom: 26px; transform: none; right: 20px; }
  html.wdg-v2 .wdg-ab-strip { grid-template-columns: 1fr 1fr; height: auto; }
  .wdg-ab-strip .wdg-card { aspect-ratio: 3 / 4; }
  .wdg-ab-strip .wdg-card:first-child { grid-column: 1 / -1; aspect-ratio: 4 / 3; }
}
/* header: cada ítem del menú en una sola línea (con Nosotros son 5 y "New in"/"Surf gear" se partían);
   el aire entre ítems se achica en pantallas más angostas para que no choque con el logo */
.wdg-nav, .wdg-tools { gap: clamp(14px, 1.8vw, 26px); }
.wdg-nav > .wdg-nav__item, .wdg-nav a, .wdg-tools a, .wdg-tools button { white-space: nowrap; flex: none; }

/* widget del club (Wedge SI): su botón flotante tiene z-index 999999 y quedaba encima del menú, el carrito y el buscador;
   mientras haya uno de esos abierto, el widget se oculta */
html.wdg-v2 body:has(.wdg-menu.open, #modal-cart.modal-show, #js-cross-selling-modal.modal-show, .wdg-search.open, .js-modal.modal-show) #crew-wedge-widget-host { display: none !important; }

/* fotos con fondo que no es blanco puro (ej. gris clarito de estudio): a sangre, sin multiply, para que no quede un cuadrado
   más oscuro sobre la arena. El JS v2 las detecta (borde de la foto) y marca la tarjeta con .wdg-life */
html.wdg-v2 .js-product-table .js-item-product.wdg-life .item-image img.product-item-image { object-fit: cover !important; padding: 0 !important; mix-blend-mode: normal; }
.wdg-prod.wdg-life .wdg-prod__img img:first-child { object-fit: cover; padding: 0; mix-blend-mode: normal; }

/* ==========================================================================
   GUÍA DE TALLES (snipplets/wdg/size-guide.tpl): panel lateral en desktop / hoja desde abajo en mobile,
   misma piel que el carrito. El link "Guía de talles" lo suma el JS v2 en la cabecera de los talles.
   ========================================================================== */
html.wdg-v2 .wdg-guide { display: block; position: fixed; inset: 0; z-index: 20050; pointer-events: none; visibility: hidden; transition: visibility 0s .5s; }
html.wdg-v2 .wdg-guide.open { pointer-events: auto; visibility: visible; transition: none; }
.wdg-guide__bg { position: absolute; inset: 0; background: rgba(0,0,0,.35); opacity: 0; transition: opacity .4s; }
.wdg-guide.open .wdg-guide__bg { opacity: 1; }
.wdg-guide__panel { position: absolute; top: 6px; right: 6px; bottom: 6px; width: min(560px, calc(100% - 12px)); background: #fff; border-radius: 22px; display: flex; flex-direction: column; overflow: hidden; transform: translateX(105%); transition: transform .55s var(--wdg-ease); box-shadow: 0 20px 60px rgba(0,0,0,.18); }
.wdg-guide.open .wdg-guide__panel { transform: none; }
.wdg-guide__top { display: flex; justify-content: space-between; align-items: center; padding: 16px 12px 14px 22px; border-bottom: 1px solid var(--wdg-line); flex: none; }
.wdg-guide__top h2 { font-size: calc(30px * var(--wdg-ds)); color: var(--wdg-ink); margin: 0; }
.wdg-guide__close { width: 42px; height: 42px; border-radius: 14px; display: grid; place-items: center; font-size: 20px; background: none; border: 0; color: var(--wdg-ink); cursor: pointer; }
.wdg-guide__close:hover { background: var(--wdg-sand); }
.wdg-guide__body { flex: 1; min-height: 0; overflow-y: auto; padding: 18px 22px 26px; display: grid; gap: 18px; align-content: start; }
.wdg-guide__body p { margin: 0; }
.wdg-guide__sub { color: var(--wdg-mute); }
.wdg-guide__fig { background: var(--wdg-sand); border-radius: 16px; padding: 18px 12px 10px; color: var(--wdg-ink); }
.wdg-guide__fig svg { display: block; width: 100%; max-width: 300px; height: auto; margin: 0 auto; }
.wdg-guide__fig .wdg-guide__dim { color: var(--wdg-mute); }
.wdg-guide__fig text { font-family: var(--wdg-mono); font-size: 13px; font-weight: 600; fill: var(--wdg-ink); stroke: none; }
.wdg-guide__scroll { overflow-x: auto; }
.wdg-guide__table { width: 100%; border-collapse: collapse; font-family: var(--wdg-body); font-size: 14px; color: var(--wdg-ink); }
.wdg-guide__table th, .wdg-guide__table td { padding: 11px 8px; border-bottom: 1px solid var(--wdg-line); text-align: center; white-space: nowrap; }
.wdg-guide__table thead th { font-family: var(--wdg-mono); font-size: 12px; font-weight: 600; letter-spacing: .06em; border-bottom: 1.5px solid var(--wdg-ink); }
.wdg-guide__table tbody th { text-align: left; font-family: var(--wdg-mono); font-size: 11px; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; padding-left: 0; }
.wdg-guide__table tbody td { font-variant-numeric: tabular-nums; }
.wdg-guide__note { font-size: 13px; line-height: 1.5; color: #3b3a38; }
.wdg-guide__note b { font-family: var(--wdg-mono); font-size: 11px; letter-spacing: .06em; text-transform: uppercase; color: var(--wdg-ink); }
.wdg-guide__help { font-size: 13px; color: #3b3a38; }
.wdg-guide__help a { color: var(--wdg-ink) !important; border-bottom: 1px solid currentColor; text-decoration: none !important; }
html.wdg-v2 body:has(.wdg-guide.open) #crew-wedge-widget-host { display: none !important; }
@media (max-width: 860px) {
  .wdg-guide__panel { top: 56px; left: 6px; right: 6px; width: auto; transform: translateY(104%); }
  .wdg-guide.open .wdg-guide__panel { transform: none; }
  .wdg-guide__body { padding: 16px 16px 24px; }
  .wdg-guide__table { font-size: 13px; }
  .wdg-guide__table th, .wdg-guide__table td { padding: 10px 6px; }
}
.wdg-guide__tip { font-size: 13px; line-height: 1.5; color: var(--wdg-ink); background: var(--wdg-sand); border-radius: 12px; padding: 12px 14px; }
/* guía de talles: la tabla (contenedor con scroll horizontal) se achicaba a 0 cuando el panel no tenía alto suficiente;
   cada bloque toma su alto real y el panel scrollea */
.wdg-guide__body { grid-auto-rows: max-content; }
/* mobile: la tabla entra completa (sin deslizar): el nombre de la medida puede ir en dos líneas, menos aire entre columnas */
@media (max-width: 860px) {
  .wdg-guide__table { font-size: 12px; table-layout: auto; }
  .wdg-guide__table th, .wdg-guide__table td { padding: 9px 3px; }
  .wdg-guide__table tbody th { white-space: normal; font-size: 10px; line-height: 1.3; width: 22%; padding-right: 6px; }
}

/* fotos de producto con el modelo cortado arriba y abajo (boardshorts): llenan la tarjeta en vez de quedar chicas con margen.
   Siguen con multiply, así el blanco de la foto toma el tono arena. El JS v2 las marca con .wdg-fill */
html.wdg-v2 .js-product-table .js-item-product.wdg-fill .item-image img.product-item-image { object-fit: cover !important; padding: 0 !important; }
.wdg-prod.wdg-fill .wdg-prod__img img:first-child { object-fit: cover; padding: 0; }

/* precio con transferencia en su propia línea (debajo del precio / precio tachado) */
.wdg-tr { margin: 0 0 4px; line-height: 1.3; }
.wdg-tr small { font-family: var(--wdg-mono); font-size: 10.5px; color: var(--wdg-mute); letter-spacing: .03em; }
html.wdg-v2 .js-product-table .wdg-tr { padding: 0 !important; }
@media (max-width: 860px) { .wdg-tr small { font-size: 9.5px; } }