:root{
  --bg:#030303; --panel:#090909; --panel2:#111;
  --text:#f7f1e3; --muted:#a99f8e; --line:rgba(255,255,255,.10);
  --gold:#c8a24a; --gold2:#f0d88a; --gold3:#7d5c1e; --green:#8ce6a4;
  --shadow:0 30px 90px rgba(0,0,0,.55);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:Inter,system-ui,sans-serif;background:var(--bg);color:var(--text);overflow-x:hidden}
button,a{font-family:inherit} button{cursor:pointer;border:0}
.page-glow{position:fixed;inset:-20%;z-index:-1;background:radial-gradient(circle at 70% 10%,rgba(200,162,74,.17),transparent 34%),radial-gradient(circle at 20% 40%,rgba(240,216,138,.07),transparent 32%);pointer-events:none}
.top-promo{position:sticky;top:0;z-index:80;text-align:center;background:linear-gradient(90deg,#0a0a0a,#191309,#0a0a0a);border-bottom:1px solid rgba(200,162,74,.26);padding:10px 14px;font-size:12px;font-weight:900;letter-spacing:.11em;text-transform:uppercase;color:var(--gold2)}
.site-header{position:sticky;top:39px;z-index:75;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px clamp(18px,5vw,72px);background:rgba(3,3,3,.78);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}
.brand img{width:126px;display:block}.top-nav{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.top-nav a{color:#e8dcc4;text-decoration:none;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;padding:10px 14px;border-radius:999px;border:1px solid transparent}.top-nav a:hover{border-color:rgba(200,162,74,.38);background:rgba(200,162,74,.08)}
.cart-btn{background:linear-gradient(135deg,var(--gold),var(--gold2));color:#060606;border-radius:999px;padding:12px 16px;font-weight:1000;text-transform:uppercase;box-shadow:0 12px 34px rgba(200,162,74,.2)}.cart-btn span{background:#050505;color:var(--gold2);border-radius:999px;padding:3px 7px;margin-left:6px}
.hero,.category-hub,.drop-zone,.toolbar,.checkout-preview{position:relative;z-index:1;padding:clamp(40px,6vw,78px) clamp(18px,5vw,72px)}
.hero{display:grid;grid-template-columns:.9fr 1.1fr;gap:44px;align-items:center;min-height:720px;padding-top:58px}
.eyebrow{color:var(--gold2);font-size:12px;font-weight:1000;text-transform:uppercase;letter-spacing:.16em;margin-bottom:12px}
h1,h2{font-family:Anton,Inter,sans-serif;text-transform:uppercase;letter-spacing:-.035em}h1{font-size:clamp(58px,8.6vw,126px);line-height:.84;max-width:900px}h2{font-size:clamp(42px,5vw,84px);line-height:.88}
.lead{color:#cec2aa;line-height:1.65;font-size:18px;max-width:580px;margin:24px 0 30px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:15px 22px;text-transform:uppercase;letter-spacing:.08em;font-weight:1000;text-decoration:none;font-size:12px}.btn.primary{background:linear-gradient(135deg,var(--gold),var(--gold2));color:#050505}.btn.ghost{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);color:#fff}
.hero-visual{min-height:640px;position:relative;border-radius:44px;border:1px solid rgba(200,162,74,.25);overflow:hidden;background:#050505;box-shadow:var(--shadow);cursor:pointer}
.player-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.98}.hero-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.25),transparent 48%,rgba(0,0,0,.44)),linear-gradient(180deg,transparent 55%,rgba(0,0,0,.72));pointer-events:none}
.hero-racket{position:absolute;z-index:3;object-fit:contain;filter:drop-shadow(0 38px 42px rgba(0,0,0,.56));transition:.25s transform}.hero-racket-main{right:3%;bottom:1%;height:82%;transform:rotate(-6deg)}.hero-racket-side{left:5%;bottom:3%;height:58%;opacity:.9;transform:rotate(7deg)}.hero-visual:hover .hero-racket-main{transform:rotate(-6deg) scale(1.025)}.hero-tag{position:absolute;z-index:4;left:28px;bottom:28px;border:1px solid rgba(255,255,255,.14);border-radius:24px;background:rgba(0,0,0,.48);backdrop-filter:blur(16px);padding:18px 20px}.hero-tag span{display:block;color:var(--gold2);font-size:11px;font-weight:1000;letter-spacing:.16em}.hero-tag strong{font-size:28px;text-transform:uppercase}
.trust-bar{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:rgba(255,255,255,.025);position:relative;z-index:1}.trust-bar article{padding:25px clamp(18px,4vw,58px);border-right:1px solid var(--line)}.trust-bar article:last-child{border-right:0}.trust-bar strong{display:block;font-size:19px;text-transform:uppercase}.trust-bar span{color:var(--muted);font-size:13px}
.section-title{display:flex;align-items:end;justify-content:space-between;margin-bottom:22px}.hub-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.hub-card{min-height:250px;text-align:left;padding:26px;border-radius:34px;color:#fff;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.11);background:linear-gradient(135deg,#151515,#050505);box-shadow:0 16px 44px rgba(0,0,0,.25);transition:.24s}.hub-card:hover{transform:translateY(-6px);border-color:rgba(200,162,74,.48)}.hub-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 78% 22%,rgba(200,162,74,.24),transparent 36%),repeating-linear-gradient(135deg,rgba(255,255,255,.045) 0 1px,transparent 1px 13px);opacity:.8}.hub-card span,.hub-card strong,.hub-card em{position:relative;z-index:2;display:block}.hub-card span,.hub-card em{color:var(--gold2);font-style:normal;text-transform:uppercase;font-weight:1000;letter-spacing:.13em;font-size:11px}.hub-card strong{font-family:Anton;font-size:42px;text-transform:uppercase;line-height:.9;margin:44px 0 18px}.hub-padel{background-image:linear-gradient(135deg,rgba(200,162,74,.23),#050505 58%)}.hub-football{background-image:linear-gradient(135deg,#101010,#211906)}
.drop-zone{padding-top:0;display:grid;grid-template-columns:1.25fr .75fr;gap:18px}.drop-card{min-height:390px;border-radius:42px;border:1px solid rgba(255,255,255,.10);overflow:hidden;background:#080808;position:relative;box-shadow:var(--shadow)}.drop-card.nox{display:flex;align-items:center;justify-content:space-between;padding:36px;background:linear-gradient(135deg,#131313,#040404)}.drop-card.nox:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 78% 34%,rgba(200,162,74,.23),transparent 40%)}.drop-card.nox div,.drop-card.nox img{position:relative;z-index:2}.drop-card.nox img{height:350px;object-fit:contain;filter:drop-shadow(0 28px 32px rgba(0,0,0,.65))}.drop-card.nox span{color:var(--muted);font-weight:800;text-transform:uppercase;letter-spacing:.08em}.drop-card.football img{width:100%;height:100%;object-fit:cover}
.toolbar{display:flex;align-items:end;justify-content:space-between;gap:18px;padding-top:24px}.controls{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.controls input{min-width:260px;background:#0d0d0d;border:1px solid rgba(255,255,255,.14);color:#fff;border-radius:999px;padding:13px 16px;outline:0}.filter{background:#111;color:#e8dcc4;border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:12px 14px;text-transform:uppercase;font-size:11px;font-weight:1000}.filter.active{background:linear-gradient(135deg,var(--gold),var(--gold2));color:#050505;border-color:transparent}
.product-grid{position:relative;z-index:1;padding:24px clamp(18px,5vw,72px) 60px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.product-card{min-height:670px;border-radius:34px;overflow:hidden;background:linear-gradient(180deg,rgba(255,255,255,.065),rgba(255,255,255,.025));border:1px solid rgba(255,255,255,.11);box-shadow:0 22px 60px rgba(0,0,0,.32);display:flex;flex-direction:column;transition:.23s}.product-card:hover{transform:translateY(-6px);border-color:rgba(200,162,74,.45)}
.product-image{height:390px;background:linear-gradient(180deg,#fffaf0,#dfd7c5);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;cursor:pointer}.product-image:before{content:"";position:absolute;inset:auto 8% 9% 8%;height:34px;background:rgba(0,0,0,.16);filter:blur(14px);border-radius:50%}.product-image img{position:relative;z-index:2;width:92%;height:92%;object-fit:contain;filter:drop-shadow(0 22px 27px rgba(0,0,0,.18));transition:.25s}.product-card:hover .product-image img{transform:scale(1.045)}.product-card[data-category="Paletas"] .product-image{height:430px}.product-card[data-category="Paletas"] .product-image img{width:98%;height:98%}.badge{position:absolute;left:16px;top:16px;z-index:3;background:linear-gradient(135deg,var(--gold),var(--gold2));color:#050505;border-radius:999px;padding:8px 11px;font-size:10px;font-weight:1000;text-transform:uppercase;letter-spacing:.08em}
.product-info{padding:20px;display:flex;flex-direction:column;gap:10px;flex:1}.brand-line{color:var(--gold2);font-size:11px;font-weight:1000;text-transform:uppercase;letter-spacing:.13em}.product-info h3{font-size:22px;line-height:1.05;letter-spacing:-.04em}.tone{color:#d4c5a8;font-size:12px;text-transform:uppercase;font-weight:900;letter-spacing:.06em}.variant{color:var(--muted);font-size:13px;min-height:18px}.price-block{display:grid;gap:8px;margin-top:2px}.price-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:16px;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.045)}.price-row span{color:#a99f8e;text-transform:uppercase;font-size:10px;font-weight:1000;letter-spacing:.06em}.price-row strong{font-size:18px;white-space:nowrap}.price-row.cash strong{color:var(--green)}.price-row.dues strong{color:var(--gold2)}
.card-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:auto;padding-top:10px}.quick-view,.whatsapp,.checkout{border-radius:16px;padding:13px 12px;text-transform:uppercase;font-size:11px;font-weight:1000;letter-spacing:.06em}.quick-view{background:rgba(255,255,255,.075);color:#fff;border:1px solid rgba(255,255,255,.11)}.whatsapp,.checkout{background:linear-gradient(135deg,var(--gold),var(--gold2));color:#050505}.whatsapp.outline{background:transparent;color:#fff;border:1px solid rgba(200,162,74,.45)}
.empty-state{grid-column:1/-1;border:1px solid var(--line);border-radius:34px;background:linear-gradient(135deg,#151515,#060606);padding:56px;text-align:center}.empty-state h3{font-size:36px}.empty-state p{color:var(--muted);margin:12px auto 22px;max-width:600px}
.checkout-preview{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--line);background:linear-gradient(135deg,rgba(200,162,74,.1),rgba(255,255,255,.02))}.checkout-preview p{max-width:700px;color:#cfc3ad;line-height:1.6;margin-top:12px}
.cart-panel{position:fixed;right:0;top:0;bottom:0;width:min(455px,100%);z-index:100;background:#080808;transform:translateX(105%);transition:.3s;display:flex;flex-direction:column;padding:24px;border-left:1px solid rgba(200,162,74,.32);box-shadow:-34px 0 100px rgba(0,0,0,.65)}.cart-panel.open{transform:translateX(0)}.cart-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:14px}.cart-head strong{text-transform:uppercase}.cart-head button,.modal-close{background:none;border:0;color:#fff;font-size:36px}.cart-items{flex:1;overflow:auto;display:flex;flex-direction:column;gap:12px;padding:18px 0}.cart-item{display:grid;grid-template-columns:66px 1fr auto;gap:12px;align-items:center;padding:10px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.035)}.cart-item img{width:66px;height:66px;object-fit:contain;background:#f7f2e6;border-radius:12px}.cart-item strong{font-size:13px}.cart-item span{display:block;color:var(--muted);font-size:12px;margin-top:3px}.cart-item button{background:rgba(255,255,255,.09);color:#fff;border-radius:999px;width:28px;height:28px}.cart-total{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding:16px 0}.cart-total span{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:1000}.cart-total strong{font-size:26px;color:var(--green)}.checkout{width:100%;margin-top:8px;padding:16px}.checkout.mp{background:linear-gradient(135deg,#0b74ff,#36a1ff);color:#fff}.mp-note{display:block;color:#8f8778;text-align:center;margin-top:10px;line-height:1.4}
.modal{position:fixed;inset:0;background:rgba(0,0,0,.80);z-index:95;display:none;align-items:center;justify-content:center;padding:20px}.modal.open{display:flex}.modal-card{position:relative;width:min(1120px,100%);max-height:92vh;overflow:auto;border-radius:38px;background:#090909;border:1px solid rgba(200,162,74,.35);display:grid;grid-template-columns:1.08fr .92fr;box-shadow:var(--shadow)}.modal-close{position:absolute;right:18px;top:10px;z-index:4}.modal-img{min-height:630px;background:linear-gradient(180deg,#fffaf0,#ded4c1);display:flex;align-items:center;justify-content:center}.modal-img img{width:94%;height:94%;max-height:590px;object-fit:contain;filter:drop-shadow(0 28px 34px rgba(0,0,0,.22))}.modal-info{padding:48px 38px}.modal-info h3{font-size:clamp(34px,4vw,58px);line-height:.95;letter-spacing:-.05em}.static{position:static;display:inline-block;margin-bottom:16px}.size-wrap{margin:24px 0}.size-wrap>span{display:block;color:var(--gold2);font-weight:1000;font-size:12px;text-transform:uppercase;letter-spacing:.12em;margin-bottom:10px}.size-options{display:flex;flex-wrap:wrap;gap:8px}.size-options button{border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.06);color:#fff;border-radius:14px;padding:12px 16px;font-weight:1000}.size-options button.active{background:linear-gradient(135deg,var(--gold),var(--gold2));color:#050505;border-color:transparent}.modal-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}
footer{display:flex;justify-content:center;gap:22px;flex-wrap:wrap;border-top:1px solid var(--line);padding:24px;color:#8d8373;font-size:12px}
@media(max-width:1200px){.hero{grid-template-columns:1fr}.hero-visual{min-height:590px}.product-grid{grid-template-columns:repeat(3,1fr)}.hub-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:880px){.site-header{top:54px;align-items:flex-start;flex-wrap:wrap}.top-nav{order:3;width:100%;overflow:auto;flex-wrap:nowrap;justify-content:flex-start}.hero{min-height:auto}.hero-visual{min-height:520px}.hero-racket-main{height:72%}.trust-bar{grid-template-columns:repeat(2,1fr)}.trust-bar article:nth-child(2){border-right:0}.hub-grid{grid-template-columns:repeat(2,1fr)}.drop-zone{grid-template-columns:1fr}.toolbar{flex-direction:column;align-items:flex-start}.controls{justify-content:flex-start}.product-grid{grid-template-columns:repeat(2,1fr);gap:14px}.modal-card{grid-template-columns:1fr}.modal-img{min-height:430px}.checkout-preview{flex-direction:column;align-items:flex-start}.modal-actions{grid-template-columns:1fr}}
@media(max-width:560px){.top-promo{font-size:10px;line-height:1.35}.brand img{width:104px}h1{font-size:56px}.lead{font-size:15px}.hero{padding-top:38px}.hero-visual{min-height:440px;border-radius:30px}.hero-racket-main{height:70%;right:-8%}.hero-racket-side{height:48%;left:-6%}.trust-bar{grid-template-columns:1fr}.trust-bar article{border-right:0;border-bottom:1px solid var(--line)}.hub-grid{grid-template-columns:1fr}.product-grid{grid-template-columns:1fr}.product-card[data-category="Paletas"] .product-image,.product-image{height:430px}.drop-card.nox{min-height:330px}.drop-card.nox img{height:260px}.controls input{min-width:100%;width:100%}.modal-info{padding:34px 22px}.modal-img{min-height:380px}}


/* ===== V7 CORRECCIONES PREMIUM ===== */

/* Hero más fino */
.hero-copy h1{
  max-width: 780px;
}
.lead{
  max-width: 640px;
}

/* Evita el efecto "fondo beige + imagen con fondo blanco". 
   Dejamos toda la caja de producto blanca, limpia y editorial. */
.product-image,
.modal-img{
  background: #ffffff !important;
}

/* La imagen respira mejor dentro del bloque blanco */
.product-image img{
  width: 94%;
  height: 94%;
  object-fit: contain;
}

/* Paletas aún más protagonistas */
.product-card[data-category="Paletas"] .product-image{
  height: 455px;
}
.product-card[data-category="Paletas"] .product-image img{
  width: 101%;
  height: 101%;
}

/* Mochilas/accesorios bien centrados */
.product-card[data-category="Accesorios"] .product-image img{
  width: 88%;
  height: 88%;
}

/* Hero: se elimina visualmente el recorte blanco de las paletas cuando la imagen viene con fondo blanco */
.hero-racket{
  mix-blend-mode: multiply;
  background: transparent !important;
  filter: contrast(1.05) drop-shadow(0 38px 42px rgba(0,0,0,.56));
}

/* Bloque de precios: primero cuotas, después efectivo */
.price-block{
  margin-top: 8px;
}
.price-row.dues{
  background: linear-gradient(135deg, rgba(200,162,74,.16), rgba(240,216,138,.07));
  border-color: rgba(200,162,74,.32);
}
.price-row.dues span::after{
  content: " sin interés";
}
.price-row.dues strong{
  font-size: 20px;
}
.price-row.cash{
  background: rgba(58,255,125,.055);
  border-color: rgba(140,230,164,.16);
}
.price-row.card{
  display: none;
}

/* Botones sin superposición */
.card-actions{
  padding-top: 14px;
  margin-top: 0;
}
.product-info{
  gap: 11px;
}

/* Tarjetas más limpias para salida pública */
.product-card{
  background: linear-gradient(180deg, rgba(255,255,255,.072), rgba(255,255,255,.026));
}
.product-info h3{
  min-height: 48px;
}

/* En celular: alto correcto */
@media(max-width:560px){
  .product-card[data-category="Paletas"] .product-image,
  .product-image{
    height: 440px;
  }
  .product-info h3{
    min-height: auto;
  }
}


/* ===== V8 PREMIUM FINAL: recortes + fondo oro/beige + precios completos ===== */

.hero-copy h1{
  letter-spacing: -0.045em;
}

.product-image,
.modal-img{
  background:
    radial-gradient(circle at 50% 36%, rgba(255,255,255,.74), rgba(255,255,255,.22) 32%, transparent 57%),
    linear-gradient(145deg, #efe2c5 0%, #c8a24a 36%, #66502a 100%) !important;
}

/* Con imágenes recortadas en PNG transparente: no doble fondo blanco */
.product-image img,
.modal-img img{
  mix-blend-mode: normal !important;
  background: transparent !important;
  filter: drop-shadow(0 26px 30px rgba(0,0,0,.26));
}

/* Quita sombra blanca/placa visual detrás */
.product-image:before{
  background: rgba(0,0,0,.23);
}

/* Hero paletas sin bloque blanco */
.hero-racket{
  mix-blend-mode: normal !important;
  filter: drop-shadow(0 42px 48px rgba(0,0,0,.67));
}

/* Precio completo y claro */
.price-row.card{
  display:flex !important;
  background: rgba(255,255,255,.045);
  border-color: rgba(255,255,255,.10);
}
.price-row.card span::after{
  content: "";
}
.price-row.card strong{
  color:#f7f1e3;
}
.price-row.dues span::after{
  content:" sin interés";
}

/* Jerarquía visual */
.price-row.card{
  order:1;
}
.price-row.dues{
  order:2;
}
.price-row.cash{
  order:3;
}

.price-row{
  min-height: 48px;
}
.price-row span{
  line-height: 1.15;
}
.price-row strong{
  font-size: 17px;
}
.price-row.dues strong{
  font-size: 19px;
  color: var(--gold2);
}
.price-row.cash strong{
  font-size: 20px;
}

/* Mejor encuadre con fondo premium */
.product-card{
  border-color: rgba(200,162,74,.18);
}
.product-card:hover{
  border-color: rgba(240,216,138,.56);
}

/* Paletas grandes, sin recorte agresivo */
.product-card[data-category="Paletas"] .product-image img{
  width: 96%;
  height: 96%;
}
.product-card[data-category="Paletas"] .product-image{
  height: 468px;
}

/* Accesorios más limpios */
.product-card[data-category="Accesorios"] .product-image img{
  width: 84%;
  height: 84%;
}

/* Modal con fondo de lujo */
.modal-img{
  background:
    radial-gradient(circle at 50% 38%, rgba(255,255,255,.76), rgba(255,255,255,.22) 35%, transparent 59%),
    linear-gradient(145deg, #efe2c5 0%, #c8a24a 42%, #4d3b1e 100%) !important;
}

@media(max-width:560px){
  .product-card[data-category="Paletas"] .product-image,
  .product-image{
    height: 430px;
  }
}


/* ===== V9 BLANCO LIMPIO + HERO SIN PALETAS SUPERPUESTAS ===== */

/* Producto: todo blanco, limpio, sin dorado atrás */
.product-image,
.modal-img{
  background:#ffffff !important;
}

/* Mantener producto recortado sobre blanco */
.product-image img,
.modal-img img{
  background:transparent !important;
  mix-blend-mode:normal !important;
  filter: drop-shadow(0 24px 28px rgba(0,0,0,.18)) !important;
}

/* Quitar cualquier resplandor dorado dentro de la caja */
.product-image:after,
.modal-img:after{
  display:none !important;
}

/* Sombra baja y prolija */
.product-image:before{
  background:rgba(0,0,0,.13) !important;
  height:28px !important;
  inset:auto 12% 8% 12% !important;
}

/* Hero sin paletas NOX/Bullpadel flotantes */
.hero-clean{
  min-height:640px;
  cursor:default !important;
}
.hero-clean .player-bg{
  opacity:.92;
}
.hero-clean:after{
  background:
    linear-gradient(90deg, rgba(0,0,0,.42), rgba(0,0,0,.08) 52%, rgba(0,0,0,.55)),
    linear-gradient(180deg, transparent 48%, rgba(0,0,0,.78)) !important;
}
.hero-racket,
.hero-racket-main,
.hero-racket-side{
  display:none !important;
}

.hero-glass{
  position:absolute;
  z-index:5;
  left:32px;
  right:32px;
  bottom:32px;
  padding:24px;
  border-radius:28px;
  background:rgba(0,0,0,.46);
  backdrop-filter:blur(18px);
  border:1px solid rgba(240,216,138,.26);
  box-shadow:0 28px 70px rgba(0,0,0,.42);
}
.hero-glass p{
  margin:0 0 8px;
  color:var(--gold2);
  font-size:11px;
  font-weight:1000;
  letter-spacing:.18em;
  text-transform:uppercase;
}
.hero-glass strong{
  display:block;
  font-family:Anton,Inter,sans-serif;
  font-size:clamp(32px,4.6vw,68px);
  line-height:.9;
  letter-spacing:-.03em;
  text-transform:uppercase;
}
.hero-glass span{
  display:block;
  margin-top:12px;
  color:#d8ccb5;
  line-height:1.5;
}

/* T10 / AT10 collection: producto recortado más prolijo */
.drop-card.nox{
  background:linear-gradient(135deg,#111,#050505) !important;
}
.drop-card.nox:before{
  background:radial-gradient(circle at 78% 34%,rgba(200,162,74,.18),transparent 40%) !important;
}
.drop-card.nox img{
  background:transparent !important;
  mix-blend-mode:normal !important;
  filter:drop-shadow(0 30px 34px rgba(0,0,0,.55)) !important;
}

/* Precio más ordenado */
.price-row.card strong,
.price-row.dues strong,
.price-row.cash strong{
  white-space:nowrap;
}

@media(max-width:560px){
  .hero-clean{
    min-height:430px;
  }
  .hero-glass{
    left:18px;
    right:18px;
    bottom:18px;
    padding:18px;
  }
}


/* ===== V10 PRECIOS COMPLETOS VISIBLES ===== */

/* Mostrar sí o sí los tres precios */
.price-row.card{
  display:flex !important;
  order:1;
  background:rgba(255,255,255,.055) !important;
  border-color:rgba(255,255,255,.13) !important;
}
.price-row.dues{
  display:flex !important;
  order:2;
  background:linear-gradient(135deg, rgba(200,162,74,.16), rgba(240,216,138,.07)) !important;
  border-color:rgba(200,162,74,.34) !important;
}
.price-row.cash{
  display:flex !important;
  order:3;
  background:rgba(58,255,125,.055) !important;
  border-color:rgba(140,230,164,.18) !important;
}

/* Evitar que agregue dos veces "sin interés" por CSS viejo */
.price-row.dues span::after{
  content:"" !important;
}

.price-row.card strong{
  color:#f7f1e3 !important;
}
.price-row.dues strong{
  color:var(--gold2) !important;
}
.price-row.cash strong{
  color:var(--green) !important;
}

.price-row span{
  font-size:10px;
  font-weight:1000;
  text-transform:uppercase;
  letter-spacing:.055em;
}
.price-row strong{
  font-size:18px;
  white-space:nowrap;
}

.price-block{
  gap:7px !important;
}


/* =========================================================
   V11 — RESPONSIVE PRO FINAL
   Desktop + mobile equilibrado.
   ========================================================= */

:root{
  --card-radius: 30px;
}

.hero{
  grid-template-columns: 0.95fr 1.05fr !important;
  min-height: 650px !important;
  gap: clamp(28px, 4vw, 56px) !important;
}

.hero-copy h1{
  font-size: clamp(54px, 6.8vw, 104px) !important;
  max-width: 850px !important;
}

.hero-visual,
.hero-clean{
  min-height: 570px !important;
  border-radius: 38px !important;
}

.product-grid{
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 22px !important;
  align-items: stretch !important;
}

.product-card{
  min-height: auto !important;
  border-radius: var(--card-radius) !important;
  overflow: hidden !important;
}

.product-image{
  height: 310px !important;
  padding: 18px !important;
  background: #fff !important;
}

.product-card[data-category="Paletas"] .product-image{
  height: 350px !important;
  padding: 16px !important;
}

.product-image img{
  max-width: 100% !important;
  max-height: 100% !important;
  width: auto !important;
  height: auto !important;
  object-fit: contain !important;
  filter: drop-shadow(0 18px 22px rgba(0,0,0,.16)) !important;
}

.product-card[data-category="Paletas"] .product-image img{
  max-width: 92% !important;
  max-height: 94% !important;
}

.product-card[data-category="Accesorios"] .product-image{
  height: 300px !important;
}

.product-card[data-category="Accesorios"] .product-image img{
  max-width: 82% !important;
  max-height: 88% !important;
}

.product-info{
  padding: 18px !important;
  gap: 9px !important;
}

.brand-line{
  font-size: 10px !important;
  letter-spacing: .14em !important;
}

.product-info h3{
  min-height: 46px !important;
  font-size: clamp(18px, 1.35vw, 23px) !important;
  line-height: 1.05 !important;
}

.tone{
  font-size: 11px !important;
  min-height: 14px !important;
}

.variant{
  font-size: 12px !important;
  min-height: 16px !important;
}

.price-block{
  gap: 8px !important;
  margin-top: 5px !important;
}

.price-row{
  min-height: 48px !important;
  padding: 11px 13px !important;
  border-radius: 15px !important;
}

.price-row.card,
.price-row.dues,
.price-row.cash{
  display:flex !important;
}

.price-row.dues span::after{
  content:"" !important;
}

.price-row span{
  font-size: 9px !important;
  line-height: 1.2 !important;
  letter-spacing: .06em !important;
}

.price-row strong{
  font-size: clamp(16px, 1.18vw, 20px) !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

.card-actions{
  grid-template-columns: 1fr 1fr !important;
  gap: 9px !important;
  padding-top: 9px !important;
}

.quick-view,
.whatsapp{
  min-height: 44px !important;
  border-radius: 14px !important;
  font-size: 10px !important;
}

.hub-grid{
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 14px !important;
}

.hub-card{
  min-height: 215px !important;
  border-radius: 30px !important;
  padding: 22px !important;
}

.hub-card strong{
  font-size: clamp(30px, 3vw, 42px) !important;
  margin: 34px 0 14px !important;
}

.drop-zone{
  grid-template-columns: 1.15fr .85fr !important;
}

.drop-card{
  min-height: 340px !important;
}

.drop-card.nox img{
  height: 295px !important;
  max-width: 45% !important;
  object-fit: contain !important;
}

.modal-card{
  width: min(1080px, 96vw) !important;
}

.modal-img{
  min-height: 560px !important;
  padding: 24px !important;
  background: #fff !important;
}

.modal-img img{
  max-width: 92% !important;
  max-height: 520px !important;
  object-fit: contain !important;
}

.modal-info h3{
  font-size: clamp(34px, 3.6vw, 56px) !important;
}

@media(max-width: 1280px){
  .product-grid{
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  .product-image{
    height: 300px !important;
  }

  .product-card[data-category="Paletas"] .product-image{
    height: 335px !important;
  }

  .hub-grid{
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media(max-width: 920px){
  .site-header{
    top: 48px !important;
  }

  .hero{
    grid-template-columns: 1fr !important;
    min-height: auto !important;
  }

  .hero-visual,
  .hero-clean{
    min-height: 490px !important;
  }

  .product-grid{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 16px !important;
  }

  .product-image{
    height: 285px !important;
  }

  .product-card[data-category="Paletas"] .product-image{
    height: 320px !important;
  }

  .drop-zone{
    grid-template-columns: 1fr !important;
  }

  .drop-card.nox img{
    height: 260px !important;
    max-width: 52% !important;
  }

  .modal-card{
    grid-template-columns: 1fr !important;
  }

  .modal-img{
    min-height: 420px !important;
  }

  .modal-img img{
    max-height: 390px !important;
  }
}

@media(max-width: 620px){
  .top-promo{
    font-size: 10px !important;
    padding: 9px 10px !important;
  }

  .site-header{
    top: 47px !important;
    padding: 12px 14px !important;
  }

  .brand img{
    width: 104px !important;
  }

  .cart-btn{
    padding: 10px 12px !important;
    font-size: 11px !important;
  }

  .hero,
  .category-hub,
  .drop-zone,
  .toolbar,
  .checkout-preview{
    padding-left: 14px !important;
    padding-right: 14px !important;
  }

  .hero-copy h1{
    font-size: clamp(48px, 15vw, 66px) !important;
  }

  .lead{
    font-size: 15px !important;
    line-height: 1.55 !important;
  }

  .hero-visual,
  .hero-clean{
    min-height: 380px !important;
    border-radius: 28px !important;
  }

  .hero-glass{
    left: 16px !important;
    right: 16px !important;
    bottom: 16px !important;
    padding: 16px !important;
    border-radius: 22px !important;
  }

  .hero-glass strong{
    font-size: 32px !important;
  }

  .trust-bar{
    grid-template-columns: 1fr 1fr !important;
  }

  .trust-bar article{
    padding: 16px 14px !important;
  }

  .trust-bar strong{
    font-size: 14px !important;
  }

  .trust-bar span{
    font-size: 11px !important;
  }

  .hub-grid{
    grid-template-columns: 1fr 1fr !important;
    gap: 10px !important;
  }

  .hub-card{
    min-height: 160px !important;
    padding: 16px !important;
    border-radius: 24px !important;
  }

  .hub-card strong{
    font-size: 28px !important;
    margin: 26px 0 10px !important;
  }

  .hub-card span,
  .hub-card em{
    font-size: 9px !important;
  }

  .product-grid{
    grid-template-columns: 1fr !important;
    padding-left: 14px !important;
    padding-right: 14px !important;
    gap: 18px !important;
  }

  .product-image{
    height: 285px !important;
    padding: 16px !important;
  }

  .product-card[data-category="Paletas"] .product-image{
    height: 315px !important;
  }

  .product-card[data-category="Paletas"] .product-image img{
    max-width: 86% !important;
    max-height: 92% !important;
  }

  .product-info{
    padding: 17px !important;
  }

  .product-info h3{
    font-size: 22px !important;
    min-height: auto !important;
  }

  .price-row{
    min-height: 50px !important;
    padding: 12px 13px !important;
  }

  .price-row strong{
    font-size: 20px !important;
  }

  .price-row span{
    font-size: 10px !important;
  }

  .quick-view,
  .whatsapp{
    min-height: 46px !important;
    font-size: 10px !important;
  }

  .controls input{
    width: 100% !important;
    min-width: 100% !important;
  }

  .filter{
    font-size: 10px !important;
    padding: 11px 12px !important;
  }

  .drop-card{
    min-height: 280px !important;
    border-radius: 28px !important;
  }

  .drop-card.nox{
    padding: 22px !important;
  }

  .drop-card.nox img{
    height: 220px !important;
    max-width: 48% !important;
  }

  .modal-img{
    min-height: 330px !important;
  }

  .modal-img img{
    max-height: 310px !important;
  }

  .modal-info{
    padding: 26px 18px !important;
  }

  .modal-actions{
    grid-template-columns: 1fr !important;
  }
}

@media(max-width: 390px){
  .product-card[data-category="Paletas"] .product-image{
    height: 292px !important;
  }

  .product-image{
    height: 265px !important;
  }

  .price-row strong{
    font-size: 18px !important;
  }

  .hub-card strong{
    font-size: 25px !important;
  }
}


/* =========================================================
   V12 — IDENTIDAD VERDE LIMA / SPORT PERFORMANCE
   ========================================================= */

:root{
  --gold:#c7aa85 !important;
  --gold2:#c7aa85 !important;
  --gold3:#7da000 !important;
  --lime:#c7aa85;
  --lime2:#c7aa85;
  --limeDark:#5f7800;
  --text:#f7f7f0 !important;
  --muted:#a8aaa0 !important;
}

.top-promo{
  background:linear-gradient(90deg,#030303,#101500,#030303) !important;
  border-bottom:1px solid rgba(199,170,133,.28) !important;
  color:var(--lime2) !important;
}

.site-header{
  border-bottom:1px solid rgba(199,170,133,.13) !important;
}

.brand img{
  width:150px !important;
  max-height:58px !important;
  object-fit:contain !important;
  filter:drop-shadow(0 10px 24px rgba(199,170,133,.08));
}

.cart-btn,
.btn.primary,
.whatsapp,
.checkout,
.filter.active,
.size-options button.active,
.result-card a{
  background:linear-gradient(135deg,var(--lime),var(--lime2)) !important;
  color:#050505 !important;
  box-shadow:0 14px 34px rgba(199,170,133,.16) !important;
}

.btn.ghost,
.quick-view{
  border-color:rgba(199,170,133,.22) !important;
}

.top-nav a:hover{
  border-color:rgba(199,170,133,.36) !important;
  background:rgba(199,170,133,.07) !important;
}

.page-glow{
  background:
    radial-gradient(circle at 70% 10%,rgba(199,170,133,.15),transparent 34%),
    radial-gradient(circle at 20% 40%,rgba(199,170,133,.07),transparent 32%) !important;
}

.hero-visual,
.hero-clean{
  border-color:rgba(199,170,133,.24) !important;
}

.hero-glass{
  border-color:rgba(199,170,133,.26) !important;
}

.hero-glass p,
.eyebrow,
.brand-line,
.hub-card span,
.hub-card em,
.drop-card.nox .eyebrow{
  color:var(--lime2) !important;
}

.hub-card:before{
  background:
    radial-gradient(circle at 78% 22%,rgba(199,170,133,.21),transparent 36%),
    repeating-linear-gradient(135deg,rgba(255,255,255,.042) 0 1px,transparent 1px 13px) !important;
}

.hub-card:hover{
  border-color:rgba(199,170,133,.48) !important;
}

.hub-padel,
.hub-football{
  background-image:linear-gradient(135deg,rgba(199,170,133,.14),#050505 58%) !important;
}

.drop-card{
  border-color:rgba(199,170,133,.15) !important;
}

.drop-card.nox:before{
  background:radial-gradient(circle at 78% 34%,rgba(199,170,133,.18),transparent 40%) !important;
}

.product-card{
  border-color:rgba(199,170,133,.14) !important;
}

.product-card:hover{
  border-color:rgba(199,170,133,.48) !important;
}

.product-image,
.modal-img{
  background:#ffffff !important;
}

.badge{
  background:linear-gradient(135deg,var(--lime),var(--lime2)) !important;
  color:#030303 !important;
}

.price-row.dues{
  background:linear-gradient(135deg, rgba(199,170,133,.14), rgba(199,170,133,.055)) !important;
  border-color:rgba(199,170,133,.32) !important;
}

.price-row.dues strong{
  color:var(--lime2) !important;
}

.price-row.cash strong{
  color:#7dff98 !important;
}

.price-row.cash{
  background:rgba(125,255,152,.055) !important;
  border-color:rgba(125,255,152,.18) !important;
}

.cart-panel,
.modal-card{
  border-color:rgba(199,170,133,.30) !important;
}

.checkout.mp{
  background:linear-gradient(135deg,#009ee3,#36c6ff) !important;
  color:white !important;
}

footer{
  border-top:1px solid rgba(199,170,133,.12) !important;
}

@media(max-width:620px){
  .brand img{
    width:118px !important;
    max-height:46px !important;
  }
}


/* =========================================================
   V13 — HOME LIMPIA + CARRUSEL + CATEGORÍAS PRO
   ========================================================= */

/* Hero sin eyebrow de ubicación */
.hero-copy .eyebrow:empty{
  display:none !important;
}

.hero-copy h1{
  margin-top: 0 !important;
}

.lead{
  max-width: 620px !important;
}

/* Carrusel derecho con fotos */
.hero-carousel{
  position:relative;
  overflow:hidden;
  background:#050505 !important;
  border:1px solid rgba(199,170,133,.22) !important;
}

.hero-carousel .slide{
  position:absolute;
  inset:0;
  opacity:0;
  transition:opacity .75s ease, transform 4.5s ease;
  background-size:cover;
  background-position:center;
  transform:scale(1.03);
}

.hero-carousel .slide.active{
  opacity:1;
  transform:scale(1);
}

.hero-carousel .slide:before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg, rgba(0,0,0,.72), rgba(0,0,0,.18) 50%, rgba(0,0,0,.70)),
    linear-gradient(180deg, rgba(0,0,0,.16), rgba(0,0,0,.76));
  z-index:1;
}

.slide-copy{
  position:absolute;
  z-index:3;
  left:30px;
  right:30px;
  bottom:30px;
  padding:22px;
  border-radius:26px;
  background:rgba(0,0,0,.42);
  border:1px solid rgba(199,170,133,.24);
  backdrop-filter:blur(14px);
}

.slide-copy p{
  color:var(--lime2);
  font-weight:1000;
  font-size:11px;
  letter-spacing:.16em;
  text-transform:uppercase;
  margin-bottom:8px;
}

.slide-copy strong{
  display:block;
  font-family:Anton,Inter,sans-serif;
  text-transform:uppercase;
  font-size:clamp(34px,4.4vw,66px);
  line-height:.9;
  letter-spacing:-.025em;
}

.slide-copy span{
  display:block;
  margin-top:10px;
  color:#d9dec8;
  line-height:1.45;
  max-width:620px;
}

.carousel-dots{
  position:absolute;
  z-index:5;
  right:28px;
  top:28px;
  display:flex;
  gap:8px;
}

.carousel-dots span{
  width:8px;
  height:8px;
  border-radius:999px;
  background:rgba(255,255,255,.34);
  cursor:pointer;
  transition:.25s;
}

.carousel-dots span.active{
  width:28px;
  background:var(--lime);
}

/* Menú de categorías tipo tienda grande */
.category-menu-pro{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  align-items:center;
  padding:16px;
  border-radius:28px;
  border:1px solid rgba(199,170,133,.16);
  background:linear-gradient(135deg,rgba(255,255,255,.055),rgba(255,255,255,.022));
}

.category-menu-pro button{
  min-height:48px;
  padding:0 18px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.11);
  background:#0f0f0f;
  color:#f7f7f0;
  font-weight:1000;
  text-transform:uppercase;
  letter-spacing:.055em;
  font-size:12px;
  transition:.22s;
}

.category-menu-pro button:hover{
  transform:translateY(-2px);
  border-color:rgba(199,170,133,.48);
  background:rgba(199,170,133,.08);
}

/* Colecciones premium */
.premium-collections .collection-card{
  cursor:pointer;
}

.future-card{
  display:flex;
  align-items:flex-end;
  padding:34px;
  background:
    radial-gradient(circle at 78% 20%,rgba(199,170,133,.20),transparent 28%),
    linear-gradient(135deg,#121212,#050505) !important;
}

.future-card:before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(135deg, rgba(199,170,133,.09), transparent 42%),
    repeating-linear-gradient(135deg,rgba(255,255,255,.04) 0 1px,transparent 1px 14px);
  opacity:.85;
}

.future-card div{
  position:relative;
  z-index:2;
}

.future-card h2{
  margin-bottom:12px;
}

.future-card span{
  color:#cfd4c0;
  font-weight:800;
}

/* NOX card: que la pala no aparezca con placa blanca */
.collection-card img{
  background:transparent !important;
  mix-blend-mode:normal !important;
  filter:drop-shadow(0 30px 34px rgba(0,0,0,.55)) !important;
}

/* Quitar cualquier copy interno técnico para cliente */
.premium-service p{
  color:#cfd4c0;
  max-width:720px;
  line-height:1.6;
}

/* Mobile */
@media(max-width:620px){
  .slide-copy{
    left:16px;
    right:16px;
    bottom:16px;
    padding:16px;
    border-radius:20px;
  }

  .slide-copy strong{
    font-size:32px;
  }

  .slide-copy span{
    font-size:13px;
  }

  .carousel-dots{
    top:18px;
    right:18px;
  }

  .category-menu-pro{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:9px;
    padding:12px;
    border-radius:22px;
  }

  .category-menu-pro button{
    min-height:48px;
    padding:0 10px;
    font-size:10px;
    white-space:normal;
    line-height:1.15;
  }

  .future-card{
    min-height:230px;
    padding:24px;
  }
}


/* =========================================================
   V14 — CATEGORÍAS + SUBCATEGORÍAS + MARCAS + FOOTER
   ========================================================= */

.category-menu-pro.main-categories{
  display:grid !important;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:12px;
  align-items:stretch;
  padding:16px;
  border-radius:30px;
  border:1px solid rgba(199,170,133,.16);
  background:linear-gradient(135deg,rgba(255,255,255,.055),rgba(255,255,255,.022));
}

.category-menu-pro.main-categories button{
  min-height:62px;
  padding:0 16px;
  border-radius:20px;
  border:1px solid rgba(199,170,133,.16);
  background:#061018;
  color:#f7f7f0;
  font-weight:1000;
  text-transform:uppercase;
  letter-spacing:.045em;
  font-size:12px;
  line-height:1.15;
  transition:.22s;
}

.category-menu-pro.main-categories button:hover{
  transform:translateY(-3px);
  color:#050505;
  background:linear-gradient(135deg,var(--lime),var(--lime2));
  border-color:transparent;
}

.ideal-finder{
  margin-top:18px;
  border:1px solid rgba(199,170,133,.16);
  border-radius:34px;
  padding:24px;
  background:
    radial-gradient(circle at 84% 20%,rgba(199,170,133,.12),transparent 28%),
    linear-gradient(135deg,#111,#060606);
}

.ideal-head{
  max-width:780px;
  margin-bottom:18px;
}

.ideal-head h3{
  font-family:Anton,Inter,sans-serif;
  text-transform:uppercase;
  letter-spacing:-.03em;
  font-size:clamp(34px,4vw,62px);
  line-height:.9;
}

.ideal-head span{
  display:block;
  color:#cfd4c0;
  margin-top:10px;
  line-height:1.55;
}

.ideal-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:14px;
}

.level-card{
  border:1px solid rgba(255,255,255,.10);
  border-radius:26px;
  padding:18px;
  background:rgba(255,255,255,.045);
}

.level-card strong{
  display:block;
  color:var(--lime2);
  text-transform:uppercase;
  letter-spacing:.08em;
  font-size:13px;
  margin-bottom:12px;
}

.level-card button{
  width:100%;
  margin-top:8px;
  min-height:44px;
  border-radius:15px;
  border:1px solid rgba(255,255,255,.12);
  background:#0e0e0e;
  color:#fff;
  font-weight:1000;
  text-transform:uppercase;
  letter-spacing:.055em;
}

.level-card button:hover{
  background:linear-gradient(135deg,var(--lime),var(--lime2));
  color:#050505;
}

.brand-strip-section{
  padding:8px clamp(18px,5vw,72px) 54px;
}

.section-title.compact{
  margin-bottom:14px;
}

.section-title.compact h2{
  font-size:clamp(28px,3vw,48px);
}

.brand-marquee{
  overflow:hidden;
  border-top:1px solid rgba(199,170,133,.14);
  border-bottom:1px solid rgba(199,170,133,.14);
  background:rgba(255,255,255,.035);
  padding:22px 0;
  border-radius:24px;
}

.brand-track{
  display:flex;
  width:max-content;
  gap:54px;
  animation:brandMove 24s linear infinite;
}

.brand-track span{
  font-family:Anton,Inter,sans-serif;
  font-size:clamp(26px,3vw,44px);
  color:#f7f7f0;
  opacity:.92;
  text-transform:uppercase;
  letter-spacing:.02em;
  white-space:nowrap;
}

.brand-track span:nth-child(3n){
  color:var(--lime2);
}

@keyframes brandMove{
  from{ transform:translateX(0); }
  to{ transform:translateX(-50%); }
}

.site-footer-pro{
  margin-top:48px;
  padding:54px clamp(18px,5vw,72px) 24px;
  background:
    radial-gradient(circle at 82% 12%, rgba(199,170,133,.10), transparent 30%),
    linear-gradient(180deg,#081522,#04080c);
  border-top:1px solid rgba(199,170,133,.18);
  color:#f7f7f0;
}

.footer-grid{
  display:grid;
  grid-template-columns:1.3fr 1fr 1fr 1.2fr;
  gap:34px;
}

.footer-logo{
  width:150px;
  max-height:58px;
  object-fit:contain;
  margin-bottom:18px;
}

.site-footer-pro h4{
  color:var(--lime2);
  font-size:12px;
  text-transform:uppercase;
  letter-spacing:.14em;
  margin-bottom:14px;
}

.site-footer-pro p,
.site-footer-pro a{
  display:block;
  color:#cfd4c0;
  text-decoration:none;
  line-height:1.55;
  margin-bottom:9px;
  font-weight:700;
}

.site-footer-pro a:hover{
  color:var(--lime2);
}

.payment-pills{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin-top:12px;
}

.payment-pills span{
  border:1px solid rgba(199,170,133,.18);
  border-radius:999px;
  padding:8px 10px;
  font-size:11px;
  font-weight:900;
  color:#fff;
  background:rgba(255,255,255,.045);
}

.footer-bottom{
  margin-top:34px;
  padding-top:18px;
  border-top:1px solid rgba(255,255,255,.10);
  display:flex;
  justify-content:space-between;
  gap:16px;
  color:#8f9885;
  font-size:12px;
}

@media(max-width:1180px){
  .category-menu-pro.main-categories{
    grid-template-columns:repeat(3,1fr);
  }
  .footer-grid{
    grid-template-columns:1fr 1fr;
  }
}

@media(max-width:720px){
  .category-menu-pro.main-categories{
    grid-template-columns:1fr 1fr;
    padding:12px;
    gap:9px;
  }

  .category-menu-pro.main-categories button{
    min-height:56px;
    font-size:10px;
    padding:0 10px;
    border-radius:17px;
  }

  .ideal-finder{
    padding:18px;
    border-radius:26px;
  }

  .ideal-grid{
    grid-template-columns:1fr;
  }

  .brand-track{
    gap:34px;
    animation-duration:18s;
  }

  .footer-grid{
    grid-template-columns:1fr;
    gap:24px;
  }

  .footer-bottom{
    flex-direction:column;
  }
}


/* =========================================================
   V15 — AJUSTE PRO: categorías limpias, logos de marcas, precios menos invasivos
   ========================================================= */

/* Sacar bloque de guía rápida si queda por caché/estructura */
.ideal-finder{
  display:none !important;
}

/* Categorías arriba: más premium, menos cargadas */
.category-menu-pro.main-categories{
  grid-template-columns:repeat(6,minmax(0,1fr)) !important;
  background:rgba(255,255,255,.035) !important;
  border-color:rgba(255,255,255,.10) !important;
}

.category-menu-pro.main-categories button{
  background:#0b0d0f !important;
  border-color:rgba(255,255,255,.12) !important;
  color:#f4f4ef !important;
}

.category-menu-pro.main-categories button:hover{
  background:#f7f7f0 !important;
  color:#050505 !important;
  border-color:transparent !important;
  box-shadow:0 14px 32px rgba(199,170,133,.12) !important;
}

/* Marcas: usar logos/imágenes en vez de nombres sueltos */
.brand-marquee{
  background:#f4f4ef !important;
  border-color:rgba(199,170,133,.18) !important;
  padding:18px 0 !important;
}

.logo-track{
  gap:24px !important;
  align-items:center !important;
  animation:brandMove 28s linear infinite !important;
}

.logo-track span{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:190px !important;
  height:74px !important;
  flex:0 0 auto !important;
  opacity:1 !important;
}

.logo-track img{
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  display:block !important;
  filter:none !important;
}

/* PRECIOS: menos verde, más claro y comercial */
.price-block{
  gap:7px !important;
  margin-top:8px !important;
}

.price-row{
  border-radius:14px !important;
  min-height:50px !important;
  padding:11px 13px !important;
}

/* Crédito: neutro y fuerte */
.price-row.card{
  background:#121416 !important;
  border:1px solid rgba(255,255,255,.11) !important;
}

.price-row.card span{
  color:#b8bdb1 !important;
}

.price-row.card strong{
  color:#ffffff !important;
  font-size:19px !important;
}

/* Cuotas: el acento principal, pero sobrio */
.price-row.dues{
  background:rgba(199,170,133,.085) !important;
  border:1px solid rgba(199,170,133,.26) !important;
}

.price-row.dues span{
  color:#c7aa85 !important;
}

.price-row.dues strong{
  color:#c7aa85 !important;
  font-size:19px !important;
}

/* Efectivo: verde más elegante, no neón invasivo */
.price-row.cash{
  background:rgba(125,255,152,.045) !important;
  border:1px solid rgba(125,255,152,.15) !important;
}

.price-row.cash span{
  color:#a9b8aa !important;
}

.price-row.cash strong{
  color:#98f3aa !important;
  font-size:20px !important;
}

/* Etiquetas chicas de productos: que no griten tanto */
.badge{
  background:#111 !important;
  color:var(--lime2) !important;
  border:1px solid rgba(199,170,133,.36) !important;
}

/* Botones: bajar intensidad de verde en la tienda */
.whatsapp,
.checkout,
.btn.primary,
.cart-btn,
.filter.active{
  background:linear-gradient(135deg,#c7aa85,#c7aa85) !important;
  box-shadow:0 12px 28px rgba(199,170,133,.12) !important;
}

/* En celular mantener categorías legibles */
@media(max-width:1180px){
  .category-menu-pro.main-categories{
    grid-template-columns:repeat(3,1fr) !important;
  }
}

@media(max-width:720px){
  .category-menu-pro.main-categories{
    grid-template-columns:1fr 1fr !important;
  }
  .logo-track span{
    width:150px !important;
    height:60px !important;
  }
  .brand-marquee{
    padding:14px 0 !important;
  }
}

@media(max-width:390px){
  .price-row.card strong,
  .price-row.dues strong,
  .price-row.cash strong{
    font-size:17px !important;
  }
}


/* =========================================================
   V16 — CATEGORÍAS ARRIBA + LIMPIEZA HOME
   ========================================================= */

/* Categorías principales arriba, donde corresponde */
.category-top-nav{
  flex:1 !important;
  display:flex !important;
  justify-content:center !important;
  align-items:center !important;
  gap:8px !important;
  max-width:980px !important;
}

.category-top-nav a{
  color:#f7f7f0 !important;
  border:1px solid rgba(255,255,255,.12) !important;
  background:rgba(255,255,255,.035) !important;
  padding:12px 14px !important;
  border-radius:999px !important;
  font-size:11px !important;
  line-height:1.05 !important;
  text-align:center !important;
  white-space:nowrap !important;
}

.category-top-nav a:hover{
  background:linear-gradient(135deg,#c7aa85,#c7aa85) !important;
  color:#050505 !important;
  border-color:transparent !important;
}

/* Ya no hay bloque de categorías ni marcas abajo */
.category-hub,
.brand-strip-section,
.ideal-finder{
  display:none !important;
}

/* Compensar espacio visual después de la franja de beneficios */
.trust-bar{
  margin-bottom:22px !important;
}

/* NOX Collection más prolija */
.premium-collections{
  padding-top:34px !important;
}

.collection-card{
  background:
    radial-gradient(circle at 72% 44%, rgba(199,170,133,.10), transparent 30%),
    linear-gradient(135deg,#111,#050505) !important;
}

.collection-card img{
  max-width:42% !important;
  height:300px !important;
  object-fit:contain !important;
  background:transparent !important;
  filter:drop-shadow(0 28px 34px rgba(0,0,0,.55)) !important;
}

/* Productos: fondo blanco limpio, sin bordes raros */
.product-image{
  background:#fff !important;
}

.product-image img{
  object-fit:contain !important;
}

/* Mobile nav: horizontal scroll, bien visible */
@media(max-width:980px){
  .site-header{
    align-items:center !important;
  }

  .category-top-nav{
    order:3 !important;
    width:100% !important;
    max-width:100% !important;
    justify-content:flex-start !important;
    overflow-x:auto !important;
    padding-bottom:4px !important;
    scrollbar-width:none !important;
  }

  .category-top-nav::-webkit-scrollbar{
    display:none !important;
  }

  .category-top-nav a{
    flex:0 0 auto !important;
    font-size:10px !important;
    padding:11px 13px !important;
  }
}

@media(max-width:620px){
  .category-top-nav{
    gap:7px !important;
  }

  .category-top-nav a{
    min-height:40px !important;
    display:flex !important;
    align-items:center !important;
  }

  .collection-card img{
    max-width:48% !important;
    height:220px !important;
  }
}


/* =========================================================
   V17 — NAV PRO + PRECIO ESTILO TIENDA + AT10 PREMIUM
   ========================================================= */

/* Header/nav como tienda deportiva: texto limpio, sin rectángulos */
.site-header{
  min-height:72px !important;
  gap:18px !important;
}

.category-top-nav.nav-clean{
  flex:1 1 auto !important;
  max-width:none !important;
  display:flex !important;
  justify-content:center !important;
  align-items:center !important;
  gap:clamp(16px,2.1vw,34px) !important;
  overflow:visible !important;
  white-space:nowrap !important;
}

.category-top-nav.nav-clean a{
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  padding:8px 0 !important;
  color:#f4f4ef !important;
  font-family:Inter,system-ui,sans-serif !important;
  font-size:clamp(10px,0.82vw,13px) !important;
  font-weight:1000 !important;
  letter-spacing:.035em !important;
  text-transform:uppercase !important;
  position:relative !important;
  line-height:1.1 !important;
  text-align:center !important;
}

.category-top-nav.nav-clean a:after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:2px;
  background:var(--lime);
  transform:scaleX(0);
  transform-origin:center;
  transition:.22s ease;
}

.category-top-nav.nav-clean a:hover{
  color:var(--lime2) !important;
  background:transparent !important;
  box-shadow:none !important;
}

.category-top-nav.nav-clean a:hover:after{
  transform:scaleX(1);
}

/* Asegurar que Mayorista no baje solo */
@media(min-width:981px){
  .category-top-nav.nav-clean{
    flex-wrap:nowrap !important;
  }
}

/* En pantallas chicas: scroll horizontal limpio */
@media(max-width:980px){
  .category-top-nav.nav-clean{
    order:3 !important;
    width:100% !important;
    justify-content:flex-start !important;
    overflow-x:auto !important;
    gap:22px !important;
    padding:8px 2px 5px !important;
    scrollbar-width:none !important;
  }
  .category-top-nav.nav-clean::-webkit-scrollbar{
    display:none !important;
  }
  .category-top-nav.nav-clean a{
    flex:0 0 auto !important;
    font-size:11px !important;
  }
}

/* AT10 / NOX Collection: más fino, sin recorte raro */
.at10-premium-card{
  min-height:360px !important;
  background:
    radial-gradient(circle at 76% 48%, rgba(199,170,133,.10), transparent 34%),
    linear-gradient(135deg,#101213,#050505) !important;
}

.at10-premium-card h2{
  font-size:clamp(48px,5vw,82px) !important;
}

.at10-premium-card img{
  max-width:38% !important;
  height:310px !important;
  object-fit:contain !important;
  background:transparent !important;
  filter:drop-shadow(0 26px 34px rgba(0,0,0,.55)) !important;
}

/* Precio estilo tienda: limpio, sin tanto verde */
.price-block.price-list{
  display:block !important;
  margin-top:10px !important;
  padding:0 !important;
}

.price-main{
  color:#f7f7f0 !important;
  font-size:clamp(24px,1.8vw,31px) !important;
  line-height:1 !important;
  font-weight:1000 !important;
  letter-spacing:-.035em !important;
  margin-bottom:10px !important;
}

.price-transfer{
  color:#f7f7f0 !important;
  font-size:clamp(15px,1.05vw,18px) !important;
  line-height:1.18 !important;
  font-weight:900 !important;
  margin-bottom:9px !important;
}

.price-transfer span{
  color:#b9c1b3 !important;
  font-weight:800 !important;
}

.price-dues{
  color:#9fb4c8 !important;
  font-size:clamp(13px,.95vw,16px) !important;
  line-height:1.2 !important;
  font-weight:900 !important;
}

/* Ocultar estilos viejos de filas si queda algo fuera */
.product-card .price-row{
  background:transparent !important;
  border:0 !important;
  padding:0 !important;
  min-height:auto !important;
}

/* Botón compra/carrito un poco más sobrio */
.card-actions{
  margin-top:12px !important;
}

.whatsapp,
.checkout,
.btn.primary,
.cart-btn,
.filter.active{
  background:#c7aa85 !important;
  color:#050505 !important;
  box-shadow:0 12px 24px rgba(199,170,133,.11) !important;
}

/* Badge más discreto */
.badge{
  background:rgba(0,0,0,.78) !important;
  color:#c7aa85 !important;
  border:1px solid rgba(199,170,133,.28) !important;
}

/* Responsive collection */
@media(max-width:720px){
  .at10-premium-card img{
    max-width:46% !important;
    height:230px !important;
  }
  .at10-premium-card h2{
    font-size:42px !important;
  }
  .price-main{
    font-size:27px !important;
  }
}


/* =========================================================
   V18 — NOX / AT10 CON FOTO PREMIUM
   ========================================================= */

.at10-photo-card{
  position:relative !important;
  overflow:hidden !important;
  min-height:390px !important;
  padding:0 !important;
  background:#050505 !important;
  cursor:pointer !important;
}

.at10-photo-card .collection-bg-photo{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  object-fit:cover !important;
  object-position:center center !important;
  filter:contrast(1.05) saturate(1.04) !important;
  transform:scale(1.02) !important;
}

.at10-photo-card:hover .collection-bg-photo{
  transform:scale(1.06) !important;
  transition:transform .55s ease !important;
}

.collection-photo-overlay{
  position:absolute !important;
  inset:0 !important;
  z-index:1 !important;
  background:
    linear-gradient(90deg, rgba(0,0,0,.82), rgba(0,0,0,.28) 48%, rgba(0,0,0,.12)),
    linear-gradient(180deg, rgba(0,0,0,.10), rgba(0,0,0,.72)) !important;
}

.collection-photo-content{
  position:absolute !important;
  z-index:2 !important;
  left:34px !important;
  bottom:34px !important;
  right:34px !important;
}

.collection-photo-content h2{
  font-size:clamp(48px,5.2vw,86px) !important;
  line-height:.88 !important;
  max-width:620px !important;
}

.collection-photo-content span{
  display:block !important;
  margin-top:12px !important;
  color:#dfe6d5 !important;
  font-weight:800 !important;
  max-width:520px !important;
  line-height:1.45 !important;
}

@media(max-width:720px){
  .at10-photo-card{
    min-height:310px !important;
  }
  .at10-photo-card .collection-bg-photo{
    object-position:center center !important;
  }
  .collection-photo-content{
    left:22px !important;
    right:22px !important;
    bottom:22px !important;
  }
  .collection-photo-content h2{
    font-size:40px !important;
  }
}


/* =========================================================
   V19 — COLECCIÓN AT10 CON COLLAGE PRO
   ========================================================= */

.at10-collage-card{
  position:relative !important;
  overflow:hidden !important;
  min-height:430px !important;
  padding:32px !important;
  display:grid !important;
  grid-template-columns:.78fr 1.22fr !important;
  gap:26px !important;
  align-items:center !important;
  background:
    radial-gradient(circle at 74% 20%, rgba(199,170,133,.13), transparent 30%),
    linear-gradient(135deg,#111416,#050505) !important;
  cursor:pointer !important;
}

.at10-collage-card:before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  background:
    linear-gradient(135deg, rgba(199,170,133,.08), transparent 38%),
    repeating-linear-gradient(135deg, rgba(255,255,255,.035) 0 1px, transparent 1px 13px) !important;
  opacity:.75 !important;
  pointer-events:none !important;
}

.at10-copy{
  position:relative !important;
  z-index:2 !important;
}

.at10-copy h2{
  font-size:clamp(48px,5.5vw,92px) !important;
  line-height:.86 !important;
  max-width:520px !important;
  margin:0 !important;
}

.at10-copy span{
  display:block !important;
  margin-top:16px !important;
  max-width:430px !important;
  color:#dfe6d5 !important;
  font-weight:800 !important;
  line-height:1.45 !important;
}

.at10-collage{
  position:relative !important;
  z-index:2 !important;
  display:grid !important;
  grid-template-columns:1.2fr .8fr !important;
  grid-template-rows:1fr 1fr !important;
  gap:12px !important;
  height:350px !important;
}

.at10-collage figure{
  margin:0 !important;
  position:relative !important;
  overflow:hidden !important;
  border-radius:26px !important;
  background:#050505 !important;
  border:1px solid rgba(255,255,255,.12) !important;
  box-shadow:0 22px 52px rgba(0,0,0,.36) !important;
}

.at10-collage figure.main{
  grid-row:1 / span 2 !important;
}

.at10-collage img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  display:block !important;
  filter:contrast(1.06) saturate(1.04) !important;
  transition:transform .5s ease !important;
}

.at10-collage figure:after{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  background:linear-gradient(180deg, rgba(0,0,0,.05), rgba(0,0,0,.28)) !important;
}

.at10-collage-card:hover img{
  transform:scale(1.045) !important;
}

.at10-collage.two{
  grid-template-columns:1fr 1fr !important;
  grid-template-rows:1fr !important;
}

.at10-collage.two figure.main{
  grid-row:auto !important;
}

/* Evitar que estilos anteriores de at10-photo afecten */
.at10-photo-card,
.at10-photo-card .collection-bg-photo,
.collection-photo-content{
  all:unset;
}

@media(max-width:920px){
  .at10-collage-card{
    grid-template-columns:1fr !important;
    min-height:auto !important;
  }
  .at10-collage{
    height:360px !important;
  }
}

@media(max-width:620px){
  .at10-collage-card{
    padding:22px !important;
    border-radius:28px !important;
  }
  .at10-copy h2{
    font-size:42px !important;
  }
  .at10-copy span{
    font-size:13px !important;
  }
  .at10-collage{
    height:300px !important;
    gap:8px !important;
  }
  .at10-collage figure{
    border-radius:18px !important;
  }
}


/* =========================================================
   V20 — AT10 LIMPIO + PRECIOS ESTILO TIENDA / 3 CUOTAS
   ========================================================= */

/* Bloque AT10 sin fotos, elegante y liviano para Hostinger */
.at10-clean-card{
  position:relative !important;
  overflow:hidden !important;
  min-height:360px !important;
  padding:38px !important;
  display:grid !important;
  grid-template-columns:1fr .78fr !important;
  gap:26px !important;
  align-items:center !important;
  background:
    radial-gradient(circle at 80% 20%, rgba(199,170,133,.16), transparent 28%),
    linear-gradient(135deg,#111416,#050505) !important;
  cursor:pointer !important;
}

.at10-clean-card:before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  background:
    linear-gradient(135deg, rgba(199,170,133,.075), transparent 40%),
    repeating-linear-gradient(135deg, rgba(255,255,255,.035) 0 1px, transparent 1px 13px) !important;
  opacity:.85 !important;
}

.at10-clean-content,
.at10-mark{
  position:relative !important;
  z-index:2 !important;
}

.at10-clean-content h2{
  font-size:clamp(54px,6vw,96px) !important;
  line-height:.86 !important;
  max-width:620px !important;
  margin:0 !important;
}

.at10-clean-content span{
  display:block !important;
  margin-top:16px !important;
  max-width:520px !important;
  color:#dfe6d5 !important;
  font-weight:800 !important;
  line-height:1.45 !important;
}

.at10-clean-content button{
  margin-top:22px !important;
  min-height:46px !important;
  padding:0 20px !important;
  border-radius:999px !important;
  border:1px solid rgba(199,170,133,.38) !important;
  background:rgba(199,170,133,.08) !important;
  color:var(--lime2) !important;
  text-transform:uppercase !important;
  font-weight:1000 !important;
  letter-spacing:.06em !important;
}

.at10-mark{
  min-height:230px !important;
  border:1px solid rgba(199,170,133,.18) !important;
  border-radius:34px !important;
  background:rgba(255,255,255,.035) !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  align-items:center !important;
  text-align:center !important;
  box-shadow:0 24px 64px rgba(0,0,0,.28) !important;
}

.at10-mark strong{
  font-family:Anton,Inter,sans-serif !important;
  font-size:clamp(76px,8vw,132px) !important;
  line-height:.82 !important;
  letter-spacing:-.04em !important;
  color:#f7f7f0 !important;
}

.at10-mark span{
  margin-top:14px !important;
  color:var(--lime2) !important;
  font-weight:1000 !important;
  text-transform:uppercase !important;
  letter-spacing:.09em !important;
  font-size:12px !important;
}

/* Desactivar estilos anteriores de collage/fotos para que no rompan */
.at10-collage,
.at10-collage-card,
.at10-photo-card,
.collection-bg-photo,
.collection-photo-content,
.collection-photo-overlay{
  all:unset !important;
}

/* Precio estilo tienda: limpio, sin texto "total crédito" */
.price-block.price-list{
  display:block !important;
  margin-top:10px !important;
  padding:0 !important;
}

.price-main{
  color:#1f252b !important;
  font-size:clamp(24px,1.75vw,31px) !important;
  line-height:1 !important;
  font-weight:1000 !important;
  letter-spacing:-.035em !important;
  margin-bottom:10px !important;
}

.product-info .price-main{
  color:#f7f7f0 !important;
}

.price-transfer{
  color:#f7f7f0 !important;
  font-size:clamp(15px,1.02vw,18px) !important;
  line-height:1.2 !important;
  font-weight:950 !important;
  margin-bottom:9px !important;
}

.price-transfer span{
  color:#b9c1b3 !important;
  font-weight:850 !important;
}

.price-dues{
  color:#9fb4c8 !important;
  font-size:clamp(13px,.95vw,16px) !important;
  line-height:1.2 !important;
  font-weight:900 !important;
}

/* Sacar verdes excesivos de precios */
.price-row.dues,
.price-row.card,
.price-row.cash{
  background:rgba(255,255,255,.045) !important;
  border:1px solid rgba(255,255,255,.10) !important;
}

.price-row.dues strong,
.price-row.card strong,
.price-row.cash strong{
  color:#f7f7f0 !important;
}

/* Producto más cercano a estilo marketplace premium */
.product-card{
  background:#111416 !important;
}

.product-info{
  background:#111416 !important;
}

@media(max-width:920px){
  .at10-clean-card{
    grid-template-columns:1fr !important;
  }
  .at10-mark{
    min-height:170px !important;
  }
}

@media(max-width:620px){
  .at10-clean-card{
    padding:24px !important;
    min-height:310px !important;
    border-radius:28px !important;
  }
  .at10-clean-content h2{
    font-size:42px !important;
  }
  .at10-mark strong{
    font-size:76px !important;
  }
}


/* =========================================================
   V21 — MOBILE PRODUCT GRID + DROPDOWN PALTA IDEAL
   ========================================================= */

/* Dropdown en "Encontrá tu paleta ideal" */
.category-top-nav .nav-item{
  position:relative !important;
  display:flex !important;
  align-items:center !important;
}

.ideal-nav > a{
  display:block !important;
}

.ideal-dropdown{
  position:absolute !important;
  top:calc(100% + 14px) !important;
  left:50% !important;
  transform:translateX(-50%) translateY(8px) !important;
  width:min(720px, 92vw) !important;
  display:grid !important;
  grid-template-columns:repeat(3,1fr) !important;
  gap:12px !important;
  padding:16px !important;
  border-radius:24px !important;
  background:rgba(6,8,10,.96) !important;
  border:1px solid rgba(199,170,133,.22) !important;
  box-shadow:0 28px 72px rgba(0,0,0,.58) !important;
  opacity:0 !important;
  pointer-events:none !important;
  transition:.18s ease !important;
  z-index:120 !important;
  backdrop-filter:blur(16px) !important;
}

.ideal-nav:hover .ideal-dropdown,
.ideal-nav:focus-within .ideal-dropdown{
  opacity:1 !important;
  pointer-events:auto !important;
  transform:translateX(-50%) translateY(0) !important;
}

.ideal-col{
  border:1px solid rgba(255,255,255,.10) !important;
  border-radius:18px !important;
  padding:12px !important;
  background:rgba(255,255,255,.045) !important;
}

.ideal-col strong{
  display:block !important;
  color:var(--lime2) !important;
  font-size:11px !important;
  text-transform:uppercase !important;
  letter-spacing:.12em !important;
  margin-bottom:9px !important;
}

.ideal-col button{
  display:block !important;
  width:100% !important;
  min-height:38px !important;
  margin-top:7px !important;
  border-radius:13px !important;
  border:1px solid rgba(255,255,255,.10) !important;
  background:#111416 !important;
  color:#f7f7f0 !important;
  font-weight:1000 !important;
  text-transform:uppercase !important;
  letter-spacing:.055em !important;
  font-size:10px !important;
}

.ideal-col button:hover{
  background:#c7aa85 !important;
  color:#050505 !important;
}

/* Importante: en desktop no tocamos la grilla base. Sólo mobile compacto. */
@media(max-width:620px){
  /* En celular: ver varias paletas a la vez, no una por una */
  .product-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:10px !important;
    padding-left:10px !important;
    padding-right:10px !important;
  }

  .product-card{
    border-radius:20px !important;
  }

  .product-image,
  .product-card[data-category="Paletas"] .product-image,
  .product-card[data-category="Accesorios"] .product-image{
    height:175px !important;
    padding:10px !important;
  }

  .product-card[data-category="Paletas"] .product-image img{
    max-width:88% !important;
    max-height:94% !important;
  }

  .product-info{
    padding:12px !important;
    gap:6px !important;
  }

  .brand-line{
    font-size:8px !important;
    letter-spacing:.11em !important;
  }

  .product-info h3{
    font-size:15px !important;
    line-height:1.05 !important;
    min-height:32px !important;
  }

  .tone{
    display:none !important;
  }

  .variant{
    font-size:10px !important;
    min-height:12px !important;
  }

  .price-main{
    font-size:18px !important;
    margin-bottom:6px !important;
  }

  .price-transfer{
    font-size:12px !important;
    margin-bottom:5px !important;
    line-height:1.15 !important;
  }

  .price-transfer span{
    display:block !important;
    font-size:10px !important;
  }

  .price-dues{
    font-size:11px !important;
  }

  .card-actions{
    grid-template-columns:1fr !important;
    gap:7px !important;
    margin-top:8px !important;
  }

  .quick-view,
  .whatsapp{
    min-height:38px !important;
    font-size:9px !important;
    border-radius:12px !important;
  }

  .card-actions .quick-view{
    display:none !important;
  }

  .badge{
    font-size:8px !important;
    padding:6px 8px !important;
    left:10px !important;
    top:10px !important;
  }

  /* Dropdown en celular: se abre al tocar/focus; se ve compacto */
  .category-top-nav .nav-item{
    flex:0 0 auto !important;
  }

  .ideal-dropdown{
    position:fixed !important;
    top:132px !important;
    left:10px !important;
    right:10px !important;
    width:auto !important;
    transform:translateY(8px) !important;
    grid-template-columns:1fr !important;
    max-height:62vh !important;
    overflow:auto !important;
  }

  .ideal-nav:hover .ideal-dropdown,
  .ideal-nav:focus-within .ideal-dropdown{
    transform:translateY(0) !important;
  }

  .ideal-col{
    padding:10px !important;
  }

  .ideal-col button{
    min-height:36px !important;
  }
}

@media(max-width:380px){
  .product-grid{
    gap:8px !important;
    padding-left:8px !important;
    padding-right:8px !important;
  }

  .product-image,
  .product-card[data-category="Paletas"] .product-image,
  .product-card[data-category="Accesorios"] .product-image{
    height:158px !important;
  }

  .product-info h3{
    font-size:14px !important;
  }

  .price-main{
    font-size:16px !important;
  }
}


/* =========================================================
   V22 — FIX MOBILE GRID + PALTA IDEAL
   ========================================================= */

/* Desktop: dropdown estable, sin cerrarse al mover el mouse */
.ideal-nav{
  position:relative !important;
  padding:18px 0 !important;
  margin:-18px 0 !important;
}

.ideal-nav .ideal-main-link{
  cursor:default !important;
}

.ideal-dropdown{
  top:100% !important;
  margin-top:0 !important;
  transform:translateX(-50%) translateY(0) !important;
  padding-top:16px !important;
}

.ideal-dropdown:before{
  content:"" !important;
  position:absolute !important;
  left:0 !important;
  right:0 !important;
  top:-18px !important;
  height:20px !important;
}

.ideal-nav:hover .ideal-dropdown,
.ideal-nav:focus-within .ideal-dropdown{
  opacity:1 !important;
  pointer-events:auto !important;
  transform:translateX(-50%) translateY(0) !important;
}

/* Sección de prueba rápida solo para celular */
.mobile-ideal-section{
  display:none;
}

/* Mobile/tablet: dos productos por fila. Desktop queda igual. */
@media(max-width:900px){
  /* Sacar dropdown feo en celular */
  .ideal-dropdown{
    display:none !important;
  }

  .ideal-nav{
    padding:0 !important;
    margin:0 !important;
  }

  .ideal-nav .ideal-main-link{
    cursor:pointer !important;
  }

  .mobile-ideal-section{
    display:block !important;
    padding:22px 12px 10px !important;
  }

  .mobile-ideal-card{
    border:1px solid rgba(199,170,133,.18);
    border-radius:26px;
    padding:18px;
    background:
      radial-gradient(circle at 88% 12%, rgba(199,170,133,.12), transparent 28%),
      linear-gradient(135deg,#111416,#060708);
  }

  .mobile-ideal-card h2{
    font-size:34px !important;
    line-height:.92 !important;
    margin:0 0 10px !important;
  }

  .mobile-ideal-card p{
    color:#cfd4c0;
    line-height:1.45;
    font-size:13px;
    margin-bottom:14px;
  }

  .mobile-ideal-grid{
    display:grid;
    grid-template-columns:1fr;
    gap:10px;
  }

  .mobile-ideal-grid article{
    border:1px solid rgba(255,255,255,.10);
    border-radius:18px;
    padding:12px;
    background:rgba(255,255,255,.04);
  }

  .mobile-ideal-grid strong{
    display:block;
    color:var(--lime2);
    font-size:11px;
    letter-spacing:.11em;
    text-transform:uppercase;
    margin-bottom:8px;
  }

  .mobile-ideal-grid button{
    min-height:38px;
    padding:0 11px;
    margin:4px 4px 0 0;
    border-radius:999px;
    background:#111;
    border:1px solid rgba(255,255,255,.12);
    color:#fff;
    font-size:10px;
    font-weight:1000;
    letter-spacing:.05em;
    text-transform:uppercase;
  }

  .mobile-ideal-grid button:active,
  .mobile-ideal-grid button:hover{
    background:#c7aa85;
    color:#050505;
  }

  /* Forzar 2 columnas de productos en celular/tablet */
  .product-grid{
    display:grid !important;
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
    gap:10px !important;
    padding-left:10px !important;
    padding-right:10px !important;
  }

  .product-card{
    min-width:0 !important;
    border-radius:19px !important;
  }

  .product-image,
  .product-card[data-category="Paletas"] .product-image,
  .product-card[data-category="Accesorios"] .product-image{
    height:170px !important;
    padding:9px !important;
  }

  .product-card[data-category="Paletas"] .product-image img{
    max-width:88% !important;
    max-height:94% !important;
  }

  .product-info{
    padding:11px !important;
    gap:5px !important;
  }

  .brand-line{
    font-size:8px !important;
  }

  .product-info h3{
    font-size:15px !important;
    min-height:32px !important;
    line-height:1.05 !important;
  }

  .tone{
    display:none !important;
  }

  .variant{
    font-size:10px !important;
    min-height:12px !important;
  }

  .price-main{
    font-size:18px !important;
    margin-bottom:5px !important;
  }

  .price-transfer{
    font-size:12px !important;
    line-height:1.15 !important;
    margin-bottom:4px !important;
  }

  .price-transfer span{
    display:block !important;
    font-size:10px !important;
  }

  .price-dues{
    font-size:11px !important;
  }

  .card-actions{
    grid-template-columns:1fr !important;
    gap:6px !important;
    margin-top:7px !important;
  }

  .card-actions .quick-view{
    display:none !important;
  }

  .quick-view,
  .whatsapp{
    min-height:37px !important;
    font-size:9px !important;
    border-radius:12px !important;
  }

  .badge{
    font-size:8px !important;
    padding:5px 7px !important;
    left:9px !important;
    top:9px !important;
  }
}

@media(max-width:380px){
  .product-grid{
    gap:8px !important;
    padding-left:8px !important;
    padding-right:8px !important;
  }

  .product-image,
  .product-card[data-category="Paletas"] .product-image,
  .product-card[data-category="Accesorios"] .product-image{
    height:154px !important;
  }

  .product-info h3{
    font-size:14px !important;
  }

  .price-main{
    font-size:16px !important;
  }

  .price-transfer{
    font-size:11px !important;
  }

  .price-dues{
    font-size:10px !important;
  }
}


/* =========================================================
   V23 — MOBILE MARKETPLACE PRO + PALETA IDEAL MEJORADA
   ========================================================= */

/* Desktop: dropdown estable y clickeable */
@media(min-width:901px){
  .ideal-nav{
    position:relative !important;
    padding:18px 0 !important;
    margin:-18px 0 !important;
  }

  .ideal-nav .ideal-main-link{
    cursor:default !important;
  }

  .ideal-dropdown{
    top:100% !important;
    margin-top:0 !important;
    padding-top:16px !important;
    transform:translateX(-50%) translateY(0) !important;
  }

  .ideal-dropdown:before{
    content:"" !important;
    position:absolute !important;
    left:0 !important;
    right:0 !important;
    top:-20px !important;
    height:22px !important;
  }

  .ideal-nav:hover .ideal-dropdown,
  .ideal-nav:focus-within .ideal-dropdown{
    opacity:1 !important;
    pointer-events:auto !important;
    transform:translateX(-50%) translateY(0) !important;
  }
}

/* Mobile: no dropdown feo */
@media(max-width:900px){
  .ideal-dropdown{
    display:none !important;
  }

  .mobile-ideal-section{
    display:block !important;
    padding:18px 10px 8px !important;
  }

  .ideal-pro-card{
    border-radius:24px !important;
    padding:18px !important;
    background:
      radial-gradient(circle at 88% 12%, rgba(199,170,133,.13), transparent 30%),
      linear-gradient(135deg,#111416,#050607) !important;
    border:1px solid rgba(199,170,133,.20) !important;
    box-shadow:0 20px 50px rgba(0,0,0,.28) !important;
  }

  .ideal-pro-head h2{
    font-size:34px !important;
    line-height:.9 !important;
    margin:0 0 9px !important;
  }

  .ideal-pro-head p{
    color:#cfd4c0 !important;
    font-size:13px !important;
    line-height:1.45 !important;
    margin:0 0 14px !important;
  }

  .ideal-pro-steps{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:10px !important;
  }

  .ideal-pro-steps article{
    display:grid !important;
    grid-template-columns:40px 1fr !important;
    gap:10px !important;
    align-items:start !important;
    padding:12px !important;
    border-radius:18px !important;
    background:rgba(255,255,255,.045) !important;
    border:1px solid rgba(255,255,255,.10) !important;
  }

  .ideal-pro-steps article > span{
    width:36px !important;
    height:36px !important;
    border-radius:12px !important;
    background:#c7aa85 !important;
    color:#050505 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    font-weight:1000 !important;
    font-size:12px !important;
  }

  .ideal-pro-steps strong{
    display:block !important;
    color:#f7f7f0 !important;
    font-size:13px !important;
    text-transform:uppercase !important;
    letter-spacing:.08em !important;
    margin-bottom:8px !important;
  }

  .ideal-pro-steps article > div{
    grid-column:2 !important;
    display:flex !important;
    flex-wrap:wrap !important;
    gap:6px !important;
  }

  .ideal-pro-steps button{
    min-height:34px !important;
    padding:0 12px !important;
    border-radius:999px !important;
    background:#0c0e10 !important;
    border:1px solid rgba(255,255,255,.13) !important;
    color:#fff !important;
    font-size:10px !important;
    font-weight:1000 !important;
    text-transform:uppercase !important;
    letter-spacing:.045em !important;
  }

  .ideal-pro-steps button:hover,
  .ideal-pro-steps button:active{
    background:#c7aa85 !important;
    color:#050505 !important;
  }

  /* Forzar catálogo 2 columnas real, estilo marketplace */
  body .product-grid#productGrid{
    display:grid !important;
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
    gap:10px !important;
    padding:12px 8px 42px !important;
    background:#f3f3f1 !important;
  }

  body .product-grid#productGrid .product-card{
    min-width:0 !important;
    min-height:0 !important;
    border-radius:8px !important;
    background:#ffffff !important;
    border:1px solid rgba(0,0,0,.08) !important;
    box-shadow:0 3px 10px rgba(0,0,0,.08) !important;
    overflow:hidden !important;
    transform:none !important;
  }

  body .product-grid#productGrid .product-card:hover{
    transform:none !important;
  }

  body .product-grid#productGrid .product-image,
  body .product-grid#productGrid .product-card[data-category="Paletas"] .product-image,
  body .product-grid#productGrid .product-card[data-category="Accesorios"] .product-image{
    height:220px !important;
    padding:8px !important;
    background:#ffffff !important;
    border-bottom:1px solid rgba(0,0,0,.06) !important;
  }

  body .product-grid#productGrid .product-image img{
    width:100% !important;
    height:100% !important;
    max-width:100% !important;
    max-height:100% !important;
    object-fit:contain !important;
    filter:none !important;
  }

  body .product-grid#productGrid .product-info{
    background:#ffffff !important;
    color:#222 !important;
    padding:10px !important;
    gap:4px !important;
  }

  body .product-grid#productGrid .brand-line{
    display:none !important;
  }

  body .product-grid#productGrid .product-info h3{
    color:#3d3d3d !important;
    font-family:Inter,system-ui,sans-serif !important;
    font-size:15px !important;
    font-weight:500 !important;
    line-height:1.15 !important;
    letter-spacing:-.02em !important;
    min-height:34px !important;
    text-transform:none !important;
    overflow:hidden !important;
    display:-webkit-box !important;
    -webkit-line-clamp:2 !important;
    -webkit-box-orient:vertical !important;
  }

  body .product-grid#productGrid .tone{
    display:none !important;
  }

  body .product-grid#productGrid .variant{
    display:none !important;
  }

  body .product-grid#productGrid .price-block.price-list{
    margin-top:6px !important;
  }

  body .product-grid#productGrid .price-main{
    color:#202428 !important;
    font-size:21px !important;
    font-weight:1000 !important;
    letter-spacing:-.04em !important;
    margin:0 0 6px !important;
  }

  body .product-grid#productGrid .price-transfer{
    color:#333 !important;
    font-size:13px !important;
    line-height:1.2 !important;
    font-weight:900 !important;
    margin-bottom:7px !important;
  }

  body .product-grid#productGrid .price-transfer span{
    display:block !important;
    color:#333 !important;
    font-size:12px !important;
    font-weight:900 !important;
  }

  body .product-grid#productGrid .price-dues{
    color:#4f86b7 !important;
    font-size:12px !important;
    font-weight:900 !important;
    line-height:1.2 !important;
  }

  body .product-grid#productGrid .card-actions{
    display:grid !important;
    grid-template-columns:1fr !important;
    margin-top:10px !important;
    gap:0 !important;
  }

  body .product-grid#productGrid .quick-view{
    display:none !important;
  }

  body .product-grid#productGrid .whatsapp{
    min-height:42px !important;
    border-radius:4px !important;
    background:#86a209 !important;
    color:#fff !important;
    font-size:13px !important;
    font-weight:1000 !important;
    letter-spacing:.04em !important;
    box-shadow:none !important;
  }

  body .product-grid#productGrid .badge{
    display:none !important;
  }

  /* Toolbar más parecida a tienda en celular */
  .toolbar{
    padding:18px 10px 0 !important;
    background:#f3f3f1 !important;
    color:#111 !important;
  }

  .toolbar .eyebrow{
    color:#6f8500 !important;
  }

  .toolbar h2{
    color:#111 !important;
    font-size:34px !important;
  }

  .controls{
    width:100% !important;
  }

  .controls input{
    background:#fff !important;
    color:#111 !important;
    border:1px solid rgba(0,0,0,.16) !important;
  }

  .filter{
    background:#fff !important;
    color:#111 !important;
    border:1px solid rgba(0,0,0,.12) !important;
  }

  .filter.active{
    background:#111 !important;
    color:#fff !important;
  }
}

@media(max-width:390px){
  body .product-grid#productGrid .product-image,
  body .product-grid#productGrid .product-card[data-category="Paletas"] .product-image,
  body .product-grid#productGrid .product-card[data-category="Accesorios"] .product-image{
    height:195px !important;
  }

  body .product-grid#productGrid .product-info h3{
    font-size:14px !important;
  }

  body .product-grid#productGrid .price-main{
    font-size:19px !important;
  }

  body .product-grid#productGrid .price-transfer{
    font-size:12px !important;
  }

  body .product-grid#productGrid .price-dues{
    font-size:11px !important;
  }
}


/* =========================================================
   V24 — ORDEN HOME: FUTBOL + PALETA IDEAL ABAJO / NAV ALINEADO
   ========================================================= */

/* Nav: todos los items alineados a la misma altura */
.category-top-nav.nav-clean{
  align-items:center !important;
}

.category-top-nav.nav-clean > a,
.category-top-nav.nav-clean .nav-item,
.category-top-nav.nav-clean .ideal-main-link{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  height:42px !important;
  line-height:1.05 !important;
}

.category-top-nav.nav-clean .nav-item{
  padding:0 !important;
  margin:0 !important;
}

.category-top-nav.nav-clean .ideal-main-link{
  padding:8px 0 !important;
  margin:0 !important;
}

/* Arriba queda sólo Colección AT10 */
.premium-collections{
  grid-template-columns:1fr !important;
}

/* Bloque inferior para fútbol + paleta ideal, después del catálogo */
.lower-feature-zone{
  padding:14px clamp(18px,5vw,72px) 54px;
  display:grid;
  grid-template-columns: .9fr 1.1fr;
  gap:22px;
  align-items:stretch;
}

.lower-feature-zone .future-card{
  min-height:360px !important;
}

.lower-feature-zone .mobile-ideal-section{
  display:block !important;
  padding:0 !important;
}

.lower-feature-zone .ideal-pro-card{
  height:100% !important;
  border-radius:34px !important;
  padding:28px !important;
  background:
    radial-gradient(circle at 88% 12%, rgba(199,170,133,.13), transparent 30%),
    linear-gradient(135deg,#111416,#050607) !important;
  border:1px solid rgba(199,170,133,.20) !important;
  box-shadow:0 20px 50px rgba(0,0,0,.28) !important;
}

.lower-feature-zone .ideal-pro-head h2{
  font-size:clamp(38px,4.2vw,64px) !important;
  line-height:.9 !important;
  margin:0 0 12px !important;
}

.lower-feature-zone .ideal-pro-head p{
  color:#cfd4c0 !important;
  line-height:1.45 !important;
  margin-bottom:18px !important;
}

.lower-feature-zone .ideal-pro-steps{
  display:grid !important;
  grid-template-columns:repeat(3,1fr) !important;
  gap:10px !important;
}

.lower-feature-zone .ideal-pro-steps article{
  padding:14px !important;
  border-radius:20px !important;
  background:rgba(255,255,255,.045) !important;
  border:1px solid rgba(255,255,255,.10) !important;
}

.lower-feature-zone .ideal-pro-steps article > span{
  width:34px !important;
  height:34px !important;
  border-radius:12px !important;
  background:#c7aa85 !important;
  color:#050505 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  font-weight:1000 !important;
  font-size:12px !important;
  margin-bottom:10px !important;
}

.lower-feature-zone .ideal-pro-steps strong{
  display:block !important;
  color:#f7f7f0 !important;
  font-size:12px !important;
  text-transform:uppercase !important;
  letter-spacing:.08em !important;
  margin-bottom:8px !important;
}

.lower-feature-zone .ideal-pro-steps button{
  width:100% !important;
  min-height:34px !important;
  margin-top:6px !important;
  border-radius:999px !important;
  background:#0c0e10 !important;
  border:1px solid rgba(255,255,255,.13) !important;
  color:#fff !important;
  font-size:10px !important;
  font-weight:1000 !important;
  text-transform:uppercase !important;
  letter-spacing:.045em !important;
}

.lower-feature-zone .ideal-pro-steps button:hover{
  background:#c7aa85 !important;
  color:#050505 !important;
}

/* Mobile: primero catálogo; después fútbol e ideal debajo, bien ordenado */
@media(max-width:900px){
  .category-top-nav.nav-clean > a,
  .category-top-nav.nav-clean .nav-item,
  .category-top-nav.nav-clean .ideal-main-link{
    height:36px !important;
  }

  .lower-feature-zone{
    padding:12px 10px 34px !important;
    grid-template-columns:1fr !important;
    gap:12px !important;
    background:#f3f3f1 !important;
  }

  .lower-feature-zone .future-card{
    min-height:240px !important;
    border-radius:22px !important;
  }

  .lower-feature-zone .ideal-pro-card{
    border-radius:22px !important;
    padding:18px !important;
  }

  .lower-feature-zone .ideal-pro-head h2{
    font-size:34px !important;
  }

  .lower-feature-zone .ideal-pro-head p{
    font-size:13px !important;
    margin-bottom:14px !important;
  }

  .lower-feature-zone .ideal-pro-steps{
    grid-template-columns:1fr !important;
    gap:10px !important;
  }

  .lower-feature-zone .ideal-pro-steps article{
    display:grid !important;
    grid-template-columns:40px 1fr !important;
    gap:10px !important;
    align-items:start !important;
    padding:12px !important;
  }

  .lower-feature-zone .ideal-pro-steps article > span{
    margin-bottom:0 !important;
  }

  .lower-feature-zone .ideal-pro-steps article > div{
    grid-column:2 !important;
    display:flex !important;
    flex-wrap:wrap !important;
    gap:6px !important;
  }

  .lower-feature-zone .ideal-pro-steps button{
    width:auto !important;
    padding:0 12px !important;
    margin-top:0 !important;
  }
}


/* =========================================================
   V25 — PALETA IDEAL PRO
   ========================================================= */

/* Nueva sección de guía de paletas: limpia y premium */
.ideal-selector-pro{
  display:block !important;
  padding:0 !important;
  background:transparent !important;
}

.ideal-selector-inner{
  height:100% !important;
  border-radius:34px !important;
  padding:30px !important;
  background:
    radial-gradient(circle at 88% 10%, rgba(199,170,133,.14), transparent 28%),
    linear-gradient(135deg,#111416,#050607) !important;
  border:1px solid rgba(199,170,133,.20) !important;
  box-shadow:0 20px 50px rgba(0,0,0,.28) !important;
}

.ideal-selector-copy h2{
  font-size:clamp(40px,4.4vw,68px) !important;
  line-height:.88 !important;
  margin:0 0 12px !important;
  letter-spacing:-.035em !important;
}

.ideal-selector-copy p{
  max-width:680px !important;
  color:#cfd4c0 !important;
  line-height:1.5 !important;
  margin-bottom:20px !important;
  font-weight:700 !important;
}

.ideal-selector-grid{
  display:grid !important;
  grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
  gap:12px !important;
}

.ideal-selector-grid article{
  border-radius:24px !important;
  padding:16px !important;
  background:rgba(255,255,255,.045) !important;
  border:1px solid rgba(255,255,255,.11) !important;
  position:relative !important;
  overflow:hidden !important;
}

.ideal-selector-grid article:before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  background:linear-gradient(135deg, rgba(199,170,133,.08), transparent 54%) !important;
  pointer-events:none !important;
}

.level-top{
  position:relative !important;
  z-index:1 !important;
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  margin-bottom:14px !important;
}

.level-top span{
  width:36px !important;
  height:36px !important;
  border-radius:12px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:#c7aa85 !important;
  color:#050505 !important;
  font-weight:1000 !important;
  font-size:12px !important;
}

.level-top strong{
  color:#f7f7f0 !important;
  font-size:13px !important;
  text-transform:uppercase !important;
  letter-spacing:.08em !important;
}

.playstyle-buttons{
  position:relative !important;
  z-index:1 !important;
  display:grid !important;
  gap:8px !important;
}

.playstyle-buttons button{
  width:100% !important;
  min-height:38px !important;
  border-radius:999px !important;
  border:1px solid rgba(255,255,255,.13) !important;
  background:#0c0e10 !important;
  color:#fff !important;
  font-size:10px !important;
  font-weight:1000 !important;
  text-transform:uppercase !important;
  letter-spacing:.05em !important;
  transition:.18s ease !important;
}

.playstyle-buttons button:hover{
  background:#c7aa85 !important;
  color:#050505 !important;
  border-color:#c7aa85 !important;
}

/* Anular estilos viejos que deformaban la prueba rápida */
.lower-feature-zone .ideal-pro-card,
.lower-feature-zone .ideal-pro-steps,
.lower-feature-zone .ideal-pro-head,
.mobile-ideal-card,
.mobile-ideal-grid,
.ideal-pro-card,
.ideal-pro-steps,
.ideal-pro-head{
  all:unset;
}

/* Layout de la zona inferior con fútbol + guía */
.lower-feature-zone{
  align-items:stretch !important;
}

.lower-feature-zone .ideal-selector-pro{
  height:100% !important;
}

/* Mobile: que se vea como módulo premium y no como formulario roto */
@media(max-width:900px){
  .lower-feature-zone{
    background:#f3f3f1 !important;
    padding:12px 10px 34px !important;
  }

  .ideal-selector-inner{
    border-radius:22px !important;
    padding:18px !important;
  }

  .ideal-selector-copy h2{
    font-size:34px !important;
    line-height:.92 !important;
  }

  .ideal-selector-copy p{
    font-size:13px !important;
    margin-bottom:14px !important;
  }

  .ideal-selector-grid{
    grid-template-columns:1fr !important;
    gap:10px !important;
  }

  .ideal-selector-grid article{
    border-radius:18px !important;
    padding:12px !important;
  }

  .level-top{
    margin-bottom:10px !important;
  }

  .playstyle-buttons{
    grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
    gap:6px !important;
  }

  .playstyle-buttons button{
    min-height:36px !important;
    font-size:9px !important;
    padding:0 6px !important;
  }
}

@media(max-width:380px){
  .playstyle-buttons{
    grid-template-columns:1fr !important;
  }
}


/* =========================================================
   V27 — Selector ideal interactivo PRO
   ========================================================= */

.ideal-interactive .ideal-selector-inner{
  padding:30px !important;
}

.ideal-level-tabs{
  display:grid !important;
  grid-template-columns:repeat(3,1fr) !important;
  gap:8px !important;
  margin:18px 0 16px !important;
  padding:6px !important;
  border-radius:999px !important;
  background:rgba(255,255,255,.06) !important;
  border:1px solid rgba(255,255,255,.10) !important;
}

.ideal-level-tabs button{
  min-height:42px !important;
  border-radius:999px !important;
  border:0 !important;
  background:transparent !important;
  color:#cfd4c0 !important;
  text-transform:uppercase !important;
  font-weight:1000 !important;
  letter-spacing:.055em !important;
  font-size:11px !important;
}

.ideal-level-tabs button.active{
  background:#c7aa85 !important;
  color:#050505 !important;
}

.ideal-panel{
  display:none !important;
}

.ideal-panel.active{
  display:block !important;
}

.ideal-panel-copy{
  margin-bottom:14px !important;
}

.ideal-panel-copy strong{
  display:block !important;
  color:#f7f7f0 !important;
  font-size:18px !important;
  text-transform:uppercase !important;
  letter-spacing:.08em !important;
}

.ideal-panel-copy span{
  display:block !important;
  color:#cfd4c0 !important;
  margin-top:5px !important;
  line-height:1.4 !important;
}

.ideal-style-grid{
  display:grid !important;
  grid-template-columns:repeat(3,1fr) !important;
  gap:10px !important;
}

.ideal-style-grid button{
  min-height:112px !important;
  border-radius:22px !important;
  border:1px solid rgba(255,255,255,.12) !important;
  background:
    radial-gradient(circle at 80% 12%, rgba(199,170,133,.10), transparent 30%),
    rgba(255,255,255,.045) !important;
  color:#fff !important;
  padding:16px !important;
  text-align:left !important;
  transition:.18s ease !important;
}

.ideal-style-grid button:hover{
  transform:translateY(-2px) !important;
  border-color:rgba(199,170,133,.45) !important;
}

.ideal-style-grid b{
  display:block !important;
  font-size:18px !important;
  text-transform:uppercase !important;
  letter-spacing:.04em !important;
  margin-bottom:8px !important;
}

.ideal-style-grid span{
  color:#cfd4c0 !important;
  font-size:13px !important;
  line-height:1.35 !important;
}

@media(max-width:900px){
  .ideal-interactive .ideal-selector-inner{
    padding:18px !important;
  }

  .ideal-level-tabs{
    margin:14px 0 14px !important;
  }

  .ideal-level-tabs button{
    font-size:10px !important;
    min-height:38px !important;
  }

  .ideal-style-grid{
    grid-template-columns:1fr !important;
    gap:8px !important;
  }

  .ideal-style-grid button{
    min-height:78px !important;
    border-radius:18px !important;
    padding:14px !important;
  }

  .ideal-style-grid b{
    font-size:16px !important;
    margin-bottom:4px !important;
  }
}


/* =========================================================
   V30 — Marketplace premium estilo cards blancas + a pedido
   ========================================================= */

:root{
  --lime:#c7aa85;
  --deep:#001328;
  --deep2:#020912;
}

/* Hero/product area: more marketplace and clean */
.toolbar{
  background:
    radial-gradient(circle at 80% 0%, rgba(199,170,133,.11), transparent 28%),
    linear-gradient(180deg,#041528,#02070d) !important;
  border-top:1px solid rgba(199,170,133,.12);
  padding-top:44px !important;
  padding-bottom:22px !important;
}

.toolbar h2{
  color:#f7f7f0 !important;
  font-size:clamp(42px,4.8vw,76px) !important;
}

.toolbar .eyebrow{
  color:var(--lime) !important;
}

.controls input{
  background:#07111e !important;
  border-color:rgba(255,255,255,.13) !important;
}

.filter{
  background:#07111e !important;
  border-color:rgba(255,255,255,.12) !important;
  color:#f7f7f0 !important;
}

.filter.active{
  background:var(--lime) !important;
  color:#06100b !important;
}

.product-grid#productGrid{
  background:linear-gradient(180deg,#041528,#02070d) !important;
  padding-top:18px !important;
  grid-template-columns:repeat(5,minmax(0,1fr)) !important;
  gap:16px !important;
}

.product-grid#productGrid .product-card{
  background:#fff !important;
  border:1px solid rgba(255,255,255,.12) !important;
  border-radius:14px !important;
  min-height:auto !important;
  overflow:hidden !important;
  box-shadow:0 16px 36px rgba(0,0,0,.25) !important;
}

.product-grid#productGrid .product-card:hover{
  transform:translateY(-4px) !important;
  border-color:rgba(199,170,133,.55) !important;
}

.product-grid#productGrid .product-image,
.product-grid#productGrid .product-card[data-category="Paletas"] .product-image,
.product-grid#productGrid .product-card[data-category="Accesorios"] .product-image{
  height:330px !important;
  background:#fff !important;
  padding:14px !important;
  border-bottom:1px solid rgba(0,0,0,.06) !important;
}

.product-grid#productGrid .product-image img{
  width:100% !important;
  height:100% !important;
  max-width:100% !important;
  max-height:100% !important;
  object-fit:contain !important;
  filter:none !important;
}

.product-grid#productGrid .product-info{
  background:#fff !important;
  color:#111 !important;
  padding:16px !important;
}

.product-grid#productGrid .brand-line{
  color:#5c6772 !important;
  font-size:10px !important;
}

.product-grid#productGrid .product-info h3{
  font-family:Inter,system-ui,sans-serif !important;
  color:#111 !important;
  font-size:17px !important;
  line-height:1.18 !important;
  min-height:44px !important;
  text-transform:none !important;
  letter-spacing:-.02em !important;
  font-weight:750 !important;
}

.product-grid#productGrid .tone{
  display:none !important;
}

.product-grid#productGrid .variant{
  color:#54616c !important;
  font-size:12px !important;
  min-height:18px !important;
}

.product-grid#productGrid .price-main{
  color:#12171d !important;
  font-size:24px !important;
  font-weight:1000 !important;
  margin-bottom:6px !important;
}

.product-grid#productGrid .price-transfer{
  color:#12171d !important;
  font-size:14px !important;
  font-weight:950 !important;
  margin-bottom:5px !important;
}

.product-grid#productGrid .price-transfer span{
  color:#12171d !important;
}

.product-grid#productGrid .price-dues{
  color:#0b67bd !important;
  font-size:13px !important;
  font-weight:900 !important;
}

.product-grid#productGrid .card-actions{
  grid-template-columns:1fr !important;
  margin-top:13px !important;
}

.product-grid#productGrid .quick-view{
  display:none !important;
}

.product-grid#productGrid .whatsapp{
  min-height:48px !important;
  border-radius:7px !important;
  background:#001328 !important;
  color:#fff !important;
  font-size:12px !important;
  box-shadow:none !important;
}

.product-grid#productGrid .whatsapp:before{
  content:"🛒";
  margin-right:8px;
  color:var(--lime);
}

.product-grid#productGrid .badge{
  left:auto !important;
  right:12px !important;
  top:12px !important;
  border:0 !important;
  border-radius:7px !important;
  color:#051000 !important;
  background:#75d91b !important;
  font-size:10px !important;
  padding:8px 10px !important;
}

.product-grid#productGrid .product-card[data-status="stock"] .badge{
  background:#0d5d77 !important;
  color:#fff !important;
  max-width:96px !important;
  line-height:1.05 !important;
  text-align:center !important;
}

.pedido-main{
  color:#12171d !important;
  font-size:22px !important;
  font-weight:1000 !important;
  margin-bottom:6px !important;
}

.pedido-sub{
  color:#12171d !important;
  font-size:13px !important;
  font-weight:900 !important;
}

.pedido-dues{
  color:#0b67bd !important;
  font-size:13px !important;
  font-weight:900 !important;
}

@media(max-width:1320px){
  .product-grid#productGrid{
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  }
}

@media(max-width:980px){
  .product-grid#productGrid{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  }
}

@media(max-width:900px){
  .product-grid#productGrid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:10px !important;
    padding:12px 8px 42px !important;
    background:#f3f3f1 !important;
  }

  .product-grid#productGrid .product-card{
    border-radius:8px !important;
    box-shadow:0 3px 10px rgba(0,0,0,.08) !important;
  }

  .product-grid#productGrid .product-image,
  .product-grid#productGrid .product-card[data-category="Paletas"] .product-image,
  .product-grid#productGrid .product-card[data-category="Accesorios"] .product-image{
    height:220px !important;
    padding:8px !important;
  }

  .product-grid#productGrid .product-info{
    padding:10px !important;
  }

  .product-grid#productGrid .brand-line,
  .product-grid#productGrid .variant{
    display:none !important;
  }

  .product-grid#productGrid .product-info h3{
    font-size:15px !important;
    font-weight:500 !important;
    line-height:1.15 !important;
    min-height:36px !important;
    overflow:hidden !important;
    display:-webkit-box !important;
    -webkit-line-clamp:2 !important;
    -webkit-box-orient:vertical !important;
  }

  .product-grid#productGrid .price-main{
    font-size:21px !important;
  }

  .product-grid#productGrid .price-transfer{
    font-size:13px !important;
    line-height:1.2 !important;
  }

  .product-grid#productGrid .price-transfer span{
    display:block !important;
    font-size:12px !important;
  }

  .product-grid#productGrid .price-dues,
  .pedido-dues{
    font-size:12px !important;
  }

  .pedido-main{
    font-size:18px !important;
  }

  .pedido-sub{
    font-size:12px !important;
  }

  .product-grid#productGrid .whatsapp{
    min-height:42px !important;
    border-radius:5px !important;
    background:#86a209 !important;
  }

  .toolbar{
    background:#f3f3f1 !important;
    color:#111 !important;
  }

  .toolbar h2{
    color:#111 !important;
    font-size:34px !important;
  }

  .toolbar .eyebrow{
    color:#6f8500 !important;
  }

  .controls input,
  .filter{
    background:#fff !important;
    color:#111 !important;
    border:1px solid rgba(0,0,0,.14) !important;
  }

  .filter.active{
    background:#111 !important;
    color:#fff !important;
  }
}

@media(max-width:390px){
  .product-grid#productGrid .product-image,
  .product-grid#productGrid .product-card[data-category="Paletas"] .product-image,
  .product-grid#productGrid .product-card[data-category="Accesorios"] .product-image{
    height:195px !important;
  }
}


/* =========================================================
   V33 — REAL IMAGES / PRO STYLE EXTENSION
   ========================================================= */

.product-grid#productGrid .product-card[data-status="stock"] .badge{
  background:#0d5d77 !important;
  color:#fff !important;
}

.product-grid#productGrid .product-card[data-status="pedido"] .badge{
  background:#75d91b !important;
  color:#051000 !important;
}

.product-grid#productGrid .product-image{
  overflow:hidden !important;
}

.product-grid#productGrid .product-image img[src$=".svg"]{
  object-fit:cover !important;
}

@media(max-width:900px){
  .product-grid#productGrid .product-image img[src$=".svg"]{
    object-fit:cover !important;
  }
}


/* V34 — Ajuste AT10 stock + Martita Ortega */
.product-grid#productGrid .product-image img[src*="martita"],
.product-grid#productGrid .product-image img[src*="cross_it"],
.product-grid#productGrid .product-image img[src*="pro_tour"]{
  object-fit:contain !important;
  padding:0 !important;
}

.product-grid#productGrid .product-card[data-status="stock"] .badge{
  background:#0d5d77 !important;
  color:#fff !important;
  font-size:9px !important;
}

.product-grid#productGrid .product-card[data-status="pedido"] .badge{
  background:#75d91b !important;
  color:#051000 !important;
}


/* =========================================================
   V35 — SOLO STOCK + LIMPIEZA HEADER
   ========================================================= */

/* Ocultar cualquier resto de productos a pedido */
.product-card[data-status="pedido"]{
  display:none !important;
}

/* Todos los badges visibles son entrega inmediata */
.product-grid#productGrid .product-card[data-status="stock"] .badge{
  background:#0d5d77 !important;
  color:#ffffff !important;
  border:0 !important;
}

/* Limpieza de la línea entre la franja superior y las categorías */
.promo-bar,
.announcement,
.top-strip,
.trust-bar{
  border-bottom:0 !important;
  box-shadow:none !important;
}

.site-header{
  border-top:0 !important;
  border-bottom:0 !important;
  box-shadow:none !important;
}

.category-top-nav,
.category-top-nav.nav-clean,
.top-nav,
.main-nav{
  border-top:0 !important;
  border-bottom:0 !important;
  box-shadow:none !important;
}

/* Que header y categorías se lean como un bloque unido */
.header-wrap,
.site-header,
.nav-wrap{
  background:#05080d !important;
}

/* Si había una línea generada por pseudo-elementos */
.site-header:before,
.site-header:after,
.category-top-nav:before,
.category-top-nav:after,
.top-nav:before,
.top-nav:after{
  display:none !important;
}

/* Ajuste compacto para que no quede espacio raro */
.site-header{
  margin-top:0 !important;
}

.top-nav{
  margin-top:0 !important;
}

@media(max-width:900px){
  .site-header,
  .category-top-nav,
  .top-nav{
    border:0 !important;
    box-shadow:none !important;
  }
}


/* =========================================================
   V36 — Nueva mercadería precio consultar
   ========================================================= */

.product-grid#productGrid .product-card[data-status="stock"] .badge{
  background:#0d5d77 !important;
  color:#ffffff !important;
}

.product-grid#productGrid .product-image img{
  object-fit:contain !important;
}

/* Cuando el precio sea consultar, que se vea fuerte y claro */
.pedido-main,
.product-grid#productGrid .pedido-main{
  color:#12171d !important;
  font-size:22px !important;
  font-weight:1000 !important;
  margin-bottom:6px !important;
}

.pedido-sub,
.product-grid#productGrid .pedido-sub{
  color:#12171d !important;
  font-size:13px !important;
  font-weight:900 !important;
}

.pedido-dues,
.product-grid#productGrid .pedido-dues{
  color:#0b67bd !important;
  font-size:13px !important;
  font-weight:900 !important;
}


/* =========================================================
   V37 — BOTÓN AGREGAR AL CARRITO
   ========================================================= */

.product-grid#productGrid .whatsapp{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
}

.product-grid#productGrid .whatsapp::before{
  content:"🛒" !important;
  margin-right:0 !important;
}

.modal-actions #addCartBtn{
  background:#c7aa85 !important;
  color:#050505 !important;
}

.modal-actions #buyNowBtn{
  background:#111 !important;
  color:#fff !important;
  border:1px solid rgba(255,255,255,.16) !important;
}


/* V39 — Carrito real sin redirección */
.cart-panel.open{
  z-index:9999 !important;
}

.cart-action{
  cursor:pointer !important;
}


/* V40 — carrito siempre agrega, WhatsApp solo al finalizar */
.cart-panel.open{
  z-index:9999 !important;
}

.cart-action{
  cursor:pointer !important;
}

#checkoutMP:disabled{
  opacity:.55 !important;
  cursor:not-allowed !important;
  filter:grayscale(.4);
}


/* =========================================================
   V41 — WhatsApp flotante + Asistente ElClub
   ========================================================= */

.floating-whatsapp{
  position:fixed;
  right:18px;
  bottom:96px;
  width:58px;
  height:58px;
  border-radius:999px;
  background:#25D366;
  display:flex;
  align-items:center;
  justify-content:center;
  z-index:10000;
  box-shadow:0 16px 34px rgba(0,0,0,.34);
  border:3px solid rgba(255,255,255,.92);
  transition:.2s ease;
}

.floating-whatsapp:hover{
  transform:translateY(-3px) scale(1.03);
}

.floating-whatsapp svg{
  width:34px;
  height:34px;
  fill:#fff;
}

.ai-chat-launcher{
  position:fixed;
  right:18px;
  bottom:24px;
  width:58px;
  height:58px;
  border-radius:999px;
  z-index:10000;
  border:2px solid rgba(199,170,133,.62);
  background:linear-gradient(135deg,#101417,#050607);
  color:#c7aa85;
  font-weight:1000;
  box-shadow:0 16px 34px rgba(0,0,0,.34);
  cursor:pointer;
}

.ai-chat-launcher span{
  font-family:Anton,Inter,sans-serif;
  font-size:22px;
  letter-spacing:.02em;
}

.ai-chat-panel{
  position:fixed;
  right:18px;
  bottom:94px;
  width:min(390px, calc(100vw - 24px));
  height:min(560px, calc(100vh - 120px));
  z-index:10001;
  border-radius:26px;
  overflow:hidden;
  background:#080b0f;
  border:1px solid rgba(199,170,133,.28);
  box-shadow:0 30px 90px rgba(0,0,0,.56);
  display:none;
  flex-direction:column;
}

.ai-chat-panel.open{
  display:flex;
}

.ai-chat-panel header{
  padding:16px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  background:linear-gradient(135deg,#11171d,#050607);
  border-bottom:1px solid rgba(255,255,255,.09);
}

.ai-chat-panel header strong{
  display:block;
  color:#fff;
  font-size:15px;
  text-transform:uppercase;
  letter-spacing:.06em;
}

.ai-chat-panel header span{
  display:block;
  color:#c7aa85;
  font-size:12px;
  margin-top:3px;
}

.ai-chat-panel header button{
  width:34px;
  height:34px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.12);
  background:#111;
  color:#fff;
  font-size:24px;
  line-height:1;
}

.ai-chat-body{
  flex:1;
  padding:14px;
  overflow:auto;
  background:
    radial-gradient(circle at 90% 10%,rgba(199,170,133,.08),transparent 25%),
    #090c10;
}

.ai-msg{
  max-width:86%;
  padding:11px 12px;
  border-radius:16px;
  margin-bottom:10px;
  white-space:pre-line;
  line-height:1.35;
  font-size:13px;
}

.ai-msg.bot{
  background:#141a20;
  color:#f5f5ef;
  border:1px solid rgba(255,255,255,.08);
}

.ai-msg.user{
  background:#c7aa85;
  color:#050505;
  margin-left:auto;
  font-weight:800;
}

.ai-quick{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin-top:8px;
}

.ai-quick button{
  border:1px solid rgba(199,170,133,.22);
  background:rgba(199,170,133,.08);
  color:#c7aa85;
  border-radius:999px;
  padding:9px 10px;
  font-size:11px;
  font-weight:900;
}

.ai-chat-form{
  display:grid;
  grid-template-columns:1fr auto;
  gap:8px;
  padding:12px;
  border-top:1px solid rgba(255,255,255,.09);
  background:#07090c;
}

.ai-chat-form input{
  min-height:44px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.12);
  background:#12171d;
  color:#fff;
  padding:0 14px;
  outline:none;
}

.ai-chat-form button{
  border:0;
  border-radius:999px;
  background:#c7aa85;
  color:#050505;
  font-weight:1000;
  padding:0 15px;
}

@media(max-width:620px){
  .floating-whatsapp{
    right:14px;
    bottom:90px;
    width:54px;
    height:54px;
  }

  .ai-chat-launcher{
    right:14px;
    bottom:22px;
    width:54px;
    height:54px;
  }

  .ai-chat-panel{
    right:12px;
    left:12px;
    bottom:84px;
    width:auto;
    height:min(560px, calc(100vh - 105px));
  }
}


/* =========================================================
   V42 — FIX VISIBILIDAD MOBILE BOTONES FLOTANTES
   ========================================================= */

.floating-whatsapp,
.ai-chat-launcher,
.ai-chat-panel{
  visibility:visible !important;
  opacity:1;
}

.floating-whatsapp{
  position:fixed !important;
  right:18px !important;
  bottom:calc(98px + env(safe-area-inset-bottom, 0px)) !important;
  width:58px !important;
  height:58px !important;
  border-radius:999px !important;
  background:#25D366 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  z-index:2147483646 !important;
  box-shadow:0 16px 34px rgba(0,0,0,.34) !important;
  border:3px solid rgba(255,255,255,.92) !important;
  pointer-events:auto !important;
}

.floating-whatsapp svg{
  width:34px !important;
  height:34px !important;
  fill:#fff !important;
  display:block !important;
}

.ai-chat-launcher{
  position:fixed !important;
  right:18px !important;
  bottom:calc(24px + env(safe-area-inset-bottom, 0px)) !important;
  width:58px !important;
  height:58px !important;
  border-radius:999px !important;
  z-index:2147483646 !important;
  border:2px solid rgba(199,170,133,.72) !important;
  background:linear-gradient(135deg,#101417,#050607) !important;
  color:#c7aa85 !important;
  font-weight:1000 !important;
  box-shadow:0 16px 34px rgba(0,0,0,.34) !important;
  cursor:pointer !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  pointer-events:auto !important;
}

.ai-chat-launcher span{
  font-family:Anton,Inter,sans-serif !important;
  font-size:22px !important;
  letter-spacing:.02em !important;
}

.ai-chat-panel{
  position:fixed !important;
  right:18px !important;
  bottom:calc(94px + env(safe-area-inset-bottom, 0px)) !important;
  width:min(390px, calc(100vw - 24px)) !important;
  height:min(560px, calc(100vh - 130px)) !important;
  z-index:2147483647 !important;
  border-radius:26px !important;
  overflow:hidden !important;
  background:#080b0f !important;
  border:1px solid rgba(199,170,133,.28) !important;
  box-shadow:0 30px 90px rgba(0,0,0,.56) !important;
  display:none !important;
  flex-direction:column !important;
  pointer-events:auto !important;
}

.ai-chat-panel.open{
  display:flex !important;
}

.ai-chat-panel header{
  padding:16px !important;
  display:flex !important;
  justify-content:space-between !important;
  align-items:center !important;
  background:linear-gradient(135deg,#11171d,#050607) !important;
  border-bottom:1px solid rgba(255,255,255,.09) !important;
}

.ai-chat-panel header strong{
  display:block !important;
  color:#fff !important;
  font-size:15px !important;
  text-transform:uppercase !important;
  letter-spacing:.06em !important;
}

.ai-chat-panel header span{
  display:block !important;
  color:#c7aa85 !important;
  font-size:12px !important;
  margin-top:3px !important;
}

.ai-chat-panel header button{
  width:34px !important;
  height:34px !important;
  border-radius:999px !important;
  border:1px solid rgba(255,255,255,.12) !important;
  background:#111 !important;
  color:#fff !important;
  font-size:24px !important;
  line-height:1 !important;
}

.ai-chat-body{
  flex:1 !important;
  padding:14px !important;
  overflow:auto !important;
  background:radial-gradient(circle at 90% 10%,rgba(199,170,133,.08),transparent 25%), #090c10 !important;
}

.ai-msg{
  max-width:86% !important;
  padding:11px 12px !important;
  border-radius:16px !important;
  margin-bottom:10px !important;
  white-space:pre-line !important;
  line-height:1.35 !important;
  font-size:13px !important;
}

.ai-msg.bot{
  background:#141a20 !important;
  color:#f5f5ef !important;
  border:1px solid rgba(255,255,255,.08) !important;
}

.ai-msg.user{
  background:#c7aa85 !important;
  color:#050505 !important;
  margin-left:auto !important;
  font-weight:800 !important;
}

.ai-quick{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:7px !important;
  margin-top:8px !important;
}

.ai-quick button{
  border:1px solid rgba(199,170,133,.22) !important;
  background:rgba(199,170,133,.08) !important;
  color:#c7aa85 !important;
  border-radius:999px !important;
  padding:9px 10px !important;
  font-size:11px !important;
  font-weight:900 !important;
}

.ai-chat-form{
  display:grid !important;
  grid-template-columns:1fr auto !important;
  gap:8px !important;
  padding:12px !important;
  border-top:1px solid rgba(255,255,255,.09) !important;
  background:#07090c !important;
}

.ai-chat-form input{
  min-height:44px !important;
  border-radius:999px !important;
  border:1px solid rgba(255,255,255,.12) !important;
  background:#12171d !important;
  color:#fff !important;
  padding:0 14px !important;
  outline:none !important;
}

.ai-chat-form button{
  border:0 !important;
  border-radius:999px !important;
  background:#c7aa85 !important;
  color:#050505 !important;
  font-weight:1000 !important;
  padding:0 15px !important;
}

@media(max-width:620px){
  .floating-whatsapp{
    right:14px !important;
    bottom:calc(88px + env(safe-area-inset-bottom, 0px)) !important;
    width:54px !important;
    height:54px !important;
  }

  .floating-whatsapp svg{
    width:31px !important;
    height:31px !important;
  }

  .ai-chat-launcher{
    right:14px !important;
    bottom:calc(20px + env(safe-area-inset-bottom, 0px)) !important;
    width:54px !important;
    height:54px !important;
  }

  .ai-chat-panel{
    right:10px !important;
    left:10px !important;
    bottom:calc(82px + env(safe-area-inset-bottom, 0px)) !important;
    width:auto !important;
    height:min(560px, calc(100vh - 105px)) !important;
    border-radius:22px !important;
  }
}


/* =========================================================
   V43 — ORIGINAL REFINADA: HERO + BLOQUE EDITORIAL
   ========================================================= */

.hero-copy h1,
.hero-content h1,
.hero h1{
  letter-spacing:-.018em !important;
  word-spacing:.08em !important;
}

.hero-copy p,
.hero-content p,
.hero p{
  letter-spacing:.01em !important;
  line-height:1.6 !important;
}

.at10-editorial-card{
  position:relative !important;
  overflow:hidden !important;
  min-height:380px !important;
  padding:38px !important;
  display:grid !important;
  grid-template-columns:1.05fr .75fr !important;
  gap:28px !important;
  align-items:center !important;
  background:
    radial-gradient(circle at 82% 20%, rgba(199,170,133,.16), transparent 30%),
    linear-gradient(135deg,#111416,#050607) !important;
  cursor:pointer !important;
  border:1px solid rgba(199,170,133,.18) !important;
}

.at10-editorial-card:before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  background:
    linear-gradient(135deg, rgba(199,170,133,.08), transparent 44%),
    repeating-linear-gradient(135deg, rgba(255,255,255,.035) 0 1px, transparent 1px 13px) !important;
  opacity:.85 !important;
  pointer-events:none !important;
}

.at10-editorial-copy,
.at10-editorial-mark{
  position:relative !important;
  z-index:2 !important;
}

.at10-editorial-copy h2{
  font-family:Anton,Inter,sans-serif !important;
  font-size:clamp(46px,5.4vw,86px) !important;
  line-height:.86 !important;
  letter-spacing:-.035em !important;
  text-transform:uppercase !important;
  max-width:720px !important;
  margin:0 !important;
}

.at10-editorial-copy span{
  display:block !important;
  margin-top:16px !important;
  max-width:580px !important;
  color:#dfe6d5 !important;
  font-weight:800 !important;
  line-height:1.48 !important;
}

.at10-editorial-copy button{
  margin-top:24px !important;
  min-height:46px !important;
  padding:0 20px !important;
  border-radius:999px !important;
  border:1px solid rgba(199,170,133,.42) !important;
  background:rgba(199,170,133,.10) !important;
  color:#c7aa85 !important;
  text-transform:uppercase !important;
  font-weight:1000 !important;
  letter-spacing:.07em !important;
}

.at10-editorial-mark{
  min-height:230px !important;
  border:1px solid rgba(199,170,133,.18) !important;
  border-radius:34px !important;
  background:rgba(255,255,255,.04) !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
  box-shadow:0 24px 64px rgba(0,0,0,.28) !important;
}

.at10-editorial-mark strong{
  font-family:Anton,Inter,sans-serif !important;
  font-size:clamp(58px,6.4vw,104px) !important;
  line-height:.82 !important;
  letter-spacing:-.035em !important;
  color:#f7f7f0 !important;
}

.at10-editorial-mark span{
  display:block !important;
  margin-top:14px !important;
  color:#c7aa85 !important;
  font-weight:1000 !important;
  text-transform:uppercase !important;
  letter-spacing:.09em !important;
  font-size:12px !important;
}

.at10-clean-card,
.at10-collage-card,
.at10-photo-card{
  all:unset;
}

@media(max-width:900px){
  .at10-editorial-card{
    grid-template-columns:1fr !important;
    padding:24px !important;
    min-height:auto !important;
    border-radius:28px !important;
  }

  .at10-editorial-copy h2{
    font-size:40px !important;
  }

  .at10-editorial-mark{
    min-height:150px !important;
    border-radius:24px !important;
  }

  .at10-editorial-mark strong{
    font-size:58px !important;
  }
}

/* V44 Checkout con datos antes de Mercado Pago */
.checkout-data-modal{position:fixed;inset:0;z-index:2147483647;background:rgba(0,0,0,.72);display:none;align-items:center;justify-content:center;padding:18px}
.checkout-data-modal.open{display:flex}
.checkout-data-card{width:min(760px,100%);max-height:92vh;overflow:auto;border-radius:34px;background:radial-gradient(circle at 88% 0%,rgba(199,170,133,.14),transparent 28%),linear-gradient(135deg,#111416,#050607);border:1px solid rgba(199,170,133,.22);box-shadow:0 30px 90px rgba(0,0,0,.56);padding:26px;position:relative;color:#f7f7f0}
.checkout-data-close{position:absolute;top:14px;right:14px;width:38px;height:38px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:#111;color:#fff;font-size:24px;line-height:1}
.checkout-data-head h2{font-family:Anton,Inter,sans-serif;font-size:clamp(42px,5.4vw,74px);line-height:.86;text-transform:uppercase;margin:10px 0}
.checkout-data-head span{display:block;color:#dfe6d5;line-height:1.45;font-weight:750;max-width:560px}
.checkout-data-form{margin-top:22px;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.checkout-data-form .field{display:grid;gap:7px}.checkout-data-form .field.full{grid-column:1/-1}
.checkout-data-form label{color:#c7aa85;font-size:11px;font-weight:1000;text-transform:uppercase;letter-spacing:.09em}
.checkout-data-form input,.checkout-data-form textarea{width:100%;border-radius:16px;border:1px solid rgba(255,255,255,.12);background:#0b1015;color:#fff;min-height:46px;padding:0 13px;outline:none}
.checkout-data-form textarea{min-height:84px;padding-top:12px;resize:vertical}
.checkout-summary-mini{grid-column:1/-1;border:1px solid rgba(199,170,133,.18);background:rgba(199,170,133,.06);border-radius:18px;padding:14px;display:flex;justify-content:space-between;gap:14px;align-items:center}
.checkout-summary-mini strong{font-size:26px;letter-spacing:-.04em}.checkout-summary-mini span{color:#dfe6d5;font-weight:800}
.checkout-final-pay{grid-column:1/-1;min-height:52px;border:0;border-radius:999px;background:#c7aa85;color:#050505;font-weight:1000;text-transform:uppercase;letter-spacing:.07em}
#checkoutMP{background:#c7aa85!important;color:#050505!important}
#checkoutWhatsapp{background:#111922!important;color:#fff!important;border:1px solid rgba(255,255,255,.14)!important}
@media(max-width:620px){.checkout-data-card{border-radius:24px;padding:20px}.checkout-data-form{grid-template-columns:1fr}.checkout-summary-mini{display:grid}}


/* =========================================================
   V47 — HERO FULL IMAGE + EDITORIAL REFINADO
   ========================================================= */

/* Reemplaza el bloque inicial por una imagen full para novedades */
.hero-banner-full{
  position:relative !important;
  min-height:calc(100vh - 112px) !important;
  padding:0 !important;
  margin:0 !important;
  display:block !important;
  overflow:hidden !important;
  background:#050607 !important;
  border-bottom:1px solid rgba(199,170,133,.16) !important;
}

.hero-banner-slide{
  position:absolute !important;
  inset:0 !important;
  display:block !important;
}

.hero-banner-slide img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center !important;
  display:block !important;
  filter:saturate(1.04) contrast(1.04) brightness(.72) !important;
}

.hero-banner-overlay{
  position:absolute !important;
  inset:0 !important;
  background:
    linear-gradient(90deg, rgba(3,5,7,.88) 0%, rgba(3,5,7,.50) 42%, rgba(3,5,7,.14) 100%),
    radial-gradient(circle at 84% 20%, rgba(199,170,133,.16), transparent 26%),
    linear-gradient(180deg, rgba(0,0,0,.12), rgba(0,0,0,.62)) !important;
  pointer-events:none !important;
}

.hero-banner-copy{
  position:absolute !important;
  left:clamp(18px,5vw,76px) !important;
  bottom:clamp(34px,8vw,96px) !important;
  z-index:4 !important;
  max-width:780px !important;
  color:#f7f7f0 !important;
}

.hero-banner-copy h1{
  font-family:Anton,Inter,sans-serif !important;
  font-size:clamp(58px,8vw,128px) !important;
  line-height:.84 !important;
  text-transform:uppercase !important;
  letter-spacing:-.032em !important;
  word-spacing:.06em !important;
  margin:12px 0 14px !important;
  text-shadow:0 22px 60px rgba(0,0,0,.45) !important;
}

.hero-banner-copy span{
  display:block !important;
  max-width:560px !important;
  color:#e8eee0 !important;
  font-size:clamp(15px,1.5vw,19px) !important;
  line-height:1.55 !important;
  font-weight:800 !important;
  letter-spacing:.01em !important;
}

.hero-banner-actions{
  display:flex !important;
  gap:12px !important;
  flex-wrap:wrap !important;
  margin-top:24px !important;
}

.hero-banner-actions a,
.hero-banner-actions button{
  min-height:48px !important;
  padding:0 20px !important;
  border-radius:999px !important;
  border:1px solid rgba(199,170,133,.34) !important;
  background:rgba(199,170,133,.11) !important;
  color:#dfff48 !important;
  font-weight:1000 !important;
  text-transform:uppercase !important;
  letter-spacing:.07em !important;
  font-size:12px !important;
  text-decoration:none !important;
}

.hero-banner-actions a{
  background:#c7aa85 !important;
  color:#050505 !important;
  border-color:#c7aa85 !important;
}

.hero-banner-copy .eyebrow{
  color:#c7aa85 !important;
  letter-spacing:.16em !important;
}

/* Bloque editorial más respirado: menos letras pegadas */
.at10-editorial-copy h2,
.at10-editorial-card h2{
  letter-spacing:-.018em !important;
  word-spacing:.08em !important;
  line-height:.92 !important;
  max-width:790px !important;
}

.at10-editorial-copy span,
.at10-editorial-card span{
  letter-spacing:.012em !important;
  line-height:1.58 !important;
}

/* Suavizar el cambio de negro a azul en catálogo */
.toolbar,
.catalog-head,
#catalogo{
  background:
    radial-gradient(circle at 80% 0%, rgba(199,170,133,.08), transparent 28%),
    linear-gradient(180deg,#05090d,#030507) !important;
}

.product-grid#productGrid{
  background:linear-gradient(180deg,#030507,#030507) !important;
}

@media(max-width:900px){
  .hero-banner-full{
    min-height:72vh !important;
  }

  .hero-banner-overlay{
    background:
      linear-gradient(180deg, rgba(3,5,7,.22) 0%, rgba(3,5,7,.78) 72%, rgba(3,5,7,.92) 100%),
      radial-gradient(circle at 80% 20%, rgba(199,170,133,.13), transparent 30%) !important;
  }

  .hero-banner-copy{
    left:18px !important;
    right:18px !important;
    bottom:32px !important;
  }

  .hero-banner-copy h1{
    font-size:48px !important;
    line-height:.88 !important;
  }
}


/* =========================================================
   V48 — HERO FULL VISUAL + SIN CARTELES ENTREGA INMEDIATA
   ========================================================= */

/* Limpieza de la mini línea entre promo y categorías/header */
.top-promo{
  background:#05080d !important;
  border-bottom:0 !important;
  box-shadow:none !important;
  margin-bottom:0 !important;
}

.site-header{
  background:#05080d !important;
  border-top:0 !important;
  border-bottom:0 !important;
  box-shadow:none !important;
  margin-top:0 !important;
}

.top-nav,
.category-top-nav,
.nav-clean,
.main-nav{
  background:transparent !important;
  border-top:0 !important;
  border-bottom:0 !important;
  box-shadow:none !important;
}

.site-header:before,
.site-header:after,
.top-nav:before,
.top-nav:after,
.category-top-nav:before,
.category-top-nav:after{
  display:none !important;
  content:none !important;
}

/* Hero: imagen completa, sin textos arriba */
.hero-full-visual{
  position:relative !important;
  min-height:calc(100vh - 108px) !important;
  padding:0 !important;
  margin:0 !important;
  display:block !important;
  overflow:hidden !important;
  background:#05080d !important;
  border:0 !important;
}

.hero-full-link{
  position:absolute !important;
  inset:0 !important;
  display:block !important;
}

.hero-full-visual img{
  width:100% !important;
  height:100% !important;
  min-height:calc(100vh - 108px) !important;
  display:block !important;
  object-fit:cover !important;
  object-position:center center !important;
}

.hero-full-visual:after{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  pointer-events:none !important;
  background:linear-gradient(180deg, rgba(5,8,13,.08) 0%, rgba(5,8,13,.22) 100%) !important;
}

/* Anula textos del hero anterior por seguridad */
.hero-banner-copy,
.hero-banner-overlay,
.hero-banner-actions,
.hero-banner-slide{
  display:none !important;
}

/* Saca todos los carteles de entrega inmediata de arriba a la derecha */
.product-grid#productGrid .badge,
.product-card .badge,
.product-image .badge,
#modalBadge{
  display:none !important;
  visibility:hidden !important;
  opacity:0 !important;
}

/* Mejor separación en el bloque editorial */
.at10-editorial-copy h2,
.at10-editorial-card h2{
  letter-spacing:-.014em !important;
  word-spacing:.14em !important;
  line-height:.98 !important;
  max-width:860px !important;
}

.at10-editorial-copy span,
.at10-editorial-card span{
  letter-spacing:.016em !important;
  line-height:1.62 !important;
}

/* Catálogo más integrado, sin cambio azulado brusco */
.toolbar,
.catalog-head,
#catalogo,
.product-grid#productGrid{
  background:#030507 !important;
}

@media(max-width:900px){
  .hero-full-visual,
  .hero-full-visual img{
    min-height:68vh !important;
  }
}


/* =========================================================
   V49 — HERO COMPLETO + SIN IA + RESEÑAS
   ========================================================= */

/* Imagen inicial completa: no recorta. Queda más chica y centrada */
.hero-full-visual{
  min-height:clamp(420px, 68vh, 720px) !important;
  padding:26px clamp(14px,4vw,58px) 34px !important;
  background:
    radial-gradient(circle at 80% 10%, rgba(199,170,133,.10), transparent 30%),
    #05080d !important;
}

.hero-full-link{
  position:relative !important;
  inset:auto !important;
  display:flex !important;
  width:100% !important;
  height:clamp(360px, 60vh, 640px) !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:34px !important;
  overflow:hidden !important;
  border:1px solid rgba(199,170,133,.20) !important;
  background:#080c11 !important;
  box-shadow:0 26px 80px rgba(0,0,0,.35) !important;
}

.hero-full-visual img{
  width:100% !important;
  height:100% !important;
  min-height:0 !important;
  display:block !important;
  object-fit:contain !important;
  object-position:center center !important;
  background:#05080d !important;
}

.hero-full-visual:after{
  display:none !important;
}

/* Sacar IA definitivamente */
.ai-chat-launcher,
.ai-chat-panel{
  display:none !important;
}

/* Nueva sección de reseñas/confianza */
.social-proof-section{
  margin:42px clamp(16px,5vw,72px) 0 !important;
  padding:34px !important;
  border-radius:36px !important;
  background:
    radial-gradient(circle at 88% 0%, rgba(199,170,133,.14), transparent 30%),
    linear-gradient(135deg,#111416,#050607) !important;
  border:1px solid rgba(199,170,133,.18) !important;
  display:grid !important;
  grid-template-columns:.8fr 1.2fr !important;
  gap:28px !important;
  align-items:center !important;
}

.social-proof-copy h2{
  font-family:Anton,Inter,sans-serif !important;
  font-size:clamp(44px,5.2vw,82px) !important;
  line-height:.88 !important;
  text-transform:uppercase !important;
  letter-spacing:-.025em !important;
  word-spacing:.08em !important;
  margin:10px 0 12px !important;
  color:#f7f7f0 !important;
}

.social-proof-copy span{
  display:block !important;
  color:#dfe6d5 !important;
  font-weight:800 !important;
  line-height:1.55 !important;
  max-width:520px !important;
}

.google-reviews-placeholder{
  border:1px solid rgba(255,255,255,.10) !important;
  background:rgba(255,255,255,.04) !important;
  border-radius:28px !important;
  padding:22px !important;
}

.google-score{
  display:flex !important;
  justify-content:space-between !important;
  gap:18px !important;
  align-items:flex-start !important;
  padding-bottom:18px !important;
  border-bottom:1px solid rgba(255,255,255,.10) !important;
}

.google-score strong{
  font-size:24px !important;
  font-weight:1000 !important;
  color:#fff !important;
}

.google-score span{
  color:#c7aa85 !important;
  font-size:13px !important;
  font-weight:900 !important;
  text-align:right !important;
}

.review-cards{
  display:grid !important;
  grid-template-columns:repeat(3,1fr) !important;
  gap:10px !important;
  margin-top:16px !important;
}

.review-cards article{
  border-radius:18px !important;
  background:rgba(255,255,255,.055) !important;
  border:1px solid rgba(255,255,255,.08) !important;
  padding:14px !important;
}

.review-cards b{
  color:#c7aa85 !important;
  font-size:15px !important;
}

.review-cards p{
  color:#eef4e8 !important;
  font-size:13px !important;
  line-height:1.4 !important;
  font-weight:750 !important;
  margin:8px 0 0 !important;
}

/* Si quedó algún bloque viejo AT10 editorial, ocultarlo */
.at10-editorial-card{
  display:none !important;
}

@media(max-width:900px){
  .hero-full-visual{
    min-height:auto !important;
    padding:16px 12px 24px !important;
  }

  .hero-full-link{
    height:auto !important;
    min-height:0 !important;
    border-radius:22px !important;
  }

  .hero-full-visual img{
    height:auto !important;
    max-height:68vh !important;
    object-fit:contain !important;
  }

  .social-proof-section{
    grid-template-columns:1fr !important;
    margin:26px 12px 0 !important;
    padding:22px !important;
    border-radius:26px !important;
  }

  .review-cards{
    grid-template-columns:1fr !important;
  }

  .google-score{
    display:grid !important;
  }

  .google-score span{
    text-align:left !important;
  }
}


/* =========================================================
   V50 — HERO SLIDER + BLOQUE MARKETING
   ========================================================= */

/* Carrusel principal: tres imágenes, flechas, auto-play */
.hero-slider-premium{
  position:relative !important;
  min-height:clamp(420px, 68vh, 720px) !important;
  padding:26px clamp(14px,4vw,58px) 34px !important;
  background:
    radial-gradient(circle at 80% 10%, rgba(199,170,133,.10), transparent 30%),
    #05080d !important;
  overflow:hidden !important;
}

.hero-slider-track{
  position:relative !important;
  width:100% !important;
  height:clamp(360px, 60vh, 640px) !important;
  border-radius:34px !important;
  overflow:hidden !important;
  border:1px solid rgba(199,170,133,.20) !important;
  background:#080c11 !important;
  box-shadow:0 26px 80px rgba(0,0,0,.35) !important;
}

.hero-slide{
  position:absolute !important;
  inset:0 !important;
  opacity:0 !important;
  visibility:hidden !important;
  transition:opacity .55s ease, visibility .55s ease !important;
}

.hero-slide.active{
  opacity:1 !important;
  visibility:visible !important;
}

.hero-slide img{
  width:100% !important;
  height:100% !important;
  display:block !important;
  object-fit:contain !important;
  object-position:center center !important;
  background:#05080d !important;
}

.hero-slide:after{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  pointer-events:none !important;
  background:
    linear-gradient(180deg, rgba(5,8,13,.02) 0%, rgba(5,8,13,.35) 100%),
    linear-gradient(90deg, rgba(5,8,13,.38) 0%, transparent 38%) !important;
}

.hero-slide-copy{
  position:absolute !important;
  left:clamp(18px,4vw,56px) !important;
  bottom:clamp(18px,4vw,44px) !important;
  z-index:3 !important;
  max-width:520px !important;
  pointer-events:none !important;
}

.hero-slide-copy p{
  color:#c7aa85 !important;
  font-size:11px !important;
  font-weight:1000 !important;
  letter-spacing:.16em !important;
  text-transform:uppercase !important;
  margin:0 0 8px !important;
}

.hero-slide-copy h1{
  font-family:Anton,Inter,sans-serif !important;
  color:#f7f7f0 !important;
  font-size:clamp(34px,4.8vw,70px) !important;
  line-height:.88 !important;
  text-transform:uppercase !important;
  letter-spacing:-.025em !important;
  margin:0 !important;
  text-shadow:0 18px 52px rgba(0,0,0,.48) !important;
}

.hero-arrow{
  position:absolute !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  z-index:6 !important;
  width:46px !important;
  height:46px !important;
  border-radius:999px !important;
  border:1px solid rgba(199,170,133,.35) !important;
  background:rgba(5,8,13,.70) !important;
  color:#c7aa85 !important;
  font-size:34px !important;
  line-height:1 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  backdrop-filter:blur(10px) !important;
}

.hero-prev{ left:clamp(20px,5vw,74px) !important; }
.hero-next{ right:clamp(20px,5vw,74px) !important; }

.hero-dots{
  position:absolute !important;
  left:50% !important;
  bottom:44px !important;
  transform:translateX(-50%) !important;
  z-index:7 !important;
  display:flex !important;
  gap:9px !important;
}

.hero-dots button{
  width:9px !important;
  height:9px !important;
  border-radius:999px !important;
  border:0 !important;
  background:rgba(255,255,255,.42) !important;
  padding:0 !important;
}

.hero-dots button.active{
  width:34px !important;
  background:#c7aa85 !important;
}

/* Reemplazo temporal de reseñas por bloque marketing */
.social-proof-section{
  display:none !important;
}

.marketing-impact-section{
  margin:42px clamp(16px,5vw,72px) 0 !important;
  padding:34px !important;
  border-radius:36px !important;
  background:
    radial-gradient(circle at 88% 0%, rgba(199,170,133,.14), transparent 30%),
    linear-gradient(135deg,#111416,#050607) !important;
  border:1px solid rgba(199,170,133,.18) !important;
  display:grid !important;
  grid-template-columns:.86fr 1.14fr !important;
  gap:28px !important;
  align-items:center !important;
}

.marketing-impact-copy h2{
  font-family:Anton,Inter,sans-serif !important;
  font-size:clamp(42px,5.1vw,78px) !important;
  line-height:.90 !important;
  text-transform:uppercase !important;
  letter-spacing:-.022em !important;
  word-spacing:.08em !important;
  margin:10px 0 12px !important;
  color:#f7f7f0 !important;
}

.marketing-impact-copy span{
  display:block !important;
  color:#dfe6d5 !important;
  font-weight:800 !important;
  line-height:1.55 !important;
  max-width:560px !important;
}

.marketing-impact-grid{
  display:grid !important;
  grid-template-columns:repeat(3,1fr) !important;
  gap:12px !important;
}

.marketing-impact-grid article{
  min-height:190px !important;
  border-radius:24px !important;
  background:rgba(255,255,255,.055) !important;
  border:1px solid rgba(255,255,255,.08) !important;
  padding:18px !important;
}

.marketing-impact-grid strong{
  display:block !important;
  color:#c7aa85 !important;
  font-family:Anton,Inter,sans-serif !important;
  font-size:34px !important;
  line-height:1 !important;
  margin-bottom:16px !important;
}

.marketing-impact-grid h3{
  color:#fff !important;
  font-size:17px !important;
  font-weight:1000 !important;
  text-transform:uppercase !important;
  margin:0 0 8px !important;
}

.marketing-impact-grid p{
  color:#dfe6d5 !important;
  font-size:13px !important;
  line-height:1.45 !important;
  font-weight:750 !important;
  margin:0 !important;
}

@media(max-width:900px){
  .hero-slider-premium{
    min-height:auto !important;
    padding:16px 12px 24px !important;
  }

  .hero-slider-track{
    height:auto !important;
    min-height:0 !important;
    border-radius:22px !important;
  }

  .hero-slide{
    position:absolute !important;
  }

  .hero-slide img{
    height:auto !important;
    max-height:68vh !important;
    object-fit:contain !important;
  }

  .hero-slider-track:before{
    content:"" !important;
    display:block !important;
    padding-top:56.25% !important;
  }

  .hero-slide img{
    position:absolute !important;
    inset:0 !important;
    height:100% !important;
  }

  .hero-slide-copy{
    left:18px !important;
    bottom:18px !important;
    max-width:76% !important;
  }

  .hero-slide-copy h1{
    font-size:30px !important;
  }

  .hero-arrow{
    width:40px !important;
    height:40px !important;
    font-size:30px !important;
  }

  .hero-prev{ left:18px !important; }
  .hero-next{ right:18px !important; }

  .hero-dots{
    bottom:30px !important;
  }

  .marketing-impact-section{
    grid-template-columns:1fr !important;
    margin:26px 12px 0 !important;
    padding:22px !important;
    border-radius:26px !important;
  }

  .marketing-impact-grid{
    grid-template-columns:1fr !important;
  }

  .marketing-impact-grid article{
    min-height:auto !important;
  }
}


/* =========================================================
   V51 — Ajustes finales: fullscreen hero, 3 cuotas, selector y checkout datos
   ========================================================= */

/* Hero fullscreen: imagen completa dentro de pantalla completa */
.hero-slider-premium{
  min-height:calc(100vh - 108px) !important;
  padding:0 !important;
  background:#05080d !important;
}

.hero-slider-track{
  width:100% !important;
  height:calc(100vh - 108px) !important;
  min-height:520px !important;
  border-radius:0 !important;
  border:0 !important;
  box-shadow:none !important;
  background:#05080d !important;
}

.hero-slide img{
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  object-position:center center !important;
  background:#05080d !important;
}

.hero-slide-copy{
  left:clamp(18px,4vw,56px) !important;
  bottom:clamp(20px,5vw,58px) !important;
  max-width:480px !important;
}

.hero-slide-copy h1{
  font-size:clamp(30px,4.2vw,62px) !important;
  text-shadow:0 18px 52px rgba(0,0,0,.56) !important;
}

.hero-arrow{
  top:50% !important;
}

.hero-prev{left:20px !important}
.hero-next{right:20px !important}
.hero-dots{bottom:22px !important}

/* Selector inteligente grande */
.ideal-full-section{
  min-height:92vh;
  margin:0 !important;
  padding:clamp(34px,6vw,82px) clamp(16px,5vw,72px) !important;
  display:grid !important;
  grid-template-columns:.82fr 1.18fr !important;
  gap:34px !important;
  align-items:center !important;
  position:relative !important;
  overflow:hidden !important;
  background:
    radial-gradient(circle at 82% 20%, rgba(199,170,133,.14), transparent 30%),
    linear-gradient(135deg,#111416,#050607) !important;
  border-top:1px solid rgba(199,170,133,.14) !important;
  border-bottom:1px solid rgba(199,170,133,.14) !important;
}

.ideal-full-section:before{
  content:"";
  position:absolute;
  inset:0;
  background:repeating-linear-gradient(135deg, rgba(255,255,255,.035) 0 1px, transparent 1px 14px);
  opacity:.6;
  pointer-events:none;
}

.ideal-full-copy,
.ideal-full-grid{
  position:relative;
  z-index:2;
}

.ideal-full-copy h2{
  font-family:Anton,Inter,sans-serif !important;
  font-size:clamp(58px,8vw,132px) !important;
  line-height:.84 !important;
  text-transform:uppercase !important;
  letter-spacing:-.035em !important;
  margin:14px 0 !important;
  color:#f7f7f0 !important;
}

.ideal-full-copy span{
  display:block !important;
  max-width:560px !important;
  color:#dfe6d5 !important;
  font-size:clamp(15px,1.3vw,18px) !important;
  line-height:1.6 !important;
  font-weight:800 !important;
}

.ideal-full-grid{
  display:grid !important;
  grid-template-columns:repeat(3,1fr) !important;
  gap:14px !important;
}

.ideal-full-grid button{
  min-height:310px !important;
  border-radius:34px !important;
  border:1px solid rgba(255,255,255,.12) !important;
  background:
    radial-gradient(circle at 82% 12%, rgba(199,170,133,.15), transparent 30%),
    rgba(255,255,255,.055) !important;
  color:#fff !important;
  text-align:left !important;
  padding:24px !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:flex-end !important;
  transition:.2s ease !important;
}

.ideal-full-grid button:hover{
  transform:translateY(-5px) !important;
  border-color:rgba(199,170,133,.36) !important;
}

.ideal-full-grid strong{
  color:#c7aa85 !important;
  font-size:12px !important;
  font-weight:1000 !important;
  text-transform:uppercase !important;
  letter-spacing:.12em !important;
}

.ideal-full-grid b{
  display:block !important;
  font-family:Anton,Inter,sans-serif !important;
  font-size:clamp(38px,4.2vw,68px) !important;
  line-height:.9 !important;
  text-transform:uppercase !important;
  margin:10px 0 !important;
}

.ideal-full-grid span{
  color:#dfe6d5 !important;
  font-weight:800 !important;
  line-height:1.45 !important;
}

/* Ocultar bloque marketing anterior si quedó debajo */
.marketing-impact-section{
  display:none !important;
}

/* Carrito: solo pagar */
#checkoutWhatsapp{
  display:none !important;
}

#checkoutMP{
  background:#c7aa85 !important;
  color:#050505 !important;
}

/* Checkout datos */
.checkout-data-modal{position:fixed;inset:0;z-index:2147483647;background:rgba(0,0,0,.72);display:none;align-items:center;justify-content:center;padding:18px}
.checkout-data-modal.open{display:flex}
.checkout-data-card{width:min(760px,100%);max-height:92vh;overflow:auto;border-radius:34px;background:radial-gradient(circle at 88% 0%,rgba(199,170,133,.14),transparent 28%),linear-gradient(135deg,#111416,#050607);border:1px solid rgba(199,170,133,.22);box-shadow:0 30px 90px rgba(0,0,0,.56);padding:26px;position:relative;color:#f7f7f0}
.checkout-data-close{position:absolute;top:14px;right:14px;width:38px;height:38px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:#111;color:#fff;font-size:24px;line-height:1}
.checkout-data-head h2{font-family:Anton,Inter,sans-serif;font-size:clamp(42px,5.4vw,74px);line-height:.86;text-transform:uppercase;margin:10px 0}
.checkout-data-head span{display:block;color:#dfe6d5;line-height:1.45;font-weight:750;max-width:560px}
.checkout-data-form{margin-top:22px;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.checkout-data-form .field{display:grid;gap:7px}.checkout-data-form .field.full{grid-column:1/-1}
.checkout-data-form label{color:#c7aa85;font-size:11px;font-weight:1000;text-transform:uppercase;letter-spacing:.09em}
.checkout-data-form input,.checkout-data-form textarea{width:100%;border-radius:16px;border:1px solid rgba(255,255,255,.12);background:#0b1015;color:#fff;min-height:46px;padding:0 13px;outline:none}
.checkout-data-form textarea{min-height:84px;padding-top:12px;resize:vertical}
.checkout-summary-mini{grid-column:1/-1;border:1px solid rgba(199,170,133,.18);background:rgba(199,170,133,.06);border-radius:18px;padding:14px;display:flex;justify-content:space-between;gap:14px;align-items:center}
.checkout-summary-mini strong{font-size:26px;letter-spacing:-.04em}.checkout-summary-mini span{color:#dfe6d5;font-weight:800}
.checkout-final-pay{grid-column:1/-1;min-height:52px;border:0;border-radius:999px;background:#c7aa85;color:#050505;font-weight:1000;text-transform:uppercase;letter-spacing:.07em}

/* Asegurar que textos de cuotas visibles digan 3 */
.price-dues::first-letter{
  text-transform:none;
}

@media(max-width:900px){
  .hero-slider-track{
    height:68vh !important;
    min-height:420px !important;
  }

  .hero-slide-copy{
    max-width:78% !important;
  }

  .hero-slide-copy h1{
    font-size:30px !important;
  }

  .ideal-full-section{
    grid-template-columns:1fr !important;
    min-height:auto !important;
    padding:34px 14px !important;
  }

  .ideal-full-grid{
    grid-template-columns:1fr !important;
  }

  .ideal-full-grid button{
    min-height:180px !important;
    border-radius:24px !important;
  }

  .checkout-data-card{border-radius:24px;padding:20px}
  .checkout-data-form{grid-template-columns:1fr}
  .checkout-summary-mini{display:grid}
}


/* =========================================================
   V52 — FIX DEFINITIVO PANTALLA NEGRA + CAMBIOS PEDIDOS
   ========================================================= */

.hero-v52,
.hero-v52 *{
  box-sizing:border-box !important;
}

.hero-v52{
  position:relative !important;
  display:block !important;
  height:calc(100vh - 108px) !important;
  min-height:560px !important;
  padding:0 !important;
  margin:0 !important;
  overflow:hidden !important;
  background:#05080d !important;
}

.hero-v52 .hero-slider-track{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  min-height:0 !important;
  display:block !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  background:#05080d !important;
  overflow:hidden !important;
}

.hero-v52 .hero-slide{
  position:absolute !important;
  inset:0 !important;
  display:block !important;
  width:100% !important;
  height:100% !important;
  opacity:0 !important;
  visibility:hidden !important;
  transition:opacity .55s ease, visibility .55s ease !important;
  background:#05080d !important;
}

.hero-v52 .hero-slide.active{
  opacity:1 !important;
  visibility:visible !important;
  z-index:2 !important;
}

.hero-v52 .hero-slide img{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  min-height:0 !important;
  max-height:none !important;
  display:block !important;
  object-fit:contain !important;
  object-position:center center !important;
  background:#05080d !important;
  opacity:1 !important;
  visibility:visible !important;
}

.hero-v52 .hero-slide:after{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  background:linear-gradient(180deg, rgba(5,8,13,.02) 0%, rgba(5,8,13,.28) 100%) !important;
  pointer-events:none !important;
}

.hero-v52 .hero-slide-copy{
  position:absolute !important;
  z-index:5 !important;
  left:clamp(18px,4vw,56px) !important;
  bottom:clamp(20px,5vw,58px) !important;
  max-width:480px !important;
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
}

.hero-v52 .hero-slide-copy p{
  color:#c7aa85 !important;
  font-size:11px !important;
  font-weight:1000 !important;
  letter-spacing:.16em !important;
  text-transform:uppercase !important;
  margin:0 0 8px !important;
}

.hero-v52 .hero-slide-copy h1{
  font-family:Anton,Inter,sans-serif !important;
  color:#f7f7f0 !important;
  font-size:clamp(30px,4.2vw,62px) !important;
  line-height:.88 !important;
  text-transform:uppercase !important;
  letter-spacing:-.025em !important;
  margin:0 !important;
  text-shadow:0 18px 52px rgba(0,0,0,.56) !important;
}

.hero-v52 .hero-arrow{
  position:absolute !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  z-index:10 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:46px !important;
  height:46px !important;
  border-radius:999px !important;
  border:1px solid rgba(199,170,133,.35) !important;
  background:rgba(5,8,13,.72) !important;
  color:#c7aa85 !important;
  font-size:34px !important;
}

.hero-v52 .hero-prev{left:20px !important}
.hero-v52 .hero-next{right:20px !important}

.hero-v52 .hero-dots{
  position:absolute !important;
  left:50% !important;
  bottom:22px !important;
  transform:translateX(-50%) !important;
  z-index:10 !important;
  display:flex !important;
  gap:9px !important;
}

.hero-v52 .hero-dots button{
  width:9px !important;
  height:9px !important;
  border-radius:999px !important;
  border:0 !important;
  background:rgba(255,255,255,.42) !important;
  padding:0 !important;
}

.hero-v52 .hero-dots button.active{
  width:34px !important;
  background:#c7aa85 !important;
}

/* Evitar que reglas viejas oculten slides */
.hero-banner-slide,
.hero-banner-copy,
.hero-banner-overlay,
.hero-banner-actions{
  display:none !important;
}

.hero-v52 .hero-slide,
.hero-v52 .hero-slide-copy,
.hero-v52 .hero-slider-track{
  display:block !important;
}

/* Selector inteligente grande */
.ideal-full-section{
  min-height:92vh !important;
  margin:0 !important;
  padding:clamp(34px,6vw,82px) clamp(16px,5vw,72px) !important;
  display:grid !important;
  grid-template-columns:.82fr 1.18fr !important;
  gap:34px !important;
  align-items:center !important;
  position:relative !important;
  overflow:hidden !important;
  background:radial-gradient(circle at 82% 20%, rgba(199,170,133,.14), transparent 30%),linear-gradient(135deg,#111416,#050607) !important;
  border-top:1px solid rgba(199,170,133,.14) !important;
  border-bottom:1px solid rgba(199,170,133,.14) !important;
}

.ideal-full-section:before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  background:repeating-linear-gradient(135deg, rgba(255,255,255,.035) 0 1px, transparent 1px 14px) !important;
  opacity:.6 !important;
  pointer-events:none !important;
}

.ideal-full-copy,.ideal-full-grid{position:relative !important;z-index:2 !important}

.ideal-full-copy h2{
  font-family:Anton,Inter,sans-serif !important;
  font-size:clamp(58px,8vw,132px) !important;
  line-height:.84 !important;
  text-transform:uppercase !important;
  letter-spacing:-.035em !important;
  margin:14px 0 !important;
  color:#f7f7f0 !important;
}

.ideal-full-copy span{
  display:block !important;
  max-width:560px !important;
  color:#dfe6d5 !important;
  font-size:clamp(15px,1.3vw,18px) !important;
  line-height:1.6 !important;
  font-weight:800 !important;
}

.ideal-full-grid{
  display:grid !important;
  grid-template-columns:repeat(3,1fr) !important;
  gap:14px !important;
}

.ideal-full-grid button{
  min-height:310px !important;
  border-radius:34px !important;
  border:1px solid rgba(255,255,255,.12) !important;
  background:radial-gradient(circle at 82% 12%, rgba(199,170,133,.15), transparent 30%),rgba(255,255,255,.055) !important;
  color:#fff !important;
  text-align:left !important;
  padding:24px !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:flex-end !important;
}

.ideal-full-grid strong{color:#c7aa85 !important;font-size:12px !important;font-weight:1000 !important;text-transform:uppercase !important;letter-spacing:.12em !important}
.ideal-full-grid b{display:block !important;font-family:Anton,Inter,sans-serif !important;font-size:clamp(38px,4.2vw,68px) !important;line-height:.9 !important;text-transform:uppercase !important;margin:10px 0 !important}
.ideal-full-grid span{color:#dfe6d5 !important;font-weight:800 !important;line-height:1.45 !important}

/* Carrito solo pagar */
#checkoutWhatsapp{display:none !important}
#checkoutMP{background:#c7aa85 !important;color:#050505 !important}

/* Checkout modal */
.checkout-data-modal{position:fixed;inset:0;z-index:2147483647;background:rgba(0,0,0,.72);display:none;align-items:center;justify-content:center;padding:18px}
.checkout-data-modal.open{display:flex}
.checkout-data-card{width:min(760px,100%);max-height:92vh;overflow:auto;border-radius:34px;background:radial-gradient(circle at 88% 0%,rgba(199,170,133,.14),transparent 28%),linear-gradient(135deg,#111416,#050607);border:1px solid rgba(199,170,133,.22);box-shadow:0 30px 90px rgba(0,0,0,.56);padding:26px;position:relative;color:#f7f7f0}
.checkout-data-close{position:absolute;top:14px;right:14px;width:38px;height:38px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:#111;color:#fff;font-size:24px;line-height:1}
.checkout-data-head h2{font-family:Anton,Inter,sans-serif;font-size:clamp(42px,5.4vw,74px);line-height:.86;text-transform:uppercase;margin:10px 0}
.checkout-data-head span{display:block;color:#dfe6d5;line-height:1.45;font-weight:750;max-width:560px}
.checkout-data-form{margin-top:22px;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.checkout-data-form .field{display:grid;gap:7px}.checkout-data-form .field.full{grid-column:1/-1}
.checkout-data-form label{color:#c7aa85;font-size:11px;font-weight:1000;text-transform:uppercase;letter-spacing:.09em}
.checkout-data-form input,.checkout-data-form textarea{width:100%;border-radius:16px;border:1px solid rgba(255,255,255,.12);background:#0b1015;color:#fff;min-height:46px;padding:0 13px;outline:none}
.checkout-data-form textarea{min-height:84px;padding-top:12px;resize:vertical}
.checkout-summary-mini{grid-column:1/-1;border:1px solid rgba(199,170,133,.18);background:rgba(199,170,133,.06);border-radius:18px;padding:14px;display:flex;justify-content:space-between;gap:14px;align-items:center}
.checkout-summary-mini strong{font-size:26px;letter-spacing:-.04em}.checkout-summary-mini span{color:#dfe6d5;font-weight:800}
.checkout-final-pay{grid-column:1/-1;min-height:52px;border:0;border-radius:999px;background:#c7aa85;color:#050505;font-weight:1000;text-transform:uppercase;letter-spacing:.07em}

@media(max-width:900px){
  .hero-v52{
    height:68vh !important;
    min-height:420px !important;
  }

  .hero-v52 .hero-slide-copy{
    max-width:76% !important;
    left:18px !important;
    bottom:36px !important;
  }

  .hero-v52 .hero-slide-copy h1{
    font-size:30px !important;
  }

  .ideal-full-section{
    grid-template-columns:1fr !important;
    min-height:auto !important;
    padding:34px 14px !important;
  }

  .ideal-full-grid{grid-template-columns:1fr !important}
  .ideal-full-grid button{min-height:180px !important;border-radius:24px !important}
  .checkout-data-card{border-radius:24px;padding:20px}
  .checkout-data-form{grid-template-columns:1fr}
  .checkout-summary-mini{display:grid}
}


/* =========================================================
   V53 — FIX HERO SIMPLE ESTABLE, SIN PANTALLA NEGRA
   ========================================================= */

/* Apagamos cualquier hero viejo que haya quedado por CSS anterior */
.hero-v52,
.hero-slider-premium,
.hero-full-visual,
.hero-banner-full{
  display:none !important;
}

/* Hero nuevo: simple, visible y sin reglas raras */
.hero-simple-wrap{
  display:block !important;
  width:100% !important;
  padding:18px clamp(10px,3vw,42px) 26px !important;
  margin:0 !important;
  background:#05080d !important;
  position:relative !important;
  z-index:1 !important;
}

.hero-simple-slider{
  width:100% !important;
  height:min(72vh, 720px) !important;
  min-height:420px !important;
  position:relative !important;
  overflow:hidden !important;
  border-radius:28px !important;
  background:#05080d !important;
  border:1px solid rgba(199,170,133,.18) !important;
  box-shadow:0 24px 70px rgba(0,0,0,.32) !important;
}

.hero-simple-slide{
  position:absolute !important;
  inset:0 !important;
  display:block !important;
  opacity:0 !important;
  visibility:hidden !important;
  transition:opacity .45s ease, visibility .45s ease !important;
  background:#05080d !important;
}

.hero-simple-slide.active{
  opacity:1 !important;
  visibility:visible !important;
  z-index:2 !important;
}

.hero-simple-slide img{
  width:100% !important;
  height:100% !important;
  display:block !important;
  object-fit:contain !important;
  object-position:center center !important;
  background:#05080d !important;
  opacity:1 !important;
  visibility:visible !important;
  max-width:none !important;
  max-height:none !important;
}

.hero-simple-arrow{
  position:absolute !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  z-index:10 !important;
  width:46px !important;
  height:46px !important;
  border-radius:999px !important;
  border:1px solid rgba(199,170,133,.45) !important;
  background:rgba(5,8,13,.72) !important;
  color:#c7aa85 !important;
  font-size:34px !important;
  line-height:1 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  cursor:pointer !important;
}

.hero-simple-prev{left:16px !important}
.hero-simple-next{right:16px !important}

.hero-simple-dots{
  position:absolute !important;
  left:50% !important;
  bottom:14px !important;
  transform:translateX(-50%) !important;
  z-index:11 !important;
  display:flex !important;
  gap:9px !important;
}

.hero-simple-dots button{
  width:9px !important;
  height:9px !important;
  border-radius:999px !important;
  border:0 !important;
  padding:0 !important;
  background:rgba(255,255,255,.46) !important;
  cursor:pointer !important;
}

.hero-simple-dots button.active{
  width:32px !important;
  background:#c7aa85 !important;
}

/* Oculta textos anteriores del hero si quedaran en el HTML */
.hero-slide-copy,
.hero-banner-copy,
.hero-banner-overlay,
.hero-banner-actions{
  display:none !important;
}

/* Carrito solo pagar */
#checkoutWhatsapp{
  display:none !important;
}

#checkoutMP{
  background:#c7aa85 !important;
  color:#050505 !important;
}

/* Asegurar selector grande */
.ideal-full-section{
  display:grid !important;
  visibility:visible !important;
  opacity:1 !important;
}

/* Mantener badges fuera */
.product-grid#productGrid .badge,
.product-card .badge,
.product-image .badge,
#modalBadge{
  display:none !important;
}

@media(max-width:900px){
  .hero-simple-wrap{
    padding:12px 10px 20px !important;
  }

  .hero-simple-slider{
    height:58vh !important;
    min-height:340px !important;
    border-radius:20px !important;
  }

  .hero-simple-arrow{
    width:40px !important;
    height:40px !important;
    font-size:30px !important;
  }
}


/* =========================================================
   V54 — FIX PANTALLA NEGRA FIJA
   ========================================================= */

/* Estas capas decorativas pueden quedar por encima en algunas versiones móviles */
.page-glow,
.page-orbit,
.bg-grid,
.cursor-glow,
.noise{
  z-index:-10 !important;
  pointer-events:none !important;
}

/* Si algún overlay quedó activo sin abrirse, lo forzamos oculto */
.modal:not(.open),
.product-modal:not(.open),
.checkout-data-modal:not(.open),
.ai-chat-panel:not(.open),
.cart-panel:not(.open),
.cart:not(.open){
  display:none !important;
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
}

/* Si el carrito/panel no está abierto, que jamás tape la pantalla */
#cartPanel:not(.open){
  transform:translateX(110%) !important;
  display:flex !important;
  opacity:1 !important;
  visibility:visible !important;
  pointer-events:none !important;
}

/* El contenido principal siempre queda por encima del fondo */
body{
  background:#05080d !important;
}

main,
.site-header,
.top-promo,
.hero-simple-wrap,
.trust-bar,
.drop-zone,
.toolbar,
.product-grid,
.checkout-preview,
.ideal-full-section{
  position:relative !important;
  z-index:2 !important;
}

/* Header y promo por arriba del contenido, pero sin overlay negro */
.top-promo{
  z-index:90 !important;
}

.site-header{
  z-index:91 !important;
}

/* Hero visible por encima de cualquier fondo */
.hero-simple-wrap{
  z-index:3 !important;
  background:#05080d !important;
}

.hero-simple-slider{
  z-index:4 !important;
}

/* Evitar pseudo-elementos negros grandes de versiones viejas */
body::before,
body::after,
main::before,
main::after,
.hero::before,
.hero::after,
.hero-simple-wrap::before,
.hero-simple-wrap::after{
  pointer-events:none !important;
}

/* Si alguna pseudo-capa tapa, la dejamos transparente salvo el overlay interno del slider */
body::before,
body::after,
main::before,
main::after{
  display:none !important;
  content:none !important;
}

/* Asegurar que el slider no quede detrás */
.hero-simple-slide.active{
  z-index:5 !important;
}

.hero-simple-arrow,
.hero-simple-dots{
  z-index:10 !important;
}

/* No usar all: unset sobre clases de hero viejas porque puede afectar contenedores si comparten clases */
.hero-v52,
.hero-slider-premium,
.hero-full-visual,
.hero-banner-full{
  display:none !important;
}


/* =========================================================
   V55 — FIX OVERFLOW HORIZONTAL + HERO FULL + AJUSTES CATÁLOGO
   ========================================================= */
html,body{max-width:100% !important; overflow-x:hidden !important;}
body{touch-action:pan-y !important;}
.page-glow{display:none !important;}
.site-header{overflow:hidden !important;}
.top-nav{max-width:100% !important; flex-wrap:wrap !important; row-gap:10px !important;}
@media(max-width:980px){.top-nav{flex-wrap:nowrap !important; overflow-x:auto !important; -webkit-overflow-scrolling:touch !important;}}
.hero-simple-wrap{padding:0 0 18px !important; background:#05080d !important;}
.hero-simple-slider{width:min(100%, 1480px) !important; margin:0 auto !important; height:min(78vh,760px) !important; min-height:430px !important; border-radius:0 0 24px 24px !important; border-left:0 !important; border-right:0 !important;}
.hero-simple-slide img{object-fit:cover !important; object-position:center center !important; width:100% !important; height:100% !important; background:transparent !important;}
.hero-simple-slide{background:#05080d !important;}
.hero-simple-arrow{background:rgba(5,8,13,.45) !important; backdrop-filter:blur(6px) !important;}
.trust-bar{margin-top:0 !important;}
.lower-feature-zone{grid-template-columns:1fr !important;}
.mobile-ideal-section,.ideal-selector-pro,.ideal-interactive,.ideal-selector-inner{max-width:100% !important; overflow:hidden !important;}
.ideal-level-tabs,.ideal-style-grid{max-width:100% !important;}
@media(max-width:900px){.hero-simple-slider{height:54vh !important; min-height:320px !important; border-radius:0 0 18px 18px !important;} .hero-simple-wrap{padding:0 0 14px !important;}}


/* =========================================================
   V57 — HERO SIN CORTES + SELECTOR LIMPIO
   ========================================================= */

/* El hero ahora usa fondo blur + imagen principal completa.
   Así Ale Galán, Tapia y Bea no se cortan. */
.hero-simple-slider{
  background:#05080d !important;
}

.hero-simple-slide{
  overflow:hidden !important;
}

.hero-simple-slide .hero-bg-img{
  position:absolute !important;
  inset:-28px !important;
  width:calc(100% + 56px) !important;
  height:calc(100% + 56px) !important;
  object-fit:cover !important;
  object-position:center center !important;
  filter:blur(24px) brightness(.52) saturate(1.08) !important;
  transform:scale(1.04) !important;
  opacity:1 !important;
  z-index:1 !important;
}

.hero-simple-slide .hero-main-img{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  object-position:center center !important;
  background:transparent !important;
  z-index:2 !important;
  opacity:1 !important;
  visibility:visible !important;
}

/* Anula la regla vieja que aplicaba a cualquier img del slide */
.hero-simple-slide > img:not(.hero-bg-img):not(.hero-main-img){
  display:none !important;
}

/* Si la imagen de Ale o Tapia es vertical/horizontal, nunca se recorta */
.hero-simple-slide img{
  max-width:none !important;
  max-height:none !important;
}

/* Flechas y dots por encima de ambas imágenes */
.hero-simple-arrow,
.hero-simple-dots{
  z-index:12 !important;
}

/* Selector inteligente limpio: sin imagen de fondo que tape las opciones */
#selector-inteligente{
  scroll-margin-top:120px !important;
}

.ideal-full-section{
  min-height:auto !important;
  margin:0 !important;
  padding:clamp(42px,7vw,92px) clamp(16px,5vw,72px) !important;
  display:grid !important;
  grid-template-columns:.82fr 1.18fr !important;
  gap:34px !important;
  align-items:center !important;
  position:relative !important;
  overflow:visible !important;
  background:
    radial-gradient(circle at 84% 10%, rgba(199,170,133,.12), transparent 32%),
    linear-gradient(135deg,#101417,#050607) !important;
  border-top:1px solid rgba(199,170,133,.14) !important;
  border-bottom:1px solid rgba(199,170,133,.14) !important;
}

.ideal-full-section:before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  background:repeating-linear-gradient(135deg, rgba(255,255,255,.03) 0 1px, transparent 1px 14px) !important;
  opacity:.45 !important;
  pointer-events:none !important;
  z-index:0 !important;
}

.ideal-full-copy,
.ideal-full-grid{
  position:relative !important;
  z-index:2 !important;
}

.ideal-full-copy h2{
  font-family:Anton,Inter,sans-serif !important;
  font-size:clamp(48px,7vw,112px) !important;
  line-height:.86 !important;
  text-transform:uppercase !important;
  letter-spacing:-.032em !important;
  margin:14px 0 !important;
  color:#f7f7f0 !important;
}

.ideal-full-copy span{
  display:block !important;
  max-width:560px !important;
  color:#dfe6d5 !important;
  font-size:clamp(15px,1.3vw,18px) !important;
  line-height:1.6 !important;
  font-weight:800 !important;
}

.ideal-full-grid{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:14px !important;
  width:100% !important;
  max-width:100% !important;
}

.ideal-full-grid button{
  min-height:250px !important;
  border-radius:30px !important;
  border:1px solid rgba(255,255,255,.12) !important;
  background:
    radial-gradient(circle at 82% 12%, rgba(199,170,133,.15), transparent 30%),
    rgba(255,255,255,.055) !important;
  color:#fff !important;
  text-align:left !important;
  padding:22px !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:flex-end !important;
  overflow:hidden !important;
}

.ideal-full-grid strong{
  color:#c7aa85 !important;
  font-size:12px !important;
  font-weight:1000 !important;
  text-transform:uppercase !important;
  letter-spacing:.12em !important;
}

.ideal-full-grid b{
  display:block !important;
  font-family:Anton,Inter,sans-serif !important;
  font-size:clamp(34px,3.8vw,60px) !important;
  line-height:.9 !important;
  text-transform:uppercase !important;
  margin:10px 0 !important;
}

.ideal-full-grid span{
  color:#dfe6d5 !important;
  font-weight:800 !important;
  line-height:1.45 !important;
}

/* Evita cualquier desplazamiento horizontal del selector */
.ideal-full-section,
.ideal-full-section *{
  max-width:100% !important;
}

/* En mobile se apila y se ve todo */
@media(max-width:900px){
  .hero-simple-slider{
    height:58vh !important;
    min-height:330px !important;
  }

  .hero-simple-slide .hero-bg-img{
    filter:blur(18px) brightness(.50) saturate(1.08) !important;
  }

  .ideal-full-section{
    grid-template-columns:1fr !important;
    padding:36px 14px !important;
  }

  .ideal-full-grid{
    grid-template-columns:1fr !important;
  }

  .ideal-full-grid button{
    min-height:156px !important;
    border-radius:24px !important;
  }

  .ideal-full-copy h2{
    font-size:44px !important;
  }
}


/* =========================================================
   V58 — DROPDOWN SOBRE HERO + PREVENTA 14/5 + AJUSTES PRODUCTOS
   ========================================================= */

/* Header y submenús por encima del hero/foto */
.site-header,
.top-promo{
  position:sticky !important;
  z-index:9999 !important;
}

.top-nav,
.nav-item,
.nav-link,
.dropdown,
.dropdown-menu,
.submenu,
.nav-dropdown{
  z-index:10000 !important;
}

.dropdown,
.dropdown-menu,
.submenu,
.nav-dropdown{
  position:absolute !important;
  background:rgba(5,8,13,.82) !important;
  border:1px solid rgba(199,170,133,.22) !important;
  backdrop-filter:blur(14px) !important;
  box-shadow:0 18px 45px rgba(0,0,0,.36) !important;
  color:#fff !important;
}

/* Cualquier menú que aparezca en hover debe verse sobre la imagen */
.nav-item:hover .dropdown,
.nav-item:hover .dropdown-menu,
.nav-item:hover .submenu,
.nav-item:hover .nav-dropdown,
.dropdown:hover,
.dropdown-menu:hover,
.submenu:hover,
.nav-dropdown:hover{
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
  pointer-events:auto !important;
}

/* Bajamos un poco el hero para que el dropdown no choque visualmente */
.hero-simple-wrap{
  padding-top:18px !important;
  overflow:visible !important;
  z-index:1 !important;
}

.hero-simple-slider{
  z-index:1 !important;
}

/* El slider no debe tapar los submenús */
.hero-simple-slider,
.hero-simple-slide,
.hero-simple-slide img{
  pointer-events:auto !important;
}

/* Preventa chico arriba derecha */
.preorder-badge{
  position:absolute !important;
  top:10px !important;
  right:10px !important;
  z-index:5 !important;
  background:#c7aa85 !important;
  color:#050505 !important;
  border-radius:999px !important;
  padding:6px 8px !important;
  font-size:8px !important;
  font-weight:1000 !important;
  line-height:1 !important;
  letter-spacing:.04em !important;
  text-transform:uppercase !important;
  box-shadow:0 8px 18px rgba(0,0,0,.22) !important;
}

/* Volver a permitir solo el badge de preventa, pero no entrega inmediata */
.product-grid#productGrid .badge,
.product-card .badge,
.product-image .badge,
#modalBadge{
  display:none !important;
}

.product-grid#productGrid .preorder-badge,
.product-card .preorder-badge,
.product-image .preorder-badge{
  display:inline-flex !important;
  visibility:visible !important;
  opacity:1 !important;
}

/* Selector inteligente antes del catálogo con buena separación */
#selector-inteligente{
  scroll-margin-top:120px !important;
  margin-top:18px !important;
  margin-bottom:0 !important;
}

/* Quitar visualmente bloques vacíos de zapatillas/fútbol si algún resto quedó */
.product-card[data-cat="Zapatillas"],
.product-card[data-cat="Fútbol"],
.product-card[data-cat="Futbol"]{
  display:none !important;
}

/* En mobile, submenú no debe quedar escondido detrás de foto */
@media(max-width:900px){
  .site-header{
    overflow:visible !important;
  }

  .top-nav{
    overflow-x:auto !important;
    overflow-y:visible !important;
  }

  .dropdown,
  .dropdown-menu,
  .submenu,
  .nav-dropdown{
    position:fixed !important;
    left:12px !important;
    right:12px !important;
    top:112px !important;
    max-width:calc(100vw - 24px) !important;
  }

  .hero-simple-wrap{
    padding-top:12px !important;
  }
}


/* =========================================================
   V59 — SUBMENÚ VISIBLE + SELECTOR CORRECTO + PREVENTA 14/5
   ========================================================= */

/* Submenú de Encontrá tu paleta ideal por encima de la foto */
.site-header{
  overflow:visible !important;
  z-index:50000 !important;
}

.top-nav,
.category-top-nav,
.nav-clean{
  overflow:visible !important;
}

.nav-item.ideal-nav{
  position:relative !important;
  z-index:50001 !important;
}

.ideal-dropdown{
  position:absolute !important;
  top:calc(100% + 10px) !important;
  left:50% !important;
  transform:translateX(-50%) !important;
  min-width:620px !important;
  max-width:min(92vw, 760px) !important;
  display:grid !important;
  grid-template-columns:repeat(3,1fr) !important;
  gap:12px !important;
  padding:16px !important;
  border-radius:24px !important;
  background:rgba(5,8,13,.86) !important;
  border:1px solid rgba(199,170,133,.24) !important;
  box-shadow:0 24px 70px rgba(0,0,0,.45) !important;
  backdrop-filter:blur(16px) !important;
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
  z-index:60000 !important;
}

.ideal-nav:hover .ideal-dropdown,
.ideal-nav:focus-within .ideal-dropdown,
.ideal-dropdown:hover{
  opacity:1 !important;
  visibility:visible !important;
  pointer-events:auto !important;
}

.ideal-dropdown .ideal-col{
  display:grid !important;
  gap:8px !important;
  padding:12px !important;
  border-radius:18px !important;
  background:rgba(255,255,255,.055) !important;
  border:1px solid rgba(255,255,255,.08) !important;
}

.ideal-dropdown strong{
  color:#c7aa85 !important;
  font-size:12px !important;
  font-weight:1000 !important;
  text-transform:uppercase !important;
  letter-spacing:.09em !important;
  margin-bottom:4px !important;
}

.ideal-dropdown button{
  min-height:38px !important;
  border-radius:999px !important;
  border:1px solid rgba(255,255,255,.10) !important;
  background:rgba(255,255,255,.06) !important;
  color:#fff !important;
  font-weight:900 !important;
}

.ideal-dropdown button:hover{
  background:#c7aa85 !important;
  color:#050505 !important;
}

/* Hero queda debajo del dropdown */
.hero-simple-wrap,
.hero-simple-slider{
  z-index:1 !important;
}

/* Preorder badge más grande, dos líneas */
.preorder-badge{
  top:10px !important;
  right:10px !important;
  min-width:58px !important;
  padding:7px 9px !important;
  border-radius:12px !important;
  font-size:9.5px !important;
  line-height:1.05 !important;
  text-align:center !important;
  white-space:pre-line !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:#c7aa85 !important;
  color:#050505 !important;
  box-shadow:0 9px 22px rgba(0,0,0,.26) !important;
}

/* El selector correcto: interactivo, antes del catálogo */
#mobileIdeal{
  scroll-margin-top:120px !important;
  margin:34px clamp(16px,5vw,72px) 0 !important;
  max-width:none !important;
  display:block !important;
}

#mobileIdeal .ideal-selector-inner{
  border-radius:36px !important;
  border:1px solid rgba(199,170,133,.18) !important;
  background:
    radial-gradient(circle at 88% 0%, rgba(199,170,133,.13), transparent 30%),
    linear-gradient(135deg,#111416,#050607) !important;
  box-shadow:0 24px 70px rgba(0,0,0,.30) !important;
}

/* Sacar definitivamente el selector grande anterior */
.ideal-full-section{
  display:none !important;
}

/* Sección pro inferior */
.brand-pro-bottom{
  margin:42px clamp(16px,5vw,72px) 0 !important;
  padding:34px !important;
  border-radius:36px !important;
  background:
    radial-gradient(circle at 88% 0%, rgba(199,170,133,.13), transparent 30%),
    linear-gradient(135deg,#111416,#050607) !important;
  border:1px solid rgba(199,170,133,.18) !important;
  display:grid !important;
  grid-template-columns:.85fr 1.15fr !important;
  gap:28px !important;
  align-items:center !important;
}

.brand-pro-bottom h2{
  font-family:Anton,Inter,sans-serif !important;
  font-size:clamp(42px,5.4vw,82px) !important;
  line-height:.88 !important;
  text-transform:uppercase !important;
  letter-spacing:-.025em !important;
  margin:10px 0 12px !important;
  color:#f7f7f0 !important;
}

.brand-pro-bottom span{
  color:#dfe6d5 !important;
  line-height:1.55 !important;
  font-weight:800 !important;
}

.brand-pro-cards{
  display:grid !important;
  grid-template-columns:repeat(3,1fr) !important;
  gap:12px !important;
}

.brand-pro-cards article{
  min-height:190px !important;
  border-radius:24px !important;
  background:rgba(255,255,255,.055) !important;
  border:1px solid rgba(255,255,255,.08) !important;
  padding:18px !important;
}

.brand-pro-cards strong{
  display:block !important;
  font-family:Anton,Inter,sans-serif !important;
  font-size:34px !important;
  color:#c7aa85 !important;
  margin-bottom:14px !important;
}

.brand-pro-cards b{
  display:block !important;
  color:#fff !important;
  text-transform:uppercase !important;
  font-size:16px !important;
  margin-bottom:8px !important;
}

/* Mayorista/Fútbol en nav sin empujar fuera */
.top-nav a{
  white-space:nowrap !important;
}

/* En móvil, dropdown en forma de panel visible y sin cortarse */
@media(max-width:900px){
  .site-header{
    overflow:visible !important;
  }

  .ideal-dropdown{
    position:fixed !important;
    top:118px !important;
    left:12px !important;
    right:12px !important;
    transform:none !important;
    min-width:0 !important;
    max-width:calc(100vw - 24px) !important;
    grid-template-columns:1fr !important;
    max-height:72vh !important;
    overflow:auto !important;
  }

  .brand-pro-bottom{
    grid-template-columns:1fr !important;
    margin:28px 12px 0 !important;
    padding:22px !important;
    border-radius:26px !important;
  }

  .brand-pro-cards{
    grid-template-columns:1fr !important;
  }

  #mobileIdeal{
    margin:28px 12px 0 !important;
  }
}


/* =========================================================
   V62 — LOGO OFICIAL + STOCK
   ========================================================= */

.logo img,
.site-logo img,
.logo-box img{
  object-fit:contain !important;
}

/* El logo oficial viene con fondo negro, lo mostramos limpio */
.logo,
.site-logo,
.logo-box{
  background:transparent !important;
}

.soldout-badge{
  position:absolute !important;
  top:10px !important;
  right:10px !important;
  z-index:6 !important;
  background:#14181d !important;
  color:#ffffff !important;
  border:1px solid rgba(255,255,255,.22) !important;
  border-radius:999px !important;
  padding:7px 10px !important;
  font-size:10px !important;
  font-weight:1000 !important;
  letter-spacing:.05em !important;
  text-transform:uppercase !important;
  box-shadow:0 9px 22px rgba(0,0,0,.30) !important;
}

.soldout-btn,
.soldout-btn:hover{
  opacity:.55 !important;
  cursor:not-allowed !important;
  background:#343a40 !important;
  color:#d8dde0 !important;
}


/* =========================================================
   V63 — CHECKOUT PANTALLA COMPLETA
   ========================================================= */

body.checkout-page-open{
  overflow:hidden !important;
}

.checkout-page-screen{
  position:fixed !important;
  inset:0 !important;
  z-index:2147483647 !important;
  display:none !important;
  overflow:auto !important;
  background:
    radial-gradient(circle at 88% 0%, rgba(199,170,133,.14), transparent 30%),
    linear-gradient(135deg,#101417,#050607) !important;
  color:#f7f7f0 !important;
  padding:22px !important;
}

.checkout-page-screen.open{
  display:block !important;
}

.checkout-page-shell{
  width:min(1180px,100%) !important;
  min-height:calc(100vh - 44px) !important;
  margin:0 auto !important;
  display:flex !important;
  flex-direction:column !important;
}

.checkout-page-back{
  align-self:flex-start !important;
  min-height:42px !important;
  padding:0 16px !important;
  border-radius:999px !important;
  border:1px solid rgba(255,255,255,.14) !important;
  background:rgba(255,255,255,.06) !important;
  color:#fff !important;
  font-weight:900 !important;
  letter-spacing:.03em !important;
  margin-bottom:22px !important;
}

.checkout-page-grid{
  flex:1 !important;
  display:grid !important;
  grid-template-columns:.82fr 1.18fr !important;
  gap:28px !important;
  align-items:center !important;
}

.checkout-page-copy h2{
  font-family:Anton,Inter,sans-serif !important;
  font-size:clamp(58px,8vw,120px) !important;
  line-height:.84 !important;
  text-transform:uppercase !important;
  letter-spacing:-.035em !important;
  margin:12px 0 16px !important;
  color:#f7f7f0 !important;
}

.checkout-page-copy > span{
  display:block !important;
  max-width:560px !important;
  color:#dfe6d5 !important;
  font-size:clamp(15px,1.35vw,18px) !important;
  line-height:1.6 !important;
  font-weight:800 !important;
}

.checkout-page-steps{
  margin-top:28px !important;
  display:grid !important;
  grid-template-columns:repeat(3,1fr) !important;
  gap:10px !important;
}

.checkout-page-steps article{
  border-radius:20px !important;
  border:1px solid rgba(255,255,255,.10) !important;
  background:rgba(255,255,255,.055) !important;
  padding:16px !important;
}

.checkout-page-steps strong{
  display:block !important;
  color:#c7aa85 !important;
  font-family:Anton,Inter,sans-serif !important;
  font-size:30px !important;
  line-height:1 !important;
}

.checkout-page-steps b{
  display:block !important;
  margin-top:10px !important;
  color:#fff !important;
  text-transform:uppercase !important;
  font-weight:1000 !important;
}

.checkout-page-steps small{
  display:block !important;
  margin-top:6px !important;
  color:#dfe6d5 !important;
  line-height:1.35 !important;
  font-weight:750 !important;
}

.checkout-page-card{
  border-radius:34px !important;
  border:1px solid rgba(199,170,133,.22) !important;
  background:rgba(255,255,255,.055) !important;
  box-shadow:0 30px 90px rgba(0,0,0,.42) !important;
  padding:24px !important;
}

.checkout-page-summary{
  display:flex !important;
  align-items:flex-end !important;
  justify-content:space-between !important;
  gap:14px !important;
  padding-bottom:18px !important;
  margin-bottom:18px !important;
  border-bottom:1px solid rgba(255,255,255,.10) !important;
}

.checkout-page-summary p{
  color:#c7aa85 !important;
  font-size:12px !important;
  font-weight:1000 !important;
  text-transform:uppercase !important;
  letter-spacing:.12em !important;
  margin:0 !important;
}

.checkout-page-summary strong{
  font-size:clamp(28px,3.2vw,44px) !important;
  line-height:1 !important;
  color:#fff !important;
}

.checkout-page-summary span{
  color:#dfe6d5 !important;
  font-weight:800 !important;
  font-size:13px !important;
  text-align:right !important;
}

.checkout-page-form{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:12px !important;
}

.checkout-page-form .field{
  display:grid !important;
  gap:7px !important;
}

.checkout-page-form .field.full{
  grid-column:1/-1 !important;
}

.checkout-page-form label{
  color:#c7aa85 !important;
  font-size:11px !important;
  font-weight:1000 !important;
  text-transform:uppercase !important;
  letter-spacing:.09em !important;
}

.checkout-page-form input,
.checkout-page-form textarea{
  width:100% !important;
  border-radius:16px !important;
  border:1px solid rgba(255,255,255,.12) !important;
  background:#0b1015 !important;
  color:#fff !important;
  min-height:48px !important;
  padding:0 13px !important;
  outline:none !important;
  font-weight:750 !important;
}

.checkout-page-form textarea{
  min-height:86px !important;
  padding-top:12px !important;
  resize:vertical !important;
}

.checkout-page-pay{
  grid-column:1/-1 !important;
  min-height:56px !important;
  border:0 !important;
  border-radius:999px !important;
  background:#c7aa85 !important;
  color:#050505 !important;
  font-weight:1000 !important;
  text-transform:uppercase !important;
  letter-spacing:.08em !important;
  margin-top:4px !important;
}

.checkout-data-modal{
  display:none !important;
}

@media(max-width:900px){
  .checkout-page-screen{
    padding:14px !important;
  }

  .checkout-page-shell{
    min-height:calc(100vh - 28px) !important;
  }

  .checkout-page-grid{
    grid-template-columns:1fr !important;
    align-items:start !important;
  }

  .checkout-page-copy h2{
    font-size:48px !important;
  }

  .checkout-page-steps{
    grid-template-columns:1fr !important;
  }

  .checkout-page-card{
    border-radius:24px !important;
    padding:18px !important;
  }

  .checkout-page-summary{
    display:grid !important;
    align-items:start !important;
  }

  .checkout-page-summary span{
    text-align:left !important;
  }

  .checkout-page-form{
    grid-template-columns:1fr !important;
  }
}


/* =========================================================
   V64 — LOGO OFICIAL LIMPIO + CHECKOUT/MEDIOS
   ========================================================= */

.brand img{
  width:156px !important;
  height:auto !important;
  object-fit:contain !important;
  display:block !important;
}

.brand{
  background:#000 !important;
  border-radius:0 !important;
  padding:0 !important;
  overflow:hidden !important;
}

.site-header{
  background:rgba(0,0,0,.92) !important;
}

@media(max-width:560px){
  .brand img{
    width:132px !important;
  }
}

.checkout.mp,
#checkoutMP,
.checkout-page-pay{
  background:#c7aa85 !important;
  color:#050505 !important;
}

.mp-note{
  display:none !important;
}


/* =========================================================
   V65 — HEADER STICKY PRO + LOGO GRANDE + MOBILE HAMBURGER + MÁS LUZ
   ========================================================= */

/* Más iluminación manteniendo el negro/lima */
:root{
  --lime:#c7aa85;
}

body{
  background:
    radial-gradient(circle at 72% 5%, rgba(199,170,133,.085), transparent 30%),
    radial-gradient(circle at 12% 28%, rgba(255,255,255,.045), transparent 26%),
    #05080d !important;
}

.page-glow{
  display:block !important;
  z-index:-2 !important;
  opacity:.95 !important;
  background:
    radial-gradient(circle at 78% 8%, rgba(199,170,133,.16), transparent 34%),
    radial-gradient(circle at 18% 42%, rgba(255,255,255,.06), transparent 32%) !important;
}

/* Header acompaña en computadora */
.top-promo{
  position:sticky !important;
  top:0 !important;
  z-index:90000 !important;
  background:linear-gradient(90deg,#05080d,#111907,#05080d) !important;
  color:#dfff48 !important;
  border-bottom:1px solid rgba(199,170,133,.18) !important;
}

.site-header{
  position:sticky !important;
  top:38px !important;
  z-index:89999 !important;
  background:rgba(0,0,0,.86) !important;
  backdrop-filter:blur(18px) saturate(1.15) !important;
  border-bottom:1px solid rgba(199,170,133,.14) !important;
  box-shadow:0 14px 34px rgba(0,0,0,.30) !important;
  overflow:visible !important;
}

/* Logo más grande y prolijo a la izquierda */
.brand{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  flex:0 0 auto !important;
  background:#000 !important;
  padding:0 !important;
  margin:0 !important;
  border:0 !important;
  overflow:hidden !important;
}

.brand img{
  width:188px !important;
  max-width:188px !important;
  height:auto !important;
  display:block !important;
  object-fit:contain !important;
  background:#000 !important;
  border:0 !important;
  box-shadow:none !important;
}

/* Categorías y carrito acompañan */
.top-nav{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
  flex:1 1 auto !important;
}

.cart-btn{
  flex:0 0 auto !important;
  background:#c7aa85 !important;
  color:#050505 !important;
  box-shadow:0 14px 34px rgba(199,170,133,.16) !important;
}

.top-nav a,
.ideal-main-link{
  color:#eef4e8 !important;
  border-color:rgba(255,255,255,.06) !important;
}

.top-nav a:hover,
.ideal-main-link:hover{
  color:#c7aa85 !important;
  border-color:rgba(199,170,133,.34) !important;
  background:rgba(199,170,133,.075) !important;
}

/* Imagen/hero con más vida */
.hero-simple-slider{
  box-shadow:0 26px 80px rgba(0,0,0,.32), 0 0 0 1px rgba(199,170,133,.12) inset !important;
}

.hero-simple-slide .hero-main-img,
.hero-simple-slide .hero-bg-img{
  filter:saturate(1.06) contrast(1.03) brightness(1.06) !important;
}

/* Cartel/productos un poco menos opacos */
.product-card{
  box-shadow:0 18px 44px rgba(0,0,0,.24) !important;
}

.product-image{
  background:#fbfbf8 !important;
}

/* Botón hamburguesa */
.mobile-menu-toggle{
  display:none;
  width:44px;
  height:44px;
  border-radius:999px;
  border:1px solid rgba(199,170,133,.22);
  background:rgba(199,170,133,.08);
  align-items:center;
  justify-content:center;
  flex-direction:column;
  gap:5px;
  padding:0;
}

.mobile-menu-toggle span{
  width:19px;
  height:2px;
  border-radius:999px;
  background:#c7aa85;
  display:block;
}

.mobile-nav-backdrop{
  display:none;
}

/* Móvil: no acompaña header completo; queda logo + hamburguesa */
@media(max-width:900px){
  .top-promo{
    position:relative !important;
    top:auto !important;
    z-index:40 !important;
  }

  .site-header{
    position:relative !important;
    top:auto !important;
    z-index:50000 !important;
    padding:12px 14px !important;
    justify-content:space-between !important;
    background:#000 !important;
  }

  .brand img{
    width:154px !important;
    max-width:154px !important;
  }

  .mobile-menu-toggle{
    display:flex !important;
    order:0 !important;
  }

  .brand{
    order:1 !important;
    margin-right:auto !important;
    margin-left:10px !important;
  }

  .cart-btn{
    order:2 !important;
    padding:10px 12px !important;
    font-size:11px !important;
  }

  #mainNav.top-nav{
    position:fixed !important;
    left:0 !important;
    top:0 !important;
    bottom:0 !important;
    width:min(330px,86vw) !important;
    z-index:70000 !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
    justify-content:flex-start !important;
    gap:8px !important;
    padding:88px 16px 22px !important;
    background:
      radial-gradient(circle at 90% 0%, rgba(199,170,133,.12), transparent 30%),
      #05080d !important;
    border-right:1px solid rgba(199,170,133,.18) !important;
    box-shadow:30px 0 80px rgba(0,0,0,.45) !important;
    transform:translateX(-105%) !important;
    transition:transform .28s ease !important;
    overflow:auto !important;
  }

  body.mobile-nav-open #mainNav.top-nav{
    transform:translateX(0) !important;
  }

  #mainNav.top-nav a,
  #mainNav .ideal-main-link{
    width:100% !important;
    text-align:left !important;
    padding:14px 14px !important;
    border-radius:16px !important;
    background:rgba(255,255,255,.045) !important;
    border:1px solid rgba(255,255,255,.08) !important;
    color:#fff !important;
  }

  .mobile-nav-backdrop{
    position:fixed !important;
    inset:0 !important;
    z-index:65000 !important;
    background:rgba(0,0,0,.56) !important;
    display:none !important;
  }

  body.mobile-nav-open .mobile-nav-backdrop{
    display:block !important;
  }

  body.mobile-nav-open{
    overflow:hidden !important;
  }

  .ideal-dropdown{
    position:static !important;
    transform:none !important;
    min-width:0 !important;
    max-width:none !important;
    width:100% !important;
    grid-template-columns:1fr !important;
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
    display:grid !important;
    margin-top:8px !important;
    padding:10px !important;
    border-radius:18px !important;
    background:rgba(255,255,255,.04) !important;
  }
}

@media(max-width:560px){
  .brand img{
    width:144px !important;
    max-width:144px !important;
  }

  .cart-btn span{
    margin-left:4px !important;
  }
}


/* V66 final header/logo polish */
.site-header{gap:16px !important;}
.brand{display:flex !important; align-items:center !important; flex:0 0 auto !important;}
.brand img{width:228px !important; max-width:228px !important; height:auto !important; display:block !important; background:transparent !important; object-fit:contain !important;}
.top-nav{flex:1 1 auto !important; justify-content:center !important;}
.cart-btn{margin-left:auto !important;}
@media(max-width:1200px){.brand img{width:205px !important; max-width:205px !important;}}
@media(max-width:900px){.brand img{width:168px !important; max-width:168px !important;} .brand{margin-left:8px !important;}}
@media(max-width:560px){.brand img{width:154px !important; max-width:154px !important;}}


/* =========================================================
   V67 — ACCESORIOS + LUZ PRO + MENÚ TRANSPARENTE + HERO COMPLETO
   ========================================================= */

body{
  background:
    radial-gradient(circle at 78% 4%, rgba(199,170,133,.105), transparent 30%),
    radial-gradient(circle at 20% 28%, rgba(255,255,255,.07), transparent 30%),
    linear-gradient(180deg,#070b10 0%, #091017 38%, #05080d 100%) !important;
}

.page-glow{
  opacity:.72 !important;
}

.hero-simple-slider{
  background:#05080d !important;
  box-shadow:
    0 26px 80px rgba(0,0,0,.28),
    0 0 0 1px rgba(199,170,133,.14) inset,
    0 0 42px rgba(199,170,133,.055) !important;
}

.hero-simple-slide .hero-main-img{
  object-fit:contain !important;
  object-position:center center !important;
  background:transparent !important;
  filter:saturate(1.05) contrast(1.02) brightness(1.04) !important;
}

.hero-simple-slide .hero-bg-img{
  object-fit:cover !important;
  filter:blur(26px) brightness(.44) saturate(1.08) !important;
  opacity:.82 !important;
}

.product-card{
  background:linear-gradient(180deg,#fffdf7 0%,#f5f2e9 100%) !important;
  box-shadow:0 18px 46px rgba(0,0,0,.22), 0 0 0 1px rgba(255,255,255,.44) inset !important;
}

.product-image{
  background:#fff !important;
}

.product-card .product-info{
  background:rgba(255,255,255,.42) !important;
}

@media(max-width:900px){
  #mainNav.top-nav{
    background:rgba(5,8,13,.76) !important;
    backdrop-filter:blur(18px) saturate(1.18) !important;
    border-right:1px solid rgba(199,170,133,.22) !important;
  }

  body.mobile-nav-open .mobile-nav-backdrop{
    background:rgba(0,0,0,.24) !important;
    backdrop-filter:blur(4px) !important;
  }

  #mainNav.top-nav a,
  #mainNav .ideal-main-link{
    background:rgba(255,255,255,.075) !important;
    border:1px solid rgba(255,255,255,.12) !important;
  }

  .mobile-menu-toggle{
    background:rgba(199,170,133,.10) !important;
    backdrop-filter:blur(10px) !important;
  }
}


/* =========================================================
   V70 — WHITE PREMIUM THEME + COLECCIONES
   ========================================================= */

:root{
  --lime:#c7aa85;
  --ink:#101318;
  --muted:#66707a;
  --paper:#f6f5f0;
  --card:#ffffff;
}

html,body{
  background:#f6f5f0 !important;
  color:#101318 !important;
}

body{
  background:
    radial-gradient(circle at 78% 3%, rgba(199,170,133,.20), transparent 28%),
    radial-gradient(circle at 12% 22%, rgba(16,19,24,.055), transparent 32%),
    linear-gradient(180deg,#ffffff 0%,#f7f6f1 42%,#eeece3 100%) !important;
}

.page-glow{
  display:none !important;
}

/* Barra superior mantiene lima */
.top-promo{
  background:#11151a !important;
  color:#c7aa85 !important;
  border-bottom:1px solid rgba(199,170,133,.42) !important;
}

/* Header blanco premium */
.site-header{
  background:rgba(255,255,255,.90) !important;
  backdrop-filter:blur(18px) saturate(1.08) !important;
  border-bottom:1px solid rgba(16,19,24,.10) !important;
  box-shadow:0 16px 42px rgba(16,19,24,.08) !important;
  padding-left:clamp(14px,3.2vw,46px) !important;
  padding-right:clamp(14px,2.2vw,30px) !important;
  justify-content:flex-start !important;
  gap:14px !important;
}

.brand{
  margin-left:0 !important;
  margin-right:16px !important;
  background:transparent !important;
  overflow:visible !important;
}

.brand img{
  width:230px !important;
  max-width:230px !important;
  background:transparent !important;
}

.top-nav{
  justify-content:flex-start !important;
  gap:7px !important;
  flex:1 1 auto !important;
}

.top-nav a,
.ideal-main-link{
  color:#101318 !important;
  background:transparent !important;
  border:1px solid transparent !important;
  font-weight:1000 !important;
}

.top-nav a:hover,
.ideal-main-link:hover{
  color:#101318 !important;
  background:rgba(199,170,133,.22) !important;
  border-color:rgba(199,170,133,.55) !important;
}

.cart-btn{
  margin-left:10px !important;
  margin-right:0 !important;
  background:#c7aa85 !important;
  color:#050505 !important;
  box-shadow:0 12px 28px rgba(130,170,0,.18) !important;
}

/* Hero estilo tienda premium */
.hero-simple-wrap{
  background:#f6f5f0 !important;
  padding:22px clamp(14px,3.2vw,46px) 26px !important;
}

.hero-simple-slider{
  width:100% !important;
  height:min(72vh,720px) !important;
  min-height:470px !important;
  border-radius:26px !important;
  background:#11151a !important;
  box-shadow:0 24px 70px rgba(16,19,24,.18) !important;
  border:1px solid rgba(16,19,24,.10) !important;
}

.hero-simple-slide .hero-bg-img{
  filter:blur(24px) brightness(.42) saturate(1.08) !important;
  opacity:.78 !important;
}

.hero-simple-slide .hero-main-img{
  object-fit:contain !important;
  object-position:center center !important;
  padding:0 !important;
  filter:saturate(1.04) contrast(1.03) brightness(1.02) !important;
}

.hero-collection-copy{
  position:absolute !important;
  left:clamp(24px,5vw,72px) !important;
  bottom:clamp(26px,5vw,72px) !important;
  z-index:20 !important;
  max-width:520px !important;
  color:#fff !important;
  text-shadow:0 12px 36px rgba(0,0,0,.55) !important;
}

.hero-collection-copy p{
  margin:0 0 10px !important;
  color:#c7aa85 !important;
  font-size:12px !important;
  font-weight:1000 !important;
  text-transform:uppercase !important;
  letter-spacing:.14em !important;
}

.hero-collection-copy h2{
  margin:0 !important;
  font-family:Anton,Inter,sans-serif !important;
  font-size:clamp(48px,7vw,108px) !important;
  line-height:.88 !important;
  text-transform:uppercase !important;
  letter-spacing:-.025em !important;
}

.hero-collection-copy span{
  display:block !important;
  margin-top:8px !important;
  color:#f5f5ed !important;
  font-size:clamp(15px,1.4vw,20px) !important;
  font-weight:900 !important;
}

.hero-collection-copy button{
  margin-top:20px !important;
  border:0 !important;
  border-radius:999px !important;
  background:#ffffff !important;
  color:#101318 !important;
  min-height:44px !important;
  padding:0 26px !important;
  font-weight:1000 !important;
  text-transform:uppercase !important;
  letter-spacing:.08em !important;
  box-shadow:0 18px 34px rgba(0,0,0,.22) !important;
}

/* Secciones y catálogo alineados un poco más a la izquierda */
.trust-bar,
#mobileIdeal,
.toolbar,
.product-grid,
.brand-pro-bottom,
.checkout-preview,
.footer-inner{
  margin-left:clamp(14px,3.2vw,46px) !important;
  margin-right:clamp(14px,2.2vw,30px) !important;
}

.toolbar,
.section-title,
.catalog-title{
  color:#101318 !important;
}

.product-grid{
  justify-content:start !important;
}

.product-card{
  background:#ffffff !important;
  color:#101318 !important;
  box-shadow:0 18px 46px rgba(16,19,24,.10), 0 0 0 1px rgba(16,19,24,.055) !important;
}

.product-card p,
.product-card .muted,
.product-card .variant,
.product-card .tone{
  color:#66707a !important;
}

.product-card h3,
.product-title,
.price,
.cash,
.installment{
  color:#101318 !important;
}

.product-image{
  background:#ffffff !important;
}

.whatsapp,
.add-cart,
.product-card button{
  background:#11151a !important;
  color:#fff !important;
}

.product-card button:hover{
  background:#c7aa85 !important;
  color:#050505 !important;
}

/* Bloques oscuros internos adaptados */
.brand-pro-bottom,
#mobileIdeal .ideal-selector-inner,
.checkout-preview{
  background:#ffffff !important;
  color:#101318 !important;
  border:1px solid rgba(16,19,24,.08) !important;
  box-shadow:0 18px 48px rgba(16,19,24,.08) !important;
}

.brand-pro-bottom h2,
#mobileIdeal h2,
.checkout-preview h2{
  color:#101318 !important;
}

.brand-pro-bottom span,
#mobileIdeal span,
.checkout-preview span{
  color:#66707a !important;
}

/* Menú móvil transparente pero legible sobre blanco */
@media(max-width:900px){
  .site-header{
    position:relative !important;
    top:auto !important;
    background:rgba(255,255,255,.94) !important;
  }

  .brand img{
    width:168px !important;
    max-width:168px !important;
  }

  .mobile-menu-toggle{
    background:rgba(16,19,24,.08) !important;
    border-color:rgba(16,19,24,.16) !important;
  }

  .mobile-menu-toggle span{
    background:#101318 !important;
  }

  #mainNav.top-nav{
    background:rgba(255,255,255,.82) !important;
    backdrop-filter:blur(18px) saturate(1.12) !important;
    border-right:1px solid rgba(16,19,24,.10) !important;
    box-shadow:30px 0 80px rgba(16,19,24,.20) !important;
  }

  body.mobile-nav-open .mobile-nav-backdrop{
    background:rgba(255,255,255,.24) !important;
    backdrop-filter:blur(5px) !important;
  }

  #mainNav.top-nav a,
  #mainNav .ideal-main-link{
    background:rgba(16,19,24,.055) !important;
    color:#101318 !important;
    border:1px solid rgba(16,19,24,.10) !important;
  }

  .hero-simple-wrap{
    padding:14px 12px 22px !important;
  }

  .hero-simple-slider{
    min-height:430px !important;
    height:58vh !important;
    border-radius:22px !important;
  }

  .hero-collection-copy{
    left:20px !important;
    bottom:22px !important;
    max-width:80% !important;
  }

  .hero-collection-copy h2{
    font-size:44px !important;
  }
}

@media(max-width:560px){
  .brand img{
    width:156px !important;
    max-width:156px !important;
  }
}


/* =========================================================
   V71 — VOLVER A NEGRO PREMIUM + HERO CORREGIDO + ALINEACIÓN
   ========================================================= */

html,body{
  background:#05080d !important;
  color:#f5f5ed !important;
}

body{
  background:
    radial-gradient(circle at 78% 4%, rgba(199,170,133,.11), transparent 30%),
    radial-gradient(circle at 20% 28%, rgba(255,255,255,.055), transparent 30%),
    linear-gradient(180deg,#05080d 0%,#091017 42%,#04070b 100%) !important;
}

.page-glow{
  display:block !important;
  opacity:.72 !important;
}

/* Header negro, logo y menú más a la izquierda */
.top-promo{
  background:#05080d !important;
  color:#c7aa85 !important;
  border-bottom:1px solid rgba(199,170,133,.24) !important;
}

.site-header{
  background:rgba(5,8,13,.90) !important;
  backdrop-filter:blur(18px) saturate(1.15) !important;
  border-bottom:1px solid rgba(199,170,133,.16) !important;
  box-shadow:0 14px 34px rgba(0,0,0,.32) !important;
  padding-left:clamp(8px,1.6vw,24px) !important;
  padding-right:clamp(32px,4vw,72px) !important;
  justify-content:flex-start !important;
  gap:14px !important;
}

.brand{
  margin-left:0 !important;
  margin-right:16px !important;
  background:transparent !important;
  overflow:visible !important;
}

.brand img{
  width:222px !important;
  max-width:222px !important;
  height:auto !important;
  background:transparent !important;
  object-fit:contain !important;
}

.top-nav{
  justify-content:flex-start !important;
  gap:6px !important;
  flex:1 1 auto !important;
}

.top-nav a,
.ideal-main-link{
  color:#f5f5ed !important;
  background:transparent !important;
  border:1px solid transparent !important;
  font-weight:1000 !important;
}

.top-nav a:hover,
.ideal-main-link:hover{
  color:#c7aa85 !important;
  background:rgba(199,170,133,.075) !important;
  border-color:rgba(199,170,133,.34) !important;
}

.cart-btn{
  margin-left:10px !important;
  margin-right:26px !important;
  background:#c7aa85 !important;
  color:#050505 !important;
  box-shadow:0 12px 28px rgba(199,170,133,.16) !important;
}

/* Hero negro premium */
.hero-simple-wrap{
  background:#05080d !important;
  padding:22px clamp(8px,1.6vw,24px) 26px !important;
}

.hero-simple-slider{
  width:100% !important;
  height:min(72vh,720px) !important;
  min-height:470px !important;
  border-radius:26px !important;
  background:#05080d !important;
  box-shadow:0 24px 70px rgba(0,0,0,.38), 0 0 0 1px rgba(199,170,133,.12) inset !important;
  border:1px solid rgba(199,170,133,.10) !important;
}

.hero-simple-slide .hero-bg-img{
  filter:blur(24px) brightness(.42) saturate(1.08) !important;
  opacity:.78 !important;
}

.hero-simple-slide .hero-main-img{
  object-fit:contain !important;
  object-position:center center !important;
  filter:saturate(1.04) contrast(1.03) brightness(1.02) !important;
}

.hero-collection-copy{
  color:#fff !important;
  text-shadow:0 12px 36px rgba(0,0,0,.58) !important;
}

.hero-collection-copy p{
  color:#c7aa85 !important;
}

.hero-collection-copy button{
  background:#ffffff !important;
  color:#101318 !important;
}

/* Catálogo oscuro original/premium y más a la izquierda */
.trust-bar,
#mobileIdeal,
.toolbar,
.product-grid,
.brand-pro-bottom,
.checkout-preview,
.footer-inner{
  margin-left:clamp(8px,1.6vw,24px) !important;
  margin-right:clamp(32px,4vw,72px) !important;
}

.toolbar,
.section-title,
.catalog-title{
  color:#f5f5ed !important;
}

.product-grid{
  justify-content:start !important;
}

.product-card{
  background:linear-gradient(180deg,#fffdf7 0%,#f5f2e9 100%) !important;
  color:#101318 !important;
  box-shadow:0 18px 46px rgba(0,0,0,.22), 0 0 0 1px rgba(255,255,255,.44) inset !important;
}

.product-card p,
.product-card .muted,
.product-card .variant,
.product-card .tone{
  color:#66707a !important;
}

.product-card h3,
.product-title,
.price,
.cash,
.installment{
  color:#101318 !important;
}

.product-image{
  background:#fff !important;
}

.brand-pro-bottom,
#mobileIdeal .ideal-selector-inner,
.checkout-preview{
  background:
    radial-gradient(circle at 88% 0%, rgba(199,170,133,.13), transparent 30%),
    linear-gradient(135deg,#111416,#050607) !important;
  color:#f5f5ed !important;
  border:1px solid rgba(199,170,133,.18) !important;
  box-shadow:0 24px 70px rgba(0,0,0,.30) !important;
}

.brand-pro-bottom h2,
#mobileIdeal h2,
.checkout-preview h2{
  color:#f5f5ed !important;
}

.brand-pro-bottom span,
#mobileIdeal span,
.checkout-preview span{
  color:#dfe6d5 !important;
}

/* Mobile negro y menú glass */
@media(max-width:900px){
  .site-header{
    position:relative !important;
    top:auto !important;
    background:rgba(5,8,13,.94) !important;
    padding-left:12px !important;
    padding-right:12px !important;
  }

  .brand img{
    width:168px !important;
    max-width:168px !important;
  }

  .mobile-menu-toggle{
    background:rgba(199,170,133,.10) !important;
    border-color:rgba(199,170,133,.22) !important;
  }

  .mobile-menu-toggle span{
    background:#c7aa85 !important;
  }

  #mainNav.top-nav{
    background:rgba(5,8,13,.78) !important;
    backdrop-filter:blur(18px) saturate(1.15) !important;
    border-right:1px solid rgba(199,170,133,.22) !important;
  }

  body.mobile-nav-open .mobile-nav-backdrop{
    background:rgba(0,0,0,.24) !important;
    backdrop-filter:blur(5px) !important;
  }

  #mainNav.top-nav a,
  #mainNav .ideal-main-link{
    background:rgba(255,255,255,.075) !important;
    color:#fff !important;
    border:1px solid rgba(255,255,255,.12) !important;
  }
}

@media(max-width:560px){
  .brand img{
    width:156px !important;
    max-width:156px !important;
  }
}


/* =========================================================
   V72 — LOGO CORREGIDO BLANCO/LIMA
   ========================================================= */

.brand img{
  content:url("assets/logo-white-lime-final.png") !important;
  width:222px !important;
  max-width:222px !important;
  height:auto !important;
  background:transparent !important;
  object-fit:contain !important;
  filter:none !important;
}

@media(max-width:900px){
  .brand img{
    width:168px !important;
    max-width:168px !important;
  }
}

@media(max-width:560px){
  .brand img{
    width:156px !important;
    max-width:156px !important;
  }
}


/* =========================================================
   V73 — LOGO AJUSTE FINO
   ========================================================= */

.brand img{
  content:url("assets/logo-white-lime-final.png") !important;
  width:222px !important;
  max-width:222px !important;
  height:auto !important;
  background:transparent !important;
  object-fit:contain !important;
  filter:none !important;
}

@media(max-width:900px){
  .brand img{
    width:168px !important;
    max-width:168px !important;
  }
}

@media(max-width:560px){
  .brand img{
    width:156px !important;
    max-width:156px !important;
  }
}


/* =========================================================
   V74 — LOGO SVG LIMPIO + AGUSTÍN CORREGIDO
   ========================================================= */

.brand{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  overflow:visible !important;
  padding:0 !important;
  margin-left:0 !important;
}

.brand img{
  content:normal !important;
  width:178px !important;
  max-width:178px !important;
  height:auto !important;
  display:block !important;
  object-fit:contain !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  filter:none !important;
}

.site-header{
  padding-left:clamp(10px,1.8vw,26px) !important;
}

.hero-simple-slide[data-collection="tapia"] .hero-main-img{
  object-fit:contain !important;
  object-position:center center !important;
}

.hero-simple-slide[data-collection="tapia"] .hero-bg-img{
  filter:blur(24px) brightness(.45) saturate(1.08) !important;
}

@media(max-width:900px){
  .brand img{
    width:150px !important;
    max-width:150px !important;
  }
}

@media(max-width:560px){
  .brand img{
    width:136px !important;
    max-width:136px !important;
  }
}


/* =========================================================
   V75 — LOGO FINAL + AGUSTÍN OK
   ========================================================= */

.brand{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  overflow:visible !important;
  padding:0 !important;
}

.brand img{
  content:normal !important;
  width:190px !important;
  max-width:190px !important;
  height:auto !important;
  display:block !important;
  object-fit:contain !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  filter:none !important;
}

.hero-simple-slide[data-collection="tapia"] .hero-main-img{
  object-fit:contain !important;
  object-position:center center !important;
}

@media(max-width:900px){
  .brand img{
    width:154px !important;
    max-width:154px !important;
  }
}

@media(max-width:560px){
  .brand img{
    width:140px !important;
    max-width:140px !important;
  }
}


/* =========================================================
   V76 — LOGO FINAL + CUENTA/HISTORIAL
   ========================================================= */

.brand img{
  content:url("assets/elclub-logo-final-clean.svg") !important;
  width:188px !important;
  max-width:188px !important;
  height:auto !important;
  background:transparent !important;
  object-fit:contain !important;
  filter:none !important;
}

.account-btn{
  min-height:42px !important;
  padding:0 16px !important;
  border-radius:999px !important;
  border:1px solid rgba(199,170,133,.28) !important;
  background:rgba(199,170,133,.08) !important;
  color:#f7f7f0 !important;
  font-weight:1000 !important;
  text-transform:uppercase !important;
  letter-spacing:.04em !important;
}

.account-panel{
  position:fixed !important;
  top:0 !important;
  right:0 !important;
  bottom:0 !important;
  width:min(430px,92vw) !important;
  z-index:2147483646 !important;
  background:
    radial-gradient(circle at 88% 0%, rgba(199,170,133,.12), transparent 30%),
    rgba(5,8,13,.94) !important;
  backdrop-filter:blur(18px) !important;
  border-left:1px solid rgba(199,170,133,.20) !important;
  box-shadow:-30px 0 90px rgba(0,0,0,.48) !important;
  transform:translateX(105%) !important;
  transition:transform .28s ease !important;
  padding:24px !important;
  overflow:auto !important;
  color:#fff !important;
}

body.account-open .account-panel{
  transform:translateX(0) !important;
}

.account-backdrop{
  display:none !important;
  position:fixed !important;
  inset:0 !important;
  z-index:2147483645 !important;
  background:rgba(0,0,0,.42) !important;
  backdrop-filter:blur(3px) !important;
}

body.account-open .account-backdrop{
  display:block !important;
}

.account-head{
  display:flex !important;
  justify-content:space-between !important;
  align-items:flex-start !important;
  padding-bottom:18px !important;
  border-bottom:1px solid rgba(255,255,255,.12) !important;
  margin-bottom:20px !important;
}

.account-head p{
  color:#c7aa85 !important;
  font-weight:1000 !important;
  text-transform:uppercase !important;
  letter-spacing:.12em !important;
  margin:0 0 8px !important;
  font-size:12px !important;
}

.account-head h3{
  margin:0 !important;
  font-family:Anton,Inter,sans-serif !important;
  text-transform:uppercase !important;
  font-size:44px !important;
  line-height:.9 !important;
}

.account-head button{
  border:0 !important;
  background:transparent !important;
  color:#fff !important;
  font-size:42px !important;
  line-height:1 !important;
}

.account-note{
  color:#dfe6d5 !important;
  line-height:1.5 !important;
  font-weight:750 !important;
}

.account-form{
  display:grid !important;
  gap:10px !important;
}

.account-form label{
  color:#c7aa85 !important;
  font-size:11px !important;
  text-transform:uppercase !important;
  font-weight:1000 !important;
  letter-spacing:.09em !important;
}

.account-form input{
  min-height:48px !important;
  border-radius:16px !important;
  border:1px solid rgba(255,255,255,.12) !important;
  background:#0b1015 !important;
  color:#fff !important;
  padding:0 12px !important;
  font-weight:800 !important;
}

.account-form button,
#accountLogout{
  min-height:46px !important;
  border-radius:999px !important;
  border:0 !important;
  background:#c7aa85 !important;
  color:#050505 !important;
  font-weight:1000 !important;
  text-transform:uppercase !important;
}

.account-user-card{
  border-radius:22px !important;
  border:1px solid rgba(255,255,255,.12) !important;
  background:rgba(255,255,255,.06) !important;
  padding:16px !important;
  display:grid !important;
  gap:6px !important;
  margin-bottom:22px !important;
}

.account-user-card strong{
  font-size:22px !important;
}

.account-user-card span{
  color:#dfe6d5 !important;
}

.account-logged-in h4{
  font-size:14px !important;
  text-transform:uppercase !important;
  letter-spacing:.10em !important;
  color:#c7aa85 !important;
}

.history-item{
  border-radius:18px !important;
  border:1px solid rgba(255,255,255,.10) !important;
  background:rgba(255,255,255,.055) !important;
  padding:14px !important;
  margin-bottom:10px !important;
}

.history-item strong{
  color:#a5ffbe !important;
  font-size:22px !important;
}

.history-item span{
  display:block !important;
  color:#dfe6d5 !important;
  font-size:12px !important;
  margin:4px 0 8px !important;
}

.history-item ul{
  margin:0 !important;
  padding-left:18px !important;
  color:#fff !important;
}

.empty-history{
  color:#dfe6d5 !important;
  font-weight:800 !important;
}

@media(max-width:900px){
  .brand img{
    width:154px !important;
    max-width:154px !important;
  }

  .account-btn{
    display:none !important;
  }
}


/* =========================================================
   V77 — CHECKOUT FINAL + LOGO OFICIAL + SUCCESS DETAIL
   ========================================================= */

.brand img{
  content:url("assets/elclub-logo-oficial-deportes-lima.png") !important;
  width:190px !important;
  max-width:190px !important;
  height:auto !important;
  object-fit:contain !important;
  background:transparent !important;
  filter:none !important;
}

.cart-pay-options{
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:10px !important;
  margin-top:18px !important;
}

.checkout.transfer,
.checkout.mp{
  width:100% !important;
  min-height:54px !important;
  border-radius:999px !important;
  border:0 !important;
  font-weight:1000 !important;
  text-transform:uppercase !important;
  letter-spacing:.06em !important;
}

.checkout.transfer{
  background:#ffffff !important;
  color:#101318 !important;
}

.checkout.mp{
  background:#c7aa85 !important;
  color:#050505 !important;
}

#checkoutPaymentMode{
  display:block !important;
  color:#c7aa85 !important;
  font-style:normal !important;
  font-size:12px !important;
  font-weight:1000 !important;
  text-transform:uppercase !important;
  letter-spacing:.08em !important;
  margin-top:6px !important;
}

.success-body{
  min-height:100vh !important;
  background:
    radial-gradient(circle at 80% 0%, rgba(199,170,133,.12), transparent 32%),
    linear-gradient(135deg,#101417,#050607) !important;
  color:#fff !important;
}

.success-page{
  min-height:100vh !important;
  display:grid !important;
  place-items:center !important;
  padding:24px !important;
}

.success-card{
  width:min(880px,100%) !important;
  border-radius:36px !important;
  border:1px solid rgba(199,170,133,.20) !important;
  background:rgba(255,255,255,.055) !important;
  box-shadow:0 30px 90px rgba(0,0,0,.42) !important;
  padding:34px !important;
}

.success-logo{
  width:180px !important;
  height:auto !important;
  display:block !important;
  margin-bottom:26px !important;
}

.success-card h1{
  font-family:Anton,Inter,sans-serif !important;
  font-size:clamp(48px,7vw,96px) !important;
  line-height:.88 !important;
  text-transform:uppercase !important;
  margin:12px 0 !important;
}

.success-sub{
  color:#dfe6d5 !important;
  font-weight:800 !important;
  line-height:1.55 !important;
}

.transfer-bank-box,
.order-detail-box{
  margin-top:22px !important;
  border-radius:24px !important;
  border:1px solid rgba(255,255,255,.12) !important;
  background:rgba(255,255,255,.06) !important;
  padding:20px !important;
}

.transfer-bank-box h2,
.order-detail-box h2{
  margin:0 0 14px !important;
  color:#c7aa85 !important;
  text-transform:uppercase !important;
  letter-spacing:.06em !important;
  font-size:16px !important;
}

.transfer-bank-box p,
.success-customer p{
  margin:7px 0 !important;
  color:#fff !important;
}

.send-proof,
.back-store{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:46px !important;
  padding:0 18px !important;
  border-radius:999px !important;
  background:#c7aa85 !important;
  color:#050505 !important;
  font-weight:1000 !important;
  text-decoration:none !important;
  text-transform:uppercase !important;
  margin-top:14px !important;
}

.success-item{
  display:flex !important;
  justify-content:space-between !important;
  gap:12px !important;
  border-bottom:1px solid rgba(255,255,255,.10) !important;
  padding:12px 0 !important;
}

.success-item strong{
  color:#fff !important;
}

.success-item span{
  color:#dfe6d5 !important;
}

.success-total{
  display:flex !important;
  justify-content:space-between !important;
  align-items:center !important;
  margin-top:16px !important;
  padding-top:16px !important;
  border-top:1px solid rgba(199,170,133,.20) !important;
}

.success-total span{
  color:#dfe6d5 !important;
  font-weight:1000 !important;
  text-transform:uppercase !important;
}

.success-total strong{
  color:#a5ffbe !important;
  font-size:34px !important;
}

@media(max-width:900px){
  .brand img{
    width:154px !important;
    max-width:154px !important;
  }
}


/* =========================================================
   V78 — CHECKOUT PRO FINAL
   ========================================================= */

.cart-total-dual{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:10px !important;
  margin-top:18px !important;
  padding-top:18px !important;
  border-top:1px solid rgba(255,255,255,.12) !important;
}

.cart-total-dual div{
  border-radius:18px !important;
  border:1px solid rgba(255,255,255,.10) !important;
  background:rgba(255,255,255,.055) !important;
  padding:12px !important;
}

.cart-total-dual span{
  display:block !important;
  color:#dfe6d5 !important;
  font-size:11px !important;
  font-weight:1000 !important;
  text-transform:uppercase !important;
  letter-spacing:.07em !important;
}

.cart-total-dual strong{
  display:block !important;
  color:#a5ffbe !important;
  font-size:22px !important;
  margin-top:6px !important;
}

.checkout.main-pay{
  width:100% !important;
  min-height:56px !important;
  margin-top:12px !important;
  border-radius:999px !important;
  border:0 !important;
  background:#c7aa85 !important;
  color:#050505 !important;
  font-weight:1000 !important;
  text-transform:uppercase !important;
  letter-spacing:.08em !important;
}

.checkout-final-grid{
  grid-template-columns:1.04fr .96fr !important;
  align-items:stretch !important;
}

.checkout-form-card h2{
  font-family:Anton,Inter,sans-serif !important;
  font-size:clamp(42px,5vw,78px) !important;
  line-height:.88 !important;
  text-transform:uppercase !important;
  margin:10px 0 12px !important;
}

.checkout-intro{
  display:block !important;
  color:#dfe6d5 !important;
  font-weight:800 !important;
  line-height:1.5 !important;
  margin-bottom:18px !important;
}

.checkout-method-card{
  border-radius:34px !important;
  border:1px solid rgba(199,170,133,.22) !important;
  background:rgba(255,255,255,.055) !important;
  box-shadow:0 30px 90px rgba(0,0,0,.42) !important;
  padding:24px !important;
  color:#fff !important;
}

.checkout-method-card h3{
  font-family:Anton,Inter,sans-serif !important;
  font-size:clamp(46px,5vw,82px) !important;
  line-height:.88 !important;
  text-transform:uppercase !important;
  margin:10px 0 18px !important;
}

.checkout-page-summary{
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:10px !important;
  border:0 !important;
  padding:0 !important;
  margin:0 0 18px !important;
}

.checkout-page-summary div{
  border-radius:20px !important;
  border:1px solid rgba(255,255,255,.10) !important;
  background:rgba(255,255,255,.055) !important;
  padding:14px !important;
}

.checkout-page-summary p{
  color:#dfe6d5 !important;
  margin:0 0 7px !important;
}

.checkout-page-summary strong{
  color:#a5ffbe !important;
  font-size:28px !important;
}

.checkout-methods{
  display:grid !important;
  gap:12px !important;
}

.method-btn{
  border:0 !important;
  border-radius:24px !important;
  min-height:106px !important;
  padding:18px !important;
  text-align:left !important;
  display:grid !important;
  gap:8px !important;
  font-weight:900 !important;
}

.method-btn b{
  font-size:18px !important;
  text-transform:uppercase !important;
}

.method-btn span{
  line-height:1.35 !important;
}

.method-btn.transfer{
  background:#fff !important;
  color:#101318 !important;
}

.method-btn.mp{
  background:#c7aa85 !important;
  color:#050505 !important;
}

.secure-note{
  color:#dfe6d5 !important;
  font-weight:800 !important;
  line-height:1.45 !important;
  margin-top:16px !important;
}

.whatsapp-proof{
  gap:8px !important;
}

@media(max-width:900px){
  .checkout-final-grid{
    grid-template-columns:1fr !important;
  }

  .cart-total-dual{
    grid-template-columns:1fr !important;
  }
}


/* =========================================================
   V79 — VISIBILIDAD DEFINITIVA CARRITO / CHECKOUT
   ========================================================= */

.cart-total-dual{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:10px !important;
  margin-top:18px !important;
  padding-top:18px !important;
  border-top:1px solid rgba(255,255,255,.12) !important;
}

.cart-total-dual div{
  border-radius:18px !important;
  border:1px solid rgba(255,255,255,.10) !important;
  background:rgba(255,255,255,.055) !important;
  padding:12px !important;
}

.cart-total-dual span{
  display:block !important;
  color:#dfe6d5 !important;
  font-size:11px !important;
  font-weight:1000 !important;
  text-transform:uppercase !important;
  letter-spacing:.07em !important;
}

.cart-total-dual strong{
  display:block !important;
  color:#a5ffbe !important;
  font-size:22px !important;
  margin-top:6px !important;
}

.checkout.main-pay{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:100% !important;
  min-height:56px !important;
  margin-top:12px !important;
  border-radius:999px !important;
  border:0 !important;
  background:#c7aa85 !important;
  color:#050505 !important;
  font-weight:1000 !important;
  text-transform:uppercase !important;
  letter-spacing:.08em !important;
  cursor:pointer !important;
}

.checkout-page-screen{
  position:fixed !important;
  inset:0 !important;
  z-index:2147483647 !important;
  display:none !important;
  overflow:auto !important;
  background:
    radial-gradient(circle at 88% 0%, rgba(199,170,133,.14), transparent 30%),
    linear-gradient(135deg,#101417,#050607) !important;
  color:#f7f7f0 !important;
  padding:22px !important;
}

.checkout-page-screen.open{
  display:block !important;
}

.checkout-final-grid{
  grid-template-columns:1.04fr .96fr !important;
  align-items:stretch !important;
}

.checkout-form-card h2{
  font-family:Anton,Inter,sans-serif !important;
  font-size:clamp(42px,5vw,78px) !important;
  line-height:.88 !important;
  text-transform:uppercase !important;
  margin:10px 0 12px !important;
}

.checkout-method-card{
  border-radius:34px !important;
  border:1px solid rgba(199,170,133,.22) !important;
  background:rgba(255,255,255,.055) !important;
  box-shadow:0 30px 90px rgba(0,0,0,.42) !important;
  padding:24px !important;
  color:#fff !important;
}

.checkout-method-card h3{
  font-family:Anton,Inter,sans-serif !important;
  font-size:clamp(46px,5vw,82px) !important;
  line-height:.88 !important;
  text-transform:uppercase !important;
  margin:10px 0 18px !important;
}

.checkout-summary-final{
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:10px !important;
  border:0 !important;
  padding:0 !important;
  margin:0 0 18px !important;
}

.checkout-summary-final div{
  border-radius:20px !important;
  border:1px solid rgba(255,255,255,.10) !important;
  background:rgba(255,255,255,.055) !important;
  padding:14px !important;
}

.checkout-summary-final p{
  color:#dfe6d5 !important;
  margin:0 0 7px !important;
  font-weight:1000 !important;
  text-transform:uppercase !important;
  font-size:11px !important;
}

.checkout-summary-final strong{
  color:#a5ffbe !important;
  font-size:28px !important;
}

.checkout-methods{
  display:grid !important;
  gap:12px !important;
}

.method-btn{
  border:0 !important;
  border-radius:24px !important;
  min-height:106px !important;
  padding:18px !important;
  text-align:left !important;
  display:grid !important;
  gap:8px !important;
  font-weight:900 !important;
  cursor:pointer !important;
}

.method-btn b{
  font-size:18px !important;
  text-transform:uppercase !important;
}

.method-btn span{
  line-height:1.35 !important;
}

.method-btn.transfer{
  background:#fff !important;
  color:#101318 !important;
}

.method-btn.mp{
  background:#c7aa85 !important;
  color:#050505 !important;
}

@media(max-width:900px){
  .checkout-final-grid{
    grid-template-columns:1fr !important;
  }

  .cart-total-dual{
    grid-template-columns:1fr !important;
  }
}


/* =========================================================
   V80 — LOGO FINAL OFICIAL
   ========================================================= */

.brand{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  overflow:visible !important;
  padding:0 !important;
  margin-left:0 !important;
  margin-right:16px !important;
}

.brand img{
  content:url("assets/elclub-logo-oficial-final.png") !important;
  width:196px !important;
  max-width:196px !important;
  height:auto !important;
  display:block !important;
  object-fit:contain !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  filter:none !important;
}

.site-header{
  padding-left:clamp(10px,1.8vw,28px) !important;
}

@media(max-width:900px){
  .brand img{
    width:158px !important;
    max-width:158px !important;
  }
}

@media(max-width:560px){
  .brand img{
    width:144px !important;
    max-width:144px !important;
  }
}


/* =========================================================
   V82 — SECCIÓN REAL DE COLECCIONES
   ========================================================= */

.collection-landing{
  margin:34px clamp(10px,1.8vw,28px) 30px !important;
  border-radius:34px !important;
  border:1px solid rgba(199,170,133,.18) !important;
  background:
    radial-gradient(circle at 90% 0%, rgba(199,170,133,.12), transparent 32%),
    linear-gradient(135deg,#111416,#050607) !important;
  box-shadow:0 26px 80px rgba(0,0,0,.34) !important;
  padding:clamp(18px,3vw,34px) !important;
  color:#fff !important;
}

.collection-landing[hidden]{
  display:none !important;
}

.collection-head{
  display:grid !important;
  gap:8px !important;
  margin-bottom:24px !important;
}

.collection-head p{
  margin:0 !important;
  color:#c7aa85 !important;
  font-size:12px !important;
  font-weight:1000 !important;
  text-transform:uppercase !important;
  letter-spacing:.14em !important;
}

.collection-head h2{
  margin:0 !important;
  font-family:Anton,Inter,sans-serif !important;
  font-size:clamp(52px,8vw,116px) !important;
  line-height:.86 !important;
  text-transform:uppercase !important;
  letter-spacing:-.03em !important;
}

.collection-head span{
  color:#dfe6d5 !important;
  font-weight:850 !important;
  font-size:clamp(15px,1.4vw,19px) !important;
}

.collection-grid{
  display:grid !important;
  grid-template-columns:repeat(auto-fill,minmax(230px,1fr)) !important;
  gap:16px !important;
}

.collection-product-card{
  border-radius:26px !important;
  overflow:hidden !important;
  background:#f7f4ea !important;
  color:#101318 !important;
  box-shadow:0 18px 46px rgba(0,0,0,.22) !important;
}

.collection-product-img{
  height:280px !important;
  background:#fff !important;
  display:grid !important;
  place-items:center !important;
  padding:14px !important;
}

.collection-product-img img{
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
}

.collection-product-info{
  padding:16px !important;
  display:grid !important;
  gap:6px !important;
}

.collection-product-info p{
  margin:0 !important;
  color:#66707a !important;
  font-size:11px !important;
  font-weight:1000 !important;
  text-transform:uppercase !important;
  letter-spacing:.10em !important;
}

.collection-product-info h3{
  margin:0 !important;
  font-size:18px !important;
  line-height:1.08 !important;
  color:#101318 !important;
}

.collection-product-info span{
  color:#66707a !important;
  font-weight:750 !important;
}

.collection-product-info strong{
  color:#101318 !important;
  font-size:24px !important;
}

.collection-product-info small{
  color:#101318 !important;
  font-weight:900 !important;
}

.collection-product-info em{
  color:#315f96 !important;
  font-style:normal !important;
  font-weight:900 !important;
}

.collection-product-info button,
.collection-close{
  min-height:44px !important;
  border:0 !important;
  border-radius:999px !important;
  background:#101318 !important;
  color:#fff !important;
  font-weight:1000 !important;
  text-transform:uppercase !important;
  letter-spacing:.05em !important;
}

.collection-product-info button:hover,
.collection-close:hover{
  background:#c7aa85 !important;
  color:#050505 !important;
}

.collection-close{
  margin-top:20px !important;
  padding:0 18px !important;
}

.collection-empty{
  border-radius:24px !important;
  border:1px solid rgba(255,255,255,.14) !important;
  background:rgba(255,255,255,.06) !important;
  color:#dfe6d5 !important;
  padding:22px !important;
  font-weight:850 !important;
}

@media(max-width:700px){
  .collection-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:10px !important;
  }
  .collection-product-img{
    height:210px !important;
  }
  .collection-product-info h3{
    font-size:15px !important;
  }
  .collection-product-info strong{
    font-size:20px !important;
  }
}


/* =========================================================
   V83 — COLECCIONES MÁS PROLIJAS + TODO
   ========================================================= */

.nav-all-products{
  color:#c7aa85 !important;
  border:1px solid rgba(199,170,133,.26) !important;
  background:rgba(199,170,133,.07) !important;
}

.collection-landing{
  margin:28px clamp(10px,1.8vw,28px) 30px !important;
  padding:clamp(18px,2.4vw,30px) !important;
  border-radius:30px !important;
  overflow:hidden !important;
}

.collection-head{
  max-width:100% !important;
  margin-bottom:20px !important;
}

.collection-head h2{
  font-size:clamp(44px,6.2vw,86px) !important;
  line-height:.88 !important;
  letter-spacing:-.025em !important;
  max-width:100% !important;
  overflow-wrap:normal !important;
  word-break:normal !important;
}

.collection-head span{
  max-width:820px !important;
  display:block !important;
}

.collection-grid{
  display:grid !important;
  grid-template-columns:repeat(auto-fill,minmax(210px,1fr)) !important;
  gap:14px !important;
  align-items:stretch !important;
}

.collection-product-card{
  border-radius:22px !important;
  min-width:0 !important;
}

.collection-product-img{
  height:240px !important;
  padding:12px !important;
}

.collection-product-info{
  padding:14px !important;
  gap:5px !important;
}

.collection-product-info h3{
  font-size:16px !important;
  line-height:1.12 !important;
  min-height:36px !important;
}

.collection-product-info strong{
  font-size:22px !important;
  line-height:1.05 !important;
}

.collection-product-info small,
.collection-product-info em{
  font-size:12px !important;
  line-height:1.2 !important;
}

.collection-product-info button{
  min-height:40px !important;
  font-size:11px !important;
  margin-top:4px !important;
}

.collection-close{
  min-height:42px !important;
  font-size:12px !important;
}

/* Colección Adidas con pocas cards: que no queden gigantes y centradas/pro */
.collection-grid:has(.collection-product-card:nth-child(2):last-child){
  grid-template-columns:repeat(2,minmax(230px,280px)) !important;
  justify-content:start !important;
}

@media(max-width:900px){
  .collection-landing{
    margin:18px 12px 24px !important;
    padding:16px !important;
    border-radius:24px !important;
  }

  .collection-head h2{
    font-size:clamp(38px,13vw,58px) !important;
    line-height:.86 !important;
  }

  .collection-head span{
    font-size:14px !important;
    line-height:1.35 !important;
  }

  .collection-grid,
  .collection-grid:has(.collection-product-card:nth-child(2):last-child){
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:10px !important;
  }

  .collection-product-card{
    border-radius:18px !important;
  }

  .collection-product-img{
    height:180px !important;
    padding:8px !important;
  }

  .collection-product-info{
    padding:10px !important;
  }

  .collection-product-info p{
    font-size:9px !important;
  }

  .collection-product-info h3{
    font-size:13px !important;
    min-height:32px !important;
  }

  .collection-product-info span{
    font-size:11px !important;
  }

  .collection-product-info strong{
    font-size:17px !important;
  }

  .collection-product-info small,
  .collection-product-info em{
    font-size:10px !important;
  }

  .collection-product-info button{
    min-height:36px !important;
    font-size:9px !important;
    letter-spacing:.03em !important;
  }
}

@media(max-width:420px){
  .collection-grid,
  .collection-grid:has(.collection-product-card:nth-child(2):last-child){
    grid-template-columns:1fr 1fr !important;
  }

  .collection-product-img{
    height:160px !important;
  }

  .collection-head h2{
    font-size:36px !important;
  }
}


/* =========================================================
   V84 — COLECCIONES PRO POR JUGADOR
   ========================================================= */

.collection-landing{
  margin:34px clamp(12px,2vw,34px) 34px !important;
  padding:0 !important;
  border-radius:34px !important;
  overflow:hidden !important;
  border:1px solid rgba(199,170,133,.18) !important;
  background:
    radial-gradient(circle at 92% 0%, rgba(199,170,133,.12), transparent 34%),
    linear-gradient(135deg,#111416,#050607) !important;
  box-shadow:0 26px 80px rgba(0,0,0,.36) !important;
  color:#fff !important;
}

.collection-landing[hidden]{
  display:none !important;
}

.collection-container{
  width:100% !important;
  padding:clamp(20px,3vw,36px) !important;
  display:block !important;
}

.collection-head{
  position:relative !important;
  z-index:1 !important;
  display:block !important;
  margin:0 0 clamp(20px,2.5vw,30px) !important;
  padding:0 !important;
  max-width:1120px !important;
}

.collection-head p{
  margin:0 0 10px !important;
  color:#c7aa85 !important;
  font-size:12px !important;
  line-height:1 !important;
  font-weight:1000 !important;
  text-transform:uppercase !important;
  letter-spacing:.14em !important;
}

.collection-head h2{
  display:block !important;
  margin:0 !important;
  max-width:100% !important;
  font-family:Anton,Inter,sans-serif !important;
  font-size:clamp(42px,6.4vw,92px) !important;
  line-height:.9 !important;
  text-transform:uppercase !important;
  letter-spacing:-.025em !important;
  white-space:normal !important;
  overflow:visible !important;
  word-break:normal !important;
  overflow-wrap:normal !important;
}

.collection-head span{
  display:block !important;
  margin-top:12px !important;
  max-width:780px !important;
  color:#dfe6d5 !important;
  font-size:clamp(14px,1.25vw,18px) !important;
  line-height:1.45 !important;
  font-weight:850 !important;
}

.collection-grid{
  position:relative !important;
  z-index:2 !important;
  display:grid !important;
  grid-template-columns:repeat(auto-fit,minmax(220px,260px)) !important;
  justify-content:start !important;
  gap:16px !important;
  align-items:stretch !important;
  margin-top:0 !important;
  clear:both !important;
}

.collection-product-card{
  position:relative !important;
  width:100% !important;
  min-width:0 !important;
  border-radius:24px !important;
  overflow:hidden !important;
  background:#f7f4ea !important;
  color:#101318 !important;
  box-shadow:0 18px 46px rgba(0,0,0,.24) !important;
}

.collection-product-img{
  height:250px !important;
  background:#fff !important;
  display:grid !important;
  place-items:center !important;
  padding:14px !important;
}

.collection-product-img img{
  display:block !important;
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
}

.collection-product-info{
  padding:14px !important;
  display:grid !important;
  gap:5px !important;
  background:linear-gradient(180deg,#f7f4ea,#eee8d7) !important;
}

.collection-product-info p{
  margin:0 !important;
  color:#66707a !important;
  font-size:10px !important;
  line-height:1 !important;
  font-weight:1000 !important;
  text-transform:uppercase !important;
  letter-spacing:.10em !important;
}

.collection-product-info h3{
  margin:0 !important;
  color:#101318 !important;
  font-size:17px !important;
  line-height:1.12 !important;
  min-height:38px !important;
}

.collection-product-info span{
  color:#66707a !important;
  font-size:13px !important;
  line-height:1.2 !important;
  font-weight:800 !important;
}

.collection-product-info strong{
  color:#101318 !important;
  font-size:23px !important;
  line-height:1.05 !important;
}

.collection-product-info small{
  color:#101318 !important;
  font-size:12px !important;
  line-height:1.2 !important;
  font-weight:900 !important;
}

.collection-product-info em{
  color:#315f96 !important;
  font-size:12px !important;
  line-height:1.2 !important;
  font-style:normal !important;
  font-weight:900 !important;
}

.collection-product-info button{
  min-height:40px !important;
  margin-top:6px !important;
  border:0 !important;
  border-radius:999px !important;
  background:#101318 !important;
  color:#fff !important;
  font-size:11px !important;
  font-weight:1000 !important;
  text-transform:uppercase !important;
  letter-spacing:.05em !important;
}

.collection-product-info button:hover{
  background:#c7aa85 !important;
  color:#050505 !important;
}

.collection-close{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:42px !important;
  margin-top:22px !important;
  padding:0 18px !important;
  border:1px solid rgba(199,170,133,.24) !important;
  border-radius:999px !important;
  background:rgba(199,170,133,.08) !important;
  color:#c7aa85 !important;
  font-size:12px !important;
  font-weight:1000 !important;
  text-transform:uppercase !important;
  letter-spacing:.06em !important;
}

.collection-empty{
  grid-column:1/-1 !important;
  border-radius:24px !important;
  border:1px solid rgba(255,255,255,.14) !important;
  background:rgba(255,255,255,.06) !important;
  color:#dfe6d5 !important;
  padding:22px !important;
  font-weight:850 !important;
}

/* Si hay 1 o 2 productos, que no se estiren feo */
.collection-grid:has(.collection-product-card:first-child:last-child){
  grid-template-columns:minmax(220px,280px) !important;
}

.collection-grid:has(.collection-product-card:nth-child(2):last-child){
  grid-template-columns:repeat(2,minmax(220px,280px)) !important;
}

@media(max-width:900px){
  .collection-landing{
    margin:18px 12px 24px !important;
    border-radius:24px !important;
  }

  .collection-container{
    padding:16px !important;
  }

  .collection-head{
    margin-bottom:16px !important;
  }

  .collection-head h2{
    font-size:clamp(34px,10.5vw,54px) !important;
    line-height:.9 !important;
    letter-spacing:-.02em !important;
  }

  .collection-head span{
    font-size:13px !important;
    line-height:1.35 !important;
  }

  .collection-grid,
  .collection-grid:has(.collection-product-card:first-child:last-child),
  .collection-grid:has(.collection-product-card:nth-child(2):last-child){
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:10px !important;
  }

  .collection-product-card{
    border-radius:18px !important;
  }

  .collection-product-img{
    height:170px !important;
    padding:8px !important;
  }

  .collection-product-info{
    padding:10px !important;
  }

  .collection-product-info p{
    font-size:9px !important;
  }

  .collection-product-info h3{
    font-size:13px !important;
    min-height:32px !important;
  }

  .collection-product-info span{
    font-size:11px !important;
  }

  .collection-product-info strong{
    font-size:17px !important;
  }

  .collection-product-info small,
  .collection-product-info em{
    font-size:10px !important;
  }

  .collection-product-info button{
    min-height:36px !important;
    font-size:9px !important;
    letter-spacing:.03em !important;
  }
}

@media(max-width:420px){
  .collection-grid,
  .collection-grid:has(.collection-product-card:first-child:last-child),
  .collection-grid:has(.collection-product-card:nth-child(2):last-child){
    grid-template-columns:1fr 1fr !important;
  }

  .collection-product-img{
    height:150px !important;
  }

  .collection-head h2{
    font-size:32px !important;
  }
}


/* =========================================================
   V85 — COLLECTION CARD FIX + TODO HEADER
   ========================================================= */

.top-nav .nav-all-products,
.nav-all-products{
  color:#c7aa85 !important;
  border:1px solid rgba(199,170,133,.28) !important;
  background:rgba(199,170,133,.08) !important;
  border-radius:999px !important;
}

.collection-product-card{
  display:flex !important;
  flex-direction:column !important;
  height:auto !important;
  min-height:0 !important;
  overflow:hidden !important;
  position:relative !important;
}

.collection-product-img{
  flex:0 0 auto !important;
  height:260px !important;
  width:100% !important;
  position:relative !important;
  z-index:1 !important;
  background:#fff !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:16px !important;
  overflow:hidden !important;
}

.collection-product-img img{
  max-width:100% !important;
  max-height:100% !important;
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  display:block !important;
}

.collection-product-info{
  flex:1 1 auto !important;
  position:relative !important;
  z-index:2 !important;
  display:flex !important;
  flex-direction:column !important;
  gap:7px !important;
  min-height:210px !important;
  padding:16px !important;
  margin:0 !important;
  background:linear-gradient(180deg,#f7f4ea,#eee8d7) !important;
  transform:none !important;
  top:auto !important;
  bottom:auto !important;
  left:auto !important;
  right:auto !important;
}

.collection-product-info p,
.collection-product-info h3,
.collection-product-info span,
.collection-product-info strong,
.collection-product-info small,
.collection-product-info em{
  position:static !important;
  transform:none !important;
  margin-left:0 !important;
  margin-right:0 !important;
}

.collection-product-info h3{
  min-height:42px !important;
  margin:0 !important;
}

.collection-price-block{
  display:flex !important;
  flex-direction:column !important;
  gap:3px !important;
  margin-top:6px !important;
  padding-top:8px !important;
  border-top:1px solid rgba(16,19,24,.08) !important;
}

.collection-price-block strong{
  font-size:23px !important;
  line-height:1.05 !important;
}

.collection-add-btn{
  margin-top:auto !important;
  width:100% !important;
  cursor:pointer !important;
}

@media(max-width:900px){
  .collection-product-img{
    height:175px !important;
    padding:9px !important;
  }

  .collection-product-info{
    min-height:190px !important;
    padding:10px !important;
    gap:5px !important;
  }

  .collection-price-block strong{
    font-size:17px !important;
  }
}

@media(max-width:420px){
  .collection-product-img{
    height:155px !important;
  }

  .collection-product-info{
    min-height:180px !important;
  }
}


/* =========================================================
   V86 — TOTALES CARRITO CON CUOTAS LEGIBLES
   ========================================================= */

.cart-total-dual{
  gap:12px !important;
  margin-top:20px !important;
  padding-top:20px !important;
}

.cart-total-dual div{
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  justify-content:flex-start !important;
  gap:6px !important;
  padding:15px !important;
  min-height:96px !important;
}

.cart-total-dual span{
  line-height:1.1 !important;
  margin:0 !important;
}

.cart-total-dual strong{
  line-height:1 !important;
  margin:2px 0 0 !important;
  font-size:24px !important;
}

.cart-total-dual small,
#checkoutCreditInstallments{
  display:block !important;
  color:#dfe6d5 !important;
  font-size:13px !important;
  line-height:1.25 !important;
  font-weight:900 !important;
  margin-top:4px !important;
}

.cart-credit-box{
  border-color:rgba(199,170,133,.22) !important;
}

.cart-transfer-box strong{
  color:#a5ffbe !important;
}

.checkout-summary-final div{
  display:flex !important;
  flex-direction:column !important;
  gap:6px !important;
}

#checkoutCreditInstallments{
  color:#dfe6d5 !important;
  font-size:14px !important;
  margin-top:2px !important;
}

@media(max-width:900px){
  .cart-total-dual div{
    min-height:auto !important;
  }

  .cart-total-dual strong{
    font-size:22px !important;
  }

  .cart-total-dual small{
    font-size:12px !important;
  }
}


/* =========================================================
   V87 — LOGO OFICIAL FINAL EN HEADER
   ========================================================= */

.brand{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  overflow:visible !important;
  padding:0 !important;
}

.brand img{
  content:url("assets/elclub-logo-header-v87.png") !important;
  width:198px !important;
  max-width:198px !important;
  height:auto !important;
  display:block !important;
  object-fit:contain !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  filter:none !important;
}

@media(max-width:900px){
  .brand img{
    width:160px !important;
    max-width:160px !important;
  }
}

@media(max-width:560px){
  .brand img{
    width:146px !important;
    max-width:146px !important;
  }
}


/* =========================================================
   V88 — CHECKOUT TEXTOS LIMPIOS
   ========================================================= */

.method-btn{
  align-content:center !important;
}

.method-btn b{
  font-size:20px !important;
  line-height:1.15 !important;
}

.method-btn span{
  display:none !important;
}


/* =========================================================
   V89 — AJUSTE HEADER / CARRITO NO CORTADO
   ========================================================= */

.site-header{
  padding-left:clamp(8px,1.4vw,22px) !important;
  padding-right:clamp(46px,5vw,96px) !important;
  gap:12px !important;
}

.brand{
  margin-right:12px !important;
}

.top-nav{
  justify-content:flex-start !important;
  gap:5px !important;
  flex:1 1 auto !important;
  min-width:0 !important;
}

.top-nav a,
.ideal-main-link{
  padding-left:10px !important;
  padding-right:10px !important;
  white-space:nowrap !important;
}

.cart-btn{
  margin-left:8px !important;
  margin-right:34px !important;
  flex:0 0 auto !important;
  transform:translateX(-8px) !important;
}

@media(max-width:1200px){
  .brand img{
    width:176px !important;
    max-width:176px !important;
  }

  .top-nav a,
  .ideal-main-link{
    font-size:12px !important;
    padding-left:8px !important;
    padding-right:8px !important;
  }

  .cart-btn{
    margin-right:26px !important;
    transform:translateX(-6px) !important;
  }
}

@media(max-width:900px){
  .site-header{
    padding-left:12px !important;
    padding-right:12px !important;
  }

  .cart-btn{
    margin-right:0 !important;
    transform:none !important;
  }
}


/* =========================================================
   V90 — CARRITO MÁS ADENTRO + BOTONES DE PAGO LIMPIOS
   ========================================================= */

/* En desktop, traer el carrito más hacia la izquierda para que no quede cortado */
.site-header{
  padding-right:clamp(72px,7vw,132px) !important;
}

.cart-btn{
  margin-right:58px !important;
  transform:translateX(-18px) !important;
}

/* Compactar un poco la navegación para ganar aire a la derecha */
.top-nav{
  gap:4px !important;
}

.top-nav a,
.ideal-main-link{
  padding-left:8px !important;
  padding-right:8px !important;
}

/* Los botones de pago quedan con una sola línea de texto */
.method-btn span{
  display:none !important;
}

.method-btn{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
  min-height:82px !important;
}

.method-btn b{
  display:block !important;
  font-size:20px !important;
  line-height:1.15 !important;
  text-align:center !important;
}

@media(max-width:1280px){
  .site-header{
    padding-right:clamp(62px,6vw,112px) !important;
  }

  .cart-btn{
    margin-right:46px !important;
    transform:translateX(-14px) !important;
  }
}

@media(max-width:1100px){
  .brand img{
    width:162px !important;
    max-width:162px !important;
  }

  .top-nav a,
  .ideal-main-link{
    font-size:11px !important;
    padding-left:6px !important;
    padding-right:6px !important;
  }

  .cart-btn{
    margin-right:38px !important;
    transform:translateX(-12px) !important;
  }
}

@media(max-width:900px){
  .site-header{
    padding-right:12px !important;
  }

  .cart-btn{
    margin-right:0 !important;
    transform:none !important;
  }
}


/* =========================================================
   V94 — FIX DEFINITIVO BARRA DE CATEGORÍAS DESKTOP
   Objetivo: que TODO entre en una sola línea, limpio y premium
   ========================================================= */
@media (min-width: 901px){
  body .site-header{
    display:grid !important;
    grid-template-columns: 118px minmax(0, 1fr) auto auto !important;
    align-items:center !important;
    column-gap:8px !important;
    padding:10px 16px !important;
    min-height:66px !important;
    width:100% !important;
    max-width:100% !important;
    overflow:visible !important;
  }

  body .site-header .brand{
    width:118px !important;
    min-width:118px !important;
    max-width:118px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
  }

  body .site-header .brand img{
    width:112px !important;
    max-width:112px !important;
    height:auto !important;
    object-fit:contain !important;
  }

  body .site-header .mobile-menu-toggle{
    display:none !important;
  }

  body .site-header .category-top-nav,
  body .site-header .category-top-nav.nav-clean,
  body .site-header .top-nav,
  body nav#mainNav{
    grid-column:2 !important;
    display:flex !important;
    flex-wrap:nowrap !important;
    align-items:center !important;
    justify-content:center !important;
    gap:clamp(3px,.48vw,8px) !important;
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
    overflow:visible !important;
    white-space:nowrap !important;
    padding:0 !important;
    margin:0 !important;
  }

  body .site-header .category-top-nav > a,
  body .site-header .category-top-nav.nav-clean > a,
  body .site-header .category-top-nav .ideal-main-link,
  body .site-header .top-nav > a,
  body nav#mainNav > a{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    flex:0 1 auto !important;
    white-space:nowrap !important;
    min-width:0 !important;
    max-width:none !important;
    padding:7px clamp(4px,.45vw,8px) !important;
    border-radius:999px !important;
    font-size:clamp(8.2px,.68vw,10.6px) !important;
    line-height:1 !important;
    font-weight:950 !important;
    letter-spacing:-.03em !important;
    text-transform:uppercase !important;
  }

  body .site-header .category-top-nav .nav-item,
  body .site-header .category-top-nav.nav-clean .nav-item{
    flex:0 1 auto !important;
    min-width:0 !important;
    max-width:none !important;
    padding:0 !important;
    margin:0 !important;
    white-space:nowrap !important;
  }

  body .site-header .category-top-nav .ideal-main-link{
    padding:7px clamp(4px,.45vw,8px) !important;
    font-size:clamp(8.2px,.68vw,10.6px) !important;
    line-height:1 !important;
  }

  body .site-header .account-btn,
  body .site-header .cart-btn{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-height:34px !important;
    height:34px !important;
    padding:0 10px !important;
    margin:0 !important;
    transform:none !important;
    border-radius:999px !important;
    font-size:9.5px !important;
    line-height:1 !important;
    font-weight:1000 !important;
    letter-spacing:-.02em !important;
    white-space:nowrap !important;
    flex-shrink:0 !important;
  }

  body .site-header .account-btn{
    grid-column:3 !important;
  }

  body .site-header .cart-btn{
    grid-column:4 !important;
  }

  body .site-header .cart-btn span{
    margin-left:4px !important;
    padding:2px 6px !important;
    font-size:9px !important;
    line-height:1 !important;
  }
}

/* Pantallas chicas de notebook: compactación extra, sin romper el menú */
@media (min-width:901px) and (max-width:1180px){
  body .site-header{
    grid-template-columns: 96px minmax(0, 1fr) auto auto !important;
    column-gap:5px !important;
    padding-left:8px !important;
    padding-right:8px !important;
  }

  body .site-header .brand,
  body .site-header .brand img{
    width:92px !important;
    max-width:92px !important;
    min-width:92px !important;
  }

  body .site-header .category-top-nav,
  body .site-header .category-top-nav.nav-clean,
  body .site-header .top-nav,
  body nav#mainNav{
    gap:2px !important;
  }

  body .site-header .category-top-nav > a,
  body .site-header .category-top-nav.nav-clean > a,
  body .site-header .category-top-nav .ideal-main-link,
  body .site-header .top-nav > a,
  body nav#mainNav > a{
    font-size:8.1px !important;
    padding-left:3px !important;
    padding-right:3px !important;
    letter-spacing:-.06em !important;
  }

  body .site-header .account-btn,
  body .site-header .cart-btn{
    height:30px !important;
    min-height:30px !important;
    padding:0 7px !important;
    font-size:8.5px !important;
  }
}


/* V95 — Ajuste pedido: categorías un poquito más grandes sin romper la barra */
@media (min-width:901px){
  body .site-header .category-top-nav > a,
  body .site-header .category-top-nav.nav-clean > a,
  body .site-header .category-top-nav .ideal-main-link,
  body .site-header .top-nav > a,
  body nav#mainNav > a{
    font-size:clamp(8.8px,.74vw,11.5px) !important;
    padding-left:clamp(4px,.48vw,8px) !important;
    padding-right:clamp(4px,.48vw,8px) !important;
    letter-spacing:-.045em !important;
  }
}
@media (min-width:901px) and (max-width:1180px){
  body .site-header .category-top-nav > a,
  body .site-header .category-top-nav.nav-clean > a,
  body .site-header .category-top-nav .ideal-main-link,
  body .site-header .top-nav > a,
  body nav#mainNav > a{
    font-size:8.8px !important;
    padding-left:3.5px !important;
    padding-right:3.5px !important;
  }
}


/* =========================================================
   V96 — Ajuste final ElClub
   - Sin botón Mi cuenta
   - Categorías un poco más grandes y visibles
   - Carrito mantiene presencia sin romper la barra
   ========================================================= */
.site-header .account-btn{
  display:none !important;
}
.site-header{
  grid-template-columns: minmax(118px, 148px) minmax(0, 1fr) auto !important;
  gap: 12px !important;
}
.category-top-nav.nav-clean,
.top-nav.category-top-nav.nav-clean,
#mainNav{
  gap: clamp(11px, .95vw, 17px) !important;
  justify-content: center !important;
  flex-wrap: nowrap !important;
  white-space: nowrap !important;
  overflow: visible !important;
}
.category-top-nav.nav-clean > a,
.category-top-nav.nav-clean .nav-item,
.category-top-nav.nav-clean .ideal-main-link,
#mainNav > a,
#mainNav .ideal-main-link{
  font-size: clamp(11.8px, .88vw, 14px) !important;
  font-weight: 1000 !important;
  letter-spacing: -.18px !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}
.cart-btn{
  min-height: 40px !important;
  padding: 0 15px !important;
  font-size: 12px !important;
  white-space: nowrap !important;
}
@media (max-width: 1180px){
  .site-header{
    grid-template-columns: 126px minmax(0, 1fr) auto !important;
    gap: 8px !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
  .brand img{ max-width: 126px !important; }
  .category-top-nav.nav-clean,
  #mainNav{ gap: 8px !important; }
  .category-top-nav.nav-clean > a,
  .category-top-nav.nav-clean .nav-item,
  .category-top-nav.nav-clean .ideal-main-link,
  #mainNav > a,
  #mainNav .ideal-main-link{
    font-size: 11px !important;
    letter-spacing: -.35px !important;
  }
  .cart-btn{ padding:0 11px !important; font-size:11px !important; }
}
@media (max-width: 900px){
  .site-header{ grid-template-columns: auto auto !important; }
  .category-top-nav.nav-clean,
  #mainNav{ flex-wrap: wrap !important; white-space: normal !important; }
}


/* =========================================================
   V97 — Último ajuste pedido
   - Categorías más grandes
   - Header completo sticky al hacer scroll
   - Promo superior rotativa: un mensaje por vez
   - Trust bar: Envíos a todo el país
   ========================================================= */
body .top-promo{
  position: sticky !important;
  top: 0 !important;
  z-index: 9999 !important;
  height: 36px !important;
  min-height: 36px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  overflow:hidden !important;
  padding:0 14px !important;
  background:linear-gradient(90deg,#050505,#151008,#050505) !important;
  border-bottom:1px solid rgba(223,255,0,.30) !important;
  color:#dfff00 !important;
  font-size:13px !important;
  font-weight:1000 !important;
  letter-spacing:.08em !important;
  text-transform:uppercase !important;
}
body .top-promo span{
  position:absolute !important;
  left:0 !important;
  right:0 !important;
  text-align:center !important;
  opacity:0 !important;
  transform:translateY(12px) !important;
  animation: elclubPromoRotate 9s infinite ease-in-out !important;
  white-space:nowrap !important;
}
body .top-promo span:nth-child(1){ animation-delay:0s !important; }
body .top-promo span:nth-child(2){ animation-delay:3s !important; }
body .top-promo span:nth-child(3){ animation-delay:6s !important; }
@keyframes elclubPromoRotate{
  0%{opacity:0; transform:translateY(12px);}
  8%{opacity:1; transform:translateY(0);}
  28%{opacity:1; transform:translateY(0);}
  36%{opacity:0; transform:translateY(-12px);}
  100%{opacity:0; transform:translateY(-12px);}
}
body .site-header{
  position: sticky !important;
  top: 36px !important;
  z-index: 9998 !important;
  overflow: visible !important;
  grid-template-columns: minmax(116px, 142px) minmax(0, 1fr) auto !important;
  gap: 11px !important;
  background:rgba(3,3,3,.93) !important;
  backdrop-filter: blur(18px) !important;
  -webkit-backdrop-filter: blur(18px) !important;
}
body .site-header .account-btn,
body .site-header a.account-btn,
body .site-header button.account-btn{
  display:none !important;
}
body .category-top-nav.nav-clean,
body .top-nav.category-top-nav.nav-clean,
body #mainNav{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  flex-wrap:nowrap !important;
  gap:clamp(12px, 1vw, 18px) !important;
  white-space:nowrap !important;
  overflow:visible !important;
  min-width:0 !important;
}
body .category-top-nav.nav-clean > a,
body .category-top-nav.nav-clean .nav-item,
body .category-top-nav.nav-clean .ideal-main-link,
body #mainNav > a,
body #mainNav .ideal-main-link{
  font-size:clamp(12.8px, .98vw, 15.2px) !important;
  font-weight:1000 !important;
  letter-spacing:-.26px !important;
  line-height:1 !important;
  padding-left:clamp(3px,.38vw,7px) !important;
  padding-right:clamp(3px,.38vw,7px) !important;
  white-space:nowrap !important;
}
body .cart-btn{
  min-height:40px !important;
  height:40px !important;
  padding:0 14px !important;
  font-size:12.5px !important;
  flex-shrink:0 !important;
}
@media (min-width:901px) and (max-width:1180px){
  body .site-header{
    grid-template-columns:112px minmax(0,1fr) auto !important;
    gap:6px !important;
    padding-left:8px !important;
    padding-right:8px !important;
  }
  body .site-header .brand img{width:112px !important; max-width:112px !important;}
  body .category-top-nav.nav-clean,
  body #mainNav{gap:6px !important;}
  body .category-top-nav.nav-clean > a,
  body .category-top-nav.nav-clean .nav-item,
  body .category-top-nav.nav-clean .ideal-main-link,
  body #mainNav > a,
  body #mainNav .ideal-main-link{
    font-size:11.8px !important;
    letter-spacing:-.48px !important;
    padding-left:2px !important;
    padding-right:2px !important;
  }
  body .cart-btn{height:36px !important; min-height:36px !important; padding:0 10px !important; font-size:11.5px !important;}
}
@media (max-width:900px){
  body .top-promo{height:34px !important; min-height:34px !important; font-size:11px !important;}
  body .site-header{top:34px !important;}
  body .category-top-nav.nav-clean,
  body #mainNav{flex-wrap:wrap !important; white-space:normal !important;}
}

/* =========================================================
   V98 — Categorías más grandes pedido final
   ========================================================= */
body .category-top-nav.nav-clean > a,
body .category-top-nav.nav-clean .nav-item,
body .category-top-nav.nav-clean .ideal-main-link,
body #mainNav > a,
body #mainNav .ideal-main-link{
  font-size:clamp(14.2px, 1.08vw, 16.8px) !important;
  font-weight:1000 !important;
  letter-spacing:-.34px !important;
}
@media (min-width:901px) and (max-width:1180px){
  body .category-top-nav.nav-clean > a,
  body .category-top-nav.nav-clean .nav-item,
  body .category-top-nav.nav-clean .ideal-main-link,
  body #mainNav > a,
  body #mainNav .ideal-main-link{
    font-size:12.8px !important;
    letter-spacing:-.55px !important;
    padding-left:1px !important;
    padding-right:1px !important;
  }
  body .category-top-nav.nav-clean,
  body #mainNav{gap:5px !important;}
}


/* =========================================================
   V99 — Categorías definitivas más grandes + mismo tamaño
   ========================================================= */
body .site-header{
  grid-template-columns:108px minmax(0,1fr) auto !important;
  gap:7px !important;
  padding-left:10px !important;
  padding-right:10px !important;
  overflow:visible !important;
}
body .site-header .brand img,
body .brand img{
  width:108px !important;
  max-width:108px !important;
}
body .category-top-nav.nav-clean,
body .top-nav.category-top-nav.nav-clean,
body #mainNav{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  flex-wrap:nowrap !important;
  gap:clamp(7px,.72vw,12px) !important;
  white-space:nowrap !important;
  overflow:visible !important;
}
body .category-top-nav.nav-clean > a,
body .category-top-nav.nav-clean .ideal-main-link,
body #mainNav > a,
body #mainNav .ideal-main-link{
  font-size:15.8px !important;
  font-weight:1000 !important;
  letter-spacing:-.55px !important;
  line-height:1 !important;
  padding-left:1px !important;
  padding-right:1px !important;
  text-transform:uppercase !important;
  white-space:nowrap !important;
}
body .category-top-nav.nav-clean .nav-item,
body #mainNav .nav-item{
  display:flex !important;
  align-items:center !important;
  line-height:1 !important;
  margin:0 !important;
  padding:0 !important;
}
body .cart-btn{
  height:38px !important;
  min-height:38px !important;
  padding:0 13px !important;
  font-size:12.5px !important;
  flex-shrink:0 !important;
}
@media (min-width:901px) and (max-width:1280px){
  body .site-header{
    grid-template-columns:98px minmax(0,1fr) auto !important;
    gap:5px !important;
    padding-left:7px !important;
    padding-right:7px !important;
  }
  body .site-header .brand img,
  body .brand img{
    width:98px !important;
    max-width:98px !important;
  }
  body .category-top-nav.nav-clean,
  body #mainNav{
    gap:5px !important;
  }
  body .category-top-nav.nav-clean > a,
  body .category-top-nav.nav-clean .ideal-main-link,
  body #mainNav > a,
  body #mainNav .ideal-main-link{
    font-size:14.2px !important;
    letter-spacing:-.72px !important;
  }
  body .cart-btn{
    height:35px !important;
    min-height:35px !important;
    padding:0 10px !important;
    font-size:11.5px !important;
  }
}


/* =========================================================
   ELCLUB V104 — BASE V100
   Categorías más grandes + imágenes de paletas del mismo tamaño
   ========================================================= */

/* Header fijo */
header,
.site-header,
.main-header,
.elclub-header,
.header,
.navbar {
  position: sticky !important;
  top: 0 !important;
  z-index: 99999 !important;
}

/* Categorías: más grandes, mismo tamaño y más legibles */
header nav a,
header .nav a,
header .menu a,
header .main-nav a,
header .navbar a,
header .category-nav a,
header .categories a,
header .header-categories a,
header .header-menu a,
.elclub-header nav a,
.elclub-header .main-nav a,
.elclub-header .category-nav a,
.main-header nav a,
.site-header nav a,
.navbar-nav a,
.menu-item a,
.category-link,
.nav-link,
a[data-category],
button[data-category] {
  font-size: 17px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  letter-spacing: -0.25px !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}

/* Si el texto está adentro de span/small/strong, también queda igual */
header nav a *,
header .main-nav a *,
header .category-nav a *,
.elclub-header nav a *,
.elclub-header .main-nav a *,
.navbar-nav a *,
.menu-item a *,
.category-link *,
.nav-link *,
a[data-category] *,
button[data-category] * {
  font-size: 17px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
}

/* Contenedor del menú */
header nav,
header .nav,
header .menu,
header .main-nav,
header .navbar,
header .category-nav,
header .categories,
header .header-categories,
header .header-menu,
.elclub-header nav,
.elclub-header .main-nav,
.elclub-header .category-nav,
.navbar-nav {
  display: flex !important;
  align-items: center !important;
  flex-wrap: nowrap !important;
  gap: 12px !important;
  white-space: nowrap !important;
}

/* Ocultar Mi cuenta por ahora */
.account,
.mi-cuenta,
.login-btn,
[href*="cuenta"],
[href*="account"] {
  display: none !important;
}

/* Imágenes de productos: todas parejas */
.product-card img,
.product img,
.card-product img,
.producto img,
.card img,
.products img,
.grid-products img,
.product-grid img,
.catalog-product img {
  width: 100% !important;
  height: 245px !important;
  object-fit: contain !important;
  object-position: center center !important;
  display: block !important;
}

/* Caja visual pareja para que una pala no se vea más chica que otra */
.product-card .product-image,
.product .product-image,
.card-product .product-image,
.producto .product-image,
.card .product-image,
.image-wrap,
.product-img,
.product-photo {
  height: 265px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* Asegura que la AT10 negra/dorada no quede más chica */
img[alt*="18K" i],
img[alt*="AT10" i],
img[alt*="dorado" i],
img[src*="at10" i],
img[src*="18k" i],
img[src*="dorado" i] {
  max-height: 245px !important;
  transform: scale(1.05) !important;
  transform-origin: center center !important;
}

/* Carrito visible pero sin competir con categorías */
header a[href*="carrito"],
header .cart,
header .cart-btn,
header .cart-button {
  font-size: 14px !important;
  font-weight: 900 !important;
}

@media (max-width: 1280px) {
  header nav a,
  header .nav a,
  header .menu a,
  header .main-nav a,
  header .navbar a,
  header .category-nav a,
  header .categories a,
  header .header-categories a,
  header .header-menu a,
  .elclub-header nav a,
  .elclub-header .main-nav a,
  .elclub-header .category-nav a,
  .main-header nav a,
  .site-header nav a,
  .navbar-nav a,
  .menu-item a,
  .category-link,
  .nav-link,
  a[data-category],
  button[data-category],
  header nav a *,
  header .main-nav a *,
  .elclub-header nav a *,
  .elclub-header .main-nav a * {
    font-size: 16px !important;
  }

  header nav,
  header .main-nav,
  header .category-nav,
  .elclub-header nav,
  .elclub-header .main-nav {
    gap: 9px !important;
  }
}

@media (max-width: 1080px) {
  header nav,
  header .main-nav,
  header .category-nav,
  .elclub-header nav,
  .elclub-header .main-nav,
  .navbar-nav {
    overflow-x: auto !important;
    justify-content: flex-start !important;
    max-width: 100% !important;
    scrollbar-width: none !important;
  }

  header nav::-webkit-scrollbar,
  header .main-nav::-webkit-scrollbar,
  .elclub-header nav::-webkit-scrollbar,
  .elclub-header .main-nav::-webkit-scrollbar {
    display: none !important;
  }
}


/* =========================================================
   V105 — FIX MOBILE + CHECKOUT + MP
   ========================================================= */
html, body{
  max-width:100% !important;
  overflow-x:hidden !important;
}
body *, body *::before, body *::after{
  box-sizing:border-box !important;
}
.mobile-ideal-section,
.mobile-ideal-section .ideal-selector-inner,
.toolbar,
.controls,
.checkout-page-shell,
.checkout-page-card,
.checkout-method-card,
.checkout-page-grid,
.checkout-page-form,
.product-grid,
.site-footer-pro,
.trust-bar,
.marketing-impact-section,
.brand-pro-bottom,
.checkout-preview,
.collection-container{
  max-width:100% !important;
}
.mobile-ideal-section,
.mobile-ideal-section .ideal-selector-inner{
  overflow:hidden !important;
}

.cart-total{
  display:none !important;
}
.cart-total-dual{
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:12px !important;
  margin-top:10px !important;
  padding:16px !important;
  border-radius:24px !important;
  background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.025)) !important;
  border:1px solid rgba(199,170,133,.14) !important;
}
.cart-total-dual::before{
  content:"Precios del pedido";
  display:block !important;
  color:#c7aa85 !important;
  font-size:12px !important;
  font-weight:900 !important;
  text-transform:uppercase !important;
  letter-spacing:.12em !important;
  margin-bottom:2px !important;
}
.cart-credit-box,
.cart-transfer-box{
  border-radius:18px !important;
  padding:16px !important;
  background:rgba(255,255,255,.035) !important;
  border:1px solid rgba(255,255,255,.08) !important;
}
.cart-credit-box span,
.cart-transfer-box span{
  display:block !important;
  font-size:12px !important;
  font-weight:900 !important;
  text-transform:uppercase !important;
  color:rgba(255,255,255,.82) !important;
  letter-spacing:.08em !important;
  margin-bottom:8px !important;
}
.cart-credit-box strong,
.cart-transfer-box strong{
  display:block !important;
  color:#a8f5ba !important;
  font-size:34px !important;
  line-height:1 !important;
}
.cart-credit-box small,
.cart-transfer-box small{
  display:block !important;
  margin-top:10px !important;
  color:rgba(255,255,255,.72) !important;
  font-size:14px !important;
}
.checkout.main-pay{
  margin-top:14px !important;
}
.checkout-page-grid.checkout-final-grid{
  align-items:start !important;
}
.checkout-method-card h3{
  margin-bottom:18px !important;
}
.checkout-summary-final > div p{
  font-weight:900 !important;
  text-transform:uppercase !important;
  letter-spacing:.08em !important;
}

.mobile-drawer{
  position:fixed;
  inset:0 auto 0 0;
  width:min(340px, 86vw);
  background:rgba(5,8,13,.96);
  backdrop-filter:blur(18px) saturate(1.1);
  border-right:1px solid rgba(199,170,133,.18);
  box-shadow:30px 0 80px rgba(0,0,0,.45);
  transform:translateX(-105%);
  transition:transform .26s ease;
  z-index:100100;
  display:flex;
  flex-direction:column;
}
.mobile-drawer-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:18px 18px 14px;
  border-bottom:1px solid rgba(255,255,255,.08);
}
.mobile-drawer-head strong{
  color:#f8f8f4;
  font-size:13px;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.mobile-drawer-head button{
  width:40px;
  height:40px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.04);
  color:#fff;
  font-size:28px;
}
.mobile-drawer-body{
  flex:1;
  overflow:auto;
  padding:16px 14px 24px;
}
.mobile-drawer-nav{
  display:flex;
  flex-direction:column;
  gap:10px;
}
.mobile-drawer-nav > a,
.mobile-drawer-nav .ideal-main-link,
.mobile-drawer-nav .nav-item{
  width:100%;
}
.mobile-drawer-nav a,
.mobile-drawer-nav .ideal-main-link{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  width:100% !important;
  min-height:46px !important;
  padding:12px 14px !important;
  border-radius:16px !important;
  border:1px solid rgba(255,255,255,.08) !important;
  background:rgba(255,255,255,.04) !important;
  color:#fff !important;
  text-transform:uppercase !important;
  font-size:12px !important;
  font-weight:900 !important;
  letter-spacing:.06em !important;
  text-decoration:none !important;
}
.mobile-drawer-nav .ideal-dropdown{
  position:static !important;
  inset:auto !important;
  width:100% !important;
  transform:none !important;
  opacity:1 !important;
  pointer-events:auto !important;
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:10px !important;
  margin-top:10px !important;
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}
.mobile-drawer-nav .ideal-col{
  padding:12px !important;
  border-radius:16px !important;
  background:rgba(255,255,255,.03) !important;
  border:1px solid rgba(255,255,255,.08) !important;
}
.mobile-drawer-nav .ideal-col strong{
  margin-bottom:8px !important;
}
.mobile-drawer-nav .ideal-col button{
  width:100% !important;
  margin-top:8px !important;
}
body.mobile-drawer-open .mobile-drawer{
  transform:translateX(0);
}

@media (max-width:900px){
  .site-header{
    position:sticky !important;
    top:0 !important;
    z-index:1000 !important;
    display:grid !important;
    grid-template-columns:44px minmax(0,1fr) auto !important;
    align-items:center !important;
    gap:10px !important;
    padding:12px 14px 10px !important;
    overflow:visible !important;
  }
  .mobile-menu-toggle{
    display:flex !important;
    grid-column:1 !important;
    grid-row:1 !important;
    position:relative !important;
    z-index:1002 !important;
  }
  .brand{
    grid-column:2 !important;
    grid-row:1 !important;
    margin:0 !important;
    min-width:0 !important;
  }
  .brand img{
    width:150px !important;
    max-width:100% !important;
  }
  .cart-btn{
    grid-column:3 !important;
    grid-row:1 !important;
    justify-self:end !important;
  }
  #mainNav,
  #mainNav.top-nav,
  #mainNav.category-top-nav,
  #mainNav.category-top-nav.nav-clean{
    position:static !important;
    left:auto !important;
    right:auto !important;
    top:auto !important;
    bottom:auto !important;
    transform:none !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    display:flex !important;
    flex-direction:row !important;
    flex-wrap:nowrap !important;
    align-items:center !important;
    justify-content:flex-start !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    grid-column:1 / -1 !important;
    grid-row:2 !important;
    padding:2px 0 4px !important;
    margin:0 !important;
    border:0 !important;
    box-shadow:none !important;
    background:transparent !important;
    scrollbar-width:none !important;
  }
  #mainNav::-webkit-scrollbar{
    display:none !important;
  }
  #mainNav > a,
  #mainNav > .nav-item,
  #mainNav > .ideal-main-link{
    flex:0 0 auto !important;
  }
  #mainNav a,
  #mainNav .ideal-main-link{
    min-height:42px !important;
  }
  #mainNav .ideal-dropdown{
    display:none !important;
  }
  .mobile-nav-backdrop{
    position:fixed !important;
    inset:0 !important;
    display:block !important;
    background:rgba(0,0,0,.44) !important;
    opacity:0 !important;
    pointer-events:none !important;
    z-index:100050 !important;
    transition:opacity .22s ease !important;
  }
  body.mobile-drawer-open .mobile-nav-backdrop{
    opacity:1 !important;
    pointer-events:auto !important;
  }
  .toolbar,
  .drop-zone,
  .checkout-preview,
  .brand-pro-bottom,
  .site-footer-pro,
  .mobile-ideal-section,
  .marketing-impact-section,
  .collection-container,
  .trust-bar{
    padding-left:14px !important;
    padding-right:14px !important;
  }
  .ideal-selector-inner{
    padding:20px 16px !important;
  }
  .ideal-level-tabs{
    width:100% !important;
    overflow-x:auto !important;
    scrollbar-width:none !important;
  }
  .ideal-level-tabs::-webkit-scrollbar{display:none !important;}
  .ideal-level-tabs button{
    flex:1 0 auto !important;
  }
  .ideal-style-grid{
    width:100% !important;
    grid-template-columns:1fr !important;
  }
  .ideal-style-grid button{
    width:100% !important;
  }
  .checkout-page-shell{
    padding:18px 12px 26px !important;
  }
  .checkout-page-grid.checkout-final-grid{
    grid-template-columns:1fr !important;
    gap:14px !important;
  }
}

@media (max-width:560px){
  .cart-panel{
    width:100% !important;
    padding:18px 14px !important;
  }
  .cart-credit-box strong,
  .cart-transfer-box strong{
    font-size:28px !important;
  }
  .checkout.main-pay{
    min-height:56px !important;
    font-size:18px !important;
  }
  .checkout-page-card,
  .checkout-method-card{
    padding:18px 16px !important;
    border-radius:24px !important;
  }
  .checkout-page-card h2,
  .checkout-method-card h3{
    font-size:54px !important;
    line-height:.94 !important;
  }
  .checkout-page-card h2{
    font-size:64px !important;
  }
  .checkout-page-form{
    gap:12px !important;
  }
  .checkout-page-form .field,
  .checkout-page-form .field.full{
    grid-column:auto !important;
  }
  .checkout-page-form input{
    width:100% !important;
  }
}


/* =========================================================
   ELCLUB V106 — MOBILE REAL + DESKTOP NAV FINO + CHECKOUT COMPACTO
   ========================================================= */

/* Anti corte horizontal mobile */
html, body{
  width:100% !important;
  max-width:100% !important;
  overflow-x:hidden !important;
}
body{
  position:relative !important;
}
body *{
  box-sizing:border-box !important;
}
main, section, header, footer, aside, .toolbar, .mobile-ideal-section,
.ideal-selector-inner, .product-grid, .checkout-page-screen,
.checkout-page-shell, .checkout-page-grid, .checkout-page-card,
.checkout-method-card, .marketing-impact-section, .brand-pro-bottom,
.site-footer-pro, .trust-bar, .lower-feature-zone{
  max-width:100% !important;
}
.mobile-ideal-section,
.ideal-selector-inner,
.toolbar,
.product-grid,
.checkout-page-shell,
.checkout-page-card,
.checkout-method-card{
  overflow:hidden !important;
}

/* Desktop nav: grande pero más fino, separado y legible */
@media (min-width:901px){
  .site-header{
    display:grid !important;
    grid-template-columns:125px minmax(0,1fr) auto !important;
    align-items:center !important;
    column-gap:18px !important;
    padding-left:28px !important;
    padding-right:20px !important;
    overflow:visible !important;
  }
  .brand img{
    width:118px !important;
    max-width:118px !important;
  }
  #mainNav,
  .category-top-nav.nav-clean,
  .top-nav{
    display:flex !important;
    flex-wrap:nowrap !important;
    justify-content:center !important;
    align-items:center !important;
    gap:13px !important;
    overflow:visible !important;
    white-space:nowrap !important;
  }
  #mainNav > a,
  #mainNav .ideal-main-link,
  .category-top-nav.nav-clean > a,
  .category-top-nav.nav-clean .ideal-main-link{
    font-size:14px !important;
    font-weight:760 !important;
    letter-spacing:-.35px !important;
    padding:8px 0 !important;
    border:0 !important;
    background:transparent !important;
    border-radius:0 !important;
    color:#f2f2ed !important;
    text-shadow:none !important;
    line-height:1 !important;
  }
  #mainNav .nav-item{
    display:flex !important;
    align-items:center !important;
  }
  .cart-btn{
    font-size:11px !important;
    padding:9px 13px !important;
    min-width:auto !important;
    white-space:nowrap !important;
  }
}

/* Mobile: NO mostrar las categorías del header como desktop. Sólo hamburguesa + logo + carrito. */
@media (max-width:900px){
  .top-promo{
    position:relative !important;
    top:auto !important;
  }
  .site-header{
    position:sticky !important;
    top:0 !important;
    z-index:9999 !important;
    display:grid !important;
    grid-template-columns:44px minmax(0,1fr) auto !important;
    grid-template-rows:auto !important;
    align-items:center !important;
    gap:10px !important;
    padding:10px 12px !important;
    overflow:visible !important;
    background:rgba(0,0,0,.92) !important;
    backdrop-filter:blur(14px) !important;
  }
  .mobile-menu-toggle{
    display:flex !important;
    grid-column:1 !important;
    grid-row:1 !important;
    position:relative !important;
    z-index:10001 !important;
    width:42px !important;
    height:42px !important;
  }
  .brand{
    grid-column:2 !important;
    grid-row:1 !important;
    margin:0 !important;
    min-width:0 !important;
  }
  .brand img{
    width:142px !important;
    max-width:100% !important;
  }
  .cart-btn{
    grid-column:3 !important;
    grid-row:1 !important;
    justify-self:end !important;
    padding:9px 11px !important;
    font-size:10px !important;
    white-space:nowrap !important;
  }
  #mainNav,
  #mainNav.top-nav,
  #mainNav.category-top-nav,
  #mainNav.category-top-nav.nav-clean{
    display:none !important;
  }

  .toolbar{
    padding-left:14px !important;
    padding-right:14px !important;
  }
  .toolbar h2{
    font-size:42px !important;
    line-height:.95 !important;
    word-break:normal !important;
  }
  .controls{
    width:100% !important;
    display:flex !important;
    flex-wrap:wrap !important;
    justify-content:flex-start !important;
    gap:9px !important;
  }
  .controls input{
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
  }

  .mobile-ideal-section{
    padding-left:12px !important;
    padding-right:12px !important;
  }
  .ideal-selector-inner{
    width:100% !important;
    padding:18px 14px !important;
    border-radius:28px !important;
  }
  .ideal-level-tabs{
    width:100% !important;
    display:grid !important;
    grid-template-columns:1fr 1fr 1fr !important;
    gap:4px !important;
    overflow:hidden !important;
  }
  .ideal-level-tabs button{
    min-width:0 !important;
    padding:12px 6px !important;
    font-size:11px !important;
  }
  .ideal-style-grid{
    grid-template-columns:1fr !important;
  }
  .ideal-style-grid button{
    width:100% !important;
  }
}

/* Drawer hamburguesa */
.mobile-drawer{
  position:fixed !important;
  inset:0 auto 0 0 !important;
  width:min(340px,86vw) !important;
  background:rgba(5,8,13,.97) !important;
  backdrop-filter:blur(18px) saturate(1.1) !important;
  border-right:1px solid rgba(199,170,133,.2) !important;
  box-shadow:28px 0 80px rgba(0,0,0,.55) !important;
  transform:translateX(-105%) !important;
  transition:transform .25s ease !important;
  z-index:100100 !important;
  display:flex !important;
  flex-direction:column !important;
}
body.mobile-drawer-open .mobile-drawer{
  transform:translateX(0) !important;
}
.mobile-drawer-head{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  padding:18px !important;
  border-bottom:1px solid rgba(255,255,255,.08) !important;
}
.mobile-drawer-head strong{
  color:#fff !important;
  font-size:13px !important;
  text-transform:uppercase !important;
  letter-spacing:.12em !important;
}
.mobile-drawer-head button{
  width:40px !important;
  height:40px !important;
  border-radius:999px !important;
  border:1px solid rgba(255,255,255,.12) !important;
  background:rgba(255,255,255,.05) !important;
  color:#fff !important;
  font-size:28px !important;
}
.mobile-drawer-body{
  flex:1 !important;
  overflow:auto !important;
  padding:15px 14px 24px !important;
}
.mobile-drawer-nav{
  display:flex !important;
  flex-direction:column !important;
  gap:10px !important;
}
.mobile-drawer-nav a,
.mobile-drawer-nav .ideal-main-link{
  display:flex !important;
  min-height:46px !important;
  width:100% !important;
  align-items:center !important;
  padding:12px 14px !important;
  border-radius:16px !important;
  border:1px solid rgba(255,255,255,.09) !important;
  background:rgba(255,255,255,.04) !important;
  color:#fff !important;
  text-decoration:none !important;
  font-size:12px !important;
  font-weight:900 !important;
  text-transform:uppercase !important;
  letter-spacing:.05em !important;
}
.mobile-drawer-nav .nav-item{
  width:100% !important;
}
.mobile-drawer-nav .ideal-dropdown{
  position:static !important;
  inset:auto !important;
  width:100% !important;
  transform:none !important;
  opacity:1 !important;
  pointer-events:auto !important;
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:10px !important;
  padding:0 !important;
  margin-top:10px !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}
.mobile-drawer-nav .ideal-col{
  padding:12px !important;
  border-radius:16px !important;
  background:rgba(255,255,255,.035) !important;
  border:1px solid rgba(255,255,255,.08) !important;
}
.mobile-drawer-nav .ideal-col button{
  width:100% !important;
  margin-top:8px !important;
}
.mobile-nav-backdrop{
  position:fixed !important;
  inset:0 !important;
  display:block !important;
  background:rgba(0,0,0,.5) !important;
  opacity:0 !important;
  pointer-events:none !important;
  z-index:100050 !important;
  transition:opacity .2s ease !important;
}
body.mobile-drawer-open .mobile-nav-backdrop{
  opacity:1 !important;
  pointer-events:auto !important;
}

/* Carrito: resumen, no elección */
.cart-total{
  display:none !important;
}
.cart-total-dual{
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:10px !important;
  margin-top:12px !important;
  padding:14px !important;
  border-radius:24px !important;
  background:linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.02)) !important;
  border:1px solid rgba(199,170,133,.16) !important;
}
.cart-total-dual::before{
  content:"Precios del pedido";
  color:#c7aa85 !important;
  font-size:12px !important;
  font-weight:900 !important;
  text-transform:uppercase !important;
  letter-spacing:.12em !important;
}
.cart-credit-box,
.cart-transfer-box{
  padding:15px !important;
  border-radius:18px !important;
  background:rgba(255,255,255,.04) !important;
  border:1px solid rgba(255,255,255,.08) !important;
}
.cart-credit-box span,
.cart-transfer-box span{
  display:block !important;
  margin-bottom:8px !important;
  color:rgba(255,255,255,.78) !important;
  font-size:12px !important;
  font-weight:900 !important;
  text-transform:uppercase !important;
  letter-spacing:.08em !important;
}
.cart-credit-box strong,
.cart-transfer-box strong{
  display:block !important;
  color:#a8f5ba !important;
  font-size:32px !important;
  line-height:1 !important;
}
.cart-credit-box small{
  display:block !important;
  margin-top:9px !important;
  color:rgba(255,255,255,.72) !important;
  font-size:13px !important;
}

/* Checkout con logo + más compacto */
.checkout-form-logo{
  width:118px !important;
  height:auto !important;
  display:block !important;
  margin-bottom:16px !important;
}
.checkout-page-grid.checkout-final-grid{
  align-items:start !important;
}
.checkout-page-card h2,
.checkout-method-card h3{
  word-break:normal !important;
}
.checkout-summary-final > div p{
  text-transform:uppercase !important;
  letter-spacing:.08em !important;
  font-weight:900 !important;
}
.checkout-summary-final > div small{
  display:block !important;
  margin-top:8px !important;
}

/* Mobile checkout: que se vea mucho más compacto y no haya que bajar tanto */
@media (max-width:700px){
  .checkout-page-shell{
    padding:14px 10px 22px !important;
  }
  .checkout-page-back{
    min-height:38px !important;
    padding:9px 13px !important;
    font-size:12px !important;
    margin-bottom:10px !important;
  }
  .checkout-page-grid.checkout-final-grid{
    grid-template-columns:1fr !important;
    gap:10px !important;
  }
  .checkout-page-card,
  .checkout-method-card{
    padding:14px !important;
    border-radius:22px !important;
  }
  .checkout-form-logo{
    width:90px !important;
    margin-bottom:8px !important;
  }
  .checkout-page-card .eyebrow,
  .checkout-method-card .eyebrow{
    font-size:11px !important;
    margin-bottom:6px !important;
  }
  .checkout-page-card h2{
    font-size:44px !important;
    line-height:.88 !important;
    margin-bottom:10px !important;
  }
  .checkout-method-card h3{
    font-size:38px !important;
    line-height:.9 !important;
    margin-bottom:10px !important;
  }
  .checkout-intro{
    font-size:15px !important;
    line-height:1.28 !important;
    margin-bottom:12px !important;
  }
  .checkout-page-form{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:9px !important;
  }
  .checkout-page-form .field.full{
    grid-column:1 / -1 !important;
  }
  .checkout-page-form label{
    font-size:10px !important;
    margin-bottom:5px !important;
  }
  .checkout-page-form input{
    min-height:42px !important;
    height:42px !important;
    padding:10px 12px !important;
    font-size:13px !important;
    border-radius:14px !important;
  }
  .checkout-summary-final{
    gap:8px !important;
  }
  .checkout-summary-final > div{
    padding:12px !important;
    border-radius:16px !important;
  }
  .checkout-summary-final strong{
    font-size:28px !important;
  }
  .checkout-summary-final small{
    font-size:12px !important;
  }
  .checkout-methods{
    gap:8px !important;
  }
  .method-btn{
    min-height:54px !important;
    border-radius:18px !important;
    font-size:16px !important;
  }
  .secure-note{
    margin-top:10px !important;
    font-size:13px !important;
    line-height:1.25 !important;
  }
}


/* =========================================================
   ELCLUB V107 — FULL WIDTH REAL + NAV MÁS FINA + MP ROBUSTO
   ========================================================= */

/* Usar todo el ancho de pantalla: sin corte negro a la derecha */
html, body{
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  margin:0 !important;
  padding:0 !important;
  overflow-x:hidden !important;
}
body{
  background:#050607 !important;
}
body *{
  box-sizing:border-box !important;
}

/* Secciones principales a ancho completo */
main,
#inicio,
.hero-simple-wrap,
.hero-collections,
.hero-simple-slider,
.hero-simple-slide,
.collection-landing,
.trust-bar,
.drop-zone,
.marketing-impact-section,
.mobile-ideal-section,
.toolbar,
.product-grid,
.lower-feature-zone,
.brand-pro-bottom,
.checkout-preview,
.site-footer-pro{
  width:100% !important;
  max-width:100% !important;
}

/* Hero: ocupar toda la página, sin caja angosta ni negro sobrante */
.hero-simple-wrap,
.hero-collections{
  padding-left:0 !important;
  padding-right:0 !important;
  margin-left:0 !important;
  margin-right:0 !important;
  overflow:hidden !important;
}
.hero-simple-slider{
  width:100vw !important;
  max-width:100vw !important;
  margin-left:calc(50% - 50vw) !important;
  margin-right:calc(50% - 50vw) !important;
  border-radius:0 !important;
  overflow:hidden !important;
}
.hero-simple-slide{
  width:100% !important;
  max-width:100% !important;
  min-width:100% !important;
  overflow:hidden !important;
}
.hero-simple-slide img,
.hero-bg-img{
  max-width:none !important;
}
.hero-bg-img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center center !important;
}
.hero-main-img{
  max-width:100% !important;
  object-fit:contain !important;
}

/* Contenedores internos: respirar pero aprovechar ancho */
.trust-bar,
.marketing-impact-section,
.mobile-ideal-section,
.toolbar,
.product-grid,
.lower-feature-zone,
.brand-pro-bottom,
.checkout-preview,
.site-footer-pro{
  padding-left:clamp(18px, 3.5vw, 56px) !important;
  padding-right:clamp(18px, 3.5vw, 56px) !important;
}

/* Header desktop usa todo el ancho */
@media (min-width:901px){
  .site-header{
    width:100% !important;
    max-width:100% !important;
    display:grid !important;
    grid-template-columns:132px minmax(0,1fr) auto !important;
    column-gap:22px !important;
    align-items:center !important;
    padding-left:clamp(18px,2.2vw,34px) !important;
    padding-right:clamp(14px,2vw,28px) !important;
    overflow:visible !important;
  }
  .brand img{
    width:122px !important;
    max-width:122px !important;
  }

  /* Categorías: menos negrita, un poco más separadas y más elegantes */
  #mainNav,
  .category-top-nav.nav-clean,
  .top-nav{
    width:100% !important;
    max-width:100% !important;
    display:flex !important;
    flex-wrap:nowrap !important;
    align-items:center !important;
    justify-content:center !important;
    gap:clamp(14px,1.45vw,25px) !important;
    overflow:visible !important;
    white-space:nowrap !important;
  }
  #mainNav > a,
  #mainNav .ideal-main-link,
  .category-top-nav.nav-clean > a,
  .category-top-nav.nav-clean .ideal-main-link{
    font-size:clamp(11px, .92vw, 14px) !important;
    font-weight:680 !important;
    letter-spacing:-.22px !important;
    padding:8px 0 !important;
    border:0 !important;
    background:transparent !important;
    border-radius:0 !important;
    color:#f4f4ef !important;
    line-height:1 !important;
    text-transform:uppercase !important;
    text-shadow:none !important;
  }
  #mainNav .nav-item{
    display:flex !important;
    align-items:center !important;
    flex:0 0 auto !important;
  }
  .cart-btn{
    font-size:10.5px !important;
    font-weight:800 !important;
    padding:9px 13px !important;
    white-space:nowrap !important;
  }
}

/* Ajuste notebook: si no entra, baja apenas pero mantiene separación */
@media (min-width:901px) and (max-width:1180px){
  .site-header{
    grid-template-columns:112px minmax(0,1fr) auto !important;
    column-gap:14px !important;
    padding-left:14px !important;
    padding-right:12px !important;
  }
  .brand img{
    width:105px !important;
    max-width:105px !important;
  }
  #mainNav,
  .category-top-nav.nav-clean,
  .top-nav{
    gap:10px !important;
  }
  #mainNav > a,
  #mainNav .ideal-main-link{
    font-size:11.3px !important;
    font-weight:680 !important;
    letter-spacing:-.35px !important;
  }
  .cart-btn{
    font-size:9.5px !important;
    padding:8px 10px !important;
  }
}

/* Mobile: todo ancho correcto, sin barra desktop de categorías */
@media (max-width:900px){
  .site-header{
    width:100% !important;
    max-width:100% !important;
    left:0 !important;
    right:0 !important;
  }
  .hero-simple-slider{
    width:100vw !important;
    max-width:100vw !important;
  }
  .trust-bar,
  .marketing-impact-section,
  .mobile-ideal-section,
  .toolbar,
  .product-grid,
  .lower-feature-zone,
  .brand-pro-bottom,
  .checkout-preview,
  .site-footer-pro{
    padding-left:14px !important;
    padding-right:14px !important;
  }
  #mainNav,
  #mainNav.top-nav,
  #mainNav.category-top-nav,
  #mainNav.category-top-nav.nav-clean{
    display:none !important;
  }
  .mobile-menu-toggle{
    display:flex !important;
  }
}

/* Evita que selector/toolbar generen overflow en celular */
@media (max-width:700px){
  .ideal-selector-inner,
  .toolbar,
  .controls,
  .product-grid,
  .checkout-page-shell,
  .checkout-page-card,
  .checkout-method-card{
    width:100% !important;
    max-width:100% !important;
    overflow:hidden !important;
  }
  .controls input{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
  }
}


/* =========================================================
   ELCLUB V109 — MOBILE PRODUCTOS FULL SCREEN + SIN CORTE
   ========================================================= */
html, body{
  width:100% !important;
  max-width:100% !important;
  overflow-x:hidden !important;
  margin:0 !important;
  padding:0 !important;
}
body{
  min-width:0 !important;
}
body *{
  box-sizing:border-box !important;
}

@media (max-width:900px){
  main,
  #inicio,
  .toolbar,
  .product-grid,
  .mobile-ideal-section,
  .ideal-selector-inner,
  .lower-feature-zone,
  .brand-pro-bottom,
  .checkout-preview,
  .site-footer-pro{
    max-width:100% !important;
    width:100% !important;
    overflow-x:hidden !important;
  }

  /* La sección productos ocupa todo el ancho real del celular */
  .toolbar{
    width:100vw !important;
    max-width:100vw !important;
    margin-left:calc(50% - 50vw) !important;
    margin-right:calc(50% - 50vw) !important;
    padding-left:14px !important;
    padding-right:14px !important;
  }

  .product-grid{
    width:100vw !important;
    max-width:100vw !important;
    margin-left:calc(50% - 50vw) !important;
    margin-right:calc(50% - 50vw) !important;
    padding-left:10px !important;
    padding-right:10px !important;
    display:grid !important;
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
    gap:10px !important;
    overflow:visible !important;
  }

  .product-card{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    border-radius:20px !important;
    overflow:hidden !important;
  }

  .product-image,
  .product-card[data-category="Paletas"] .product-image,
  .product-card[data-category="Accesorios"] .product-image,
  .product-card[data-category="Indumentaria"] .product-image{
    height:178px !important;
    width:100% !important;
    max-width:100% !important;
    padding:8px !important;
  }

  .product-image img,
  .product-card img{
    width:100% !important;
    max-width:100% !important;
    height:100% !important;
    max-height:100% !important;
    object-fit:contain !important;
    object-position:center center !important;
    transform:none !important;
  }

  .product-info{
    padding:11px !important;
  }

  .product-info h3{
    font-size:14px !important;
    line-height:1.08 !important;
    min-height:32px !important;
  }

  .price-main{
    font-size:17px !important;
  }

  .price-transfer,
  .price-dues{
    font-size:11px !important;
  }

  .card-actions{
    grid-template-columns:1fr !important;
  }

  .quick-view{
    display:none !important;
  }

  .whatsapp.cart-action{
    width:100% !important;
    min-height:38px !important;
    font-size:9px !important;
  }
}

/* Celulares muy angostos: sigue ocupando completo, sin reventar ancho */
@media (max-width:380px){
  .product-grid{
    padding-left:8px !important;
    padding-right:8px !important;
    gap:8px !important;
  }

  .product-image,
  .product-card[data-category="Paletas"] .product-image,
  .product-card[data-category="Accesorios"] .product-image,
  .product-card[data-category="Indumentaria"] .product-image{
    height:166px !important;
  }

  .product-info h3{
    font-size:13px !important;
  }
}


/* =========================================================
   ELCLUB V111 — CHECKOUT PRO DATOS + PAGO
   ========================================================= */
.checkout-v111-screen{
  position:fixed !important;
  inset:0 !important;
  z-index:90000 !important;
  background:
    radial-gradient(circle at 82% 12%, rgba(199,170,133,.16), transparent 30%),
    radial-gradient(circle at 12% 80%, rgba(199,170,133,.08), transparent 28%),
    #060708 !important;
  overflow:auto !important;
  display:none !important;
}
.checkout-v111-screen.open{
  display:block !important;
}
.checkout-v111-shell{
  width:min(1180px, 100%) !important;
  margin:0 auto !important;
  padding:28px clamp(16px,3vw,34px) 36px !important;
}
.checkout-v111-top{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:16px !important;
  margin-bottom:20px !important;
}
.checkout-v111-logo{
  width:132px !important;
  height:auto !important;
  object-fit:contain !important;
}
.checkout-v111-back{
  border:1px solid rgba(255,255,255,.13) !important;
  background:rgba(255,255,255,.06) !important;
  color:#fff !important;
  border-radius:999px !important;
  padding:12px 18px !important;
  font-weight:900 !important;
  letter-spacing:-.2px !important;
}
.checkout-v111-grid{
  display:grid !important;
  grid-template-columns:minmax(0, 1.12fr) minmax(360px, .88fr) !important;
  gap:22px !important;
  align-items:start !important;
}
.checkout-v111-card{
  border:1px solid rgba(199,170,133,.18) !important;
  border-radius:34px !important;
  background:
    linear-gradient(145deg, rgba(255,255,255,.07), rgba(255,255,255,.025)),
    rgba(10,12,14,.88) !important;
  box-shadow:0 30px 90px rgba(0,0,0,.28) !important;
  padding:30px !important;
  overflow:hidden !important;
}
.checkout-v111-eyebrow{
  margin:0 0 10px !important;
  color:#c7aa85 !important;
  font-size:13px !important;
  font-weight:900 !important;
  letter-spacing:.18em !important;
  text-transform:uppercase !important;
}
.checkout-v111-data h2,
.checkout-v111-pay h3{
  margin:0 !important;
  color:#fff !important;
  font-family:Anton, Impact, sans-serif !important;
  text-transform:uppercase !important;
  letter-spacing:-.04em !important;
}
.checkout-v111-data h2{
  font-size:clamp(54px, 6.7vw, 96px) !important;
  line-height:.86 !important;
  max-width:760px !important;
}
.checkout-v111-pay h3{
  font-size:clamp(42px, 4.7vw, 70px) !important;
  line-height:.88 !important;
  margin-bottom:20px !important;
}
.checkout-v111-intro{
  max-width:620px !important;
  color:rgba(255,255,255,.84) !important;
  font-size:18px !important;
  line-height:1.45 !important;
  font-weight:750 !important;
  margin:16px 0 24px !important;
}
.checkout-v111-form{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:16px !important;
}
.checkout-v111-form .field{
  display:flex !important;
  flex-direction:column !important;
  gap:8px !important;
}
.checkout-v111-form .field.full{
  grid-column:1 / -1 !important;
}
.checkout-v111-form label{
  color:#c7aa85 !important;
  font-size:12px !important;
  font-weight:900 !important;
  letter-spacing:.12em !important;
  text-transform:uppercase !important;
}
.checkout-v111-form input{
  width:100% !important;
  min-height:56px !important;
  border-radius:18px !important;
  border:1px solid rgba(255,255,255,.12) !important;
  background:#080d10 !important;
  color:#fff !important;
  padding:0 18px !important;
  font-size:15px !important;
  font-weight:800 !important;
  outline:none !important;
}
.checkout-v111-form input:focus{
  border-color:rgba(199,170,133,.65) !important;
  box-shadow:0 0 0 4px rgba(199,170,133,.08) !important;
}
.checkout-v111-summary{
  display:grid !important;
  gap:12px !important;
  margin:0 0 18px !important;
}
.checkout-v111-summary .summary-main{
  border:1px solid rgba(255,255,255,.1) !important;
  border-radius:22px !important;
  background:rgba(255,255,255,.045) !important;
  padding:18px !important;
}
.checkout-v111-summary span{
  display:block !important;
  color:rgba(255,255,255,.76) !important;
  font-size:12px !important;
  font-weight:900 !important;
  text-transform:uppercase !important;
  letter-spacing:.1em !important;
  margin-bottom:8px !important;
}
.checkout-v111-summary strong{
  display:block !important;
  color:#a8f5ba !important;
  font-size:40px !important;
  line-height:1 !important;
  font-weight:950 !important;
}
.checkout-v111-summary small{
  display:block !important;
  color:rgba(255,255,255,.74) !important;
  font-size:14px !important;
  font-weight:800 !important;
  margin-top:8px !important;
}
.checkout-v111-methods{
  display:grid !important;
  gap:12px !important;
}
.checkout-v111-methods .method-btn{
  width:100% !important;
  min-height:72px !important;
  border-radius:24px !important;
  border:0 !important;
  padding:14px 18px !important;
  text-align:center !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:5px !important;
  cursor:pointer !important;
}
.checkout-v111-methods .method-btn b{
  font-size:18px !important;
  line-height:1.05 !important;
  font-weight:950 !important;
  text-transform:uppercase !important;
  letter-spacing:-.02em !important;
}
.checkout-v111-methods .method-btn small{
  font-size:12px !important;
  font-weight:750 !important;
  opacity:.75 !important;
}
.checkout-v111-methods .method-btn.transfer{
  background:#fff !important;
  color:#07090b !important;
}
.checkout-v111-methods .method-btn.mp{
  background:linear-gradient(135deg,#baff00,#d8ff18) !important;
  color:#050505 !important;
  box-shadow:0 18px 48px rgba(199,170,133,.24) !important;
}
.checkout-v111-transfer-data{
  margin-top:16px !important;
  border:1px solid rgba(255,255,255,.1) !important;
  border-radius:22px !important;
  background:rgba(255,255,255,.035) !important;
  padding:16px !important;
}
.checkout-v111-transfer-data p{
  margin:0 0 12px !important;
  color:#c7aa85 !important;
  font-size:12px !important;
  font-weight:900 !important;
  text-transform:uppercase !important;
  letter-spacing:.12em !important;
}
.checkout-v111-transfer-data div{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:14px !important;
  padding:9px 0 !important;
  border-top:1px solid rgba(255,255,255,.08) !important;
}
.checkout-v111-transfer-data span{
  color:rgba(255,255,255,.62) !important;
  font-size:12px !important;
  font-weight:850 !important;
  text-transform:uppercase !important;
}
.checkout-v111-transfer-data strong{
  color:#fff !important;
  text-align:right !important;
  font-size:14px !important;
  font-weight:900 !important;
}
.checkout-v111-transfer-data small{
  display:block !important;
  margin-top:12px !important;
  color:rgba(255,255,255,.72) !important;
  line-height:1.35 !important;
}

@media(max-width:820px){
  .checkout-v111-shell{
    padding:14px 10px 24px !important;
  }
  .checkout-v111-top{
    margin-bottom:10px !important;
  }
  .checkout-v111-logo{
    width:104px !important;
  }
  .checkout-v111-back{
    padding:9px 12px !important;
    font-size:12px !important;
  }
  .checkout-v111-grid{
    grid-template-columns:1fr !important;
    gap:10px !important;
  }
  .checkout-v111-card{
    border-radius:24px !important;
    padding:16px !important;
  }
  .checkout-v111-data h2{
    font-size:45px !important;
    line-height:.88 !important;
  }
  .checkout-v111-pay h3{
    font-size:38px !important;
    line-height:.9 !important;
    margin-bottom:12px !important;
  }
  .checkout-v111-intro{
    font-size:14px !important;
    line-height:1.3 !important;
    margin:10px 0 14px !important;
  }
  .checkout-v111-form{
    grid-template-columns:1fr 1fr !important;
    gap:9px !important;
  }
  .checkout-v111-form .field.full{
    grid-column:1 / -1 !important;
  }
  .checkout-v111-form label{
    font-size:9px !important;
    letter-spacing:.1em !important;
  }
  .checkout-v111-form input{
    min-height:40px !important;
    height:40px !important;
    border-radius:13px !important;
    padding:0 11px !important;
    font-size:12px !important;
  }
  .checkout-v111-summary{
    gap:8px !important;
    margin-bottom:10px !important;
  }
  .checkout-v111-summary .summary-main{
    padding:12px !important;
    border-radius:16px !important;
  }
  .checkout-v111-summary span{
    font-size:10px !important;
    margin-bottom:6px !important;
  }
  .checkout-v111-summary strong{
    font-size:28px !important;
  }
  .checkout-v111-summary small{
    font-size:12px !important;
    margin-top:6px !important;
  }
  .checkout-v111-methods{
    gap:8px !important;
  }
  .checkout-v111-methods .method-btn{
    min-height:54px !important;
    border-radius:18px !important;
    padding:10px 12px !important;
  }
  .checkout-v111-methods .method-btn b{
    font-size:15px !important;
  }
  .checkout-v111-methods .method-btn small{
    font-size:10px !important;
  }
  .checkout-v111-transfer-data{
    padding:12px !important;
    border-radius:16px !important;
    margin-top:10px !important;
  }
  .checkout-v111-transfer-data div{
    padding:7px 0 !important;
  }
  .checkout-v111-transfer-data span{
    font-size:10px !important;
  }
  .checkout-v111-transfer-data strong{
    font-size:12px !important;
  }
}

@media(max-width:390px){
  .checkout-v111-data h2{
    font-size:39px !important;
  }
  .checkout-v111-form{
    grid-template-columns:1fr !important;
  }
  .checkout-v111-form .field,
  .checkout-v111-form .field.full{
    grid-column:1 !important;
  }
}


/* =========================================================
   ELCLUB V112 — TRANSFERENCIA SOLO DESPUÉS DE ELEGIRLA
   ========================================================= */
.checkout-v111-transfer-data{
  display:none !important;
}


/* =========================================================
   ELCLUB V115 — MOBILE STICKY MENU + CATÁLOGO MÁS FINO
   ========================================================= */

/* Letras del catálogo un poco más chicas y prolijas */
.product-info h3{
  font-size:clamp(17px, 1.55vw, 23px) !important;
  line-height:1.05 !important;
  letter-spacing:-.035em !important;
}
.brand-line{
  font-size:10px !important;
  letter-spacing:.11em !important;
}
.tone,
.variant{
  font-size:12px !important;
  line-height:1.25 !important;
}
.price-main{
  font-size:clamp(24px, 2.15vw, 33px) !important;
}
.price-transfer,
.price-dues{
  font-size:13px !important;
}

/* Celular: header sticky real. Las tres líneas acompañan siempre. */
@media(max-width:900px){
  .site-header{
    position:fixed !important;
    top:0 !important;
    left:0 !important;
    right:0 !important;
    width:100% !important;
    z-index:100000 !important;
    transform:none !important;
  }

  body{
    padding-top:74px !important;
  }

  .top-promo{
    display:none !important;
  }

  .mobile-menu-toggle{
    display:flex !important;
    position:relative !important;
    z-index:100002 !important;
  }

  .brand img{
    width:138px !important;
  }

  .cart-btn{
    position:relative !important;
    z-index:100002 !important;
  }

  .product-info h3{
    font-size:13px !important;
    line-height:1.07 !important;
    min-height:30px !important;
    letter-spacing:-.02em !important;
  }

  .brand-line{
    font-size:8px !important;
  }

  .variant{
    font-size:10px !important;
  }

  .price-main{
    font-size:16px !important;
  }

  .price-transfer,
  .price-dues{
    font-size:10px !important;
    line-height:1.2 !important;
  }
}

/* Páginas de retorno MercadoPago: estilo pro */
.mp-result-page{
  min-height:100vh;
  margin:0;
  background:
    radial-gradient(circle at 78% 14%, rgba(199,170,133,.16), transparent 30%),
    radial-gradient(circle at 10% 90%, rgba(199,170,133,.08), transparent 28%),
    #050607;
  color:#fff;
  font-family:Inter, Arial, sans-serif;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:22px;
}
.mp-result-card{
  width:min(760px, 100%);
  border:1px solid rgba(199,170,133,.20);
  border-radius:34px;
  background:linear-gradient(145deg, rgba(255,255,255,.07), rgba(255,255,255,.025));
  box-shadow:0 32px 90px rgba(0,0,0,.35);
  padding:34px;
  text-align:center;
}
.mp-result-card img{
  width:132px;
  margin-bottom:18px;
}
.mp-result-card p:first-of-type{
  color:#c7aa85;
  text-transform:uppercase;
  letter-spacing:.14em;
  font-size:15px;
  font-weight:900;
  margin:0 0 14px;
}
.mp-result-card h1{
  font-family:Anton, Impact, sans-serif;
  font-size:clamp(58px, 8vw, 94px);
  line-height:.9;
  letter-spacing:-.02em;
  margin:0 0 18px;
  text-transform:uppercase;
}
.mp-result-card .lead{
  color:rgba(255,255,255,.8);
  font-size:18px;
  line-height:1.45;
  font-weight:750;
  margin:0 auto 22px;
  max-width:580px;
}
.mp-result-card a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:48px;
  padding:0 20px;
  border-radius:999px;
  background:#c7aa85;
  color:#050505;
  font-weight:950;
  text-decoration:none;
  text-transform:uppercase;
  font-size:12px;
  letter-spacing:.04em;
}
@media(max-width:700px){
  .mp-result-page{
    padding:12px;
  }
  .mp-result-card{
    border-radius:24px;
    padding:22px 16px;
  }
  .mp-result-card img{
    width:108px;
  }
  .mp-result-card p:first-of-type{
    font-size:13px;
  }
  .mp-result-card h1{
    font-size:50px;
  }
  .mp-result-card .lead{
    font-size:15px;
  }
}


/* =========================================================
   ELCLUB V116 — HEADER FINO + MÁS LUZ + PROMO MOVIBLE + FIX MP
   ========================================================= */
:root{
  --elclub-lime:#c7aa85;
}
html, body{
  width:100% !important;
  max-width:100% !important;
  overflow-x:hidden !important;
}
body{
  background:
    radial-gradient(circle at 82% 10%, rgba(199,170,133,.13), transparent 28%),
    radial-gradient(circle at 18% 32%, rgba(255,255,255,.06), transparent 24%),
    radial-gradient(circle at 90% 78%, rgba(199,170,133,.07), transparent 30%),
    #07090b !important;
}
.page-glow{opacity:.95 !important;}

/* Barra superior con mensajes que van pasando uno por uno */
.top-promo{
  position:sticky !important;
  top:0 !important;
  z-index:100001 !important;
  height:36px !important;
  overflow:hidden !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:#050505 !important;
  border-bottom:1px solid rgba(199,170,133,.28) !important;
  color:var(--elclub-lime) !important;
}
.top-promo span{
  position:absolute !important;
  inset:auto !important;
  opacity:0 !important;
  transform:translateY(18px) !important;
  animation:elclubPromoRotate 9s infinite !important;
  font-size:12px !important;
  font-weight:760 !important;
  letter-spacing:.08em !important;
  text-transform:uppercase !important;
  white-space:nowrap !important;
}
.top-promo span:nth-child(1){animation-delay:0s !important;}
.top-promo span:nth-child(2){animation-delay:3s !important;}
.top-promo span:nth-child(3){animation-delay:6s !important;}
@keyframes elclubPromoRotate{
  0%{opacity:0;transform:translateY(18px)}
  8%{opacity:1;transform:translateY(0)}
  30%{opacity:1;transform:translateY(0)}
  40%{opacity:0;transform:translateY(-18px)}
  100%{opacity:0;transform:translateY(-18px)}
}

/* Header desktop: logo no cortado, categorías finas, separadas y legibles */
@media(min-width:901px){
  .site-header{
    top:36px !important;
    display:grid !important;
    grid-template-columns:148px minmax(0,1fr) auto !important;
    align-items:center !important;
    gap:20px !important;
    padding-left:42px !important;
    padding-right:26px !important;
    overflow:visible !important;
    background:rgba(5,7,9,.82) !important;
    backdrop-filter:blur(18px) saturate(1.12) !important;
  }
  .brand{
    margin-left:8px !important;
    overflow:visible !important;
  }
  .brand img{
    width:124px !important;
    max-width:124px !important;
    display:block !important;
  }
  #mainNav,
  #mainNav.category-top-nav,
  #mainNav.category-top-nav.nav-clean,
  .top-nav{
    display:flex !important;
    flex-wrap:nowrap !important;
    align-items:center !important;
    justify-content:center !important;
    gap:clamp(13px, 1.25vw, 23px) !important;
    width:100% !important;
    max-width:100% !important;
    overflow:visible !important;
    white-space:nowrap !important;
  }
  #mainNav > a,
  #mainNav .ideal-main-link,
  .category-top-nav.nav-clean > a,
  .category-top-nav.nav-clean .ideal-main-link{
    font-size:clamp(10.8px, .78vw, 12.8px) !important;
    font-weight:520 !important;
    letter-spacing:.01em !important;
    text-transform:uppercase !important;
    padding:8px 0 !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    color:rgba(255,255,255,.9) !important;
    line-height:1 !important;
    text-shadow:none !important;
  }
  #mainNav > a:hover,
  #mainNav .ideal-main-link:hover{
    color:var(--elclub-lime) !important;
  }
  #mainNav .nav-item{display:flex !important;align-items:center !important;flex:0 0 auto !important;}
  .cart-btn{
    font-size:10px !important;
    font-weight:680 !important;
    padding:9px 13px !important;
    white-space:nowrap !important;
  }
}
@media(min-width:901px) and (max-width:1180px){
  .site-header{grid-template-columns:118px minmax(0,1fr) auto !important;padding-left:20px !important;padding-right:14px !important;gap:12px !important;}
  .brand img{width:108px !important;max-width:108px !important;}
  #mainNav,#mainNav.category-top-nav,#mainNav.category-top-nav.nav-clean{gap:8px !important;}
  #mainNav > a,#mainNav .ideal-main-link{font-size:10.2px !important;font-weight:500 !important;letter-spacing:-.02em !important;}
}

/* Más iluminación en cards y productos */
.product-card,
.checkout-v111-card,
.marketing-impact-section article,
.brand-pro-cards article,
.trust-bar article{
  background:linear-gradient(145deg, rgba(255,255,255,.10), rgba(255,255,255,.035)) !important;
  border-color:rgba(199,170,133,.18) !important;
}
.product-image{background:#fbfbf6 !important;}
.hero-simple-slide:after{background:linear-gradient(90deg, rgba(0,0,0,.62), rgba(0,0,0,.12), rgba(0,0,0,.05)) !important;}

/* Checkout: texto más respirado y sin placeholders */
.checkout-v111-data h2{
  letter-spacing:-.015em !important;
  line-height:.92 !important;
}
.checkout-v111-form input::placeholder{color:transparent !important;}
.checkout-v111-form input{font-weight:650 !important;}

/* Mobile: hamburguesa siempre acompañando al bajar */
@media(max-width:900px){
  body{padding-top:66px !important;}
  .top-promo{display:none !important;}
  .site-header{
    position:fixed !important;
    top:0 !important;
    left:0 !important;
    right:0 !important;
    width:100% !important;
    z-index:100000 !important;
  }
  .mobile-menu-toggle{display:flex !important;}
  #mainNav,#mainNav.top-nav,#mainNav.category-top-nav,#mainNav.category-top-nav.nav-clean{display:none !important;}
}


/* =========================================================
   ELCLUB V117 — BARRA PROMO + TIPOGRAFÍA PRO
   ========================================================= */

/* Tipografía más normal, premium y limpia */
body,
button,
input,
select,
textarea,
.top-promo,
.site-header,
.top-nav,
.category-top-nav,
.product-info,
.checkout-v111-form,
.checkout-v111-card{
  font-family:"Manrope","Inter",Arial,sans-serif !important;
}

/* Barra superior con mensajes pasando uno por uno */
.top-promo{
  position:sticky !important;
  top:0 !important;
  z-index:100001 !important;
  width:100% !important;
  height:36px !important;
  overflow:hidden !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:linear-gradient(90deg,#050505,#10130f,#050505) !important;
  border-bottom:1px solid rgba(199,170,133,.22) !important;
  color:#c7aa85 !important;
  font-family:"Manrope","Inter",Arial,sans-serif !important;
  font-size:13px !important;
  font-weight:700 !important;
  letter-spacing:.08em !important;
  text-transform:uppercase !important;
}

.top-promo .promo-track{
  position:relative !important;
  width:100% !important;
  height:100% !important;
}

.top-promo .promo-track span{
  position:absolute !important;
  inset:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  opacity:0 !important;
  transform:translateY(100%) !important;
  animation:elclubPromoSlide 9s infinite !important;
  white-space:nowrap !important;
}

.top-promo .promo-track span:nth-child(1){ animation-delay:0s !important; }
.top-promo .promo-track span:nth-child(2){ animation-delay:3s !important; }
.top-promo .promo-track span:nth-child(3){ animation-delay:6s !important; }

@keyframes elclubPromoSlide{
  0%{opacity:0; transform:translateY(100%);}
  8%{opacity:1; transform:translateY(0);}
  28%{opacity:1; transform:translateY(0);}
  36%{opacity:0; transform:translateY(-100%);}
  100%{opacity:0; transform:translateY(-100%);}
}

/* Categorías con tipografía más pro: no tan pesada */
@media(min-width:901px){
  #mainNav > a,
  #mainNav .ideal-main-link,
  .category-top-nav.nav-clean > a,
  .category-top-nav.nav-clean .ideal-main-link{
    font-family:"Manrope","Inter",Arial,sans-serif !important;
    font-weight:650 !important;
    font-size:13px !important;
    letter-spacing:.01em !important;
    text-transform:uppercase !important;
  }
}

/* En mobile mantenemos header fijo debajo de la promo */
@media(max-width:900px){
  .top-promo{
    display:flex !important;
    position:fixed !important;
    top:0 !important;
    left:0 !important;
    right:0 !important;
    height:34px !important;
    font-size:10.5px !important;
    letter-spacing:.06em !important;
  }

  .site-header{
    top:34px !important;
  }

  body{
    padding-top:108px !important;
  }
}


/* =========================================================
   ELCLUB V121 — PROMO ARRIBA + WINAR
   ========================================================= */
.top-promo{
  position:sticky !important;
  top:0 !important;
  z-index:100001 !important;
  width:100% !important;
  height:36px !important;
  overflow:hidden !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:linear-gradient(90deg,#050505,#11170d,#050505) !important;
  border-bottom:1px solid rgba(199,170,133,.28) !important;
  color:#c7aa85 !important;
  font-family:"Manrope","Inter",Arial,sans-serif !important;
  font-size:13px !important;
  font-weight:750 !important;
  letter-spacing:.08em !important;
  text-transform:uppercase !important;
}
.top-promo .promo-track{
  position:relative !important;
  width:100% !important;
  height:100% !important;
}
.top-promo .promo-track span{
  position:absolute !important;
  inset:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  opacity:0 !important;
  transform:translateY(100%) !important;
  animation:elclubPromoSlide 9s infinite !important;
  white-space:nowrap !important;
}
.top-promo .promo-track span:nth-child(1){animation-delay:0s !important;}
.top-promo .promo-track span:nth-child(2){animation-delay:3s !important;}
.top-promo .promo-track span:nth-child(3){animation-delay:6s !important;}
@keyframes elclubPromoSlide{
  0%{opacity:0;transform:translateY(100%);}
  8%{opacity:1;transform:translateY(0);}
  28%{opacity:1;transform:translateY(0);}
  36%{opacity:0;transform:translateY(-100%);}
  100%{opacity:0;transform:translateY(-100%);}
}
@media(max-width:900px){
  .top-promo{
    display:flex !important;
    position:fixed !important;
    top:0 !important;
    left:0 !important;
    right:0 !important;
    height:34px !important;
    font-size:10.5px !important;
    letter-spacing:.055em !important;
  }
  .site-header{
    top:34px !important;
  }
  body{
    padding-top:108px !important;
  }
}


/* =========================================================
   ELCLUB V122 — PROMO FINAL + WINAR X3
   ========================================================= */
.top-promo{
  position:sticky !important;
  top:0 !important;
  z-index:100001 !important;
  width:100% !important;
  height:38px !important;
  overflow:hidden !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:linear-gradient(90deg,#050505,#10160d,#050505) !important;
  border-bottom:1px solid rgba(199,170,133,.34) !important;
  color:#c7aa85 !important;
  font-family:"Manrope","Inter",Arial,sans-serif !important;
  font-size:13px !important;
  font-weight:800 !important;
  letter-spacing:.07em !important;
  text-transform:uppercase !important;
}
.top-promo .promo-track{
  position:relative !important;
  width:100% !important;
  height:100% !important;
}
.top-promo .promo-track span{
  position:absolute !important;
  inset:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  opacity:0 !important;
  transform:translateY(100%) !important;
  animation:elclubPromoSlideV122 9s infinite !important;
  white-space:nowrap !important;
}
.top-promo .promo-track span:nth-child(1){animation-delay:0s !important;}
.top-promo .promo-track span:nth-child(2){animation-delay:3s !important;}
.top-promo .promo-track span:nth-child(3){animation-delay:6s !important;}

@keyframes elclubPromoSlideV122{
  0%{opacity:0;transform:translateY(100%);}
  8%{opacity:1;transform:translateY(0);}
  28%{opacity:1;transform:translateY(0);}
  36%{opacity:0;transform:translateY(-100%);}
  100%{opacity:0;transform:translateY(-100%);}
}

@media(max-width:900px){
  .top-promo{
    display:flex !important;
    position:fixed !important;
    top:0 !important;
    left:0 !important;
    right:0 !important;
    height:34px !important;
    font-size:10.5px !important;
    letter-spacing:.04em !important;
    padding:0 8px !important;
  }
  .site-header{
    top:34px !important;
  }
  body{
    padding-top:108px !important;
  }
}


/* =========================================================
   ELCLUB V123 — PROMO VISIBLE + FINAL PRO
   ========================================================= */

/* Nueva barra superior: blanca, visible, arriba de categorías */
.elclub-promo-bar{
  position:sticky !important;
  top:0 !important;
  z-index:200000 !important;
  width:100% !important;
  height:36px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  overflow:hidden !important;
  background:#ffffff !important;
  color:#050505 !important;
  border-bottom:1px solid rgba(199,170,133,.65) !important;
  font-family:"Manrope","Inter",Arial,sans-serif !important;
  font-size:13px !important;
  font-weight:850 !important;
  letter-spacing:.04em !important;
  text-transform:uppercase !important;
  box-shadow:0 10px 28px rgba(0,0,0,.18) !important;
}

.elclub-promo-item{
  position:absolute !important;
  inset:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  opacity:0 !important;
  transform:translateY(100%) !important;
  animation:elclubPromoWhite 9s infinite !important;
  white-space:nowrap !important;
  padding:0 14px !important;
}

.elclub-promo-item:nth-child(1){animation-delay:0s !important;}
.elclub-promo-item:nth-child(2){animation-delay:3s !important;}
.elclub-promo-item:nth-child(3){animation-delay:6s !important;}

@keyframes elclubPromoWhite{
  0%{opacity:0; transform:translateY(100%);}
  8%{opacity:1; transform:translateY(0);}
  29%{opacity:1; transform:translateY(0);}
  38%{opacity:0; transform:translateY(-100%);}
  100%{opacity:0; transform:translateY(-100%);}
}

/* Evitar conflicto con barras viejas */
.top-promo{
  display:none !important;
}

/* Desktop header debajo de la promo sin taparla */
@media(min-width:901px){
  .site-header{
    top:0 !important;
  }
}

/* Mobile: promo fija + header debajo */
@media(max-width:900px){
  .elclub-promo-bar{
    position:fixed !important;
    top:0 !important;
    left:0 !important;
    right:0 !important;
    height:34px !important;
    font-size:10.5px !important;
    letter-spacing:.02em !important;
  }
  .site-header{
    position:fixed !important;
    top:34px !important;
  }
  body{
    padding-top:108px !important;
  }
}

/* Ocultar la sección final anterior que se veía cargada de texto */
.marketing-impact-section,
.lower-feature-zone,
.checkout-preview{
  display:none !important;
}

/* Nueva sección final premium */
.elclub-final-pro{
  width:100% !important;
  padding:clamp(34px,5vw,70px) clamp(18px,5vw,70px) !important;
  background:
    radial-gradient(circle at 82% 10%, rgba(199,170,133,.12), transparent 26%),
    linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.01)) !important;
  border-top:1px solid rgba(199,170,133,.16) !important;
  border-bottom:1px solid rgba(199,170,133,.12) !important;
}

.final-pro-inner{
  width:min(1180px,100%) !important;
  margin:0 auto !important;
  display:grid !important;
  grid-template-columns:.9fr 1.1fr !important;
  gap:24px !important;
  align-items:stretch !important;
}

.final-pro-copy,
.final-pro-points article{
  border:1px solid rgba(199,170,133,.18) !important;
  background:linear-gradient(145deg, rgba(255,255,255,.07), rgba(255,255,255,.025)) !important;
  border-radius:30px !important;
  box-shadow:0 28px 70px rgba(0,0,0,.28) !important;
}

.final-pro-copy{
  padding:34px !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
}

.final-pro-copy span{
  color:#c7aa85 !important;
  font-size:12px !important;
  font-weight:900 !important;
  letter-spacing:.16em !important;
  text-transform:uppercase !important;
  margin-bottom:12px !important;
}

.final-pro-copy h2{
  margin:0 !important;
  font-family:Anton, Impact, sans-serif !important;
  font-size:clamp(52px,7vw,96px) !important;
  line-height:.88 !important;
  letter-spacing:-.025em !important;
  text-transform:uppercase !important;
  color:#fff !important;
}

.final-pro-copy p{
  margin:18px 0 0 !important;
  max-width:520px !important;
  color:rgba(255,255,255,.78) !important;
  font-size:17px !important;
  line-height:1.45 !important;
  font-weight:700 !important;
}

.final-pro-points{
  display:grid !important;
  grid-template-columns:repeat(3,1fr) !important;
  gap:14px !important;
}

.final-pro-points article{
  padding:24px !important;
  min-height:220px !important;
}

.final-pro-points strong{
  display:block !important;
  color:#c7aa85 !important;
  font-size:42px !important;
  line-height:1 !important;
  font-weight:950 !important;
  margin-bottom:22px !important;
}

.final-pro-points h3{
  margin:0 0 10px !important;
  color:#fff !important;
  text-transform:uppercase !important;
  font-size:18px !important;
  line-height:1.05 !important;
  letter-spacing:-.03em !important;
}

.final-pro-points p{
  margin:0 !important;
  color:rgba(255,255,255,.72) !important;
  font-size:14px !important;
  line-height:1.4 !important;
  font-weight:650 !important;
}

@media(max-width:820px){
  .final-pro-inner{
    grid-template-columns:1fr !important;
  }
  .final-pro-copy{
    padding:24px !important;
    border-radius:24px !important;
  }
  .final-pro-points{
    grid-template-columns:1fr !important;
  }
  .final-pro-points article{
    min-height:auto !important;
    padding:20px !important;
    border-radius:22px !important;
  }
  .final-pro-points strong{
    font-size:34px !important;
    margin-bottom:10px !important;
  }
}


/* =========================================================
   V124 — HEADER TIPO ONE SPORT + FINAL MÁS PRO
   ========================================================= */
.elclub-promo-bar{display:none !important;}
.top-promo{display:none !important;}

.site-top-strip{
  position:sticky !important;
  top:0 !important;
  z-index:300 !important;
  height:34px !important;
  display:flex !important;
  align-items:center !important;
  overflow:hidden !important;
  background:linear-gradient(90deg,#061327 0%, #0a1630 50%, #071223 100%) !important;
  border-bottom:1px solid rgba(199,170,133,.22) !important;
}
.site-top-strip-track{
  display:flex !important;
  align-items:center !important;
  gap:42px !important;
  white-space:nowrap !important;
  min-width:max-content !important;
  padding-left:100% !important;
  animation:elclubTicker 20s linear infinite !important;
}
.site-top-strip-track span{
  color:#c7aa85 !important;
  font-family:"Inter","Manrope",Arial,sans-serif !important;
  font-size:12px !important;
  font-weight:800 !important;
  letter-spacing:.06em !important;
  text-transform:uppercase !important;
}
@keyframes elclubTicker{from{transform:translateX(0)}to{transform:translateX(-50%)}}

.site-header.site-header-v124{
  position:sticky !important;
  top:34px !important;
  z-index:260 !important;
  display:block !important;
  padding:0 !important;
  background:rgba(4,7,12,.96) !important;
  backdrop-filter:blur(14px) !important;
  border-bottom:1px solid rgba(255,255,255,.08) !important;
}
.header-main-row{
  width:min(1380px, calc(100% - 40px)) !important;
  margin:0 auto !important;
  padding:14px 0 !important;
  display:grid !important;
  grid-template-columns:auto 1fr auto !important;
  gap:18px !important;
  align-items:center !important;
}
.brand{
  display:flex !important;
  align-items:center !important;
}
.brand img{
  width:148px !important;
  max-width:148px !important;
  display:block !important;
}
.header-search-wrap{
  position:relative !important;
  width:100% !important;
  max-width:720px !important;
  justify-self:center !important;
}
.header-search-wrap input{
  width:100% !important;
  height:52px !important;
  border-radius:16px !important;
  border:1px solid rgba(10,22,48,.18) !important;
  background:#ffffff !important;
  color:#101010 !important;
  padding:0 58px 0 20px !important;
  font-size:16px !important;
  font-weight:600 !important;
  outline:none !important;
  box-shadow:0 14px 40px rgba(0,0,0,.20) !important;
}
.header-search-wrap input::placeholder{color:#7b7b7b !important;}
.header-search-btn{
  position:absolute !important;
  right:8px !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  width:42px !important;
  height:42px !important;
  border-radius:12px !important;
  background:#0b1425 !important;
  color:#ffffff !important;
  font-size:20px !important;
  font-weight:900 !important;
}
.header-actions{
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
}
.site-header.site-header-v124 .cart-btn{
  background:#c7aa85 !important;
  color:#09101b !important;
  padding:13px 18px !important;
  font-size:12px !important;
  font-weight:900 !important;
  letter-spacing:.05em !important;
  border-radius:14px !important;
  text-transform:uppercase !important;
  box-shadow:0 14px 34px rgba(199,170,133,.18) !important;
}
.site-header.site-header-v124 .cart-btn span{
  background:#09101b !important;
  color:#c7aa85 !important;
  padding:4px 8px !important;
}
.site-header.site-header-v124 .top-nav{
  width:min(1380px, calc(100% - 40px)) !important;
  margin:0 auto !important;
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
  flex-wrap:nowrap !important;
  overflow-x:auto !important;
  scrollbar-width:none !important;
  padding:0 0 14px !important;
}
.site-header.site-header-v124 .top-nav::-webkit-scrollbar{display:none !important;}
.site-header.site-header-v124 .top-nav a,
.site-header.site-header-v124 .ideal-main-link{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  white-space:nowrap !important;
  color:#ffffff !important;
  text-decoration:none !important;
  font-size:13px !important;
  font-weight:700 !important;
  letter-spacing:.02em !important;
  text-transform:uppercase !important;
  padding:10px 12px !important;
  border-radius:12px !important;
  border:1px solid transparent !important;
  background:transparent !important;
}
.site-header.site-header-v124 .top-nav a:hover,
.site-header.site-header-v124 .ideal-main-link:hover{
  background:rgba(255,255,255,.06) !important;
  border-color:rgba(199,170,133,.20) !important;
}
.site-header.site-header-v124 .ideal-nav{position:relative !important; display:flex !important; align-items:center !important;}
.site-header.site-header-v124 .ideal-dropdown{
  top:calc(100% + 10px) !important;
  background:rgba(7,10,16,.98) !important;
  border:1px solid rgba(199,170,133,.18) !important;
  box-shadow:0 24px 50px rgba(0,0,0,.35) !important;
}
.site-header.site-header-v124 .ideal-dropdown strong{color:#c7aa85 !important;}
.site-header.site-header-v124 .ideal-dropdown button{color:#f4f4f4 !important;}

/* Limpieza del final: menos palabras */
.lower-feature-zone,
.brand-pro-bottom,
.checkout-preview.premium-service{
  display:none !important;
}
.elclub-final-pro{
  margin-top:10px !important;
  background:radial-gradient(circle at 85% 12%, rgba(199,170,133,.10), transparent 24%), linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,.01)) !important;
}
.final-pro-copy h2{
  font-size:clamp(46px,7vw,88px) !important;
}
.final-pro-copy p{max-width:480px !important;}
.final-pro-points article{min-height:200px !important;}

/* Search in toolbar cleaner */
.controls #searchBox{
  min-width:240px !important;
  border-radius:14px !important;
  background:#ffffff !important;
  color:#101010 !important;
  font-weight:600 !important;
}

@media(max-width:900px){
  .site-top-strip{
    position:fixed !important;
    top:0 !important;
    left:0 !important;
    right:0 !important;
    height:30px !important;
    z-index:400 !important;
  }
  .site-top-strip-track span{font-size:10px !important;}
  .site-header.site-header-v124{
    position:fixed !important;
    top:30px !important;
    left:0 !important;
    right:0 !important;
    z-index:350 !important;
  }
  .header-main-row{
    width:calc(100% - 24px) !important;
    padding:10px 0 8px !important;
    gap:10px !important;
    grid-template-columns:1fr auto auto !important;
    grid-template-areas:
      "brand cart menu"
      "search search search" !important;
  }
  .brand{grid-area:brand !important;}
  .header-search-wrap{grid-area:search !important; max-width:none !important;}
  .header-actions{display:contents !important;}
  .site-header.site-header-v124 .cart-btn{grid-area:cart !important; padding:11px 14px !important; font-size:11px !important;}
  .mobile-menu-toggle{
    grid-area:menu !important;
    display:flex !important;
    width:46px !important;
    height:46px !important;
    border-radius:12px !important;
    align-items:center !important;
    justify-content:center !important;
    background:rgba(255,255,255,.08) !important;
    border:1px solid rgba(255,255,255,.08) !important;
  }
  .mobile-menu-toggle span{background:#ffffff !important; width:18px !important; height:2px !important;}
  .header-search-wrap input{height:46px !important; font-size:15px !important; border-radius:14px !important;}
  .header-search-btn{width:38px !important; height:38px !important; border-radius:11px !important;}
  .site-header.site-header-v124 .top-nav{
    width:100% !important;
    padding:0 12px 12px !important;
  }
  body{padding-top:132px !important;}
  body.mobile-nav-open{overflow:hidden !important;}
  body.mobile-nav-open #mainNav.top-nav{
    position:fixed !important;
    top:132px !important;
    left:12px !important;
    right:12px !important;
    bottom:auto !important;
    max-height:70vh !important;
    padding:16px !important;
    background:rgba(7,10,16,.98) !important;
    border:1px solid rgba(199,170,133,.18) !important;
    border-radius:20px !important;
    box-shadow:0 28px 80px rgba(0,0,0,.45) !important;
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:6px !important;
    overflow-y:auto !important;
  }
  body.mobile-nav-open #mainNav.top-nav a,
  body.mobile-nav-open #mainNav.top-nav .ideal-main-link{
    justify-content:flex-start !important;
    width:100% !important;
    padding:12px 14px !important;
    border-radius:14px !important;
  }
  body.mobile-nav-open #mainNav.top-nav .ideal-nav{display:block !important;}
  body.mobile-nav-open #mainNav.top-nav .ideal-dropdown{display:block !important; position:static !important; margin-top:8px !important;}
}

@media(min-width:901px){
  .mobile-menu-toggle{display:none !important;}
}


/* V125 final polish */
.site-top-strip-track span{color:#ffffff !important; font-weight:700 !important; opacity:.95 !important;}
.site-top-strip{background:linear-gradient(90deg,#08152c 0%, #102344 50%, #0a1730 100%) !important;}
.site-header.site-header-v124 .top-nav a,
.site-header.site-header-v124 .ideal-main-link{font-weight:600 !important; letter-spacing:.015em !important;}
.final-pro-copy span{letter-spacing:.12em !important;}
.final-pro-copy p{font-size:18px !important; color:rgba(255,255,255,.78) !important;}
.final-pro-points article p{max-width:220px !important;}
@media(max-width:900px){
  .final-pro-copy h2{font-size:42px !important; line-height:.95 !important;}
  .final-pro-copy p{font-size:15px !important;}
}


/* =========================================================
   ELCLUB V127 — BARRA ARREGLADA, VERDE Y SIN ERROR
   ========================================================= */
.site-top-strip{
  position:sticky !important;
  top:0 !important;
  z-index:300 !important;
  height:34px !important;
  display:flex !important;
  align-items:center !important;
  overflow:hidden !important;
  background:linear-gradient(90deg,#061006 0%, #13200b 50%, #061006 100%) !important;
  border-bottom:1px solid rgba(199,170,133,.34) !important;
  box-shadow:0 10px 28px rgba(0,0,0,.18) !important;
}

.site-top-strip-track{
  display:flex !important;
  align-items:center !important;
  gap:54px !important;
  white-space:nowrap !important;
  width:max-content !important;
  min-width:max-content !important;
  animation:elclubTickerV127 24s linear infinite !important;
  padding-left:32px !important;
}

.site-top-strip-track span{
  display:inline-flex !important;
  align-items:center !important;
  flex:0 0 auto !important;
  color:#c7aa85 !important;
  font-family:"Manrope","Inter",Arial,sans-serif !important;
  font-size:12px !important;
  font-weight:750 !important;
  letter-spacing:.055em !important;
  text-transform:uppercase !important;
  line-height:1 !important;
}

@keyframes elclubTickerV127{
  from{ transform:translateX(0); }
  to{ transform:translateX(-50%); }
}

@media(max-width:900px){
  .site-top-strip{
    position:fixed !important;
    top:0 !important;
    left:0 !important;
    right:0 !important;
    height:30px !important;
    z-index:400 !important;
  }

  .site-top-strip-track{
    gap:38px !important;
    animation-duration:22s !important;
    padding-left:18px !important;
  }

  .site-top-strip-track span{
    font-size:10px !important;
    letter-spacing:.035em !important;
  }

  .site-header.site-header-v124{
    top:30px !important;
  }

  body{
    padding-top:132px !important;
  }
}




/* V135 — Galería pro producto */
.modal-gallery-wrap{
  display:grid !important;
  grid-template-columns:34px minmax(0,1fr) 34px !important;
  align-items:center !important;
  gap:8px !important;
  margin-top:10px !important;
}
.modal-gallery-thumbs{
  display:flex !important;
  gap:8px !important;
  overflow-x:auto !important;
  padding:4px 2px 8px !important;
  scroll-behavior:smooth !important;
}
.modal-gallery-thumbs button{
  width:62px !important;
  height:62px !important;
  flex:0 0 auto !important;
  border-radius:14px !important;
  border:1px solid rgba(255,255,255,.18) !important;
  background:rgba(255,255,255,.06) !important;
  padding:3px !important;
  cursor:pointer !important;
  opacity:.66 !important;
  transition:opacity .18s ease, border-color .18s ease, transform .18s ease !important;
}
.modal-gallery-thumbs button:hover,
.modal-gallery-thumbs button.active{
  border-color:#c7aa85 !important;
  opacity:1 !important;
  transform:translateY(-1px) !important;
}
.modal-gallery-thumbs img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  border-radius:10px !important;
}
.gallery-arrow{
  width:34px !important;
  height:54px !important;
  border-radius:14px !important;
  border:1px solid rgba(199,170,133,.22) !important;
  background:rgba(199,170,133,.08) !important;
  color:#c7aa85 !important;
  font-size:28px !important;
  line-height:1 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  cursor:pointer !important;
}
#modalImg{
  cursor:grab !important;
}
@media(max-width:760px){
  .modal-gallery-wrap{
    grid-template-columns:30px minmax(0,1fr) 30px !important;
    gap:6px !important;
  }
  .modal-gallery-thumbs button{
    width:54px !important;
    height:54px !important;
  }
  .gallery-arrow{
    width:30px !important;
    height:48px !important;
    font-size:24px !important;
  }
}


/* V148 — Modal fotos mobile completo + flechas visibles */
@media(max-width:760px){
  .product-modal,
  .modal,
  .product-detail-modal{
    align-items:flex-start !important;
    justify-content:center !important;
    overflow-y:auto !important;
    padding:14px 10px !important;
  }

  .product-modal .modal-card,
  .modal .modal-card,
  .product-detail-modal .modal-card,
  .modal-content,
  .product-modal-content{
    width:calc(100vw - 20px) !important;
    max-width:calc(100vw - 20px) !important;
    max-height:none !important;
    overflow:visible !important;
    margin:8px auto 28px !important;
  }

  #modalImg{
    width:100% !important;
    max-width:100% !important;
    height:auto !important;
    max-height:62vh !important;
    object-fit:contain !important;
    object-position:center center !important;
    background:#f7f7f7 !important;
    border-radius:18px !important;
    display:block !important;
    cursor:grab !important;
  }

  .modal-image,
  .product-modal-image,
  .modal-media{
    width:100% !important;
    height:auto !important;
    max-height:none !important;
    overflow:visible !important;
    display:block !important;
  }

  .modal-gallery-wrap{
    grid-template-columns:42px minmax(0,1fr) 42px !important;
    gap:7px !important;
    margin-top:10px !important;
    align-items:center !important;
  }

  .gallery-arrow{
    width:42px !important;
    height:54px !important;
    border-radius:16px !important;
    border:2px solid #c7aa85 !important;
    background:#c7aa85 !important;
    color:#061006 !important;
    font-size:34px !important;
    font-weight:950 !important;
    box-shadow:0 8px 28px rgba(199,170,133,.35) !important;
    opacity:1 !important;
    z-index:5 !important;
  }

  .gallery-arrow:active{
    transform:scale(.96) !important;
  }

  .modal-gallery-thumbs{
    gap:7px !important;
    padding:4px 0 8px !important;
  }

  .modal-gallery-thumbs button{
    width:58px !important;
    height:58px !important;
    border:2px solid rgba(255,255,255,.20) !important;
    opacity:.82 !important;
  }

  .modal-gallery-thumbs button.active{
    border-color:#c7aa85 !important;
    opacity:1 !important;
  }
}

/* Desktop también: flechas más visibles */
.gallery-arrow{
  border:2px solid #c7aa85 !important;
  background:#c7aa85 !important;
  color:#061006 !important;
  font-weight:950 !important;
  opacity:1 !important;
  box-shadow:0 8px 26px rgba(199,170,133,.28) !important;
}

/* Que las imágenes de producto siempre puedan verse completas dentro del modal */
#modalImg{
  object-fit:contain !important;
  object-position:center center !important;
}


/* V149 — Producto mobile completo + foto ampliada */
html, body{
  max-width:100% !important;
  overflow-x:hidden !important;
}

@media(max-width:760px){
  .modal-backdrop,
  .product-modal,
  .modal,
  .product-detail-modal{
    position:fixed !important;
    inset:0 !important;
    width:100vw !important;
    max-width:100vw !important;
    overflow-x:hidden !important;
    overflow-y:auto !important;
    padding:0 !important;
    align-items:flex-start !important;
    justify-content:flex-start !important;
    -webkit-overflow-scrolling:touch !important;
  }

  .modal-card,
  .product-modal .modal-card,
  .modal .modal-card,
  .product-detail-modal .modal-card,
  .modal-content,
  .product-modal-content{
    width:100vw !important;
    max-width:100vw !important;
    min-width:0 !important;
    margin:0 !important;
    border-radius:0 !important;
    overflow-x:hidden !important;
    overflow-y:visible !important;
    box-sizing:border-box !important;
    padding-left:0 !important;
    padding-right:0 !important;
  }

  .modal-grid,
  .product-modal-grid,
  .modal-body,
  .product-detail{
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    overflow-x:hidden !important;
  }

  .modal-image,
  .product-modal-image,
  .modal-media{
    width:100vw !important;
    max-width:100vw !important;
    min-width:0 !important;
    padding:0 !important;
    margin:0 !important;
    overflow:hidden !important;
    border-radius:0 !important;
    background:#f2f2f2 !important;
  }

  #modalImg{
    width:100vw !important;
    max-width:100vw !important;
    height:auto !important;
    max-height:56vh !important;
    object-fit:contain !important;
    object-position:center center !important;
    display:block !important;
    margin:0 auto !important;
    border-radius:0 !important;
    background:#f2f2f2 !important;
    cursor:zoom-in !important;
  }

  .modal-info,
  .product-modal-info,
  .modal-details{
    width:100% !important;
    max-width:100% !important;
    box-sizing:border-box !important;
    padding:24px 24px 120px !important;
    overflow:hidden !important;
  }

  .modal-info h2,
  .product-modal-info h2,
  #modalTitle{
    font-size:clamp(38px, 13vw, 58px) !important;
    line-height:.95 !important;
    word-break:normal !important;
    overflow-wrap:break-word !important;
    max-width:100% !important;
  }

  .modal-gallery-wrap{
    position:relative !important;
    width:100% !important;
    max-width:100% !important;
    grid-template-columns:40px minmax(0,1fr) 40px !important;
    gap:6px !important;
    padding:8px 10px 0 !important;
    box-sizing:border-box !important;
    overflow:hidden !important;
  }

  .gallery-arrow{
    width:40px !important;
    height:54px !important;
    min-width:40px !important;
    border-radius:16px !important;
    border:2px solid #c7aa85 !important;
    background:#c7aa85 !important;
    color:#071007 !important;
    font-size:34px !important;
    font-weight:950 !important;
    opacity:1 !important;
    z-index:10 !important;
    box-shadow:0 10px 30px rgba(199,170,133,.35) !important;
  }

  .modal-gallery-thumbs{
    max-width:100% !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    display:flex !important;
    gap:7px !important;
    padding:4px 0 8px !important;
  }

  .modal-gallery-thumbs button{
    flex:0 0 54px !important;
    width:54px !important;
    height:54px !important;
  }

  .whatsapp-float{
    right:18px !important;
    bottom:84px !important;
    z-index:80 !important;
  }
}

/* Fullscreen image viewer */
.photo-fullscreen{
  position:fixed !important;
  inset:0 !important;
  background:rgba(0,0,0,.96) !important;
  z-index:999999 !important;
  display:none !important;
  align-items:center !important;
  justify-content:center !important;
  padding:54px 14px 34px !important;
  box-sizing:border-box !important;
}
.photo-fullscreen.open{
  display:flex !important;
}
.photo-fullscreen img{
  max-width:100% !important;
  max-height:100% !important;
  object-fit:contain !important;
  border-radius:14px !important;
  box-shadow:0 20px 80px rgba(0,0,0,.5) !important;
}
.photo-fullscreen-close{
  position:absolute !important;
  top:16px !important;
  right:16px !important;
  width:44px !important;
  height:44px !important;
  border-radius:999px !important;
  border:1px solid rgba(255,255,255,.18) !important;
  background:#c7aa85 !important;
  color:#071007 !important;
  font-size:34px !important;
  line-height:1 !important;
  font-weight:900 !important;
  z-index:2 !important;
}
.photo-fullscreen-arrow{
  position:absolute !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  width:48px !important;
  height:62px !important;
  border-radius:18px !important;
  border:2px solid #c7aa85 !important;
  background:#c7aa85 !important;
  color:#071007 !important;
  font-size:42px !important;
  font-weight:950 !important;
  z-index:2 !important;
}
.photo-fullscreen-prev{left:12px !important;}
.photo-fullscreen-next{right:12px !important;}

@media(max-width:760px){
  .photo-fullscreen-arrow{
    width:42px !important;
    height:58px !important;
    font-size:36px !important;
  }
}


/* V150 — Producto mobile compacto + foto ampliada premium */
@media(max-width:760px){
  /* Vista de producto: que entre más contenido en pantalla */
  .modal-backdrop,
  .product-modal,
  .modal,
  .product-detail-modal{
    padding:0 !important;
    overflow-x:hidden !important;
    overflow-y:auto !important;
    -webkit-overflow-scrolling:touch !important;
  }

  .modal-card,
  .product-modal .modal-card,
  .modal .modal-card,
  .product-detail-modal .modal-card,
  .modal-content,
  .product-modal-content{
    width:100vw !important;
    max-width:100vw !important;
    min-height:100dvh !important;
    margin:0 !important;
    border-radius:0 !important;
    overflow-x:hidden !important;
    box-sizing:border-box !important;
  }

  .modal-image,
  .product-modal-image,
  .modal-media{
    height:auto !important;
    max-height:36dvh !important;
    overflow:hidden !important;
    background:linear-gradient(180deg,#f6f6f6,#e8e8e8) !important;
  }

  #modalImg{
    width:100% !important;
    height:36dvh !important;
    max-height:36dvh !important;
    object-fit:contain !important;
    object-position:center center !important;
    background:linear-gradient(180deg,#f7f7f7,#e8e8e8) !important;
    border-radius:0 !important;
  }

  .modal-info,
  .product-modal-info,
  .modal-details{
    padding:18px 20px 96px !important;
    box-sizing:border-box !important;
  }

  .modal-info .brand,
  .product-modal-info .brand,
  #modalBrand{
    font-size:11px !important;
    letter-spacing:.16em !important;
    margin-bottom:6px !important;
  }

  .modal-info h2,
  .product-modal-info h2,
  #modalTitle{
    font-size:clamp(30px, 9.5vw, 42px) !important;
    line-height:.94 !important;
    letter-spacing:-.04em !important;
    margin:0 0 4px !important;
    max-width:100% !important;
    white-space:normal !important;
  }

  #modalVariant,
  .modal-info .variant,
  .product-modal-info .variant{
    font-size:15px !important;
    line-height:1.15 !important;
    margin-bottom:14px !important;
  }

  .size-label,
  .modal-size-title,
  .product-modal-info .size-title{
    font-size:13px !important;
    letter-spacing:.14em !important;
    margin:12px 0 10px !important;
  }

  .size-options,
  .modal-sizes{
    gap:10px !important;
    margin-bottom:14px !important;
  }

  .size-options button,
  .modal-sizes button{
    width:58px !important;
    height:58px !important;
    border-radius:18px !important;
    font-size:17px !important;
  }

  .price-row,
  .price-line,
  .modal-price-row,
  .product-modal-info .price-row{
    min-height:62px !important;
    padding:12px 16px !important;
    border-radius:18px !important;
    margin-bottom:8px !important;
  }

  .price-row .label,
  .price-line .label,
  .modal-price-row .label{
    font-size:12px !important;
    letter-spacing:.08em !important;
  }

  .price-row strong,
  .price-line strong,
  .modal-price-row strong,
  #modalCardPrice,
  #modalInstallment,
  #modalCashPrice{
    font-size:clamp(21px, 6.2vw, 30px) !important;
    line-height:1 !important;
  }

  .modal-gallery-wrap{
    padding:6px 10px 0 !important;
    margin-top:0 !important;
  }

  .modal-gallery-thumbs{
    padding-bottom:4px !important;
  }

  .add-to-cart-modal,
  #modalAddCart,
  .modal-add-cart{
    height:58px !important;
    border-radius:18px !important;
    font-size:16px !important;
    margin-top:10px !important;
  }
}

/* Fullscreen: fondo premium claro y producto completo */
.photo-fullscreen{
  background:
    radial-gradient(circle at 50% 18%, rgba(255,255,255,.18), transparent 32%),
    linear-gradient(180deg, rgba(12,16,18,.98), rgba(0,0,0,.97)) !important;
  padding:58px 12px 38px !important;
}

.photo-fullscreen img{
  max-width:min(94vw, 720px) !important;
  max-height:78dvh !important;
  width:auto !important;
  height:auto !important;
  object-fit:contain !important;
  background:linear-gradient(180deg,#ffffff,#f0f0f0) !important;
  border-radius:22px !important;
  padding:10px !important;
  box-shadow:
    0 28px 90px rgba(0,0,0,.65),
    0 0 0 1px rgba(255,255,255,.18) !important;
}

.photo-fullscreen-close{
  background:#c7aa85 !important;
  color:#071007 !important;
  box-shadow:0 10px 30px rgba(199,170,133,.30) !important;
}

.photo-fullscreen-arrow{
  background:#c7aa85 !important;
  color:#071007 !important;
  border-color:#c7aa85 !important;
  box-shadow:0 10px 34px rgba(199,170,133,.35) !important;
}

@media(max-width:760px){
  .photo-fullscreen{
    padding:64px 10px 46px !important;
  }

  .photo-fullscreen img{
    max-width:92vw !important;
    max-height:74dvh !important;
    padding:8px !important;
    border-radius:20px !important;
  }

  .photo-fullscreen-prev{left:8px !important;}
  .photo-fullscreen-next{right:8px !important;}
}


/* V152 — FIX FUERTE MOBILE: producto sin corte lateral */
@media(max-width:760px){
  html, body{
    width:100% !important;
    max-width:100% !important;
    overflow-x:hidden !important;
  }

  .product-modal,
  .modal,
  .product-detail-modal,
  .modal-backdrop{
    width:100vw !important;
    max-width:100vw !important;
    left:0 !important;
    right:0 !important;
    overflow-x:hidden !important;
    overflow-y:auto !important;
    padding:0 !important;
    box-sizing:border-box !important;
  }

  .modal-card,
  .modal-content,
  .product-modal-content,
  .product-modal .modal-card,
  .product-detail-modal .modal-card{
    width:100vw !important;
    max-width:100vw !important;
    min-width:0 !important;
    margin:0 !important;
    padding:0 !important;
    border-radius:0 !important;
    overflow-x:hidden !important;
    box-sizing:border-box !important;
  }

  .modal-grid,
  .modal-body,
  .product-detail,
  .product-modal-grid{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    display:block !important;
    grid-template-columns:1fr !important;
    overflow-x:hidden !important;
    box-sizing:border-box !important;
  }

  .modal-media,
  .modal-image,
  .product-modal-image{
    width:100vw !important;
    max-width:100vw !important;
    min-width:0 !important;
    height:34dvh !important;
    max-height:34dvh !important;
    margin:0 !important;
    padding:0 !important;
    overflow:hidden !important;
    background:linear-gradient(180deg,#f7f7f7,#ededed) !important;
    box-sizing:border-box !important;
  }

  #modalImg{
    width:100% !important;
    max-width:100% !important;
    height:34dvh !important;
    max-height:34dvh !important;
    object-fit:contain !important;
    object-position:center center !important;
    display:block !important;
    margin:0 auto !important;
    background:linear-gradient(180deg,#f7f7f7,#ededed) !important;
  }

  .modal-info,
  .modal-details,
  .product-modal-info,
  .product-detail-info{
    width:100% !important;
    max-width:100vw !important;
    min-width:0 !important;
    padding:18px 18px 110px !important;
    margin:0 !important;
    overflow-x:hidden !important;
    box-sizing:border-box !important;
  }

  #modalBrand,
  .modal-brand,
  .product-brand{
    display:block !important;
    max-width:100% !important;
    font-size:11px !important;
    line-height:1.1 !important;
    margin-bottom:6px !important;
  }

  #modalTitle,
  .modal-info h2,
  .modal-details h2,
  .product-modal-info h2{
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    font-size:clamp(30px, 9vw, 42px) !important;
    line-height:.96 !important;
    letter-spacing:-.045em !important;
    margin:0 0 4px !important;
    white-space:normal !important;
    word-break:normal !important;
    overflow-wrap:break-word !important;
    box-sizing:border-box !important;
  }

  #modalVariant,
  .modal-variant,
  .product-variant{
    max-width:100% !important;
    font-size:15px !important;
    line-height:1.15 !important;
    margin:0 0 12px !important;
    white-space:normal !important;
  }

  .price-row,
  .price-line,
  .modal-price-row,
  .product-modal-info .price-row,
  .modal-info .price-row{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    height:auto !important;
    min-height:58px !important;
    padding:12px 14px !important;
    margin:0 0 8px !important;
    border-radius:18px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:10px !important;
    box-sizing:border-box !important;
    overflow:hidden !important;
  }

  .price-row span,
  .price-line span,
  .modal-price-row span,
  .price-row .label,
  .price-line .label{
    min-width:0 !important;
    flex:1 1 auto !important;
    white-space:normal !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    font-size:12px !important;
    line-height:1.15 !important;
    letter-spacing:.06em !important;
  }

  .price-row strong,
  .price-line strong,
  .modal-price-row strong,
  #modalCardPrice,
  #modalInstallment,
  #modalCashPrice{
    min-width:0 !important;
    flex:0 1 auto !important;
    max-width:52% !important;
    text-align:right !important;
    white-space:nowrap !important;
    overflow:visible !important;
    font-size:clamp(21px, 6.2vw, 28px) !important;
    line-height:1 !important;
  }

  .size-options,
  .modal-sizes{
    width:100% !important;
    max-width:100% !important;
    display:flex !important;
    flex-wrap:wrap !important;
    gap:10px !important;
    margin:10px 0 14px !important;
  }

  .size-options button,
  .modal-sizes button{
    width:56px !important;
    height:56px !important;
    border-radius:18px !important;
  }

  #modalAddCart,
  .modal-add-cart,
  .add-to-cart-modal{
    width:100% !important;
    max-width:100% !important;
    height:58px !important;
    margin-top:10px !important;
    border-radius:18px !important;
    box-sizing:border-box !important;
  }

  .whatsapp-float{
    right:16px !important;
    bottom:86px !important;
  }
}

/* V152 — fullscreen foto más comercial y limpia */
.photo-fullscreen{
  background:
    radial-gradient(circle at center, rgba(255,255,255,.18), transparent 32%),
    linear-gradient(180deg,#101417,#020202) !important;
}

.photo-fullscreen img{
  background:linear-gradient(180deg,#ffffff,#f2f2f2) !important;
  padding:10px !important;
  border-radius:22px !important;
  max-width:92vw !important;
  max-height:76dvh !important;
  object-fit:contain !important;
}


/* V153 — Producto mobile: imagen completa visible y sin esconder la punta */
@media(max-width:760px){
  .modal-media,
  .modal-image,
  .product-modal-image{
    height:42dvh !important;
    max-height:42dvh !important;
    min-height:260px !important;
    padding:10px 0 8px !important;
    background:linear-gradient(180deg,#f8f8f8,#eeeeee) !important;
    overflow:hidden !important;
    box-sizing:border-box !important;
  }

  #modalImg{
    width:100% !important;
    height:calc(42dvh - 18px) !important;
    max-height:calc(42dvh - 18px) !important;
    min-height:242px !important;
    object-fit:contain !important;
    object-position:center center !important;
    transform:none !important;
    display:block !important;
    margin:0 auto !important;
    padding:0 !important;
    background:linear-gradient(180deg,#f8f8f8,#eeeeee) !important;
  }

  .modal-info,
  .modal-details,
  .product-modal-info,
  .product-detail-info{
    padding-top:16px !important;
  }

  #modalTitle,
  .modal-info h2,
  .modal-details h2,
  .product-modal-info h2{
    font-size:clamp(29px, 8.4vw, 39px) !important;
    line-height:.97 !important;
  }

  .price-row,
  .price-line,
  .modal-price-row,
  .product-modal-info .price-row,
  .modal-info .price-row{
    min-height:54px !important;
    padding:10px 13px !important;
    margin-bottom:7px !important;
  }

  .price-row strong,
  .price-line strong,
  .modal-price-row strong,
  #modalCardPrice,
  #modalInstallment,
  #modalCashPrice{
    font-size:clamp(20px, 5.7vw, 26px) !important;
    max-width:50% !important;
  }

  #modalAddCart,
  .modal-add-cart,
  .add-to-cart-modal{
    height:54px !important;
  }
}

/* En pantallas muy bajas, ajusta sin cortar la paleta */
@media(max-width:760px) and (max-height:760px){
  .modal-media,
  .modal-image,
  .product-modal-image{
    height:38dvh !important;
    max-height:38dvh !important;
    min-height:230px !important;
  }

  #modalImg{
    height:calc(38dvh - 18px) !important;
    max-height:calc(38dvh - 18px) !important;
    min-height:212px !important;
  }
}


/* V154 — FINAL mobile: paleta completa en detalle de producto */
@media(max-width:760px){
  /* El contenedor de imagen queda más alto y limpio */
  .modal-media,
  .modal-image,
  .product-modal-image{
    width:100vw !important;
    max-width:100vw !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    padding:12px 0 10px !important;
    margin:0 !important;
    overflow:visible !important;
    background:linear-gradient(180deg,#f8f8f8,#eeeeee) !important;
    box-sizing:border-box !important;
  }

  /* La imagen no se recorta: altura automática + límite razonable */
  #modalImg{
    width:100% !important;
    max-width:100% !important;
    height:auto !important;
    min-height:0 !important;
    max-height:46dvh !important;
    object-fit:contain !important;
    object-position:center center !important;
    display:block !important;
    margin:0 auto !important;
    padding:0 !important;
    transform:none !important;
    background:linear-gradient(180deg,#f8f8f8,#eeeeee) !important;
  }

  /* Para paletas altas: que se achiquen completas, no que se corten */
  .modal-media img,
  .modal-image img,
  .product-modal-image img{
    object-fit:contain !important;
    object-position:center center !important;
    transform:none !important;
  }

  /* Si alguna regla anterior fuerza alto fijo, esta lo corrige */
  .modal-grid > *,
  .modal-body > *,
  .product-detail > *{
    min-width:0 !important;
    max-width:100% !important;
  }

  /* Compensa el header fijo al abrir el producto */
  .modal-card,
  .modal-content,
  .product-modal-content{
    scroll-margin-top:150px !important;
  }

  /* Mantener info compacta */
  .modal-info,
  .modal-details,
  .product-modal-info,
  .product-detail-info{
    padding:16px 18px 108px !important;
  }

  #modalTitle,
  .modal-info h2,
  .modal-details h2,
  .product-modal-info h2{
    font-size:clamp(29px, 8.2vw, 39px) !important;
    line-height:.96 !important;
  }
}

/* En celulares bajos, la paleta sigue completa con menos alto */
@media(max-width:760px) and (max-height:720px){
  #modalImg{
    max-height:42dvh !important;
  }
}


/* V155 — descripción y foto completa premium */
.modal-description{
  margin:10px 0 14px !important;
  color:rgba(255,255,255,.74) !important;
  font-size:15px !important;
  line-height:1.45 !important;
  max-width:620px !important;
}

@media(max-width:760px){
  .modal-description{
    font-size:13.5px !important;
    line-height:1.38 !important;
    margin:8px 0 12px !important;
    color:rgba(255,255,255,.78) !important;
  }

  /* Detalle del producto: mostrar la paleta completa sin cortar */
  #productModal .modal-img{
    width:100vw !important;
    height:auto !important;
    min-height:260px !important;
    max-height:none !important;
    overflow:visible !important;
    padding:12px 0 !important;
    background:linear-gradient(180deg,#f7f7f7,#eeeeee) !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
  }

  #productModal #modalImg{
    display:block !important;
    width:auto !important;
    height:auto !important;
    max-width:96vw !important;
    max-height:44dvh !important;
    object-fit:contain !important;
    object-position:center center !important;
    margin:0 auto !important;
    transform:none !important;
  }

  #productModal .modal-info{
    padding-top:14px !important;
  }
}

/* Foto ampliada: fondo claro, producto completo, calidad visual */
.photo-fullscreen{
  background:
    radial-gradient(circle at 50% 20%, rgba(199,170,133,.10), transparent 28%),
    linear-gradient(180deg,#060806,#000) !important;
}

.photo-fullscreen img{
  width:auto !important;
  height:auto !important;
  max-width:94vw !important;
  max-height:78dvh !important;
  object-fit:contain !important;
  object-position:center center !important;
  background:linear-gradient(180deg,#ffffff,#f4f4f4) !important;
  border-radius:22px !important;
  padding:14px !important;
  box-shadow:0 28px 90px rgba(0,0,0,.68), 0 0 0 1px rgba(255,255,255,.20) !important;
}

@media(max-width:760px){
  .photo-fullscreen img{
    max-width:92vw !important;
    max-height:76dvh !important;
    padding:10px !important;
    border-radius:20px !important;
  }
}


/* V156 — imagen producto completa + descripción técnica tipo ficha */
#productModal .modal-card{
  overflow:auto !important;
}

#productModal .modal-img{
  overflow:visible !important;
  background:#fff !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}

#productModal #modalImg{
  object-fit:contain !important;
  object-position:center center !important;
  transform:none !important;
  display:block !important;
}

.modal-tech-description{
  margin:16px 0 16px !important;
  color:rgba(255,255,255,.78) !important;
  font-size:14px !important;
  line-height:1.45 !important;
}

.modal-tech-description h4{
  margin:0 0 8px !important;
  color:#fff !important;
  font-size:18px !important;
  line-height:1.1 !important;
  letter-spacing:-.02em !important;
}

.modal-tech-description h5{
  margin:12px 0 8px !important;
  color:#c7aa85 !important;
  font-size:13px !important;
  text-transform:uppercase !important;
  letter-spacing:.08em !important;
}

.modal-tech-description p{
  margin:0 0 10px !important;
}

.modal-tech-description ul{
  list-style:none !important;
  padding:0 !important;
  margin:0 !important;
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:6px 14px !important;
}

.modal-tech-description li{
  color:rgba(255,255,255,.72) !important;
}

.modal-tech-description b{
  color:#fff !important;
}

/* Desktop: imagen completa sin recorte dentro del modal */
@media(min-width:761px){
  #productModal .modal-img{
    min-height:0 !important;
    height:auto !important;
    max-height:none !important;
    padding:34px !important;
    box-sizing:border-box !important;
  }

  #productModal #modalImg{
    width:auto !important;
    height:auto !important;
    max-width:100% !important;
    max-height:70vh !important;
  }
}

/* Mobile: no recortar la punta ni la base */
@media(max-width:760px){
  #productModal{
    align-items:flex-start !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
  }

  #productModal .modal-card{
    width:100vw !important;
    max-width:100vw !important;
    border-radius:0 !important;
    display:block !important;
    overflow-x:hidden !important;
  }

  #productModal .modal-img{
    width:100vw !important;
    min-height:0 !important;
    height:auto !important;
    max-height:none !important;
    padding:14px 0 !important;
    box-sizing:border-box !important;
  }

  #productModal #modalImg{
    width:auto !important;
    height:auto !important;
    max-width:96vw !important;
    max-height:48dvh !important;
    object-fit:contain !important;
  }

  #productModal .modal-info{
    padding:16px 18px 110px !important;
  }

  .modal-tech-description{
    font-size:13px !important;
    line-height:1.36 !important;
    margin:12px 0 12px !important;
    max-height:none !important;
  }

  .modal-tech-description h4{
    font-size:17px !important;
  }

  .modal-tech-description ul{
    grid-template-columns:1fr !important;
    gap:5px !important;
  }

  #modalDescription{
    display:none !important;
  }
}

/* Pantallas muy bajas */
@media(max-width:760px) and (max-height:740px){
  #productModal #modalImg{
    max-height:44dvh !important;
  }
}


/* ================= ELCLUB V173 — SECCIÓN MARCAS ================= */
.brand-strip-section {
  position: relative;
  margin: 34px auto 28px;
  padding: 0 22px;
  max-width: 1240px;
}

.brand-strip-inner {
  border: 1px solid rgba(174, 255, 0, .20);
  border-radius: 30px;
  padding: 34px 34px 30px;
  background:
    radial-gradient(circle at 20% 0%, rgba(174, 255, 0, .10), transparent 34%),
    linear-gradient(135deg, rgba(255,255,255,.075), rgba(255,255,255,.025));
  box-shadow: 0 24px 70px rgba(0,0,0,.38);
  overflow: hidden;
}

.brand-strip-inner .eyebrow {
  color: #b8ff00;
  text-transform: uppercase;
  letter-spacing: .20em;
  font-weight: 900;
  margin: 0 0 8px;
}

.brand-strip-inner h2 {
  margin: 0 0 28px;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: .04em;
  color: rgba(255,255,255,.92);
  font-size: clamp(30px, 4vw, 54px);
  line-height: .95;
}

.brand-carousel {
  position: relative;
  display: grid;
  grid-template-columns: 46px minmax(0, 1fr) 46px;
  align-items: center;
  gap: 18px;
}

.brand-track {
  display: flex;
  align-items: center;
  gap: 28px;
  overflow-x: auto;
  scroll-behavior: smooth;
  scrollbar-width: none;
  padding: 4px 2px 12px;
  -webkit-overflow-scrolling: touch;
}

.brand-track::-webkit-scrollbar {
  display: none;
}

.brand-logo-card {
  flex: 0 0 150px;
  height: 74px;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 22px;
  background: rgba(255,255,255,.92);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 14px 18px;
  cursor: pointer;
  transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease;
  box-shadow: 0 10px 28px rgba(0,0,0,.22);
}

.brand-logo-card:hover {
  transform: translateY(-3px);
  border-color: rgba(174,255,0,.65);
  box-shadow: 0 16px 34px rgba(174,255,0,.13);
}

.brand-logo-card img {
  max-width: 100%;
  max-height: 46px;
  object-fit: contain;
  filter: grayscale(1) contrast(1.06);
  opacity: .76;
  transition: filter .22s ease, opacity .22s ease, transform .22s ease;
}

.brand-logo-card:hover img {
  filter: grayscale(0) contrast(1.02);
  opacity: 1;
  transform: scale(1.04);
}

.brand-arrow {
  width: 46px;
  height: 46px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.18);
  background: rgba(255,255,255,.08);
  color: #b8ff00;
  font-size: 34px;
  font-weight: 800;
  line-height: 1;
  cursor: pointer;
  display: grid;
  place-items: center;
  transition: background .2s ease, transform .2s ease;
}

.brand-arrow:hover {
  background: rgba(174,255,0,.18);
  transform: scale(1.05);
}

@media (max-width: 760px) {
  .brand-strip-section {
    margin: 24px auto 20px;
    padding: 0 14px;
  }

  .brand-strip-inner {
    border-radius: 24px;
    padding: 26px 16px 22px;
  }

  .brand-strip-inner h2 {
    text-align: left;
    font-size: 34px;
    margin-bottom: 20px;
  }

  .brand-carousel {
    grid-template-columns: 36px minmax(0, 1fr) 36px;
    gap: 8px;
  }

  .brand-arrow {
    width: 36px;
    height: 36px;
    font-size: 28px;
  }

  .brand-logo-card {
    flex-basis: 122px;
    height: 62px;
    border-radius: 18px;
    padding: 10px 14px;
  }

  .brand-logo-card img {
    max-height: 38px;
  }
}



/* ================= ELCLUB V174 — MARCAS ARRIBA DEL SELECTOR ================= */
.brand-strip-section {
  margin: 18px auto 24px !important;
  padding: 0 22px !important;
  max-width: 1240px !important;
}

.brand-strip-inner {
  padding: 22px 28px 20px !important;
  border-radius: 24px !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(174,255,0,.10), transparent 36%),
    linear-gradient(135deg, rgba(255,255,255,.060), rgba(255,255,255,.020)) !important;
}

.brand-strip-inner .eyebrow {
  display: none !important;
}

.brand-strip-inner h2 {
  font-size: clamp(26px, 3vw, 42px) !important;
  margin: 0 0 18px !important;
  text-align: center !important;
  color: rgba(255,255,255,.88) !important;
}

.brand-carousel {
  grid-template-columns: 40px minmax(0, 1fr) 40px !important;
  gap: 14px !important;
}

.brand-track {
  justify-content: flex-start !important;
  gap: 22px !important;
  padding-bottom: 6px !important;
}

.brand-logo-card {
  flex: 0 0 132px !important;
  height: 58px !important;
  border-radius: 18px !important;
  padding: 10px 16px !important;
}

.brand-logo-card img {
  max-height: 34px !important;
}

.brand-arrow {
  width: 40px !important;
  height: 40px !important;
  font-size: 30px !important;
}

@media (max-width: 760px) {
  .brand-strip-section {
    margin: 14px auto 18px !important;
    padding: 0 14px !important;
  }
  .brand-strip-inner {
    padding: 20px 14px 16px !important;
    border-radius: 22px !important;
  }
  .brand-strip-inner h2 {
    font-size: 28px !important;
    text-align: left !important;
    margin-bottom: 14px !important;
  }
  .brand-carousel {
    grid-template-columns: 34px minmax(0, 1fr) 34px !important;
    gap: 8px !important;
  }
  .brand-logo-card {
    flex-basis: 110px !important;
    height: 54px !important;
  }
}



/* ================= ELCLUB V175 — FIX LOGOS MARCAS VISIBLES ================= */
.brand-strip-section {
  margin: 18px auto 24px !important;
  padding: 0 22px !important;
  max-width: 1240px !important;
  position: relative !important;
  z-index: 2 !important;
}

.brand-strip-inner {
  padding: 22px 28px 20px !important;
  border-radius: 24px !important;
  border: 1px solid rgba(174,255,0,.22) !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(174,255,0,.10), transparent 36%),
    linear-gradient(135deg, rgba(255,255,255,.070), rgba(255,255,255,.025)) !important;
  box-shadow: 0 24px 70px rgba(0,0,0,.34) !important;
}

.brand-strip-inner .eyebrow {
  display: none !important;
}

.brand-strip-inner h2 {
  font-size: clamp(26px, 3vw, 42px) !important;
  margin: 0 0 18px !important;
  text-align: center !important;
  color: rgba(255,255,255,.92) !important;
  text-transform: uppercase !important;
  letter-spacing: .05em !important;
}

.brand-carousel {
  display: grid !important;
  grid-template-columns: 40px minmax(0, 1fr) 40px !important;
  align-items: center !important;
  gap: 14px !important;
}

.brand-track {
  display: flex !important;
  align-items: center !important;
  gap: 22px !important;
  overflow-x: auto !important;
  scroll-behavior: smooth !important;
  scrollbar-width: none !important;
  padding: 4px 2px 8px !important;
  -webkit-overflow-scrolling: touch !important;
}

.brand-track::-webkit-scrollbar {
  display: none !important;
}

.brand-logo-card {
  flex: 0 0 132px !important;
  height: 58px !important;
  border-radius: 18px !important;
  border: 1px solid rgba(255,255,255,.16) !important;
  background: #ffffff !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 9px 14px !important;
  cursor: pointer !important;
  box-shadow: 0 10px 28px rgba(0,0,0,.22) !important;
}

.brand-logo-card img {
  display: block !important;
  width: auto !important;
  height: auto !important;
  max-width: 112px !important;
  max-height: 38px !important;
  object-fit: contain !important;
  opacity: 1 !important;
  visibility: visible !important;
  filter: none !important;
  mix-blend-mode: normal !important;
}

.brand-arrow {
  width: 40px !important;
  height: 40px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255,255,255,.18) !important;
  background: rgba(255,255,255,.08) !important;
  color: #b8ff00 !important;
  font-size: 30px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  cursor: pointer !important;
  display: grid !important;
  place-items: center !important;
}

@media (max-width: 760px) {
  .brand-strip-section {
    margin: 14px auto 18px !important;
    padding: 0 14px !important;
  }
  .brand-strip-inner {
    padding: 20px 14px 16px !important;
    border-radius: 22px !important;
  }
  .brand-strip-inner h2 {
    font-size: 28px !important;
    text-align: left !important;
    margin-bottom: 14px !important;
  }
  .brand-carousel {
    grid-template-columns: 34px minmax(0, 1fr) 34px !important;
    gap: 8px !important;
  }
  .brand-arrow {
    width: 34px !important;
    height: 34px !important;
    font-size: 26px !important;
  }
  .brand-logo-card {
    flex: 0 0 110px !important;
    height: 54px !important;
    border-radius: 16px !important;
    padding: 8px 12px !important;
  }
  .brand-logo-card img {
    max-width: 92px !important;
    max-height: 34px !important;
  }
}



/* ================= ELCLUB V176 — SELECTOR PALTA IDEAL PRO ================= */
.brand-strip-section {
  display: none !important;
}

.ideal-selector-pro {
  margin-top: 28px !important;
  position: relative !important;
  z-index: 3 !important;
}

.ideal-selector-pro .ideal-selector-inner {
  border: 1px solid rgba(184,255,0,.40) !important;
  border-radius: 34px !important;
  background:
    radial-gradient(circle at 18% 0%, rgba(184,255,0,.18), transparent 34%),
    linear-gradient(135deg, rgba(255,255,255,.09), rgba(255,255,255,.03)) !important;
  box-shadow: 0 30px 90px rgba(0,0,0,.46), 0 0 0 1px rgba(255,255,255,.035) inset !important;
  overflow: hidden !important;
}

.ideal-selector-pro .ideal-selector-copy .eyebrow {
  color: #b8ff00 !important;
  font-weight: 1000 !important;
  letter-spacing: .22em !important;
}

.ideal-selector-pro .ideal-selector-copy h2 {
  text-shadow: 0 0 32px rgba(184,255,0,.16) !important;
}

.ideal-selector-pro .ideal-selector-copy p {
  max-width: 780px !important;
  color: rgba(255,255,255,.86) !important;
  font-size: clamp(15px, 1.35vw, 19px) !important;
}

.ideal-level-tabs {
  background: rgba(255,255,255,.07) !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  padding: 8px !important;
  border-radius: 999px !important;
  gap: 8px !important;
}

.ideal-level-tabs button {
  min-height: 50px !important;
  border-radius: 999px !important;
  font-weight: 1000 !important;
  letter-spacing: .08em !important;
}

.ideal-level-tabs button.active {
  background: linear-gradient(135deg, #b8ff00, #8fe900) !important;
  color: #061008 !important;
  box-shadow: 0 14px 34px rgba(184,255,0,.24) !important;
}

.ideal-panel.active {
  border: 1px solid rgba(184,255,0,.24) !important;
  background: rgba(0,0,0,.22) !important;
  border-radius: 28px !important;
  padding: 18px !important;
}

.ideal-panel-copy strong {
  color: #ffffff !important;
  font-size: clamp(20px, 2vw, 28px) !important;
}

.ideal-panel-copy span {
  color: rgba(255,255,255,.74) !important;
}

.ideal-style-grid button {
  border: 1px solid rgba(255,255,255,.16) !important;
  background:
    linear-gradient(135deg, rgba(255,255,255,.11), rgba(255,255,255,.04)) !important;
  border-radius: 24px !important;
  min-height: 92px !important;
  padding: 18px !important;
  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease !important;
}

.ideal-style-grid button:hover,
.ideal-style-grid button:focus-visible {
  transform: translateY(-2px) !important;
  border-color: rgba(184,255,0,.75) !important;
  box-shadow: 0 18px 42px rgba(184,255,0,.15) !important;
  outline: none !important;
}

.ideal-style-grid button b {
  color: #b8ff00 !important;
  font-size: 17px !important;
  text-transform: uppercase !important;
  letter-spacing: .08em !important;
}

.ideal-style-grid button span {
  color: rgba(255,255,255,.84) !important;
  font-weight: 800 !important;
}

@media (max-width: 760px) {
  .ideal-selector-pro {
    margin-top: 20px !important;
  }

  .ideal-selector-pro .ideal-selector-inner {
    border-radius: 26px !important;
  }

  .ideal-level-tabs {
    border-radius: 24px !important;
    flex-direction: column !important;
  }

  .ideal-level-tabs button {
    width: 100% !important;
    min-height: 48px !important;
  }

  .ideal-panel.active {
    padding: 14px !important;
    border-radius: 22px !important;
  }

  .ideal-style-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  .ideal-style-grid button {
    min-height: 74px !important;
  }
}



/* ================= ELCLUB V178 — SELECTOR SIN REPETIR ================= */
.ideal-selector-pro .ideal-selector-copy p {
  color: rgba(255,255,255,.90) !important;
}

.ideal-style-grid button b::after {
  content: "  →";
  color: #fff;
  opacity: .85;
}



/* ================= ELCLUB V179 — DESCRIPCIONES BREVES + SELECTOR CLARO ================= */
.product-detail-description,
.product-description,
.modal-description {
  max-width: 720px !important;
  line-height: 1.35 !important;
}

.modal-product-copy p,
.product-detail-copy p {
  font-size: clamp(15px, 1.25vw, 17px) !important;
  color: rgba(255,255,255,.82) !important;
}

.ideal-selector-pro .ideal-selector-copy h2 {
  letter-spacing: -0.02em !important;
}

.ideal-selector-pro .ideal-selector-copy p {
  font-weight: 800 !important;
}

.ideal-style-grid button span {
  display: block !important;
  margin-top: 4px !important;
  opacity: .92 !important;
}



/* ================= ELCLUB V180 — SELECTOR PALTA IDEAL PREMIUM ================= */
.ideal-selector-pro {
  margin-top: 34px !important;
  margin-bottom: 34px !important;
  padding: 0 18px !important;
}

.ideal-selector-pro .ideal-selector-inner {
  position: relative !important;
  border-radius: 38px !important;
  border: 1px solid rgba(184,255,0,.44) !important;
  background:
    radial-gradient(circle at 20% 12%, rgba(184,255,0,.22), transparent 28%),
    radial-gradient(circle at 88% 8%, rgba(255,255,255,.10), transparent 26%),
    linear-gradient(135deg, rgba(20,26,22,.92), rgba(4,7,8,.96) 58%, rgba(0,0,0,.98)) !important;
  box-shadow:
    0 34px 100px rgba(0,0,0,.58),
    0 0 0 1px rgba(255,255,255,.045) inset,
    0 0 55px rgba(184,255,0,.09) !important;
  overflow: hidden !important;
}

.ideal-selector-pro .ideal-selector-inner::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  background:
    linear-gradient(115deg, transparent 0%, rgba(255,255,255,.075) 28%, transparent 45%),
    radial-gradient(circle at 50% 105%, rgba(184,255,0,.13), transparent 35%) !important;
  opacity: .9 !important;
}

.ideal-selector-pro .ideal-selector-inner::after {
  content: "" !important;
  position: absolute !important;
  left: 26px !important;
  right: 26px !important;
  top: 26px !important;
  height: 1px !important;
  background: linear-gradient(90deg, transparent, rgba(184,255,0,.70), rgba(255,255,255,.18), transparent) !important;
  pointer-events: none !important;
}

.ideal-selector-pro .ideal-selector-copy {
  position: relative !important;
  z-index: 1 !important;
}

.ideal-selector-pro .ideal-selector-copy .eyebrow {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  width: fit-content !important;
  padding: 8px 12px !important;
  border: 1px solid rgba(184,255,0,.28) !important;
  border-radius: 999px !important;
  background: rgba(184,255,0,.075) !important;
  color: #b8ff00 !important;
  font-size: 12px !important;
  font-weight: 1000 !important;
  letter-spacing: .20em !important;
  text-transform: uppercase !important;
}

.ideal-selector-pro .ideal-selector-copy .eyebrow::before {
  content: "●" !important;
  font-size: 10px !important;
  color: #b8ff00 !important;
  filter: drop-shadow(0 0 8px rgba(184,255,0,.65)) !important;
}

.ideal-selector-pro .ideal-selector-copy h2 {
  max-width: 850px !important;
  margin-top: 18px !important;
  margin-bottom: 14px !important;
  color: #fff !important;
  letter-spacing: -.055em !important;
  line-height: .88 !important;
  text-shadow: 0 0 42px rgba(184,255,0,.14), 0 16px 40px rgba(0,0,0,.58) !important;
}

.ideal-selector-pro .ideal-selector-copy p {
  max-width: 720px !important;
  color: rgba(255,255,255,.82) !important;
  font-size: clamp(15px, 1.3vw, 18px) !important;
  line-height: 1.45 !important;
  font-weight: 750 !important;
}

.ideal-premium-hints {
  position: relative !important;
  z-index: 1 !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  margin: 18px 0 22px !important;
}

.ideal-premium-hints span {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 34px !important;
  padding: 8px 12px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  background: rgba(255,255,255,.065) !important;
  color: rgba(255,255,255,.82) !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  letter-spacing: .03em !important;
}

.ideal-level-tabs {
  position: relative !important;
  z-index: 1 !important;
  background: rgba(255,255,255,.07) !important;
  border: 1px solid rgba(255,255,255,.14) !important;
  border-radius: 999px !important;
  padding: 7px !important;
  backdrop-filter: blur(14px) !important;
  box-shadow: 0 18px 45px rgba(0,0,0,.26) inset !important;
}

.ideal-level-tabs button {
  min-height: 52px !important;
  border-radius: 999px !important;
  color: rgba(255,255,255,.74) !important;
  background: transparent !important;
  border: 0 !important;
  font-weight: 1000 !important;
  letter-spacing: .085em !important;
  transition: transform .18s ease, color .18s ease, background .18s ease, box-shadow .18s ease !important;
}

.ideal-level-tabs button.active {
  color: #071008 !important;
  background: linear-gradient(135deg, #d7ff38 0%, #b8ff00 45%, #7cdf00 100%) !important;
  box-shadow: 0 12px 34px rgba(184,255,0,.30), 0 0 0 1px rgba(255,255,255,.30) inset !important;
}

.ideal-level-tabs button:not(.active):hover {
  color: #fff !important;
  background: rgba(255,255,255,.08) !important;
}

.ideal-panel {
  position: relative !important;
  z-index: 1 !important;
}

.ideal-panel.active {
  margin-top: 16px !important;
  border-radius: 30px !important;
  padding: 20px !important;
  border: 1px solid rgba(184,255,0,.22) !important;
  background:
    linear-gradient(135deg, rgba(255,255,255,.085), rgba(255,255,255,.025)),
    rgba(0,0,0,.20) !important;
  box-shadow: 0 20px 55px rgba(0,0,0,.28) !important;
}

.ideal-panel-copy strong {
  display: block !important;
  color: #fff !important;
  font-size: clamp(22px, 2vw, 30px) !important;
  letter-spacing: -.025em !important;
  margin-bottom: 4px !important;
}

.ideal-panel-copy span {
  color: rgba(255,255,255,.70) !important;
  font-weight: 750 !important;
}

.ideal-style-grid {
  gap: 14px !important;
}

.ideal-style-grid button {
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;
  min-height: 112px !important;
  border-radius: 28px !important;
  border: 1px solid rgba(255,255,255,.14) !important;
  background:
    radial-gradient(circle at 85% 20%, rgba(184,255,0,.16), transparent 34%),
    linear-gradient(135deg, rgba(255,255,255,.105), rgba(255,255,255,.035)) !important;
  box-shadow: 0 18px 46px rgba(0,0,0,.24), 0 0 0 1px rgba(255,255,255,.025) inset !important;
  padding: 20px !important;
  text-align: left !important;
}

.ideal-style-grid button::before {
  content: "" !important;
  position: absolute !important;
  inset: auto 18px 16px 18px !important;
  height: 2px !important;
  border-radius: 999px !important;
  background: linear-gradient(90deg, #b8ff00, transparent) !important;
  opacity: .5 !important;
}

.ideal-style-grid button:hover,
.ideal-style-grid button:focus-visible {
  transform: translateY(-4px) !important;
  border-color: rgba(184,255,0,.72) !important;
  box-shadow: 0 24px 58px rgba(184,255,0,.13), 0 24px 55px rgba(0,0,0,.34) !important;
  outline: none !important;
}

.ideal-style-grid button b {
  display: block !important;
  color: #b8ff00 !important;
  font-size: 15px !important;
  font-weight: 1000 !important;
  letter-spacing: .11em !important;
  text-transform: uppercase !important;
  margin-bottom: 8px !important;
}

.ideal-style-grid button span {
  display: block !important;
  color: rgba(255,255,255,.88) !important;
  font-size: 15px !important;
  line-height: 1.3 !important;
  font-weight: 850 !important;
  padding-right: 22px !important;
}

.ideal-style-grid button span::after {
  content: "→" !important;
  position: absolute !important;
  right: 18px !important;
  bottom: 21px !important;
  width: 30px !important;
  height: 30px !important;
  border-radius: 999px !important;
  display: grid !important;
  place-items: center !important;
  background: rgba(184,255,0,.12) !important;
  color: #b8ff00 !important;
  border: 1px solid rgba(184,255,0,.28) !important;
}

@media (max-width: 760px) {
  .ideal-selector-pro {
    margin-top: 22px !important;
    margin-bottom: 26px !important;
    padding: 0 12px !important;
  }

  .ideal-selector-pro .ideal-selector-inner {
    border-radius: 28px !important;
  }

  .ideal-selector-pro .ideal-selector-inner::after {
    left: 18px !important;
    right: 18px !important;
    top: 20px !important;
  }

  .ideal-selector-pro .ideal-selector-copy h2 {
    font-size: clamp(38px, 10vw, 54px) !important;
  }

  .ideal-premium-hints {
    gap: 8px !important;
    margin: 14px 0 18px !important;
  }

  .ideal-premium-hints span {
    font-size: 11px !important;
    min-height: 30px !important;
    padding: 7px 10px !important;
  }

  .ideal-level-tabs {
    border-radius: 24px !important;
    padding: 7px !important;
  }

  .ideal-level-tabs button {
    min-height: 48px !important;
  }

  .ideal-panel.active {
    border-radius: 24px !important;
    padding: 14px !important;
  }

  .ideal-style-grid {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  .ideal-style-grid button {
    min-height: 86px !important;
    border-radius: 22px !important;
    padding: 16px !important;
  }
}



/* ================= ELCLUB V181 — SELECTOR PREMIUM LIMPIO ================= */
.ideal-premium-hints {
  display: none !important;
}

.ideal-style-grid button b::after,
.ideal-style-grid button span::after {
  content: none !important;
  display: none !important;
}

.ideal-style-grid button::before {
  opacity: .32 !important;
}

.ideal-style-grid button span {
  padding-right: 0 !important;
}

.ideal-selector-pro .ideal-selector-copy p {
  max-width: 620px !important;
  font-size: clamp(14px, 1.15vw, 16px) !important;
  line-height: 1.35 !important;
  font-weight: 700 !important;
}

.ideal-style-grid button {
  min-height: 92px !important;
}

@media (max-width: 760px) {
  .ideal-selector-pro .ideal-selector-copy p {
    font-size: 14px !important;
  }

  .ideal-style-grid button {
    min-height: 76px !important;
  }
}




/* ================= ELCLUB V182 — HEADER STICKY EN COMPUTADORA ================= */
/* En computadora queda fija la parte de logo + buscador + carrito al bajar */
@media (min-width: 761px) {
  header,
  .site-header,
  .main-header,
  .elclub-header,
  .header,
  .navbar {
    position: sticky !important;
    top: 0 !important;
    z-index: 99999 !important;
  }

  /* Mantiene visible la barra principal con logo, búsqueda y carrito */
  .header-main,
  .header-top,
  .topbar-main,
  .brand-row,
  .search-row,
  .desktop-header-row,
  .elclub-header > .container,
  header > .container,
  header .header-inner {
    position: relative !important;
    z-index: 100000 !important;
  }

  /* Fondo más sólido al scrollear para que no se pierda con productos */
  header::before,
  .site-header::before,
  .main-header::before,
  .elclub-header::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    background: rgba(2, 4, 4, .94) !important;
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
    border-bottom: 1px solid rgba(184,255,0,.14) !important;
    pointer-events: none !important;
    z-index: -1 !important;
  }

  /* Evita que el carrito quede tapado */
  #openCart,
  .cart-btn,
  header button[id*="cart" i],
  header .cart {
    position: relative !important;
    z-index: 100002 !important;
  }

  /* Buscador visible y limpio */
  #searchBox,
  header input[type="search"],
  header .search input {
    position: relative !important;
    z-index: 100002 !important;
  }
}




/* ================= ELCLUB V183 — HEADER FIJO REAL COMPUTADORA ================= */
/* Corrección: sticky no estaba alcanzando. En escritorio queda fixed real. */
@media (min-width: 761px) {
  body {
    padding-top: var(--desktop-header-offset, 148px) !important;
  }

  header,
  .site-header,
  .main-header,
  .elclub-header,
  .header,
  .navbar {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    z-index: 999999 !important;
    background: rgba(2, 4, 4, .96) !important;
    backdrop-filter: blur(18px) !important;
    -webkit-backdrop-filter: blur(18px) !important;
    border-bottom: 1px solid rgba(184,255,0,.14) !important;
    box-shadow: 0 16px 45px rgba(0,0,0,.38) !important;
  }

  header *,
  .site-header *,
  .main-header *,
  .elclub-header * {
    position: relative;
  }

  /* Asegura que el logo, buscador y carrito queden siempre por encima */
  .brand,
  .logo,
  .site-logo,
  .brand-mark,
  .search-wrap,
  .search-box,
  #searchBox,
  #openCart,
  .cart-btn {
    z-index: 1000001 !important;
  }

  /* Evita que anclas como #catalogo queden escondidas abajo del header fijo */
  #catalogo,
  #mobileIdeal,
  #inicio,
  .toolbar,
  .product-grid {
    scroll-margin-top: 170px !important;
  }
}




/* ================= ELCLUB V184 — HEADER DESKTOP FIJO DEFINITIVO ================= */
/* Selector exacto del header real: <header class="site-header site-header-v124"> */
@media (min-width: 761px) {
  html.elclub-desktop-header-fixed,
  body.elclub-desktop-header-fixed {
    overflow-x: hidden !important;
  }

  body.elclub-desktop-header-fixed {
    padding-top: var(--elclub-header-height, 150px) !important;
  }

  .site-header.site-header-v124.elclub-fixed-desktop-header {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100vw !important;
    max-width: 100vw !important;
    z-index: 2147483000 !important;
    transform: translate3d(0,0,0) !important;
    will-change: transform !important;
    background: rgba(3, 5, 5, .97) !important;
    backdrop-filter: blur(18px) !important;
    -webkit-backdrop-filter: blur(18px) !important;
    border-bottom: 1px solid rgba(184,255,0,.16) !important;
    box-shadow: 0 18px 48px rgba(0,0,0,.42) !important;
  }

  .site-header.site-header-v124.elclub-fixed-desktop-header .header-main-row,
  .site-header.site-header-v124.elclub-fixed-desktop-header .top-nav {
    position: relative !important;
    z-index: 2147483001 !important;
  }

  #inicio,
  #catalogo,
  #mobileIdeal,
  .toolbar,
  .product-grid {
    scroll-margin-top: calc(var(--elclub-header-height, 150px) + 24px) !important;
  }
}


/* ================= ELCLUB V187 — STOCK / DESTACADOS / ADMIN ================= */
.product-card[data-status="stock"] .preorder-badge {
  background: rgba(184,255,0,.92) !important;
  color: #071000 !important;
}

.soldout-badge {
  background: rgba(255,255,255,.92) !important;
  color: #111 !important;
}

.product-card:has(.preorder-badge) {
  border-color: rgba(184,255,0,.22) !important;
}

.cart-action[onclick*="consultSoldOutProduct"] {
  background: #fff !important;
  color: #111 !important;
}


/* ================= ELCLUB V188 — SIN CARTEL ÚLTIMAS UNIDADES ================= */
/* Se mantiene la lógica de stock, pero no se muestra la etiqueta "ÚLTIMAS X U." */



/* ================= ELCLUB V190 — BENEFICIOS ARRIBA DE BÚSQUEDA ================= */
.header-benefits-bar {
  width: 100% !important;
  background: rgba(184,255,0,.095) !important;
  border-bottom: 1px solid rgba(184,255,0,.16) !important;
  overflow: hidden !important;
  position: relative !important;
  z-index: 1000002 !important;
}

.header-benefits-track {
  min-height: 34px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: clamp(18px, 4vw, 56px) !important;
  padding: 6px 18px !important;
  color: rgba(255,255,255,.92) !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  letter-spacing: .02em !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}

.header-benefits-track span {
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;
}

.header-benefits-track b {
  color: #b8ff00 !important;
  font-size: 15px !important;
  line-height: 1 !important;
}

@media (max-width: 760px) {
  .header-benefits-bar {
    order: -2 !important;
  }

  .header-benefits-track {
    justify-content: flex-start !important;
    gap: 34px !important;
    min-height: 32px !important;
    width: max-content !important;
    animation: elclubBenefitsMove 18s linear infinite !important;
    font-size: 11px !important;
    padding: 6px 14px !important;
  }

  .header-benefits-track::after {
    content: "📦 Envío a todo el país   💳 Pago seguro   ⚡ 20% de descuento en efectivo/transferencia" !important;
    display: inline-block !important;
    padding-left: 34px !important;
  }

  @keyframes elclubBenefitsMove {
    from { transform: translateX(0); }
    to { transform: translateX(-50%); }
  }
}



/* ================= ELCLUB V191 — BENEFICIOS SIEMPRE ARRIBA DEL BUSCADOR ================= */
/* Fuerza orden real dentro del header: beneficios primero, después logo/buscador/carrito */
.site-header.site-header-v124 {
  display: flex !important;
  flex-direction: column !important;
}

.site-header.site-header-v124 > .header-benefits-bar {
  order: -999 !important;
  display: block !important;
  width: 100% !important;
  position: relative !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  margin: 0 !important;
  z-index: 2147483003 !important;
}

.site-header.site-header-v124 > .header-main-row {
  order: 0 !important;
}

.site-header.site-header-v124 > .top-nav {
  order: 1 !important;
}

/* Si el header está fixed por el programa anterior, la barra también queda arriba */
.site-header.site-header-v124.elclub-fixed-desktop-header > .header-benefits-bar {
  order: -999 !important;
}

/* Evita que otra barra antigua tape o se confunda con esta */
.header-benefits-bar + .header-main-row {
  margin-top: 0 !important;
}

@media (min-width: 761px) {
  .site-header.site-header-v124 {
    display: flex !important;
    flex-direction: column !important;
  }
  .header-benefits-track {
    min-height: 32px !important;
    padding: 5px 18px !important;
  }
}

@media (max-width: 760px) {
  .site-header.site-header-v124 {
    display: flex !important;
    flex-direction: column !important;
  }
  .site-header.site-header-v124 > .header-benefits-bar {
    order: -999 !important;
  }
}



/* ================= ELCLUB V193 — BENEFICIOS ÚNICOS ARRIBA ================= */
/* Deja una sola barra de beneficios: arriba de logo/buscador/carrito. */
.site-top-strip,
.site-top-strip-track,
.top-benefits,
.benefits-ticker,
.promo-ticker,
.benefits-bar:not(.header-benefits-bar) {
  display: none !important;
}

.site-header.site-header-v124 {
  display: flex !important;
  flex-direction: column !important;
}

.site-header.site-header-v124 > .header-benefits-bar {
  order: -999 !important;
  display: block !important;
  width: 100% !important;
  overflow: hidden !important;
  position: relative !important;
  margin: 0 !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  z-index: 2147483003 !important;
  background: rgba(184,255,0,.10) !important;
  border-bottom: 1px solid rgba(184,255,0,.16) !important;
}

.site-header.site-header-v124 > .header-main-row {
  order: 0 !important;
}

.site-header.site-header-v124 > .top-nav {
  order: 1 !important;
}

.header-benefits-track {
  width: max-content !important;
  min-height: 32px !important;
  display: flex !important;
  align-items: center !important;
  gap: 52px !important;
  padding: 6px 24px !important;
  white-space: nowrap !important;
  color: rgba(255,255,255,.94) !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  letter-spacing: .04em !important;
  text-transform: uppercase !important;
  animation: elclubBenefitsMarquee 24s linear infinite !important;
}

.header-benefits-track span {
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;
}

.header-benefits-track b {
  color: #b8ff00 !important;
  font-size: 14px !important;
  line-height: 1 !important;
}

@keyframes elclubBenefitsMarquee {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}

@media (min-width: 761px) {
  .header-benefits-track {
    animation-duration: 30s !important;
  }
}

@media (max-width: 760px) {
  .header-benefits-track {
    min-height: 31px !important;
    gap: 38px !important;
    padding: 6px 14px !important;
    font-size: 11px !important;
    animation-duration: 18s !important;
  }
}



/* ================= ELCLUB V194 — POR QUÉ ELEGIRNOS ================= */
.marketing-impact-section {
  display: none !important;
}

.why-choose-section {
  width: 100% !important;
  padding: clamp(58px, 7vw, 96px) 18px !important;
  background:
    radial-gradient(circle at 20% 12%, rgba(184,255,0,.10), transparent 28%),
    radial-gradient(circle at 85% 18%, rgba(255,255,255,.06), transparent 22%),
    linear-gradient(180deg, rgba(8,10,9,.98), rgba(16,18,14,.98)) !important;
  border-top: 1px solid rgba(184,255,0,.10) !important;
  border-bottom: 1px solid rgba(184,255,0,.10) !important;
}

.why-choose-inner {
  max-width: 1240px !important;
  margin: 0 auto !important;
  text-align: center !important;
}

.why-eyebrow {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 0 12px !important;
  padding: 7px 12px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(184,255,0,.22) !important;
  background: rgba(184,255,0,.08) !important;
  color: #b8ff00 !important;
  font-size: 12px !important;
  font-weight: 1000 !important;
  letter-spacing: .18em !important;
  text-transform: uppercase !important;
}

.why-choose-section h2 {
  margin: 0 0 clamp(24px, 4vw, 42px) !important;
  color: #fff !important;
  font-size: clamp(38px, 5vw, 72px) !important;
  line-height: .92 !important;
  letter-spacing: -.055em !important;
  text-transform: uppercase !important;
  text-shadow: 0 18px 44px rgba(0,0,0,.45), 0 0 42px rgba(184,255,0,.08) !important;
}

.why-choose-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 22px !important;
  align-items: stretch !important;
}

.why-choose-grid article {
  min-height: 178px !important;
  padding: 30px 28px !important;
  border-radius: 26px !important;
  border: 1px solid rgba(184,255,0,.26) !important;
  background:
    radial-gradient(circle at 20% 0%, rgba(184,255,0,.08), transparent 34%),
    linear-gradient(145deg, rgba(255,255,255,.085), rgba(255,255,255,.025)) !important;
  box-shadow: 0 24px 70px rgba(0,0,0,.30), inset 0 0 0 1px rgba(255,255,255,.025) !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
}

.why-pill {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: fit-content !important;
  padding: 8px 16px !important;
  border-radius: 12px !important;
  background: #b8ff00 !important;
  color: #071000 !important;
  font-size: clamp(18px, 1.8vw, 25px) !important;
  font-weight: 1000 !important;
  letter-spacing: -.02em !important;
  margin-bottom: 16px !important;
  box-shadow: 0 12px 28px rgba(184,255,0,.22) !important;
}

.why-choose-grid p {
  margin: 0 !important;
  max-width: 340px !important;
  color: rgba(255,255,255,.82) !important;
  font-size: 15px !important;
  line-height: 1.42 !important;
  font-weight: 650 !important;
}

.why-cta {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-top: 32px !important;
  min-height: 48px !important;
  padding: 0 30px !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.95) !important;
  color: #071000 !important;
  text-decoration: none !important;
  font-size: 13px !important;
  font-weight: 1000 !important;
  letter-spacing: .06em !important;
  text-transform: uppercase !important;
  box-shadow: 0 18px 46px rgba(0,0,0,.35) !important;
}

.why-cta:hover {
  background: #b8ff00 !important;
}

@media (max-width: 900px) {
  .why-choose-grid {
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }

  .why-choose-grid article {
    min-height: 150px !important;
    padding: 24px 20px !important;
  }
}

@media (max-width: 760px) {
  .why-choose-section {
    padding: 44px 14px !important;
  }

  .why-choose-section h2 {
    font-size: clamp(34px, 10vw, 50px) !important;
  }

  .why-pill {
    font-size: 19px !important;
  }

  .why-choose-grid p {
    font-size: 14px !important;
  }
}



/* ================= ELCLUB V195 — BENEFICIOS UNO POR UNO + NO STICKY AL SCROLL ================= */

/* Oculta visual viejo de 01/02/03 si quedara en cache o duplicado */
.marketing-impact-section,
.marketing-impact-grid,
.marketing-impact-copy {
  display: none !important;
}

/* Barra de beneficios: una frase por vez */
.site-header.site-header-v124 > .header-benefits-bar {
  order: -999 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-height: 34px !important;
  max-height: 38px !important;
  overflow: hidden !important;
  background: rgba(184,255,0,.10) !important;
  border-bottom: 1px solid rgba(184,255,0,.16) !important;
  transition: max-height .22s ease, opacity .18s ease, border-color .18s ease !important;
}

.header-benefits-track {
  display: none !important;
}

.header-benefit-single {
  min-height: 34px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  padding: 6px 16px !important;
  color: rgba(255,255,255,.96) !important;
  font-size: 12px !important;
  font-weight: 1000 !important;
  letter-spacing: .045em !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
  transform: translateY(0) !important;
  opacity: 1 !important;
}

.header-benefit-single.is-changing {
  animation: elclubBenefitSwitch .34s ease both !important;
}

@keyframes elclubBenefitSwitch {
  0% { transform: translateY(0); opacity: 1; }
  45% { transform: translateY(-120%); opacity: 0; }
  46% { transform: translateY(120%); opacity: 0; }
  100% { transform: translateY(0); opacity: 1; }
}

/* Cuando scrolleás, la barra de beneficios se va; queda solo logo, búsqueda, carrito y categorías. */
body.elclub-benefits-hidden .site-header.site-header-v124 > .header-benefits-bar {
  max-height: 0 !important;
  min-height: 0 !important;
  opacity: 0 !important;
  border-bottom-color: transparent !important;
}

/* Ajuste de la sección Por qué elegirnos: queda como bloque inferior, limpio */
.why-choose-section {
  margin-top: clamp(22px, 3vw, 42px) !important;
}

@media (max-width: 760px) {
  .header-benefit-single {
    font-size: 11px !important;
    min-height: 32px !important;
  }
  .site-header.site-header-v124 > .header-benefits-bar {
    min-height: 32px !important;
    max-height: 34px !important;
  }
  body.elclub-benefits-hidden .site-header.site-header-v124 > .header-benefits-bar {
    max-height: 0 !important;
    min-height: 0 !important;
  }
}



/* ================= ELCLUB V196 — WHY FIX + BENEFICIOS CON FLECHAS ================= */
.marketing-impact-section,
.marketing-impact-grid,
.marketing-impact-copy {
  display: none !important;
}

.site-header.site-header-v124 > .header-benefits-bar {
  order: -999 !important;
  display: grid !important;
  grid-template-columns: 34px minmax(0, 1fr) 34px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 4px !important;
  width: 100% !important;
  min-height: 36px !important;
  max-height: 40px !important;
  overflow: hidden !important;
  background: rgba(184,255,0,.10) !important;
  border-bottom: 1px solid rgba(184,255,0,.16) !important;
  transition: max-height .22s ease, opacity .18s ease, border-color .18s ease !important;
}

.header-benefit-single {
  min-height: 36px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  padding: 6px 8px !important;
  color: rgba(255,255,255,.96) !important;
  font-size: 12px !important;
  font-weight: 1000 !important;
  letter-spacing: .045em !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
  transform: translateY(0) !important;
  opacity: 1 !important;
  text-align: center !important;
}

.benefit-arrow {
  width: 28px !important;
  height: 28px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(184,255,0,.22) !important;
  background: rgba(255,255,255,.07) !important;
  color: #b8ff00 !important;
  display: grid !important;
  place-items: center !important;
  font-size: 22px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  cursor: pointer !important;
  padding: 0 !important;
}

.benefit-arrow:hover {
  background: rgba(184,255,0,.18) !important;
}

.header-benefit-single.is-changing {
  animation: elclubBenefitSwitch .36s ease both !important;
}

body.elclub-benefits-hidden .site-header.site-header-v124 > .header-benefits-bar {
  max-height: 0 !important;
  min-height: 0 !important;
  opacity: 0 !important;
  border-bottom-color: transparent !important;
}

.why-choose-section {
  width: 100% !important;
  padding: clamp(56px, 7vw, 92px) 18px !important;
  margin: 0 !important;
  background:
    radial-gradient(circle at 20% 12%, rgba(184,255,0,.10), transparent 28%),
    radial-gradient(circle at 85% 18%, rgba(255,255,255,.06), transparent 22%),
    linear-gradient(180deg, rgba(8,10,9,.98), rgba(16,18,14,.98)) !important;
  border-top: 1px solid rgba(184,255,0,.10) !important;
  border-bottom: 1px solid rgba(184,255,0,.10) !important;
}

@media (max-width: 760px) {
  .site-header.site-header-v124 > .header-benefits-bar {
    grid-template-columns: 30px minmax(0, 1fr) 30px !important;
    min-height: 34px !important;
    max-height: 36px !important;
  }

  .header-benefit-single {
    font-size: 10.5px !important;
    letter-spacing: .025em !important;
    min-height: 34px !important;
  }

  .benefit-arrow {
    width: 25px !important;
    height: 25px !important;
    font-size: 20px !important;
  }

  body.elclub-benefits-hidden .site-header.site-header-v124 > .header-benefits-bar {
    max-height: 0 !important;
    min-height: 0 !important;
  }
}



/* ================= ELCLUB V197 — WHY ABAJO + BENEFICIOS HORIZONTAL ================= */

/* Sacar visual viejo definitivamente */
.marketing-impact-section,
.marketing-impact-grid,
.marketing-impact-copy,
.trust-bar,
.drop-zone.premium-collections {
  display: none !important;
}

/* Por qué elegirnos: ahora va abajo del selector y antes del catálogo */
.why-choose-section {
  display: block !important;
  width: 100% !important;
  padding: clamp(56px, 7vw, 92px) 18px !important;
  margin: clamp(26px, 4vw, 54px) 0 0 !important;
  background:
    radial-gradient(circle at 20% 12%, rgba(184,255,0,.10), transparent 28%),
    radial-gradient(circle at 85% 18%, rgba(255,255,255,.06), transparent 22%),
    linear-gradient(180deg, rgba(8,10,9,.98), rgba(16,18,14,.98)) !important;
  border-top: 1px solid rgba(184,255,0,.10) !important;
  border-bottom: 1px solid rgba(184,255,0,.10) !important;
  position: relative !important;
  z-index: 1 !important;
}

/* Barra superior: flechas + texto moviéndose de costado */
.site-header.site-header-v124 > .header-benefits-bar {
  order: -999 !important;
  display: grid !important;
  grid-template-columns: 34px minmax(0, 1fr) 34px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 4px !important;
  width: 100% !important;
  min-height: 36px !important;
  max-height: 40px !important;
  overflow: hidden !important;
  background: rgba(184,255,0,.10) !important;
  border-bottom: 1px solid rgba(184,255,0,.16) !important;
  transition: max-height .22s ease, opacity .18s ease, border-color .18s ease !important;
}

.header-benefit-viewport {
  width: 100% !important;
  overflow: hidden !important;
  min-height: 36px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.header-benefit-single {
  min-height: 36px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  padding: 6px 8px !important;
  color: rgba(255,255,255,.96) !important;
  font-size: 12px !important;
  font-weight: 1000 !important;
  letter-spacing: .045em !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
  transform: translateX(0) !important;
  opacity: 1 !important;
  text-align: center !important;
}

.header-benefit-single.is-changing-next {
  animation: elclubBenefitSwitchNext .38s ease both !important;
}

.header-benefit-single.is-changing-prev {
  animation: elclubBenefitSwitchPrev .38s ease both !important;
}

@keyframes elclubBenefitSwitchNext {
  0% { transform: translateX(0); opacity: 1; }
  45% { transform: translateX(-120%); opacity: 0; }
  46% { transform: translateX(120%); opacity: 0; }
  100% { transform: translateX(0); opacity: 1; }
}

@keyframes elclubBenefitSwitchPrev {
  0% { transform: translateX(0); opacity: 1; }
  45% { transform: translateX(120%); opacity: 0; }
  46% { transform: translateX(-120%); opacity: 0; }
  100% { transform: translateX(0); opacity: 1; }
}

.benefit-arrow {
  width: 28px !important;
  height: 28px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(184,255,0,.22) !important;
  background: rgba(255,255,255,.07) !important;
  color: #b8ff00 !important;
  display: grid !important;
  place-items: center !important;
  font-size: 22px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  cursor: pointer !important;
  padding: 0 !important;
}

.benefit-arrow:hover {
  background: rgba(184,255,0,.18) !important;
}

body.elclub-benefits-hidden .site-header.site-header-v124 > .header-benefits-bar {
  max-height: 0 !important;
  min-height: 0 !important;
  opacity: 0 !important;
  border-bottom-color: transparent !important;
}

@media (max-width: 760px) {
  .site-header.site-header-v124 > .header-benefits-bar {
    grid-template-columns: 30px minmax(0, 1fr) 30px !important;
    min-height: 34px !important;
    max-height: 36px !important;
  }

  .header-benefit-single {
    font-size: 10.5px !important;
    letter-spacing: .025em !important;
    min-height: 34px !important;
  }

  .header-benefit-viewport {
    min-height: 34px !important;
  }

  .benefit-arrow {
    width: 25px !important;
    height: 25px !important;
    font-size: 20px !important;
  }

  body.elclub-benefits-hidden .site-header.site-header-v124 > .header-benefits-bar {
    max-height: 0 !important;
    min-height: 0 !important;
  }
}



/* ================= ELCLUB V198 — POR QUÉ ELEGIRNOS EN LUGAR CORRECTO ================= */

/* Sección vieja eliminada/oculta por seguridad */
.elclub-final-pro,
.final-pro-inner,
.final-pro-copy,
.final-pro-points,
.marketing-impact-section,
.trust-bar,
.drop-zone.premium-collections {
  display: none !important;
}

/* Solo se muestra la nueva sección */
.why-choose-section {
  display: block !important;
  width: 100% !important;
  padding: clamp(56px, 7vw, 92px) 18px !important;
  margin: clamp(42px, 6vw, 78px) 0 0 !important;
  background:
    radial-gradient(circle at 20% 12%, rgba(184,255,0,.10), transparent 28%),
    radial-gradient(circle at 85% 18%, rgba(255,255,255,.06), transparent 22%),
    linear-gradient(180deg, rgba(8,10,9,.98), rgba(16,18,14,.98)) !important;
  border-top: 1px solid rgba(184,255,0,.10) !important;
  border-bottom: 1px solid rgba(184,255,0,.10) !important;
  position: relative !important;
  z-index: 1 !important;
}



/* ================= ELCLUB V203 — PRODUCTO DESKTOP MÁS AMPLIO ================= */
/* En computadora el detalle de producto ocupa más pantalla, respira más y no corta el nombre. */
@media (min-width: 900px) {
  .product-modal,
  .product-modal.open,
  .product-detail-modal,
  .product-detail-modal.open,
  .product-overlay,
  .product-overlay.open {
    align-items: center !important;
    justify-content: center !important;
  }

  .product-modal-card,
  .product-detail-card,
  .product-view,
  .product-detail-view,
  .product-page-card,
  .modal-product-card {
    width: min(96vw, 1480px) !important;
    max-width: min(96vw, 1480px) !important;
    min-height: min(84vh, 860px) !important;
    max-height: 88vh !important;
    display: grid !important;
    grid-template-columns: minmax(520px, 1.12fr) minmax(430px, .88fr) !important;
    gap: clamp(28px, 3vw, 56px) !important;
    padding: clamp(24px, 2.8vw, 42px) !important;
    overflow: hidden !important;
  }

  .product-modal-image,
  .product-detail-image,
  .product-gallery,
  .product-image-wrap,
  .product-detail-media,
  .modal-product-media {
    min-height: 70vh !important;
    height: 100% !important;
    max-height: 78vh !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
  }

  .product-modal-image img,
  .product-detail-image img,
  .product-gallery img,
  .product-image-wrap img,
  .product-detail-media img,
  .modal-product-media img {
    width: 100% !important;
    height: 100% !important;
    max-height: 76vh !important;
    object-fit: contain !important;
    object-position: center center !important;
  }

  .product-modal-info,
  .product-detail-info,
  .product-info,
  .product-detail-content,
  .modal-product-info {
    min-width: 0 !important;
    max-height: 78vh !important;
    overflow-y: auto !important;
    padding-right: 10px !important;
  }

  .product-modal-info h1,
  .product-detail-info h1,
  .product-info h1,
  .product-detail-content h1,
  .modal-product-info h1,
  .product-title,
  .detail-title {
    font-size: clamp(42px, 4.2vw, 72px) !important;
    line-height: .92 !important;
    letter-spacing: -.055em !important;
    margin: 0 0 10px !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: unset !important;
    max-width: 100% !important;
    word-break: normal !important;
    overflow-wrap: anywhere !important;
  }

  .product-modal-info .product-description,
  .product-detail-info .product-description,
  .product-info .product-description,
  .product-detail-content .product-description,
  .modal-product-info .product-description,
  .product-lead,
  .detail-description {
    font-size: 16px !important;
    line-height: 1.42 !important;
    margin: 16px 0 20px !important;
  }

  .product-specs,
  .specs-grid,
  .product-features,
  .detail-specs {
    gap: 10px 24px !important;
    margin-top: 14px !important;
  }

  .price-box,
  .product-price-row,
  .detail-price-row,
  .modal-price-row {
    min-height: 58px !important;
    padding: 13px 18px !important;
  }
}

/* Pantallas medianas: también evita que el título quede cortado. */
@media (min-width: 761px) and (max-width: 1190px) {
  .product-modal-card,
  .product-detail-card,
  .product-view,
  .product-detail-view,
  .product-page-card,
  .modal-product-card {
    grid-template-columns: 1fr 1fr !important;
    width: 97vw !important;
    max-width: 97vw !important;
    gap: 24px !important;
  }

  .product-modal-info h1,
  .product-detail-info h1,
  .product-info h1,
  .product-detail-content h1,
  .modal-product-info h1,
  .product-title,
  .detail-title {
    font-size: clamp(34px, 4.4vw, 52px) !important;
  }
}



/* ================= ELCLUB V204 — DETALLE PRODUCTO SIN CORTES ================= */
/* Desktop: el modal baja un poco, no queda debajo del header, muestra nombre completo y deja visible pagar/agregar. */
@media (min-width: 900px) {
  .product-modal.open,
  .product-detail-modal.open,
  .product-overlay.open,
  .modal-overlay.open {
    align-items: flex-start !important;
    justify-content: center !important;
    padding-top: 112px !important;
    padding-bottom: 28px !important;
    overflow-y: auto !important;
  }

  .product-modal-card,
  .product-detail-card,
  .product-view,
  .product-detail-view,
  .product-page-card,
  .modal-product-card {
    width: min(94vw, 1320px) !important;
    max-width: min(94vw, 1320px) !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: calc(100vh - 150px) !important;
    display: grid !important;
    grid-template-columns: minmax(500px, 1fr) minmax(420px, .82fr) !important;
    gap: 24px !important;
    padding: 18px !important;
    overflow: hidden !important;
    margin: 0 auto !important;
  }

  .product-modal-image,
  .product-detail-image,
  .product-gallery,
  .product-image-wrap,
  .product-detail-media,
  .modal-product-media {
    min-height: 0 !important;
    height: calc(100vh - 190px) !important;
    max-height: 680px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
  }

  .product-modal-image img,
  .product-detail-image img,
  .product-gallery img,
  .product-image-wrap img,
  .product-detail-media img,
  .modal-product-media img {
    width: 100% !important;
    height: 100% !important;
    max-height: 660px !important;
    object-fit: contain !important;
    object-position: center center !important;
  }

  .product-modal-info,
  .product-detail-info,
  .product-info,
  .product-detail-content,
  .modal-product-info {
    min-width: 0 !important;
    height: calc(100vh - 190px) !important;
    max-height: 680px !important;
    overflow-y: auto !important;
    padding: 0 12px 12px 0 !important;
    scrollbar-width: thin !important;
  }

  .product-modal-info h1,
  .product-detail-info h1,
  .product-info h1,
  .product-detail-content h1,
  .modal-product-info h1,
  .product-title,
  .detail-title {
    display: block !important;
    font-size: clamp(34px, 3vw, 52px) !important;
    line-height: .96 !important;
    letter-spacing: -.045em !important;
    margin: 0 0 8px !important;
    padding-top: 0 !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: unset !important;
    max-width: 100% !important;
    word-break: normal !important;
    overflow-wrap: anywhere !important;
  }

  .product-modal-info p,
  .product-detail-info p,
  .product-info p,
  .product-detail-content p,
  .modal-product-info p {
    font-size: 14px !important;
    line-height: 1.35 !important;
  }

  .product-modal-info h2,
  .product-detail-info h2,
  .product-info h2,
  .product-detail-content h2,
  .modal-product-info h2 {
    font-size: 19px !important;
    line-height: 1.05 !important;
    margin: 12px 0 8px !important;
  }

  .product-specs,
  .specs-grid,
  .product-features,
  .detail-specs {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 7px 18px !important;
    margin: 8px 0 12px !important;
    font-size: 12px !important;
    line-height: 1.18 !important;
  }

  .price-box,
  .product-price-row,
  .detail-price-row,
  .modal-price-row,
  .price-row {
    min-height: 46px !important;
    padding: 9px 14px !important;
    margin: 7px 0 !important;
  }

  .product-actions,
  .detail-actions,
  .modal-product-actions {
    display: flex !important;
    gap: 10px !important;
    margin-top: 10px !important;
    padding-bottom: 4px !important;
  }

  .product-actions button,
  .detail-actions button,
  .modal-product-actions button,
  .add-to-cart-detail,
  .consult-whatsapp-detail {
    min-height: 46px !important;
  }
}

/* Notebooks chicos como MacBook Air: más compacto todavía para que se vea el botón de pagar/agregar. */
@media (min-width: 900px) and (max-height: 820px) {
  .product-modal.open,
  .product-detail-modal.open,
  .product-overlay.open,
  .modal-overlay.open {
    padding-top: 94px !important;
  }

  .product-modal-card,
  .product-detail-card,
  .product-view,
  .product-detail-view,
  .product-page-card,
  .modal-product-card {
    max-height: calc(100vh - 118px) !important;
    padding: 14px !important;
    gap: 18px !important;
    grid-template-columns: minmax(470px, 1fr) minmax(395px, .80fr) !important;
  }

  .product-modal-image,
  .product-detail-image,
  .product-gallery,
  .product-image-wrap,
  .product-detail-media,
  .modal-product-media,
  .product-modal-info,
  .product-detail-info,
  .product-info,
  .product-detail-content,
  .modal-product-info {
    height: calc(100vh - 150px) !important;
    max-height: 610px !important;
  }

  .product-modal-image img,
  .product-detail-image img,
  .product-gallery img,
  .product-image-wrap img,
  .product-detail-media img,
  .modal-product-media img {
    max-height: 590px !important;
  }

  .product-modal-info h1,
  .product-detail-info h1,
  .product-info h1,
  .product-detail-content h1,
  .modal-product-info h1,
  .product-title,
  .detail-title {
    font-size: clamp(29px, 2.65vw, 42px) !important;
    line-height: .98 !important;
  }

  .product-modal-info p,
  .product-detail-info p,
  .product-info p,
  .product-detail-content p,
  .modal-product-info p {
    font-size: 12.5px !important;
    line-height: 1.28 !important;
  }

  .product-specs,
  .specs-grid,
  .product-features,
  .detail-specs {
    gap: 5px 14px !important;
    font-size: 11.3px !important;
  }

  .price-box,
  .product-price-row,
  .detail-price-row,
  .modal-price-row,
  .price-row {
    min-height: 40px !important;
    padding: 7px 12px !important;
    margin: 5px 0 !important;
  }
}



/* ================= ELCLUB V205 — CUADRO INFO MÁS ANCHO Y MENOS LARGO ================= */
/* En desktop, el cuadro de información del producto gana ancho para que entre mejor el título. */
@media (min-width: 900px) {
  .product-modal-card,
  .product-detail-card,
  .product-view,
  .product-detail-view,
  .product-page-card,
  .modal-product-card {
    width: min(97vw, 1540px) !important;
    max-width: min(97vw, 1540px) !important;
    grid-template-columns: minmax(440px, .86fr) minmax(560px, 1.14fr) !important;
    gap: clamp(18px, 2.2vw, 34px) !important;
  }

  .product-modal-info,
  .product-detail-info,
  .product-info,
  .product-detail-content,
  .modal-product-info {
    width: 100% !important;
    min-width: 560px !important;
  }

  .product-modal-info h1,
  .product-detail-info h1,
  .product-info h1,
  .product-detail-content h1,
  .modal-product-info h1,
  .product-title,
  .detail-title {
    font-size: clamp(34px, 3.35vw, 58px) !important;
    line-height: .96 !important;
    letter-spacing: -.048em !important;
    max-width: none !important;
    white-space: normal !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
  }

  .product-modal-image,
  .product-detail-image,
  .product-gallery,
  .product-image-wrap,
  .product-detail-media,
  .modal-product-media {
    max-width: 100% !important;
  }

  .product-specs,
  .specs-grid,
  .product-features,
  .detail-specs {
    grid-template-columns: repeat(2, minmax(190px, 1fr)) !important;
  }
}

/* MacBook / notebooks: mantiene la info más ancha pero compacta para que no desaparezcan botones. */
@media (min-width: 900px) and (max-width: 1250px) {
  .product-modal-card,
  .product-detail-card,
  .product-view,
  .product-detail-view,
  .product-page-card,
  .modal-product-card {
    width: 98vw !important;
    max-width: 98vw !important;
    grid-template-columns: minmax(390px, .82fr) minmax(500px, 1.18fr) !important;
    gap: 16px !important;
    padding: 12px !important;
  }

  .product-modal-info,
  .product-detail-info,
  .product-info,
  .product-detail-content,
  .modal-product-info {
    min-width: 500px !important;
  }

  .product-modal-info h1,
  .product-detail-info h1,
  .product-info h1,
  .product-detail-content h1,
  .modal-product-info h1,
  .product-title,
  .detail-title {
    font-size: clamp(30px, 3.25vw, 46px) !important;
    line-height: .98 !important;
  }
}

/* Altura baja: menos largo, más ancho, contenido scrolleable en la derecha. */
@media (min-width: 900px) and (max-height: 820px) {
  .product-modal-card,
  .product-detail-card,
  .product-view,
  .product-detail-view,
  .product-page-card,
  .modal-product-card {
    max-height: calc(100vh - 120px) !important;
  }

  .product-modal-info,
  .product-detail-info,
  .product-info,
  .product-detail-content,
  .modal-product-info {
    overflow-y: auto !important;
  }
}



/* ================= ELCLUB V206 — FIX BOTONES Y CARRITO SIN CORTES ================= */
/* Corrige texto corrido en AGREGAR AL CARRITO y productos cortados dentro del carrito. */

/* Botones generales: texto centrado, sin correrse ni cortarse */
button,
.btn,
.add-to-cart,
.add-to-cart-btn,
.card-add,
.product-card button,
.product-actions button,
.detail-actions button,
.modal-product-actions button,
.add-to-cart-detail,
.consult-whatsapp-detail,
.checkout-btn,
.cart-checkout-btn {
  box-sizing: border-box !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  text-align: center !important;
  white-space: normal !important;
  line-height: 1.12 !important;
  overflow: visible !important;
  text-overflow: unset !important;
  word-break: normal !important;
  letter-spacing: .035em !important;
}

/* Botón agregar al carrito en cards: altura suficiente y texto prolijo */
.product-card .add-to-cart,
.product-card .add-to-cart-btn,
.product-card .card-add,
.product-card button {
  width: 100% !important;
  min-height: 52px !important;
  padding: 10px 14px !important;
  font-size: clamp(12px, 1.05vw, 15px) !important;
  font-weight: 1000 !important;
}

/* En pantallas chicas, que no se parta feo */
@media (max-width: 760px) {
  .product-card .add-to-cart,
  .product-card .add-to-cart-btn,
  .product-card .card-add,
  .product-card button {
    min-height: 54px !important;
    padding: 10px 8px !important;
    font-size: 13px !important;
    letter-spacing: .025em !important;
  }
}

/* Botones del detalle producto: no cortar texto y mantener todo dentro */
.product-actions,
.detail-actions,
.modal-product-actions {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  gap: 10px !important;
  width: 100% !important;
}

.product-actions button,
.detail-actions button,
.modal-product-actions button,
.add-to-cart-detail,
.consult-whatsapp-detail {
  width: 100% !important;
  min-width: 0 !important;
  min-height: 48px !important;
  padding: 10px 12px !important;
  font-size: clamp(11px, .9vw, 13px) !important;
  white-space: normal !important;
}

/* Si hay un solo botón en detalle, ocupa todo el ancho */
.product-actions button:only-child,
.detail-actions button:only-child,
.modal-product-actions button:only-child {
  grid-column: 1 / -1 !important;
}

/* Panel carrito: productos completos, sin cortes */
.cart-panel,
.cart-drawer,
.cart-sidebar,
#cartPanel,
#cartDrawer {
  width: min(96vw, 480px) !important;
  max-width: 96vw !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

.cart-panel.open,
.cart-drawer.open,
.cart-sidebar.open,
#cartPanel.open,
#cartDrawer.open {
  display: flex !important;
  flex-direction: column !important;
}

.cart-items,
.cart-list,
#cartItems,
#cartList {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  padding-right: 4px !important;
  box-sizing: border-box !important;
}

.cart-item,
.cart-line,
.cart-product,
.cart-row,
#cartItems > *,
#cartList > * {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  overflow: visible !important;
  display: grid !important;
  grid-template-columns: 72px minmax(0, 1fr) auto !important;
  gap: 10px !important;
  align-items: center !important;
}

.cart-item img,
.cart-line img,
.cart-product img,
.cart-row img {
  width: 72px !important;
  height: 72px !important;
  object-fit: contain !important;
  flex: 0 0 72px !important;
}

.cart-item-title,
.cart-title,
.cart-product-title,
.cart-name,
.cart-item h4,
.cart-item h3,
.cart-line h4,
.cart-product h4 {
  min-width: 0 !important;
  max-width: 100% !important;
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: unset !important;
  word-break: normal !important;
  overflow-wrap: anywhere !important;
  line-height: 1.18 !important;
}

.cart-item-price,
.cart-price,
.cart-product-price,
.cart-line-price {
  white-space: nowrap !important;
  text-align: right !important;
}

/* Footer del carrito siempre visible y prolijo */
.cart-footer,
.cart-summary,
.cart-actions,
#cartFooter {
  flex: 0 0 auto !important;
  width: 100% !important;
  box-sizing: border-box !important;
  overflow: visible !important;
}

.cart-footer button,
.cart-summary button,
.cart-actions button,
#cartFooter button,
.checkout-btn,
.cart-checkout-btn {
  width: 100% !important;
  min-height: 52px !important;
  padding: 12px 14px !important;
  white-space: normal !important;
}

/* Mobile carrito: usa ancho completo sin cortar productos */
@media (max-width: 760px) {
  .cart-panel,
  .cart-drawer,
  .cart-sidebar,
  #cartPanel,
  #cartDrawer {
    width: 100vw !important;
    max-width: 100vw !important;
    left: auto !important;
    right: 0 !important;
  }

  .cart-item,
  .cart-line,
  .cart-product,
  .cart-row,
  #cartItems > *,
  #cartList > * {
    grid-template-columns: 62px minmax(0, 1fr) auto !important;
    gap: 8px !important;
  }

  .cart-item img,
  .cart-line img,
  .cart-product img,
  .cart-row img {
    width: 62px !important;
    height: 62px !important;
  }

  .cart-item-price,
  .cart-price,
  .cart-product-price,
  .cart-line-price {
    font-size: 13px !important;
  }
}

/* Ajuste fino del modal de producto: evitar que el ancho nuevo rompa botones */
@media (min-width: 900px) {
  .product-modal-card,
  .product-detail-card,
  .product-view,
  .product-detail-view,
  .product-page-card,
  .modal-product-card {
    grid-template-columns: minmax(430px, .9fr) minmax(520px, 1.1fr) !important;
  }

  .product-modal-info,
  .product-detail-info,
  .product-info,
  .product-detail-content,
  .modal-product-info {
    min-width: 0 !important;
  }
}



/* ================= ELCLUB V207 — PRODUCTO DESKTOP SIN HEADER ================= */
/* Cuando abrís un producto en computadora, se oculta logo/buscador/carrito/categorías para que el producto entre completo. */
@media (min-width: 900px) {
  body.elclub-product-open-desktop .site-header,
  body.elclub-product-open-desktop .site-header-v124,
  body.elclub-product-open-desktop header.site-header {
    transform: translateY(-120%) !important;
    opacity: 0 !important;
    pointer-events: none !important;
    visibility: hidden !important;
  }

  body.elclub-product-open-desktop {
    padding-top: 0 !important;
  }

  body.elclub-product-open-desktop .product-modal.open,
  body.elclub-product-open-desktop .product-detail-modal.open,
  body.elclub-product-open-desktop .product-overlay.open,
  body.elclub-product-open-desktop .modal-overlay.open {
    padding-top: 18px !important;
    padding-bottom: 18px !important;
    align-items: center !important;
    justify-content: center !important;
  }

  body.elclub-product-open-desktop .product-modal-card,
  body.elclub-product-open-desktop .product-detail-card,
  body.elclub-product-open-desktop .product-view,
  body.elclub-product-open-desktop .product-detail-view,
  body.elclub-product-open-desktop .product-page-card,
  body.elclub-product-open-desktop .modal-product-card {
    max-height: calc(100vh - 36px) !important;
    min-height: 0 !important;
  }

  body.elclub-product-open-desktop .product-modal-image,
  body.elclub-product-open-desktop .product-detail-image,
  body.elclub-product-open-desktop .product-gallery,
  body.elclub-product-open-desktop .product-image-wrap,
  body.elclub-product-open-desktop .product-detail-media,
  body.elclub-product-open-desktop .modal-product-media,
  body.elclub-product-open-desktop .product-modal-info,
  body.elclub-product-open-desktop .product-detail-info,
  body.elclub-product-open-desktop .product-info,
  body.elclub-product-open-desktop .product-detail-content,
  body.elclub-product-open-desktop .modal-product-info {
    height: calc(100vh - 74px) !important;
    max-height: calc(100vh - 74px) !important;
  }

  body.elclub-product-open-desktop .product-modal-image img,
  body.elclub-product-open-desktop .product-detail-image img,
  body.elclub-product-open-desktop .product-gallery img,
  body.elclub-product-open-desktop .product-image-wrap img,
  body.elclub-product-open-desktop .product-detail-media img,
  body.elclub-product-open-desktop .modal-product-media img {
    max-height: calc(100vh - 86px) !important;
  }
}



/* ================= ELCLUB V208 — RESTAURAR ENCONTRÁ TU PALETA IDEAL ================= */
/* El cambio de producto desktop no debe modificar el selector de paleta ideal. */
.ideal-selector,
.mobile-ideal-section,
#mobileIdeal,
#idealSelector,
.paleta-ideal,
.finder-section {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* Contenedor del selector: mantiene diseño premium ancho, sin transformaciones del modal/producto. */
.mobile-ideal-section,
.ideal-selector,
.finder-section {
  width: 100% !important;
  max-width: 1320px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
  position: relative !important;
  z-index: 1 !important;
  transform: none !important;
}

/* Botones/opciones del selector: no heredan estilos de agregar al carrito. */
.mobile-ideal-section button,
.ideal-selector button,
.finder-section button,
.paleta-ideal button {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  text-align: left !important;
  white-space: normal !important;
  line-height: 1.12 !important;
  box-sizing: border-box !important;
  overflow: visible !important;
  text-overflow: unset !important;
}

/* Desktop: que quede como selector horizontal y no como cards de producto. */
@media (min-width: 900px) {
  .mobile-ideal-section,
  .ideal-selector,
  .finder-section {
    padding-left: clamp(20px, 3vw, 42px) !important;
    padding-right: clamp(20px, 3vw, 42px) !important;
  }

  .mobile-ideal-section .ideal-options,
  .ideal-selector .ideal-options,
  .finder-section .ideal-options,
  .mobile-ideal-section .selector-options,
  .ideal-selector .selector-options,
  .finder-section .selector-options,
  .mobile-ideal-section .style-grid,
  .ideal-selector .style-grid,
  .finder-section .style-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 16px !important;
  }
}

/* El header solo se oculta cuando hay producto abierto, nunca por estar en el selector. */
body:not(.elclub-product-open-desktop) .site-header,
body:not(.elclub-product-open-desktop) .site-header-v124,
body:not(.elclub-product-open-desktop) header.site-header {
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  transform: none !important;
}



/* ================= ELCLUB V209 — PRODUCTO FULLSCREEN SIN HEADER DESKTOP ================= */
/* Cuando se abre un producto en computadora, se oculta TODO el header:
   logo, buscador, carrito, categorías y barra superior. */

@media (min-width: 900px) {
  body.elclub-product-fullscreen .site-header,
  body.elclub-product-fullscreen .site-header-v124,
  body.elclub-product-fullscreen header,
  body.elclub-product-fullscreen .header-benefits-bar,
  body.elclub-product-fullscreen .header-main-row,
  body.elclub-product-fullscreen .top-nav,
  body.elclub-product-fullscreen .category-nav,
  body.elclub-product-fullscreen .desktop-nav,
  body.elclub-product-fullscreen .mobile-nav {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
    transform: translateY(-150%) !important;
  }

  body.elclub-product-fullscreen {
    padding-top: 0 !important;
    overflow: hidden !important;
  }

  body.elclub-product-fullscreen .product-modal.open,
  body.elclub-product-fullscreen .product-detail-modal.open,
  body.elclub-product-fullscreen .product-overlay.open,
  body.elclub-product-fullscreen .modal-overlay.open,
  body.elclub-product-fullscreen #productModal.open,
  body.elclub-product-fullscreen #productOverlay.open,
  body.elclub-product-fullscreen [data-product-modal].open {
    position: fixed !important;
    inset: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    max-width: 100vw !important;
    max-height: 100vh !important;
    padding: 18px !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
    z-index: 2147483000 !important;
  }

  body.elclub-product-fullscreen .product-modal-card,
  body.elclub-product-fullscreen .product-detail-card,
  body.elclub-product-fullscreen .product-view,
  body.elclub-product-fullscreen .product-detail-view,
  body.elclub-product-fullscreen .product-page-card,
  body.elclub-product-fullscreen .modal-product-card,
  body.elclub-product-fullscreen .product-detail-panel {
    width: min(98vw, 1540px) !important;
    max-width: min(98vw, 1540px) !important;
    height: calc(100vh - 36px) !important;
    max-height: calc(100vh - 36px) !important;
    min-height: 0 !important;
    display: grid !important;
    grid-template-columns: minmax(470px, .92fr) minmax(540px, 1.08fr) !important;
    gap: 18px !important;
    padding: 16px !important;
    overflow: hidden !important;
    margin: 0 auto !important;
    box-sizing: border-box !important;
  }

  body.elclub-product-fullscreen .product-modal-image,
  body.elclub-product-fullscreen .product-detail-image,
  body.elclub-product-fullscreen .product-gallery,
  body.elclub-product-fullscreen .product-image-wrap,
  body.elclub-product-fullscreen .product-detail-media,
  body.elclub-product-fullscreen .modal-product-media {
    height: calc(100vh - 72px) !important;
    max-height: calc(100vh - 72px) !important;
    min-height: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
  }

  body.elclub-product-fullscreen .product-modal-image img,
  body.elclub-product-fullscreen .product-detail-image img,
  body.elclub-product-fullscreen .product-gallery img,
  body.elclub-product-fullscreen .product-image-wrap img,
  body.elclub-product-fullscreen .product-detail-media img,
  body.elclub-product-fullscreen .modal-product-media img {
    width: 100% !important;
    height: 100% !important;
    max-height: calc(100vh - 82px) !important;
    object-fit: contain !important;
    object-position: center center !important;
  }

  body.elclub-product-fullscreen .product-modal-info,
  body.elclub-product-fullscreen .product-detail-info,
  body.elclub-product-fullscreen .product-info,
  body.elclub-product-fullscreen .product-detail-content,
  body.elclub-product-fullscreen .modal-product-info {
    min-width: 0 !important;
    width: 100% !important;
    height: calc(100vh - 72px) !important;
    max-height: calc(100vh - 72px) !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    padding: 0 10px 12px 0 !important;
    box-sizing: border-box !important;
  }

  body.elclub-product-fullscreen .product-modal-info h1,
  body.elclub-product-fullscreen .product-detail-info h1,
  body.elclub-product-fullscreen .product-info h1,
  body.elclub-product-fullscreen .product-detail-content h1,
  body.elclub-product-fullscreen .modal-product-info h1,
  body.elclub-product-fullscreen .product-title,
  body.elclub-product-fullscreen .detail-title {
    display: block !important;
    font-size: clamp(32px, 3.1vw, 56px) !important;
    line-height: .96 !important;
    letter-spacing: -.045em !important;
    margin: 0 0 8px !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: unset !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
    max-width: 100% !important;
  }

  body.elclub-product-fullscreen .product-actions,
  body.elclub-product-fullscreen .detail-actions,
  body.elclub-product-fullscreen .modal-product-actions {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    gap: 10px !important;
    width: 100% !important;
    margin-top: 10px !important;
    padding-bottom: 8px !important;
  }

  body.elclub-product-fullscreen .product-actions button,
  body.elclub-product-fullscreen .detail-actions button,
  body.elclub-product-fullscreen .modal-product-actions button,
  body.elclub-product-fullscreen .add-to-cart-detail,
  body.elclub-product-fullscreen .consult-whatsapp-detail {
    width: 100% !important;
    min-height: 48px !important;
    padding: 10px 12px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    white-space: normal !important;
    text-align: center !important;
    line-height: 1.12 !important;
  }
}

/* Notebooks chicos: todavía más compacto para que entren botones */
@media (min-width: 900px) and (max-height: 820px) {
  body.elclub-product-fullscreen .product-modal.open,
  body.elclub-product-fullscreen .product-detail-modal.open,
  body.elclub-product-fullscreen .product-overlay.open,
  body.elclub-product-fullscreen .modal-overlay.open,
  body.elclub-product-fullscreen #productModal.open,
  body.elclub-product-fullscreen #productOverlay.open {
    padding: 10px !important;
  }

  body.elclub-product-fullscreen .product-modal-card,
  body.elclub-product-fullscreen .product-detail-card,
  body.elclub-product-fullscreen .product-view,
  body.elclub-product-fullscreen .product-detail-view,
  body.elclub-product-fullscreen .product-page-card,
  body.elclub-product-fullscreen .modal-product-card,
  body.elclub-product-fullscreen .product-detail-panel {
    height: calc(100vh - 20px) !important;
    max-height: calc(100vh - 20px) !important;
    padding: 12px !important;
    gap: 14px !important;
    grid-template-columns: minmax(430px, .9fr) minmax(510px, 1.1fr) !important;
  }

  body.elclub-product-fullscreen .product-modal-image,
  body.elclub-product-fullscreen .product-detail-image,
  body.elclub-product-fullscreen .product-gallery,
  body.elclub-product-fullscreen .product-image-wrap,
  body.elclub-product-fullscreen .product-detail-media,
  body.elclub-product-fullscreen .modal-product-media,
  body.elclub-product-fullscreen .product-modal-info,
  body.elclub-product-fullscreen .product-detail-info,
  body.elclub-product-fullscreen .product-info,
  body.elclub-product-fullscreen .product-detail-content,
  body.elclub-product-fullscreen .modal-product-info {
    height: calc(100vh - 44px) !important;
    max-height: calc(100vh - 44px) !important;
  }

  body.elclub-product-fullscreen .product-modal-info h1,
  body.elclub-product-fullscreen .product-detail-info h1,
  body.elclub-product-fullscreen .product-info h1,
  body.elclub-product-fullscreen .product-detail-content h1,
  body.elclub-product-fullscreen .modal-product-info h1,
  body.elclub-product-fullscreen .product-title,
  body.elclub-product-fullscreen .detail-title {
    font-size: clamp(28px, 2.8vw, 44px) !important;
  }
}



/* ================= ELCLUB V210 — BOTONES DEL PRODUCTO SIEMPRE VISIBLES ================= */
/* En desktop, al entrar a un producto se ven precio + agregar al carrito + WhatsApp sin tener que scrollear. */

@media (min-width: 900px) {
  body.elclub-product-fullscreen .product-modal-info,
  body.elclub-product-fullscreen .product-detail-info,
  body.elclub-product-fullscreen .product-info,
  body.elclub-product-fullscreen .product-detail-content,
  body.elclub-product-fullscreen .modal-product-info,
  .product-modal-info,
  .product-detail-info,
  .product-info,
  .product-detail-content,
  .modal-product-info {
    display: flex !important;
    flex-direction: column !important;
    min-height: 0 !important;
  }

  /* La descripción/características scrollean, pero precios y botones quedan abajo visibles */
  body.elclub-product-fullscreen .product-modal-info > *:not(.product-actions):not(.detail-actions):not(.modal-product-actions):not(.price-box):not(.product-price-row):not(.detail-price-row):not(.modal-price-row):not(.price-row),
  body.elclub-product-fullscreen .product-detail-info > *:not(.product-actions):not(.detail-actions):not(.modal-product-actions):not(.price-box):not(.product-price-row):not(.detail-price-row):not(.modal-price-row):not(.price-row),
  body.elclub-product-fullscreen .product-info > *:not(.product-actions):not(.detail-actions):not(.modal-product-actions):not(.price-box):not(.product-price-row):not(.detail-price-row):not(.modal-price-row):not(.price-row),
  body.elclub-product-fullscreen .product-detail-content > *:not(.product-actions):not(.detail-actions):not(.modal-product-actions):not(.price-box):not(.product-price-row):not(.detail-price-row):not(.modal-price-row):not(.price-row),
  body.elclub-product-fullscreen .modal-product-info > *:not(.product-actions):not(.detail-actions):not(.modal-product-actions):not(.price-box):not(.product-price-row):not(.detail-price-row):not(.modal-price-row):not(.price-row) {
    flex-shrink: 0 !important;
  }

  /* Bloque de descripción y características más compacto para que entren los botones */
  body.elclub-product-fullscreen .product-modal-info h2,
  body.elclub-product-fullscreen .product-detail-info h2,
  body.elclub-product-fullscreen .product-info h2,
  body.elclub-product-fullscreen .product-detail-content h2,
  body.elclub-product-fullscreen .modal-product-info h2 {
    font-size: 18px !important;
    margin: 9px 0 6px !important;
    line-height: 1 !important;
  }

  body.elclub-product-fullscreen .product-modal-info p,
  body.elclub-product-fullscreen .product-detail-info p,
  body.elclub-product-fullscreen .product-info p,
  body.elclub-product-fullscreen .product-detail-content p,
  body.elclub-product-fullscreen .modal-product-info p {
    font-size: 12.5px !important;
    line-height: 1.24 !important;
    margin-top: 5px !important;
    margin-bottom: 7px !important;
  }

  body.elclub-product-fullscreen .product-specs,
  body.elclub-product-fullscreen .specs-grid,
  body.elclub-product-fullscreen .product-features,
  body.elclub-product-fullscreen .detail-specs {
    font-size: 11.5px !important;
    line-height: 1.12 !important;
    gap: 4px 14px !important;
    margin: 6px 0 8px !important;
  }

  /* Precios pegados al final del panel visible */
  body.elclub-product-fullscreen .price-box,
  body.elclub-product-fullscreen .product-price-row,
  body.elclub-product-fullscreen .detail-price-row,
  body.elclub-product-fullscreen .modal-price-row,
  body.elclub-product-fullscreen .price-row {
    flex: 0 0 auto !important;
    min-height: 40px !important;
    padding: 7px 12px !important;
    margin: 5px 0 !important;
  }

  body.elclub-product-fullscreen .product-actions,
  body.elclub-product-fullscreen .detail-actions,
  body.elclub-product-fullscreen .modal-product-actions {
    flex: 0 0 auto !important;
    position: sticky !important;
    bottom: 0 !important;
    z-index: 5 !important;
    background: linear-gradient(180deg, rgba(7,9,10,0), rgba(7,9,10,.94) 14%, rgba(7,9,10,.98)) !important;
    padding-top: 12px !important;
    padding-bottom: 0 !important;
    margin-top: auto !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    gap: 10px !important;
  }

  body.elclub-product-fullscreen .product-actions button,
  body.elclub-product-fullscreen .detail-actions button,
  body.elclub-product-fullscreen .modal-product-actions button,
  body.elclub-product-fullscreen .add-to-cart-detail,
  body.elclub-product-fullscreen .consult-whatsapp-detail {
    min-height: 46px !important;
    padding: 10px 12px !important;
    font-size: 12px !important;
    line-height: 1.1 !important;
  }
}

/* Notebooks chicos: más compacto todavía para que entren botones sin scroll */
@media (min-width: 900px) and (max-height: 820px) {
  body.elclub-product-fullscreen .product-modal-info h1,
  body.elclub-product-fullscreen .product-detail-info h1,
  body.elclub-product-fullscreen .product-info h1,
  body.elclub-product-fullscreen .product-detail-content h1,
  body.elclub-product-fullscreen .modal-product-info h1,
  body.elclub-product-fullscreen .product-title,
  body.elclub-product-fullscreen .detail-title {
    font-size: clamp(25px, 2.45vw, 38px) !important;
    line-height: .96 !important;
    margin-bottom: 5px !important;
  }

  body.elclub-product-fullscreen .product-modal-info p,
  body.elclub-product-fullscreen .product-detail-info p,
  body.elclub-product-fullscreen .product-info p,
  body.elclub-product-fullscreen .product-detail-content p,
  body.elclub-product-fullscreen .modal-product-info p {
    font-size: 11.5px !important;
    line-height: 1.18 !important;
    margin: 3px 0 5px !important;
  }

  body.elclub-product-fullscreen .product-specs,
  body.elclub-product-fullscreen .specs-grid,
  body.elclub-product-fullscreen .product-features,
  body.elclub-product-fullscreen .detail-specs {
    font-size: 10.8px !important;
    line-height: 1.08 !important;
    gap: 3px 12px !important;
    margin: 4px 0 6px !important;
  }

  body.elclub-product-fullscreen .price-box,
  body.elclub-product-fullscreen .product-price-row,
  body.elclub-product-fullscreen .detail-price-row,
  body.elclub-product-fullscreen .modal-price-row,
  body.elclub-product-fullscreen .price-row {
    min-height: 36px !important;
    padding: 6px 10px !important;
    margin: 4px 0 !important;
  }

  body.elclub-product-fullscreen .product-actions button,
  body.elclub-product-fullscreen .detail-actions button,
  body.elclub-product-fullscreen .modal-product-actions button,
  body.elclub-product-fullscreen .add-to-cart-detail,
  body.elclub-product-fullscreen .consult-whatsapp-detail {
    min-height: 42px !important;
  }
}



/* ================= ELCLUB V219 — PRODUCTO SOLO CARACTERÍSTICAS + BOTONES VISIBLES ================= */
/* Desktop: al abrir producto, se elimina texto extra para que entren título, características, precios y botones. */
@media (min-width: 900px) {
  #productModal.open {
    position: fixed !important;
    inset: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    padding: 14px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
    z-index: 2147483000 !important;
  }

  #productModal.open .modal-card {
    width: min(98vw, 1540px) !important;
    height: calc(100vh - 28px) !important;
    max-height: calc(100vh - 28px) !important;
    display: grid !important;
    grid-template-columns: minmax(470px, .96fr) minmax(500px, 1.04fr) !important;
    gap: 16px !important;
    padding: 14px !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  #productModal.open .modal-img {
    height: calc(100vh - 56px) !important;
    max-height: calc(100vh - 56px) !important;
    min-height: 0 !important;
    overflow: hidden !important;
  }

  #productModal.open .modal-img img {
    width: 100% !important;
    height: 100% !important;
    max-height: calc(100vh - 66px) !important;
    object-fit: contain !important;
    object-position: center center !important;
  }

  #productModal.open .modal-info {
    height: calc(100vh - 56px) !important;
    max-height: calc(100vh - 56px) !important;
    min-height: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
    padding: 8px 10px 8px 0 !important;
    box-sizing: border-box !important;
  }

  /* Sacamos lo que pediste: badge/subtítulo/variante/frase/descripción */
  #productModal.open #modalBadge,
  #productModal.open #modalTone,
  #productModal.open #modalVariant,
  #productModal.open #modalDescription {
    display: none !important;
  }

  #productModal.open #modalBrand {
    margin: 0 0 4px !important;
    font-size: 12px !important;
    line-height: 1 !important;
    letter-spacing: .12em !important;
  }

  #productModal.open #modalName {
    font-size: clamp(32px, 3.15vw, 56px) !important;
    line-height: .93 !important;
    letter-spacing: -.052em !important;
    margin: 0 0 10px !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: unset !important;
    overflow-wrap: anywhere !important;
    flex: 0 0 auto !important;
  }

  /* Características principales: más compacto y con scroll interno si es larguísimo */
  #productModal.open #modalTechDescription {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    margin: 0 0 8px !important;
    padding-right: 4px !important;
  }

  #productModal.open #modalTechDescription h4,
  #productModal.open #modalTechDescription h3,
  #productModal.open #modalTechDescription h2 {
    font-size: 16px !important;
    line-height: 1 !important;
    margin: 4px 0 8px !important;
    color: #b8ff00 !important;
    text-transform: uppercase !important;
    letter-spacing: .04em !important;
  }

  #productModal.open #modalTechDescription p {
    display: none !important;
  }

  #productModal.open #modalTechDescription ul,
  #productModal.open #modalTechDescription .specs-grid,
  #productModal.open #modalTechDescription .features-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 6px 18px !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
  }

  #productModal.open #modalTechDescription li,
  #productModal.open #modalTechDescription div {
    font-size: 13px !important;
    line-height: 1.16 !important;
    margin: 0 !important;
  }

  #productModal.open .size-wrap {
    flex: 0 0 auto !important;
    margin: 6px 0 !important;
  }

  #productModal.open .price-block {
    flex: 0 0 auto !important;
    margin-top: auto !important;
  }

  #productModal.open .price-row {
    min-height: 39px !important;
    padding: 6px 12px !important;
    margin: 5px 0 !important;
  }

  #productModal.open .price-row span {
    font-size: 10px !important;
  }

  #productModal.open .price-row strong {
    font-size: clamp(18px, 1.7vw, 24px) !important;
  }

  #productModal.open .modal-actions {
    flex: 0 0 auto !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    gap: 10px !important;
    margin-top: 8px !important;
  }

  #productModal.open .modal-actions button {
    min-height: 45px !important;
    padding: 10px 12px !important;
    font-size: 12px !important;
    line-height: 1.1 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    white-space: normal !important;
  }
}

/* Notebooks chicos: todavía más compacto */
@media (min-width: 900px) and (max-height: 820px) {
  #productModal.open {
    padding: 8px !important;
  }

  #productModal.open .modal-card {
    height: calc(100vh - 16px) !important;
    max-height: calc(100vh - 16px) !important;
    padding: 10px !important;
    gap: 12px !important;
  }

  #productModal.open .modal-img,
  #productModal.open .modal-info {
    height: calc(100vh - 36px) !important;
    max-height: calc(100vh - 36px) !important;
  }

  #productModal.open #modalName {
    font-size: clamp(28px, 2.7vw, 44px) !important;
    margin-bottom: 7px !important;
  }

  #productModal.open #modalTechDescription li,
  #productModal.open #modalTechDescription div {
    font-size: 11.8px !important;
    line-height: 1.1 !important;
  }

  #productModal.open .price-row {
    min-height: 35px !important;
    padding: 5px 10px !important;
    margin: 4px 0 !important;
  }

  #productModal.open .modal-actions button {
    min-height: 40px !important;
  }
}



/* ================= ELCLUB V220 — FICHA PRODUCTO FINAL COMPACTA ================= */
/* Desktop: panel derecho más chico/prolijo, características más legibles y sin tanto espacio vacío. */
@media (min-width: 900px) {
  #productModal.open .modal-card {
    width: min(96vw, 1420px) !important;
    max-width: min(96vw, 1420px) !important;
    height: calc(100vh - 34px) !important;
    max-height: calc(100vh - 34px) !important;
    grid-template-columns: minmax(520px, 1.12fr) minmax(430px, .88fr) !important;
    gap: 14px !important;
    padding: 14px !important;
  }

  #productModal.open .modal-info {
    padding: 10px 12px 10px 0 !important;
  }

  #productModal.open #modalName {
    font-size: clamp(34px, 3.25vw, 58px) !important;
    line-height: .94 !important;
    margin-bottom: 12px !important;
  }

  #productModal.open #modalTechDescription {
    flex: 0 1 auto !important;
    max-height: 36vh !important;
    min-height: 0 !important;
    overflow-y: auto !important;
    padding-right: 3px !important;
    margin-bottom: 10px !important;
  }

  #productModal.open #modalTechDescription h4,
  #productModal.open #modalTechDescription h3,
  #productModal.open #modalTechDescription h2 {
    font-size: 17px !important;
    line-height: 1.05 !important;
    margin: 0 0 10px !important;
  }

  #productModal.open #modalTechDescription ul {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 9px 22px !important;
  }

  #productModal.open #modalTechDescription li,
  #productModal.open #modalTechDescription div {
    font-size: 14.5px !important;
    line-height: 1.22 !important;
  }

  #productModal.open .price-block {
    margin-top: auto !important;
  }

  #productModal.open .price-row {
    min-height: 43px !important;
    padding: 7px 12px !important;
    margin: 5px 0 !important;
  }

  #productModal.open .modal-actions {
    margin-top: 9px !important;
  }

  #productModal.open .modal-actions button {
    min-height: 46px !important;
    font-size: 12.5px !important;
  }
}

/* MacBook / pantallas bajas: entra todo, pero sin achicar tanto las letras. */
@media (min-width: 900px) and (max-height: 820px) {
  #productModal.open .modal-card {
    height: calc(100vh - 18px) !important;
    max-height: calc(100vh - 18px) !important;
    grid-template-columns: minmax(500px, 1.10fr) minmax(420px, .90fr) !important;
    gap: 12px !important;
    padding: 10px !important;
  }

  #productModal.open .modal-img,
  #productModal.open .modal-info {
    height: calc(100vh - 38px) !important;
    max-height: calc(100vh - 38px) !important;
  }

  #productModal.open #modalName {
    font-size: clamp(30px, 2.9vw, 48px) !important;
    margin-bottom: 9px !important;
  }

  #productModal.open #modalTechDescription {
    max-height: 31vh !important;
  }

  #productModal.open #modalTechDescription li,
  #productModal.open #modalTechDescription div {
    font-size: 13.5px !important;
    line-height: 1.17 !important;
  }

  #productModal.open .price-row {
    min-height: 38px !important;
    padding: 6px 11px !important;
    margin: 4px 0 !important;
  }

  #productModal.open .modal-actions button {
    min-height: 42px !important;
  }
}



/* ================= ELCLUB V221 — PRODUCTO SIN ESPACIOS NEGROS ================= */
/* Corrige títulos duplicados de características y compacta el bloque para que no quede aire negro. */
@media (min-width: 900px) {
  #productModal.open .modal-info {
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
    justify-content: flex-start !important;
    padding: 8px 12px 8px 0 !important;
  }

  #productModal.open #modalName {
    font-size: clamp(31px, 2.85vw, 50px) !important;
    line-height: .94 !important;
    margin: 0 0 8px !important;
  }

  #productModal.open #modalBrand {
    margin: 0 0 3px !important;
  }

  #productModal.open #modalTechDescription {
    flex: 0 0 auto !important;
    max-height: none !important;
    overflow: visible !important;
    margin: 0 0 8px !important;
    padding: 0 !important;
  }

  #productModal.open #modalTechDescription .modal-tech-description {
    margin: 0 !important;
    padding: 0 !important;
  }

  #productModal.open #modalTechDescription h2,
  #productModal.open #modalTechDescription h3,
  #productModal.open #modalTechDescription h4 {
    font-size: 15.5px !important;
    line-height: 1 !important;
    margin: 0 0 7px !important;
  }

  /* Si quedó algún título repetido, el JS lo borra; esto además compacta el resultado. */
  #productModal.open #modalTechDescription ul {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 5px 18px !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  #productModal.open #modalTechDescription li,
  #productModal.open #modalTechDescription div:not(.modal-tech-description) {
    font-size: 12.8px !important;
    line-height: 1.12 !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  #productModal.open .size-wrap {
    margin: 5px 0 7px !important;
  }

  #productModal.open .size-options {
    gap: 7px !important;
  }

  #productModal.open .size-options button {
    min-height: 35px !important;
    padding: 8px 12px !important;
  }

  #productModal.open .price-block {
    margin-top: 0 !important;
    flex: 0 0 auto !important;
  }

  #productModal.open .price-row {
    min-height: 36px !important;
    padding: 5px 11px !important;
    margin: 4px 0 !important;
  }

  #productModal.open .price-row strong {
    font-size: clamp(17px, 1.45vw, 22px) !important;
  }

  #productModal.open .modal-actions {
    margin-top: 7px !important;
  }

  #productModal.open .modal-actions button {
    min-height: 41px !important;
    padding: 8px 11px !important;
    font-size: 12px !important;
  }
}

/* Notebooks bajos: ultra compacto pero legible */
@media (min-width: 900px) and (max-height: 820px) {
  #productModal.open #modalName {
    font-size: clamp(27px, 2.55vw, 41px) !important;
    margin-bottom: 6px !important;
  }

  #productModal.open #modalTechDescription h2,
  #productModal.open #modalTechDescription h3,
  #productModal.open #modalTechDescription h4 {
    font-size: 14px !important;
    margin-bottom: 5px !important;
  }

  #productModal.open #modalTechDescription ul {
    gap: 4px 15px !important;
  }

  #productModal.open #modalTechDescription li,
  #productModal.open #modalTechDescription div:not(.modal-tech-description) {
    font-size: 11.6px !important;
    line-height: 1.08 !important;
  }

  #productModal.open .price-row {
    min-height: 33px !important;
    margin: 3px 0 !important;
  }

  #productModal.open .modal-actions button {
    min-height: 38px !important;
  }
}



/* ================= ELCLUB V222 — FICHA LEGIBLE Y PRECIO MÁS ABAJO ================= */
@media (min-width: 900px) {
  #productModal.open .modal-info {
    justify-content: flex-start !important;
    padding: 10px 14px 10px 0 !important;
  }

  #productModal.open #modalTechDescription {
    flex: 0 0 auto !important;
    margin-top: 10px !important;
    margin-bottom: 18px !important;
  }

  #productModal.open #modalTechDescription h2,
  #productModal.open #modalTechDescription h3,
  #productModal.open #modalTechDescription h4 {
    font-size: 19px !important;
    line-height: 1.05 !important;
    margin: 0 0 11px !important;
    font-weight: 1000 !important;
    color: #c7aa85 !important;
    letter-spacing: .035em !important;
  }

  #productModal.open #modalTechDescription ul {
    gap: 8px 22px !important;
  }

  #productModal.open #modalTechDescription li,
  #productModal.open #modalTechDescription div:not(.modal-tech-description) {
    font-size: 15px !important;
    line-height: 1.2 !important;
    font-weight: 750 !important;
  }

  #productModal.open #modalTechDescription strong,
  #productModal.open #modalTechDescription b {
    font-weight: 1000 !important;
  }

  #productModal.open .price-block {
    margin-top: auto !important;
    padding-top: 16px !important;
  }

  #productModal.open .price-row {
    min-height: 44px !important;
    padding: 7px 13px !important;
    margin: 5px 0 !important;
  }

  #productModal.open .price-row span {
    font-size: 10.5px !important;
    font-weight: 1000 !important;
  }

  #productModal.open .price-row strong {
    font-size: clamp(20px, 1.75vw, 27px) !important;
    font-weight: 1000 !important;
  }

  #productModal.open .modal-actions {
    margin-top: 9px !important;
  }
}

@media (min-width: 900px) and (max-height: 820px) {
  #productModal.open #modalTechDescription {
    margin-top: 7px !important;
    margin-bottom: 12px !important;
  }

  #productModal.open #modalTechDescription h2,
  #productModal.open #modalTechDescription h3,
  #productModal.open #modalTechDescription h4 {
    font-size: 16.5px !important;
    margin-bottom: 8px !important;
  }

  #productModal.open #modalTechDescription li,
  #productModal.open #modalTechDescription div:not(.modal-tech-description) {
    font-size: 13.3px !important;
    line-height: 1.13 !important;
  }

  #productModal.open .price-block {
    padding-top: 10px !important;
  }

  #productModal.open .price-row strong {
    font-size: clamp(18px, 1.55vw, 24px) !important;
  }
}



/* ================= ELCLUB V223 — MINI GALERÍA PRODUCTO ================= */
#productModal.open .modal-img{
  position: relative !important;
}

.modal-product-gallery{
  position: absolute !important;
  left: 50% !important;
  bottom: 14px !important;
  transform: translateX(-50%) !important;
  display: flex;
  gap: 8px;
  z-index: 6;
  padding: 6px;
  border-radius: 999px;
  background: rgba(0,0,0,.35);
  backdrop-filter: blur(8px);
}

.modal-product-gallery button{
  width: 44px !important;
  height: 44px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255,255,255,.22) !important;
  background: rgba(255,255,255,.08) !important;
  padding: 2px !important;
  overflow: hidden !important;
  cursor: pointer;
}

.modal-product-gallery button.active{
  border-color: #c7aa85 !important;
  box-shadow: 0 0 0 2px rgba(199,170,133,.22) !important;
}

.modal-product-gallery img{
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  border-radius: 999px !important;
}



/* ================= ELCLUB V226 — AJUSTES FINALES PRODUCTO Y NAV ================= */

/* Características más grandes y sin aire raro */
@media (min-width: 900px) {
  #productModal.open #modalTechDescription h2,
  #productModal.open #modalTechDescription h3,
  #productModal.open #modalTechDescription h4 {
    font-size: 21px !important;
    line-height: 1.05 !important;
    margin: 0 0 12px !important;
    font-weight: 1000 !important;
    color: #c7aa85 !important;
    letter-spacing: .035em !important;
  }

  #productModal.open #modalTechDescription ul {
    gap: 10px 24px !important;
  }

  #productModal.open #modalTechDescription li,
  #productModal.open #modalTechDescription div:not(.modal-tech-description) {
    font-size: 16px !important;
    line-height: 1.23 !important;
    font-weight: 800 !important;
  }

  #productModal.open #modalTechDescription strong,
  #productModal.open #modalTechDescription b {
    font-weight: 1000 !important;
  }

  #productModal.open .price-block {
    padding-top: 14px !important;
    margin-top: auto !important;
  }
}

/* Nav de categorías más a la derecha, prolijo y con Fútbol */
.site-header nav,
.site-header .nav,
.site-header .category-nav,
.site-header .desktop-nav,
.category-nav,
.desktop-nav,
.navbar-categories {
  padding-left: clamp(18px, 4vw, 58px) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: clamp(14px, 1.45vw, 26px) !important;
  flex-wrap: nowrap !important;
  overflow-x: auto !important;
  scrollbar-width: none !important;
}

.site-header nav::-webkit-scrollbar,
.site-header .nav::-webkit-scrollbar,
.site-header .category-nav::-webkit-scrollbar,
.site-header .desktop-nav::-webkit-scrollbar,
.category-nav::-webkit-scrollbar,
.desktop-nav::-webkit-scrollbar,
.navbar-categories::-webkit-scrollbar {
  display: none !important;
}

.site-header nav button,
.site-header .nav button,
.site-header .category-nav button,
.site-header .desktop-nav button,
.category-nav button,
.desktop-nav button,
.navbar-categories button,
.nav-link {
  white-space: nowrap !important;
  flex: 0 0 auto !important;
  font-size: clamp(12px, .95vw, 16px) !important;
}

/* Flechas galería */
#productModal.open .modal-img{
  position: relative !important;
}

.modal-gallery-arrow{
  position: absolute !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 46px !important;
  height: 46px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255,255,255,.25) !important;
  background: rgba(0,0,0,.36) !important;
  color: #c7aa85 !important;
  font-size: 38px !important;
  line-height: 1 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  z-index: 8 !important;
  backdrop-filter: blur(8px) !important;
}

.modal-gallery-arrow.prev{ left: 16px !important; }
.modal-gallery-arrow.next{ right: 16px !important; }

.modal-gallery-arrow:hover{
  background: rgba(199,170,133,.16) !important;
}



/* ================= ELCLUB V227 — CARRITO POR ENCIMA DE TODO ================= */
/* El carrito queda arriba del header/categorías, con X visible, productos completos y botón pagar accesible. */

#cartPanel,
.cart-panel,
.cart-drawer,
.cart-sidebar {
  position: fixed !important;
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  height: 100dvh !important;
  max-height: 100dvh !important;
  width: min(96vw, 480px) !important;
  max-width: 96vw !important;
  z-index: 2147483600 !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
  display: flex !important;
  flex-direction: column !important;
  padding-top: max(18px, env(safe-area-inset-top)) !important;
}

#cartPanel.open,
.cart-panel.open,
.cart-drawer.open,
.cart-sidebar.open {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  transform: translateX(0) !important;
}

#cartPanel:not(.open) {
  transform: translateX(110%) !important;
  pointer-events: none !important;
}

/* Si el carrito está abierto, la barra de categorías/header no debe quedar por encima */
body.cart-open .site-header,
body.cart-open header,
body.cart-open .category-nav,
body.cart-open .desktop-nav,
body.cart-open .navbar-categories {
  z-index: 10 !important;
}

/* X del carrito siempre visible */
#closeCart,
.cart-close,
.close-cart,
.cart-panel .close,
.cart-drawer .close {
  position: absolute !important;
  top: max(14px, env(safe-area-inset-top)) !important;
  right: 16px !important;
  width: 42px !important;
  height: 42px !important;
  min-width: 42px !important;
  min-height: 42px !important;
  border-radius: 999px !important;
  z-index: 2147483640 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: rgba(0,0,0,.55) !important;
  border: 1px solid rgba(199,170,133,.45) !important;
  color: #c7aa85 !important;
  font-size: 24px !important;
  line-height: 1 !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

/* Contenido del carrito con scroll interno */
#cartPanel .cart-items,
#cartPanel #cartItems,
.cart-panel .cart-items,
.cart-drawer .cart-items,
#cartItems {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  padding-right: 4px !important;
  padding-top: 8px !important;
  box-sizing: border-box !important;
}

/* Footer / totales pegados abajo */
#cartPanel .cart-total-dual,
#cartPanel .cart-footer,
#cartPanel .cart-actions,
#cartPanel #checkoutPay,
.cart-panel .cart-total-dual,
.cart-panel .cart-footer,
.cart-panel .cart-actions {
  flex: 0 0 auto !important;
}

#cartPanel #checkoutPay,
#checkoutPay,
.cart-panel .checkout,
.cart-panel .main-pay {
  width: 100% !important;
  min-height: 54px !important;
  margin-top: 10px !important;
  z-index: 3 !important;
}

/* Ítems no cortados */
#cartItems > *,
.cart-item,
.cart-line,
.cart-product,
.cart-row {
  max-width: 100% !important;
  overflow: visible !important;
  box-sizing: border-box !important;
}

.cart-item-title,
.cart-title,
.cart-name,
.cart-product-title,
.cart-item h3,
.cart-item h4,
.cart-line h3,
.cart-line h4 {
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: unset !important;
  overflow-wrap: anywhere !important;
  line-height: 1.15 !important;
}

/* Fondo oscuro clickeable para cerrar */
.elclub-cart-backdrop {
  position: fixed !important;
  inset: 0 !important;
  z-index: 2147483500 !important;
  background: rgba(0,0,0,.54) !important;
  backdrop-filter: blur(2px) !important;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity .18s ease;
}

body.cart-open .elclub-cart-backdrop {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

@media (max-width: 760px) {
  #cartPanel,
  .cart-panel,
  .cart-drawer,
  .cart-sidebar {
    width: 100vw !important;
    max-width: 100vw !important;
  }
}



/* ================= ELCLUB V228 — NAV FÚTBOL Y TOOLBAR EN UNA LÍNEA ================= */
/* Header: agrega aire a la izquierda, mete Fútbol a la derecha de Mayorista y evita saltos feos. */
.site-header-v124 .top-nav,
#mainNav.top-nav,
.top-nav.category-top-nav {
  padding-left: clamp(20px, 3.2vw, 54px) !important;
  padding-right: clamp(10px, 1.2vw, 18px) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: clamp(10px, 1.05vw, 18px) !important;
  flex-wrap: nowrap !important;
  overflow-x: auto !important;
  overflow-y: visible !important;
  scrollbar-width: none !important;
}

.site-header-v124 .top-nav::-webkit-scrollbar,
#mainNav.top-nav::-webkit-scrollbar {
  display: none !important;
}

.site-header-v124 .top-nav a,
.site-header-v124 .top-nav .ideal-main-link,
#mainNav.top-nav a,
#mainNav.top-nav .ideal-main-link {
  white-space: nowrap !important;
  flex: 0 0 auto !important;
  font-size: clamp(11px, .86vw, 15px) !important;
  letter-spacing: -.02em !important;
}

.site-header-v124 .top-nav .ideal-nav,
#mainNav.top-nav .ideal-nav {
  flex: 0 0 auto !important;
  white-space: nowrap !important;
}

/* Toolbar de catálogo: que "Todos los productos" respire y los filtros entren junto con Fútbol. */
.toolbar#catalogo,
section.toolbar#catalogo {
  display: grid !important;
  grid-template-columns: minmax(250px, .72fr) minmax(620px, 1.28fr) !important;
  align-items: end !important;
  gap: clamp(16px, 2vw, 34px) !important;
}

.toolbar#catalogo h2,
section.toolbar#catalogo h2,
#currentTitle {
  letter-spacing: .015em !important;
  word-spacing: .12em !important;
}

.toolbar#catalogo .controls,
section.toolbar#catalogo .controls {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 7px !important;
  flex-wrap: nowrap !important;
  min-width: 0 !important;
  overflow-x: auto !important;
  scrollbar-width: none !important;
}

.toolbar#catalogo .controls::-webkit-scrollbar,
section.toolbar#catalogo .controls::-webkit-scrollbar {
  display: none !important;
}

.toolbar#catalogo .controls input,
section.toolbar#catalogo .controls input,
#searchBox {
  flex: 0 1 230px !important;
  min-width: 190px !important;
  max-width: 250px !important;
  margin-left: -16px !important;
}

.toolbar#catalogo .controls .filter,
section.toolbar#catalogo .controls .filter {
  flex: 0 0 auto !important;
  white-space: nowrap !important;
  padding-left: 13px !important;
  padding-right: 13px !important;
  font-size: clamp(11px, .82vw, 13px) !important;
}

/* Pantallas de notebook: compacta sin mandar Fútbol abajo */
@media (min-width: 900px) and (max-width: 1250px) {
  .site-header-v124 .top-nav,
  #mainNav.top-nav {
    gap: 9px !important;
    padding-left: 24px !important;
  }

  .site-header-v124 .top-nav a,
  .site-header-v124 .top-nav .ideal-main-link,
  #mainNav.top-nav a,
  #mainNav.top-nav .ideal-main-link {
    font-size: 11px !important;
  }

  .toolbar#catalogo,
  section.toolbar#catalogo {
    grid-template-columns: minmax(220px, .62fr) minmax(680px, 1.38fr) !important;
    gap: 16px !important;
  }

  .toolbar#catalogo .controls,
  section.toolbar#catalogo .controls {
    gap: 5px !important;
  }

  .toolbar#catalogo .controls input,
  section.toolbar#catalogo .controls input,
  #searchBox {
    flex-basis: 205px !important;
    min-width: 170px !important;
    margin-left: -22px !important;
  }

  .toolbar#catalogo .controls .filter,
  section.toolbar#catalogo .controls .filter {
    padding-left: 10px !important;
    padding-right: 10px !important;
    font-size: 10.5px !important;
  }
}

/* Mobile conserva scroll horizontal prolijo */
@media (max-width: 760px) {
  .toolbar#catalogo,
  section.toolbar#catalogo {
    display: block !important;
  }

  .toolbar#catalogo .controls,
  section.toolbar#catalogo .controls {
    justify-content: flex-start !important;
    overflow-x: auto !important;
  }

  .toolbar#catalogo .controls input,
  section.toolbar#catalogo .controls input,
  #searchBox {
    margin-left: 0 !important;
    min-width: 220px !important;
  }
}



/* ================= ELCLUB V229 — SELECTOR PALETA IDEAL PREMIUM ================= */
.ideal-premium-v229 {
  position: relative !important;
  max-width: 1320px !important;
  margin: clamp(34px, 5vw, 72px) auto clamp(34px, 5vw, 70px) !important;
  padding: 0 clamp(16px, 3vw, 30px) !important;
  overflow: visible !important;
  isolation: isolate !important;
}

.ideal-premium-v229 .ideal-premium-bg {
  position: absolute !important;
  inset: -36px 0 -34px !important;
  z-index: -1 !important;
  border-radius: 42px !important;
  background:
    radial-gradient(circle at 16% 6%, rgba(199,170,133,.18), transparent 34%),
    radial-gradient(circle at 86% 20%, rgba(255,255,255,.10), transparent 28%),
    linear-gradient(135deg, rgba(16,23,18,.92), rgba(5,7,10,.96) 55%, rgba(16,20,14,.96));
  border: 1px solid rgba(199,170,133,.22);
  box-shadow: 0 34px 100px rgba(0,0,0,.45), inset 0 1px 0 rgba(255,255,255,.08);
}

.ideal-premium-v229 .ideal-premium-inner {
  position: relative !important;
  border-radius: 34px !important;
  padding: clamp(22px, 3vw, 38px) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.075), rgba(255,255,255,.025)),
    rgba(255,255,255,.025);
  border: 1px solid rgba(255,255,255,.10);
  overflow: hidden !important;
}

.ideal-premium-v229 .ideal-premium-inner::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(90deg, rgba(199,170,133,.10), transparent 18%, transparent 82%, rgba(199,170,133,.08)),
    repeating-linear-gradient(135deg, rgba(255,255,255,.035) 0 1px, transparent 1px 18px);
  opacity: .36;
}

.ideal-premium-v229 .ideal-premium-head {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(230px, 320px);
  gap: 22px;
  align-items: end;
  margin-bottom: 24px;
}

.ideal-premium-v229 .ideal-premium-copy .eyebrow {
  color: #c7aa85 !important;
  font-weight: 1000 !important;
  letter-spacing: .15em !important;
  text-transform: uppercase !important;
  margin: 0 0 8px !important;
  font-size: 12px !important;
}

.ideal-premium-v229 h2 {
  margin: 0 !important;
  max-width: 760px !important;
  font-size: clamp(40px, 6.2vw, 88px) !important;
  line-height: .86 !important;
  letter-spacing: -.07em !important;
  text-transform: uppercase !important;
  color: #fff !important;
  text-shadow: 0 18px 48px rgba(0,0,0,.45);
}

.ideal-premium-v229 .ideal-premium-lead {
  max-width: 660px !important;
  margin: 14px 0 0 !important;
  color: rgba(255,255,255,.78) !important;
  font-size: clamp(14px, 1.3vw, 18px) !important;
  line-height: 1.35 !important;
  font-weight: 750 !important;
}

.ideal-premium-v229 .ideal-premium-card {
  justify-self: end;
  width: 100%;
  max-width: 320px;
  border-radius: 26px;
  padding: 20px 20px 18px;
  background:
    radial-gradient(circle at top left, rgba(199,170,133,.22), transparent 42%),
    rgba(0,0,0,.34);
  border: 1px solid rgba(199,170,133,.28);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.10), 0 20px 60px rgba(0,0,0,.26);
}

.ideal-premium-v229 .ideal-premium-card span {
  display: block;
  color: #c7aa85;
  font-size: 11px;
  letter-spacing: .13em;
  font-weight: 1000;
  text-transform: uppercase;
}

.ideal-premium-v229 .ideal-premium-card strong {
  display: block;
  margin-top: 8px;
  color: #fff;
  font-size: 25px;
  line-height: .98;
  text-transform: uppercase;
}

.ideal-premium-v229 .ideal-premium-card small {
  display: block;
  margin-top: 8px;
  color: rgba(255,255,255,.62);
  font-weight: 800;
}

.ideal-premium-v229 .ideal-level-tabs {
  position: relative;
  z-index: 2;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 10px !important;
  padding: 7px !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.07) !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  margin-bottom: 16px !important;
}

.ideal-premium-v229 .ideal-level-tabs button {
  border: 0 !important;
  border-radius: 999px !important;
  min-height: 48px !important;
  padding: 12px 18px !important;
  background: transparent !important;
  color: rgba(255,255,255,.78) !important;
  font-weight: 1000 !important;
  text-transform: uppercase !important;
  letter-spacing: .04em !important;
  transition: transform .18s ease, background .18s ease, color .18s ease, box-shadow .18s ease !important;
}

.ideal-premium-v229 .ideal-level-tabs button.active,
.ideal-premium-v229 .ideal-level-tabs button:hover {
  background: linear-gradient(135deg, #c7aa85, #8fc900) !important;
  color: #071009 !important;
  box-shadow: 0 14px 34px rgba(199,170,133,.20) !important;
  transform: translateY(-1px);
}

.ideal-premium-v229 .ideal-panel {
  position: relative;
  z-index: 2;
  display: none !important;
  grid-template-columns: minmax(230px, 330px) 1fr !important;
  gap: 16px !important;
  align-items: stretch !important;
}

.ideal-premium-v229 .ideal-panel.active {
  display: grid !important;
}

.ideal-premium-v229 .ideal-panel-copy {
  border-radius: 28px !important;
  padding: 24px !important;
  background:
    linear-gradient(180deg, rgba(199,170,133,.12), rgba(255,255,255,.035)),
    rgba(255,255,255,.035) !important;
  border: 1px solid rgba(199,170,133,.20) !important;
  min-height: 158px;
}

.ideal-premium-v229 .ideal-panel-copy strong {
  display: block !important;
  color: #c7aa85 !important;
  font-size: clamp(24px, 2.5vw, 38px) !important;
  line-height: .92 !important;
  letter-spacing: -.04em !important;
  text-transform: uppercase !important;
  margin-bottom: 12px !important;
}

.ideal-premium-v229 .ideal-panel-copy span {
  display: block !important;
  color: rgba(255,255,255,.80) !important;
  font-size: 15px !important;
  line-height: 1.32 !important;
  font-weight: 800 !important;
}

.ideal-premium-v229 .ideal-style-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 14px !important;
}

.ideal-premium-v229 .ideal-style-grid button {
  position: relative;
  min-height: 158px !important;
  border-radius: 28px !important;
  padding: 22px !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  background:
    radial-gradient(circle at 22% 0%, rgba(199,170,133,.16), transparent 34%),
    linear-gradient(180deg, rgba(255,255,255,.09), rgba(255,255,255,.035)) !important;
  color: #fff !important;
  text-align: left !important;
  overflow: hidden !important;
  cursor: pointer !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.10) !important;
  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease, background .18s ease !important;
}

.ideal-premium-v229 .ideal-style-grid button::after {
  content: "Ver paletas";
  position: absolute;
  left: 22px;
  bottom: 18px;
  color: #c7aa85;
  font-size: 11px;
  font-weight: 1000;
  text-transform: uppercase;
  letter-spacing: .11em;
  opacity: .9;
}

.ideal-premium-v229 .ideal-style-grid button:hover {
  transform: translateY(-3px);
  border-color: rgba(199,170,133,.44) !important;
  box-shadow: 0 20px 54px rgba(0,0,0,.30), 0 0 0 1px rgba(199,170,133,.12) !important;
  background:
    radial-gradient(circle at 18% 0%, rgba(199,170,133,.26), transparent 36%),
    linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,.045)) !important;
}

.ideal-premium-v229 .ideal-style-grid button b {
  display: block !important;
  font-size: clamp(22px, 2.3vw, 34px) !important;
  line-height: .92 !important;
  letter-spacing: -.045em !important;
  text-transform: uppercase !important;
  margin-bottom: 9px !important;
}

.ideal-premium-v229 .ideal-style-grid button span {
  display: block !important;
  color: rgba(255,255,255,.70) !important;
  font-size: 14px !important;
  line-height: 1.2 !important;
  font-weight: 800 !important;
  padding-bottom: 28px !important;
}

.ideal-premium-v229 .ideal-premium-note {
  position: relative;
  z-index: 2;
  margin-top: 16px;
  display: flex;
  align-items: center;
  gap: 14px;
  border-radius: 20px;
  padding: 14px 18px;
  background: rgba(0,0,0,.25);
  border: 1px solid rgba(255,255,255,.10);
}

.ideal-premium-v229 .ideal-premium-note span {
  flex: 0 0 auto;
  color: #071009;
  background: #c7aa85;
  border-radius: 999px;
  padding: 8px 12px;
  font-weight: 1000;
  text-transform: uppercase;
  font-size: 11px;
  letter-spacing: .08em;
}

.ideal-premium-v229 .ideal-premium-note p {
  margin: 0;
  color: rgba(255,255,255,.76);
  font-weight: 750;
  line-height: 1.3;
  font-size: 14px;
}

@media (max-width: 920px) {
  .ideal-premium-v229 .ideal-premium-head,
  .ideal-premium-v229 .ideal-panel {
    grid-template-columns: 1fr !important;
  }

  .ideal-premium-v229 .ideal-premium-card {
    justify-self: stretch;
    max-width: none;
  }

  .ideal-premium-v229 .ideal-style-grid {
    grid-template-columns: 1fr !important;
  }

  .ideal-premium-v229 .ideal-level-tabs {
    border-radius: 24px !important;
    grid-template-columns: 1fr !important;
  }

  .ideal-premium-v229 .ideal-premium-note {
    align-items: flex-start;
    flex-direction: column;
  }
}



/* ================= ELCLUB V230 — SELECTOR MÁS PREMIUM Y SIMPLE ================= */
.ideal-premium-v229 {
  max-width: 1240px !important;
  margin-top: clamp(38px, 5vw, 76px) !important;
  margin-bottom: clamp(34px, 5vw, 70px) !important;
}

.ideal-premium-v229 .ideal-premium-bg {
  border-radius: 34px !important;
  background:
    radial-gradient(circle at 18% 10%, rgba(199,170,133,.13), transparent 30%),
    linear-gradient(135deg, #101411 0%, #07090b 58%, #10140c 100%) !important;
  border-color: rgba(199,170,133,.18) !important;
  box-shadow: 0 28px 90px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.06) !important;
}

.ideal-premium-v229 .ideal-premium-inner {
  padding: clamp(22px, 2.7vw, 34px) !important;
  border-radius: 30px !important;
  background: rgba(255,255,255,.035) !important;
}

.ideal-premium-v229 .ideal-premium-inner::before {
  opacity: .18 !important;
}

.ideal-premium-v229 .ideal-premium-head {
  grid-template-columns: 1fr !important;
  gap: 12px !important;
  margin-bottom: 18px !important;
}

.ideal-premium-v229 .ideal-premium-card {
  display: none !important;
}

.ideal-premium-v229 h2 {
  max-width: 900px !important;
  font-size: clamp(38px, 5.4vw, 74px) !important;
  line-height: .9 !important;
  letter-spacing: -.065em !important;
}

.ideal-premium-v229 .ideal-premium-lead {
  max-width: 700px !important;
  margin-top: 12px !important;
  font-size: clamp(14px, 1.1vw, 16px) !important;
  color: rgba(255,255,255,.70) !important;
}

.ideal-premium-v229 .ideal-level-tabs {
  max-width: 760px !important;
  margin: 0 0 16px !important;
  padding: 6px !important;
  min-height: 0 !important;
}

.ideal-premium-v229 .ideal-level-tabs button {
  min-height: 42px !important;
  padding: 10px 14px !important;
  font-size: 12px !important;
}

.ideal-premium-v229 .ideal-panel.active {
  grid-template-columns: minmax(210px, 280px) 1fr !important;
  gap: 12px !important;
}

.ideal-premium-v229 .ideal-panel-copy {
  min-height: 132px !important;
  padding: 20px !important;
  border-radius: 24px !important;
}

.ideal-premium-v229 .ideal-panel-copy strong {
  font-size: clamp(22px, 2vw, 30px) !important;
  margin-bottom: 9px !important;
}

.ideal-premium-v229 .ideal-panel-copy span {
  font-size: 13.5px !important;
}

.ideal-premium-v229 .ideal-style-grid {
  gap: 12px !important;
}

.ideal-premium-v229 .ideal-style-grid button {
  min-height: 132px !important;
  padding: 20px !important;
  border-radius: 24px !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.035)) !important;
}

.ideal-premium-v229 .ideal-style-grid button::after {
  left: 20px !important;
  bottom: 16px !important;
  font-size: 10.5px !important;
}

.ideal-premium-v229 .ideal-style-grid button b {
  font-size: clamp(21px, 1.9vw, 29px) !important;
  margin-bottom: 8px !important;
}

.ideal-premium-v229 .ideal-style-grid button span {
  font-size: 13px !important;
}

.ideal-premium-v229 .ideal-premium-note {
  margin-top: 13px !important;
  padding: 12px 16px !important;
  border-radius: 18px !important;
}

.ideal-premium-v229 .ideal-premium-note p {
  font-size: 13px !important;
}

@media (max-width: 920px) {
  .ideal-premium-v229 .ideal-panel.active {
    grid-template-columns: 1fr !important;
  }
}



/* ================= ELCLUB V231 — SELECTOR MÁS CLARO Y SIMPLE ================= */
.ideal-premium-v229 .ideal-premium-note {
  display: none !important;
}

.ideal-premium-v229 .ideal-premium-bg {
  background:
    radial-gradient(circle at 18% 8%, rgba(199,170,133,.12), transparent 28%),
    linear-gradient(135deg, #0d100f 0%, #070809 62%, #11150d 100%) !important;
  border-color: rgba(199,170,133,.16) !important;
}

.ideal-premium-v229 .ideal-premium-inner {
  padding: clamp(20px, 2.4vw, 30px) !important;
}

.ideal-premium-v229 h2 {
  font-size: clamp(36px, 4.8vw, 66px) !important;
  max-width: 820px !important;
}

.ideal-premium-v229 .ideal-premium-lead {
  font-size: clamp(14px, 1vw, 16px) !important;
  max-width: 760px !important;
}

.ideal-premium-v229 .ideal-level-tabs {
  max-width: 680px !important;
  margin-top: 18px !important;
  margin-bottom: 18px !important;
}

.ideal-premium-v229 .ideal-panel.active {
  grid-template-columns: 250px 1fr !important;
  gap: 12px !important;
}

.ideal-premium-v229 .ideal-panel-copy {
  min-height: 118px !important;
  padding: 18px !important;
  border-radius: 22px !important;
}

.ideal-premium-v229 .ideal-panel-copy strong {
  font-size: clamp(21px, 1.8vw, 28px) !important;
}

.ideal-premium-v229 .ideal-style-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 12px !important;
}

.ideal-premium-v229 .ideal-style-grid button {
  min-height: 118px !important;
  border-radius: 22px !important;
  padding: 18px !important;
}

.ideal-premium-v229 .ideal-style-grid button b {
  font-size: clamp(20px, 1.65vw, 27px) !important;
}

.ideal-premium-v229 .ideal-style-grid button span {
  font-size: 13.5px !important;
  color: rgba(255,255,255,.74) !important;
}

.ideal-premium-v229 .ideal-style-grid button::after {
  content: "Ver recomendadas" !important;
  left: 18px !important;
  bottom: 15px !important;
}

@media (max-width: 920px) {
  .ideal-premium-v229 .ideal-panel.active {
    grid-template-columns: 1fr !important;
  }
}



/* ================= ELCLUB V232 — REMERA ELCLUB FONDO BLANCO ================= */
img[src*="remera-elclub-black-edition-front-white-v232"],
img[src*="remera-elclub-black-edition-back-white-v232"]{
  background: #fff !important;
}



/* ================= ELCLUB V234 — TEST PALA IDEAL SIMPLE PREMIUM ================= */
.ideal-test-v234 {
  max-width: 1180px !important;
  margin: clamp(34px, 5vw, 72px) auto clamp(36px, 5vw, 74px) !important;
  padding: 0 clamp(16px, 3vw, 28px) !important;
}

.ideal-test-v234 .ideal-premium-bg,
.ideal-test-v234 .ideal-premium-inner,
.ideal-test-v234 .ideal-premium-head,
.ideal-test-v234 .ideal-premium-card,
.ideal-test-v234 .ideal-panel-copy,
.ideal-test-v234 .ideal-premium-note {
  display: none !important;
}

.ideal-test-v234 .ideal-test-shell {
  position: relative;
  overflow: hidden;
  border-radius: 34px;
  padding: clamp(22px, 3.2vw, 42px);
  background:
    radial-gradient(circle at 14% 0%, rgba(199,170,133,.16), transparent 30%),
    radial-gradient(circle at 100% 18%, rgba(255,255,255,.08), transparent 24%),
    linear-gradient(135deg, rgba(17,22,18,.96), rgba(5,7,9,.98) 58%, rgba(12,16,11,.98));
  border: 1px solid rgba(199,170,133,.18);
  box-shadow: 0 30px 90px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.07);
}

.ideal-test-v234 .ideal-test-shell::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(90deg, rgba(199,170,133,.09), transparent 22%, transparent 78%, rgba(199,170,133,.06)),
    repeating-linear-gradient(135deg, rgba(255,255,255,.025) 0 1px, transparent 1px 22px);
  opacity: .38;
}

.ideal-test-v234 .ideal-test-header,
.ideal-test-v234 .ideal-test-step,
.ideal-test-v234 .ideal-level-tabs,
.ideal-test-v234 .ideal-panel {
  position: relative;
  z-index: 2;
}

.ideal-test-v234 .ideal-test-header {
  max-width: 780px;
  margin-bottom: 24px;
}

.ideal-test-v234 .eyebrow {
  margin: 0 0 8px !important;
  color: #c7aa85 !important;
  font-weight: 1000 !important;
  letter-spacing: .15em !important;
  text-transform: uppercase !important;
  font-size: 12px !important;
}

.ideal-test-v234 h2 {
  margin: 0 !important;
  color: #fff !important;
  font-size: clamp(42px, 6vw, 86px) !important;
  line-height: .86 !important;
  letter-spacing: -.07em !important;
  text-transform: uppercase !important;
}

.ideal-test-v234 .ideal-test-header p:not(.eyebrow) {
  margin: 14px 0 0 !important;
  color: rgba(255,255,255,.74) !important;
  font-size: clamp(14px, 1.2vw, 17px) !important;
  line-height: 1.36 !important;
  font-weight: 750 !important;
}

.ideal-test-v234 .ideal-test-step {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 18px 0 12px;
}

.ideal-test-v234 .ideal-test-step-second {
  margin-top: 20px;
}

.ideal-test-v234 .ideal-test-number {
  width: 42px;
  height: 42px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #c7aa85;
  color: #071009;
  font-weight: 1000;
  font-size: 14px;
  box-shadow: 0 12px 32px rgba(199,170,133,.20);
}

.ideal-test-v234 .ideal-test-step span {
  display: block;
  color: rgba(255,255,255,.48);
  font-size: 11px;
  font-weight: 1000;
  text-transform: uppercase;
  letter-spacing: .12em;
  margin-bottom: 2px;
}

.ideal-test-v234 .ideal-test-step h3 {
  margin: 0;
  color: #fff;
  font-size: clamp(22px, 2.4vw, 34px);
  line-height: .95;
  letter-spacing: -.045em;
}

.ideal-test-v234 .ideal-level-tabs {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 10px !important;
  max-width: 760px !important;
  padding: 6px !important;
  margin: 0 !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.065) !important;
  border: 1px solid rgba(255,255,255,.10) !important;
}

.ideal-test-v234 .ideal-level-tabs button {
  min-height: 46px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: transparent !important;
  color: rgba(255,255,255,.76) !important;
  font-weight: 1000 !important;
  text-transform: uppercase !important;
  letter-spacing: .04em !important;
  font-size: 12px !important;
  transition: .18s ease !important;
}

.ideal-test-v234 .ideal-level-tabs button.active,
.ideal-test-v234 .ideal-level-tabs button:hover {
  background: linear-gradient(135deg, #c7aa85, #8fc900) !important;
  color: #071009 !important;
  box-shadow: 0 14px 32px rgba(199,170,133,.18) !important;
}

.ideal-test-v234 .ideal-panel {
  display: none !important;
  margin-top: 0 !important;
}

.ideal-test-v234 .ideal-panel.active {
  display: block !important;
}

.ideal-test-v234 .ideal-style-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 12px !important;
}

.ideal-test-v234 .ideal-style-grid button {
  position: relative;
  min-height: 126px !important;
  border-radius: 24px !important;
  padding: 20px !important;
  text-align: left !important;
  color: #fff !important;
  background:
    radial-gradient(circle at 18% 0%, rgba(199,170,133,.13), transparent 35%),
    linear-gradient(180deg, rgba(255,255,255,.085), rgba(255,255,255,.035)) !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08) !important;
  cursor: pointer !important;
  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease !important;
  overflow: hidden !important;
}

.ideal-test-v234 .ideal-style-grid button:hover {
  transform: translateY(-3px);
  border-color: rgba(199,170,133,.42) !important;
  box-shadow: 0 18px 50px rgba(0,0,0,.32), 0 0 0 1px rgba(199,170,133,.10) !important;
}

.ideal-test-v234 .ideal-style-grid button b {
  display: block !important;
  font-size: clamp(22px, 2.1vw, 32px) !important;
  line-height: .92 !important;
  letter-spacing: -.045em !important;
  text-transform: uppercase !important;
  margin-bottom: 8px !important;
}

.ideal-test-v234 .ideal-style-grid button span {
  display: block !important;
  color: rgba(255,255,255,.72) !important;
  font-size: 13.5px !important;
  line-height: 1.25 !important;
  font-weight: 800 !important;
  max-width: 220px;
}

.ideal-test-v234 .ideal-style-grid button::after {
  content: "Ver paletas";
  position: absolute;
  right: 18px;
  bottom: 16px;
  color: #c7aa85;
  font-size: 10px;
  font-weight: 1000;
  letter-spacing: .10em;
  text-transform: uppercase;
}

@media (max-width: 820px) {
  .ideal-test-v234 .ideal-level-tabs,
  .ideal-test-v234 .ideal-style-grid {
    grid-template-columns: 1fr !important;
    border-radius: 22px !important;
  }

  .ideal-test-v234 .ideal-style-grid button {
    min-height: 112px !important;
  }
}



/* ================= ELCLUB V235 — MOBILE IMPECABLE + CHECKOUT ARRIBA ================= */

/* Checkout / datos cliente siempre arriba del carrito */
#checkoutModal,
#customerModal,
.checkout-modal,
.customer-modal,
.payment-modal,
.payment-choice-modal {
  z-index: 2147483650 !important;
}

body.cart-open #checkoutModal.open,
body.cart-open #customerModal.open,
body.cart-open .checkout-modal.open,
body.cart-open .customer-modal.open,
body.cart-open .payment-modal.open {
  z-index: 2147483650 !important;
}

/* Test pala ideal más fino en celular */
@media (max-width: 820px) {
  .ideal-test-v234 {
    margin: 28px auto 34px !important;
    padding: 0 12px !important;
  }

  .ideal-test-v234 .ideal-test-shell {
    border-radius: 26px !important;
    padding: 20px 16px !important;
  }

  .ideal-test-v234 h2 {
    font-size: clamp(38px, 13vw, 58px) !important;
    line-height: .88 !important;
  }

  .ideal-test-v234 .ideal-test-header p:not(.eyebrow) {
    font-size: 14px !important;
    line-height: 1.32 !important;
    max-width: 100% !important;
  }

  .ideal-test-v234 .ideal-test-step {
    gap: 10px !important;
    margin: 18px 0 10px !important;
  }

  .ideal-test-v234 .ideal-test-number {
    width: 38px !important;
    height: 38px !important;
    font-size: 13px !important;
  }

  .ideal-test-v234 .ideal-test-step h3 {
    font-size: 25px !important;
  }

  .ideal-test-v234 .ideal-level-tabs {
    grid-template-columns: 1fr !important;
    border-radius: 22px !important;
    gap: 7px !important;
    padding: 7px !important;
    max-width: 100% !important;
  }

  .ideal-test-v234 .ideal-level-tabs button {
    min-height: 44px !important;
    font-size: 12px !important;
  }

  .ideal-test-v234 .ideal-style-grid {
    grid-template-columns: 1fr !important;
    gap: 9px !important;
  }

  .ideal-test-v234 .ideal-style-grid button {
    min-height: 102px !important;
    border-radius: 20px !important;
    padding: 17px !important;
  }

  .ideal-test-v234 .ideal-style-grid button b {
    font-size: 25px !important;
  }

  .ideal-test-v234 .ideal-style-grid button span {
    font-size: 13px !important;
    max-width: calc(100% - 86px) !important;
  }

  .ideal-test-v234 .ideal-style-grid button::after {
    right: 16px !important;
    bottom: 15px !important;
    font-size: 9.5px !important;
  }
}

/* Product cards y filtros en celular: evitar saltos raros */
@media (max-width: 640px) {
  .toolbar#catalogo .controls,
  section.toolbar#catalogo .controls {
    gap: 7px !important;
    padding-bottom: 4px !important;
  }

  .toolbar#catalogo .controls .filter,
  section.toolbar#catalogo .controls .filter {
    min-height: 38px !important;
    padding: 9px 12px !important;
  }

  #cartPanel,
  .cart-panel {
    width: 100vw !important;
    max-width: 100vw !important;
  }
}



/* ================= ELCLUB V236 — NAV CLICKEABLE SOBRE CHECKOUT ================= */
/* Mientras está abierto completar datos, el header y categorías siguen clickeables. */
.site-header,
.site-header-v124,
#mainNav,
.top-nav,
.category-top-nav,
.header-main-row {
  pointer-events: auto !important;
}

body.checkout-open .site-header,
body.customer-open .site-header,
body.payment-open .site-header,
body.checkout-open #mainNav,
body.customer-open #mainNav,
body.payment-open #mainNav {
  z-index: 2147483660 !important;
  pointer-events: auto !important;
}

/* Los links de categorías quedan siempre operables */
#mainNav a,
.top-nav a,
.category-top-nav a,
.toolbar .filter,
section.toolbar .filter {
  pointer-events: auto !important;
}



/* ================= ELCLUB V238 — AJUSTES TEST Y REMERA ================= */
.ideal-test-v234 .ideal-test-step span { display: none !important; }
.ideal-test-v234 .ideal-test-step { margin-bottom: 12px !important; }
.ideal-test-v234 .ideal-style-grid button span { max-width: 250px !important; }
img[src*="remera-elclub-black-edition-front-clean-v238"],
img[src*="remera-elclub-black-edition-back-clean-v238"] { background:#fff !important; }



/* ================= ELCLUB V239 — CATEGORÍAS CLICKEABLES EN CHECKOUT ================= */
/* Asegura que el checkout no bloquee la navegación cuando se cierra por categoría. */
#checkoutDataModal:not(.open),
#checkoutModal:not(.open),
#customerModal:not(.open),
#paymentModal:not(.open),
.checkout-data-modal:not(.open),
.checkout-modal:not(.open),
.customer-modal:not(.open),
.payment-modal:not(.open),
.payment-choice-modal:not(.open) {
  pointer-events: none !important;
}

/* Header/categorías con prioridad de click cuando el usuario quiere navegar. */
.site-header,
.site-header-v124,
.header-main-row,
#mainNav,
.top-nav,
.category-top-nav {
  pointer-events: auto !important;
}

#mainNav a,
.top-nav a,
.category-top-nav a,
.toolbar .filter,
section.toolbar .filter {
  pointer-events: auto !important;
}



/* ================= ELCLUB V240 — BOTONES VOLVER CHECKOUT ================= */
.checkout-v240-nav {
  display: flex !important;
  gap: 10px !important;
  margin: 12px 0 18px !important;
  position: relative !important;
  z-index: 5 !important;
}

.checkout-v240-nav button {
  flex: 1 1 0 !important;
  min-height: 46px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(199,170,133,.35) !important;
  background: rgba(255,255,255,.06) !important;
  color: #fff !important;
  font-weight: 1000 !important;
  text-transform: uppercase !important;
  letter-spacing: .04em !important;
  cursor: pointer !important;
}

.checkout-v240-nav button:first-child {
  background: linear-gradient(135deg, #c7aa85, #92c900) !important;
  color: #071009 !important;
  border-color: transparent !important;
}

.checkout-v240-nav button:hover {
  transform: translateY(-1px);
}

@media(max-width: 720px){
  .checkout-v240-nav {
    flex-direction: column !important;
    margin: 10px 0 14px !important;
  }
}



/* ================= ELCLUB V241 — ESTABILIDAD CARRITO ================= */
#cartPanel{
  will-change: transform;
  contain: layout paint;
}

#cartPanel.open{
  z-index: 2147483600 !important;
  top: 0 !important;
  height: 100dvh !important;
  transform: translateX(0) !important;
  pointer-events: auto !important;
}

body.cart-open{
  overflow: hidden !important;
}

.elclub-cart-backdrop{
  position: fixed !important;
  inset: 0 !important;
  z-index: 2147483500 !important;
  background: rgba(0,0,0,.54) !important;
  backdrop-filter: blur(2px) !important;
}

body:not(.cart-open) .elclub-cart-backdrop{
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}



/* ================= ELCLUB V242 — FIX MOBILE HEADER SCROLL + REMERA ================= */
/* Corrige el corte visual del logo/buscador/carrito al scrollear en celular. */
@media (max-width: 760px) {
  html, body {
    overflow-x: hidden !important;
  }

  .site-header,
  .site-header-v124 {
    position: sticky !important;
    top: 0 !important;
    z-index: 9999 !important;
    overflow: visible !important;
    contain: none !important;
    transform: translateZ(0) !important;
    -webkit-transform: translateZ(0) !important;
    backface-visibility: hidden !important;
    -webkit-backface-visibility: hidden !important;
    background: rgba(5,7,8,.98) !important;
    box-shadow: 0 10px 28px rgba(0,0,0,.34) !important;
  }

  .header-benefits-bar {
    position: relative !important;
    z-index: 3 !important;
    min-height: 32px !important;
    overflow: hidden !important;
  }

  .header-main-row {
    position: relative !important;
    z-index: 4 !important;
    display: grid !important;
    grid-template-columns: auto minmax(0, 1fr) auto !important;
    gap: 8px !important;
    align-items: center !important;
    min-height: 58px !important;
    padding: 8px 10px !important;
    overflow: visible !important;
    background: rgba(5,7,8,.98) !important;
  }

  .header-main-row .brand,
  .brand {
    display: flex !important;
    align-items: center !important;
    min-width: 72px !important;
    max-width: 94px !important;
    overflow: visible !important;
  }

  .header-main-row .brand img,
  .brand img {
    display: block !important;
    width: 86px !important;
    max-width: 86px !important;
    height: auto !important;
    object-fit: contain !important;
  }

  .header-search-wrap {
    min-width: 0 !important;
    height: 42px !important;
    overflow: hidden !important;
    border-radius: 999px !important;
    background: rgba(255,255,255,.08) !important;
  }

  .header-search-wrap input,
  #headerSearch {
    height: 42px !important;
    min-height: 42px !important;
    font-size: 13px !important;
  }

  .header-actions {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    min-width: max-content !important;
    overflow: visible !important;
  }

  .cart-btn,
  #openCart {
    min-height: 38px !important;
    padding: 8px 10px !important;
    white-space: nowrap !important;
    font-size: 12px !important;
    border-radius: 999px !important;
  }

  .top-nav,
  #mainNav,
  .category-top-nav {
    position: relative !important;
    z-index: 2 !important;
    max-width: 100vw !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    background: rgba(5,7,8,.98) !important;
    -webkit-overflow-scrolling: touch !important;
    padding-top: 6px !important;
    padding-bottom: 8px !important;
  }

  /* Evita que el contenido pase “por debajo” y se vea cortado contra el header */
  main,
  #inicio {
    position: relative !important;
    z-index: 1 !important;
  }

  /* En celular, cuando se abre producto/carrito, no aplicar transform al header. */
  body.elclub-product-fullscreen .site-header,
  body.elclub-product-open-desktop .site-header {
    transform: none !important;
    opacity: 1 !important;
    visibility: visible !important;
  }
}

/* Remera ElClub: fondo blanco limpio en card y modal */
img[src*="remera-elclub-black-edition-front-clean-v242"],
img[src*="remera-elclub-black-edition-back-clean-v242"] {
  background: #fff !important;
  object-fit: contain !important;
}

.product-card img[src*="remera-elclub-black-edition-front-clean-v242"],
.product-card img[src*="remera-elclub-black-edition-back-clean-v242"] {
  padding: 6px !important;
  box-sizing: border-box !important;
}



/* ================= ELCLUB V243 — MOBILE HEADER LIMPIO SIN CORTE ================= */
/* En celular el header queda fijo, con fondo sólido, para que no se vea la imagen de abajo por arriba. */
@media (max-width: 760px) {
  body {
    padding-top: 138px !important;
  }

  .site-header,
  .site-header-v124 {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100vw !important;
    z-index: 2147482000 !important;
    background: #050708 !important;
    background-color: #050708 !important;
    overflow: hidden !important;
    border-bottom: 1px solid rgba(199,170,133,.18) !important;
    box-shadow: 0 12px 34px rgba(0,0,0,.55) !important;
    transform: none !important;
    -webkit-transform: none !important;
    contain: none !important;
  }

  .site-header::before,
  .site-header-v124::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: -1 !important;
    background: #050708 !important;
    opacity: 1 !important;
  }

  .header-benefits-bar {
    display: none !important;
  }

  .header-main-row {
    display: grid !important;
    grid-template-columns: minmax(90px, auto) 48px minmax(112px, auto) !important;
    grid-template-areas:
      "logo menu cart"
      "search search search" !important;
    gap: 10px 10px !important;
    align-items: center !important;
    padding: 12px 14px 14px !important;
    min-height: 126px !important;
    background: #050708 !important;
    overflow: hidden !important;
  }

  .header-main-row .brand,
  .site-header .brand,
  .site-header-v124 .brand {
    grid-area: logo !important;
    min-width: 0 !important;
    max-width: 118px !important;
    justify-self: start !important;
    overflow: hidden !important;
  }

  .header-main-row .brand img,
  .site-header .brand img,
  .site-header-v124 .brand img {
    width: 112px !important;
    max-width: 112px !important;
    height: auto !important;
    display: block !important;
    object-fit: contain !important;
  }

  .mobile-menu-toggle,
  .menu-toggle,
  .hamburger,
  #mobileMenuBtn {
    grid-area: menu !important;
    width: 46px !important;
    height: 46px !important;
    min-width: 46px !important;
    min-height: 46px !important;
    justify-self: center !important;
    border-radius: 16px !important;
    background: rgba(255,255,255,.08) !important;
    border: 1px solid rgba(255,255,255,.16) !important;
    box-shadow: none !important;
  }

  .header-actions {
    grid-area: cart !important;
    justify-self: end !important;
    display: flex !important;
    align-items: center !important;
    min-width: 0 !important;
    overflow: visible !important;
  }

  #openCart,
  .cart-btn,
  .cart-button {
    min-width: 108px !important;
    height: 46px !important;
    min-height: 46px !important;
    padding: 8px 12px !important;
    border-radius: 999px !important;
    font-size: 13px !important;
    line-height: 1 !important;
    white-space: nowrap !important;
  }

  .header-search-wrap,
  .search-wrap,
  .header-search {
    grid-area: search !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    height: 50px !important;
    border-radius: 999px !important;
    overflow: hidden !important;
    background: #fff !important;
    box-shadow: inset 0 0 0 1px rgba(0,0,0,.10) !important;
  }

  .header-search-wrap input,
  .search-wrap input,
  #headerSearch {
    width: 100% !important;
    height: 50px !important;
    min-height: 50px !important;
    background: #fff !important;
    color: #101418 !important;
    font-size: 15px !important;
  }

  .top-nav,
  #mainNav,
  .category-top-nav {
    display: none !important;
  }

  /* Evita que anclas queden tapadas por header fijo */
  #catalogo,
  #mobileIdeal,
  section {
    scroll-margin-top: 150px !important;
  }
}

/* Características del producto: un poco más abajo y más grandes */
@media (min-width: 900px) {
  #productModal.open #modalTechDescription {
    margin-top: 18px !important;
  }

  #productModal.open #modalTechDescription h2,
  #productModal.open #modalTechDescription h3,
  #productModal.open #modalTechDescription h4 {
    font-size: 22px !important;
    margin-bottom: 14px !important;
  }

  #productModal.open #modalTechDescription li,
  #productModal.open #modalTechDescription div:not(.modal-tech-description) {
    font-size: 16.8px !important;
    line-height: 1.28 !important;
  }
}

@media (max-width: 760px) {
  #productModal.open #modalTechDescription {
    margin-top: 14px !important;
  }

  #productModal.open #modalTechDescription h2,
  #productModal.open #modalTechDescription h3,
  #productModal.open #modalTechDescription h4 {
    font-size: 19px !important;
  }

  #productModal.open #modalTechDescription li,
  #productModal.open #modalTechDescription div:not(.modal-tech-description) {
    font-size: 15px !important;
    line-height: 1.25 !important;
  }
}



/* ================= ELCLUB V244 — MOBILE HEADER FINAL ================= */
/* 1) Cuando se abre un producto en celular, se esconde todo el header para que la ficha ocupe la pantalla. */
/* 2) Al scrollear, el header arranca arriba de todo: no queda contenido pasando por encima del logo. */

@media (max-width: 760px) {
  html {
    background: #050708 !important;
  }

  body {
    background: #050708 !important;
    padding-top: 132px !important;
    margin-top: 0 !important;
  }

  .site-header,
  .site-header-v124,
  header.site-header,
  header.site-header-v124 {
    position: fixed !important;
    inset: 0 0 auto 0 !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100vw !important;
    margin: 0 !important;
    padding: 0 !important;
    z-index: 2147482500 !important;
    background: #050708 !important;
    background-color: #050708 !important;
    overflow: hidden !important;
    transform: none !important;
    -webkit-transform: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    box-shadow: 0 14px 36px rgba(0,0,0,.62) !important;
    border-bottom: 1px solid rgba(199,170,133,.16) !important;
  }

  .site-header::before,
  .site-header-v124::before,
  header.site-header::before,
  header.site-header-v124::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    display: block !important;
    background: #050708 !important;
    z-index: -1 !important;
  }

  .site-header * ,
  .site-header-v124 * {
    transform: none !important;
  }

  .header-main-row {
    margin: 0 !important;
    background: #050708 !important;
    background-color: #050708 !important;
  }

  /* Tapa cualquier contenido que intente verse arriba del header */
  .site-header::after,
  .site-header-v124::after {
    content: "" !important;
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    height: 2px !important;
    background: #050708 !important;
    z-index: 2147482501 !important;
    pointer-events: none !important;
  }

  /* Producto abierto en celular: fuera header/logo/búsqueda/carrito */
  body.elclub-mobile-product-open .site-header,
  body.elclub-mobile-product-open .site-header-v124,
  body.elclub-mobile-product-open header.site-header,
  body.elclub-mobile-product-open header.site-header-v124 {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }

  body.elclub-mobile-product-open {
    padding-top: 0 !important;
    overflow: hidden !important;
  }

  body.elclub-mobile-product-open #productModal,
  body.elclub-mobile-product-open #productModal.open {
    position: fixed !important;
    inset: 0 !important;
    width: 100vw !important;
    height: 100dvh !important;
    max-height: 100dvh !important;
    z-index: 2147483600 !important;
    overflow-y: auto !important;
    background: #050708 !important;
    padding: 0 !important;
  }

  body.elclub-mobile-product-open #productModal .modal-card {
    min-height: 100dvh !important;
    max-height: none !important;
    margin: 0 !important;
    border-radius: 0 !important;
  }

  body.elclub-mobile-product-open .modal-close,
  body.elclub-mobile-product-open #modalClose {
    position: fixed !important;
    top: 12px !important;
    right: 12px !important;
    z-index: 2147483650 !important;
  }
}



/* ================= ELCLUB V245 — SELECTOR MÁS INTERACTIVO ================= */
.ideal-test-v234 .ideal-style-grid button {
  isolation: isolate !important;
}

.ideal-test-v234 .ideal-style-grid button.active-style {
  border-color: rgba(199,170,133,.72) !important;
  background:
    radial-gradient(circle at 18% 0%, rgba(199,170,133,.30), transparent 38%),
    linear-gradient(180deg, rgba(199,170,133,.14), rgba(255,255,255,.045)) !important;
  box-shadow:
    0 20px 60px rgba(0,0,0,.34),
    0 0 0 2px rgba(199,170,133,.20),
    0 0 42px rgba(199,170,133,.14),
    inset 0 1px 0 rgba(255,255,255,.12) !important;
  transform: translateY(-2px) !important;
}

.ideal-test-v234 .ideal-style-grid button.active-style::before {
  content: "Seleccionado" !important;
  position: absolute !important;
  top: 14px !important;
  right: 14px !important;
  z-index: 2 !important;
  padding: 7px 10px !important;
  border-radius: 999px !important;
  background: #c7aa85 !important;
  color: #071009 !important;
  font-size: 9px !important;
  line-height: 1 !important;
  font-weight: 1000 !important;
  text-transform: uppercase !important;
  letter-spacing: .08em !important;
  box-shadow: 0 10px 28px rgba(199,170,133,.20) !important;
}

.ideal-test-v234 .ideal-style-grid button.active-style b {
  color: #fff !important;
}

.ideal-test-v234 .ideal-style-grid button.active-style span {
  color: rgba(255,255,255,.86) !important;
}

.ideal-test-v234 .ideal-style-grid button.active-style::after {
  content: "Ver recomendadas" !important;
  color: #c7aa85 !important;
}

/* Más premium y claro sin cargarlo */
.ideal-test-v234 .ideal-test-shell {
  border-color: rgba(199,170,133,.24) !important;
}

.ideal-test-v234 .ideal-level-tabs button.active {
  box-shadow:
    0 14px 34px rgba(199,170,133,.22),
    inset 0 1px 0 rgba(255,255,255,.35) !important;
}

.ideal-test-v234 .ideal-style-grid button {
  backdrop-filter: blur(10px) !important;
}

@media (max-width: 820px) {
  .ideal-test-v234 .ideal-style-grid button.active-style::before {
    top: 12px !important;
    right: 12px !important;
    font-size: 8.5px !important;
    padding: 7px 9px !important;
  }

  .ideal-test-v234 .ideal-style-grid button.active-style {
    transform: none !important;
  }
}



/* ================= ELCLUB V246 — HEADER MOBILE ARRIBA + SELECTOR VERDE ================= */
/* El header mobile queda pegado arriba: no debe verse contenido de productos por encima del logo. */
@media (max-width: 760px) {
  body {
    padding-top: 132px !important;
    margin-top: 0 !important;
    background: #050708 !important;
    overflow-x: hidden !important;
  }

  .site-header,
  .site-header-v124,
  header,
  header.site-header,
  header.site-header-v124 {
    position: fixed !important;
    top: 0 !important;
    top: constant(safe-area-inset-top) !important;
    top: env(safe-area-inset-top) !important;
    left: 0 !important;
    right: 0 !important;
    width: 100vw !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    z-index: 2147483600 !important;
    background: #050708 !important;
    background-color: #050708 !important;
    overflow: hidden !important;
    transform: translate3d(0,0,0) !important;
    -webkit-transform: translate3d(0,0,0) !important;
    border-top: 0 !important;
  }

  /* Placa negra por encima del header para tapar cualquier producto que intente verse arriba */
  .site-header::before,
  .site-header-v124::before,
  header.site-header::before,
  header.site-header-v124::before {
    content: "" !important;
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    height: calc(env(safe-area-inset-top) + 140px) !important;
    background: #050708 !important;
    z-index: -1 !important;
    pointer-events: none !important;
  }

  .header-main-row {
    background: #050708 !important;
    background-color: #050708 !important;
    margin-top: 0 !important;
    padding-top: 12px !important;
  }

  /* Empuja visualmente el header al borde superior aunque Safari esté dejando un hueco raro */
  .site-header-v124 {
    translate: 0 0 !important;
  }

  body.elclub-mobile-product-open .site-header,
  body.elclub-mobile-product-open .site-header-v124,
  body.elclub-mobile-product-open header {
    display: none !important;
  }
}

/* Selector: marcado verde igual que nivel, sin texto "Seleccionado" */
.ideal-test-v234 .ideal-style-grid button.active-style {
  background: linear-gradient(135deg, #c7aa85, #8fc900) !important;
  color: #071009 !important;
  border-color: transparent !important;
  box-shadow:
    0 14px 34px rgba(199,170,133,.24),
    inset 0 1px 0 rgba(255,255,255,.38) !important;
  transform: translateY(-1px) !important;
}

.ideal-test-v234 .ideal-style-grid button.active-style::before {
  display: none !important;
  content: none !important;
}

.ideal-test-v234 .ideal-style-grid button.active-style b,
.ideal-test-v234 .ideal-style-grid button.active-style span {
  color: #071009 !important;
}

.ideal-test-v234 .ideal-style-grid button.active-style::after {
  color: #071009 !important;
  opacity: .75 !important;
}

/* Toque más premium sin cargar */
.ideal-test-v234 .ideal-style-grid button {
  transition: transform .16s ease, background .16s ease, box-shadow .16s ease, border-color .16s ease !important;
}

.ideal-test-v234 .ideal-style-grid button:hover {
  border-color: rgba(199,170,133,.38) !important;
}



/* ================= ELCLUB V247 — REMERA BLANCO + HERO RESTORE ================= */
img[src*="remera-elclub-black-edition-front-white-v247"],
img[src*="remera-elclub-black-edition-back-white-v247"] {
  background: #fff !important;
  object-fit: contain !important;
}

.product-card img[src*="remera-elclub-black-edition-front-white-v247"],
.product-card img[src*="remera-elclub-black-edition-back-white-v247"] {
  padding: 6px !important;
  box-sizing: border-box !important;
}

.hero-simple-slide .hero-main-img {
  object-fit: contain !important;
}



/* ================= ELCLUB V248 — TEXTOS CONFIANZA Y PRIMER IMPACTO ================= */
.hero-trust-v248 {
  max-width: 1320px;
  margin: clamp(18px, 3vw, 34px) auto clamp(18px, 3vw, 34px);
  padding: 0 clamp(16px, 3vw, 28px);
}

.hero-trust-v248-inner {
  border-radius: 30px;
  padding: clamp(22px, 3vw, 38px);
  background:
    radial-gradient(circle at 14% 0%, rgba(199,170,133,.16), transparent 32%),
    linear-gradient(135deg, rgba(14,18,16,.96), rgba(5,7,9,.98));
  border: 1px solid rgba(199,170,133,.20);
  box-shadow: 0 26px 80px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.07);
}

.hero-trust-v248 h1 {
  margin: 0;
  max-width: 940px;
  color: #fff;
  font-size: clamp(34px, 5vw, 76px);
  line-height: .9;
  letter-spacing: -.06em;
  text-transform: uppercase;
}

.hero-trust-v248 p {
  margin: 14px 0 0;
  color: rgba(255,255,255,.78);
  font-size: clamp(14px, 1.4vw, 19px);
  line-height: 1.35;
  font-weight: 850;
}

.footer-trust-v248 {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: center;
  align-items: center;
  padding: 18px clamp(16px, 3vw, 28px);
  border-top: 1px solid rgba(255,255,255,.08);
  color: rgba(255,255,255,.78);
  font-weight: 850;
  text-align: center;
}

.footer-trust-v248 span {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.footer-trust-v248 span::before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 999px;
  background: #c7aa85;
  box-shadow: 0 0 18px rgba(199,170,133,.32);
}

#cartPanel.cart-empty-v248 #cartTotalDual,
.cart-empty-v248 .cart-total-dual {
  display: none !important;
}

#cartPanel.cart-empty-v248 #checkoutPay {
  opacity: .72 !important;
  cursor: not-allowed !important;
}

@media (max-width: 760px) {
  .hero-trust-v248 {
    margin-top: 18px;
  }

  .hero-trust-v248-inner {
    border-radius: 24px;
    padding: 22px 18px;
  }

  .hero-trust-v248 h1 {
    font-size: clamp(30px, 10vw, 46px);
  }

  .hero-trust-v248 p {
    font-size: 14px;
  }

  .footer-trust-v248 {
    flex-direction: column;
    align-items: flex-start;
    text-align: left;
  }
}



/* ================= ELCLUB V249 — HERO TEXTO MÁS RESPIRADO ================= */
.hero-trust-v248 h1 {
  letter-spacing: -0.025em !important;
  word-spacing: 0.12em !important;
  line-height: 0.96 !important;
}

.hero-trust-v248 p {
  letter-spacing: 0.015em !important;
  word-spacing: 0.10em !important;
  line-height: 1.45 !important;
}

/* Footer confianza: donde aparece Catamarca */
.footer-trust-v248 {
  margin-top: 12px !important;
}

@media (max-width: 760px) {
  .hero-trust-v248 h1 {
    letter-spacing: -0.015em !important;
    word-spacing: 0.08em !important;
    line-height: 1.02 !important;
  }

  .hero-trust-v248 p {
    letter-spacing: 0.01em !important;
    word-spacing: 0.08em !important;
    line-height: 1.5 !important;
  }
}



/* ================= ELCLUB V251 — LIMPIEZA FINAL TEXTOS ================= */
.elclub-cart-empty #cartTotalDual,
body.elclub-cart-empty #cartTotalDual,
#cartPanel.cart-empty-v248 #cartTotalDual {
  display: none !important;
}

body.elclub-cart-empty #checkoutPay,
#cartPanel.cart-empty-v248 #checkoutPay {
  opacity: .72 !important;
  cursor: not-allowed !important;
}



/* ================= ELCLUB V252 — MOBILE HEADER SIN BENEFICIOS ================= */
/* En celular se oculta la tira superior de beneficios para que el buscador/logo/carrito no se rompan. */
@media (max-width: 760px) {
  .header-benefits-bar,
  .benefits-bar,
  .top-benefits,
  .promo-strip,
  .header-ticker,
  .ticker-bar,
  .shipping-bar,
  .benefit-ticker,
  .announcement-bar {
    display: none !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }

  body {
    padding-top: 104px !important;
  }

  .site-header,
  .site-header-v124,
  header.site-header,
  header.site-header-v124 {
    top: 0 !important;
    min-height: 104px !important;
    max-height: 112px !important;
    background: #050708 !important;
  }

  .header-main-row {
    min-height: 104px !important;
    padding: 6px 12px 10px !important;
    gap: 7px 8px !important;
    grid-template-columns: minmax(86px, auto) 44px minmax(104px, auto) !important;
    grid-template-areas:
      "logo menu cart"
      "search search search" !important;
    align-content: start !important;
  }

  .header-main-row .brand,
  .site-header .brand,
  .site-header-v124 .brand {
    align-self: start !important;
    margin-top: 0 !important;
    max-width: 106px !important;
  }

  .header-main-row .brand img,
  .site-header .brand img,
  .site-header-v124 .brand img {
    width: 102px !important;
    max-width: 102px !important;
  }

  .mobile-menu-toggle,
  .menu-toggle,
  .hamburger,
  #mobileMenuBtn {
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    min-height: 42px !important;
    align-self: start !important;
  }

  .header-actions {
    align-self: start !important;
  }

  #openCart,
  .cart-btn,
  .cart-button {
    min-width: 104px !important;
    height: 42px !important;
    min-height: 42px !important;
    padding: 7px 10px !important;
    font-size: 12px !important;
  }

  .header-search-wrap,
  .search-wrap,
  .header-search {
    height: 46px !important;
    margin-top: 0 !important;
  }

  .header-search-wrap input,
  .search-wrap input,
  #headerSearch {
    height: 46px !important;
    min-height: 46px !important;
    font-size: 14px !important;
  }

  #catalogo,
  #mobileIdeal,
  section {
    scroll-margin-top: 116px !important;
  }

  /* Si algún estilo anterior calculaba placa negra con 140px, la ajustamos al nuevo header. */
  .site-header::before,
  .site-header-v124::before,
  header.site-header::before,
  header.site-header-v124::before {
    height: calc(env(safe-area-inset-top) + 112px) !important;
  }
}



/* ================= ELCLUB V253 — PALA IDEAL BOTONES SIMPLES ================= */
.ideal-test-v234 .ideal-style-grid button {
  min-height: 108px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  gap: 10px !important;
}

.ideal-test-v234 .ideal-style-grid button b {
  margin-bottom: 0 !important;
}

.ideal-test-v234 .ideal-style-grid button span {
  display: block !important;
  padding-bottom: 0 !important;
  max-width: none !important;
  color: rgba(199,170,133,.92) !important;
  font-size: 12px !important;
  font-weight: 1000 !important;
  text-transform: uppercase !important;
  letter-spacing: .10em !important;
}

.ideal-test-v234 .ideal-style-grid button::after {
  display: none !important;
  content: none !important;
}

.ideal-test-v234 .ideal-style-grid button.active-style span {
  color: #071009 !important;
  opacity: .82 !important;
}

@media (max-width: 820px) {
  .ideal-test-v234 .ideal-style-grid button {
    min-height: 92px !important;
    gap: 8px !important;
  }

  .ideal-test-v234 .ideal-style-grid button span {
    font-size: 11px !important;
  }
}



/* ================= ELCLUB V254 — HEADER MOBILE ILUMINADO FINAL ================= */
/* Corrige el header mobile negro/apagado y deja logo, buscador y carrito visibles y premium. */

/* Desktop + mobile: más luz sin cambiar identidad */
.site-header,
.site-header-v124 {
  background:
    radial-gradient(circle at 14% 0%, rgba(199,170,133,.10), transparent 28%),
    linear-gradient(180deg, rgba(9,13,11,.98), rgba(4,6,7,.98)) !important;
  border-bottom: 1px solid rgba(199,170,133,.18) !important;
  box-shadow: 0 14px 38px rgba(0,0,0,.42), 0 0 34px rgba(199,170,133,.055) !important;
}

.header-main-row {
  background: transparent !important;
}

.header-search-wrap,
.search-wrap,
.header-search {
  background: rgba(255,255,255,.96) !important;
  border: 1px solid rgba(199,170,133,.22) !important;
  box-shadow: 0 12px 30px rgba(0,0,0,.22), 0 0 24px rgba(199,170,133,.08) !important;
}

.header-search-wrap input,
.search-wrap input,
#headerSearch {
  background: transparent !important;
  color: #101418 !important;
}

.header-search-wrap input::placeholder,
.search-wrap input::placeholder,
#headerSearch::placeholder {
  color: rgba(16,20,24,.58) !important;
}

#openCart,
.cart-btn,
.cart-button {
  background: linear-gradient(135deg, #c7aa85, #8fc900) !important;
  color: #071009 !important;
  border: 1px solid rgba(255,255,255,.22) !important;
  box-shadow: 0 12px 30px rgba(199,170,133,.20), inset 0 1px 0 rgba(255,255,255,.36) !important;
  font-weight: 1000 !important;
}

.mobile-menu-toggle,
.menu-toggle,
.hamburger,
#mobileMenuBtn {
  background: rgba(255,255,255,.09) !important;
  border: 1px solid rgba(199,170,133,.24) !important;
  box-shadow: 0 10px 26px rgba(0,0,0,.22), 0 0 22px rgba(199,170,133,.06) !important;
}

/* Mobile: estructura estable y luminosa */
@media (max-width: 760px) {
  html,
  body {
    background: #050708 !important;
  }

  body {
    padding-top: 108px !important;
    margin-top: 0 !important;
    overflow-x: hidden !important;
  }

  .site-header,
  .site-header-v124,
  header.site-header,
  header.site-header-v124 {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100vw !important;
    min-height: 108px !important;
    max-height: 112px !important;
    margin: 0 !important;
    padding: 0 !important;
    z-index: 2147483600 !important;
    overflow: hidden !important;
    opacity: 1 !important;
    visibility: visible !important;
    background:
      radial-gradient(circle at 8% 0%, rgba(199,170,133,.16), transparent 30%),
      linear-gradient(180deg, #0b100d 0%, #050708 100%) !important;
    border-bottom: 1px solid rgba(199,170,133,.24) !important;
    box-shadow: 0 12px 34px rgba(0,0,0,.58), 0 0 30px rgba(199,170,133,.09) !important;
    transform: none !important;
    -webkit-transform: none !important;
  }

  .site-header::before,
  .site-header-v124::before,
  header.site-header::before,
  header.site-header-v124::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    background:
      radial-gradient(circle at 12% 0%, rgba(199,170,133,.12), transparent 34%),
      #050708 !important;
    z-index: -1 !important;
    pointer-events: none !important;
  }

  .header-benefits-bar,
  .benefits-bar,
  .top-benefits,
  .promo-strip,
  .header-ticker,
  .ticker-bar,
  .shipping-bar,
  .benefit-ticker,
  .announcement-bar {
    display: none !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
  }

  .header-main-row {
    display: grid !important;
    grid-template-columns: minmax(82px, 96px) 44px minmax(96px, auto) !important;
    grid-template-areas:
      "logo menu cart"
      "search search search" !important;
    align-items: center !important;
    align-content: start !important;
    gap: 7px 8px !important;
    min-height: 108px !important;
    height: 108px !important;
    padding: 6px 12px 8px !important;
    margin: 0 !important;
    overflow: hidden !important;
    background: transparent !important;
  }

  .header-main-row .brand,
  .site-header .brand,
  .site-header-v124 .brand,
  a.brand {
    grid-area: logo !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    align-self: center !important;
    min-width: 0 !important;
    max-width: 96px !important;
    height: 42px !important;
    overflow: visible !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  .header-main-row .brand img,
  .site-header .brand img,
  .site-header-v124 .brand img,
  a.brand img {
    display: block !important;
    width: 96px !important;
    max-width: 96px !important;
    height: auto !important;
    max-height: 40px !important;
    object-fit: contain !important;
    opacity: 1 !important;
    visibility: visible !important;
    filter: drop-shadow(0 0 10px rgba(199,170,133,.16)) !important;
  }

  .mobile-menu-toggle,
  .menu-toggle,
  .hamburger,
  #mobileMenuBtn {
    grid-area: menu !important;
    align-self: center !important;
    justify-self: center !important;
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    min-height: 42px !important;
    border-radius: 15px !important;
    background: rgba(255,255,255,.10) !important;
    border: 1px solid rgba(199,170,133,.30) !important;
    color: #c7aa85 !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  .mobile-menu-toggle span,
  .menu-toggle span,
  .hamburger span,
  #mobileMenuBtn span {
    background: #c7aa85 !important;
    color: #c7aa85 !important;
  }

  .header-actions {
    grid-area: cart !important;
    justify-self: end !important;
    align-self: center !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    min-width: 0 !important;
    max-width: 128px !important;
    overflow: visible !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  #openCart,
  .cart-btn,
  .cart-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 98px !important;
    max-width: 122px !important;
    height: 42px !important;
    min-height: 42px !important;
    padding: 7px 10px !important;
    border-radius: 999px !important;
    font-size: 12px !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  .header-search-wrap,
  .search-wrap,
  .header-search {
    grid-area: search !important;
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    height: 46px !important;
    min-height: 46px !important;
    margin: 0 !important;
    border-radius: 999px !important;
    overflow: hidden !important;
    opacity: 1 !important;
    visibility: visible !important;
    background: #f7f8f5 !important;
    border: 1px solid rgba(199,170,133,.32) !important;
    box-shadow: 0 12px 26px rgba(0,0,0,.28), 0 0 20px rgba(199,170,133,.10) !important;
  }

  .header-search-wrap input,
  .search-wrap input,
  #headerSearch {
    width: 100% !important;
    height: 46px !important;
    min-height: 46px !important;
    padding: 0 16px !important;
    border: 0 !important;
    outline: 0 !important;
    background: transparent !important;
    color: #111 !important;
    font-size: 14px !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  .top-nav,
  #mainNav,
  .category-top-nav {
    display: none !important;
  }

  #catalogo,
  #mobileIdeal,
  section {
    scroll-margin-top: 120px !important;
  }
}

/* Si el producto está abierto en mobile, el header desaparece como ya pediste */
@media (max-width: 760px) {
  body.elclub-mobile-product-open .site-header,
  body.elclub-mobile-product-open .site-header-v124,
  body.elclub-mobile-product-open header.site-header,
  body.elclub-mobile-product-open header.site-header-v124 {
    display: none !important;
  }

  body.elclub-mobile-product-open {
    padding-top: 0 !important;
  }
}



/* ================= ELCLUB V255 — MOBILE HEADER ILUMINADO ESTABLE ================= */
/* Reset final: evita que reglas viejas de header lo dejen negro, cortado o sin click. */
@media (max-width: 760px) {
  html, body {
    background: #050708 !important;
    overflow-x: hidden !important;
  }

  body {
    padding-top: 112px !important;
  }

  .header-benefits-bar,
  .benefits-bar,
  .top-benefits,
  .promo-strip,
  .header-ticker,
  .ticker-bar,
  .shipping-bar,
  .benefit-ticker,
  .announcement-bar,
  .top-nav,
  #mainNav,
  .category-top-nav {
    display: none !important;
    height: 0 !important;
    max-height: 0 !important;
    min-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }

  .site-header,
  .site-header-v124,
  header.site-header,
  header.site-header-v124 {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100vw !important;
    height: 112px !important;
    min-height: 112px !important;
    max-height: 112px !important;
    margin: 0 !important;
    padding: 0 !important;
    z-index: 2147483000 !important;
    overflow: hidden !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    background:
      radial-gradient(circle at 8% 0%, rgba(199,170,133,.30), transparent 32%),
      radial-gradient(circle at 92% 8%, rgba(255,255,255,.12), transparent 28%),
      linear-gradient(180deg, #121a13 0%, #080c0a 48%, #050708 100%) !important;
    border-bottom: 1px solid rgba(199,170,133,.35) !important;
    box-shadow:
      0 16px 42px rgba(0,0,0,.62),
      0 0 38px rgba(199,170,133,.18),
      inset 0 1px 0 rgba(255,255,255,.08) !important;
    transform: none !important;
    -webkit-transform: none !important;
    contain: none !important;
  }

  .site-header::before,
  .site-header-v124::before,
  .site-header::after,
  .site-header-v124::after {
    display: none !important;
    content: none !important;
  }

  .header-main-row {
    position: relative !important;
    z-index: 2 !important;
    display: grid !important;
    grid-template-columns: 100px 44px 1fr !important;
    grid-template-areas:
      "logo menu cart"
      "search search search" !important;
    align-items: center !important;
    gap: 8px !important;
    width: 100% !important;
    height: 112px !important;
    min-height: 112px !important;
    padding: 8px 12px 10px !important;
    margin: 0 !important;
    background: transparent !important;
    overflow: visible !important;
    box-sizing: border-box !important;
  }

  .brand,
  .header-main-row .brand,
  .site-header .brand,
  .site-header-v124 .brand {
    grid-area: logo !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: 100px !important;
    max-width: 100px !important;
    height: 42px !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    overflow: visible !important;
  }

  .brand img,
  .header-main-row .brand img,
  .site-header .brand img,
  .site-header-v124 .brand img {
    display: block !important;
    width: 98px !important;
    max-width: 98px !important;
    max-height: 40px !important;
    height: auto !important;
    object-fit: contain !important;
    opacity: 1 !important;
    visibility: visible !important;
    filter:
      drop-shadow(0 0 10px rgba(199,170,133,.28))
      drop-shadow(0 6px 14px rgba(0,0,0,.45)) !important;
  }

  .mobile-menu-toggle,
  .menu-toggle,
  .hamburger,
  #mobileMenuBtn {
    grid-area: menu !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    min-height: 42px !important;
    border-radius: 15px !important;
    background: rgba(255,255,255,.13) !important;
    border: 1px solid rgba(199,170,133,.42) !important;
    color: #c7aa85 !important;
    box-shadow: 0 12px 28px rgba(0,0,0,.30), 0 0 22px rgba(199,170,133,.16) !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  .mobile-menu-toggle span,
  .menu-toggle span,
  .hamburger span,
  #mobileMenuBtn span {
    background: #c7aa85 !important;
    color: #c7aa85 !important;
  }

  .header-actions {
    grid-area: cart !important;
    display: flex !important;
    justify-content: flex-end !important;
    align-items: center !important;
    min-width: 0 !important;
    max-width: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    overflow: visible !important;
  }

  #openCart,
  .cart-btn,
  .cart-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    min-width: 104px !important;
    max-width: 138px !important;
    height: 42px !important;
    min-height: 42px !important;
    padding: 7px 12px !important;
    border-radius: 999px !important;
    background: linear-gradient(135deg, #c7aa85, #92c900) !important;
    color: #071009 !important;
    border: 1px solid rgba(255,255,255,.28) !important;
    box-shadow: 0 14px 32px rgba(199,170,133,.28), inset 0 1px 0 rgba(255,255,255,.40) !important;
    font-size: 12px !important;
    font-weight: 1000 !important;
    white-space: nowrap !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  .header-search-wrap,
  .search-wrap,
  .header-search {
    grid-area: search !important;
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    height: 46px !important;
    min-height: 46px !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 999px !important;
    background: #ffffff !important;
    border: 1px solid rgba(199,170,133,.40) !important;
    box-shadow:
      0 12px 28px rgba(0,0,0,.34),
      0 0 24px rgba(199,170,133,.16),
      inset 0 1px 0 rgba(255,255,255,.80) !important;
    opacity: 1 !important;
    visibility: visible !important;
    overflow: hidden !important;
  }

  .header-search-wrap input,
  .search-wrap input,
  #headerSearch {
    display: block !important;
    width: 100% !important;
    height: 46px !important;
    min-height: 46px !important;
    padding: 0 16px !important;
    border: 0 !important;
    outline: 0 !important;
    background: transparent !important;
    color: #111418 !important;
    font-size: 14px !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  .header-search-wrap input::placeholder,
  .search-wrap input::placeholder,
  #headerSearch::placeholder {
    color: rgba(17,20,24,.55) !important;
  }

  #catalogo,
  #mobileIdeal,
  section {
    scroll-margin-top: 124px !important;
  }

  body.elclub-mobile-product-open {
    padding-top: 0 !important;
  }

  body.elclub-mobile-product-open .site-header,
  body.elclub-mobile-product-open .site-header-v124,
  body.elclub-mobile-product-open header.site-header,
  body.elclub-mobile-product-open header.site-header-v124 {
    display: none !important;
  }
}

/* Desktop también un poco más iluminado/premium */
@media (min-width: 761px) {
  .site-header,
  .site-header-v124 {
    background:
      radial-gradient(circle at 12% 0%, rgba(199,170,133,.14), transparent 30%),
      linear-gradient(180deg, rgba(10,15,12,.98), rgba(5,7,8,.98)) !important;
    border-bottom: 1px solid rgba(199,170,133,.20) !important;
    box-shadow: 0 14px 38px rgba(0,0,0,.40), 0 0 34px rgba(199,170,133,.07) !important;
  }
}



/* ================= ELCLUB V256 — HEADER MOBILE FINAL SIN BARRA NEGRA ================= */
/* Corrección fuerte: el header mobile usa estructura real del HTML.
   Logo + menú + carrito arriba; buscador abajo. Nada queda oculto en una barra negra. */
@media (max-width: 760px) {
  html,
  body {
    background: #f2f3f1 !important;
    overflow-x: hidden !important;
  }

  body {
    padding-top: 118px !important;
    margin: 0 !important;
  }

  .site-header.site-header-v124 {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100vw !important;
    height: 118px !important;
    min-height: 118px !important;
    max-height: 118px !important;
    margin: 0 !important;
    padding: 0 !important;
    z-index: 2147483000 !important;
    display: block !important;
    overflow: visible !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    background:
      radial-gradient(circle at 10% 0%, rgba(199,170,133,.26), transparent 30%),
      linear-gradient(180deg, #0c120f 0%, #050708 100%) !important;
    border-bottom: 1px solid rgba(199,170,133,.32) !important;
    box-shadow: 0 14px 36px rgba(0,0,0,.48), 0 0 34px rgba(199,170,133,.13) !important;
    transform: none !important;
    -webkit-transform: none !important;
    contain: none !important;
  }

  .site-header.site-header-v124::before,
  .site-header.site-header-v124::after {
    display: none !important;
    content: none !important;
  }

  .site-header-v124 .header-benefits-bar,
  .site-header-v124 .top-nav,
  .site-header-v124 #mainNav,
  .site-header-v124 .category-top-nav {
    display: none !important;
    height: 0 !important;
    max-height: 0 !important;
    min-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }

  .site-header-v124 .header-main-row {
    position: relative !important;
    z-index: 2 !important;
    display: grid !important;
    grid-template-columns: 118px 1fr 132px !important;
    grid-template-rows: 48px 52px !important;
    grid-template-areas:
      "logo actions actions"
      "search search search" !important;
    align-items: center !important;
    gap: 8px 10px !important;
    width: 100% !important;
    height: 118px !important;
    min-height: 118px !important;
    max-height: 118px !important;
    margin: 0 !important;
    padding: 8px 12px 10px !important;
    box-sizing: border-box !important;
    overflow: visible !important;
    background: transparent !important;
    transform: none !important;
  }

  .site-header-v124 .brand {
    grid-area: logo !important;
    position: static !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: 118px !important;
    max-width: 118px !important;
    min-width: 118px !important;
    height: 48px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    background: transparent !important;
  }

  .site-header-v124 .brand img {
    display: block !important;
    width: 112px !important;
    max-width: 112px !important;
    height: auto !important;
    max-height: 46px !important;
    object-fit: contain !important;
    opacity: 1 !important;
    visibility: visible !important;
    filter: drop-shadow(0 0 10px rgba(199,170,133,.22)) !important;
  }

  .site-header-v124 .header-actions {
    grid-area: actions !important;
    position: static !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 10px !important;
    width: 100% !important;
    height: 48px !important;
    margin: 0 !important;
    padding: 0 !important;
    opacity: 1 !important;
    visibility: visible !important;
    overflow: visible !important;
    background: transparent !important;
  }

  .site-header-v124 .mobile-menu-toggle {
    order: 1 !important;
    position: static !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 46px !important;
    height: 46px !important;
    min-width: 46px !important;
    min-height: 46px !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 16px !important;
    border: 1px solid rgba(199,170,133,.34) !important;
    background: rgba(255,255,255,.11) !important;
    box-shadow: 0 10px 24px rgba(0,0,0,.30), 0 0 20px rgba(199,170,133,.13) !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  .site-header-v124 .mobile-menu-toggle span {
    display: block !important;
    width: 22px !important;
    height: 2px !important;
    margin: 3px 0 !important;
    border-radius: 999px !important;
    background: #ffffff !important;
    opacity: 1 !important;
  }

  .site-header-v124 .cart-btn {
    order: 2 !important;
    position: static !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    min-width: 108px !important;
    max-width: 128px !important;
    width: auto !important;
    height: 46px !important;
    min-height: 46px !important;
    margin: 0 !important;
    padding: 0 12px !important;
    border: 1px solid rgba(255,255,255,.26) !important;
    border-radius: 999px !important;
    background: linear-gradient(135deg, #c7aa85, #92c900) !important;
    color: #071009 !important;
    font-size: 12px !important;
    font-weight: 1000 !important;
    line-height: 1 !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
    box-shadow: 0 13px 30px rgba(199,170,133,.25), inset 0 1px 0 rgba(255,255,255,.38) !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  .site-header-v124 .cart-btn #cartCount {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 24px !important;
    height: 24px !important;
    border-radius: 999px !important;
    background: #071009 !important;
    color: #c7aa85 !important;
    font-size: 12px !important;
    font-weight: 1000 !important;
  }

  .site-header-v124 .header-search-wrap {
    grid-area: search !important;
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    height: 52px !important;
    min-height: 52px !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 999px !important;
    background: #ffffff !important;
    border: 1px solid rgba(199,170,133,.34) !important;
    box-shadow: 0 11px 26px rgba(0,0,0,.30), 0 0 22px rgba(199,170,133,.12) !important;
    overflow: hidden !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  .site-header-v124 #headerSearch {
    display: block !important;
    flex: 1 1 auto !important;
    width: 100% !important;
    height: 52px !important;
    min-height: 52px !important;
    margin: 0 !important;
    padding: 0 62px 0 18px !important;
    border: 0 !important;
    outline: 0 !important;
    background: transparent !important;
    color: #101418 !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  .site-header-v124 #headerSearch::placeholder {
    color: rgba(16,20,24,.55) !important;
  }

  .site-header-v124 .header-search-btn {
    position: absolute !important;
    right: 5px !important;
    top: 5px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 42px !important;
    height: 42px !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: #0b1220 !important;
    color: #ffffff !important;
    font-size: 20px !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  #catalogo,
  #mobileIdeal,
  section {
    scroll-margin-top: 126px !important;
  }

  body.elclub-mobile-product-open {
    padding-top: 0 !important;
  }

  body.elclub-mobile-product-open .site-header.site-header-v124 {
    display: none !important;
  }
}

/* Desktop: iluminación sutil pero estable */
@media (min-width: 761px) {
  .site-header.site-header-v124 {
    background:
      radial-gradient(circle at 12% 0%, rgba(199,170,133,.13), transparent 32%),
      linear-gradient(180deg, rgba(10,15,12,.98), rgba(5,7,8,.98)) !important;
    border-bottom: 1px solid rgba(199,170,133,.20) !important;
    box-shadow: 0 14px 38px rgba(0,0,0,.38), 0 0 34px rgba(199,170,133,.06) !important;
  }
}



/* ================= ELCLUB V257 — SIN BLOQUE PREMIUM HERO ================= */
.hero-trust-v248 {
  display: none !important;
}



/* ================= ELCLUB V258 — MOBILE DARK + MENÚ IZQ LOGO CENTRO ================= */
@media (max-width: 760px) {
  html,
  body {
    background: #050708 !important;
  }

  body {
    padding-top: 120px !important;
    margin: 0 !important;
    overflow-x: hidden !important;
  }

  main,
  #inicio,
  .hero-simple-wrap,
  .hero-collections,
  #catalogo,
  .toolbar,
  .products,
  .product-grid,
  .ideal-test-v234,
  .mobile-ideal-section {
    background-color: #050708 !important;
  }

  /* Mata la franja blanca entre secciones */
  section,
  .section,
  .page-section {
    background-color: transparent !important;
  }

  .site-header.site-header-v124 {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100vw !important;
    height: 120px !important;
    min-height: 120px !important;
    max-height: none !important;
    z-index: 2147483000 !important;
    overflow: visible !important;
    background:
      radial-gradient(circle at 48% 0%, rgba(199,170,133,.22), transparent 34%),
      linear-gradient(180deg, #10170f 0%, #050708 100%) !important;
    border-bottom: 1px solid rgba(199,170,133,.30) !important;
    box-shadow: 0 14px 34px rgba(0,0,0,.50), 0 0 34px rgba(199,170,133,.12) !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
  }

  .site-header-v124 .header-benefits-bar {
    display: none !important;
  }

  .site-header-v124 .header-main-row {
    display: grid !important;
    grid-template-columns: 52px 1fr 112px !important;
    grid-template-rows: 50px 52px !important;
    grid-template-areas:
      "menu logo cart"
      "search search search" !important;
    align-items: center !important;
    gap: 8px 10px !important;
    height: 120px !important;
    min-height: 120px !important;
    padding: 8px 12px 10px !important;
    box-sizing: border-box !important;
    background: transparent !important;
    overflow: visible !important;
  }

  /* Tres líneas a la izquierda */
  .site-header-v124 .header-actions {
    grid-area: cart !important;
    display: contents !important;
  }

  .site-header-v124 #mobileMenuToggle {
    grid-area: menu !important;
    justify-self: start !important;
    align-self: center !important;
    display: inline-flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    width: 48px !important;
    height: 48px !important;
    border-radius: 16px !important;
    border: 1px solid rgba(199,170,133,.38) !important;
    background: rgba(255,255,255,.11) !important;
    box-shadow: 0 10px 24px rgba(0,0,0,.30), 0 0 20px rgba(199,170,133,.13) !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    z-index: 4 !important;
  }

  .site-header-v124 #mobileMenuToggle span {
    display: block !important;
    width: 22px !important;
    height: 2px !important;
    margin: 3px 0 !important;
    border-radius: 999px !important;
    background: #fff !important;
    opacity: 1 !important;
  }

  /* Logo centrado */
  .site-header-v124 .brand {
    grid-area: logo !important;
    justify-self: center !important;
    align-self: center !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 142px !important;
    max-width: 142px !important;
    height: 50px !important;
    overflow: visible !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
  }

  .site-header-v124 .brand img {
    width: 138px !important;
    max-width: 138px !important;
    max-height: 48px !important;
    height: auto !important;
    object-fit: contain !important;
    filter: drop-shadow(0 0 10px rgba(199,170,133,.22)) !important;
  }

  /* Carrito a la derecha */
  .site-header-v124 #openCart {
    grid-area: cart !important;
    justify-self: end !important;
    align-self: center !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    min-width: 108px !important;
    max-width: 112px !important;
    height: 46px !important;
    padding: 0 10px !important;
    border-radius: 999px !important;
    background: linear-gradient(135deg, #c7aa85, #92c900) !important;
    color: #071009 !important;
    font-size: 12px !important;
    font-weight: 1000 !important;
    text-transform: uppercase !important;
    box-shadow: 0 13px 30px rgba(199,170,133,.25), inset 0 1px 0 rgba(255,255,255,.38) !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    z-index: 4 !important;
  }

  .site-header-v124 #cartCount {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 24px !important;
    height: 24px !important;
    border-radius: 999px !important;
    background: #071009 !important;
    color: #c7aa85 !important;
  }

  .site-header-v124 .header-search-wrap {
    grid-area: search !important;
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    height: 52px !important;
    border-radius: 999px !important;
    background: #fff !important;
    border: 1px solid rgba(199,170,133,.34) !important;
    box-shadow: 0 11px 26px rgba(0,0,0,.30), 0 0 22px rgba(199,170,133,.12) !important;
    overflow: hidden !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  .site-header-v124 #headerSearch {
    width: 100% !important;
    height: 52px !important;
    padding: 0 62px 0 18px !important;
    border: 0 !important;
    outline: 0 !important;
    background: transparent !important;
    color: #101418 !important;
    font-size: 15px !important;
    font-weight: 700 !important;
  }

  .site-header-v124 .header-search-btn {
    position: absolute !important;
    right: 17px !important;
    bottom: 15px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 42px !important;
    height: 42px !important;
    border-radius: 999px !important;
    background: #0b1220 !important;
    color: #fff !important;
    border: 0 !important;
  }

  /* Menú mobile desplegable funcional */
  .site-header-v124 #mainNav {
    position: fixed !important;
    top: 120px !important;
    left: 12px !important;
    right: 12px !important;
    z-index: 2147482999 !important;
    display: none !important;
    flex-direction: column !important;
    gap: 4px !important;
    max-height: calc(100dvh - 142px) !important;
    overflow-y: auto !important;
    padding: 14px !important;
    border-radius: 22px !important;
    background:
      radial-gradient(circle at 8% 0%, rgba(199,170,133,.18), transparent 34%),
      linear-gradient(180deg, rgba(13,18,14,.98), rgba(5,7,8,.98)) !important;
    border: 1px solid rgba(199,170,133,.24) !important;
    box-shadow: 0 24px 70px rgba(0,0,0,.48), 0 0 34px rgba(199,170,133,.10) !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
  }

  body.mobile-menu-open-v258 .site-header-v124 #mainNav {
    display: flex !important;
  }

  .site-header-v124 #mainNav a,
  .site-header-v124 #mainNav .ideal-main-link {
    display: block !important;
    width: 100% !important;
    padding: 13px 14px !important;
    border-radius: 15px !important;
    background: rgba(255,255,255,.055) !important;
    color: #fff !important;
    font-size: 13px !important;
    font-weight: 1000 !important;
    text-transform: uppercase !important;
    letter-spacing: .02em !important;
    text-decoration: none !important;
    border: 1px solid rgba(255,255,255,.08) !important;
    white-space: normal !important;
  }

  .site-header-v124 #mainNav a:hover {
    background: linear-gradient(135deg, #c7aa85, #92c900) !important;
    color: #071009 !important;
  }

  .site-header-v124 #mainNav .ideal-dropdown {
    display: none !important;
  }

  .site-header-v124 #mainNav .ideal-nav {
    width: 100% !important;
  }

  #catalogo, #mobileIdeal, section {
    scroll-margin-top: 132px !important;
  }
}



/* ================= ELCLUB V259 — FIX SCROLL TU PALA IDEAL DESKTOP ================= */
/* La sección del test no queda pegada ni genera tirones al scrollear en computadora. */
@media (min-width: 761px) {
  .ideal-test-v234,
  .ideal-test-v234 *,
  #mobileIdeal,
  #mobileIdeal * {
    position: relative;
  }

  .ideal-test-v234 {
    position: relative !important;
    top: auto !important;
    transform: none !important;
    will-change: auto !important;
    contain: layout paint !important;
    overflow: visible !important;
  }

  .ideal-test-v234 .ideal-test-shell {
    position: relative !important;
    transform: none !important;
    will-change: auto !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

  .ideal-test-v234 .ideal-test-shell::before {
    opacity: .18 !important;
    background:
      linear-gradient(90deg, rgba(199,170,133,.06), transparent 24%, transparent 78%, rgba(199,170,133,.04)) !important;
  }

  .ideal-test-v234 .ideal-style-grid button {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    will-change: auto !important;
  }

  .ideal-test-v234 .ideal-style-grid button:hover {
    transform: translateY(-1px) !important;
  }

  .ideal-test-v234 .ideal-style-grid button.active-style {
    transform: none !important;
  }

  /* Evita cualquier sticky accidental dentro del selector */
  #mobileIdeal [style*="sticky"],
  .ideal-test-v234 [style*="sticky"] {
    position: relative !important;
    top: auto !important;
  }

  /* Menos sombras pesadas para que no se trabe en notebooks */
  .ideal-test-v234 .ideal-test-shell,
  .ideal-test-v234 .ideal-style-grid button,
  .ideal-test-v234 .ideal-level-tabs button.active {
    box-shadow: 0 14px 36px rgba(0,0,0,.26) !important;
  }
}

/* Scroll general más estable */
html {
  scroll-behavior: smooth;
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto !important;
  }
}



/* ================= ELCLUB V260 — FIX FINAL MENÚ + CHECKOUT ================= */
/* Menú mobile: abre visible, arriba de todo, sin quedar tapado por hero/productos */
@media (max-width: 760px) {
  body.mobile-menu-open-v258 {
    overflow: hidden !important;
  }

  body.mobile-menu-open-v258::after {
    content: "" !important;
    position: fixed !important;
    inset: 0 !important;
    z-index: 2147483010 !important;
    background: rgba(0,0,0,.58) !important;
    backdrop-filter: blur(3px) !important;
    -webkit-backdrop-filter: blur(3px) !important;
    pointer-events: auto !important;
  }

  body.mobile-menu-open-v258 .site-header-v124 {
    overflow: visible !important;
    z-index: 2147483600 !important;
  }

  .site-header-v124 #mainNav {
    display: none !important;
  }

  body.mobile-menu-open-v258 .site-header-v124 #mainNav {
    position: fixed !important;
    top: 126px !important;
    left: 12px !important;
    right: 12px !important;
    bottom: auto !important;
    z-index: 2147483650 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
    width: auto !important;
    max-width: calc(100vw - 24px) !important;
    max-height: calc(100dvh - 146px) !important;
    overflow-y: auto !important;
    padding: 14px !important;
    border-radius: 22px !important;
    background:
      radial-gradient(circle at 10% 0%, rgba(199,170,133,.20), transparent 34%),
      linear-gradient(180deg, rgba(14,20,15,.98), rgba(5,7,8,.99)) !important;
    border: 1px solid rgba(199,170,133,.36) !important;
    box-shadow: 0 26px 80px rgba(0,0,0,.62), 0 0 40px rgba(199,170,133,.14) !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: none !important;
  }

  body.mobile-menu-open-v258 .site-header-v124 #mainNav a,
  body.mobile-menu-open-v258 .site-header-v124 #mainNav .ideal-main-link {
    display: block !important;
    width: 100% !important;
    min-height: 46px !important;
    padding: 14px 16px !important;
    border-radius: 15px !important;
    background: rgba(255,255,255,.075) !important;
    color: #fff !important;
    font-size: 13px !important;
    font-weight: 1000 !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    border: 1px solid rgba(255,255,255,.10) !important;
    box-sizing: border-box !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    white-space: normal !important;
  }

  body.mobile-menu-open-v258 .site-header-v124 #mainNav a:hover,
  body.mobile-menu-open-v258 .site-header-v124 #mainNav a:active {
    background: linear-gradient(135deg, #c7aa85, #8fc900) !important;
    color: #071009 !important;
  }

  body.mobile-menu-open-v258 .site-header-v124 #mainNav .ideal-dropdown {
    display: none !important;
  }
}

/* Checkout/completar datos: que no se corte y se pueda scrollear completo */
#checkoutPageScreen,
.checkout-page-screen,
.checkout-page,
.checkout-v111 {
  max-width: 100vw !important;
}

#checkoutPageScreen.open,
#checkoutPageScreen.active,
#checkoutPageScreen.show {
  position: fixed !important;
  inset: 0 !important;
  width: 100vw !important;
  height: 100dvh !important;
  max-height: 100dvh !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  z-index: 2147483700 !important;
  background: #050708 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

#checkoutPageScreen .checkout-v111,
#checkoutPageScreen .checkout-v111-page,
#checkoutPageScreen .checkout-v111-wrap,
#checkoutPageScreen .checkout-v111-card,
#checkoutPageScreen .checkout-page-inner {
  width: min(1120px, calc(100vw - 24px)) !important;
  max-width: calc(100vw - 24px) !important;
  margin: 12px auto 28px !important;
  box-sizing: border-box !important;
}

#checkoutPageScreen .checkout-v111 {
  min-height: auto !important;
  padding: 14px !important;
}

#checkoutPageScreen input,
#checkoutPageScreen select,
#checkoutPageScreen textarea,
#checkoutPageScreen button {
  max-width: 100% !important;
  box-sizing: border-box !important;
}

#checkoutPageScreen .checkout-v111-grid,
#checkoutPageScreen .checkout-grid,
#checkoutPageScreen .checkout-columns {
  display: grid !important;
  grid-template-columns: minmax(0,1fr) minmax(280px,380px) !important;
  gap: 16px !important;
  align-items: start !important;
}

#checkoutPageBack,
.checkout-page-back,
.checkout-v111-back,
#checkoutBackStore,
#checkoutBackHome {
  position: relative !important;
  z-index: 2147483800 !important;
  pointer-events: auto !important;
}

@media (max-width: 760px) {
  #checkoutPageScreen.open,
  #checkoutPageScreen.active,
  #checkoutPageScreen.show {
    padding: 0 !important;
  }

  #checkoutPageScreen .checkout-v111,
  #checkoutPageScreen .checkout-v111-page,
  #checkoutPageScreen .checkout-v111-wrap,
  #checkoutPageScreen .checkout-v111-card,
  #checkoutPageScreen .checkout-page-inner {
    width: calc(100vw - 16px) !important;
    max-width: calc(100vw - 16px) !important;
    margin: 8px auto 22px !important;
    border-radius: 18px !important;
  }

  #checkoutPageScreen .checkout-v111-grid,
  #checkoutPageScreen .checkout-grid,
  #checkoutPageScreen .checkout-columns {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }

  #checkoutPageScreen .checkout-v111-top {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
    position: sticky !important;
    top: 0 !important;
    z-index: 2147483800 !important;
    padding: 10px 0 !important;
    background: #050708 !important;
  }

  #checkoutPageScreen .checkout-v111-logo {
    max-width: 118px !important;
    height: auto !important;
  }

  #checkoutPageBack,
  .checkout-page-back,
  .checkout-v111-back {
    min-height: 42px !important;
    padding: 10px 14px !important;
    border-radius: 999px !important;
    background: rgba(255,255,255,.10) !important;
    color: #fff !important;
    border: 1px solid rgba(199,170,133,.28) !important;
  }

  .checkout-v240-nav {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 8px !important;
  }
}



/* ================= ELCLUB V261 — BUSCADOR MÁS ÁGIL ================= */
.header-search-wrap,
.search-wrap,
.header-search {
  transition: box-shadow .15s ease, border-color .15s ease !important;
}

.header-search-wrap:focus-within,
.search-wrap:focus-within,
.header-search:focus-within {
  border-color: rgba(199,170,133,.62) !important;
  box-shadow:
    0 13px 30px rgba(0,0,0,.30),
    0 0 30px rgba(199,170,133,.18) !important;
}

#headerSearch,
#searchBox {
  -webkit-appearance: none !important;
  appearance: none !important;
}



/* ================= ELCLUB V262 — CHECKOUT PROLIJO + MENÚ MOBILE REAL ================= */

/* CHECKOUT DESKTOP: prolijo, legible, sin textos gigantes cortados */
@media (min-width: 761px) {
  #checkoutPageScreen.open,
  #checkoutPageScreen.active,
  #checkoutPageScreen.show {
    position: fixed !important;
    inset: 0 !important;
    width: 100vw !important;
    height: 100dvh !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    z-index: 2147483700 !important;
    background:
      radial-gradient(circle at 14% 0%, rgba(199,170,133,.12), transparent 30%),
      linear-gradient(180deg, #070a08, #050708) !important;
    padding: 18px 0 30px !important;
    box-sizing: border-box !important;
  }

  #checkoutPageScreen .checkout-v111 {
    width: min(1080px, calc(100vw - 64px)) !important;
    max-width: min(1080px, calc(100vw - 64px)) !important;
    margin: 0 auto 28px !important;
    padding: 18px 22px 26px !important;
    border-radius: 26px !important;
    box-sizing: border-box !important;
    background:
      radial-gradient(circle at 0% 0%, rgba(199,170,133,.09), transparent 30%),
      rgba(7,10,9,.96) !important;
    border: 1px solid rgba(199,170,133,.18) !important;
    box-shadow: 0 28px 80px rgba(0,0,0,.46) !important;
    overflow: visible !important;
  }

  #checkoutPageScreen .checkout-v111-top {
    display: grid !important;
    grid-template-columns: 180px 1fr 150px !important;
    align-items: center !important;
    gap: 16px !important;
    margin-bottom: 16px !important;
  }

  #checkoutPageScreen .checkout-v111-logo {
    max-width: 128px !important;
    justify-self: end !important;
  }

  #checkoutPageBack,
  #checkoutPageScreen .checkout-page-back,
  #checkoutPageScreen .checkout-v111-back {
    width: auto !important;
    min-width: 160px !important;
    height: 42px !important;
    padding: 0 16px !important;
    border-radius: 999px !important;
    background: rgba(255,255,255,.08) !important;
    border: 1px solid rgba(255,255,255,.16) !important;
    color: #fff !important;
    font-size: 12px !important;
    font-weight: 900 !important;
  }

  #checkoutPageScreen .checkout-v240-nav {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 10px !important;
    margin: 10px 0 16px !important;
  }

  #checkoutPageScreen .checkout-v240-nav button {
    height: 44px !important;
    min-height: 44px !important;
    border-radius: 999px !important;
    font-size: 11px !important;
    letter-spacing: .04em !important;
  }

  #checkoutPageScreen .checkout-v111-grid {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 360px !important;
    gap: 18px !important;
    align-items: start !important;
  }

  #checkoutPageScreen .checkout-card,
  #checkoutPageScreen .checkout-v111-card,
  #checkoutPageScreen .checkout-form-card,
  #checkoutPageScreen .checkout-summary-card {
    border-radius: 22px !important;
    padding: 20px !important;
    overflow: hidden !important;
  }

  #checkoutPageScreen h1,
  #checkoutPageScreen .checkout-title,
  #checkoutPageScreen .checkout-v111 h1 {
    font-size: clamp(42px, 5.2vw, 74px) !important;
    line-height: .88 !important;
    letter-spacing: -.055em !important;
    max-width: 620px !important;
    margin: 6px 0 14px !important;
    white-space: normal !important;
    overflow-wrap: normal !important;
  }

  #checkoutPageScreen h2,
  #checkoutPageScreen .summary-title,
  #checkoutPageScreen .checkout-summary-card h2 {
    font-size: clamp(28px, 3.2vw, 44px) !important;
    line-height: .92 !important;
    letter-spacing: -.045em !important;
    margin: 0 0 14px !important;
    white-space: normal !important;
    overflow-wrap: normal !important;
  }

  #checkoutPageScreen p {
    font-size: 14px !important;
    line-height: 1.35 !important;
    max-width: 620px !important;
  }

  #checkoutPageScreen label {
    font-size: 11px !important;
    letter-spacing: .06em !important;
    margin-bottom: 6px !important;
  }

  #checkoutPageScreen input,
  #checkoutPageScreen select,
  #checkoutPageScreen textarea {
    height: 44px !important;
    min-height: 44px !important;
    border-radius: 12px !important;
    font-size: 14px !important;
    padding: 0 12px !important;
  }

  #checkoutPageScreen .checkout-form-grid,
  #checkoutPageScreen .form-grid {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 12px !important;
  }

  #checkoutPageScreen .price-line,
  #checkoutPageScreen .checkout-total-row,
  #checkoutPageScreen .summary-price-row {
    min-height: 62px !important;
    padding: 12px 14px !important;
    border-radius: 16px !important;
  }

  #checkoutPageScreen .method-btn,
  #checkoutPageScreen .pay-method,
  #checkoutPageScreen button[id*="pay"] {
    min-height: 52px !important;
    border-radius: 16px !important;
    font-size: 13px !important;
  }
}

/* CHECKOUT MOBILE: entra todo con scroll, sin cortar botones */
@media (max-width: 760px) {
  #checkoutPageScreen.open,
  #checkoutPageScreen.active,
  #checkoutPageScreen.show {
    position: fixed !important;
    inset: 0 !important;
    width: 100vw !important;
    height: 100dvh !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    z-index: 2147483700 !important;
    background: #050708 !important;
    padding: 8px 0 22px !important;
    box-sizing: border-box !important;
  }

  #checkoutPageScreen .checkout-v111 {
    width: calc(100vw - 14px) !important;
    max-width: calc(100vw - 14px) !important;
    margin: 0 auto 20px !important;
    padding: 12px !important;
    border-radius: 18px !important;
    overflow: visible !important;
  }

  #checkoutPageScreen .checkout-v111-top {
    position: sticky !important;
    top: 0 !important;
    z-index: 2147483800 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
    padding: 8px 0 10px !important;
    background: #050708 !important;
  }

  #checkoutPageScreen .checkout-v111-logo {
    max-width: 108px !important;
  }

  #checkoutPageScreen .checkout-v111-grid,
  #checkoutPageScreen .checkout-grid,
  #checkoutPageScreen .checkout-columns {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }

  #checkoutPageScreen h1,
  #checkoutPageScreen .checkout-title,
  #checkoutPageScreen .checkout-v111 h1 {
    font-size: 42px !important;
    line-height: .90 !important;
    letter-spacing: -.045em !important;
    margin: 4px 0 12px !important;
    white-space: normal !important;
  }

  #checkoutPageScreen h2,
  #checkoutPageScreen .summary-title,
  #checkoutPageScreen .checkout-summary-card h2 {
    font-size: 28px !important;
    line-height: .95 !important;
    margin: 0 0 12px !important;
    white-space: normal !important;
  }

  #checkoutPageScreen input,
  #checkoutPageScreen select,
  #checkoutPageScreen textarea {
    height: 44px !important;
    min-height: 44px !important;
    font-size: 14px !important;
  }

  #checkoutPageScreen .checkout-form-grid,
  #checkoutPageScreen .form-grid {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  #checkoutPageScreen .checkout-v240-nav {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 8px !important;
    margin: 8px 0 12px !important;
  }
}

/* MENÚ MOBILE REAL: overlay independiente, no depende de #mainNav oculto */
.elclub-mobile-menu-v262 {
  display: none;
}

@media (max-width: 760px) {
  body.elclub-menu-open-v262 {
    overflow: hidden !important;
  }

  body.elclub-menu-open-v262::before {
    content: "" !important;
    position: fixed !important;
    inset: 0 !important;
    z-index: 2147483400 !important;
    background: rgba(0,0,0,.62) !important;
    backdrop-filter: blur(4px) !important;
    -webkit-backdrop-filter: blur(4px) !important;
  }

  .elclub-mobile-menu-v262 {
    position: fixed !important;
    top: 128px !important;
    left: 12px !important;
    right: 12px !important;
    z-index: 2147483900 !important;
    display: none !important;
    flex-direction: column !important;
    gap: 8px !important;
    max-height: calc(100dvh - 150px) !important;
    overflow-y: auto !important;
    padding: 14px !important;
    border-radius: 22px !important;
    background:
      radial-gradient(circle at 12% 0%, rgba(199,170,133,.22), transparent 32%),
      linear-gradient(180deg, #10160f 0%, #050708 100%) !important;
    border: 1px solid rgba(199,170,133,.34) !important;
    box-shadow: 0 26px 90px rgba(0,0,0,.64), 0 0 40px rgba(199,170,133,.16) !important;
  }

  body.elclub-menu-open-v262 .elclub-mobile-menu-v262 {
    display: flex !important;
  }

  .elclub-mobile-menu-v262 button,
  .elclub-mobile-menu-v262 a {
    width: 100% !important;
    min-height: 48px !important;
    padding: 14px 16px !important;
    border-radius: 15px !important;
    border: 1px solid rgba(255,255,255,.10) !important;
    background: rgba(255,255,255,.075) !important;
    color: #fff !important;
    text-align: left !important;
    font-size: 13px !important;
    font-weight: 1000 !important;
    letter-spacing: .02em !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
  }

  .elclub-mobile-menu-v262 button:active,
  .elclub-mobile-menu-v262 a:active {
    background: linear-gradient(135deg, #c7aa85, #8fc900) !important;
    color: #071009 !important;
  }

  .elclub-mobile-menu-v262 .close-menu-v262 {
    text-align: center !important;
    background: linear-gradient(135deg, #c7aa85, #8fc900) !important;
    color: #071009 !important;
  }
}


/* ================= ELCLUB V263 — AJUSTES FINALES CATÁLOGO + CHECKOUT MOBILE ================= */
/* Título catálogo: blanco, premium y con más aire entre letras */
.toolbar#catalogo #currentTitle,
section.toolbar#catalogo #currentTitle {
  color: #fff !important;
  text-transform: uppercase !important;
  letter-spacing: .105em !important;
  word-spacing: .28em !important;
  font-weight: 950 !important;
  text-shadow: 0 14px 34px rgba(0,0,0,.42) !important;
}

@media (max-width: 760px) {
  .toolbar#catalogo #currentTitle,
  section.toolbar#catalogo #currentTitle {
    font-size: clamp(24px, 7.2vw, 32px) !important;
    line-height: 1.02 !important;
    letter-spacing: .095em !important;
    word-spacing: .22em !important;
    margin-top: 4px !important;
    margin-bottom: 14px !important;
  }
}

/* Checkout: el contenedor real es .checkout-v111-shell, no .checkout-v111 */
@media (min-width: 761px) {
  #checkoutPageScreen .checkout-v111-shell {
    width: min(1120px, calc(100vw - 56px)) !important;
    max-width: min(1120px, calc(100vw - 56px)) !important;
    margin: 0 auto 28px !important;
    padding: 18px 22px 28px !important;
    border-radius: 28px !important;
    box-sizing: border-box !important;
  }

  #checkoutPageScreen .checkout-v111-data h2 {
    font-size: clamp(42px, 5vw, 70px) !important;
    line-height: .92 !important;
    letter-spacing: -.045em !important;
    max-width: 620px !important;
    margin: 0 0 12px !important;
    white-space: normal !important;
    overflow-wrap: normal !important;
  }

  #checkoutPageScreen .checkout-v111-pay h3 {
    font-size: clamp(31px, 3.1vw, 46px) !important;
    line-height: .94 !important;
    letter-spacing: -.045em !important;
  }
}

@media (max-width: 760px) {
  #checkoutPageScreen.open,
  #checkoutPageScreen.active,
  #checkoutPageScreen.show {
    padding: 6px 0 22px !important;
    background: #050708 !important;
  }

  #checkoutPageScreen .checkout-v111-shell {
    width: calc(100vw - 12px) !important;
    max-width: calc(100vw - 12px) !important;
    margin: 0 auto 18px !important;
    padding: 10px 8px 18px !important;
    box-sizing: border-box !important;
    overflow: visible !important;
  }

  #checkoutPageScreen .checkout-v111-top {
    position: sticky !important;
    top: 0 !important;
    z-index: 2147483800 !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 8px 0 9px !important;
    margin-bottom: 6px !important;
    background: #050708 !important;
  }

  #checkoutPageScreen .checkout-v111-logo {
    width: 94px !important;
    max-width: 94px !important;
    justify-self: end !important;
  }

  #checkoutPageBack,
  #checkoutPageScreen .checkout-page-back,
  #checkoutPageScreen .checkout-v111-back {
    min-width: 0 !important;
    width: fit-content !important;
    max-width: 210px !important;
    min-height: 38px !important;
    height: 38px !important;
    padding: 0 12px !important;
    border-radius: 999px !important;
    font-size: 11px !important;
    line-height: 1 !important;
    white-space: nowrap !important;
  }

  #checkoutPageScreen .checkout-v240-nav {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 7px !important;
    margin: 6px 0 10px !important;
  }

  #checkoutPageScreen .checkout-v240-nav button {
    min-height: 38px !important;
    height: 38px !important;
    padding: 0 8px !important;
    border-radius: 999px !important;
    font-size: 10px !important;
    letter-spacing: .035em !important;
    white-space: nowrap !important;
  }

  #checkoutPageScreen .checkout-v111-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    align-items: start !important;
  }

  #checkoutPageScreen .checkout-v111-card {
    width: 100% !important;
    max-width: 100% !important;
    border-radius: 18px !important;
    padding: 14px !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }

  #checkoutPageScreen .checkout-v111-eyebrow {
    font-size: 10px !important;
    letter-spacing: .14em !important;
    margin-bottom: 7px !important;
  }

  #checkoutPageScreen .checkout-v111-data h2 {
    font-size: clamp(29px, 8.8vw, 36px) !important;
    line-height: .96 !important;
    letter-spacing: -.035em !important;
    margin: 0 0 8px !important;
    max-width: 100% !important;
    white-space: normal !important;
    overflow-wrap: break-word !important;
  }

  #checkoutPageScreen .checkout-v111-intro {
    font-size: 12.5px !important;
    line-height: 1.32 !important;
    margin: 6px 0 12px !important;
    max-width: 100% !important;
  }

  #checkoutPageScreen .checkout-v111-form {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 9px !important;
  }

  #checkoutPageScreen .checkout-v111-form .field,
  #checkoutPageScreen .checkout-v111-form .field.full {
    grid-column: 1 / -1 !important;
    min-width: 0 !important;
  }

  #checkoutPageScreen .checkout-v111-form label {
    font-size: 9.5px !important;
    letter-spacing: .095em !important;
    margin-bottom: 4px !important;
  }

  #checkoutPageScreen .checkout-v111-form input {
    width: 100% !important;
    height: 42px !important;
    min-height: 42px !important;
    border-radius: 12px !important;
    padding: 0 12px !important;
    font-size: 13px !important;
    box-sizing: border-box !important;
  }

  #checkoutPageScreen .checkout-v111-pay h3 {
    font-size: clamp(25px, 7.4vw, 31px) !important;
    line-height: .98 !important;
    letter-spacing: -.035em !important;
    margin: 0 0 12px !important;
    max-width: 100% !important;
  }

  #checkoutPageScreen .checkout-v111-summary {
    gap: 8px !important;
    margin-bottom: 10px !important;
  }

  #checkoutPageScreen .checkout-v111-summary .summary-main {
    padding: 11px !important;
    border-radius: 15px !important;
  }

  #checkoutPageScreen .checkout-v111-summary strong {
    font-size: 25px !important;
    line-height: 1 !important;
    overflow-wrap: anywhere !important;
  }

  #checkoutPageScreen .checkout-v111-methods .method-btn {
    min-height: 54px !important;
    border-radius: 16px !important;
    padding: 10px 12px !important;
  }

  #checkoutPageScreen .checkout-v111-methods .method-btn b {
    font-size: 13px !important;
    line-height: 1.08 !important;
  }

  #checkoutPageScreen .checkout-v111-transfer-data {
    padding: 11px !important;
    border-radius: 15px !important;
  }

  #checkoutPageScreen .checkout-v111-transfer-data div {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 3px !important;
    align-items: start !important;
  }

  #checkoutPageScreen .checkout-v111-transfer-data strong {
    text-align: left !important;
    overflow-wrap: anywhere !important;
  }
}

@media (max-width: 370px) {
  #checkoutPageScreen .checkout-v111-data h2 {
    font-size: 28px !important;
  }

  #checkoutPageScreen .checkout-v240-nav {
    grid-template-columns: 1fr !important;
  }
}

/* ================= ELCLUB V264 — HEADER MOBILE FULL WIDTH PRO ================= */
/* Ajuste pedido: la fila de menú + logo + carrito usa mejor todo el ancho superior en celular. */
@media (max-width: 760px){
  :root{ --ec-header-mobile-h: 112px; }

  body{
    padding-top: var(--ec-header-mobile-h) !important;
  }

  .site-header.site-header-v124{
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    height: var(--ec-header-mobile-h) !important;
    min-height: var(--ec-header-mobile-h) !important;
    max-height: var(--ec-header-mobile-h) !important;
    padding: 0 !important;
    margin: 0 !important;
    border-radius: 0 !important;
    overflow: visible !important;
    box-sizing: border-box !important;
    background:
      radial-gradient(circle at 50% -10%, rgba(199,170,133,.26), transparent 38%),
      linear-gradient(180deg, #10170f 0%, #050708 100%) !important;
  }

  .site-header-v124 .header-main-row{
    width: 100% !important;
    max-width: 100% !important;
    height: var(--ec-header-mobile-h) !important;
    min-height: var(--ec-header-mobile-h) !important;
    max-height: var(--ec-header-mobile-h) !important;
    margin: 0 !important;
    padding: 6px 12px 8px !important;
    display: grid !important;
    grid-template-columns: 56px minmax(0,1fr) 118px !important;
    grid-template-rows: 48px 50px !important;
    grid-template-areas:
      "menu logo cart"
      "search search search" !important;
    align-items: center !important;
    column-gap: 8px !important;
    row-gap: 0 !important;
    box-sizing: border-box !important;
  }

  .site-header-v124 .header-actions{
    display: contents !important;
  }

  .site-header-v124 #mobileMenuToggle{
    grid-area: menu !important;
    justify-self: start !important;
    width: 56px !important;
    height: 48px !important;
    border-radius: 17px !important;
  }

  .site-header-v124 #mobileMenuToggle span{
    width: 25px !important;
    height: 2px !important;
    margin: 4px 0 !important;
  }

  .site-header-v124 .brand{
    grid-area: logo !important;
    justify-self: center !important;
    align-self: center !important;
    width: 168px !important;
    max-width: 100% !important;
    height: 48px !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .site-header-v124 .brand img{
    width: 166px !important;
    max-width: 100% !important;
    max-height: 47px !important;
  }

  .site-header-v124 #openCart{
    grid-area: cart !important;
    justify-self: end !important;
    width: 118px !important;
    min-width: 118px !important;
    max-width: 118px !important;
    height: 48px !important;
    padding: 0 12px !important;
    font-size: 12px !important;
  }

  .site-header-v124 #cartCount{
    min-width: 26px !important;
    height: 26px !important;
  }

  .site-header-v124 .header-search-wrap{
    grid-area: search !important;
    width: 100% !important;
    height: 50px !important;
    min-height: 50px !important;
    margin: 0 !important;
    border-radius: 999px !important;
  }

  .site-header-v124 #headerSearch{
    height: 50px !important;
    min-height: 50px !important;
    font-size: 16px !important;
    padding-left: 20px !important;
    padding-right: 62px !important;
  }

  .site-header-v124 .header-search-btn{
    width: 42px !important;
    height: 42px !important;
    right: 4px !important;
    top: 4px !important;
    bottom: auto !important;
  }

  body.mobile-menu-open-v258 .site-header-v124 #mainNav{
    top: calc(var(--ec-header-mobile-h) + 8px) !important;
    max-height: calc(100dvh - var(--ec-header-mobile-h) - 28px) !important;
  }

  #catalogo, #mobileIdeal, section{
    scroll-margin-top: calc(var(--ec-header-mobile-h) + 12px) !important;
  }
}

@media (max-width: 380px){
  .site-header-v124 .header-main-row{
    grid-template-columns: 52px minmax(0,1fr) 108px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    column-gap: 6px !important;
  }
  .site-header-v124 #mobileMenuToggle{
    width: 52px !important;
  }
  .site-header-v124 .brand{
    width: 148px !important;
  }
  .site-header-v124 .brand img{
    width: 146px !important;
  }
  .site-header-v124 #openCart{
    width: 108px !important;
    min-width: 108px !important;
    max-width: 108px !important;
    font-size: 11px !important;
    padding: 0 9px !important;
  }
}

/* =========================================================
   ELCLUB V265 — FIX REAL MOBILE HEADER + CHECKOUT PRO
   ========================================================= */
@media (max-width: 760px){
  /* Sacamos la tira vacía para que no robe alto arriba */
  .site-top-strip{display:none !important;height:0 !important;min-height:0 !important;}

  :root{ --ec-mobile-header-total: 136px; }
  body{padding-top:var(--ec-mobile-header-total) !important;}

  .site-header.site-header-v124{
    position:fixed !important;
    top:0 !important;left:0 !important;right:0 !important;
    width:100vw !important;max-width:100vw !important;
    height:auto !important;min-height:0 !important;max-height:none !important;
    padding:0 0 10px !important;margin:0 !important;
    overflow:visible !important;border-radius:0 !important;
    display:flex !important;flex-direction:column !important;
    background:radial-gradient(circle at 50% 0%,rgba(199,170,133,.18),transparent 42%),linear-gradient(180deg,#071006 0%,#050708 100%) !important;
    z-index:2147483000 !important;
  }

  .site-header.site-header-v124 > .header-benefits-bar{
    height:26px !important;min-height:26px !important;max-height:26px !important;
    overflow:hidden !important;flex:0 0 26px !important;
  }
  .header-benefit-viewport,.header-benefit-single{height:26px !important;min-height:26px !important;display:flex !important;align-items:center !important;justify-content:center !important;font-size:10px !important;line-height:1 !important;}
  .benefit-arrow{height:26px !important;width:28px !important;min-width:28px !important;font-size:18px !important;}

  .site-header-v124 .header-main-row,
  .site-header.site-header-v124 > .header-main-row{
    width:100% !important;max-width:100% !important;
    margin:0 !important;
    padding:8px 14px 0 !important;
    height:auto !important;min-height:0 !important;max-height:none !important;
    display:grid !important;
    grid-template-columns:52px minmax(0,1fr) 104px !important;
    grid-template-rows:48px 52px !important;
    grid-template-areas:"menu logo cart" "search search search" !important;
    column-gap:9px !important;row-gap:8px !important;
    align-items:center !important;box-sizing:border-box !important;
  }

  .site-header-v124 .header-actions{display:contents !important;}
  .site-header-v124 #mobileMenuToggle{
    grid-area:menu !important;justify-self:start !important;align-self:center !important;
    width:52px !important;height:48px !important;min-width:52px !important;min-height:48px !important;
    border-radius:16px !important;padding:0 !important;margin:0 !important;
    display:flex !important;flex-direction:column !important;gap:5px !important;align-items:center !important;justify-content:center !important;
    background:rgba(255,255,255,.055) !important;border:1px solid rgba(199,170,133,.28) !important;
    overflow:hidden !important;
  }
  .site-header-v124 #mobileMenuToggle span{width:25px !important;height:2px !important;margin:0 !important;background:#fff !important;border-radius:999px !important;display:block !important;}

  .site-header-v124 .brand{
    grid-area:logo !important;justify-self:center !important;align-self:center !important;
    width:150px !important;max-width:100% !important;height:48px !important;display:flex !important;align-items:center !important;justify-content:center !important;overflow:visible !important;
  }
  .site-header-v124 .brand img{width:150px !important;max-width:150px !important;max-height:45px !important;height:auto !important;object-fit:contain !important;display:block !important;}

  .site-header-v124 #openCart,
  .site-header.site-header-v124 .cart-btn{
    grid-area:cart !important;justify-self:end !important;align-self:center !important;
    width:104px !important;min-width:104px !important;max-width:104px !important;height:48px !important;min-height:48px !important;
    padding:0 8px !important;margin:0 !important;border-radius:999px !important;
    display:flex !important;align-items:center !important;justify-content:space-between !important;gap:6px !important;
    font-size:11px !important;line-height:1 !important;letter-spacing:.045em !important;overflow:hidden !important;
  }
  .site-header-v124 #cartCount{min-width:28px !important;width:28px !important;height:28px !important;border-radius:999px !important;padding:0 !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;font-size:13px !important;}

  .site-header-v124 .header-search-wrap{
    grid-area:search !important;width:100% !important;max-width:100% !important;height:52px !important;min-height:52px !important;margin:0 !important;justify-self:stretch !important;border-radius:999px !important;overflow:hidden !important;
  }
  .site-header-v124 #headerSearch{
    height:52px !important;min-height:52px !important;width:100% !important;border-radius:999px !important;
    padding:0 58px 0 20px !important;font-size:16px !important;line-height:52px !important;box-sizing:border-box !important;
  }
  .site-header-v124 .header-search-btn{width:42px !important;height:42px !important;right:5px !important;top:5px !important;transform:none !important;border-radius:999px !important;}

  .site-header.site-header-v124 .top-nav,#mainNav.top-nav{display:none !important;}
  body.elclub-menu-open-v262 #mainNav.top-nav,
  body.mobile-nav-open #mainNav.top-nav,
  body.mobile-menu-open-v258 #mainNav.top-nav{display:grid !important;top:calc(var(--ec-mobile-header-total) + 8px) !important;}

  #inicio,#catalogo,#mobileIdeal,.toolbar,.product-grid{scroll-margin-top:calc(var(--ec-mobile-header-total) + 16px) !important;}
}

@media (max-width: 380px){
  .site-header-v124 .header-main-row,.site-header.site-header-v124 > .header-main-row{grid-template-columns:50px minmax(0,1fr) 100px !important;padding-left:12px !important;padding-right:12px !important;column-gap:7px !important;}
  .site-header-v124 .brand,.site-header-v124 .brand img{width:138px !important;max-width:138px !important;}
  .site-header-v124 #openCart,.site-header.site-header-v124 .cart-btn{width:100px !important;min-width:100px !important;max-width:100px !important;font-size:10px !important;}
}

/* Checkout: una sola vuelta y layout ordenado en desktop/celular */
#checkoutPageScreen .checkout-v240-nav{display:none !important;}
#checkoutPageBack{white-space:nowrap !important;}
#checkoutPageScreen .checkout-v111-top{display:flex !important;align-items:center !important;justify-content:space-between !important;gap:18px !important;margin-bottom:18px !important;}
#checkoutPageScreen .checkout-v111-grid{display:grid !important;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr) !important;gap:22px !important;align-items:start !important;}
#checkoutPageScreen .checkout-v111-card{min-width:0 !important;overflow:hidden !important;}
#checkoutPageScreen .checkout-v111-data h2{max-width:100% !important;overflow-wrap:normal !important;}
#checkoutPageScreen .checkout-v111-pay h3{color:#fff !important;opacity:1 !important;line-height:.98 !important;margin:0 0 18px !important;max-width:620px !important;}
#checkoutPageScreen .checkout-v111-summary{display:grid !important;grid-template-columns:1fr 1fr !important;gap:12px !important;}
#checkoutPageScreen .checkout-v111-summary .summary-main{min-width:0 !important;}
#checkoutPageScreen .checkout-v111-summary strong{display:block !important;max-width:100% !important;overflow-wrap:anywhere !important;}
#checkoutPageScreen .checkout-v111-methods{display:grid !important;gap:12px !important;margin-top:14px !important;}
#checkoutPageScreen .checkout-v111-methods .method-btn{width:100% !important;min-height:64px !important;text-align:left !important;display:flex !important;flex-direction:column !important;justify-content:center !important;align-items:flex-start !important;}
#checkoutPageScreen .checkout-v111-transfer-data{margin-top:14px !important;max-width:100% !important;overflow-wrap:anywhere !important;}

@media(max-width: 900px){
  #checkoutPageScreen .checkout-v111-shell{width:100% !important;max-width:100% !important;padding:14px !important;box-sizing:border-box !important;}
  #checkoutPageScreen .checkout-v111-grid{grid-template-columns:1fr !important;gap:14px !important;}
  #checkoutPageScreen .checkout-v111-summary{grid-template-columns:1fr !important;}
  #checkoutPageBack{font-size:12px !important;padding:10px 13px !important;border-radius:999px !important;}
}

/* =========================================================
   V266 — Checkout prolijo + tipografía deportiva + menú móvil solo categorías
   ========================================================= */
:root{--sport-font:Anton,Impact,'Arial Black',Inter,sans-serif;}

/* Tipografía deportiva legible con letras separadas */
#currentTitle,
.section-title h2,
.ideal-full-copy h2,
.checkout-v111-data h2,
.checkout-v111-pay h3,
.checkout-v111-methods .method-btn b,
.top-nav a,
.filter,
.brand-line,
.product-info h3,
.tone,
.cart-head strong,
.cart-total span,
.checkout-v111-eyebrow,
.checkout-v111-form label,
.checkout-v111-summary span,
.mobile-drawer-head strong,
.mobile-drawer-nav a{
  font-family:var(--sport-font) !important;
  text-transform:uppercase !important;
  letter-spacing:.055em !important;
  font-stretch:normal !important;
  word-spacing:.08em !important;
}
.product-info h3{letter-spacing:.015em !important;line-height:1.06 !important;}
.checkout-v111-data h2,
.checkout-v111-pay h3{letter-spacing:.03em !important;}

/* Checkout desktop: que no se pise nada, datos izquierda y resumen derecha */
body.checkout-page-open{overflow:hidden !important;}
#checkoutPageScreen.open,
#checkoutPageScreen[aria-hidden="false"]{
  display:flex !important;
  opacity:1 !important;
  visibility:visible !important;
  pointer-events:auto !important;
}
#checkoutPageScreen{
  position:fixed !important;
  inset:0 !important;
  z-index:2147483600 !important;
  overflow:auto !important;
  background:radial-gradient(circle at 78% 20%,rgba(199,170,133,.12),transparent 32%),linear-gradient(135deg,#07100f,#050607 55%,#020303) !important;
  align-items:flex-start !important;
  justify-content:center !important;
  padding:22px !important;
}
#checkoutPageScreen .checkout-v111-shell{
  width:min(1180px,100%) !important;
  max-width:1180px !important;
  margin:0 auto !important;
  padding:0 !important;
}
#checkoutPageScreen .checkout-v111-top{
  display:grid !important;
  grid-template-columns:1fr auto 1fr !important;
  align-items:center !important;
  gap:14px !important;
  margin-bottom:18px !important;
}
#checkoutPageScreen .checkout-v111-logo{
  grid-column:2 !important;
  width:118px !important;
  max-width:118px !important;
  justify-self:center !important;
}
#checkoutPageScreen .checkout-v111-back{
  grid-column:1 !important;
  justify-self:start !important;
  min-width:auto !important;
  padding:11px 17px !important;
  font-size:11px !important;
}
#checkoutPageScreen .checkout-v111-grid{
  display:grid !important;
  grid-template-columns:minmax(0,1.08fr) minmax(340px,.82fr) !important;
  gap:20px !important;
  align-items:start !important;
}
#checkoutPageScreen .checkout-v111-card{
  min-width:0 !important;
  overflow:hidden !important;
  border-radius:24px !important;
  padding:18px !important;
  background:rgba(9,15,17,.72) !important;
  border:1px solid rgba(199,170,133,.20) !important;
  box-shadow:0 18px 60px rgba(0,0,0,.30) !important;
}
#checkoutPageScreen .checkout-v111-eyebrow{font-size:11px !important;margin-bottom:8px !important;color:#c7aa85 !important;}
#checkoutPageScreen .checkout-v111-data h2{
  font-size:clamp(34px,4.1vw,62px) !important;
  line-height:.93 !important;
  margin:0 0 10px !important;
  max-width:100% !important;
  color:#fff7ee !important;
}
#checkoutPageScreen .checkout-v111-intro{font-size:13px !important;line-height:1.4 !important;margin-bottom:14px !important;color:#d8d6c8 !important;}
#checkoutPageScreen .checkout-v111-form{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:11px 12px !important;
  margin:0 !important;
}
#checkoutPageScreen .checkout-v111-form .field{gap:6px !important;min-width:0 !important;}
#checkoutPageScreen .checkout-v111-form .field.full{grid-column:1/-1 !important;}
#checkoutPageScreen .checkout-v111-form label{font-size:10px !important;letter-spacing:.09em !important;color:#c7aa85 !important;}
#checkoutPageScreen .checkout-v111-form input{
  min-height:42px !important;
  height:42px !important;
  border-radius:12px !important;
  padding:0 12px !important;
  font-size:14px !important;
}
#checkoutPageScreen .checkout-v111-pay h3{
  font-size:clamp(27px,2.5vw,42px) !important;
  line-height:.98 !important;
  margin:0 0 14px !important;
  max-width:100% !important;
  color:#fff !important;
  overflow-wrap:normal !important;
}
#checkoutPageScreen .checkout-v111-summary{
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:10px !important;
  margin:0 0 12px !important;
}
#checkoutPageScreen .checkout-v111-summary .summary-main{
  padding:13px 14px !important;
  border-radius:16px !important;
  min-width:0 !important;
  overflow:hidden !important;
}
#checkoutPageScreen .checkout-v111-summary span{font-size:10px !important;letter-spacing:.1em !important;}
#checkoutPageScreen .checkout-v111-summary strong{
  display:block !important;
  font-size:clamp(27px,3vw,40px) !important;
  line-height:1 !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}
#checkoutPageScreen .checkout-v111-summary small{font-size:12px !important;line-height:1.2 !important;}
#checkoutPageScreen .checkout-v111-methods{display:grid !important;gap:10px !important;margin-top:10px !important;}
#checkoutPageScreen .checkout-v111-methods .method-btn{
  min-height:58px !important;
  border-radius:16px !important;
  padding:12px 16px !important;
}
#checkoutPageScreen .checkout-v111-methods .method-btn b{font-size:14px !important;letter-spacing:.06em !important;}
#checkoutPageScreen .checkout-v111-methods .method-btn small{font-size:11px !important;}

/* Menú móvil: drawer limpio, solo categorías */
.mobile-drawer{width:min(360px,88vw) !important;background:#05080d !important;border-left:1px solid rgba(199,170,133,.24) !important;box-shadow:-24px 0 70px rgba(0,0,0,.65) !important;}
.mobile-drawer-body{padding:12px !important;}
.mobile-drawer-nav{display:grid !important;gap:10px !important;}
.mobile-drawer-nav .ideal-nav,
.mobile-drawer-nav .ideal-dropdown,
.mobile-drawer-nav .ideal-main-link,
.mobile-drawer-nav [target="_blank"],
.mobile-drawer-nav [href*="whatsapp"],
.mobile-drawer-nav [href*="instagram"]{display:none !important;}
.mobile-drawer-nav a{
  display:flex !important;
  align-items:center !important;
  min-height:54px !important;
  padding:0 16px !important;
  border-radius:16px !important;
  background:rgba(255,255,255,.055) !important;
  border:1px solid rgba(255,255,255,.10) !important;
  color:#fff !important;
  text-decoration:none !important;
  font-size:20px !important;
  letter-spacing:.08em !important;
}
.mobile-drawer-nav a.active,.mobile-drawer-nav a:hover{background:#c7aa85 !important;color:#050505 !important;}
body.mobile-drawer-open .mobile-nav-backdrop{display:block !important;opacity:1 !important;pointer-events:auto !important;}
.mobile-nav-backdrop{position:fixed !important;inset:0 !important;background:rgba(0,0,0,.58) !important;z-index:2147482500 !important;display:none !important;}
.mobile-drawer{z-index:2147482600 !important;}

@media(max-width:900px){
  #checkoutPageScreen{padding:10px !important;align-items:flex-start !important;}
  #checkoutPageScreen .checkout-v111-top{grid-template-columns:auto 1fr !important;gap:10px !important;margin-bottom:10px !important;}
  #checkoutPageScreen .checkout-v111-logo{grid-column:2 !important;justify-self:end !important;width:94px !important;}
  #checkoutPageScreen .checkout-v111-back{grid-column:1 !important;font-size:10px !important;padding:10px 12px !important;}
  #checkoutPageScreen .checkout-v111-grid{grid-template-columns:1fr !important;gap:12px !important;}
  #checkoutPageScreen .checkout-v111-card{padding:14px !important;border-radius:20px !important;}
  #checkoutPageScreen .checkout-v111-data h2{font-size:38px !important;line-height:.92 !important;letter-spacing:.035em !important;}
  #checkoutPageScreen .checkout-v111-pay h3{font-size:29px !important;line-height:1 !important;letter-spacing:.035em !important;}
  #checkoutPageScreen .checkout-v111-form{grid-template-columns:1fr !important;gap:9px !important;}
  #checkoutPageScreen .checkout-v111-form .field.full{grid-column:auto !important;}
  #checkoutPageScreen .checkout-v111-form input{height:40px !important;min-height:40px !important;}
  #checkoutPageScreen .checkout-v111-summary strong{font-size:30px !important;white-space:normal !important;}
  #checkoutPageScreen .checkout-v111-methods .method-btn{min-height:56px !important;}
}

/* =========================================================
   V267 DEFINITIVA — prolijo para presentación
   ========================================================= */
:root{--sport-font: Impact, Haettenschweiler, 'Arial Black', 'Roboto Condensed', 'Oswald', Arial, sans-serif;}
.top-nav a,.category-top-nav a,.mobile-drawer-head strong,.mobile-drawer-nav a,#currentTitle,.ideal-main-link,.checkout-v111-data h2,.checkout-v111-pay h3,.checkout-v111-eyebrow,.checkout-v111-form label,.checkout-v111-methods .method-btn b,.checkout-v111-summary span{
  font-family:var(--sport-font) !important;
  text-transform:uppercase !important;
  letter-spacing:.115em !important;
  font-stretch:condensed !important;
}
#currentTitle{color:#fff !important;text-shadow:0 0 18px rgba(199,170,133,.18) !important;}
.top-nav a,.category-top-nav a{font-size:14px !important;letter-spacing:.13em !important;}

#checkoutPageScreen .checkout-v111-shell{width:min(1120px,calc(100vw - 56px)) !important;max-width:1120px !important;margin:0 auto !important;padding:0 !important;box-sizing:border-box !important;}
#checkoutPageScreen .checkout-v111-grid{display:grid !important;grid-template-columns:minmax(0,1fr) minmax(330px,420px) !important;gap:34px !important;align-items:start !important;width:100% !important;box-sizing:border-box !important;}
#checkoutPageScreen .checkout-v111-card{position:relative !important;width:100% !important;max-width:100% !important;box-sizing:border-box !important;overflow:hidden !important;}
#checkoutPageScreen .checkout-v111-data{grid-column:1 !important;}
#checkoutPageScreen .checkout-v111-pay{grid-column:2 !important;}
#checkoutPageScreen .checkout-v111-data h2{font-size:clamp(30px,3.6vw,52px) !important;line-height:.96 !important;letter-spacing:.075em !important;}
#checkoutPageScreen .checkout-v111-pay h3{font-size:clamp(24px,2.2vw,34px) !important;line-height:1.02 !important;letter-spacing:.075em !important;}
#checkoutPageScreen .checkout-v111-summary{grid-template-columns:1fr !important;gap:10px !important;}
#checkoutPageScreen .checkout-v111-summary strong{font-size:clamp(25px,2.35vw,34px) !important;white-space:nowrap !important;}
#checkoutPageScreen .checkout-v111-methods .method-btn{min-height:58px !important;}
#checkoutPageScreen .checkout-v111-form{grid-template-columns:1fr 1fr !important;gap:12px !important;}
#checkoutPageScreen .checkout-v111-form input{width:100% !important;box-sizing:border-box !important;}

.mobile-drawer.elclub-mobile-cats-v267{position:fixed !important;inset:0 auto 0 0 !important;width:min(370px,88vw) !important;transform:translateX(-110%) !important;transition:transform .24s ease !important;background:linear-gradient(155deg,rgba(7,12,16,.98),rgba(18,28,24,.98)) !important;border-right:1px solid rgba(199,170,133,.32) !important;box-shadow:28px 0 90px rgba(0,0,0,.72), inset 0 1px 0 rgba(255,255,255,.08) !important;z-index:2147483000 !important;display:flex !important;flex-direction:column !important;}
body.mobile-drawer-open .mobile-drawer.elclub-mobile-cats-v267{transform:translateX(0) !important;}
.mobile-drawer.elclub-mobile-cats-v267 .mobile-drawer-head{padding:22px 18px 16px !important;background:radial-gradient(circle at 20% 0%,rgba(199,170,133,.18),transparent 36%) !important;}
.mobile-drawer.elclub-mobile-cats-v267 .mobile-drawer-head strong{font-size:17px !important;letter-spacing:.18em !important;color:#c7aa85 !important;}
.mobile-drawer.elclub-mobile-cats-v267 .mobile-drawer-body{padding:16px !important;}
.mobile-drawer.elclub-mobile-cats-v267 .mobile-drawer-nav{display:grid !important;gap:12px !important;}
.mobile-drawer.elclub-mobile-cats-v267 .mobile-drawer-nav a{display:flex !important;align-items:center !important;min-height:58px !important;padding:0 18px !important;border-radius:18px !important;background:rgba(255,255,255,.075) !important;border:1px solid rgba(255,255,255,.13) !important;color:#fff !important;font-family:var(--sport-font) !important;font-size:17px !important;letter-spacing:.14em !important;text-transform:uppercase !important;text-decoration:none !important;box-shadow:0 10px 26px rgba(0,0,0,.22) !important;}
.mobile-drawer.elclub-mobile-cats-v267 .mobile-drawer-nav a:hover,.mobile-drawer.elclub-mobile-cats-v267 .mobile-drawer-nav a:active{background:#c7aa85 !important;color:#050505 !important;}
body.mobile-drawer-open .mobile-nav-backdrop{display:block !important;opacity:1 !important;pointer-events:auto !important;z-index:2147482900 !important;}
body.mobile-drawer-open{overflow:hidden !important;}

@media(max-width:900px){
  body{background-color:#05080d !important;}
  .top-nav a,.category-top-nav a{font-size:13px !important;letter-spacing:.12em !important;}
  #checkoutPageScreen{padding:12px !important;overflow:auto !important;}
  #checkoutPageScreen .checkout-v111-shell{width:100% !important;max-width:100% !important;}
  #checkoutPageScreen .checkout-v111-grid{grid-template-columns:1fr !important;gap:16px !important;}
  #checkoutPageScreen .checkout-v111-data,#checkoutPageScreen .checkout-v111-pay{grid-column:1 !important;}
  #checkoutPageScreen .checkout-v111-form{grid-template-columns:1fr !important;}
  #checkoutPageScreen .checkout-v111-data h2{font-size:32px !important;letter-spacing:.08em !important;}
  #checkoutPageScreen .checkout-v111-pay h3{font-size:24px !important;letter-spacing:.08em !important;}
}

@media(min-width:901px) and (max-width:1180px){
  #checkoutPageScreen .checkout-v111-shell{width:calc(100vw - 44px) !important;}
  #checkoutPageScreen .checkout-v111-grid{grid-template-columns:minmax(0,1fr) minmax(310px,390px) !important;gap:26px !important;}
  #checkoutPageScreen .checkout-v111-data h2{font-size:40px !important;}
  #checkoutPageScreen .checkout-v111-pay h3{font-size:27px !important;}
}


/* =========================================================
   V268 — Ajustes finales presentación: checkout, categorías, buscador
   ========================================================= */
#checkoutPageScreen .checkout-v111-form label{
  font-size:14px !important;
  line-height:1.15 !important;
  letter-spacing:.13em !important;
  color:#dfff31 !important;
  margin-bottom:7px !important;
}
#checkoutPageScreen .checkout-v111-form input{
  height:47px !important;
  min-height:47px !important;
  font-size:16px !important;
  letter-spacing:.035em !important;
  padding:0 15px !important;
}
#checkoutPageScreen .checkout-v111-intro{
  font-size:14px !important;
  line-height:1.35 !important;
}
#checkoutPageScreen .checkout-v111-methods .method-btn small{
  text-transform:none !important;
  letter-spacing:.045em !important;
  font-size:12px !important;
}

/* Tipografía deportiva más abierta en categorías desktop */
#mainNav a[data-filter],
#mainNav .ideal-main-link,
.top-nav a,
.category-top-nav a,
.controls .filter{
  font-family: Impact, Haettenschweiler, 'Arial Black', 'Roboto Condensed', 'Oswald', Arial, sans-serif !important;
  letter-spacing:.18em !important;
  text-transform:uppercase !important;
  font-size:15px !important;
}

/* Drawer móvil definitivo, visible y luminoso */
.mobile-drawer,
.mobile-drawer.elclub-mobile-cats-v268{
  position:fixed !important;
  top:0 !important;
  bottom:0 !important;
  left:0 !important;
  right:auto !important;
  width:min(390px,90vw) !important;
  transform:translateX(-112%) !important;
  transition:transform .22s ease !important;
  display:flex !important;
  flex-direction:column !important;
  background:
    radial-gradient(circle at 22% 8%, rgba(210,255,0,.24), transparent 32%),
    linear-gradient(160deg, rgba(11,20,21,.99), rgba(5,8,10,.99) 58%, rgba(2,3,4,.99)) !important;
  border-right:1px solid rgba(210,255,0,.42) !important;
  box-shadow:34px 0 95px rgba(0,0,0,.78), inset 0 1px 0 rgba(255,255,255,.10) !important;
  z-index:2147483600 !important;
  opacity:1 !important;
  visibility:visible !important;
  pointer-events:auto !important;
}
body.mobile-drawer-open .mobile-drawer,
body.mobile-drawer-open .mobile-drawer.elclub-mobile-cats-v268{
  transform:translateX(0) !important;
}
.mobile-drawer-head{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  padding:22px 19px 15px !important;
  border-bottom:1px solid rgba(255,255,255,.10) !important;
}
.mobile-drawer-head strong{
  font-family: Impact, Haettenschweiler, 'Arial Black', 'Roboto Condensed', Arial, sans-serif !important;
  color:#d7ff17 !important;
  font-size:19px !important;
  letter-spacing:.22em !important;
  text-transform:uppercase !important;
}
#mobileDrawerClose{
  width:40px !important;
  height:40px !important;
  border-radius:999px !important;
  border:1px solid rgba(255,255,255,.18) !important;
  background:rgba(255,255,255,.08) !important;
  color:#fff !important;
  font-size:25px !important;
}
.mobile-drawer-body{padding:17px !important;overflow:auto !important;}
.mobile-drawer-nav{display:grid !important;gap:12px !important;}
.mobile-drawer-nav a{
  display:flex !important;
  align-items:center !important;
  min-height:60px !important;
  padding:0 18px !important;
  border-radius:18px !important;
  background:rgba(255,255,255,.085) !important;
  border:1px solid rgba(255,255,255,.15) !important;
  color:#fff !important;
  text-decoration:none !important;
  font-family: Impact, Haettenschweiler, 'Arial Black', 'Roboto Condensed', Arial, sans-serif !important;
  font-size:18px !important;
  letter-spacing:.20em !important;
  text-transform:uppercase !important;
  box-shadow:0 12px 28px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.06) !important;
}
.mobile-drawer-nav a:active,
.mobile-drawer-nav a:hover,
.mobile-drawer-nav a.active{
  background:#d7ff17 !important;
  color:#050505 !important;
  border-color:#d7ff17 !important;
}
.mobile-nav-backdrop{
  position:fixed !important;
  inset:0 !important;
  background:rgba(0,0,0,.62) !important;
  z-index:2147483500 !important;
  display:none !important;
}
body.mobile-drawer-open .mobile-nav-backdrop{display:block !important;opacity:1 !important;pointer-events:auto !important;}
body.mobile-drawer-open{overflow:hidden !important;}

@media(max-width:900px){
  #checkoutPageScreen .checkout-v111-form label{font-size:15px !important;letter-spacing:.12em !important;}
  #checkoutPageScreen .checkout-v111-form input{height:48px !important;min-height:48px !important;font-size:16px !important;}
  .mobile-menu-toggle{position:relative !important;z-index:2147481000 !important;}
}


/* =========================================================
   V269 — FIX URGENTE MOBILE MENU + TIPOGRAFÍA CATEGORÍAS
   ========================================================= */
:root{--elclub-sport-font:Impact,Haettenschweiler,'Arial Black','Anton','Roboto Condensed',Arial,sans-serif;}

/* Categorías más grandes, deportivas y separadas */
#mainNav a,
#mainNav .ideal-main-link,
.category-top-nav.nav-clean > a,
.category-top-nav.nav-clean .ideal-main-link,
.controls .filter,
.filter{
  font-family:var(--elclub-sport-font) !important;
  font-size:18px !important;
  line-height:1 !important;
  font-weight:1000 !important;
  letter-spacing:.16em !important;
  text-transform:uppercase !important;
  white-space:nowrap !important;
}

/* Fútbol más chico para que no rompa la barra */
#mainNav a[data-filter="Fútbol"],
.category-top-nav.nav-clean a[data-filter="Fútbol"],
.controls .filter[data-filter="Fútbol"],
.filter[data-filter="Fútbol"]{
  font-size:13px !important;
  letter-spacing:.08em !important;
  padding-left:4px !important;
  padding-right:4px !important;
}

/* Botones/filtros del catálogo un punto más grandes */
.controls .filter,
.filter{
  min-height:46px !important;
  padding:0 18px !important;
}

/* Drawer móvil real: arriba de TODO, no queda escondido detrás de Tu pala ideal */
#mobileDrawer.mobile-drawer,
.mobile-drawer.elclub-mobile-cats-v269{
  position:fixed !important;
  top:0 !important;
  left:0 !important;
  bottom:0 !important;
  right:auto !important;
  width:min(392px,92vw) !important;
  max-width:92vw !important;
  height:100dvh !important;
  min-height:100vh !important;
  margin:0 !important;
  padding:0 !important;
  transform:translateX(-105%) !important;
  transition:transform .20s ease !important;
  display:flex !important;
  flex-direction:column !important;
  opacity:1 !important;
  visibility:visible !important;
  pointer-events:auto !important;
  z-index:2147483646 !important;
  background:
    radial-gradient(circle at 18% 0%, rgba(216,255,0,.30), transparent 34%),
    linear-gradient(160deg, rgba(12,22,23,.99), rgba(5,8,9,.995) 58%, rgba(1,2,3,1)) !important;
  border-right:2px solid rgba(216,255,0,.46) !important;
  box-shadow:36px 0 110px rgba(0,0,0,.86), inset 0 1px 0 rgba(255,255,255,.12) !important;
  overflow:hidden !important;
}

html body.mobile-drawer-open #mobileDrawer.mobile-drawer,
html body.mobile-drawer-open .mobile-drawer.elclub-mobile-cats-v269{
  transform:translateX(0) !important;
}

#mobileDrawer .mobile-drawer-head{
  flex:0 0 auto !important;
  min-height:74px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  padding:18px 18px 14px !important;
  border-bottom:1px solid rgba(255,255,255,.12) !important;
  background:rgba(255,255,255,.035) !important;
}
#mobileDrawer .mobile-drawer-head strong{
  font-family:var(--elclub-sport-font) !important;
  color:#dfff00 !important;
  font-size:22px !important;
  letter-spacing:.20em !important;
  text-transform:uppercase !important;
  line-height:1 !important;
}
#mobileDrawerClose{
  width:44px !important;
  height:44px !important;
  min-width:44px !important;
  border-radius:999px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  color:#fff !important;
  background:rgba(255,255,255,.10) !important;
  border:1px solid rgba(255,255,255,.20) !important;
  font-size:28px !important;
  line-height:1 !important;
}
#mobileDrawer .mobile-drawer-body{
  flex:1 1 auto !important;
  overflow:auto !important;
  padding:18px !important;
  -webkit-overflow-scrolling:touch !important;
}
#mobileDrawer .mobile-drawer-nav{
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:13px !important;
}
#mobileDrawer .mobile-drawer-nav a{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  min-height:62px !important;
  width:100% !important;
  box-sizing:border-box !important;
  padding:0 19px !important;
  border-radius:19px !important;
  background:rgba(255,255,255,.095) !important;
  border:1px solid rgba(255,255,255,.16) !important;
  color:#fff !important;
  text-decoration:none !important;
  font-family:var(--elclub-sport-font) !important;
  font-size:20px !important;
  letter-spacing:.20em !important;
  text-transform:uppercase !important;
  text-shadow:0 0 14px rgba(223,255,0,.13) !important;
  box-shadow:0 12px 30px rgba(0,0,0,.30), inset 0 1px 0 rgba(255,255,255,.07) !important;
}
#mobileDrawer .mobile-drawer-nav a[data-filter="Fútbol"]{
  font-size:15px !important;
  letter-spacing:.10em !important;
}
#mobileDrawer .mobile-drawer-nav a:active,
#mobileDrawer .mobile-drawer-nav a:hover{
  background:#dfff00 !important;
  color:#050505 !important;
  border-color:#dfff00 !important;
}

#mobileNavBackdrop.mobile-nav-backdrop,
.mobile-nav-backdrop{
  position:fixed !important;
  inset:0 !important;
  z-index:2147483645 !important;
  background:rgba(0,0,0,.70) !important;
  backdrop-filter:blur(3px) !important;
  -webkit-backdrop-filter:blur(3px) !important;
  display:none !important;
  opacity:0 !important;
  pointer-events:none !important;
}
html body.mobile-drawer-open #mobileNavBackdrop.mobile-nav-backdrop,
html body.mobile-drawer-open .mobile-nav-backdrop{
  display:block !important;
  opacity:1 !important;
  pointer-events:auto !important;
}
html body.mobile-drawer-open{overflow:hidden !important;}

@media(max-width:900px){
  #mainNav a,
  #mainNav .ideal-main-link,
  .category-top-nav.nav-clean > a,
  .category-top-nav.nav-clean .ideal-main-link,
  .controls .filter,
  .filter{
    font-size:17px !important;
    letter-spacing:.15em !important;
  }
  #mainNav a[data-filter="Fútbol"],
  .category-top-nav.nav-clean a[data-filter="Fútbol"],
  .controls .filter[data-filter="Fútbol"],
  .filter[data-filter="Fútbol"]{
    font-size:12px !important;
    letter-spacing:.075em !important;
  }
  #mobileMenuToggle{
    position:relative !important;
    z-index:2147483644 !important;
  }
}

/* =========================================================
   V270 FINAL URGENTE — mobile header limpio, drawer real, tipografía OneSport
   ========================================================= */
:root{
  --elclub-nav-sport: Impact, Haettenschweiler, 'Arial Black', 'Anton', 'Roboto Condensed', Arial, sans-serif;
}

/* Tipografía deportiva tipo navegación premium */
.category-top-nav.nav-clean a,
.category-top-nav.nav-clean .ideal-main-link,
.category-menu-pro button,
.controls .filter,
.filter,
#mainNav a,
#currentTitle,
.checkout-data-head h2,
.checkout-summary h2,
.pay-option strong,
.payment-option strong,
.checkout-card label,
.checkout-card input,
.checkout-card select,
.checkout-card textarea{
  font-family:var(--elclub-nav-sport) !important;
  text-transform:uppercase !important;
  letter-spacing:.115em !important;
  font-weight:900 !important;
}

.category-top-nav.nav-clean a,
.category-top-nav.nav-clean .ideal-main-link,
#mainNav a{
  font-size:19px !important;
  line-height:1.05 !important;
  white-space:nowrap !important;
}
.category-top-nav.nav-clean a[data-filter="Fútbol"],
#mainNav a[data-filter="Fútbol"]{
  font-size:13px !important;
  letter-spacing:.08em !important;
}

/* Botón hamburguesa nuevo: no lo pisan scripts viejos */
#mobileMenuToggleFinal,
.mobile-menu-toggle{
  width:48px !important;
  height:48px !important;
  min-width:48px !important;
  border-radius:14px !important;
  border:1px solid rgba(218,255,0,.42) !important;
  background:linear-gradient(180deg, rgba(218,255,0,.20), rgba(218,255,0,.06)) !important;
  display:none;
  align-items:center !important;
  justify-content:center !important;
  flex-direction:column !important;
  gap:6px !important;
  box-shadow:0 12px 30px rgba(0,0,0,.36), inset 0 1px 0 rgba(255,255,255,.14) !important;
}
#mobileMenuToggleFinal span,
.mobile-menu-toggle span{
  width:22px !important;
  height:2px !important;
  border-radius:999px !important;
  background:#dfff00 !important;
  display:block !important;
}

/* Mobile: sacamos logo, buscador y carrito del header; queda limpio para abrir categorías */
@media(max-width:900px){
  body .site-header{
    position:sticky !important;
    top:0 !important;
    z-index:2147483000 !important;
    padding:10px 12px !important;
    background:linear-gradient(180deg,#050607,#090d0f) !important;
    border-bottom:1px solid rgba(218,255,0,.18) !important;
  }
  body .header-main-row{
    min-height:58px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:12px !important;
  }
  body .site-header .brand,
  body .site-header .header-search-wrap,
  body .site-header .cart-btn,
  body .site-header #openCart{
    display:none !important;
  }
  body .site-header .header-actions{
    width:100% !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
  }
  body .site-header .header-actions:after{
    content:'CATEGORÍAS' !important;
    margin-left:12px !important;
    color:#fff !important;
    font-family:var(--elclub-nav-sport) !important;
    font-size:20px !important;
    letter-spacing:.18em !important;
    text-transform:uppercase !important;
    line-height:1 !important;
  }
  body #mobileMenuToggleFinal,
  body .site-header .mobile-menu-toggle{
    display:flex !important;
    position:relative !important;
    z-index:2147483600 !important;
  }

  /* Anulamos el nav viejo en mobile para que no tape ni se abra detrás de Tu pala ideal */
  body .site-header #mainNav,
  body .site-header .category-top-nav,
  body .site-header .category-top-nav.nav-clean{
    display:none !important;
    visibility:hidden !important;
    pointer-events:none !important;
  }
}

/* Drawer final propio */
#elclubMobileDrawerV270{
  position:fixed !important;
  inset:0 auto 0 0 !important;
  width:min(390px,94vw) !important;
  height:100dvh !important;
  min-height:100vh !important;
  z-index:2147483647 !important;
  transform:translateX(-110%) !important;
  transition:transform .18s ease !important;
  display:flex !important;
  flex-direction:column !important;
  background:
    radial-gradient(circle at 20% 0%, rgba(218,255,0,.28), transparent 36%),
    linear-gradient(160deg,#142021 0%,#070b0c 56%,#020303 100%) !important;
  border-right:2px solid rgba(218,255,0,.48) !important;
  box-shadow:34px 0 110px rgba(0,0,0,.85), inset 0 1px 0 rgba(255,255,255,.12) !important;
  overflow:hidden !important;
  opacity:1 !important;
  visibility:visible !important;
  pointer-events:none !important;
}
body.elclub-drawer-v270-open #elclubMobileDrawerV270{
  transform:translateX(0) !important;
  pointer-events:auto !important;
}
#elclubMobileBackdropV270{
  position:fixed !important;
  inset:0 !important;
  z-index:2147483646 !important;
  background:rgba(0,0,0,.76) !important;
  backdrop-filter:blur(4px) !important;
  -webkit-backdrop-filter:blur(4px) !important;
  display:none !important;
}
body.elclub-drawer-v270-open #elclubMobileBackdropV270{display:block !important;}
body.elclub-drawer-v270-open{overflow:hidden !important;}

.elclub-v270-head{
  min-height:78px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:12px !important;
  padding:18px 18px 14px !important;
  border-bottom:1px solid rgba(255,255,255,.14) !important;
  background:rgba(255,255,255,.04) !important;
}
.elclub-v270-title{
  font-family:var(--elclub-nav-sport) !important;
  color:#dfff00 !important;
  font-size:24px !important;
  letter-spacing:.18em !important;
  text-transform:uppercase !important;
  line-height:1 !important;
}
.elclub-v270-close{
  width:44px !important;
  height:44px !important;
  border-radius:999px !important;
  background:rgba(255,255,255,.12) !important;
  color:#fff !important;
  border:1px solid rgba(255,255,255,.24) !important;
  font-size:30px !important;
  line-height:1 !important;
}
.elclub-v270-body{
  flex:1 1 auto !important;
  overflow:auto !important;
  padding:18px !important;
  -webkit-overflow-scrolling:touch !important;
}
.elclub-v270-search{
  margin-bottom:16px !important;
}
.elclub-v270-search input{
  width:100% !important;
  height:54px !important;
  border-radius:16px !important;
  border:1px solid rgba(218,255,0,.36) !important;
  background:rgba(255,255,255,.10) !important;
  color:#fff !important;
  outline:none !important;
  padding:0 16px !important;
  font-family:Inter,Arial,sans-serif !important;
  font-size:16px !important;
  text-transform:none !important;
  letter-spacing:0 !important;
}
.elclub-v270-search input::placeholder{color:rgba(255,255,255,.66) !important;}
.elclub-v270-cats{
  display:grid !important;
  gap:12px !important;
}
.elclub-v270-cats button{
  min-height:60px !important;
  width:100% !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  padding:0 18px !important;
  border-radius:18px !important;
  border:1px solid rgba(255,255,255,.16) !important;
  background:rgba(255,255,255,.095) !important;
  color:#fff !important;
  font-family:var(--elclub-nav-sport) !important;
  font-size:20px !important;
  letter-spacing:.17em !important;
  text-transform:uppercase !important;
  text-align:left !important;
  box-shadow:0 12px 30px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.08) !important;
}
.elclub-v270-cats button[data-filter="Fútbol"]{
  font-size:14px !important;
  letter-spacing:.08em !important;
}
.elclub-v270-cats button:active,
.elclub-v270-cats button:hover{
  background:#dfff00 !important;
  color:#050505 !important;
  border-color:#dfff00 !important;
}

/* =========================================================
   V271 — mobile header completo + categorías grandes + checkout legible
   ========================================================= */
:root{
  --elclub-sport-heavy: Impact, Haettenschweiler, 'Arial Black', 'Anton', 'Roboto Condensed', Arial, sans-serif;
}

/* Desktop categorías más grandes y deportivas */
#mainNav.category-top-nav.nav-clean a,
#mainNav.category-top-nav.nav-clean .ideal-main-link,
.category-top-nav.nav-clean > a,
.category-top-nav.nav-clean .ideal-main-link,
.controls .filter,
.filter{
  font-family:var(--elclub-sport-heavy) !important;
  font-size:22px !important;
  line-height:1.05 !important;
  letter-spacing:.14em !important;
  font-weight:900 !important;
  text-transform:uppercase !important;
}
#mainNav.category-top-nav.nav-clean a[data-filter="Fútbol"],
.category-top-nav.nav-clean a[data-filter="Fútbol"],
.controls .filter[data-filter="Fútbol"],
.filter[data-filter="Fútbol"]{
  font-size:16px !important;
  letter-spacing:.08em !important;
}

/* Checkout más legible para gente grande */
#checkoutPageScreen .checkout-v111-form label,
#checkoutPageScreen label,
.checkout-card label{
  font-family:var(--elclub-sport-heavy) !important;
  font-size:17px !important;
  line-height:1.2 !important;
  letter-spacing:.105em !important;
  font-weight:900 !important;
  color:#dfff31 !important;
}
#checkoutPageScreen .checkout-v111-form input,
#checkoutPageScreen .checkout-v111-form select,
#checkoutPageScreen input,
#checkoutPageScreen select,
.checkout-card input,
.checkout-card select{
  min-height:52px !important;
  height:52px !important;
  font-size:18px !important;
  letter-spacing:.035em !important;
}
#checkoutPageScreen .checkout-v111-methods .method-btn,
#checkoutPageScreen .method-btn,
.pay-option,
.payment-option{
  min-height:70px !important;
  padding:16px 18px !important;
}
#checkoutPageScreen .checkout-v111-methods .method-btn b,
#checkoutPageScreen .method-btn b,
.pay-option strong,
.payment-option strong{
  font-family:var(--elclub-sport-heavy) !important;
  font-size:18px !important;
  letter-spacing:.075em !important;
  line-height:1.1 !important;
}
#checkoutPageScreen .checkout-v111-methods .method-btn small,
#checkoutPageScreen .method-btn small,
.pay-option small,
.payment-option small{
  font-size:14px !important;
  line-height:1.25 !important;
}
#checkoutPageScreen .checkout-v111-intro{
  font-size:16px !important;
}

@media(max-width:900px){
  /* Header mobile vuelve completo: logo + buscador + carrito + menú */
  body .site-header{
    position:sticky !important;
    top:0 !important;
    z-index:2147483000 !important;
    padding:10px 12px 12px !important;
    background:linear-gradient(180deg,#0b1114,#050607) !important;
    border-bottom:1px solid rgba(218,255,0,.24) !important;
    box-shadow:0 14px 34px rgba(0,0,0,.42) !important;
  }
  body .header-main-row{
    width:100% !important;
    display:grid !important;
    grid-template-columns:auto 1fr auto !important;
    grid-template-areas:
      "menu logo cart"
      "search search search" !important;
    align-items:center !important;
    gap:10px !important;
    min-height:auto !important;
  }
  body .site-header .brand{
    grid-area:logo !important;
    display:flex !important;
    justify-content:center !important;
    align-items:center !important;
    min-width:0 !important;
  }
  body .site-header .brand img{
    display:block !important;
    width:112px !important;
    max-width:34vw !important;
    height:auto !important;
  }
  body .site-header .header-actions{
    grid-area:unset !important;
    display:contents !important;
    width:auto !important;
  }
  body .site-header .header-actions:after{content:none !important;display:none !important;}
  body #mobileMenuToggleFinal,
  body .site-header .mobile-menu-toggle{
    grid-area:menu !important;
    display:flex !important;
    position:relative !important;
    z-index:2147483600 !important;
    width:48px !important;
    height:48px !important;
    min-width:48px !important;
  }
  body .site-header .cart-btn,
  body .site-header #openCart{
    grid-area:cart !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-width:48px !important;
    height:48px !important;
    padding:0 10px !important;
    border-radius:14px !important;
    font-size:0 !important;
    background:linear-gradient(135deg,#dfff00,#b7ff00) !important;
    color:#050505 !important;
    box-shadow:0 12px 30px rgba(0,0,0,.36), inset 0 1px 0 rgba(255,255,255,.22) !important;
  }
  body .site-header .cart-btn::before,
  body .site-header #openCart::before{
    content:'🛒' !important;
    font-size:21px !important;
    line-height:1 !important;
  }
  body .site-header .cart-btn span,
  body .site-header #openCart span{
    display:inline-flex !important;
    position:relative !important;
    top:-12px !important;
    right:-4px !important;
    min-width:18px !important;
    height:18px !important;
    padding:0 5px !important;
    align-items:center !important;
    justify-content:center !important;
    font-size:11px !important;
    background:#050505 !important;
    color:#dfff00 !important;
  }
  body .site-header .header-search-wrap{
    grid-area:search !important;
    display:flex !important;
    width:100% !important;
    min-width:0 !important;
    margin-top:2px !important;
    background:rgba(255,255,255,.09) !important;
    border:1px solid rgba(218,255,0,.26) !important;
    border-radius:16px !important;
    overflow:hidden !important;
  }
  body .site-header .header-search-wrap input{
    display:block !important;
    width:100% !important;
    height:48px !important;
    min-height:48px !important;
    padding:0 14px !important;
    background:transparent !important;
    color:#fff !important;
    border:0 !important;
    outline:0 !important;
    font-size:16px !important;
  }
  body .site-header .header-search-wrap input::placeholder{color:rgba(255,255,255,.67) !important;}
  body .site-header .header-search-btn{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:48px !important;
    min-width:48px !important;
    color:#dfff00 !important;
    background:rgba(218,255,0,.08) !important;
    border:0 !important;
    font-size:22px !important;
  }

  /* El nav desktop sigue oculto en mobile para no tapar el hero */
  body .site-header #mainNav,
  body .site-header .category-top-nav,
  body .site-header .category-top-nav.nav-clean{
    display:none !important;
    visibility:hidden !important;
    pointer-events:none !important;
  }

  /* Drawer mobile más claro y categorías más grandes */
  #elclubMobileDrawerV270{
    width:min(430px,96vw) !important;
    background:
      radial-gradient(circle at 16% 0%, rgba(218,255,0,.34), transparent 35%),
      radial-gradient(circle at 86% 18%, rgba(255,255,255,.09), transparent 38%),
      linear-gradient(160deg,#18282a 0%,#0b1113 58%,#050606 100%) !important;
  }
  .elclub-v270-title{
    font-size:27px !important;
    letter-spacing:.16em !important;
  }
  .elclub-v270-cats button{
    min-height:68px !important;
    font-size:24px !important;
    letter-spacing:.15em !important;
    padding:0 19px !important;
  }
  .elclub-v270-cats button[data-filter="Fútbol"]{
    font-size:18px !important;
    letter-spacing:.08em !important;
  }
  .elclub-v270-search input{
    height:58px !important;
    font-size:17px !important;
  }

  /* Checkout mobile legible sin romper */
  #checkoutPageScreen .checkout-v111-form label,
  #checkoutPageScreen label{
    font-size:16px !important;
    letter-spacing:.095em !important;
  }
  #checkoutPageScreen .checkout-v111-form input,
  #checkoutPageScreen input,
  #checkoutPageScreen select{
    min-height:52px !important;
    height:52px !important;
    font-size:17px !important;
  }
  #checkoutPageScreen .checkout-v111-methods .method-btn b,
  #checkoutPageScreen .method-btn b{
    font-size:17px !important;
  }
  #checkoutPageScreen .checkout-v111-methods .method-btn small,
  #checkoutPageScreen .method-btn small{
    font-size:14px !important;
  }
}

@media(max-width:390px){
  body .site-header .brand img{width:100px !important;}
  .elclub-v270-cats button{font-size:21px !important;letter-spacing:.12em !important;}
  .elclub-v270-cats button[data-filter="Fútbol"]{font-size:17px !important;}
}

/* =========================================================
   V272 — ILUMINACIÓN + TIPOGRAFÍA MÁS GRANDE + FAVICON PRO
   ========================================================= */
:root{
  --elclub-nav-sport: Impact, Haettenschweiler, 'Arial Black', 'Anton', 'Roboto Condensed', Arial, sans-serif;
}

/* Más luz general: mantiene estética negra/lima, pero sin pantalla apagada */
html, body{
  background:
    radial-gradient(circle at 50% 0%, rgba(218,255,0,.10), transparent 28%),
    radial-gradient(circle at 50% 45%, rgba(255,255,255,.055), transparent 42%),
    #f4f6f2 !important;
}
body{
  color:#111 !important;
}
.site-header{
  background:linear-gradient(180deg, rgba(9,17,16,.93), rgba(6,9,10,.90)) !important;
  box-shadow:0 10px 34px rgba(0,0,0,.28) !important;
}
.hero-simple-wrap,
.hero-collections,
.toolbar,
.product-grid,
.mobile-ideal-section,
.checkout-preview,
.lower-feature-zone,
.brand-pro-bottom,
.site-footer-pro{
  background:
    radial-gradient(circle at 50% 0%, rgba(218,255,0,.09), transparent 32%),
    linear-gradient(180deg, #f6f7f4 0%, #ecefea 100%) !important;
}
.product-grid{
  filter:brightness(1.06) contrast(1.02) !important;
}
.product-card{
  background:linear-gradient(180deg,#ffffff 0%,#f6f7f3 100%) !important;
  color:#111 !important;
  border:1px solid rgba(190,255,0,.42) !important;
  box-shadow:0 14px 38px rgba(0,0,0,.16) !important;
}
.product-card::before,
.product-card::after{
  opacity:.20 !important;
}
.product-info h3,
.product-card h3,
.price,
.product-price,
.product-card strong,
.product-card span,
.product-card small,
.product-card p{
  color:#111 !important;
}
.product-image{
  background:linear-gradient(180deg,#fff 0%,#f0f2ed 100%) !important;
}

/* Tipografía deportiva, más grande y más separada */
.category-top-nav.nav-clean a,
.category-top-nav.nav-clean .ideal-main-link,
.category-menu-pro button,
.controls .filter,
.filter,
#mainNav a{
  font-family:var(--elclub-nav-sport) !important;
  font-size:24px !important;
  line-height:1.05 !important;
  letter-spacing:.15em !important;
  font-weight:900 !important;
  text-transform:uppercase !important;
  white-space:nowrap !important;
}
.category-top-nav.nav-clean a[data-filter="Fútbol"],
#mainNav a[data-filter="Fútbol"],
.controls .filter[data-filter="Fútbol"],
.filter[data-filter="Fútbol"]{
  font-size:18px !important;
  letter-spacing:.10em !important;
}

/* Checkout más legible */
#checkoutPageScreen .checkout-v111-form label,
#checkoutPageScreen label,
.checkout-card label,
.checkout-page-form label{
  font-family:var(--elclub-nav-sport) !important;
  font-size:18px !important;
  line-height:1.22 !important;
  letter-spacing:.11em !important;
  font-weight:900 !important;
}
#checkoutPageScreen input,
#checkoutPageScreen select,
#checkoutPageScreen textarea,
.checkout-card input,
.checkout-card select,
.checkout-card textarea{
  min-height:54px !important;
  height:54px !important;
  font-size:19px !important;
}
#checkoutPageScreen .method-btn b,
#checkoutPageScreen .checkout-v111-methods .method-btn b,
.pay-option strong,
.payment-option strong{
  font-size:20px !important;
  letter-spacing:.09em !important;
}
#checkoutPageScreen .method-btn small,
#checkoutPageScreen .checkout-v111-methods .method-btn small,
.pay-option small,
.payment-option small{
  font-size:15px !important;
}

@media(max-width:900px){
  /* Mobile con más iluminación, sin overlay oscuro permanente */
  body,
  main,
  .product-grid,
  .toolbar,
  .mobile-ideal-section{
    background:
      radial-gradient(circle at 50% 0%, rgba(218,255,0,.12), transparent 30%),
      linear-gradient(180deg,#f7f8f4 0%,#eef1eb 100%) !important;
  }
  body .site-header{
    background:
      radial-gradient(circle at 50% 0%, rgba(218,255,0,.18), transparent 38%),
      linear-gradient(180deg,#111b18 0%,#08100f 100%) !important;
    box-shadow:0 10px 28px rgba(0,0,0,.26) !important;
  }
  body .site-header .header-search-wrap{
    background:#f5f7f0 !important;
    border:1px solid rgba(130,170,0,.55) !important;
    box-shadow:0 8px 20px rgba(0,0,0,.16) !important;
  }
  body .site-header .header-search-wrap input{
    color:#101010 !important;
    font-size:18px !important;
    font-weight:800 !important;
  }
  body .site-header .header-search-wrap input::placeholder{color:rgba(0,0,0,.46) !important;}
  body .site-header .header-search-btn{
    background:linear-gradient(135deg,#dfff00,#b7ff00) !important;
    color:#111 !important;
    font-size:24px !important;
  }
  .product-card{
    box-shadow:0 12px 28px rgba(0,0,0,.14) !important;
  }
  .product-info h3,
  .product-card h3{
    font-size:28px !important;
    line-height:1.04 !important;
  }
  .product-card .price,
  .product-card .product-price,
  .product-card .main-price,
  .product-card strong{
    font-size:28px !important;
  }
  .product-card small,
  .product-card span,
  .product-card p{
    font-size:16px !important;
  }
  .product-card button,
  .add-to-cart,
  .add-to-cart-btn{
    font-family:var(--elclub-nav-sport) !important;
    font-size:20px !important;
    letter-spacing:.10em !important;
  }

  /* Categorías del menú mobile: más grandes y claras */
  #elclubMobileDrawerV270{
    background:
      radial-gradient(circle at 16% 0%, rgba(218,255,0,.46), transparent 35%),
      radial-gradient(circle at 92% 20%, rgba(255,255,255,.16), transparent 36%),
      linear-gradient(160deg,#213635 0%,#10191a 58%,#060808 100%) !important;
  }
  .elclub-v270-title{
    font-size:31px !important;
    letter-spacing:.17em !important;
  }
  .elclub-v270-cats button{
    min-height:74px !important;
    font-size:28px !important;
    letter-spacing:.16em !important;
    font-family:var(--elclub-nav-sport) !important;
  }
  .elclub-v270-cats button[data-filter="Fútbol"]{
    font-size:21px !important;
    letter-spacing:.10em !important;
  }

  #checkoutPageScreen .checkout-v111-form label,
  #checkoutPageScreen label,
  .checkout-card label,
  .checkout-page-form label{
    font-size:18px !important;
  }
  #checkoutPageScreen input,
  #checkoutPageScreen select,
  #checkoutPageScreen textarea{
    min-height:55px !important;
    height:55px !important;
    font-size:18px !important;
  }
  #checkoutPageScreen .method-btn b,
  #checkoutPageScreen .checkout-v111-methods .method-btn b{
    font-size:19px !important;
  }
  #checkoutPageScreen .method-btn small,
  #checkoutPageScreen .checkout-v111-methods .method-btn small{
    font-size:15px !important;
  }
}

@media(max-width:390px){
  .elclub-v270-cats button{font-size:25px !important;}
  .elclub-v270-cats button[data-filter="Fútbol"]{font-size:19px !important;}
}


/* =========================================================
   V273 — AJUSTE FINAL MOBILE: MÁS LUZ + TEST PALA IDEAL
   ========================================================= */
html, body{
  background:#f8faf5 !important;
}
body,
main,
#catalogo,
.catalog-section,
.product-section,
.product-grid,
.products-wrap,
.mobile-ideal-section,
.toolbar{
  background:
    radial-gradient(circle at 50% 0%, rgba(210,255,0,.16), transparent 26%),
    linear-gradient(180deg,#fbfcf8 0%,#f5f7f0 48%,#eef2ea 100%) !important;
}

/* Más blanco real en tarjetas, sin sensación apagada */
.product-card,
.card-product,
.product-item{
  background:#ffffff !important;
  filter:none !important;
  opacity:1 !important;
  border-color:rgba(199,170,133,.62) !important;
  box-shadow:0 10px 24px rgba(0,0,0,.12) !important;
}
.product-card::before,
.product-card::after,
.card-product::before,
.card-product::after{
  opacity:.05 !important;
  background:transparent !important;
}
.product-image,
.product-card .image,
.product-card figure{
  background:#ffffff !important;
  filter:brightness(1.08) contrast(1.04) saturate(1.04) !important;
}
.product-image img,
.product-card img{
  filter:brightness(1.05) contrast(1.04) saturate(1.05) !important;
}
.product-card .badge,
.product-card [class*="badge"],
.product-card .preorder,
.product-card [class*="preventa"]{
  background:linear-gradient(135deg,#dfff00 0%,#8ed500 100%) !important;
  color:#071007 !important;
  text-shadow:none !important;
  filter:none !important;
}
.add-to-cart,
.add-to-cart-btn,
.product-card button{
  background:linear-gradient(135deg,#b7ff00 0%,#6ea000 100%) !important;
  color:#ffffff !important;
  text-shadow:0 1px 1px rgba(0,0,0,.45) !important;
}

/* Header mobile con negro arriba y verde bien vivo */
@media(max-width:900px){
  body::before,
  main::before,
  .product-grid::before,
  #catalogo::before{
    display:none !important;
    opacity:0 !important;
    background:transparent !important;
  }
  body .site-header,
  body header.site-header{
    background:
      radial-gradient(circle at 50% 100%, rgba(199,170,133,.22), transparent 54%),
      linear-gradient(180deg,#020505 0%,#08100d 54%,#101b12 100%) !important;
    border-bottom:1px solid rgba(199,170,133,.44) !important;
  }
  body .site-header .header-search-wrap,
  body .header-search-wrap{
    background:#ffffff !important;
    border:2px solid rgba(199,170,133,.65) !important;
    box-shadow:0 8px 18px rgba(0,0,0,.13), inset 0 0 0 1px rgba(255,255,255,.9) !important;
  }
  body .site-header .header-search-wrap input,
  body .header-search-wrap input{
    background:#ffffff !important;
    color:#111 !important;
  }
  body .site-header .header-search-btn,
  body .header-search-btn,
  body .cart-btn,
  body .mobile-menu-toggle{
    background:linear-gradient(135deg,#dfff00 0%,#9ee600 100%) !important;
    color:#0b0e09 !important;
    border-color:rgba(210,255,0,.75) !important;
    filter:none !important;
  }
  body,
  main,
  #catalogo,
  .product-grid,
  .mobile-ideal-section{
    background:
      radial-gradient(circle at 50% 0%, rgba(210,255,0,.18), transparent 28%),
      linear-gradient(180deg,#ffffff 0%,#f7f9f2 52%,#eef3e8 100%) !important;
  }
  .product-card{
    background:#ffffff !important;
    box-shadow:0 8px 20px rgba(0,0,0,.10) !important;
  }
}

/* Pregunta y opciones de Tu pala ideal */
.ideal-test-v234 .ideal-test-step h3{
  font-size:clamp(24px,3vw,36px) !important;
  letter-spacing:.05em !important;
}
.ideal-test-v234 .ideal-style-grid{
  gap:12px !important;
}
.ideal-test-v234 .ideal-style-grid button{
  min-height:86px !important;
  padding:14px 16px !important;
  gap:6px !important;
  border-radius:18px !important;
}
.ideal-test-v234 .ideal-style-grid button b{
  font-size:clamp(18px,2vw,25px) !important;
  line-height:1 !important;
}
.ideal-test-v234 .ideal-style-grid button span{
  font-size:10px !important;
  letter-spacing:.08em !important;
}
@media(max-width:820px){
  .ideal-test-v234 .ideal-style-grid{
    gap:10px !important;
  }
  .ideal-test-v234 .ideal-style-grid button{
    min-height:76px !important;
    padding:12px 12px !important;
  }
  .ideal-test-v234 .ideal-style-grid button b{
    font-size:19px !important;
  }
  .ideal-test-v234 .ideal-style-grid button span{
    font-size:9.5px !important;
  }
}

/* =========================================================
   ELCLUB V274 — AJUSTE FINAL: BRILLO MOBILE + TABS IGUALES + DRAWER SCROLL
   ========================================================= */

/* Título de catálogo pedido en negro */
#currentTitle,
.toolbar#catalogo h2,
section.toolbar#catalogo h2{
  color:#050505 !important;
  text-shadow:none !important;
}
.toolbar#catalogo .eyebrow,
section.toolbar#catalogo .eyebrow{
  color:#314014 !important;
}

/* Más luz real: elimina sensación de capa oscura en mobile y desktop */
html, body, main{
  background:#ffffff !important;
}
body,
main,
#catalogo,
.catalog-section,
.product-section,
.products-wrap,
.product-grid,
.toolbar,
.mobile-ideal-section{
  background:
    radial-gradient(circle at 50% 0%, rgba(215,255,0,.12), transparent 22%),
    linear-gradient(180deg,#ffffff 0%,#fbfcf8 48%,#f4f8ed 100%) !important;
  filter:none !important;
}
.product-grid,
.products-wrap,
.catalog-section{
  opacity:1 !important;
  filter:none !important;
  mix-blend-mode:normal !important;
}
.product-card,
.card-product,
.product-item{
  background:#ffffff !important;
  color:#080808 !important;
  opacity:1 !important;
  filter:none !important;
  box-shadow:0 8px 18px rgba(0,0,0,.08) !important;
}
.product-card::before,
.product-card::after,
.card-product::before,
.card-product::after,
.product-grid::before,
.product-grid::after,
.products-wrap::before,
.products-wrap::after,
.catalog-section::before,
.catalog-section::after,
.toolbar::before,
.toolbar::after{
  opacity:0 !important;
  display:none !important;
  content:none !important;
}
.product-image,
.product-card figure,
.product-card .image{
  background:#ffffff !important;
  filter:none !important;
}
.product-image img,
.product-card img{
  filter:brightness(1.10) contrast(1.06) saturate(1.07) !important;
}
.product-card h3,
.product-info h3,
.product-card p,
.product-card span,
.product-card small,
.product-card strong{
  color:#111 !important;
  text-shadow:none !important;
}
.product-card .badge,
.product-card [class*="badge"],
.product-card .preorder,
.product-card [class*="preventa"]{
  background:linear-gradient(135deg,#dfff00 0%,#99e600 100%) !important;
  color:#061006 !important;
  filter:none !important;
  opacity:1 !important;
}

@media(max-width:900px){
  html, body, main{
    background:#ffffff !important;
  }
  body,
  main,
  #catalogo,
  .catalog-section,
  .product-section,
  .products-wrap,
  .product-grid,
  .toolbar,
  .mobile-ideal-section{
    background:#ffffff !important;
    filter:none !important;
  }
  body .site-header,
  body header.site-header{
    background:
      radial-gradient(circle at 50% 100%, rgba(210,255,0,.28), transparent 52%),
      linear-gradient(180deg,#020303 0%,#060b08 52%,#0c160b 100%) !important;
    box-shadow:0 8px 18px rgba(0,0,0,.18) !important;
  }
  body .site-header .header-search-wrap,
  body .header-search-wrap{
    background:#ffffff !important;
    border:2px solid rgba(190,255,0,.78) !important;
    box-shadow:0 6px 12px rgba(0,0,0,.08) !important;
  }
  body .site-header .header-search-wrap input,
  body .header-search-wrap input{
    background:#ffffff !important;
    color:#050505 !important;
  }
  body .site-header .header-search-btn,
  body .header-search-btn,
  body .cart-btn,
  body .mobile-menu-toggle{
    background:linear-gradient(135deg,#e6ff00 0%,#a9ee00 100%) !important;
    color:#071007 !important;
    filter:none !important;
  }
  .product-card,
  .card-product,
  .product-item{
    background:#ffffff !important;
    box-shadow:0 7px 16px rgba(0,0,0,.07) !important;
  }
  .product-image,
  .product-card figure,
  .product-card .image{
    background:#ffffff !important;
  }
}

/* Drawer de categorías: ahora scrollea para abajo en celular */
#elclubMobileDrawerV270{
  overflow:hidden !important;
}
#elclubMobileDrawerV270 .elclub-v270-body{
  flex:1 1 auto !important;
  min-height:0 !important;
  height:auto !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
  -webkit-overflow-scrolling:touch !important;
  overscroll-behavior:contain !important;
  padding-bottom:calc(42px + env(safe-area-inset-bottom)) !important;
}
#elclubMobileDrawerV270 .elclub-v270-cats{
  padding-bottom:calc(60px + env(safe-area-inset-bottom)) !important;
}

/* Categorías más legibles */
#elclubMobileDrawerV270 .elclub-v270-cats button{
  min-height:78px !important;
  font-size:29px !important;
  letter-spacing:.15em !important;
}
#elclubMobileDrawerV270 .elclub-v270-cats button[data-filter="Fútbol"]{
  font-size:23px !important;
  letter-spacing:.10em !important;
}
@media(max-width:390px){
  #elclubMobileDrawerV270 .elclub-v270-cats button{font-size:26px !important;}
  #elclubMobileDrawerV270 .elclub-v270-cats button[data-filter="Fútbol"]{font-size:21px !important;}
}

/* Tu pala ideal: el bloque "Cómo es tu juego" usa el mismo formato visual que "Qué nivel sos" */
.ideal-test-v234 .ideal-level-tabs,
.ideal-test-v234 .ideal-style-grid{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:12px !important;
  align-items:stretch !important;
}
.ideal-test-v234 .ideal-level-tabs button,
.ideal-test-v234 .ideal-style-grid button{
  min-height:58px !important;
  height:auto !important;
  padding:12px 12px !important;
  border-radius:999px !important;
  border:1px solid rgba(199,170,133,.45) !important;
  background:rgba(255,255,255,.08) !important;
  color:#ffffff !important;
  font-family:var(--elclub-nav-sport) !important;
  text-transform:uppercase !important;
  letter-spacing:.11em !important;
  font-weight:900 !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12), 0 8px 20px rgba(0,0,0,.16) !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:2px !important;
}
.ideal-test-v234 .ideal-level-tabs button.active,
.ideal-test-v234 .ideal-style-grid button.active-style,
.ideal-test-v234 .ideal-style-grid button[aria-pressed="true"]{
  background:linear-gradient(135deg,#dfff00 0%,#9ee600 100%) !important;
  color:#071007 !important;
  border-color:#dfff00 !important;
}
.ideal-test-v234 .ideal-style-grid button b{
  font-size:16px !important;
  line-height:1 !important;
  color:inherit !important;
}
.ideal-test-v234 .ideal-style-grid button span{
  font-size:9px !important;
  line-height:1 !important;
  letter-spacing:.08em !important;
  color:inherit !important;
  opacity:.9 !important;
}
.ideal-test-v234 .ideal-level-tabs button{
  font-size:16px !important;
}
@media(max-width:820px){
  .ideal-test-v234 .ideal-level-tabs,
  .ideal-test-v234 .ideal-style-grid{
    gap:8px !important;
  }
  .ideal-test-v234 .ideal-level-tabs button,
  .ideal-test-v234 .ideal-style-grid button{
    min-height:54px !important;
    padding:10px 8px !important;
    letter-spacing:.07em !important;
  }
  .ideal-test-v234 .ideal-level-tabs button,
  .ideal-test-v234 .ideal-style-grid button b{
    font-size:13px !important;
  }
  .ideal-test-v234 .ideal-style-grid button span{
    font-size:8px !important;
  }
}

/* ================= ELCLUB V275 — ajustes finales pedidos ================= */
/* Volvemos a una tipografía más limpia de tienda online, no tan deportiva */
:root{
  --elclub-store-font: "Inter", "Manrope", Arial, sans-serif;
}
body,
.category-top-nav.nav-clean a,
.category-top-nav.nav-clean .ideal-main-link,
.category-menu-pro button,
.controls .filter,
.filter,
#mainNav a,
#currentTitle,
.toolbar .eyebrow,
.checkout-data-head h2,
.checkout-summary h2,
.pay-option strong,
.payment-option strong,
.checkout-card label,
.checkout-card input,
.checkout-card select,
.checkout-card textarea,
#elclubMobileDrawerV270 .elclub-v270-cats button,
#elclubMobileDrawerV270 .elclub-v270-title,
.ideal-test-v234 .ideal-level-tabs button,
.ideal-test-v234 .ideal-style-grid button{
  font-family:var(--elclub-store-font) !important;
  letter-spacing:.02em !important;
}

/* Categorías legibles pero con estilo tienda, sin tanta separación */
.category-top-nav.nav-clean a,
.category-top-nav.nav-clean .ideal-main-link,
#mainNav a,
.controls .filter,
.filter{
  font-size:18px !important;
  font-weight:900 !important;
  text-transform:uppercase !important;
  letter-spacing:.025em !important;
}
.category-top-nav.nav-clean a[data-filter="Fútbol"],
#mainNav a[data-filter="Fútbol"],
.controls .filter[data-filter="Fútbol"],
.filter[data-filter="Fútbol"]{
  font-size:15px !important;
  letter-spacing:.015em !important;
}

/* Títulos del catálogo: Tienda online + categoría en negro */
#catalogo .eyebrow,
.toolbar .eyebrow,
#currentTitle,
#collectionEyebrow,
#collectionTitle{
  color:#050505 !important;
  text-shadow:none !important;
}
#currentTitle{
  font-size:clamp(30px,4vw,48px) !important;
  font-weight:950 !important;
  line-height:1.02 !important;
}
#catalogo .eyebrow,
.toolbar .eyebrow{
  font-size:14px !important;
  font-weight:900 !important;
  letter-spacing:.08em !important;
}

/* Tu pala ideal: Control / Híbrido / Ataque igual formato que Qué nivel sos */
.ideal-test-v234 .ideal-style-grid button span{
  display:none !important;
}
.ideal-test-v234 .ideal-style-grid button::before,
.ideal-test-v234 .ideal-style-grid button::after,
.ideal-premium-v229 .ideal-style-grid button::before,
.ideal-premium-v229 .ideal-style-grid button::after{
  content:none !important;
  display:none !important;
  border:0 !important;
}
.ideal-test-v234 .ideal-level-tabs,
.ideal-test-v234 .ideal-style-grid{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:8px !important;
}
.ideal-test-v234 .ideal-level-tabs button,
.ideal-test-v234 .ideal-style-grid button{
  min-height:54px !important;
  height:54px !important;
  padding:10px 8px !important;
  border-radius:999px !important;
  font-size:15px !important;
  font-weight:900 !important;
  text-transform:uppercase !important;
  color:#ffffff !important;
  background:rgba(255,255,255,.08) !important;
  border:1px solid rgba(199,170,133,.45) !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
}
.ideal-test-v234 .ideal-style-grid button b{
  font-size:15px !important;
  line-height:1 !important;
  font-weight:900 !important;
  color:inherit !important;
}
.ideal-test-v234 .ideal-level-tabs button.active,
.ideal-test-v234 .ideal-style-grid button.active-style,
.ideal-test-v234 .ideal-style-grid button[aria-pressed="true"]{
  background:linear-gradient(135deg,#dfff00 0%,#9ee600 100%) !important;
  color:#071007 !important;
  border-color:#dfff00 !important;
}
@media(max-width:430px){
  .ideal-test-v234 .ideal-level-tabs button,
  .ideal-test-v234 .ideal-style-grid button,
  .ideal-test-v234 .ideal-style-grid button b{
    font-size:13px !important;
  }
}

/* Menú mobile: mantener scroll y hacerlo más claro */
#elclubMobileDrawerV270{
  background:linear-gradient(180deg,#0c120e 0%,#101713 100%) !important;
}
#elclubMobileDrawerV270 .elclub-v270-body{
  overflow-y:auto !important;
  -webkit-overflow-scrolling:touch !important;
}
#elclubMobileDrawerV270 .elclub-v270-cats button{
  font-size:24px !important;
  min-height:70px !important;
  letter-spacing:.02em !important;
  font-weight:950 !important;
}
#elclubMobileDrawerV270 .elclub-v270-cats button[data-filter="Fútbol"]{
  font-size:20px !important;
}

/* ================= ELCLUB V276 — ÚLTIMO AJUSTE TU PALA IDEAL + TÍTULO CATÁLOGO ================= */
/* Título dinámico del catálogo visible en negro */
#catalogo .eyebrow,
.toolbar#catalogo .eyebrow,
section.toolbar#catalogo .eyebrow,
#catalogo .catalog-kicker,
#catalogo .section-kicker,
#catalogo small,
.toolbar#catalogo small {
  color: #111111 !important;
  opacity: 1 !important;
  text-shadow: none !important;
}

#currentTitle,
.toolbar#catalogo h2,
section.toolbar#catalogo h2,
.catalog-title,
#catalogo h2 {
  color: #111111 !important;
  opacity: 1 !important;
  text-shadow: none !important;
  -webkit-text-fill-color: #111111 !important;
}

/* Cómo es tu juego: mismo formato, mismo ancho y mismo tamaño que Qué nivel sos */
.ideal-test-v234 .ideal-panel,
.ideal-test-v234 .ideal-panel.active,
.ideal-premium-v229 .ideal-panel,
.ideal-premium-v229 .ideal-panel.active {
  display: none !important;
  max-width: 760px !important;
  width: 100% !important;
  margin-top: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.ideal-test-v234 .ideal-panel.active,
.ideal-premium-v229 .ideal-panel.active {
  display: block !important;
}

.ideal-test-v234 .ideal-style-grid,
.ideal-premium-v229 .ideal-style-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 10px !important;
  max-width: 760px !important;
  width: 100% !important;
  padding: 6px !important;
  margin: 0 !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.065) !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  box-shadow: none !important;
}

.ideal-test-v234 .ideal-style-grid button,
.ideal-premium-v229 .ideal-style-grid button {
  min-height: 46px !important;
  height: 46px !important;
  padding: 10px 14px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: transparent !important;
  color: rgba(255,255,255,.76) !important;
  font-weight: 1000 !important;
  text-transform: uppercase !important;
  letter-spacing: .04em !important;
  font-size: 12px !important;
  line-height: 1 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  box-shadow: none !important;
  overflow: visible !important;
  transform: none !important;
}

.ideal-test-v234 .ideal-style-grid button b,
.ideal-premium-v229 .ideal-style-grid button b {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  color: inherit !important;
  font-size: 12px !important;
  line-height: 1 !important;
  font-weight: 1000 !important;
  letter-spacing: .04em !important;
  text-align: center !important;
}

.ideal-test-v234 .ideal-level-tabs button,
.ideal-premium-v229 .ideal-level-tabs button {
  min-height: 46px !important;
  height: 46px !important;
  font-size: 12px !important;
}

.ideal-test-v234 .ideal-style-grid button::before,
.ideal-test-v234 .ideal-style-grid button::after,
.ideal-premium-v229 .ideal-style-grid button::before,
.ideal-premium-v229 .ideal-style-grid button::after {
  content: none !important;
  display: none !important;
}

.ideal-test-v234 .ideal-style-grid button span,
.ideal-premium-v229 .ideal-style-grid button span {
  display: none !important;
}

.ideal-test-v234 .ideal-style-grid button:hover,
.ideal-test-v234 .ideal-style-grid button:focus-visible,
.ideal-test-v234 .ideal-style-grid button.active-style,
.ideal-test-v234 .ideal-style-grid button[aria-pressed="true"],
.ideal-premium-v229 .ideal-style-grid button:hover,
.ideal-premium-v229 .ideal-style-grid button:focus-visible,
.ideal-premium-v229 .ideal-style-grid button.active-style,
.ideal-premium-v229 .ideal-style-grid button[aria-pressed="true"] {
  background: linear-gradient(135deg, #c7aa85, #8fc900) !important;
  color: #071009 !important;
  box-shadow: 0 14px 32px rgba(199,170,133,.18) !important;
  transform: none !important;
}

@media (max-width: 820px) {
  .ideal-test-v234 .ideal-level-tabs,
  .ideal-test-v234 .ideal-style-grid,
  .ideal-premium-v229 .ideal-level-tabs,
  .ideal-premium-v229 .ideal-style-grid {
    grid-template-columns: 1fr !important;
    border-radius: 22px !important;
    gap: 7px !important;
    padding: 7px !important;
    max-width: 100% !important;
  }

  .ideal-test-v234 .ideal-style-grid button,
  .ideal-premium-v229 .ideal-style-grid button,
  .ideal-test-v234 .ideal-level-tabs button,
  .ideal-premium-v229 .ideal-level-tabs button {
    min-height: 44px !important;
    height: 44px !important;
    font-size: 12px !important;
    padding: 10px 12px !important;
  }

  .ideal-test-v234 .ideal-style-grid button b,
  .ideal-premium-v229 .ideal-style-grid button b {
    font-size: 12px !important;
  }
}


/* ================= ELCLUB V277 — tipografías / pala ideal / títulos catálogo ================= */
:root{
  --elclub-store-font-v277: "Inter", "Manrope", Arial, sans-serif;
}

/* Categorías desktop + mobile: volver a tipografía limpia anterior pero con un poco más de aire */
.category-top-nav.nav-clean a,
.category-top-nav.nav-clean .ideal-main-link,
#mainNav a,
.controls .filter,
.filter,
#elclubMobileDrawerV270 .elclub-v270-cats button,
#elclubMobileDrawerV270 .elclub-v270-title,
.mobile-drawer.elclub-mobile-cats-v267 .mobile-drawer-nav a,
.mobile-drawer-head strong{
  font-family:var(--elclub-store-font-v277) !important;
  text-transform:uppercase !important;
  letter-spacing:.05em !important;
  font-weight:900 !important;
}

.category-top-nav.nav-clean a,
.category-top-nav.nav-clean .ideal-main-link,
#mainNav a{
  font-size:17px !important;
  line-height:1.08 !important;
}

.category-top-nav.nav-clean a[data-filter="Fútbol"],
#mainNav a[data-filter="Fútbol"]{
  font-size:15px !important;
  letter-spacing:.04em !important;
}

#elclubMobileDrawerV270 .elclub-v270-cats button{
  font-size:22px !important;
  min-height:68px !important;
  letter-spacing:.05em !important;
}
#elclubMobileDrawerV270 .elclub-v270-cats button[data-filter="Fútbol"]{
  font-size:18px !important;
}
@media(max-width:420px){
  #elclubMobileDrawerV270 .elclub-v270-cats button{font-size:20px !important;}
  #elclubMobileDrawerV270 .elclub-v270-cats button[data-filter="Fútbol"]{font-size:17px !important;}
}

/* Tu pala ideal: separar más las letras y usar tipografía limpia */
.ideal-test-shell .ideal-test-header h2,
#mobileIdeal .ideal-test-header h2,
.mobile-ideal-section .ideal-test-header h2{
  font-family:var(--elclub-store-font-v277) !important;
  font-weight:1000 !important;
  text-transform:uppercase !important;
  letter-spacing:.055em !important;
  line-height:.95 !important;
}

/* Igualar exactamente el estilo de Control / Híbrido / Ataque con Principiante / Intermedio / Avanzado */
.ideal-test-v234 .ideal-level-tabs,
.ideal-premium-v229 .ideal-level-tabs,
.ideal-test-v234 .ideal-style-grid,
.ideal-premium-v229 .ideal-style-grid{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:8px !important;
  max-width:760px !important;
  width:100% !important;
  padding:0 !important;
  margin:0 !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}

.ideal-test-v234 .ideal-level-tabs button,
.ideal-premium-v229 .ideal-level-tabs button,
.ideal-test-v234 .ideal-style-grid button,
.ideal-premium-v229 .ideal-style-grid button{
  min-height:46px !important;
  height:46px !important;
  padding:10px 14px !important;
  border-radius:999px !important;
  border:1px solid rgba(199,170,133,.45) !important;
  background:rgba(255,255,255,.08) !important;
  color:#ffffff !important;
  font-family:var(--elclub-store-font-v277) !important;
  font-size:12px !important;
  font-weight:1000 !important;
  text-transform:uppercase !important;
  letter-spacing:.04em !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
  box-shadow:none !important;
}

.ideal-test-v234 .ideal-style-grid button b,
.ideal-premium-v229 .ideal-style-grid button b{
  display:block !important;
  font-family:inherit !important;
  font-size:12px !important;
  font-weight:1000 !important;
  color:inherit !important;
  line-height:1 !important;
  letter-spacing:.04em !important;
}

.ideal-test-v234 .ideal-level-tabs button.active,
.ideal-premium-v229 .ideal-level-tabs button.active,
.ideal-test-v234 .ideal-style-grid button:hover,
.ideal-test-v234 .ideal-style-grid button:focus-visible,
.ideal-test-v234 .ideal-style-grid button.active-style,
.ideal-test-v234 .ideal-style-grid button[aria-pressed="true"],
.ideal-premium-v229 .ideal-style-grid button:hover,
.ideal-premium-v229 .ideal-style-grid button:focus-visible,
.ideal-premium-v229 .ideal-style-grid button.active-style,
.ideal-premium-v229 .ideal-style-grid button[aria-pressed="true"]{
  background:linear-gradient(135deg,#c7aa85,#8fc900) !important;
  color:#071009 !important;
  border-color:#c7aa85 !important;
  box-shadow:none !important;
}

.ideal-test-v234 .ideal-style-grid button::before,
.ideal-test-v234 .ideal-style-grid button::after,
.ideal-premium-v229 .ideal-style-grid button::before,
.ideal-premium-v229 .ideal-style-grid button::after,
.ideal-test-v234 .ideal-style-grid button span,
.ideal-premium-v229 .ideal-style-grid button span{
  content:none !important;
  display:none !important;
}

/* En mobile, mismo formato también */
@media(max-width:820px){
  .ideal-test-v234 .ideal-level-tabs,
  .ideal-premium-v229 .ideal-level-tabs,
  .ideal-test-v234 .ideal-style-grid,
  .ideal-premium-v229 .ideal-style-grid{
    grid-template-columns:1fr !important;
    gap:7px !important;
    max-width:100% !important;
  }

  .ideal-test-v234 .ideal-level-tabs button,
  .ideal-premium-v229 .ideal-level-tabs button,
  .ideal-test-v234 .ideal-style-grid button,
  .ideal-premium-v229 .ideal-style-grid button,
  .ideal-test-v234 .ideal-style-grid button b,
  .ideal-premium-v229 .ideal-style-grid button b{
    min-height:44px !important;
    height:44px !important;
    font-size:12px !important;
    padding:10px 12px !important;
  }
}

/* Todos los productos / categorías del bloque catálogo bien negros */
#catalogo .eyebrow,
.toolbar#catalogo .eyebrow,
section.toolbar#catalogo .eyebrow,
#catalogo .eyebrow *,
#currentTitle,
#currentTitle *,
.toolbar#catalogo h2,
.toolbar#catalogo h2 *,
section.toolbar#catalogo h2,
section.toolbar#catalogo h2 *,
.catalog-title,
.catalog-title *,
#catalogo h2,
#catalogo h2 *{
  color:#111111 !important;
  opacity:1 !important;
  text-shadow:none !important;
  -webkit-text-fill-color:#111111 !important;
}


/* ================= ELCLUB V278 — sacar barra de búsqueda y categorías del bloque catálogo ================= */
#catalogo .controls,
.toolbar#catalogo .controls,
section.toolbar#catalogo .controls {
  display: none !important;
}

#catalogo,
.toolbar#catalogo,
section.toolbar#catalogo {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  gap: 0 !important;
}

#catalogo > div:first-child,
.toolbar#catalogo > div:first-child,
section.toolbar#catalogo > div:first-child {
  width: 100% !important;
  max-width: 100% !important;
}

#catalogo .eyebrow,
.toolbar#catalogo .eyebrow,
section.toolbar#catalogo .eyebrow {
  margin-bottom: 8px !important;
}

#currentTitle,
.toolbar#catalogo h2,
section.toolbar#catalogo h2 {
  margin-bottom: 0 !important;
}

@media (max-width: 900px) {
  #catalogo,
  .toolbar#catalogo,
  section.toolbar#catalogo {
    padding-top: 18px !important;
  }
}


/* ================= ELCLUB V279 — mobile header más limpio + preventa más chica ================= */
@media (max-width: 900px){
  body,
  .page-shell,
  main{
    background:#f7f7f7 !important;
  }

  body .site-header,
  body .site-header.site-header-v124{
    background:linear-gradient(180deg,#040604 0%,#091106 55%,#0b1307 100%) !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
    box-shadow:none !important;
    border-bottom:1px solid rgba(199,170,133,.14) !important;
  }

  body .site-header::before,
  body .site-header::after{
    content:none !important;
    display:none !important;
  }

  body .site-header .brand img{
    content:url("assets/logo.png") !important;
    width:150px !important;
    max-width:150px !important;
    height:auto !important;
    object-fit:contain !important;
    filter:none !important;
    mix-blend-mode:normal !important;
    opacity:1 !important;
  }

  body .site-header .header-search-wrap,
  body .site-header .search-wrap,
  body .site-header .search-box{
    background:#ffffff !important;
    border:1px solid rgba(199,170,133,.36) !important;
    box-shadow:none !important;
  }

  body .site-header input[type="search"],
  body .site-header .header-search,
  body .site-header .search-input{
    background:#ffffff !important;
    color:#2a2a2a !important;
  }

  body .site-header input::placeholder,
  body .site-header .search-input::placeholder{
    color:#6d6d6d !important;
    opacity:1 !important;
  }

  body .site-header .mobile-menu-toggle,
  body .site-header .cart-btn{
    box-shadow:none !important;
  }

  /* productos más luminosos en mobile */
  body .product-card,
  body .product-grid#productGrid .product-card{
    background:#ffffff !important;
    box-shadow:0 10px 22px rgba(0,0,0,.08) !important;
  }
  body .product-image,
  body .product-grid#productGrid .product-image{
    background:linear-gradient(180deg,#ffffff 0%,#f6f6f6 100%) !important;
  }

  /* badge preventa más chico */
  .preorder-badge,
  .product-grid#productGrid .preorder-badge,
  .product-card .preorder-badge,
  .product-image .preorder-badge{
    top:8px !important;
    right:8px !important;
    min-width:48px !important;
    padding:5px 7px !important;
    border-radius:10px !important;
    font-size:8px !important;
    line-height:1.02 !important;
    box-shadow:0 6px 14px rgba(0,0,0,.16) !important;
  }
}

@media (max-width: 560px){
  body .site-header .brand img{
    width:144px !important;
    max-width:144px !important;
  }

  .preorder-badge,
  .product-grid#productGrid .preorder-badge,
  .product-card .preorder-badge,
  .product-image .preorder-badge{
    min-width:44px !important;
    padding:4px 6px !important;
    font-size:7.5px !important;
  }
}


/* ================= ELCLUB V280 — HERO DISEÑO FULL: imagen completa + texto al costado ================= */
.hero-simple-wrap.hero-collections,
#inicio.hero-simple-wrap{
  width:100% !important;
  max-width:100% !important;
  margin:0 !important;
  padding:0 !important;
  background:#050705 !important;
  overflow:hidden !important;
}

.hero-simple-slider#heroSimpleSlider,
.hero-simple-slider{
  width:100% !important;
  max-width:100% !important;
  height:calc(100vh - 118px) !important;
  min-height:560px !important;
  margin:0 !important;
  border-radius:0 !important;
  border:0 !important;
  box-shadow:none !important;
  background:linear-gradient(90deg,#050705 0%,#071006 44%,#eef1e9 44%,#ffffff 100%) !important;
  overflow:hidden !important;
}

.hero-simple-slide{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  display:grid !important;
  grid-template-columns:44% 56% !important;
  align-items:center !important;
  overflow:hidden !important;
  background:linear-gradient(90deg,#050705 0%,#071006 44%,#f4f5f1 44%,#ffffff 100%) !important;
}

.hero-simple-slide::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  background:radial-gradient(circle at 20% 45%, rgba(199,170,133,.22), transparent 34%), linear-gradient(90deg, rgba(0,0,0,.08), transparent 54%) !important;
  z-index:1 !important;
  pointer-events:none !important;
}

.hero-simple-slide::after{
  content:none !important;
  display:none !important;
}

.hero-simple-slide .hero-bg-img{
  display:none !important;
}

.hero-simple-slide .hero-main-img{
  position:absolute !important;
  left:44% !important;
  top:0 !important;
  width:56% !important;
  height:100% !important;
  padding:clamp(18px,3vw,46px) clamp(18px,4vw,64px) !important;
  object-fit:contain !important;
  object-position:center center !important;
  background:transparent !important;
  filter:saturate(1.02) contrast(1.02) brightness(1.03) !important;
  transform:none !important;
  opacity:1 !important;
  z-index:2 !important;
}

.hero-collection-copy{
  position:relative !important;
  left:auto !important;
  bottom:auto !important;
  top:auto !important;
  right:auto !important;
  grid-column:1 !important;
  z-index:3 !important;
  max-width:100% !important;
  width:100% !important;
  padding:clamp(28px,5vw,76px) clamp(20px,4.5vw,72px) !important;
  color:#ffffff !important;
  text-shadow:none !important;
  align-self:center !important;
}

.hero-collection-copy p{
  color:#c7aa85 !important;
  font-family:Inter,Manrope,Arial,sans-serif !important;
  font-size:clamp(12px,1.1vw,16px) !important;
  letter-spacing:.12em !important;
  font-weight:1000 !important;
  margin:0 0 12px !important;
}

.hero-collection-copy h2{
  color:#ffffff !important;
  font-family:Anton,Impact,'Arial Black',Inter,sans-serif !important;
  font-size:clamp(54px,6.4vw,116px) !important;
  line-height:.86 !important;
  letter-spacing:-.025em !important;
  margin:0 !important;
  max-width:520px !important;
}

.hero-collection-copy span{
  color:#f5f5f5 !important;
  font-size:clamp(15px,1.35vw,22px) !important;
  font-weight:900 !important;
  margin-top:14px !important;
}

.hero-collection-copy button{
  margin-top:24px !important;
  background:#c7aa85 !important;
  color:#071009 !important;
  min-height:48px !important;
  padding:0 28px !important;
  border-radius:999px !important;
  font-weight:1000 !important;
  box-shadow:none !important;
}

.hero-simple-arrow{
  z-index:20 !important;
}
.hero-simple-dots{
  z-index:20 !important;
}

@media(max-width:900px){
  .hero-simple-slider#heroSimpleSlider,
  .hero-simple-slider{
    height:calc(100svh - 178px) !important;
    min-height:520px !important;
    background:linear-gradient(90deg,#050705 0%,#071006 43%,#f7f7f4 43%,#ffffff 100%) !important;
  }

  .hero-simple-slide{
    grid-template-columns:43% 57% !important;
    background:linear-gradient(90deg,#050705 0%,#071006 43%,#f7f7f4 43%,#ffffff 100%) !important;
  }

  .hero-simple-slide .hero-main-img{
    left:43% !important;
    width:57% !important;
    padding:16px 10px 28px 10px !important;
    object-fit:contain !important;
    object-position:center center !important;
  }

  .hero-collection-copy{
    padding:24px 10px 24px 18px !important;
  }

  .hero-collection-copy p{
    font-size:10px !important;
    letter-spacing:.08em !important;
    margin-bottom:8px !important;
  }

  .hero-collection-copy h2{
    font-size:clamp(30px,9vw,46px) !important;
    line-height:.88 !important;
    letter-spacing:-.03em !important;
  }

  .hero-collection-copy span{
    font-size:12px !important;
    line-height:1.15 !important;
    margin-top:8px !important;
  }

  .hero-collection-copy button{
    min-height:40px !important;
    padding:0 14px !important;
    font-size:10px !important;
    margin-top:14px !important;
  }

  .hero-simple-prev{left:8px !important;}
  .hero-simple-next{right:8px !important;}
}

@media(max-width:430px){
  .hero-simple-slider#heroSimpleSlider,
  .hero-simple-slider{
    min-height:500px !important;
  }

  .hero-collection-copy{
    padding-left:14px !important;
    padding-right:8px !important;
  }

  .hero-collection-copy h2{
    font-size:clamp(28px,8.8vw,40px) !important;
  }

  .hero-simple-slide .hero-main-img{
    padding:12px 6px 28px 6px !important;
  }
}


/* ================= ELCLUB V281 — hero sin blancos al costado ================= */
.hero-simple-wrap,
.hero-simple-slider#heroSimpleSlider,
.hero-simple-slider{
  width:100% !important;
  max-width:100% !important;
  background:#06090d !important;
}

.hero-simple-slider#heroSimpleSlider,
.hero-simple-slider{
  height:calc(100vh - 118px) !important;
  min-height:560px !important;
  margin:0 !important;
  border-radius:0 !important;
  border:0 !important;
  box-shadow:none !important;
  overflow:hidden !important;
}

.hero-simple-slide{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  display:grid !important;
  grid-template-columns:42% 58% !important;
  align-items:center !important;
  overflow:hidden !important;
  background:linear-gradient(90deg,#040604 0%,#091106 42%,#0d1320 42%,#080c13 100%) !important;
}

/* brillo sutil izquierda y panel oscuro sólido a la derecha para que no quede blanco */
.hero-simple-slide::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  background:
    radial-gradient(circle at 20% 45%, rgba(199,170,133,.20), transparent 32%),
    linear-gradient(90deg, rgba(0,0,0,.08), transparent 54%) !important;
  z-index:1 !important;
  pointer-events:none !important;
}

.hero-simple-slide::after{
  content:"" !important;
  position:absolute !important;
  top:0 !important;
  bottom:0 !important;
  left:42% !important;
  right:0 !important;
  background:
    radial-gradient(circle at 78% 28%, rgba(199,170,133,.08), transparent 20%),
    radial-gradient(circle at 58% 68%, rgba(255,255,255,.03), transparent 22%),
    linear-gradient(180deg,#101825 0%,#070c13 100%) !important;
  display:block !important;
  z-index:0 !important;
  pointer-events:none !important;
}

.hero-simple-slide .hero-bg-img{
  display:none !important;
}

.hero-collection-copy{
  position:relative !important;
  z-index:3 !important;
  grid-column:1 !important;
  width:100% !important;
  max-width:100% !important;
  padding:clamp(28px,5vw,76px) clamp(22px,4.5vw,72px) !important;
  align-self:center !important;
}

.hero-simple-slide .hero-main-img{
  position:absolute !important;
  left:42% !important;
  top:0 !important;
  width:58% !important;
  height:100% !important;
  padding:clamp(18px,3vw,44px) clamp(18px,4vw,56px) !important;
  object-fit:contain !important;
  object-position:center center !important;
  background:transparent !important;
  filter:saturate(1.03) contrast(1.03) brightness(1.05) !important;
  transform:none !important;
  opacity:1 !important;
  z-index:2 !important;
}

/* mobile: mantener imagen completa, copy a la izquierda y sin blancos */
@media(max-width:900px){
  .hero-simple-slider#heroSimpleSlider,
  .hero-simple-slider{
    height:58vh !important;
    min-height:340px !important;
    background:#06090d !important;
  }

  .hero-simple-slide{
    grid-template-columns:40% 60% !important;
    background:linear-gradient(90deg,#040604 0%,#091106 40%,#0d1320 40%,#080c13 100%) !important;
  }

  .hero-simple-slide::after{
    left:40% !important;
    background:
      radial-gradient(circle at 76% 30%, rgba(199,170,133,.07), transparent 20%),
      linear-gradient(180deg,#0e1622 0%,#070b12 100%) !important;
  }

  .hero-simple-slide .hero-main-img{
    left:40% !important;
    width:60% !important;
    padding:12px 8px 20px 8px !important;
  }

  .hero-collection-copy{
    padding:18px 10px 18px 16px !important;
  }

  .hero-collection-copy p{font-size:10px !important; margin-bottom:7px !important;}
  .hero-collection-copy h2{font-size:clamp(30px,8.8vw,46px) !important; line-height:.9 !important;}
  .hero-collection-copy span{font-size:12px !important; line-height:1.15 !important; margin-top:8px !important;}
  .hero-collection-copy button{min-height:38px !important; padding:0 14px !important; font-size:10px !important; margin-top:12px !important;}
}

@media(max-width:560px){
  .hero-simple-slider#heroSimpleSlider,
  .hero-simple-slider{min-height:320px !important; height:52vh !important;}
  .hero-simple-slide{grid-template-columns:38% 62% !important; background:linear-gradient(90deg,#040604 0%,#091106 38%,#0d1320 38%,#080c13 100%) !important;}
  .hero-simple-slide::after{left:38% !important;}
  .hero-simple-slide .hero-main-img{left:38% !important; width:62% !important; padding:10px 6px 16px 6px !important;}
  .hero-collection-copy{padding:16px 8px 16px 14px !important;}
  .hero-collection-copy h2{font-size:clamp(24px,8.3vw,36px) !important;}
}


/* ================= ELCLUB V282 — HERO PREMIUM FULL WIDTH DEFINITIVO =================
   Idea: imagen completa + fondo lleno, sin blancos, con colección y botón claro.
*/
.hero-simple-wrap.hero-collections,
.hero-simple-wrap{
  width:100% !important;
  max-width:100% !important;
  margin:0 !important;
  padding:0 !important;
  background:#050706 !important;
  overflow:hidden !important;
}

.hero-simple-slider#heroSimpleSlider,
.hero-simple-slider{
  position:relative !important;
  width:100vw !important;
  max-width:100vw !important;
  height:calc(100vh - 108px) !important;
  min-height:620px !important;
  margin:0 !important;
  border-radius:0 !important;
  border:0 !important;
  overflow:hidden !important;
  background:#050706 !important;
  box-shadow:none !important;
}

.hero-simple-slide{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  display:block !important;
  overflow:hidden !important;
  background:#050706 !important;
}

/* Fondo de la misma imagen: llena todo el ancho, sin espacios blancos */
.hero-simple-slide .hero-bg-img{
  display:block !important;
  position:absolute !important;
  inset:-32px !important;
  width:calc(100% + 64px) !important;
  height:calc(100% + 64px) !important;
  object-fit:cover !important;
  object-position:center center !important;
  filter:blur(22px) brightness(.42) saturate(1.16) contrast(1.04) !important;
  transform:scale(1.04) !important;
  opacity:1 !important;
  z-index:0 !important;
}

.hero-simple-slide::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:1 !important;
  pointer-events:none !important;
  background:
    radial-gradient(circle at 80% 48%, rgba(199,170,133,.11), transparent 28%),
    radial-gradient(circle at 20% 42%, rgba(199,170,133,.18), transparent 30%),
    linear-gradient(90deg, rgba(0,0,0,.84) 0%, rgba(0,0,0,.60) 34%, rgba(0,0,0,.18) 64%, rgba(0,0,0,.48) 100%),
    linear-gradient(180deg, rgba(0,0,0,.20) 0%, rgba(0,0,0,.60) 100%) !important;
}

.hero-simple-slide::after{
  content:none !important;
  display:none !important;
}

/* Imagen principal completa, apoyada a la derecha en desktop */
.hero-simple-slide .hero-main-img{
  position:absolute !important;
  top:0 !important;
  right:0 !important;
  left:auto !important;
  width:64% !important;
  height:100% !important;
  padding:clamp(18px,3vw,48px) clamp(14px,3vw,46px) clamp(22px,3vw,52px) clamp(12px,2vw,28px) !important;
  object-fit:contain !important;
  object-position:center center !important;
  background:transparent !important;
  filter:saturate(1.05) contrast(1.04) brightness(1.05) drop-shadow(0 26px 46px rgba(0,0,0,.32)) !important;
  opacity:1 !important;
  z-index:2 !important;
  transform:none !important;
}

/* Texto de colección: claro, vendible y clickeable */
.hero-collection-copy{
  position:absolute !important;
  left:clamp(22px,5vw,84px) !important;
  top:50% !important;
  bottom:auto !important;
  right:auto !important;
  transform:translateY(-50%) !important;
  z-index:4 !important;
  width:min(500px,38vw) !important;
  max-width:500px !important;
  padding:0 !important;
  color:#ffffff !important;
  text-shadow:0 18px 40px rgba(0,0,0,.45) !important;
}

.hero-collection-copy p{
  color:#c7aa85 !important;
  font-family:Inter,Manrope,Arial,sans-serif !important;
  font-size:clamp(12px,1vw,16px) !important;
  letter-spacing:.16em !important;
  font-weight:1000 !important;
  text-transform:uppercase !important;
  margin:0 0 12px !important;
}

.hero-collection-copy h2{
  color:#ffffff !important;
  font-family:Anton,Impact,'Arial Black',Inter,sans-serif !important;
  font-size:clamp(56px,7vw,124px) !important;
  line-height:.84 !important;
  letter-spacing:-.025em !important;
  margin:0 !important;
  max-width:520px !important;
}

.hero-collection-copy span{
  display:block !important;
  color:#f2f2f2 !important;
  font-family:Inter,Manrope,Arial,sans-serif !important;
  font-size:clamp(15px,1.2vw,21px) !important;
  line-height:1.25 !important;
  font-weight:900 !important;
  margin-top:16px !important;
}

.hero-collection-copy button{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  margin-top:26px !important;
  min-height:50px !important;
  padding:0 30px !important;
  border-radius:999px !important;
  background:linear-gradient(135deg,#c7aa85,#91d900) !important;
  color:#071009 !important;
  font-family:Inter,Manrope,Arial,sans-serif !important;
  font-size:12px !important;
  font-weight:1000 !important;
  text-transform:uppercase !important;
  letter-spacing:.08em !important;
  box-shadow:0 18px 40px rgba(199,170,133,.18) !important;
}

.hero-simple-arrow{
  z-index:8 !important;
  background:rgba(5,8,7,.48) !important;
  border:1px solid rgba(199,170,133,.18) !important;
  backdrop-filter:blur(10px) !important;
}
.hero-simple-dots{z-index:8 !important;}

/* Ajustes por slide para que cada imagen se luzca */
.hero-simple-slide[data-collection="tapia"] .hero-main-img{object-position:center center !important;}
.hero-simple-slide[data-collection="galan"] .hero-main-img{object-position:center center !important; width:66% !important;}
.hero-simple-slide[data-collection="bea"] .hero-main-img{object-position:center center !important; width:66% !important;}

@media(max-width:900px){
  .hero-simple-slider#heroSimpleSlider,
  .hero-simple-slider{
    width:100vw !important;
    max-width:100vw !important;
    height:calc(100svh - 176px) !important;
    min-height:520px !important;
  }

  .hero-simple-slide .hero-bg-img{
    inset:-26px !important;
    width:calc(100% + 52px) !important;
    height:calc(100% + 52px) !important;
    filter:blur(18px) brightness(.44) saturate(1.14) contrast(1.03) !important;
  }

  .hero-simple-slide::before{
    background:
      radial-gradient(circle at 70% 36%, rgba(199,170,133,.10), transparent 28%),
      linear-gradient(180deg, rgba(0,0,0,.26) 0%, rgba(0,0,0,.12) 38%, rgba(0,0,0,.72) 100%),
      linear-gradient(90deg, rgba(0,0,0,.42) 0%, rgba(0,0,0,.06) 58%, rgba(0,0,0,.36) 100%) !important;
  }

  .hero-simple-slide .hero-main-img,
  .hero-simple-slide[data-collection="galan"] .hero-main-img,
  .hero-simple-slide[data-collection="bea"] .hero-main-img{
    top:0 !important;
    right:0 !important;
    left:0 !important;
    width:100% !important;
    height:76% !important;
    padding:12px 10px 4px !important;
    object-fit:contain !important;
    object-position:center center !important;
    z-index:2 !important;
  }

  .hero-collection-copy{
    left:18px !important;
    right:18px !important;
    top:auto !important;
    bottom:28px !important;
    transform:none !important;
    width:auto !important;
    max-width:none !important;
    padding:18px 18px 16px !important;
    border-radius:24px !important;
    background:rgba(3,5,4,.58) !important;
    border:1px solid rgba(255,255,255,.10) !important;
    backdrop-filter:blur(12px) !important;
    text-shadow:none !important;
  }

  .hero-collection-copy p{
    font-size:10px !important;
    letter-spacing:.12em !important;
    margin-bottom:7px !important;
  }
  .hero-collection-copy h2{
    font-size:clamp(34px,11vw,54px) !important;
    line-height:.86 !important;
  }
  .hero-collection-copy span{
    font-size:12px !important;
    line-height:1.2 !important;
    margin-top:8px !important;
  }
  .hero-collection-copy button{
    min-height:40px !important;
    padding:0 16px !important;
    font-size:10px !important;
    margin-top:13px !important;
  }
  .hero-simple-prev{left:8px !important;}
  .hero-simple-next{right:8px !important;}
}

@media(max-width:560px){
  .hero-simple-slider#heroSimpleSlider,
  .hero-simple-slider{
    height:calc(100svh - 164px) !important;
    min-height:490px !important;
  }

  .hero-simple-slide .hero-main-img,
  .hero-simple-slide[data-collection="galan"] .hero-main-img,
  .hero-simple-slide[data-collection="bea"] .hero-main-img{
    height:74% !important;
    padding:10px 6px 2px !important;
  }

  .hero-collection-copy{
    left:14px !important;
    right:14px !important;
    bottom:22px !important;
    padding:16px 15px 14px !important;
  }
  .hero-collection-copy h2{font-size:clamp(32px,10.8vw,46px) !important;}
}

/* =========================================================
   ELCLUB V283 — FIX FONDOS OSCUROS CATALOGO + IDEAL + FOOTER
   ========================================================= */

/* Fondo negro en la zona de Tu pala ideal, usando todo el ancho sin blancos laterales */
#mobileIdeal{
  position:relative !important;
  isolation:isolate !important;
  max-width:100% !important;
  width:100% !important;
  margin:0 !important;
  padding:clamp(28px,4vw,48px) clamp(14px,3.2vw,36px) !important;
  background:transparent !important;
}
#mobileIdeal::before{
  content:"" !important;
  position:absolute !important;
  top:0 !important;
  bottom:0 !important;
  left:calc(50% - 50vw) !important;
  right:calc(50% - 50vw) !important;
  background:
    radial-gradient(circle at 14% 0%, rgba(199,170,133,.10), transparent 24%),
    linear-gradient(180deg,#06111c 0%, #03070d 100%) !important;
  z-index:-1 !important;
}
#mobileIdeal .ideal-test-shell{
  max-width:1200px !important;
  margin:0 auto !important;
}

/* Fondo negro en toda la zona de productos y barra del catálogo */
#catalogo,
#productGrid{
  position:relative !important;
  isolation:isolate !important;
  width:100% !important;
  max-width:100% !important;
  margin:0 !important;
  background:transparent !important;
}
#catalogo{
  padding-top:28px !important;
  padding-bottom:14px !important;
  padding-left:clamp(14px,3vw,34px) !important;
  padding-right:clamp(14px,3vw,34px) !important;
}
#productGrid{
  padding-top:14px !important;
  padding-bottom:40px !important;
  padding-left:clamp(14px,3vw,34px) !important;
  padding-right:clamp(14px,3vw,34px) !important;
}
#catalogo::before,
#productGrid::before{
  content:"" !important;
  position:absolute !important;
  top:0 !important;
  bottom:0 !important;
  left:calc(50% - 50vw) !important;
  right:calc(50% - 50vw) !important;
  background:
    radial-gradient(circle at 18% 2%, rgba(199,170,133,.10), transparent 28%),
    linear-gradient(180deg,#07111b 0%, #02070d 100%) !important;
  z-index:-1 !important;
}
#catalogo > *,
#productGrid > *{
  position:relative !important;
  z-index:1 !important;
}

/* Que no queden bloques claros alrededor del catálogo */
.toolbar,
.product-grid#productGrid,
#catalogo,
#productGrid{
  box-shadow:none !important;
  border-radius:0 !important;
}

/* El título Por qué elegirnos con letras más separadas */
.why-choose-section h2,
.why-choose-inner h2{
  letter-spacing:.045em !important;
  line-height:.96 !important;
}

/* Footer oscuro y legible */
.site-footer-pro{
  background:
    radial-gradient(circle at 80% 10%, rgba(199,170,133,.10), transparent 30%),
    linear-gradient(180deg,#07111b 0%, #05080d 100%) !important;
  color:#f4f6ee !important;
  border-top:1px solid rgba(199,170,133,.18) !important;
}
.site-footer-pro h4{
  color:#c7aa85 !important;
}
.site-footer-pro p,
.site-footer-pro a,
.site-footer-pro .footer-bottom,
.site-footer-pro .footer-bottom span,
.site-footer-pro .footer-trust-v248,
.site-footer-pro .footer-trust-v248 span{
  color:rgba(255,255,255,.86) !important;
}
.site-footer-pro a:hover{
  color:#c7aa85 !important;
}
.site-footer-pro .payment-pills span{
  color:#ffffff !important;
  background:rgba(255,255,255,.06) !important;
  border-color:rgba(199,170,133,.22) !important;
}
.site-footer-pro .footer-bottom{
  border-top:1px solid rgba(255,255,255,.10) !important;
}
.site-footer-pro .footer-trust-v248{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:14px !important;
  margin-top:14px !important;
  font-weight:800 !important;
}

/* Ajustes mobile finos */
@media (max-width:900px){
  #mobileIdeal{
    padding:22px 14px !important;
  }
  #catalogo,
  #productGrid{
    padding-left:14px !important;
    padding-right:14px !important;
  }
  .why-choose-section h2,
  .why-choose-inner h2{
    letter-spacing:.03em !important;
  }
  .site-footer-pro{
    padding-left:18px !important;
    padding-right:18px !important;
  }
}

/* =========================================================
   ELCLUB V284 — MOBILE MÁS CLARO + TÍTULOS LEGIBLES
   ========================================================= */

/* En mobile: mantener la estética, pero con más luz y mejor lectura */
@media (max-width:900px){
  /* Header más claro, sin efecto apagado */
  body .site-header,
  body .site-header.site-header-v124{
    background:
      radial-gradient(circle at 50% 0%, rgba(199,170,133,.12), transparent 34%),
      linear-gradient(180deg,#0d1512 0%, #08100d 60%, #060b09 100%) !important;
    box-shadow:0 8px 20px rgba(0,0,0,.18) !important;
  }

  /* Fondo oscuro más claro en test y catálogo */
  #mobileIdeal::before{
    background:
      radial-gradient(circle at 14% 0%, rgba(199,170,133,.12), transparent 26%),
      linear-gradient(180deg,#0a141d 0%, #091019 52%, #070d14 100%) !important;
  }

  #catalogo::before,
  #productGrid::before{
    background:
      radial-gradient(circle at 18% 2%, rgba(199,170,133,.12), transparent 28%),
      linear-gradient(180deg,#0a141d 0%, #09111a 48%, #071018 100%) !important;
  }

  /* Textos del bloque catálogo visibles en mobile */
  #catalogo .eyebrow,
  .toolbar#catalogo .eyebrow,
  section.toolbar#catalogo .eyebrow,
  #catalogo .eyebrow *,
  #currentTitle,
  #currentTitle *,
  .toolbar#catalogo h2,
  .toolbar#catalogo h2 *,
  section.toolbar#catalogo h2,
  section.toolbar#catalogo h2 *,
  .catalog-title,
  .catalog-title *,
  #catalogo h2,
  #catalogo h2 *{
    color:#f7fbff !important;
    -webkit-text-fill-color:#f7fbff !important;
    text-shadow:none !important;
    opacity:1 !important;
  }

  /* Textos del test más nítidos */
  #mobileIdeal .ideal-test-eyebrow,
  #mobileIdeal .ideal-test-shell > p,
  #mobileIdeal h2,
  #mobileIdeal h3,
  #mobileIdeal label,
  #mobileIdeal .ideal-chip,
  #mobileIdeal .ideal-option,
  #mobileIdeal .ideal-option span,
  #mobileIdeal .ideal-question,
  #mobileIdeal .ideal-heading,
  #mobileIdeal .step-number{
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
  }

  /* Botones/opciones del test con un poco más de contraste */
  #mobileIdeal button,
  #mobileIdeal .ideal-chip,
  #mobileIdeal .ideal-option{
    background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03)) !important;
    border-color:rgba(199,170,133,.42) !important;
    box-shadow:none !important;
  }
  #mobileIdeal button.active,
  #mobileIdeal button.is-active,
  #mobileIdeal .ideal-chip.active,
  #mobileIdeal .ideal-option.active,
  #mobileIdeal .ideal-chip.selected,
  #mobileIdeal .ideal-option.selected{
    background:linear-gradient(135deg,#dfff00 0%, #b3f400 100%) !important;
    color:#0a0f0b !important;
    -webkit-text-fill-color:#0a0f0b !important;
  }

  /* Cards y blancos más limpios */
  .product-card,
  .card-product,
  .product-item{
    background:#ffffff !important;
    box-shadow:0 10px 22px rgba(0,0,0,.10) !important;
  }
  .product-card h3,
  .product-card .price,
  .product-card .product-price,
  .product-card p,
  .product-card span,
  .product-card small{
    opacity:1 !important;
  }

  /* Footer final más legible también en mobile */
  .site-footer-pro{
    background:
      radial-gradient(circle at 80% 10%, rgba(199,170,133,.12), transparent 30%),
      linear-gradient(180deg,#0a141d 0%, #081019 58%, #070d14 100%) !important;
  }
}

/* =========================================================
   ELCLUB V285 — HEADER MOBILE PREMIUM + SELECCION PALA IDEAL
   ========================================================= */
@media (max-width:900px){
  body .site-header,
  body .site-header.site-header-v124{
    position:fixed !important;
    top:0 !important;
    left:0 !important;
    right:0 !important;
    width:100vw !important;
    z-index:2147483600 !important;
    padding:12px 14px 14px !important;
    background:
      radial-gradient(circle at 48% 0%, rgba(199,170,133,.12), transparent 38%),
      linear-gradient(180deg,#050806 0%,#07100b 100%) !important;
    border-bottom:1px solid rgba(199,170,133,.18) !important;
    box-shadow:0 8px 22px rgba(0,0,0,.18) !important;
    overflow:visible !important;
  }

  body .site-header::before,
  body .site-header::after,
  body .site-header.site-header-v124::before,
  body .site-header.site-header-v124::after{
    content:none !important;
    display:none !important;
  }

  body .site-header .header-benefits-bar{
    display:none !important;
  }

  body .site-header .header-main-row{
    display:grid !important;
    grid-template-columns:68px minmax(0,1fr) 96px !important;
    grid-template-areas:
      "menu logo cart"
      "search search search" !important;
    align-items:center !important;
    gap:12px !important;
    width:100% !important;
    min-height:auto !important;
  }

  body .site-header .brand{
    grid-area:logo !important;
    display:flex !important;
    justify-content:center !important;
    align-items:center !important;
    width:100% !important;
    min-width:0 !important;
    margin:0 !important;
    padding:0 !important;
  }

  body .site-header .brand img{
    width:178px !important;
    max-width:min(178px,45vw) !important;
    height:auto !important;
    object-fit:contain !important;
    filter:none !important;
    opacity:1 !important;
  }

  body .site-header .header-actions{
    display:contents !important;
  }

  body .site-header .mobile-menu-toggle,
  body .site-header #mobileMenuToggleFinal{
    grid-area:menu !important;
    width:58px !important;
    height:58px !important;
    min-width:58px !important;
    border-radius:20px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    flex-direction:column !important;
    gap:7px !important;
    background:linear-gradient(180deg, rgba(199,170,133,.13), rgba(199,170,133,.035)) !important;
    border:1px solid rgba(199,170,133,.34) !important;
    box-shadow:none !important;
    margin:0 !important;
  }

  body .site-header .mobile-menu-toggle span,
  body .site-header #mobileMenuToggleFinal span{
    display:block !important;
    width:28px !important;
    height:2.5px !important;
    border-radius:999px !important;
    background:#bfff00 !important;
  }

  body .site-header .cart-btn,
  body .site-header #openCart{
    grid-area:cart !important;
    justify-self:end !important;
    width:94px !important;
    height:58px !important;
    min-height:58px !important;
    border-radius:20px !important;
    padding:0 !important;
    margin:0 !important;
    transform:none !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:7px !important;
    background:linear-gradient(135deg,#dfff00 0%,#9ee000 100%) !important;
    color:#071007 !important;
    font-size:0 !important;
    box-shadow:none !important;
  }

  body .site-header .cart-btn::before,
  body .site-header #openCart::before{
    content:"🛒" !important;
    font-size:25px !important;
    line-height:1 !important;
  }

  body .site-header .cart-btn span,
  body .site-header #openCart span{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-width:34px !important;
    height:34px !important;
    padding:0 8px !important;
    border-radius:999px !important;
    background:#071007 !important;
    color:#dfff00 !important;
    font-size:17px !important;
    font-weight:1000 !important;
    margin:0 !important;
  }

  body .site-header .header-search-wrap{
    grid-area:search !important;
    width:100% !important;
    max-width:100% !important;
    height:64px !important;
    min-height:64px !important;
    display:grid !important;
    grid-template-columns:minmax(0,1fr) 58px !important;
    align-items:center !important;
    gap:8px !important;
    padding:0 7px 0 20px !important;
    margin:4px 0 0 !important;
    border-radius:24px !important;
    background:#ffffff !important;
    border:1.5px solid rgba(199,170,133,.38) !important;
    box-shadow:0 10px 24px rgba(0,0,0,.12) !important;
  }

  body .site-header .header-search-wrap input,
  body .site-header #headerSearch{
    width:100% !important;
    height:100% !important;
    min-width:0 !important;
    padding:0 !important;
    border:0 !important;
    outline:0 !important;
    background:transparent !important;
    color:#242b25 !important;
    font-size:22px !important;
    font-weight:850 !important;
    letter-spacing:-.02em !important;
  }

  body .site-header .header-search-wrap input::placeholder,
  body .site-header #headerSearch::placeholder{
    color:rgba(20,25,20,.58) !important;
    opacity:1 !important;
  }

  body .site-header .header-search-btn{
    width:54px !important;
    height:54px !important;
    border-radius:20px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    background:linear-gradient(135deg,#dfff00 0%,#9dde00 100%) !important;
    color:#071007 !important;
    font-size:28px !important;
    font-weight:1000 !important;
    box-shadow:none !important;
  }

  body .site-header #mainNav,
  body .site-header .top-nav,
  body .site-header .category-top-nav{
    display:none !important;
  }

  body{
    padding-top:154px !important;
  }

  #inicio,
  #catalogo,
  #mobileIdeal{
    scroll-margin-top:164px !important;
  }
}

@media (max-width:420px){
  body .site-header .header-main-row{
    grid-template-columns:62px minmax(0,1fr) 88px !important;
    gap:10px !important;
  }
  body .site-header .mobile-menu-toggle,
  body .site-header #mobileMenuToggleFinal{
    width:56px !important;
    height:56px !important;
    min-width:56px !important;
  }
  body .site-header .cart-btn,
  body .site-header #openCart{
    width:88px !important;
    height:56px !important;
    min-height:56px !important;
  }
  body .site-header .brand img{
    width:166px !important;
    max-width:43vw !important;
  }
  body .site-header .header-search-wrap{
    height:60px !important;
    min-height:60px !important;
    border-radius:22px !important;
  }
  body .site-header .header-search-wrap input,
  body .site-header #headerSearch{
    font-size:20px !important;
  }
  body{
    padding-top:148px !important;
  }
}

/* Estado seleccionado de Cómo es tu juego: queda marcado en verde */
#mobileIdeal .ideal-style-grid button.active-style,
#mobileIdeal .ideal-style-grid button.active,
#mobileIdeal .ideal-style-grid button.selected,
#mobileIdeal .ideal-style-grid button[aria-pressed="true"],
.ideal-test-v234 .ideal-style-grid button.active-style,
.ideal-test-v234 .ideal-style-grid button.active,
.ideal-test-v234 .ideal-style-grid button.selected,
.ideal-test-v234 .ideal-style-grid button[aria-pressed="true"]{
  background:linear-gradient(135deg,#dfff00 0%,#9ee000 100%) !important;
  color:#071007 !important;
  -webkit-text-fill-color:#071007 !important;
  border-color:#dfff00 !important;
  box-shadow:0 10px 24px rgba(199,170,133,.16) !important;
}

#mobileIdeal .ideal-style-grid button.active-style b,
#mobileIdeal .ideal-style-grid button.active b,
#mobileIdeal .ideal-style-grid button.selected b,
#mobileIdeal .ideal-style-grid button[aria-pressed="true"] b,
.ideal-test-v234 .ideal-style-grid button.active-style b,
.ideal-test-v234 .ideal-style-grid button.active b,
.ideal-test-v234 .ideal-style-grid button.selected b,
.ideal-test-v234 .ideal-style-grid button[aria-pressed="true"] b{
  color:#071007 !important;
  -webkit-text-fill-color:#071007 !important;
}


/* =========================================================
   ELCLUB V286 — mobile header pulido + selección verde definitiva
   ========================================================= */
@media(max-width:900px){
  body .site-header,
  body .site-header.site-header-v124{
    padding:10px 14px 13px !important;
    background:linear-gradient(180deg,#050806 0%,#07100b 100%) !important;
    box-shadow:0 8px 18px rgba(0,0,0,.16) !important;
  }
  body .site-header .header-main-row{
    grid-template-columns:62px minmax(0,1fr) 92px !important;
    gap:11px !important;
  }
  body .site-header .brand img{
    width:166px !important;
    max-width:43vw !important;
  }
  body .site-header .mobile-menu-toggle,
  body .site-header #mobileMenuToggleFinal{
    width:56px !important;
    height:56px !important;
    min-width:56px !important;
    border-radius:19px !important;
  }
  body .site-header .cart-btn,
  body .site-header #openCart{
    width:90px !important;
    height:56px !important;
    min-height:56px !important;
    border-radius:19px !important;
  }
  body .site-header .header-search-wrap{
    height:60px !important;
    min-height:60px !important;
    margin-top:2px !important;
    border-radius:22px !important;
    box-shadow:0 8px 18px rgba(0,0,0,.10) !important;
  }
  body .site-header .header-search-wrap input,
  body .site-header #headerSearch{
    font-size:20px !important;
    font-weight:800 !important;
  }
  body{ padding-top:146px !important; }
}

#mobileIdeal .ideal-style-grid button.active-style,
#mobileIdeal .ideal-style-grid button.active,
#mobileIdeal .ideal-style-grid button.selected,
#mobileIdeal .ideal-style-grid button[aria-pressed="true"],
.ideal-test-v234 .ideal-style-grid button.active-style,
.ideal-test-v234 .ideal-style-grid button.active,
.ideal-test-v234 .ideal-style-grid button.selected,
.ideal-test-v234 .ideal-style-grid button[aria-pressed="true"]{
  background:linear-gradient(135deg,#dfff00 0%,#9ee000 100%) !important;
  color:#071007 !important;
  -webkit-text-fill-color:#071007 !important;
  border-color:#dfff00 !important;
  box-shadow:0 10px 24px rgba(199,170,133,.18) !important;
}
#mobileIdeal .ideal-style-grid button.active-style b,
#mobileIdeal .ideal-style-grid button.active b,
#mobileIdeal .ideal-style-grid button.selected b,
#mobileIdeal .ideal-style-grid button[aria-pressed="true"] b,
.ideal-test-v234 .ideal-style-grid button.active-style b,
.ideal-test-v234 .ideal-style-grid button.active b,
.ideal-test-v234 .ideal-style-grid button.selected b,
.ideal-test-v234 .ideal-style-grid button[aria-pressed="true"] b{
  color:#071007 !important;
  -webkit-text-fill-color:#071007 !important;
}


/* =========================================================
   ELCLUB V287 — Tapia hero nuevo + nav desktop + títulos colección
   ========================================================= */

/* Imagen nueva de Agustín Tapia/NOX: entra completa y con fondo consistente */
.hero-simple-slide[data-collection="tapia"] .hero-main-img{
  object-fit:contain !important;
  object-position:center center !important;
  filter:saturate(1.06) contrast(1.04) brightness(1.04) !important;
}
.hero-simple-slide[data-collection="tapia"] .hero-bg-img{
  object-fit:cover !important;
  object-position:center center !important;
}

/* Nombres de colección con más aire entre letras */
.hero-collection-copy h2{
  letter-spacing:.055em !important;
  word-spacing:.08em !important;
}

/* Categorías en computadora un poco más grandes, sin tocar mobile */
@media (min-width:901px){
  #mainNav > a,
  #mainNav .ideal-main-link,
  .category-top-nav.nav-clean > a,
  .category-top-nav.nav-clean .ideal-main-link,
  body nav#mainNav > a{
    font-size:clamp(12.5px,1.02vw,16px) !important;
    letter-spacing:.015em !important;
    font-weight:850 !important;
  }
  #mainNav a[data-filter="Fútbol"],
  .category-top-nav.nav-clean a[data-filter="Fútbol"]{
    font-size:clamp(12px,.96vw,15px) !important;
  }
}

@media (min-width:901px) and (max-width:1180px){
  #mainNav > a,
  #mainNav .ideal-main-link,
  body nav#mainNav > a{
    font-size:12px !important;
    letter-spacing:0 !important;
  }
}


/* =========================================================
   V288 — MOBILE HEADER SIN FRANJA NEGRA + HERO INICIAL ALE GALÁN
   ========================================================= */
@media (max-width: 760px){
  :root{ --ec-mobile-header-total: 118px; }

  body{
    padding-top: calc(var(--ec-mobile-header-total) + env(safe-area-inset-top, 0px)) !important;
  }

  .site-header.site-header-v124{
    top: 0 !important;
    padding-top: env(safe-area-inset-top, 0px) !important;
    padding-bottom: 8px !important;
    background: radial-gradient(circle at 50% 0%, rgba(199,170,133,.12), transparent 38%), linear-gradient(180deg, #070b08 0%, #050708 100%) !important;
  }

  /* Sacamos la franja superior vacía en celular */
  .site-header.site-header-v124 > .header-benefits-bar{
    display: none !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    flex: 0 0 0 !important;
    overflow: hidden !important;
  }

  .site-header-v124 .header-main-row,
  .site-header.site-header-v124 > .header-main-row{
    padding-top: 10px !important;
    padding-bottom: 0 !important;
    grid-template-rows: 48px 52px !important;
    row-gap: 8px !important;
  }

  /* La placa superior acompaña justo la nueva altura del header */
  .site-header::before,
  .site-header-v124::before,
  header.site-header::before,
  header.site-header-v124::before{
    height: calc(env(safe-area-inset-top, 0px) + 118px) !important;
    background: linear-gradient(180deg, #070b08 0%, #050708 100%) !important;
  }
}


/* =========================================================
   V289 — HEADER MOBILE PEGADO ARRIBA + SLIDER 3 COLECCIONES OK
   ========================================================= */
@media (max-width:760px){
  :root{ --ec-mobile-header-total: 112px; }

  html, body{
    margin-top:0 !important;
    background:#050708 !important;
  }

  body{
    padding-top:112px !important;
  }

  .site-top-strip,
  .site-header.site-header-v124 > .header-benefits-bar{
    display:none !important;
    height:0 !important;
    min-height:0 !important;
    max-height:0 !important;
    padding:0 !important;
    margin:0 !important;
    overflow:hidden !important;
    flex:0 0 0 !important;
  }

  .site-header,
  .site-header.site-header-v124,
  header.site-header,
  header.site-header-v124{
    position:fixed !important;
    top:0 !important;
    left:0 !important;
    right:0 !important;
    width:100vw !important;
    min-height:112px !important;
    height:112px !important;
    padding:0 0 8px !important;
    margin:0 !important;
    background:linear-gradient(180deg,#050708 0%,#050708 100%) !important;
    border:0 !important;
    box-shadow:none !important;
    overflow:visible !important;
    z-index:2147483600 !important;
  }

  .site-header::before,
  .site-header::after,
  .site-header-v124::before,
  .site-header-v124::after,
  header.site-header::before,
  header.site-header::after,
  header.site-header-v124::before,
  header.site-header-v124::after{
    content:none !important;
    display:none !important;
  }

  .site-header-v124 .header-main-row,
  .site-header.site-header-v124 > .header-main-row{
    padding:6px 14px 0 !important;
    margin:0 !important;
    height:104px !important;
    min-height:104px !important;
    max-height:104px !important;
    grid-template-rows:46px 50px !important;
    row-gap:7px !important;
    align-content:start !important;
  }

  .site-header-v124 #mobileMenuToggle{
    height:46px !important;
    min-height:46px !important;
  }
  .site-header-v124 .brand{
    height:46px !important;
  }
  .site-header-v124 .brand img{
    max-height:43px !important;
  }
  .site-header-v124 #openCart,
  .site-header.site-header-v124 .cart-btn{
    height:46px !important;
    min-height:46px !important;
  }
  .site-header-v124 .header-search-wrap{
    height:50px !important;
    min-height:50px !important;
  }
  .site-header-v124 #headerSearch{
    height:50px !important;
    min-height:50px !important;
    line-height:50px !important;
  }
  .site-header-v124 .header-search-btn{
    width:40px !important;
    height:40px !important;
    top:5px !important;
    right:5px !important;
  }

  #inicio, #catalogo, #mobileIdeal, .toolbar, .product-grid{
    scroll-margin-top:128px !important;
  }
}

/* =========================================================
   ELCLUB V290 — Tapia foto nueva + nombres más separados
   ========================================================= */

/* Agustín Tapia: usar la nueva foto en main/bg y que se vea limpia */
.hero-simple-slide[data-collection="tapia"] .hero-main-img{
  object-fit:contain !important;
  object-position:center center !important;
  filter:saturate(1.03) contrast(1.02) brightness(1.03) !important;
}
.hero-simple-slide[data-collection="tapia"] .hero-bg-img{
  object-fit:cover !important;
  object-position:center center !important;
}

/* Más aire en los nombres pedidos */
.hero-simple-slide[data-collection="tapia"] .hero-collection-copy h2,
.hero-simple-slide[data-collection="bea"] .hero-collection-copy h2{
  letter-spacing:.09em !important;
  word-spacing:.12em !important;
}


/* =========================================================
   ELCLUB V293 — MOBILE SEARCH MÁS BAJO + HERO SIN SOMBRA IZQUIERDA
   ========================================================= */
@media (max-width:760px){
  :root{ --ec-mobile-header-total: 116px; }

  body{
    padding-top:116px !important;
  }

  .site-header,
  .site-header.site-header-v124,
  header.site-header,
  header.site-header-v124{
    height:116px !important;
    min-height:116px !important;
    padding:0 0 9px !important;
  }

  .site-header-v124 .header-main-row,
  .site-header.site-header-v124 > .header-main-row,
  body .site-header .header-main-row{
    height:108px !important;
    min-height:108px !important;
    max-height:108px !important;
    grid-template-rows:46px 44px !important;
    row-gap:12px !important;
    padding:7px 14px 0 !important;
    align-content:start !important;
  }

  /* Buscador más bajo y más prolijo */
  .site-header-v124 .header-search-wrap,
  body .site-header .header-search-wrap,
  body .header-search-wrap{
    height:44px !important;
    min-height:44px !important;
    max-height:44px !important;
    margin-top:0 !important;
    padding:0 5px 0 18px !important;
    border-radius:18px !important;
    display:block !important;
    position:relative !important;
  }

  .site-header-v124 #headerSearch,
  body .site-header #headerSearch,
  body .site-header .header-search-wrap input,
  body .header-search-wrap input{
    height:44px !important;
    min-height:44px !important;
    line-height:44px !important;
    font-size:18px !important;
    padding:0 52px 0 0 !important;
  }

  /* Lupa centrada verticalmente y más acomodada al margen derecho */
  .site-header-v124 .header-search-btn,
  body .site-header .header-search-btn,
  body .header-search-btn{
    width:36px !important;
    height:36px !important;
    min-width:36px !important;
    min-height:36px !important;
    border-radius:14px !important;
    position:absolute !important;
    right:4px !important;
    top:50% !important;
    transform:translateY(-50%) !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    font-size:22px !important;
    line-height:1 !important;
  }

  #inicio, #catalogo, #mobileIdeal, .toolbar, .product-grid{
    scroll-margin-top:130px !important;
  }

  /* Sacar la sombra/degradado que oscurecía el lado izquierdo de las imágenes del hero en celular */
  .hero-simple-slide::before{
    background:
      linear-gradient(180deg, rgba(0,0,0,.05) 0%, rgba(0,0,0,.02) 45%, rgba(0,0,0,.48) 100%) !important;
    opacity:1 !important;
  }

  .hero-simple-slide::after{
    display:none !important;
    content:none !important;
  }

  .hero-simple-slide .hero-bg-img{
    filter:blur(16px) brightness(.58) saturate(1.10) contrast(1.02) !important;
  }

  .hero-simple-slide .hero-main-img{
    filter:saturate(1.04) contrast(1.03) brightness(1.08) !important;
  }
}

/* =========================================================
   ELCLUB V294 — MOBILE SIN SOMBRAS LATERALES EN PRODUCTOS
   ========================================================= */
@media (max-width:760px){
  /* Quita cualquier viñeta/degradado oscuro lateral general */
  body::before,
  body::after,
  main::before,
  main::after,
  .page-glow,
  .page-glow::before,
  .page-glow::after,
  #catalogo::before,
  #catalogo::after,
  #productGrid::before,
  #productGrid::after,
  .product-grid::before,
  .product-grid::after,
  .toolbar::before,
  .toolbar::after{
    content:none !important;
    display:none !important;
    opacity:0 !important;
    background:none !important;
    filter:none !important;
  }

  html,
  body,
  main,
  #catalogo,
  .toolbar,
  #productGrid,
  .product-grid{
    background:#f7f8f4 !important;
    background-image:none !important;
    filter:none !important;
  }

  /* Productos sin sombra oscura de costado: blanco limpio de borde a borde */
  #productGrid,
  .product-grid#productGrid,
  .product-grid{
    padding-left:14px !important;
    padding-right:14px !important;
    box-shadow:none !important;
    overflow:visible !important;
  }

  .product-card,
  #productGrid .product-card,
  .product-grid#productGrid .product-card,
  .card-product,
  .product-item{
    background:#ffffff !important;
    background-image:none !important;
    box-shadow:0 8px 18px rgba(0,0,0,.08) !important;
    filter:none !important;
    opacity:1 !important;
    overflow:hidden !important;
  }

  .product-card::before,
  .product-card::after,
  #productGrid .product-card::before,
  #productGrid .product-card::after,
  .product-image::before,
  .product-image::after,
  .product-card figure::before,
  .product-card figure::after,
  .card-product::before,
  .card-product::after,
  .product-item::before,
  .product-item::after{
    content:none !important;
    display:none !important;
    opacity:0 !important;
    background:none !important;
    filter:none !important;
    box-shadow:none !important;
  }

  .product-image,
  #productGrid .product-image,
  .product-grid#productGrid .product-image,
  .product-card figure,
  .product-card .image,
  .product-card .product-photo{
    background:#ffffff !important;
    background-image:none !important;
    box-shadow:none !important;
    filter:none !important;
  }

  .product-image img,
  .product-card img,
  #productGrid .product-card img{
    filter:brightness(1.05) contrast(1.03) saturate(1.03) !important;
    opacity:1 !important;
  }

  /* Evita que el header proyecte sombra oscura sobre los productos al scrollear */
  .site-header,
  .site-header.site-header-v124,
  header.site-header{
    box-shadow:none !important;
  }
}

/* =========================================================
   ELCLUB V295 — MOBILE PRODUCT CARDS BLANCAS + HAMBURGUESA MÁS CHICA
   ========================================================= */
@media (max-width: 900px){
  /* Cards de productos: blanco uniforme, sin degradados ni sombras oscuras laterales */
  #productGrid .product-card,
  .product-grid#productGrid .product-card,
  .product-card,
  .card-product,
  .product-item{
    background:#ffffff !important;
    background-image:none !important;
    filter:none !important;
    opacity:1 !important;
    box-shadow:0 6px 14px rgba(0,0,0,.06) !important;
    border-color:rgba(199,170,133,.32) !important;
  }

  #productGrid .product-card::before,
  #productGrid .product-card::after,
  .product-grid#productGrid .product-card::before,
  .product-grid#productGrid .product-card::after,
  .product-card::before,
  .product-card::after,
  .card-product::before,
  .card-product::after,
  .product-item::before,
  .product-item::after{
    content:none !important;
    display:none !important;
    opacity:0 !important;
    background:none !important;
    background-image:none !important;
    filter:none !important;
    box-shadow:none !important;
  }

  #productGrid .product-image,
  .product-grid#productGrid .product-image,
  .product-card .product-image,
  .product-card figure,
  .product-card .image,
  .product-image{
    background:#ffffff !important;
    background-image:none !important;
    filter:none !important;
    opacity:1 !important;
    box-shadow:none !important;
    border-bottom:1px solid rgba(0,0,0,.045) !important;
  }

  #productGrid .product-image::before,
  #productGrid .product-image::after,
  .product-grid#productGrid .product-image::before,
  .product-grid#productGrid .product-image::after,
  .product-card .product-image::before,
  .product-card .product-image::after,
  .product-image::before,
  .product-image::after{
    content:none !important;
    display:none !important;
    opacity:0 !important;
    background:none !important;
    background-image:none !important;
    filter:none !important;
    box-shadow:none !important;
  }

  #productGrid .product-info,
  .product-grid#productGrid .product-info,
  .product-card .product-info{
    background:#ffffff !important;
    background-image:none !important;
    filter:none !important;
    opacity:1 !important;
  }

  #productGrid img,
  .product-grid#productGrid img,
  .product-card img{
    filter:none !important;
    opacity:1 !important;
  }

  /* Botón de categorías: más chico y fino solo en celular */
  .site-header .mobile-menu-toggle,
  .site-header #mobileMenuToggleFinal,
  .mobile-menu-toggle,
  #mobileMenuToggleFinal{
    width:46px !important;
    height:46px !important;
    min-width:46px !important;
    min-height:46px !important;
    border-radius:16px !important;
    gap:5px !important;
    padding:0 !important;
  }

  .site-header .mobile-menu-toggle span,
  .site-header #mobileMenuToggleFinal span,
  .mobile-menu-toggle span,
  #mobileMenuToggleFinal span{
    width:23px !important;
    height:2px !important;
    border-radius:999px !important;
  }

  /* Ajuste mínimo de la grilla del header para que el botón más chico respire */
  .site-header .header-main-row,
  .site-header.site-header-v124 > .header-main-row{
    grid-template-columns:52px minmax(0,1fr) 90px !important;
    column-gap:10px !important;
  }
}

@media (max-width:420px){
  .site-header .mobile-menu-toggle,
  .site-header #mobileMenuToggleFinal,
  .mobile-menu-toggle,
  #mobileMenuToggleFinal{
    width:44px !important;
    height:44px !important;
    min-width:44px !important;
    min-height:44px !important;
  }
  .site-header .mobile-menu-toggle span,
  .site-header #mobileMenuToggleFinal span,
  .mobile-menu-toggle span,
  #mobileMenuToggleFinal span{
    width:22px !important;
    height:2px !important;
  }
}


/* =========================================================
   ELCLUB V296 — MOBILE: CATÁLOGO NEGRO + CARDS BLANCO UNIFORME REAL
   ========================================================= */
@media (max-width:900px){
  /* Título del catálogo legible en negro */
  #catalogo .eyebrow,
  #catalogo .eyebrow *,
  .toolbar#catalogo .eyebrow,
  .toolbar#catalogo .eyebrow *,
  #currentTitle,
  #currentTitle *,
  #catalogo h2,
  #catalogo h2 *,
  .toolbar#catalogo h2,
  .toolbar#catalogo h2 *,
  .catalog-title,
  .catalog-title *{
    color:#101010 !important;
    -webkit-text-fill-color:#101010 !important;
    text-shadow:none !important;
    opacity:1 !important;
    filter:none !important;
  }

  /* La zona productos queda clara sin overlays laterales */
  #catalogo,
  .toolbar#catalogo,
  #productGrid,
  .product-grid#productGrid,
  .product-grid{
    background:#f6f7f4 !important;
    background-image:none !important;
    filter:none !important;
    opacity:1 !important;
    box-shadow:none !important;
    isolation:isolate !important;
  }

  #catalogo::before,
  #catalogo::after,
  .toolbar#catalogo::before,
  .toolbar#catalogo::after,
  #productGrid::before,
  #productGrid::after,
  .product-grid#productGrid::before,
  .product-grid#productGrid::after,
  .product-grid::before,
  .product-grid::after{
    content:none !important;
    display:none !important;
    background:none !important;
    background-image:none !important;
    opacity:0 !important;
    filter:none !important;
    box-shadow:none !important;
  }

  /* Cada card limpia: sin degradado, sin filtro, sin sombra interna */
  #productGrid .product-card,
  .product-grid#productGrid .product-card,
  .product-card,
  .card-product,
  .product-item{
    background:#ffffff !important;
    background-color:#ffffff !important;
    background-image:none !important;
    filter:none !important;
    opacity:1 !important;
    box-shadow:0 5px 12px rgba(0,0,0,.045) !important;
    border:1px solid rgba(0,0,0,.055) !important;
    overflow:hidden !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
  }

  #productGrid .product-card::before,
  #productGrid .product-card::after,
  .product-grid#productGrid .product-card::before,
  .product-grid#productGrid .product-card::after,
  .product-card::before,
  .product-card::after,
  .card-product::before,
  .card-product::after,
  .product-item::before,
  .product-item::after{
    content:none !important;
    display:none !important;
    background:none !important;
    background-image:none !important;
    opacity:0 !important;
    filter:none !important;
    box-shadow:none !important;
  }

  /* Zona de imagen tan blanca arriba como abajo */
  #productGrid .product-image,
  .product-grid#productGrid .product-image,
  .product-card .product-image,
  .product-image,
  .product-card figure,
  .product-card .image,
  .product-card .product-photo{
    background:#ffffff !important;
    background-color:#ffffff !important;
    background-image:none !important;
    filter:none !important;
    opacity:1 !important;
    box-shadow:none !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
  }

  #productGrid .product-image::before,
  #productGrid .product-image::after,
  .product-grid#productGrid .product-image::before,
  .product-grid#productGrid .product-image::after,
  .product-card .product-image::before,
  .product-card .product-image::after,
  .product-image::before,
  .product-image::after,
  .product-card figure::before,
  .product-card figure::after{
    content:none !important;
    display:none !important;
    background:none !important;
    background-image:none !important;
    opacity:0 !important;
    filter:none !important;
    box-shadow:none !important;
  }

  #productGrid .product-info,
  .product-grid#productGrid .product-info,
  .product-card .product-info,
  .product-info{
    background:#ffffff !important;
    background-color:#ffffff !important;
    background-image:none !important;
    filter:none !important;
    opacity:1 !important;
    box-shadow:none !important;
  }

  /* Sacar filtros que puedan oscurecer SOLO las imágenes de producto */
  #productGrid .product-card img,
  .product-grid#productGrid .product-card img,
  .product-card .product-image img,
  .product-image img{
    filter:none !important;
    opacity:1 !important;
    mix-blend-mode:normal !important;
  }

  /* Botón de tres rayitas más chico y fino */
  .site-header .mobile-menu-toggle,
  .site-header #mobileMenuToggleFinal,
  .mobile-menu-toggle,
  #mobileMenuToggleFinal{
    width:42px !important;
    height:42px !important;
    min-width:42px !important;
    min-height:42px !important;
    border-radius:14px !important;
    gap:4px !important;
    padding:0 !important;
  }
  .site-header .mobile-menu-toggle span,
  .site-header #mobileMenuToggleFinal span,
  .mobile-menu-toggle span,
  #mobileMenuToggleFinal span{
    width:21px !important;
    height:2px !important;
    min-height:2px !important;
    border-radius:999px !important;
  }
}


/* =========================================================
   ELCLUB V297 — MOBILE: CARDS 100% BLANCAS SIN CAPA GRIS
   ========================================================= */
@media (max-width:900px){
  /* Fondo general del catálogo: claro, sin viñetas laterales ni máscaras */
  #catalogo,
  .toolbar#catalogo,
  section.toolbar#catalogo,
  #productGrid,
  .product-grid,
  .products-wrap,
  .catalog-section,
  .product-section{
    background:#f7f7f4 !important;
    background-image:none !important;
    filter:none !important;
    opacity:1 !important;
    box-shadow:none !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
  }

  #catalogo::before,
  #catalogo::after,
  .toolbar#catalogo::before,
  .toolbar#catalogo::after,
  section.toolbar#catalogo::before,
  section.toolbar#catalogo::after,
  #productGrid::before,
  #productGrid::after,
  .product-grid::before,
  .product-grid::after,
  .products-wrap::before,
  .products-wrap::after,
  .catalog-section::before,
  .catalog-section::after,
  .product-section::before,
  .product-section::after{
    content:none !important;
    display:none !important;
    background:none !important;
    background-image:none !important;
    opacity:0 !important;
    filter:none !important;
    box-shadow:none !important;
  }

  /* Cada card en blanco real de punta a punta */
  .product-card,
  .product-grid#productGrid .product-card,
  #productGrid .product-card,
  .card-product,
  .product-item,
  .catalog-product,
  .producto,
  .product{
    background:#ffffff !important;
    background-image:none !important;
    filter:none !important;
    opacity:1 !important;
    box-shadow:0 6px 16px rgba(0,0,0,.06) !important;
    border-color:rgba(0,0,0,.06) !important;
    overflow:hidden !important;
    isolation:isolate !important;
  }

  .product-card::before,
  .product-card::after,
  .product-grid#productGrid .product-card::before,
  .product-grid#productGrid .product-card::after,
  #productGrid .product-card::before,
  #productGrid .product-card::after,
  .card-product::before,
  .card-product::after,
  .product-item::before,
  .product-item::after,
  .catalog-product::before,
  .catalog-product::after,
  .producto::before,
  .producto::after,
  .product::before,
  .product::after{
    content:none !important;
    display:none !important;
    background:none !important;
    background-image:none !important;
    opacity:0 !important;
    filter:none !important;
    box-shadow:none !important;
  }

  /* Imagen y zona de info sin gradientes internos */
  .product-image,
  .product-card .product-image,
  .product-grid#productGrid .product-image,
  #productGrid .product-image,
  .card-product .product-image,
  .product-item .product-image,
  .product-card figure,
  .product-card .image,
  .image-wrap,
  .product-img,
  .product-photo,
  .product-info,
  .product-card .product-info,
  #productGrid .product-info{
    background:#ffffff !important;
    background-image:none !important;
    filter:none !important;
    opacity:1 !important;
    box-shadow:none !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
  }

  .product-image::before,
  .product-image::after,
  .product-card .product-image::before,
  .product-card .product-image::after,
  #productGrid .product-image::before,
  #productGrid .product-image::after,
  .product-info::before,
  .product-info::after,
  .product-card .product-info::before,
  .product-card .product-info::after{
    content:none !important;
    display:none !important;
    background:none !important;
    background-image:none !important;
    opacity:0 !important;
    filter:none !important;
    box-shadow:none !important;
  }

  .product-card img,
  .product-image img,
  #productGrid .product-card img,
  #productGrid .product-image img{
    filter:none !important;
    opacity:1 !important;
    mix-blend-mode:normal !important;
  }

  /* Título del catálogo legible en negro */
  #catalogo .eyebrow,
  #catalogo .eyebrow *,
  #currentTitle,
  #currentTitle *,
  .toolbar#catalogo h2,
  .toolbar#catalogo h2 *,
  section.toolbar#catalogo h2,
  section.toolbar#catalogo h2 *,
  .catalog-title,
  .catalog-title *{
    color:#111111 !important;
    -webkit-text-fill-color:#111111 !important;
    text-shadow:none !important;
    opacity:1 !important;
  }

  /* Menú hamburguesa más chico/fino en mobile */
  .mobile-menu-toggle,
  #mobileMenuToggleFinal,
  .site-header .mobile-menu-toggle,
  .site-header #mobileMenuToggleFinal{
    width:46px !important;
    height:46px !important;
    min-width:46px !important;
    min-height:46px !important;
    border-radius:15px !important;
    gap:4px !important;
    padding:0 !important;
  }

  .mobile-menu-toggle span,
  #mobileMenuToggleFinal span,
  .site-header .mobile-menu-toggle span,
  .site-header #mobileMenuToggleFinal span{
    width:23px !important;
    height:2px !important;
    min-height:2px !important;
    border-radius:999px !important;
  }
}

@media (max-width:420px){
  .mobile-menu-toggle,
  #mobileMenuToggleFinal,
  .site-header .mobile-menu-toggle,
  .site-header #mobileMenuToggleFinal{
    width:44px !important;
    height:44px !important;
    min-width:44px !important;
    min-height:44px !important;
    gap:4px !important;
  }
  .mobile-menu-toggle span,
  #mobileMenuToggleFinal span,
  .site-header .mobile-menu-toggle span,
  .site-header #mobileMenuToggleFinal span{
    width:22px !important;
    height:2px !important;
  }
}


/* =========================================================
   ELCLUB V298 — CORTE TOTAL DE SOMBRAS DE HERO SOBRE PRODUCTOS
   ========================================================= */
@media (max-width:900px){
  /* Ninguna imagen/overlay del hero puede contaminar el catálogo al bajar */
  .hero-simple-wrap,
  #inicio.hero-simple-wrap,
  .hero-collections,
  .hero-simple-slider,
  #heroSimpleSlider{
    position:relative !important;
    overflow:hidden !important;
    contain:paint !important;
    isolation:isolate !important;
    z-index:0 !important;
  }

  .hero-simple-slide,
  .hero-simple-slide.active{
    position:absolute !important;
    overflow:hidden !important;
    contain:paint !important;
    isolation:isolate !important;
  }

  .hero-simple-slide:not(.active){
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
  }

  .hero-simple-slide::before,
  .hero-simple-slide::after,
  .hero-simple-wrap::before,
  .hero-simple-wrap::after,
  .hero-collections::before,
  .hero-collections::after,
  #heroSimpleSlider::before,
  #heroSimpleSlider::after{
    content:none !important;
    display:none !important;
    opacity:0 !important;
    background:none !important;
    filter:none !important;
    box-shadow:none !important;
  }

  .hero-simple-slide .hero-bg-img,
  .hero-simple-slide .hero-main-img{
    position:absolute !important;
    z-index:1 !important;
    filter:none !important;
    opacity:1 !important;
    mix-blend-mode:normal !important;
  }

  /* Apagar cualquier glow/capa global fija que estaba tirando gris sobre toda la página */
  .page-glow,
  body::before,
  body::after,
  main::before,
  main::after{
    content:none !important;
    display:none !important;
    opacity:0 !important;
    background:none !important;
    filter:none !important;
    box-shadow:none !important;
    pointer-events:none !important;
  }

  /* Catálogo completamente independiente: no transparenta nada de arriba */
  #catalogo,
  .toolbar#catalogo,
  section.toolbar#catalogo,
  #productGrid,
  .product-grid#productGrid,
  .product-grid,
  .products-wrap,
  .catalog-section,
  .product-section{
    position:relative !important;
    isolation:isolate !important;
    z-index:5 !important;
    background:#f4f4f4 !important;
    background-image:none !important;
    filter:none !important;
    opacity:1 !important;
    box-shadow:none !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
  }

  #catalogo::before,
  #catalogo::after,
  .toolbar#catalogo::before,
  .toolbar#catalogo::after,
  section.toolbar#catalogo::before,
  section.toolbar#catalogo::after,
  #productGrid::before,
  #productGrid::after,
  .product-grid#productGrid::before,
  .product-grid#productGrid::after,
  .product-grid::before,
  .product-grid::after,
  .products-wrap::before,
  .products-wrap::after,
  .catalog-section::before,
  .catalog-section::after,
  .product-section::before,
  .product-section::after{
    content:none !important;
    display:none !important;
    opacity:0 !important;
    background:none !important;
    background-image:none !important;
    filter:none !important;
    box-shadow:none !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
  }

  /* Blanco real dentro de cada card */
  #productGrid .product-card,
  .product-grid#productGrid .product-card,
  .product-card,
  .card-product,
  .product-item,
  .catalog-product,
  .producto,
  .product{
    background:#ffffff !important;
    background-image:none !important;
    filter:none !important;
    opacity:1 !important;
    box-shadow:0 8px 18px rgba(0,0,0,.07) !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
    overflow:hidden !important;
  }

  #productGrid .product-card *,
  .product-grid#productGrid .product-card *,
  .product-card *{
    filter:none !important;
    opacity:1 !important;
    mix-blend-mode:normal !important;
  }

  .product-card::before,
  .product-card::after,
  #productGrid .product-card::before,
  #productGrid .product-card::after,
  .product-grid#productGrid .product-card::before,
  .product-grid#productGrid .product-card::after,
  .product-image::before,
  .product-image::after,
  .product-info::before,
  .product-info::after,
  .product-card .product-image::before,
  .product-card .product-image::after,
  .product-card .product-info::before,
  .product-card .product-info::after{
    content:none !important;
    display:none !important;
    opacity:0 !important;
    background:none !important;
    background-image:none !important;
    filter:none !important;
    box-shadow:none !important;
  }

  .product-image,
  .product-card .product-image,
  #productGrid .product-image,
  .product-grid#productGrid .product-image,
  .product-info,
  .product-card .product-info,
  #productGrid .product-info{
    background:#ffffff !important;
    background-image:none !important;
    filter:none !important;
    opacity:1 !important;
    box-shadow:none !important;
  }

  /* Títulos del catálogo negros y legibles */
  #catalogo .eyebrow,
  #catalogo .eyebrow *,
  #currentTitle,
  #currentTitle *,
  .toolbar#catalogo h2,
  .toolbar#catalogo h2 *,
  .catalog-title,
  .catalog-title *{
    color:#111 !important;
    -webkit-text-fill-color:#111 !important;
    text-shadow:none !important;
    opacity:1 !important;
  }
}


/* =========================================================
   ELCLUB V299 — FIX URGENTE: PRODUCTOS MOBILE BLANCO REAL
   ========================================================= */
@media (max-width:900px){
  /* Desde catálogo hacia abajo: fondo claro real, sin capas heredadas */
  html, body, main{
    background:#ffffff !important;
    background-image:none !important;
  }
  .site-header, .site-header *{
    /* el header conserva su diseño */
  }

  #catalogo,
  .toolbar#catalogo,
  section.toolbar#catalogo,
  #productGrid,
  .product-grid,
  .product-grid#productGrid,
  .products-wrap,
  .catalog-section,
  .product-section{
    background:#ffffff !important;
    background-color:#ffffff !important;
    background-image:none !important;
    filter:none !important;
    opacity:1 !important;
    box-shadow:none !important;
    text-shadow:none !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
    mix-blend-mode:normal !important;
    isolation:isolate !important;
  }

  #catalogo::before,#catalogo::after,
  .toolbar#catalogo::before,.toolbar#catalogo::after,
  section.toolbar#catalogo::before,section.toolbar#catalogo::after,
  #productGrid::before,#productGrid::after,
  .product-grid::before,.product-grid::after,
  .product-grid#productGrid::before,.product-grid#productGrid::after,
  .products-wrap::before,.products-wrap::after,
  .catalog-section::before,.catalog-section::after,
  .product-section::before,.product-section::after{
    content:none !important;
    display:none !important;
    background:transparent !important;
    background-image:none !important;
    opacity:0 !important;
    filter:none !important;
    box-shadow:none !important;
    text-shadow:none !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
    mix-blend-mode:normal !important;
  }

  /* Card sin ninguna capa gris: ni externa, ni interna, ni de imagen */
  #productGrid .product-card,
  .product-grid#productGrid .product-card,
  .product-card,
  .card-product,
  .product-item,
  .catalog-product,
  .producto,
  .product{
    background:#ffffff !important;
    background-color:#ffffff !important;
    background-image:none !important;
    filter:none !important;
    opacity:1 !important;
    box-shadow:none !important;
    text-shadow:none !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
    mix-blend-mode:normal !important;
    border:1px solid rgba(0,0,0,.045) !important;
    overflow:hidden !important;
    isolation:isolate !important;
  }

  #productGrid .product-card::before,#productGrid .product-card::after,
  .product-grid#productGrid .product-card::before,.product-grid#productGrid .product-card::after,
  .product-card::before,.product-card::after,
  .card-product::before,.card-product::after,
  .product-item::before,.product-item::after,
  .catalog-product::before,.catalog-product::after,
  .producto::before,.producto::after,
  .product::before,.product::after{
    content:none !important;
    display:none !important;
    background:transparent !important;
    background-image:none !important;
    opacity:0 !important;
    filter:none !important;
    box-shadow:none !important;
    text-shadow:none !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
    mix-blend-mode:normal !important;
  }

  #productGrid .product-image,
  .product-grid#productGrid .product-image,
  .product-card .product-image,
  .product-image,
  .product-card figure,
  .product-card .image,
  .product-card .product-photo,
  .image-wrap,
  .product-img,
  .product-photo,
  #productGrid .product-info,
  .product-grid#productGrid .product-info,
  .product-card .product-info,
  .product-info{
    background:#ffffff !important;
    background-color:#ffffff !important;
    background-image:none !important;
    filter:none !important;
    opacity:1 !important;
    box-shadow:none !important;
    text-shadow:none !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
    mix-blend-mode:normal !important;
  }

  #productGrid .product-image::before,#productGrid .product-image::after,
  .product-grid#productGrid .product-image::before,.product-grid#productGrid .product-image::after,
  .product-card .product-image::before,.product-card .product-image::after,
  .product-image::before,.product-image::after,
  .product-card figure::before,.product-card figure::after,
  .product-card .image::before,.product-card .image::after,
  .product-info::before,.product-info::after,
  .product-card .product-info::before,.product-card .product-info::after{
    content:none !important;
    display:none !important;
    background:transparent !important;
    background-image:none !important;
    opacity:0 !important;
    filter:none !important;
    box-shadow:none !important;
    text-shadow:none !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
    mix-blend-mode:normal !important;
  }

  #productGrid .product-card img,
  .product-grid#productGrid .product-card img,
  .product-card .product-image img,
  .product-image img,
  .product-card img{
    background:transparent !important;
    background-image:none !important;
    filter:none !important;
    opacity:1 !important;
    box-shadow:none !important;
    text-shadow:none !important;
    mix-blend-mode:normal !important;
    -webkit-filter:none !important;
  }

  /* Evita que el header fijo pinte sombra hacia abajo */
  .site-header,
  .site-header.site-header-v124,
  header.site-header,
  header.site-header-v124{
    box-shadow:none !important;
  }

  /* Título catálogo en negro sobre blanco */
  #catalogo .eyebrow,#catalogo .eyebrow *,
  #currentTitle,#currentTitle *,
  .toolbar#catalogo h2,.toolbar#catalogo h2 *,
  section.toolbar#catalogo h2,section.toolbar#catalogo h2 *,
  .catalog-title,.catalog-title *{
    color:#111111 !important;
    -webkit-text-fill-color:#111111 !important;
    opacity:1 !important;
    filter:none !important;
    text-shadow:none !important;
  }
}


/* =========================================================
   ELCLUB V300 — FIX DEFINITIVO BLANCO UNIFORME PRODUCTOS MOBILE
   ========================================================= */
@media (max-width:900px){
  html body #catalogo,
  html body section#catalogo.toolbar,
  html body .toolbar#catalogo,
  html body #productGrid,
  html body #productGrid.product-grid,
  html body .product-grid#productGrid,
  html body .product-grid{
    background:#ffffff !important;
    background-color:#ffffff !important;
    background-image:none !important;
    box-shadow:none !important;
    filter:none !important;
    -webkit-filter:none !important;
    opacity:1 !important;
    mix-blend-mode:normal !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
    isolation:isolate !important;
  }
  html body #catalogo::before, html body #catalogo::after,
  html body section#catalogo.toolbar::before, html body section#catalogo.toolbar::after,
  html body #productGrid::before, html body #productGrid::after,
  html body .product-grid::before, html body .product-grid::after{
    content:none !important;
    display:none !important;
    opacity:0 !important;
    background:none !important;
    background-image:none !important;
    box-shadow:none !important;
    filter:none !important;
    -webkit-filter:none !important;
    mix-blend-mode:normal !important;
  }
  html body #productGrid > article.product-card,
  html body #productGrid.product-grid > article.product-card,
  html body .product-grid#productGrid > article.product-card,
  html body article.product-card{
    background:#ffffff !important;
    background-color:#ffffff !important;
    background-image:none !important;
    box-shadow:none !important;
    filter:none !important;
    -webkit-filter:none !important;
    opacity:1 !important;
    mix-blend-mode:normal !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
    border:1px solid rgba(0,0,0,.05) !important;
    outline:0 !important;
    overflow:hidden !important;
    transform:none !important;
    isolation:isolate !important;
  }
  html body #productGrid > article.product-card::before,
  html body #productGrid > article.product-card::after,
  html body article.product-card::before,
  html body article.product-card::after{
    content:none !important;
    display:none !important;
    opacity:0 !important;
    background:none !important;
    background-image:none !important;
    box-shadow:none !important;
    filter:none !important;
    -webkit-filter:none !important;
    mix-blend-mode:normal !important;
  }
  html body #productGrid article.product-card > .product-image,
  html body #productGrid article.product-card > .product-info,
  html body article.product-card .product-image,
  html body article.product-card .product-info{
    background:#ffffff !important;
    background-color:#ffffff !important;
    background-image:none !important;
    box-shadow:none !important;
    filter:none !important;
    -webkit-filter:none !important;
    opacity:1 !important;
    mix-blend-mode:normal !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
  }
  html body #productGrid article.product-card > .product-image::before,
  html body #productGrid article.product-card > .product-image::after,
  html body #productGrid article.product-card > .product-info::before,
  html body #productGrid article.product-card > .product-info::after,
  html body article.product-card .product-image::before,
  html body article.product-card .product-image::after,
  html body article.product-card .product-info::before,
  html body article.product-card .product-info::after{
    content:none !important;
    display:none !important;
    opacity:0 !important;
    background:none !important;
    background-image:none !important;
    box-shadow:none !important;
    filter:none !important;
    -webkit-filter:none !important;
    mix-blend-mode:normal !important;
  }
  html body #productGrid article.product-card img,
  html body article.product-card img{
    background:transparent !important;
    background-image:none !important;
    box-shadow:none !important;
    filter:none !important;
    -webkit-filter:none !important;
    opacity:1 !important;
    mix-blend-mode:normal !important;
    text-shadow:none !important;
  }
  html body #productGrid article.product-card *,
  html body article.product-card *{
    text-shadow:none !important;
    mix-blend-mode:normal !important;
  }
}

/* =========================================================
   ELCLUB V301 — HERO COLECCIONES TEXTO MÁS BAJO + MOBILE PRO
   Base: V300 blanco uniforme real
   ========================================================= */

/* Desktop: baja todo el bloque de colección para que no quede arriba ni se corte */
.hero-simple-slide .hero-collection-copy,
.hero-collection-copy{
  top:62% !important;
  bottom:auto !important;
  transform:translateY(-50%) !important;
}

/* Ajuste fino por colección: las tres bajan igual y quedan más cómodas */
.hero-simple-slide[data-collection="galan"] .hero-collection-copy,
.hero-simple-slide[data-collection="tapia"] .hero-collection-copy,
.hero-simple-slide[data-collection="bea"] .hero-collection-copy{
  top:63% !important;
}

/* Mantiene la imagen protagonista completa y prolija en las tres */
.hero-simple-slide[data-collection="galan"] .hero-main-img,
.hero-simple-slide[data-collection="tapia"] .hero-main-img,
.hero-simple-slide[data-collection="bea"] .hero-main-img{
  object-fit:contain !important;
  object-position:center center !important;
  padding-top:34px !important;
  padding-bottom:28px !important;
}

/* Mobile: texto bien abajo, sin cortar y sin tapar de más la imagen */
@media (max-width:900px){
  .hero-simple-slide .hero-main-img,
  .hero-simple-slide[data-collection="galan"] .hero-main-img,
  .hero-simple-slide[data-collection="tapia"] .hero-main-img,
  .hero-simple-slide[data-collection="bea"] .hero-main-img{
    height:72% !important;
    padding:8px 8px 0 !important;
    object-fit:contain !important;
    object-position:center center !important;
  }

  .hero-simple-slide .hero-collection-copy,
  .hero-collection-copy,
  .hero-simple-slide[data-collection="galan"] .hero-collection-copy,
  .hero-simple-slide[data-collection="tapia"] .hero-collection-copy,
  .hero-simple-slide[data-collection="bea"] .hero-collection-copy{
    top:auto !important;
    left:14px !important;
    right:14px !important;
    bottom:10px !important;
    transform:none !important;
    width:auto !important;
    max-width:none !important;
    padding:13px 14px 12px !important;
    border-radius:22px !important;
    background:rgba(3,5,4,.52) !important;
    border:1px solid rgba(255,255,255,.10) !important;
    backdrop-filter:blur(10px) !important;
    -webkit-backdrop-filter:blur(10px) !important;
  }

  .hero-collection-copy p{
    font-size:9px !important;
    letter-spacing:.14em !important;
    margin:0 0 6px !important;
  }

  .hero-collection-copy h2{
    font-size:clamp(27px,9.4vw,42px) !important;
    line-height:.88 !important;
    letter-spacing:.04em !important;
    margin:0 !important;
  }

  .hero-collection-copy span{
    font-size:11px !important;
    line-height:1.15 !important;
    margin-top:7px !important;
  }

  .hero-collection-copy button{
    min-height:36px !important;
    padding:0 14px !important;
    font-size:9px !important;
    margin-top:10px !important;
  }
}

/* iPhone chico: todavía más bajo y compacto para que no se corte */
@media (max-width:560px){
  .hero-simple-slider#heroSimpleSlider,
  .hero-simple-slider{
    min-height:500px !important;
  }

  .hero-simple-slide .hero-main-img,
  .hero-simple-slide[data-collection="galan"] .hero-main-img,
  .hero-simple-slide[data-collection="tapia"] .hero-main-img,
  .hero-simple-slide[data-collection="bea"] .hero-main-img{
    height:70% !important;
    padding-top:6px !important;
  }

  .hero-simple-slide .hero-collection-copy,
  .hero-collection-copy{
    bottom:8px !important;
    padding:12px 13px 11px !important;
  }
}


/* =========================================================
   ELCLUB V302 — HERO MÁS GRANDE + TEST PALENTA IDEAL FLUIDO
   Base: V301
   ========================================================= */

/* Hero: la imagen ocupa más pantalla sin deformarse ni bajar calidad */
.hero-simple-slider#heroSimpleSlider,
.hero-simple-slider{
  min-height:clamp(650px,82vh,920px) !important;
}

.hero-simple-slide .hero-bg-img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center center !important;
  image-rendering:auto !important;
}

.hero-simple-slide .hero-main-img,
.hero-simple-slide[data-collection="galan"] .hero-main-img,
.hero-simple-slide[data-collection="tapia"] .hero-main-img,
.hero-simple-slide[data-collection="bea"] .hero-main-img{
  height:86% !important;
  width:70% !important;
  left:30% !important;
  right:0 !important;
  padding:14px 10px 18px !important;
  object-fit:contain !important;
  object-position:center center !important;
  image-rendering:auto !important;
  transform:translateZ(0) !important;
  will-change:auto !important;
}

/* Mantiene el texto bajo aunque la imagen sea más grande */
.hero-simple-slide .hero-collection-copy,
.hero-collection-copy{
  top:64% !important;
}

/* Scroll más liviano en hero y selector: menos blur/pesadez, más respuesta en celular */
.hero-simple-wrap,
.hero-simple-slider,
#heroSimpleSlider,
#mobileIdeal,
.mobile-ideal-section,
.ideal-selector-pro,
.ideal-test-shell{
  -webkit-overflow-scrolling:touch !important;
  overscroll-behavior:auto !important;
  touch-action:pan-y !important;
}

#mobileIdeal,
.mobile-ideal-section,
.ideal-selector-pro,
.ideal-interactive,
.ideal-selector-inner{
  overflow:visible !important;
  transform:none !important;
  will-change:auto !important;
}

#mobileIdeal .ideal-test-shell{
  transform:none !important;
  will-change:auto !important;
  contain:layout paint !important;
}

#mobileIdeal *,
.mobile-ideal-section *{
  scroll-behavior:auto !important;
}

/* Texto solicitado para el bloque de paleta ideal */
#mobileIdeal .ideal-test-header .eyebrow{
  content:"";
}
#mobileIdeal .ideal-test-header h2{
  letter-spacing:.055em !important;
}

@media (max-width:900px){
  .hero-simple-slider#heroSimpleSlider,
  .hero-simple-slider{
    min-height:560px !important;
    height:calc(100svh - 116px) !important;
    max-height:720px !important;
  }

  .hero-simple-slide .hero-main-img,
  .hero-simple-slide[data-collection="galan"] .hero-main-img,
  .hero-simple-slide[data-collection="tapia"] .hero-main-img,
  .hero-simple-slide[data-collection="bea"] .hero-main-img{
    height:78% !important;
    width:72% !important;
    left:28% !important;
    padding:2px 4px 6px !important;
    object-fit:contain !important;
    object-position:center center !important;
  }

  .hero-simple-slide .hero-collection-copy,
  .hero-collection-copy{
    bottom:8px !important;
    top:auto !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
    background:rgba(3,5,4,.66) !important;
  }

  #mobileIdeal .ideal-test-header .eyebrow{
    font-size:11px !important;
    letter-spacing:.18em !important;
  }

  #mobileIdeal .ideal-test-header h2{
    font-size:clamp(30px,8vw,46px) !important;
    line-height:1.02 !important;
    letter-spacing:.035em !important;
  }

  #mobileIdeal .ideal-test-header p{
    font-size:14px !important;
    line-height:1.5 !important;
    max-width:560px !important;
  }
}

@media (max-width:560px){
  .hero-simple-slider#heroSimpleSlider,
  .hero-simple-slider{
    min-height:560px !important;
    height:calc(100svh - 116px) !important;
    max-height:650px !important;
  }

  .hero-simple-slide .hero-main-img,
  .hero-simple-slide[data-collection="galan"] .hero-main-img,
  .hero-simple-slide[data-collection="tapia"] .hero-main-img,
  .hero-simple-slide[data-collection="bea"] .hero-main-img{
    height:76% !important;
    width:76% !important;
    left:24% !important;
    padding:0 2px 8px !important;
  }

  .hero-simple-slide .hero-collection-copy,
  .hero-collection-copy{
    bottom:7px !important;
    padding:11px 12px 10px !important;
  }
}


/* =========================================================
   ELCLUB V303 — HERO MÁS GRANDE + HEADER CENTRADO + FLUIDEZ
   Base: V302
   ========================================================= */

html{
  scroll-behavior:auto !important;
}
body{
  overflow-x:hidden !important;
  -webkit-font-smoothing:antialiased !important;
  text-rendering:geometricPrecision !important;
}

/* HERO: más presencia visual sin deformar ni pixelar */
.hero-simple-wrap.hero-collections{
  padding-inline:0 !important;
  margin-inline:0 !important;
  overflow:hidden !important;
  contain:layout paint !important;
}
.hero-simple-slider#heroSimpleSlider,
.hero-simple-slider{
  width:100% !important;
  min-height:clamp(720px,88vh,980px) !important;
  height:min(88vh,980px) !important;
  max-height:980px !important;
  overflow:hidden !important;
  transform:translateZ(0) !important;
  will-change:auto !important;
}
.hero-simple-slide{
  overflow:hidden !important;
  transform:translateZ(0) !important;
  will-change:opacity !important;
}
.hero-simple-slide .hero-bg-img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center center !important;
  transform:scale(1.035) translateZ(0) !important;
  image-rendering:auto !important;
}
.hero-simple-slide .hero-main-img{
  position:absolute !important;
  top:50% !important;
  height:94% !important;
  max-height:none !important;
  width:86% !important;
  max-width:none !important;
  left:17% !important;
  right:auto !important;
  padding:0 !important;
  object-fit:contain !important;
  object-position:center center !important;
  transform:translateY(-50%) translateZ(0) !important;
  filter:none !important;
  image-rendering:auto !important;
  backface-visibility:hidden !important;
}
/* Encuadre fino pedido por jugador */
.hero-simple-slide[data-collection="tapia"] .hero-main-img{
  height:100% !important;
  width:96% !important;
  left:10% !important;
  object-position:center center !important;
}
.hero-simple-slide[data-collection="galan"] .hero-main-img{
  height:96% !important;
  width:90% !important;
  left:20% !important;
  object-position:center center !important;
}
.hero-simple-slide[data-collection="bea"] .hero-main-img{
  height:94% !important;
  width:88% !important;
  left:16% !important;
  object-position:center center !important;
}
.hero-simple-slide .hero-collection-copy,
.hero-collection-copy{
  top:auto !important;
  bottom:26px !important;
  left:clamp(18px,4vw,64px) !important;
  right:auto !important;
  transform:none !important;
  z-index:7 !important;
}

/* HEADER: todo centrado y proporcionado en desktop */
.site-header,
.site-header.site-header-v124,
header.site-header{
  left:0 !important;
  right:0 !important;
  width:100% !important;
  box-sizing:border-box !important;
  overflow:visible !important;
}
.site-header .header-main-row,
.site-header.site-header-v124 > .header-main-row,
body .site-header .header-main-row{
  display:grid !important;
  grid-template-columns:minmax(150px,220px) minmax(320px,620px) minmax(150px,220px) !important;
  align-items:center !important;
  justify-content:center !important;
  justify-items:center !important;
  gap:clamp(14px,2.2vw,28px) !important;
  width:min(1180px,100%) !important;
  margin:0 auto !important;
  padding-left:clamp(14px,3vw,36px) !important;
  padding-right:clamp(14px,3vw,36px) !important;
  box-sizing:border-box !important;
}
.site-header .brand{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  justify-self:center !important;
  min-width:0 !important;
}
.site-header .brand img{
  display:block !important;
  margin:0 auto !important;
  object-fit:contain !important;
}
.site-header .header-search-wrap,
body .site-header .header-search-wrap,
body .header-search-wrap{
  justify-self:center !important;
  align-self:center !important;
  width:min(100%,560px) !important;
  max-width:560px !important;
  margin:0 auto !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  box-sizing:border-box !important;
}
.site-header #headerSearch,
.site-header .header-search-wrap input,
body .header-search-wrap input{
  text-align:center !important;
  width:100% !important;
  box-sizing:border-box !important;
}
.site-header .header-search-btn{
  flex:0 0 auto !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}
.site-header .header-actions{
  justify-self:center !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:10px !important;
  min-width:0 !important;
}
.site-header .mobile-menu-toggle,
.site-header #mobileMenuToggleFinal,
.site-header .cart-btn,
.site-header #openCart{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  flex:0 0 auto !important;
  margin:0 !important;
}
.site-header #mainNav,
.site-header .top-nav{
  justify-content:center !important;
  text-align:center !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

/* Fluidez general: evita trabas por efectos pesados en scroll */
.hero-simple-wrap,
.hero-simple-slider,
.hero-simple-slide,
#mobileIdeal,
.mobile-ideal-section,
.ideal-test-shell,
.product-grid,
.product-card,
.product-image{
  -webkit-overflow-scrolling:touch !important;
  overscroll-behavior:auto !important;
  touch-action:pan-y !important;
}
.product-card,
.product-image,
.ideal-test-shell,
.hero-collection-copy{
  will-change:auto !important;
}

@media (max-width:900px){
  .hero-simple-slider#heroSimpleSlider,
  .hero-simple-slider{
    min-height:610px !important;
    height:calc(100svh - 104px) !important;
    max-height:760px !important;
  }
  .hero-simple-slide .hero-bg-img{
    transform:scale(1.055) translateZ(0) !important;
  }
  .hero-simple-slide .hero-main-img{
    top:48% !important;
    height:88% !important;
    width:94% !important;
    left:11% !important;
    transform:translateY(-50%) translateZ(0) !important;
  }
  .hero-simple-slide[data-collection="tapia"] .hero-main-img{
    height:96% !important;
    width:106% !important;
    left:3% !important;
  }
  .hero-simple-slide[data-collection="galan"] .hero-main-img{
    height:91% !important;
    width:98% !important;
    left:8% !important;
  }
  .hero-simple-slide[data-collection="bea"] .hero-main-img{
    height:90% !important;
    width:98% !important;
    left:8% !important;
  }

  .site-header .header-main-row,
  .site-header.site-header-v124 > .header-main-row,
  body .site-header .header-main-row{
    display:grid !important;
    grid-template-columns:42px 1fr 42px !important;
    grid-template-areas:
      "menu brand cart"
      "search search search" !important;
    align-items:center !important;
    justify-content:center !important;
    justify-items:center !important;
    row-gap:8px !important;
    column-gap:8px !important;
    width:100% !important;
    padding:8px 12px 10px !important;
    margin:0 auto !important;
  }
  .site-header .brand{grid-area:brand !important; width:100% !important;}
  .site-header .brand img{width:min(118px,34vw) !important; max-height:36px !important;}
  .site-header .header-actions{grid-area:unset !important; display:contents !important;}
  .site-header .mobile-menu-toggle,
  .site-header #mobileMenuToggleFinal{
    grid-area:menu !important;
    width:38px !important;
    height:38px !important;
    min-width:38px !important;
    border-radius:999px !important;
  }
  .site-header .mobile-menu-toggle span,
  .site-header #mobileMenuToggleFinal span{
    width:16px !important;
    height:1.5px !important;
    margin:2.5px auto !important;
  }
  .site-header .cart-btn,
  .site-header #openCart{
    grid-area:cart !important;
    width:38px !important;
    height:38px !important;
    min-width:38px !important;
    padding:0 !important;
    border-radius:999px !important;
    font-size:0 !important;
  }
  .site-header .cart-btn span,
  .site-header #openCart span{
    font-size:10px !important;
    min-width:17px !important;
    height:17px !important;
    padding:0 !important;
    margin:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    position:absolute !important;
    right:-3px !important;
    top:-4px !important;
  }
  .site-header .header-search-wrap,
  body .site-header .header-search-wrap,
  body .header-search-wrap{
    grid-area:search !important;
    width:min(100%,430px) !important;
    max-width:430px !important;
    height:38px !important;
    min-height:38px !important;
    border-radius:999px !important;
    padding:0 8px 0 14px !important;
    margin:0 auto !important;
  }
  .site-header #headerSearch,
  .site-header .header-search-wrap input,
  body .header-search-wrap input{
    height:36px !important;
    min-height:36px !important;
    font-size:12px !important;
    letter-spacing:.02em !important;
    text-align:center !important;
    padding:0 4px !important;
  }
  .site-header .header-search-btn{
    width:28px !important;
    height:28px !important;
    min-width:28px !important;
    font-size:15px !important;
  }
  .site-header #mainNav,
  .site-header .top-nav{
    justify-content:center !important;
    text-align:center !important;
  }
}

@media (max-width:560px){
  .hero-simple-slider#heroSimpleSlider,
  .hero-simple-slider{
    min-height:590px !important;
    height:calc(100svh - 100px) !important;
    max-height:700px !important;
  }
  .hero-simple-slide .hero-main-img{
    height:88% !important;
    width:104% !important;
    left:2% !important;
    top:47% !important;
  }
  .hero-simple-slide[data-collection="tapia"] .hero-main-img{
    height:99% !important;
    width:116% !important;
    left:-7% !important;
  }
  .hero-simple-slide[data-collection="galan"] .hero-main-img{
    height:91% !important;
    width:108% !important;
    left:-1% !important;
  }
  .hero-simple-slide[data-collection="bea"] .hero-main-img{
    height:90% !important;
    width:108% !important;
    left:0 !important;
  }
  .hero-simple-slide .hero-collection-copy,
  .hero-collection-copy{
    left:12px !important;
    right:12px !important;
    bottom:8px !important;
    width:auto !important;
    max-width:none !important;
    text-align:left !important;
  }
  .site-header .header-main-row,
  .site-header.site-header-v124 > .header-main-row,
  body .site-header .header-main-row{
    padding-left:10px !important;
    padding-right:10px !important;
  }
  .site-header .header-search-wrap,
  body .site-header .header-search-wrap,
  body .header-search-wrap{
    width:100% !important;
    max-width:100% !important;
  }
}

/* V304 - HERO PROTAGONISTA: imágenes más arriba y más grandes, manteniendo header V303 */
.hero-simple-slider#heroSimpleSlider,
.hero-simple-slider{
  min-height:clamp(760px,92vh,1040px) !important;
  height:min(92vh,1040px) !important;
  max-height:1040px !important;
}
.hero-simple-slide .hero-bg-img{
  transform:scale(1.075) translateZ(0) !important;
}
.hero-simple-slide .hero-main-img{
  top:43% !important;
  height:112% !important;
  width:104% !important;
  left:3% !important;
  transform:translateY(-50%) translateZ(0) !important;
  object-fit:contain !important;
  object-position:center center !important;
}
.hero-simple-slide[data-collection="tapia"] .hero-main-img{
  top:42% !important;
  height:122% !important;
  width:122% !important;
  left:-11% !important;
  object-position:center center !important;
}
.hero-simple-slide[data-collection="galan"] .hero-main-img{
  top:42% !important;
  height:116% !important;
  width:112% !important;
  left:-2% !important;
  object-position:center center !important;
}
.hero-simple-slide[data-collection="bea"] .hero-main-img{
  top:42% !important;
  height:114% !important;
  width:112% !important;
  left:-1% !important;
  object-position:center center !important;
}
.hero-simple-slide .hero-collection-copy,
.hero-collection-copy{
  bottom:24px !important;
}

@media (max-width:900px){
  .hero-simple-slider#heroSimpleSlider,
  .hero-simple-slider{
    min-height:650px !important;
    height:calc(100svh - 84px) !important;
    max-height:820px !important;
  }
  .hero-simple-slide .hero-bg-img{
    transform:scale(1.09) translateZ(0) !important;
  }
  .hero-simple-slide .hero-main-img{
    top:40% !important;
    height:106% !important;
    width:112% !important;
    left:-6% !important;
  }
  .hero-simple-slide[data-collection="tapia"] .hero-main-img{
    top:39% !important;
    height:118% !important;
    width:132% !important;
    left:-20% !important;
  }
  .hero-simple-slide[data-collection="galan"] .hero-main-img{
    top:39% !important;
    height:111% !important;
    width:120% !important;
    left:-12% !important;
  }
  .hero-simple-slide[data-collection="bea"] .hero-main-img{
    top:39% !important;
    height:110% !important;
    width:120% !important;
    left:-11% !important;
  }
  .hero-simple-slide .hero-collection-copy,
  .hero-collection-copy{
    bottom:12px !important;
  }
}

@media (max-width:560px){
  .hero-simple-slider#heroSimpleSlider,
  .hero-simple-slider{
    min-height:635px !important;
    height:calc(100svh - 78px) !important;
    max-height:780px !important;
  }
  .hero-simple-slide .hero-main-img{
    top:38% !important;
    height:108% !important;
    width:122% !important;
    left:-13% !important;
  }
  .hero-simple-slide[data-collection="tapia"] .hero-main-img{
    top:37% !important;
    height:122% !important;
    width:145% !important;
    left:-30% !important;
  }
  .hero-simple-slide[data-collection="galan"] .hero-main-img{
    top:37.5% !important;
    height:113% !important;
    width:130% !important;
    left:-20% !important;
  }
  .hero-simple-slide[data-collection="bea"] .hero-main-img{
    top:37.5% !important;
    height:112% !important;
    width:130% !important;
    left:-19% !important;
  }
  .hero-simple-slide .hero-collection-copy,
  .hero-collection-copy{
    bottom:8px !important;
  }
}

/* =========================================================
   ELCLUB V305 — FIX URGENTE HERO + HAMBURGUESA SOLO MOBILE
   Base: V304. Mantiene header centrado, corrige cortes del hero.
   ========================================================= */

/* En computadora NO va el botón de 3 líneas */
@media (min-width:901px){
  .site-header .mobile-menu-toggle,
  .site-header #mobileMenuToggleFinal{
    display:none !important;
    visibility:hidden !important;
    pointer-events:none !important;
  }

  .site-header .header-main-row,
  .site-header.site-header-v124 > .header-main-row,
  body .site-header .header-main-row{
    grid-template-columns:minmax(150px,220px) minmax(360px,660px) minmax(120px,180px) !important;
  }

  .site-header .header-actions{
    display:flex !important;
    justify-content:center !important;
  }
}

/* Hero full premium: foto grande, arriba, sin cortar texto */
.hero-simple-wrap.hero-collections,
#inicio.hero-simple-wrap{
  padding:0 !important;
  margin:0 !important;
  width:100% !important;
  max-width:100% !important;
  overflow:hidden !important;
  background:#05080d !important;
}

.hero-simple-slider#heroSimpleSlider,
.hero-simple-slider{
  position:relative !important;
  width:100% !important;
  max-width:100% !important;
  height:calc(100vh - 142px) !important;
  min-height:660px !important;
  max-height:920px !important;
  margin:0 !important;
  border-radius:0 !important;
  overflow:hidden !important;
  background:#05080d !important;
  contain:layout paint !important;
}

.hero-simple-slide{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  display:grid !important;
  grid-template-columns:36% 64% !important;
  align-items:center !important;
  overflow:hidden !important;
  background:linear-gradient(90deg,#050705 0%,#071006 36%,#0a1018 36%,#05080d 100%) !important;
}

.hero-simple-slide::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:1 !important;
  pointer-events:none !important;
  background:radial-gradient(circle at 16% 42%, rgba(199,170,133,.18), transparent 30%), linear-gradient(90deg, rgba(0,0,0,.06), rgba(0,0,0,.18) 39%, rgba(0,0,0,.04) 100%) !important;
}

.hero-simple-slide::after{
  content:"" !important;
  position:absolute !important;
  top:0 !important;
  bottom:0 !important;
  left:36% !important;
  right:0 !important;
  z-index:3 !important;
  pointer-events:none !important;
  display:block !important;
  background:linear-gradient(90deg, rgba(5,8,13,.92) 0%, rgba(5,8,13,.28) 14%, rgba(5,8,13,0) 38%, rgba(5,8,13,.10) 100%) !important;
}

.hero-simple-slide .hero-bg-img{
  display:none !important;
}

/* La imagen ocupa casi todo el sector derecho: grande, arriba y sin marco */
.hero-simple-slide .hero-main-img{
  position:absolute !important;
  top:0 !important;
  bottom:auto !important;
  left:36% !important;
  right:0 !important;
  width:64% !important;
  height:100% !important;
  max-width:none !important;
  max-height:none !important;
  padding:0 !important;
  margin:0 !important;
  object-fit:cover !important;
  object-position:center center !important;
  transform:none !important;
  filter:saturate(1.03) contrast(1.04) brightness(1.02) !important;
  opacity:1 !important;
  z-index:2 !important;
  background:#05080d !important;
  image-rendering:auto !important;
}

/* Encuadre por jugador */
.hero-simple-slide[data-collection="tapia"] .hero-main-img{
  object-position:58% 39% !important;
}
.hero-simple-slide[data-collection="galan"] .hero-main-img{
  object-position:62% 42% !important;
}
.hero-simple-slide[data-collection="bea"] .hero-main-img{
  object-position:60% 42% !important;
}

/* Texto siempre adentro, sin cortarse */
.hero-simple-slide .hero-collection-copy,
.hero-collection-copy{
  position:relative !important;
  grid-column:1 !important;
  align-self:center !important;
  justify-self:stretch !important;
  top:auto !important;
  bottom:auto !important;
  left:auto !important;
  right:auto !important;
  transform:none !important;
  width:100% !important;
  max-width:100% !important;
  padding:clamp(24px,4vw,64px) clamp(18px,3.8vw,58px) !important;
  z-index:6 !important;
  color:#fff !important;
  text-align:left !important;
  box-sizing:border-box !important;
}

.hero-collection-copy p{
  color:#c7aa85 !important;
  font-size:clamp(11px,.95vw,14px) !important;
  letter-spacing:.13em !important;
  font-weight:1000 !important;
  margin:0 0 10px !important;
  white-space:normal !important;
}

.hero-collection-copy h2{
  color:#fff !important;
  font-size:clamp(54px,6.2vw,104px) !important;
  line-height:.86 !important;
  letter-spacing:-.03em !important;
  margin:0 !important;
  max-width:100% !important;
  overflow:visible !important;
  word-break:normal !important;
}

.hero-collection-copy span{
  display:block !important;
  color:#f5f5f5 !important;
  font-size:clamp(14px,1.15vw,19px) !important;
  font-weight:900 !important;
  margin-top:12px !important;
}

.hero-collection-copy button{
  margin-top:22px !important;
  min-height:46px !important;
  padding:0 26px !important;
}

.hero-simple-dots{
  bottom:18px !important;
  z-index:30 !important;
}
.hero-simple-arrow{
  z-index:30 !important;
}

/* Fluidez */
.hero-simple-wrap,
.hero-simple-slider,
.hero-simple-slide,
.hero-simple-slide .hero-main-img,
.hero-collection-copy{
  will-change:auto !important;
  backface-visibility:hidden !important;
}

@media (max-width:900px){
  /* En celular sí aparecen las 3 líneas */
  .site-header .mobile-menu-toggle,
  .site-header #mobileMenuToggleFinal{
    display:inline-flex !important;
    visibility:visible !important;
    pointer-events:auto !important;
  }

  .hero-simple-slider#heroSimpleSlider,
  .hero-simple-slider{
    height:calc(100svh - 112px) !important;
    min-height:590px !important;
    max-height:760px !important;
  }

  .hero-simple-slide{
    grid-template-columns:38% 62% !important;
    background:linear-gradient(90deg,#050705 0%,#071006 38%,#0a1018 38%,#05080d 100%) !important;
  }

  .hero-simple-slide::after{
    left:38% !important;
    background:linear-gradient(90deg, rgba(5,8,13,.88) 0%, rgba(5,8,13,.22) 18%, rgba(5,8,13,0) 48%) !important;
  }

  .hero-simple-slide .hero-main-img{
    left:38% !important;
    width:62% !important;
    height:100% !important;
    object-fit:cover !important;
  }

  .hero-simple-slide[data-collection="tapia"] .hero-main-img{object-position:58% 40% !important;}
  .hero-simple-slide[data-collection="galan"] .hero-main-img{object-position:61% 42% !important;}
  .hero-simple-slide[data-collection="bea"] .hero-main-img{object-position:60% 42% !important;}

  .hero-simple-slide .hero-collection-copy,
  .hero-collection-copy{
    padding:18px 8px 18px 14px !important;
  }

  .hero-collection-copy p{
    font-size:9px !important;
    letter-spacing:.08em !important;
    margin-bottom:7px !important;
  }
  .hero-collection-copy h2{
    font-size:clamp(28px,8.4vw,44px) !important;
    line-height:.9 !important;
  }
  .hero-collection-copy span{
    font-size:11px !important;
    line-height:1.15 !important;
    margin-top:8px !important;
  }
  .hero-collection-copy button{
    min-height:36px !important;
    padding:0 12px !important;
    font-size:9px !important;
    margin-top:12px !important;
  }
}

@media (max-width:560px){
  .hero-simple-slider#heroSimpleSlider,
  .hero-simple-slider{
    height:calc(100svh - 104px) !important;
    min-height:560px !important;
    max-height:720px !important;
  }

  .hero-simple-slide{
    grid-template-columns:40% 60% !important;
  }
  .hero-simple-slide::after{left:40% !important;}
  .hero-simple-slide .hero-main-img{
    left:40% !important;
    width:60% !important;
  }

  .hero-simple-slide .hero-collection-copy,
  .hero-collection-copy{
    padding-left:12px !important;
    padding-right:6px !important;
  }
  .hero-collection-copy h2{
    font-size:clamp(25px,8.1vw,38px) !important;
  }
}

/* =========================================================
   V306 — HERO PRO FINAL: IMAGEN GRANDE, SIN CORTES FEOS
   ========================================================= */

/* Mantengo la estructura centrada, pero el hero vuelve a ser premium/full image */
.hero-simple-wrap.hero-collections,
#inicio.hero-simple-wrap{
  padding:0 !important;
  margin:0 !important;
  width:100% !important;
  max-width:100% !important;
  overflow:hidden !important;
  background:#05080d !important;
}

.hero-simple-slider#heroSimpleSlider,
.hero-simple-slider{
  width:100% !important;
  height:calc(100vh - 138px) !important;
  min-height:640px !important;
  max-height:900px !important;
  margin:0 auto !important;
  border-radius:0 !important;
  overflow:hidden !important;
  background:#05080d !important;
  border:0 !important;
  box-shadow:none !important;
  contain:layout paint !important;
}

.hero-simple-slide{
  position:absolute !important;
  inset:0 !important;
  display:block !important;
  width:100% !important;
  height:100% !important;
  overflow:hidden !important;
  background:#05080d !important;
}

/* Imagen real: ocupa todo el hero, sin cajón partido. */
.hero-simple-slide .hero-bg-img{
  display:block !important;
  position:absolute !important;
  inset:-24px !important;
  width:calc(100% + 48px) !important;
  height:calc(100% + 48px) !important;
  object-fit:cover !important;
  object-position:center center !important;
  filter:blur(20px) brightness(.40) saturate(1.15) !important;
  transform:scale(1.04) !important;
  opacity:1 !important;
  z-index:1 !important;
}

.hero-simple-slide .hero-main-img{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  max-height:none !important;
  object-fit:cover !important;
  transform:none !important;
  filter:saturate(1.08) contrast(1.05) brightness(.96) !important;
  opacity:1 !important;
  visibility:visible !important;
  z-index:2 !important;
  background:#05080d !important;
  image-rendering:auto !important;
}

/* Encuadre fino por jugador */
.hero-simple-slide[data-collection="tapia"] .hero-main-img{
  object-position:58% 31% !important;
}
.hero-simple-slide[data-collection="galan"] .hero-main-img{
  object-position:58% 38% !important;
}
.hero-simple-slide[data-collection="bea"] .hero-main-img{
  object-position:56% 43% !important;
}

/* Overlay premium para que el texto se lea sin tapar la foto */
.hero-simple-slide::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:3 !important;
  pointer-events:none !important;
  background:
    linear-gradient(90deg, rgba(3,5,7,.94) 0%, rgba(3,5,7,.78) 20%, rgba(3,5,7,.35) 43%, rgba(3,5,7,.08) 70%, rgba(3,5,7,.34) 100%),
    linear-gradient(180deg, rgba(3,5,7,.08) 0%, rgba(3,5,7,.04) 52%, rgba(3,5,7,.56) 100%) !important;
}

.hero-simple-slide::after{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:4 !important;
  pointer-events:none !important;
  background:radial-gradient(circle at 16% 42%, rgba(199,170,133,.17), transparent 28%) !important;
}

/* Texto adentro, nunca cortado */
.hero-simple-slide .hero-collection-copy,
.hero-collection-copy{
  position:absolute !important;
  left:clamp(22px,5vw,82px) !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  width:min(46vw, 620px) !important;
  max-width:620px !important;
  padding:0 !important;
  margin:0 !important;
  z-index:6 !important;
  color:#fff !important;
  text-align:left !important;
  box-sizing:border-box !important;
}

.hero-collection-copy p{
  color:#c7aa85 !important;
  font-size:clamp(11px,1vw,14px) !important;
  letter-spacing:.18em !important;
  font-weight:1000 !important;
  text-transform:uppercase !important;
  margin:0 0 12px !important;
  white-space:normal !important;
}

.hero-collection-copy h2{
  color:#fff !important;
  font-family:Anton,Inter,sans-serif !important;
  font-size:clamp(72px,8.5vw,142px) !important;
  line-height:.82 !important;
  letter-spacing:-.035em !important;
  text-transform:uppercase !important;
  margin:0 !important;
  max-width:100% !important;
  overflow:visible !important;
  word-break:normal !important;
  text-shadow:0 16px 42px rgba(0,0,0,.56) !important;
}

.hero-collection-copy span{
  display:block !important;
  color:#f4f4ec !important;
  font-size:clamp(15px,1.25vw,20px) !important;
  font-weight:900 !important;
  margin-top:14px !important;
  text-shadow:0 10px 28px rgba(0,0,0,.60) !important;
}

.hero-collection-copy button{
  margin-top:26px !important;
  min-height:46px !important;
  padding:0 28px !important;
  border-radius:999px !important;
  border:0 !important;
  background:#c7aa85 !important;
  color:#050505 !important;
  font-weight:1000 !important;
  letter-spacing:.08em !important;
  text-transform:uppercase !important;
}

.hero-simple-dots{bottom:22px !important; z-index:20 !important;}
.hero-simple-arrow{z-index:20 !important;}

/* En escritorio NO van las tres líneas */
@media (min-width:901px){
  .site-header .mobile-menu-toggle,
  .site-header #mobileMenuToggleFinal,
  .menu-toggle,
  .hamburger{
    display:none !important;
    visibility:hidden !important;
    pointer-events:none !important;
  }
}

@media (max-width:900px){
  .hero-simple-slider#heroSimpleSlider,
  .hero-simple-slider{
    height:calc(100svh - 106px) !important;
    min-height:590px !important;
    max-height:760px !important;
  }

  .hero-simple-slide .hero-main-img{
    object-fit:cover !important;
  }

  .hero-simple-slide[data-collection="tapia"] .hero-main-img{object-position:62% 34% !important;}
  .hero-simple-slide[data-collection="galan"] .hero-main-img{object-position:61% 39% !important;}
  .hero-simple-slide[data-collection="bea"] .hero-main-img{object-position:57% 43% !important;}

  .hero-simple-slide::before{
    background:
      linear-gradient(90deg, rgba(3,5,7,.96) 0%, rgba(3,5,7,.80) 34%, rgba(3,5,7,.26) 63%, rgba(3,5,7,.22) 100%),
      linear-gradient(180deg, rgba(3,5,7,.05) 0%, rgba(3,5,7,.02) 48%, rgba(3,5,7,.65) 100%) !important;
  }

  .hero-simple-slide .hero-collection-copy,
  .hero-collection-copy{
    left:16px !important;
    top:51% !important;
    width:42vw !important;
    max-width:220px !important;
  }

  .hero-collection-copy p{
    font-size:9px !important;
    letter-spacing:.10em !important;
    margin-bottom:8px !important;
  }
  .hero-collection-copy h2{
    font-size:clamp(34px,10vw,58px) !important;
    line-height:.86 !important;
  }
  .hero-collection-copy span{
    font-size:11px !important;
    line-height:1.2 !important;
    margin-top:9px !important;
  }
  .hero-collection-copy button{
    min-height:36px !important;
    padding:0 13px !important;
    font-size:9px !important;
    margin-top:14px !important;
  }

  .hero-simple-prev{left:8px !important;}
  .hero-simple-next{right:8px !important;}
}

@media (max-width:560px){
  .hero-simple-slider#heroSimpleSlider,
  .hero-simple-slider{
    height:calc(100svh - 100px) !important;
    min-height:560px !important;
    max-height:720px !important;
  }

  .hero-simple-slide[data-collection="tapia"] .hero-main-img{object-position:64% 36% !important;}
  .hero-simple-slide[data-collection="galan"] .hero-main-img{object-position:63% 41% !important;}
  .hero-simple-slide[data-collection="bea"] .hero-main-img{object-position:59% 44% !important;}

  .hero-simple-slide .hero-collection-copy,
  .hero-collection-copy{
    left:12px !important;
    width:40vw !important;
    max-width:170px !important;
  }

  .hero-collection-copy h2{
    font-size:clamp(29px,9.2vw,44px) !important;
  }
}

/* =========================================================
   V307 — HERO SUBIDO + TEXTO PLANO SIN EFECTO 3D
   ========================================================= */
.hero-simple-slide .hero-main-img{
  object-fit:cover !important;
  transform:scale(1.03) translateY(-4.5%) !important;
  transform-origin:center top !important;
  filter:saturate(1.06) contrast(1.03) brightness(.98) !important;
}

/* Encuadre más arriba para que la imagen no se sienta cortada hacia abajo */
.hero-simple-slide[data-collection="tapia"] .hero-main-img{
  object-position:58% 18% !important;
}
.hero-simple-slide[data-collection="galan"] .hero-main-img{
  object-position:59% 25% !important;
}
.hero-simple-slide[data-collection="bea"] .hero-main-img{
  object-position:57% 30% !important;
}

/* Menos nube/degradado sobre la foto */
.hero-simple-slide .hero-bg-img{
  opacity:.42 !important;
  filter:blur(14px) brightness(.32) saturate(1.06) !important;
}
.hero-simple-slide::before{
  background:
    linear-gradient(90deg, rgba(3,5,7,.78) 0%, rgba(3,5,7,.56) 24%, rgba(3,5,7,.16) 48%, rgba(3,5,7,.04) 76%, rgba(3,5,7,.18) 100%),
    linear-gradient(180deg, rgba(3,5,7,.00) 0%, rgba(3,5,7,.00) 58%, rgba(3,5,7,.34) 100%) !important;
}
.hero-simple-slide::after{
  display:none !important;
}

/* Texto sin 3D: plano, pegado y limpio */
.hero-collection-copy p,
.hero-collection-copy h2,
.hero-collection-copy span{
  text-shadow:none !important;
  filter:none !important;
}
.hero-collection-copy h2{
  color:#ffffff !important;
  -webkit-text-stroke:0 !important;
  letter-spacing:-.045em !important;
}
.hero-collection-copy span{
  color:#ffffff !important;
  opacity:.94 !important;
}
.hero-collection-copy{
  top:48% !important;
}

@media (max-width:900px){
  .hero-simple-slide .hero-main-img{
    transform:scale(1.045) translateY(-4%) !important;
  }
  .hero-simple-slide[data-collection="tapia"] .hero-main-img{object-position:62% 22% !important;}
  .hero-simple-slide[data-collection="galan"] .hero-main-img{object-position:62% 28% !important;}
  .hero-simple-slide[data-collection="bea"] .hero-main-img{object-position:58% 32% !important;}
  .hero-simple-slide::before{
    background:
      linear-gradient(90deg, rgba(3,5,7,.82) 0%, rgba(3,5,7,.58) 33%, rgba(3,5,7,.16) 66%, rgba(3,5,7,.10) 100%),
      linear-gradient(180deg, rgba(3,5,7,.00) 0%, rgba(3,5,7,.00) 52%, rgba(3,5,7,.40) 100%) !important;
  }
}

@media (max-width:560px){
  .hero-simple-slide .hero-main-img{
    transform:scale(1.055) translateY(-3.5%) !important;
  }
  .hero-simple-slide[data-collection="tapia"] .hero-main-img{object-position:65% 24% !important;}
  .hero-simple-slide[data-collection="galan"] .hero-main-img{object-position:64% 30% !important;}
  .hero-simple-slide[data-collection="bea"] .hero-main-img{object-position:60% 34% !important;}
}

/* =========================================================
   V308 — HERO MÁS ARRIBA, PROPORCIÓN MÁS SEGURA
   ========================================================= */
.hero-full-visual{
  padding-top:10px !important;
  padding-bottom:26px !important;
  min-height:clamp(400px, 64vh, 690px) !important;
}

.hero-full-link{
  height:clamp(340px, 58vh, 620px) !important;
  align-items:flex-start !important;
  justify-content:center !important;
}

.hero-full-visual img{
  object-fit:contain !important;
  object-position:center top !important;
  width:100% !important;
  height:100% !important;
  transform:translateY(-14px) scale(.985) !important;
  transform-origin:center top !important;
}

@media(max-width:900px){
  .hero-full-visual{
    padding-top:6px !important;
    padding-bottom:18px !important;
    min-height:62vh !important;
  }
  .hero-full-link{
    height:58vh !important;
    border-radius:26px !important;
  }
  .hero-full-visual img{
    object-position:center top !important;
    transform:translateY(-10px) scale(.99) !important;
  }
}

/* =========================================================
   V309 — Reencuadre final del hero
   Objetivo: evitar corte inferior, subir visualmente la foto,
   reducir el vacío arriba y mantener look pro.
   ========================================================= */

.hero-simple-wrap,
.hero-collections{
  padding-top:0 !important;
  margin-top:0 !important;
}

.hero-simple-slider#heroSimpleSlider,
.hero-simple-slider{
  width:min(100%, 1520px) !important;
  height:clamp(500px, 68vh, 680px) !important;
  min-height:500px !important;
  max-height:680px !important;
  margin:0 auto !important;
  overflow:hidden !important;
  border-radius:0 0 24px 24px !important;
  background:#05080d !important;
}

.hero-simple-slide,
.hero-simple-slide.active{
  position:absolute !important;
  inset:0 !important;
  display:grid !important;
  grid-template-columns:39% 61% !important;
  align-items:stretch !important;
  background:linear-gradient(90deg,#040604 0%,#081008 34%,#0b1016 60%,#0a0f15 100%) !important;
}

.hero-simple-slide::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  background:linear-gradient(90deg,rgba(0,0,0,.55) 0%,rgba(0,0,0,.16) 52%,rgba(0,0,0,.08) 100%) !important;
  z-index:1 !important;
  pointer-events:none !important;
}

.hero-simple-slide::after{
  left:39% !important;
  width:1px !important;
  background:linear-gradient(180deg,transparent,rgba(199,170,133,.18),transparent) !important;
  z-index:2 !important;
}

.hero-simple-slide .hero-bg-img{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center center !important;
  filter:blur(18px) brightness(.34) saturate(1.08) !important;
  transform:scale(1.08) !important;
  opacity:.58 !important;
}

.hero-simple-slide .hero-main-img,
.hero-simple-slide[data-collection="galan"] .hero-main-img,
.hero-simple-slide[data-collection="tapia"] .hero-main-img,
.hero-simple-slide[data-collection="bea"] .hero-main-img{
  position:absolute !important;
  top:0 !important;
  bottom:0 !important;
  left:39% !important;
  right:0 !important;
  width:61% !important;
  height:100% !important;
  padding:0 !important;
  margin:0 !important;
  object-fit:cover !important;
  object-position:center center !important;
  z-index:3 !important;
  background:transparent !important;
}

.hero-simple-slide[data-collection="tapia"] .hero-main-img{
  object-position:56% center !important;
}

.hero-simple-slide[data-collection="bea"] .hero-main-img{
  object-position:54% center !important;
}

.hero-simple-slide .hero-collection-copy,
.hero-collection-copy,
.hero-simple-slide[data-collection="galan"] .hero-collection-copy,
.hero-simple-slide[data-collection="tapia"] .hero-collection-copy,
.hero-simple-slide[data-collection="bea"] .hero-collection-copy{
  position:relative !important;
  z-index:4 !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  align-items:flex-start !important;
  padding:clamp(26px,4vw,50px) clamp(18px,2.6vw,26px) clamp(24px,4vw,42px) clamp(28px,4vw,72px) !important;
  max-width:100% !important;
}

.hero-collection-copy p{
  margin:0 0 12px 0 !important;
}

.hero-collection-copy h2{
  margin:0 !important;
  line-height:.9 !important;
}

.hero-collection-copy span{
  margin-top:12px !important;
}

.hero-collection-copy button{
  margin-top:18px !important;
}

@media (max-width: 900px){
  .hero-simple-slider#heroSimpleSlider,
  .hero-simple-slider{
    height:54vh !important;
    min-height:320px !important;
    max-height:none !important;
    border-radius:0 0 18px 18px !important;
  }

  .hero-simple-slide,
  .hero-simple-slide.active{
    grid-template-columns:38% 62% !important;
  }

  .hero-simple-slide::after{
    left:38% !important;
  }

  .hero-simple-slide .hero-main-img,
  .hero-simple-slide[data-collection="galan"] .hero-main-img,
  .hero-simple-slide[data-collection="tapia"] .hero-main-img,
  .hero-simple-slide[data-collection="bea"] .hero-main-img{
    left:38% !important;
    width:62% !important;
    object-position:center center !important;
  }

  .hero-simple-slide .hero-collection-copy,
  .hero-collection-copy{
    padding:16px 10px 16px 16px !important;
  }
}

/* =========================================================
   V310 — Hero pro: texto izquierdo + jugador completo derecho
   Evita cortes de cabeza/cuerpo usando contain en la foto principal.
   ========================================================= */

.hero-simple-wrap,
.hero-collections{
  padding-top:0 !important;
  margin-top:0 !important;
  background:#05080d !important;
}

.hero-simple-slider#heroSimpleSlider,
.hero-simple-slider{
  width:min(100%, 1540px) !important;
  height:clamp(520px, 70vh, 700px) !important;
  min-height:520px !important;
  max-height:700px !important;
  margin:0 auto !important;
  overflow:hidden !important;
  border-radius:0 0 24px 24px !important;
  background:#05080d !important;
}

.hero-simple-slide,
.hero-simple-slide.active{
  position:absolute !important;
  inset:0 !important;
  display:grid !important;
  grid-template-columns:38% 62% !important;
  align-items:center !important;
  background:linear-gradient(90deg,#050805 0%,#071007 34%,#071016 58%,#05080d 100%) !important;
}

.hero-simple-slide::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:1 !important;
  background:
    radial-gradient(circle at 73% 42%, rgba(199,170,133,.10), transparent 30%),
    linear-gradient(90deg,rgba(0,0,0,.54) 0%,rgba(0,0,0,.18) 48%,rgba(0,0,0,.08) 100%) !important;
  pointer-events:none !important;
}

.hero-simple-slide::after{
  content:"" !important;
  position:absolute !important;
  top:0 !important;
  bottom:0 !important;
  left:38% !important;
  width:1px !important;
  z-index:2 !important;
  background:linear-gradient(180deg,transparent,rgba(199,170,133,.16),transparent) !important;
  pointer-events:none !important;
}

.hero-simple-slide .hero-bg-img{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center center !important;
  filter:blur(22px) brightness(.30) saturate(1.12) !important;
  transform:scale(1.10) !important;
  opacity:.64 !important;
  z-index:0 !important;
}

.hero-simple-slide .hero-main-img,
.hero-simple-slide[data-collection="galan"] .hero-main-img,
.hero-simple-slide[data-collection="tapia"] .hero-main-img,
.hero-simple-slide[data-collection="bea"] .hero-main-img{
  position:absolute !important;
  top:0 !important;
  bottom:0 !important;
  left:38% !important;
  right:0 !important;
  width:62% !important;
  height:100% !important;
  padding:18px 28px 18px 20px !important;
  margin:0 !important;
  object-fit:contain !important;
  object-position:center center !important;
  z-index:3 !important;
  background:transparent !important;
  filter:drop-shadow(0 30px 42px rgba(0,0,0,.42)) !important;
}

.hero-simple-slide[data-collection="tapia"] .hero-main-img{
  object-position:50% center !important;
  padding-top:18px !important;
  padding-bottom:18px !important;
}

.hero-simple-slide[data-collection="galan"] .hero-main-img{
  object-position:50% center !important;
}

.hero-simple-slide[data-collection="bea"] .hero-main-img{
  object-position:50% center !important;
}

.hero-simple-slide .hero-collection-copy,
.hero-collection-copy,
.hero-simple-slide[data-collection="galan"] .hero-collection-copy,
.hero-simple-slide[data-collection="tapia"] .hero-collection-copy,
.hero-simple-slide[data-collection="bea"] .hero-collection-copy{
  position:relative !important;
  z-index:4 !important;
  grid-column:1 !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  align-items:flex-start !important;
  padding:clamp(28px,4vw,56px) clamp(18px,3vw,34px) clamp(28px,4vw,52px) clamp(34px,5vw,82px) !important;
  max-width:100% !important;
  text-align:left !important;
  transform:none !important;
}

.hero-collection-copy p{
  margin:0 0 12px 0 !important;
  font-size:clamp(11px,.95vw,14px) !important;
  letter-spacing:.18em !important;
  color:#c7aa85 !important;
  text-shadow:none !important;
}

.hero-collection-copy h2{
  margin:0 !important;
  line-height:.88 !important;
  font-size:clamp(54px,6.8vw,104px) !important;
  letter-spacing:.015em !important;
  text-shadow:none !important;
  filter:none !important;
}

.hero-collection-copy span{
  margin-top:12px !important;
  font-size:clamp(14px,1.25vw,19px) !important;
  text-shadow:none !important;
}

.hero-collection-copy button{
  margin-top:22px !important;
  min-height:42px !important;
  padding:0 24px !important;
  box-shadow:none !important;
}

@media (max-width: 900px){
  .hero-simple-slider#heroSimpleSlider,
  .hero-simple-slider{
    height:54vh !important;
    min-height:340px !important;
    max-height:none !important;
    border-radius:0 0 18px 18px !important;
  }
  .hero-simple-slide,
  .hero-simple-slide.active{
    grid-template-columns:40% 60% !important;
  }
  .hero-simple-slide::after{left:40% !important;}
  .hero-simple-slide .hero-main-img,
  .hero-simple-slide[data-collection="galan"] .hero-main-img,
  .hero-simple-slide[data-collection="tapia"] .hero-main-img,
  .hero-simple-slide[data-collection="bea"] .hero-main-img{
    left:40% !important;
    width:60% !important;
    padding:10px 8px 12px 6px !important;
    object-fit:contain !important;
  }
  .hero-simple-slide .hero-collection-copy,
  .hero-collection-copy{
    padding:18px 8px 18px 16px !important;
  }
  .hero-collection-copy h2{
    font-size:clamp(30px,9vw,48px) !important;
    line-height:.9 !important;
  }
  .hero-collection-copy p{font-size:10px !important;margin-bottom:8px !important;}
  .hero-collection-copy span{font-size:12px !important;margin-top:8px !important;}
  .hero-collection-copy button{min-height:36px !important;padding:0 14px !important;font-size:10px !important;margin-top:12px !important;}
}

@media (max-width: 520px){
  .hero-simple-slider#heroSimpleSlider,
  .hero-simple-slider{
    min-height:330px !important;
    height:52vh !important;
  }
  .hero-simple-slide,
  .hero-simple-slide.active{
    grid-template-columns:42% 58% !important;
  }
  .hero-simple-slide::after{left:42% !important;}
  .hero-simple-slide .hero-main-img,
  .hero-simple-slide[data-collection="galan"] .hero-main-img,
  .hero-simple-slide[data-collection="tapia"] .hero-main-img,
  .hero-simple-slide[data-collection="bea"] .hero-main-img{
    left:42% !important;
    width:58% !important;
    padding:8px 4px 10px 2px !important;
  }
  .hero-simple-slide .hero-collection-copy,
  .hero-collection-copy{
    padding-left:12px !important;
  }
}

/* =========================================================
   V311 — Hero final: textos más arriba + Agustín más a la derecha
   ========================================================= */
.hero-simple-slider#heroSimpleSlider,
.hero-simple-slider{
  height:clamp(520px, 68vh, 690px) !important;
  min-height:520px !important;
  max-height:690px !important;
}

.hero-simple-slide .hero-collection-copy,
.hero-collection-copy,
.hero-simple-slide[data-collection="galan"] .hero-collection-copy,
.hero-simple-slide[data-collection="tapia"] .hero-collection-copy,
.hero-simple-slide[data-collection="bea"] .hero-collection-copy{
  justify-content:flex-start !important;
  padding-top:clamp(70px, 10vh, 108px) !important;
  transform:translateY(-18px) !important;
}

.hero-collection-copy h2{
  line-height:.86 !important;
}

.hero-simple-slide[data-collection="tapia"] .hero-main-img{
  object-position:72% center !important;
  padding-left:34px !important;
  padding-right:8px !important;
}

.hero-simple-slide[data-collection="galan"] .hero-main-img{
  object-position:58% center !important;
}

.hero-simple-slide[data-collection="bea"] .hero-main-img{
  object-position:58% center !important;
}

@media (max-width: 900px){
  .hero-simple-slide .hero-collection-copy,
  .hero-collection-copy{
    justify-content:flex-start !important;
    padding-top:42px !important;
    transform:translateY(-8px) !important;
  }
  .hero-simple-slide[data-collection="tapia"] .hero-main-img{
    object-position:70% center !important;
    padding-left:12px !important;
    padding-right:2px !important;
  }
}

@media (max-width: 520px){
  .hero-simple-slide .hero-collection-copy,
  .hero-collection-copy{
    padding-top:34px !important;
    transform:translateY(-6px) !important;
  }
}

/* =========================================================
   V312 — Último ajuste hero: textos mucho más arriba + Agustín más ancho
   ========================================================= */
.hero-simple-slide .hero-collection-copy,
.hero-collection-copy,
.hero-simple-slide[data-collection="galan"] .hero-collection-copy,
.hero-simple-slide[data-collection="tapia"] .hero-collection-copy,
.hero-simple-slide[data-collection="bea"] .hero-collection-copy{
  justify-content:flex-start !important;
  padding-top:clamp(34px, 5.8vh, 62px) !important;
  transform:translateY(-30px) !important;
}

.hero-collection-copy p{
  margin-bottom:10px !important;
}

.hero-collection-copy h2{
  line-height:.84 !important;
}

/* Agustín queda en el mismo sector pero con más presencia/ancho */
.hero-simple-slide[data-collection="tapia"] .hero-main-img{
  left:35.5% !important;
  width:64.5% !important;
  padding-left:4px !important;
  padding-right:0 !important;
  padding-top:12px !important;
  padding-bottom:12px !important;
  object-fit:contain !important;
  object-position:76% center !important;
  transform:scale(1.055) !important;
  transform-origin:center center !important;
}

/* Mantengo Ale y Bea prolijos, sin cortes */
.hero-simple-slide[data-collection="galan"] .hero-main-img,
.hero-simple-slide[data-collection="bea"] .hero-main-img{
  padding-top:12px !important;
  padding-bottom:12px !important;
  object-fit:contain !important;
}

@media (max-width: 900px){
  .hero-simple-slide .hero-collection-copy,
  .hero-collection-copy,
  .hero-simple-slide[data-collection="galan"] .hero-collection-copy,
  .hero-simple-slide[data-collection="tapia"] .hero-collection-copy,
  .hero-simple-slide[data-collection="bea"] .hero-collection-copy{
    padding-top:22px !important;
    transform:translateY(-14px) !important;
  }

  .hero-simple-slide[data-collection="tapia"] .hero-main-img{
    left:38% !important;
    width:62% !important;
    padding-left:2px !important;
    padding-right:0 !important;
    transform:scale(1.035) !important;
    object-position:72% center !important;
  }
}

@media (max-width: 520px){
  .hero-simple-slide .hero-collection-copy,
  .hero-collection-copy{
    padding-top:18px !important;
    transform:translateY(-10px) !important;
  }
}

/* =========================================================
   V313 — Fix capa/sombra global sobre carrito/checkout
   El hero y sus degradados quedan encerrados dentro del hero.
   Ningún overlay puede tapar carrito, checkout ni secciones blancas.
   ========================================================= */

html,
body{
  background:#ffffff !important;
}

body::before,
body::after,
html::before,
html::after{
  content:none !important;
  display:none !important;
  opacity:0 !important;
  pointer-events:none !important;
}

/* Encerrar hero: pseudo-elementos y blur no salen de esta zona */
.hero-simple-wrap,
.hero-collections,
.hero-simple-slider#heroSimpleSlider,
.hero-simple-slider,
.hero-simple-slide{
  isolation:isolate !important;
  contain:layout paint !important;
  overflow:hidden !important;
}

.hero-simple-wrap,
.hero-collections{
  position:relative !important;
  z-index:0 !important;
}

.hero-simple-slider#heroSimpleSlider,
.hero-simple-slider{
  position:relative !important;
  z-index:0 !important;
}

.hero-simple-slide::before,
.hero-simple-slide::after{
  position:absolute !important;
  pointer-events:none !important;
  inset:0 !important;
}

.hero-simple-slide .hero-bg-img,
.hero-simple-slide .hero-main-img{
  pointer-events:none !important;
}

/* Las secciones blancas deben quedar limpias, por encima de cualquier glow viejo */
#catalogo,
.products-section,
.product-grid,
.collection-card,
.collections-section,
.checkout-preview,
.checkout-page-shell,
.checkout-page-grid,
.checkout-page-card,
.checkout-method-card,
.checkout-summary-final,
.checkout-data-card{
  position:relative !important;
  z-index:2 !important;
}

.collection-card::before,
.collection-card::after,
.checkout-preview::before,
.checkout-preview::after,
.checkout-page-shell::before,
.checkout-page-shell::after,
.checkout-page-card::before,
.checkout-page-card::after,
.checkout-method-card::before,
.checkout-method-card::after,
.checkout-data-card::before,
.checkout-data-card::after,
.cart-panel::before,
.cart-panel::after{
  content:none !important;
  display:none !important;
  opacity:0 !important;
  pointer-events:none !important;
}

/* Carrito siempre limpio, sin capa gris encima */
.cart-panel,
.cart-drawer{
  z-index:2147483646 !important;
  background:#ffffff !important;
  color:#080808 !important;
  box-shadow:-22px 0 60px rgba(0,0,0,.18) !important;
  border-left:1px solid rgba(0,0,0,.10) !important;
  isolation:isolate !important;
  opacity:1 !important;
  filter:none !important;
  backdrop-filter:none !important;
}

.cart-panel *,
.cart-drawer *{
  backdrop-filter:none !important;
}

.cart-head{
  border-bottom:1px solid rgba(0,0,0,.10) !important;
}

.cart-head strong,
.cart-item strong,
.cart-total strong,
.cart-total span,
.cart-item span{
  color:#080808 !important;
}

.cart-head button,
.cart-panel .modal-close{
  color:#080808 !important;
}

.cart-item{
  background:#ffffff !important;
  border:1px solid rgba(0,0,0,.10) !important;
  box-shadow:0 8px 24px rgba(0,0,0,.05) !important;
}

.cart-item img{
  background:#ffffff !important;
}

.cart-total{
  border-top:1px solid rgba(0,0,0,.10) !important;
}

/* Checkout pantalla completa blanco real */
.checkout-page-screen{
  z-index:2147483645 !important;
  background:#ffffff !important;
  color:#080808 !important;
  isolation:isolate !important;
  opacity:1 !important;
  filter:none !important;
  backdrop-filter:none !important;
}

.checkout-page-screen::before,
.checkout-page-screen::after{
  content:none !important;
  display:none !important;
}

.checkout-page-shell,
.checkout-page-card,
.checkout-method-card,
.checkout-summary-final{
  background:#ffffff !important;
  color:#080808 !important;
  filter:none !important;
  backdrop-filter:none !important;
  opacity:1 !important;
}

.checkout-page-form input,
.checkout-page-form textarea,
.checkout-data-form input,
.checkout-data-form textarea{
  background:#ffffff !important;
  color:#080808 !important;
  border:1px solid rgba(0,0,0,.18) !important;
}

/* Modales cerrados no deben dejar capas invisibles sobre el sitio */
.modal:not(.open),
.product-modal:not(.open),
.checkout-data-modal:not(.open),
.checkout-page-screen:not(.open){
  display:none !important;
  opacity:0 !important;
  pointer-events:none !important;
  visibility:hidden !important;
}

.modal.open,
.product-modal.open,
.checkout-data-modal.open{
  pointer-events:auto !important;
}

/* Menú mobile arriba cuando está abierto, pero sin oscurecer checkout/carrito */
.mobile-menu,
.top-nav.mobile-open,
.site-header{
  isolation:isolate !important;
}

@media (min-width: 901px){
  .site-header .mobile-menu-toggle{
    display:none !important;
  }
}

/* =========================================================
   V314 — Hero responsive PRO: foco por slide + texto alineado
   Corrige recortes por object-fit cover y reposiciona textos.
   ========================================================= */

.hero-simple-wrap,
.hero-collections{
  padding-top:0 !important;
  padding-bottom:14px !important;
  margin:0 !important;
  background:#05080d !important;
  overflow:hidden !important;
  isolation:isolate !important;
}

.hero-simple-slider#heroSimpleSlider,
.hero-simple-slider{
  width:min(100%, 1520px) !important;
  height:clamp(560px, 72vh, 760px) !important;
  min-height:560px !important;
  max-height:760px !important;
  margin:0 auto !important;
  border-radius:0 0 24px 24px !important;
  overflow:hidden !important;
  position:relative !important;
  background:#05080d !important;
  contain:layout paint !important;
  isolation:isolate !important;
}

.hero-simple-slide,
.hero-simple-slide.active{
  position:absolute !important;
  inset:0 !important;
  display:grid !important;
  grid-template-columns:40% 60% !important;
  align-items:stretch !important;
  overflow:hidden !important;
  background:linear-gradient(90deg,#030604 0%,#071006 40%,#071015 100%) !important;
}

/* Fondo decorativo: puede recortarse porque solo es blur, nunca tapa el sitio */
.hero-simple-slide .hero-bg-img{
  position:absolute !important;
  inset:-4% !important;
  width:108% !important;
  height:108% !important;
  object-fit:cover !important;
  object-position:center center !important;
  filter:blur(22px) brightness(.32) saturate(1.12) !important;
  transform:scale(1.06) !important;
  opacity:.70 !important;
  z-index:0 !important;
  pointer-events:none !important;
}

/* Degradado encerrado solo dentro del hero */
.hero-simple-slide::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:1 !important;
  pointer-events:none !important;
  background:linear-gradient(90deg,rgba(0,0,0,.62) 0%,rgba(0,0,0,.38) 34%,rgba(0,0,0,.08) 62%,rgba(0,0,0,.02) 100%) !important;
}

.hero-simple-slide::after{
  content:"" !important;
  position:absolute !important;
  top:0 !important;
  bottom:0 !important;
  left:40% !important;
  width:1px !important;
  z-index:2 !important;
  pointer-events:none !important;
  background:linear-gradient(180deg,transparent,rgba(199,170,133,.20),transparent) !important;
}

/* Imagen principal: contain = NO corta cabeza ni cuerpo */
.hero-simple-slide .hero-main-img,
.hero-simple-slide[data-collection="galan"] .hero-main-img,
.hero-simple-slide[data-collection="tapia"] .hero-main-img,
.hero-simple-slide[data-collection="bea"] .hero-main-img{
  position:absolute !important;
  top:0 !important;
  right:0 !important;
  bottom:0 !important;
  left:40% !important;
  width:60% !important;
  height:100% !important;
  object-fit:contain !important;
  object-position:center center !important;
  padding:26px 18px 28px 4px !important;
  margin:0 !important;
  z-index:3 !important;
  background:transparent !important;
  pointer-events:none !important;
  filter:none !important;
}

/* Punto focal por slide */
.hero-simple-slide[data-collection="galan"] .hero-main-img{
  object-position:58% center !important;
  padding-right:0 !important;
}

.hero-simple-slide[data-collection="tapia"] .hero-main-img{
  left:37% !important;
  width:63% !important;
  object-position:76% center !important;
  padding:18px 0 24px 0 !important;
  transform:scale(1.035) !important;
  transform-origin:center center !important;
}

.hero-simple-slide[data-collection="bea"] .hero-main-img{
  object-position:58% center !important;
  padding-right:0 !important;
}

/* Texto: bloque limpio a la izquierda, más bajo y con aire */
.hero-simple-slide .hero-collection-copy,
.hero-collection-copy,
.hero-simple-slide[data-collection="galan"] .hero-collection-copy,
.hero-simple-slide[data-collection="tapia"] .hero-collection-copy,
.hero-simple-slide[data-collection="bea"] .hero-collection-copy{
  position:relative !important;
  z-index:5 !important;
  grid-column:1 !important;
  align-self:stretch !important;
  justify-self:stretch !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:flex-end !important;
  align-items:flex-start !important;
  padding:0 clamp(20px,3vw,44px) clamp(64px,8vh,92px) clamp(30px,5vw,82px) !important;
  margin:0 !important;
  max-width:100% !important;
  transform:none !important;
  text-align:left !important;
}

.hero-collection-copy p{
  margin:0 0 14px 0 !important;
  line-height:1 !important;
  letter-spacing:.20em !important;
}

.hero-collection-copy h2{
  margin:0 !important;
  line-height:.92 !important;
  max-width:8.5em !important;
}

.hero-collection-copy span{
  margin-top:14px !important;
  line-height:1.2 !important;
}

.hero-collection-copy button{
  margin-top:22px !important;
}

@media (max-width: 900px){
  .hero-simple-slider#heroSimpleSlider,
  .hero-simple-slider{
    height:58vh !important;
    min-height:390px !important;
    max-height:560px !important;
    border-radius:0 0 18px 18px !important;
  }

  .hero-simple-slide,
  .hero-simple-slide.active{
    grid-template-columns:42% 58% !important;
  }

  .hero-simple-slide::after{
    left:42% !important;
  }

  .hero-simple-slide .hero-main-img,
  .hero-simple-slide[data-collection="galan"] .hero-main-img,
  .hero-simple-slide[data-collection="tapia"] .hero-main-img,
  .hero-simple-slide[data-collection="bea"] .hero-main-img{
    left:42% !important;
    width:58% !important;
    height:100% !important;
    object-fit:contain !important;
    object-position:center center !important;
    padding:18px 4px 20px 0 !important;
    transform:none !important;
  }

  .hero-simple-slide[data-collection="tapia"] .hero-main-img{
    object-position:74% center !important;
    transform:scale(1.02) !important;
    padding-right:0 !important;
  }

  .hero-simple-slide .hero-collection-copy,
  .hero-collection-copy{
    justify-content:flex-end !important;
    padding:0 10px 44px 18px !important;
    transform:none !important;
  }
}

@media (max-width: 560px){
  .hero-simple-slider#heroSimpleSlider,
  .hero-simple-slider{
    height:52vh !important;
    min-height:340px !important;
  }

  .hero-simple-slide,
  .hero-simple-slide.active{
    grid-template-columns:43% 57% !important;
  }

  .hero-simple-slide::after{
    left:43% !important;
  }

  .hero-simple-slide .hero-main-img,
  .hero-simple-slide[data-collection="galan"] .hero-main-img,
  .hero-simple-slide[data-collection="tapia"] .hero-main-img,
  .hero-simple-slide[data-collection="bea"] .hero-main-img{
    left:43% !important;
    width:57% !important;
    padding:14px 0 18px 0 !important;
    object-fit:contain !important;
  }

  .hero-simple-slide[data-collection="tapia"] .hero-main-img{
    object-position:76% center !important;
    transform:scale(1.015) !important;
  }

  .hero-simple-slide .hero-collection-copy,
  .hero-collection-copy{
    padding:0 8px 34px 14px !important;
  }

  .hero-collection-copy p{
    font-size:9px !important;
    margin-bottom:8px !important;
  }

  .hero-collection-copy h2{
    font-size:clamp(27px,9vw,42px) !important;
    line-height:.9 !important;
  }

  .hero-collection-copy span{
    font-size:11px !important;
    margin-top:9px !important;
  }

  .hero-collection-copy button{
    margin-top:13px !important;
    min-height:36px !important;
    padding:0 13px !important;
    font-size:9px !important;
  }
}

/* =========================================================
   V315 — HERO COVER QUALITY / RESPONSIVE FINAL
   La imagen llena el contenedor sin deformarse:
   width/height 100%, object-fit cover, puntos focales por slide.
   También se evita cualquier stretch o alto/ancho que aplaste.
   ========================================================= */

.hero-simple-wrap.hero-collections,
.hero-simple-wrap,
.hero-collections{
  margin:0 !important;
  padding:0 0 18px !important;
  background:#05080d !important;
  overflow:hidden !important;
  isolation:isolate !important;
}

.hero-simple-slider#heroSimpleSlider,
.hero-simple-slider{
  position:relative !important;
  width:100% !important;
  max-width:100% !important;
  height:clamp(560px,72vh,760px) !important;
  min-height:560px !important;
  max-height:760px !important;
  margin:0 auto !important;
  overflow:hidden !important;
  border-radius:0 0 28px 28px !important;
  background:#05080d !important;
  transform:translateZ(0) !important;
}

.hero-simple-slide,
.hero-simple-slide.active{
  position:absolute !important;
  inset:0 !important;
  display:block !important;
  width:100% !important;
  height:100% !important;
  overflow:hidden !important;
  background:#05080d !important;
}

.hero-simple-slide:not(.active){
  opacity:0 !important;
  pointer-events:none !important;
}

.hero-simple-slide.active{
  opacity:1 !important;
  pointer-events:auto !important;
}

.hero-simple-slide::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:3 !important;
  pointer-events:none !important;
  background:linear-gradient(90deg,
    rgba(5,8,13,.88) 0%,
    rgba(5,8,13,.76) 27%,
    rgba(5,8,13,.34) 46%,
    rgba(5,8,13,.08) 72%,
    rgba(5,8,13,.12) 100%) !important;
}

.hero-simple-slide::after{
  display:none !important;
  content:none !important;
}

.hero-simple-slide .hero-bg-img,
.hero-simple-slide .hero-main-img,
.hero-simple-slide[data-collection="galan"] .hero-main-img,
.hero-simple-slide[data-collection="tapia"] .hero-main-img,
.hero-simple-slide[data-collection="bea"] .hero-main-img{
  position:absolute !important;
  top:0 !important;
  left:0 !important;
  right:0 !important;
  bottom:0 !important;
  width:100% !important;
  height:100% !important;
  min-width:100% !important;
  min-height:100% !important;
  max-width:none !important;
  max-height:none !important;
  padding:0 !important;
  margin:0 !important;
  object-fit:cover !important;
  object-position:center center !important;
  background:#05080d !important;
  image-rendering:auto !important;
  transform:none !important;
}

.hero-simple-slide .hero-bg-img{
  z-index:0 !important;
  opacity:.48 !important;
  filter:blur(14px) brightness(.58) saturate(1.08) !important;
  transform:scale(1.04) !important;
}

.hero-simple-slide .hero-main-img,
.hero-simple-slide[data-collection="galan"] .hero-main-img,
.hero-simple-slide[data-collection="tapia"] .hero-main-img,
.hero-simple-slide[data-collection="bea"] .hero-main-img{
  z-index:2 !important;
  opacity:1 !important;
  filter:none !important;
}

/* Puntos focales desktop: cubrir todo el hero sin deformar y sin espacios vacíos */
.hero-simple-slide[data-collection="galan"] .hero-main-img{
  object-position:56% 50% !important;
}

.hero-simple-slide[data-collection="tapia"] .hero-main-img{
  object-position:62% 50% !important;
}

.hero-simple-slide[data-collection="bea"] .hero-main-img{
  object-position:54% 50% !important;
}

.hero-simple-slide .hero-collection-copy,
.hero-collection-copy,
.hero-simple-slide[data-collection="galan"] .hero-collection-copy,
.hero-simple-slide[data-collection="tapia"] .hero-collection-copy,
.hero-simple-slide[data-collection="bea"] .hero-collection-copy{
  position:absolute !important;
  z-index:5 !important;
  left:clamp(26px,5vw,82px) !important;
  top:54% !important;
  bottom:auto !important;
  right:auto !important;
  width:min(430px,34vw) !important;
  max-width:min(430px,34vw) !important;
  padding:0 !important;
  margin:0 !important;
  transform:translateY(-50%) !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:flex-start !important;
  align-items:flex-start !important;
  background:transparent !important;
  box-shadow:none !important;
  text-shadow:none !important;
}

.hero-collection-copy p{
  margin:0 0 12px !important;
}

.hero-collection-copy h2{
  margin:0 !important;
  line-height:.88 !important;
}

.hero-collection-copy span{
  margin-top:13px !important;
}

.hero-collection-copy button{
  margin-top:20px !important;
}

@media (max-width:900px){
  .hero-simple-wrap.hero-collections,
  .hero-simple-wrap,
  .hero-collections{
    padding-bottom:14px !important;
  }

  .hero-simple-slider#heroSimpleSlider,
  .hero-simple-slider{
    height:58vh !important;
    min-height:390px !important;
    max-height:610px !important;
    border-radius:0 0 20px 20px !important;
  }

  .hero-simple-slide::before{
    background:linear-gradient(180deg,
      rgba(5,8,13,.08) 0%,
      rgba(5,8,13,.10) 34%,
      rgba(5,8,13,.62) 72%,
      rgba(5,8,13,.92) 100%) !important;
  }

  .hero-simple-slide .hero-bg-img{
    opacity:.32 !important;
    filter:blur(12px) brightness(.48) saturate(1.05) !important;
  }

  .hero-simple-slide .hero-main-img,
  .hero-simple-slide[data-collection="galan"] .hero-main-img,
  .hero-simple-slide[data-collection="tapia"] .hero-main-img,
  .hero-simple-slide[data-collection="bea"] .hero-main-img{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
  }

  /* Puntos focales mobile: cuidar cara, pala y producto principal */
  .hero-simple-slide[data-collection="galan"] .hero-main-img{
    object-position:58% 50% !important;
  }

  .hero-simple-slide[data-collection="tapia"] .hero-main-img{
    object-position:60% 50% !important;
  }

  .hero-simple-slide[data-collection="bea"] .hero-main-img{
    object-position:52% 50% !important;
  }

  .hero-simple-slide .hero-collection-copy,
  .hero-collection-copy,
  .hero-simple-slide[data-collection="galan"] .hero-collection-copy,
  .hero-simple-slide[data-collection="tapia"] .hero-collection-copy,
  .hero-simple-slide[data-collection="bea"] .hero-collection-copy{
    left:18px !important;
    right:18px !important;
    bottom:34px !important;
    top:auto !important;
    width:auto !important;
    max-width:390px !important;
    transform:none !important;
    padding:0 !important;
  }
}

@media (max-width:560px){
  .hero-simple-slider#heroSimpleSlider,
  .hero-simple-slider{
    height:54vh !important;
    min-height:360px !important;
    max-height:520px !important;
  }

  .hero-simple-slide[data-collection="galan"] .hero-main-img{
    object-position:60% 50% !important;
  }

  .hero-simple-slide[data-collection="tapia"] .hero-main-img{
    object-position:61% 50% !important;
  }

  .hero-simple-slide[data-collection="bea"] .hero-main-img{
    object-position:52% 50% !important;
  }

  .hero-simple-slide .hero-collection-copy,
  .hero-collection-copy{
    bottom:28px !important;
    left:16px !important;
    right:16px !important;
  }
}

/* =========================================================
   V316 — Hero con foco inteligente real por slide
   - Fondo cover para ocupar 100% del bloque sin espacios vacíos.
   - Imagen principal cuidada para no cortar cabezas, caras ni paletas.
   - Focos separados desktop/mobile por colección.
   ========================================================= */

.hero-simple-wrap.hero-collections,
.hero-simple-wrap,
.hero-collections{
  isolation:isolate !important;
  overflow:hidden !important;
  background:#05080d !important;
}

.hero-simple-slider#heroSimpleSlider,
.hero-simple-slider{
  position:relative !important;
  width:100% !important;
  max-width:1520px !important;
  height:clamp(560px,72vh,760px) !important;
  min-height:560px !important;
  margin:0 auto !important;
  overflow:hidden !important;
  background:#05080d !important;
  border-radius:0 0 26px 26px !important;
}

.hero-simple-slide,
.hero-simple-slide.active{
  position:absolute !important;
  inset:0 !important;
  display:block !important;
  overflow:hidden !important;
  background:#05080d !important;
}

/* La foto de fondo sí cubre todo el hero: no deja huecos ni se deforma. */
.hero-simple-slide .hero-bg-img{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center center !important;
  transform:scale(1.06) !important;
  filter:blur(18px) brightness(.42) saturate(1.08) !important;
  opacity:.72 !important;
  z-index:0 !important;
  background:#05080d !important;
}

/* Gradiente controlado solo dentro del hero, para lectura del texto. */
.hero-simple-slide::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:2 !important;
  pointer-events:none !important;
  background:linear-gradient(90deg,
    rgba(4,7,11,.92) 0%,
    rgba(4,7,11,.82) 28%,
    rgba(4,7,11,.38) 48%,
    rgba(4,7,11,.10) 72%,
    rgba(4,7,11,.18) 100%) !important;
}

.hero-simple-slide::after{
  display:none !important;
  content:none !important;
}

/* Imagen principal: ocupa el área visual derecha sin aplastarse ni deformarse. */
.hero-simple-slide .hero-main-img,
.hero-simple-slide[data-collection="galan"] .hero-main-img,
.hero-simple-slide[data-collection="tapia"] .hero-main-img,
.hero-simple-slide[data-collection="bea"] .hero-main-img{
  position:absolute !important;
  top:0 !important;
  bottom:0 !important;
  left:34% !important;
  right:0 !important;
  width:66% !important;
  height:100% !important;
  min-width:0 !important;
  min-height:0 !important;
  max-width:none !important;
  max-height:none !important;
  padding:0 !important;
  margin:0 !important;
  object-fit:contain !important;
  object-position:center center !important;
  image-rendering:auto !important;
  transform:none !important;
  filter:none !important;
  opacity:1 !important;
  z-index:1 !important;
  background:transparent !important;
}

/* Foco desktop por slide: prioridad caras + paletas. */
.hero-simple-slide[data-collection="galan"] .hero-main-img{
  left:32% !important;
  width:68% !important;
  object-position:58% 48% !important;
}

.hero-simple-slide[data-collection="tapia"] .hero-main-img{
  left:38% !important;
  width:62% !important;
  object-position:72% 46% !important;
}

.hero-simple-slide[data-collection="bea"] .hero-main-img{
  left:32% !important;
  width:68% !important;
  object-position:56% 48% !important;
}

/* Texto alineado, con aire y sin quedar sobre las caras. */
.hero-simple-slide .hero-collection-copy,
.hero-collection-copy,
.hero-simple-slide[data-collection="galan"] .hero-collection-copy,
.hero-simple-slide[data-collection="tapia"] .hero-collection-copy,
.hero-simple-slide[data-collection="bea"] .hero-collection-copy{
  position:absolute !important;
  z-index:4 !important;
  left:clamp(24px,5vw,82px) !important;
  top:auto !important;
  bottom:clamp(58px,11vh,104px) !important;
  right:auto !important;
  width:min(410px,31vw) !important;
  max-width:min(410px,31vw) !important;
  padding:0 !important;
  margin:0 !important;
  transform:none !important;
  background:transparent !important;
  box-shadow:none !important;
  text-shadow:none !important;
}

.hero-collection-copy p{margin:0 0 12px !important;}
.hero-collection-copy h2{margin:0 !important; line-height:.88 !important;}
.hero-collection-copy span{margin-top:13px !important;}
.hero-collection-copy button{margin-top:20px !important;}

@media (max-width:900px){
  .hero-simple-slider#heroSimpleSlider,
  .hero-simple-slider{
    height:62vh !important;
    min-height:430px !important;
    max-height:620px !important;
    border-radius:0 0 20px 20px !important;
  }

  .hero-simple-slide::before{
    background:linear-gradient(180deg,
      rgba(4,7,11,.06) 0%,
      rgba(4,7,11,.14) 40%,
      rgba(4,7,11,.66) 76%,
      rgba(4,7,11,.94) 100%) !important;
  }

  .hero-simple-slide .hero-bg-img{
    object-fit:cover !important;
    object-position:center center !important;
    transform:scale(1.08) !important;
    opacity:.66 !important;
    filter:blur(15px) brightness(.42) saturate(1.08) !important;
  }

  .hero-simple-slide .hero-main-img,
  .hero-simple-slide[data-collection="galan"] .hero-main-img,
  .hero-simple-slide[data-collection="tapia"] .hero-main-img,
  .hero-simple-slide[data-collection="bea"] .hero-main-img{
    top:0 !important;
    bottom:auto !important;
    left:0 !important;
    right:0 !important;
    width:100% !important;
    height:78% !important;
    object-fit:contain !important;
    z-index:1 !important;
  }

  /* Foco mobile separado: cara/cabeza/pala siempre visibles. */
  .hero-simple-slide[data-collection="galan"] .hero-main-img{
    object-position:58% 22% !important;
  }

  .hero-simple-slide[data-collection="tapia"] .hero-main-img{
    object-position:68% 18% !important;
  }

  .hero-simple-slide[data-collection="bea"] .hero-main-img{
    object-position:55% 20% !important;
  }

  .hero-simple-slide .hero-collection-copy,
  .hero-collection-copy,
  .hero-simple-slide[data-collection="galan"] .hero-collection-copy,
  .hero-simple-slide[data-collection="tapia"] .hero-collection-copy,
  .hero-simple-slide[data-collection="bea"] .hero-collection-copy{
    left:18px !important;
    right:18px !important;
    bottom:30px !important;
    top:auto !important;
    width:auto !important;
    max-width:390px !important;
    transform:none !important;
  }
}

@media (max-width:560px){
  .hero-simple-slider#heroSimpleSlider,
  .hero-simple-slider{
    height:58vh !important;
    min-height:390px !important;
    max-height:540px !important;
  }

  .hero-simple-slide .hero-main-img,
  .hero-simple-slide[data-collection="galan"] .hero-main-img,
  .hero-simple-slide[data-collection="tapia"] .hero-main-img,
  .hero-simple-slide[data-collection="bea"] .hero-main-img{
    height:76% !important;
  }

  .hero-simple-slide[data-collection="galan"] .hero-main-img{object-position:58% 16% !important;}
  .hero-simple-slide[data-collection="tapia"] .hero-main-img{object-position:70% 14% !important;}
  .hero-simple-slide[data-collection="bea"] .hero-main-img{object-position:55% 16% !important;}

  .hero-simple-slide .hero-collection-copy,
  .hero-collection-copy{
    bottom:24px !important;
    left:16px !important;
    right:16px !important;
  }
}

/* =========================================================
   V317 — Optimización fluidez global + checkout premium
   ========================================================= */

html{
  scroll-behavior:smooth !important;
  -webkit-text-size-adjust:100% !important;
}

body{
  overscroll-behavior-y:auto !important;
  -webkit-overflow-scrolling:touch !important;
  text-rendering:optimizeLegibility !important;
}

*, *::before, *::after{
  box-sizing:border-box !important;
}

img, picture, video{
  max-width:100% !important;
}

button, a, input, textarea, select{
  touch-action:manipulation !important;
}

/* Evita saltos/trabas por animaciones pesadas en dispositivos reales */
.hero-simple-slide,
.hero-simple-slide .hero-main-img,
.hero-simple-slide .hero-bg-img,
.product-card,
.cart-panel,
.checkout-page-screen,
.mobile-menu,
.modal,
.checkout-data-modal{
  backface-visibility:hidden !important;
  -webkit-backface-visibility:hidden !important;
}

.hero-simple-slide .hero-main-img,
.hero-simple-slide .hero-bg-img{
  transform:translateZ(0) !important;
}

/* El hero queda fluido y contenido: ningún overlay sale del bloque */
.hero-simple-wrap,
.hero-simple-slider,
.hero-simple-slide{
  contain:layout paint !important;
  isolation:isolate !important;
}

.hero-simple-slide::before,
.hero-simple-slide::after{
  pointer-events:none !important;
}

/* Imágenes de producto estables: evita saltos al cargar */
.product-image img,
.product-card img,
.modal-img img,
.cart-item img{
  image-rendering:auto !important;
  transform:translateZ(0) !important;
}

/* Carrito y checkout por encima de todo, sin overlays grises heredados */
.cart-panel,
#cartPanel,
.checkout-page-screen,
.checkout-data-modal,
.modal.open{
  z-index:2147483647 !important;
  isolation:isolate !important;
}

.cart-panel::before,
.cart-panel::after,
#cartPanel::before,
#cartPanel::after,
.checkout-page-screen::before,
.checkout-page-screen::after,
.checkout-data-card::before,
.checkout-data-card::after,
.checkout-page-card::before,
.checkout-page-card::after,
.checkout-method-card::before,
.checkout-method-card::after{
  display:none !important;
  content:none !important;
  opacity:0 !important;
  pointer-events:none !important;
}

/* Carrito limpio. Solo el resumen queda negro premium. */
.cart-panel,
#cartPanel{
  background:#ffffff !important;
  color:#070707 !important;
  border-left:1px solid rgba(0,0,0,.08) !important;
  box-shadow:-18px 0 50px rgba(0,0,0,.18) !important;
}

.cart-head{
  border-bottom:1px solid rgba(0,0,0,.08) !important;
}

.cart-head strong,
.cart-item strong{
  color:#080808 !important;
}

.cart-head button,
.cart-panel .modal-close{
  color:#050505 !important;
}

.cart-items{
  -webkit-overflow-scrolling:touch !important;
  overscroll-behavior:contain !important;
}

.cart-item{
  background:#ffffff !important;
  border:1px solid rgba(0,0,0,.08) !important;
  box-shadow:0 10px 26px rgba(0,0,0,.06) !important;
}

.cart-item span,
.cart-total span,
.mp-note{
  color:#5f5f5f !important;
}

.cart-total,
.cart-total-dual,
.checkout-summary-mini,
.checkout-page-summary,
.checkout-summary-final{
  background:linear-gradient(135deg,#050505,#101010) !important;
  color:#ffffff !important;
  border:1px solid rgba(199,170,133,.20) !important;
  border-radius:22px !important;
  padding:16px !important;
  box-shadow:0 18px 44px rgba(0,0,0,.20) !important;
}

.cart-total *,
.cart-total-dual *,
.checkout-summary-mini *,
.checkout-page-summary *,
.checkout-summary-final *{
  color:#ffffff !important;
}

.cart-total strong,
.cart-total-dual strong,
.checkout-summary-mini strong,
.checkout-page-summary strong,
.checkout-summary-final strong{
  color:#c7aa85 !important;
}

.cart-total-dual div,
.checkout-page-summary div,
.checkout-summary-final div{
  background:rgba(255,255,255,.06) !important;
  border:1px solid rgba(255,255,255,.08) !important;
  border-radius:16px !important;
}

/* Checkout pantalla completa: blanco real, resumen negro únicamente */
.checkout-page-screen.open{
  background:#ffffff !important;
}

.checkout-page-shell,
.checkout-page-card,
.checkout-method-card,
.checkout-form-card{
  background:#ffffff !important;
  color:#080808 !important;
  border-color:rgba(0,0,0,.08) !important;
  box-shadow:0 20px 55px rgba(0,0,0,.10) !important;
}

.checkout-page-copy h2,
.checkout-method-card h3,
.checkout-form-card h2,
.checkout-page-form label{
  color:#080808 !important;
}

.checkout-page-copy > span,
.checkout-intro,
.checkout-page-steps small{
  color:#5d5d5d !important;
}

.checkout-page-form input,
.checkout-page-form textarea,
.checkout-data-form input,
.checkout-data-form textarea{
  -webkit-appearance:none !important;
  appearance:none !important;
}

/* Encontrá tu paleta ideal: fluida, estable y responsive */
.mobile-ideal-section,
.ideal-selector-pro,
.ideal-interactive,
.ideal-test-shell,
.ideal-test-header,
.ideal-test-step,
.ideal-level-tabs,
.ideal-panel,
.ideal-style-grid{
  max-width:100% !important;
  overflow:visible !important;
  contain:layout paint !important;
}

.mobile-ideal-section{
  scroll-margin-top:120px !important;
  padding-top:clamp(28px,5vw,64px) !important;
  padding-bottom:clamp(28px,5vw,64px) !important;
}

.ideal-test-shell{
  width:min(1120px, calc(100% - 28px)) !important;
  margin-inline:auto !important;
  border-radius:28px !important;
  transform:none !important;
  will-change:auto !important;
}

.ideal-level-tabs,
.ideal-style-grid{
  gap:10px !important;
}

.ideal-level-tabs button,
.ideal-style-grid button,
.ideal-dropdown button{
  cursor:pointer !important;
  transition:background-color .16s ease, color .16s ease, border-color .16s ease, transform .16s ease !important;
  will-change:auto !important;
}

.ideal-level-tabs button:active,
.ideal-style-grid button:active,
.ideal-dropdown button:active{
  transform:scale(.985) !important;
}

.ideal-panel{
  display:none !important;
}

.ideal-panel.active{
  display:block !important;
  animation:none !important;
}

@media (max-width: 760px){
  html{scroll-behavior:auto !important;}

  .mobile-ideal-section{
    padding:26px 0 34px !important;
    overflow:hidden !important;
  }

  .ideal-test-shell{
    width:calc(100% - 22px) !important;
    border-radius:22px !important;
    padding:18px !important;
  }

  .ideal-test-header h2{
    font-size:clamp(31px, 9vw, 44px) !important;
    line-height:.92 !important;
  }

  .ideal-level-tabs{
    display:grid !important;
    grid-template-columns:1fr !important;
  }

  .ideal-style-grid{
    display:grid !important;
    grid-template-columns:1fr !important;
  }

  .cart-panel,
  #cartPanel{
    width:100% !important;
    padding:18px !important;
  }

  .cart-total,
  .cart-total-dual,
  .checkout-summary-mini,
  .checkout-page-summary,
  .checkout-summary-final{
    border-radius:18px !important;
    padding:14px !important;
  }
}

@media (prefers-reduced-motion: reduce){
  *, *::before, *::after{
    animation:none !important;
    transition:none !important;
    scroll-behavior:auto !important;
  }
}


/* =========================================================
   V318 — checkout lógico + header mobile premium
   ========================================================= */

/* Header mobile equilibrado: menú/logo/buscador/carrito */
@media (max-width: 760px){
  .site-header.site-header-v124{
    padding:8px 10px 10px !important;
    overflow:visible !important;
  }

  .site-header-v124 .header-main-row{
    display:grid !important;
    grid-template-columns:42px minmax(72px,96px) 1fr auto !important;
    align-items:center !important;
    gap:8px !important;
    width:100% !important;
  }

  .site-header-v124 .brand{
    grid-column:2 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-width:0 !important;
  }

  .site-header-v124 .brand img{
    width:86px !important;
    max-width:86px !important;
    height:auto !important;
    display:block !important;
  }

  .site-header-v124 .header-actions{
    display:contents !important;
  }

  .site-header-v124 .mobile-menu-toggle,
  #mobileMenuToggleFinal{
    grid-column:1 !important;
    grid-row:1 !important;
    width:38px !important;
    height:38px !important;
    min-width:38px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    border-radius:14px !important;
    margin:0 !important;
  }

  .site-header-v124 .header-search-wrap{
    grid-column:3 !important;
    grid-row:1 !important;
    width:100% !important;
    min-width:0 !important;
    height:38px !important;
    margin:0 !important;
    display:flex !important;
    align-items:center !important;
  }

  .site-header-v124 .header-search-wrap input,
  #headerSearch{
    width:100% !important;
    min-width:0 !important;
    height:38px !important;
    font-size:13px !important;
    padding:0 38px 0 13px !important;
    border-radius:999px !important;
  }

  .site-header-v124 .header-search-btn{
    width:34px !important;
    height:34px !important;
    min-width:34px !important;
    right:2px !important;
    top:50% !important;
    transform:translateY(-50%) !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
  }

  .site-header-v124 .cart-btn,
  #openCart{
    grid-column:4 !important;
    grid-row:1 !important;
    align-self:center !important;
    justify-self:end !important;
    height:38px !important;
    min-width:42px !important;
    max-width:54px !important;
    padding:0 8px !important;
    margin:0 !important;
    border-radius:14px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    line-height:1 !important;
    font-size:0 !important;
    white-space:nowrap !important;
  }

  .site-header-v124 .cart-btn::before,
  #openCart::before{
    content:"🛒" !important;
    font-size:17px !important;
    line-height:1 !important;
  }

  .site-header-v124 .cart-btn span,
  #cartCount{
    font-size:11px !important;
    min-width:16px !important;
    height:16px !important;
    padding:0 4px !important;
    margin-left:4px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    border-radius:999px !important;
  }
}

@media (max-width: 390px){
  .site-header-v124 .header-main-row{
    grid-template-columns:38px 78px 1fr 42px !important;
    gap:6px !important;
  }
  .site-header-v124 .brand img{
    width:76px !important;
    max-width:76px !important;
  }
  .site-header-v124 .header-search-wrap input,
  #headerSearch{
    font-size:12px !important;
    padding-left:11px !important;
  }
}

/* Sección Encontrá tu paleta ideal: fluida, sin saltos ni bloqueos */
#mobileIdeal,
.mobile-ideal,
.ideal-section,
.ideal-finder,
[id*="Ideal"],
[class*="ideal"]{
  scroll-margin-top:110px;
}

.mobile-ideal,
.ideal-finder,
#mobileIdeal{
  contain:layout paint;
  transform:translateZ(0);
  -webkit-transform:translateZ(0);
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
}

.mobile-ideal button,
.ideal-finder button,
#mobileIdeal button,
.ideal-dropdown button{
  touch-action:manipulation;
  -webkit-tap-highlight-color:transparent;
}

/* Resumen de compra negro premium, solo el resumen */
.cart-summary,
.checkout-summary,
.order-summary,
#cartSummary,
#checkoutSummary,
.cart-totals,
.checkout-totals{
  background:#050505 !important;
  color:#ffffff !important;
  border:1px solid rgba(255,255,255,.10) !important;
  box-shadow:0 18px 45px rgba(0,0,0,.22) !important;
}

.cart-summary *,
.checkout-summary *,
.order-summary *,
#cartSummary *,
#checkoutSummary *,
.cart-totals *,
.checkout-totals *{
  color:inherit !important;
}

.cart-summary .total,
.checkout-summary .total,
.order-summary .total,
.cart-totals strong,
.checkout-totals strong{
  color:#ffffff !important;
}


/* =========================================================
   V319 — fix definitivo header sticky mobile
   Mantiene todo el bloque unido al scrollear:
   fila 1: menu / logo / carrito
   fila 2: buscador ancho centrado
   ========================================================= */
@media (max-width: 760px){
  :root{
    --ec-mobile-header-height: 116px;
  }

  body{
    padding-top:calc(var(--ec-mobile-header-height) + env(safe-area-inset-top, 0px)) !important;
  }

  .site-header,
  .site-header.site-header-v124,
  header.site-header,
  header.site-header-v124{
    position:fixed !important;
    top:0 !important;
    left:0 !important;
    right:0 !important;
    width:100% !important;
    min-height:var(--ec-mobile-header-height) !important;
    height:auto !important;
    padding:calc(7px + env(safe-area-inset-top, 0px)) 10px 9px !important;
    margin:0 !important;
    z-index:9999 !important;
    transform:none !important;
    overflow:visible !important;
    box-sizing:border-box !important;
    background:rgba(5,8,13,.96) !important;
    backdrop-filter:blur(14px) !important;
    -webkit-backdrop-filter:blur(14px) !important;
  }

  .site-header::before,
  .site-header::after,
  .site-header-v124::before,
  .site-header-v124::after,
  header.site-header::before,
  header.site-header::after,
  header.site-header-v124::before,
  header.site-header-v124::after{
    display:none !important;
    content:none !important;
  }

  .site-header-v124 .header-benefits-bar,
  .site-header.site-header-v124 > .header-benefits-bar{
    display:flex !important;
    height:24px !important;
    min-height:24px !important;
    max-height:24px !important;
    align-items:center !important;
    justify-content:center !important;
    margin:0 0 5px 0 !important;
    padding:0 !important;
    overflow:hidden !important;
    transform:none !important;
  }

  .site-header-v124 .header-main-row,
  .site-header.site-header-v124 > .header-main-row,
  body .site-header .header-main-row{
    display:grid !important;
    grid-template-columns:42px minmax(0,1fr) 42px !important;
    grid-template-rows:38px 38px !important;
    grid-template-areas:
      "menu brand cart"
      "search search search" !important;
    align-items:center !important;
    justify-items:center !important;
    justify-content:center !important;
    row-gap:7px !important;
    column-gap:8px !important;
    width:100% !important;
    max-width:520px !important;
    margin:0 auto !important;
    padding:0 !important;
    height:auto !important;
    min-height:83px !important;
    transform:none !important;
    box-sizing:border-box !important;
  }

  .site-header-v124 .header-actions,
  .site-header .header-actions{
    display:contents !important;
  }

  .site-header-v124 .brand,
  .site-header .brand{
    grid-area:brand !important;
    align-self:center !important;
    justify-self:center !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:auto !important;
    height:38px !important;
    min-height:38px !important;
    margin:0 !important;
    padding:0 !important;
    transform:none !important;
    position:relative !important;
    top:auto !important;
    left:auto !important;
    right:auto !important;
    bottom:auto !important;
  }

  .site-header-v124 .brand img,
  .site-header .brand img{
    display:block !important;
    width:104px !important;
    max-width:34vw !important;
    height:auto !important;
    max-height:34px !important;
    object-fit:contain !important;
    margin:0 auto !important;
    transform:none !important;
    position:static !important;
  }

  .site-header-v124 .mobile-menu-toggle,
  .site-header-v124 #mobileMenuToggleFinal,
  .site-header .mobile-menu-toggle,
  .site-header #mobileMenuToggleFinal,
  #mobileMenuToggleFinal{
    grid-area:menu !important;
    align-self:center !important;
    justify-self:start !important;
    width:38px !important;
    min-width:38px !important;
    height:38px !important;
    min-height:38px !important;
    padding:0 !important;
    margin:0 !important;
    border-radius:14px !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    gap:3px !important;
    position:relative !important;
    top:auto !important;
    transform:none !important;
  }

  .site-header-v124 .mobile-menu-toggle span,
  .site-header-v124 #mobileMenuToggleFinal span,
  .site-header .mobile-menu-toggle span,
  .site-header #mobileMenuToggleFinal span,
  #mobileMenuToggleFinal span{
    display:block !important;
    width:16px !important;
    height:1.5px !important;
    margin:0 !important;
    border-radius:999px !important;
    transform:none !important;
  }

  .site-header-v124 .cart-btn,
  .site-header-v124 #openCart,
  .site-header .cart-btn,
  .site-header #openCart,
  #openCart{
    grid-area:cart !important;
    align-self:center !important;
    justify-self:end !important;
    width:38px !important;
    min-width:38px !important;
    max-width:38px !important;
    height:38px !important;
    min-height:38px !important;
    padding:0 !important;
    margin:0 !important;
    border-radius:14px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    line-height:1 !important;
    font-size:0 !important;
    position:relative !important;
    top:auto !important;
    transform:none !important;
  }

  .site-header-v124 .cart-btn::before,
  .site-header-v124 #openCart::before,
  .site-header .cart-btn::before,
  .site-header #openCart::before,
  #openCart::before{
    content:"🛒" !important;
    font-size:17px !important;
    line-height:1 !important;
  }

  .site-header-v124 .cart-btn span,
  .site-header-v124 #openCart span,
  .site-header .cart-btn span,
  .site-header #openCart span,
  #cartCount{
    position:absolute !important;
    right:-4px !important;
    top:-5px !important;
    min-width:16px !important;
    height:16px !important;
    padding:0 4px !important;
    margin:0 !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    border-radius:999px !important;
    font-size:10px !important;
    line-height:1 !important;
  }

  .site-header-v124 .header-search-wrap,
  .site-header .header-search-wrap,
  body .site-header .header-search-wrap,
  body .header-search-wrap{
    grid-area:search !important;
    align-self:center !important;
    justify-self:center !important;
    width:100% !important;
    max-width:500px !important;
    min-width:0 !important;
    height:38px !important;
    min-height:38px !important;
    margin:0 auto !important;
    padding:0 !important;
    border-radius:999px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    position:relative !important;
    top:auto !important;
    transform:none !important;
    box-sizing:border-box !important;
  }

  .site-header-v124 .header-search-wrap input,
  .site-header-v124 #headerSearch,
  .site-header .header-search-wrap input,
  .site-header #headerSearch,
  body .header-search-wrap input,
  #headerSearch{
    width:100% !important;
    max-width:none !important;
    height:38px !important;
    min-height:38px !important;
    padding:0 42px 0 16px !important;
    margin:0 !important;
    border-radius:999px !important;
    box-sizing:border-box !important;
    font-size:13px !important;
    line-height:38px !important;
    text-align:left !important;
    transform:none !important;
  }

  .site-header-v124 .header-search-btn,
  .site-header .header-search-btn,
  .header-search-btn{
    position:absolute !important;
    right:3px !important;
    top:50% !important;
    transform:translateY(-50%) !important;
    width:32px !important;
    min-width:32px !important;
    height:32px !important;
    min-height:32px !important;
    margin:0 !important;
    border-radius:999px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    line-height:1 !important;
  }

  .site-header-v124 .top-nav,
  .site-header-v124 #mainNav,
  .site-header .top-nav,
  .site-header #mainNav{
    top:calc(var(--ec-mobile-header-height) + env(safe-area-inset-top, 0px)) !important;
    z-index:9998 !important;
  }
}

@media (max-width:390px){
  :root{ --ec-mobile-header-height:112px; }
  .site-header-v124 .header-main-row,
  .site-header.site-header-v124 > .header-main-row,
  body .site-header .header-main-row{
    grid-template-columns:38px minmax(0,1fr) 38px !important;
    grid-template-rows:36px 38px !important;
    row-gap:6px !important;
  }
  .site-header-v124 .brand img,
  .site-header .brand img{
    width:92px !important;
    max-height:31px !important;
  }
  .site-header-v124 .mobile-menu-toggle,
  .site-header-v124 #mobileMenuToggleFinal,
  .site-header-v124 .cart-btn,
  .site-header-v124 #openCart{
    width:36px !important;
    min-width:36px !important;
    height:36px !important;
    min-height:36px !important;
  }
}

/* =========================================================
   V320 — URGENTE: header mobile visible + sin capa oscura
   Prioridad: menú/logo/carrito/buscador siempre visibles y unidos.
   ========================================================= */

/* Apagar cualquier capa global que pueda teñir la página */
html body::before,
html body::after,
html body .page-glow,
html body .page-glow::before,
html body .page-glow::after{
  content:none !important;
  display:none !important;
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
  background:none !important;
  filter:none !important;
  -webkit-filter:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}

html body:not(.mobile-drawer-open) #mobileNavBackdrop,
html body:not(.mobile-drawer-open) .mobile-nav-backdrop,
html body:not(.cart-open) .elclub-cart-backdrop,
html body:not(.modal-open) .modal:not(.open),
html body .checkout-data-modal:not(.open):not([style*="display: flex"]){
  display:none !important;
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
  background:transparent !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}

html body,
html body main,
html body #catalogo,
html body .category-hub,
html body .toolbar,
html body .product-grid,
html body .product-card,
html body .product-info,
html body .product-image,
html body .checkout-preview,
html body .cart-panel,
html body .cart-drawer,
html body .checkout-box,
html body .checkout-content{
  filter:none !important;
  -webkit-filter:none !important;
  opacity:1 !important;
  mix-blend-mode:normal !important;
}

@media (max-width: 760px){
  :root{ --ec-mobile-header-height: 104px; }

  html,
  body{
    overflow-x:hidden !important;
    background:#ffffff !important;
  }

  html body{
    padding-top:calc(var(--ec-mobile-header-height) + env(safe-area-inset-top, 0px)) !important;
  }

  html body .site-header,
  html body .site-header.site-header-v124,
  html body header.site-header,
  html body header.site-header-v124{
    position:fixed !important;
    top:0 !important;
    left:0 !important;
    right:0 !important;
    width:100vw !important;
    min-width:0 !important;
    height:calc(var(--ec-mobile-header-height) + env(safe-area-inset-top, 0px)) !important;
    min-height:calc(var(--ec-mobile-header-height) + env(safe-area-inset-top, 0px)) !important;
    max-height:none !important;
    padding:calc(8px + env(safe-area-inset-top, 0px)) 12px 9px !important;
    margin:0 !important;
    display:block !important;
    overflow:visible !important;
    transform:none !important;
    opacity:1 !important;
    visibility:visible !important;
    z-index:2147482000 !important;
    background:#05080d !important;
    background-image:none !important;
    filter:none !important;
    -webkit-filter:none !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
    box-sizing:border-box !important;
    box-shadow:0 8px 20px rgba(0,0,0,.18) !important;
  }

  html body .site-header::before,
  html body .site-header::after,
  html body .site-header-v124::before,
  html body .site-header-v124::after{
    content:none !important;
    display:none !important;
  }

  /* En mobile se oculta la mini barra de beneficios para que no tape logo/buscador */
  html body .site-header-v124 .header-benefits-bar,
  html body .site-header .header-benefits-bar{
    display:none !important;
    height:0 !important;
    min-height:0 !important;
    max-height:0 !important;
    overflow:hidden !important;
    opacity:0 !important;
    visibility:hidden !important;
    margin:0 !important;
    padding:0 !important;
  }

  html body .site-header-v124 .header-main-row,
  html body .site-header .header-main-row,
  html body header.site-header > .header-main-row{
    position:relative !important;
    display:block !important;
    width:100% !important;
    max-width:540px !important;
    height:87px !important;
    min-height:87px !important;
    margin:0 auto !important;
    padding:0 !important;
    overflow:visible !important;
    transform:none !important;
    opacity:1 !important;
    visibility:visible !important;
    box-sizing:border-box !important;
  }

  /* Fila superior: logo centrado */
  html body .site-header-v124 .brand,
  html body .site-header .brand{
    position:absolute !important;
    top:0 !important;
    left:50% !important;
    right:auto !important;
    bottom:auto !important;
    transform:translateX(-50%) !important;
    width:auto !important;
    min-width:0 !important;
    height:40px !important;
    min-height:40px !important;
    max-height:40px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    margin:0 !important;
    padding:0 !important;
    opacity:1 !important;
    visibility:visible !important;
    z-index:3 !important;
  }

  html body .site-header-v124 .brand img,
  html body .site-header .brand img{
    display:block !important;
    width:106px !important;
    max-width:38vw !important;
    height:auto !important;
    max-height:34px !important;
    object-fit:contain !important;
    object-position:center center !important;
    opacity:1 !important;
    visibility:visible !important;
    transform:none !important;
    filter:none !important;
    -webkit-filter:none !important;
  }

  /* Acciones por encima: hamburguesa izquierda / carrito derecha */
  html body .site-header-v124 .header-actions,
  html body .site-header .header-actions{
    position:absolute !important;
    top:0 !important;
    left:0 !important;
    right:0 !important;
    width:100% !important;
    height:40px !important;
    min-height:40px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:0 !important;
    margin:0 !important;
    padding:0 !important;
    transform:none !important;
    opacity:1 !important;
    visibility:visible !important;
    z-index:4 !important;
    pointer-events:none !important;
  }

  html body .site-header-v124 .mobile-menu-toggle,
  html body .site-header-v124 #mobileMenuToggleFinal,
  html body .site-header .mobile-menu-toggle,
  html body .site-header #mobileMenuToggleFinal,
  html body #mobileMenuToggleFinal{
    position:relative !important;
    top:auto !important;
    left:auto !important;
    right:auto !important;
    bottom:auto !important;
    width:40px !important;
    min-width:40px !important;
    max-width:40px !important;
    height:40px !important;
    min-height:40px !important;
    max-height:40px !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    gap:4px !important;
    margin:0 !important;
    padding:0 !important;
    border-radius:14px !important;
    opacity:1 !important;
    visibility:visible !important;
    transform:none !important;
    pointer-events:auto !important;
    z-index:5 !important;
    background:rgba(255,255,255,.08) !important;
    border:1px solid rgba(255,255,255,.12) !important;
  }

  html body .site-header-v124 .mobile-menu-toggle span,
  html body .site-header-v124 #mobileMenuToggleFinal span,
  html body .site-header .mobile-menu-toggle span,
  html body .site-header #mobileMenuToggleFinal span,
  html body #mobileMenuToggleFinal span{
    display:block !important;
    width:17px !important;
    height:2px !important;
    min-height:2px !important;
    border-radius:99px !important;
    margin:0 !important;
    padding:0 !important;
    opacity:1 !important;
    visibility:visible !important;
    background:#ffffff !important;
    transform:none !important;
  }

  html body .site-header-v124 .cart-btn,
  html body .site-header-v124 #openCart,
  html body .site-header .cart-btn,
  html body .site-header #openCart,
  html body #openCart{
    position:relative !important;
    top:auto !important;
    left:auto !important;
    right:auto !important;
    bottom:auto !important;
    width:40px !important;
    min-width:40px !important;
    max-width:40px !important;
    height:40px !important;
    min-height:40px !important;
    max-height:40px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    margin:0 !important;
    padding:0 !important;
    border-radius:14px !important;
    opacity:1 !important;
    visibility:visible !important;
    transform:none !important;
    pointer-events:auto !important;
    z-index:5 !important;
    background:rgba(255,255,255,.08) !important;
    border:1px solid rgba(255,255,255,.12) !important;
    color:#ffffff !important;
    font-size:0 !important;
    line-height:1 !important;
  }

  html body .site-header-v124 .cart-btn::before,
  html body .site-header-v124 #openCart::before,
  html body .site-header .cart-btn::before,
  html body .site-header #openCart::before,
  html body #openCart::before{
    content:"🛒" !important;
    display:block !important;
    font-size:17px !important;
    line-height:1 !important;
    opacity:1 !important;
  }

  html body .site-header-v124 .cart-btn span,
  html body .site-header-v124 #openCart span,
  html body .site-header .cart-btn span,
  html body .site-header #openCart span,
  html body #cartCount{
    position:absolute !important;
    top:-5px !important;
    right:-5px !important;
    min-width:17px !important;
    height:17px !important;
    padding:0 4px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    border-radius:999px !important;
    background:#c7aa85 !important;
    color:#05080d !important;
    font-size:10px !important;
    font-weight:900 !important;
    line-height:1 !important;
    opacity:1 !important;
    visibility:visible !important;
    z-index:6 !important;
  }

  /* Fila inferior: buscador ancho y visible */
  html body .site-header-v124 .header-search-wrap,
  html body .site-header .header-search-wrap,
  html body .header-search-wrap{
    position:absolute !important;
    top:49px !important;
    left:0 !important;
    right:0 !important;
    width:100% !important;
    max-width:none !important;
    min-width:0 !important;
    height:38px !important;
    min-height:38px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    margin:0 !important;
    padding:0 !important;
    border-radius:999px !important;
    opacity:1 !important;
    visibility:visible !important;
    transform:none !important;
    z-index:4 !important;
    box-sizing:border-box !important;
    overflow:visible !important;
    background:#ffffff !important;
    border:1px solid rgba(255,255,255,.24) !important;
    box-shadow:0 8px 18px rgba(0,0,0,.16) !important;
  }

  html body .site-header-v124 .header-search-wrap input,
  html body .site-header-v124 #headerSearch,
  html body .site-header .header-search-wrap input,
  html body .site-header #headerSearch,
  html body #headerSearch{
    display:block !important;
    width:100% !important;
    max-width:none !important;
    min-width:0 !important;
    height:38px !important;
    min-height:38px !important;
    margin:0 !important;
    padding:0 42px 0 16px !important;
    border:0 !important;
    outline:0 !important;
    border-radius:999px !important;
    background:#ffffff !important;
    color:#05080d !important;
    font-size:14px !important;
    line-height:38px !important;
    text-align:left !important;
    opacity:1 !important;
    visibility:visible !important;
    transform:none !important;
    box-sizing:border-box !important;
    -webkit-appearance:none !important;
    appearance:none !important;
  }

  html body .site-header-v124 .header-search-wrap input::placeholder,
  html body .site-header #headerSearch::placeholder{
    color:#70747b !important;
    opacity:1 !important;
  }

  html body .site-header-v124 .header-search-btn,
  html body .site-header .header-search-btn,
  html body .header-search-btn{
    position:absolute !important;
    top:50% !important;
    right:3px !important;
    width:32px !important;
    min-width:32px !important;
    height:32px !important;
    min-height:32px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    margin:0 !important;
    padding:0 !important;
    border-radius:999px !important;
    opacity:1 !important;
    visibility:visible !important;
    transform:translateY(-50%) !important;
    z-index:5 !important;
    background:#05080d !important;
    color:#ffffff !important;
    border:0 !important;
    line-height:1 !important;
  }

  html body .site-header-v124 .top-nav,
  html body .site-header-v124 #mainNav,
  html body .site-header .top-nav,
  html body .site-header #mainNav{
    top:calc(var(--ec-mobile-header-height) + env(safe-area-inset-top, 0px)) !important;
    z-index:2147481900 !important;
  }

  html body main,
  html body .hero-simple-wrap,
  html body #catalogo,
  html body .category-hub,
  html body .drop-zone,
  html body .toolbar,
  html body .product-grid{
    filter:none !important;
    -webkit-filter:none !important;
    opacity:1 !important;
    mix-blend-mode:normal !important;
  }
}

@media (max-width: 390px){
  :root{ --ec-mobile-header-height: 100px; }
  html body .site-header,
  html body .site-header.site-header-v124{
    padding-left:10px !important;
    padding-right:10px !important;
  }
  html body .site-header-v124 .brand img,
  html body .site-header .brand img{
    width:94px !important;
    max-height:31px !important;
  }
  html body .site-header-v124 .mobile-menu-toggle,
  html body .site-header-v124 #mobileMenuToggleFinal,
  html body .site-header-v124 .cart-btn,
  html body .site-header-v124 #openCart{
    width:38px !important;
    min-width:38px !important;
    max-width:38px !important;
    height:38px !important;
    min-height:38px !important;
    max-height:38px !important;
  }
  html body .site-header-v124 .header-search-wrap,
  html body .site-header .header-search-wrap{
    top:47px !important;
    height:37px !important;
    min-height:37px !important;
  }
  html body .site-header-v124 #headerSearch,
  html body .site-header #headerSearch{
    height:37px !important;
    min-height:37px !important;
    line-height:37px !important;
    font-size:13px !important;
  }
}

/* =========================================================
   V322 — HEADER MOBILE FIJO SIN SUPERPONER HERO
   Barra de búsqueda integrada al header; el hero empieza abajo.
   ========================================================= */
@media (max-width: 760px){
  :root{
    --ec-mobile-header-height: 118px !important;
  }

  html,
  body{
    width:100% !important;
    max-width:100% !important;
    overflow-x:hidden !important;
    background:#ffffff !important;
    filter:none !important;
    -webkit-filter:none !important;
  }

  html body{
    padding-top:calc(var(--ec-mobile-header-height) + env(safe-area-inset-top, 0px)) !important;
  }

  html body::before,
  html body::after,
  html body .page-glow,
  html body .page-glow::before,
  html body .page-glow::after{
    content:none !important;
    display:none !important;
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
    background:none !important;
    filter:none !important;
    -webkit-filter:none !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
  }

  html body .site-header,
  html body .site-header.site-header-v124,
  html body header.site-header,
  html body header.site-header-v124{
    position:fixed !important;
    top:0 !important;
    left:0 !important;
    right:0 !important;
    width:100% !important;
    height:calc(var(--ec-mobile-header-height) + env(safe-area-inset-top, 0px)) !important;
    min-height:calc(var(--ec-mobile-header-height) + env(safe-area-inset-top, 0px)) !important;
    padding:calc(10px + env(safe-area-inset-top, 0px)) 14px 12px !important;
    margin:0 !important;
    display:block !important;
    overflow:visible !important;
    opacity:1 !important;
    visibility:visible !important;
    transform:none !important;
    z-index:2147482000 !important;
    background:#05080d !important;
    background-image:none !important;
    box-shadow:0 8px 20px rgba(0,0,0,.18) !important;
    filter:none !important;
    -webkit-filter:none !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
    box-sizing:border-box !important;
  }

  html body .site-header::before,
  html body .site-header::after,
  html body .site-header.site-header-v124::before,
  html body .site-header.site-header-v124::after{
    content:none !important;
    display:none !important;
  }

  html body .site-header .header-benefits-bar,
  html body .site-header-v124 .header-benefits-bar{
    display:none !important;
    height:0 !important;
    min-height:0 !important;
    max-height:0 !important;
    padding:0 !important;
    margin:0 !important;
    overflow:hidden !important;
    opacity:0 !important;
    visibility:hidden !important;
  }

  html body .site-header .header-main-row,
  html body .site-header-v124 .header-main-row,
  html body header.site-header > .header-main-row{
    position:relative !important;
    display:block !important;
    width:100% !important;
    max-width:560px !important;
    height:94px !important;
    min-height:94px !important;
    margin:0 auto !important;
    padding:0 !important;
    overflow:visible !important;
    transform:none !important;
    opacity:1 !important;
    visibility:visible !important;
    box-sizing:border-box !important;
  }

  /* Arriba: hamburguesa izquierda / logo centrado / carrito derecha */
  html body .site-header .brand,
  html body .site-header-v124 .brand{
    position:absolute !important;
    top:0 !important;
    left:50% !important;
    right:auto !important;
    bottom:auto !important;
    width:auto !important;
    height:42px !important;
    min-height:42px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    transform:translateX(-50%) !important;
    margin:0 !important;
    padding:0 !important;
    opacity:1 !important;
    visibility:visible !important;
    z-index:3 !important;
  }

  html body .site-header .brand img,
  html body .site-header-v124 .brand img{
    display:block !important;
    width:108px !important;
    max-width:38vw !important;
    height:auto !important;
    max-height:34px !important;
    object-fit:contain !important;
    opacity:1 !important;
    visibility:visible !important;
    transform:none !important;
    filter:none !important;
    -webkit-filter:none !important;
  }

  html body .site-header .header-actions,
  html body .site-header-v124 .header-actions{
    position:absolute !important;
    top:0 !important;
    left:0 !important;
    right:0 !important;
    width:100% !important;
    height:42px !important;
    min-height:42px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:0 !important;
    margin:0 !important;
    padding:0 !important;
    pointer-events:none !important;
    opacity:1 !important;
    visibility:visible !important;
    transform:none !important;
    z-index:4 !important;
  }

  html body #mobileMenuToggleFinal,
  html body .site-header .mobile-menu-toggle,
  html body .site-header-v124 .mobile-menu-toggle,
  html body #openCart,
  html body .site-header .cart-btn,
  html body .site-header-v124 .cart-btn{
    position:relative !important;
    top:auto !important;
    left:auto !important;
    right:auto !important;
    bottom:auto !important;
    width:42px !important;
    min-width:42px !important;
    max-width:42px !important;
    height:42px !important;
    min-height:42px !important;
    max-height:42px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    margin:0 !important;
    padding:0 !important;
    border-radius:14px !important;
    opacity:1 !important;
    visibility:visible !important;
    transform:none !important;
    pointer-events:auto !important;
    z-index:5 !important;
    background:rgba(255,255,255,.08) !important;
    border:1px solid rgba(255,255,255,.13) !important;
    color:#ffffff !important;
  }

  html body #mobileMenuToggleFinal,
  html body .site-header .mobile-menu-toggle,
  html body .site-header-v124 .mobile-menu-toggle{
    flex-direction:column !important;
    gap:4px !important;
  }

  html body #mobileMenuToggleFinal span,
  html body .site-header .mobile-menu-toggle span,
  html body .site-header-v124 .mobile-menu-toggle span{
    display:block !important;
    width:18px !important;
    height:2px !important;
    min-height:2px !important;
    border-radius:99px !important;
    margin:0 !important;
    padding:0 !important;
    background:#ffffff !important;
    opacity:1 !important;
    visibility:visible !important;
    transform:none !important;
  }

  html body #openCart,
  html body .site-header .cart-btn,
  html body .site-header-v124 .cart-btn{
    font-size:0 !important;
    line-height:1 !important;
  }

  html body #openCart::before,
  html body .site-header .cart-btn::before,
  html body .site-header-v124 .cart-btn::before{
    content:"🛒" !important;
    display:block !important;
    font-size:17px !important;
    line-height:1 !important;
  }

  html body #cartCount{
    position:absolute !important;
    top:-5px !important;
    right:-5px !important;
    min-width:17px !important;
    height:17px !important;
    padding:0 4px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    border-radius:999px !important;
    background:#c7aa85 !important;
    color:#05080d !important;
    font-size:10px !important;
    font-weight:900 !important;
    line-height:1 !important;
    opacity:1 !important;
    visibility:visible !important;
    z-index:6 !important;
  }

  /* Abajo: buscador integrado al header, NO sobre el hero */
  html body .site-header .header-search-wrap,
  html body .site-header-v124 .header-search-wrap,
  html body .header-search-wrap{
    position:absolute !important;
    top:54px !important;
    left:0 !important;
    right:0 !important;
    width:100% !important;
    height:42px !important;
    min-height:42px !important;
    max-height:42px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    margin:0 auto !important;
    padding:0 !important;
    border-radius:999px !important;
    overflow:visible !important;
    opacity:1 !important;
    visibility:visible !important;
    transform:none !important;
    z-index:4 !important;
    background:#ffffff !important;
    border:1px solid rgba(255,255,255,.28) !important;
    box-shadow:0 8px 18px rgba(0,0,0,.14) !important;
    box-sizing:border-box !important;
  }

  html body .site-header .header-search-wrap input,
  html body .site-header-v124 .header-search-wrap input,
  html body #headerSearch{
    display:block !important;
    width:100% !important;
    height:42px !important;
    min-height:42px !important;
    padding:0 46px 0 17px !important;
    margin:0 !important;
    border:0 !important;
    outline:0 !important;
    border-radius:999px !important;
    background:#ffffff !important;
    color:#05080d !important;
    font-size:14px !important;
    line-height:42px !important;
    text-align:left !important;
    opacity:1 !important;
    visibility:visible !important;
    transform:none !important;
    -webkit-appearance:none !important;
    appearance:none !important;
    box-sizing:border-box !important;
  }

  html body #headerSearch::placeholder{
    color:#70747b !important;
    opacity:1 !important;
  }

  html body .site-header .header-search-btn,
  html body .site-header-v124 .header-search-btn,
  html body .header-search-btn{
    position:absolute !important;
    top:50% !important;
    right:4px !important;
    width:34px !important;
    min-width:34px !important;
    height:34px !important;
    min-height:34px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    border-radius:999px !important;
    background:#05080d !important;
    color:#ffffff !important;
    opacity:1 !important;
    visibility:visible !important;
    transform:translateY(-50%) !important;
    z-index:5 !important;
  }

  /* El contenido baja realmente: el hero empieza debajo del header */
  html body main,
  html body main#inicio{
    position:relative !important;
    display:block !important;
    margin-top:0 !important;
    padding-top:0 !important;
    z-index:1 !important;
  }

  html body #inicio.hero-simple-wrap,
  html body .hero-simple-wrap.hero-collections,
  html body .hero-simple-wrap{
    position:relative !important;
    margin-top:0 !important;
    padding-top:0 !important;
    z-index:1 !important;
    overflow:hidden !important;
    clear:both !important;
  }

  html body .hero-simple-slider#heroSimpleSlider,
  html body .hero-simple-slider{
    margin-top:0 !important;
    height:calc(100svh - var(--ec-mobile-header-height)) !important;
    min-height:430px !important;
    max-height:680px !important;
    z-index:1 !important;
  }

  html body .site-header .top-nav,
  html body .site-header-v124 .top-nav,
  html body #mainNav{
    top:calc(var(--ec-mobile-header-height) + env(safe-area-inset-top, 0px)) !important;
    z-index:2147481900 !important;
  }
}

@media (max-width: 390px){
  :root{ --ec-mobile-header-height: 114px !important; }
  html body .site-header,
  html body .site-header.site-header-v124{
    padding-left:11px !important;
    padding-right:11px !important;
  }
  html body .site-header .brand img,
  html body .site-header-v124 .brand img{
    width:98px !important;
    max-height:32px !important;
  }
  html body #mobileMenuToggleFinal,
  html body #openCart,
  html body .site-header .mobile-menu-toggle,
  html body .site-header .cart-btn{
    width:40px !important;
    min-width:40px !important;
    height:40px !important;
    min-height:40px !important;
  }
  html body .site-header .header-search-wrap,
  html body .site-header-v124 .header-search-wrap{
    top:52px !important;
    height:40px !important;
    min-height:40px !important;
  }
  html body #headerSearch{
    height:40px !important;
    min-height:40px !important;
    line-height:40px !important;
    font-size:13px !important;
  }
  html body .site-header .header-search-btn,
  html body .site-header-v124 .header-search-btn{
    width:32px !important;
    min-width:32px !important;
    height:32px !important;
    min-height:32px !important;
  }
}

/* =========================================================
   V323 — Header mobile real + buscador sin zoom iPhone
   - Header con 2 filas reales: logo/menu/carrito + buscador
   - Hero empieza debajo, sin superposición
   - Input 16px para evitar zoom en iOS
   ========================================================= */
@media (max-width: 900px){
  :root{
    --ec-mobile-header-height: 136px !important;
    --ec-mobile-header-row: 54px !important;
    --ec-mobile-search-row: 48px !important;
  }

  html,
  body{
    overflow-x:hidden !important;
    -webkit-text-size-adjust:100% !important;
    text-size-adjust:100% !important;
  }

  html body{
    padding-top:calc(var(--ec-mobile-header-height) + env(safe-area-inset-top, 0px)) !important;
  }

  html body .site-header,
  html body .site-header.site-header-v124,
  html body header.site-header{
    position:fixed !important;
    top:0 !important;
    left:0 !important;
    right:0 !important;
    width:100% !important;
    height:calc(var(--ec-mobile-header-height) + env(safe-area-inset-top, 0px)) !important;
    min-height:calc(var(--ec-mobile-header-height) + env(safe-area-inset-top, 0px)) !important;
    padding:calc(8px + env(safe-area-inset-top, 0px)) 14px 10px !important;
    margin:0 !important;
    display:grid !important;
    grid-template-columns:46px minmax(0,1fr) 46px !important;
    grid-template-rows:var(--ec-mobile-header-row) var(--ec-mobile-search-row) !important;
    column-gap:10px !important;
    row-gap:8px !important;
    align-items:center !important;
    justify-items:center !important;
    box-sizing:border-box !important;
    overflow:visible !important;
    transform:none !important;
    opacity:1 !important;
    visibility:visible !important;
    z-index:2147482500 !important;
    background:rgba(5,8,13,.98) !important;
    border-bottom:1px solid rgba(255,255,255,.08) !important;
    box-shadow:0 8px 22px rgba(0,0,0,.18) !important;
    -webkit-backdrop-filter:none !important;
    backdrop-filter:none !important;
  }

  html body #mobileMenuToggleFinal,
  html body .site-header .mobile-menu-toggle,
  html body .site-header-v124 .mobile-menu-toggle{
    grid-column:1 !important;
    grid-row:1 !important;
    justify-self:start !important;
    align-self:center !important;
  }

  html body .site-header .brand,
  html body .site-header-v124 .brand,
  html body header.site-header .brand{
    grid-column:2 !important;
    grid-row:1 !important;
    position:relative !important;
    left:auto !important;
    right:auto !important;
    top:auto !important;
    bottom:auto !important;
    transform:none !important;
    width:100% !important;
    height:var(--ec-mobile-header-row) !important;
    min-height:var(--ec-mobile-header-row) !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    margin:0 !important;
    padding:0 !important;
    opacity:1 !important;
    visibility:visible !important;
    z-index:3 !important;
  }

  html body .site-header .brand img,
  html body .site-header-v124 .brand img,
  html body header.site-header .brand img{
    display:block !important;
    width:108px !important;
    max-width:108px !important;
    height:auto !important;
    max-height:36px !important;
    object-fit:contain !important;
    margin:0 auto !important;
    transform:none !important;
    opacity:1 !important;
    visibility:visible !important;
  }

  html body #openCart,
  html body .site-header .cart-btn,
  html body .site-header-v124 .cart-btn{
    grid-column:3 !important;
    grid-row:1 !important;
    justify-self:end !important;
    align-self:center !important;
  }

  html body #mobileMenuToggleFinal,
  html body .site-header .mobile-menu-toggle,
  html body .site-header-v124 .mobile-menu-toggle,
  html body #openCart,
  html body .site-header .cart-btn,
  html body .site-header-v124 .cart-btn{
    position:relative !important;
    top:auto !important;
    left:auto !important;
    right:auto !important;
    bottom:auto !important;
    width:44px !important;
    min-width:44px !important;
    max-width:44px !important;
    height:44px !important;
    min-height:44px !important;
    max-height:44px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    margin:0 !important;
    padding:0 !important;
    opacity:1 !important;
    visibility:visible !important;
    transform:none !important;
    pointer-events:auto !important;
    z-index:4 !important;
  }

  html body .site-header .header-search-wrap,
  html body .site-header-v124 .header-search-wrap,
  html body .header-search-wrap{
    grid-column:1 / 4 !important;
    grid-row:2 !important;
    position:relative !important;
    top:auto !important;
    left:auto !important;
    right:auto !important;
    bottom:auto !important;
    justify-self:stretch !important;
    align-self:center !important;
    width:100% !important;
    max-width:none !important;
    height:46px !important;
    min-height:46px !important;
    max-height:46px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    margin:0 !important;
    padding:0 !important;
    box-sizing:border-box !important;
    overflow:visible !important;
    opacity:1 !important;
    visibility:visible !important;
    transform:none !important;
    z-index:3 !important;
    border-radius:999px !important;
    background:#ffffff !important;
    border:1px solid rgba(255,255,255,.42) !important;
    box-shadow:0 8px 18px rgba(0,0,0,.13) !important;
  }

  html body .site-header .header-search-wrap input,
  html body .site-header-v124 .header-search-wrap input,
  html body .header-search-wrap .search-input,
  html body #headerSearch{
    width:100% !important;
    height:46px !important;
    min-height:46px !important;
    max-height:46px !important;
    display:block !important;
    padding:0 48px 0 18px !important;
    margin:0 !important;
    border:0 !important;
    outline:0 !important;
    border-radius:999px !important;
    background:#ffffff !important;
    color:#05080d !important;
    font-size:16px !important;
    line-height:46px !important;
    text-align:left !important;
    opacity:1 !important;
    visibility:visible !important;
    transform:none !important;
    -webkit-appearance:none !important;
    appearance:none !important;
    box-sizing:border-box !important;
    touch-action:manipulation !important;
  }

  html body #headerSearch:focus,
  html body .header-search-wrap input:focus{
    font-size:16px !important;
    transform:none !important;
    zoom:1 !important;
  }

  html body .site-header .header-search-btn,
  html body .site-header-v124 .header-search-btn,
  html body .header-search-btn{
    position:absolute !important;
    top:50% !important;
    right:5px !important;
    width:36px !important;
    min-width:36px !important;
    height:36px !important;
    min-height:36px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    transform:translateY(-50%) !important;
    z-index:4 !important;
  }

  html body main,
  html body main#inicio{
    margin-top:0 !important;
    padding-top:0 !important;
    position:relative !important;
    z-index:1 !important;
  }

  html body #inicio.hero-simple-wrap,
  html body .hero-simple-wrap.hero-collections,
  html body .hero-simple-wrap{
    margin-top:0 !important;
    padding-top:0 !important;
    position:relative !important;
    z-index:1 !important;
    clear:both !important;
  }

  html body .hero-simple-slider#heroSimpleSlider,
  html body .hero-simple-slider{
    margin-top:0 !important;
    height:calc(100svh - var(--ec-mobile-header-height)) !important;
    min-height:390px !important;
    max-height:620px !important;
  }

  html body .site-header .top-nav,
  html body .site-header-v124 .top-nav,
  html body #mainNav{
    top:calc(var(--ec-mobile-header-height) + env(safe-area-inset-top, 0px)) !important;
    z-index:2147482600 !important;
  }
}

@media (max-width: 390px){
  :root{
    --ec-mobile-header-height: 132px !important;
    --ec-mobile-header-row: 52px !important;
    --ec-mobile-search-row: 46px !important;
  }
  html body .site-header,
  html body .site-header.site-header-v124,
  html body header.site-header{
    padding-left:11px !important;
    padding-right:11px !important;
    column-gap:8px !important;
  }
  html body .site-header .brand img,
  html body .site-header-v124 .brand img{
    width:102px !important;
    max-width:102px !important;
    max-height:34px !important;
  }
  html body #mobileMenuToggleFinal,
  html body .site-header .mobile-menu-toggle,
  html body .site-header-v124 .mobile-menu-toggle,
  html body #openCart,
  html body .site-header .cart-btn,
  html body .site-header-v124 .cart-btn{
    width:42px !important;
    min-width:42px !important;
    height:42px !important;
    min-height:42px !important;
  }
  html body .site-header .header-search-wrap,
  html body .site-header-v124 .header-search-wrap,
  html body .header-search-wrap,
  html body .site-header .header-search-wrap input,
  html body .site-header-v124 .header-search-wrap input,
  html body #headerSearch{
    height:44px !important;
    min-height:44px !important;
    line-height:44px !important;
    font-size:16px !important;
  }
}

/* =========================================================
   V324 — Ajuste fino header mobile
   Primera fila: menú / logo / carrito
   Segunda fila: buscador ancho. Todo baja junto, sin cortes.
   ========================================================= */
@media (max-width: 768px){
  html{
    scroll-padding-top: 154px !important;
  }

  body{
    padding-top: 0 !important;
  }

  .top-promo,
  .promo-top,
  .announcement-bar{
    display:none !important;
    height:0 !important;
    min-height:0 !important;
    overflow:hidden !important;
  }

  .site-header,
  header.site-header,
  .mobile-header{
    position: sticky !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 99999 !important;
    display: grid !important;
    grid-template-columns: 52px 1fr 52px !important;
    grid-template-rows: 54px 48px !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px 8px !important;
    min-height: 118px !important;
    height: 118px !important;
    padding: 13px 14px 11px !important;
    margin: 0 !important;
    background: rgba(255,255,255,.98) !important;
    backdrop-filter: blur(14px) !important;
    -webkit-backdrop-filter: blur(14px) !important;
    border-bottom: 1px solid rgba(0,0,0,.08) !important;
    box-shadow: 0 10px 24px rgba(0,0,0,.08) !important;
    overflow: visible !important;
    transform: none !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  .menu-toggle,
  .hamburger,
  button.menu-toggle,
  .category-toggle,
  #menuToggle,
  #categoryToggle{
    grid-column: 1 !important;
    grid-row: 1 !important;
    align-self: center !important;
    justify-self: start !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    margin: 6px 0 0 0 !important;
    padding: 0 !important;
    position: static !important;
    transform: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    z-index: 100001 !important;
  }

  .brand,
  .logo,
  .site-logo{
    grid-column: 2 !important;
    grid-row: 1 !important;
    align-self: center !important;
    justify-self: center !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 46px !important;
    max-height: 46px !important;
    margin: 7px 0 0 0 !important;
    padding: 0 !important;
    position: static !important;
    transform: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    overflow: visible !important;
    z-index: 100001 !important;
  }

  .brand img,
  .logo img,
  .site-logo img{
    display: block !important;
    width: auto !important;
    max-width: 124px !important;
    height: auto !important;
    max-height: 42px !important;
    object-fit: contain !important;
    object-position: center center !important;
    margin: 0 auto !important;
    transform: none !important;
  }

  .cart-btn,
  .cart-toggle,
  #cartBtn,
  #cartToggle,
  button[aria-label*="carrito" i],
  button[aria-label*="cart" i]{
    grid-column: 3 !important;
    grid-row: 1 !important;
    align-self: center !important;
    justify-self: end !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    margin: 6px 0 0 0 !important;
    padding: 0 !important;
    position: static !important;
    transform: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    z-index: 100001 !important;
  }

  .search-wrap,
  .search-bar,
  .search-box,
  .header-search,
  form.search,
  .search-container{
    grid-column: 1 / 4 !important;
    grid-row: 2 !important;
    align-self: center !important;
    justify-self: center !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: min(100%, 94vw) !important;
    max-width: 94vw !important;
    height: 42px !important;
    min-height: 42px !important;
    margin: 8px auto 0 !important;
    padding: 0 12px !important;
    position: static !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    transform: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    z-index: 100000 !important;
    overflow: visible !important;
    border-radius: 999px !important;
  }

  .search-wrap input,
  .search-bar input,
  .search-box input,
  .header-search input,
  input[type="search"],
  #searchInput{
    width: 100% !important;
    min-width: 0 !important;
    height: 40px !important;
    font-size: 16px !important;
    line-height: 40px !important;
    padding: 0 14px !important;
    border-radius: 999px !important;
    transform: none !important;
    -webkit-text-size-adjust: 100% !important;
  }

  main,
  #inicio,
  .hero-simple-wrap,
  .hero-collections,
  .hero,
  .hero-slider,
  .hero-simple-slider#heroSimpleSlider{
    margin-top: 0 !important;
  }

  .hero-simple-wrap,
  .hero-collections{
    padding-top: 12px !important;
  }

  .top-nav{
    z-index: 100002 !important;
  }
}

@media (max-width: 390px){
  .site-header,
  header.site-header,
  .mobile-header{
    grid-template-columns: 48px 1fr 48px !important;
    grid-template-rows: 52px 48px !important;
    min-height: 116px !important;
    height: 116px !important;
    padding: 13px 12px 10px !important;
  }

  .brand img,
  .logo img,
  .site-logo img{
    max-width: 114px !important;
    max-height: 40px !important;
  }

  .search-wrap,
  .search-bar,
  .search-box,
  .header-search,
  form.search,
  .search-container{
    width: min(100%, 92vw) !important;
    max-width: 92vw !important;
  }
}

/* =========================================================
   V325 — Fix final mobile: header más abajo + catálogo blanco real
   Prioridad: quitar filtro gris sobre productos y ajustar primera fila.
   ========================================================= */
@media (max-width: 768px){
  :root{
    --ec-mobile-header-height-final: 148px;
    --ec-mobile-safe-top: env(safe-area-inset-top, 0px);
  }

  html,
  body{
    background:#fff !important;
    background-image:none !important;
    filter:none !important;
    -webkit-filter:none !important;
    opacity:1 !important;
  }

  body{
    padding-top:calc(var(--ec-mobile-header-height-final) + var(--ec-mobile-safe-top)) !important;
    overflow-x:hidden !important;
  }

  /* Apaga cualquier capa global que pueda dejar nube gris encima del catálogo */
  body::before,
  body::after,
  html::before,
  html::after,
  main::before,
  main::after,
  .page-glow,
  .site-top-strip,
  .hero-simple-wrap::before,
  .hero-collections::before{
    content:none !important;
    display:none !important;
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
    background:none !important;
    background-image:none !important;
    filter:none !important;
    -webkit-filter:none !important;
  }

  .page-glow,
  .site-top-strip{
    width:0 !important;
    height:0 !important;
    min-height:0 !important;
    max-height:0 !important;
    overflow:hidden !important;
  }

  /* HEADER MOBILE: estructura real con altura suficiente */
  body .site-header.site-header-v124,
  body header.site-header.site-header-v124,
  body .site-header,
  body header.site-header{
    position:fixed !important;
    top:0 !important;
    left:0 !important;
    right:0 !important;
    width:100% !important;
    height:calc(var(--ec-mobile-header-height-final) + var(--ec-mobile-safe-top)) !important;
    min-height:calc(var(--ec-mobile-header-height-final) + var(--ec-mobile-safe-top)) !important;
    padding:calc(18px + var(--ec-mobile-safe-top)) 14px 14px !important;
    margin:0 !important;
    display:block !important;
    z-index:999999 !important;
    background:#fff !important;
    background-image:none !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
    box-shadow:0 8px 20px rgba(0,0,0,.06) !important;
    border-bottom:1px solid rgba(0,0,0,.08) !important;
    overflow:visible !important;
    transform:none !important;
    opacity:1 !important;
    visibility:visible !important;
  }

  body .site-header::before,
  body .site-header::after,
  body .site-header-v124::before,
  body .site-header-v124::after{
    content:none !important;
    display:none !important;
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
  }

  body .site-header .header-benefits-bar,
  body .site-header-v124 .header-benefits-bar{
    display:none !important;
    height:0 !important;
    min-height:0 !important;
    max-height:0 !important;
    padding:0 !important;
    margin:0 !important;
    overflow:hidden !important;
    opacity:0 !important;
    visibility:hidden !important;
  }

  body .site-header .header-main-row,
  body .site-header-v124 .header-main-row{
    display:grid !important;
    grid-template-columns:52px minmax(0,1fr) 52px !important;
    grid-template-rows:58px 50px !important;
    column-gap:8px !important;
    row-gap:10px !important;
    align-items:center !important;
    justify-items:center !important;
    width:100% !important;
    height:118px !important;
    min-height:118px !important;
    padding:0 !important;
    margin:0 !important;
    position:relative !important;
    overflow:visible !important;
    transform:none !important;
  }

  body .site-header .header-actions,
  body .site-header-v124 .header-actions{
    display:contents !important;
  }

  body .site-header .brand,
  body .site-header-v124 .brand{
    grid-column:2 !important;
    grid-row:1 !important;
    align-self:center !important;
    justify-self:center !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    height:52px !important;
    min-height:52px !important;
    max-height:52px !important;
    width:auto !important;
    padding:0 !important;
    margin:8px 0 0 0 !important;
    position:relative !important;
    top:0 !important;
    transform:none !important;
    overflow:visible !important;
    opacity:1 !important;
    visibility:visible !important;
    z-index:1000002 !important;
  }

  body .site-header .brand img,
  body .site-header-v124 .brand img{
    display:block !important;
    width:auto !important;
    max-width:126px !important;
    height:auto !important;
    max-height:44px !important;
    object-fit:contain !important;
    object-position:center center !important;
    margin:0 auto !important;
    padding:0 !important;
    transform:none !important;
    filter:none !important;
    -webkit-filter:none !important;
    opacity:1 !important;
  }

  body .site-header .mobile-menu-toggle,
  body .site-header-v124 .mobile-menu-toggle,
  body .site-header #mobileMenuToggleFinal,
  body .site-header-v124 #mobileMenuToggleFinal{
    grid-column:1 !important;
    grid-row:1 !important;
    align-self:center !important;
    justify-self:start !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:44px !important;
    height:44px !important;
    min-width:44px !important;
    min-height:44px !important;
    margin:8px 0 0 0 !important;
    padding:0 !important;
    position:relative !important;
    left:0 !important;
    top:0 !important;
    transform:none !important;
    opacity:1 !important;
    visibility:visible !important;
    z-index:1000003 !important;
  }

  body .site-header .cart-btn,
  body .site-header-v124 .cart-btn,
  body .site-header #openCart,
  body .site-header-v124 #openCart{
    grid-column:3 !important;
    grid-row:1 !important;
    align-self:center !important;
    justify-self:end !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:44px !important;
    height:44px !important;
    min-width:44px !important;
    min-height:44px !important;
    margin:8px 0 0 0 !important;
    padding:0 !important;
    position:relative !important;
    right:0 !important;
    top:0 !important;
    transform:none !important;
    opacity:1 !important;
    visibility:visible !important;
    z-index:1000003 !important;
    font-size:0 !important;
  }

  body .site-header .cart-btn span,
  body .site-header-v124 .cart-btn span,
  body .site-header #openCart span{
    font-size:11px !important;
  }

  body .site-header .header-search-wrap,
  body .site-header-v124 .header-search-wrap{
    grid-column:1 / 4 !important;
    grid-row:2 !important;
    align-self:center !important;
    justify-self:center !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:calc(100vw - 28px) !important;
    max-width:calc(100vw - 28px) !important;
    height:44px !important;
    min-height:44px !important;
    margin:10px auto 0 !important;
    padding:0 12px !important;
    position:relative !important;
    top:0 !important;
    left:auto !important;
    right:auto !important;
    bottom:auto !important;
    transform:none !important;
    z-index:1000002 !important;
    opacity:1 !important;
    visibility:visible !important;
    overflow:visible !important;
    background:#fff !important;
    background-image:none !important;
    border:1px solid rgba(0,0,0,.12) !important;
    box-shadow:0 6px 16px rgba(0,0,0,.06) !important;
    border-radius:999px !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
  }

  body .site-header .header-search-wrap input,
  body .site-header-v124 .header-search-wrap input,
  body .site-header #headerSearch,
  body .site-header-v124 #headerSearch{
    display:block !important;
    width:100% !important;
    min-width:0 !important;
    height:42px !important;
    min-height:42px !important;
    line-height:42px !important;
    font-size:16px !important;
    padding:0 42px 0 14px !important;
    margin:0 !important;
    background:transparent !important;
    background-image:none !important;
    color:#111 !important;
    border:0 !important;
    outline:0 !important;
    box-shadow:none !important;
    border-radius:999px !important;
    transform:none !important;
    opacity:1 !important;
    visibility:visible !important;
    -webkit-text-size-adjust:100% !important;
  }

  body .site-header .header-search-btn,
  body .site-header-v124 .header-search-btn{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:36px !important;
    height:36px !important;
    min-width:36px !important;
    margin:0 !important;
    padding:0 !important;
    position:absolute !important;
    right:6px !important;
    top:50% !important;
    transform:translateY(-50%) !important;
    opacity:1 !important;
    visibility:visible !important;
    z-index:1000003 !important;
  }

  body .site-header .top-nav,
  body .site-header-v124 .top-nav,
  body #mainNav{
    top:calc(var(--ec-mobile-header-height-final) + var(--ec-mobile-safe-top)) !important;
    z-index:1000001 !important;
  }

  main,
  #inicio,
  .hero-simple-wrap,
  .hero-collections{
    margin-top:0 !important;
  }

  /* CATÁLOGO BLANCO REAL: sin filtros, overlays ni degradados encima */
  #catalogo,
  .catalogo,
  .catalog,
  .products,
  .products-section,
  .product-section,
  #productGrid,
  .product-grid,
  .grid-products{
    position:relative !important;
    z-index:1 !important;
    isolation:isolate !important;
    background:#fff !important;
    background-color:#fff !important;
    background-image:none !important;
    filter:none !important;
    -webkit-filter:none !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
    opacity:1 !important;
    mix-blend-mode:normal !important;
    box-shadow:none !important;
  }

  #catalogo::before,
  #catalogo::after,
  .catalogo::before,
  .catalogo::after,
  .catalog::before,
  .catalog::after,
  .products::before,
  .products::after,
  .products-section::before,
  .products-section::after,
  .product-section::before,
  .product-section::after,
  #productGrid::before,
  #productGrid::after,
  .product-grid::before,
  .product-grid::after,
  .grid-products::before,
  .grid-products::after{
    content:none !important;
    display:none !important;
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
    background:none !important;
    background-image:none !important;
    filter:none !important;
    -webkit-filter:none !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
    box-shadow:none !important;
  }

  #productGrid .product-card,
  .product-grid .product-card,
  article.product-card,
  .product-card,
  .product-image,
  .product-info,
  .card,
  .producto{
    background:#fff !important;
    background-color:#fff !important;
    background-image:none !important;
    filter:none !important;
    -webkit-filter:none !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
    opacity:1 !important;
    mix-blend-mode:normal !important;
  }

  #productGrid .product-card::before,
  #productGrid .product-card::after,
  .product-grid .product-card::before,
  .product-grid .product-card::after,
  article.product-card::before,
  article.product-card::after,
  .product-card::before,
  .product-card::after,
  .product-image::before,
  .product-image::after,
  .product-info::before,
  .product-info::after{
    content:none !important;
    display:none !important;
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
    background:none !important;
    background-image:none !important;
    filter:none !important;
    -webkit-filter:none !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
    box-shadow:none !important;
  }

  #productGrid .product-card img,
  .product-grid .product-card img,
  .product-card img,
  .product-image img{
    filter:none !important;
    -webkit-filter:none !important;
    opacity:1 !important;
    mix-blend-mode:normal !important;
    background:transparent !important;
    box-shadow:none !important;
  }

  .cart-drawer,
  .cart-panel,
  .checkout,
  .modal,
  .modal-card{
    filter:none !important;
    -webkit-filter:none !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
    opacity:1 !important;
  }
}

@media (max-width: 390px){
  body{
    padding-top:calc(144px + env(safe-area-inset-top, 0px)) !important;
  }

  body .site-header.site-header-v124,
  body header.site-header.site-header-v124,
  body .site-header,
  body header.site-header{
    height:calc(144px + env(safe-area-inset-top, 0px)) !important;
    min-height:calc(144px + env(safe-area-inset-top, 0px)) !important;
    padding:calc(18px + env(safe-area-inset-top, 0px)) 12px 13px !important;
  }

  body .site-header .header-main-row,
  body .site-header-v124 .header-main-row{
    grid-template-columns:48px minmax(0,1fr) 48px !important;
    grid-template-rows:56px 48px !important;
    height:114px !important;
    min-height:114px !important;
  }

  body .site-header .brand img,
  body .site-header-v124 .brand img{
    max-width:116px !important;
    max-height:42px !important;
  }

  body .site-header .header-search-wrap,
  body .site-header-v124 .header-search-wrap{
    width:calc(100vw - 24px) !important;
    max-width:calc(100vw - 24px) !important;
  }

  body .site-header .top-nav,
  body .site-header-v124 .top-nav,
  body #mainNav{
    top:calc(144px + env(safe-area-inset-top, 0px)) !important;
  }
}

/* =========================================================
   V326 — Fix final real: header mobile negro + sin filtro gris
   Detectado: las capas que podían teñir el catálogo eran los backdrops
   mobile-nav-backdrop / elclubMobileBackdropV270 / elclub-cart-backdrop
   cuando quedaban con z-index alto o clase de body enganchada.
   Este bloque NO toca desktop.
   ========================================================= */

@media (max-width: 760px){
  :root{
    --ec-mobile-header-v326: 158px !important;
    --ec-safe-top-v326: env(safe-area-inset-top, 0px);
  }

  html,
  body{
    background:#fff !important;
    background-image:none !important;
    overflow-x:hidden !important;
    filter:none !important;
    -webkit-filter:none !important;
    opacity:1 !important;
    mix-blend-mode:normal !important;
  }

  body{
    padding-top:calc(var(--ec-mobile-header-v326) + var(--ec-safe-top-v326)) !important;
  }

  /* Header mobile negro, ordenado y con altura real */
  body header.site-header,
  body header.site-header.site-header-v124,
  body .site-header,
  body .site-header.site-header-v124{
    position:fixed !important;
    top:0 !important;
    left:0 !important;
    right:0 !important;
    width:100% !important;
    height:calc(var(--ec-mobile-header-v326) + var(--ec-safe-top-v326)) !important;
    min-height:calc(var(--ec-mobile-header-v326) + var(--ec-safe-top-v326)) !important;
    padding:calc(24px + var(--ec-safe-top-v326)) 14px 16px !important;
    margin:0 !important;
    display:block !important;
    overflow:visible !important;
    background:#050505 !important;
    background-image:none !important;
    border-bottom:1px solid rgba(255,255,255,.10) !important;
    box-shadow:0 10px 22px rgba(0,0,0,.22) !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
    transform:none !important;
    opacity:1 !important;
    visibility:visible !important;
    z-index:2147482000 !important;
  }

  body header.site-header::before,
  body header.site-header::after,
  body .site-header::before,
  body .site-header::after{
    content:none !important;
    display:none !important;
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
    background:none !important;
  }

  body .site-header .header-benefits-bar,
  body .site-header-v124 .header-benefits-bar,
  body .site-top-strip,
  body .page-glow{
    display:none !important;
    width:0 !important;
    height:0 !important;
    min-height:0 !important;
    max-height:0 !important;
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
    overflow:hidden !important;
    background:none !important;
    filter:none !important;
  }

  body .site-header .header-main-row,
  body .site-header-v124 .header-main-row{
    display:grid !important;
    grid-template-columns:50px minmax(0,1fr) 50px !important;
    grid-template-rows:64px 48px !important;
    column-gap:8px !important;
    row-gap:12px !important;
    align-items:center !important;
    justify-items:center !important;
    width:100% !important;
    height:124px !important;
    min-height:124px !important;
    padding:0 !important;
    margin:0 !important;
    position:relative !important;
    top:0 !important;
    overflow:visible !important;
    transform:none !important;
    opacity:1 !important;
    visibility:visible !important;
  }

  body .site-header .header-actions,
  body .site-header-v124 .header-actions{
    display:contents !important;
  }

  /* Primera fila: hamburguesa izquierda, logo centro, carrito derecha */
  body .site-header .mobile-menu-toggle,
  body .site-header-v124 .mobile-menu-toggle,
  body .site-header #mobileMenuToggleFinal,
  body .site-header-v124 #mobileMenuToggleFinal{
    grid-column:1 !important;
    grid-row:1 !important;
    align-self:center !important;
    justify-self:start !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:44px !important;
    height:44px !important;
    min-width:44px !important;
    min-height:44px !important;
    margin:12px 0 0 0 !important;
    padding:0 !important;
    position:relative !important;
    left:0 !important;
    top:0 !important;
    transform:none !important;
    opacity:1 !important;
    visibility:visible !important;
    z-index:2147482003 !important;
    background:transparent !important;
    border:0 !important;
  }

  body .site-header .mobile-menu-toggle span,
  body .site-header-v124 .mobile-menu-toggle span,
  body .site-header #mobileMenuToggleFinal span,
  body .site-header-v124 #mobileMenuToggleFinal span{
    display:block !important;
    background:#fff !important;
    opacity:1 !important;
  }

  body .site-header .brand,
  body .site-header-v124 .brand{
    grid-column:2 !important;
    grid-row:1 !important;
    align-self:center !important;
    justify-self:center !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:100% !important;
    height:54px !important;
    min-height:54px !important;
    max-height:54px !important;
    margin:12px 0 0 0 !important;
    padding:0 !important;
    position:relative !important;
    top:0 !important;
    left:auto !important;
    transform:none !important;
    overflow:visible !important;
    opacity:1 !important;
    visibility:visible !important;
    z-index:2147482002 !important;
  }

  body .site-header .brand img,
  body .site-header-v124 .brand img{
    display:block !important;
    width:auto !important;
    max-width:126px !important;
    height:auto !important;
    max-height:46px !important;
    object-fit:contain !important;
    object-position:center center !important;
    margin:0 auto !important;
    padding:0 !important;
    transform:none !important;
    opacity:1 !important;
    visibility:visible !important;
    filter:none !important;
    -webkit-filter:none !important;
  }

  body .site-header .cart-btn,
  body .site-header-v124 .cart-btn,
  body .site-header #openCart,
  body .site-header-v124 #openCart{
    grid-column:3 !important;
    grid-row:1 !important;
    align-self:center !important;
    justify-self:end !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:44px !important;
    height:44px !important;
    min-width:44px !important;
    min-height:44px !important;
    margin:12px 0 0 0 !important;
    padding:0 !important;
    position:relative !important;
    right:0 !important;
    top:0 !important;
    transform:none !important;
    opacity:1 !important;
    visibility:visible !important;
    z-index:2147482003 !important;
    font-size:0 !important;
    background:transparent !important;
    border:0 !important;
    color:#fff !important;
  }

  body .site-header .cart-btn span,
  body .site-header-v124 .cart-btn span,
  body .site-header #openCart span{
    font-size:11px !important;
    color:#050505 !important;
  }

  /* Segunda fila: buscador dentro del header, no encima del hero */
  body .site-header .header-search-wrap,
  body .site-header-v124 .header-search-wrap{
    grid-column:1 / 4 !important;
    grid-row:2 !important;
    align-self:center !important;
    justify-self:center !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:calc(100vw - 28px) !important;
    max-width:calc(100vw - 28px) !important;
    height:44px !important;
    min-height:44px !important;
    margin:12px auto 0 !important;
    padding:0 12px !important;
    position:relative !important;
    top:0 !important;
    left:auto !important;
    right:auto !important;
    bottom:auto !important;
    transform:none !important;
    z-index:2147482002 !important;
    opacity:1 !important;
    visibility:visible !important;
    overflow:visible !important;
    background:#fff !important;
    background-image:none !important;
    border:1px solid rgba(255,255,255,.18) !important;
    border-radius:999px !important;
    box-shadow:0 8px 18px rgba(0,0,0,.28) !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
  }

  body .site-header .header-search-wrap input,
  body .site-header-v124 .header-search-wrap input,
  body .site-header #headerSearch,
  body .site-header-v124 #headerSearch{
    display:block !important;
    width:100% !important;
    min-width:0 !important;
    height:42px !important;
    min-height:42px !important;
    line-height:42px !important;
    font-size:16px !important;
    padding:0 42px 0 14px !important;
    margin:0 !important;
    background:transparent !important;
    color:#111 !important;
    border:0 !important;
    outline:0 !important;
    box-shadow:none !important;
    border-radius:999px !important;
    transform:none !important;
    opacity:1 !important;
    visibility:visible !important;
    -webkit-text-size-adjust:100% !important;
  }

  body .site-header .header-search-btn,
  body .site-header-v124 .header-search-btn{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:36px !important;
    height:36px !important;
    min-width:36px !important;
    position:absolute !important;
    right:6px !important;
    top:50% !important;
    transform:translateY(-50%) !important;
    margin:0 !important;
    padding:0 !important;
    opacity:1 !important;
    visibility:visible !important;
    z-index:2147482004 !important;
    color:#111 !important;
  }

  body .site-header .top-nav,
  body .site-header-v124 .top-nav,
  body #mainNav{
    top:calc(var(--ec-mobile-header-v326) + var(--ec-safe-top-v326)) !important;
    z-index:2147482001 !important;
  }

  main,
  #inicio,
  .hero-simple-wrap,
  .hero-collections{
    margin-top:0 !important;
    padding-top:0 !important;
  }

  /* El catálogo queda aislado y blanco real: nada fijo del hero/header puede teñirlo */
  #catalogo,
  .catalogo,
  .catalog,
  .products,
  .products-section,
  .product-section,
  #productGrid,
  .product-grid,
  .grid-products,
  #productGrid .product-card,
  .product-grid .product-card,
  article.product-card,
  .product-card,
  .product-image,
  .product-info{
    position:relative !important;
    z-index:0 !important;
    isolation:isolate !important;
    background:#fff !important;
    background-color:#fff !important;
    background-image:none !important;
    filter:none !important;
    -webkit-filter:none !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
    opacity:1 !important;
    mix-blend-mode:normal !important;
  }

  #catalogo::before,#catalogo::after,
  .catalogo::before,.catalogo::after,
  .catalog::before,.catalog::after,
  .products::before,.products::after,
  .products-section::before,.products-section::after,
  .product-section::before,.product-section::after,
  #productGrid::before,#productGrid::after,
  .product-grid::before,.product-grid::after,
  .grid-products::before,.grid-products::after,
  #productGrid .product-card::before,#productGrid .product-card::after,
  .product-grid .product-card::before,.product-grid .product-card::after,
  article.product-card::before,article.product-card::after,
  .product-card::before,.product-card::after,
  .product-image::before,.product-image::after,
  .product-info::before,.product-info::after{
    content:none !important;
    display:none !important;
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
    background:none !important;
    background-image:none !important;
    filter:none !important;
    -webkit-filter:none !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
    box-shadow:none !important;
  }

  #productGrid .product-card img,
  .product-grid .product-card img,
  .product-card img,
  .product-image img{
    filter:none !important;
    -webkit-filter:none !important;
    opacity:1 !important;
    mix-blend-mode:normal !important;
    background:transparent !important;
  }

  /* Backdrops: visibles solo cuando realmente están abiertos. Evita la nube gris pegada al scroll. */
  body:not(.mobile-drawer-open) #mobileNavBackdrop,
  body:not(.mobile-drawer-open) .mobile-nav-backdrop,
  body:not(.elclub-drawer-v270-open) #elclubMobileBackdropV270,
  body:not(.cart-open) .elclub-cart-backdrop,
  body:not(.modal-open) .modal:not(.open):not(.active):not(.show){
    display:none !important;
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
    background:transparent !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
  }
}

@media (max-width: 390px){
  :root{ --ec-mobile-header-v326: 154px !important; }
  body .site-header .brand img,
  body .site-header-v124 .brand img{ max-width:118px !important; max-height:44px !important; }
  body .site-header .header-search-wrap,
  body .site-header-v124 .header-search-wrap{ width:calc(100vw - 24px) !important; max-width:calc(100vw - 24px) !important; }
}


/* =========================================================
   ELCLUB V327 — HERO MOBILE + DRAWER CATEGORÍAS PREMIUM
   Ajuste fino solicitado sobre V326
   ========================================================= */

/* Mobile only: hero mejor encuadrado slide por slide */
@media (max-width: 900px){
  .hero-simple-slide[data-collection="galan"] .hero-main-img{
    object-position: center 42% !important;
    transform: translateY(14px) !important;
  }

  .hero-simple-slide[data-collection="bea"] .hero-main-img{
    object-position: center 38% !important;
    transform: translateY(18px) !important;
  }

  .hero-simple-slide[data-collection="galan"] .hero-collection-copy,
  .hero-simple-slide[data-collection="bea"] .hero-collection-copy{
    bottom: 12px !important;
  }
}

@media (max-width: 560px){
  .hero-simple-slide[data-collection="galan"] .hero-main-img{
    width: 72% !important;
    left: 28% !important;
    transform: translateY(18px) !important;
    object-position: center 44% !important;
  }

  .hero-simple-slide[data-collection="bea"] .hero-main-img{
    width: 72% !important;
    left: 28% !important;
    transform: translateY(22px) !important;
    object-position: center 40% !important;
  }

  .hero-simple-slide[data-collection="galan"] .hero-collection-copy,
  .hero-simple-slide[data-collection="bea"] .hero-collection-copy{
    bottom: 14px !important;
  }
}

/* Drawer mobile: buscador limpio + categorías más finas y premium */
#elclubMobileDrawerV270 .elclub-v270-search input{
  height: 48px !important;
  border-radius: 14px !important;
  background: rgba(255,255,255,.08) !important;
  border: 1px solid rgba(255,255,255,.14) !important;
  color: #ffffff !important;
  padding: 0 14px !important;
  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  letter-spacing: .01em !important;
}

#elclubMobileDrawerV270 .elclub-v270-search input::placeholder{
  color: transparent !important;
}

#elclubMobileDrawerV270 .elclub-v270-cats{
  gap: 10px !important;
}

#elclubMobileDrawerV270 .elclub-v270-cats button{
  min-height: 48px !important;
  padding: 0 14px !important;
  border-radius: 14px !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  background: rgba(255,255,255,.06) !important;
  color: #f7f8fb !important;
  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1.1 !important;
  letter-spacing: .09em !important;
  text-transform: uppercase !important;
  box-shadow: 0 8px 22px rgba(0,0,0,.16), inset 0 1px 0 rgba(255,255,255,.05) !important;
  transition: background-color .18s ease, color .18s ease, border-color .18s ease, transform .18s ease !important;
}

#elclubMobileDrawerV270 .elclub-v270-cats button[data-filter="Fútbol"]{
  font-size: 12px !important;
  letter-spacing: .08em !important;
}

#elclubMobileDrawerV270 .elclub-v270-cats button:hover,
#elclubMobileDrawerV270 .elclub-v270-cats button:active,
#elclubMobileDrawerV270 .elclub-v270-cats button:focus-visible{
  background: rgba(223,255,0,.95) !important;
  color: #0a0b0d !important;
  border-color: rgba(223,255,0,.95) !important;
  transform: translateY(-1px) !important;
  outline: none !important;
}

@media (max-width: 560px){
  #elclubMobileDrawerV270 .elclub-v270-title{
    font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
    font-size: 18px !important;
    font-weight: 800 !important;
    letter-spacing: .12em !important;
  }

  #elclubMobileDrawerV270 .elclub-v270-search{
    margin-bottom: 14px !important;
  }

  #elclubMobileDrawerV270 .elclub-v270-search input{
    height: 46px !important;
    font-size: 16px !important;
  }

  #elclubMobileDrawerV270 .elclub-v270-cats button{
    min-height: 46px !important;
    font-size: 12px !important;
    letter-spacing: .08em !important;
    padding: 0 13px !important;
  }

  #elclubMobileDrawerV270 .elclub-v270-cats button[data-filter="Fútbol"]{
    font-size: 11px !important;
  }
}


/* =========================================================
   ELCLUB V328 — TIPOGRAFÍA BEBAS NEUE EN CATEGORÍAS
   Menú mobile + categorías desktop: deportivo, premium, limpio
   ========================================================= */

:root{
  --elclub-category-font: 'Bebas Neue', 'Anton', 'Oswald', Arial, sans-serif;
}

/* Categorías desktop/header */
.category-top-nav.nav-clean > a,
.category-top-nav.nav-clean .ideal-main-link,
.category-top-nav.nav-clean .nav-item > a,
#mainNav.category-top-nav > a,
#mainNav.category-top-nav .ideal-main-link{
  font-family: var(--elclub-category-font) !important;
  font-size: 22px !important;
  font-weight: 400 !important;
  letter-spacing: 1.2px !important;
  text-transform: uppercase !important;
  line-height: 1 !important;
  padding: 10px 12px !important;
  border-radius: 12px !important;
}

/* Categorías dentro del drawer mobile */
#elclubMobileDrawerV270 .elclub-v270-cats button{
  font-family: var(--elclub-category-font) !important;
  font-size: 22px !important;
  font-weight: 400 !important;
  letter-spacing: 1.2px !important;
  text-transform: uppercase !important;
  min-height: 46px !important;
  padding: 0 14px !important;
  border-radius: 13px !important;
  background: rgba(255,255,255,.055) !important;
  border: 1px solid rgba(255,255,255,.13) !important;
  box-shadow: 0 8px 20px rgba(0,0,0,.14), inset 0 1px 0 rgba(255,255,255,.045) !important;
}

/* Título del drawer también más refinado */
#elclubMobileDrawerV270 .elclub-v270-title{
  font-family: var(--elclub-category-font) !important;
  font-size: 24px !important;
  font-weight: 400 !important;
  letter-spacing: 1.4px !important;
}

/* Buscador del drawer sigue limpio, sin texto ejemplo */
#elclubMobileDrawerV270 .elclub-v270-search input::placeholder{
  color: transparent !important;
}

/* Mobile fino: cajas un poco más compactas para que no se vean toscas */
@media (max-width: 560px){
  #elclubMobileDrawerV270 .elclub-v270-cats{
    gap: 9px !important;
  }

  #elclubMobileDrawerV270 .elclub-v270-cats button{
    font-size: 21px !important;
    min-height: 44px !important;
    letter-spacing: 1.15px !important;
    padding: 0 13px !important;
    border-radius: 12px !important;
  }

  #elclubMobileDrawerV270 .elclub-v270-cats button[data-filter="Fútbol"]{
    font-size: 20px !important;
    letter-spacing: 1.1px !important;
  }
}

/* Desktop mediano: mantener proporción sin apretar el header */
@media (min-width: 901px) and (max-width: 1280px){
  .category-top-nav.nav-clean > a,
  .category-top-nav.nav-clean .ideal-main-link,
  #mainNav.category-top-nav > a,
  #mainNav.category-top-nav .ideal-main-link{
    font-size: 20px !important;
    letter-spacing: 1.05px !important;
    padding: 9px 10px !important;
  }
}

/* =========================================================
   ELCLUB V329 — DRAWER MOBILE PREMIUM + SCROLL LOCK REAL
   Solo mobile: no toca desktop
   ========================================================= */
@media (max-width: 900px){
  html.elclub-drawer-v270-locked,
  body.elclub-drawer-v270-locked,
  body.elclub-drawer-v270-open{
    overflow: hidden !important;
    overscroll-behavior: none !important;
    -webkit-overflow-scrolling: auto !important;
  }

  body.elclub-drawer-v270-open #inicio,
  body.elclub-drawer-v270-open main,
  body.elclub-drawer-v270-open .hero-simple-wrap,
  body.elclub-drawer-v270-open #catalogo,
  body.elclub-drawer-v270-open #productGrid{
    touch-action: none !important;
  }

  #elclubMobileDrawerV270{
    width: min(360px, 90vw) !important;
    height: 100dvh !important;
    max-height: 100dvh !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
    background:
      radial-gradient(circle at 14% 0%, rgba(223,255,0,.20), transparent 34%),
      linear-gradient(180deg, #0c1112 0%, #050607 100%) !important;
    border-right: 1px solid rgba(223,255,0,.30) !important;
    box-shadow: 26px 0 70px rgba(0,0,0,.58) !important;
    overscroll-behavior: contain !important;
    -webkit-overflow-scrolling: touch !important;
  }

  #elclubMobileBackdropV270{
    touch-action: none !important;
    overscroll-behavior: none !important;
  }

  .elclub-v270-head{
    min-height: 70px !important;
    flex: 0 0 auto !important;
    padding: 18px 18px 12px !important;
    background: rgba(255,255,255,.025) !important;
    border-bottom: 1px solid rgba(255,255,255,.10) !important;
  }

  .elclub-v270-title{
    font-family: 'Bebas Neue', 'Anton', Arial, sans-serif !important;
    font-size: 24px !important;
    font-weight: 400 !important;
    letter-spacing: 1.2px !important;
    text-transform: uppercase !important;
    color: #dfff00 !important;
    line-height: 1 !important;
  }

  .elclub-v270-close{
    width: 40px !important;
    height: 40px !important;
    font-size: 28px !important;
    background: rgba(255,255,255,.08) !important;
    border: 1px solid rgba(255,255,255,.14) !important;
  }

  .elclub-v270-body{
    flex: 1 1 auto !important;
    height: auto !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    overscroll-behavior: contain !important;
    -webkit-overflow-scrolling: touch !important;
    padding: 16px 18px 24px !important;
    touch-action: pan-y !important;
  }

  .elclub-v270-search{
    margin: 0 0 16px !important;
  }

  .elclub-v270-search input,
  #elclubMobileDrawerV270 .elclub-v270-search input{
    height: 44px !important;
    border-radius: 999px !important;
    background: rgba(255,255,255,.075) !important;
    border: 1px solid rgba(255,255,255,.13) !important;
    color: #fff !important;
    font-size: 16px !important;
    padding: 0 15px !important;
    outline: none !important;
  }

  .elclub-v270-search input::placeholder,
  #elclubMobileDrawerV270 .elclub-v270-search input::placeholder{
    color: transparent !important;
  }

  .elclub-v270-cats,
  #elclubMobileDrawerV270 .elclub-v270-cats{
    display: flex !important;
    flex-direction: column !important;
    gap: 4px !important;
  }

  .elclub-v270-cats button,
  #elclubMobileDrawerV270 .elclub-v270-cats button{
    min-height: 42px !important;
    width: 100% !important;
    justify-content: flex-start !important;
    padding: 0 4px !important;
    border-radius: 0 !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(255,255,255,.09) !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #f6f7f8 !important;
    font-family: 'Bebas Neue', 'Anton', Arial, sans-serif !important;
    font-size: 22px !important;
    font-weight: 400 !important;
    letter-spacing: 1.2px !important;
    line-height: 1 !important;
    text-transform: uppercase !important;
    text-align: left !important;
  }

  .elclub-v270-cats button:hover,
  .elclub-v270-cats button:active,
  .elclub-v270-cats button:focus-visible,
  #elclubMobileDrawerV270 .elclub-v270-cats button:hover,
  #elclubMobileDrawerV270 .elclub-v270-cats button:active,
  #elclubMobileDrawerV270 .elclub-v270-cats button:focus-visible{
    background: transparent !important;
    color: #dfff00 !important;
    border-color: rgba(223,255,0,.34) !important;
    transform: none !important;
    outline: none !important;
  }

  #elclubMobileDrawerV270 .elclub-v270-cats button[data-filter="Fútbol"]{
    font-size: 22px !important;
    letter-spacing: 1.2px !important;
  }
}

@media (max-width: 390px){
  #elclubMobileDrawerV270{
    width: min(344px, 90vw) !important;
  }
  .elclub-v270-cats button,
  #elclubMobileDrawerV270 .elclub-v270-cats button{
    font-size: 21px !important;
    min-height: 40px !important;
  }
}

/* =========================================================
   V331 — HERO MOBILE ENCUADRE REAL + PALETA IDEAL DESPUÉS DEL STOCK
   ========================================================= */

/* Hero limpio: una sola imagen principal por slide. Sin fondo duplicado, blur ni filtros. */
.hero-simple-wrap{
  background:#05080d !important;
  padding-top:0 !important;
}

.hero-simple-slider{
  background:#05080d !important;
  overflow:hidden !important;
  isolation:isolate !important;
}

.hero-simple-slide{
  background:#05080d !important;
  overflow:hidden !important;
}

.hero-simple-slide .hero-bg-img{
  display:none !important;
  opacity:0 !important;
  visibility:hidden !important;
  filter:none !important;
}

.hero-simple-slide .hero-main-img{
  position:absolute !important;
  inset:0 !important;
  display:block !important;
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  max-height:none !important;
  object-fit:cover !important;
  object-position:center center !important;
  filter:none !important;
  opacity:1 !important;
  transform:none !important;
  background:#05080d !important;
  z-index:2 !important;
}

.hero-simple-slide::before,
.hero-simple-slide::after{
  content:none !important;
  display:none !important;
}

/* Desktop/tablet: foco individual por foto. */
.hero-slide-galan .hero-main-img{ object-position:42% 46% !important; }
.hero-slide-tapia .hero-main-img{ object-position:52% 44% !important; }
.hero-slide-bea .hero-main-img{ object-position:54% 50% !important; }

/* Texto del hero: no tapa caras ni paletas; queda bajo y con aire. */
.hero-collection-copy{
  position:absolute !important;
  left:clamp(22px,5vw,72px) !important;
  bottom:clamp(48px,7vh,86px) !important;
  top:auto !important;
  transform:none !important;
  z-index:8 !important;
  max-width:min(420px, 46vw) !important;
  padding:18px 20px !important;
  border-radius:22px !important;
  background:linear-gradient(135deg, rgba(5,8,13,.80), rgba(5,8,13,.42)) !important;
  border:1px solid rgba(255,255,255,.14) !important;
  backdrop-filter:blur(10px) !important;
  box-shadow:0 18px 42px rgba(0,0,0,.28) !important;
}

.hero-collection-copy p,
.hero-collection-copy span{
  color:rgba(255,255,255,.82) !important;
}

.hero-collection-copy h2{
  color:#fff !important;
}

/* Acceso chico antes del stock: no retrasa la compra rápida. */
.ideal-quick-access{
  background:#fff !important;
  padding:12px clamp(14px,4vw,56px) 0 !important;
  text-align:center !important;
  position:relative !important;
  z-index:3 !important;
}

.ideal-quick-access a{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:6px !important;
  max-width:100% !important;
  border:1px solid rgba(5,8,13,.10) !important;
  border-radius:999px !important;
  padding:10px 14px !important;
  background:#f6f7f5 !important;
  color:#111 !important;
  font-size:13px !important;
  font-weight:850 !important;
  text-decoration:none !important;
  letter-spacing:.01em !important;
}

.ideal-quick-access strong{
  color:#111 !important;
  font-weight:1000 !important;
}

/* La sección completa queda después de productos y con un único título. */
#mobileIdeal{
  scroll-margin-top:120px !important;
  margin-top:28px !important;
  margin-bottom:0 !important;
  background:#05080d !important;
  position:relative !important;
  z-index:2 !important;
}

#mobileIdeal .ideal-test-header .eyebrow{
  display:none !important;
}

#mobileIdeal .ideal-test-header h2{
  margin-top:0 !important;
}

@media(max-width:900px){
  .hero-simple-wrap{
    padding:0 0 10px !important;
  }

  .hero-simple-slider{
    width:100% !important;
    height:clamp(430px, 74vh, 640px) !important;
    min-height:430px !important;
    max-height:640px !important;
    border-radius:0 0 20px 20px !important;
    border-left:0 !important;
    border-right:0 !important;
    border-top:0 !important;
  }

  .hero-simple-slide .hero-main-img{
    height:100% !important;
    object-fit:cover !important;
    filter:none !important;
  }

  /* Mobile: cada foto tiene foco distinto para agrandar al jugador sin cortar cara/paleta. */
  .hero-slide-galan .hero-main-img{
    object-position:42% 50% !important;
  }

  .hero-slide-tapia .hero-main-img{
    object-position:52% 43% !important;
  }

  .hero-slide-bea .hero-main-img{
    object-position:58% 50% !important;
  }

  .hero-collection-copy{
    left:14px !important;
    right:14px !important;
    bottom:42px !important;
    max-width:none !important;
    width:auto !important;
    padding:13px 14px !important;
    border-radius:18px !important;
    background:linear-gradient(135deg, rgba(5,8,13,.78), rgba(5,8,13,.30)) !important;
    backdrop-filter:blur(8px) !important;
  }

  .hero-collection-copy p{
    font-size:10px !important;
    letter-spacing:.12em !important;
    margin-bottom:3px !important;
  }

  .hero-collection-copy h2{
    font-size:clamp(31px, 9vw, 46px) !important;
    line-height:.94 !important;
    margin:0 0 4px !important;
  }

  .hero-collection-copy span{
    font-size:11px !important;
  }

  .hero-collection-copy button{
    margin-top:10px !important;
    min-height:36px !important;
    padding:0 14px !important;
    border-radius:999px !important;
  }

  .hero-simple-arrow{
    width:34px !important;
    height:34px !important;
    font-size:24px !important;
    background:rgba(5,8,13,.42) !important;
    backdrop-filter:none !important;
  }

  .hero-simple-prev{left:8px !important}
  .hero-simple-next{right:8px !important}

  .hero-simple-dots{
    bottom:14px !important;
  }

  .ideal-quick-access{
    padding:10px 12px 0 !important;
  }

  .ideal-quick-access a{
    width:100% !important;
    font-size:12px !important;
    padding:10px 12px !important;
  }

  #mobileIdeal{
    margin-top:22px !important;
  }
}

@media(max-width:420px){
  .hero-simple-slider{
    height:clamp(440px, 72vh, 600px) !important;
  }

  .hero-slide-galan .hero-main-img{
    object-position:43% 50% !important;
  }

  .hero-slide-tapia .hero-main-img{
    object-position:54% 43% !important;
  }

  .hero-slide-bea .hero-main-img{
    object-position:60% 50% !important;
  }
}

/* =========================================================
   V332 — FIX TÉCNICO MOBILE: degradé del hero encerrado
   Elementos detectados:
   - .hero-simple-wrap con background oscuro + padding-bottom mobile
   - .hero-simple-slider / .hero-simple-slide con linear-gradient mobile
   - .hero-simple-slide::before con radial/linear gradient de overlay
   Objetivo: que ninguna capa del hero baje sobre catálogo.
   ========================================================= */
@media (max-width:900px){
  body > main#inicio{
    position:relative !important;
    z-index:0 !important;
    background:#ffffff !important;
    background-image:none !important;
    overflow:visible !important;
  }

  section.hero-simple-wrap#inicio,
  .hero-simple-wrap.hero-collections,
  .hero-simple-wrap{
    position:relative !important;
    z-index:1 !important;
    isolation:isolate !important;
    contain:paint !important;
    overflow:hidden !important;
    margin:0 !important;
    padding:0 !important;
    padding-bottom:0 !important;
    background:#ffffff !important;
    background-image:none !important;
    box-shadow:none !important;
    filter:none !important;
    -webkit-filter:none !important;
  }

  .hero-simple-slider#heroSimpleSlider,
  .hero-simple-slider{
    position:relative !important;
    z-index:1 !important;
    isolation:isolate !important;
    contain:paint !important;
    overflow:hidden !important;
    margin:0 !important;
    margin-bottom:0 !important;
    border-radius:0 !important;
    background:#05080d !important;
    background-image:none !important;
    box-shadow:none !important;
    filter:none !important;
    -webkit-filter:none !important;
  }

  .hero-simple-slide{
    position:absolute !important;
    inset:0 !important;
    z-index:0 !important;
    overflow:hidden !important;
    isolation:isolate !important;
    contain:paint !important;
    background:#05080d !important;
    background-image:none !important;
    box-shadow:none !important;
    filter:none !important;
    -webkit-filter:none !important;
  }

  .hero-simple-slide.active{
    z-index:2 !important;
  }

  .hero-simple-wrap::before,
  .hero-simple-wrap::after,
  .hero-simple-slider::before,
  .hero-simple-slider::after,
  .hero-simple-slide::before,
  .hero-simple-slide::after{
    content:none !important;
    display:none !important;
    position:absolute !important;
    inset:0 !important;
    width:100% !important;
    height:100% !important;
    max-height:100% !important;
    pointer-events:none !important;
    opacity:0 !important;
    background:transparent !important;
    background-image:none !important;
    filter:none !important;
    -webkit-filter:none !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
    transform:none !important;
  }

  .hero-simple-slide .hero-main-img{
    position:absolute !important;
    inset:0 !important;
    z-index:2 !important;
    width:100% !important;
    height:100% !important;
    max-width:none !important;
    max-height:none !important;
    object-fit:cover !important;
    background:#05080d !important;
    background-image:none !important;
    filter:none !important;
    -webkit-filter:none !important;
    opacity:1 !important;
  }

  .hero-collection-copy,
  .hero-simple-arrow,
  .hero-simple-dots{
    position:absolute !important;
    z-index:6 !important;
  }

  .hero-collection-copy{
    overflow:hidden !important;
    isolation:isolate !important;
    contain:paint !important;
  }

  .hero-collection-copy::before,
  .hero-collection-copy::after{
    content:none !important;
    display:none !important;
    pointer-events:none !important;
  }

  .ideal-quick-access,
  .toolbar#catalogo,
  section.toolbar#catalogo,
  #catalogo,
  .product-grid#productGrid,
  #productGrid,
  .catalog-section,
  .products-section{
    position:relative !important;
    z-index:30 !important;
    isolation:isolate !important;
    background:#ffffff !important;
    background-color:#ffffff !important;
    background-image:none !important;
    filter:none !important;
    -webkit-filter:none !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
    box-shadow:none !important;
    opacity:1 !important;
    mix-blend-mode:normal !important;
  }

  .ideal-quick-access{
    margin-top:0 !important;
    padding-top:12px !important;
  }

  .toolbar#catalogo,
  section.toolbar#catalogo{
    margin-top:0 !important;
    padding-top:22px !important;
  }

  .ideal-quick-access::before,
  .ideal-quick-access::after,
  .toolbar#catalogo::before,
  .toolbar#catalogo::after,
  #catalogo::before,
  #catalogo::after,
  #productGrid::before,
  #productGrid::after,
  .product-grid#productGrid::before,
  .product-grid#productGrid::after,
  .catalog-section::before,
  .catalog-section::after,
  .products-section::before,
  .products-section::after{
    content:none !important;
    display:none !important;
    pointer-events:none !important;
    opacity:0 !important;
    background:transparent !important;
    background-image:none !important;
    filter:none !important;
    -webkit-filter:none !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
    box-shadow:none !important;
  }
}


/* =========================================================
   V333 — HERO MOBILE DEFINITIVO
   Objetivo técnico:
   1) El hero/slider queda aislado y recortado en su propia sección.
   2) No existen fondos duplicados, blur de imagen ni overlays largos en mobile.
   3) El catálogo arranca con blanco real y z-index superior.
   ========================================================= */
@media (max-width: 900px){
  html,
  body{
    background:#ffffff !important;
    background-image:none !important;
    overflow-x:hidden !important;
  }

  body > .page-glow{
    display:none !important;
  }

  body > main#inicio{
    position:relative !important;
    z-index:0 !important;
    background:#ffffff !important;
    background-image:none !important;
    overflow:visible !important;
    isolation:isolate !important;
  }

  /* Hero encerrado: el negro vive sólo adentro de esta caja. */
  body section.hero-simple-wrap.hero-collections,
  body .hero-simple-wrap.hero-collections,
  body .hero-simple-wrap{
    display:block !important;
    position:relative !important;
    z-index:1 !important;
    isolation:isolate !important;
    contain:layout paint !important;
    overflow:hidden !important;
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    margin:0 !important;
    padding:0 !important;
    background:#ffffff !important;
    background-image:none !important;
    box-shadow:none !important;
    filter:none !important;
    -webkit-filter:none !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
  }

  body .hero-simple-slider#heroSimpleSlider,
  body .hero-simple-slider{
    display:block !important;
    position:relative !important;
    z-index:1 !important;
    isolation:isolate !important;
    contain:layout paint !important;
    overflow:hidden !important;
    width:100% !important;
    height:clamp(500px, 76svh, 680px) !important;
    min-height:500px !important;
    max-height:680px !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    border-radius:0 !important;
    background:#050505 !important;
    background-image:none !important;
    box-shadow:none !important;
    filter:none !important;
    -webkit-filter:none !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
  }

  body .hero-simple-slide,
  body .hero-simple-slide.active{
    display:block !important;
    position:absolute !important;
    inset:0 !important;
    z-index:0 !important;
    width:100% !important;
    height:100% !important;
    min-height:0 !important;
    max-height:100% !important;
    overflow:hidden !important;
    isolation:isolate !important;
    contain:paint !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    background:#050505 !important;
    background-image:none !important;
    box-shadow:none !important;
    filter:none !important;
    -webkit-filter:none !important;
    opacity:0 !important;
    transform:none !important;
    pointer-events:none !important;
  }

  body .hero-simple-slide.active{
    z-index:2 !important;
    opacity:1 !important;
    pointer-events:auto !important;
  }

  /* Eliminación total de capas que podían bajar sobre el blanco. */
  body .hero-simple-wrap::before,
  body .hero-simple-wrap::after,
  body .hero-simple-slider::before,
  body .hero-simple-slider::after,
  body .hero-simple-slide::before,
  body .hero-simple-slide::after,
  body .hero-collection-copy::before,
  body .hero-collection-copy::after{
    content:none !important;
    display:none !important;
    position:absolute !important;
    inset:0 !important;
    width:0 !important;
    height:0 !important;
    max-width:0 !important;
    max-height:0 !important;
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
    background:transparent !important;
    background-image:none !important;
    box-shadow:none !important;
    filter:none !important;
    -webkit-filter:none !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
    transform:none !important;
  }

  /* Sin imagen duplicada de fondo. */
  body .hero-simple-slide .hero-bg-img,
  body .hero-bg-img{
    display:none !important;
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
    filter:none !important;
    -webkit-filter:none !important;
  }

  /* Única imagen real del slide. */
  body .hero-simple-slide .hero-main-img{
    display:block !important;
    position:absolute !important;
    inset:0 !important;
    z-index:1 !important;
    width:100% !important;
    height:100% !important;
    max-width:none !important;
    max-height:none !important;
    object-fit:cover !important;
    object-position:center center !important;
    background:#050505 !important;
    background-image:none !important;
    opacity:1 !important;
    mix-blend-mode:normal !important;
    filter:none !important;
    -webkit-filter:none !important;
    transform:none !important;
  }

  /* Encuadre mobile por slide: no todos usan el mismo foco. */
  body .hero-simple-slide.hero-slide-galan .hero-main-img,
  body .hero-simple-slide[data-collection="galan"] .hero-main-img{
    object-position:42% 50% !important;
  }

  body .hero-simple-slide.hero-slide-tapia .hero-main-img,
  body .hero-simple-slide[data-collection="tapia"] .hero-main-img{
    object-position:54% 43% !important;
  }

  body .hero-simple-slide.hero-slide-bea .hero-main-img,
  body .hero-simple-slide[data-collection="bea"] .hero-main-img{
    object-position:60% 50% !important;
  }

  /* Texto + botón: dentro del hero, sin backdrop-filter ni blur. */
  body .hero-simple-slide .hero-collection-copy,
  body .hero-collection-copy{
    position:absolute !important;
    z-index:4 !important;
    left:14px !important;
    right:14px !important;
    bottom:44px !important;
    top:auto !important;
    width:auto !important;
    max-width:none !important;
    min-height:0 !important;
    margin:0 !important;
    padding:13px 14px 14px !important;
    border-radius:18px !important;
    overflow:hidden !important;
    isolation:isolate !important;
    contain:paint !important;
    background:rgba(5,8,13,.76) !important;
    background-image:none !important;
    border:1px solid rgba(255,255,255,.14) !important;
    box-shadow:0 14px 34px rgba(0,0,0,.28) !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
    filter:none !important;
    -webkit-filter:none !important;
    transform:none !important;
  }

  body .hero-collection-copy p{
    margin:0 0 3px !important;
    color:#c7aa85 !important;
    font-size:10px !important;
    line-height:1.05 !important;
    letter-spacing:.13em !important;
  }

  body .hero-collection-copy h2{
    margin:0 0 4px !important;
    color:#ffffff !important;
    font-size:clamp(32px, 9.2vw, 48px) !important;
    line-height:.92 !important;
    letter-spacing:-.02em !important;
  }

  body .hero-collection-copy span{
    display:block !important;
    color:rgba(255,255,255,.84) !important;
    font-size:11px !important;
    line-height:1.2 !important;
  }

  body .hero-collection-copy button{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    margin-top:10px !important;
    min-height:36px !important;
    padding:0 15px !important;
    border-radius:999px !important;
    border:0 !important;
    background:#c7aa85 !important;
    color:#050505 !important;
    font-size:11px !important;
    font-weight:1000 !important;
    letter-spacing:.08em !important;
    text-transform:uppercase !important;
  }

  body .hero-simple-arrow,
  body .hero-simple-dots{
    position:absolute !important;
    z-index:5 !important;
    filter:none !important;
    -webkit-filter:none !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
  }

  body .hero-simple-arrow{
    width:34px !important;
    height:34px !important;
    border-radius:999px !important;
    background:rgba(5,5,5,.52) !important;
    background-image:none !important;
    box-shadow:none !important;
  }

  body .hero-simple-dots{ bottom:14px !important; }
  body .hero-simple-prev{ left:8px !important; }
  body .hero-simple-next{ right:8px !important; }

  /* Corte limpio: después del hero empieza el blanco real. */
  body .collection-landing[hidden]{
    display:none !important;
  }

  body .ideal-quick-access,
  body .toolbar#catalogo,
  body section.toolbar#catalogo,
  body #catalogo,
  body .product-grid#productGrid,
  body #productGrid,
  body .products-section,
  body .catalog-section,
  body .products{
    position:relative !important;
    z-index:20 !important;
    isolation:isolate !important;
    contain:paint !important;
    background:#ffffff !important;
    background-color:#ffffff !important;
    background-image:none !important;
    opacity:1 !important;
    mix-blend-mode:normal !important;
    filter:none !important;
    -webkit-filter:none !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
    box-shadow:none !important;
  }

  body .ideal-quick-access{
    margin:0 !important;
    padding:12px 12px 0 !important;
  }

  body .toolbar#catalogo,
  body section.toolbar#catalogo{
    margin:0 !important;
    padding-top:22px !important;
  }

  body .ideal-quick-access::before,
  body .ideal-quick-access::after,
  body .toolbar#catalogo::before,
  body .toolbar#catalogo::after,
  body #catalogo::before,
  body #catalogo::after,
  body #productGrid::before,
  body #productGrid::after,
  body .product-grid#productGrid::before,
  body .product-grid#productGrid::after,
  body .products::before,
  body .products::after,
  body .products-section::before,
  body .products-section::after,
  body .catalog-section::before,
  body .catalog-section::after{
    content:none !important;
    display:none !important;
    width:0 !important;
    height:0 !important;
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
    background:transparent !important;
    background-image:none !important;
    box-shadow:none !important;
    filter:none !important;
    -webkit-filter:none !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
  }
}

@media (max-width: 430px){
  body .hero-simple-slider#heroSimpleSlider,
  body .hero-simple-slider{
    height:clamp(510px, 74svh, 640px) !important;
    min-height:510px !important;
  }

  body .hero-simple-slide[data-collection="galan"] .hero-main-img{ object-position:42% 50% !important; }
  body .hero-simple-slide[data-collection="tapia"] .hero-main-img{ object-position:54% 43% !important; }
  body .hero-simple-slide[data-collection="bea"] .hero-main-img{ object-position:60% 50% !important; }
}


/* =========================================================
   ELCLUB V338 — MOBILE BASE LIMPIA: header, drawer y anti capa gris
   Corrección puntual sobre v337. No toca productos, precios ni estructura.
   ========================================================= */
@media (max-width: 760px){
  :root{
    --ec-mobile-header-v338: 126px !important;
    --ec-safe-top-v338: env(safe-area-inset-top, 0px) !important;
  }

  html, body{
    overflow-x:hidden !important;
    background:#ffffff !important;
    filter:none !important;
    -webkit-filter:none !important;
  }

  body{
    padding-top:calc(var(--ec-mobile-header-v338) + var(--ec-safe-top-v338)) !important;
  }

  body .site-header,
  body .site-header-v124,
  body header.site-header,
  body header.site-header-v124{
    position:fixed !important;
    top:0 !important;
    left:0 !important;
    right:0 !important;
    width:100% !important;
    height:calc(var(--ec-mobile-header-v338) + var(--ec-safe-top-v338)) !important;
    min-height:calc(var(--ec-mobile-header-v338) + var(--ec-safe-top-v338)) !important;
    max-height:calc(var(--ec-mobile-header-v338) + var(--ec-safe-top-v338)) !important;
    padding:calc(10px + var(--ec-safe-top-v338)) 14px 12px !important;
    margin:0 !important;
    display:block !important;
    background:#030405 !important;
    background-image:none !important;
    border-bottom:1px solid rgba(255,255,255,.06) !important;
    box-shadow:none !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
    filter:none !important;
    -webkit-filter:none !important;
    overflow:visible !important;
    transform:none !important;
    z-index:2147482000 !important;
    box-sizing:border-box !important;
  }

  body .site-header::before,
  body .site-header::after,
  body .site-header-v124::before,
  body .site-header-v124::after,
  body .header-benefits-bar,
  body .site-top-strip,
  body .top-promo{
    content:none !important;
    display:none !important;
    height:0 !important;
    min-height:0 !important;
    max-height:0 !important;
    margin:0 !important;
    padding:0 !important;
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
  }

  body .site-header .header-main-row,
  body .site-header-v124 .header-main-row{
    position:relative !important;
    display:grid !important;
    grid-template-columns:46px minmax(0,1fr) 46px !important;
    grid-template-rows:46px 48px !important;
    grid-template-areas:"menu logo cart" "search search search" !important;
    align-items:center !important;
    justify-items:center !important;
    row-gap:10px !important;
    column-gap:8px !important;
    width:100% !important;
    max-width:560px !important;
    height:104px !important;
    min-height:104px !important;
    margin:0 auto !important;
    padding:0 !important;
    overflow:visible !important;
    transform:none !important;
    box-sizing:border-box !important;
  }

  body .site-header .brand,
  body .site-header-v124 .brand{
    grid-area:logo !important;
    position:relative !important;
    top:auto !important;
    left:auto !important;
    right:auto !important;
    bottom:auto !important;
    transform:none !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    height:46px !important;
    margin:0 !important;
    padding:0 !important;
    background:transparent !important;
    z-index:3 !important;
  }

  body .site-header .brand img,
  body .site-header-v124 .brand img{
    width:118px !important;
    max-width:38vw !important;
    max-height:42px !important;
    object-fit:contain !important;
    transform:none !important;
    filter:none !important;
    -webkit-filter:none !important;
  }

  body .site-header .header-actions,
  body .site-header-v124 .header-actions{
    display:contents !important;
    pointer-events:auto !important;
  }

  body #mobileMenuToggleFinal,
  body .site-header .mobile-menu-toggle,
  body .site-header-v124 .mobile-menu-toggle{
    grid-area:menu !important;
    justify-self:start !important;
    width:44px !important;
    min-width:44px !important;
    max-width:44px !important;
    height:44px !important;
    min-height:44px !important;
    max-height:44px !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    gap:5px !important;
    margin:0 !important;
    padding:0 !important;
    border-radius:15px !important;
    background:rgba(255,255,255,.075) !important;
    border:1px solid rgba(255,255,255,.13) !important;
    box-shadow:none !important;
    position:relative !important;
    z-index:5 !important;
  }

  body #mobileMenuToggleFinal span,
  body .site-header .mobile-menu-toggle span{
    width:19px !important;
    height:2px !important;
    border-radius:99px !important;
    background:#ffffff !important;
    display:block !important;
  }

  body #openCart,
  body .site-header .cart-btn,
  body .site-header-v124 .cart-btn{
    grid-area:cart !important;
    justify-self:end !important;
    width:44px !important;
    min-width:44px !important;
    max-width:44px !important;
    height:44px !important;
    min-height:44px !important;
    max-height:44px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    margin:0 !important;
    padding:0 !important;
    border-radius:15px !important;
    background:rgba(255,255,255,.075) !important;
    border:1px solid rgba(255,255,255,.13) !important;
    box-shadow:none !important;
    color:#fff !important;
    font-size:0 !important;
    line-height:1 !important;
    position:relative !important;
    z-index:5 !important;
    overflow:visible !important;
  }

  body #openCart::before,
  body .site-header .cart-btn::before{
    content:"🛒" !important;
    display:block !important;
    font-size:18px !important;
    line-height:1 !important;
    transform:none !important;
  }

  body #cartCount,
  body #openCart span,
  body .site-header .cart-btn span{
    position:absolute !important;
    top:-7px !important;
    right:-8px !important;
    min-width:18px !important;
    height:18px !important;
    padding:0 5px !important;
    margin:0 !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    border-radius:999px !important;
    background:#c7aa85 !important;
    color:#050505 !important;
    font-size:11px !important;
    font-weight:1000 !important;
    line-height:1 !important;
    z-index:8 !important;
    box-shadow:0 0 0 2px #030405 !important;
    transform:none !important;
  }

  body .site-header .header-search-wrap,
  body .site-header-v124 .header-search-wrap{
    grid-area:search !important;
    position:relative !important;
    top:auto !important;
    left:auto !important;
    right:auto !important;
    bottom:auto !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    height:48px !important;
    min-height:48px !important;
    margin:0 !important;
    padding:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    border-radius:999px !important;
    background:#ffffff !important;
    border:1px solid rgba(255,255,255,.18) !important;
    box-shadow:none !important;
    overflow:visible !important;
    z-index:4 !important;
  }

  body .site-header #headerSearch,
  body .site-header-v124 #headerSearch{
    width:100% !important;
    height:48px !important;
    min-height:48px !important;
    padding:0 54px 0 18px !important;
    border:0 !important;
    outline:0 !important;
    border-radius:999px !important;
    background:#ffffff !important;
    color:#15171a !important;
    font-size:16px !important;
    font-weight:700 !important;
    line-height:48px !important;
    box-shadow:none !important;
  }

  body .site-header #headerSearch::placeholder{
    color:#697078 !important;
    opacity:1 !important;
  }

  body .site-header .header-search-btn,
  body .site-header-v124 .header-search-btn{
    position:absolute !important;
    right:5px !important;
    top:50% !important;
    transform:translateY(-50%) !important;
    width:40px !important;
    height:40px !important;
    min-width:40px !important;
    min-height:40px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    border-radius:999px !important;
    background:#05070b !important;
    color:#ffffff !important;
    border:0 !important;
    box-shadow:none !important;
    z-index:6 !important;
  }

  /* Menú lateral V270: sin buscador interno, fondo negro limpio y categorías más claras. */
  body #elclubMobileDrawerV270{
    width:min(350px,88vw) !important;
    height:100dvh !important;
    max-height:100dvh !important;
    background:#050607 !important;
    background-image:none !important;
    border-right:1px solid rgba(199,170,133,.34) !important;
    box-shadow:22px 0 60px rgba(0,0,0,.58) !important;
    filter:none !important;
    -webkit-filter:none !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
  }

  body #elclubMobileDrawerV270 .elclub-v270-head{
    min-height:74px !important;
    padding:18px 20px 14px !important;
    background:#050607 !important;
    border-bottom:1px solid rgba(255,255,255,.10) !important;
  }

  body #elclubMobileDrawerV270 .elclub-v270-title{
    color:#c7aa85 !important;
    font-family:'Bebas Neue','Anton','Oswald',Arial,sans-serif !important;
    font-size:32px !important;
    font-weight:400 !important;
    letter-spacing:1.8px !important;
    line-height:1 !important;
    text-transform:uppercase !important;
  }

  body #elclubMobileDrawerV270 .elclub-v270-search{
    display:none !important;
    height:0 !important;
    min-height:0 !important;
    max-height:0 !important;
    margin:0 !important;
    padding:0 !important;
    overflow:hidden !important;
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
  }

  body #elclubMobileDrawerV270 .elclub-v270-body{
    padding:18px 20px 28px !important;
    background:#050607 !important;
  }

  body #elclubMobileDrawerV270 .elclub-v270-cats{
    display:flex !important;
    flex-direction:column !important;
    gap:0 !important;
  }

  body #elclubMobileDrawerV270 .elclub-v270-cats button{
    width:100% !important;
    min-height:58px !important;
    padding:0 8px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    text-align:left !important;
    border:0 !important;
    border-bottom:1px solid rgba(255,255,255,.12) !important;
    border-radius:0 !important;
    background:transparent !important;
    color:#ffffff !important;
    box-shadow:none !important;
    font-family:'Bebas Neue','Anton','Oswald',Arial,sans-serif !important;
    font-size:29px !important;
    font-weight:400 !important;
    letter-spacing:1.55px !important;
    line-height:1 !important;
    text-transform:uppercase !important;
  }

  body #elclubMobileDrawerV270 .elclub-v270-cats button:active,
  body #elclubMobileDrawerV270 .elclub-v270-cats button:focus-visible{
    color:#c7aa85 !important;
    outline:none !important;
  }

  body #elclubMobileBackdropV270,
  body .mobile-nav-backdrop,
  body #mobileNavBackdrop,
  body .elclub-cart-backdrop{
    filter:none !important;
    -webkit-filter:none !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
  }

  body:not(.elclub-drawer-v270-open) #elclubMobileBackdropV270,
  body:not(.mobile-drawer-open) .mobile-nav-backdrop,
  body:not(.mobile-nav-open) #mobileNavBackdrop,
  body:not(.cart-open) .elclub-cart-backdrop{
    display:none !important;
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
    background:transparent !important;
  }

  /* Catálogo/productos: blanco real y sin capas heredadas. */
  body .page-glow,
  body .page-glow::before,
  body .page-glow::after{
    display:none !important;
    content:none !important;
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
  }

  body #catalogo,
  body .toolbar,
  body #productGrid,
  body .product-grid,
  body .product-card,
  body .product-image,
  body .product-info{
    background:#ffffff !important;
    background-color:#ffffff !important;
    background-image:none !important;
    filter:none !important;
    -webkit-filter:none !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
    mix-blend-mode:normal !important;
    opacity:1 !important;
  }

  body #catalogo::before, body #catalogo::after,
  body .toolbar::before, body .toolbar::after,
  body #productGrid::before, body #productGrid::after,
  body .product-grid::before, body .product-grid::after,
  body .product-card::before, body .product-card::after,
  body .product-image::before, body .product-image::after,
  body .product-info::before, body .product-info::after{
    content:none !important;
    display:none !important;
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
    background:none !important;
    filter:none !important;
    -webkit-filter:none !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
    box-shadow:none !important;
  }
}

/* =========================================================
   V341 — DESKTOP HEADER PRO: logo/search/carrito + categorías
   Cambios solo para computadora. No toca mobile ni catálogo.
   ========================================================= */
@media (min-width: 901px){
  html body .site-header.site-header-v124{
    padding-left:clamp(22px,3.2vw,54px) !important;
    padding-right:clamp(22px,3.2vw,54px) !important;
  }

  html body .site-header.site-header-v124 > .header-main-row,
  html body .site-header-v124 .header-main-row{
    width:100% !important;
    max-width:1500px !important;
    margin:0 auto !important;
    display:grid !important;
    grid-template-columns:minmax(155px,210px) minmax(520px,760px) minmax(145px,210px) !important;
    align-items:center !important;
    column-gap:clamp(22px,3vw,52px) !important;
    min-height:78px !important;
    padding:10px 0 12px !important;
  }

  html body .site-header-v124 .brand,
  html body .site-header.site-header-v124 .brand{
    justify-self:start !important;
    align-self:center !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    margin:0 !important;
    transform:none !important;
  }

  html body .site-header-v124 .brand img,
  html body .site-header.site-header-v124 .brand img{
    width:clamp(132px,11vw,168px) !important;
    max-height:62px !important;
    object-fit:contain !important;
    display:block !important;
    transform:none !important;
  }

  html body .site-header-v124 .header-search-wrap,
  html body .site-header.site-header-v124 .header-search-wrap{
    justify-self:center !important;
    align-self:center !important;
    width:min(100%,760px) !important;
    max-width:760px !important;
    min-width:520px !important;
    height:50px !important;
    min-height:50px !important;
    margin:0 !important;
    transform:none !important;
    border-radius:999px !important;
  }

  html body .site-header-v124 #headerSearch,
  html body .site-header.site-header-v124 #headerSearch{
    height:50px !important;
    min-height:50px !important;
    line-height:50px !important;
    font-size:15px !important;
    font-weight:750 !important;
    letter-spacing:.01em !important;
    padding-left:24px !important;
    padding-right:58px !important;
  }

  html body .site-header-v124 .header-search-btn,
  html body .site-header.site-header-v124 .header-search-btn{
    width:42px !important;
    height:42px !important;
    min-width:42px !important;
    min-height:42px !important;
    right:5px !important;
  }

  html body .site-header-v124 .header-actions,
  html body .site-header.site-header-v124 .header-actions{
    justify-self:end !important;
    align-self:center !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    width:100% !important;
    margin:0 !important;
    transform:none !important;
  }

  html body .site-header-v124 #openCart,
  html body .site-header.site-header-v124 #openCart,
  html body .site-header-v124 .cart-btn,
  html body .site-header.site-header-v124 .cart-btn{
    justify-self:end !important;
    margin-left:auto !important;
    transform:none !important;
    min-width:132px !important;
    height:46px !important;
    padding:0 18px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    font-size:12px !important;
    font-weight:1000 !important;
    letter-spacing:.08em !important;
  }

  html body .site-header-v124 .mobile-menu-toggle,
  html body .site-header.site-header-v124 .mobile-menu-toggle{
    display:none !important;
  }

  html body .category-top-nav.nav-clean,
  html body .site-header-v124 .category-top-nav.nav-clean{
    width:100% !important;
    max-width:1500px !important;
    margin:0 auto !important;
    padding:10px 0 12px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:clamp(18px,2.15vw,36px) !important;
    flex-wrap:nowrap !important;
    overflow:visible !important;
  }

  html body .category-top-nav.nav-clean > a,
  html body .category-top-nav.nav-clean .ideal-main-link{
    height:auto !important;
    min-height:34px !important;
    padding:6px 0 !important;
    font-family:'Bebas Neue','Anton','Oswald','Arial Narrow',Arial,sans-serif !important;
    font-size:clamp(16px,1.13vw,20px) !important;
    font-weight:800 !important;
    letter-spacing:.11em !important;
    line-height:1.05 !important;
    text-transform:uppercase !important;
    color:#f6f7f0 !important;
    text-rendering:geometricPrecision !important;
    -webkit-font-smoothing:antialiased !important;
  }

  html body .category-top-nav.nav-clean .nav-item{
    height:auto !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
  }

  html body .category-top-nav.nav-clean > a:hover,
  html body .category-top-nav.nav-clean .ideal-main-link:hover{
    color:#c7aa85 !important;
  }
}

@media (min-width: 901px) and (max-width: 1180px){
  html body .site-header.site-header-v124 > .header-main-row,
  html body .site-header-v124 .header-main-row{
    grid-template-columns:150px minmax(430px,1fr) 145px !important;
    column-gap:22px !important;
  }

  html body .site-header-v124 .header-search-wrap,
  html body .site-header.site-header-v124 .header-search-wrap{
    min-width:430px !important;
    max-width:620px !important;
  }

  html body .category-top-nav.nav-clean,
  html body .site-header-v124 .category-top-nav.nav-clean{
    gap:18px !important;
  }

  html body .category-top-nav.nav-clean > a,
  html body .category-top-nav.nav-clean .ideal-main-link{
    font-size:16px !important;
    letter-spacing:.085em !important;
  }
}


/* =========================================================
   V345 — AJUSTES PUNTUALES: visibilidad productos, carrito mobile y buscadores
   ========================================================= */
@media (min-width: 901px){
  html body #productGrid .product-info h3,
  html body .product-grid#productGrid .product-card .product-info h3,
  html body .product-card .product-info h3,
  html body .collection-product-info h3{
    color:#ffffff !important;
    opacity:1 !important;
    text-shadow:none !important;
  }
}

/* Carrito mobile: dejar el número limpio, sin círculo/burbuja alrededor */
@media (max-width: 900px){
  html body .cart-btn span,
  html body #openCart span,
  html body #cartCount{
    background:transparent !important;
    background-image:none !important;
    border:0 !important;
    box-shadow:none !important;
    border-radius:0 !important;
    width:auto !important;
    min-width:0 !important;
    height:auto !important;
    min-height:0 !important;
    padding:0 !important;
    margin-left:4px !important;
    color:inherit !important;
    display:inline !important;
    line-height:1 !important;
  }
}

/* Placeholder simple al inicio de las barras buscadoras */
html body #headerSearch::placeholder,
html body #searchBox::placeholder{
  content:'Buscar';
  color:rgba(255,255,255,.62) !important;
  opacity:1 !important;
}

html body #headerSearch,
html body #searchBox{
  text-align:left !important;
}


/* ================= ELCLUB V353 — PRODUCTO PRO + TALLES + CHECKOUT ================= */
#productModal .modal-info,
#productModal .modal-info *,
#productModal .product-detail,
#productModal .product-detail *{
  color:#111 !important;
}
#productModal #modalBrand{
  color:#4b5563 !important;
  font-weight:900 !important;
  letter-spacing:.10em !important;
  text-transform:uppercase !important;
}
#productModal #modalName{
  color:#050505 !important;
  font-weight:950 !important;
  line-height:1.05 !important;
  letter-spacing:-.04em !important;
}
#productModal #modalTone,
#productModal #modalVariant,
#productModal #modalDescription{
  color:#374151 !important;
}
#productModal .modal-price,
#productModal .price-box,
#productModal .modal-tech-description{
  background:#fff !important;
  color:#111 !important;
  border:1px solid rgba(0,0,0,.08) !important;
  box-shadow:0 10px 30px rgba(0,0,0,.08) !important;
}
#sizeOptions{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:8px !important;
}
#sizeOptions button{
  min-width:44px !important;
  height:40px !important;
  border-radius:12px !important;
  border:1px solid rgba(0,0,0,.18) !important;
  background:#fff !important;
  color:#111 !important;
  font-weight:900 !important;
}
#sizeOptions button.active{
  background:#c7aa85 !important;
  border-color:#89c900 !important;
  color:#050505 !important;
  box-shadow:0 0 0 3px rgba(199,170,133,.25) !important;
}
#sizeOptions button.disabled-size,
#sizeOptions button:disabled{
  background:#f1f1f1 !important;
  color:#9ca3af !important;
  border-color:#e5e7eb !important;
  text-decoration:line-through !important;
  opacity:.75 !important;
  cursor:not-allowed !important;
}
#checkoutPay,
#checkoutMP,
#payMPFinal,
#payTransferFinal{
  font-weight:950 !important;
  letter-spacing:.02em !important;
}
@media (max-width:900px){
  #productModal .modal-info{background:#fff !important;padding:18px !important;border-radius:20px !important;}
  #productModal #modalName{font-size:24px !important;}
  #productModal #modalBrand{font-size:12px !important;}
  #sizeOptions button{min-width:42px !important;height:38px !important;}
}

/* ================= ELCLUB V354 — FIX URGENTE FICHA PRODUCTO: PRECIO + PAGO VISIBLE ================= */
#productModal.open{
  z-index:999999 !important;
}
#productModal.open .modal-card{
  background:#fff !important;
  color:#111 !important;
  overflow:hidden !important;
}
#productModal.open .modal-info{
  background:#fff !important;
  color:#111 !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
  -webkit-overflow-scrolling:touch !important;
}
#productModal.open #modalName,
#productModal.open #modalBrand,
#productModal.open #modalTone,
#productModal.open #modalVariant,
#productModal.open #modalDescription{
  color:#111 !important;
  opacity:1 !important;
  visibility:visible !important;
}
#productModal.open .modal-prices,
#productModal.open .price-block.modal-prices,
#productModal.open .price-block{
  display:grid !important;
  gap:8px !important;
  visibility:visible !important;
  opacity:1 !important;
  position:relative !important;
  z-index:3 !important;
  width:100% !important;
  margin-top:14px !important;
  padding:0 !important;
  background:transparent !important;
}
#productModal.open .price-row{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:12px !important;
  min-height:48px !important;
  padding:10px 14px !important;
  border-radius:16px !important;
  background:#f6f6f6 !important;
  border:1px solid rgba(0,0,0,.10) !important;
  color:#111 !important;
  visibility:visible !important;
  opacity:1 !important;
}
#productModal.open .price-row span{
  color:#444 !important;
  font-size:11px !important;
  font-weight:950 !important;
  text-transform:uppercase !important;
  letter-spacing:.06em !important;
}
#productModal.open .price-row strong,
#productModal.open #modalCard,
#productModal.open #modalDues,
#productModal.open #modalCash{
  display:block !important;
  color:#050505 !important;
  font-size:clamp(18px,2vw,27px) !important;
  font-weight:1000 !important;
  line-height:1 !important;
  white-space:nowrap !important;
  opacity:1 !important;
  visibility:visible !important;
}
#productModal.open .price-row.cash strong,
#productModal.open #modalCash{
  color:#179500 !important;
}
#productModal.open .modal-actions{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:10px !important;
  margin-top:12px !important;
  visibility:visible !important;
  opacity:1 !important;
  position:relative !important;
  z-index:4 !important;
}
#productModal.open .modal-actions button{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:48px !important;
  border-radius:16px !important;
  font-weight:950 !important;
  text-align:center !important;
  opacity:1 !important;
  visibility:visible !important;
}
#productModal.open #addCartBtn{
  background:#111 !important;
  color:#fff !important;
  border:1px solid #111 !important;
}
#productModal.open #buyNowBtn{
  background:#c7aa85 !important;
  color:#050505 !important;
  border:1px solid #9ee000 !important;
}
@media (max-width:900px){
  #productModal.open{
    align-items:flex-start !important;
    padding:10px !important;
    overflow-y:auto !important;
  }
  #productModal.open .modal-card{
    width:100% !important;
    max-width:100% !important;
    height:auto !important;
    max-height:none !important;
    min-height:0 !important;
    display:flex !important;
    flex-direction:column !important;
    overflow:visible !important;
    padding:10px !important;
    border-radius:22px !important;
  }
  #productModal.open .modal-img{
    height:auto !important;
    max-height:42vh !important;
    min-height:0 !important;
    overflow:hidden !important;
    background:#f7f7f7 !important;
    border-radius:18px !important;
  }
  #productModal.open .modal-img img{
    width:100% !important;
    height:auto !important;
    max-height:42vh !important;
    object-fit:contain !important;
  }
  #productModal.open .modal-info{
    height:auto !important;
    max-height:none !important;
    overflow:visible !important;
    padding:14px 6px 6px !important;
    border-radius:0 !important;
  }
  #productModal.open .modal-actions{
    grid-template-columns:1fr !important;
  }
  #productModal.open .price-row{
    min-height:50px !important;
  }
}

/* ================= ELCLUB V355 — SIN DESCRIPCIÓN + TRANSFERENCIA -20% VISIBLE ================= */
#modalDescription,
#modalTechDescription,
#productModal.open #modalDescription,
#productModal.open #modalTechDescription,
#productModal.open .modal-tech-description{
  display:none !important;
  visibility:hidden !important;
  height:0 !important;
  max-height:0 !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  overflow:hidden !important;
}

.product-grid#productGrid .price-transfer{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
  flex-wrap:wrap !important;
  color:#119000 !important;
  font-weight:1000 !important;
}
.product-grid#productGrid .price-transfer::before{
  content:"-20%";
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:4px 8px !important;
  border-radius:999px !important;
  background:#c7aa85 !important;
  color:#050505 !important;
  border:1px solid rgba(0,0,0,.12) !important;
  font-size:11px !important;
  font-weight:1000 !important;
  letter-spacing:.02em !important;
  line-height:1 !important;
}
.product-grid#productGrid .price-transfer span{
  color:#175c00 !important;
  font-weight:900 !important;
}

#productModal.open .price-row.cash{
  background:linear-gradient(180deg,#f4ffe5,#ffffff) !important;
  border:1px solid rgba(117,190,0,.38) !important;
  box-shadow:0 10px 24px rgba(117,190,0,.10) !important;
}
#productModal.open .price-row.cash span{
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
  flex-wrap:wrap !important;
  color:#175c00 !important;
}
#productModal.open .price-row.cash span::after{
  content:"-20% OFF";
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:5px 9px !important;
  border-radius:999px !important;
  background:#c7aa85 !important;
  color:#050505 !important;
  border:1px solid rgba(0,0,0,.12) !important;
  font-size:11px !important;
  font-weight:1000 !important;
  letter-spacing:.02em !important;
  line-height:1 !important;
}
#productModal.open #modalCash{
  color:#0f8f00 !important;
  font-size:clamp(20px,2.2vw,30px) !important;
}

@media (max-width:900px){
  .product-grid#productGrid .price-transfer{
    gap:6px !important;
  }
  .product-grid#productGrid .price-transfer::before{
    font-size:10px !important;
    padding:4px 7px !important;
  }
  #productModal.open .price-row.cash{
    align-items:flex-start !important;
  }
  #productModal.open .price-row.cash span::after{
    font-size:10px !important;
    padding:4px 8px !important;
  }
}

/* ================= ELCLUB V356 — BOTÓN LINK DIRECTO PRODUCTO ================= */
#copyProductLinkBtn.elclub-copy-link-btn{
  width:100%;
  margin-top:8px;
  border:1px solid rgba(0,0,0,.18) !important;
  color:#111 !important;
  background:#fff !important;
  font-weight:800;
  letter-spacing:.03em;
}
#copyProductLinkBtn.elclub-copy-link-btn:hover{
  background:#f4f4f4 !important;
}
@media (max-width: 768px){
  #copyProductLinkBtn.elclub-copy-link-btn{
    min-height:44px;
    font-size:13px;
  }
}

/* =========================================================
   V357 — QUITAR FRANJAS BLANCAS / CONTINUIDAD DE FONDO
   ========================================================= */
html,
body,
main{
  background:#05080d !important;
}

/* Evita que queden espacios claros entre módulos en mobile y desktop */
#mobileIdeal,
.mobile-ideal-section{
  margin-bottom:0 !important;
}

.lower-feature-zone,
#seccionesExtras{
  display:none !important;
  margin:0 !important;
  padding:0 !important;
  min-height:0 !important;
  height:0 !important;
  border:0 !important;
  background:transparent !important;
  overflow:hidden !important;
}

.why-choose-section,
#experiencia{
  margin-top:0 !important;
}

.site-footer-pro{
  margin-top:0 !important;
}

/* Si algún separador viejo quedó por CSS o caché, lo neutralizamos */
.why-choose-section::before,
.why-choose-section::after,
.site-footer-pro::before,
.site-footer-pro::after,
#mobileIdeal::before,
#mobileIdeal::after,
.lower-feature-zone::before,
.lower-feature-zone::after{
  display:none !important;
  content:none !important;
}


/* =========================================================
   V358 — PRODUCTO: SIN BOTÓN COPIAR LINK + CTA MÁS GRANDES
   ========================================================= */
#copyProductLinkBtn,
.elclub-copy-link-btn{
  display:none !important;
  visibility:hidden !important;
}

#productModal .modal-actions{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:14px !important;
  margin-top:22px !important;
  width:100% !important;
}

#productModal .modal-actions button,
#productModal #addCartBtn,
#productModal #buyNowBtn{
  min-height:58px !important;
  border-radius:18px !important;
  padding:16px 18px !important;
  font-size:13px !important;
  font-weight:1000 !important;
  letter-spacing:.055em !important;
  text-transform:uppercase !important;
  line-height:1.1 !important;
}

#productModal #addCartBtn{
  background:#c7aa85 !important;
  color:#050505 !important;
  box-shadow:0 14px 34px rgba(199,170,133,.22) !important;
}

#productModal #buyNowBtn{
  background:#11161b !important;
  color:#ffffff !important;
  border:1px solid rgba(255,255,255,.18) !important;
}

@media (max-width:768px){
  #productModal .modal-actions{
    grid-template-columns:1fr !important;
    gap:11px !important;
  }
  #productModal .modal-actions button,
  #productModal #addCartBtn,
  #productModal #buyNowBtn{
    min-height:56px !important;
    font-size:13px !important;
    border-radius:17px !important;
  }
}

/* =========================================================
   V359 — PRODUCTO DESKTOP PRO + CATEGORÍAS SIEMPRE CLICKEABLES
   ========================================================= */
#mainNav,
#mainNav *,
.controls,
.controls *,
.filter,
[data-filter],
[data-footer-filter]{
  pointer-events:auto !important;
}

#productModal.open .modal-info,
#productModal.open .modal-info *{
  color:#070707 !important;
  opacity:1 !important;
  visibility:visible !important;
}

#productModal.open #modalName{
  display:block !important;
  color:#050505 !important;
  font-size:clamp(34px,3vw,54px) !important;
  line-height:1.02 !important;
  letter-spacing:-.045em !important;
  margin:8px 0 10px !important;
  max-height:none !important;
  height:auto !important;
  overflow:visible !important;
  white-space:normal !important;
  text-shadow:none !important;
  position:relative !important;
  z-index:5 !important;
}

#productModal.open #modalBrand{
  color:#6b7f00 !important;
  display:block !important;
  margin-bottom:4px !important;
}

#productModal.open #modalTone,
#productModal.open #modalVariant{
  color:#323232 !important;
  display:block !important;
  margin:0 0 8px !important;
}

#productModal.open .modal-prices,
#productModal.open .price-block.modal-prices,
#productModal.open .price-block{
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:10px !important;
  margin-top:16px !important;
  width:100% !important;
}

#productModal.open .price-row{
  min-height:64px !important;
  padding:13px 16px !important;
  border-radius:17px !important;
  background:#ffffff !important;
  border:1px solid rgba(0,0,0,.10) !important;
  box-shadow:0 8px 20px rgba(0,0,0,.06) !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:14px !important;
}

#productModal.open .price-row span{
  color:#303030 !important;
  font-size:11px !important;
  line-height:1.2 !important;
  white-space:normal !important;
}

#productModal.open .price-row strong,
#productModal.open #modalCard,
#productModal.open #modalDues,
#productModal.open #modalCash{
  color:#050505 !important;
  font-size:clamp(20px,1.7vw,27px) !important;
  line-height:1.05 !important;
  white-space:nowrap !important;
}

#productModal.open .price-row.cash strong,
#productModal.open #modalCash{
  color:#0f8f00 !important;
}

#productModal.open .modal-actions{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:14px !important;
  margin-top:18px !important;
  width:100% !important;
}

#productModal.open .modal-actions button{
  min-height:66px !important;
  border-radius:20px !important;
  padding:18px 20px !important;
  font-size:14px !important;
  font-weight:1000 !important;
  letter-spacing:.045em !important;
  line-height:1.1 !important;
  text-align:center !important;
  white-space:normal !important;
}

#productModal.open #addCartBtn{
  background:#c7aa85 !important;
  color:#050505 !important;
  border:1px solid rgba(0,0,0,.12) !important;
}

#productModal.open #buyNowBtn{
  background:#080d12 !important;
  color:#ffffff !important;
  border:1px solid rgba(0,0,0,.22) !important;
}

@media (min-width:901px){
  #productModal.open{
    padding:26px !important;
    align-items:center !important;
    justify-content:center !important;
  }
  #productModal.open .modal-card{
    width:min(1180px,calc(100vw - 52px)) !important;
    max-height:90vh !important;
    overflow:hidden !important;
    display:grid !important;
    grid-template-columns:58% 42% !important;
    border-radius:34px !important;
    background:#ffffff !important;
  }
  #productModal.open .modal-img{
    min-height:680px !important;
    height:90vh !important;
    max-height:760px !important;
  }
  #productModal.open .modal-info{
    background:#ffffff !important;
    padding:44px 38px 34px !important;
    max-height:90vh !important;
    overflow:auto !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;
    border-radius:0 !important;
  }
  #productModal.open .size-wrap{
    margin-top:8px !important;
  }
}

@media (max-width:900px){
  #productModal.open .modal-info{
    background:#ffffff !important;
    padding:18px !important;
  }
  #productModal.open #modalName{
    font-size:26px !important;
    line-height:1.04 !important;
  }
  #productModal.open .price-row{
    min-height:58px !important;
    padding:11px 13px !important;
  }
  #productModal.open .modal-actions{
    grid-template-columns:1fr !important;
    gap:11px !important;
  }
  #productModal.open .modal-actions button{
    min-height:58px !important;
    font-size:13px !important;
  }
}

/* =========================================================
   V360 — PRODUCTO DESKTOP ENTRA COMPLETO + NAV SIEMPRE FUNCIONA
   ========================================================= */
.site-header,
.site-header-v124,
#mainNav,
.category-top-nav,
.top-nav,
.controls,
.controls .filter{
  pointer-events:auto !important;
}

@media (min-width:901px){
  .site-header,
  .site-header-v124{
    z-index:2147483000 !important;
  }

  #productModal.open{
    z-index:2147482500 !important;
    padding:22px !important;
  }

  #productModal.open .modal-card{
    width:min(1160px, calc(100vw - 44px)) !important;
    max-height:86vh !important;
    display:grid !important;
    grid-template-columns:54% 46% !important;
    overflow:hidden !important;
    background:#ffffff !important;
  }

  #productModal.open .modal-img{
    min-height:560px !important;
    height:86vh !important;
    max-height:690px !important;
  }

  #productModal.open .modal-img img{
    max-height:640px !important;
    object-fit:contain !important;
  }

  #productModal.open .modal-info{
    background:#ffffff !important;
    padding:30px 32px 26px !important;
    max-height:86vh !important;
    overflow:auto !important;
    justify-content:flex-start !important;
    gap:8px !important;
  }

  #productModal.open #modalName{
    display:block !important;
    color:#050505 !important;
    font-size:clamp(28px,2.35vw,42px) !important;
    line-height:1.04 !important;
    margin:4px 0 6px !important;
    max-height:none !important;
    overflow:visible !important;
    white-space:normal !important;
  }

  #productModal.open #modalBrand,
  #productModal.open #modalTone,
  #productModal.open #modalVariant{
    margin-bottom:4px !important;
  }

  #productModal.open .price-block,
  #productModal.open .modal-prices{
    gap:8px !important;
    margin-top:10px !important;
  }

  #productModal.open .price-row{
    min-height:54px !important;
    padding:10px 14px !important;
    border-radius:15px !important;
  }

  #productModal.open .price-row strong,
  #productModal.open #modalCard,
  #productModal.open #modalDues,
  #productModal.open #modalCash{
    font-size:clamp(18px,1.45vw,23px) !important;
  }

  #productModal.open .size-wrap{
    margin-top:6px !important;
    margin-bottom:2px !important;
  }

  #productModal.open .modal-actions{
    grid-template-columns:1fr 1fr !important;
    gap:12px !important;
    margin-top:12px !important;
  }

  #productModal.open .modal-actions button{
    min-height:58px !important;
    padding:14px 16px !important;
    font-size:13px !important;
  }
}

/* ================= ELCLUB V361 — PRODUCTO DESKTOP DEBAJO DEL HEADER ================= */
:root{
  --elclub-product-top-space: 190px;
  --elclub-product-bottom-space: 18px;
}

@media (min-width: 900px){
  #productModal.open{
    position: fixed !important;
    top: var(--elclub-product-top-space) !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    inset: var(--elclub-product-top-space) 0 0 0 !important;
    width: 100vw !important;
    height: auto !important;
    padding: 0 18px var(--elclub-product-bottom-space) !important;
    display: flex !important;
    align-items: flex-start !important;
    justify-content: center !important;
    overflow: hidden !important;
    background: rgba(0,0,0,.58) !important;
    z-index: 2147483000 !important;
    box-sizing: border-box !important;
  }

  #productModal.open .modal-card{
    margin: 0 auto !important;
    width: min(1280px, calc(100vw - 36px)) !important;
    max-width: min(1280px, calc(100vw - 36px)) !important;
    height: calc(100vh - var(--elclub-product-top-space) - var(--elclub-product-bottom-space)) !important;
    max-height: calc(100vh - var(--elclub-product-top-space) - var(--elclub-product-bottom-space)) !important;
    min-height: 0 !important;
    display: grid !important;
    grid-template-columns: minmax(470px, 1.08fr) minmax(400px, .92fr) !important;
    gap: 12px !important;
    padding: 12px !important;
    border-radius: 30px !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  #productModal.open .modal-img{
    min-height: 0 !important;
    height: 100% !important;
    max-height: 100% !important;
    overflow: hidden !important;
    border-radius: 24px !important;
  }

  #productModal.open .modal-img img,
  #productModal.open #modalImg{
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
    object-fit: contain !important;
    object-position: center center !important;
    display: block !important;
    margin: 0 auto !important;
  }

  #productModal.open .modal-info{
    min-height: 0 !important;
    height: 100% !important;
    max-height: 100% !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    padding: 14px 16px 14px 2px !important;
    box-sizing: border-box !important;
  }

  #productModal.open #modalBrand{
    margin: 0 0 4px !important;
  }

  #productModal.open #modalName{
    font-size: clamp(26px, 2.3vw, 40px) !important;
    line-height: .96 !important;
    margin: 0 0 10px !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: unset !important;
    overflow-wrap: anywhere !important;
  }

  #productModal.open #modalTechDescription{
    margin-top: 8px !important;
    margin-bottom: 14px !important;
  }

  #productModal.open #modalTechDescription h2,
  #productModal.open #modalTechDescription h3,
  #productModal.open #modalTechDescription h4{
    font-size: 17px !important;
    margin-bottom: 8px !important;
  }

  #productModal.open #modalTechDescription li,
  #productModal.open #modalTechDescription div:not(.modal-tech-description){
    font-size: 13.6px !important;
    line-height: 1.16 !important;
  }

  #productModal.open .size-wrap{
    margin: 6px 0 10px !important;
  }

  #productModal.open .price-block{
    margin-top: 10px !important;
    padding-top: 6px !important;
  }

  #productModal.open .price-row{
    min-height: 42px !important;
    padding: 7px 12px !important;
    margin: 4px 0 !important;
  }

  #productModal.open .price-row strong{
    font-size: clamp(18px, 1.55vw, 25px) !important;
  }

  #productModal.open .modal-actions{
    position: sticky !important;
    bottom: 0 !important;
    margin-top: 10px !important;
    padding-top: 10px !important;
    background: linear-gradient(180deg, rgba(9,9,9,0) 0%, rgba(9,9,9,.96) 24%, rgba(9,9,9,1) 100%) !important;
  }

  #productModal.open .modal-actions button{
    min-height: 48px !important;
    font-size: 13px !important;
  }

  #productModal.open .modal-close{
    top: 12px !important;
    right: 14px !important;
  }
}

@media (min-width: 900px) and (max-height: 860px){
  :root{
    --elclub-product-bottom-space: 12px;
  }

  #productModal.open{
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  #productModal.open .modal-card{
    width: min(1240px, calc(100vw - 24px)) !important;
    max-width: min(1240px, calc(100vw - 24px)) !important;
    grid-template-columns: minmax(430px, 1.04fr) minmax(380px, .96fr) !important;
    gap: 10px !important;
    padding: 10px !important;
  }

  #productModal.open #modalName{
    font-size: clamp(24px, 2.05vw, 34px) !important;
    margin-bottom: 8px !important;
  }

  #productModal.open #modalTechDescription h2,
  #productModal.open #modalTechDescription h3,
  #productModal.open #modalTechDescription h4{
    font-size: 15px !important;
    margin-bottom: 6px !important;
  }

  #productModal.open #modalTechDescription li,
  #productModal.open #modalTechDescription div:not(.modal-tech-description){
    font-size: 12.2px !important;
    line-height: 1.12 !important;
  }

  #productModal.open .price-row{
    min-height: 38px !important;
    padding: 6px 11px !important;
  }

  #productModal.open .price-row strong{
    font-size: clamp(17px, 1.42vw, 22px) !important;
  }

  #productModal.open .modal-actions button{
    min-height: 44px !important;
    font-size: 12px !important;
  }
}

/* =========================================================
   ELCLUB V362 — CATEGORÍAS VISIBLES + MODAL SIN SCROLL + CARRITO X
   ========================================================= */
html.elclub-product-locked,
body.elclub-product-locked{
  overflow:hidden !important;
  overscroll-behavior:none !important;
}

/* Que el acceso rápido no quede como franja blanca tapando el catálogo */
.ideal-quick-access{
  background:linear-gradient(180deg,#05080d 0%,#070b10 100%) !important;
  border-top:1px solid rgba(199,170,133,.10) !important;
  border-bottom:1px solid rgba(199,170,133,.10) !important;
  margin:0 !important;
  padding:8px 18px !important;
  position:relative !important;
  z-index:1 !important;
}
.ideal-quick-access a{
  background:rgba(255,255,255,.06) !important;
  color:#f4f4ef !important;
  border:1px solid rgba(199,170,133,.18) !important;
}
.ideal-quick-access strong{color:#c7aa85 !important;}

/* El bloque de categorías/filtros del catálogo queda visible y no escondido bajo el header */
#catalogo,
.toolbar#catalogo{
  scroll-margin-top:230px !important;
  position:relative !important;
  z-index:2 !important;
  padding-top:22px !important;
  padding-bottom:16px !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(199,170,133,.08), transparent 28%),
    linear-gradient(180deg,#05080d 0%,#070b10 100%) !important;
  border-top:1px solid rgba(199,170,133,.10) !important;
  border-bottom:1px solid rgba(255,255,255,.06) !important;
}
#catalogo .eyebrow,
#catalogo #currentTitle,
.toolbar #currentTitle{
  color:#ffffff !important;
  opacity:1 !important;
  text-shadow:0 6px 18px rgba(0,0,0,.35) !important;
}
#catalogo .eyebrow{color:#c7aa85 !important;}
#catalogo .controls .filter{
  cursor:pointer !important;
  pointer-events:auto !important;
  opacity:1 !important;
}

/* Ficha producto desktop: entra completa bajo el header, sin cortarse ni trabarse */
@media (min-width:900px){
  #productModal.open{
    overflow:hidden !important;
    pointer-events:auto !important;
  }
  #productModal.open .modal-card{
    overflow:hidden !important;
  }
  #productModal.open .modal-info{
    overflow:hidden !important;
    display:flex !important;
    flex-direction:column !important;
  }
  #productModal.open #modalName{
    display:block !important;
    color:#080808 !important;
    z-index:3 !important;
    position:relative !important;
    max-height:2.1em !important;
  }
  #productModal.open .brand-line,
  #productModal.open #modalBrand{
    color:#222 !important;
  }
  #productModal.open .modal-prices,
  #productModal.open .price-block{
    flex:0 0 auto !important;
  }
  #productModal.open .modal-actions{
    flex:0 0 auto !important;
  }
}

/* En carrito, la X para sacar producto siempre visible y clara */
.cart-item{
  grid-template-columns:66px minmax(0,1fr) 42px !important;
  position:relative !important;
}
.cart-item button,
.cart-remove-btn{
  width:38px !important;
  height:38px !important;
  min-width:38px !important;
  min-height:38px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:999px !important;
  background:#c7aa85 !important;
  color:#050505 !important;
  border:1px solid rgba(0,0,0,.18) !important;
  font-size:24px !important;
  font-weight:1000 !important;
  line-height:1 !important;
  opacity:1 !important;
  visibility:visible !important;
  cursor:pointer !important;
  box-shadow:0 10px 22px rgba(0,0,0,.22) !important;
}
.cart-item button:hover,
.cart-remove-btn:hover{
  transform:scale(1.04) !important;
}

@media (max-width:900px){
  #catalogo,
  .toolbar#catalogo{
    scroll-margin-top:155px !important;
    padding-top:18px !important;
  }
  .cart-item{
    grid-template-columns:58px minmax(0,1fr) 40px !important;
  }
  .cart-item button,
  .cart-remove-btn{
    width:36px !important;
    height:36px !important;
    min-width:36px !important;
    min-height:36px !important;
    font-size:22px !important;
  }
}

/* =========================================================
   ELCLUB V363 — MOBILE FLUIDO + CATEGORÍAS + PRECIOS MODAL
   ========================================================= */

/* Evita que el bloque '¿No sabés qué pala elegir?' tape el título/categorías */
.ideal-quick-access{
  position:relative !important;
  z-index:1 !important;
  margin:0 !important;
  padding:10px 14px !important;
  background:linear-gradient(180deg,#05080d,#05080d) !important;
}
#catalogo,
.toolbar{
  position:relative !important;
  z-index:2 !important;
  padding-top:28px !important;
  scroll-margin-top:190px !important;
}
#currentTitle{
  color:#ffffff !important;
  opacity:1 !important;
  visibility:visible !important;
  text-shadow:0 8px 24px rgba(0,0,0,.45) !important;
}

/* Carrito: X visible para sacar productos en todos los dispositivos */
.cart-item{
  grid-template-columns:66px minmax(0,1fr) 42px !important;
  gap:12px !important;
  align-items:center !important;
}
.cart-item > button,
.cart-item .cart-remove,
.cart-remove-final{
  width:38px !important;
  height:38px !important;
  min-width:38px !important;
  min-height:38px !important;
  border-radius:999px !important;
  border:1px solid rgba(255,255,255,.22) !important;
  background:#161b22 !important;
  color:#ffffff !important;
  font-size:25px !important;
  font-weight:1000 !important;
  line-height:1 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  box-shadow:0 8px 22px rgba(0,0,0,.25) !important;
  cursor:pointer !important;
}
.cart-item > button:hover,
.cart-remove-final:hover{
  background:#c7aa85 !important;
  color:#050505 !important;
  border-color:#c7aa85 !important;
}

/* Mobile/iOS/Android: ficha de producto fluida, sin trabarse y precio bien encuadrado */
@media (max-width: 899px){
  #productModal.open{
    position:fixed !important;
    inset:0 !important;
    width:100vw !important;
    height:100dvh !important;
    max-height:100dvh !important;
    padding:0 !important;
    align-items:stretch !important;
    justify-content:flex-start !important;
    overflow:hidden !important;
    background:rgba(0,0,0,.82) !important;
    z-index:2147483000 !important;
    overscroll-behavior:contain !important;
    -webkit-overflow-scrolling:touch !important;
  }

  #productModal.open .modal-card{
    width:100vw !important;
    height:100dvh !important;
    max-height:100dvh !important;
    min-height:0 !important;
    border-radius:0 !important;
    display:flex !important;
    flex-direction:column !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    padding:0 !important;
    background:#ffffff !important;
    -webkit-overflow-scrolling:touch !important;
    overscroll-behavior:contain !important;
  }

  #productModal.open .modal-img{
    width:100% !important;
    min-height:260px !important;
    height:42dvh !important;
    max-height:42dvh !important;
    flex:0 0 auto !important;
    padding:12px 14px !important;
    background:linear-gradient(180deg,#fffdf7,#f3efe4) !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    overflow:hidden !important;
  }

  #productModal.open #modalImg{
    width:100% !important;
    height:100% !important;
    max-width:100% !important;
    max-height:100% !important;
    object-fit:contain !important;
    object-position:center !important;
  }

  #productModal.open .modal-info{
    flex:1 0 auto !important;
    width:100% !important;
    min-height:auto !important;
    padding:18px 16px calc(24px + env(safe-area-inset-bottom)) !important;
    background:#ffffff !important;
    color:#080808 !important;
    overflow:visible !important;
  }

  #productModal.open #modalBrand,
  #productModal.open #modalName{
    color:#080808 !important;
  }

  #productModal.open #modalName{
    font-size:clamp(26px, 8vw, 38px) !important;
    line-height:.96 !important;
    margin:0 0 14px !important;
    overflow-wrap:anywhere !important;
  }

  #productModal.open .size-wrap{
    margin:10px 0 14px !important;
  }

  #productModal.open .price-block,
  #productModal.open .modal-prices{
    width:100% !important;
    max-width:100% !important;
    display:grid !important;
    gap:10px !important;
    margin:14px 0 0 !important;
    padding:0 !important;
  }

  #productModal.open .price-row{
    width:100% !important;
    max-width:100% !important;
    min-height:56px !important;
    display:grid !important;
    grid-template-columns:minmax(0,1fr) auto !important;
    align-items:center !important;
    column-gap:10px !important;
    padding:11px 13px !important;
    border-radius:18px !important;
    overflow:hidden !important;
    box-sizing:border-box !important;
    background:#f7f8f3 !important;
    border:1px solid rgba(0,0,0,.08) !important;
  }

  #productModal.open .price-row span{
    min-width:0 !important;
    font-size:10px !important;
    line-height:1.12 !important;
    color:#404040 !important;
    white-space:normal !important;
  }

  #productModal.open .price-row strong{
    min-width:0 !important;
    font-size:clamp(17px, 5.1vw, 23px) !important;
    line-height:1 !important;
    white-space:nowrap !important;
    text-align:right !important;
  }

  #productModal.open .price-row.cash{
    background:rgba(199,170,133,.16) !important;
    border-color:rgba(70,130,0,.24) !important;
  }

  #productModal.open .modal-actions{
    width:100% !important;
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:10px !important;
    margin-top:14px !important;
    padding:0 !important;
    position:static !important;
    background:transparent !important;
  }

  #productModal.open .modal-actions button{
    width:100% !important;
    min-height:52px !important;
    border-radius:18px !important;
    font-size:13px !important;
    letter-spacing:.045em !important;
  }

  #productModal.open .modal-close{
    position:fixed !important;
    top:calc(10px + env(safe-area-inset-top)) !important;
    right:12px !important;
    width:44px !important;
    height:44px !important;
    border-radius:999px !important;
    background:rgba(0,0,0,.72) !important;
    color:#fff !important;
    z-index:2147483600 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    font-size:34px !important;
  }
}

/* =========================================================
   ELCLUB V364 — MOBILE CATEGORÍAS + CARRITO SIN CÍRCULO
   ========================================================= */
@media (max-width: 900px){
  html body #cartCount,
  html body #openCart #cartCount,
  html body .site-header .cart-btn #cartCount,
  html body .site-header-v124 .cart-btn #cartCount,
  html body .cart-btn span{
    position:static !important;
    top:auto !important;
    right:auto !important;
    left:auto !important;
    bottom:auto !important;
    width:auto !important;
    min-width:0 !important;
    height:auto !important;
    min-height:0 !important;
    padding:0 !important;
    margin-left:4px !important;
    display:inline !important;
    border-radius:0 !important;
    background:transparent !important;
    background-image:none !important;
    border:0 !important;
    box-shadow:none !important;
    outline:0 !important;
    color:#c7aa85 !important;
    font-size:14px !important;
    font-weight:1000 !important;
    line-height:1 !important;
    transform:none !important;
  }

  html body #openCart,
  html body .site-header .cart-btn{
    gap:4px !important;
  }

  html body #elclubMobileDrawerV270{
    z-index:2147483500 !important;
  }

  html body #elclubMobileDrawerV270 .elclub-v270-search{
    display:none !important;
  }

  html body #elclubMobileDrawerV270 .elclub-v270-cats button{
    cursor:pointer !important;
    pointer-events:auto !important;
  }
}

/* =========================================================
   ELCLUB V365 — MENÚ MOBILE CATEGORÍAS DEFINITIVO
   ========================================================= */
@media (max-width:900px){
  #elclubCatBackdropV365{
    position:fixed !important;
    inset:0 !important;
    z-index:2147483550 !important;
    background:rgba(0,0,0,.62) !important;
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
    transition:.18s ease !important;
  }
  #elclubCatBackdropV365.open{
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
  }
  #elclubCatMenuV365{
    position:fixed !important;
    top:0 !important;
    left:0 !important;
    bottom:0 !important;
    width:min(86vw,360px) !important;
    z-index:2147483600 !important;
    transform:translateX(-105%) !important;
    transition:transform .22s ease !important;
    background:radial-gradient(circle at 20% 0%, rgba(199,170,133,.12), transparent 32%),linear-gradient(180deg,#080c10,#030507) !important;
    border-right:1px solid rgba(199,170,133,.24) !important;
    box-shadow:28px 0 80px rgba(0,0,0,.55) !important;
    padding:18px !important;
    overflow:auto !important;
    -webkit-overflow-scrolling:touch !important;
    color:#fff !important;
  }
  #elclubCatMenuV365.open{
    transform:translateX(0) !important;
  }
  #elclubCatMenuV365 .cat365-head{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:12px !important;
    margin-bottom:18px !important;
    padding-bottom:14px !important;
    border-bottom:1px solid rgba(255,255,255,.12) !important;
  }
  #elclubCatMenuV365 .cat365-head strong{
    color:#c7aa85 !important;
    font-size:13px !important;
    letter-spacing:.16em !important;
    text-transform:uppercase !important;
    font-weight:1000 !important;
  }
  #elclubCatMenuV365 .cat365-head button{
    width:38px !important;
    height:38px !important;
    border-radius:999px !important;
    border:1px solid rgba(255,255,255,.18) !important;
    background:#111820 !important;
    color:#fff !important;
    font-size:25px !important;
    line-height:1 !important;
  }
  #elclubCatMenuV365 .cat365-list{
    display:grid !important;
    gap:10px !important;
  }
  #elclubCatMenuV365 .cat365-list button{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    width:100% !important;
    min-height:48px !important;
    padding:13px 14px !important;
    border-radius:16px !important;
    border:1px solid rgba(199,170,133,.18) !important;
    background:rgba(255,255,255,.055) !important;
    color:#f7f7f2 !important;
    font-size:13px !important;
    font-weight:1000 !important;
    letter-spacing:.06em !important;
    text-transform:uppercase !important;
    text-align:left !important;
    pointer-events:auto !important;
    cursor:pointer !important;
  }
  #elclubCatMenuV365 .cat365-list button:active{
    background:#c7aa85 !important;
    color:#061000 !important;
  }

  /* Número del carrito sin círculo/burbuja */
  #cartCount,
  #openCart #cartCount,
  .cart-btn #cartCount,
  .site-header .cart-btn span{
    position:static !important;
    display:inline !important;
    width:auto !important;
    height:auto !important;
    min-width:0 !important;
    min-height:0 !important;
    padding:0 !important;
    margin-left:4px !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    color:#c7aa85 !important;
  }
}


/* =========================================================
   ELCLUB V366 — refuerzo visual/click menú mobile
   ========================================================= */
@media (max-width:900px){
  html body #elclubCatBackdropV365.open{
    display:block !important;
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
  }
  html body #elclubCatMenuV365{
    display:block !important;
    pointer-events:auto !important;
    will-change:transform !important;
  }
  html body #elclubCatMenuV365.open{
    transform:translateX(0) !important;
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
  }
  html body #elclubCatMenuV365 .cat365-list button,
  html body #elclubCatMenuV365 .cat365-head button{
    -webkit-tap-highlight-color:transparent !important;
    touch-action:manipulation !important;
    pointer-events:auto !important;
  }
  html body:not(.cat365-open) #elclubCatBackdropV365:not(.open){
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
  }
}

/* =========================================================
   ELCLUB V367 — catálogo desktop legible + modal producto prolijo
   Corrección: títulos de sección, nombres completos y botones del producto.
   ========================================================= */

/* Título del catálogo: que no quede negro sobre fondo oscuro */
html body #catalogo.toolbar,
html body section#catalogo.toolbar{
  position:relative !important;
  z-index:10 !important;
  background:linear-gradient(180deg, rgba(5,7,9,.90), rgba(5,7,9,.74)) !important;
  border-top:1px solid rgba(255,255,255,.08) !important;
  border-bottom:1px solid rgba(255,255,255,.08) !important;
  padding-top:28px !important;
  padding-bottom:24px !important;
}
html body #catalogo .eyebrow,
html body section#catalogo.toolbar .eyebrow{
  color:#c7aa85 !important;
  opacity:1 !important;
  visibility:visible !important;
  text-shadow:0 2px 14px rgba(0,0,0,.85) !important;
  font-size:12px !important;
  letter-spacing:.18em !important;
  font-weight:1000 !important;
  text-transform:uppercase !important;
}
html body #catalogo h2,
html body #currentTitle,
html body section#catalogo.toolbar h2{
  color:#ffffff !important;
  opacity:1 !important;
  visibility:visible !important;
  text-shadow:0 2px 18px rgba(0,0,0,.95) !important;
  font-weight:1000 !important;
  letter-spacing:.02em !important;
}

/* Cards: nombres completos, visibles y con contraste */
html body .product-grid#productGrid{
  align-items:stretch !important;
}
html body .product-grid#productGrid .product-card,
html body #productGrid .product-card{
  height:auto !important;
  min-height:0 !important;
  overflow:hidden !important;
  display:flex !important;
  flex-direction:column !important;
}
html body .product-grid#productGrid .product-image,
html body #productGrid .product-image{
  flex:0 0 auto !important;
}
html body .product-grid#productGrid .product-info,
html body #productGrid .product-info{
  flex:1 1 auto !important;
  min-height:178px !important;
  height:auto !important;
  padding:16px 18px 18px !important;
  background:#070707 !important;
  border-top:1px solid rgba(255,255,255,.10) !important;
  color:#fff !important;
  display:flex !important;
  flex-direction:column !important;
  gap:7px !important;
}
html body .product-grid#productGrid .brand-line,
html body #productGrid .brand-line{
  color:#c7aa85 !important;
  font-size:11px !important;
  letter-spacing:.16em !important;
  line-height:1.15 !important;
}
html body .product-grid#productGrid .product-info h3,
html body #productGrid .product-info h3,
html body .product-card h3{
  display:block !important;
  color:#ffffff !important;
  opacity:1 !important;
  visibility:visible !important;
  font-size:clamp(17px, 1.25vw, 22px) !important;
  line-height:1.08 !important;
  letter-spacing:-.02em !important;
  font-weight:1000 !important;
  margin:0 !important;
  max-height:none !important;
  overflow:visible !important;
  text-overflow:clip !important;
  white-space:normal !important;
  -webkit-line-clamp:unset !important;
  -webkit-box-orient:initial !important;
  text-shadow:0 2px 14px rgba(0,0,0,.72) !important;
}
html body .product-grid#productGrid .tone,
html body .product-grid#productGrid .variant,
html body #productGrid .tone,
html body #productGrid .variant{
  color:#dcdcdc !important;
  opacity:1 !important;
  line-height:1.22 !important;
  min-height:0 !important;
}

/* Modal del producto: botones más abajo, bien cortados y prolijos */
html body #productModal .modal-card{
  width:min(1080px, calc(100vw - 32px)) !important;
  max-height:90vh !important;
  border-radius:30px !important;
  overflow:auto !important;
  background:#080808 !important;
}
html body #productModal .modal-info{
  padding:42px 36px 34px !important;
  display:flex !important;
  flex-direction:column !important;
}
html body #productModal .modal-info h3{
  color:#fff !important;
  font-size:clamp(30px, 3.1vw, 48px) !important;
  line-height:1.02 !important;
  letter-spacing:-.035em !important;
  margin:8px 0 10px !important;
  overflow:visible !important;
  max-height:none !important;
}
html body #productModal .modal-prices{
  margin-top:18px !important;
}
html body #productModal .modal-actions{
  margin-top:26px !important;
  padding-top:18px !important;
  border-top:1px solid rgba(255,255,255,.10) !important;
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:12px !important;
  width:100% !important;
}
html body #productModal .modal-actions button,
html body #productModal #addCartBtn,
html body #productModal #buyNowBtn{
  width:100% !important;
  min-height:54px !important;
  height:54px !important;
  border-radius:16px !important;
  padding:0 16px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  font-size:13px !important;
  font-weight:1000 !important;
  letter-spacing:.06em !important;
  text-transform:uppercase !important;
  line-height:1 !important;
}
html body #productModal #addCartBtn{
  background:#c7aa85 !important;
  color:#071000 !important;
  border:1px solid #c7aa85 !important;
}
html body #productModal #buyNowBtn{
  background:#111 !important;
  color:#fff !important;
  border:1px solid rgba(199,170,133,.38) !important;
}

@media (max-width:900px){
  html body #catalogo.toolbar{
    padding:18px 16px 16px !important;
  }
  html body #catalogo h2,
  html body #currentTitle{
    font-size:28px !important;
  }
  html body .product-grid#productGrid .product-info,
  html body #productGrid .product-info{
    min-height:150px !important;
    padding:13px 12px 14px !important;
  }
  html body .product-grid#productGrid .product-info h3,
  html body #productGrid .product-info h3,
  html body .product-card h3{
    font-size:15px !important;
    line-height:1.12 !important;
  }
  html body #productModal .modal-card{
    width:calc(100vw - 18px) !important;
    max-height:92vh !important;
    border-radius:24px !important;
  }
  html body #productModal .modal-info{
    padding:24px 16px 20px !important;
  }
  html body #productModal .modal-actions{
    grid-template-columns:1fr !important;
    margin-top:22px !important;
    gap:10px !important;
  }
  html body #productModal .modal-actions button,
  html body #productModal #addCartBtn,
  html body #productModal #buyNowBtn{
    height:52px !important;
    min-height:52px !important;
    font-size:12px !important;
  }
}


/* V368 — cards blancas + detalle producto más prolijo */
html body #productGrid .product-card,
html body .product-grid#productGrid .product-card{
  background:#ffffff !important;
  color:#111111 !important;
  border:1px solid rgba(17,17,17,.08) !important;
  border-radius:28px !important;
  overflow:hidden !important;
  box-shadow:0 18px 44px rgba(0,0,0,.12) !important;
}

html body #productGrid .product-card .product-image,
html body .product-grid#productGrid .product-card .product-image{
  background:#ffffff !important;
}

html body #productGrid .product-card .product-info,
html body .product-grid#productGrid .product-card .product-info,
html body #productGrid .product-card .product-info::before,
html body #productGrid .product-card .product-info::after{
  background:#ffffff !important;
  background-image:none !important;
  color:#111111 !important;
  border-top:1px solid rgba(17,17,17,.06) !important;
  padding:16px 16px 18px !important;
  opacity:1 !important;
  filter:none !important;
}

html body #productGrid .product-card .brand-line,
html body .product-grid#productGrid .product-card .brand-line{
  color:#a1c900 !important;
  font-weight:900 !important;
  letter-spacing:.10em !important;
  text-transform:uppercase !important;
  margin-bottom:6px !important;
}

html body #productGrid .product-card h3,
html body .product-grid#productGrid .product-card h3,
html body #productGrid .product-card .product-title{
  color:#111111 !important;
  font-weight:900 !important;
  line-height:1.05 !important;
  margin:0 0 8px !important;
}

html body #productGrid .product-card .tone,
html body #productGrid .product-card .variant,
html body .product-grid#productGrid .product-card .tone,
html body .product-grid#productGrid .product-card .variant{
  color:#5f6b76 !important;
}

html body #productGrid .product-card .price-block,
html body .product-grid#productGrid .product-card .price-block{
  display:flex !important;
  flex-direction:column !important;
  gap:6px !important;
  margin-top:10px !important;
  opacity:1 !important;
}

html body #productGrid .product-card .price-main,
html body .product-grid#productGrid .product-card .price-main{
  color:#111111 !important;
  font-size:31px !important;
  font-weight:950 !important;
  line-height:1 !important;
  opacity:1 !important;
}

html body #productGrid .product-card .price-transfer,
html body .product-grid#productGrid .product-card .price-transfer{
  color:#3c8d16 !important;
  font-weight:900 !important;
  font-size:18px !important;
  line-height:1.15 !important;
  opacity:1 !important;
}

html body #productGrid .product-card .price-transfer span,
html body .product-grid#productGrid .product-card .price-transfer span{
  display:block !important;
  margin-top:2px !important;
  color:#5f6b76 !important;
  font-size:14px !important;
  font-weight:700 !important;
}

html body #productGrid .product-card .price-dues,
html body .product-grid#productGrid .product-card .price-dues{
  color:#1858c8 !important;
  font-weight:900 !important;
  font-size:16px !important;
  line-height:1.15 !important;
  opacity:1 !important;
}

html body #productGrid .product-card .card-actions,
html body .product-grid#productGrid .product-card .card-actions{
  margin-top:14px !important;
}

html body #productModal .modal-info{
  padding:56px 42px 42px !important;
}

html body #productModal .modal-prices,
html body #productModal .price-block.modal-prices{
  margin-bottom:0 !important;
}

html body #productModal .modal-actions{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:14px !important;
  margin-top:24px !important;
  padding-top:14px !important;
  border-top:1px solid rgba(17,17,17,.08) !important;
  align-items:stretch !important;
}

html body #productModal .modal-actions button,
html body #productModal #addCartBtn,
html body #productModal #buyNowBtn{
  width:100% !important;
  min-width:0 !important;
  min-height:58px !important;
  height:58px !important;
  border-radius:16px !important;
  padding:0 18px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
  font-size:13px !important;
  font-weight:900 !important;
  letter-spacing:.06em !important;
  text-transform:uppercase !important;
  overflow:hidden !important;
  white-space:nowrap !important;
}

html body #productModal #addCartBtn{
  background:#c7aa85 !important;
  color:#0b0f0c !important;
  border:1px solid #c7aa85 !important;
}

html body #productModal #buyNowBtn{
  background:#11151a !important;
  color:#ffffff !important;
  border:1px solid #11151a !important;
}

@media(max-width:980px){
  html body #productModal .modal-actions{
    grid-template-columns:1fr !important;
  }
}


/* V369 — nombres visibles + título blanco + modal más abajo y legible */
html body #currentTitle,
html body #currentTitle *,
html body .catalog-title,
html body .catalog-title *{
  color:#ffffff !important;
  opacity:1 !important;
  visibility:visible !important;
  text-shadow:0 2px 16px rgba(0,0,0,.35) !important;
}

html body #productGrid .product-card,
html body .product-grid#productGrid .product-card{
  min-height:760px !important;
}

html body #productGrid .product-card .product-info,
html body .product-grid#productGrid .product-card .product-info{
  min-height:250px !important;
  height:auto !important;
  overflow:visible !important;
  padding:18px 18px 22px !important;
  gap:8px !important;
}

html body #productGrid .product-card .product-info h3,
html body .product-grid#productGrid .product-card .product-info h3,
html body #productGrid .product-card h3,
html body .product-grid#productGrid .product-card h3{
  display:block !important;
  position:relative !important;
  z-index:2 !important;
  color:#111111 !important;
  opacity:1 !important;
  visibility:visible !important;
  font-size:clamp(19px,1.35vw,24px) !important;
  line-height:1.08 !important;
  font-weight:1000 !important;
  letter-spacing:-.02em !important;
  margin:0 0 10px !important;
  min-height:44px !important;
  white-space:normal !important;
  overflow:visible !important;
  text-overflow:clip !important;
  text-shadow:none !important;
}

html body #productGrid .product-card .variant,
html body .product-grid#productGrid .product-card .variant{
  margin-bottom:2px !important;
}

html body #productGrid .product-card .price-main,
html body .product-grid#productGrid .product-card .price-main{
  font-size:30px !important;
}

html body #productGrid .product-card .price-transfer,
html body .product-grid#productGrid .product-card .price-transfer{
  font-size:17px !important;
}

html body #productGrid .product-card .price-dues,
html body .product-grid#productGrid .product-card .price-dues{
  font-size:15px !important;
}

html body #productModal .modal-card{
  background:#ffffff !important;
}

html body #productModal .modal-info{
  padding:62px 42px 46px !important;
  background:#ffffff !important;
}

html body #productModal .modal-info::before,
html body #productModal .modal-info::after,
html body #productModal .modal-prices::before,
html body #productModal .modal-prices::after,
html body #productModal .price-row::before,
html body #productModal .price-row::after,
html body #productModal .modal-actions::before,
html body #productModal .modal-actions::after{
  content:none !important;
  display:none !important;
}

html body #productModal .modal-prices,
html body #productModal .price-block.modal-prices{
  display:flex !important;
  flex-direction:column !important;
  gap:12px !important;
  margin-top:22px !important;
  margin-bottom:0 !important;
  background:transparent !important;
}

html body #productModal .price-row{
  min-height:74px !important;
  padding:14px 18px !important;
  border-radius:18px !important;
  background:#ffffff !important;
  border:1px solid rgba(17,17,17,.10) !important;
  box-shadow:none !important;
}

html body #productModal .price-row span{
  color:#111111 !important;
  background:transparent !important;
  font-size:15px !important;
  font-weight:1000 !important;
  letter-spacing:.05em !important;
}

html body #productModal .price-row strong,
html body #productModal #modalCard,
html body #productModal #modalDues,
html body #productModal #modalCash{
  font-size:clamp(27px,2.2vw,36px) !important;
  line-height:1 !important;
  font-weight:1000 !important;
}

html body #productModal .price-row.cash strong,
html body #productModal #modalCash{
  color:#3c8d16 !important;
}

html body #productModal .price-row.dues strong,
html body #productModal #modalDues{
  color:#111111 !important;
}

html body #productModal .modal-actions{
  margin-top:36px !important;
  padding-top:22px !important;
  border-top:none !important;
  background:transparent !important;
  box-shadow:none !important;
  align-items:stretch !important;
}

html body #productModal .modal-actions button,
html body #productModal #addCartBtn,
html body #productModal #buyNowBtn{
  min-height:60px !important;
  height:60px !important;
  border-radius:16px !important;
  font-size:14px !important;
}

html body #productModal #buyNowBtn{
  background:#11151a !important;
  color:#ffffff !important;
  border:1px solid #11151a !important;
}

@media(max-width:900px){
  html body #productGrid .product-card,
  html body .product-grid#productGrid .product-card{
    min-height:690px !important;
  }
  html body #productGrid .product-card .product-info,
  html body .product-grid#productGrid .product-card .product-info{
    min-height:230px !important;
    padding:16px 14px 20px !important;
  }
  html body #productGrid .product-card .product-info h3,
  html body .product-grid#productGrid .product-card .product-info h3{
    font-size:17px !important;
    min-height:38px !important;
  }
  html body #productModal .modal-info{
    padding:28px 18px 30px !important;
  }
  html body #productModal .price-row{
    min-height:68px !important;
    padding:12px 14px !important;
  }
  html body #productModal .price-row span{
    font-size:13px !important;
  }
  html body #productModal .price-row strong,
  html body #productModal #modalCard,
  html body #productModal #modalDues,
  html body #productModal #modalCash{
    font-size:28px !important;
  }
  html body #productModal .modal-actions{
    margin-top:28px !important;
    padding-top:18px !important;
  }
}

/* =========================================================
   RECONSTRUCCIÓN LIMPIA — ESTABILIZADOR FINAL ELCLUB
   Objetivo: eliminar sombras/filtros acumulados de versiones viejas,
   mantener catálogo y carrito claros, y blindar mobile.
   ========================================================= */
html,
body{
  overflow-x:hidden !important;
}

html::before,
html::after,
body::before,
body::after,
.page-glow,
.page-glow::before,
.page-glow::after{
  content:none !important;
  display:none !important;
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
  background:transparent !important;
  filter:none !important;
  backdrop-filter:none !important;
}

body:not(.cat365-open):not(.mobile-drawer-open):not(.elclub-drawer-v270-open):not(.cart-open) #mobileNavBackdrop,
body:not(.cat365-open):not(.mobile-drawer-open):not(.elclub-drawer-v270-open):not(.cart-open) #elclubMobileBackdropV270,
body:not(.cat365-open):not(.mobile-drawer-open):not(.elclub-drawer-v270-open):not(.cart-open) .mobile-nav-backdrop,
body:not(.cat365-open):not(.mobile-drawer-open):not(.elclub-drawer-v270-open):not(.cart-open) .cart-backdrop,
body:not(.cat365-open):not(.mobile-drawer-open):not(.elclub-drawer-v270-open):not(.cart-open) .elclub-cart-backdrop{
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
  background:transparent !important;
  filter:none !important;
  backdrop-filter:none !important;
}

body.mobile-menu-open-v258::before,
body.mobile-menu-open-v258::after,
body.elclub-menu-open-v262::before,
body.elclub-menu-open-v262::after,
body.mobile-nav-open::before,
body.mobile-nav-open::after,
body.mobile-drawer-open::before,
body.mobile-drawer-open::after{
  content:none !important;
  display:none !important;
}

#catalogo,
.toolbar#catalogo,
#productGrid,
.product-grid#productGrid,
.products,
.products-section,
.catalog-section{
  isolation:isolate !important;
  position:relative !important;
  z-index:5 !important;
  filter:none !important;
  backdrop-filter:none !important;
}

#catalogo::before,
#catalogo::after,
.toolbar#catalogo::before,
.toolbar#catalogo::after,
#productGrid::before,
#productGrid::after,
.product-grid#productGrid::before,
.product-grid#productGrid::after,
.products::before,
.products::after,
.products-section::before,
.products-section::after,
.catalog-section::before,
.catalog-section::after{
  content:none !important;
  display:none !important;
  opacity:0 !important;
  visibility:hidden !important;
  background:transparent !important;
  filter:none !important;
  backdrop-filter:none !important;
}

#productGrid .product-card,
.product-grid#productGrid .product-card{
  background:#ffffff !important;
  color:#111111 !important;
  filter:none !important;
  backdrop-filter:none !important;
}

#productGrid .product-info,
.product-grid#productGrid .product-info{
  background:#ffffff !important;
  color:#111111 !important;
  filter:none !important;
  backdrop-filter:none !important;
}

#productGrid .product-info h3,
#productGrid .product-info p,
#productGrid .product-info span,
#productGrid .product-info strong{
  filter:none !important;
  backdrop-filter:none !important;
}

.cart-panel,
#cartPanel{
  background:#ffffff !important;
  color:#111111 !important;
  filter:none !important;
  backdrop-filter:none !important;
}

.cart-panel *,
#cartPanel *{
  text-shadow:none !important;
}

.cart-head button,
.modal-close{
  color:#111111 !important;
}

#cartCount,
.cart-count,
.cart-badge,
.site-header .cart-count,
.site-header-v124 .cart-count{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  outline:0 !important;
  border-radius:0 !important;
  min-width:auto !important;
  width:auto !important;
  height:auto !important;
  padding:0 !important;
  color:inherit !important;
}

#elclubCatMenuV365,
#elclubCatBackdropV365{
  -webkit-tap-highlight-color:transparent !important;
}

#elclubCatBackdropV365:not(.open){
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
}

@media(max-width:900px){
  body{
    background:#ffffff !important;
  }
  .site-header,
  .site-header-v124{
    isolation:isolate !important;
  }
  #catalogo,
  .toolbar#catalogo,
  #productGrid,
  .product-grid#productGrid{
    background:#ffffff !important;
  }
  #productGrid .product-card,
  .product-grid#productGrid .product-card{
    box-shadow:0 8px 24px rgba(0,0,0,.08) !important;
  }
  .cart-panel,
  #cartPanel{
    width:100% !important;
    background:#ffffff !important;
  }
}

/* =========================================================
   AJUSTE FINAL V370 — Producto desktop: precios más legibles
   y botones limpios sin fondo negro detrás.
   ========================================================= */
@media (min-width: 901px){
  html body #productModal.open .modal-card{
    overflow:auto !important;
  }

  html body #productModal.open .modal-info{
    padding-bottom:42px !important;
  }

  html body #productModal.open .modal-prices,
  html body #productModal.open .price-block.modal-prices{
    margin-top:22px !important;
    gap:11px !important;
  }

  html body #productModal.open .modal-prices .price-row{
    min-height:76px !important;
    padding:15px 18px !important;
    border-radius:18px !important;
  }

  html body #productModal.open .modal-prices .price-row span{
    font-size:14px !important;
    line-height:1.15 !important;
    letter-spacing:.075em !important;
  }

  html body #productModal.open .modal-prices .price-row strong,
  html body #productModal.open #modalCard,
  html body #productModal.open #modalDues,
  html body #productModal.open #modalCash{
    font-size:31px !important;
    line-height:1 !important;
    font-weight:1000 !important;
  }

  html body #productModal.open .modal-actions{
    position:static !important;
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:14px !important;
    margin-top:42px !important;
    padding:0 !important;
    background:transparent !important;
    background-image:none !important;
    box-shadow:none !important;
    border:0 !important;
    outline:0 !important;
  }

  html body #productModal.open .modal-actions::before,
  html body #productModal.open .modal-actions::after{
    content:none !important;
    display:none !important;
  }

  html body #productModal.open .modal-actions button{
    min-height:58px !important;
    width:100% !important;
    border-radius:18px !important;
    font-size:15px !important;
    font-weight:1000 !important;
    letter-spacing:.02em !important;
    box-shadow:none !important;
    filter:none !important;
    backdrop-filter:none !important;
  }

  html body #productModal.open .modal-actions #addCartBtn{
    background:#c7aa85 !important;
    color:#050505 !important;
    border:1px solid #c7aa85 !important;
  }

  html body #productModal.open .modal-actions #buyNowBtn{
    background:#050505 !important;
    color:#ffffff !important;
    border:1px solid #050505 !important;
  }
}


/* =========================================================
   AJUSTE FINAL V371 — Solo desktop: textos de catálogo en blanco
   y copy de paleta ideal actualizado. No modifica mobile.
   ========================================================= */
@media (min-width: 901px){
  html body section.ideal-quick-access a strong{
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
  }

  html body #catalogo .eyebrow,
  html body .toolbar#catalogo .eyebrow,
  html body section.toolbar#catalogo .eyebrow,
  html body #currentTitle,
  html body .toolbar#catalogo h2,
  html body section.toolbar#catalogo h2,
  html body #catalogo h2{
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
    opacity:1 !important;
    text-shadow:none !important;
  }
}

/* =========================================================
   V374 — SUBCATEGORÍAS PRO DESDE BASE LIMPIA V371
   Sólo agrega dropdowns limpios. No modifica productos/precios/carrito.
   ========================================================= */
.category-top-nav.nav-clean .shop-nav{
  position:relative !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:18px 0 !important;
  margin:-18px 0 !important;
  isolation:isolate !important;
}

.category-top-nav.nav-clean .shop-main-link{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  white-space:nowrap !important;
}

.category-top-nav.nav-clean .shop-submenu{
  position:absolute !important;
  top:100% !important;
  left:50% !important;
  transform:translateX(-50%) translateY(8px) !important;
  min-width:260px !important;
  width:max-content !important;
  max-width:min(92vw, 430px) !important;
  padding:13px !important;
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:9px !important;
  border-radius:22px !important;
  background:rgba(7,8,9,.97) !important;
  border:1px solid rgba(199,170,133,.24) !important;
  box-shadow:0 26px 70px rgba(0,0,0,.55), inset 0 1px 0 rgba(255,255,255,.06) !important;
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
  z-index:999 !important;
  transition:opacity .18s ease, transform .18s ease, visibility .18s ease !important;
  backdrop-filter:blur(14px) !important;
  -webkit-backdrop-filter:blur(14px) !important;
}

.category-top-nav.nav-clean .shop-submenu:before{
  content:"" !important;
  position:absolute !important;
  left:0 !important;
  right:0 !important;
  top:-22px !important;
  height:24px !important;
}

.category-top-nav.nav-clean .shop-nav:hover .shop-submenu,
.category-top-nav.nav-clean .shop-nav:focus-within .shop-submenu{
  opacity:1 !important;
  visibility:visible !important;
  pointer-events:auto !important;
  transform:translateX(-50%) translateY(0) !important;
}

.category-top-nav.nav-clean .shop-submenu button{
  appearance:none !important;
  -webkit-appearance:none !important;
  width:100% !important;
  min-width:220px !important;
  min-height:48px !important;
  padding:0 18px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:15px !important;
  border:1px solid rgba(255,255,255,.12) !important;
  background:linear-gradient(180deg, rgba(255,255,255,.075), rgba(255,255,255,.035)) !important;
  color:#f7f7f2 !important;
  font-size:13px !important;
  line-height:1 !important;
  font-weight:1000 !important;
  letter-spacing:.075em !important;
  text-transform:uppercase !important;
  text-align:center !important;
  white-space:nowrap !important;
  cursor:pointer !important;
  box-shadow:none !important;
  transition:background .16s ease, color .16s ease, border-color .16s ease, transform .16s ease !important;
}

.category-top-nav.nav-clean .shop-submenu button:hover,
.category-top-nav.nav-clean .shop-submenu button:focus-visible{
  background:#c7aa85 !important;
  color:#050505 !important;
  border-color:#c7aa85 !important;
  transform:translateY(-1px) !important;
  outline:none !important;
}

.category-top-nav.nav-clean .shop-submenu-brands{
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  min-width:370px !important;
}

.category-top-nav.nav-clean .shop-submenu-brands button{
  min-width:160px !important;
}

@media(max-width:900px){
  .category-top-nav.nav-clean .shop-nav{
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
    width:100% !important;
    padding:0 !important;
    margin:0 !important;
  }

  .category-top-nav.nav-clean .shop-main-link{
    width:100% !important;
  }

  .category-top-nav.nav-clean .shop-submenu,
  .category-top-nav.nav-clean .shop-submenu-brands{
    position:static !important;
    transform:none !important;
    width:100% !important;
    min-width:0 !important;
    max-width:none !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    margin-top:8px !important;
    padding:10px !important;
    border-radius:18px !important;
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
    background:rgba(255,255,255,.045) !important;
    box-shadow:none !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
  }

  .category-top-nav.nav-clean .shop-submenu:before{
    display:none !important;
  }

  .category-top-nav.nav-clean .shop-submenu button,
  .category-top-nav.nav-clean .shop-submenu-brands button{
    min-width:0 !important;
    min-height:42px !important;
    padding:0 10px !important;
    font-size:11px !important;
    border-radius:13px !important;
  }
}


/* V375 — subcategorías mobile inteligentes, grandes y prolijas */
#elclubCatMenuV365 .cat365-group{
  display:grid !important;
  gap:8px !important;
}
#elclubCatMenuV365 .cat365-sublist{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:8px !important;
  padding:0 0 4px 10px !important;
  margin-top:-2px !important;
}
#elclubCatMenuV365 .cat365-list .cat365-subbtn{
  min-height:42px !important;
  border-radius:14px !important;
  padding:10px 12px !important;
  background:rgba(199,170,133,.08) !important;
  border:1px solid rgba(199,170,133,.22) !important;
  color:#f7f7f2 !important;
  font-size:12px !important;
  letter-spacing:.04em !important;
  justify-content:center !important;
  text-align:center !important;
}
#elclubCatMenuV365 .cat365-list .cat365-subbtn:active{
  background:#c7aa85 !important;
  color:#061000 !important;
}

/* === FIX MOBILE OVERLAY V377 === */
@media (max-width: 768px){
  body::before,
  body::after,
  .mobile-overlay,
  .mobile-backdrop,
  .menu-backdrop,
  .cart-backdrop,
  .elclub-overlay,
  .elclub-mobile-overlay,
  #mobileNavBackdrop,
  #elclubMobileBackdropV270,
  .elclub-cart-backdrop,
  [class*="overlay"],
  [class*="backdrop"]{
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
    display:none !important;
    background:transparent !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
    filter:none !important;
  }

  html,body{
    overflow-x:hidden !important;
    background:#fff !important;
  }

  main,
  .product-grid,
  .products-grid,
  .product-card,
  .product-image{
    background:#fff !important;
  }

  .product-grid,
  .products-grid,
  .product-card{
    position:relative !important;
    z-index:2 !important;
  }

  .product-card:empty{
    display:none !important;
  }
}

/* =========================================================
   ELCLUB V378 — CSS LIMPIO MOBILE: un solo menú, cero overlays fantasma
   ========================================================= */
@media (max-width:900px){
  body:not(.elclub-root-menu-open-v378) #mobileDrawer,
  body:not(.elclub-root-menu-open-v378) #elclubMobileDrawerV270,
  body:not(.elclub-root-menu-open-v378) #mobileNavBackdrop,
  body:not(.elclub-root-menu-open-v378) #elclubMobileBackdropV270,
  body:not(.elclub-root-menu-open-v378) #elclubCatMenuV365,
  body:not(.elclub-root-menu-open-v378) #elclubCatBackdropV365,
  body:not(.elclub-root-menu-open-v378) .mobile-nav-backdrop,
  body:not(.elclub-root-menu-open-v378) .mobile-drawer,
  body:not(.elclub-root-menu-open-v378) .elclub-mobile-drawer-v270,
  body:not(.elclub-root-menu-open-v378) .elclub-mobile-menu-v262{
    display:none !important;
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
    transform:translateX(-120%) !important;
    background:transparent !important;
    background-image:none !important;
    filter:none !important;
    -webkit-filter:none !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
  }

  body::before,
  body::after,
  html::before,
  html::after,
  main::before,
  main::after,
  #catalogo::before,
  #catalogo::after,
  #productGrid::before,
  #productGrid::after,
  .product-grid::before,
  .product-grid::after{
    content:none !important;
    display:none !important;
    opacity:0 !important;
    pointer-events:none !important;
    background:none !important;
    filter:none !important;
    -webkit-filter:none !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
  }

  html, body, main, #catalogo, .toolbar#catalogo, #productGrid, .product-grid{
    background:#fff !important;
    background-image:none !important;
    filter:none !important;
    -webkit-filter:none !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
    mix-blend-mode:normal !important;
    opacity:1 !important;
  }

  #productGrid, .product-grid{
    position:relative !important;
    z-index:2 !important;
    isolation:isolate !important;
  }

  #productGrid > .product-card:empty,
  .product-grid > .product-card:empty,
  #productGrid > article:empty{
    display:none !important;
  }

  #elclubRootMobileShadeV378{
    position:fixed !important;
    inset:0 !important;
    z-index:2147483000 !important;
    background:rgba(0,0,0,.46) !important;
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
    transition:opacity .22s ease, visibility .22s ease !important;
    filter:none !important;
    -webkit-filter:none !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
  }
  #elclubRootMobileShadeV378.open{
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
  }

  #elclubRootMobileMenuV378{
    position:fixed !important;
    top:0 !important;
    left:0 !important;
    width:min(86vw,360px) !important;
    height:100dvh !important;
    z-index:2147483100 !important;
    background:#070807 !important;
    color:#fff !important;
    transform:translateX(-105%) !important;
    transition:transform .24s ease !important;
    display:flex !important;
    flex-direction:column !important;
    box-shadow:24px 0 70px rgba(0,0,0,.38) !important;
    border-right:1px solid rgba(199,170,133,.20) !important;
    overflow:hidden !important;
    filter:none !important;
    -webkit-filter:none !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
  }
  #elclubRootMobileMenuV378.open{
    transform:translateX(0) !important;
  }
  #elclubRootMobileMenuV378 .root378-head{
    min-height:74px !important;
    padding:18px 16px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    border-bottom:1px solid rgba(255,255,255,.10) !important;
    background:#050505 !important;
  }
  #elclubRootMobileMenuV378 .root378-head strong{
    font-size:18px !important;
    font-weight:1000 !important;
    letter-spacing:.08em !important;
    text-transform:uppercase !important;
    color:#f7f7f2 !important;
  }
  #elclubRootMobileMenuV378 .root378-close{
    width:42px !important;
    height:42px !important;
    border-radius:14px !important;
    border:1px solid rgba(255,255,255,.14) !important;
    background:#111 !important;
    color:#fff !important;
    font-size:27px !important;
    line-height:1 !important;
  }
  #elclubRootMobileMenuV378 .root378-list{
    padding:14px !important;
    display:grid !important;
    gap:10px !important;
    overflow:auto !important;
    -webkit-overflow-scrolling:touch !important;
  }
  #elclubRootMobileMenuV378 .root378-group{
    display:grid !important;
    gap:8px !important;
  }
  #elclubRootMobileMenuV378 .root378-main,
  #elclubRootMobileMenuV378 .root378-subbtn{
    appearance:none !important;
    -webkit-appearance:none !important;
    border-radius:16px !important;
    min-height:48px !important;
    padding:12px 14px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    border:1px solid rgba(255,255,255,.12) !important;
    background:#121212 !important;
    color:#f7f7f2 !important;
    font-size:13px !important;
    font-weight:1000 !important;
    letter-spacing:.055em !important;
    text-transform:uppercase !important;
    text-align:center !important;
  }
  #elclubRootMobileMenuV378 .root378-main:active,
  #elclubRootMobileMenuV378 .root378-subbtn:active{
    background:#c7aa85 !important;
    border-color:#c7aa85 !important;
    color:#061000 !important;
  }
  #elclubRootMobileMenuV378 .root378-sub{
    padding:0 0 3px 8px !important;
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:8px !important;
  }
  #elclubRootMobileMenuV378 .root378-subbtn{
    min-height:42px !important;
    border-radius:14px !important;
    padding:10px 9px !important;
    background:rgba(199,170,133,.08) !important;
    border-color:rgba(199,170,133,.22) !important;
    font-size:11px !important;
    letter-spacing:.035em !important;
  }
}


/* =========================================================
   ELCLUB V379 — ELIMINACIÓN REAL DE CAPA MOBILE + MENÚ ESTABLE
   Diagnóstico: el menú/drawer cerrado podía quedar fuera de pantalla
   con box-shadow activo, generando una sombra gris sobre el catálogo.
   ========================================================= */
@media (max-width:900px){
  /* El menú raíz cerrado no puede pintar sombra ni capturar clicks. */
  #elclubRootMobileMenuV378{
    transform:translateX(-125%) !important;
    visibility:hidden !important;
    opacity:0 !important;
    pointer-events:none !important;
    box-shadow:none !important;
  }
  body.elclub-root-menu-open-v378 #elclubRootMobileMenuV378.open{
    transform:translateX(0) !important;
    visibility:visible !important;
    opacity:1 !important;
    pointer-events:auto !important;
    box-shadow:24px 0 70px rgba(0,0,0,.38) !important;
  }

  /* El fondo oscuro solo existe con el menú abierto. Una clase .open suelta no alcanza. */
  #elclubRootMobileShadeV378{
    display:none !important;
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
    background:transparent !important;
  }
  body.elclub-root-menu-open-v378 #elclubRootMobileShadeV378.open{
    display:block !important;
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
    background:rgba(0,0,0,.46) !important;
  }

  /* Drawers/backdrops viejos: fuera del menú abierto no existen visualmente. */
  body:not(.elclub-root-menu-open-v378) .mobile-nav-backdrop,
  body:not(.elclub-root-menu-open-v378) .elclub-cart-backdrop,
  body:not(.elclub-root-menu-open-v378) .cart-backdrop,
  body:not(.elclub-root-menu-open-v378) .mobile-drawer,
  body:not(.elclub-root-menu-open-v378) .nav-drawer,
  body:not(.elclub-root-menu-open-v378) .category-panel,
  body:not(.elclub-root-menu-open-v378) [id*="Backdrop"],
  body:not(.elclub-root-menu-open-v378) [id*="backdrop"],
  body:not(.elclub-root-menu-open-v378) [class*="backdrop"],
  body:not(.elclub-root-menu-open-v378) [class*="Backdrop"]{
    display:none !important;
    visibility:hidden !important;
    opacity:0 !important;
    pointer-events:none !important;
    box-shadow:none !important;
    filter:none !important;
    -webkit-filter:none !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
  }

  /* El catálogo y las cards quedan aislados y por encima de sombras heredadas del hero. */
  #catalogo, .toolbar#catalogo, section.toolbar#catalogo, #productGrid, .product-grid{
    background:#fff !important;
    background-image:none !important;
    isolation:isolate !important;
    position:relative !important;
    z-index:10 !important;
    box-shadow:none !important;
    filter:none !important;
    -webkit-filter:none !important;
  }
  #catalogo::before,#catalogo::after,
  .toolbar#catalogo::before,.toolbar#catalogo::after,
  #productGrid::before,#productGrid::after,
  .product-grid::before,.product-grid::after{
    content:none !important;
    display:none !important;
  }

  /* Botón hamburguesa siempre tocable en mobile. */
  #mobileMenuToggleFinal, #mobileMenuToggle, .mobile-menu-toggle{
    pointer-events:auto !important;
    touch-action:manipulation !important;
    position:relative !important;
    z-index:2147483200 !important;
  }
}

/* =========================================================
   ELCLUB V380 — DIAGNÓSTICO EXTENSIVO / CORRECCIÓN RAÍZ MOBILE
   1) Neutraliza definitivamente menús/backdrops viejos cerrados que seguían
      proyectando sombra gris desde la izquierda.
   2) Deja un único menú mobile nuevo (#elclubMobileMenuV380).
   3) Ajusta cards mobile: borde negro fino, menor altura y active verde lima.
   ========================================================= */
@media (max-width:900px){
  /* Capas viejas: aunque algún JS viejo las reconstruya, cerradas no existen visualmente. */
  body:not(.elclub-mobile-v380-open) #elclubCatMenuV365,
  body:not(.elclub-mobile-v380-open) #elclubCatBackdropV365,
  body:not(.elclub-mobile-v380-open) #elclubRootMobileMenuV378,
  body:not(.elclub-mobile-v380-open) #elclubRootMobileShadeV378,
  body:not(.elclub-mobile-v380-open) #elclubMobileDrawerV270,
  body:not(.elclub-mobile-v380-open) #elclubMobileBackdropV270,
  body:not(.elclub-mobile-v380-open) #mobileDrawer,
  body:not(.elclub-mobile-v380-open) #mobileNavBackdrop,
  body:not(.elclub-mobile-v380-open) .mobile-nav-backdrop,
  body:not(.elclub-mobile-v380-open) .elclub-mobile-drawer-v270,
  body:not(.elclub-mobile-v380-open) .elclub-mobile-menu-v262,
  body:not(.elclub-mobile-v380-open) .mobile-drawer,
  body:not(.elclub-mobile-v380-open) .nav-drawer,
  body:not(.elclub-mobile-v380-open) .category-panel,
  body:not(.elclub-mobile-v380-open) .menu-backdrop,
  body:not(.elclub-mobile-v380-open) .mobile-backdrop{
    display:none !important;
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
    transform:translateX(-140%) !important;
    box-shadow:none !important;
    background:transparent !important;
    background-image:none !important;
    filter:none !important;
    -webkit-filter:none !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
  }

  body:not(.elclub-mobile-v380-open)::before,
  body:not(.elclub-mobile-v380-open)::after,
  html::before,
  html::after,
  main::before,
  main::after,
  #catalogo::before,
  #catalogo::after,
  #productGrid::before,
  #productGrid::after,
  .product-grid::before,
  .product-grid::after,
  .product-card::before,
  .product-card::after,
  .product-info::before,
  .product-info::after{
    content:none !important;
    display:none !important;
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
    box-shadow:none !important;
    filter:none !important;
    -webkit-filter:none !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
  }

  html, body, main, #catalogo, .toolbar#catalogo, section#catalogo, #productGrid, .product-grid{
    background:#fff !important;
    background-image:none !important;
    box-shadow:none !important;
    filter:none !important;
    -webkit-filter:none !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
    mix-blend-mode:normal !important;
    opacity:1 !important;
  }

  #catalogo, .toolbar#catalogo, #productGrid, .product-grid{
    isolation:isolate !important;
    position:relative !important;
    z-index:20 !important;
  }

  /* Único menú mobile real */
  #elclubMobileShadeV380{
    position:fixed !important;
    inset:0 !important;
    z-index:2147483500 !important;
    display:none !important;
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
    background:transparent !important;
    transition:opacity .18s ease !important;
    filter:none !important;
    -webkit-filter:none !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
  }
  body.elclub-mobile-v380-open #elclubMobileShadeV380{
    display:block !important;
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
    background:rgba(0,0,0,.42) !important;
  }

  #elclubMobileMenuV380{
    position:fixed !important;
    top:0 !important;
    left:0 !important;
    bottom:0 !important;
    width:min(88vw,370px) !important;
    height:100dvh !important;
    z-index:2147483600 !important;
    display:flex !important;
    flex-direction:column !important;
    transform:translateX(-135%) !important;
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
    background:#070807 !important;
    color:#fff !important;
    border-right:1px solid rgba(199,170,133,.22) !important;
    box-shadow:none !important;
    overflow:hidden !important;
    transition:transform .22s ease, opacity .16s ease, visibility .16s ease !important;
    filter:none !important;
    -webkit-filter:none !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
  }
  body.elclub-mobile-v380-open #elclubMobileMenuV380.open{
    transform:translateX(0) !important;
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
    box-shadow:18px 0 44px rgba(0,0,0,.34) !important;
  }
  #elclubMobileMenuV380 .v380-head{
    min-height:68px !important;
    padding:16px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    border-bottom:1px solid rgba(255,255,255,.10) !important;
    background:#050505 !important;
  }
  #elclubMobileMenuV380 .v380-head strong{
    color:#c7aa85 !important;
    font-size:14px !important;
    font-weight:1000 !important;
    letter-spacing:.14em !important;
    text-transform:uppercase !important;
  }
  #elclubMobileMenuV380 .v380-close{
    width:38px !important;
    height:38px !important;
    border-radius:12px !important;
    border:1px solid rgba(255,255,255,.16) !important;
    background:#111 !important;
    color:#fff !important;
    font-size:26px !important;
    line-height:1 !important;
  }
  #elclubMobileMenuV380 .v380-list{
    padding:14px !important;
    overflow:auto !important;
    -webkit-overflow-scrolling:touch !important;
    display:grid !important;
    gap:10px !important;
  }
  #elclubMobileMenuV380 .v380-group{display:grid !important;gap:8px !important;}
  #elclubMobileMenuV380 .v380-main,
  #elclubMobileMenuV380 .v380-sub{
    appearance:none !important;
    -webkit-appearance:none !important;
    width:100% !important;
    min-height:46px !important;
    padding:11px 13px !important;
    border-radius:14px !important;
    border:1px solid rgba(255,255,255,.14) !important;
    background:#121212 !important;
    color:#f8f8f3 !important;
    font-size:12px !important;
    font-weight:1000 !important;
    letter-spacing:.055em !important;
    text-transform:uppercase !important;
    text-align:center !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    -webkit-tap-highlight-color:transparent !important;
    touch-action:manipulation !important;
  }
  #elclubMobileMenuV380 .v380-subgrid{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:8px !important;
    padding-left:8px !important;
  }
  #elclubMobileMenuV380 .v380-sub{
    min-height:40px !important;
    padding:9px 8px !important;
    border-radius:12px !important;
    background:rgba(199,170,133,.08) !important;
    border-color:rgba(199,170,133,.24) !important;
    font-size:11px !important;
    letter-spacing:.035em !important;
  }
  #elclubMobileMenuV380 .v380-main:active,
  #elclubMobileMenuV380 .v380-sub:active{
    background:#c7aa85 !important;
    border-color:#c7aa85 !important;
    color:#061000 !important;
  }

  /* Nuevo botón hamburguesa propio: evita handlers viejos rotos. */
  #mobileMenuToggleV380{
    display:inline-flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    gap:4px !important;
    width:42px !important;
    height:42px !important;
    border-radius:14px !important;
    border:1px solid rgba(255,255,255,.13) !important;
    background:#080808 !important;
    color:#fff !important;
    position:relative !important;
    z-index:2147483650 !important;
    pointer-events:auto !important;
    touch-action:manipulation !important;
    -webkit-tap-highlight-color:transparent !important;
  }
  #mobileMenuToggleV380 span{
    display:block !important;
    width:18px !important;
    height:2px !important;
    border-radius:999px !important;
    background:#fff !important;
  }
  #mobileMenuToggleFinal,
  #mobileMenuToggle,
  .mobile-menu-toggle:not(#mobileMenuToggleV380){
    display:none !important;
    pointer-events:none !important;
  }

  /* Cards producto mobile: contorno negro fino, más compactas, active verde lima. */
  #productGrid{
    gap:14px !important;
    padding-left:14px !important;
    padding-right:14px !important;
  }
  #productGrid .product-card,
  .product-grid .product-card{
    min-height:0 !important;
    height:auto !important;
    border:1px solid #151515 !important;
    border-radius:22px !important;
    background:#fff !important;
    background-image:none !important;
    box-shadow:none !important;
    overflow:hidden !important;
    filter:none !important;
    -webkit-filter:none !important;
    transform:none !important;
  }
  #productGrid .product-card:active,
  #productGrid .product-card:focus-within,
  .product-grid .product-card:active,
  .product-grid .product-card:focus-within{
    border-color:#c7aa85 !important;
    box-shadow:0 0 0 1px #c7aa85 !important;
  }
  #productGrid .product-image,
  .product-grid .product-image,
  #productGrid .product-card[data-category="Paletas"] .product-image,
  .product-grid .product-card[data-category="Paletas"] .product-image{
    height:300px !important;
    min-height:0 !important;
    background:#fff !important;
    background-image:none !important;
    border-bottom:1px solid rgba(0,0,0,.08) !important;
  }
  #productGrid .product-image:before,
  .product-grid .product-image:before,
  #productGrid .product-image:after,
  .product-grid .product-image:after{
    content:none !important;
    display:none !important;
  }
  #productGrid .product-image img,
  .product-grid .product-image img{
    width:92% !important;
    height:92% !important;
    object-fit:contain !important;
    filter:none !important;
    -webkit-filter:none !important;
    transform:none !important;
  }
  #productGrid .product-info,
  .product-grid .product-info{
    background:#fff !important;
    padding:14px 13px 13px !important;
    color:#111 !important;
  }
}

/* =========================================================
   ELCLUB V381 — MOBILE FINAL: un solo botón hamburguesa + menú por niveles
   - elimina el botón duplicado del centro (#mobileMenuToggleV380)
   - deja activo el botón original de la izquierda (#mobileMenuToggleFinal)
   - categorías primero, subcategorías después
   - cards mobile con borde negro fino y verde solo al tocar
   ========================================================= */
@media (max-width: 900px){
  html body #mobileMenuToggleV380{
    display:none !important;
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
    position:absolute !important;
    transform:translateX(-9999px) !important;
  }

  html body .site-header #mobileMenuToggleFinal,
  html body #mobileMenuToggleFinal{
    display:inline-flex !important;
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
    align-items:center !important;
    justify-content:center !important;
    flex-direction:column !important;
    gap:5px !important;
    width:56px !important;
    height:56px !important;
    border-radius:18px !important;
    border:1px solid rgba(255,255,255,.14) !important;
    background:#070707 !important;
    box-shadow:none !important;
    position:absolute !important;
    left:18px !important;
    top:50% !important;
    transform:translateY(-50%) !important;
    z-index:80 !important;
    touch-action:manipulation !important;
    -webkit-tap-highlight-color:transparent !important;
  }
  html body #mobileMenuToggleFinal span{
    display:block !important;
    width:24px !important;
    height:3px !important;
    border-radius:999px !important;
    background:#fff !important;
    margin:0 !important;
  }
  html body .header-main-row{
    position:relative !important;
  }

  #elclubMobileShadeV381{
    position:fixed !important;
    inset:0 !important;
    z-index:2147483600 !important;
    display:none !important;
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
    background:rgba(0,0,0,.38) !important;
    filter:none !important;
    -webkit-filter:none !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
  }
  body.elclub-mobile-v381-open #elclubMobileShadeV381{
    display:block !important;
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
  }

  #elclubMobileMenuV381{
    position:fixed !important;
    top:0 !important;
    left:0 !important;
    bottom:0 !important;
    width:min(88vw,370px) !important;
    height:100dvh !important;
    z-index:2147483700 !important;
    display:flex !important;
    flex-direction:column !important;
    transform:translateX(-110%) !important;
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
    background:#070707 !important;
    color:#fff !important;
    border-right:1px solid rgba(199,170,133,.22) !important;
    box-shadow:none !important;
    overflow:hidden !important;
    transition:transform .22s ease, opacity .16s ease, visibility .16s ease !important;
    filter:none !important;
    -webkit-filter:none !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
  }
  body.elclub-mobile-v381-open #elclubMobileMenuV381.open{
    transform:translateX(0) !important;
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
    box-shadow:14px 0 34px rgba(0,0,0,.28) !important;
  }
  #elclubMobileMenuV381 .v381-head{
    min-height:70px !important;
    padding:16px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    border-bottom:1px solid rgba(255,255,255,.10) !important;
    background:#050505 !important;
  }
  #elclubMobileMenuV381 .v381-head strong{
    color:#c7aa85 !important;
    font-size:14px !important;
    font-weight:1000 !important;
    letter-spacing:.14em !important;
    text-transform:uppercase !important;
  }
  #elclubMobileMenuV381 .v381-close{
    width:38px !important;
    height:38px !important;
    border-radius:12px !important;
    border:1px solid rgba(255,255,255,.16) !important;
    background:#111 !important;
    color:#fff !important;
    font-size:26px !important;
    line-height:1 !important;
  }
  #elclubMobileMenuV381 .v381-list{
    padding:14px !important;
    overflow:auto !important;
    -webkit-overflow-scrolling:touch !important;
    display:grid !important;
    gap:10px !important;
  }
  #elclubMobileMenuV381 .v381-group{display:grid !important;gap:8px !important;}
  #elclubMobileMenuV381 .v381-main,
  #elclubMobileMenuV381 .v381-sub{
    appearance:none !important;
    -webkit-appearance:none !important;
    width:100% !important;
    min-height:46px !important;
    padding:11px 13px !important;
    border-radius:14px !important;
    border:1px solid rgba(255,255,255,.14) !important;
    background:#121212 !important;
    color:#f8f8f3 !important;
    font-size:12px !important;
    font-weight:1000 !important;
    letter-spacing:.055em !important;
    text-transform:uppercase !important;
    text-align:center !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    -webkit-tap-highlight-color:transparent !important;
    touch-action:manipulation !important;
  }
  #elclubMobileMenuV381 .v381-main span:last-child{color:#c7aa85 !important;font-size:16px !important;}
  #elclubMobileMenuV381 .v381-subgrid{
    display:none !important;
    grid-template-columns:1fr !important;
    gap:8px !important;
    padding-left:8px !important;
  }
  #elclubMobileMenuV381 .v381-group.open .v381-subgrid{display:grid !important;}
  #elclubMobileMenuV381 .v381-sub{
    min-height:40px !important;
    padding:9px 11px !important;
    border-radius:12px !important;
    background:rgba(199,170,133,.08) !important;
    border-color:rgba(199,170,133,.24) !important;
    font-size:11px !important;
    letter-spacing:.035em !important;
    justify-content:center !important;
  }
  #elclubMobileMenuV381 .v381-sub.ver-todo{
    background:#c7aa85 !important;
    color:#061000 !important;
    border-color:#c7aa85 !important;
  }
  #elclubMobileMenuV381 .v381-main:active,
  #elclubMobileMenuV381 .v381-sub:active{
    background:#c7aa85 !important;
    border-color:#c7aa85 !important;
    color:#061000 !important;
  }

  body:not(.elclub-mobile-v381-open) #elclubMobileMenuV381,
  body:not(.elclub-mobile-v381-open) #elclubMobileShadeV381,
  body:not(.elclub-mobile-v381-open) #elclubMobileMenuV380,
  body:not(.elclub-mobile-v381-open) #elclubMobileShadeV380,
  body:not(.elclub-mobile-v381-open) #elclubRootMobileMenuV378,
  body:not(.elclub-mobile-v381-open) #elclubRootMobileShadeV378,
  body:not(.elclub-mobile-v381-open) #elclubCatMenuV365,
  body:not(.elclub-mobile-v381-open) #elclubCatBackdropV365{
    display:none !important;
    visibility:hidden !important;
    opacity:0 !important;
    pointer-events:none !important;
    transform:translateX(-130%) !important;
    box-shadow:none !important;
  }

  /* Cards producto mobile: borde negro fino normal y verde lima solo al presionar. */
  html body #productGrid .product-card,
  html body .product-grid .product-card{
    border:1px solid #111 !important;
    border-radius:20px !important;
    background:#fff !important;
    box-shadow:none !important;
    overflow:hidden !important;
  }
  html body #productGrid .product-card:active,
  html body #productGrid .product-card:focus-within,
  html body .product-grid .product-card:active,
  html body .product-grid .product-card:focus-within{
    border-color:#c7aa85 !important;
    box-shadow:0 0 0 1px #c7aa85 !important;
  }
  html body #productGrid .product-image,
  html body .product-grid .product-image,
  html body #productGrid .product-card[data-category="Paletas"] .product-image,
  html body .product-grid .product-card[data-category="Paletas"] .product-image{
    height:260px !important;
    min-height:0 !important;
    background:#fff !important;
    border-bottom:1px solid rgba(0,0,0,.08) !important;
  }
  html body #productGrid .product-image img,
  html body .product-grid .product-image img{
    width:90% !important;
    height:90% !important;
    object-fit:contain !important;
  }
  html body #productGrid .product-info,
  html body .product-grid .product-info{
    padding:13px 12px 12px !important;
  }
}


/* =========================================================
   ELCLUB V382 — PATCH PEDIDO: solo mobile header + categorías + texto ideal
   ========================================================= */
@media (max-width: 900px){
  html body .site-header.site-header-v124 > .header-main-row,
  html body .site-header-v124 .header-main-row,
  html body .site-header .header-main-row{
    position:relative !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-height:62px !important;
    width:100% !important;
    padding-left:82px !important;
    padding-right:82px !important;
  }

  html body .site-header-v124 .brand,
  html body .site-header .brand{
    position:relative !important;
    left:auto !important;
    right:auto !important;
    margin:0 auto !important;
    display:flex !important;
    justify-content:center !important;
    align-items:center !important;
    z-index:70 !important;
  }

  html body .site-header-v124 .header-actions,
  html body .site-header .header-actions{
    display:contents !important;
  }

  html body .site-header #mobileMenuToggleFinal,
  html body #mobileMenuToggleFinal{
    position:absolute !important;
    left:14px !important;
    right:auto !important;
    top:50% !important;
    transform:translateY(-50%) !important;
    z-index:2147483200 !important;
  }

  html body .site-header #openCart,
  html body .site-header .cart-btn,
  html body #openCart{
    position:absolute !important;
    right:14px !important;
    left:auto !important;
    top:50% !important;
    transform:translateY(-50%) !important;
    z-index:2147483200 !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-width:56px !important;
    height:56px !important;
    border-radius:18px !important;
    border:1px solid rgba(255,255,255,.14) !important;
    background:#070707 !important;
    color:#fff !important;
    box-shadow:none !important;
    pointer-events:auto !important;
    touch-action:manipulation !important;
  }

  html body .ideal-quick-access,
  html body section.ideal-quick-access{
    background:#fff !important;
    color:#050505 !important;
  }
  html body .ideal-quick-access a,
  html body section.ideal-quick-access a,
  html body .ideal-quick-access strong,
  html body section.ideal-quick-access strong{
    color:#050505 !important;
    text-shadow:none !important;
  }
}

/* =========================================================
   ELCLUB V382 — AJUSTE FINO MOBILE HEADER + MENÚ FUNCIONAL
   Solo mobile: hamburguesa y carrito arriba del buscador.
   ========================================================= */
@media (max-width: 900px){
  html body .site-header.site-header-v124 > .header-main-row,
  html body .site-header-v124 .header-main-row{
    position:relative !important;
    display:grid !important;
    grid-template-columns:64px minmax(0,1fr) 92px !important;
    grid-template-rows:44px 48px !important;
    column-gap:8px !important;
    row-gap:8px !important;
    align-items:center !important;
    height:100px !important;
    min-height:100px !important;
    max-height:100px !important;
    padding:0 !important;
    margin:0 !important;
  }

  html body .site-header-v124 .brand{
    grid-column:2 !important;
    grid-row:1 !important;
    justify-self:center !important;
    align-self:center !important;
    position:relative !important;
    z-index:70 !important;
    transform:translateY(-7px) !important;
  }

  html body .site-header-v124 .header-search-wrap{
    grid-column:1 / -1 !important;
    grid-row:2 !important;
    justify-self:stretch !important;
    align-self:center !important;
    width:100% !important;
    max-width:100% !important;
    margin:0 !important;
    transform:translateY(-2px) !important;
    position:relative !important;
    z-index:60 !important;
  }

  html body .site-header-v124 .header-actions{
    display:contents !important;
  }

  html body .site-header #mobileMenuToggleFinal,
  html body #mobileMenuToggleFinal,
  html body .site-header.site-header-v124 .mobile-menu-toggle{
    grid-column:1 !important;
    grid-row:1 !important;
    justify-self:start !important;
    align-self:center !important;
    position:relative !important;
    left:auto !important;
    top:auto !important;
    transform:translateY(-8px) !important;
    z-index:2147483200 !important;
    width:52px !important;
    height:52px !important;
    pointer-events:auto !important;
    touch-action:manipulation !important;
  }

  html body .site-header-v124 #openCart,
  html body .site-header-v124 .cart-btn{
    grid-column:3 !important;
    grid-row:1 !important;
    justify-self:end !important;
    align-self:center !important;
    position:relative !important;
    right:auto !important;
    top:auto !important;
    transform:translateY(-8px) !important;
    z-index:2147483200 !important;
    pointer-events:auto !important;
    touch-action:manipulation !important;
    white-space:nowrap !important;
  }

  html body .ideal-mobile-card,
  html body .ideal-mobile-card a,
  html body .mobile-ideal-link,
  html body a[href="#mobileIdeal"]{
    color:#050505 !important;
  }
}


/* =========================================================
   ELCLUB V384 — ajuste fino pedido
   Solo mobile: baja un poco hamburguesa y carrito, siguen arriba del buscador.
   ========================================================= */
@media (max-width: 900px){
  html body .site-header #mobileMenuToggleFinal,
  html body #mobileMenuToggleFinal,
  html body .site-header.site-header-v124 .mobile-menu-toggle{
    transform:translateY(-2px) !important;
  }
  html body .site-header-v124 #openCart,
  html body .site-header-v124 .cart-btn{
    transform:translateY(-2px) !important;
  }
}

/* =========================================================
   ELCLUB V385 — MOBILE HEADER/MENÚ LIMPIO
   Botón nuevo aislado para que los listeners viejos no interfieran.
   ========================================================= */
@media (max-width: 900px){
  html body .site-header-v124 .header-actions{
    grid-column:1 / -1 !important;
    grid-row:1 !important;
    width:100% !important;
    height:44px !important;
    min-height:44px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    padding:0 2px !important;
    margin:4px 0 0 0 !important;
    position:relative !important;
    z-index:2147482500 !important;
    pointer-events:none !important;
    transform:translateY(5px) !important;
  }

  html body #elclubMenuButtonV385,
  html body .site-header-v124 #elclubMenuButtonV385{
    appearance:none !important;
    -webkit-appearance:none !important;
    width:42px !important;
    height:42px !important;
    min-width:42px !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    padding:8px 6px !important;
    margin:0 !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    justify-content:center !important;
    gap:5px !important;
    cursor:pointer !important;
    pointer-events:auto !important;
    touch-action:manipulation !important;
    -webkit-tap-highlight-color:transparent !important;
    position:relative !important;
    z-index:2147483001 !important;
    box-shadow:none !important;
  }

  html body #elclubMenuButtonV385 span{
    display:block !important;
    width:24px !important;
    height:3px !important;
    border-radius:999px !important;
    background:#ffffff !important;
    margin:0 !important;
    pointer-events:none !important;
  }

  html body .site-header-v124 .header-actions #openCart,
  html body .site-header-v124 .header-actions .cart-btn{
    pointer-events:auto !important;
    position:relative !important;
    z-index:2147483001 !important;
    transform:none !important;
    margin:0 !important;
  }

  html body .site-header-v124 .header-search-wrap{
    grid-column:1 / -1 !important;
    grid-row:2 !important;
    width:100% !important;
    margin-top:0 !important;
    position:relative !important;
    z-index:20 !important;
  }

  #elclubMenuV385{
    position:fixed !important;
    top:0 !important;
    left:0 !important;
    bottom:0 !important;
    width:min(88vw,370px) !important;
    height:100dvh !important;
    z-index:2147483646 !important;
    display:flex !important;
    flex-direction:column !important;
    transform:translateX(-112%) !important;
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
    background:#070707 !important;
    color:#fff !important;
    border-right:1px solid rgba(199,170,133,.22) !important;
    box-shadow:none !important;
    overflow:hidden !important;
    transition:transform .22s ease, opacity .16s ease, visibility .16s ease !important;
    filter:none !important;
    -webkit-filter:none !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
  }

  body.elclub-menu-v385-open #elclubMenuV385.open{
    transform:translateX(0) !important;
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
    box-shadow:14px 0 34px rgba(0,0,0,.28) !important;
  }

  #elclubShadeV385{
    position:fixed !important;
    inset:0 !important;
    z-index:2147483645 !important;
    display:none !important;
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
    background:rgba(0,0,0,.38) !important;
    filter:none !important;
    -webkit-filter:none !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
  }

  body.elclub-menu-v385-open #elclubShadeV385.open{
    display:block !important;
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
  }

  #elclubMenuV385 .v385-head{
    min-height:70px !important;
    padding:16px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    border-bottom:1px solid rgba(255,255,255,.10) !important;
    background:#050505 !important;
  }
  #elclubMenuV385 .v385-head strong{
    color:#c7aa85 !important;
    font-size:14px !important;
    font-weight:1000 !important;
    letter-spacing:.14em !important;
    text-transform:uppercase !important;
  }
  #elclubMenuV385 .v385-close{
    width:38px !important;
    height:38px !important;
    border-radius:12px !important;
    border:1px solid rgba(255,255,255,.16) !important;
    background:#111 !important;
    color:#fff !important;
    font-size:26px !important;
    line-height:1 !important;
  }
  #elclubMenuV385 .v385-list{
    padding:14px !important;
    overflow:auto !important;
    -webkit-overflow-scrolling:touch !important;
    display:grid !important;
    gap:10px !important;
  }
  #elclubMenuV385 .v385-group{display:grid !important;gap:8px !important;}
  #elclubMenuV385 .v385-main,
  #elclubMenuV385 .v385-sub{
    appearance:none !important;
    -webkit-appearance:none !important;
    width:100% !important;
    min-height:46px !important;
    padding:11px 13px !important;
    border-radius:14px !important;
    border:1px solid rgba(255,255,255,.14) !important;
    background:#121212 !important;
    color:#f8f8f3 !important;
    font-size:12px !important;
    font-weight:1000 !important;
    letter-spacing:.055em !important;
    text-transform:uppercase !important;
    text-align:center !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    -webkit-tap-highlight-color:transparent !important;
    touch-action:manipulation !important;
  }
  #elclubMenuV385 .v385-main span:last-child{color:#c7aa85 !important;font-size:16px !important;}
  #elclubMenuV385 .v385-subgrid{display:none !important;grid-template-columns:1fr !important;gap:8px !important;padding-left:8px !important;}
  #elclubMenuV385 .v385-group.open .v385-subgrid{display:grid !important;}
  #elclubMenuV385 .v385-sub{
    min-height:40px !important;
    padding:9px 11px !important;
    border-radius:12px !important;
    background:rgba(199,170,133,.08) !important;
    border-color:rgba(199,170,133,.24) !important;
    font-size:11px !important;
    letter-spacing:.035em !important;
    justify-content:center !important;
  }
  #elclubMenuV385 .v385-sub.ver-todo{background:#c7aa85 !important;color:#061000 !important;border-color:#c7aa85 !important;}
  #elclubMenuV385 .v385-main:active,
  #elclubMenuV385 .v385-sub:active{background:#c7aa85 !important;border-color:#c7aa85 !important;color:#061000 !important;}

  body:not(.elclub-menu-v385-open) #elclubMenuV385,
  body:not(.elclub-menu-v385-open) #elclubShadeV385{
    visibility:hidden !important;
    opacity:0 !important;
    pointer-events:none !important;
  }
}

/* =========================================================
   V390 — PRODUCTOS PRO CONTROLADO
   Solo mejora visual de cards/productos. No toca carrito,
   Mercado Pago, categorías ni lógica JS.
   ========================================================= */

.product-grid{
  gap: 24px !important;
  align-items: stretch !important;
}

.product-card{
  background: #ffffff !important;
  border: 1px solid rgba(0,0,0,.08) !important;
  border-radius: 28px !important;
  box-shadow: 0 18px 46px rgba(0,0,0,.16) !important;
  overflow: hidden !important;
  color: #0b0b0b !important;
  transform: translateZ(0) !important;
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease !important;
}

.product-card:hover{
  transform: translateY(-5px) !important;
  border-color: rgba(199,170,133,.55) !important;
  box-shadow: 0 24px 60px rgba(0,0,0,.22) !important;
}

.product-image{
  background: linear-gradient(180deg,#ffffff 0%,#f7f7f2 100%) !important;
  border-bottom: 1px solid rgba(0,0,0,.06) !important;
  padding: 20px !important;
}

.product-image:before{
  content: "" !important;
  position: absolute !important;
  left: 18% !important;
  right: 18% !important;
  bottom: 22px !important;
  height: 22px !important;
  border-radius: 999px !important;
  background: rgba(0,0,0,.11) !important;
  filter: blur(15px) !important;
  z-index: 1 !important;
}

.product-image img{
  position: relative !important;
  z-index: 2 !important;
  filter: drop-shadow(0 18px 22px rgba(0,0,0,.14)) !important;
  transition: transform .24s ease, filter .24s ease !important;
}

.product-card:hover .product-image img{
  transform: scale(1.035) !important;
  filter: drop-shadow(0 22px 26px rgba(0,0,0,.18)) !important;
}

.product-info{
  background: #ffffff !important;
  padding: 18px 18px 19px !important;
  color: #0b0b0b !important;
}

.brand-line{
  color: #666 !important;
  font-size: 10px !important;
  letter-spacing: .16em !important;
  font-weight: 1000 !important;
}

.product-info h3{
  color: #080808 !important;
  font-size: clamp(18px,1.25vw,22px) !important;
  line-height: 1.08 !important;
  letter-spacing: -.03em !important;
  margin: 0 !important;
}

.tone,
.variant{
  color: #666 !important;
}

.price-list{
  border-radius: 18px !important;
  padding: 12px !important;
  background: #f5f5f2 !important;
  border: 1px solid rgba(0,0,0,.06) !important;
}

.price-main,
.pedido-main{
  color: #080808 !important;
  font-size: 22px !important;
  font-weight: 1000 !important;
  letter-spacing: -.03em !important;
}

.price-transfer,
.pedido-sub{
  color: #222 !important;
  font-size: 12px !important;
  font-weight: 900 !important;
}

.price-transfer span,
.pedido-dues,
.price-dues{
  color: #777 !important;
  font-size: 11px !important;
  font-weight: 800 !important;
}

.pedido-list .pedido-main{
  color: #101010 !important;
}

.card-actions{
  gap: 10px !important;
  margin-top: auto !important;
}

.quick-view,
.whatsapp,
.checkout{
  border-radius: 15px !important;
  min-height: 44px !important;
  font-size: 10px !important;
  letter-spacing: .08em !important;
  transition: transform .18s ease, filter .18s ease, background .18s ease !important;
}

.quick-view{
  background: #101010 !important;
  color: #ffffff !important;
  border: 1px solid #101010 !important;
}

.whatsapp,
.checkout{
  background: linear-gradient(135deg,var(--lime),var(--lime2)) !important;
  color: #050505 !important;
  border: 1px solid rgba(0,0,0,.08) !important;
}

.quick-view:hover,
.whatsapp:hover,
.checkout:hover{
  transform: translateY(-1px) !important;
  filter: brightness(.98) !important;
}

.badge,
.preorder-badge,
.soldout-badge{
  border-radius: 999px !important;
  font-size: 9px !important;
  letter-spacing: .10em !important;
  box-shadow: 0 8px 18px rgba(0,0,0,.12) !important;
}

@media(max-width:880px){
  .product-grid{
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 14px !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
  .product-card{
    border-radius: 22px !important;
  }
  .product-info{
    padding: 14px !important;
  }
  .product-info h3{
    min-height: 42px !important;
    font-size: 16px !important;
  }
  .price-main,
  .pedido-main{
    font-size: 18px !important;
  }
  .card-actions{
    grid-template-columns: 1fr !important;
  }
}

@media(max-width:560px){
  .product-grid{
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 12px !important;
  }
  .product-image,
  .product-card[data-category="Paletas"] .product-image{
    height: 255px !important;
    padding: 12px !important;
  }
  .product-card[data-category="Paletas"] .product-image img{
    max-width: 96% !important;
    max-height: 96% !important;
  }
  .brand-line{
    font-size: 9px !important;
  }
  .product-info h3{
    font-size: 15px !important;
    min-height: 48px !important;
  }
  .tone,
  .variant{
    font-size: 11px !important;
  }
  .price-list{
    padding: 10px !important;
    border-radius: 15px !important;
  }
  .price-main,
  .pedido-main{
    font-size: 16px !important;
  }
  .price-transfer,
  .pedido-sub,
  .pedido-dues,
  .price-dues{
    font-size: 10px !important;
  }
  .quick-view,
  .whatsapp,
  .checkout{
    min-height: 40px !important;
    font-size: 9px !important;
  }
}

/* =========================================================
   ELCLUB V400 — HOT SALE precios claros y prolijos
   ========================================================= */
html body #productGrid .product-card .hot-sale-price-block,
html body .product-grid#productGrid .product-card .hot-sale-price-block{
  gap:5px !important;
}

html body #productGrid .product-card .price-sale-badge,
html body .product-grid#productGrid .product-card .price-sale-badge{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  width:max-content !important;
  color:#184f86 !important;
  font-weight:950 !important;
  font-size:18px !important;
  line-height:1 !important;
  letter-spacing:.2px !important;
  margin:0 0 1px !important;
}

html body #productGrid .product-card .price-old,
html body .product-grid#productGrid .product-card .price-old{
  color:#8a9099 !important;
  font-size:18px !important;
  font-weight:800 !important;
  line-height:1 !important;
  margin:-1px 0 2px !important;
  opacity:1 !important;
}

html body #productGrid .product-card .price-old span,
html body .product-grid#productGrid .product-card .price-old span{
  text-decoration:line-through !important;
  text-decoration-thickness:2px !important;
}

@media (max-width:700px){
  html body #productGrid .product-card .price-sale-badge,
  html body .product-grid#productGrid .product-card .price-sale-badge{
    font-size:15px !important;
  }
  html body #productGrid .product-card .price-main,
  html body .product-grid#productGrid .product-card .price-main{
    font-size:25px !important;
    letter-spacing:-.4px !important;
  }
  html body #productGrid .product-card .price-old,
  html body .product-grid#productGrid .product-card .price-old{
    font-size:15px !important;
  }
  html body #productGrid .product-card .price-transfer,
  html body .product-grid#productGrid .product-card .price-transfer{
    font-size:15px !important;
  }
  html body #productGrid .product-card .price-transfer span,
  html body .product-grid#productGrid .product-card .price-transfer span{
    font-size:12px !important;
  }
  html body #productGrid .product-card .price-dues,
  html body .product-grid#productGrid .product-card .price-dues{
    font-size:13px !important;
  }
}


/* ELCLUB V411 — ajustes mínimos: logo Mercado Pago, sin cuotas, paginación */
#cartCreditInstallments, #checkoutCreditInstallments, .price-dues, .pedido-dues, .price-row.dues, .collection-price-block em {
  display: none !important;
}
.method-btn.mp{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:12px !important;
}
.method-btn.mp .mp-method-logo{
  width:42px !important;
  height:auto !important;
  flex:0 0 auto !important;
  object-fit:contain !important;
  border-radius:8px !important;
}
.method-btn.mp .mp-method-copy{
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  text-align:left !important;
  min-width:0 !important;
}
.catalog-pagination{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  flex-wrap:wrap;
  margin:26px auto 10px;
}
.catalog-page-btn{
  border:1px solid rgba(15,23,42,.14);
  background:#fff;
  color:#111827;
  min-width:38px;
  height:38px;
  border-radius:999px;
  padding:0 14px;
  font-weight:800;
  cursor:pointer;
  box-shadow:0 8px 22px rgba(15,23,42,.08);
}
.catalog-page-btn.active{
  background:#111827;
  color:#fff;
  border-color:#111827;
}
.catalog-page-btn:disabled{
  opacity:.42;
  cursor:not-allowed;
}
.catalog-page-dots{
  font-weight:900;
  color:#6b7280;
  padding:0 2px;
}
@media(max-width:640px){
  .catalog-pagination{gap:6px;margin-top:20px;}
  .catalog-page-btn{min-width:34px;height:34px;padding:0 11px;font-size:13px;}
  .method-btn.mp .mp-method-logo{width:36px !important;}
}


/* ELCLUB V412 — Mercado Pago logo a la derecha, sin alterar checkout */
.method-btn.mp{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:16px !important;
}
.method-btn.mp .mp-method-copy{
  flex:1 1 auto !important;
  min-width:0 !important;
}
.method-btn.mp .mp-method-logo{
  width:76px !important;
  max-height:48px !important;
  height:auto !important;
  flex:0 0 auto !important;
  object-fit:contain !important;
  margin-left:auto !important;
  border-radius:0 !important;
}
@media(max-width:640px){
  .method-btn.mp{gap:12px !important;}
  .method-btn.mp .mp-method-logo{width:64px !important;max-height:42px !important;}
}


/* ELCLUB V415 — ajustes de fluidez sin cambiar el diseño */
.product-card, .hub-card, .drop-card, .collection-card{
  content-visibility:auto;
  contain-intrinsic-size: 520px 720px;
}
.product-image img, .modal-img img, .modal-gallery-thumbs img{
  backface-visibility:hidden;
  transform:translateZ(0);
}
.product-grid{
  will-change:contents;
}
@media (hover:none){
  .product-card:hover{transform:none !important;}
  .product-card:hover .product-image img{transform:none !important;}
}
@media (prefers-reduced-motion: reduce){
  *{scroll-behavior:auto !important;}
}


/* =========================================================
   ELCLUB V416 — limpieza desktop + Instagram footer
   Oculta menús mobile generados en desktop y agrega acceso a Instagram.
   ========================================================= */
@media (min-width: 901px){
  html body #elclubMenuV385,
  html body #elclubShadeV385,
  html body #elclubMobileMenuV381,
  html body #elclubMobileShadeV381,
  html body #elclubMobileMenuV380,
  html body #elclubMobileShadeV380,
  html body #elclubRootMobileMenuV378,
  html body #elclubRootMobileShadeV378,
  html body #elclubCatMenuV365,
  html body #elclubCatBackdropV365,
  html body #mobileDrawer,
  html body #mobileNavBackdrop,
  html body .mobile-nav-backdrop,
  html body .mobile-drawer,
  html body .nav-drawer,
  html body .category-panel,
  html body .elclub-mobile-menu-v262,
  html body .elclub-mobile-drawer-v270{
    display:none !important;
    visibility:hidden !important;
    opacity:0 !important;
    pointer-events:none !important;
    transform:translateX(-120vw) !important;
    position:fixed !important;
    left:-9999px !important;
    top:auto !important;
    width:0 !important;
    height:0 !important;
    overflow:hidden !important;
  }
}

.footer-social-v416{
  display:flex !important;
  justify-content:center !important;
  align-items:center !important;
  gap:10px !important;
  margin:16px auto 0 !important;
  padding-top:14px !important;
  border-top:1px solid rgba(255,255,255,.08) !important;
}
.footer-instagram-v416{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:10px !important;
  min-height:42px !important;
  padding:10px 15px !important;
  border-radius:999px !important;
  background:rgba(255,255,255,.06) !important;
  border:1px solid rgba(255,255,255,.12) !important;
  color:#f7f7f2 !important;
  text-decoration:none !important;
  font-weight:900 !important;
  letter-spacing:.02em !important;
  transition:transform .18s ease, background .18s ease, border-color .18s ease !important;
}
.footer-instagram-v416:hover{
  transform:translateY(-1px) !important;
  background:rgba(255,255,255,.10) !important;
  border-color:rgba(199,170,133,.35) !important;
}
.footer-instagram-v416 svg{
  width:24px !important;
  height:24px !important;
  flex:0 0 24px !important;
  display:block !important;
}
.footer-instagram-v416 span{
  font-size:13px !important;
  line-height:1 !important;
  white-space:nowrap !important;
}
@media (max-width: 600px){
  .footer-social-v416{margin-top:14px !important;padding-top:12px !important;}
  .footer-instagram-v416{min-height:40px !important;padding:9px 13px !important;}
  .footer-instagram-v416 span{font-size:12px !important;}
}

/* ELCLUB V419 — precios solo 6 cuotas sin interés visibles y fluido */
#cartCreditInstallments,
#checkoutCreditInstallments,
.price-dues,
.pedido-dues,
.price-row.dues,
.collection-price-block em{
  display:block !important;
}
.price-dues{
  margin-top:6px;
  font-size:12.5px;
  line-height:1.25;
  font-weight:800;
  color:#111827;
  background:linear-gradient(135deg,rgba(200,162,74,.18),rgba(240,216,138,.08));
  border:1px solid rgba(200,162,74,.28);
  border-radius:12px;
  padding:7px 9px;
}
.price-row.dues{
  align-items:flex-start !important;
  gap:10px !important;
}
.price-row.dues span::after{content:"" !important;}
.price-row.dues strong{
  font-size:14px !important;
  line-height:1.28 !important;
  text-align:right;
}
#cartCreditInstallments,
#checkoutCreditInstallments{
  margin-top:4px;
  font-size:12px;
  line-height:1.25;
  font-weight:750;
  color:#3f3a2a;
}
.collection-price-block em{
  margin:5px 0;
  font-style:normal;
  font-size:12px;
  line-height:1.25;
  font-weight:800;
  color:#111827;
}
@media(max-width:640px){
  .price-dues{font-size:11.5px;padding:6px 7px;border-radius:10px;}
  .price-row.dues strong{font-size:12.5px !important;}
  #cartCreditInstallments,#checkoutCreditInstallments{font-size:11.5px;}
}

/* ELCLUB V420 — cuotas debajo del precio transferencia, ordenado */
.price-block .price-transfer + .price-dues{
  margin-top:7px !important;
}
.price-dues{
  display:block !important;
  width:100% !important;
  box-sizing:border-box !important;
  text-align:left !important;
}
.modal-prices .price-row.dues,
.cart-transfer-box small,
.summary-main.transfer small{
  margin-top:6px !important;
}
.cart-transfer-box small,
.summary-main.transfer small{
  display:block !important;
  color:inherit !important;
  opacity:.92 !important;
}
.collection-price-block small + em{
  margin-top:5px !important;
}
@media(max-width:640px){
  .price-dues{margin-top:6px !important;}
  .modal-prices .price-row.dues{margin-top:5px !important;}
}

/* ELCLUB V422 — vuelve sobre V420 y aclara precios sin tocar estructura */
.product-card .price-block.price-list,
.collection-product-card .collection-price-block{
  display:flex !important;
  flex-direction:column !important;
  gap:6px !important;
  align-items:stretch !important;
}
.product-card .price-main,
.product-card .price-transfer,
.product-card .price-dues{
  display:block !important;
  width:100% !important;
  box-sizing:border-box !important;
  text-align:left !important;
  line-height:1.18 !important;
}
.product-card .price-main{
  padding:9px 10px !important;
  border-radius:13px !important;
  background:rgba(255,255,255,.96) !important;
  border:1px solid rgba(0,0,0,.08) !important;
  color:#0f1115 !important;
  font-size:20px !important;
  font-weight:950 !important;
  letter-spacing:-.02em !important;
}
.product-card .price-transfer{
  padding:8px 10px !important;
  border-radius:12px !important;
  background:rgba(199,170,133,.12) !important;
  border:1px solid rgba(120,160,0,.20) !important;
  color:#171717 !important;
  font-size:16px !important;
  font-weight:900 !important;
}
.product-card .price-dues{
  margin-top:0 !important;
  padding:8px 10px !important;
  border-radius:12px !important;
  background:rgba(245,245,245,.96) !important;
  border:1px solid rgba(0,0,0,.08) !important;
  color:#222 !important;
  font-size:13px !important;
  font-weight:850 !important;
}
.product-card .price-main::before,
.product-card .price-transfer::before,
.product-card .price-dues::before,
.collection-price-block strong::before,
.collection-price-block small::before,
.collection-price-block em::before{
  display:block !important;
  margin-bottom:3px !important;
  font-size:10px !important;
  line-height:1 !important;
  font-weight:900 !important;
  letter-spacing:.08em !important;
  text-transform:uppercase !important;
  color:rgba(0,0,0,.58) !important;
}
.product-card .price-main::before,
.collection-price-block strong::before{content:"Precio crédito" !important;}
.product-card .price-transfer::before,
.collection-price-block small::before{content:"Efectivo / transferencia" !important;}
.product-card .price-dues::before,
.collection-price-block em::before{content:"6 cuotas sin interés" !important;}
.product-card .price-transfer span{
  display:none !important;
}
.collection-price-block strong,
.collection-price-block small,
.collection-price-block em{
  display:block !important;
  width:100% !important;
  box-sizing:border-box !important;
  text-align:left !important;
  font-style:normal !important;
  line-height:1.18 !important;
}
.collection-price-block strong{
  padding:9px 10px !important;
  border-radius:13px !important;
  background:rgba(255,255,255,.96) !important;
  border:1px solid rgba(0,0,0,.08) !important;
  color:#0f1115 !important;
  font-size:20px !important;
  font-weight:950 !important;
}
.collection-price-block small{
  padding:8px 10px !important;
  border-radius:12px !important;
  background:rgba(199,170,133,.12) !important;
  border:1px solid rgba(120,160,0,.20) !important;
  color:#171717 !important;
  font-size:16px !important;
  font-weight:900 !important;
}
.collection-price-block em{
  padding:8px 10px !important;
  border-radius:12px !important;
  background:rgba(245,245,245,.96) !important;
  border:1px solid rgba(0,0,0,.08) !important;
  color:#222 !important;
  font-size:13px !important;
  font-weight:850 !important;
}
@media(max-width:640px){
  .product-card .price-block.price-list,
  .collection-product-card .collection-price-block{gap:5px !important;}
  .product-card .price-main,
  .collection-price-block strong{font-size:18px !important;padding:8px 9px !important;}
  .product-card .price-transfer,
  .collection-price-block small{font-size:15px !important;padding:7px 9px !important;}
  .product-card .price-dues,
  .collection-price-block em{font-size:12.5px !important;padding:7px 9px !important;}
}

/* ELCLUB V423 — precios claros y vendedores, sin tocar estructura */
html body #productGrid .product-card .price-block.price-list,
html body .product-grid#productGrid .product-card .price-block.price-list{
  display:flex !important;
  flex-direction:column !important;
  gap:7px !important;
  margin-top:8px !important;
}
html body #productGrid .product-card .price-main,
html body .product-grid#productGrid .product-card .price-main,
html body #productGrid .product-card .price-transfer,
html body .product-grid#productGrid .product-card .price-transfer,
html body #productGrid .product-card .price-dues,
html body .product-grid#productGrid .product-card .price-dues{
  display:block !important;
  width:100% !important;
  box-sizing:border-box !important;
  text-align:left !important;
  line-height:1.12 !important;
  border-radius:14px !important;
  letter-spacing:-.01em !important;
}
html body #productGrid .product-card .price-main,
html body .product-grid#productGrid .product-card .price-main{
  padding:9px 11px 10px !important;
  background:rgba(255,255,255,.94) !important;
  color:#111318 !important;
  border:1px solid rgba(0,0,0,.10) !important;
  box-shadow:0 8px 18px rgba(0,0,0,.08) !important;
  font-size:19px !important;
  font-weight:950 !important;
}
html body #productGrid .product-card .price-transfer,
html body .product-grid#productGrid .product-card .price-transfer{
  position:relative !important;
  padding:10px 74px 10px 11px !important;
  background:linear-gradient(135deg, rgba(211,255,0,.95), rgba(236,255,139,.92)) !important;
  color:#080a0d !important;
  border:1px solid rgba(129,160,0,.28) !important;
  box-shadow:0 10px 22px rgba(170,220,0,.16) !important;
  font-size:18px !important;
  font-weight:1000 !important;
}
html body #productGrid .product-card .price-dues,
html body .product-grid#productGrid .product-card .price-dues{
  padding:8px 11px !important;
  background:rgba(17,19,24,.92) !important;
  color:#fff !important;
  border:1px solid rgba(255,255,255,.12) !important;
  font-size:13px !important;
  font-weight:900 !important;
}
html body #productGrid .product-card .price-main::before,
html body .product-grid#productGrid .product-card .price-main::before,
html body #productGrid .product-card .price-transfer::before,
html body .product-grid#productGrid .product-card .price-transfer::before,
html body #productGrid .product-card .price-dues::before,
html body .product-grid#productGrid .product-card .price-dues::before{
  display:block !important;
  margin:0 0 4px !important;
  font-size:10px !important;
  line-height:1 !important;
  font-weight:950 !important;
  letter-spacing:.09em !important;
  text-transform:uppercase !important;
  opacity:.78 !important;
}
html body #productGrid .product-card .price-main::before,
html body .product-grid#productGrid .product-card .price-main::before{content:"Precio crédito" !important;color:#59606b !important;}
html body #productGrid .product-card .price-transfer::before,
html body .product-grid#productGrid .product-card .price-transfer::before{content:"Efectivo / transferencia" !important;color:#303300 !important;}
html body #productGrid .product-card .price-dues::before,
html body .product-grid#productGrid .product-card .price-dues::before{content:"Financiación" !important;color:rgba(255,255,255,.72) !important;}
html body #productGrid .product-card .price-transfer::after,
html body .product-grid#productGrid .product-card .price-transfer::after{
  content:"20% OFF" !important;
  position:absolute !important;
  right:9px !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  padding:6px 8px !important;
  border-radius:999px !important;
  background:#0b0d11 !important;
  color:#c7aa85 !important;
  font-size:10px !important;
  font-weight:1000 !important;
  letter-spacing:.04em !important;
  white-space:nowrap !important;
}
html body #productGrid .product-card .price-transfer span,
html body .product-grid#productGrid .product-card .price-transfer span{display:none !important;}

/* Colecciones / secciones destacadas */
.collection-product-card .collection-price-block{
  display:flex !important;
  flex-direction:column !important;
  gap:7px !important;
}
.collection-price-block strong,
.collection-price-block small,
.collection-price-block em{
  display:block !important;
  width:100% !important;
  box-sizing:border-box !important;
  border-radius:14px !important;
  text-align:left !important;
  font-style:normal !important;
  line-height:1.12 !important;
}
.collection-price-block strong{padding:9px 11px !important;background:rgba(255,255,255,.94) !important;color:#111318 !important;font-size:19px !important;font-weight:950 !important;}
.collection-price-block small{position:relative !important;padding:10px 74px 10px 11px !important;background:linear-gradient(135deg, rgba(211,255,0,.95), rgba(236,255,139,.92)) !important;color:#080a0d !important;font-size:18px !important;font-weight:1000 !important;}
.collection-price-block em{padding:8px 11px !important;background:rgba(17,19,24,.92) !important;color:#fff !important;font-size:13px !important;font-weight:900 !important;}
.collection-price-block strong::before{content:"Precio crédito" !important;color:#59606b !important;}
.collection-price-block small::before{content:"Efectivo / transferencia" !important;color:#303300 !important;}
.collection-price-block em::before{content:"Financiación" !important;color:rgba(255,255,255,.72) !important;}
.collection-price-block small::after{content:"20% OFF" !important;position:absolute !important;right:9px !important;top:50% !important;transform:translateY(-50%) !important;padding:6px 8px !important;border-radius:999px !important;background:#0b0d11 !important;color:#c7aa85 !important;font-size:10px !important;font-weight:1000 !important;letter-spacing:.04em !important;white-space:nowrap !important;}
.collection-price-block strong::before,
.collection-price-block small::before,
.collection-price-block em::before{display:block !important;margin:0 0 4px !important;font-size:10px !important;line-height:1 !important;font-weight:950 !important;letter-spacing:.09em !important;text-transform:uppercase !important;opacity:.78 !important;}

@media(max-width:640px){
  html body #productGrid .product-card .price-block.price-list{gap:6px !important;margin-top:7px !important;}
  html body #productGrid .product-card .price-main{font-size:18px !important;padding:8px 10px !important;}
  html body #productGrid .product-card .price-transfer{font-size:17px !important;padding:9px 70px 9px 10px !important;}
  html body #productGrid .product-card .price-dues{font-size:12.5px !important;padding:8px 10px !important;}
  html body #productGrid .product-card .price-transfer::after{right:8px !important;font-size:9.5px !important;padding:5px 7px !important;}
}


/* V PERFUME — identidad ElClub Perfume sin verde lima */
:root{--lime:#d9cfbe !important;--lime2:#eee9df !important;--limeDark:#8e8678 !important;--green:#d9cfbe !important;--gold:#d1c6b4 !important;--gold2:#f0ebe2 !important;}
body{background:#111 !important;}
.site-top-strip,.header-benefits-bar{background:#e8e6e1 !important;color:#171717 !important;}
.header-benefit-single{color:#171717 !important;}
.brand img{max-height:62px !important;object-fit:contain !important;}
.product-card,.modal-card,.cart-panel{border-color:rgba(217,207,190,.28) !important;}
.price-row.cash strong,.cart-total strong{color:#d9cfbe !important;}
.price-row.dues strong{color:#f0ebe2 !important;}
.btn,.add-to-cart,.filter.active,.checkout:not(.mp),.collection-close{background:linear-gradient(135deg,#e8e2d4,#cfc4b2) !important;color:#151515 !important;}
.hero-collection-copy p,.eyebrow,.brand-line{color:#e8e2d4 !important;}
.ideal-quick-access,.mobile-ideal-section,.ideal-nav{display:none !important;}
.hero-simple-wrap{background:#151515 !important;}
.hero-collection-copy h2{color:#f2f0eb !important;}
.hero-collection-copy span{color:#d1c8bb !important;}
.footer-instagram-v416{border-color:rgba(217,207,190,.45) !important;}


/* V2 ELCLUB PERFUME — identidad premium definitiva, sin verde lima */
:root{
  --lime:#d8d0c2 !important;
  --lime2:#f3eee6 !important;
  --limeDark:#8d8375 !important;
  --gold:#d8d0c2 !important;
  --gold2:#f3eee6 !important;
  --perfume-bg:#0d0d0f !important;
  --perfume-ink:#f6f2ea !important;
  --perfume-muted:#b9afa1 !important;
  --perfume-line:rgba(216,208,194,.22) !important;
  --perfume-card:#161618 !important;
  --perfume-champagne:#d8d0c2 !important;
}
html body{background:radial-gradient(circle at 70% 0%,rgba(216,208,194,.13),transparent 36%),#0d0d0f !important;color:var(--perfume-ink) !important;}
html body *{scroll-behavior:smooth;}
/* mata cualquier verde lima heredado sin afectar imágenes de producto */
a:hover,.eyebrow,.brand-line,.hero-collection-copy p,.why-eyebrow,.filter.active,.price-row.cash strong,.price-row.dues strong,
.cart-transfer-box strong,.cart-credit-box small,.footer-grid h4,.footer-trust-v248 span,.modal-info .badge,
html body [style*="#c7aa85"],html body [style*="c8ff00"]{color:var(--perfume-champagne) !important;}
.site-top-strip,.header-benefits-bar{background:linear-gradient(90deg,#efeae1,#d7cec0,#efeae1) !important;color:#121214 !important;border:0 !important;}
.header-benefit-single{color:#121214 !important;font-weight:850 !important;letter-spacing:.04em !important;}
.site-header{background:rgba(13,13,15,.82) !important;backdrop-filter:blur(18px) !important;border-bottom:1px solid var(--perfume-line) !important;box-shadow:0 18px 50px rgba(0,0,0,.22) !important;}
.header-main-row{min-height:88px !important;}
.brand img{max-height:76px !important;width:auto !important;filter:drop-shadow(0 10px 22px rgba(0,0,0,.28)) !important;}
.header-search-wrap input,#searchBox{background:rgba(255,255,255,.075) !important;border:1px solid rgba(216,208,194,.26) !important;color:#fff !important;border-radius:999px !important;box-shadow:inset 0 1px 0 rgba(255,255,255,.06) !important;}
.header-search-wrap input::placeholder,#searchBox::placeholder{color:rgba(246,242,234,.58) !important;}
.header-search-btn,.cart-btn,.benefit-arrow{background:rgba(216,208,194,.12) !important;color:#f4eee4 !important;border:1px solid rgba(216,208,194,.24) !important;}
.cart-btn span{background:#e7dfd0 !important;color:#111 !important;}
.top-nav{background:rgba(255,255,255,.04) !important;border-top:1px solid rgba(216,208,194,.14) !important;border-bottom:1px solid rgba(216,208,194,.10) !important;}
.top-nav a{color:rgba(246,242,234,.82) !important;border:1px solid transparent !important;}
.top-nav a:hover{background:rgba(216,208,194,.10) !important;border-color:rgba(216,208,194,.25) !important;color:#fff !important;}
.hero-simple-wrap{background:#0d0d0f !important;padding:18px 16px 26px !important;}
.hero-simple-slider{border-radius:32px !important;overflow:hidden !important;box-shadow:0 28px 80px rgba(0,0,0,.48) !important;border:1px solid rgba(216,208,194,.18) !important;}
.hero-simple-slide::after{content:"" !important;position:absolute !important;inset:0 !important;background:linear-gradient(90deg,rgba(0,0,0,.64),rgba(0,0,0,.18),rgba(0,0,0,.30)) !important;pointer-events:none !important;}
.hero-main-img{filter:saturate(.95) contrast(1.02) brightness(.88) !important;}
.hero-collection-copy{z-index:3 !important;max-width:590px !important;}
.hero-collection-copy p{color:#d8d0c2 !important;letter-spacing:.18em !important;font-size:12px !important;text-transform:uppercase !important;font-weight:950 !important;}
.hero-collection-copy h2{font-size:clamp(38px,6vw,82px) !important;line-height:.92 !important;letter-spacing:-.055em !important;color:#fffaf2 !important;text-shadow:0 18px 45px rgba(0,0,0,.5) !important;}
.hero-collection-copy span{color:rgba(246,242,234,.80) !important;font-size:clamp(16px,2vw,24px) !important;}
.hero-collection-copy button,.btn,.add-to-cart,.checkout.main-pay,.checkout-final-pay,#checkoutMP,.filter.active,.collection-close,.why-cta{
  background:linear-gradient(135deg,#f0e7d8,#cfc3b1) !important;color:#111214 !important;border:0 !important;border-radius:999px !important;box-shadow:0 14px 34px rgba(216,208,194,.18) !important;font-weight:1000 !important;
}
.hero-simple-arrow{background:rgba(246,242,234,.12) !important;color:#fff !important;border:1px solid rgba(216,208,194,.28) !important;backdrop-filter:blur(10px) !important;}
.hero-simple-dots button{background:rgba(246,242,234,.35) !important;}
.hero-simple-dots button.active{background:#e7dfd0 !important;width:28px !important;}
#catalogo,.toolbar#catalogo{background:#f7f5f1 !important;color:#111214 !important;border-radius:28px 28px 0 0 !important;border:0 !important;}
#catalogo .eyebrow,#catalogo h2,.toolbar#catalogo h2{color:#111214 !important;}
.controls .filter{background:#fff !important;color:#171719 !important;border:1px solid rgba(0,0,0,.10) !important;box-shadow:0 8px 24px rgba(0,0,0,.05) !important;}
.controls .filter.active{background:#151515 !important;color:#f2eadc !important;border-color:#151515 !important;}
.product-grid{background:#f7f5f1 !important;gap:22px !important;}
.product-card{background:#fff !important;border:1px solid rgba(0,0,0,.08) !important;border-radius:28px !important;box-shadow:0 18px 46px rgba(20,18,15,.09) !important;overflow:hidden !important;transition:transform .22s ease,box-shadow .22s ease !important;}
.product-card:hover{transform:translateY(-4px) !important;box-shadow:0 26px 70px rgba(20,18,15,.14) !important;}
.product-card .product-image{background:linear-gradient(180deg,#faf8f4,#eee9df) !important;}
.product-info h3{color:#111214 !important;font-weight:950 !important;letter-spacing:-.02em !important;}
.product-info .meta,.product-info .tone,.product-info .variant{color:#6f675f !important;}
/* precios vendedor, sin neón */
html body #productGrid .product-card .price-block.price-list{gap:7px !important;}
html body #productGrid .product-card .price-main{background:#111214 !important;color:#fffaf2 !important;border:0 !important;box-shadow:none !important;font-size:18px !important;}
html body #productGrid .product-card .price-transfer{background:linear-gradient(135deg,#f1e6d3,#d2c4b0) !important;color:#111214 !important;border:0 !important;box-shadow:0 10px 22px rgba(171,150,121,.18) !important;font-size:18px !important;}
html body #productGrid .product-card .price-dues{background:#f6f1e8 !important;color:#171719 !important;border:1px solid rgba(0,0,0,.08) !important;font-size:13px !important;}
html body #productGrid .product-card .price-main::before{content:"Precio crédito" !important;color:rgba(255,255,255,.62) !important;}
html body #productGrid .product-card .price-transfer::before{content:"Efectivo / transferencia" !important;color:rgba(17,18,20,.62) !important;}
html body #productGrid .product-card .price-dues::before{content:"6 cuotas sin interés" !important;color:#8b7e6e !important;}
html body #productGrid .product-card .price-transfer::after{background:#111214 !important;color:#efe7d8 !important;}
.catalog-pagination button{background:#fff !important;color:#111 !important;border:1px solid rgba(0,0,0,.10) !important;box-shadow:0 10px 25px rgba(0,0,0,.06) !important;}
.catalog-pagination button.active{background:#111214 !important;color:#f2eadc !important;}
.why-choose-section{background:#0d0d0f !important;color:#f6f2ea !important;}
.why-choose-inner{border:1px solid var(--perfume-line) !important;background:linear-gradient(135deg,rgba(255,255,255,.06),rgba(255,255,255,.025)) !important;border-radius:32px !important;box-shadow:0 30px 80px rgba(0,0,0,.35) !important;}
.why-pill{background:rgba(216,208,194,.14) !important;color:#e6ded0 !important;border:1px solid rgba(216,208,194,.22) !important;}
.site-footer-pro{background:#0b0b0c !important;border-top:1px solid rgba(216,208,194,.16) !important;color:#f6f2ea !important;}
.footer-grid p,.footer-grid a,.footer-bottom,.footer-trust-v248{color:rgba(246,242,234,.70) !important;}
.payment-pills span{background:rgba(216,208,194,.11) !important;border:1px solid rgba(216,208,194,.18) !important;color:#eee6d8 !important;}
.modal,.cart-panel{backdrop-filter:blur(12px) !important;}
.modal-card,.cart-panel{background:#111214 !important;border:1px solid rgba(216,208,194,.20) !important;box-shadow:0 30px 90px rgba(0,0,0,.55) !important;color:#f6f2ea !important;}
.modal-info h3,.cart-head strong{color:#fffaf2 !important;}
.modal-img{background:linear-gradient(180deg,#f7f3eb,#e4dacb) !important;border-radius:24px !important;}
.price-row.card{background:#1d1d20 !important;color:#fff !important;border-color:rgba(216,208,194,.12) !important;}
.price-row.cash{background:linear-gradient(135deg,#f1e6d3,#d2c4b0) !important;color:#111 !important;border:0 !important;}
.price-row.cash strong{color:#111 !important;}
.price-row.dues{background:#242326 !important;color:#f6f2ea !important;border-color:rgba(216,208,194,.16) !important;}
.price-row.dues strong{color:#f6f2ea !important;}
.whatsapp{background:linear-gradient(135deg,#f0e7d8,#cfc3b1) !important;color:#111214 !important;border:0 !important;}
.whatsapp.outline{background:transparent !important;color:#f0e7d8 !important;border:1px solid rgba(216,208,194,.32) !important;}
.ideal-quick-access,.mobile-ideal-section,.ideal-nav{display:none !important;}
@media(max-width:760px){
  .header-main-row{min-height:76px !important;padding-inline:12px !important;}
  .brand img{max-height:62px !important;}
  .hero-simple-wrap{padding:10px 10px 20px !important;}
  .hero-simple-slider{border-radius:24px !important;}
  .hero-collection-copy{left:22px !important;right:22px !important;bottom:58px !important;}
  .product-grid{gap:14px !important;padding-inline:10px !important;}
  .product-card{border-radius:22px !important;}
  html body #productGrid .product-card .price-main,html body #productGrid .product-card .price-transfer{font-size:16px !important;}
}


/* V3 ELCLUB PERFUME — limpieza final: cero verde lima, tipografía perfume y promo 6 cuotas/20% */
:root{
  --lime:#d8d0c2 !important;
  --lime2:#f3eee6 !important;
  --green:#d8d0c2 !important;
  --elclub-lime:#d8d0c2 !important;
  --perfume-accent:#d8d0c2 !important;
  --perfume-accent-2:#f3eee6 !important;
}
html body,
html body button,
html body input,
html body select,
html body textarea{
  font-family:"Avenir Next","Montserrat","Inter",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif !important;
}
html body h1,
html body h2,
html body .hero-collection-copy h2,
html body .section-title h2,
html body .product-info h3,
html body .modal-info h3{
  font-family:"Cormorant Garamond","Baskerville","Playfair Display",Georgia,serif !important;
  text-transform:none !important;
  letter-spacing:-.035em !important;
  font-weight:700 !important;
}
html body .product-info h3{
  font-size:24px !important;
  color:#111214 !important;
}
html body .brand-line,
html body .eyebrow,
html body .filter,
html body .top-nav a,
html body .cart-btn,
html body .badge,
html body .price-main::before,
html body .price-transfer::before,
html body .price-dues::before{
  font-family:"Avenir Next","Montserrat","Inter",system-ui,sans-serif !important;
  letter-spacing:.08em !important;
}
/* reemplazo visual de verdes heredados */
html body .cart-btn,
html body .header-search-btn,
html body .benefit-arrow,
html body .mobile-menu-btn,
html body .filter.active,
html body .add-to-cart,
html body .checkout:not(.mp),
html body .checkout.main-pay,
html body #checkoutMP,
html body .btn.primary,
html body .hero-collection-copy button,
html body .collection-close{
  background:linear-gradient(135deg,#f3eee6 0%,#d8d0c2 58%,#b8aa97 100%) !important;
  color:#121214 !important;
  border:1px solid rgba(0,0,0,.08) !important;
  box-shadow:0 14px 34px rgba(120,103,82,.16) !important;
}
html body .cart-btn span,
html body #cartCount{
  background:#141414 !important;
  color:#f3eee6 !important;
}
html body .controls .filter.active,
html body .top-nav a:hover{
  background:#171719 !important;
  color:#f3eee6 !important;
  border-color:#171719 !important;
}
html body .product-card .badge,
html body .modal-info .badge{
  background:linear-gradient(135deg,#151515,#2a2723) !important;
  color:#f3eee6 !important;
}
html body #catalogo .eyebrow,
html body .brand-line,
html body .why-eyebrow,
html body .footer-grid h4{
  color:#8f806c !important;
}
html body .product-info h3,
html body .modal-info h3,
html body .collection-card h3,
html body .collection-card strong{
  color:#111214 !important;
}
html body .price-row.cash strong,
html body .cart-total strong{
  color:#111214 !important;
}
html body #productGrid .product-card .price-transfer::after,
html body .collection-price-block small::after{
  content:"20% OFF" !important;
  background:#111214 !important;
  color:#f3eee6 !important;
}
html body #productGrid .product-card .price-dues::before,
html body .collection-price-block .dues::before{
  content:"6 cuotas sin interés" !important;
  color:#8b7e6e !important;
}
html body .site-top-strip,
html body .header-benefits-bar,
html body .top-promo{
  background:linear-gradient(90deg,#f4f1eb,#d8d0c2,#f4f1eb) !important;
  color:#121214 !important;
}
html body .site-top-strip::before,
html body .header-benefits-bar::before,
html body .top-promo::before{
  content:"✨ ElClub Perfume · 6 cuotas sin interés · 20% OFF efectivo/transferencia" !important;
}
html body .site-top-strip > *,
html body .header-benefits-bar > *,
html body .top-promo > *{
  visibility:hidden !important;
}
html body .site-top-strip::before,
html body .header-benefits-bar::before,
html body .top-promo::before{
  visibility:visible !important;
  display:block !important;
  text-align:center !important;
  font-weight:900 !important;
  letter-spacing:.06em !important;
  text-transform:uppercase !important;
}
/* neutraliza verdes directos viejos */
html body [style*="#c7aa85"],
html body [style*="#c7aa85"],
html body [style*="#dfff00"],
html body [style*="#9ee000"],
html body [style*="#92c900"]{
  color:#d8d0c2 !important;
  border-color:#d8d0c2 !important;
}
@media(max-width:760px){
  html body .product-info h3{font-size:21px !important;line-height:1.05 !important;}
  html body .hero-collection-copy h2{font-size:42px !important;line-height:.95 !important;}
}


/* =========================================================
   ELCLUB PERFUME V4 — ESTILO SUITS / EDITORIAL PREMIUM
   ========================================================= */
body{
  background:#f6f2eb !important;
  color:#221f1a !important;
}
.page-glow{display:none !important;}
.top-promo-suits{
  position:sticky; top:0; z-index:120;
  background:#121316; color:#f7f1e8;
  text-align:center; padding:12px 18px;
  font-size:13px; font-weight:700; letter-spacing:.12em; text-transform:uppercase;
}
.site-header.suits-header{
  top:42px !important;
  background:rgba(255,255,255,.96) !important;
  border-bottom:1px solid rgba(53,46,35,.10) !important;
  backdrop-filter:blur(14px);
  padding:0 !important;
  display:block !important;
}
.suits-main-row{
  display:grid !important;
  grid-template-columns:220px minmax(320px,1fr) auto;
  align-items:center;
  gap:22px;
  padding:22px clamp(18px,3vw,40px) 18px !important;
}
.suits-brand img{
  width:150px !important;
  filter:none !important;
}
.suits-search{
  width:100%;
  max-width:560px;
  margin:0 auto;
  display:flex !important;
  align-items:center;
  min-height:48px;
  background:#fff;
  border:1px solid #ddd6cb;
  border-radius:3px;
  overflow:hidden;
}
.suits-search input{
  flex:1;
  border:0 !important;
  background:transparent !important;
  color:#28231c !important;
  font-size:16px;
  padding:0 16px !important;
  outline:none;
}
.suits-search input::placeholder{color:#a2998a;}
.suits-search .header-search-btn{
  width:54px; min-width:54px; height:48px;
  background:#d8d1c6 !important;
  color:#6b6459 !important;
  border:0 !important;
  display:flex; align-items:center; justify-content:center;
}
.suits-search .header-search-btn svg{width:21px; height:21px;}
.suits-actions{display:flex !important; align-items:center; gap:14px;}
.account-btn{
  border:0; background:transparent; color:#39342d; display:flex; align-items:center; gap:10px;
}
.account-btn span{display:flex; flex-direction:column; align-items:flex-start; line-height:1.05;}
.account-btn strong,.account-btn em{font-style:normal; font-size:13px; font-weight:600;}
.account-btn em{color:#7c756b;}
.account-icon{width:40px; height:40px; border:1px solid #ded7ce; border-radius:999px; display:flex; align-items:center; justify-content:center; color:#777066;}
.account-icon svg{width:20px; height:20px;}
.suits-cart{
  background:transparent !important;
  color:#2c271f !important;
  border:0 !important;
  box-shadow:none !important;
  padding:0 !important;
  border-radius:0 !important;
  font-weight:600 !important;
  text-transform:none !important;
  letter-spacing:0 !important;
  display:flex; align-items:center; gap:8px;
}
.suits-cart span{
  background:transparent !important;
  color:#2c271f !important;
  padding:0 !important;
  margin-left:0 !important;
  font-weight:800;
}
.suits-nav{
  border-top:1px solid rgba(53,46,35,.08);
  border-bottom:1px solid rgba(53,46,35,.08);
  background:#fff;
  justify-content:center !important;
  gap:0 !important;
  padding:0 14px !important;
  flex-wrap:nowrap !important;
  overflow:auto;
}
.suits-nav a{
  color:#433c33 !important;
  font-family:'Marcellus','Cormorant Garamond',serif !important;
  font-size:17px !important;
  font-weight:400 !important;
  text-transform:uppercase !important;
  letter-spacing:.02em !important;
  padding:18px 18px !important;
  border-radius:0 !important;
  white-space:nowrap;
  border-bottom:2px solid transparent !important;
}
.suits-nav a:hover,
.suits-nav a.active{color:#111 !important; border-bottom-color:#8c7660 !important; background:transparent !important;}

.hero-suits-wrap{padding:0 !important; margin:0 !important; position:relative; z-index:1;}
.hero-suits-slider{
  position:relative;
  min-height:700px;
  background:#efe5da;
  border-bottom:1px solid rgba(0,0,0,.08);
  overflow:hidden;
}
.hero-suits-slide{
  position:absolute;
  inset:0;
  opacity:0;
  visibility:hidden;
  transition:opacity .45s ease, visibility .45s ease;
  padding:22px clamp(18px,4vw,44px) 56px;
  background:linear-gradient(180deg,#f2ebe1 0%, #eadfce 100%);
}
.hero-suits-slide.active{opacity:1; visibility:visible; z-index:2;}
.hero-suits-layout{
  max-width:1380px;
  margin:0 auto;
  display:grid;
  grid-template-columns:1fr 1fr;
  align-items:stretch;
  min-height:620px;
}
.hero-suits-copy{
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:flex-start;
  padding:44px 12px 44px 24px;
  color:#fff;
}
.hero-suits-copy .hero-kicker{
  font-family:'Marcellus',serif;
  font-size:22px;
  letter-spacing:.04em;
  color:#f8f4ef;
  margin-bottom:10px;
}
.hero-off-block{display:flex; flex-direction:column; align-items:flex-start; line-height:.88; margin-bottom:22px;}
.hero-off-block small{font-size:30px; letter-spacing:.04em; color:#fbf5ef; font-family:'Marcellus',serif;}
.hero-off-block strong{font-size:clamp(126px,15vw,216px); font-weight:300; font-family:'Cormorant Garamond',serif; letter-spacing:-.06em; color:#fff;}
.hero-off-block span{font-size:74px; font-family:'Marcellus',serif; color:#fff; letter-spacing:.02em;}
.hero-off-block.subtle strong{font-size:clamp(112px,14vw,188px);} 
.hero-suits-copy p{
  max-width:470px;
  font-size:18px;
  line-height:1.65;
  color:rgba(255,255,255,.88);
  margin-bottom:26px;
}
.hero-title-alt{
  font-family:'Cormorant Garamond',serif !important;
  font-size:clamp(58px,6vw,92px) !important;
  line-height:.95 !important;
  text-transform:none !important;
  letter-spacing:-.03em !important;
  color:#fff;
  margin:0 0 18px;
}
.hero-cta{
  height:48px; padding:0 24px; border-radius:2px; border:1px solid rgba(255,255,255,.35);
  background:rgba(255,255,255,.15); color:#fff; font-size:13px; font-weight:700; letter-spacing:.12em; text-transform:uppercase;
}
.hero-cta:hover{background:rgba(255,255,255,.22);}
.hero-suits-visual{
  position:relative;
  min-height:620px;
}
.hero-suits-visual .hero-circle{
  position:absolute; right:22%; top:16%; width:250px; height:250px; border:2px solid rgba(255,255,255,.55); border-radius:50%;
}
.hero-perfume{
  position:absolute; object-fit:contain; filter:drop-shadow(0 28px 35px rgba(0,0,0,.16));
}
.hero-perfume-main{right:26%; top:16%; width:min(36vw,420px); max-width:420px;}
.hero-perfume-box{right:5%; top:8%; width:min(32vw,360px); max-width:360px;}
.hero-hot-sale-badge{
  position:absolute; right:2%; top:12%; width:180px; aspect-ratio:1; background:#8b2740; color:#f6db7d;
  clip-path:polygon(50% 0,64% 19%,86% 14%,81% 36%,100% 50%,81% 64%,86% 86%,64% 81%,50% 100%,36% 81%,14% 86%,19% 64%,0 50%,19% 36%,14% 14%,36% 19%);
  display:flex; align-items:center; justify-content:center; text-align:center; font-size:38px; font-weight:900; line-height:.92;
  font-family:Inter,sans-serif; letter-spacing:-.03em; transform:rotate(10deg);
}
.hero-label-bottom{
  position:absolute; left:0; right:0; bottom:50px; text-align:center; color:#fff; font-family:'Marcellus',serif; font-size:30px; letter-spacing:.04em;
}
.hero-simple-arrow{
  position:absolute; top:50%; transform:translateY(-50%); z-index:6;
  width:42px; height:42px; border-radius:999px; border:1px solid rgba(255,255,255,.4); background:rgba(255,255,255,.14); color:#fff;
  display:flex; align-items:center; justify-content:center; font-size:28px;
}
.hero-simple-prev{left:18px;} .hero-simple-next{right:18px;}
.hero-suits-dots{position:absolute; left:0; right:0; bottom:18px; display:flex; justify-content:center; gap:8px; z-index:6;}
.hero-suits-dots button{width:8px; height:8px; border-radius:999px; border:0; background:rgba(255,255,255,.45);} 
.hero-suits-dots button.active{background:#fff; width:22px;}
.hero-suits-slide:nth-child(1){background:linear-gradient(135deg,#d6b7a1 0%,#e6d3c0 100%);} 
.hero-suits-slide:nth-child(2){background:linear-gradient(135deg,#9e9283 0%,#cbbbaa 100%);} 
.hero-suits-slide:nth-child(3){background:linear-gradient(135deg,#5b4740 0%,#8f7266 100%);} 
.hero-suits-slide:nth-child(3) .hero-suits-copy p,
.hero-suits-slide:nth-child(3) .hero-kicker{color:rgba(255,255,255,.86);} 

.collection-landing,
.ideal-quick-access,
.toolbar,
.product-grid,
.catalog-pagination,
.mobile-ideal-section,
.checkout-preview,
footer{background:#f6f2eb !important;}
.collection-container,
.toolbar,
.mobile-ideal-section,
.ideal-test-shell,
.collection-grid,
.product-card,
.cart-panel,
.modal-card,
.checkout-page-card{box-shadow:none !important;}
.ideal-quick-access{padding:22px clamp(18px,4vw,44px) 4px !important; text-align:center;}
.ideal-quick-access a{display:inline-flex; gap:8px; justify-content:center; color:#5d5347 !important; text-decoration:none; font-weight:600;}
.toolbar#catalogo{padding:18px clamp(18px,4vw,44px) 8px !important; align-items:end !important; background:#f6f2eb !important;}
.toolbar .eyebrow{color:#8c7660 !important; font-weight:700 !important; letter-spacing:.18em !important;}
.toolbar h2#currentTitle{font-family:'Cormorant Garamond',serif !important; font-size:52px !important; color:#241f1a !important; text-transform:none !important; letter-spacing:-.03em !important;}
.controls{gap:10px !important;}
.controls input{min-height:44px !important; border:1px solid #d9d1c6 !important; background:#fff !important; color:#2f281f !important; border-radius:4px !important;}
.controls .filter{background:#fff !important; color:#433c33 !important; border:1px solid #d9d1c6 !important; border-radius:999px !important; text-transform:none !important; font-weight:600 !important; letter-spacing:0 !important;}
.controls .filter.active,.controls .filter:hover{background:#2e2a25 !important; color:#fff !important; border-color:#2e2a25 !important;}
#productGrid{padding:12px clamp(18px,4vw,44px) 10px !important; display:grid !important; grid-template-columns:repeat(4,minmax(0,1fr)) !important; gap:18px !important; background:#f6f2eb !important;}
#productGrid .product-card{background:#fff !important; border:1px solid #e6ddd2 !important; border-radius:18px !important; overflow:hidden !important; box-shadow:0 12px 34px rgba(0,0,0,.05) !important;}
#productGrid .product-image{background:#fbfaf8 !important; height:320px !important;}
#productGrid .product-info{background:#fff !important; padding:18px 16px 20px !important;}
#productGrid .product-title{color:#262019 !important; font-size:17px !important;}
#productGrid .price-row.cash,
#productGrid .price-row.dues{background:#f6f1ea !important; border-color:#ebdfd2 !important;}
#productGrid .price-row.cash strong,
#productGrid .price-row.dues strong,
#productGrid .price-row span{color:#332b22 !important;}
#productGrid .price-row.dues span::after{content:'' !important;}
.catalog-pagination{padding:10px 18px 42px !important; display:flex !important; justify-content:center; gap:8px;}
.catalog-pagination button,
.catalog-pagination .page-btn{
  min-width:40px; height:40px; border-radius:999px; border:1px solid #d8d0c6; background:#fff; color:#40382f; font-weight:700;
}
.catalog-pagination .active{background:#2e2a25; color:#fff; border-color:#2e2a25;}
.mobile-ideal-section{padding:30px clamp(18px,4vw,44px) 60px !important;}
.ideal-test-shell{background:#fff !important; border:1px solid #e6ddd2 !important; border-radius:26px !important; padding:28px !important;}
.ideal-test-header h2{font-family:'Cormorant Garamond',serif !important; color:#2b241c !important; font-size:48px !important; text-transform:none !important; letter-spacing:-.03em !important;}
.ideal-test-header p{color:#7c7265 !important;}
footer{border-top:1px solid #e1d8cc !important; color:#7b7268 !important;}

@media (max-width: 1180px){
  .suits-main-row{grid-template-columns:180px 1fr auto;}
  .hero-suits-layout{grid-template-columns:1fr;}
  .hero-suits-copy{padding:38px 18px 10px;}
  .hero-suits-visual{min-height:430px;}
  .hero-perfume-main{right:28%; top:10%; width:min(48vw,340px);}
  .hero-perfume-box{right:8%; top:4%; width:min(40vw,290px);}
  .hero-hot-sale-badge{right:6%; top:4%; width:140px; font-size:28px;}
  #productGrid{grid-template-columns:repeat(3,minmax(0,1fr)) !important;}
}
@media (max-width: 900px){
  .top-promo-suits{font-size:11px; padding:10px 12px;}
  .site-header.suits-header{top:38px !important;}
  .suits-main-row{grid-template-columns:1fr; gap:12px; padding:16px 16px 14px !important;}
  .suits-brand{display:flex; justify-content:center;}
  .suits-actions{justify-content:space-between !important;}
  .suits-search{max-width:none;}
  .suits-nav{justify-content:flex-start !important; padding:0 10px !important;}
  .suits-nav a{font-size:14px !important; padding:14px 12px !important;}
  .hero-suits-slider{min-height:680px;}
  .hero-suits-slide{padding:18px 16px 46px;}
  .hero-suits-layout{min-height:610px;}
  .hero-suits-copy{padding:22px 4px 8px;}
  .hero-off-block small{font-size:22px;}
  .hero-off-block strong{font-size:110px;}
  .hero-off-block span{font-size:50px;}
  .hero-title-alt{font-size:52px !important;}
  .hero-suits-copy p{font-size:15px; max-width:92%;}
  .hero-suits-visual{min-height:340px;}
  .hero-suits-visual .hero-circle{width:170px; height:170px; right:28%; top:16%;}
  .hero-perfume-main{right:30%; top:12%; width:200px;}
  .hero-perfume-box{right:6%; top:4%; width:180px;}
  .hero-hot-sale-badge{width:110px; right:2%; top:5%; font-size:20px;}
  .hero-label-bottom{bottom:24px; font-size:22px;}
  .hero-simple-arrow{width:34px; height:34px; font-size:22px;}
  #productGrid{grid-template-columns:repeat(2,minmax(0,1fr)) !important; padding:12px 16px 8px !important;}
  .toolbar#catalogo{padding:18px 16px 8px !important;}
  .toolbar h2#currentTitle{font-size:42px !important;}
}
@media (max-width: 580px){
  .account-btn strong,.account-btn em{font-size:12px;}
  .suits-main-row{padding:14px 12px !important;}
  .suits-brand img{width:132px !important;}
  .hero-suits-slider{min-height:640px;}
  .hero-off-block strong{font-size:92px;}
  .hero-off-block span{font-size:42px;}
  .hero-title-alt{font-size:42px !important;}
  .hero-suits-copy .hero-kicker{font-size:18px;}
  .hero-label-bottom{font-size:18px;}
  #productGrid{grid-template-columns:1fr !important;}
  .ideal-test-header h2{font-size:38px !important;}
}


/* =========================================================
   ELCLUB PERFUME V8 — AJUSTES PRO
   ========================================================= */

/* Tipografía más limpia y boutique */
body{
  font-family:'Montserrat', Inter, system-ui, sans-serif !important;
}
.suits-nav a,
.toolbar h2#currentTitle,
.perfume-editorial-pro h2,
.collection-head h2,
.hero-title-alt{
  font-family:'Libre Baskerville', Georgia, serif !important;
}
.suits-nav a{
  font-size:15px !important;
  font-weight:700 !important;
  letter-spacing:.035em !important;
}

/* Fondo negro pleno detrás del menú / inicio */
.suits-nav{
  background:#000 !important;
  border-top:1px solid #000 !important;
  border-bottom:1px solid #000 !important;
}
.suits-nav a{
  color:#f5efe6 !important;
}
.suits-nav a:hover,
.suits-nav a.active,
.suits-nav a.nav-home{
  background:#000 !important;
  color:#ffffff !important;
  border-bottom-color:#c7aa85 !important;
}

/* Carrito sin verde, estilo perfume */
.suits-cart{
  color:#2b241d !important;
  background:#efe6d9 !important;
  border:1px solid #d6c7b5 !important;
  border-radius:999px !important;
  padding:9px 14px !important;
  font-weight:800 !important;
  gap:7px !important;
}
.suits-cart span{
  background:#1d1915 !important;
  color:#fff !important;
  min-width:24px !important;
  height:24px !important;
  border-radius:999px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:0 7px !important;
  font-size:12px !important;
}
.suits-cart:hover{
  background:#e3d4c0 !important;
}

/* Bloque pro en lugar de selector interactivo */
.perfume-editorial-pro{
  background:#f6f2eb !important;
  padding:46px clamp(18px,4vw,54px) 18px !important;
}
.perfume-editorial-inner{
  max-width:1260px;
  margin:0 auto;
  background:linear-gradient(135deg,#111 0%,#2b241e 52%,#b59b79 100%);
  color:#fff;
  border-radius:28px;
  padding:clamp(28px,4vw,54px);
  box-shadow:0 22px 60px rgba(0,0,0,.14);
  overflow:hidden;
  position:relative;
}
.perfume-editorial-inner::after{
  content:"";
  position:absolute;
  right:-80px;
  top:-100px;
  width:320px;
  height:320px;
  border-radius:50%;
  background:rgba(255,255,255,.10);
}
.editorial-kicker{
  position:relative;
  z-index:1;
  color:#e9d7bd;
  font-size:12px;
  font-weight:800;
  letter-spacing:.16em;
  text-transform:uppercase;
  margin-bottom:12px;
}
.perfume-editorial-pro h2{
  position:relative;
  z-index:1;
  color:#fff !important;
  font-size:clamp(34px,4.8vw,62px) !important;
  line-height:1.05 !important;
  text-transform:none !important;
  letter-spacing:-.035em !important;
  max-width:740px;
  margin:0 0 16px;
}
.perfume-editorial-pro p:not(.editorial-kicker){
  position:relative;
  z-index:1;
  max-width:760px;
  color:rgba(255,255,255,.82);
  font-size:16px;
  line-height:1.65;
  margin:0;
}
.editorial-benefits{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:14px;
  margin-top:28px;
}
.editorial-benefits article{
  background:rgba(255,255,255,.10);
  border:1px solid rgba(255,255,255,.15);
  border-radius:18px;
  padding:18px;
}
.editorial-benefits strong{
  display:block;
  font-size:14px;
  text-transform:uppercase;
  letter-spacing:.07em;
  margin-bottom:8px;
}
.editorial-benefits span{
  display:block;
  color:rgba(255,255,255,.76);
  font-size:13px;
  line-height:1.45;
}

/* Mejora por qué elegirnos / checkout preview si aparece */
.checkout-preview{
  background:#f6f2eb !important;
  border-top:1px solid #e3d8ca !important;
  border-bottom:1px solid #e3d8ca !important;
}
.checkout-preview article,
.trust-bar article{
  background:#fff !important;
  border:1px solid #eadfd2 !important;
  border-radius:18px !important;
  padding:18px !important;
}
.checkout-preview strong,
.trust-bar strong{
  color:#2b241d !important;
}
.checkout-preview span,
.trust-bar span{
  color:#7a6e60 !important;
}

/* Quitar cualquier resto de bloque interactivo antiguo */
.mobile-ideal-section,
.ideal-selector-pro,
.ideal-interactive,
#mobileIdeal{
  display:none !important;
}

/* Productos demo sin imagen real removidos; evitar placeholders rotos */
.product-card img[src*="perfume-00"],
.modal-img img[src*="perfume-00"]{
  object-fit:contain !important;
}

@media (max-width:900px){
  .editorial-benefits{
    grid-template-columns:1fr;
  }
  .suits-nav{
    justify-content:flex-start !important;
  }
  .suits-nav a{
    font-size:13px !important;
  }
}


/* =========================================================
   ELCLUB PERFUME V14 — BASE V8 SOLO MOVER FRAGANCIA + LOGO GRANDE
   ========================================================= */
.suits-main-row{
  grid-template-columns:390px minmax(280px,1fr) auto !important;
  padding-top:16px !important;
  padding-bottom:14px !important;
}
.suits-brand img,
.brand img{
  width:345px !important;
  max-width:345px !important;
  height:auto !important;
  object-fit:contain !important;
  border-radius:0 !important;
  display:block !important;
}
.suits-brand,
.brand{
  min-width:345px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
}
@media (max-width:1100px){
  .suits-main-row{
    grid-template-columns:300px minmax(260px,1fr) auto !important;
  }
  .suits-brand,
  .brand{
    min-width:280px !important;
  }
  .suits-brand img,
  .brand img{
    width:280px !important;
    max-width:280px !important;
  }
}
@media (max-width:900px){
  .suits-main-row{
    grid-template-columns:1fr !important;
  }
  .suits-brand,
  .brand{
    min-width:0 !important;
    justify-content:center !important;
  }
  .suits-brand img,
  .brand img{
    width:270px !important;
    max-width:270px !important;
  }
}
@media (max-width:520px){
  .suits-brand img,
  .brand img{
    width:235px !important;
    max-width:235px !important;
  }
}


/* =========================================================
   ELCLUB PERFUME V15 — LOGO TAMAÑO COMO REFERENCIA DEPORTES
   ========================================================= */
html body .suits-main-row,
html body .site-header .header-main-row,
html body .site-header-v124 .header-main-row,
html body header.site-header .header-main-row{
  grid-template-columns: 300px minmax(320px, 1fr) auto !important;
  align-items: center !important;
  column-gap: 22px !important;
}

html body .brand,
html body .suits-brand,
html body .site-header .brand,
html body .site-header-v124 .brand,
html body header.site-header .brand{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  min-width: 260px !important;
}

html body .brand img,
html body .suits-brand img,
html body .site-header .brand img,
html body .site-header-v124 .brand img,
html body header.site-header .brand img{
  width: 245px !important;
  max-width: 245px !important;
  max-height: none !important;
  height: auto !important;
  object-fit: contain !important;
  display:block !important;
  filter:none !important;
  border-radius:0 !important;
  background: transparent !important;
}

@media (max-width: 1100px){
  html body .suits-main-row,
  html body .site-header .header-main-row,
  html body .site-header-v124 .header-main-row,
  html body header.site-header .header-main-row{
    grid-template-columns: 250px minmax(260px, 1fr) auto !important;
  }
  html body .brand,
  html body .suits-brand,
  html body .site-header .brand,
  html body .site-header-v124 .brand,
  html body header.site-header .brand{
    min-width: 220px !important;
  }
  html body .brand img,
  html body .suits-brand img,
  html body .site-header .brand img,
  html body .site-header-v124 .brand img,
  html body header.site-header .brand img{
    width: 220px !important;
    max-width: 220px !important;
  }
}

@media (max-width: 900px){
  html body .suits-main-row,
  html body .site-header .header-main-row,
  html body .site-header-v124 .header-main-row,
  html body header.site-header .header-main-row{
    grid-template-columns: 1fr !important;
  }
  html body .brand,
  html body .suits-brand,
  html body .site-header .brand,
  html body .site-header-v124 .brand,
  html body header.site-header .brand{
    min-width: 0 !important;
    justify-content:center !important;
  }
  html body .brand img,
  html body .suits-brand img,
  html body .site-header .brand img,
  html body .site-header-v124 .brand img,
  html body header.site-header .brand img{
    width: 205px !important;
    max-width: 205px !important;
  }
}

@media (max-width: 520px){
  html body .brand img,
  html body .suits-brand img,
  html body .site-header .brand img,
  html body .site-header-v124 .brand img,
  html body header.site-header .brand img{
    width: 180px !important;
    max-width: 180px !important;
  }
}

/* V21 — Hero desde base v15 con primera imagen del usuario */
.hero-v21-wrap{width:100%!important;max-width:100%!important;margin:0!important;padding:0!important;background:#050505!important;overflow:hidden!important}
.hero-v21-slider{position:relative!important;width:100%!important;max-width:100%!important;height:clamp(430px,50vw,768px)!important;min-height:430px!important;margin:0!important;padding:0!important;overflow:hidden!important;background:#050505!important;border-radius:0!important}
.hero-v21-slide{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;margin:0!important;padding:0!important;opacity:0!important;visibility:hidden!important;background:#050505!important;overflow:hidden!important;display:block!important}
.hero-v21-slide.active{opacity:1!important;visibility:visible!important}
.hero-full-img-v21{position:absolute!important;inset:0!important;width:100%!important;max-width:none!important;height:100%!important;object-fit:cover!important;object-position:center center!important;margin:0!important;padding:0!important}


/* =========================================================
   ELCLUB PERFUME V23 — SOLO CARRITO, SIN TOCAR HERO/FOTO
   ========================================================= */
#openCart{
  background:#111111 !important;
  color:#f8f4ee !important;
  border:1px solid #3a3a3a !important;
  box-shadow:0 8px 22px rgba(0,0,0,.24) !important;
  text-shadow:none !important;
}

#openCart:hover{
  background:#1f1f1f !important;
  color:#ffffff !important;
  border-color:#c7aa85 !important;
}

#openCart #cartCount{
  background:#c7aa85 !important;
  color:#111111 !important;
  border-radius:999px !important;
  font-weight:900 !important;
  text-shadow:none !important;
}

/* ELCLUB V24 — marca Maison/brand-line + efectivo-transferencia en champagne */
html body #productGrid .brand-line,
html body .product-grid#productGrid .brand-line,
html body #productModal .brand-line,
html body .modal-info .brand-line,
html body .collection-card .brand-line,
html body .collection-product-card .brand-line{
  color:#a8895f !important;
}

html body #productGrid .product-card .price-transfer,
html body .product-grid#productGrid .product-card .price-transfer,
html body .collection-price-block small,
html body .price-row.cash,
html body .cart-transfer-box,
html body .summary-main.transfer{
  background:linear-gradient(135deg,#f2e7d5 0%,#dbc6a4 55%,#c6ab82 100%) !important;
  color:#111214 !important;
  border:1px solid rgba(128,100,61,.18) !important;
  box-shadow:0 10px 24px rgba(142,112,74,.16) !important;
}

html body #productGrid .product-card .price-transfer::before,
html body .product-grid#productGrid .product-card .price-transfer::before,
html body .collection-price-block small::before{
  color:rgba(17,18,20,.78) !important;
}

html body #productGrid .product-card .price-transfer::after,
html body .product-grid#productGrid .product-card .price-transfer::after{
  background:#111214 !important;
  color:#f3e5cb !important;
}

html body #productGrid .product-card .price-transfer span,
html body .product-grid#productGrid .product-card .price-transfer span,
html body .collection-price-block small,
html body .price-row.cash strong,
html body .cart-transfer-box strong,
html body .summary-main.transfer strong,
html body .summary-main.transfer span{
  color:#111214 !important;
}


/* =========================================================
   ELCLUB PERFUME V34 — ESTRUCTURA HEADER COMO ELCLUB DEPORTES
   Mantiene paleta/tipografía perfume; solo ordena beneficios, logo, búsqueda y carrito.
   ========================================================= */
.top-promo-suits{display:none !important;}
.site-header.suits-header.perfume-structured-header{
  top:0 !important;
  background:rgba(255,255,255,.96) !important;
  border-bottom:1px solid rgba(53,46,35,.10) !important;
  backdrop-filter:blur(14px) !important;
  overflow:visible !important;
}
.perfume-benefits-bar{
  width:100% !important;
  min-height:34px !important;
  background:#121316 !important;
  border-bottom:1px solid rgba(53,46,35,.14) !important;
  color:#f7f1e8 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:10px !important;
  padding:0 12px !important;
  overflow:hidden !important;
  position:relative !important;
  z-index:5 !important;
}
.perfume-benefits-bar .header-benefit-viewport{
  height:34px !important;
  min-width:min(520px, calc(100vw - 92px)) !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  overflow:hidden !important;
}
.perfume-benefits-bar .header-benefit-single{
  color:#f7f1e8 !important;
  font-size:13px !important;
  font-weight:700 !important;
  letter-spacing:.12em !important;
  text-transform:uppercase !important;
  white-space:nowrap !important;
  transition:transform .38s ease, opacity .38s ease !important;
}
.perfume-benefits-bar .benefit-arrow{
  width:28px !important;
  height:28px !important;
  border:1px solid rgba(247,241,232,.26) !important;
  border-radius:999px !important;
  background:rgba(255,255,255,.05) !important;
  color:#f7f1e8 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  font-size:20px !important;
  line-height:1 !important;
}
.perfume-benefits-bar .header-benefit-single.is-changing-next{transform:translateX(-14px);opacity:.15;}
.perfume-benefits-bar .header-benefit-single.is-changing-prev{transform:translateX(14px);opacity:.15;}
.suits-main-row.perfume-main-row{
  width:min(1380px, calc(100% - 40px)) !important;
  margin:0 auto !important;
  padding:14px 0 !important;
  display:grid !important;
  grid-template-columns:auto minmax(260px,1fr) auto !important;
  align-items:center !important;
  gap:18px !important;
}
.perfume-brand img{width:148px !important;max-width:148px !important;filter:none !important;}
.suits-search.perfume-search{
  width:100% !important;
  max-width:720px !important;
  justify-self:center !important;
  margin:0 auto !important;
  min-height:52px !important;
  background:#fff !important;
  border:1px solid #ddd6cb !important;
  border-radius:16px !important;
  overflow:hidden !important;
  display:block !important;
  position:relative !important;
}
.perfume-search input{
  width:100% !important;
  height:52px !important;
  border:0 !important;
  background:transparent !important;
  color:#28231c !important;
  padding:0 58px 0 20px !important;
  font-size:16px !important;
  font-weight:600 !important;
  outline:none !important;
}
.perfume-search input::placeholder{color:#a2998a !important;}
.suits-search.perfume-search .header-search-btn{
  position:absolute !important;
  right:8px !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  width:42px !important;
  min-width:42px !important;
  height:42px !important;
  border-radius:12px !important;
  background:#d8d1c6 !important;
  color:#6b6459 !important;
  border:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  font-size:20px !important;
  font-weight:900 !important;
}
.perfume-actions{display:flex !important;align-items:center !important;gap:12px !important;}
.perfume-hamburger{
  width:44px !important;
  height:44px !important;
  border-radius:999px !important;
  border:1px solid #ded7ce !important;
  background:#fff !important;
  display:none !important;
  align-items:center !important;
  justify-content:center !important;
  flex-direction:column !important;
  gap:4px !important;
  padding:0 !important;
}
.perfume-hamburger span{
  display:block !important;
  width:18px !important;
  height:2px !important;
  border-radius:999px !important;
  background:#39342d !important;
}
.suits-cart.perfume-cart{
  background:#fff !important;
  color:#2c271f !important;
  border:1px solid #ded7ce !important;
  box-shadow:none !important;
  padding:12px 16px !important;
  border-radius:999px !important;
  font-weight:700 !important;
  text-transform:none !important;
  letter-spacing:0 !important;
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
}
.suits-cart.perfume-cart span{
  background:#2e2a25 !important;
  color:#fff !important;
  border-radius:999px !important;
  padding:3px 7px !important;
  margin-left:0 !important;
  font-weight:800 !important;
}
.suits-nav.perfume-nav{
  border-top:1px solid rgba(53,46,35,.08) !important;
  border-bottom:1px solid rgba(53,46,35,.08) !important;
  background:#fff !important;
  justify-content:center !important;
  gap:0 !important;
  padding:0 14px !important;
  flex-wrap:nowrap !important;
  overflow:auto !important;
}
.suits-nav.perfume-nav a{
  color:#433c33 !important;
  font-family:'Marcellus','Cormorant Garamond',serif !important;
  font-size:17px !important;
  font-weight:400 !important;
  text-transform:uppercase !important;
  letter-spacing:.02em !important;
  padding:18px 18px !important;
  border-radius:0 !important;
  white-space:nowrap !important;
  border-bottom:2px solid transparent !important;
}
.suits-nav.perfume-nav a:hover,
.suits-nav.perfume-nav a.active{color:#111 !important;border-bottom-color:#8c7660 !important;background:transparent !important;}
body.elclub-benefits-hidden .perfume-benefits-bar{
  max-height:0 !important;
  min-height:0 !important;
  padding-top:0 !important;
  padding-bottom:0 !important;
  border-bottom:0 !important;
  opacity:0 !important;
}
@media (max-width:760px){
  .site-header.suits-header.perfume-structured-header{top:0 !important;background:rgba(255,255,255,.98) !important;overflow:visible !important;}
  .perfume-benefits-bar{display:flex !important;min-height:32px !important;}
  .perfume-benefits-bar .header-benefit-viewport{height:32px !important;min-width:calc(100vw - 82px) !important;}
  .perfume-benefits-bar .header-benefit-single{font-size:11px !important;letter-spacing:.08em !important;}
  .suits-main-row.perfume-main-row{width:calc(100% - 24px) !important;grid-template-columns:auto 1fr auto !important;gap:10px !important;padding:10px 0 !important;}
  .perfume-brand img{width:112px !important;max-width:112px !important;}
  .suits-search.perfume-search{max-width:none !important;min-height:42px !important;border-radius:12px !important;}
  .perfume-search input{height:42px !important;font-size:14px !important;padding-left:12px !important;padding-right:44px !important;}
  .suits-search.perfume-search .header-search-btn{width:34px !important;min-width:34px !important;height:34px !important;border-radius:10px !important;right:4px !important;}
  .perfume-hamburger{display:flex !important;}
  .suits-cart.perfume-cart{padding:9px 11px !important;font-size:0 !important;min-width:44px !important;justify-content:center !important;}
  .suits-cart.perfume-cart::before{content:'🛒';font-size:18px !important;line-height:1 !important;}
  .suits-cart.perfume-cart span{font-size:11px !important;padding:2px 6px !important;}
  .suits-nav.perfume-nav{display:none !important;}
}


/* =========================================================
   FIX FINAL SANTIAGO — ELCLUB PERFUME PREMIUM SIN ROMPER
   Header negro, sin verde lima, tarjetas parejas y paginación integrada
   ========================================================= */
:root{
  --lime:#c8a96a !important;
  --lime2:#d8bd7a !important;
  --limeDark:#8f7446 !important;
  --champagne:#d8bd7a !important;
  --champagne-soft:#f0dfb0 !important;
  --perfume-black:#050505 !important;
  --perfume-card:#fbfaf5 !important;
  --perfume-ink:#111820 !important;
}
html,body{background:#050505 !important;overflow-x:hidden !important;}
body::before,body::after,.page-glow{display:none !important;content:none !important;}

/* Header premium negro completo */
html body .site-header.site-header-v124.perfume-structured-header,
html body header.site-header.site-header-v124.perfume-structured-header{
  position:sticky !important;
  top:0 !important;
  z-index:9999 !important;
  background:#050505 !important;
  background-image:linear-gradient(180deg,#070707 0%,#030303 100%) !important;
  border:0 !important;
  border-bottom:1px solid rgba(216,189,122,.22) !important;
  box-shadow:0 14px 40px rgba(0,0,0,.45) !important;
  overflow:visible !important;
}
html body .header-benefits-bar.perfume-benefits-bar{
  background:#050505 !important;
  border:0 !important;
  border-bottom:1px solid rgba(216,189,122,.16) !important;
  color:#d8bd7a !important;
}
html body .header-benefit-single,
html body .benefit-arrow{color:#d8bd7a !important;}
html body .site-header.site-header-v124.perfume-structured-header > .header-main-row.perfume-main-row,
html body .site-header.site-header-v124.perfume-structured-header > .suits-main-row.perfume-main-row{
  background:#050505 !important;
  border:0 !important;
  border-bottom:1px solid rgba(216,189,122,.16) !important;
  box-shadow:none !important;
  padding:17px clamp(18px,4vw,54px) !important;
  grid-template-columns:210px minmax(280px,1fr) auto !important;
  column-gap:28px !important;
}
html body .site-header.site-header-v124.perfume-structured-header .brand.perfume-brand{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  min-width:0 !important;
  padding:0 !important;
  margin:0 !important;
  display:flex !important;
  align-items:center !important;
}
html body .site-header.site-header-v124.perfume-structured-header .brand.perfume-brand img,
html body .perfume-brand img{
  width:168px !important;
  max-width:168px !important;
  height:auto !important;
  max-height:72px !important;
  object-fit:contain !important;
  object-position:left center !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  border-radius:0 !important;
  filter:none !important;
}
html body .site-header.site-header-v124.perfume-structured-header .header-search-wrap.perfume-search,
html body .perfume-search{
  background:#111111 !important;
  border:1px solid rgba(216,189,122,.22) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 14px 34px rgba(0,0,0,.25) !important;
  border-radius:18px !important;
}
html body .site-header.site-header-v124.perfume-structured-header #headerSearch{
  background:transparent !important;
  color:#f7f0de !important;
}
html body .site-header.site-header-v124.perfume-structured-header #headerSearch::placeholder{color:rgba(247,240,222,.48) !important;}
html body .site-header.site-header-v124.perfume-structured-header .header-search-btn{
  background:#17130d !important;
  color:#d8bd7a !important;
  border-left:1px solid rgba(216,189,122,.18) !important;
}
html body .site-header.site-header-v124.perfume-structured-header #openCart,
html body #openCart.perfume-cart{
  background:#0f0d0b !important;
  color:#fff7e8 !important;
  border:1px solid rgba(216,189,122,.36) !important;
  box-shadow:0 10px 28px rgba(0,0,0,.36) !important;
}
html body .site-header.site-header-v124.perfume-structured-header #openCart #cartCount,
html body #cartCount{
  background:#d8bd7a !important;
  color:#050505 !important;
}
html body .site-header.site-header-v124.perfume-structured-header > .perfume-nav,
html body .suits-nav.perfume-nav{
  background:#050505 !important;
  border:0 !important;
  border-bottom:1px solid rgba(216,189,122,.20) !important;
  box-shadow:none !important;
  padding:0 18px !important;
}
html body .site-header.site-header-v124.perfume-structured-header > .perfume-nav a,
html body .suits-nav.perfume-nav a{
  color:#f4ead2 !important;
  text-shadow:0 1px 0 rgba(0,0,0,.7) !important;
  letter-spacing:.18em !important;
  font-family:'Anton','Montserrat',sans-serif !important;
  font-size:18px !important;
  font-weight:400 !important;
  padding:19px 22px !important;
  border-bottom:2px solid transparent !important;
}
html body .site-header.site-header-v124.perfume-structured-header > .perfume-nav a:hover,
html body .site-header.site-header-v124.perfume-structured-header > .perfume-nav a.active{
  color:#d8bd7a !important;
  border-bottom-color:#d8bd7a !important;
  background:rgba(216,189,122,.06) !important;
}

/* Hero integrado: sacar línea blanca entre nav y foto naranja */
html body main,
html body #inicio,
html body .hero-v21-wrap,
html body #heroInicio,
html body .hero-v21-slider,
html body .hero-simple-slide,
html body .hero-picture-v33{
  background:#050505 !important;
  border:0 !important;
  outline:0 !important;
  box-shadow:none !important;
}
html body .hero-v21-wrap{margin-top:0 !important;padding-top:0 !important;}
html body .hero-full-img-v21{
  display:block !important;
  width:100% !important;
  border:0 !important;
  outline:0 !important;
  margin-top:0 !important;
}

/* Catálogo y paginación integrados en negro */
html body #catalogo,
html body .catalog-section,
html body .catalog-wrap,
html body .catalog-container{
  background:#050505 !important;
  background-image:linear-gradient(180deg,#050505 0%,#080705 48%,#050505 100%) !important;
  border:0 !important;
}
html body .product-grid#productGrid,
html body #productGrid.product-grid{
  background:#050505 !important;
  background-image:radial-gradient(circle at 50% 0%,rgba(216,189,122,.08),transparent 32%) !important;
  padding-bottom:22px !important;
  align-items:stretch !important;
}
html body .catalog-pagination{
  background:#050505 !important;
  background-image:linear-gradient(180deg,#050505,#070605) !important;
  border:1px solid rgba(216,189,122,.20) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 18px 50px rgba(0,0,0,.38) !important;
  border-radius:999px !important;
  margin:16px auto 42px !important;
  width:min(860px,calc(100% - 32px)) !important;
  padding:12px 18px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:10px !important;
}
html body .catalog-pagination button,
html body .catalog-pagination .page-btn{
  background:transparent !important;
  color:#f5eddc !important;
  border:1px solid transparent !important;
  border-radius:999px !important;
  min-width:44px !important;
  height:44px !important;
  font-weight:900 !important;
}
html body .catalog-pagination .active,
html body .catalog-pagination button.active{
  background:#d8bd7a !important;
  color:#050505 !important;
  border-color:#d8bd7a !important;
}
html body .catalog-pagination button:hover,
html body .catalog-pagination .page-btn:hover{
  border-color:rgba(216,189,122,.42) !important;
  color:#d8bd7a !important;
}

/* Tarjetas parejas, más premium y sin diferencias raras */
html body .product-grid#productGrid .product-card,
html body .product-card{
  display:flex !important;
  flex-direction:column !important;
  height:100% !important;
  min-height:760px !important;
  background:#fbfaf5 !important;
  border:1px solid rgba(216,189,122,.34) !important;
  border-radius:30px !important;
  overflow:hidden !important;
  box-shadow:0 22px 60px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.75) !important;
}
html body .product-grid#productGrid .product-image,
html body .product-card .product-image{
  height:310px !important;
  min-height:310px !important;
  max-height:310px !important;
  padding:24px 22px 12px !important;
  background:#fbfaf5 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  overflow:hidden !important;
}
html body .product-grid#productGrid .product-image img,
html body .product-card .product-image img{
  width:100% !important;
  height:100% !important;
  max-height:270px !important;
  object-fit:contain !important;
  object-position:center bottom !important;
  transform:none !important;
  filter:drop-shadow(0 18px 22px rgba(0,0,0,.18)) !important;
}
html body .product-grid#productGrid .product-info,
html body .product-card .product-info{
  flex:1 1 auto !important;
  display:flex !important;
  flex-direction:column !important;
  gap:10px !important;
  padding:22px 24px 24px !important;
  background:#fbfaf5 !important;
  color:#121820 !important;
}
html body .product-info h3{
  min-height:58px !important;
  color:#101820 !important;
  font-size:clamp(22px,1.5vw,27px) !important;
  line-height:1.06 !important;
  font-weight:950 !important;
  letter-spacing:-.035em !important;
}
html body .brand-line,
html body .product-grid#productGrid .brand-line{
  color:#b28a45 !important;
  text-shadow:none !important;
  font-weight:1000 !important;
  letter-spacing:.18em !important;
}
html body .tone,
html body .variant{color:#68717a !important;}
html body .price-block.price-list{margin-top:auto !important;display:flex !important;flex-direction:column !important;gap:10px !important;}
html body .price-main{
  color:#111820 !important;
  background:#fff !important;
  border:1px solid rgba(0,0,0,.10) !important;
  border-radius:22px !important;
  padding:15px 18px !important;
  margin:0 !important;
  font-size:clamp(26px,1.7vw,34px) !important;
}
html body .price-transfer{
  background:linear-gradient(135deg,#e6d2a0,#c8a96a) !important;
  border:1px solid rgba(90,64,24,.18) !important;
  border-radius:22px !important;
  padding:15px 18px !important;
  color:#111820 !important;
  margin:0 !important;
  font-size:clamp(22px,1.4vw,30px) !important;
  font-weight:1000 !important;
}
html body .price-transfer span{
  display:block !important;
  color:#111820 !important;
  opacity:.86 !important;
  font-size:12px !important;
  text-transform:uppercase !important;
  letter-spacing:.08em !important;
  font-weight:1000 !important;
}
html body .price-sale-badge,
html body .price-transfer .price-sale-badge{
  background:#111820 !important;
  color:#f5eddc !important;
  border:0 !important;
}
html body .price-dues{
  background:#111820 !important;
  color:#fff7e8 !important;
  border-radius:22px !important;
  padding:15px 18px !important;
  margin:0 !important;
  min-height:74px !important;
  display:flex !important;
  align-items:center !important;
  font-size:clamp(17px,1vw,22px) !important;
}
html body .card-actions{margin-top:14px !important;display:grid !important;grid-template-columns:1fr !important;gap:10px !important;}
html body .quick-view,
html body .whatsapp,
html body .cart-action{
  background:#111820 !important;
  color:#fff7e8 !important;
  border:1px solid rgba(216,189,122,.24) !important;
  border-radius:16px !important;
  min-height:58px !important;
  box-shadow:none !important;
}
html body .quick-view:hover,
html body .whatsapp:hover,
html body .cart-action:hover{
  background:#d8bd7a !important;
  color:#050505 !important;
}
html body .badge,
html body .preorder-badge,
html body .soldout-badge{
  background:#111820 !important;
  color:#f4dfaa !important;
  border:1px solid rgba(216,189,122,.38) !important;
}

/* Sacar cualquier verde lima/neón que haya quedado */
html body [style*="c8ff00"],
html body [style*="bdf000"],
html body [style*="d7ff2f"]{color:#d8bd7a !important;background:#d8bd7a !important;}
html body .price-row.cash strong,
html body .cash strong,
html body .product-card [class*="cash"],
html body .product-card [class*="transfer"]{
  color:inherit;
}

@media(max-width:1100px){
  html body .site-header.site-header-v124.perfume-structured-header > .header-main-row.perfume-main-row{grid-template-columns:170px minmax(220px,1fr) auto !important;column-gap:16px !important;}
  html body .perfume-brand img{width:145px !important;max-width:145px !important;}
  html body .site-header.site-header-v124.perfume-structured-header > .perfume-nav a{font-size:15px !important;padding:16px 14px !important;letter-spacing:.14em !important;}
}
@media(max-width:760px){
  html body .site-header.site-header-v124.perfume-structured-header > .header-main-row.perfume-main-row{grid-template-columns:auto 1fr auto !important;padding:10px 12px !important;}
  html body .perfume-brand img{width:108px !important;max-width:108px !important;}
  html body .product-grid#productGrid .product-card,
  html body .product-card{min-height:620px !important;border-radius:22px !important;}
  html body .product-grid#productGrid .product-image,
  html body .product-card .product-image{height:230px !important;min-height:230px !important;max-height:230px !important;}
  html body .product-info h3{min-height:44px !important;font-size:18px !important;}
  html body .price-main{font-size:22px !important;padding:12px 14px !important;}
  html body .price-transfer{font-size:20px !important;padding:12px 14px !important;}
  html body .price-dues{font-size:15px !important;min-height:58px !important;padding:12px 14px !important;}
}


/* GHOSTWRITER FIX — champagne + limpiar icono/ticker */

:root{
  --perfume-champagne-final:#c7aa85;
  --perfume-champagne-soft:#f3eadb;
  --perfume-champagne-mid:#dfcfb4;
  --perfume-champagne-deep:#b89567;
}

html body .site-top-strip::before,
html body .header-benefits-bar::before,
html body .top-promo::before{
  content:none !important;
  display:none !important;
}
html body .site-top-strip > *,
html body .header-benefits-bar > *,
html body .top-promo > *{
  visibility:visible !important;
}
html body .site-header.site-header-v124 > .header-benefits-bar,
html body .header-benefits-bar,
html body .site-top-strip,
html body .top-promo{
  background:#070707 !important;
  color:#f7f4ef !important;
  border-bottom:1px solid rgba(199,170,133,.24) !important;
}
html body .site-header.site-header-v124 .benefit-arrow,
html body .benefit-arrow{
  border:1px solid rgba(199,170,133,.30) !important;
  background:rgba(199,170,133,.10) !important;
  color:#f7f4ef !important;
}
html body .site-header.site-header-v124 .benefit-arrow:hover,
html body .benefit-arrow:hover{
  background:var(--perfume-champagne-final) !important;
  color:#111111 !important;
  border-color:var(--perfume-champagne-final) !important;
}

html body #productGrid .brand-line,
html body .product-grid#productGrid .brand-line,
html body #productModal .brand-line,
html body .modal-info .brand-line,
html body .collection-card .brand-line,
html body .collection-product-card .brand-line{
  color:var(--perfume-champagne-final) !important;
}

html body #productGrid .product-card .price-transfer,
html body .product-grid#productGrid .product-card .price-transfer,
html body .collection-price-block small,
html body .price-row.cash,
html body .cart-transfer-box,
html body .summary-main.transfer{
  background:linear-gradient(135deg,var(--perfume-champagne-soft) 0%,var(--perfume-champagne-mid) 52%,var(--perfume-champagne-final) 100%) !important;
  color:#111214 !important;
  border:1px solid rgba(124,94,55,.18) !important;
  box-shadow:0 10px 24px rgba(148,114,70,.14) !important;
}
html body #productGrid .product-card .price-transfer::before,
html body .product-grid#productGrid .product-card .price-transfer::before,
html body .collection-price-block small::before{
  color:rgba(17,17,17,.72) !important;
}
html body #productGrid .product-card .price-transfer::after,
html body .product-grid#productGrid .product-card .price-transfer::after,
html body .collection-price-block small::after{
  background:#111111 !important;
  color:#f3eadb !important;
}
html body #productGrid .product-card .price-transfer span,
html body .product-grid#productGrid .product-card .price-transfer span,
html body .collection-price-block small,
html body .price-row.cash span,
html body .price-row.cash strong,
html body .summary-main.transfer span,
html body .summary-main.transfer strong,
html body .cart-transfer-box span,
html body .cart-transfer-box strong{
  color:#111111 !important;
}

/* neutralizar cualquier verde lima inline que quede visible */
html body [style*="#c7aa85"], html body [style*="c7aa85"]{
  color:inherit;
}
html body [style*="#c7aa85"],
html body [style*="c8ff00"],
html body [style*="#c6ff00"],
html body [style*="c6ff00"],
html body [style*="#c7aa85"],
html body [style*="d7ff2f"],
html body [style*="#c7aa85"],
html body [style*="bdf000"],
html body [style*="#b6ff00"],
html body [style*="b6ff00"]{
  color:var(--perfume-champagne-final) !important;
  border-color:rgba(199,170,133,.35) !important;
}



/* ELCLUB PERFUME — HERO IMAGEN FULL */
html body .hero-v21-wrap,
html body #heroInicio,
html body .hero-v21-slider,
html body #heroSimpleSlider,
html body .hero-v21-slide,
html body .hero-simple-slide,
html body .hero-picture-v33{
  width:100% !important;
  overflow:hidden !important;
}
html body .hero-picture-v33,
html body .hero-picture-v33 img,
html body .hero-full-img-v21{
  display:block !important;
}
html body .hero-full-img-v21,
html body .hero-picture-v33 img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center center !important;
}



/* ELCLUB PERFUME — SEGUNDA IMAGEN HERO */
html body .hero-v21-slider{
  position:relative !important;
}
html body .hero-v21-slide{
  inset:0 !important;
}
html body .hero-v21-slide:not(.active){
  opacity:0;
  pointer-events:none;
}
html body .hero-v21-slide.active{
  opacity:1;
}



/* ELCLUB PERFUME — FLECHAS HERO + BENEFICIOS CENTRADOS */
html body .hero-v21-slider,
html body #heroSimpleSlider{
  position:relative !important;
}

html body .hero-arrow{
  position:absolute !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  z-index:25 !important;
  width:46px !important;
  height:46px !important;
  border-radius:999px !important;
  border:1px solid rgba(243,234,219,.55) !important;
  background:rgba(7,7,7,.42) !important;
  color:#f3eadb !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  font-size:38px !important;
  font-weight:300 !important;
  line-height:1 !important;
  cursor:pointer !important;
  backdrop-filter:blur(8px) !important;
  -webkit-backdrop-filter:blur(8px) !important;
  box-shadow:0 12px 30px rgba(0,0,0,.25) !important;
  transition:background .18s ease, border-color .18s ease, color .18s ease, transform .18s ease !important;
}

html body .hero-arrow:hover{
  background:#c7aa85 !important;
  color:#111111 !important;
  border-color:#c7aa85 !important;
  transform:translateY(-50%) scale(1.04) !important;
}

html body .hero-arrow-prev{left:18px !important;}
html body .hero-arrow-next{right:18px !important;}

html body .site-header.site-header-v124 > .header-benefits-bar,
html body .perfume-benefits-bar,
html body .header-benefits-bar{
  display:grid !important;
  grid-template-columns:34px minmax(0,1fr) 34px !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
}

html body .header-benefit-viewport{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
  margin:0 auto !important;
  width:100% !important;
}

html body #headerBenefitTickerV342,
html body #headerBenefitTickerV340,
html body #headerBenefitSingle{
  justify-content:center !important;
  text-align:center !important;
  margin:0 auto !important;
  width:100% !important;
}

html body .site-header.site-header-v124 .benefit-arrow,
html body .benefit-arrow{
  justify-self:center !important;
}

@media(max-width:760px){
  html body .hero-arrow{
    width:38px !important;
    height:38px !important;
    font-size:31px !important;
  }
  html body .hero-arrow-prev{left:10px !important;}
  html body .hero-arrow-next{right:10px !important;}
}



/* ELCLUB PERFUME — dropdown subcategorías femeninas */
html body .perfume-femeninas-nav{
  position:relative !important;
  display:flex !important;
  align-items:center !important;
}
html body .perfume-femeninas-nav > .ideal-main-link{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  text-decoration:none !important;
}
html body .perfume-femeninas-dropdown{
  min-width:700px !important;
  max-width:min(92vw, 820px) !important;
  grid-template-columns:repeat(2, minmax(240px, 1fr)) !important;
}
html body .perfume-femeninas-dropdown .ideal-col{
  align-content:start !important;
}
html body .perfume-femeninas-dropdown .ideal-col button{
  justify-content:flex-start !important;
  text-align:left !important;
  padding:10px 14px !important;
}
@media(max-width: 900px){
  html body .perfume-femeninas-dropdown{
    display:none !important;
  }
}



/* ELCLUB PERFUME — dropdown subcategorías masculinas */
html body .perfume-masculinas-nav{
  position:relative !important;
  display:flex !important;
  align-items:center !important;
}
html body .perfume-masculinas-nav > .ideal-main-link{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  text-decoration:none !important;
}
html body .perfume-masculinas-dropdown{
  min-width:760px !important;
  max-width:min(92vw, 860px) !important;
  grid-template-columns:repeat(2, minmax(260px, 1fr)) !important;
}
html body .perfume-masculinas-dropdown .ideal-col{
  align-content:start !important;
}
html body .perfume-masculinas-dropdown .ideal-col button{
  justify-content:flex-start !important;
  text-align:left !important;
  padding:10px 14px !important;
}
@media(max-width: 900px){
  html body .perfume-masculinas-dropdown{
    display:none !important;
  }
}



/* =========================================================
   ELCLUB PERFUME — FICHA PRODUCTO PREMIUM LIMPIA FINAL
   Se usa una clase única para evitar parches viejos superpuestos
   ========================================================= */

html body #productModal.elclub-clean-product-modal{
  position:fixed !important;
  inset:0 !important;
  z-index:999999 !important;
  display:none !important;
  align-items:flex-start !important;
  justify-content:center !important;
  padding:22px !important;
  background:rgba(8,8,9,.92) !important;
  backdrop-filter:blur(16px) !important;
  -webkit-backdrop-filter:blur(16px) !important;
  overflow-y:auto !important;
  -webkit-overflow-scrolling:touch !important;
}

html body #productModal.elclub-clean-product-modal.open{
  display:flex !important;
  opacity:1 !important;
  visibility:visible !important;
  pointer-events:auto !important;
}

html body #productModal.elclub-clean-product-modal .modal-card{
  width:min(1180px, calc(100vw - 44px)) !important;
  max-width:min(1180px, calc(100vw - 44px)) !important;
  height:auto !important;
  min-height:0 !important;
  max-height:none !important;
  overflow:visible !important;
  margin:20px auto 46px !important;
  padding:0 !important;
  display:grid !important;
  grid-template-columns:minmax(430px, 1.04fr) minmax(390px, .96fr) !important;
  gap:0 !important;
  border-radius:34px !important;
  background:#fffaf3 !important;
  color:#121214 !important;
  border:1px solid rgba(199,170,133,.34) !important;
  box-shadow:0 34px 120px rgba(0,0,0,.62) !important;
}

html body #productModal.elclub-clean-product-modal .modal-close{
  position:fixed !important;
  top:18px !important;
  right:18px !important;
  z-index:1000002 !important;
  width:48px !important;
  height:48px !important;
  min-width:48px !important;
  min-height:48px !important;
  border-radius:999px !important;
  background:#111214 !important;
  color:#f8ead4 !important;
  border:1px solid rgba(199,170,133,.38) !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  font-size:30px !important;
  line-height:1 !important;
  box-shadow:0 16px 44px rgba(0,0,0,.42) !important;
}

html body #productModal.elclub-clean-product-modal .modal-img{
  position:sticky !important;
  top:22px !important;
  align-self:start !important;
  min-height:calc(100vh - 92px) !important;
  height:auto !important;
  max-height:none !important;
  overflow:visible !important;
  border-radius:34px 0 0 34px !important;
  padding:34px 30px !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  background:
    radial-gradient(circle at 50% 18%, rgba(199,170,133,.24), transparent 32%),
    linear-gradient(180deg,#fffdf8 0%,#f4ecdf 100%) !important;
}

html body #productModal.elclub-clean-product-modal #modalImg{
  width:100% !important;
  height:auto !important;
  max-width:560px !important;
  max-height:66vh !important;
  object-fit:contain !important;
  object-position:center center !important;
  display:block !important;
  background:transparent !important;
  border-radius:22px !important;
  box-shadow:none !important;
  margin:0 auto !important;
  cursor:zoom-in !important;
}

html body #productModal.elclub-clean-product-modal .modal-info{
  min-width:0 !important;
  padding:46px 44px 40px !important;
  border-radius:0 34px 34px 0 !important;
  background:#fffaf3 !important;
  color:#121214 !important;
  display:flex !important;
  flex-direction:column !important;
  gap:14px !important;
}

html body #productModal.elclub-clean-product-modal #modalBadge{
  display:none !important;
}

html body #productModal.elclub-clean-product-modal #modalBrand{
  color:#b89567 !important;
  font-size:12px !important;
  font-weight:1000 !important;
  letter-spacing:.16em !important;
  text-transform:uppercase !important;
  margin:0 !important;
}

html body #productModal.elclub-clean-product-modal #modalName{
  color:#111214 !important;
  font-size:clamp(30px,3vw,52px) !important;
  line-height:.96 !important;
  letter-spacing:-.06em !important;
  margin:0 !important;
  font-family:Inter,system-ui,sans-serif !important;
  font-weight:1000 !important;
}

html body #productModal.elclub-clean-product-modal #modalTone,
html body #productModal.elclub-clean-product-modal #modalVariant{
  display:block !important;
  color:#6d6254 !important;
  font-size:14px !important;
  line-height:1.45 !important;
  margin:0 !important;
  text-transform:none !important;
  letter-spacing:0 !important;
}

html body #productModal.elclub-clean-product-modal #modalDescription{
  display:block !important;
  color:#51473e !important;
  font-size:15px !important;
  line-height:1.62 !important;
  margin:4px 0 0 !important;
  max-width:none !important;
}

html body #productModal.elclub-clean-product-modal #modalTechDescription{
  display:block !important;
  margin-top:4px !important;
  color:#51473e !important;
}

html body #productModal.elclub-clean-product-modal #modalTechDescription .modal-tech-description{
  background:#f7f0e5 !important;
  border:1px solid rgba(199,170,133,.24) !important;
  border-radius:22px !important;
  padding:18px !important;
  color:#51473e !important;
}

html body #productModal.elclub-clean-product-modal #modalTechDescription h4,
html body #productModal.elclub-clean-product-modal #modalTechDescription h5{
  color:#111214 !important;
  margin:0 0 10px !important;
}

html body #productModal.elclub-clean-product-modal #modalTechDescription p,
html body #productModal.elclub-clean-product-modal #modalTechDescription li{
  color:#51473e !important;
}

html body #productModal.elclub-clean-product-modal .modal-prices{
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:12px !important;
  margin:12px 0 4px !important;
  width:100% !important;
}

html body #productModal.elclub-clean-product-modal .price-row{
  width:100% !important;
  min-width:0 !important;
  max-width:100% !important;
  box-sizing:border-box !important;
  min-height:86px !important;
  border-radius:22px !important;
  padding:16px 18px !important;
  display:grid !important;
  grid-template-columns:minmax(0,1fr) max-content !important;
  align-items:center !important;
  gap:14px !important;
  overflow:visible !important;
  white-space:normal !important;
}

html body #productModal.elclub-clean-product-modal .price-row span{
  display:block !important;
  min-width:0 !important;
  color:inherit !important;
  opacity:.74 !important;
  font-size:12px !important;
  line-height:1.2 !important;
  text-transform:uppercase !important;
  letter-spacing:.08em !important;
  font-weight:1000 !important;
  white-space:normal !important;
}

html body #productModal.elclub-clean-product-modal .price-row strong{
  display:block !important;
  min-width:max-content !important;
  max-width:none !important;
  color:inherit !important;
  font-size:clamp(21px,2.1vw,34px) !important;
  line-height:1 !important;
  font-weight:1000 !important;
  letter-spacing:-.04em !important;
  white-space:nowrap !important;
  overflow:visible !important;
  text-overflow:clip !important;
}

html body #productModal.elclub-clean-product-modal .price-row.card{
  background:#111820 !important;
  color:#fff7e8 !important;
  border:1px solid rgba(17,24,32,.14) !important;
}

html body #productModal.elclub-clean-product-modal .price-row.cash{
  background:linear-gradient(135deg,#f3eadb 0%,#dfcfb4 52%,#c7aa85 100%) !important;
  color:#111214 !important;
  border:1px solid rgba(124,94,55,.18) !important;
  box-shadow:none !important;
}

html body #productModal.elclub-clean-product-modal .price-row.dues{
  background:#f7f0e5 !important;
  color:#111214 !important;
  border:1px solid rgba(199,170,133,.28) !important;
}

html body #productModal.elclub-clean-product-modal .modal-actions{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:12px !important;
  margin-top:8px !important;
}

html body #productModal.elclub-clean-product-modal .modal-actions button{
  min-height:58px !important;
  border-radius:18px !important;
  font-size:12px !important;
  font-weight:1000 !important;
  letter-spacing:.06em !important;
  text-transform:uppercase !important;
}

html body #productModal.elclub-clean-product-modal #addCartBtn{
  background:#111820 !important;
  color:#fff7e8 !important;
  border:1px solid rgba(17,24,32,.18) !important;
}

html body #productModal.elclub-clean-product-modal #buyNowBtn{
  background:linear-gradient(135deg,#f3eadb,#c7aa85) !important;
  color:#111214 !important;
  border:1px solid rgba(124,94,55,.20) !important;
}

html body #productModal.elclub-clean-product-modal .modal-gallery-wrap{
  width:min(560px,100%) !important;
  margin:22px auto 0 !important;
  display:grid !important;
  grid-template-columns:42px minmax(0,1fr) 42px !important;
  gap:10px !important;
  align-items:center !important;
  padding:10px !important;
  border-radius:24px !important;
  background:rgba(17,18,20,.06) !important;
  border:1px solid rgba(199,170,133,.24) !important;
}

html body #productModal.elclub-clean-product-modal .modal-gallery-thumbs{
  display:flex !important;
  gap:10px !important;
  overflow-x:auto !important;
  scroll-snap-type:x mandatory !important;
  padding:3px !important;
  scrollbar-width:thin !important;
}

html body #productModal.elclub-clean-product-modal .modal-gallery-thumbs button{
  flex:0 0 74px !important;
  width:74px !important;
  height:74px !important;
  border-radius:18px !important;
  border:2px solid transparent !important;
  background:#fffaf3 !important;
  padding:4px !important;
  overflow:hidden !important;
  cursor:pointer !important;
  opacity:.72 !important;
  scroll-snap-align:center !important;
  transition:opacity .18s ease,border-color .18s ease,transform .18s ease,box-shadow .18s ease !important;
}

html body #productModal.elclub-clean-product-modal .modal-gallery-thumbs button.active{
  opacity:1 !important;
  border-color:#c7aa85 !important;
  box-shadow:0 10px 24px rgba(0,0,0,.15) !important;
  transform:translateY(-1px) !important;
}

html body #productModal.elclub-clean-product-modal .modal-gallery-thumbs img{
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  object-position:center center !important;
  border-radius:13px !important;
  background:#fff !important;
}

html body #productModal.elclub-clean-product-modal .gallery-arrow{
  width:42px !important;
  height:42px !important;
  border-radius:999px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:#111820 !important;
  color:#f3eadb !important;
  border:1px solid rgba(199,170,133,.34) !important;
  font-size:30px !important;
  line-height:1 !important;
  cursor:pointer !important;
}

html body #productModal.elclub-clean-product-modal .gallery-counter{
  grid-column:1/-1 !important;
  text-align:center !important;
  color:#6e6254 !important;
  font-size:11px !important;
  font-weight:900 !important;
  letter-spacing:.08em !important;
  text-transform:uppercase !important;
  margin-top:2px !important;
}

@media(max-width:900px){
  html body #productModal.elclub-clean-product-modal{
    padding:0 !important;
    background:#fffaf3 !important;
  }

  html body #productModal.elclub-clean-product-modal .modal-card{
    width:100% !important;
    max-width:100% !important;
    min-height:100vh !important;
    margin:0 !important;
    border-radius:0 !important;
    display:block !important;
    box-shadow:none !important;
    border:0 !important;
    background:#fffaf3 !important;
  }

  html body #productModal.elclub-clean-product-modal .modal-close{
    top:max(12px, env(safe-area-inset-top)) !important;
    right:12px !important;
  }

  html body #productModal.elclub-clean-product-modal .modal-img{
    position:relative !important;
    top:auto !important;
    min-height:auto !important;
    padding:72px 14px 18px !important;
    border-radius:0 !important;
    background:linear-gradient(180deg,#fffdf8,#f4ecdf) !important;
  }

  html body #productModal.elclub-clean-product-modal #modalImg{
    width:100% !important;
    max-width:100% !important;
    max-height:52vh !important;
    object-fit:contain !important;
  }

  html body #productModal.elclub-clean-product-modal .modal-info{
    padding:24px 16px 34px !important;
    border-radius:0 !important;
    background:#fffaf3 !important;
  }

  html body #productModal.elclub-clean-product-modal #modalName{
    font-size:31px !important;
    line-height:.98 !important;
  }

  html body #productModal.elclub-clean-product-modal .price-row{
    min-height:78px !important;
    padding:14px !important;
    grid-template-columns:minmax(0,1fr) max-content !important;
  }

  html body #productModal.elclub-clean-product-modal .price-row span{
    font-size:10.5px !important;
    letter-spacing:.06em !important;
  }

  html body #productModal.elclub-clean-product-modal .price-row strong{
    font-size:22px !important;
  }

  html body #productModal.elclub-clean-product-modal .modal-actions{
    grid-template-columns:1fr !important;
  }

  html body #productModal.elclub-clean-product-modal .modal-gallery-wrap{
    width:100% !important;
    grid-template-columns:38px minmax(0,1fr) 38px !important;
    border-radius:20px !important;
    margin-top:16px !important;
  }

  html body #productModal.elclub-clean-product-modal .modal-gallery-thumbs button{
    flex-basis:62px !important;
    width:62px !important;
    height:62px !important;
    border-radius:15px !important;
  }

  html body #productModal.elclub-clean-product-modal .gallery-arrow{
    width:38px !important;
    height:38px !important;
    font-size:27px !important;
  }
}

@media(max-width:430px){
  html body #productModal.elclub-clean-product-modal .price-row{
    grid-template-columns:1fr !important;
    gap:7px !important;
    align-items:start !important;
  }

  html body #productModal.elclub-clean-product-modal .price-row strong{
    font-size:25px !important;
    min-width:0 !important;
    white-space:normal !important;
  }
}



/* =========================================================
   ELCLUB PERFUME — PRECIOS PRODUCTO PROLIJOS FINAL
   Corrige superposición crédito / financiación en celular y compu.
   ========================================================= */

html body #productModal.elclub-clean-product-modal .modal-prices{
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:12px !important;
  width:100% !important;
  margin:14px 0 4px !important;
}

html body #productModal.elclub-clean-product-modal .price-row,
html body #productModal.elclub-clean-product-modal .price-row.card,
html body #productModal.elclub-clean-product-modal .price-row.cash,
html body #productModal.elclub-clean-product-modal .price-row.dues{
  width:100% !important;
  min-width:0 !important;
  max-width:100% !important;
  min-height:84px !important;
  height:auto !important;
  box-sizing:border-box !important;
  padding:16px 18px !important;
  border-radius:22px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:18px !important;
  overflow:visible !important;
  white-space:normal !important;
  flex-wrap:nowrap !important;
}

html body #productModal.elclub-clean-product-modal .price-row span{
  flex:1 1 auto !important;
  min-width:0 !important;
  max-width:52% !important;
  display:block !important;
  margin:0 !important;
  padding:0 !important;
  position:static !important;
  color:inherit !important;
  opacity:.72 !important;
  font-size:11.5px !important;
  line-height:1.25 !important;
  text-transform:uppercase !important;
  letter-spacing:.08em !important;
  font-weight:1000 !important;
  white-space:normal !important;
  overflow:visible !important;
  text-overflow:clip !important;
}

html body #productModal.elclub-clean-product-modal .price-row strong{
  flex:0 0 auto !important;
  min-width:max-content !important;
  max-width:48% !important;
  display:block !important;
  margin:0 !important;
  padding:0 !important;
  position:static !important;
  color:inherit !important;
  font-size:clamp(21px,2vw,32px) !important;
  line-height:1.05 !important;
  font-weight:1000 !important;
  letter-spacing:-.04em !important;
  text-align:right !important;
  white-space:normal !important;
  overflow:visible !important;
  text-overflow:clip !important;
}

html body #productModal.elclub-clean-product-modal .price-row.dues strong{
  font-size:clamp(16px,1.35vw,22px) !important;
  line-height:1.2 !important;
  max-width:62% !important;
  min-width:0 !important;
}

html body #productModal.elclub-clean-product-modal .price-row.dues span{
  max-width:34% !important;
}

@media(max-width:900px){
  html body #productModal.elclub-clean-product-modal .modal-prices{
    gap:10px !important;
    margin-top:12px !important;
  }

  html body #productModal.elclub-clean-product-modal .price-row,
  html body #productModal.elclub-clean-product-modal .price-row.card,
  html body #productModal.elclub-clean-product-modal .price-row.cash,
  html body #productModal.elclub-clean-product-modal .price-row.dues{
    min-height:76px !important;
    padding:13px 14px !important;
    gap:10px !important;
    border-radius:18px !important;
  }

  html body #productModal.elclub-clean-product-modal .price-row span{
    max-width:44% !important;
    font-size:10.2px !important;
    line-height:1.22 !important;
    letter-spacing:.055em !important;
  }

  html body #productModal.elclub-clean-product-modal .price-row strong{
    max-width:56% !important;
    font-size:22px !important;
    line-height:1.06 !important;
  }

  html body #productModal.elclub-clean-product-modal .price-row.dues strong{
    max-width:60% !important;
    font-size:14.5px !important;
    line-height:1.22 !important;
    white-space:normal !important;
  }

  html body #productModal.elclub-clean-product-modal .price-row.dues span{
    max-width:36% !important;
  }
}

@media(max-width:390px){
  html body #productModal.elclub-clean-product-modal .price-row,
  html body #productModal.elclub-clean-product-modal .price-row.card,
  html body #productModal.elclub-clean-product-modal .price-row.cash,
  html body #productModal.elclub-clean-product-modal .price-row.dues{
    display:grid !important;
    grid-template-columns:1fr !important;
    align-items:start !important;
    min-height:0 !important;
    gap:7px !important;
  }

  html body #productModal.elclub-clean-product-modal .price-row span,
  html body #productModal.elclub-clean-product-modal .price-row strong,
  html body #productModal.elclub-clean-product-modal .price-row.dues span,
  html body #productModal.elclub-clean-product-modal .price-row.dues strong{
    max-width:100% !important;
    min-width:0 !important;
    text-align:left !important;
  }

  html body #productModal.elclub-clean-product-modal .price-row strong{
    font-size:24px !important;
  }

  html body #productModal.elclub-clean-product-modal .price-row.dues strong{
    font-size:14.5px !important;
  }
}



/* ELCLUB PERFUME — DETALLE PRODUCTO: CRÉDITO LEGIBLE + 100ML VISIBLE */
html body #productModal.elclub-clean-product-modal .price-row.card,
html body #productModal.elclub-clean-product-modal .price-row.card *{
  color:#fff7e8 !important;
}

html body #productModal.elclub-clean-product-modal .price-row.card span{
  color:rgba(255,247,232,.72) !important;
}

html body #productModal.elclub-clean-product-modal .price-row.card strong,
html body #productModal.elclub-clean-product-modal #modalCard{
  color:#ffffff !important;
  text-shadow:0 1px 0 rgba(0,0,0,.25) !important;
}

html body #productModal.elclub-clean-product-modal #modalVariant{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  width:max-content !important;
  max-width:100% !important;
  padding:8px 12px !important;
  border-radius:999px !important;
  background:#111820 !important;
  color:#f3eadb !important;
  border:1px solid rgba(199,170,133,.32) !important;
  font-size:13px !important;
  font-weight:1000 !important;
  letter-spacing:.05em !important;
  text-transform:uppercase !important;
  line-height:1.1 !important;
  margin:2px 0 0 !important;
}

html body #productModal.elclub-clean-product-modal #modalTone{
  color:#6d6254 !important;
  font-size:14px !important;
  line-height:1.45 !important;
}

@media(max-width:900px){
  html body #productModal.elclub-clean-product-modal #modalVariant{
    font-size:12px !important;
    padding:7px 11px !important;
  }
}



/* =========================================================
   ELCLUB PERFUME — FIX FINAL PROLIJO PRODUCTO + CHECKOUT
   ========================================================= */

/* Ficha producto desktop: que entre completa y sin textos cortados */
html body #productModal.elclub-clean-product-modal .modal-card{
  width:min(1120px, calc(100vw - 76px)) !important;
  max-width:min(1120px, calc(100vw - 76px)) !important;
  grid-template-columns:minmax(390px, .92fr) minmax(430px, 1.08fr) !important;
}

html body #productModal.elclub-clean-product-modal .modal-img{
  min-height:calc(100vh - 112px) !important;
  padding:30px 24px !important;
}

html body #productModal.elclub-clean-product-modal #modalImg{
  max-width:500px !important;
  max-height:60vh !important;
}

html body #productModal.elclub-clean-product-modal .modal-info{
  padding:42px 36px 34px !important;
  gap:12px !important;
}

html body #productModal.elclub-clean-product-modal #modalName{
  font-size:clamp(30px,2.65vw,46px) !important;
  line-height:.98 !important;
}

html body #productModal.elclub-clean-product-modal .modal-prices{
  gap:12px !important;
  margin-top:12px !important;
}

/* Cada precio en dos líneas prolijas: etiqueta arriba, monto abajo */
html body #productModal.elclub-clean-product-modal .price-row,
html body #productModal.elclub-clean-product-modal .price-row.card,
html body #productModal.elclub-clean-product-modal .price-row.cash,
html body #productModal.elclub-clean-product-modal .price-row.dues{
  display:grid !important;
  grid-template-columns:1fr !important;
  align-items:start !important;
  justify-content:start !important;
  min-height:0 !important;
  height:auto !important;
  padding:17px 18px !important;
  gap:8px !important;
  overflow:visible !important;
  box-sizing:border-box !important;
  white-space:normal !important;
}

html body #productModal.elclub-clean-product-modal .price-row span,
html body #productModal.elclub-clean-product-modal .price-row.dues span{
  max-width:100% !important;
  width:100% !important;
  min-width:0 !important;
  display:block !important;
  text-align:left !important;
  font-size:11px !important;
  line-height:1.15 !important;
  letter-spacing:.09em !important;
  white-space:normal !important;
  overflow:visible !important;
  text-overflow:clip !important;
  color:inherit !important;
  opacity:.74 !important;
}

html body #productModal.elclub-clean-product-modal .price-row strong,
html body #productModal.elclub-clean-product-modal .price-row.dues strong{
  max-width:100% !important;
  width:100% !important;
  min-width:0 !important;
  display:block !important;
  text-align:left !important;
  white-space:normal !important;
  overflow:visible !important;
  text-overflow:clip !important;
  line-height:1.12 !important;
  color:inherit !important;
}

/* Precio crédito: blanco sobre ficha negra */
html body #productModal.elclub-clean-product-modal .price-row.card,
html body #productModal.elclub-clean-product-modal .price-row.card *{
  color:#fff7e8 !important;
}
html body #productModal.elclub-clean-product-modal .price-row.card span{
  color:rgba(255,247,232,.72) !important;
}
html body #productModal.elclub-clean-product-modal .price-row.card strong,
html body #productModal.elclub-clean-product-modal #modalCard{
  color:#ffffff !important;
  font-size:clamp(28px,2.55vw,40px) !important;
  text-shadow:0 1px 0 rgba(0,0,0,.25) !important;
}

/* Financiación: que nunca quede arriba de la palabra */
html body #productModal.elclub-clean-product-modal .price-row.dues strong,
html body #productModal.elclub-clean-product-modal #modalDues{
  font-size:clamp(18px,1.55vw,25px) !important;
  line-height:1.18 !important;
  color:#111214 !important;
}

/* Transferencia: sin verde lima */
html body #productModal.elclub-clean-product-modal .price-row.cash strong,
html body #productModal.elclub-clean-product-modal #modalCash{
  color:#111214 !important;
  font-size:clamp(28px,2.45vw,38px) !important;
}

/* sacar cualquier texto de stock en detalle si quedó por CSS/DOM */
html body #productModal.elclub-clean-product-modal #modalTone{
  color:#6d6254 !important;
}

/* Checkout / datos de envío: eliminar verde lima */
html body #checkoutDataModal,
html body #checkoutDataModal *,
html body .checkout-data-modal,
html body .checkout-data-modal *,
html body .checkout-form,
html body .checkout-form *,
html body .customer-form,
html body .customer-form *,
html body [id*="checkout"] label,
html body [id*="checkout"] input,
html body [id*="checkout"] select,
html body [id*="checkout"] textarea,
html body [class*="checkout"] label,
html body [class*="checkout"] input,
html body [class*="checkout"] select,
html body [class*="checkout"] textarea{
  border-color:rgba(199,170,133,.28) !important;
}

html body #checkoutDataModal label,
html body .checkout-data-modal label,
html body .checkout-form label,
html body .customer-form label,
html body [id*="checkout"] label,
html body [class*="checkout"] label{
  color:#111214 !important;
}

html body #checkoutDataModal input,
html body #checkoutDataModal select,
html body #checkoutDataModal textarea,
html body .checkout-data-modal input,
html body .checkout-data-modal select,
html body .checkout-data-modal textarea,
html body .checkout-form input,
html body .checkout-form select,
html body .checkout-form textarea,
html body .customer-form input,
html body .customer-form select,
html body .customer-form textarea{
  color:#111214 !important;
  background:#fffaf3 !important;
  border:1px solid rgba(199,170,133,.34) !important;
  caret-color:#c7aa85 !important;
}

html body #checkoutDataModal input:focus,
html body #checkoutDataModal select:focus,
html body #checkoutDataModal textarea:focus,
html body .checkout-data-modal input:focus,
html body .checkout-data-modal select:focus,
html body .checkout-data-modal textarea:focus,
html body .checkout-form input:focus,
html body .checkout-form select:focus,
html body .checkout-form textarea:focus{
  outline:2px solid rgba(199,170,133,.35) !important;
  border-color:#c7aa85 !important;
  box-shadow:0 0 0 4px rgba(199,170,133,.12) !important;
}

/* Neutralización definitiva del verde lima */
html body [style*="c8ff00"],
html body [style*="C8FF00"],
html body [style*="d7ff2f"],
html body [style*="D7FF2F"],
html body [style*="bdf000"],
html body [style*="BDF000"],
html body [style*="adff2f"],
html body [style*="ADFF2F"]{
  color:#111214 !important;
  border-color:rgba(199,170,133,.34) !important;
}

@media(max-width:900px){
  html body #productModal.elclub-clean-product-modal .modal-card{
    width:100% !important;
    max-width:100% !important;
    display:block !important;
  }

  html body #productModal.elclub-clean-product-modal .modal-info{
    padding:24px 16px 34px !important;
  }

  html body #productModal.elclub-clean-product-modal .price-row,
  html body #productModal.elclub-clean-product-modal .price-row.card,
  html body #productModal.elclub-clean-product-modal .price-row.cash,
  html body #productModal.elclub-clean-product-modal .price-row.dues{
    padding:14px 15px !important;
    gap:7px !important;
    border-radius:18px !important;
  }

  html body #productModal.elclub-clean-product-modal .price-row.card strong,
  html body #productModal.elclub-clean-product-modal #modalCard,
  html body #productModal.elclub-clean-product-modal .price-row.cash strong,
  html body #productModal.elclub-clean-product-modal #modalCash{
    font-size:27px !important;
  }

  html body #productModal.elclub-clean-product-modal .price-row.dues strong,
  html body #productModal.elclub-clean-product-modal #modalDues{
    font-size:16px !important;
    line-height:1.22 !important;
  }
}

@media(min-width:901px) and (max-width:1180px){
  html body #productModal.elclub-clean-product-modal .modal-card{
    width:min(1040px, calc(100vw - 42px)) !important;
    max-width:min(1040px, calc(100vw - 42px)) !important;
    grid-template-columns:minmax(360px,.85fr) minmax(420px,1.15fr) !important;
  }
  html body #productModal.elclub-clean-product-modal #modalImg{
    max-width:430px !important;
  }
}



/* =========================================================
   ELCLUB PERFUME — CARRITO / RESUMEN EN NEGRO PREMIUM
   ========================================================= */

html body #cartPanel,
html body .cart-panel,
html body aside#cartPanel{
  background:#070809 !important;
  color:#fff7e8 !important;
  border-left:1px solid rgba(199,170,133,.28) !important;
  box-shadow:-28px 0 90px rgba(0,0,0,.55) !important;
}

html body #cartPanel .cart-head,
html body #cartPanel .cart-header,
html body #cartPanel header,
html body .cart-panel .cart-head,
html body .cart-panel .cart-header{
  background:#070809 !important;
  color:#fff7e8 !important;
  border-bottom:1px solid rgba(199,170,133,.18) !important;
}

html body #cartPanel .cart-item,
html body #cartPanel .cart-line,
html body #cartItems > *,
html body .cart-panel .cart-item,
html body .cart-panel .cart-line{
  background:#111820 !important;
  color:#fff7e8 !important;
  border:1px solid rgba(199,170,133,.20) !important;
  border-radius:22px !important;
  box-shadow:0 12px 28px rgba(0,0,0,.22) !important;
}

html body #cartPanel .cart-item *,
html body #cartPanel .cart-line *,
html body #cartItems > * *,
html body .cart-panel .cart-item *,
html body .cart-panel .cart-line *{
  color:#fff7e8 !important;
}

html body #cartPanel .cart-item img,
html body #cartPanel .cart-line img,
html body #cartItems img{
  background:#fffaf3 !important;
  border-radius:14px !important;
  object-fit:contain !important;
  padding:4px !important;
}

html body #cartPanel .cart-item small,
html body #cartPanel .cart-line small,
html body #cartPanel .cart-item .muted,
html body #cartPanel .cart-line .muted,
html body #cartItems small{
  color:rgba(255,247,232,.70) !important;
}

html body #cartPanel button,
html body .cart-panel button{
  border-color:rgba(199,170,133,.32) !important;
}

html body #cartPanel .remove,
html body #cartPanel .cart-remove,
html body #cartPanel [aria-label*="Eliminar"],
html body #cartPanel [aria-label*="eliminar"]{
  background:rgba(255,255,255,.10) !important;
  color:#fff7e8 !important;
  border:1px solid rgba(199,170,133,.28) !important;
}

html body #cartPanel .cart-summary,
html body #cartPanel .order-summary,
html body #cartPanel .cart-totals,
html body #cartPanel .cart-prices,
html body #cartPanel .cart-total-box,
html body .cart-panel .cart-summary,
html body .cart-panel .order-summary,
html body .cart-panel .cart-totals,
html body .cart-panel .cart-prices{
  background:#111820 !important;
  color:#fff7e8 !important;
  border:1px solid rgba(199,170,133,.24) !important;
  border-radius:24px !important;
  box-shadow:0 18px 40px rgba(0,0,0,.28) !important;
}

html body #cartPanel .cart-summary *,
html body #cartPanel .order-summary *,
html body #cartPanel .cart-totals *,
html body #cartPanel .cart-prices *,
html body #cartPanel .cart-total-box *,
html body .cart-panel .cart-summary *,
html body .cart-panel .order-summary *,
html body .cart-panel .cart-totals *,
html body .cart-panel .cart-prices *{
  color:#fff7e8 !important;
}

html body #cartPanel .cart-transfer-box,
html body #cartPanel .summary-main.transfer,
html body #cartPanel .transfer-box,
html body #cartPanel [class*="transfer"]{
  background:linear-gradient(135deg,#f3eadb 0%,#dfcfb4 52%,#c7aa85 100%) !important;
  color:#111214 !important;
  border:1px solid rgba(124,94,55,.18) !important;
}

html body #cartPanel .cart-transfer-box *,
html body #cartPanel .summary-main.transfer *,
html body #cartPanel .transfer-box *,
html body #cartPanel [class*="transfer"] *{
  color:#111214 !important;
}

html body #cartPanel .checkout,
html body #cartPanel .main-pay,
html body #checkoutPay{
  background:linear-gradient(135deg,#f3eadb,#c7aa85) !important;
  color:#111214 !important;
  border:1px solid rgba(124,94,55,.20) !important;
  box-shadow:none !important;
}

html body #cartPanel .whatsapp-float,
html body #cartPanel .wa-float,
html body #cartPanel [class*="whatsapp"]{
  border-color:#c7aa85 !important;
}

/* Evitar zonas blancas dentro del carrito */
html body #cartPanel .cart-body,
html body #cartPanel .cart-content,
html body #cartPanel .cart-list,
html body #cartItems,
html body .cart-panel .cart-body,
html body .cart-panel .cart-content,
html body .cart-panel .cart-list{
  background:#070809 !important;
  color:#fff7e8 !important;
}



/* =========================================================
   ELCLUB PERFUME — SACAR VERDE LIMA CHECKOUT + MARCAS NEGRAS
   ========================================================= */

/* Marcas en fichas de productos: LATTAFA / MAISON ALHAMBRA / AFNAN en negro */
html body #productGrid .brand-line,
html body .product-grid#productGrid .brand-line,
html body #productGrid .product-card .brand-line,
html body .product-card .brand-line,
html body .collection-card .brand-line,
html body .collection-product-card .brand-line{
  color:#111214 !important;
}

/* Mantener marca del modal en champagne premium, no afectar ficha interna */
html body #productModal .brand-line,
html body #productModal #modalBrand{
  color:#b89567 !important;
}

/* Checkout: todo lo verde lima pasa a champagne */
html body #checkoutDataModal label,
html body .checkout-data-modal label,
html body .checkout-form label,
html body .customer-form label,
html body [id*="checkout"] label,
html body [class*="checkout"] label,
html body .checkout-page label,
html body .payment-page label{
  color:#c7aa85 !important;
  text-shadow:none !important;
}

/* Botón Mercado Pago que estaba verde lima */
html body #checkoutDataModal button,
html body .checkout-data-modal button,
html body .checkout-form button,
html body .customer-form button,
html body .checkout-page button,
html body .payment-page button,
html body #checkoutPay,
html body #checkoutMP,
html body .mp-pay,
html body .mercadopago,
html body .mercado-pago,
html body [class*="mercado"],
html body [class*="mp-"],
html body [id*="mercado"],
html body [id*="MP"]{
  border-color:rgba(199,170,133,.36) !important;
}

/* Específico: iniciar pago con Mercado Pago */
html body button[id*="Mercado"],
html body button[class*="Mercado"],
html body button[id*="mercado"],
html body button[class*="mercado"],
html body #checkoutMP,
html body .checkout-mp,
html body .mercadopago-btn,
html body .mercado-pago-btn,
html body .main-pay.mp,
html body .main-pay.mercado{
  background:linear-gradient(135deg,#f3eadb 0%,#dfcfb4 52%,#c7aa85 100%) !important;
  color:#111214 !important;
  border:1px solid rgba(124,94,55,.22) !important;
  box-shadow:none !important;
}

/* En caso de que sea un botón genérico con texto de Mercado Pago */
html body .checkout-payment-card,
html body .payment-option,
html body .payment-card,
html body .payment-method{
  border-color:rgba(199,170,133,.26) !important;
}

/* Cualquier bloque o botón con fondo lima exacto */
html body [style*="#c7aa85"],
html body [style*="#c7aa85"],
html body [style*="#c7aa85"],
html body [style*="#c7aa85"],
html body [style*="#c7aa85"],
html body [style*="#c7aa85"],
html body [style*="#c7aa85"],
html body [style*="#c7aa85"],
html body [style*="rgb(200, 255, 0)"],
html body [style*="rgb(215, 255, 47)"],
html body [style*="lime"]{
  color:#111214 !important;
  background:#c7aa85 !important;
  border-color:rgba(199,170,133,.36) !important;
}

/* Clases frecuentes que podrían traer el verde lima */
html body .lime,
html body .green,
html body .neon,
html body .accent-lime,
html body .btn-lime,
html body .button-lime,
html body .checkout-lime,
html body .mp-lime{
  background:linear-gradient(135deg,#f3eadb,#c7aa85) !important;
  color:#111214 !important;
  border-color:rgba(199,170,133,.36) !important;
}

/* Inputs del checkout: foco champagne, no lima */
html body #checkoutDataModal input:focus,
html body #checkoutDataModal select:focus,
html body #checkoutDataModal textarea:focus,
html body .checkout-data-modal input:focus,
html body .checkout-data-modal select:focus,
html body .checkout-data-modal textarea:focus,
html body .checkout-form input:focus,
html body .checkout-form select:focus,
html body .checkout-form textarea:focus,
html body .customer-form input:focus,
html body .customer-form select:focus,
html body .customer-form textarea:focus{
  outline:2px solid rgba(199,170,133,.40) !important;
  border-color:#c7aa85 !important;
  box-shadow:0 0 0 4px rgba(199,170,133,.13) !important;
}

/* Botón transferencia blanco/gris: más premium champagne claro */
html body .transfer-pay,
html body .bank-transfer,
html body .checkout-transfer,
html body button[id*="transfer"],
html body button[class*="transfer"]{
  background:#f3eadb !important;
  color:#111214 !important;
  border:1px solid rgba(199,170,133,.30) !important;
}



/* =========================================================
   ELCLUB PERFUME — REGLA RECORTE INTELIGENTE + CHECKOUT CHAMPAGNE
   ========================================================= */

/* Fotos integradas. Las imágenes blancas quedan sin recorte agresivo, pero integradas visualmente */
html body #productGrid .product-image,
html body .product-grid#productGrid .product-image,
html body .product-card .product-image,
html body .collection-card .product-image,
html body .collection-product-card .product-image{
  background:linear-gradient(180deg,#fffaf3 0%,#f6efe4 100%) !important;
  overflow:hidden !important;
}

html body #productGrid .product-image img,
html body .product-grid#productGrid .product-image img,
html body .product-card .product-image img,
html body .collection-card .product-image img,
html body .collection-product-card .product-image img,
html body #productModal.elclub-clean-product-modal #modalImg,
html body #productModal.elclub-clean-product-modal .modal-gallery-thumbs img{
  background:transparent !important;
  object-fit:contain !important;
  object-position:center center !important;
  mix-blend-mode:normal !important;
}

/* Perfumes blancos: no forzar recorte ni blend raro */
html body img[src*="her-confession"],
html body img[src*="yara-moi"],
html body img[src*="qaed-fursan-unlimited"],
html body img[src*="amber-oud-white"],
html body img[src*="dark-door-sport"],
html body img[src*="salvo-intense"],
html body img[src*="delilah"]{
  mix-blend-mode:normal !important;
  background:transparent !important;
}

/* CHECKOUT: labels de datos de envío en dorado/champagne, no verde lima */
html body .checkout-page label,
html body .payment-page label,
html body #checkoutDataModal label,
html body .checkout-data-modal label,
html body .checkout-form label,
html body .customer-form label,
html body [class*="checkout"] label,
html body [id*="checkout"] label,
html body form label{
  color:#c7aa85 !important;
  text-shadow:none !important;
}

/* Campos del checkout prolijos */
html body .checkout-page input,
html body .checkout-page select,
html body .checkout-page textarea,
html body .payment-page input,
html body .payment-page select,
html body .payment-page textarea,
html body #checkoutDataModal input,
html body #checkoutDataModal select,
html body #checkoutDataModal textarea,
html body .checkout-data-modal input,
html body .checkout-data-modal select,
html body .checkout-data-modal textarea,
html body .checkout-form input,
html body .checkout-form select,
html body .checkout-form textarea,
html body .customer-form input,
html body .customer-form select,
html body .customer-form textarea{
  color:#fff7e8 !important;
  background:rgba(7,8,9,.46) !important;
  border:1px solid rgba(199,170,133,.34) !important;
  caret-color:#c7aa85 !important;
}

html body .checkout-page input:focus,
html body .checkout-page select:focus,
html body .checkout-page textarea:focus,
html body .payment-page input:focus,
html body .payment-page select:focus,
html body .payment-page textarea:focus,
html body #checkoutDataModal input:focus,
html body #checkoutDataModal select:focus,
html body #checkoutDataModal textarea:focus,
html body .checkout-form input:focus,
html body .checkout-form select:focus,
html body .checkout-form textarea:focus{
  outline:2px solid rgba(199,170,133,.42) !important;
  border-color:#c7aa85 !important;
  box-shadow:0 0 0 4px rgba(199,170,133,.13) !important;
}

/* Resumen checkout: precio crédito en negro con palabras blancas */
html body .checkout-page .summary-main.card,
html body .checkout-page .price-row.card,
html body .checkout-page .credit-box,
html body .payment-page .summary-main.card,
html body .payment-page .price-row.card,
html body .payment-page .credit-box,
html body [class*="summary"] .price-row.card,
html body [class*="checkout"] .price-row.card{
  background:#111820 !important;
  color:#fff7e8 !important;
  border:1px solid rgba(199,170,133,.24) !important;
}

html body .checkout-page .summary-main.card *,
html body .checkout-page .price-row.card *,
html body .checkout-page .credit-box *,
html body .payment-page .summary-main.card *,
html body .payment-page .price-row.card *,
html body .payment-page .credit-box *,
html body [class*="summary"] .price-row.card *,
html body [class*="checkout"] .price-row.card *{
  color:#fff7e8 !important;
}

/* Precio transferencia del checkout: bloque negro, no champán */
html body .checkout-page .summary-main.transfer,
html body .checkout-page .price-row.cash,
html body .checkout-page .transfer-box,
html body .checkout-page .cart-transfer-box,
html body .payment-page .summary-main.transfer,
html body .payment-page .price-row.cash,
html body .payment-page .transfer-box,
html body .payment-page .cart-transfer-box,
html body [class*="checkout"] .summary-main.transfer,
html body [class*="checkout"] .price-row.cash,
html body [class*="checkout"] .transfer-box,
html body [class*="checkout"] .cart-transfer-box{
  background:#111820 !important;
  color:#fff7e8 !important;
  border:1px solid rgba(199,170,133,.24) !important;
}

html body .checkout-page .summary-main.transfer *,
html body .checkout-page .price-row.cash *,
html body .checkout-page .transfer-box *,
html body .checkout-page .cart-transfer-box *,
html body .payment-page .summary-main.transfer *,
html body .payment-page .price-row.cash *,
html body .payment-page .transfer-box *,
html body .payment-page .cart-transfer-box *,
html body [class*="checkout"] .summary-main.transfer *,
html body [class*="checkout"] .price-row.cash *,
html body [class*="checkout"] .transfer-box *,
html body [class*="checkout"] .cart-transfer-box *{
  color:#fff7e8 !important;
}

/* Botón Mercado Pago: dorado/champagne, no verde lima */
html body .checkout-page button,
html body .payment-page button,
html body #checkoutDataModal button,
html body .checkout-data-modal button,
html body .checkout-form button,
html body .customer-form button{
  border-color:rgba(199,170,133,.35) !important;
}

html body #checkoutMP,
html body .checkout-mp,
html body .mercadopago-btn,
html body .mercado-pago-btn,
html body .mp-pay,
html body .payment-mp,
html body button[id*="mercado"],
html body button[class*="mercado"],
html body button[id*="Mercado"],
html body button[class*="Mercado"],
html body button[class*="mp"]{
  background:linear-gradient(135deg,#f3eadb 0%,#dfcfb4 52%,#c7aa85 100%) !important;
  color:#111214 !important;
  border:1px solid rgba(124,94,55,.24) !important;
  box-shadow:none !important;
}

html body #checkoutMP *,
html body .checkout-mp *,
html body .mercadopago-btn *,
html body .mercado-pago-btn *,
html body .mp-pay *,
html body .payment-mp *,
html body button[id*="mercado"] *,
html body button[class*="mercado"] *,
html body button[id*="Mercado"] *,
html body button[class*="Mercado"] *,
html body button[class*="mp"] *{
  color:#111214 !important;
}

/* Botón transferencia: negro premium */
html body .transfer-pay,
html body .bank-transfer,
html body .checkout-transfer,
html body button[id*="transfer"],
html body button[class*="transfer"],
html body button[id*="Transfer"],
html body button[class*="Transfer"]{
  background:#111820 !important;
  color:#fff7e8 !important;
  border:1px solid rgba(199,170,133,.28) !important;
}

html body .transfer-pay *,
html body .bank-transfer *,
html body .checkout-transfer *,
html body button[id*="transfer"] *,
html body button[class*="transfer"] *,
html body button[id*="Transfer"] *,
html body button[class*="Transfer"] *{
  color:#fff7e8 !important;
}

/* Neutralización fuerte de verde lima visible */
html body [style*="#c7aa85"],
html body [style*="#c7aa85"],
html body [style*="#c7aa85"],
html body [style*="#c7aa85"],
html body [style*="#c7aa85"],
html body [style*="#c7aa85"],
html body [style*="#c7aa85"],
html body [style*="#c7aa85"],
html body [style*="rgb(200, 255, 0)"],
html body [style*="rgb(215, 255, 47)"],
html body .lime,
html body .green,
html body .neon,
html body .accent-lime,
html body .btn-lime,
html body .button-lime{
  background:#c7aa85 !important;
  color:#111214 !important;
  border-color:rgba(199,170,133,.36) !important;
}

/* Si un label quedó con clase verde, se fuerza a dorado */
html body label.lime,
html body label.green,
html body label.neon,
html body [class*="lime"] label,
html body [class*="green"] label,
html body [class*="neon"] label{
  color:#c7aa85 !important;
  background:transparent !important;
}



/* =========================================================
   ELCLUB PERFUME — AJUSTE FINAL PRECIO PRODUCTO + BOTONES PAGO
   ========================================================= */

/* Dentro del producto: precio crédito un poco más chico y armónico */
html body #productModal.elclub-clean-product-modal .price-row.card{
  min-height:72px !important;
  padding:14px 17px !important;
  border-radius:20px !important;
}

html body #productModal.elclub-clean-product-modal .price-row.card span{
  font-size:10.4px !important;
  line-height:1.15 !important;
  letter-spacing:.085em !important;
}

html body #productModal.elclub-clean-product-modal .price-row.card strong,
html body #productModal.elclub-clean-product-modal #modalCard{
  font-size:clamp(24px,2.15vw,34px) !important;
  line-height:1.05 !important;
  letter-spacing:-.035em !important;
}

/* También armonizar transferencia y financiación para que acompañen */
html body #productModal.elclub-clean-product-modal .price-row.cash{
  min-height:72px !important;
  padding:14px 17px !important;
  border-radius:20px !important;
}

html body #productModal.elclub-clean-product-modal .price-row.cash strong,
html body #productModal.elclub-clean-product-modal #modalCash{
  font-size:clamp(24px,2.1vw,33px) !important;
}

html body #productModal.elclub-clean-product-modal .price-row.dues{
  min-height:70px !important;
  padding:14px 17px !important;
  border-radius:20px !important;
}

html body #productModal.elclub-clean-product-modal .price-row.dues strong,
html body #productModal.elclub-clean-product-modal #modalDues{
  font-size:clamp(15px,1.25vw,20px) !important;
  line-height:1.22 !important;
}

/* Checkout: Mercado Pago champagne/dorado */
html body #checkoutMP,
html body .checkout-mp,
html body .mercadopago-btn,
html body .mercado-pago-btn,
html body .mp-pay,
html body .payment-mp,
html body button[id*="mercado"],
html body button[class*="mercado"],
html body button[id*="Mercado"],
html body button[class*="Mercado"],
html body button[class*="mp"],
html body .checkout-page button[id*="mp"],
html body .checkout-page button[class*="mp"],
html body .payment-page button[id*="mp"],
html body .payment-page button[class*="mp"]{
  background:linear-gradient(135deg,#f5ead8 0%,#dcc8a8 48%,#c7aa85 100%) !important;
  color:#111214 !important;
  border:1px solid rgba(124,94,55,.26) !important;
  box-shadow:0 14px 32px rgba(199,170,133,.14) !important;
}

html body #checkoutMP *,
html body .checkout-mp *,
html body .mercadopago-btn *,
html body .mercado-pago-btn *,
html body .mp-pay *,
html body .payment-mp *,
html body button[id*="mercado"] *,
html body button[class*="mercado"] *,
html body button[id*="Mercado"] *,
html body button[class*="Mercado"] *,
html body button[class*="mp"] *{
  color:#111214 !important;
}

/* Checkout: iniciar pago con transferencia en negro */
html body .transfer-pay,
html body .bank-transfer,
html body .checkout-transfer,
html body .payment-transfer,
html body button[id*="transfer"],
html body button[class*="transfer"],
html body button[id*="Transfer"],
html body button[class*="Transfer"],
html body .checkout-page button[id*="transfer"],
html body .checkout-page button[class*="transfer"],
html body .payment-page button[id*="transfer"],
html body .payment-page button[class*="transfer"]{
  background:#111820 !important;
  color:#fff7e8 !important;
  border:1px solid rgba(199,170,133,.30) !important;
  box-shadow:0 14px 34px rgba(0,0,0,.26) !important;
}

html body .transfer-pay *,
html body .bank-transfer *,
html body .checkout-transfer *,
html body .payment-transfer *,
html body button[id*="transfer"] *,
html body button[class*="transfer"] *,
html body button[id*="Transfer"] *,
html body button[class*="Transfer"] *{
  color:#fff7e8 !important;
}

@media(max-width:900px){
  html body #productModal.elclub-clean-product-modal .price-row.card,
  html body #productModal.elclub-clean-product-modal .price-row.cash,
  html body #productModal.elclub-clean-product-modal .price-row.dues{
    min-height:68px !important;
    padding:13px 14px !important;
  }

  html body #productModal.elclub-clean-product-modal .price-row.card strong,
  html body #productModal.elclub-clean-product-modal #modalCard,
  html body #productModal.elclub-clean-product-modal .price-row.cash strong,
  html body #productModal.elclub-clean-product-modal #modalCash{
    font-size:24px !important;
  }

  html body #productModal.elclub-clean-product-modal .price-row.dues strong,
  html body #productModal.elclub-clean-product-modal #modalDues{
    font-size:14.5px !important;
  }
}



/* =========================================================
   ELCLUB PERFUME — FIX REAL BOTONES PAGO + PRECIO PRODUCTO
   Selectores exactos: #payMPFinal y #payTransferFinal
   ========================================================= */

/* Precio dentro del producto: más chico y armónico */
html body #productModal.elclub-clean-product-modal .price-row.card,
html body #productModal.open.elclub-clean-product-modal .price-row.card{
  min-height:66px !important;
  padding:12px 16px !important;
  border-radius:18px !important;
  background:#111820 !important;
}

html body #productModal.elclub-clean-product-modal .price-row.card span,
html body #productModal.open.elclub-clean-product-modal .price-row.card span{
  color:rgba(255,247,232,.70) !important;
  font-size:10px !important;
  line-height:1.15 !important;
  letter-spacing:.08em !important;
}

html body #productModal.elclub-clean-product-modal .price-row.card strong,
html body #productModal.elclub-clean-product-modal #modalCard,
html body #productModal.open.elclub-clean-product-modal .price-row.card strong,
html body #productModal.open.elclub-clean-product-modal #modalCard{
  color:#ffffff !important;
  font-size:clamp(22px,1.85vw,30px) !important;
  line-height:1.05 !important;
  letter-spacing:-.035em !important;
  text-shadow:none !important;
}

/* Que transferencia/financiación acompañen sin agrandarse */
html body #productModal.elclub-clean-product-modal .price-row.cash,
html body #productModal.elclub-clean-product-modal .price-row.dues{
  min-height:66px !important;
  padding:12px 16px !important;
  border-radius:18px !important;
}

html body #productModal.elclub-clean-product-modal #modalCash{
  font-size:clamp(22px,1.8vw,30px) !important;
}

html body #productModal.elclub-clean-product-modal #modalDues{
  font-size:clamp(14px,1.05vw,18px) !important;
  line-height:1.2 !important;
}

/* Botón exacto Mercado Pago: champagne/dorado */
html body #payMPFinal,
html body button#payMPFinal.method-btn.mp,
html body .checkout-v111-methods #payMPFinal,
html body .checkout-v111-pay #payMPFinal{
  background:linear-gradient(135deg,#f5ead8 0%,#dfcaaa 52%,#c7aa85 100%) !important;
  background-color:#c7aa85 !important;
  color:#111214 !important;
  border:1px solid rgba(124,94,55,.28) !important;
  box-shadow:0 14px 34px rgba(199,170,133,.18) !important;
}

html body #payMPFinal *,
html body button#payMPFinal.method-btn.mp *,
html body .checkout-v111-methods #payMPFinal *,
html body .checkout-v111-pay #payMPFinal *{
  color:#111214 !important;
}

html body #payMPFinal .mp-method-logo{
  background:rgba(255,255,255,.78) !important;
  border-radius:10px !important;
  padding:4px !important;
}

/* Botón exacto transferencia: negro premium */
html body #payTransferFinal,
html body button#payTransferFinal.method-btn.transfer,
html body .checkout-v111-methods #payTransferFinal,
html body .checkout-v111-pay #payTransferFinal{
  background:#111820 !important;
  background-color:#111820 !important;
  color:#fff7e8 !important;
  border:1px solid rgba(199,170,133,.30) !important;
  box-shadow:0 14px 34px rgba(0,0,0,.24) !important;
}

html body #payTransferFinal *,
html body button#payTransferFinal.method-btn.transfer *,
html body .checkout-v111-methods #payTransferFinal *,
html body .checkout-v111-pay #payTransferFinal *{
  color:#fff7e8 !important;
}

/* Por si reglas anteriores atacan .method-btn genérico */
html body .checkout-v111-methods .method-btn.mp:not(#payMPFinal){
  background:linear-gradient(135deg,#f5ead8 0%,#dfcaaa 52%,#c7aa85 100%) !important;
  color:#111214 !important;
}

html body .checkout-v111-methods .method-btn.transfer:not(#payTransferFinal){
  background:#111820 !important;
  color:#fff7e8 !important;
}

/* Mobile */
@media(max-width:900px){
  html body #productModal.elclub-clean-product-modal .price-row.card,
  html body #productModal.elclub-clean-product-modal .price-row.cash,
  html body #productModal.elclub-clean-product-modal .price-row.dues{
    min-height:62px !important;
    padding:11px 14px !important;
  }

  html body #productModal.elclub-clean-product-modal #modalCard,
  html body #productModal.elclub-clean-product-modal #modalCash{
    font-size:22px !important;
  }

  html body #productModal.elclub-clean-product-modal #modalDues{
    font-size:13.5px !important;
  }
}


/* =========================================================
   FIX FINAL — sacar verde lima de cards de producto
   - badge SIN STOCK en champagne
   - marca (RASASI / LATTAFA / etc.) en negro
   ========================================================= */
html body #productGrid .product-card .badge,
html body .product-grid#productGrid .product-card .badge,
html body #productGrid .product-card[data-status="soldout"] .badge,
html body #productGrid .product-card[data-status="out"] .badge,
html body #productGrid .product-card[data-status="available"] .badge,
html body #productGrid .product-card[data-status="stock"] .badge{
  background:linear-gradient(135deg,#f2e6d1 0%, #dbc3a1 52%, #c7aa85 100%) !important;
  background-color:#c7aa85 !important;
  color:#111214 !important;
  border:1px solid rgba(124,94,55,.18) !important;
  box-shadow:0 8px 18px rgba(199,170,133,.18) !important;
}

html body #productGrid .product-card .brand-line,
html body .product-grid#productGrid .product-card .brand-line,
html body #productGrid .product-card [class*="brand-line"]{
  color:#111214 !important;
  font-weight:900 !important;
}

/* V6 salto de calidad productos perfumes: imágenes más grandes, nombres completos y perfumes blancos legibles */
.product-grid{
  gap: 26px !important;
}
.product-card{
  min-height: 0 !important;
}
.product-image{
  height: 375px !important;
  padding: 14px !important;
  background: #fff !important;
  border-bottom: 1px solid rgba(212,175,55,.16) !important;
}
.product-image img{
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
  object-position: center center !important;
}
.product-info h3{
  min-height: unset !important;
  height: auto !important;
  white-space: normal !important;
  overflow: visible !important;
  display: block !important;
  font-size: clamp(16px, 1.12vw, 20px) !important;
  line-height: 1.18 !important;
  letter-spacing: -.025em !important;
}
.product-info{
  padding: 18px 18px 20px !important;
}
.product-card:has(img[src*="honor-glory"]) .product-image,
.product-card:has(img[src*="qaed-fursan-unlimited"]) .product-image,
.product-card:has(img[src*="amber-oud-white"]) .product-image{
  background: #fff !important;
  box-shadow: inset 0 0 0 1px rgba(0,0,0,.045) !important;
}
@media(max-width: 880px){
  .product-image{height: 340px !important;}
  .product-image img{height: 100% !important;}
}
@media(max-width: 560px){
  .product-image{height: 390px !important; padding: 10px !important;}
  .product-info h3{font-size: 19px !important; line-height:1.16 !important;}
}

/* Ajuste premium v7: fondo limpio por tipo de perfume, sin tocar precios ni checkout */
.product-card .product-image{
  background: radial-gradient(circle at 50% 38%, rgba(200,162,74,.16), rgba(255,255,255,.035) 46%, rgba(0,0,0,.16) 100%) !important;
}
.product-card .product-image:before{
  opacity: .45 !important;
}
.product-card .product-image img{
  filter: drop-shadow(0 22px 26px rgba(0,0,0,.24)) !important;
}
.product-card[data-product-id="perfume-014"] .product-image,
.product-card[data-product-id="perfume-032"] .product-image,
.product-card[data-product-id="perfume-052"] .product-image{
  background: #fff !important;
  border-bottom: 1px solid rgba(200,162,74,.20) !important;
}
.product-card[data-product-id="perfume-014"] .product-image:after,
.product-card[data-product-id="perfume-032"] .product-image:after,
.product-card[data-product-id="perfume-052"] .product-image:after{
  content:"";
  position:absolute;
  inset:18px;
  z-index:1;
  border-radius:26px;
  background:#fff;
  border:1px solid rgba(0,0,0,.06);
  box-shadow:0 18px 45px rgba(0,0,0,.10);
}
.product-card[data-product-id="perfume-014"] .product-image img,
.product-card[data-product-id="perfume-032"] .product-image img,
.product-card[data-product-id="perfume-052"] .product-image img{
  z-index:2 !important;
  filter: drop-shadow(0 20px 24px rgba(0,0,0,.20)) !important;
}

/* =========================================================
   V365 — PERFUMES BLANCOS/REPETIDOS + YARA FIX + WHY SIN VERDE LIMA
   ========================================================= */
.why-choose-section,
#experiencia{
  background:#0d0d0f !important;
  border-top:1px solid rgba(199,170,133,.18) !important;
  border-bottom:1px solid rgba(199,170,133,.18) !important;
}

.why-choose-section::before,
.why-choose-section::after,
.why-choose-inner::before,
.why-choose-inner::after,
.why-choose-grid article::before,
.why-choose-grid article::after{
  content:none !important;
  display:none !important;
  background:none !important;
  box-shadow:none !important;
}

.why-choose-inner{
  border:1px solid rgba(199,170,133,.18) !important;
  background:linear-gradient(135deg,rgba(255,255,255,.06),rgba(255,255,255,.025)) !important;
  border-radius:32px !important;
  box-shadow:0 30px 80px rgba(0,0,0,.35) !important;
}

.why-choose-grid article{
  border:1px solid rgba(199,170,133,.18) !important;
  background:linear-gradient(145deg,rgba(255,255,255,.085),rgba(255,255,255,.025)) !important;
  box-shadow:0 24px 70px rgba(0,0,0,.30), inset 0 0 0 1px rgba(255,255,255,.025) !important;
}

.why-eyebrow{
  border:1px solid rgba(199,170,133,.24) !important;
  background:rgba(199,170,133,.10) !important;
  color:#c7aa85 !important;
  box-shadow:none !important;
  text-shadow:none !important;
}

.why-choose-section h2{
  text-shadow:0 18px 44px rgba(0,0,0,.35) !important;
}

.why-pill{
  background:rgba(216,208,194,.14) !important;
  color:#efe7d8 !important;
  border:1px solid rgba(216,208,194,.22) !important;
  box-shadow:none !important;
}

.why-cta{
  background:linear-gradient(135deg,#f0e7d8,#cfc3b1) !important;
  color:#111214 !important;
  box-shadow:0 18px 46px rgba(0,0,0,.25) !important;
}

.why-cta:hover{
  background:linear-gradient(135deg,#f1e5d2,#c7aa85) !important;
  color:#111214 !important;
}

/* ELCLUB V427 — labels negro + badge transferencia configurable + gift cards */
html body #productGrid .product-card .price-main::before,
html body .product-grid#productGrid .product-card .price-main::before,
.collection-price-block strong::before{
  color:#111214 !important;
  opacity:1 !important;
}
html body #productGrid .product-card .price-transfer::before,
html body .product-grid#productGrid .product-card .price-transfer::before,
.collection-price-block small::before{
  color:#111214 !important;
  opacity:1 !important;
}
html body #productGrid .product-card .price-transfer::after,
html body .product-grid#productGrid .product-card .price-transfer::after,
.collection-price-block small::after{
  content:attr(data-badge-text) !important;
}
html body #productGrid .product-card .price-transfer.no-transfer-badge::after,
html body .product-grid#productGrid .product-card .price-transfer.no-transfer-badge::after,
.collection-price-block small.no-transfer-badge::after{
  display:none !important;
  content:"" !important;
}
html body #productGrid .product-card[data-category="Sets"] .product-image{
  background:linear-gradient(180deg,#f7f4ee,#ece6db) !important;
}
html body #productGrid .product-card[data-category="Sets"] .brand-line{
  color:#7d7263 !important;
}
html body #productGrid .product-card[data-category="Sets"] .product-info h3{
  letter-spacing:-.01em !important;
}

/* ELCLUB V428 — categorías con misma tipografía que nombres de productos */
html body .top-nav a,
html body .category-top-nav a,
html body .category-top-nav.nav-clean > a,
html body .category-top-nav.nav-clean .ideal-main-link,
html body .category-top-nav.nav-clean .nav-item,
html body #mainNav a,
html body #mainNav .ideal-main-link,
html body #mainNav .nav-item{
  font-family:"Cormorant Garamond","Baskerville","Playfair Display",Georgia,serif !important;
  font-weight:700 !important;
  letter-spacing:-.02em !important;
  text-transform:none !important;
}

@media (max-width: 768px){
  html body .top-nav a,
  html body .category-top-nav a,
  html body .category-top-nav.nav-clean > a,
  html body .category-top-nav.nav-clean .ideal-main-link,
  html body .category-top-nav.nav-clean .nav-item,
  html body #mainNav a,
  html body #mainNav .ideal-main-link,
  html body #mainNav .nav-item{
    font-size:15px !important;
  }
}

/* ELCLUB V429 — logo header/footer más pro + precios actualizados */
html body .site-header.site-header-v124.perfume-structured-header .brand.perfume-brand img,
html body .perfume-brand img{
  width:190px !important;
  max-width:190px !important;
  max-height:76px !important;
  object-fit:contain !important;
  filter:drop-shadow(0 10px 24px rgba(0,0,0,.30)) !important;
}
html body .site-footer-pro .footer-logo{
  width:190px !important;
  max-width:190px !important;
  height:auto !important;
  object-fit:contain !important;
  filter:none !important;
}
@media(max-width:760px){
  html body .site-header.site-header-v124.perfume-structured-header .brand.perfume-brand img,
  html body .perfume-brand img{
    width:135px !important;
    max-width:135px !important;
    max-height:56px !important;
  }
}

/* ELCLUB V430 — resultado de pago champagne, sin verde lima */
html body.mp-result-page{
  background:radial-gradient(circle at 82% 12%,rgba(199,170,133,.18),transparent 30%),radial-gradient(circle at 10% 88%,rgba(199,170,133,.10),transparent 30%),#050607 !important;
}
html body.mp-result-page .mp-result-card{
  border-color:rgba(199,170,133,.30) !important;
  box-shadow:0 32px 90px rgba(0,0,0,.35),0 0 0 1px rgba(199,170,133,.04) !important;
}
html body.mp-result-page .mp-result-card p:first-of-type{
  color:#c7aa85 !important;
}
html body.mp-result-page .mp-result-card a{
  background:linear-gradient(135deg,#f0e7d8,#c7aa85) !important;
  color:#050505 !important;
}