.gs-shop-widget { margin: 0 0 30px; font-family: inherit; }

/* Controls */
.gs-shop-controls { display:flex; align-items:center; gap:18px; justify-content:space-between; margin-bottom:16px; flex-wrap:wrap; }
.gs-view-switch { display:flex; gap:8px; }
.gs-view-btn { background:#f1f1f1; border:1px solid #e6e6e6; padding:8px 12px; border-radius:6px; cursor:pointer; }
.gs-view-btn.active { background:#111; color:#fff; }

/* Filter form small */
.gs-filter-form { display:flex; gap:8px; align-items:center; }
.gs-filter-form input[type="number"] { padding:8px 10px; border-radius:6px; border:1px solid #ddd; }

/* Products containers */
.gs-products { display:grid; gap:18px; margin-top:12px; }

/* grid view */
.gs-products.grid-view { grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); }
.gs-products.grid-view .gs-product-card { display:flex; flex-direction:column; border:1px solid #eee; padding:12px; border-radius:8px; }

/* list view */
.gs-products.list-view { display:block; }
.gs-products.list-view .gs-product-card { display:flex; gap:16px; padding:12px; border:1px solid #eee; border-radius:8px; align-items:center; }
.gs-products.list-view .gs-product-image { flex:0 0 150px; }

/* gallery view */
.gs-products.gallery-view { grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); }
.gs-products.gallery-view .gs-product-card { text-align:center; padding:10px; border-radius:6px; }

/* product meta */
.gs-product-image img { width:100%; height:auto; display:block; border-radius:6px; }
.gs-product-title { font-size:15px; margin:8px 0 4px; font-weight:600; }
.gs-product-price { color:#c62828; font-weight:700; }

/* loadmore */
.gs-loadmore-wrap { text-align:center; margin-top:18px; }
.gs-loadmore-btn { padding:10px 18px; border-radius:8px; border:1px solid #ddd; background:#fff; cursor:pointer; }

/* small screens */
@media(max-width:768px){
    .gs-products.grid-view { grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); }
    .gs-products.list-view .gs-product-image { flex:0 0 110px; }
}
/* ===================================================================
   FILTER DRAWER
=================================================================== */

