html{scroll-behavior:smooth;scroll-padding-top:125px}body{margin:0;background:#0B2947;color:white;font-family:"Plus Jakarta Sans",sans-serif}body.admin-bar header{top:32px}button,a,input,select,textarea{touch-action:manipulation}button:focus-visible,a:focus-visible{outline:3px solid #F5C518;outline-offset:4px}input,select{min-width:0}#carDetailModal{overflow:auto}#carDetailModal>div{max-height:90dvh;overflow:auto}[data-editor-hidden="true"]{display:none!important}.fleet-filter{white-space:nowrap}.fleet-filter[aria-pressed="true"]{background:#F5C518;color:#0B2947}.duxee-trap{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}main section{scroll-margin-top:120px}@media(max-width:767px){.px-margin{padding-left:1rem;padding-right:1rem}.fleet-filter{padding-left:.75rem;padding-right:.75rem}#fleet>div:first-child>div:last-child{max-width:100%}body.admin-bar header{top:46px}#hero{min-height:auto}body>div.fixed.bottom-6{bottom:12px;right:12px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
[hidden]{display:none!important}.car-item{cursor:pointer}input[type=date]{color-scheme:dark}
/* Uploaded transparent fleet images retain their original pixels. */
.dx-car-stage{position:relative;height:228px;margin:18px 0 22px;display:flex;align-items:center;justify-content:center;padding:8px 12px 22px;border-radius:14px;overflow:hidden;background:radial-gradient(ellipse at 50% 72%,rgba(12,94,175,.32),transparent 67%),linear-gradient(155deg,#153d61,#081e35);border:1px solid rgba(255,255,255,.08)}
.dx-car-stage::before{content:"";position:absolute;bottom:28px;width:75%;height:18px;border-radius:50%;background:rgba(0,0,0,.35);filter:blur(10px)}
.dx-car-cutout{position:relative;width:100%;height:100%;max-height:none;object-fit:contain;filter:drop-shadow(0 12px 8px rgba(0,0,0,.2));transition:transform .3s ease}
.car-item:hover .dx-car-cutout{transform:scale(1.045) translateY(-3px)}
.dx-about-frame{position:relative;display:flex;align-items:center;justify-content:center;padding:24px;width:100%;min-width:0;grid-column:span 6 / span 6}
.dx-about-image{display:block;width:100%;max-width:460px;height:auto;max-height:360px;object-fit:contain;margin:auto}
.dx-scooter-banner{position:relative;width:100%;background:#194996;overflow:hidden}
.dx-scooter-art{display:block;width:100%;height:auto}
.dx-scooter-button{position:absolute;left:50%;bottom:5%;transform:translateX(-50%);display:block;width:48%;max-width:760px;border-radius:12px;transition:transform .25s ease,filter .25s ease}
.dx-scooter-button img{display:block;width:100%;height:auto}
.dx-scooter-button:hover,.dx-scooter-button:focus-visible{transform:translateX(-50%) translateY(-6px) scale(1.04);filter:drop-shadow(0 10px 12px rgba(0,0,0,.3))}
@media(max-width:767px){.dx-car-stage{height:220px}.dx-about-frame{grid-column:1 / -1;padding:16px}.dx-about-image{max-width:360px;max-height:300px}.dx-scooter-button{width:66%;bottom:3%}}
@media(prefers-reduced-motion:reduce){.dx-scooter-button:hover,.dx-scooter-button:focus-visible{transform:translateX(-50%)}.car-item:hover .dx-car-cutout{transform:none}}
.dx-phone-field{display:flex;align-items:center;gap:0;width:100%;min-width:0;border:1px solid rgba(255,255,255,.2);border-radius:12px;background:rgb(var(--dx-navy,11 41 71));overflow:hidden;height:42px}
.dx-phone-field:focus-within{outline:2px solid rgb(var(--dx-accent,245 197 24));outline-offset:0}
.dx-country-picker{position:relative;display:flex;align-items:center;justify-content:center;gap:5px;align-self:stretch;flex:0 0 56px}
.dx-country-flag{font-size:21px;line-height:1}.dx-country-chevron{font-size:14px;color:#d9e2ef}
.dx-phone-field .dx-country-select{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;padding:0;border:0}
.dx-dial-prefix{color:white;white-space:nowrap;font-size:14px;padding-right:7px}
.dx-phone-field .dx-phone-number{flex:1;width:0;min-width:0;height:100%;border:0!important;border-radius:0;background:transparent!important;color:white;padding:0 10px 0 0;font-size:14px;box-shadow:none!important;outline:none!important}
.dx-phone-number::placeholder{color:rgba(255,255,255,.4)}
header a[href="#hero"]>img{height:72px;width:96px;max-width:none;object-fit:contain;transform:scale(1.2);transform-origin:left center}
@media(max-width:767px){header a[href="#hero"]>img{height:64px;width:84px;transform:scale(1.12)}}

/* Keep scroll reveals isolated from hover transitions and prevent sideways overflow. */
body.duxee-landing-page, body { overflow-x: clip; }
.car-item { transition-property: border-color, box-shadow, background-color; }
@media (prefers-reduced-motion: reduce) { html.scroll-smooth { scroll-behavior: auto; } }

.dx-country-flag { display:flex; align-items:center; flex:0 0 24px; width:24px; height:18px; }
.dx-country-flag img { display:block; width:24px; height:18px; max-width:none; object-fit:contain; border-radius:2px; }
label[for="heroPhone"] .material-symbols-outlined { color:rgb(var(--dx-accent,245 197 24)) !important; }
