/* Responsive refinements shared by every page. Loaded after style.css. */
@media(max-width:1024px){body{font-size:14px}.card-body h3{font-size:19px}.vehicle-image{height:165px}.card-body{padding:17px}.product-grid{gap:18px}}
@media(max-width:1024px){
 .section{padding-top:48px;padding-bottom:48px}
 .section-heading{margin-bottom:26px}
 .category-card{height:285px}
 .vehicle-image{height:180px}
 .product-detail{gap:28px}
 .contact-page{padding-top:42px}
 .contact-layout,.checkout-layout{gap:28px}
 .promotion{margin-bottom:48px}
 .policy-layout{gap:30px}
}
@media(max-width:800px){
 html{scroll-padding-top:94px}
 .header-inner{height:82px}
 .brand{width:130px;height:70px}
 .brand img{width:130px;height:130px;top:-29px}
 #navigation{top:82px;gap:5px;padding:14px 5%;align-items:flex-start}
 #navigation a{display:inline-flex;width:fit-content;max-width:100%;min-height:44px;padding:11px 16px;align-self:flex-start;align-items:center;line-height:1.5}
 .header-actions{gap:8px}
 .section{padding-top:38px;padding-bottom:38px}
 .page-heading{margin-bottom:28px}
 .page-heading h1{margin-bottom:16px}
 .eyebrow{margin-bottom:12px}
 .section-heading{gap:14px;margin-bottom:25px}
 .category-grid,.product-grid{gap:20px}
 .category-card{height:265px}
 .vehicle-image{height:175px}
 .card-body{padding:20px}
 .card-copy{margin-bottom:12px}
 .card-price{margin:14px 0;padding-top:14px}
 .products-intro{padding-bottom:18px}
 .collection-section{scroll-margin-top:96px;padding-top:32px;padding-bottom:32px}
 .disclosure{margin-top:18px;margin-bottom:0;line-height:1.8}
 .benefit-grid{margin-top:28px;gap:26px}
 .benefit-icon{margin-bottom:17px}
 .promotion{height:340px;margin-top:0;margin-bottom:38px}
 .promotion>div{top:36px}
 .breadcrumb{margin-bottom:23px}
 .product-detail{gap:24px}
 .detail-photo img{aspect-ratio:1.55;object-fit:contain}
 .detail-photo p{margin-top:10px;margin-bottom:0}
 .specs{margin:20px 0;padding:12px 0}
 .price-block{margin-bottom:18px}
 .panel{padding:24px}
 .checkout-layout{gap:24px}
 .form-grid{gap:16px}
 .contact-hero{padding:38px 5%}
 .contact-hero h1{margin-bottom:18px}
 .contact-hero-label{margin-top:20px}
 .contact-page{padding-top:30px}
 .contact-layout{gap:24px}
 .showroom-photo{height:200px}
 .showroom-photo>div{top:28px;left:23px}
 .contact-bottom{margin-top:32px;padding-top:28px;gap:20px}
 .contact-form-panel{padding:25px}
 .contact-form-panel>p{margin-bottom:22px}
 .store-heading{padding-bottom:24px;gap:15px}
 .journey-steps{padding:16px 0;margin-bottom:28px}
 .cart-layout{gap:25px}
 .cart-list-heading{margin-bottom:18px}
 .cart-vehicle{margin-bottom:17px}
 .cart-summary{padding:25px}
 .cart-summary h2{margin-bottom:22px}
 .empty-cart-panel{padding:44px 22px}
 .cart-assurance{margin-top:20px;gap:15px}
 .policy-shell .page-heading{padding-bottom:24px;margin-bottom:25px}
 .policy-layout{gap:26px}
 .policy-note{margin-bottom:28px}
 .policy-content .policy-note{margin-bottom:28px}
 .policy-section{scroll-margin-top:100px;padding-bottom:22px;margin-bottom:24px}
 .policy-section h2{margin-bottom:16px}
 .policy-section p{margin-bottom:14px}
 .policy-contact{margin-top:28px;padding:28px}
 #footer{padding-top:38px}
 .footer-grid{gap:28px 22px}
 .footer-bottom{margin-top:28px;padding-top:20px;padding-bottom:20px}
}
@media(max-width:520px){
 .header-inner{height:78px}
 .brand{width:120px;height:66px}
 .brand img{width:120px;height:120px;top:-26px}
 #navigation{top:78px;padding:12px 5%}
 .header-actions{gap:7px}
 .section{padding:30px 5%}
 h1{font-size:34px}
 h2{font-size:28px}
 .hero{height:470px}
 .hero-content{top:42px}
 .hero h1{font-size:39px;margin:18px 0;line-height:1.05}
 .hero p{font-size:12px;margin-bottom:24px;line-height:1.85}
 .hero-caption{margin-top:30px;font-size:7px}
 .hero-tag{font-size:6px;bottom:17px}
 .intro-strip{padding:15px 5%;gap:5px}
 .section-heading h2{font-size:28px}
 .section-heading p{font-size:12px}
 .section-heading{margin-bottom:22px}
 .category-card{height:245px}
 .category-card>div{bottom:21px;left:22px}
 .category-card h3{font-size:29px;margin-bottom:7px}
 .category-card p{margin-bottom:13px}
 .category-cta{padding-top:11px}
 .vehicle-image{height:auto;aspect-ratio:1.75}
 .vehicle-image img{object-fit:contain}
 .card-body{padding:19px}
 .card-body h3{font-size:22px;margin-bottom:10px}
 .card-copy{min-height:0}
 .card-actions .button{min-height:44px;font-size:11px}
 .card-options{padding:15px;margin:14px 0}
 .card-options select{height:44px}
 .products-intro{padding-bottom:14px}
 .collection-section{padding-top:25px;padding-bottom:25px;scroll-margin-top:90px}
 .collection-section .section-heading h2{font-size:30px}
 .benefit-grid{gap:20px;margin-top:24px}
 .benefit-grid p{margin-bottom:0}
 .benefit-icon{font-size:28px;margin-bottom:15px}
 .promotion{height:305px;margin:0 5% 30px}
 .promotion>div{top:30px;left:7%;right:7%}
 .promotion h2{font-size:27px;margin-bottom:16px}
 .promotion p{margin-bottom:22px;font-size:11px}
 .detail-photo img{aspect-ratio:1.6}
 .product-detail h1,.confirmation h1{font-size:32px}
 .product-detail>div>p{font-size:12px}
 .color-select{margin-bottom:20px}
 .swatches button{width:44px;height:44px}
 .detail-actions{margin-top:14px;gap:10px}
 .panel{padding:20px}
 .panel h2{font-size:22px;margin-bottom:20px}
 .form-grid{gap:0}
 .form-grid label,form label{margin-bottom:15px}
 input,select{min-height:44px}
 .summary-item{padding:12px 0}
 .summary-total{padding:16px 0}
 .summary-total.total{font-size:16px}
 .confirmation .panel{margin-bottom:24px}
 .success-mark{width:58px;height:58px;font-size:29px;margin-bottom:23px}
 .empty{padding-top:45px;padding-bottom:55px}
 .empty-icon{font-size:49px;margin-bottom:14px}
 .empty h1{font-size:30px}
 .contact-hero{padding:32px 5%}
 .contact-hero h1{font-size:32px;line-height:1.15}
 .contact-hero p{font-size:12px}
 .contact-hero-label{font-size:7px;margin-top:18px}
 .contact-page{padding-top:25px;padding-bottom:30px}
 .showroom-photo{height:185px}
 .showroom-photo h2{font-size:28px}
 .showroom-photo>div{top:25px;left:22px}
 .contact-information{padding:21px}
 .contact-information-row{gap:13px;padding:15px 0}
 .contact-information-row:last-child{padding-top:15px}
 .contact-form-panel{padding:21px}
 .contact-form-panel h2{font-size:28px;margin-bottom:10px}
 .contact-form-panel>.eyebrow{font-size:8px}
 .form-demo-note{padding:12px;margin-bottom:18px}
 .contact-bottom{margin-top:27px;padding-top:25px;gap:20px}
 .contact-bottom h2{font-size:23px}
 .contact-bottom p{font-size:12px}
 .store-heading h1{font-size:34px;margin-bottom:12px}
 .store-heading{padding-bottom:21px}
 .store-heading p{font-size:12px;line-height:1.85}
 .journey-steps{margin-bottom:25px}
 .cart-vehicle{padding:16px;gap:16px}
 .cart-photo{height:150px}
 .cart-vehicle h2{font-size:23px;margin-bottom:15px}
 .cart-options-row select{height:44px}
 .cart-vehicle-bottom{margin-top:16px}
 .cart-note{padding:16px;gap:10px}
 .cart-summary{padding:22px}
 .cart-summary .total{padding-top:17px;padding-bottom:17px}
 .payment-chip{margin-bottom:20px;padding:12px}
 .empty-cart-panel{padding:35px 18px}
 .empty-cart-panel svg{width:65px;height:65px;margin-bottom:20px}
 .empty-cart-panel h2{font-size:27px;margin-bottom:17px}
 .empty-cart-panel p{margin-bottom:24px}
 .policy-lead{font-size:13px}
 .policy-layout{gap:22px}
 .policy-toc a{padding:10px 0;min-height:44px}
 .policy-section h2{font-size:23px}
 .policy-section{padding-bottom:18px;margin-bottom:21px}
 .policy-note{padding:18px}
 .policy-number{margin-bottom:10px}
 .policy-contact{padding:23px;margin-top:24px}
 #footer{padding:30px 5% 0}
 .footer-grid{gap:23px 18px}
 .footer-grid h3{margin-bottom:15px}
 .footer-brand p{margin-top:16px;margin-bottom:14px}
 .footer-brand .eyebrow{margin-top:14px}
 .footer-bottom{margin-top:24px;padding:18px 0;gap:7px}
}
/* Consistent compact typography and rhythm throughout the responsive site. */
@media(max-width:800px){
 body{font-size:13px}
 h1{font-size:34px}h2{font-size:27px}h3{font-size:20px}
 .section{padding-top:32px;padding-bottom:32px}
 .page-heading{margin-bottom:23px}.page-heading p{font-size:13px}
 .section-heading{margin-bottom:21px;gap:12px}
 .section-heading h2{font-size:27px}
 .card-body{padding:17px}.card-body h3{font-size:19px}
 .vehicle-image{height:160px}.card-price strong{font-size:21px}
 .contact-form-panel h2{font-size:28px}.contact-bottom h2{font-size:24px}
 .store-heading h1{font-size:36px}.cart-vehicle h2{font-size:22px}
 .panel h2,.cart-summary h2{font-size:23px}
 .product-detail h1,.confirmation h1{font-size:32px}
 .contact-hero h1{font-size:35px}.policy-section h2{font-size:24px}
 .footer-grid p{font-size:11px}.footer-grid h3{font-size:12px}
}
@media(max-width:520px){
 h1{font-size:30px}h2{font-size:25px}h3{font-size:18px}
 .section{padding:26px 5%}.section-heading h2{font-size:25px}
 .page-heading h1{font-size:30px;margin-bottom:13px}.page-heading{margin-bottom:22px}
 .section-heading p,.page-heading p{font-size:12px;line-height:1.8}
 .eyebrow{font-size:9px;letter-spacing:.16em;margin-bottom:10px}
 .category-card{height:225px}.category-card h3{font-size:27px}
 .category-grid,.product-grid{gap:17px}
 .vehicle-image{height:auto;aspect-ratio:1.9}
 .card-body{padding:16px}.card-body h3{font-size:18px;margin-bottom:8px}
 .card-body .eyebrow{font-size:8px}.card-copy{font-size:11px;line-height:1.75;min-height:0;margin-bottom:10px}
 .color{font-size:10px;margin-bottom:10px}
 .card-price{margin:12px 0;padding-top:12px}.card-price strong{font-size:21px}
 .card-actions{gap:8px}.card-actions .button{font-size:10px;padding:10px 5px;min-height:44px}
 .card-options{padding:13px;margin:12px 0}.card-options>p{font-size:10px}
 .collection-section{padding-top:22px;padding-bottom:22px}.collection-section .section-heading h2{font-size:27px}
 .products-intro{padding-bottom:12px}.disclosure{font-size:10px;margin-top:15px}
 .hero h1{font-size:36px}.hero{height:445px}.hero-content{top:37px}
 .hero p{font-size:12px}.hero-caption{margin-top:25px}
 .benefit-grid h3{font-size:15px}.benefit-grid p{font-size:11px;line-height:1.8}
 .promotion{height:285px;margin-bottom:26px}.promotion h2{font-size:25px}
 .promotion>div{top:27px}.promotion p{margin-bottom:19px}
 .contact-hero{padding:28px 5%}.contact-hero h1{font-size:29px}
 .contact-hero p{font-size:11px;line-height:1.9}.contact-hero-label{margin-top:15px}
 .contact-page{padding-top:22px}.showroom-photo{height:175px}.showroom-photo h2{font-size:26px}
 .contact-information{padding:19px}.contact-information-row h3{font-size:13px}
 .contact-information-row p{font-size:11px}.contact-information-row{padding:13px 0}
 .contact-form-panel{padding:19px}.contact-form-panel h2{font-size:26px}
 .contact-form-panel>p{font-size:11px;margin-bottom:19px}
 .contact-bottom{padding-top:22px;margin-top:24px}.contact-bottom h2{font-size:22px}
 .store-heading h1{font-size:31px}.store-heading p{font-size:11px}
 .journey-steps{margin-bottom:22px;padding:14px 0}
 .cart-list-heading h2{font-size:21px}.cart-vehicle h2{font-size:21px}
 .cart-vehicle{padding:14px;gap:14px}.cart-photo{height:140px}
 .cart-summary{padding:20px}.cart-summary h2{font-size:22px}
 .cart-summary .total strong{font-size:22px}.summary-help h3{font-size:16px}
 .product-detail h1,.confirmation h1{font-size:29px}
 .price-block strong{font-size:26px}.detail-photo img{aspect-ratio:1.75}
 .product-detail>div>p{font-size:12px}.specs{font-size:11px}
 .panel{padding:18px}.panel h2{font-size:21px}
 .summary-item h3{font-size:14px}.summary-item>strong{font-size:12px}
 .form-grid label,form label{font-size:11px;margin-bottom:13px}
 .form-grid+h2{margin-top:22px}.cod-card{padding:14px}
 .policy-section h2{font-size:22px}.policy-section p{font-size:12px;line-height:1.9}
 .policy-lead{font-size:12px}.policy-note p{font-size:12px}
 .policy-section{padding-bottom:16px;margin-bottom:18px}
 .policy-contact h2{font-size:24px}.policy-contact p{font-size:12px}
 .policy-contact{padding:20px}.policy-toc a{font-size:11px}
 #footer{padding-top:26px}.footer-grid{gap:22px 16px}
 .footer-grid a:not(.brand){font-size:10px}.footer-bottom{margin-top:21px;font-size:9px}
}

/* Final responsive spacing pass */
@media(max-width:800px){
 .section{padding-top:28px;padding-bottom:28px}
 .page-heading{margin-bottom:21px}
 .section-heading{margin-bottom:19px;gap:11px}
 .contact-layout,.checkout-layout,.cart-layout{gap:22px}
 .contact-bottom{margin-top:26px;padding-top:24px}
 .policy-shell .page-heading{margin-bottom:22px;padding-bottom:22px}
 .policy-layout{gap:22px}
 .policy-content .policy-note{margin-bottom:24px}
}
@media(max-width:520px){
 .section{padding:22px 5%}
 .section-heading,.page-heading{margin-bottom:18px}
 .category-grid,.product-grid{gap:14px}
 .products-intro{padding-bottom:10px}
 .collection-section{padding-top:18px;padding-bottom:18px}
 .contact-page{padding-top:20px;padding-bottom:22px}
 .contact-layout,.checkout-layout,.cart-layout{gap:20px}
 .contact-bottom{margin-top:22px;padding-top:20px}
 .benefit-grid{margin-top:20px;gap:18px}
 .promotion{margin-bottom:22px}
 .store-heading{padding-bottom:18px}
 .journey-steps{margin-bottom:20px}
 .cart-list-heading{margin-bottom:15px}
 .cart-vehicle{margin-bottom:14px}
 .empty-cart-panel{padding:30px 18px}
 .policy-layout{gap:20px}
 .policy-section{padding-bottom:14px;margin-bottom:16px}
 .policy-contact{margin-top:20px}
 #footer{padding-top:24px}
 .footer-grid{gap:20px 16px}
 .footer-bottom{margin-top:18px}
}