/* BREADCRUMB */
.breadcrumb-bar { background: var(--gray); border-bottom: 1px solid var(--gray2); padding: 12px 0; }
.breadcrumb { display: flex; align-items: center; gap: 8px; font-size: 13px; color: var(--text-light); }
.breadcrumb a { color: var(--text-light); } .breadcrumb a:hover { color: var(--red); }
.breadcrumb .current { color: var(--text); font-weight: 500; }

/* SHOP LAYOUT */
.shop-section { padding: 40px 0 60px; }
.shop-layout { display: grid; grid-template-columns: 260px 1fr; gap: 32px; align-items: start; }

/* SIDEBAR */
.shop-sidebar { position: sticky; top: 88px; }
.sidebar-widget { background: white; border: 1px solid var(--gray2); border-radius: 12px; padding: 20px; margin-bottom: 16px; }
.sidebar-widget h4 { font-size: 14px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px; margin-bottom: 16px; color: var(--text); }
.cat-filter li { margin-bottom: 4px; }
.cat-filter a { display: flex; justify-content: space-between; align-items: center; padding: 8px 12px; border-radius: var(--radius); font-size: 14px; color: var(--text-light); transition: all var(--transition); }
.cat-filter a:hover, .cat-filter a.active { background: rgba(207,27,43,0.06); color: var(--red); font-weight: 600; }
.cat-filter a span { background: var(--gray); color: var(--text-light); padding: 2px 8px; border-radius: 20px; font-size: 11px; }
.cat-filter a.active span { background: rgba(207,27,43,0.1); color: var(--red); }

.price-range input[type=range] { width: 100%; accent-color: var(--red); margin-bottom: 8px; cursor: pointer; }
.price-labels { display: flex; justify-content: space-between; font-size: 13px; font-weight: 600; }

.sort-select { width: 100%; padding: 10px 12px; border: 1px solid var(--gray2); border-radius: var(--radius); font-family: var(--font); font-size: 14px; outline: none; cursor: pointer; }
.sort-select:focus { border-color: var(--red); }

/* TOOLBAR */
.shop-toolbar { display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px; padding-bottom: 16px; border-bottom: 1px solid var(--gray2); }
.results-count { font-size: 14px; color: var(--text-light); }
.view-toggle { display: flex; gap: 4px; }
.view-btn { width: 34px; height: 34px; border: 1px solid var(--gray2); background: none; border-radius: var(--radius); cursor: pointer; font-size: 16px; transition: all var(--transition); }
.view-btn.active, .view-btn:hover { border-color: var(--red); color: var(--red); background: rgba(207,27,43,0.05); }

/* LIST VIEW */
.products-list { display: flex !important; flex-direction: column; gap: 16px; }
.products-list .product-card { display: grid; grid-template-columns: 140px 1fr; }
.products-list .product-img { aspect-ratio: 1; height: 140px; }
.products-list .product-info { padding: 20px; display: flex; flex-direction: column; justify-content: center; }
.products-list .btn-add-cart { max-width: 200px; }

/* NO RESULTS */
.no-results { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 60px; gap: 12px; color: var(--text-light); }
.no-results span { font-size: 48px; }
.no-results p { font-size: 16px; }

@media (max-width: 768px) {
  .shop-layout { grid-template-columns: 1fr; }
  .shop-sidebar { position: static; }
}