/* RNS MERT V27 — unified cover framing for all existing and new packages. */
#products.section{max-width:1460px!important;padding-left:clamp(14px,2.1vw,28px)!important;padding-right:clamp(14px,2.1vw,28px)!important}
#productGrid.grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:16px!important;align-items:stretch!important}
#productGrid>.product{min-width:0!important;display:flex!important;flex-direction:column!important;border-radius:15px!important;overflow:hidden!important;background:linear-gradient(180deg,#101018 0%,#0c0c12 100%)!important;border-color:#352b4d!important;box-shadow:0 12px 28px #0004!important}
#productGrid>.product:hover{border-color:#7a57bd!important;box-shadow:0 16px 38px #0007,0 0 22px #7a57bd20!important}
#productGrid>.product .art:has(.product-cover){height:auto!important;aspect-ratio:16/9!important;position:relative!important;width:100%!important;overflow:hidden!important;background:radial-gradient(ellipse at center,#292044,#090a12 80%)!important;border-bottom:1px solid #2d2441!important;line-height:0!important}
#productGrid>.product .product-cover{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;aspect-ratio:16/9!important;object-fit:cover!important;object-position:center!important;display:block!important;background:#090a12!important}
#productGrid>.product .info{display:flex!important;flex:1 1 auto!important;flex-direction:column!important;gap:9px!important;padding:16px!important;min-width:0!important}
#productGrid>.product .info>small:first-child{color:#bda0ff!important;letter-spacing:.09em!important;line-height:1.5!important}
#productGrid>.product .info h3{font-size:clamp(14px,1.1vw,17px)!important;line-height:1.35!important;min-height:2.7em!important;margin:0!important;overflow-wrap:anywhere!important}
#productGrid>.product .buyrow{margin-top:auto!important;padding-top:13px!important;align-items:flex-end!important;gap:10px!important}
#productGrid>.product .buyrow button{border-radius:10px!important}
#productGrid>.product .note{font-size:10px!important;line-height:1.5!important;color:#d6ca8e!important;margin-top:8px!important}
#productGrid>.product .art:has(.product-cover)::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent 65%,#08081118 100%)}
@media(max-width:1120px){#productGrid.grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:13px!important}}
@media(max-width:820px){#productGrid.grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}#productGrid>.product .info{padding:13px!important}}
@media(max-width:540px){#productGrid.grid{grid-template-columns:minmax(0,1fr)!important;gap:14px!important}#productGrid>.product .info{padding:16px!important}#productGrid>.product .info h3{font-size:17px!important;min-height:0!important}}
/* The marquee animation is driven by the Web Animations API in V27; disable the older CSS loop to avoid competing transforms. */
.rns-featured-section.rns-auto-marquee-ready .rns-featured-track{animation:none!important;transform:translate3d(0,0,0);will-change:transform;overflow:visible!important}
.rns-featured-section.rns-auto-marquee-ready .rns-featured-viewport{overflow:hidden!important}
@media(prefers-reduced-motion:reduce){#productGrid>.product{transition:none!important}#productGrid>.product .product-cover{transition:none!important}}