/*
 * Mundo de Brincar — final layout stability guards.
 *
 * The shared .waveProducts rule leaves explicit mobile grid tracks behind.
 * When it is combined with grid-auto-flow:column, Chromium compresses the
 * first cards to a few pixels and paints their names and prices over the next
 * products. These rules remove those inherited tracks and keep each product
 * in one stable horizontal card.
 */
html[data-store-theme="mundo-de-brincar"] .toyProductRail{
  display:grid!important;
  grid-template-columns:none!important;
  grid-template-rows:minmax(0,auto)!important;
  grid-auto-flow:column!important;
  grid-auto-columns:minmax(210px,1fr)!important;
  align-items:start!important;
  justify-content:start!important;
  min-width:0!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  overscroll-behavior-inline:contain;
  scroll-snap-type:inline proximity;
}
html[data-store-theme="mundo-de-brincar"] .toyProductRail>.waveProduct{
  min-width:0!important;
  width:auto!important;
  max-width:none!important;
  align-self:start!important;
  scroll-snap-align:start;
}
html[data-store-theme="mundo-de-brincar"] .toyProductRail .waveProductInfo,
html[data-store-theme="mundo-de-brincar"] .toyProductRail .waveProductInfo>*{
  min-width:0!important;
  max-width:100%!important;
}
html[data-store-theme="mundo-de-brincar"] .toyProductRail .waveProductInfo strong{
  overflow-wrap:anywhere;
  word-break:normal;
}

@media(max-width:900px){
  html[data-store-theme="mundo-de-brincar"] .toyProductRail{
    grid-auto-columns:calc((100vw - 46px)/2)!important;
    gap:14px!important;
    scroll-padding-inline:16px;
  }
  html[data-store-theme="mundo-de-brincar"] .toyProductRail .waveProductInfo strong{
    min-height:auto!important;
  }
}

@media(max-width:390px){
  html[data-store-theme="mundo-de-brincar"] .toyProductRail{
    grid-auto-columns:calc((100vw - 42px)/2)!important;
    gap:10px!important;
  }
}