/* TechBazaar Master Storefront Foundation v6.6.0 */
:root,
html[data-store-theme="light"] {
  --tb-store-bg: #f6f7f9;
  --tb-store-surface: #ffffff;
  --tb-store-surface-2: #f3f5f7;
  --tb-store-text: #171a1f;
  --tb-store-muted: #697180;
  --tb-store-border: #dde2e8;
  --tb-store-accent: #f47a1f;
  --tb-store-accent-hover: #da6513;
  --tb-store-header: #1b1b1d;
  --tb-store-header-text: #ffffff;
  --tb-store-shadow: 0 6px 18px rgba(20, 24, 32, .08);
}
html[data-store-theme="dark"] {
  --tb-store-bg: #0b1018;
  --tb-store-surface: #151c27;
  --tb-store-surface-2: #1b2431;
  --tb-store-text: #f2f5f8;
  --tb-store-muted: #aab3c1;
  --tb-store-border: #2b3747;
  --tb-store-accent: #ff8a32;
  --tb-store-accent-hover: #ff9b53;
  --tb-store-header: #090d13;
  --tb-store-header-text: #ffffff;
  --tb-store-shadow: 0 10px 24px rgba(0, 0, 0, .3);
}
html[data-store-theme] body { background: var(--tb-store-bg) !important; color: var(--tb-store-text) !important; }
html[data-store-theme] .topbar,
html[data-store-theme] .site-header,
html[data-store-theme] .main-nav { background: var(--tb-store-header) !important; color: var(--tb-store-header-text) !important; }
html[data-store-theme] .site-header { border-bottom: 1px solid rgba(255,255,255,.10); }
html[data-store-theme] .main-nav { border-top: 1px solid rgba(255,255,255,.08); }
html[data-store-theme] .main-nav a { color: #f6f7f8 !important; opacity: .9; }
html[data-store-theme] .main-nav a:hover,
html[data-store-theme] .main-nav a.active { color: var(--tb-store-accent) !important; opacity: 1; }
html[data-store-theme] .search-form { background: #fff !important; border-color: var(--tb-store-accent) !important; }
html[data-store-theme] .search-form input { color: #1a1d22 !important; background: #fff !important; }
html[data-store-theme] .search-form button { color: var(--tb-store-accent) !important; }

html[data-store-theme] .page-header { background: var(--tb-store-surface) !important; border-bottom: 1px solid var(--tb-store-border); }
html[data-store-theme] .page-title,
html[data-store-theme] .breadcrumb,
html[data-store-theme] .breadcrumb a { color: var(--tb-store-text) !important; }

.shop-layout { display: grid; grid-template-columns: 230px minmax(0, 1fr); gap: 18px; align-items: start; }
.filter-box { position: sticky; top: 16px; background: var(--tb-store-surface) !important; color: var(--tb-store-text) !important; border: 1px solid var(--tb-store-border) !important; border-radius: 6px !important; padding: 16px !important; box-shadow: none !important; }
.filter-box h4 { margin: 0 0 12px; font-size: 15px; color: var(--tb-store-text) !important; }
.filter-box ul { margin: 0; padding: 0; list-style: none; }
.filter-box li + li { margin-top: 6px; }
.filter-box a { display: flex; justify-content: space-between; gap: 10px; padding: 7px 8px; border-radius: 4px; color: var(--tb-store-muted) !important; font-size: 13px; }
.filter-box a:hover,
.filter-box a.active { color: var(--tb-store-accent) !important; background: color-mix(in srgb, var(--tb-store-accent) 10%, transparent); }

.shop-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 10px 12px; margin-bottom: 12px; background: var(--tb-store-header) !important; color: #fff !important; border-radius: 5px; }
.shop-toolbar select { background: var(--tb-store-surface) !important; color: var(--tb-store-text) !important; border-color: var(--tb-store-border) !important; }
.product-grid { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: 8px !important; }
.product-card { background: var(--tb-store-surface) !important; color: var(--tb-store-text) !important; border: 1px solid var(--tb-store-border) !important; border-radius: 5px !important; box-shadow: none !important; overflow: hidden; transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease; }
.product-card:hover { transform: translateY(-2px); border-color: var(--tb-store-accent) !important; box-shadow: var(--tb-store-shadow) !important; }
.product-card .product-image,
.product-card img { background: #fff; }
.product-card h3,
.product-card .product-title,
.product-card a { color: var(--tb-store-text) !important; }
.product-card .price,
.product-card .product-price { color: var(--tb-store-text) !important; font-weight: 700; }
.product-card .btn,
.product-card button { border-radius: 4px !important; }

.tb-mobile-filter-toggle { display: none; width: 100%; margin-bottom: 10px; background: var(--tb-store-surface); color: var(--tb-store-text); border: 1px solid var(--tb-store-border); border-radius: 5px; padding: 10px 12px; font-weight: 700; }

@media (max-width: 1200px) { .product-grid { grid-template-columns: repeat(3, minmax(0,1fr)) !important; } }
@media (max-width: 900px) {
  .shop-layout { grid-template-columns: 1fr; }
  .tb-mobile-filter-toggle { display: block; }
  .filter-box { display: none; position: static; }
  .filter-box.is-open { display: block; }
  .product-grid { grid-template-columns: repeat(2, minmax(0,1fr)) !important; }
  .shop-toolbar { align-items: stretch; flex-direction: column; }
  .shop-toolbar form, .shop-toolbar select { width: 100%; }
}
@media (max-width: 560px) {
  .product-grid { grid-template-columns: 1fr !important; }
  .header-inner { gap: 10px; }
  .search-form { order: 5; width: 100%; }
}