/* Compact checkout rhythm; preserve 16px touch inputs to avoid iOS focus zoom. */
.checkout-page{max-width:1100px;margin-inline:auto;padding:28px 24px 64px}
.checkout-page .page-head{margin-bottom:16px}
.checkout-page .page-head h1{font-size:clamp(26px,2.8vw,34px);line-height:1.3}
.checkout-page>.page-head p,.checkout-page>p{font-size:14px;line-height:1.65;margin-block:8px 20px;max-width:760px}
.checkout-page .checkout-form{grid-template-columns:minmax(0,1fr) 260px;gap:22px;align-items:start}
.checkout-page .form-grid{padding:22px;gap:12px 16px;border:1px solid var(--line);border-radius:18px;background:var(--surface)}
.checkout-page .checkout-form label{gap:5px;font-family:Inter,Arial,sans-serif;font-size:11px;font-weight:600;letter-spacing:.025em;line-height:1.5}
.checkout-page .checkout-form :is(input,select,textarea){min-height:42px;padding:10px 12px;font:400 14px/1.4 Inter,Arial,sans-serif}
.checkout-page .checkout-form textarea{min-height:76px;resize:vertical}
.checkout-page .checkout-section-title{font-size:16px;margin:0;padding-block:4px 10px}
.checkout-page .form-submit{padding:20px;border-radius:18px;top:98px}
.checkout-page .form-submit p{font-size:13px;line-height:1.6;margin-block:0 16px}
.checkout-page .form-submit .btn{font-size:11px;min-height:46px;line-height:1.5;letter-spacing:.015em}
.checkout-page #checkout-password-help{font-size:11px;line-height:1.65;margin:0}
html.locale-ar .checkout-page .checkout-form :is(label,input,select,textarea){font-family:var(--font-ar),Arial,sans-serif;letter-spacing:0}
html.locale-ar .checkout-page .checkout-form label{font-size:12px}
@media(max-width:820px){
 .checkout-page{padding:22px 14px 80px}
 .checkout-page .checkout-form{grid-template-columns:1fr;gap:16px}
 .checkout-page .form-grid{padding:18px;gap:12px 14px}
 .checkout-page .form-submit{position:static;padding:18px}
 .checkout-page .checkout-form :is(input,select,textarea){font-size:16px;min-height:46px}
 .checkout-page .form-submit .btn{width:100%;font-size:12px}
}
@media(max-width:400px){.checkout-page .form-grid{padding:14px}.checkout-page .page-head h1{font-size:26px}}
/* A compact payment panel; Stripe controls native wallet/field sizing inside its frames. */
.payment-page{width:100%;max-width:700px;margin-inline:auto;padding:24px 24px 48px}
.payment-page .page-head{margin-bottom:12px}
.payment-page .page-head h1{font-size:clamp(24px,2.6vw,30px);line-height:1.3;margin-block:8px}
.payment-page .breadcrumbs{margin-bottom:12px;font-size:10px}
.payment-page .payment-total{font-size:14px;margin-bottom:14px;padding-block:10px}
.payment-page .payment-total strong{font-size:20px}
.payment-page .payment-console{padding:18px;border-radius:16px;min-width:0}
.payment-page .express-checkout{max-width:560px;margin-inline:auto}
.payment-page .payment-divider{margin-block:14px;gap:10px;font-size:9px;letter-spacing:.06em}
.payment-page #payment-submit{margin-top:16px;min-height:44px;padding:10px 14px;font-size:12px}
.payment-page .back-system{margin-top:12px;font-size:12px}
.payment-page output{font-size:13px}
@media(max-width:820px){
 .payment-page{padding:18px 14px 64px}
 .payment-page .payment-console{padding:14px;border-radius:14px}
 .payment-page .page-head h1{font-size:25px}
 .payment-page .payment-total strong{font-size:19px}
 .payment-page .payment-divider{margin-block:12px;font-size:8px}
 .payment-page #payment-submit{min-height:44px}
}
/* White-on-white layers: a quiet page canvas, raised panels and inset fields. */
:root[data-theme="light"]{--black:#f2f5f3;--surface:#fff;--surface-2:#eaf0ec;--line:#d9e2dc;--text:#1d3025;--muted:#607067;--layer-panel:linear-gradient(145deg,#fff,#f5f8f6);--layer-inset:linear-gradient(145deg,#edf3ef,#f8faf9);--layer-shadow:0 2px 4px rgba(26,53,35,.025),0 14px 38px rgba(26,53,35,.055)}
html[data-theme="light"] body{background:radial-gradient(ellipse at 12% 0%,#fff 0%,transparent 48%),linear-gradient(145deg,#f8faf9 0%,#edf2ef 55%,#f5f7f6 100%);color:var(--text)}
html[data-theme="light"] body .site-header{background:linear-gradient(180deg,#fff,#f8faf9);border-bottom:1px solid #dbe4de;box-shadow:0 5px 24px rgba(35,65,45,.045)}
html[data-theme="light"] body :is(.account-grid,.auth-card,.search-console,.filters,.checkout-page .form-grid,.order-summary,.form-submit,.payment-console,.account-order,.account-address,.seller-card,.category-card,.subcategory-card,.system-card){background:linear-gradient(145deg,#fff 0%,#f8faf9 100%);border-color:#d9e2dc;box-shadow:0 2px 4px rgba(26,53,35,.025),0 14px 38px rgba(26,53,35,.045)}
html[data-theme="light"] body :is(.account-content,.configurator-main,.parts-panel,.checkout-page .saved-address-choice){background:linear-gradient(180deg,#fff,#f7faf8)}
html[data-theme="light"] body :is(.vehicle-configurator,.premium-garage,.parts-showcase,.landing-cta,.entry-strip){background:linear-gradient(145deg,#fbfdfc,#eef3f0);border-color:#dbe4de}
html[data-theme="light"] body :is(.configurator-visual,.detail-visual,.diagram-panel){background:linear-gradient(145deg,#f1f5f2,#fff)}
html[data-theme="light"] body :is(.checkout-form,.auth-card,.account-form) :is(input,select,textarea){background:#fff;border-color:#d2ded6;box-shadow:inset 0 1px 3px rgba(24,55,36,.035)}
html[data-theme="light"] body :is(.checkout-form,.auth-card,.account-form) :is(input,select,textarea):focus{border-color:#4a7b58;box-shadow:0 0 0 3px rgba(65,121,80,.09);outline:none}
html[data-theme="light"] body .site-footer.contact-footer{background:linear-gradient(180deg,#f7faf8,#eaf0ec);border-top-color:#d6e1d9}
html[data-theme="light"] body .cart-items article{background:linear-gradient(145deg,#fff,#f6f9f7);box-shadow:0 8px 26px rgba(31,61,41,.035)}
html[data-theme="light"] body .contact-footer .whatsapp-channel .contact-icon{color:#fff}
/* Keep every storefront panel distinct from its canvas and nested content. */
html[data-theme="light"] body :is(.part-showcase-card,.vehicle-card,.garage-card,.payment-assurance,.confirmation,.vin-results,.sales-overview,.account-detail-grid section,.account-order-lines article,.order-payment-summary,.catalog-context,.parts-panel,.detail-copy){background:var(--layer-panel);border:1px solid var(--line);box-shadow:var(--layer-shadow)}
html[data-theme="light"] body .part-detail .detail-copy{min-width:0;padding:20px;border-radius:var(--radius-card,14px)}
html[data-theme="light"] body .part-detail .detail-copy :is(h1,dd,.back-system){overflow-wrap:anywhere}
html[data-theme="light"] body :is(.fitment-state,.cart-marker,.qty-control,.config-tabs,.mobile-switch){background:var(--layer-inset);border-color:#cfddd4;box-shadow:inset 0 1px 3px rgba(24,55,36,.035)}
html[data-theme="light"] body .fitment-state{color:var(--muted);border-inline-start:3px solid var(--green);border-radius:10px}
html[data-theme="light"] body .part-showcase-card>div{background:var(--layer-inset);border:1px solid #dce6df;border-radius:10px}
html[data-theme="light"] body .garage-card.has-image .garage-overlay{background:var(--layer-panel)}
html[data-theme="light"] body :is(.config-pane,.checkout-page .saved-address-choice){background:var(--layer-inset)}
html[data-theme="light"] body .parts-panel>header{background:var(--layer-inset);border-radius:13px 13px 0 0}
html[data-theme="light"] body .part-row{background:linear-gradient(110deg,#fff,#f5f8f6);border-color:#dce5df}
html[data-theme="light"] body .part-row:nth-child(odd){background:linear-gradient(110deg,#f3f7f4,#fafcfb)}
html[data-theme="light"] body :is(.catalog-list,.list-stack,.search-results){border-top:0}
html[data-theme="light"] body :is(.catalog-list>a,.list-stack>a,.search-results>a,.search-results>article,.fitment-matrix>a){min-width:0;margin-block:10px;background:var(--layer-panel);border:1px solid var(--line);border-radius:12px;box-shadow:0 3px 12px rgba(26,53,35,.035)}
html[data-theme="light"] body :is(.search-results strong,.search-results code,.catalog-list strong,.list-stack strong,.fitment-matrix span){overflow-wrap:anywhere;min-width:0}
html[data-theme="light"] body :is(.catalog-list>a,.list-stack>a,.search-results>a,.search-results>article,.fitment-matrix>a,.part-showcase-card,.category-card,.subcategory-card,.system-card,.vehicle-card,.garage-card):hover{background:linear-gradient(145deg,#fff,#edf5ef);border-color:#9db8a5;box-shadow:0 5px 18px rgba(26,53,35,.07)}
html[data-theme="light"] body :is(.search-console,.filters,.checkout-form,.auth-card,.account-form,.detail-copy) :is(input:not([type="checkbox"]):not([type="radio"]),select,textarea){background:#f8faf9;border-color:#c7d5cc;box-shadow:inset 0 1px 3px rgba(24,55,36,.045)}
html[data-theme="light"] body :is(.search-console,.checkout-form,.auth-card,.account-form,.detail-copy) :is(input,select,textarea):focus{background:#fff;border-color:#4a7b58;box-shadow:0 0 0 3px rgba(65,121,80,.09);outline:none}
html[data-theme="light"] body .part-detail .quantity-line{background:transparent}
html[data-theme="light"] body .quote{color:#795600!important}
html[data-theme="light"] body .part-detail .detail-copy dl{background:var(--layer-inset);padding-inline:12px;border:1px solid #dce5df;border-radius:10px}
html[data-theme="light"] body .part-detail .detail-copy dl>div:last-child{border-bottom:0}
html[data-theme="light"] body :is(.diagram-panel,.detail-visual){box-shadow:inset 0 1px #fff,0 8px 24px rgba(26,53,35,.05)}
html[data-theme="light"] body .auth-page{background:transparent}
html[data-theme="light"] body :is(.email-verification,.saved-vehicle,.sales-currencies article,.homepage-product,.order-history li){background:var(--layer-inset);border-color:var(--line);border-radius:10px}
html[data-theme="light"] body .account-menu{padding:12px;background:var(--layer-inset);border-radius:13px}
html[data-theme="light"] body .account-menu :is(a,button){border-radius:9px}
html[data-theme="light"] body .account-menu a.active{background:#fff;box-shadow:0 2px 6px rgba(26,53,35,.04)}
html[data-theme="light"] body :is(.parts-rail:before,.parts-rail:after){display:none}
@media(max-width:820px){
 html[data-theme="light"] body .part-detail .detail-copy{padding:16px}
 html[data-theme="light"] body :is(.fitment-matrix>a,.catalog-list>a,.list-stack>a){gap:8px 12px}
 html[data-theme="light"] body .search-results>article>a{min-width:0}
 html[data-theme="light"] body .account-grid section.account-content{padding:20px 14px}
 html[data-theme="light"] body .account-menu{border-radius:13px 13px 0 0}
 html[data-theme="light"] body :is(.order-summary,.form-submit,.payment-console,.detail-copy,.part-showcase-card){box-shadow:0 2px 4px rgba(26,53,35,.025),0 8px 24px rgba(26,53,35,.06)}
}
@media print{html[data-theme="light"] body{background:#fff}html[data-theme="light"] body :is(.account-grid,.auth-card,.order-summary,.form-submit){box-shadow:none}}