/* ReaTure - "View all" button + non-moving product grid (4 per row) */
.view-all-bar{display:flex;justify-content:flex-end;margin:4px 0 0}
.view-all-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 16px;font:700 12px/1 Arial,Helvetica,sans-serif;letter-spacing:.04em;color:#173f2b;background:#fff;border:1.5px solid #75a65f;border-radius:999px;cursor:pointer;transition:background .2s,color .2s,border-color .2s}
.view-all-btn:hover,.view-all-btn:focus-visible{background:#173f2b;color:#fff;border-color:#173f2b;outline:none}
.view-all-btn .va-arrow{font-size:13px;line-height:1}

.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;padding:8px 2px 12px}
.product-grid[hidden]{display:none}
.product-grid .product-card,
#products .product-grid .product-card,
.skin-card.product-card,
.extra-section .product-grid .product-card{flex:none!important;width:auto!important;min-width:0}

/* section expanded: stop the moving row and show the grid */
.is-expanded .product-row-viewport{display:none}

@media(max-width:900px){.product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}}
@media(max-width:600px){.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.view-all-btn{padding:6px 13px;font-size:11px}}