.catalog-hero{background:linear-gradient(135deg,#061a18,#0c3026);color:#fff;padding:58px 0 42px}.catalog-hero h1{font-size:clamp(30px,4vw,46px);margin:8px 0}.catalog-hero p{color:#c9d8d3;max-width:760px}.catalog-layout{display:grid;grid-template-columns:270px 1fr;gap:24px;align-items:start}.filters{position:sticky;top:18px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px;box-shadow:0 8px 28px rgba(7,24,39,.06)}.filters h3{margin:0 0 16px}.filter-group{margin-bottom:16px}.filter-group label{display:block;font-size:12px;font-weight:800;margin-bottom:7px}.filters select,.filters input{width:100%;box-sizing:border-box;border:1px solid var(--line);border-radius:10px;padding:10px;background:#fff;font:inherit;outline:0}.range-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.filter-actions{display:flex;gap:8px}.filter-actions .btn{flex:1}.catalog-top{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:18px}.catalog-count{font-size:13px;color:var(--muted)}.catalog-search{display:flex;gap:8px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:5px 8px}.catalog-search input{border:0;outline:0;font:inherit;width:min(330px,40vw);padding:7px}.catalog-grid{display:grid;grid-template-columns:1fr;gap:14px}.catalog-card{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:0 5px 18px rgba(7,24,39,.05);transition:.2s}.catalog-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.catalog-card img{width:100%;height:220px;object-fit:contain;background:#06251b;display:block}.catalog-body{padding:15px}.catalog-brand{color:#d88d00;font-size:11px;font-weight:900}.catalog-card h2{font-size:16px;line-height:1.55;margin:5px 0}.catalog-card p{font-size:11px;color:var(--muted);min-height:34px}.catalog-specs{display:grid;grid-template-columns:1fr 1fr;gap:7px}.catalog-specs span{background:#f4f7fa;border-radius:9px;padding:8px 7px;font-size:10px;color:#415466}.catalog-actions{display:flex;gap:7px;margin-top:12px}.catalog-actions .btn{flex:1;text-align:center;font-size:11px;padding:9px}.empty{background:#fff;border:1px dashed #cbd5dc;border-radius:15px;padding:35px;text-align:center;color:var(--muted)}
@media(max-width:1000px){.catalog-layout{grid-template-columns:1fr}.filters{position:static}}@media(max-width:650px){.catalog-top{display:block}.catalog-search{margin-top:12px}.catalog-search input{width:100%}.catalog-grid{grid-template-columns:1fr}.catalog-card img{height:250px}.range-row{grid-template-columns:1fr 1fr}}

.pagination{display:flex;justify-content:center;align-items:center;gap:7px;flex-wrap:wrap;margin-top:28px}.pagination button{min-width:40px;height:40px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink);font:inherit;font-weight:900;cursor:pointer}.pagination button:hover:not(:disabled){border-color:#ffb800;transform:translateY(-1px)}.pagination button.active{background:var(--yellow);border-color:var(--yellow);color:#111}.pagination button:disabled{opacity:.45;cursor:not-allowed}.pagination .ellipsis{padding:0 4px;color:var(--muted);font-weight:900}.pagination-status{margin-top:10px;text-align:center;color:var(--muted);font-size:12px}.catalog-card{display:grid;grid-template-columns:300px minmax(0,1fr);min-height:255px}.catalog-body{display:flex;flex-direction:column;flex:1;padding:18px}.catalog-image-button{border:0;padding:0;margin:0;width:100%;height:100%;min-height:255px;background:#06251b;cursor:pointer}.catalog-image-button img{width:100%;height:100%;min-height:255px;object-fit:contain;display:block}.catalog-card h2{display:none}.catalog-card p{min-height:48px;margin:8px 0}.catalog-actions{margin-top:auto!important}.catalog-actions .btn{min-height:42px;display:flex;align-items:center;justify-content:center}.product-modal{position:fixed;inset:0;z-index:3000;display:none;align-items:center;justify-content:center;padding:16px}.product-modal.open{display:flex}.product-modal-backdrop{position:absolute;inset:0;background:rgba(3,13,18,.74);backdrop-filter:blur(4px)}.product-modal-panel{position:relative;z-index:1;width:min(980px,100%);max-height:92vh;overflow:auto;background:#fff;border-radius:24px;box-shadow:0 30px 90px rgba(0,0,0,.3);display:grid;grid-template-columns:minmax(300px,.9fr) 1.1fr}.product-modal-media{background:#06251b;display:flex;align-items:center;justify-content:center;min-height:360px}.product-modal-media img{width:100%;height:100%;max-height:620px;object-fit:contain}.product-modal-content{padding:34px}.product-modal-content h2{margin:8px 0 18px}.modal-spec-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.modal-spec{padding:12px 14px;border:1px solid var(--line);border-radius:13px;background:#f7faf9}.modal-spec small{display:block;color:var(--muted);font-size:11px;margin-bottom:4px}.modal-spec b{font-size:14px}.product-modal-description{color:var(--muted);line-height:1.9}.product-modal-actions{display:flex;gap:10px;margin-top:18px}.product-modal-actions .btn{flex:1}.product-modal-close{position:absolute;top:12px;left:12px;z-index:2;width:42px;height:42px;border:0;border-radius:50%;background:#fff;font-size:28px;cursor:pointer}.product-modal{font-family:inherit}body.modal-open{overflow:hidden}@media(max-width:760px){.catalog-card{grid-template-columns:1fr}.catalog-image-button,.catalog-image-button img{height:260px;min-height:260px}.catalog-body{padding:15px}.product-modal-panel{grid-template-columns:1fr}.product-modal-media{min-height:230px;max-height:300px}.product-modal-content{padding:22px}.modal-spec-grid{grid-template-columns:1fr 1fr}.product-modal-actions{flex-direction:column}}

/* V12 PRODUCT GRID: exactly five columns and three rows on desktop */
.catalog-layout { display:block !important; }
.filters { position:static !important; margin-bottom:22px !important; display:grid !important; grid-template-columns:1.1fr 1fr 1.5fr 1fr auto !important; gap:12px !important; align-items:end !important; }
.filters h3 { grid-column:1 / -1 !important; margin:0 !important; }
.filter-group { margin:0 !important; }
.filter-actions { display:flex !important; gap:8px !important; }
.catalog-top { display:grid !important; grid-template-columns:auto auto minmax(280px,1fr) !important; align-items:center !important; gap:14px !important; }
.catalog-top .catalog-search { justify-self:end !important; width:min(430px,100%) !important; }
.catalog-grid { display:grid !important; grid-template-columns:repeat(5,minmax(0,1fr)) !important; gap:16px !important; max-width:100% !important; }
.catalog-grid .catalog-card { display:flex !important; flex-direction:column !important; min-width:0 !important; min-height:0 !important; height:auto !important; border-radius:16px !important; overflow:hidden !important; }
.catalog-grid .catalog-image-button { width:100% !important; height:auto !important; min-height:0 !important; aspect-ratio:1 / 1 !important; background:#f1f4f7 !important; display:block !important; overflow:hidden !important; }
.catalog-grid .catalog-image-button img { width:100% !important; height:100% !important; min-height:0 !important; aspect-ratio:1 / 1 !important; object-fit:contain !important; display:block !important; background:#f1f4f7 !important; }
.catalog-grid .catalog-body { min-width:0 !important; padding:14px !important; display:flex !important; flex-direction:column !important; flex:1 !important; }
.catalog-grid .catalog-main { min-width:0 !important; }
.catalog-grid .catalog-brand { font-size:11px !important; }
.catalog-grid .catalog-desc { margin:5px 0 9px !important; min-height:44px !important; font-size:11px !important; line-height:1.7 !important; }
.catalog-grid .catalog-specs { grid-template-columns:1fr 1fr !important; gap:6px !important; margin:0 !important; }
.catalog-grid .catalog-specs span { padding:6px 6px !important; font-size:9px !important; white-space:nowrap !important; overflow:hidden !important; text-overflow:ellipsis !important; }
.catalog-grid .catalog-actions { margin-top:auto !important; padding:12px 0 0 !important; display:flex !important; flex-direction:column !important; gap:7px !important; border:0 !important; }
.catalog-grid .catalog-actions .btn { width:100% !important; min-height:40px !important; flex:none !important; font-size:11px !important; padding:7px 8px !important; }
.pagination { margin-top:22px !important; }
body, button, input, select, textarea { font-family:"Vazirmatn",sans-serif !important; }
@media(max-width:1250px){
  .catalog-grid { grid-template-columns:repeat(4,minmax(0,1fr)) !important; }
}
@media(max-width:1000px){
  .filters { grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
  .filters h3 { grid-column:1 / -1 !important; }
  .filter-actions { grid-column:1 / -1 !important; }
  .catalog-top { grid-template-columns:1fr !important; }
  .catalog-top .catalog-search { justify-self:stretch !important; width:100% !important; }
  .catalog-grid { grid-template-columns:repeat(3,minmax(0,1fr)) !important; }
}
@media(max-width:700px){
  .filters { grid-template-columns:1fr !important; }
  .filters h3, .filter-actions { grid-column:auto !important; }
  .catalog-grid { grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:12px !important; }
  .catalog-grid .catalog-body { padding:11px !important; }
  .catalog-grid .catalog-desc { font-size:10px !important; min-height:48px !important; }
}
@media(max-width:430px){
  .catalog-grid { grid-template-columns:1fr !important; }
}