/* Make emblems and model photographs share predictable, uncropped image areas. */
.ov-page .ov-brands nav a{display:grid;grid-template-columns:64px minmax(0,1fr) 18px;align-items:center;gap:12px;min-height:94px;padding:16px}
.ov-page .ov-make-logo,.ov-brand-emblem{display:flex;align-items:center;justify-content:center;background:#fff;border-radius:10px}
.ov-page .ov-make-logo{width:64px;height:56px;padding:6px}
.ov-page .ov-make-logo img{width:100%;height:100%;object-fit:contain}
.ov-page .ov-make-name{overflow-wrap:anywhere;line-height:1.35}
.ov-page .ov-catalog-heading{display:flex;align-items:center;gap:28px;padding:28px 0 6px}
.ov-page .ov-catalog-heading h1{font-size:clamp(36px,4.5vw,64px);line-height:1.06;margin:0 0 20px;overflow-wrap:anywhere}
.ov-page .ov-catalog-heading h1 span{font-weight:600}
.ov-page .ov-catalog-heading p:last-child{max-width:65ch;color:var(--ov-muted);margin:0}
.ov-page .ov-brand-emblem{width:112px;height:112px;flex:none;padding:18px;border:1px solid var(--ov-line)}
.ov-page .ov-brand-emblem img{width:100%;height:100%;object-fit:contain}
.ov-page .ov-vehicle-section{margin:0 0 48px}
.ov-page .ov-vehicle-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.ov-page .ov-vehicle-card{display:flex;flex-direction:column;min-width:0;background:var(--ov-surface);border:1px solid var(--ov-line);border-radius:14px;overflow:hidden}
.ov-page .ov-vehicle-card:hover{border-color:var(--ov-accent);transform:translateY(-3px)}
.ov-page .ov-vehicle-card:active{transform:translateY(0)}
.ov-page .ov-vehicle-picture{height:176px;padding:22px 16px;background:#fff;display:flex;align-items:center;justify-content:center;border-bottom:1px solid var(--ov-line)}
.ov-page .ov-vehicle-picture img{display:block;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain}
.ov-page .ov-vehicle-placeholder img{width:74px;height:60px;object-fit:contain;opacity:.75}
.ov-page .ov-vehicle-copy{position:relative;padding:20px 42px 20px 20px;flex:1;overflow-wrap:anywhere}
.ov-page .ov-vehicle-copy h3{font-size:21px;line-height:1.3;margin:0 0 8px}
.ov-page .ov-vehicle-copy p{font-size:13px;color:var(--ov-muted);margin:0 0 8px}
.ov-page .ov-vehicle-copy small{display:block;font-size:11px;line-height:1.5;color:var(--ov-muted)}
.ov-page .ov-vehicle-copy code{display:block;font-size:12px;margin:0 0 10px}
.ov-page .ov-vehicle-copy>span{display:block;font-size:12px;font-weight:700;color:var(--ov-accent)}
.ov-page .ov-vehicle-copy>svg{position:absolute;right:17px;top:23px;color:var(--ov-muted)}
.ov-page .ov-generation nav a:has(.ov-generation-photo){padding-top:14px;display:grid;grid-template-columns:110px minmax(0,1fr) 20px;grid-template-rows:auto auto;column-gap:20px;align-items:center}
.ov-page .ov-generation-photo{grid-row:1 / 3;width:110px;height:66px;object-fit:contain;background:#fff;border-radius:7px}
.ov-page .ov-generation nav a:has(.ov-generation-photo)>strong{grid-column:2;grid-row:1}
.ov-page .ov-generation nav a:has(.ov-generation-photo)>span{grid-column:2;grid-row:2}
.ov-page .ov-generation nav a:has(.ov-generation-photo)>svg{grid-column:3;grid-row:1 / 3}
.lemark-to .oil-image-heading{position:relative;min-height:190px;padding-right:290px}
.lemark-to .oil-guide-photo,.lemark-to .oil-guide-logo{position:absolute;right:0;top:18px;object-fit:contain;box-sizing:border-box;width:260px;height:155px;background:#fff;border-radius:12px;padding:18px}
.lemark-to .oil-guide-logo{width:100px;height:90px;padding:14px;right:60px}
@media(max-width:1080px){.ov-page .ov-vehicle-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.ov-page .ov-brands nav a{grid-template-columns:48px minmax(0,1fr) 16px;gap:10px;padding:13px}.ov-page .ov-make-logo{width:48px;height:48px}}
@media(max-width:880px){.ov-page .ov-vehicle-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.ov-page .ov-brand-emblem{width:90px;height:90px}.ov-page .ov-catalog-heading{gap:20px}.lemark-to .oil-image-heading{padding-right:220px;min-height:170px}.lemark-to .oil-guide-photo{width:200px;height:135px;padding:12px}.lemark-to .oil-guide-logo{right:40px}}
@media(max-width:560px){.ov-page .ov-brands nav a{grid-template-columns:44px minmax(0,1fr);gap:10px;min-height:82px;padding:11px}.ov-page .ov-brands nav a>svg{display:none}.ov-page .ov-make-logo{width:44px;height:44px;padding:5px}.ov-page .ov-make-name{font-size:13px}.ov-page .ov-catalog-heading{align-items:flex-start;gap:16px;padding:16px 0 4px}.ov-page .ov-brand-emblem{width:64px;height:64px;padding:10px}.ov-page .ov-catalog-heading h1{font-size:34px;margin-bottom:16px}.ov-page .ov-catalog-heading p:last-child{font-size:13px}.ov-page .ov-vehicle-grid{gap:12px}.ov-page .ov-vehicle-picture{height:122px;padding:12px 9px}.ov-page .ov-vehicle-copy{padding:14px 12px}.ov-page .ov-vehicle-copy h3{font-size:17px}.ov-page .ov-vehicle-copy>svg{display:none}.ov-page .ov-vehicle-copy small{font-size:10px}.ov-page .ov-vehicle-copy code{font-size:11px}.ov-page .ov-generation nav a:has(.ov-generation-photo){grid-template-columns:80px minmax(0,1fr) 16px;column-gap:12px}.ov-page .ov-generation-photo{width:80px;height:58px}.lemark-to .oil-image-heading{padding-right:0;display:flex;flex-direction:column;min-height:0}.lemark-to .oil-guide-photo,.lemark-to .oil-guide-logo{position:static;align-self:flex-start;margin:0 0 20px;width:180px;height:108px}.lemark-to .oil-guide-logo{width:72px;height:64px}.lemark-to .oil-image-heading h1{margin-top:12px}}
@media(prefers-reduced-motion:reduce){.ov-page .ov-vehicle-card{transition:none}.ov-page .ov-vehicle-card:hover{transform:none}}