/* brand page-specific layout (on the shared library) */
.brand-hero{background:linear-gradient(135deg,var(--navy-900),var(--navy-800));color:var(--ivory-50);border-radius:var(--radius-2xl);padding:clamp(24px,4vw,var(--space-16));display:grid;grid-template-columns:auto 1fr auto;gap:clamp(20px,3vw,var(--space-10));align-items:center;margin-top:var(--space-6)}
@media(max-width:820px){.brand-hero{grid-template-columns:1fr;text-align:center}}
.brand-hero .emblem{width:120px;height:120px;border-radius:var(--radius-xl);background:radial-gradient(80% 120% at 70% 20%,rgba(224,197,143,.2),transparent 60%),linear-gradient(135deg,var(--navy-700),var(--navy-900));border:1px solid rgba(224,197,143,.35);display:flex;align-items:center;justify-content:center;justify-self:center}
.brand-hero .emblem svg{width:64px;height:64px;stroke:var(--gold-300)}
.brand-hero .dealer{display:inline-flex;align-items:center;gap:6px;background:rgba(224,197,143,.15);color:var(--gold-300);font-size:.75rem;font-weight:700;padding:4px 12px;border-radius:var(--radius-pill)}
.brand-hero .dealer svg{width:15px;height:15px;stroke:var(--gold-300)}
.brand-hero h1{color:var(--ivory-50);font-size:clamp(1.8rem,4vw,2.5rem);margin:var(--space-3) 0}
.brand-hero .vp{color:var(--sand-200);font-size:1.05rem;max-width:44ch}
@media(max-width:820px){.brand-hero .vp{margin-inline:auto}}
.brand-hero .hstats{display:flex;gap:var(--space-6);margin-top:var(--space-5);flex-wrap:wrap}
@media(max-width:820px){.brand-hero .hstats{justify-content:center}}
.brand-hero .hstats div b{display:block;font-size:1.4rem;color:var(--gold-300);font-weight:700}
.brand-hero .hstats div span{font-size:.78rem;color:var(--sand-200)}
.brand-hero .country{color:var(--sand-200);font-size:.85rem;display:inline-flex;align-items:center;gap:6px;margin-top:var(--space-2)}
/* .truststrip (CON-01) → canonical in mi.css */
.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6)}
@media(max-width:820px){.why-grid{grid-template-columns:1fr}}
.why-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-e1);padding:var(--space-6)}
.why-card .ico{width:48px;height:48px;border-radius:var(--radius-md);background:var(--navy-900);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-4)}
.why-card .ico svg{width:24px;height:24px;stroke:var(--gold-300)}
.why-card h3{font-size:1.1rem}.why-card p{color:var(--text-secondary);font-size:.9rem;margin-top:var(--space-2)}
.model-sel{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-6)}
@media(max-width:640px){.model-sel{grid-template-columns:1fr}}
.model-card{display:flex;gap:var(--space-4);align-items:center;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-e1);padding:var(--space-5);transition:box-shadow var(--duration-base),transform var(--duration-base)}
.model-card:hover{box-shadow:var(--shadow-e2);transform:translateY(-3px)}
.model-card img{width:80px;height:100px;object-fit:cover;border-radius:var(--radius-md);background:var(--n-100)}
.model-card h3{font-size:1.05rem}.model-card p{color:var(--text-secondary);font-size:.85rem;margin-top:2px}
.model-card .go{color:var(--link);font-weight:600;font-size:.85rem;display:inline-flex;gap:4px;align-items:center;margin-top:var(--space-2)}.model-card .go svg{width:15px;height:15px}
.tags{display:flex;gap:var(--space-2);flex-wrap:wrap}
.tags .tag{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-pill);padding:var(--space-2) var(--space-4);font-size:.85rem;font-weight:600;color:var(--text-secondary);display:inline-flex;gap:6px;align-items:center}
.tags .tag svg{width:15px;height:15px;stroke:var(--gold-500)}
.lab-band{display:grid;grid-template-columns:1fr auto;gap:var(--space-6);align-items:center;background:linear-gradient(135deg,var(--navy-900),var(--navy-700));color:var(--ivory-50);border-radius:var(--radius-xl);padding:clamp(20px,3vw,var(--space-10))}
@media(max-width:640px){.lab-band{grid-template-columns:1fr;text-align:center}}
.lab-band .eyebrow{color:var(--gold-300)}.lab-band h3{color:var(--ivory-50);font-size:1.3rem}.lab-band p{color:var(--sand-200);font-size:.9rem;margin-top:var(--space-2)}
.wholesale-band{display:grid;grid-template-columns:1fr auto;gap:var(--space-6);align-items:center;background:var(--bg-sunken);border:1px dashed var(--border-strong);border-radius:var(--radius-xl);padding:clamp(20px,3vw,var(--space-10))}
@media(max-width:640px){.wholesale-band{grid-template-columns:1fr;text-align:center}}
.wholesale-band h3{font-size:1.2rem}.wholesale-band p{color:var(--text-secondary);font-size:.9rem;margin-top:var(--space-2)}
/* .compare-wrap / table.compare (COM-11) → canonical in mi.css; page sets only min-width */
table.compare{min-width:520px}