.car-hero{min-height:610px;position:relative;padding:85px 7vw 105px;color:#fff;background:url('https://images.unsplash.com/photo-1500534623283-312aade485b7?auto=format&fit=crop&w=2100&q=90') center/cover;display:flex;align-items:center}.car-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,15,29,.94),rgba(3,15,29,.6) 58%,rgba(3,15,29,.15)),linear-gradient(0deg,rgba(3,15,29,.45),transparent)}.car-hero-content{position:relative;z-index:2;max-width:1000px}.car-hero h1{font-size:clamp(50px,6.5vw,84px);line-height:.98;margin:17px 0}.car-hero p{font-size:18px;line-height:1.7;color:rgba(255,255,255,.76);max-width:760px}.rental-search{display:grid;grid-template-columns:1.1fr 1fr 1fr auto;gap:8px;background:#fff;border-radius:14px;padding:8px;margin-top:30px;color:#17202b}.rental-search label{padding:7px 12px}.rental-search span{display:block;font-size:10px;font-weight:900;color:#687382;text-transform:uppercase}.rental-search input,.rental-search select{width:100%;border:0;outline:0;padding:7px 0}
.car-benefits{display:grid;grid-template-columns:repeat(4,1fr);background:#06172a;color:#fff;padding:28px 6vw}.car-benefits div{padding:10px 22px;border-right:1px solid rgba(255,255,255,.12)}.car-benefits div:last-child{border-right:0}.car-benefits strong,.car-benefits span{display:block}.car-benefits strong{color:#e7b75a}.car-benefits span{font-size:11px;color:rgba(255,255,255,.58);margin-top:4px}
.car-toolbar{padding:75px 6vw 25px;display:flex;justify-content:space-between;align-items:end}.car-toolbar h2,.guide-copy h2,.provider-cta h2{font-size:clamp(36px,4vw,56px);line-height:1.05;margin:10px 0}.car-toolbar p{color:#687382}.car-sort label{font-size:12px;font-weight:800}.car-sort select{display:block;margin-top:7px;padding:11px;border:1px solid #dce1e5;border-radius:9px;background:#fff}
.car-layout{display:grid;grid-template-columns:250px 1fr;gap:24px;padding:10px 6vw 90px;background:#f6f7f8}.car-filters{background:#fff;border:1px solid #dfe4e8;border-radius:15px;padding:22px;height:max-content;position:sticky;top:100px}.filter-title{display:flex;justify-content:space-between}.filter-title h3{margin:0}.filter-title button{border:0;background:none;color:#946a23;font-weight:900;cursor:pointer}.filter-group{padding:18px 0;border-bottom:1px solid #e5e8eb}.filter-group:last-child{border:0}.filter-group h4{font-size:13px;margin:0 0 12px}.filter-group label{display:flex;gap:8px;margin:9px 0;font-size:12px;font-weight:700;color:#52606d}.filter-group input[type=range]{width:100%}.filter-group>span{display:block;font-size:11px;color:#687382;margin-top:6px}
.car-card-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.car-card{background:#fff;border:1px solid #dfe4e8;border-radius:16px;overflow:hidden;box-shadow:0 10px 28px rgba(5,22,38,.06);transition:.2s}.car-card:hover{transform:translateY(-4px);box-shadow:0 20px 42px rgba(5,22,38,.12)}.car-image{height:260px;background-size:cover;background-position:center;position:relative}.car-category-tag{position:absolute;top:15px;left:15px;background:rgba(255,255,255,.94);border-radius:999px;padding:7px 10px;font-size:10px;font-weight:900}.car-rating{position:absolute;top:15px;right:15px;background:#06172a;color:#e7b75a;padding:7px 9px;border-radius:8px;font-size:11px;font-weight:900}.car-body{padding:21px}.car-provider{font-size:10px;color:#946a23;font-weight:900;letter-spacing:.08em}.car-body h3{font-size:25px;margin:5px 0}.car-location{font-size:12px;color:#687382}.car-specs{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:16px 0}.car-specs span{background:#f5f7f8;border-radius:8px;padding:9px 6px;text-align:center;font-size:10px;font-weight:800}.car-features{display:flex;gap:6px;flex-wrap:wrap}.car-features span{background:#f7f3eb;color:#70582c;border-radius:999px;padding:6px 9px;font-size:9px;font-weight:800}.car-price-row{display:flex;justify-content:space-between;align-items:end;border-top:1px solid #e4e7ea;margin-top:18px;padding-top:17px}.car-price small,.car-price strong{display:block}.car-price small{font-size:10px;color:#687382}.car-price strong{font-size:25px;color:#06172a}.car-price em{font-style:normal;font-size:10px;color:#687382}.car-price-row .btn{font-size:12px;padding:11px 14px}.car-empty{text-align:center;background:#fff;border:1px solid #dfe4e8;border-radius:14px;padding:55px 20px}.car-empty h3{font-size:30px}
.self-drive-guide{margin:0 6vw 90px;border-radius:20px;overflow:hidden;background:#06172a;color:#fff;display:grid;grid-template-columns:1fr 1.1fr}.guide-image{min-height:560px;background:url('https://images.unsplash.com/photo-1533473359331-0135ef1b58bf?auto=format&fit=crop&w=1200&q=88') center/cover}.guide-copy{padding:60px}.guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:30px}.guide-grid article{padding:17px;border:1px solid rgba(255,255,255,.12);border-radius:11px;background:rgba(255,255,255,.04)}.guide-grid p{font-size:11px;color:rgba(255,255,255,.58);line-height:1.5}
.provider-cta{background:linear-gradient(110deg,#071a2f,#123c5d);color:#fff;padding:65px 7vw;display:flex;justify-content:space-between;align-items:center;gap:50px}.provider-cta>div{max-width:850px}.provider-cta p{color:rgba(255,255,255,.65)}
.rental-modal,.provider-modal{position:fixed;inset:0;background:rgba(2,12,24,.8);z-index:100;display:none;align-items:center;justify-content:center;padding:20px}.rental-modal.open,.provider-modal.open{display:flex}.rental-modal-card{background:#fff;width:min(780px,100%);max-height:92vh;overflow:auto;border-radius:18px;padding:36px;position:relative}.modal-close{position:absolute;right:18px;top:13px;border:0;background:none;font-size:30px;cursor:pointer}.modal-progress{height:5px;background:#e9ecef;margin-bottom:28px}.modal-progress span{display:block;width:33.33%;height:100%;background:#e7b75a}.rental-step{display:none}.rental-step.active{display:block}.rental-step h2,.provider-modal h2{font-size:38px}.modal-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.modal-grid label,.provider-form label{font-size:12px;font-weight:800}.modal-grid input,.modal-grid select,.provider-form input,.provider-form textarea{display:block;width:100%;margin-top:7px;padding:13px;border:1px solid #dce1e5;border-radius:9px}.modal-actions{display:flex;justify-content:space-between;margin-top:25px}.selected-summary{display:grid;grid-template-columns:180px 1fr;gap:18px;align-items:center;background:#f6f7f8;padding:15px;border-radius:12px}.selected-summary img{width:100%;height:120px;object-fit:cover;border-radius:9px}.request-summary{background:#f7f3eb;border-radius:12px;padding:20px;line-height:1.7}.modal-note{font-size:11px;color:#687382}.provider-form{display:grid;grid-template-columns:1fr 1fr;gap:13px}.provider-form label:last-of-type,.provider-form button{grid-column:1/3}.provider-form textarea{min-height:110px}
@media(max-width:1000px){.rental-search{grid-template-columns:1fr 1fr}.car-benefits{grid-template-columns:1fr 1fr}.car-layout{grid-template-columns:220px 1fr}.car-card-list{grid-template-columns:1fr}.self-drive-guide{grid-template-columns:1fr}.guide-image{min-height:390px}.provider-cta{flex-direction:column;align-items:flex-start}}
@media(max-width:680px){.car-hero{padding:65px 20px}.car-hero h1{font-size:48px}.rental-search{grid-template-columns:1fr}.car-benefits{grid-template-columns:1fr}.car-benefits div{border-right:0;border-bottom:1px solid rgba(255,255,255,.1)}.car-toolbar{padding:55px 20px 20px;display:block}.car-sort{margin-top:20px}.car-layout{grid-template-columns:1fr;padding:10px 20px 65px}.car-filters{position:relative;top:auto}.car-specs{grid-template-columns:1fr 1fr}.self-drive-guide{margin:0 20px 65px}.guide-copy{padding:35px 22px}.guide-grid{grid-template-columns:1fr}.provider-cta{padding:55px 22px}.modal-grid,.provider-form{grid-template-columns:1fr}.provider-form label:last-of-type,.provider-form button{grid-column:auto}.selected-summary{grid-template-columns:1fr}}