/* =========================================================
   RENTALS — TESLA-INSPIRED PUBLIC PAGES
========================================================= */
:root{--rental-red:#e82127;--rental-black:#171717;--rental-muted:#777;--rental-border:#e8e8e8;--rental-bg:#f6f6f6}
.rentals-page{color:var(--rental-black);font-family:Inter,Arial,sans-serif}
.rentals-page *{box-sizing:border-box}
.rental-container{width:min(1240px,92%);margin:0 auto}
.rentals-hero{min-height:570px;position:relative;display:flex;align-items:center;color:#fff;background:linear-gradient(90deg,rgba(0,0,0,.76),rgba(0,0,0,.12)),url('../assets/cars/model-y.webp') center/cover no-repeat}
.rentals-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.42),transparent 35%);pointer-events:none}
.rentals-hero-inner{position:relative;z-index:1;width:min(1240px,92%);margin:0 auto;padding:100px 0}
.rentals-eyebrow{display:inline-flex;align-items:center;gap:10px;color:#fff;font-size:10px;font-weight:800;letter-spacing:2px;text-transform:uppercase}
.rentals-eyebrow>span{width:28px;height:2px;background:var(--rental-red)}
.rentals-eyebrow.dark{color:var(--rental-red)}
.rentals-hero h1,.rental-checkout-hero h1{font-size:clamp(48px,7vw,88px);line-height:.98;letter-spacing:-5px;font-weight:800;margin:25px 0}
.rentals-hero h1 em,.rental-checkout-hero h1 em,.rental-final-cta h2 em{font-style:normal;color:#cfcfcf}
.rentals-hero p{max-width:520px;color:#ddd;font-size:14px;line-height:1.9}
.rental-hero-link{display:inline-flex;align-items:center;gap:18px;margin-top:30px;padding-bottom:10px;border-bottom:1px solid #fff;color:#fff;text-decoration:none;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.8px}
.rentals-hero-foot{position:absolute;z-index:2;bottom:25px;left:4%;right:4%;display:flex;justify-content:space-between;color:#ddd;font-size:9px;font-weight:800;letter-spacing:1.6px}
.rental-inventory{padding:90px 0 105px;background:#fff}
.rental-section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:25px;margin-bottom:35px}
.rental-section-heading h2,.rental-overview-card h2{font-size:clamp(30px,4vw,46px);letter-spacing:-2px;margin:12px 0;font-weight:800}
.rental-section-heading h2 span,.rental-overview-card h2 span{color:var(--rental-red)}
.rental-section-heading p{color:var(--rental-muted);font-size:12px}
.rental-count{display:flex;align-items:center;gap:12px}.rental-count strong{font-size:36px;letter-spacing:-2px}.rental-count span{font-size:9px;line-height:1.5;font-weight:800;letter-spacing:1px;color:var(--rental-muted)}
.rental-filters{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:13px;align-items:end;padding:22px;background:#f7f7f7;border:1px solid var(--rental-border);margin-bottom:45px}
.rental-filters label,.rental-form-grid label{display:flex;flex-direction:column;gap:8px;min-width:0}
.rental-filters label>span,.rental-form-grid label>span{font-size:10px;font-weight:700;color:#555}
.rental-filters input,.rental-filters select,.rental-form-grid input{width:100%;height:45px;border:1px solid #ddd;background:#fff;padding:0 13px;font:12px Inter,Arial;outline:none;border-radius:2px}
.rental-filters input:focus,.rental-filters select:focus,.rental-form-grid input:focus{border-color:var(--rental-black)}
.rental-search>div{position:relative}.rental-search i{position:absolute;left:13px;top:16px;color:#888;font-size:12px}.rental-search input{padding-left:36px}
.rental-filters button,.rental-primary-btn{min-height:45px;border:0;background:var(--rental-red);color:#fff;padding:0 19px;display:inline-flex;align-items:center;justify-content:center;gap:12px;font:800 10px Inter,Arial;letter-spacing:.6px;text-transform:uppercase;text-decoration:none;cursor:pointer;transition:.2s}
.rental-filters button:hover,.rental-primary-btn:hover{background:#bd171d}
.rental-clear{font-size:10px;color:var(--rental-red);font-weight:700;text-decoration:none;align-self:center}
.rental-showcase-list{display:flex;flex-direction:column;gap:55px}
.rental-showcase{display:grid;grid-template-columns:1.12fr .88fr;min-height:390px;background:#f7f7f7}
.rental-showcase.reverse{grid-template-columns:.88fr 1.12fr}
.rental-showcase.reverse .rental-showcase-image{order:2}.rental-showcase.reverse .rental-showcase-info{order:1}
.rental-showcase-image{position:relative;min-height:390px;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#ececec,#f9f9f9);overflow:hidden}
.rental-showcase-image img{width:100%;height:100%;min-height:390px;object-fit:cover;transition:transform .5s}
.rental-showcase-image:hover img{transform:scale(1.035)}
.rental-image-placeholder{width:100%;min-height:280px;display:grid;place-items:center;background:#eee;color:#aaa;font-size:65px}
.rental-image-index{position:absolute;bottom:18px;left:20px;color:#666;font-size:9px;font-weight:800;letter-spacing:1px}
.rental-available-badge{position:absolute;top:18px;left:18px;padding:8px 11px;background:#fff;color:#258044;font-size:9px;font-weight:800;letter-spacing:.6px}
.rental-available-badge i{font-size:7px;margin-right:5px}
.rental-showcase-info{padding:42px 42px;display:flex;flex-direction:column;justify-content:center}
.rental-category{font-size:9px;font-weight:800;letter-spacing:1.5px;color:var(--rental-red);text-transform:uppercase}
.rental-showcase-info h3{font-size:clamp(25px,3vw,37px);letter-spacing:-1.5px;margin:13px 0;font-weight:800}
.rental-showcase-info>p{font-size:12px;line-height:1.8;color:#707070;max-width:490px}
.rental-spec-row{display:flex;flex-wrap:wrap;gap:18px;margin:22px 0;color:#555;font-size:10px}
.rental-spec-row span{display:flex;align-items:center;gap:7px}.rental-spec-row i{color:var(--rental-red)}
.rental-price-block{border-top:1px solid #ddd;padding-top:17px;margin-top:2px}
.rental-price-block>span,.rental-detail-rate>span,.rental-deposit-box>span{display:block;color:#777;font-size:9px;font-weight:800;letter-spacing:1.3px}
.rental-price-block>strong{display:block;font-size:27px;letter-spacing:-1px;margin-top:5px}.rental-price-block small{font-size:11px;color:#777;font-weight:500;letter-spacing:0}
.rental-price-block p{font-size:10px;color:#777;margin-top:5px}
.rental-card-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}
.rental-outline-btn{min-height:43px;padding:0 15px;display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid #bbb;color:var(--rental-black);font-size:9px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;text-decoration:none}
.rental-outline-btn:hover{border-color:var(--rental-black)}
.rental-empty{padding:75px 20px;text-align:center;background:#f7f7f7}.rental-empty>i{font-size:42px;color:#bbb;margin-bottom:20px}.rental-empty h3{font-size:25px;margin:14px 0}.rental-empty p{font-size:12px;color:#777;margin-bottom:22px}.rental-empty a{color:var(--rental-red);font-size:10px;font-weight:800;text-decoration:none;text-transform:uppercase}
.rental-notice{display:flex;gap:14px;padding:18px;margin:20px 0;background:#fff5f5;border:1px solid #f0cccc;color:#9d2525;font-size:12px}.rental-notice>i{font-size:20px}.rental-notice p{margin-top:5px;line-height:1.6}
.rental-final-cta{padding:95px 20px;text-align:center;background:#171717;color:#fff}.rental-final-cta h2{font-size:clamp(37px,6vw,65px);line-height:1.05;letter-spacing:-3px;margin:22px 0}.rental-final-cta p{font-size:12px;color:#bbb}.rental-final-cta>a{display:inline-flex;gap:15px;margin-top:25px;color:#fff;text-decoration:none;border-bottom:1px solid #fff;padding-bottom:9px;font-size:10px;font-weight:800;text-transform:uppercase}
.rental-detail-hero{padding:30px 0 75px;background:#fff}.rental-breadcrumb{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:10px 0 28px;color:#888;font-size:10px}.rental-breadcrumb a{color:#555;text-decoration:none}.rental-breadcrumb i{font-size:8px}
.rental-detail-layout{display:grid;grid-template-columns:1.15fr .85fr;gap:55px;align-items:start}
.rental-main-stage{height:440px;position:relative;display:grid;place-items:center;background:#f4f4f4;overflow:hidden}.rental-main-stage img{width:100%;height:100%;object-fit:cover;cursor:zoom-in}.rental-detail-tag{position:absolute;top:18px;left:18px;padding:9px 12px;background:#171717;color:#fff;font-size:9px;font-weight:800;letter-spacing:.8px}
.rental-thumbs{display:flex;gap:10px;margin-top:12px;overflow-x:auto}.rental-thumb{width:90px;height:65px;flex:0 0 auto;padding:0;border:2px solid transparent;background:#eee;cursor:pointer}.rental-thumb.active{border-color:var(--rental-red)}.rental-thumb img{width:100%;height:100%;object-fit:cover}
.rental-gallery-hint{margin-top:12px;color:#888;font-size:10px}.rental-gallery-hint i{margin-right:5px}
.rental-detail-panel{padding:18px 0}.rental-detail-panel h1{font-size:clamp(32px,4vw,48px);letter-spacing:-2px;line-height:1.05;margin:15px 0 8px}.rental-detail-subtitle{font-size:12px;color:#777}
.rental-detail-rate{margin:28px 0;padding:22px 0;border-top:1px solid var(--rental-border);border-bottom:1px solid var(--rental-border)}.rental-detail-rate strong{display:block;font-size:32px;margin-top:7px}.rental-detail-rate small{font-size:12px;color:#777;font-weight:500}
.rental-detail-facts{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding-bottom:25px}.rental-detail-facts div{display:flex;flex-direction:column;gap:6px}.rental-detail-facts span,.rental-overview-grid span{font-size:9px;color:#888;text-transform:uppercase;letter-spacing:.7px}.rental-detail-facts strong,.rental-overview-grid strong{font-size:12px}
.rental-deposit-box{padding:18px;background:#f5f5f5;margin:10px 0 20px}.rental-deposit-box strong{display:block;font-size:26px;margin:6px 0}.rental-deposit-box p{font-size:10px;line-height:1.7;color:#777}
.rental-detail-reserve{width:100%;min-height:52px}.rental-primary-btn.disabled{background:#999;cursor:not-allowed}.rental-secure-note{font-size:10px;color:#888;line-height:1.7;margin-top:15px}.rental-secure-note i{margin-right:6px}
.rental-overview-section{padding:65px 0;background:#f6f6f6}.rental-overview-card{background:#fff;padding:45px}.rental-overview-card>p{max-width:850px;color:#666;font-size:12px;line-height:1.9;margin-top:15px}.rental-overview-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:28px;padding-top:23px;border-top:1px solid var(--rental-border)}.rental-overview-grid div{display:flex;flex-direction:column;gap:8px}
.rental-lightbox{display:none;position:fixed;inset:0;z-index:9999;background:rgba(0,0,0,.95);align-items:center;justify-content:center;padding:55px 75px}.rental-lightbox.open{display:flex}.rental-lightbox>img{max-width:90%;max-height:85vh;object-fit:contain}.rental-lightbox-close{position:absolute;top:15px;right:25px;border:0;background:none;color:#fff;font-size:42px;cursor:pointer}.rental-lightbox-arrow{position:absolute;top:50%;transform:translateY(-50%);border:0;background:transparent;color:#fff;font-size:24px;cursor:pointer;padding:15px}.rental-lightbox-arrow.prev{left:15px}.rental-lightbox-arrow.next{right:15px}.rental-lightbox-open{overflow:hidden}
.rental-checkout-hero{padding:65px 0 55px;background:#171717;color:#fff}.rental-checkout-hero h1{font-size:clamp(42px,6vw,65px);margin:20px 0}.rental-checkout-hero p{font-size:12px;color:#bbb;line-height:1.8}.rental-checkout-wrap{padding-top:35px;padding-bottom:80px}
.rental-checkout-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.75fr);gap:25px;align-items:start}.rental-checkout-main{display:flex;flex-direction:column;gap:20px}.rental-checkout-card{background:#fff;border:1px solid var(--rental-border);padding:28px}.rental-checkout-heading{margin-bottom:22px}.rental-checkout-heading h2,.rental-payment-card h2{font-size:22px;letter-spacing:-.7px;margin:8px 0}.rental-checkout-heading p,.rental-payment-card>p{font-size:11px;color:#777;line-height:1.7}
.rental-checkout-vehicle{display:flex;gap:18px;align-items:center}.rental-checkout-vehicle img{width:155px;height:105px;object-fit:cover;background:#eee}.rental-checkout-vehicle h3{font-size:17px;margin-bottom:6px}.rental-checkout-vehicle p{font-size:10px;color:#777;margin-bottom:10px}.rental-checkout-vehicle span{font-size:12px;font-weight:800}
.rental-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.rental-form-grid label.full{grid-column:1/-1}.rental-form-grid input{height:46px}
.rental-form-help{font-size:10px;color:#888;margin-top:13px}
.rental-payment-card{position:sticky;top:20px}.rental-wallet-option{display:flex;align-items:center;gap:10px;position:relative;padding:14px 10px;border:1px solid var(--rental-border);margin-top:12px;cursor:pointer}.rental-wallet-option input{accent-color:var(--rental-red)}.wallet-icon{width:34px;height:34px;display:grid;place-items:center;background:#f3f3f3}.rental-wallet-option>span:nth-of-type(2){display:flex;flex-direction:column;gap:4px;flex:1}.rental-wallet-option strong{font-size:10px}.rental-wallet-option small{font-size:9px;color:#888}.rental-wallet-option b{font-size:10px}
.rental-checkout-total{display:flex;justify-content:space-between;align-items:center;padding:20px 0;margin-top:15px;border-top:1px solid var(--rental-border);font-size:11px}.rental-checkout-total strong{font-size:20px}.rental-pay-button{width:100%;height:50px}.rental-payment-foot{font-size:9px;color:#888;line-height:1.7;margin-top:13px}.rental-payment-foot i{margin-right:5px}.rental-wallet-links{display:flex;justify-content:space-between;gap:10px;margin-top:15px}.rental-wallet-links a,.rental-back-link{font-size:9px;color:var(--rental-red);font-weight:700;text-decoration:none}.rental-back-link{display:inline-flex;gap:8px;margin-top:18px;color:#555}
.rental-success-modal{position:fixed;inset:0;z-index:10000;background:#000b;display:grid;place-items:center;padding:20px}.rental-success-box{width:min(450px,100%);padding:38px;background:#fff;text-align:center}.rental-success-icon{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#edf8ef;color:#268344;margin:0 auto 20px;font-size:23px}.rental-success-box h2{font-size:25px;letter-spacing:-1px;margin:12px 0}.rental-success-box>p{font-size:11px;line-height:1.8;color:#777}.rental-success-reference{padding:14px;background:#f5f5f5;margin:20px 0;display:flex;justify-content:space-between;gap:10px;font-size:10px}.rental-success-box .rental-primary-btn{width:100%}.rental-modal-secondary{display:inline-block;margin-top:16px;font-size:10px;color:#666;text-decoration:none}
@media(max-width:900px){.rental-filters{grid-template-columns:1fr 1fr}.rental-showcase,.rental-showcase.reverse{grid-template-columns:1fr 1fr}.rental-showcase-info{padding:28px}.rental-detail-layout{gap:28px}.rental-main-stage{height:350px}.rental-checkout-grid{grid-template-columns:1fr}.rental-payment-card{position:static}}
@media(max-width:650px){.rentals-hero{min-height:500px}.rentals-hero h1{letter-spacing:-3px}.rental-inventory{padding:60px 0}.rental-section-heading{align-items:flex-start}.rental-count strong{font-size:28px}.rental-filters{grid-template-columns:1fr;padding:15px}.rental-filters button{width:100%}.rental-showcase,.rental-showcase.reverse{grid-template-columns:1fr;gap:0}.rental-showcase.reverse .rental-showcase-image,.rental-showcase.reverse .rental-showcase-info{order:initial}.rental-showcase-image,.rental-showcase-image img{min-height:260px;height:260px}.rental-showcase-info{padding:27px 22px}.rental-card-actions>*{flex:1}.rental-detail-layout{grid-template-columns:1fr}.rental-main-stage{height:300px}.rental-overview-card{padding:28px 22px}.rental-overview-grid{grid-template-columns:1fr 1fr}.rental-checkout-card{padding:21px}.rental-form-grid{grid-template-columns:1fr}.rental-form-grid label.full{grid-column:auto}.rental-checkout-vehicle img{width:115px;height:90px}.rental-lightbox{padding:45px 30px}.rental-lightbox-arrow.prev{left:0}.rental-lightbox-arrow.next{right:0}.rental-success-box{padding:28px 20px}}


/* Rental details availability labels */
.rental-detail-tag.available {
    background: #168447;
    color: #fff;
}

.rental-detail-tag.unavailable {
    background: #e82127;
    color: #fff;
}

/* Document verification reminder */
.rental-verification-reminder {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    margin-top: 24px;
    padding: 19px;
    background: #f7f7f7;
    border: 1px solid #e8e8e8;
    border-radius: 5px;
}

.rental-verification-icon {
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    color: #e82127;
    border: 1px solid #e8e8e8;
    border-radius: 50%;
}

.rental-verification-reminder strong {
    display: block;
    font-size: 13px;
    margin-bottom: 7px;
}

.rental-verification-reminder p,
.rental-verification-reminder small {
    display: block;
    color: #737373;
    font-size: 11px;
    line-height: 1.7;
}

.rental-verification-reminder ul {
    margin: 10px 0;
    padding-left: 17px;
    color: #555;
    font-size: 11px;
    line-height: 1.9;
}

.rental-verification-reminder small {
    font-size: 10px;
}

.rental-process-section {
    padding-top: 0;
}

@media (max-width: 480px) {
    .rental-verification-reminder {
        padding: 14px;
        gap: 10px;
    }

    .rental-verification-icon {
        width: 36px;
        height: 36px;
        flex-basis: 36px;
    }
}