/* Content must never wait for scroll animations to become readable on mobile. */
@media (max-width:760px) {
  /* overflow-x:hidden created a second scroll container and broke sticky. */
  html, body { overflow-x:clip; overflow-y:visible; }
  .announcement { position:sticky; top:0; z-index:80; }
  .site-header { position:sticky; top:24px; z-index:70; background:#fff; }
  .site-header .header-main { padding-block:8px; min-height:0; }
  .site-header .brand-logo { max-height:44px; }
  .site-header .site-search { min-height:38px; }
  .home-refresh #novedades .product-grid,
  .home-refresh #favoritos .product-grid {
    display:grid!important;
    grid-template-columns:none!important;
    grid-auto-flow:column;
    grid-auto-columns:calc((100% - 24px)/2);
    gap:12px!important;
    overflow-x:auto;
    scroll-snap-type:x mandatory;
    overscroll-behavior-x:contain;
    padding-bottom:12px;
    scrollbar-width:thin;
    scrollbar-color:#118C8C #e9f4f0;
  }
  .home-refresh #novedades .product-card,
  .home-refresh #favoritos .product-card { min-width:0; scroll-snap-align:start; }
  main .reveal { opacity:1!important; transform:none!important; transition:none!important; }
  .whatsapp-float, .ai-launcher {
    box-sizing:border-box; width:72px!important; min-width:72px!important; height:72px!important;
    bottom:calc(14px + env(safe-area-inset-bottom, 0px));
  }
  .whatsapp-float { right:98px; padding:0; }
  .whatsapp-float img { width:72px; height:72px; }
  .ai-launcher { right:14px; padding:3px; }
  .ai-launcher>span { width:60px!important; height:60px!important; }
  .ai-panel { bottom:calc(98px + env(safe-area-inset-bottom, 0px)); max-height:calc(100dvh - 115px); }
}