/* NexoPlay V46 - mobile card parity + stable title carousel + smooth catalog. */

/* New card height is larger than the old intrinsic placeholder. Keep layout real to avoid scroll jumps. */
#grid .product.nx44-product-card{
  content-visibility:visible!important;
  contain:layout paint style!important;
  contain-intrinsic-size:auto!important;
}

/* Stable title marquee: built with the card, never reconstructed on resize/focus. */
#grid .product .product-info h3.nx46-title-static,
#grid .product .product-info h3.nx46-title-carousel{
  display:block!important;
  min-width:0!important;
  overflow:hidden!important;
  white-space:nowrap!important;
  position:relative!important;
}
#grid .product .product-info h3.nx46-title-carousel .nx46-title-track{
  display:inline-flex!important;
  align-items:baseline!important;
  width:max-content!important;
  animation:nx46-title-marquee var(--nx46-title-duration,12s) linear infinite!important;
}
#grid .product .product-info h3.nx46-title-carousel .nx46-title-copy{
  flex:0 0 auto!important;
  padding-right:2em!important;
  font:inherit!important;
  font-size:inherit!important;
  font-weight:inherit!important;
  line-height:inherit!important;
  letter-spacing:inherit!important;
  color:inherit!important;
  -webkit-text-fill-color:inherit!important;
}
@keyframes nx46-title-marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
#grid .product:hover .product-info h3.nx46-title-carousel .nx46-title-track{animation-play-state:paused!important}
.nx25-page-hidden #grid .product .product-info h3.nx46-title-carousel .nx46-title-track{animation-play-state:paused!important}

/* Make the V44 information explicit so older mobile rules cannot hide it. */
#grid .product.nx44-product-card .nx44-card-flags{display:flex!important}
#grid .product.nx44-product-card .nx44-product-desc{display:-webkit-box!important}
#grid .product.nx44-product-card .nx44-provider-line{display:flex!important}
#grid .product.nx44-product-card .nx44-card-benefits{display:grid!important}
#grid .product.nx44-product-card .nx44-product-terms{display:flex!important}

@media(max-width:720px){
  #grid .product.nx44-product-card{border-radius:17px!important}
  #grid .product.nx44-product-card .poster{
    aspect-ratio:16/9!important;
    width:100%!important;
    min-height:0!important;
    height:auto!important;
    background-size:cover!important;
    background-position:center!important;
  }
  #grid .product.nx44-product-card .product-info{padding:10px 10px 9px!important}
  #grid .product.nx44-product-card .nx44-card-flags{gap:5px!important;margin:0 0 8px!important}
  #grid .product.nx44-product-card .nx44-card-flags>span{padding:4px 5px!important;font-size:6.4px!important;gap:3px!important}
  #grid .product.nx44-product-card .nx44-online i{width:6px!important;height:6px!important;box-shadow:none!important}
  #grid .product.nx44-product-card .product-info h3{font-size:12.5px!important;line-height:1.12!important;margin:0 0 6px!important}
  #grid .product.nx44-product-card .nx44-product-desc{
    -webkit-line-clamp:2!important;
    min-height:22px!important;
    margin:0 0 8px!important;
    font-size:7.4px!important;
    line-height:1.45!important;
  }
  #grid .product.nx44-product-card .nx44-provider-line{font-size:6.9px!important;gap:3px!important;margin:0 0 8px!important}
  #grid .product.nx44-product-card .nx44-provider-line strong{font-size:7.4px!important}
  #grid .product.nx44-product-card .nx44-verified{width:12px!important;height:12px!important;font-size:7px!important}
  #grid .product.nx44-product-card .product-bottom{align-items:flex-end!important;gap:5px!important}
  #grid .product.nx44-product-card .from{font-size:6.3px!important}
  #grid .product.nx44-product-card .price{font-size:16.5px!important}
  #grid .product.nx44-product-card .nx-product-status{display:flex!important;font-size:6.5px!important;gap:3px!important;margin-top:5px!important}
  #grid .product.nx44-product-card .nx-product-status i{width:6px!important;height:6px!important}
  #grid .product.nx44-product-card .add{padding:8px 8px!important;border-radius:10px!important;font-size:7.2px!important;gap:3px!important}
  #grid .product.nx44-product-card .add b{font-size:13px!important}
  #grid .product.nx44-product-card .nx44-card-benefits{grid-template-columns:repeat(3,minmax(0,1fr))!important;margin-top:10px!important;padding:7px 2px!important;border-radius:12px!important}
  #grid .product.nx44-product-card .nx44-card-benefits>div{grid-template-columns:auto minmax(0,1fr)!important;column-gap:3px!important;padding:0 3px!important}
  #grid .product.nx44-product-card .nx44-benefit-icon{width:18px!important;height:18px!important;font-size:9px!important}
  #grid .product.nx44-product-card .nx44-card-benefits small{display:block!important;font-size:5.2px!important}
  #grid .product.nx44-product-card .nx44-card-benefits strong{display:block!important;font-size:5.5px!important}
  #grid .product.nx44-product-card .nx44-product-terms{padding:8px 6px!important;gap:5px!important;font-size:6.2px!important}
  #grid .product.nx44-product-card .nx44-product-terms i{max-width:34px!important}
  #nx26LoadMore{scroll-margin-top:90px;overflow-anchor:none}
}

@media(max-width:390px){
  #grid .product.nx44-product-card .nx44-card-flags>span{font-size:5.8px!important;padding:4px!important}
  #grid .product.nx44-product-card .nx44-product-desc{font-size:7px!important;min-height:20px!important}
  #grid .product.nx44-product-card .price{font-size:15.5px!important}
  #grid .product.nx44-product-card .add{font-size:6.8px!important;padding:7px 6px!important}
  #grid .product.nx44-product-card .nx44-benefit-icon{width:17px!important;height:17px!important;font-size:8px!important}
  #grid .product.nx44-product-card .nx44-card-benefits small{font-size:4.9px!important}
  #grid .product.nx44-product-card .nx44-card-benefits strong{font-size:5.1px!important}
}

@media(prefers-reduced-motion:reduce){
  #grid .product .product-info h3.nx46-title-carousel .nx46-title-track{animation:none!important;transform:none!important}
  #grid .product .product-info h3.nx46-title-carousel .nx46-title-copy[aria-hidden="true"]{display:none!important}
}