/* Product list: dim the cards while a tab's products are loading (assets/js/product-list.js). */
#redronic-ntp .ntp-product-grid{transition:opacity .2s}
/* Up to --rnt-cols cards per row (set per list), each at least 220px; same formula as design.css with 20px gaps. Phones keep design.css's 2. */
@media(min-width:761px){#redronic-ntp .ntp-product-section .ntp-product-grid{grid-template-columns:repeat(auto-fill,minmax(max(220px,calc((100% - (var(--rnt-cols,5) - 1) * 20px) / var(--rnt-cols,5))),1fr))}}
/* Cards past the max rows (product-list.js); .ntp-product's display:flex would otherwise win over [hidden]. */
#redronic-ntp .ntp-product-grid>[hidden]{display:none}
/* A single-tab list has no tab bar to push "view all" to the far side. */
#redronic-ntp .ntp-section-head h2+.ntp-viewall{margin-inline-start:auto}
#redronic-ntp .ntp-product-grid[aria-busy=true]{opacity:.45;pointer-events:none}