
/* vehicle-model page-specific layout (built on the shared library) */
.page-head{padding-block:var(--space-8) var(--space-6)}
.page-head .kw{font-size:.8125rem;font-weight:600;color:var(--gold-text)}
.page-head h1{font-size:clamp(1.6rem,3.4vw,2.25rem);line-height:1.2;margin-top:var(--space-2)}
.answer{display:grid;grid-template-columns:1.3fr .9fr;gap:var(--space-8);align-items:center;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-e1);padding:clamp(20px,3vw,var(--space-10));margin-top:var(--space-4)}
@media(max-width:820px){.answer{grid-template-columns:1fr}}
.answer .lead{font-size:1.05rem;line-height:1.9;color:var(--text-primary)}
.answer .lead b{color:var(--navy-900)}
.answer .facts{display:flex;gap:var(--space-4);margin-top:var(--space-6);flex-wrap:wrap}
.answer .facts .f{flex:1;min-width:120px;background:var(--bg-sunken);border-radius:var(--radius-md);padding:var(--space-4)}
.answer .facts .f b{display:block;font-size:1.35rem;color:var(--navy-900);font-weight:700}
.answer .facts .f.hl b{color:var(--accessible-gold)}
.answer .facts .f span{font-size:.78rem;color:var(--text-secondary)}
.answer .pick{background:linear-gradient(160deg,#fbf8f3,var(--n-100));border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-5);text-align:center}
.answer .pick img{width:130px;height:170px;object-fit:cover;border-radius:var(--radius-md);margin:0 auto var(--space-3);box-shadow:var(--shadow-e2)}
.answer .pick .plabel{font-size:.75rem;color:var(--gold-text);font-weight:600}
.answer .pick h3{font-size:1rem;margin-top:var(--space-1)}
.answer .pick .pr{font-weight:700;font-size:1.15rem;margin:var(--space-2) 0}
/* .truststrip (CON-01) → canonical in mi.css */
.why{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-8);align-items:center;margin-top:var(--space-4)}
@media(max-width:820px){.why{grid-template-columns:1fr}}
.why .vis{aspect-ratio:16/11;border-radius:var(--radius-lg);overflow:hidden;position:relative;border:1px solid var(--border)}
.why .vis img{width:100%;height:100%;object-fit:cover}
.why .vis::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(16,33,52,.5),transparent 55%)}
.why p{color:var(--text-secondary);line-height:1.9;margin-top:var(--space-3)}
/* featured recommended product (block 3) */
.featured{display:grid;grid-template-columns:200px 1fr auto;gap:var(--space-6);align-items:center;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-e2);padding:var(--space-6);margin-top:var(--space-4)}
@media(max-width:760px){.featured{grid-template-columns:1fr;text-align:center}.featured .fbuy{justify-self:stretch}}
.featured .fimg{aspect-ratio:4/5;border-radius:var(--radius-lg);overflow:hidden;background:linear-gradient(160deg,#fbf8f3,var(--n-100))}
.featured .fimg img{width:100%;height:100%;object-fit:cover}
.featured .badge-buy{display:inline-flex;align-items:center;gap:6px;background:rgba(46,125,91,.12);color:var(--success);font-size:.72rem;font-weight:700;padding:3px 10px;border-radius:var(--radius-pill)}
.featured .badge-buy svg{width:13px;height:13px;stroke:var(--success)}
.featured h3{font-size:1.25rem;margin:var(--space-2) 0}
.featured .meta{color:var(--text-secondary);font-size:.9rem}
.featured .fprice{display:flex;align-items:baseline;gap:var(--space-2);margin-top:var(--space-3)}
.featured .fprice .price{font-size:1.6rem;font-weight:700}.featured .fprice .strike{text-decoration:line-through;color:var(--text-tertiary);font-size:.9rem}
.featured .fbuy{display:flex;flex-direction:column;gap:var(--space-2)}
.compat{max-width:720px}
.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4);margin-top:var(--space-2)}
@media(max-width:560px){.stat-grid{grid-template-columns:1fr}}
.stat-grid .s{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-e1);padding:var(--space-6);text-align:center}
.stat-grid .s svg{width:28px;height:28px;stroke:var(--gold-500);margin:0 auto var(--space-2)}
.stat-grid .s b{display:block;font-size:1.6rem;color:var(--navy-900);font-weight:700}
.stat-grid .s span{font-size:.82rem;color:var(--text-secondary)}
