/* ============================================================
   SHOP IMPO · V85 — INTERACTION / MOBILE CLEANUP
   Un solo sistema de navegación móvil, deep links sin bloqueos
   y overlays con salida visible.
   ============================================================ */

html{scroll-padding-top:112px}
#productos,#entrega-inmediata,#mayorista,#info,#envios,#cambios,#personalizacion,
#personalizacion-botines,#opiniones,#nosotros,#preguntas,#contacto,#seguimiento,
#comparadorCamisetas{scroll-margin-top:112px}

/* Selector de ruta: siempre tiene una salida visible. */
.si78-portal-shell{position:relative;max-height:100dvh;overflow:auto;overscroll-behavior:contain}
.si85-portal-close{
  flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;min-height:40px;
  padding:0 13px;border:1px solid rgba(203,153,255,.28);border-radius:999px;
  background:rgba(10,6,15,.72);color:#eee5f7;font:900 9px/1 ui-monospace,monospace;
  letter-spacing:.08em;cursor:pointer;white-space:nowrap
}
.si85-portal-close:hover,.si85-portal-close:focus-visible{border-color:rgba(213,178,255,.65);background:rgba(128,54,218,.16);outline:none}
.si78-portal-skip{position:sticky;bottom:0;z-index:8;margin-top:16px!important;background:rgba(10,6,15,.96)!important;backdrop-filter:blur(12px)}

/* El botón para revivir la experiencia no se oculta en celular. */
.si-exp-replay-v60{display:inline-flex!important;align-items:center;justify-content:center;min-height:42px;padding:0 2px!important}

/* Cuando hay un modal/selector abierto, no dejamos controles flotantes por detrás. */
body.si85-overlay-open .pro-mobile-sales-bar,
body.si85-overlay-open .float-whatsapp,
body.si85-overlay-open .si-v68-audio-dock,
body.si85-overlay-open .si79-dock{opacity:0!important;visibility:hidden!important;pointer-events:none!important}

@media(max-width:980px){
  html{scroll-padding-top:92px}
  #productos,#entrega-inmediata,#mayorista,#info,#envios,#cambios,#personalizacion,
  #personalizacion-botines,#opiniones,#nosotros,#preguntas,#contacto,#seguimiento,
  #comparadorCamisetas{scroll-margin-top:92px}

  /* V79 creaba una segunda barra inferior. En móvil ya existe la barra principal
     Productos / Buscar / Favoritos / Pedido, por lo que la duplicada se elimina. */
  .si79-dock{display:none!important}

  /* La tarjeta flotante de narrador tapaba cabecera y acciones. La voz sigue
     funcionando; en móvil quitamos únicamente el panel flotante redundante. */
  .si-v72-narrator{display:none!important}

  /* Sonido queda como control compacto arriba de la barra inferior, a la izquierda. */
  .si-v68-audio-dock{
    left:14px!important;right:auto!important;bottom:calc(96px + env(safe-area-inset-bottom))!important;
    width:48px!important;height:48px!important;min-width:48px!important;padding:0!important;
    display:grid!important;place-items:center!important;border-radius:50%!important;gap:0!important
  }
  .si-v68-audio-dock i{width:10px!important;height:10px!important}
  .si-v68-audio-dock span,.si-v68-audio-dock b{display:none!important}
  .si-v68-audio-dock::after{content:'♪';position:absolute;color:#e9def5;font:900 17px/1 system-ui;transform:translateY(-1px)}
  .si-v68-audio-dock i{opacity:.35}

  /* WhatsApp a la derecha, sonido a la izquierda, sin pisar la barra fija. */
  .float-whatsapp{bottom:calc(94px + env(safe-area-inset-bottom))!important;right:14px!important}

  /* Aseguramos una sola barra inferior y dejamos aire suficiente al contenido. */
  .pro-mobile-sales-bar{z-index:1500!important;bottom:max(8px,env(safe-area-inset-bottom))!important}
  body{padding-bottom:calc(100px + env(safe-area-inset-bottom))!important}

  /* La experiencia de película conserva flechas/pausa y un SALTAR separado. */
  .si-v64-film-controls{bottom:calc(27px + env(safe-area-inset-bottom))!important;width:calc(100% - 24px)!important;max-width:430px!important}
  .si-v69-mobile-skip{top:calc(12px + env(safe-area-inset-top))!important;right:12px!important}

  .si78-portal-top{padding-right:0!important;gap:8px!important;align-items:center!important}
  .si78-portal-status{display:none!important}
  .si85-portal-close{min-height:42px;padding:0 12px;font-size:8px}
  .si78-portal-shell{padding-bottom:calc(14px + env(safe-area-inset-bottom))!important}
  .si78-portal-skip{bottom:calc(-1px + env(safe-area-inset-bottom));min-height:52px!important}
}

@media(max-width:430px){
  .si78-portal-brand span small{display:none}
  .si78-portal-brand img{max-width:54px!important}
  .si85-portal-close{padding:0 10px;font-size:7.5px}
  .si-exp-replay-v60{font-size:9px!important;color:#b8a7c6!important}
}

@media(max-width:760px){
  /* Buscar/Favoritos/IA ya están disponibles en la barra inferior o menú.
     Evitamos repetirlos arriba y reducimos toques accidentales. */
  header #globalSearchOpen,
  header #favoritesOpen,
  header .shop-ai-header-btn{display:none!important}
  header .header-tools{margin-left:auto!important;gap:6px!important}
  header .account-entry{min-width:44px!important;width:44px!important;height:44px!important;padding:0!important;display:grid!important;place-items:center!important}
  header .account-entry-label{display:none!important}
  header .nav-toggle{width:46px!important;height:46px!important;display:grid!important;place-items:center!important;font-size:1.45rem!important}
}