/* ===== Catalog page (index) ===== */
.catalog-header{
  /* position:sticky; top:0; z-index:5;
  backdrop-filter: blur(8px); */
  background:rgba(255,255,255,.78);
}

.quick-search{ display:flex; gap:8px; align-items:center; padding-bottom: 15px; border-bottom:1px solid var(--border);}

/* Layout */
.grid.layout{
  display:grid; grid-template-columns:260px 1fr; gap:20px; padding-block:18px;
}
.sidebar{ position:sticky; top:74px; align-self:start; display:grid; gap:14px }

/* Filters */
.filters{
  background: var(--bg);
  border:1px solid var(--border);
  border-radius: var(--radius);
  padding:14px; box-shadow: var(--shadow);
}
.filters__head{ display:flex; align-items:center; justify-content:space-between; margin-bottom:8px }
.link-reset{ color:var(--primary); text-decoration:none; font-size:13px }
.f-label{ display:block; font-size:13px; color:var(--muted); margin-top:8px; margin-bottom:6px }

.input{
  width:100%; background:var(--surface); color:var(--fg);
  border:1px solid var(--border); border-radius:8px; padding:10px 12px; outline:none;
}
.input:focus{ box-shadow: var(--focus); border-color:transparent }
.select-wrap{ position:relative }
.select-wrap .chev{ position:absolute; right:10px; top:50%; translate:0 -50%; opacity:.6; pointer-events:none }
.range{ display:grid; grid-template-columns:1fr 1fr; gap:10px }

/* Trust panel */
.trust--pro{
  padding:14px;
  border:1px solid var(--border);
  border-radius: var(--radius);
  background:
    linear-gradient(180deg, rgba(22,163,74,.06), transparent 55%) ,
    var(--bg);
  box-shadow: var(--shadow);
}

.trust__head{
  display:flex; align-items:center; gap:8px; margin-bottom:10px;
  color: var(--success);
}
.trust__shield{ width:18px; height:18px }

.trust__list{
  list-style:none; padding:0; margin:0;
  display:grid; gap:10px;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}

.trust__item{
  display:flex; gap:10px; align-items:flex-start;
  padding:10px; border:1px solid var(--border);
  border-radius:12px; background:var(--surface);
  transition: transform .15s ease, box-shadow .15s ease;
}
.trust__item:hover{ transform: translateY(-1px); box-shadow: 0 8px 20px rgba(2,6,23,.08) }

.trust__ico{
  width:28px; height:28px; min-width:28px; border-radius:999px;
  display:grid; place-items:center;
  background: rgba(22,163,74,.12); color: var(--success);
  border:1px solid rgba(22,163,74,.25);
}
.trust__ico svg{ width:16px; height:16px }

.trust__text b{ display:block; line-height:1.3 }
.trust__text small{ display:block; color: var(--muted); margin-top:2px }

/* Main column */
.toolbar{ display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:15px }
.chips{ display:flex; gap:8px; flex-wrap:wrap }
.result-info{ color:var(--muted); font-size:14px }

/* Grid */
.product-grid{ display:grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap:14px }
@media (max-width:1024px){
  .grid.layout{ grid-template-columns:1fr }
  .sidebar{ position:relative !important; top:auto !important }
  .product-grid{ grid-template-columns: repeat(2,1fr) }
}
@media (max-width:640px){ 
  .product-grid{ grid-template-columns: 1fr } 
  .catalog-header .container{ display: block;}
  .cat-hero {display: block !important;}
  .cat-toolbar {display: block !important;}
  .cat-toolbar input[type=search], .cat-toolbar select {
    width: 100%;
    margin-bottom: 10px;
  }
}

/* Empty & Pagination */
.empty{ text-align:center; padding:36px 12px }
.empty img{ width:160px; opacity:.92; filter: drop-shadow(0 6px 18px rgba(2,6,23,.08)) }