/* TCGStoreCR.fun V68 - mobile-first home + widgets sin saturación
   Objetivo: que en celular el usuario vea primero decisiones simples, no bloques flotantes ni exceso de botones. */
html,body{max-width:100%;overflow-x:hidden;}

/* Evita duplicar dos botones de WhatsApp cuando existe el widget V64/V68 */
body:has(.tcg-whatsapp-float-v64) .fabWhatsapp{display:none!important;}
.fabWhatsapp{display:none!important;}

/* WhatsApp principal: escritorio a la izquierda, sin invadir Tawk.to */
.tcg-whatsapp-float-v64{
  position:fixed!important;
  left:18px!important;
  right:auto!important;
  bottom:18px!important;
  z-index:9100!important;
}

/* Menú móvil insertado por js/tcg-mobile-ux-v68.js */
.tcg-mobile-menu-toggle{display:none;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:10px 13px;border-radius:14px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.07);color:#fff;font-weight:900;font-family:inherit;cursor:pointer;}
.tcg-mobile-menu-toggle:focus-visible{outline:3px solid rgba(56,189,248,.35);outline-offset:2px;}

/* Hub móvil: se inyecta por JS y solo aparece en celulares */
.tcg-mobile-quickhub{display:none;}
.tcg-mobile-chat-pill{display:none;}

@media (max-width: 980px){
  .sectionHead{gap:12px;align-items:flex-start;}
}

@media (max-width: 760px){
  body{padding-bottom:78px;}
  .container{width:min(100% - 20px,var(--max,1280px))!important;}

  /* Header simple: logo + botón menú */
  .top-contact-bar{display:none!important;}
  .topbar{top:0!important;z-index:500!important;backdrop-filter:blur(14px)!important;}
  .topbar__inner{min-height:62px!important;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;padding:8px 0!important;flex-wrap:wrap!important;}
  .brand{min-height:52px!important;min-width:0!important;padding-left:0!important;gap:9px!important;flex:1 1 auto!important;}
  .brand__logo{position:static!important;transform:none!important;width:66px!important;max-width:66px!important;max-height:48px!important;left:auto!important;top:auto!important;}
  .brand__text strong{font-size:1rem!important;line-height:1.05!important;}
  .brand__text span{display:none!important;}
  .tcg-mobile-menu-toggle{display:inline-flex;flex:0 0 auto;}

  /* Menú desplegable vertical; menos sensación de mosaico de botones */
  .topbar .menu{display:none!important;width:100%!important;flex:0 0 100%!important;margin-top:8px!important;padding:10px!important;border-radius:18px!important;background:rgba(5,8,16,.96)!important;border:1px solid rgba(255,255,255,.1)!important;box-shadow:0 18px 42px rgba(0,0,0,.32)!important;max-height:calc(100dvh - 92px)!important;overflow:auto!important;}
  .topbar.is-menu-open .menu{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;}
  .topbar .menu a{min-height:42px!important;padding:11px 12px!important;text-align:left!important;border-radius:13px!important;background:rgba(255,255,255,.045)!important;border:1px solid rgba(255,255,255,.07)!important;color:#edf4ff!important;font-size:.9rem!important;}
  .topbar .menu a[href="carrito.html"],
  .topbar .menu a[href="coleccion.html"],
  .topbar .menu a[href="eventos-tcg.html"],
  .topbar .menu a[href="eventos.html"],
  .topbar .menu a[href="publicidad.html"]{font-size:.84rem!important;opacity:.86!important;}

  /* Home mobile-first: primera pantalla como panel de decisión */
  .hero{padding:14px 0 4px!important;}
  .heroCard,.infoCard{padding:18px!important;border-radius:22px!important;}
  .heroCard h1{font-size:clamp(1.55rem,8.4vw,2.05rem)!important;line-height:1.06!important;margin:8px 0 8px!important;}
  .hero__text{font-size:.94rem!important;line-height:1.42!important;display:-webkit-box!important;-webkit-line-clamp:3!important;-webkit-box-orient:vertical!important;overflow:hidden!important;margin-bottom:0!important;}
  .priceNoteInline{display:none!important;}
  .hero--store .storeVisualPanel{display:none!important;}
  .hero--store .heroStats{display:none!important;}

  /* En V68 los botones originales del hero se ocultan en móvil: los reemplaza el quickhub. */
  .hero--store .hero__actions{display:none!important;}

  .tcg-mobile-quickhub{display:block;margin-top:16px;padding:14px;border-radius:22px;border:1px solid rgba(255,255,255,.11);background:linear-gradient(180deg,rgba(8,13,27,.92),rgba(15,23,42,.78));box-shadow:0 18px 42px rgba(0,0,0,.24);}
  .tcg-mobile-quickhub__title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px;}
  .tcg-mobile-quickhub__title strong{font-size:1rem;color:#fff;line-height:1.15;}
  .tcg-mobile-quickhub__title span{font-size:.78rem;color:#cbd5e1;text-align:right;}
  .tcg-mobile-quickgrid{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
  .tcg-mobile-quickcard{min-height:74px;display:flex;flex-direction:column;justify-content:center;gap:4px;padding:12px;border-radius:18px;text-decoration:none;color:#fff!important;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.09);box-shadow:inset 0 1px 0 rgba(255,255,255,.04);}
  .tcg-mobile-quickcard strong{font-size:.98rem;line-height:1.08;}
  .tcg-mobile-quickcard small{color:#cbd5e1;font-weight:700;line-height:1.2;}
  .tcg-mobile-quickcard--primary{background:linear-gradient(135deg,rgba(217,22,166,.95),rgba(124,58,237,.84));border-color:rgba(255,255,255,.16);}
  .tcg-mobile-quickcard--whatsapp{background:linear-gradient(135deg,#16a34a,#22c55e);border-color:rgba(255,255,255,.18);}
  .tcg-mobile-quickcard--auction{background:linear-gradient(135deg,rgba(249,115,22,.86),rgba(217,22,86,.88));border-color:rgba(255,255,255,.16);}
  .tcg-mobile-quickcard--magic{background:linear-gradient(135deg,rgba(124,58,237,.92),rgba(37,99,235,.82));border-color:rgba(255,255,255,.16);}
  .tcg-mobile-secondary{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px;}
  .tcg-mobile-secondary a,.tcg-mobile-secondary button{flex:1 1 120px;min-height:42px;border-radius:14px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.045);color:#e5eefc!important;text-decoration:none;font:inherit;font-size:.84rem;font-weight:850;display:inline-flex;align-items:center;justify-content:center;text-align:center;padding:8px 10px;cursor:pointer;}

  /* Menos contenido antes de que el usuario decida; se conserva todo más abajo. */
  .storeStrip{display:none!important;}
  #videos-publicidad{display:none!important;}
  .section{padding:18px 0 6px!important;}
  .sectionHead{flex-direction:column!important;gap:10px!important;margin-bottom:12px!important;}
  .section h2{font-size:1.45rem!important;line-height:1.12!important;margin:0 0 6px!important;}
  .section p{font-size:.92rem!important;line-height:1.42!important;}
  .sectionHead .btn{width:100%!important;}

  .tcgBrandStrip,.promoMediaGrid,.stepsGrid,.homeLiveGrid,.auction-experience-grid,.promo-grid{grid-template-columns:1fr!important;}
  .tcgBrandCard{padding:14px!important;border-radius:18px!important;}
  .tcgBrandCard span{font-size:.9rem!important;line-height:1.35!important;}
  .homeLiveBox{padding:16px!important;border-radius:20px!important;}
  .homeLiveBox__head{flex-direction:column!important;align-items:stretch!important;gap:8px!important;}
  .homeLiveBox__head .btn,.homeLiveBox__head .btnRow .btn{width:100%!important;}
  .homeLiveCard{grid-template-columns:74px 1fr!important;gap:10px!important;padding:10px!important;border-radius:16px!important;}
  .homeLiveCard img{width:74px!important;height:74px!important;border-radius:12px!important;}

  .sealedShowcaseGrid,.premiumSinglesGrid,.homeSinglesGrid,.selladoGrid,.newsGrid,.auction-grid{grid-template-columns:1fr!important;gap:14px!important;}
  .quickSearch input,input,select,textarea{font-size:16px!important;}

  /* Catálogos: filtros y tarjetas más respirables */
  .filterPanel,.filters,.catalogFilters,.toolbar,.searchPanel{border-radius:18px!important;padding:12px!important;}
  .productCard,.cardItem,.deckCard,.sealedCard,.singleCard{border-radius:18px!important;}

  /* Flotantes móviles: máximo dos accesos pequeños. Radio flotante no se crea. */
  .tcg-whatsapp-float-v64{left:10px!important;bottom:10px!important;min-height:44px!important;max-width:calc(100vw - 102px)!important;padding:9px 11px!important;border-radius:999px!important;gap:8px!important;box-shadow:0 12px 30px rgba(0,0,0,.36)!important;}
  .tcg-whatsapp-float-v64__icon{width:26px!important;height:26px!important;font-size:.95rem!important;}
  .tcg-whatsapp-float-v64__text small{display:none!important;}
  .tcg-whatsapp-float-v64__text strong{font-size:.82rem!important;white-space:nowrap!important;}
  #zlr-radio-widget,.zlr-radio-widget{display:none!important;}

  /* Reemplazo móvil de Tawk.to: ocultar popup pesado y abrir solo al tocar Chat. */
  .tcg-mobile-chat-pill{position:fixed;right:10px;bottom:10px;z-index:9200;min-height:44px;padding:9px 13px;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:linear-gradient(135deg,rgba(37,99,235,.98),rgba(124,58,237,.96));color:#fff;font-weight:950;font-family:inherit;box-shadow:0 12px 30px rgba(0,0,0,.36);align-items:center;justify-content:center;gap:6px;cursor:pointer;}
  .tcg-mobile-chat-pill.is-visible{display:inline-flex;}
  body.tcg-tawk-open .tcg-mobile-chat-pill{display:none!important;}
}

@media (max-width: 420px){
  .tcg-mobile-quickgrid{grid-template-columns:1fr;}
  .heroCard h1{font-size:1.52rem!important;}
  .tcg-mobile-secondary a,.tcg-mobile-secondary button{flex-basis:100%;}
}