/* Page-specific overrides */
.page-head{padding:28px 0 8px;}
.page-head h1{font-size:clamp(1.9rem,3.4vw,2.6rem);}
.page-head p{color:var(--muted); max-width:70ch; margin-top:12px;}
/* ---------- Browse mode toggle ---------- */
.browse-toggle{display:inline-flex; background:var(--panel); border:1px solid var(--line); border-radius:100px; padding:4px; margin:0 0 20px;}
.browse-toggle button{
    border:none; background:none; padding:9px 20px; font-size:.88rem; font-weight:600; color:var(--muted);
    border-radius:100px; cursor:pointer; font-family:inherit;
  }
.browse-toggle button.active{background:var(--black); color:#fff;}
/* ---------- Category filter chips ---------- */
.filter-row{display:flex; flex-wrap:wrap; gap:10px; margin-bottom:36px;}
.filter-row.hidden{display:none;}
.chip{
    border:1.5px solid var(--line); background:#fff; color:var(--ink);
    padding:8px 18px; border-radius:100px; font-size:.86rem; font-weight:600;
    cursor:pointer; font-family:inherit;
  }
.chip.active{background:var(--red); border-color:var(--red); color:#fff;}
.chip:hover:not(.active){border-color:var(--red); color:var(--red);}
section{padding:0 0 72px;}
/* ---------- Brand grid ---------- */
.brand-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:24px;}
.brand-card{
    background:var(--panel); border: solid 1px; border-color:var(--black); border-radius:var(--radius); box-shadow:var(--shadow-sm);
    padding:28px; text-decoration:none; display:block; transition:transform .15s, box-shadow .15s;
  }
.brand-card:hover{transform:translateY(-4px); box-shadow:var(--shadow);}
.brand-card.filtered-out{display:none;}
.brand-mark{width:120px; height:110px; border-radius:14px; background:var(--black); display:flex; align-items:center; justify-content:center; margin-bottom:18px;}
.brand-mark span{color:var(--red); font-family:'Poppins',sans-serif; font-weight:800; font-size:1.05rem;}
.brand-card h3{font-size:1.2rem; margin-bottom:8px;}
.brand-card p{color:var(--muted); font-size:.9rem; margin-bottom:16px;}
.brand-card .count{font-size:.8rem; color:var(--muted); margin-bottom:10px;}
.brand-card .link{font-size:.85rem; font-weight:700; color:var(--red);}

@media (max-width:900px) {
  .brand-grid{grid-template-columns:1fr 1fr;}
}

@media (max-width:600px) {
  .brand-grid{grid-template-columns:1fr;}
}
.empty-state{display:none; text-align:center; padding:60px 20px; color:var(--muted);}
.empty-state.show{display:block;}
/* ---------- Model grid (category browse mode) ---------- */
.model-grid{display:none; grid-template-columns:repeat(3,1fr); gap:24px;}
.model-grid.active{display:grid;}
.model-card{
    background:var(--panel); border: solid 1px; border-color:var(--black); border-radius:var(--radius); box-shadow:var(--shadow-sm);
    overflow:hidden; text-decoration:none; display:block; transition:transform .15s, box-shadow .15s;
  }
.model-card:hover{transform:translateY(-4px); box-shadow:var(--shadow);}
.model-card.filtered-out{display:none;}
.model-card .thumb{aspect-ratio:4/3; background:#fff; border-bottom:1px solid var(--line); display:flex; align-items:center; justify-content:center;}
.model-card .thumb img{width:100%; height:100%; object-fit:cover;}
.model-card[href*="dikai-dlu.html"] .thumb img{object-fit:contain;}
.model-card[href*="dikai-dlu580.html"] .thumb img{object-fit:contain;}
.model-card[href*="dikai-dlc.html"] .thumb img{object-fit:contain;}
.model-card[href*="dikai-dlfm.html"] .thumb img{object-fit:contain;}
.model-card[href*="dikai-d241-d321.html"] .thumb img{object-fit:contain;}
.model-card[href*="meenjet-m6.html"] .thumb img{object-fit:contain;}
.model-card .thumb.placeholder{background:var(--black);}
.model-card .thumb.placeholder span{color:var(--red); font-family:'Poppins',sans-serif; font-weight:800; font-size:1.4rem;}
.model-card .body{padding:20px 22px;}
.model-card .brand-label{font-size:.74rem; font-weight:700; color:var(--red); text-transform:uppercase; letter-spacing:.03em;}
.model-card h3{font-size:1.08rem; margin-top:6px;}
.model-card p{color:var(--muted); font-size:.86rem; margin:8px 0 14px;}
.model-card .link{font-size:.84rem; font-weight:700; color:var(--red);}

@media (max-width:900px) {
  .model-grid{grid-template-columns:1fr 1fr;}
}

@media (max-width:600px) {
  .model-grid{grid-template-columns:1fr;}
}
/* ---------- CTA strip ---------- */
.cta-strip{background:var(--black); border-radius:var(--radius); padding:44px 40px; display:flex; justify-content:space-between; align-items:center; gap:24px; flex-wrap:wrap; color:#fff; margin-top:16px;}
.cta-strip h3{color:#fff; font-size:1.3rem;}
.cta-strip p{color:#C9C9C9; margin-top:6px;}
.foot-map-link{display:inline-flex; align-items:center; gap:6px; font-size:.82rem; color:#fff; margin-bottom:12px; text-decoration:none; font-weight:600;}
.foot-map-link svg{width:12px;height:12px;stroke:#fff;}
.foot-map-link:hover{color:var(--red);}