:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;min-width:320px;min-height:100vh}body{background-color:var(--bg-light);color:var(--text-dark);font-family:Segoe UI,system-ui,sans-serif}a{font-weight:500;color:#646cff;text-decoration:none}a:hover{color:#535bf2}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus-visible{outline:4px auto -webkit-focus-ring-color}.primary{color:var(--primary)}.accent{color:var(--accent)}.bg-primary{background-color:var(--primary);color:var(--white)}.bg-accent{background-color:var(--accent);color:var(--white)}.overlay-dark{background:var(--overlay-dark)}html.menu-open,html.menu-open body,html.menu-open #root{overflow:hidden;height:100vh;touch-action:none}@media(prefers-color-scheme:light){a:hover{color:#747bff}button{background-color:#f9f9f9}}.navbar{position:sticky;top:0;z-index:900;width:100%;background:var(--navbar-glass, rgba(255, 255, 255, .65));backdrop-filter:blur(14px) saturate(180%);-webkit-backdrop-filter:blur(14px) saturate(180%);border-bottom:1px solid var(--navbar-border, rgba(255, 255, 255, .4));box-shadow:0 8px 24px var(--navbar-shadow, rgba(0, 0, 0, .06));background:color-mix(in srgb,var(--navbar-glass, rgba(255,255,255,.65)) 85%,transparent)}.navbar-container{width:100%;max-width:1440px;margin:0 auto;padding:6px 30px;display:flex;align-items:center;justify-content:flex-start;gap:100px}.navbar-actions{margin-left:auto;display:flex;align-items:center;gap:12px}.navbar-logo{display:flex;align-items:center;gap:12px}.logo-img{height:64px;width:auto}.brand-text{font-family:Poppins,system-ui,sans-serif;font-size:18px;font-weight:700;letter-spacing:.5px;color:var(--primary);line-height:1}.navbar-links{display:flex;gap:24px}.navbar-links a{text-decoration:none;color:var(--text-dark);font-size:14px;transition:color .25s ease,text-shadow .25s ease}.navbar-links a:hover{color:var(--primary);text-shadow:0 0 6px color-mix(in srgb,var(--primary) 40%,transparent)}.btn-outline{padding:8px 14px;border-radius:20px;border:1px solid color-mix(in srgb,var(--text-dark) 20%,transparent);background:transparent;color:var(--text-dark);cursor:pointer;font-size:14px}.btn-outline:hover{border-color:var(--primary);color:var(--primary)}.btn-primary{padding:10px 18px;border-radius:22px;border:none;background:var(--accent);color:var(--white);cursor:pointer;font-size:14px}.btn-primary:hover{filter:brightness(.95)}.navbar-icons{position:relative;display:flex;align-items:center;gap:10px}.user-btn{background:transparent;border:none;padding:4px;cursor:pointer;display:flex;align-items:center}.user-dropdown{position:absolute;top:48px;right:0;width:240px;background:#ffffffe6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:12px;padding:14px;box-shadow:0 10px 30px #0000001f;z-index:200}.hamburger-btn{display:none;background:transparent;border:none;outline:none;box-shadow:none;padding:4px;cursor:pointer;color:var(--text-dark)}.hamburger-btn svg{display:block}.hamburger-btn:hover svg{opacity:.85}.hamburger:focus,.hamburger:focus-visible{outline:none;box-shadow:none}@media(max-width:768px){.navbar-container{justify-content:space-between;gap:0;padding:10px 16px}.logo-img{height:46px}.brand-text,.navbar-links,.btn-outline{display:none}.hamburger-btn{display:flex}}.icon-btn{background:none;border:none;padding:6px;display:flex;align-items:center;justify-content:center;cursor:pointer}.icon-btn:hover svg{stroke:var(--text-dark)}@media(max-width:768px){.nav-links,.nav-actions{display:none}.mobile-overlay{position:fixed;inset:0;background:#00000073;z-index:998}.mobile-menu{position:fixed;top:0;left:0;height:100vh;width:85%;max-width:320px;background:#fff;z-index:999;transform:translate(-100%);transition:transform .35s ease;box-shadow:4px 0 24px #00000026;display:flex;flex-direction:column}.mobile-menu.open{transform:translate(0)}.mobile-menu-header{height:60px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #eee}.mobile-menu-header img{height:34px}.mobile-menu ul{list-style:none;padding:8px 0;margin:0}.mobile-menu li{padding:14px 20px;font-size:15px;font-weight:500;color:#222;border-bottom:1px solid #f1f1f1}.mobile-menu li a{text-decoration:none;color:inherit;display:block}.mobile-currency{display:flex;align-items:center;justify-content:space-between}.mobile-cart-badge{background:#e56b00;color:#fff;font-size:12px;padding:2px 6px;border-radius:6px;margin-left:8px}}.close-btn{background:none;border:none;font-size:24px;cursor:pointer;padding:8px;color:#666;transition:color .2s ease}.close-btn:hover{color:#000}.blurred{filter:blur(4px);transition:filter .3s ease;pointer-events:none}.mobile-overlay{position:fixed;inset:0;background:#00000073;z-index:998;cursor:pointer}.mobile-menu{position:fixed;top:0;left:0;height:100vh;width:85%;max-width:320px;background:#fff;z-index:999;transform:translate(-100%);transition:transform .35s ease;box-shadow:4px 0 24px #00000026;display:flex;flex-direction:column;overflow-y:auto}.mobile-menu.open{transform:translate(0)}.mobile-menu-header{height:60px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #eee;flex-shrink:0}.mobile-menu-header img{height:34px}.mobile-menu ul{list-style:none;padding:8px 0;margin:0;flex:1}.mobile-menu li{padding:14px 20px;font-size:15px;font-weight:500;color:#222;border-bottom:1px solid #f1f1f1}.mobile-menu li a{text-decoration:none;color:inherit;display:block}.mobile-menu li:active{background-color:#f5f5f5}.mobile-currency{display:flex;align-items:center;justify-content:space-between}.mobile-cart-badge{background:#e56b00;color:#fff;font-size:12px;padding:2px 6px;border-radius:6px;margin-left:8px}.hamburger-btn{display:none;background:transparent;border:none;outline:none;box-shadow:none;padding:8px;cursor:pointer;color:var(--text-dark);z-index:1000}.hamburger-btn svg{display:block;width:24px;height:24px}.hamburger-btn:focus,.hamburger-btn:focus-visible{outline:none;box-shadow:none}@media(max-width:768px){.hamburger-btn{display:flex;align-items:center;justify-content:center}}@keyframes slideDownFromTop{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media(max-width:768px){.navbar-container{flex-direction:row-reverse;justify-content:space-between;align-items:center}.navbar-logo{margin-left:auto}.navbar-actions{margin-left:0;margin-right:auto}.navbar-links,.btn-outline,.brand-text{display:none}.logo-img{height:46px}.hamburger-btn{display:flex}}@media(max-width:768px){.navbar-icons{display:flex;align-items:center;gap:10px}.hamburger-btn{order:1}.navbar-icons .icon-btn[aria-label=Cart]{order:2}.navbar-actions>.icon-btn{order:4}}@media(max-width:768px){.user-btn{display:none!important}}@keyframes slideInDiagonal{0%{opacity:0;transform:translate(-12px,12px) scale(.96)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes slideInMenuDiagonal{0%{opacity:0;transform:translate(-20px,20px)}to{opacity:1;transform:translate(0)}}@media(max-width:768px){.mobile-menu li{opacity:0;transform:translate(-20px,20px)}}@media(max-width:768px){.mobile-menu.open li{animation:slideInMenuDiagonal 1.1s cubic-bezier(.22,1,.36,1) forwards}.mobile-menu.open li:nth-child(1){animation-delay:.2s}.mobile-menu.open li:nth-child(2){animation-delay:.35s}.mobile-menu.open li:nth-child(3){animation-delay:.5s}.mobile-menu.open li:nth-child(4){animation-delay:.65s}.mobile-menu.open li:nth-child(5){animation-delay:.8s}.mobile-menu.open li:nth-child(6){animation-delay:.95s}.mobile-menu.open li:nth-child(7){animation-delay:1.1s}}.mobile-filter-item{list-style:none}.mobile-filter-trigger{display:flex;justify-content:space-between;align-items:center;padding:14px 0;font-size:15px;font-weight:500;cursor:pointer}.mobile-filter-trigger .chevron-icon{transition:transform .3s ease}.mobile-filter-dropdown{max-height:0;overflow:hidden;display:flex;flex-direction:column;gap:12px;padding-left:14px;font-size:14px;color:#6b7280;opacity:0;transition:max-height .35s ease,opacity .25s ease}.mobile-filter-dropdown.open{max-height:200px;opacity:1}.mobile-filter-dropdown span{cursor:pointer}.mobile-filter-dropdown span:hover{color:#3cc6c1}.hero{position:relative;width:100%;height:300px;overflow:hidden;display:flex;align-items:center}.hero-slideshow{position:absolute;inset:0}.hero-slide{position:absolute;inset:0;background-position:center;background-repeat:no-repeat;background-size:contain;opacity:0;transform:translate(120%) scale(.96);transition:none;z-index:1}.hero-slide.active{opacity:1;transform:translate(0) scale(1);z-index:2}.hero-slide.slide-in{animation:driveIn 2s ease-in-out forwards;z-index:3}.hero-slide.slide-out{animation:driveOut 2s ease-in-out forwards;z-index:3}.hero-slide:before{content:"";position:absolute;inset:-10%;background-image:inherit;background-size:cover;background-position:center;filter:blur(6px);transform:scale(1.1);opacity:.22;z-index:-1}.hero-slide:after{content:"";position:absolute;inset:0;background:linear-gradient(to right,#000000a6,#0000 25% 75%,#000000a6);pointer-events:none}.hero-overlay{position:absolute;inset:0;background:linear-gradient(to right,#08222899,#00000026);z-index:4}@keyframes driveIn{0%{transform:translate(120%) scale(.96);opacity:0}30%{transform:translate(0) scale(1);opacity:1}to{transform:translate(0) scale(1);opacity:1}}@keyframes driveOut{0%{transform:translate(0) scale(1);opacity:1}70%{transform:translate(-60%) scale(1);opacity:.4}to{transform:translate(-120%) scale(.96);opacity:0}}.cars-page{background:#f6f8fa}.cars-search-section{position:relative;z-index:50;max-width:1200px;margin:-40px auto 40px;background:#fff;border-radius:16px;padding:24px;box-shadow:0 25px 50px #0000001f;isolation:isolate}.search-bar{display:grid;grid-template-columns:1.4fr 1fr 1fr auto;gap:20px;align-items:end}.date-fields{display:contents}.search-field{display:flex;flex-direction:column}.search-field label{font-size:13px;color:#6b7280;margin-bottom:6px}.search-field input{height:48px;padding:0 14px;border-radius:12px;border:1px solid #e5e7eb;font-size:14px}.search-field input:focus{outline:none;border-color:#3cc6c1}.search-btn{height:40px;padding:3px 20px;border-radius:14px;border:none;background:#190ae9;color:#fff;font-weight:600;font-size:15px;cursor:pointer;white-space:nowrap}.search-btn:hover{background:#1208b8}.cars-main-section{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:280px 1fr;gap:32px;padding-top:48px;padding-bottom:80px}.cars-filters{background:#fff;border-radius:16px;padding:20px;position:sticky;top:120px;height:calc(100vh - 160px);overflow-y:auto;overscroll-behavior:contain}.cars-filters::-webkit-scrollbar{width:6px}.cars-filters::-webkit-scrollbar-thumb{background:#e5e7eb;border-radius:6px}.cars-results{background:#fff;border-radius:16px;padding:20px;min-height:400px}.filter-header{display:flex;align-items:center;gap:10px;padding-bottom:16px;border-bottom:1px solid #e5e7eb;margin-bottom:16px}.filter-header h3{font-size:14px;font-weight:600;letter-spacing:.5px;flex:1}.filter-indicator{width:4px;height:18px;background:#3cc6c1;border-radius:2px}.filter-item{border-bottom:1px solid #e5e7eb;position:relative}.filter-title{display:flex;justify-content:space-between;align-items:center;padding:14px 0;font-size:14px;cursor:pointer}.filter-title:hover{color:#3cc6c1}.filter-content{max-height:0;overflow:hidden;opacity:0;transform:translate(-20px);transition:max-height .6s cubic-bezier(.4,0,.2,1),opacity .45s ease,transform .45s cubic-bezier(.4,0,.2,1)}.filter-item.open .filter-content{max-height:600px;opacity:1;transform:translate(0)}.filter-content>*{opacity:0;transform:translate(-16px);transition:opacity .4s ease,transform .4s cubic-bezier(.4,0,.2,1)}.filter-item.open .filter-content>*{opacity:1;transform:translate(0)}.filter-item.open .filter-content>*:nth-child(1){transition-delay:.15s}.filter-item.open .filter-content>*:nth-child(2){transition-delay:.25s}.filter-item.open .filter-content>*:nth-child(3){transition-delay:.35s}.filter-item.open .filter-content>*:nth-child(4){transition-delay:.45s}.filter-item.open .filter-content>*:nth-child(5){transition-delay:.55s}.price-tags{display:flex;justify-content:space-between;margin-bottom:10px}.price-tag{background:#3cc6c1;color:#fff;font-size:12px;padding:4px 10px;border-radius:6px}.price-scale{display:flex;justify-content:space-between;font-size:11px;color:#6b7280;margin:6px 0 12px}.apply-link{background:none;border:none;color:#3cc6c1;font-size:13px;font-weight:600;cursor:pointer;padding:0;margin-top:8px}.apply-link:hover{text-decoration:underline}.range-wrapper{position:relative;height:36px;margin:10px 0}.range{position:absolute;width:100%;height:4px;background:none;pointer-events:none;appearance:none}.range::-webkit-slider-thumb{pointer-events:auto;appearance:none;width:16px;height:16px;border-radius:50%;background:#3cc6c1;cursor:pointer;border:none;z-index:2}.range::-moz-range-thumb{pointer-events:auto;width:16px;height:16px;border-radius:50%;background:#3cc6c1;cursor:pointer;border:none;z-index:2}.range-track{position:absolute;height:4px;background:#3cc6c1;top:50%;transform:translateY(-50%);border-radius:4px;z-index:1}.range-base{position:absolute;top:50%;left:0;right:0;height:4px;background:#111827;border-radius:4px;transform:translateY(-50%);opacity:.3;z-index:0}.chevron-icon{color:#9ca3af;transition:transform .3s ease,color .25s ease;cursor:pointer}.chevron-icon.rotate{transform:rotate(180deg);color:#111827}.checkbox-list{display:flex;flex-direction:column;gap:10px;padding-bottom:12px}.checkbox-item{display:flex;align-items:center;gap:10px;font-size:14px;color:#374151;cursor:pointer}.checkbox-item:hover{color:#3cc6c1}.checkbox-item input{width:16px;height:16px;accent-color:#3cc6c1;cursor:pointer}.mobile-filter-container{display:none;position:relative;width:100%;margin-bottom:20px}.mobile-filter-button{background:#fff;border-radius:14px;padding:16px 20px;box-shadow:0 4px 12px #00000014;display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-weight:600;font-size:15px;border:1px solid #e5e7eb}.mobile-filter-button:hover{border-color:#3cc6c1}.mobile-filter-button .chevron-icon{transition:transform .3s ease}.mobile-filter-button .chevron-icon.rotate{transform:rotate(180deg)}.filter-dropdown{position:absolute;top:calc(100% + 8px);left:0;right:0;background:#fff;border-radius:16px;padding:20px;box-shadow:0 20px 40px #00000026;z-index:100;max-height:70vh;overflow-y:auto;border:1px solid #e5e7eb}.filter-dropdown .filter-item:last-child{border-bottom:none}.mobile-filter-overlay{display:none}@media(max-width:900px){.desktop-only{display:none!important}.mobile-filter-container{display:block}.cars-main-section{grid-template-columns:1fr;align-items:start;padding-top:24px;padding-bottom:40px;gap:20px}.cars-search-section{margin:-20px 12px 24px;padding:16px}.search-bar{display:flex;flex-direction:column;gap:16px}.location-field{width:100%}.date-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px;width:100%}.date-fields .search-field{width:100%}.search-btn{width:auto;min-width:120px;margin-top:0;align-self:flex-end;height:40px;padding:3px 20px}.mobile-filter-container{margin-top:8px}.search-field input{width:100%}.cars-filters{position:fixed;top:0;right:0;height:100vh;width:85%;max-width:360px;background:#fff;z-index:999;transform:translate(100%);transition:transform .35s ease;border-radius:0;overflow-y:auto;padding:20px;box-shadow:-5px 0 25px #0000001a}.cars-filters.mobile-menu-open{transform:translate(0)}.mobile-menu-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:16px;margin-bottom:16px;border-bottom:1px solid #e5e7eb;font-size:15px;font-weight:600}.mobile-filter-overlay{display:block;position:fixed;inset:0;background:#00000080;z-index:998;opacity:0;pointer-events:none;transition:opacity .3s ease}.mobile-filter-overlay.show{opacity:1;pointer-events:auto}.mobile-filter-toggle{display:flex;background:#fff;border-radius:14px;padding:14px 16px;margin-bottom:16px;box-shadow:0 10px 25px #00000014;font-size:14px;font-weight:600;justify-content:space-between;align-items:center;cursor:pointer}}@media(max-width:480px){.cars-search-section{margin:-15px 10px 20px;padding:14px}.search-bar{gap:14px}.date-fields{gap:10px}.search-btn{min-width:100px;padding:3px 16px}.filter-dropdown{max-height:60vh;padding:16px}.cars-filters{width:90%}}@media(max-width:360px){.date-fields{grid-template-columns:1fr;gap:12px}.search-btn{width:100%;align-self:center}}@media(hover:none)and (pointer:coarse){.filter-title,.mobile-filter-button,.search-btn,.checkbox-item,.apply-link{cursor:default;-webkit-tap-highlight-color:rgba(60,198,193,.1)}.range::-webkit-slider-thumb{width:20px;height:20px}}.cars-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.car-card{background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 6px 18px #00000014;transition:transform .25s ease;display:flex;flex-direction:column}.car-card:hover{transform:translateY(-6px)}.car-image{position:relative;width:100%;padding-top:66.67%;overflow:hidden;background-color:#f0f0f0}.car-image img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .4s ease}.car-card:hover .car-image img{transform:scale(1.05)}.featured-badge{position:absolute;top:12px;left:12px;background:#f37b21;color:#fff;padding:6px 12px;font-size:13px;border-radius:6px;z-index:2}.car-body{padding:16px;flex:1}.car-location{font-size:13px;color:#777}.car-name{font-size:18px;margin:6px 0 12px}.car-specs{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:14px}.car-specs .spec-item{border:1px solid #eee;border-radius:8px;padding:10px 0;display:flex;flex-direction:column;align-items:center;gap:6px;font-size:13px;color:#444}.car-specs .spec-item svg{width:20px;height:20px;color:#6b7280}.car-price-row{display:flex;justify-content:space-between;align-items:center;margin-top:16px;padding-top:8px;border-top:1px solid #f0f0f0}.car-price{display:flex;flex-direction:column}.car-price span{font-size:12px;color:#6b7280}.car-price strong{font-size:18px;font-weight:700;color:#007c89;line-height:1.2}.book-now-btn{background:#190ae9;color:#fff;border:none;border-radius:14px;padding:10px 20px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap;box-shadow:0 4px 10px #190ae933}.book-now-btn:hover{background:#1208b8;transform:translateY(-2px);box-shadow:0 6px 15px #190ae94d}.book-now-btn:active{transform:translateY(0)}@media(max-width:1024px){.cars-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.cars-grid{grid-template-columns:1fr}.car-image{padding-top:56.25%}.car-price-row{margin-top:12px;padding-top:6px}.car-price strong{font-size:16px}.book-now-btn{padding:8px 16px;font-size:13px;border-radius:12px}}@media(min-width:1400px){.car-image{padding-top:60%}}@media(hover:none)and (pointer:coarse){.book-now-btn{cursor:default;-webkit-tap-highlight-color:rgba(25,10,233,.2)}.book-now-btn:hover{transform:none;box-shadow:0 4px 10px #190ae933}}.newsletter{padding:40px 16px}.newsletter-container{max-width:1200px;margin:auto;display:grid;grid-template-columns:1fr 1fr;background:#124d57;border-radius:20px;overflow:hidden}.newsletter-image img{width:100%;height:100%;object-fit:cover}.newsletter-content{padding:40px;color:#fff;display:flex;flex-direction:column;justify-content:center}.newsletter-content h2{font-size:28px;font-weight:600;margin-bottom:10px}.newsletter-content p{font-size:14px;opacity:.9;margin-bottom:25px}.newsletter-form{display:flex;background:#fff;border-radius:50px;overflow:hidden;max-width:480px}.newsletter-form input{flex:1;border:none;padding:14px 20px;font-size:14px;outline:none}.newsletter-form button{border:none;padding:0 28px;background:#36c2c9;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:background .3s ease}.newsletter-form button:hover{background:#2aaab0}@media(max-width:900px){.newsletter-container{grid-template-columns:1fr}.newsletter-content{padding:30px 20px}.newsletter-form{width:100%}}.footer{background:#1e1e1e;color:#fff;padding-top:50px}.footer-container{max-width:1200px;margin:auto;padding:0 16px 40px;display:grid;grid-template-columns:repeat(4,1fr);gap:40px}.footer-column h4{font-size:16px;margin-bottom:16px}.footer-column ul{list-style:none;padding:0}.footer-column ul li{font-size:14px;color:#cfcfcf;margin-bottom:10px;cursor:pointer}.footer-column ul li:hover{color:#36c2c9}.footer-help{display:flex;gap:10px;margin-bottom:20px}.footer-help p{font-size:13px;margin-bottom:6px}.footer-help a{display:block;color:#36c2c9;font-size:14px;text-decoration:none}.footer-help span{font-size:12px;color:#aaa}.footer-address p{font-size:14px;margin-bottom:6px}.footer-address span{display:block;font-size:13px;color:#aaa}.footer-socials{display:flex;gap:12px}.footer-socials a{background:#2a2a2a;padding:10px;border-radius:50%;color:#fff;display:inline-flex;transition:background .3s ease}.footer-socials a:hover{background:#36c2c9}.footer-bottom{border-top:1px solid #333;text-align:center;padding:16px;font-size:13px;color:#aaa}@media(max-width:900px){.footer-container{grid-template-columns:1fr 1fr}}@media(max-width:500px){.footer-container{grid-template-columns:1fr}}:root{--primary: #1FA6A0;--accent: #E07A3F;--overlay-dark: rgba(0,0,0,.45);--white: #ffffff;--bg-light: #ffffff;--text-dark: #0f172a}