/* ===== FRONT-PAGE INLINE FIX CSS ===== */
.hero{display:grid;grid-template-columns:1.25fr 0.75fr;gap:24px;align-items:start;padding:28px 0}
.hero__cta{display:flex;gap:10px;margin:12px 0 16px}
.kpi-card{margin-top:10px}
.kpi{display:flex;gap:12px}
.kpi .item{flex:1;text-align:center;background:rgba(255,255,255,.03);padding:16px;border-radius:14px;border:1px solid rgba(255,255,255,.08)}
.kpi .val{font-size:18px;font-weight:800;color:#d4af37;margin-bottom:4px}
.top3-card .card-title{margin:0 0 8px}
.section{margin-top:18px}
.section__head{display:flex;justify-content:space-between;align-items:end;gap:16px;margin-bottom:8px}
.section__title{margin:0}
.section__desc{margin:0;color:#a8a8a8;font-size:14px}
/* Filter row */
.catalog-filter{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr auto;gap:12px;align-items:end}
.catalog-filter .field{display:flex;flex-direction:column;gap:6px}
.catalog-filter .field label{font-size:12px;color:#a8a8a8}
.catalog-filter input[type="text"], .catalog-filter input[type="number"], .catalog-filter select{
  background:rgba(255,255,255,.03); color:#eee; border:1px solid rgba(255,255,255,.12);
  padding:10px 12px; border-radius:12px; outline:none; width:100%}
.catalog-filter .btn{padding:12px 16px; align-self:end}
/* Table */
.table-wrap{overflow:auto;border-radius:14px;border:1px solid rgba(255,255,255,.08)}
.table{width:100%;border-collapse:separate;border-spacing:0}
.table thead th{position:sticky;top:0;background:rgba(20,20,22,.9);backdrop-filter:blur(4px);border-bottom:1px solid rgba(255,255,255,.12)}
.table th,.table td{padding:10px 12px}
.table tbody tr:nth-child(odd){background:rgba(255,255,255,.02)}
/* Top3 */
.sd-top3{display:grid;gap:10px}
.sd-top3 .top3-group{background:linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:12px}
.sd-top3 .top3-title{margin:0 0 6px;font-size:15px;color:#f2e2a0}
.sd-top3 ul{list-style:none;margin:0;padding:0}
.sd-top3 li{display:flex;justify-content:space-between;gap:10px;padding:8px 10px;border-radius:10px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);margin-bottom:6px}
.sd-price{font-weight:700}
@media (max-width: 960px){
  .hero{grid-template-columns:1fr}
  .catalog-filter{grid-template-columns:1fr 1fr 1fr}
  .catalog-filter .btn{grid-column:1 / -1}
}
@media (max-width: 640px){ .catalog-filter{grid-template-columns:1fr} }
/* ===== END FIX ===== */