/* Existing storefront selectors observed in live HTML on 2026-09-28. */
.shop-wrap { display: grid; grid-template-columns: minmax(210px, 260px) minmax(0, 1fr); gap: 24px; align-items: start; }
.shop-wrap > .shop-sidebar { min-width: 0; width: auto; float: none; }
.shop-wrap > .shop-main { min-width: 0; width: auto; float: none; }
.shop-sidebar .filter-card { padding: 18px; margin-bottom: 16px; border: 1px solid #e2e8f0; border-radius: 12px; background: #fff; }
.shop-sidebar ul { list-style: none; padding: 0; margin: 0; }
.shop-sidebar li { margin: 0 0 8px; }
.shop-sidebar a { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
@media (max-width: 767px) {
    .shop-wrap { grid-template-columns: minmax(0, 1fr); gap: 16px; }
    .shop-wrap > .shop-sidebar { max-width: 100%; }
}

