/* Johns Auto: independent visual refresh, October 2026. */
body{font-family:"Segoe UI",Arial,sans-serif}
body .johns-top{background:#f4ef16;font-size:14px;padding:11px 0;letter-spacing:.15px}
body .johns-social a{background:#181c20;color:#f4ef16;border-radius:8px}
body .johns-header{background:rgba(18,23,28,.97);padding:24px 28px;border-bottom:2px solid #f4ef16;border-radius:0 0 12px 12px;box-shadow:0 12px 28px #0003}
body .johns-header nav{gap:22px}
body .johns-header nav>a,body .johns-header summary{font-size:14px;font-weight:600;text-transform:none;letter-spacing:.25px;padding:8px 0}
body .johns-header details>div{top:42px;border-top:2px solid #f4ef16;border-radius:0 0 10px 10px;padding:8px;background:#171d23}
body .johns-header details a{border-radius:6px;font-weight:500}
body .johns-header details>div a:hover{background:#2b333c;color:#f4ef16}
body .johns-buy{background:linear-gradient(120deg,#253240,#121c26);border:1px solid #ffffff26;border-left:4px solid #f4ef16;border-radius:12px;padding:38px 30px;margin-top:22px}
body .johns-buy h2{font-size:clamp(32px,4vw,46px);font-weight:700;letter-spacing:-1px}
body .johns-buy p{font-size:22px;line-height:1.6}
body .johns-button,body .johns-content .johns-btn,body .j-yellow,body .johns-action{border-radius:8px;font-weight:700;letter-spacing:.15px;box-shadow:0 3px 0 #0003}
body .johns-languages{border:1px solid #ffffff24;border-radius:12px;background:#171d23;padding:25px}
body .johns-languages h2,body .johns-languages p{font-size:22px;font-style:normal;text-transform:none;line-height:1.65}
body .johns-section-heading h2{font-weight:600;letter-spacing:-.4px}
body .johns-vehicle,body .johns-cars .single-car-item-2{border-radius:10px;overflow:hidden;border:1px solid #ffffff26;background:#171d23;box-shadow:0 6px 18px #0003}
body .johns-quick a{border-radius:10px;padding:24px 20px}
body .johns-visit{border-radius:12px;background:#171d23;border:1px solid #ffffff1c;padding:32px}
body .johns-footer{background:#11171d;border-top:2px solid #f4ef16;padding:34px 0}
body .johns-screen,body .johns-panel,body .johns-content,body .j-shell{border-radius:12px}
body .j-result{border-radius:12px;overflow:hidden;border:1px solid #ffffff2b;box-shadow:0 6px 22px #0003;margin-bottom:24px}
body .j-result h2,body .j-vdp-title h1{font-weight:600;letter-spacing:-.4px}
body .j-filters{border-radius:10px;border:1px solid #ffffff26}
body .j-actions a,body .j-vdp-actions a,body .j-filter-actions button{border-radius:7px;font-weight:600}
body .j-yellow-bar{height:5px;background:#f4ef16;border-radius:4px;margin-bottom:22px}
body .j-tabs a{border-radius:7px 7px 0 0}
body .johns-review,body .johns-person,body .johns-blog-summary{padding:22px;border:1px solid #ffffff24;border-radius:10px;background:#171d23;margin-bottom:24px}
body .johns-content>h1{font-weight:600;letter-spacing:-.6px;text-transform:none}
body .johns-blog-summary h2{font-size:25px;font-weight:600;border-bottom:0}
body input:not([type=checkbox]):not([type=radio]):not([type=hidden]),body textarea,body select{border-radius:6px}
body .cpl-shop-tools button{background:#f4ef16;color:#000;border-radius:9px;border-color:#f4ef16}
body .cpl-shop-tools button:hover{background:#fff83b;color:#000}
@media(max-width:1000px){body .johns-header{padding:20px}body .johns-header nav{gap:15px}}
@media(max-width:650px){body .johns-buy{padding:28px 20px}body .johns-buy p{font-size:19px}body .johns-languages h2,body .johns-languages p{font-size:18px}body .johns-visit{padding:24px 20px}body .johns-review,body .johns-person,body .johns-blog-summary{padding:18px}}

/* Reserve a separate row for the fixed scroll-to-top control. */
body .cpl-shop-tools{bottom:84px;bottom:calc(84px + env(safe-area-inset-bottom,0px))}

body .johns-visit .johns-contact-phone{display:block}
body .johns-visit .johns-contact-phone+.johns-button{margin-top:18px}
body .johns-visit .johns-contact-form>button[type=submit]{display:flex;width:100%;box-sizing:border-box;margin-top:20px}