*{box-sizing:border-box} :root{--blue:#08b3df;--navy:#102f53;--ice:#f1faff;--border:#cde5f1;--muted:#566e88}html{scroll-behavior:auto;scroll-padding-top:95px}body{margin:0;color:var(--navy);font-family:'Assistant','Heebo','Rubik',Arial,sans-serif;background:white}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer;color:inherit}button:disabled{cursor:default}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #0089ba;outline-offset:4px}button{border:0;background:none}img,picture img,svg image{-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;user-drag:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}img{display:block;max-width:100%;height:auto}h1,h2,h3,p{margin:0}h2{font-size:clamp(28px,3vw,46px);font-weight:600;line-height:1.25;letter-spacing:-1.5px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip{position:fixed;top:-100px;right:20px;background:white;padding:15px;z-index:1001}.skip:focus{top:10px}.section-shell{max-width:1500px;margin-inline:auto;padding-inline:32px}.header{height:94px;padding:0 3.5%;display:flex;align-items:center;justify-content:space-between;gap:24px;background:#ffffffed;border-bottom:1px solid var(--border);position:sticky;top:0;z-index:1000;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 4px 20px rgba(13,46,83,0.08);transition:box-shadow .25s ease}.identity{display:flex;align-items:center;gap:12px;flex-shrink:0}.identity img{width:70px;height:70px;object-fit:cover;border-radius:50%;mix-blend-mode:multiply}.identity>span{font-size:22px;font-weight:600;white-space:nowrap}.identity small{display:block;font-size:10px;letter-spacing:2px;font-weight:400}.header nav{display:flex;align-items:center;gap:0}.header nav a{padding-inline:18px;border-inline-start:1px solid var(--border);font-size:15px;white-space:nowrap;transition:color .2s}.header nav a:first-child{border:0}.header nav a:hover{color:#0087b0}.button{min-height:48px;padding:10px 30px;display:inline-flex;align-items:center;justify-content:center;gap:24px;border:1px solid #48c9eb;border-radius:5px;font-size:17px;transition:background .2s,transform .2s;white-space:nowrap}.button:hover{transform:translateY(-2px)}.primary{background:linear-gradient(105deg,#069dcc,#29c3e5);color:white;box-shadow:0 4px 12px #04aedb20}.primary:hover{background:#008eba}.secondary{background:#ffffffdf}.header-cta{background:#c5effb;min-height:44px;font-size:15px;padding:8px 26px}.menu-toggle{display:none}.hero{height:min(44.5vw,670px);min-height:520px;position:relative;overflow:hidden;background:#e9f4fa;isolation:isolate}.hero-media{position:absolute;inset:0 0 0 35%;z-index:-3;background:#8fadc0}.hero video{width:100%;height:100%;object-fit:fill;transition:opacity .6s}.hero-wash{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#f9fcffff 0%,#f9fcfff5 27%,#f9fcffc9 38%,#f9fcff25 57%,transparent 76%)}.hero-copy{position:absolute;left:6.5%;top:10%;width:43%;text-align:left;direction:rtl}.eyebrow{font-size:12px;font-weight:500;letter-spacing:5px;color:#0b9ecf}.hero .eyebrow{color:#244d71;letter-spacing:7px;margin-bottom:10px}.hero h1{font-size:clamp(54px,5.8vw,88px);line-height:1.03;letter-spacing:-3.5px;font-weight:800}.hero h1 em{color:var(--blue);font-style:normal}.hero-services{font-size:clamp(20px,2.05vw,30px);line-height:1.45;margin-top:17px}.hero-services i{display:inline-block;height:22px;width:1px;background:#00acd9;margin:0 9px;vertical-align:middle}.motto{font-size:18px;margin-top:12px;font-weight:500;color:#426782}.hero-actions{display:flex;direction:ltr;gap:14px;margin-top:25px}.hero-actions .button{direction:rtl;min-height:56px;min-width:160px}.video-control{direction:ltr;display:flex;align-items:center;gap:14px;margin-top:30px;font-size:12px;letter-spacing:2px;padding:0}.round{width:49px;height:49px;border:1px solid #00a9d5;border-radius:50%;display:grid;place-items:center;background:#ffffffa8;font-size:18px}.hero-index{position:absolute;right:3%;top:38%;color:white;font-size:12px;display:flex;flex-direction:column;align-items:center;gap:14px}.hero-index b{height:45px;width:1px;background:#ffffff80}.marquee{overflow:auto;scrollbar-width:none;direction:ltr}.marquee::-webkit-scrollbar{display:none}.marquee-track{display:flex;width:max-content;animation:marquee 65s linear infinite;align-items:center}.marquee-group{display:flex;align-items:center;flex-shrink:0}.marquee:hover .marquee-track,.marquee:focus-within .marquee-track,.marquee.touching .marquee-track{animation-play-state:paused}.brands{height:100px;border-block:1px solid var(--border);background:linear-gradient(0deg,#f1faff,white);display:flex;align-items:center}.brand{width:165px;height:45px;display:grid;place-items:center;border-right:1px solid #bcddea;font-size:18px;font-weight:600;letter-spacing:2px;white-space:nowrap}.brand img{max-width:118px;max-height:38px;object-fit:contain;filter:grayscale(1);opacity:.82;transition:filter .2s,opacity .2s}.brand:hover img{filter:grayscale(0);opacity:1}.brand:nth-child(2){font-size:15px;letter-spacing:0;font-family:Georgia,serif}.brand:nth-child(4){font-size:31px;font-weight:400;letter-spacing:-1px}.brand:nth-child(7),.brand:nth-child(9){font-family:Georgia,serif;font-style:italic;font-size:24px}.brand:nth-child(8){font-size:12px;letter-spacing:1px}.trust{height:76px;display:flex;align-items:center;background:#f4fbff;border-bottom:1px solid var(--border)}.trust .marquee-track{animation-duration:85s}.trust-item{direction:rtl;padding:0 32px;border-right:1px solid var(--border);font-size:15px;display:flex;align-items:center;gap:12px;white-space:nowrap}.trust-item strong{color:#008eb8;font-size:31px;font-weight:600;direction:ltr}.finance{height:70px;display:flex;align-items:center;gap:30px;padding-inline:4%;border-bottom:1px solid var(--border);background:white;overflow:hidden}.finance-label{font-size:14px;font-weight:500;white-space:nowrap}.finance-marquee{flex:1;min-width:0}.finance .marquee-track{animation-duration:45s}.finance-item{width:180px;height:45px;display:flex;align-items:center;justify-content:center;border-right:1px solid var(--border);font-size:16px}.finance-item img{max-width:98px;max-height:36px;object-fit:contain}.finance-note{font-size:10px;color:var(--muted);white-space:nowrap}.selection-services{background:radial-gradient(ellipse at 50% 0,white,#eef9ff)}.selection{padding-top:34px;padding-bottom:14px}.section-heading{text-align:center;position:relative;margin-bottom:20px}.section-heading .eyebrow{margin-bottom:4px}.section-heading>p:not(.eyebrow){font-size:19px;color:#3c5775;line-height:1.5}.section-heading>p span{margin-inline:9px;color:#03add7}.text-link{position:absolute;inset-inline-start:0;bottom:15px;font-size:14px;display:flex;align-items:center;gap:12px}.text-link span{font-size:28px;color:#00abd8}.vehicle-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;direction:ltr}.vehicle-card{padding:0;border:1px solid var(--border);border-radius:7px;background:#ffffffd9;overflow:hidden;text-align:left;display:block;width:100%;transition:transform .3s,border-color .3s}.vehicle-card:hover{transform:translateY(-4px);border-color:#62cbea}.illustrative{display:none!important}.vehicle-photo{position:relative;height:clamp(230px,22vw,330px);overflow:hidden;background:#dfeaf0}.vehicle-photo img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.vehicle-card:hover img{transform:scale(1.045)}.vehicle-copy{padding:17px 24px 13px;position:relative;min-height:130px}.vehicle-copy h3{font-size:18px;line-height:1.35;letter-spacing:1.8px;font-weight:600;padding-right:45px}.vehicle-copy h3 span{display:block;letter-spacing:1px}.vehicle-copy .round{position:absolute;right:20px;top:19px;width:42px;height:42px;font-size:29px}.vehicle-meta{display:flex;gap:18px;align-items:center;margin-top:14px;border-top:1px solid #e1edf4;padding-top:10px;font-size:13px;color:#536e89}.vehicle-meta span+span{border-left:1px solid #a2cde1;padding-left:18px}.inventory-note{text-align:center;font-size:11px;color:var(--muted);margin-top:12px}.services{padding-top:13px;padding-bottom:24px}.services .section-heading{margin-bottom:13px}.services h2{font-size:34px}.services .section-heading p{font-size:15px}.service-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.service-card{overflow:hidden;border-radius:6px;background:#ffffffca;text-align:center;padding-bottom:16px;transition:transform .3s}.service-card:hover{transform:translateY(-4px)}.service-card>img{width:100%;height:clamp(125px,12.3vw,185px);object-fit:cover}.service-card h3{font-size:20px;margin-top:7px}.service-card p{font-size:14px;line-height:1.4;padding:5px 16px;max-width:190px;margin:auto;min-height:51px}.service-card .round{width:43px;height:43px;margin:8px auto 0}.service-card svg{width:25px;height:25px;stroke:currentColor;fill:none;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.sell{min-height:220px;position:relative;background:#f3faff;overflow:hidden;padding:25px 3.5%;isolation:isolate}.sell-photo{position:absolute;inset:0;z-index:-2;background-size:41% auto;background-position:left 54%;background-repeat:no-repeat}.sell:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,transparent 0%,#f3faff45 20%,#f3faffe8 36%,#f3faff 53%)}.sell-content{width:77%;margin-inline-end:0}.sell h2{font-size:42px}.sell-content>p{font-size:18px;margin:6px 0 15px}.sell form{display:flex;gap:9px}.sell form label{min-width:0;flex:1}.sell input{width:100%;height:48px;border:1px solid #adc7db;background:#ffffffee;border-radius:4px;padding:10px 13px;font-size:14px;color:var(--navy)}.sell .year-field{flex:.65}.sell form .button{font-size:15px;padding-inline:22px}.sell-content>.form-note{font-size:11px;margin:9px 0 0;color:#526b81}.social{padding-top:18px;padding-bottom:0;margin-bottom:clamp(32px,4vw,52px);background:#fbfdff}.social .section-heading{margin-bottom:12px}.social h2{font-size:31px}.social .section-heading p{font-size:14px}.social-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px;direction:ltr}.social-tile{height:clamp(125px,13vw,195px);position:relative;overflow:hidden;border-radius:5px}.social-tile img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.social-tile:hover img{transform:scale(1.06)}.social-tile span{position:absolute;top:7px;right:9px;color:white;font-size:25px;text-shadow:0 1px 5px #000}footer{background:linear-gradient(120deg,#f6fbff,#eaf7fd)}.footer-main{display:grid;grid-template-columns:1.5fr 1fr 1.4fr .8fr;direction:ltr;padding-top:15px;padding-bottom:16px;gap:30px}.footer-main>div{direction:rtl;text-align:right;border-inline-start:1px solid #d4e9f2;padding-inline-start:25px}.footer-main>div:first-child{border:0;padding:0}.footer-brand .identity{direction:ltr;gap:10px}.footer-brand .identity img{width:54px;height:54px}.footer-brand .identity>span{font-size:20px;direction:rtl}.footer-brand .identity small{font-size:11px;letter-spacing:1px}.footer-brand>p{font-size:11px;margin-top:7px;line-height:1.65}.social-links{display:flex;gap:14px;font-size:11px;margin-top:8px}.footer-main h3{font-size:14px;margin:8px 0}.footer-nav>a,.footer-contact>a{display:block;font-size:12px;line-height:1.9}.footer-contact>a[dir=ltr]{text-align:right}.footer-contact p{font-size:11px;line-height:1.6}.footer-main .footer-statement{direction:ltr;text-align:left;font-size:12px;letter-spacing:4px;line-height:1.6;position:relative;padding-top:9px}.footer-statement span{font-size:72px;color:#acd6e8;position:absolute;right:10px;bottom:-7px}.footer-bottom{min-height:35px;display:flex;justify-content:space-between;align-items:center;gap:15px;border-top:1px solid #d4e9f2;font-size:10px;color:#55738a}.footer-bottom>div{display:flex;gap:16px;align-items:center}.footer-bottom button{padding:0;font-size:10px}dialog{padding:0;border:1px solid var(--border);border-radius:12px;width:min(900px,92vw);max-height:90vh;color:var(--navy);overflow:auto}dialog::backdrop{background:#092039bb;backdrop-filter:blur(5px)}body:has(dialog[open]){overflow:hidden}.dialog-close{position:absolute;top:12px;right:12px;background:white;border-radius:50%;width:42px;height:42px;font-size:28px;z-index:2;box-shadow:0 2px 10px #0002}.dialog-image{height:min(55vh,530px);background:#edf3f6;position:relative}.dialog-image img{height:100%;width:100%;object-fit:contain}.dialog-image>button{position:absolute;top:45%;background:#fffffff0;border-radius:50%;width:42px;height:42px;font-size:30px}.gallery-prev{left:12px}.gallery-next{right:12px}#photo-count{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);background:#092039b0;color:white;padding:4px 14px;border-radius:20px;direction:ltr;font-size:12px}.dialog-copy{padding:25px;text-align:center}.dialog-copy h2{font-size:30px;letter-spacing:0;margin-top:7px}.dialog-copy>p:not(.eyebrow){margin:12px 0 20px;font-size:14px}@keyframes marquee{to{transform:translateX(-50%)}}.reduce-motion *, .reduce-motion *:before,.reduce-motion *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
@media(min-width:1600px){.hero-copy{left:max(6.5%,calc((100vw - 1450px)/2));top:12%}.hero-media{inset-inline-end:35%}.hero-wash{background:linear-gradient(90deg,#f9fcff 0%,#f9fcfff5 30%,#f9fcff25 60%,transparent 80%)}}
@media(max-width:1150px){.header{height:80px;padding-inline:24px;gap:15px}.identity>span{font-size:18px}.identity img{width:58px;height:58px}.header nav a{padding-inline:10px;font-size:13px}.header-cta{padding-inline:16px}.hero{min-height:470px}.hero-copy{left:5%;width:48%;top:8%}.hero h1{font-size:62px}.hero-services{font-size:24px}.hero-actions .button{min-width:140px;min-height:49px;padding-inline:20px}.video-control{margin-top:21px}.services h2{font-size:30px}.service-card h3{font-size:17px}.service-card p{font-size:12px;padding-inline:8px}.sell-content{width:85%}.sell h2{font-size:36px}.finance{gap:18px}.finance-note{display:none}.footer-main{gap:15px}.footer-main>div{padding-inline-start:15px}}
@media(max-width:850px){.header nav{display:none;position:absolute;top:80px;inset-inline:0;background:white;padding:20px 25px;box-shadow:0 12px 18px #0e2b4c15;flex-wrap:wrap;gap:18px;max-height:calc(100vh - 80px);overflow-y:auto}.header nav.open{display:flex}.header nav a{border:0;padding:8px;font-size:16px}.menu-toggle{display:flex;flex-direction:column;gap:5px;padding:12px;margin-inline-start:auto}.menu-toggle span{width:24px;height:2px;background:var(--navy)}.hero-copy{width:55%}.hero-media{left:22%}.hero h1{font-size:58px}.hero-services{font-size:22px}.hero-wash{background:linear-gradient(90deg,#f9fcfff5 0%,#f9fcffe3 30%,#f9fcff50 65%,transparent)}.section-shell{padding-inline:20px}.vehicle-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.vehicle-card:nth-child(3):last-child{display:none}.illustrative{display:none!important}.vehicle-photo{position:relative;height:260px}.text-link{position:static;justify-content:center;margin-top:10px}.service-grid{grid-template-columns:repeat(3,1fr)}.service-card>img{height:170px}.service-card p{font-size:14px;min-height:45px}.sell-content{width:100%}.sell{padding-inline:24px}.sell-photo{opacity:.3;background-size:70% auto}.sell:after{background:linear-gradient(90deg,#f3faff90,#f3faff)}.social-grid{gap:7px}.social-tile{height:130px}.footer-main{grid-template-columns:1.4fr 1fr 1.4fr}.footer-main .footer-statement{display:none}.footer-bottom{flex-wrap:wrap;padding-block:10px}.finance-label{font-size:12px}}
@media(max-width:600px){html{scroll-padding-top:80px}.header{height:75px;padding-inline:14px;gap:5px}.identity{gap:7px}.identity img{width:51px;height:51px}.identity>span{font-size:17px}.identity small{font-size:8px;letter-spacing:1.5px}.header-cta{font-size:12px;min-height:36px;padding:5px 10px;gap:9px}.header nav{top:75px;max-height:calc(100vh - 75px)}.menu-toggle{padding:10px}.hero{height:690px;min-height:0}.hero-media{inset:235px 0 0}.hero video{object-fit:fill}.hero-wash{background:linear-gradient(180deg,#f7fbff 0%,#f7fbff 30%,#f7fbfff2 38%,#f7fbff40 58%,transparent 73%)}.hero-copy{top:26px;left:7%;width:86%;text-align:center}.hero .eyebrow{font-size:10px;letter-spacing:5px;margin-bottom:12px}.hero h1{font-size:55px;letter-spacing:-2.5px}.hero-services{font-size:19px;line-height:1.4;margin-top:12px}.hero-services i{height:16px;margin-inline:7px}.motto{font-size:15px;margin-top:8px}.hero-actions{justify-content:center;gap:10px;margin-top:16px}.hero-actions .button{min-width:140px;font-size:15px;min-height:46px}.video-control{position:absolute;top:564px;left:0;color:white;font-size:10px;text-shadow:0 1px 4px #000}.video-control .round{color:var(--navy);text-shadow:none;width:39px;height:39px}.hero-index{top:auto;bottom:30px;right:6%;flex-direction:row}.hero-index b{height:1px;width:30px}.brands{height:76px}.brand{width:145px;font-size:15px}.trust{height:72px}.trust-item{padding-inline:23px;font-size:13px}.trust-item strong{font-size:27px}.finance{height:72px;gap:10px;padding-inline:15px}.finance-label{max-width:55px;white-space:normal;font-size:11px}.finance-item{width:140px}.finance-item img{max-width:83px;max-height:30px}.section-shell{padding-inline:16px}.selection{padding-top:28px}.section-heading{margin-bottom:16px}.section-heading h2{font-size:36px}.section-heading>p:not(.eyebrow){font-size:14px}.section-heading>p span{margin-inline:5px}.eyebrow{font-size:10px;letter-spacing:4px}.text-link{font-size:12px;margin-top:5px}.text-link span{font-size:24px}.vehicle-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;padding-bottom:10px;scrollbar-width:thin}.vehicle-card{flex:0 0 85%;scroll-snap-align:center}.vehicle-card:nth-child(3):last-child{display:block}.illustrative{display:none!important}.vehicle-photo{position:relative;height:255px}.vehicle-copy{padding:15px 18px 12px;min-height:123px}.vehicle-copy h3{font-size:17px}.vehicle-copy .round{right:14px}.inventory-note{font-size:10px}.services{padding-top:20px;padding-bottom:25px}.services .section-heading h2{font-size:27px;letter-spacing:-.8px}.service-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.service-card>img{height:150px}.service-card h3{font-size:19px}.service-card p{font-size:13px;min-height:47px}.service-card{padding-bottom:11px}.sell{padding:28px 20px;min-height:380px}.sell-content h2{font-size:33px;letter-spacing:-1px}.sell-content>p{font-size:16px}.sell-photo{background-size:auto 100%;opacity:.13}.sell:after{background:#f1faff65}.sell form{display:grid;grid-template-columns:1fr 1fr;gap:10px}.sell form label:first-child,.sell form label:nth-child(2){grid-column:1/-1}.sell form .button{grid-column:1/-1}.sell input{height:47px;font-size:15px}.sell-content>.form-note{font-size:10px;text-align:center}.social{padding-block:24px 0}.social .section-heading h2{font-size:30px}.social-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px;gap:9px}.social-tile{height:160px;flex:0 0 42%;scroll-snap-align:start}.footer-main{grid-template-columns:1fr 1fr;gap:18px;padding-block:22px}.footer-main .footer-brand{grid-column:1/-1;text-align:center}.footer-brand .identity{justify-content:center}.footer-brand .social-links{justify-content:center}.footer-main>div{padding-inline-start:0;border:0}.footer-main .footer-contact{border-inline-start:1px solid var(--border);padding-inline-start:16px}.footer-nav>a,.footer-contact>a{font-size:11px}.footer-main h3{font-size:13px}.footer-bottom{justify-content:center;text-align:center;font-size:9px}.footer-bottom>div{flex-wrap:wrap;justify-content:center;gap:13px}.footer-bottom button{font-size:9px}.dialog-copy{padding:22px 15px}.dialog-copy h2{font-size:24px}.dialog-image{height:47vh}.dialog-copy .button{font-size:14px}}
::selection{background-color:#08b4de;color:#fff;text-shadow:none}::-moz-selection{background-color:#08b4de;color:#fff;text-shadow:none}input::selection,textarea::selection,select::selection{background-color:#08b4de;color:#fff}input::-moz-selection,textarea::-moz-selection,select::-moz-selection{background-color:#08b4de;color:#fff}.license-plate input::selection{background-color:#0d2e53;color:#ffe729}.license-plate input::-moz-selection{background-color:#0d2e53;color:#ffe729}html{scrollbar-width:thin;scrollbar-color:#38bde0 #f0f7fb}*{scrollbar-width:thin;scrollbar-color:#78cbe2 #f1f8fc}.marquee,.marquee *{scrollbar-width:none!important}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:#f0f7fb;border-radius:999px}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#38c8ec 0%,#089ecb 100%);border-radius:999px;border:3px solid #f0f7fb}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#09a2cd 0%,#0d2e53 100%)}::-webkit-scrollbar-corner{background:#f0f7fb}dialog::-webkit-scrollbar,.file-preview-list::-webkit-scrollbar,.photo-preview-grid::-webkit-scrollbar,.vehicle-grid::-webkit-scrollbar,.social-grid::-webkit-scrollbar{width:8px;height:8px}dialog::-webkit-scrollbar-track,.file-preview-list::-webkit-scrollbar-track,.photo-preview-grid::-webkit-scrollbar-track,.vehicle-grid::-webkit-scrollbar-track,.social-grid::-webkit-scrollbar-track{background:#edf5f9;border-radius:999px}dialog::-webkit-scrollbar-thumb,.file-preview-list::-webkit-scrollbar-thumb,.photo-preview-grid::-webkit-scrollbar-thumb,.vehicle-grid::-webkit-scrollbar-thumb,.social-grid::-webkit-scrollbar-thumb{background:#68c0dd;border:2px solid #edf5f9;border-radius:999px}dialog::-webkit-scrollbar-thumb:hover,.file-preview-list::-webkit-scrollbar-thumb:hover,.photo-preview-grid::-webkit-scrollbar-thumb:hover,.vehicle-grid::-webkit-scrollbar-thumb:hover,.social-grid::-webkit-scrollbar-thumb:hover{background:#08b4de}


/* Universal SVG styling safeguards & icon constraints */
.svg-stroke {
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 2 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

svg.step-svg,
.step-svg {
  width: 24px !important;
  height: 24px !important;
  max-width: 24px !important;
  max-height: 24px !important;
  display: block;
}

.step-icon-wrap {
  width: 48px;
  height: 48px;
  min-width: 48px;
  min-height: 48px;
  border-radius: 12px;
  background: rgba(8, 180, 222, 0.1);
  border: 1px solid rgba(8, 180, 222, 0.25);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #08b4de;
  flex-shrink: 0;
  margin-bottom: 14px;
  transition: transform 0.3s ease, background 0.3s ease, color 0.3s ease;
}

.step-card:hover .step-icon-wrap {
  background: #08b4de;
  color: #ffffff;
  transform: scale(1.08) rotate(3deg);
}

.btn-arrow {
  width: 16px !important;
  height: 16px !important;
  display: inline-block;
  vertical-align: middle;
}

.upload-svg {
  width: 28px !important;
  height: 28px !important;
  display: block;
  color: #08b4de;
}

.footer-nav-bullet {
  width: 14px !important;
  height: 14px !important;
  display: inline-block;
  vertical-align: middle;
  margin-inline-end: 6px;
  color: #08b4de;
}

.footer-contact-icon {
  width: 18px !important;
  height: 18px !important;
  display: inline-block;
  vertical-align: middle;
  margin-inline-end: 8px;
  color: #08b4de;
}

/* Value Proposition / Import Benefit Cards */
.import-benefits {
  margin-top: 32px;
  margin-bottom: 24px;
}

.import-benefits .page-section-heading,
.import-benefits-section .page-section-heading {
  text-align: center;
}

.import-benefits .steps-subtitle,
.import-benefits-section .steps-subtitle {
  margin-inline: auto;
  text-align: center;
}

.import-benefits-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
}

.import-benefit-card {
  position: relative;
  background: linear-gradient(135deg, #ffffff 0%, #f4fbfe 100%);
  border: 1px solid rgba(8, 180, 222, 0.25);
  border-radius: 16px;
  padding: 26px 22px;
  box-shadow: 0 4px 18px rgba(13, 46, 83, 0.04);
  transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.35s ease, border-color 0.3s ease;
  display: flex;
  flex-direction: column;
}

.import-benefit-card:hover {
  transform: translateY(-5px);
  border-color: rgba(8, 180, 222, 0.6);
  box-shadow: 0 14px 30px -6px rgba(13, 46, 83, 0.12), 0 4px 12px rgba(8, 180, 222, 0.15);
}

.import-benefit-icon-wrap {
  width: 52px;
  height: 52px;
  min-width: 52px;
  min-height: 52px;
  border-radius: 14px;
  background: linear-gradient(135deg, rgba(8, 180, 222, 0.15), rgba(13, 46, 83, 0.08));
  border: 1px solid rgba(8, 180, 222, 0.35);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #08b4de;
  margin-bottom: 16px;
  transition: transform 0.35s ease, background 0.35s ease, color 0.35s ease;
}

.import-benefit-card:hover .import-benefit-icon-wrap {
  transform: scale(1.1) rotate(4deg);
  background: linear-gradient(135deg, #08b4de, #0588a8);
  color: #ffffff;
  box-shadow: 0 6px 16px rgba(8, 180, 222, 0.35);
}

.import-benefit-icon-wrap svg {
  width: 26px !important;
  height: 26px !important;
  max-width: 26px !important;
  max-height: 26px !important;
  display: block;
}

.import-benefit-card h3 {
  font-size: 20px;
  font-weight: 700;
  color: #0d2e53;
  margin-bottom: 10px;
  letter-spacing: -0.3px;
}

.import-benefit-card p {
  font-size: 15px;
  line-height: 1.6;
  color: #4c6880;
  margin: 0;
}

@media (max-width: 850px) {
  .import-benefits-grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }
}

/* Sell Form Plate and Email enhancements */
.sell-plate-wrap {
  flex: 1.25;
  min-width: 0;
  display: flex;
}

.license-plate.license-plate-compact {
  height: 48px;
  width: 100%;
  border-width: 2px;
  border-radius: 4px;
  box-shadow: 0 2px 6px rgba(16, 47, 83, 0.08);
}

.license-plate.license-plate-compact .license-plate-country {
  width: 32px;
  flex: 0 0 32px;
  font-size: 10px;
  border-right-width: 1px;
  gap: 0;
}

.license-plate.license-plate-compact .license-plate-country span {
  font-size: 9px;
  line-height: 1;
}

.license-plate.license-plate-compact .license-plate-country strong {
  font-size: 10px;
  line-height: 1;
}

.license-plate.license-plate-compact input {
  font-size: 17px;
  font-weight: 700;
  letter-spacing: 2px;
  padding: 4px 10px;
  color: #1a252f;
}

.license-plate.license-plate-compact input::placeholder {
  font-size: 13px;
  letter-spacing: 0;
  font-weight: 500;
}

.sell .email-field {
  flex: 1.15;
  min-width: 0;
}

@media (max-width: 600px) {
  .sell form {
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
  }
  .sell-plate-wrap {
    width: 100%;
  }
  .license-plate.license-plate-compact {
    height: 48px;
  }
  .sell .email-field {
    width: 100%;
  }
}

/* ==========================================================================
   WhatsApp Widget & Floating Actions (Desktop & Mobile, RTL & LTR)
   ========================================================================== */
.floating-actions-wrap {
  position: fixed !important;
  bottom: 24px;
  inset-inline-start: 24px;
  z-index: 999980;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
}

/* Standalone floating widget if not inside .floating-actions-wrap */
.floating-whatsapp:not(.floating-actions-wrap .floating-whatsapp),
.whatsapp-widget:not(.floating-actions-wrap .whatsapp-widget),
.whatsapp-float:not(.floating-actions-wrap .whatsapp-float) {
  position: fixed !important;
  bottom: 24px;
  inset-inline-start: 24px;
  z-index: 999980;
}

.floating-whatsapp-btn,
.floating-whatsapp,
.whatsapp-widget,
.whatsapp-float {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background: linear-gradient(135deg, #2fe577 0%, #1ea955 100%);
  color: #ffffff !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 6px 20px rgba(30, 169, 85, 0.42), 0 2px 8px rgba(0, 0, 0, 0.12);
  cursor: pointer;
  position: relative;
  text-decoration: none;
  transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.25s ease, background 0.2s ease;
  outline: none;
  -webkit-tap-highlight-color: transparent;
}

.floating-whatsapp-btn:hover,
.floating-whatsapp:hover,
.whatsapp-widget:hover,
.whatsapp-float:hover {
  transform: scale(1.08) translateY(-2px);
  box-shadow: 0 10px 26px rgba(30, 169, 85, 0.52), 0 4px 12px rgba(0, 0, 0, 0.16);
  color: #ffffff !important;
  background: linear-gradient(135deg, #38ee82 0%, #19a04e 100%);
}

.floating-whatsapp-btn:active,
.floating-whatsapp:active,
.whatsapp-widget:active,
.whatsapp-float:active {
  transform: scale(0.96) translateY(0);
}

.floating-whatsapp-btn:focus-visible,
.floating-whatsapp:focus-visible,
.whatsapp-widget:focus-visible,
.whatsapp-float:focus-visible {
  outline: 3px solid #1ea955;
  outline-offset: 4px;
}

/* WhatsApp Icon SVG within widget */
.floating-whatsapp-btn svg,
.floating-whatsapp svg,
.whatsapp-widget svg,
.whatsapp-float svg {
  width: 29px;
  height: 29px;
  display: block;
  flex-shrink: 0;
  color: #ffffff;
  transition: transform 0.25s ease;
}

.floating-whatsapp-btn:hover svg,
.floating-whatsapp:hover svg,
.whatsapp-widget:hover svg,
.whatsapp-float:hover svg {
  transform: scale(1.05);
}

.floating-whatsapp-btn svg path:first-child,
.floating-whatsapp svg path:first-child,
.whatsapp-widget svg path:first-child,
.whatsapp-float svg path:first-child {
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 1.8 !important;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.floating-whatsapp-btn svg path:last-child,
.floating-whatsapp svg path:last-child,
.whatsapp-widget svg path:last-child,
.whatsapp-float svg path:last-child {
  fill: currentColor !important;
  stroke: none !important;
}

/* Pulsing aura */
.floating-whatsapp-btn::before,
.floating-whatsapp::before,
.whatsapp-widget::before,
.whatsapp-float::before {
  content: '';
  position: absolute;
  inset: -1px;
  border-radius: 50%;
  border: 2px solid rgba(46, 229, 119, 0.65);
  background: transparent;
  animation: whatsappPulseRing 2.6s cubic-bezier(0.25, 1, 0.5, 1) infinite;
  pointer-events: none;
}

@keyframes whatsappPulseRing {
  0% {
    transform: scale(1);
    opacity: 0.85;
  }
  60%, 100% {
    transform: scale(1.42);
    opacity: 0;
  }
}

/* WhatsApp Tooltip */
.floating-whatsapp-btn .whatsapp-tooltip,
.floating-whatsapp .whatsapp-tooltip,
.whatsapp-widget .whatsapp-tooltip,
.whatsapp-float .whatsapp-tooltip,
.floating-whatsapp-btn .floating-whatsapp-tooltip,
.floating-whatsapp .floating-whatsapp-tooltip,
.whatsapp-widget .floating-whatsapp-tooltip {
  position: absolute;
  inset-inline-start: 66px;
  top: 50%;
  transform: translateY(-50%) scale(0.92);
  background: #0d2e53;
  color: #ffffff;
  font-size: 13px;
  font-weight: 600;
  padding: 6px 14px;
  border-radius: 20px;
  white-space: nowrap;
  box-shadow: 0 4px 14px rgba(13, 46, 83, 0.25);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.2s ease, transform 0.2s cubic-bezier(0.16, 1, 0.3, 1);
  direction: rtl;
  letter-spacing: -0.2px;
}

.floating-whatsapp-btn:hover .whatsapp-tooltip,
.floating-whatsapp-btn:focus-visible .whatsapp-tooltip,
.floating-whatsapp:hover .whatsapp-tooltip,
.floating-whatsapp:focus-visible .whatsapp-tooltip,
.whatsapp-widget:hover .whatsapp-tooltip,
.whatsapp-widget:focus-visible .whatsapp-tooltip,
.whatsapp-float:hover .whatsapp-tooltip,
.whatsapp-float:focus-visible .whatsapp-tooltip,
.floating-whatsapp-btn:hover .floating-whatsapp-tooltip,
.floating-whatsapp-btn:focus-visible .floating-whatsapp-tooltip {
  opacity: 1;
  transform: translateY(-50%) scale(1);
}

/* Back-to-top button */
.back-to-top-btn {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.95);
  color: #0d2e53;
  border: 1.5px solid var(--border, #cde5f1);
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 14px rgba(13, 46, 83, 0.12);
  cursor: pointer;
  opacity: 0;
  visibility: hidden;
  transform: translateY(12px) scale(0.85);
  transition: opacity 0.28s ease, transform 0.28s cubic-bezier(0.16, 1, 0.3, 1), visibility 0.28s, background 0.2s;
  outline: none;
}

.back-to-top-btn.is-visible {
  opacity: 1;
  visibility: visible;
  transform: translateY(0) scale(1);
}

.back-to-top-btn:hover {
  background: #08b4de;
  color: #ffffff;
  border-color: #08b4de;
  transform: translateY(-3px) scale(1.05);
  box-shadow: 0 8px 20px rgba(8, 180, 222, 0.3);
}

.back-to-top-btn svg {
  width: 20px;
  height: 20px;
  stroke: currentColor;
  stroke-width: 2.2;
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round;
  transition: transform 0.2s ease;
}

.back-to-top-btn:hover svg {
  transform: translateY(-2px);
}

/* Mobile responsive adjustments */
@media (max-width: 600px) {
  .floating-actions-wrap,
  .floating-whatsapp:not(.floating-actions-wrap .floating-whatsapp),
  .whatsapp-widget:not(.floating-actions-wrap .whatsapp-widget),
  .whatsapp-float:not(.floating-actions-wrap .whatsapp-float) {
    bottom: 16px;
    inset-inline-start: 16px;
    gap: 10px;
  }

  .floating-whatsapp-btn,
  .floating-whatsapp,
  .whatsapp-widget,
  .whatsapp-float {
    width: 48px;
    height: 48px;
  }

  .floating-whatsapp-btn svg,
  .floating-whatsapp svg,
  .whatsapp-widget svg,
  .whatsapp-float svg {
    width: 25px;
    height: 25px;
  }

  .back-to-top-btn {
    width: 40px;
    height: 40px;
  }
}