.grapevine-service-icons { display:flex; flex-wrap:wrap; justify-content:center; align-items:stretch; gap:18px; margin-top:28px; }
.grapevine-service-icons > a { box-sizing:border-box; flex:0 0 calc(20% - 14.4px); min-width:0; display:flex; flex-direction:column; align-items:center; justify-content:flex-start; gap:16px; padding:22px 12px; background:#fff; border:1px solid #ddd; border-radius:4px; color:#222; text-align:center; text-decoration:none; font-size:17px; font-weight:600; line-height:1.4; }
.grapevine-service-icons > a > img { width:120px; height:120px; object-fit:contain; }
.grapevine-service-icons > a:hover, .grapevine-service-icons > a.active { background:var(--brand-primary); border-color:var(--brand-primary); color:#fff; }
.grapevine-service-icons > a:hover img, .grapevine-service-icons > a.active img { filter:brightness(0) invert(1); }
.grapevine-service-icons > a:focus-visible { outline:3px solid #222; outline-offset:4px; }
#home_service_links { clear:both; padding-top:45px; }
#home_service_links h3 { font:700 28px/1.35 'Montserrat',Arial,sans-serif; text-align:center; margin:0; }
body.grapevine-service-page #body_body h1 { font:700 36px/1.25 'Montserrat',Arial,sans-serif; margin:0 0 32px; }
body.grapevine-service-page #body_body h2 { font:700 28px/1.35 'Montserrat',Arial,sans-serif; margin:0 0 20px; }
.service-breadcrumb { font-size:14px; margin:0 0 22px; }
.service-detail-image { text-align:center; }
.service-detail-image img { width:580px; max-width:100%; height:auto; }
@media (min-width:1351px) {
    body.grapevine-service-page #body { padding-top:240px; }
    .service-detail-intro .col2 { display:flex; align-items:center; }
}
@media (min-width:1751px) { body.grapevine-service-page #body { padding-top:130px; } }
@media (max-width:1350px) {
    .grapevine-service-icons > a { flex-basis:calc((100% - 36px) / 3); }
    .service-detail-image { margin-top:30px !important; }
}
@media (max-width:600px) {
    .grapevine-service-icons { gap:12px; }
    .grapevine-service-icons > a { flex-basis:calc(50% - 6px); font-size:15px; padding:18px 8px; }
    .grapevine-service-icons > a > img { width:95px; height:95px; }
    body.grapevine-service-page #body_body h1 { font-size:28px; }
    body.grapevine-service-page #body_body h2, #home_service_links h3 { font-size:24px; }
}

.lia_faq .lia_faq__group-heading { margin:24px 0 14px; }
.lia_faq .lia_faq__items + .lia_faq__group-heading { margin-top:36px; }

/* Customer photos: contained, undistorted, and clear of decorative slants. */
body #transmission_intro .col2 { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:40px; align-items:center; }
body #transmission_intro .col2 > li { float:none; width:auto; min-width:0; margin:0; }
body #transmission_intro .drivetrain-intro-photo { width:100%; max-width:580px; margin:0 auto; overflow:visible; transform:none; }
body #transmission_intro .drivetrain-intro-photo img { display:block; position:static; width:100%; max-width:100%; height:auto; margin:0; transform:none; clip-path:none; border-radius:8px; object-fit:contain; }
body[page="transmission-replacement"] .service-detail-image img { width:auto; max-width:100%; height:auto; max-height:560px; object-fit:contain; border-radius:8px; }
@media (max-width:1024px) {
    body #transmission_intro .col2 { grid-template-columns:minmax(0,1fr); gap:28px; }
    body[page="transmission-replacement"] .service-detail-image img { max-height:480px; }
}
