/* Shared foundational stylesheet — v189 exact content. */
:root{--bg-dark: #000000;
            --card-bg: #0a0a0a;
            --accent-gold: #dfb86b;
            --accent-gold-hover: #f1ca78;
            --text-white: #ffffff;
            --text-gray: #aaaaaa;
            --border-color: #222222;}

*{box-sizing: border-box;
            margin: 0;
            padding: 0;
            font-family: "Montserrat", sans-serif;
            scroll-behavior: smooth;}

html, body{overflow-x: hidden;
            width: 100%;}

body{background-color: var(--bg-dark);
            color: var(--text-white);
            line-height: 1.6;}

header{display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 18px 5%;
            background-color: rgba(5, 5, 5, 0.92);
            position: fixed;
            width: 100%;
            top: 0;
            z-index: 1000;
            border-bottom: 1px solid rgba(223, 184, 107, 0.15);
            backdrop-filter: blur(12px);
            flex-wrap: wrap;}

.logo-container{display: flex;
            align-items: center;
            gap: 14px;
            text-decoration: none;}

.logo-img{height: 40px; width: auto;}

.logo-text{font-size: 1rem;
            font-weight: 700;
            letter-spacing: 1px;
            text-transform: uppercase;
            display: flex;
            gap: 4px;
            align-items: baseline;
            white-space: nowrap;}

.font-riviera{font-family: var(--font-display); color: #ffffff;}

.font-elite{font-family: var(--font-display); color: var(--accent-gold);}

.font-driver{font-family: var(--font-display); color: #ffffff;}

nav{display: flex; align-items: center;}

nav a{color: var(--text-white);
            text-decoration: none;
            margin: 0 16px;
            font-size: 0.9rem;
            font-weight: 400;
            letter-spacing: 1px;
            transition: color 0.3s;
            text-transform: uppercase;}

nav a:hover{color: var(--accent-gold);}

.header-actions{display: flex; align-items: center; gap: 10px;}

.btn-whatsapp-subtle{display: inline-flex; align-items: center; justify-content: center;
            width: 38px; height: 38px; border-radius: 50%;
            background-color: rgba(223, 184, 107, 0.05); border: 1px solid rgba(223, 184, 107, 0.3);
            text-decoration: none; transition: all 0.3s ease;}

.btn-whatsapp-subtle i{color: #25D366; transition: all 0.3s ease;}

.btn-whatsapp-subtle:hover{background-color: #25D366; border-color: #25D366; transform: translateY(-2px);
            box-shadow: 0 4px 15px rgba(37, 211, 102, 0.4);}

.btn-whatsapp-subtle:hover i{color: #ffffff; transform: scale(1.1);}

.btn-email-subtle{display: inline-flex; align-items: center; justify-content: center;
            width: 38px; height: 38px; border-radius: 50%;
            background-color: rgba(223, 184, 107, 0.05); border: 1px solid rgba(223, 184, 107, 0.3);
            text-decoration: none; transition: all 0.3s ease;}

.btn-email-subtle i{color: var(--accent-gold); transition: all 0.3s ease;}

.btn-email-subtle:hover{background-color: var(--accent-gold); border-color: var(--accent-gold); transform: translateY(-2px);
            box-shadow: 0 4px 15px rgba(223, 184, 107, 0.4);}

.btn-email-subtle:hover i{color: #000000; transform: scale(1.1);}

.btn-phone-prestige{display: inline-flex; align-items: center; gap: 8px; padding: 8px 14px;
            background-color: rgba(223, 184, 107, 0.08); border: 1px solid var(--accent-gold);
            color: var(--accent-gold); border-radius: 30px; text-decoration: none;
            font-weight: 600; font-size: 0.8rem; letter-spacing: 0.5px; transition: all 0.3s ease;}

.btn-phone-prestige:hover{background-color: var(--accent-gold); color: #000000; transform: translateY(-2px);
            box-shadow: 0 4px 20px rgba(223, 184, 107, 0.35);}

.lang-switcher{display: flex; align-items: center; gap: 8px; margin-left: 4px;
            border-left: 1px solid rgba(255, 255, 255, 0.15); padding-left: 12px;}

.flag-btn{background: none; border: none; cursor: pointer; padding: 0;
            display: flex; align-items: center; opacity: 0.5; transition: all 0.3s ease;}

.flag-img{width: 20px; height: 14px; object-fit: cover; border-radius: 2px;}

.flag-btn:hover{opacity: 0.8; transform: scale(1.05);}

.flag-btn.active{opacity: 1; transform: scale(1.1); position: relative;}

.flag-btn.active::after{content: ""; position: absolute; bottom: -5px; left: 0;
            width: 100%; height: 2px; background-color: var(--accent-gold); border-radius: 2px;}

.hero{padding-top: 150px; padding-bottom: 60px;
            background-image: url("../images/homepage-background-desktop-hq.webp");
            background-position: center; background-size: cover;
            text-align: center; display: flex; flex-direction: column;
            align-items: center; min-height: 80vh;
            width: 100%;
            box-sizing: border-box;}

.booking-widget{background-color: rgba(10, 10, 10, 0.9); border: 1px solid rgba(255, 255, 255, 0.22);
            border-radius: 12px; width: 92%; max-width: 850px; padding: 25px 20px;
            box-shadow: 0 15px 35px rgba(0,0,0,0.9); text-align: left;
            margin: 0 auto;
            box-sizing: border-box;}

.booking-widget h1{font-family: var(--font-display); font-size: clamp(1.8rem, 5vw, 2.5rem); margin-bottom: 8px;
            color: #fff; text-align: center;}

.booking-widget .hero-subtitle{color: var(--accent-gold); font-size: 0.9rem; letter-spacing: 0.5px;
            margin-bottom: 20px; text-transform: uppercase; text-align: center;}

.tab-btn{flex: 1; padding: 10px 5px; background: transparent; border: 1px solid transparent;
            color: var(--text-gray); font-size: 0.85rem; font-weight: 600; cursor: pointer;
            border-radius: 6px; text-align: center; transition: all 0.3s ease;}

.tab-btn:hover{color: var(--text-white); background-color: rgba(255, 255, 255, 0.05);}

.tab-btn.active{color: #000; background-color: var(--accent-gold); border-color: var(--accent-gold);
            box-shadow: 0 4px 12px rgba(223, 184, 107, 0.25);}

.form-grid{display: grid; grid-template-columns: 1fr 1fr; gap: 15px; width: 100%;}

.form-group{display: flex; flex-direction: column; position: relative; width: 100%;}

.form-group.full{grid-column: span 2;}

label{font-size: 0.75rem; color: var(--text-gray); margin-bottom: 6px;
            text-transform: uppercase; letter-spacing: 1px; font-weight: 600;}

.input-icon-wrapper{position: relative; display: flex; align-items: center; width: 100%;}

.input-icon-wrapper i{position: absolute; left: 14px; top: 50%; transform: translateY(-50%);
            color: var(--accent-gold); font-size: 1rem;
            pointer-events: none; z-index: 2;}

.input-icon-wrapper > i,
        .input-icon-wrapper > svg{position: absolute;
            left: 14px;
            top: 50%;
            transform: translateY(-50%);
            color: var(--accent-gold);
            pointer-events: none;
            z-index: 2;}

.input-icon-wrapper > svg{width: 17px;
            height: 17px;
            stroke-width: 1.55;}

.input-icon-wrapper input,
        .input-icon-wrapper select,
        .input-icon-wrapper textarea{width: 100%; padding: 12px 14px 12px 42px; background-color: rgba(0, 0, 0, 0.85);
            border: 1px solid rgba(255, 255, 255, 0.25); color: #fff; border-radius: 4px;
            font-size: 0.95rem; transition: border-color 0.3s;
            box-sizing: border-box;}

.input-icon-wrapper textarea{padding-left: 42px;
            padding-top: 12px;
            resize: vertical;
            min-height: 90px;}

.input-icon-wrapper input:focus,
        .input-icon-wrapper select:focus,
        .input-icon-wrapper textarea:focus{outline: none; border-color: var(--accent-gold);}

.input-icon-wrapper input:-webkit-autofill,
        .input-icon-wrapper input:-webkit-autofill:hover,
        .input-icon-wrapper input:-webkit-autofill:focus,
        .input-icon-wrapper textarea:-webkit-autofill,
        .input-icon-wrapper textarea:-webkit-autofill:hover,
        .input-icon-wrapper textarea:-webkit-autofill:focus,
        .input-icon-wrapper select:-webkit-autofill,
        .input-icon-wrapper select:-webkit-autofill:hover,
        .input-icon-wrapper select:-webkit-autofill:focus{-webkit-text-fill-color: #ffffff !important;
            -webkit-box-shadow: 0 0 0 1000px #0a0a0a inset !important;
            box-shadow: 0 0 0 1000px #0a0a0a inset !important;
            border: 1px solid rgba(255, 255, 255, 0.25) !important;
            caret-color: #ffffff !important;
            transition: background-color 9999s ease-in-out 0s;}

.input-icon-wrapper input:-webkit-autofill:focus,
        .input-icon-wrapper textarea:-webkit-autofill:focus,
        .input-icon-wrapper select:-webkit-autofill:focus{border-color: var(--accent-gold) !important;}

.iti{width: 100%; position: relative;}

.iti__flag-container{z-index: 3;
            left: 0;
            top: 0;
            bottom: 0;
            width: 72px;}

.iti__selected-flag{height: 100%;
            width: 72px;
            background: rgba(223, 184, 107, 0.06) !important;
            border-right: 1px solid rgba(223, 184, 107, 0.45);
            border-radius: 6px 0 0 6px;
            padding: 0 10px !important;
            display: flex !important;
            align-items: center;
            justify-content: center;
            gap: 7px;
            transition: background-color 0.3s ease, border-color 0.3s ease;}

.iti__selected-flag:hover{background: rgba(223, 184, 107, 0.12) !important;}

.iti__selected-flag .iti__flag{flex-shrink: 0;}

.iti__arrow{border-top-color: var(--accent-gold) !important;
            margin-left: 2px;}

.iti--allow-dropdown input[type=tel]{padding-left: 86px !important;
            width: 100%;}

.iti:focus-within .iti__selected-flag{background: rgba(223, 184, 107, 0.12) !important;
            border-right-color: var(--accent-gold);}

.iti__country-list{background-color: #0c0c0c !important;
            border: 1px solid var(--accent-gold) !important;
            color: #ffffff !important;
            border-radius: 6px;
            box-shadow: 0 10px 25px rgba(0,0,0,0.9);
            max-height: 200px;}

.iti__country:hover, .iti__country.iti__highlight{background-color: rgba(223, 184, 107, 0.2) !important;}

.iti__country-name, .iti__dial-code{color: #ffffff !important;}

#date_picker, #time_input, #heures_input, #passengers_count{cursor: pointer !important;
            caret-color: transparent;}

#form-error-msg{grid-column: span 2; color: #f3d7a1; font-size: 0.85rem; font-weight: 600; text-align: center; display: none; background-color: transparent; border: 1px solid transparent; padding: 8px; border-radius: 4px; margin-top: 5px;}

.time-picker-popup, .passengers-picker-popup{display: none; position: absolute; bottom: 100%; left: 0; z-index: 9999;
            background-color: #0c0c0c; border: 1px solid var(--accent-gold);
            border-radius: 10px; padding: 15px; width: 100%; max-width: 280px;
            box-shadow: 0 -15px 35px rgba(0,0,0,0.9); margin-bottom: 5px; text-align: center;
            box-sizing: border-box;
            animation: popupFadeIn 0.18s cubic-bezier(0.16, 1, 0.3, 1) forwards;}

.time-picker-popup.open, .passengers-picker-popup.open{display: block;}

@keyframes popupFadeIn{from { opacity: 0; transform: translateY(10px); }
            to { opacity: 1; transform: translateY(0); }}

.time-display{background-color: #141414; border-radius: 6px; padding: 10px; font-size: 1.6rem;
            font-weight: 700; letter-spacing: 2px; margin-bottom: 12px;
            border: 1px solid var(--border-color); color: var(--accent-gold);}

.time-display span{cursor: pointer; opacity: 0.5; transition: opacity 0.2s;}

.time-display span.active-mode{opacity: 1;}

.clock-face{position: relative; width: 200px; height: 200px; background-color: #141414;
            border-radius: 50%; margin: 0 auto 12px auto; border: 1px solid var(--border-color);}

.clock-hand{position: absolute; top: 50%; left: 50%; width: 2px; height: 70px;
            background-color: var(--accent-gold); transform-origin: top center;
            transform: translate(-50%, 0) rotate(180deg); pointer-events: none;
            transition: transform 0.46s cubic-bezier(0.16, 1, 0.3, 1), height 0.24s cubic-bezier(0.16, 1, 0.3, 1);}

.clock-hand::after{content: ""; position: absolute; bottom: -5px; left: -5px; width: 12px;
            height: 12px; background-color: var(--accent-gold); border-radius: 50%;}

.clock-center{position: absolute; top: 50%; left: 50%; width: 6px; height: 6px;
            background-color: var(--accent-gold); border-radius: 50%; transform: translate(-50%, -50%);
            box-shadow: 0 0 6px rgba(223, 184, 107, 0.6);}

.clock-number{position: absolute; width: 26px; height: 26px; line-height: 26px; text-align: center;
            font-size: 0.75rem; font-weight: 600; color: var(--text-white); border-radius: 50%;
            cursor: pointer; transform: translate(-50%, -50%); transition: background 0.2s, color 0.2s, transform 0.2s; user-select: none;}

.clock-number:hover{transform: translate(-50%, -50%) scale(1.15);}

.clock-number.selected{background-color: var(--accent-gold); color: #000; transform: translate(-50%, -50%) scale(1.1);}

.clock-number.disabled{color: #444444 !important; background-color: transparent !important; cursor: not-allowed !important; pointer-events: none; transform: translate(-50%, -50%) scale(1) !important;}

.hours-grid-container{display: grid; grid-template-columns: repeat(4, 1fr); gap: 6px;
            max-height: 180px; overflow-y: auto; margin-bottom: 12px; padding-right: 4px;}

.hours-grid-container::-webkit-scrollbar{width: 4px;}

.hours-grid-container::-webkit-scrollbar-thumb{background: var(--border-color); border-radius: 4px;}

.hour-grid-item{background-color: #141414; border: 1px solid var(--border-color); color: var(--text-white);
            padding: 8px 0; font-size: 0.8rem; font-weight: 600; border-radius: 6px;
            cursor: pointer; text-align: center; transition: all 0.2s ease;}

.hour-grid-item:hover, .hour-grid-item.selected{background-color: var(--accent-gold); color: #000; border-color: var(--accent-gold);}

.picker-actions{display: flex; justify-content: flex-end; gap: 8px;}

.picker-actions button{background: transparent; border: none; color: var(--accent-gold);
            font-weight: 700; font-size: 0.8rem; cursor: pointer; text-transform: uppercase;
            letter-spacing: 1px; padding: 6px 8px;}

.picker-actions button:hover{opacity: 0.8;}

.flatpickr-calendar{background-color: #0d0d0d !important; border: 1px solid var(--accent-gold) !important;
            box-shadow: 0 -15px 30px rgba(0,0,0,0.9) !important;
            border-radius: 8px !important; font-family: "Montserrat", sans-serif !important;
            max-width: 90vw !important;}

.flatpickr-day.selected, .flatpickr-day.startRange, .flatpickr-day.endRange,
        .flatpickr-day.selected:focus, .flatpickr-day.selected:hover{background: var(--accent-gold) !important; border-color: var(--accent-gold) !important;
            color: #000000 !important; font-weight: 700 !important;}

.flatpickr-day:hover{background: rgba(223, 184, 107, 0.25) !important; color: #ffffff !important;}

.flatpickr-months .flatpickr-month, .flatpickr-current-month .flatpickr-monthDropdown-months, .flatpickr-weekday{color: var(--accent-gold) !important; fill: var(--accent-gold) !important; font-weight: 600;}

.flatpickr-calendar .calendar-action-bar{display: flex;
            justify-content: flex-end;
            align-items: center;
            padding: 9px 12px 10px;
            border-top: 1px solid rgba(223, 184, 107, 0.18);
            background: #0d0d0d;
            border-radius: 0 0 8px 8px;}

.flatpickr-calendar .calendar-cancel-btn{appearance: none;
            background: transparent;
            border: 0;
            color: var(--accent-gold);
            font-family: var(--font-ui);
            font-size: 0.75rem;
            font-weight: 700;
            letter-spacing: 1px;
            text-transform: uppercase;
            cursor: pointer;
            padding: 7px 8px;}

.flatpickr-calendar .calendar-cancel-btn:hover{color: var(--accent-gold-hover);}

#booking-view, #checkout-view{padding-top: 150px;
            min-height: 100vh;
            background-color: var(--bg-dark);}

.booking-container-page{max-width: 1200px;
            margin: 0 auto;
            padding: 20px 5%;}

.booking-summary-card{background-color: var(--card-bg);
            border: 1px solid var(--border-color);
            border-radius: 10px;
            padding: 25px;
            margin-bottom: 30px;}

.booking-summary-card h2{font-family: var(--font-display);
            color: var(--accent-gold);
            margin-bottom: 20px;
            font-size: 1.5rem;}

.summary-details{display: grid;
            grid-template-columns: 1fr 1fr;
            column-gap: 50px;
            row-gap: 12px;
            font-size: 0.95rem;
            color: var(--text-gray);}

.summary-row{display: block;}

.summary-row:nth-child(1){grid-column: 1;
            grid-row: 1;}

.summary-row:nth-child(2){grid-column: 1;
            grid-row: 2;}

.summary-row:nth-child(3){grid-column: 2;
            grid-row: 1;}

.summary-row:nth-child(4){grid-column: 2;
            grid-row: 2;}

.summary-row strong{color: var(--accent-gold);
            display: inline-block;
            min-width: 130px;
            font-weight: 600;
            text-transform: uppercase;
            font-size: 0.8rem;
            letter-spacing: 0.5px;}

.summary-row span{color: var(--text-white);}

.back-home-btn{display: inline-block;
            margin-bottom: 20px;
            background: transparent;
            border: 1px solid var(--accent-gold);
            color: var(--accent-gold);
            padding: 8px 16px;
            border-radius: 4px;
            cursor: pointer;
            font-weight: 600;
            text-transform: uppercase;
            font-size: 0.8rem;
            transition: all 0.3s;}

.back-home-btn:hover{background-color: var(--accent-gold);
            color: #000;}

.checkout-form-container{background-color: var(--card-bg);
            border: 1px solid rgba(223, 184, 107, 0.25);
            border-radius: 12px;
            padding: 35px 30px;
            box-shadow: 0 15px 40px rgba(0, 0, 0, 0.8);
            margin-top: 20px;}

.checkout-form-container h2{font-family: var(--font-display);
            color: var(--accent-gold);
            font-size: 1.6rem;
            margin-bottom: 25px;
            border-bottom: 1px solid var(--border-color);
            padding-bottom: 12px;}

.btn-confirm-booking{display: block;
            grid-column: 1 / -1;
            justify-self: center;
            width: min(100%, 560px);
            padding: 16px;
            background-color: var(--accent-gold);
            color: #000;
            border: none;
            border-radius: 4px;
            font-size: 1rem;
            font-weight: 700;
            cursor: pointer;
            text-transform: uppercase;
            letter-spacing: 1px;
            margin: 20px auto 0;
            transition: all 0.3s ease;}

.btn-confirm-booking:hover{background-color: var(--accent-gold-hover);
            box-shadow: 0 4px 20px rgba(223, 184, 107, 0.4);}

.vehicles-grid{display: grid;
            gap: 25px;
            max-width: 1200px;
            margin: 30px auto 0 auto;
            width: 100%;
            grid-template-columns: repeat(3, 1fr);}

.vehicle-card{background: #0a0a0a;
            border: 1px solid rgba(223, 184, 107, 0.2);
            border-radius: 12px;
            padding: 25px 20px;
            box-sizing: border-box;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            text-align: center;
            transition: all 0.4s ease;
            position: relative;
            overflow: hidden;}

.vehicle-card:hover{border-color: rgba(223, 184, 107, 0.6);
            transform: translateY(-5px);
            box-shadow: 0 15px 40px rgba(0, 0, 0, 0.9), 0 0 20px rgba(223, 184, 107, 0.15);}

.vehicle-card h3{color: var(--accent-gold);
            font-family: var(--font-display);
            font-size: 1.3rem;
            margin-bottom: 15px;
            letter-spacing: 0.5px;}

.vehicle-img-container{width: 100%;
            height: 190px;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-bottom: 15px;
            position: relative;
            cursor: pointer;

            background: radial-gradient(circle at center, rgba(30, 28, 24, 0.8) 0%, rgba(5, 5, 5, 0.95) 75%);
            border: 1px solid rgba(223, 184, 107, 0.25);
            border-radius: 8px;
            box-shadow: inset 0 0 15px rgba(0, 0, 0, 0.8);}

.vehicle-img{max-width: 88%;
            max-height: 80%;
            object-fit: contain;
            filter: contrast(1.08) brightness(0.96) drop-shadow(0 4px 8px rgba(0, 0, 0, 0.8)) drop-shadow(0 0 4px rgba(223, 184, 107, 0.1));
            transition: transform 0.4s ease;}

.vehicle-card:hover .vehicle-img{transform: scale(1.06);}

.vehicle-specs{display: flex;
            justify-content: center;
            gap: 20px;
            margin: 15px 0;
            padding: 10px 0;
            border-top: 1px solid rgba(255, 255, 255, 0.08);
            border-bottom: 1px solid rgba(255, 255, 255, 0.08);
            color: var(--text-gray);
            font-size: 0.85rem;}

.vehicle-specs div{display: flex;
            align-items: center;
            gap: 6px;}

.vehicle-specs i{color: var(--accent-gold);}

.pricing-features{display: flex;
            flex-direction: column;
            gap: 10px;
            text-align: left;
            margin: 15px 0 10px 0;
            padding: 12px;
            background-color: rgba(223, 184, 107, 0.03);
            border: 1px solid rgba(223, 184, 107, 0.12);
            border-radius: 6px;}

.pricing-feature-item{display: flex;
            align-items: flex-start;
            gap: 10px;
            font-size: 0.78rem;
            color: #d1d1d1;
            line-height: 1.35;}

.pricing-feature-item i{color: var(--accent-gold);
            font-size: 0.85rem;
            margin-top: 2px;
            flex-shrink: 0;}

.vehicle-footer-card{display: flex;
            flex-direction: column;
            gap: 14px;
            margin-top: 10px;}

.vehicle-price{font-size: 1.7rem;
            font-weight: 700;
            color: var(--text-white);
            letter-spacing: 0.5px;}

.vehicle-payment-icons{display: flex;
            justify-content: center;
            align-items: center;
            gap: 10px;
            margin-bottom: 2px;
            height: 32px;}

.pay-badge{display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 48px;
            height: 28px;
            padding: 0 4px;
            background-color: #050505;
            border: 1px solid rgba(223, 184, 107, 0.4);
            border-radius: 4px;
            transition: all 0.3s ease;
            box-shadow: 0 2px 6px rgba(0,0,0,0.5);
            overflow: hidden;}

.pay-badge:hover{border-color: var(--accent-gold);
            transform: translateY(-2px);
            box-shadow: 0 4px 12px rgba(223, 184, 107, 0.3);
            background-color: #0f0f0f;}

.pay-badge svg,
        .pay-badge img{max-height: 14px;
            max-width: 100%;
            width: auto;
            object-fit: contain;}

.btn-select{display: block; width: 100%; padding: 12px 15px; background: transparent;
            border: 1px solid var(--accent-gold); color: var(--accent-gold); font-weight: 700;
            border-radius: 4px; cursor: pointer; text-transform: uppercase; font-size: 0.9rem; transition: all 0.3s ease;}

.btn-select:hover{background-color: var(--accent-gold); color: #000; box-shadow: 0 4px 15px rgba(223, 184, 107, 0.4);}

.booking-trust{display: flex;
            justify-content: center;
            flex-wrap: wrap;
            gap: 9px 22px;
            margin: 18px auto 0;
            color: #a7a7a7;
            font-size: .72rem;
            letter-spacing: .35px;}

.booking-trust span{display: inline-flex;
            align-items: center;
            gap: 7px;
            white-space: nowrap;}

.booking-trust i{color: var(--accent-gold);
            font-size: .67rem;}

@media (max-width: 560px){

.booking-trust{display: grid;
                grid-template-columns: repeat(2, max-content);
                justify-content: center;
                gap: 9px 16px;
                font-size: .67rem;}

}

#booking-view .vehicle-selection-trust{margin: 12px auto 22px;}

@media (max-width: 900px){

#booking-view .vehicle-selection-trust{margin: 10px auto 18px;}

}

.lux-icon{width: 25px;
            height: 25px;
            stroke-width: 1.35;
            color: var(--accent-gold);
            flex: 0 0 auto;}

.experience-icon .lux-icon,
        .service-card > .lux-icon{width: 30px;
            height: 30px;}

.detail-item > .lux-icon{width: 18px;
            height: 18px;
            margin-top: 1px;}

.booking-trust .lux-icon{width: 14px;
            height: 14px;
            stroke-width: 1.6;}

#home-view .booking-widget h1,
        #home-view .hero-subtitle,
        #home-view .eyebrow,
        #home-view .luxury-title,
        #home-view .luxury-intro{margin-left: auto;
            margin-right: auto;}

#home-view .booking-widget h1,
        #home-view .hero-subtitle,
        #home-view .eyebrow,
        #home-view .luxury-title{text-align: center;}

.luxury-title.lang-en,
        .luxury-title.lang-fr,
        .eyebrow.lang-en,
        .eyebrow.lang-fr,
        .hero-subtitle.lang-en,
        .hero-subtitle.lang-fr{width: 100%;}

.booking-widget > h1,
        .booking-widget > h1 .lang-en,
        .booking-widget > h1 .lang-fr,
        .booking-widget > .hero-subtitle{text-align: center;}

.booking-trust.lang-en,
        .booking-trust.lang-fr{width: 100%;
            justify-content: center;
            text-align: center;}

.booking-trust.lang-en[style*="display"],
        .booking-trust.lang-fr[style*="display"]{justify-content: center;}

.luxury-section{padding: 90px 5%;
            position: relative;
            overflow: hidden;}

.luxury-section.alt-bg{background:
                radial-gradient(circle at 15% 20%, rgba(223,184,107,0.06), transparent 32%),
                linear-gradient(180deg, #050505 0%, #0a0a0a 100%);
            border-top: 1px solid rgba(223,184,107,0.10);
            border-bottom: 1px solid rgba(223,184,107,0.10);}

.luxury-inner{width: 100%;
            max-width: 1220px;
            margin: 0 auto;}

.eyebrow{text-align: center;
            color: var(--accent-gold);
            text-transform: uppercase;
            letter-spacing: 3px;
            font-size: 0.73rem;
            font-weight: 700;
            margin-bottom: 13px;}

.luxury-title{text-align: center;
            font-family: var(--font-display);
            font-size: clamp(2rem, 4vw, 3.15rem);
            line-height: 1.15;
            font-weight: 600;
            margin-bottom: 18px;
            color: #fff;}

.luxury-intro{max-width: 820px;
            margin: 0 auto 48px;
            text-align: center;
            color: #b9b9b9;
            font-size: 1rem;
            line-height: 1.85;}

.experience-grid{display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 18px;}

.experience-item{min-height: 205px;
            padding: 30px 24px;
            background: rgba(10,10,10,0.88);
            border: 1px solid rgba(223,184,107,0.18);
            border-radius: 10px;
            text-align: center;
            transition: transform .3s ease, border-color .3s ease, box-shadow .3s ease;}

.experience-item:hover{transform: translateY(-5px);
            border-color: rgba(223,184,107,0.6);
            box-shadow: 0 18px 40px rgba(0,0,0,.42);}

.experience-icon{width: 50px;
            height: 50px;
            margin: 0 auto 20px;
            display: flex;
            align-items: center;
            justify-content: center;
            border: 1px solid rgba(223,184,107,.45);
            border-radius: 50%;
            color: var(--accent-gold);
            font-size: 1.1rem;}

.experience-item h3,
        .service-card h3,
        .event-card h3{font-family: var(--font-display);
            color: #fff;
            font-size: 1.2rem;
            margin-bottom: 11px;
            font-weight: 600;}

.experience-item p,
        .service-card p,
        .event-card p{color: #9f9f9f;
            font-size: .88rem;
            line-height: 1.72;}

.services-grid{display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 22px;}

.service-card{position: relative;
            padding: 34px 34px 32px 88px;
            min-height: 185px;
            background: #080808;
            border: 1px solid #1e1e1e;
            border-radius: 10px;
            transition: border-color .3s ease, background .3s ease, transform .3s ease;}

.service-card:hover{border-color: rgba(223,184,107,.5);
            background: #0d0d0d;
            transform: translateY(-3px);}

.service-card > i{position: absolute;
            top: 37px;
            left: 32px;
            color: var(--accent-gold);
            font-size: 1.55rem;}

.service-link{display: inline-flex;
            align-items: center;
            gap: 8px;
            margin-top: 17px;
            color: var(--accent-gold);
            text-decoration: none;
            font-size: .78rem;
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: .8px;}

.service-link:hover{color: var(--accent-gold-hover);}

.signature-details{display: grid;
            grid-template-columns: 1.05fr .95fr;
            gap: 46px;
            align-items: center;}

.signature-details-copy .eyebrow,
        .signature-details-copy .luxury-title,
        .signature-details-copy .luxury-intro{text-align: left;
            margin-left: 0;}

.detail-list{display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 12px;}

.detail-item{display: flex;
            align-items: flex-start;
            gap: 12px;
            padding: 15px 16px;
            background: #080808;
            border: 1px solid #1e1e1e;
            border-radius: 8px;}

.detail-item i{color: var(--accent-gold);
            width: 18px;
            margin-top: 2px;
            text-align: center;}

.detail-item strong{color: #f3f3f3;
            display: block;
            font-size: .78rem;
            letter-spacing: .3px;
            margin-bottom: 3px;}

.detail-item span{color: #8e8e8e;
            font-size: .72rem;
            line-height: 1.45;}

@media (max-width: 900px){

.signature-details{grid-template-columns: 1fr; gap: 28px;}

.signature-details-copy .eyebrow,
            .signature-details-copy .luxury-title,
            .signature-details-copy .luxury-intro{text-align: center; margin-left: auto;}

}

@media (max-width: 560px){

.detail-list{grid-template-columns: 1fr;}

}

.destinations-wrap{display: grid;
            grid-template-columns: 1.1fr .9fr;
            gap: 42px;
            align-items: center;}

.destinations-copy .eyebrow,
        .destinations-copy .luxury-title{text-align: left;}

.destinations-copy .luxury-intro{text-align: left;
            margin-left: 0;
            margin-bottom: 28px;}

.destination-pills{display: flex;
            flex-wrap: wrap;
            gap: 10px;}

.destination-pill{padding: 10px 15px;
            border: 1px solid rgba(223,184,107,.28);
            border-radius: 999px;
            color: #e9e9e9;
            background: rgba(223,184,107,.035);
            font-size: .82rem;
            letter-spacing: .25px;}

.route-panel{background: linear-gradient(145deg, #0c0c0c, #050505);
            border: 1px solid rgba(223,184,107,.25);
            border-radius: 12px;
            padding: 30px;
            box-shadow: 0 25px 60px rgba(0,0,0,.38);}

.route-panel-title{font-family: var(--font-display);
            color: var(--accent-gold);
            font-size: 1.35rem;
            margin-bottom: 22px;}

.route-row{display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 16px;
            padding: 14px 0;
            border-bottom: 1px solid #1d1d1d;
            color: #dcdcdc;
            font-size: .9rem;}

.route-row:last-child{border-bottom: 0;}

.route-row i{color: var(--accent-gold); margin-right: 9px;}

.route-row span:last-child{color: #797979;
            font-size: .74rem;
            text-transform: uppercase;
            letter-spacing: .7px;
            white-space: nowrap;}

.reviews-grid{display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 18px;}

.review-card{position: relative;
            padding: 32px 28px 28px;
            background: #080808;
            border: 1px solid rgba(223,184,107,.18);
            border-radius: 10px;}

.review-stars{color: var(--accent-gold);
            letter-spacing: 3px;
            font-size: .78rem;
            margin-bottom: 20px;}

.review-card blockquote{margin: 0;
            color: #d0d0d0;
            font-family: var(--font-display);
            font-size: 1rem;
            line-height: 1.75;
            font-style: italic;}

.review-source{margin-top: 22px;
            color: #777;
            text-transform: uppercase;
            letter-spacing: 1.2px;
            font-size: .65rem;}

@media (max-width: 1100px){

.reviews-grid{grid-template-columns: repeat(2, 1fr);}

}

@media (max-width: 900px){

.reviews-grid{grid-template-columns: 1fr;}

}

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

.event-card{padding: 30px;
            min-height: 230px;
            border: 1px solid #202020;
            border-radius: 10px;
            background:
                linear-gradient(180deg, rgba(223,184,107,.055), rgba(0,0,0,0) 48%),
                #080808;}

.event-tag{display: inline-block;
            color: var(--accent-gold);
            border-bottom: 1px solid rgba(223,184,107,.5);
            padding-bottom: 5px;
            margin-bottom: 21px;
            text-transform: uppercase;
            letter-spacing: 1.3px;
            font-size: .68rem;
            font-weight: 700;}

.contact-luxury{position: relative;
            max-width: 1120px;
            margin: 0 auto;
            padding: 54px;
            border: 1px solid rgba(223,184,107,.33);
            border-radius: 12px;
            background:
                radial-gradient(circle at 85% 20%, rgba(223,184,107,.08), transparent 33%),
                #080808;}

.contact-luxury .luxury-title,
        .contact-luxury .luxury-intro{text-align: left;
            margin-left: 0;}

.contact-luxury .luxury-intro{max-width: 760px;
            margin-bottom: 34px;}

.contact-actions-grid{display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 14px;}

.contact-action{display: flex;
            align-items: center;
            gap: 13px;
            padding: 18px 20px;
            color: #fff;
            text-decoration: none;
            background: #050505;
            border: 1px solid #222;
            border-radius: 8px;
            transition: all .3s ease;}

.contact-action:hover{border-color: var(--accent-gold);
            transform: translateY(-2px);
            background: rgba(223,184,107,.06);}

.contact-action i{width: 34px;
            height: 34px;
            display: flex;
            align-items: center;
            justify-content: center;
            color: var(--accent-gold);
            border: 1px solid rgba(223,184,107,.35);
            border-radius: 50%;}

.contact-action strong{display: block;
            font-size: .8rem;
            letter-spacing: .7px;
            text-transform: uppercase;}

.contact-action small{display: block;
            margin-top: 2px;
            color: #8e8e8e;
            font-size: .72rem;}

.premium-cta{text-align: center;
            margin-top: 42px;}

.premium-cta a{display: inline-block;
            padding: 13px 26px;
            color: #000;
            background: var(--accent-gold);
            border: 1px solid var(--accent-gold);
            border-radius: 4px;
            text-decoration: none;
            text-transform: uppercase;
            letter-spacing: 1px;
            font-weight: 700;
            font-size: .78rem;
            transition: all .3s ease;}

.premium-cta a:hover{background: var(--accent-gold-hover);
            border-color: var(--accent-gold-hover);
            transform: translateY(-2px);
            box-shadow: 0 10px 25px rgba(223,184,107,.18);}

@media (max-width: 900px){

.luxury-section{padding: 66px 5%;}

.experience-grid{grid-template-columns: repeat(2, 1fr);}

.services-grid{grid-template-columns: 1fr;}

.destinations-wrap{grid-template-columns: 1fr; gap: 28px;}

.destinations-copy .eyebrow,
            .destinations-copy .luxury-title,
            .destinations-copy .luxury-intro{text-align: center;}

.destinations-copy .luxury-intro{margin-left: auto;}

.destination-pills{justify-content: center;}

.events-grid{grid-template-columns: 1fr;}

.contact-actions-grid{grid-template-columns: 1fr;}

.contact-luxury{padding: 34px 24px;}

.contact-luxury .luxury-title,
            .contact-luxury .luxury-intro{text-align: center;}

.contact-luxury .luxury-intro{margin-left: auto;}

}

@media (max-width: 560px){

.experience-grid{grid-template-columns: 1fr;}

.experience-item{min-height: auto;}

.service-card{padding: 28px 22px 26px 68px;
                min-height: auto;}

.service-card > i{left: 23px;
                top: 31px;}

.route-panel{padding: 23px 20px;}

.route-row{align-items: flex-start;}

}

footer{background-color: #000000; padding: 25px 5%; border-top: 1px solid var(--border-color); text-align: center; color: #666; font-size: 0.8rem; width: 100%; box-sizing: border-box;}

@media (max-width: 900px){

.summary-details{grid-template-columns: 1fr;
                column-gap: 0;}

.summary-row:nth-child(1),
            .summary-row:nth-child(2),
            .summary-row:nth-child(3),
            .summary-row:nth-child(4){grid-column: 1;
                grid-row: auto;}

header{flex-direction: column; gap: 15px; padding: 15px 4%;}

nav{gap: 10px; flex-wrap: wrap; justify-content: center; width: 100%;}

nav a{margin: 0 8px; font-size: 0.75rem;}

.header-actions{width: 100%; justify-content: space-around;}

.form-grid{grid-template-columns: 1fr;}.form-group.full {grid-column: span 1;}

.btn-confirm-booking{grid-column: span 1; width: 100%;}

.hero{padding-top: 170px;}

.logo-container{max-width: 100%; justify-content: center;}

#booking-view, #checkout-view{padding-top: 180px;}

#form-error-msg{grid-column: span 1;}

.vehicles-grid{grid-template-columns: 1fr;}

#booking-view .pricing-features{display: none;}

}

:root{--font-display: "Cormorant Garamond", Georgia, serif;
            --font-ui: "Manrope", Arial, sans-serif;}

html, body, input, select, textarea, button{font-family: var(--font-ui);}

body{font-weight: 400;
            letter-spacing: -0.005em;}

h1, h2, h3,
        .luxury-title,
        .section-title,
        .vehicle-name,
        .price-display{font-family: var(--font-display);}

.luxury-title,
        .section-title{font-weight: 500;
            letter-spacing: -0.018em;
            line-height: 1.04;}

.eyebrow,
        .nav-links,
        .hero-subtitle,
        button,
        .btn,
        .service-link,
        label{font-family: var(--font-ui);}

.eyebrow{font-weight: 600;
            letter-spacing: .18em;}

.hero-subtitle{font-weight: 500;
            letter-spacing: .14em;}

.service-card h3,
        .experience-item h3,
        .event-card h3{font-family: var(--font-display);
            font-weight: 500;
            letter-spacing: -0.01em;}

.booking-widget h1{font-family: var(--font-display);
            font-weight: 500;
            letter-spacing: -0.015em;}

@media (max-width: 600px){

.luxury-title,
            .section-title{line-height: 1.08;}

.eyebrow{letter-spacing: .14em;}

}

@media (max-width: 1023px) {

html{-webkit-text-size-adjust: 100%;
                text-size-adjust: 100%;
                scroll-padding-top: 158px;}

body{width: 100%;
                min-width: 0;
                overflow-x: hidden;
                padding-left: env(safe-area-inset-left);
                padding-right: env(safe-area-inset-right);}

#reserver,
            #experience,
            #services,
            #vehicules,
            #details,
            #destinations,
            #events,
            #reviews,
            #contact{scroll-margin-top: 158px;}

header{flex-direction: column;
                align-items: stretch;
                gap: 6px;
                padding:
                    calc(7px + env(safe-area-inset-top))
                    max(10px, env(safe-area-inset-right))
                    7px
                    max(10px, env(safe-area-inset-left));
                backdrop-filter: blur(18px);
                -webkit-backdrop-filter: blur(18px);}

.logo-container{min-height: 31px;
                max-width: none;
                justify-content: center;
                gap: 8px;}

.logo-img{height: 29px;}

.logo-text{font-size: .82rem;
                letter-spacing: .075em;
                line-height: 1;}

header nav{display: flex;
                flex-wrap: nowrap;
                align-items: center;
                justify-content: space-between;
                width: 100%;
                gap: 0;
                padding: 0;
                overflow: visible;}

header nav a{flex: 1 1 20%;
                min-width: 0;
                height: 40px;
                margin: 0;
                padding: 0 2px;
                display: flex;
                align-items: center;
                justify-content: center;
                white-space: nowrap;
                text-align: center;
                font-size: clamp(.53rem, 2.35vw, .68rem);
                line-height: 1;
                letter-spacing: .045em;
                font-weight: 600;}

.header-actions{width: 100%;
                min-height: 38px;
                justify-content: center;
                gap: 8px;}

.btn-phone-prestige{min-height: 38px;
                padding: 6px 11px;
                font-size: .69rem;
                white-space: nowrap;}

.btn-whatsapp-subtle,
            .btn-email-subtle{width: 38px;
                height: 38px;
                flex: 0 0 38px;}

.lang-switcher{min-height: 38px;
                margin-left: 2px;
                padding-left: 8px;
                gap: 3px;}

.flag-btn{width: 34px;
                height: 38px;
                justify-content: center;}

.flag-img{width: 21px;
                height: 14px;}

.hero{min-height: auto;
                padding:
                    calc(158px + env(safe-area-inset-top))
                    12px
                    5px;
                background-position: center center;}

.booking-widget{width: 100%;
                max-width: 560px;
                padding: 3px 16px 18px;
                border-radius: 10px;
                margin: 0 auto;}

.booking-widget h1{font-size: clamp(1.9rem, 9vw, 2.45rem);
                line-height: 1;
                margin-bottom: 9px;}

.booking-widget .hero-subtitle{max-width: 330px;
                margin: 0 auto 18px;
                font-size: .68rem;
                line-height: 1.55;
                letter-spacing: .105em;}

.tab-btn{min-height: 44px;
                padding: 9px 6px;
                font-size: .76rem;
                line-height: 1.2;}

.form-grid{grid-template-columns: minmax(0, 1fr);
                gap: 13px;}.form-group,
.form-group.full,
#form-error-msg {grid-column: 1 / -1;
                min-width: 0;}

label{margin-bottom: 5px;
                font-size: .7rem;
                letter-spacing: .08em;}

.input-icon-wrapper{min-width: 0;}

.input-icon-wrapper input,
            .input-icon-wrapper select,
            .input-icon-wrapper textarea{min-height: 48px;
                padding-top: 12px;
                padding-bottom: 12px;
                font-size: 16px;
                border-radius: 6px;}

.input-icon-wrapper textarea{min-height: 96px;}.btn-select,
.btn-confirm-booking,
.back-home-btn {min-height: 48px;
                touch-action: manipulation;}

.time-picker-popup,
            .passengers-picker-popup{width: min(320px, calc(100vw - 28px));
                max-width: calc(100vw - 28px);
                left: 50%;
                transform: translateX(-50%);
                padding: 14px;}

.time-picker-popup.open,
            .passengers-picker-popup.open{display: block;}

.flatpickr-calendar{width: min(340px, calc(100vw - 24px)) !important;
                max-width: calc(100vw - 24px) !important;}

.flatpickr-days,
            .dayContainer{width: 100% !important;
                min-width: 100% !important;
                max-width: 100% !important;}

.flatpickr-day{max-width: none !important;}

.picker-actions button,
            .calendar-cancel-btn{min-height: 40px;
                padding: 8px 10px;}

#booking-view,
            #checkout-view{padding-top: calc(158px + env(safe-area-inset-top));}

.booking-container-page{padding: 15px 12px 36px;}

.vehicle-selection-trust{width: 100%;
                display: grid !important;
                grid-template-columns: repeat(2, minmax(0, 1fr));
                gap: 8px 10px;
                padding: 0 4px;}

.vehicle-selection-trust span{justify-content: flex-start;
                white-space: normal;
                line-height: 1.25;}

.vehicles-grid{grid-template-columns: minmax(0, 1fr);
                gap: 16px;
                margin-top: 18px;}

.vehicle-card{padding: 20px 14px;
                border-radius: 10px;}

.vehicle-img-container{height: clamp(155px, 46vw, 195px);
                margin-bottom: 12px;}

.vehicle-specs{gap: 14px;
                flex-wrap: wrap;}

#booking-view .pricing-features{display: none;}

.checkout-summary-card,
            .checkout-form-container{padding: 20px 15px;
                border-radius: 10px;}

.checkout-form-container .form-grid{gap: 13px;}

.btn-confirm-booking{width: 100%;
                margin-top: 14px;}

.luxury-section{padding: 56px 16px;}

.luxury-title{font-size: clamp(2rem, 10vw, 2.8rem);}

.luxury-intro{margin-bottom: 34px;
                font-size: .94rem;
                line-height: 1.75;}

.experience-grid,
            .services-grid,
            .events-grid,
            .reviews-grid{grid-template-columns: minmax(0, 1fr);
                gap: 14px;}

.experience-item,
            .service-card,
            .event-card,
            .review-card{min-height: 0;}

.experience-item{padding: 25px 19px;}

.service-card{padding: 26px 19px 25px 64px;}

.service-card > i,
            .service-card > svg{left: 21px;
                top: 29px;}

.signature-details,
            .destinations-wrap{grid-template-columns: minmax(0, 1fr);
                gap: 26px;}

.detail-list{grid-template-columns: minmax(0, 1fr);}

.destination-pills{gap: 8px;}

.destination-pill{padding: 9px 12px;
                font-size: .76rem;}

.route-panel{padding: 22px 18px;}

.route-row{align-items: flex-start;
                gap: 10px;}

.route-row > div{min-width: 0;}

.contact-luxury{padding: 29px 18px;
                border-radius: 10px;}

.contact-actions-grid{grid-template-columns: minmax(0, 1fr);
                gap: 10px;}

.contact-action{min-height: 64px;
                padding: 13px 15px;}

footer{padding:
                    24px max(16px, env(safe-area-inset-right))
                    calc(24px + env(safe-area-inset-bottom))
                    max(16px, env(safe-area-inset-left));}

}

@media (max-width: 374px){

header nav a{font-size: .52rem;
                letter-spacing: .015em;
                padding-left: 1px;
                padding-right: 1px;}

.logo-text{font-size: .76rem;}

.btn-phone-prestige{padding-left: 8px;
                padding-right: 8px;
                font-size: .64rem;}

.header-actions{gap: 5px;}

.booking-widget{padding-left: 13px;
                padding-right: 13px;}

}

@media (max-width: 900px) and (orientation: landscape) and (max-height: 500px){

header{position: absolute;}

.hero{padding-top: 150px;}

#booking-view,
            #checkout-view{padding-top: 150px;}

}

.mobile-menu-toggle,
        .mobile-luxury-menu{display: none;}

@media (max-width: 1023px) {

header{flex-direction: row;
                align-items: center;
                justify-content: space-between;
                gap: 8px;
                min-height: 64px;
                padding:
                    calc(8px + env(safe-area-inset-top))
                    max(10px, env(safe-area-inset-right))
                    8px
                    max(10px, env(safe-area-inset-left));}

header nav{display: none !important;}

.logo-container{flex: 1 1 auto;
                min-width: 0;
                justify-content: flex-start;
                max-width: 150px;}

.logo-img{height: 28px;
                flex: 0 0 auto;}

.logo-text{font-size: clamp(.61rem, 2.5vw, .76rem);
                letter-spacing: .045em;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;}

.header-actions{width: auto;
                min-width: 0;
                min-height: 38px;
                justify-content: flex-end;
                gap: 5px;
                flex: 0 0 auto;}

.btn-phone-prestige{order: 1;}

.btn-whatsapp-subtle{order: 2;}

.btn-email-subtle{order: 3;}

.lang-switcher{order: 4;}

.mobile-menu-toggle{order: 5;}

.btn-phone-prestige{width: 36px;
                height: 36px;
                min-height: 36px;
                padding: 0;
                border-radius: 50%;
                display: inline-flex;
                align-items: center;
                justify-content: center;
                font-size: 0;
                background: rgba(223, 184, 107, 0.05);
                border: 1px solid rgba(223, 184, 107, 0.3);}

.btn-phone-prestige i{margin: 0;
                font-size: .92rem;
                color: var(--accent-gold);}

.btn-whatsapp-subtle,
            .btn-email-subtle{width: 36px;
                height: 36px;
                flex: 0 0 36px;}

.lang-switcher{min-height: 36px;
                margin-left: 1px;
                padding-left: 5px;
                gap: 1px;}

.flag-btn{width: 27px;
                height: 36px;
                padding: 0;}

.flag-img{width: 19px;
                height: 13px;}

.mobile-menu-toggle{width: 36px;
                height: 36px;
                flex: 0 0 36px;
                padding: 9px 8px;
                border: 1px solid rgba(223, 184, 107, 0.3);
                border-radius: 50%;
                background: rgba(223, 184, 107, 0.05);
                align-items: center;
                justify-content: center;
                flex-direction: column;
                gap: 4px;
                cursor: pointer;}

.mobile-menu-toggle span{display: block;
                width: 15px;
                height: 1px;
                background: var(--accent-gold);
                border-radius: 1px;
                transition: transform .35s cubic-bezier(.16,1,.3,1), opacity .25s ease;}

.mobile-luxury-menu{position: fixed;
                inset: 0;
                z-index: 20000;
                padding:
                    calc(74px + env(safe-area-inset-top))
                    max(28px, env(safe-area-inset-right))
                    calc(30px + env(safe-area-inset-bottom))
                    max(28px, env(safe-area-inset-left));
                background:
                    radial-gradient(circle at 75% 15%, rgba(223,184,107,.08), transparent 34%),
                    rgba(5,5,5,.985);
                backdrop-filter: blur(22px);
                -webkit-backdrop-filter: blur(22px);
                opacity: 0;
                visibility: hidden;
                transform: translateY(-10px);
                transition:
                    opacity .35s cubic-bezier(.16,1,.3,1),
                    transform .45s cubic-bezier(.16,1,.3,1),
                    visibility .35s;}

.mobile-luxury-menu.open{display: flex;
                flex-direction: column;
                opacity: 1;
                visibility: visible;
                transform: translateY(0);}

.mobile-menu-nav{display: flex !important;
                flex: 1;
                width: 100%;
                flex-direction: column;
                align-items: flex-start;
                justify-content: center;
                gap: 0;
                overflow: visible;}

.mobile-menu-nav a{flex: none;
                width: 100%;
                height: auto;
                min-height: 0;
                padding: 15px 0;
                justify-content: flex-start;
                border-bottom: 1px solid rgba(255,255,255,.075);
                color: #f1f1f1;
                font-family: var(--font-display);
                font-size: clamp(1.85rem, 8vw, 2.55rem);
                font-weight: 400;
                line-height: 1;
                letter-spacing: -.015em;
                text-align: left;}

.mobile-menu-nav a:first-child{color: var(--accent-gold);}

.mobile-menu-signature{display: flex;
                flex-direction: column;
                gap: 5px;
                padding-top: 22px;
                color: #b9b9b9;
                font-size: .66rem;
                letter-spacing: .14em;}

.mobile-menu-signature small{color: #666;
                font-size: .55rem;
                letter-spacing: .12em;}

body.mobile-menu-open{overflow: hidden;
                touch-action: none;}

.hero{padding-top: calc(88px + env(safe-area-inset-top));}

#booking-view,
            #checkout-view{padding-top: calc(88px + env(safe-area-inset-top));}

html{scroll-padding-top: 92px;}

#reserver, #experience, #services, #vehicules, #details,
            #destinations, #events, #reviews, #contact{scroll-margin-top: 92px;}

}

@media (max-width: 390px){

.logo-container{max-width: 105px;}

.logo-text{display: none;}

.header-actions{gap: 3px;}

.btn-phone-prestige,
            .btn-whatsapp-subtle,
            .btn-email-subtle,
            .mobile-menu-toggle{width: 34px;
                height: 34px;
                min-height: 34px;
                flex-basis: 34px;}

.flag-btn{width: 24px;
                height: 34px;}

.lang-switcher{padding-left: 3px;}

}

@media (max-width: 1023px) {

.btn-phone-prestige{position: relative;
                display: inline-flex !important;
                align-items: center !important;
                justify-content: center !important;
                line-height: 1 !important;}

.btn-phone-prestige i{position: absolute;
                left: 50%;
                top: 50%;
                width: auto;
                height: auto;
                margin: 0 !important;
                padding: 0 !important;
                transform: translate(-50%, -50%);
                line-height: 1 !important;
                font-size: .92rem;
                color: var(--accent-gold);}

}

@media (max-width: 1023px) {

header{overflow: visible !important;}

.logo-container{position: relative;
                z-index: 10003;
                overflow: visible !important;
                max-width: none !important;
                flex: 1 1 auto;
                min-width: 0;}

.logo-img{position: relative;
                z-index: 2;
                flex: 0 0 auto;
                object-fit: contain;
                overflow: visible;}

.logo-text{position: relative;
                z-index: 2;
                overflow: visible !important;
                text-overflow: clip !important;}

.header-actions{position: relative;
                z-index: 10004;
                flex: 0 0 auto;}

}

@media (max-width: 390px){

.logo-container{max-width: none !important;}

.logo-img{height: 28px;}

}

.hamburger-fallback{display: none;}

@media (max-width: 1023px) {

header{overflow: visible !important;
                padding-right: calc(54px + env(safe-area-inset-right)) !important;}

.header-actions{margin-right: 0 !important;
                padding-right: 0 !important;
                max-width: calc(100vw - 54px - env(safe-area-inset-right)) !important;}

header > .mobile-menu-toggle{display: flex !important;
                visibility: visible !important;
                opacity: 1 !important;
                position: absolute !important;
                right: max(10px, env(safe-area-inset-right)) !important;
                top: calc(50% + (env(safe-area-inset-top) / 2)) !important;
                transform: translateY(-50%) !important;
                width: 36px !important;
                height: 36px !important;
                min-width: 36px !important;
                min-height: 36px !important;
                margin: 0 !important;
                padding: 0 !important;
                align-items: center !important;
                justify-content: center !important;
                flex-direction: column !important;
                gap: 4px !important;
                background: rgba(223, 184, 107, 0.05) !important;
                border: 1px solid rgba(223, 184, 107, 0.38) !important;
                border-radius: 50% !important;
                z-index: 30000 !important;
                cursor: pointer !important;
                pointer-events: auto !important;
                -webkit-tap-highlight-color: transparent;}

header > .mobile-menu-toggle span{display: block !important;
                visibility: visible !important;
                opacity: 1 !important;
                width: 15px !important;
                height: 1px !important;
                min-height: 1px !important;
                margin: 0 !important;
                padding: 0 !important;
                background: var(--accent-gold) !important;
                border-radius: 99px !important;
                pointer-events: none !important;}

header > .mobile-menu-toggle .hamburger-fallback{display: none !important;}

}

@media (max-width: 390px){

header{padding-right: calc(50px + env(safe-area-inset-right)) !important;}

.header-actions{max-width: calc(100vw - 50px - env(safe-area-inset-right)) !important;}

header > .mobile-menu-toggle{width: 34px !important;
                height: 34px !important;
                min-width: 34px !important;
                min-height: 34px !important;}

}

.pac-container{margin-top: 7px !important;
            background: rgba(8,8,8,.985) !important;
            border: 1px solid rgba(223,184,107,.42) !important;
            border-radius: 9px !important;
            box-shadow: 0 18px 42px rgba(0,0,0,.72) !important;
            font-family: var(--font-ui) !important;
            overflow: hidden !important;
            z-index: 40000 !important;}

.pac-item{min-height: 48px !important;
            padding: 10px 14px !important;
            display: flex !important;
            align-items: center !important;
            border-top: 1px solid rgba(255,255,255,.055) !important;
            color: #8e8e8e !important;
            background: transparent !important;
            font-family: var(--font-ui) !important;
            font-size: 12px !important;
            line-height: 1.35 !important;
            cursor: pointer !important;}

.pac-item:first-child{border-top: 0 !important;}

.pac-item:hover,
        .pac-item-selected{background: rgba(223,184,107,.085) !important;}

.pac-item-query{color: #f1f1f1 !important;
            font-size: 13px !important;
            font-weight: 600 !important;}

.pac-matched{color: var(--accent-gold) !important;
            font-weight: 700 !important;}

.pac-icon{opacity: .66;
            filter: grayscale(1) sepia(.3) brightness(1.25);}

#form-error-msg,
        #checkout-form-error-msg{width: 100%;
            color: #f3d7a1;
            background: linear-gradient(135deg, rgba(223,184,107,.085), rgba(223,184,107,.025));
            border: 1px solid rgba(223,184,107,.38);
            border-left: 2px solid var(--accent-gold);
            border-radius: 7px;
            padding: 11px 13px;
            font-family: var(--font-ui);
            font-size: .78rem;
            font-weight: 500;
            line-height: 1.5;
            letter-spacing: .01em;
            text-align: left;
            box-shadow: 0 10px 28px rgba(0,0,0,.24);}

#checkout-form-error-msg{display: none;
            grid-column: 1 / -1;
            margin-top: 4px;}

.field-luxury-error input,
        .field-luxury-error textarea,
        .field-luxury-error select,
        .field-luxury-error .iti{border-color: rgba(223,184,107,.78) !important;
            box-shadow: 0 0 0 1px rgba(223,184,107,.08);}

.field-luxury-error label{color: #f0c97b !important;}

@media (max-width: 1023px) {

.pac-container{max-width: calc(100vw - 24px) !important;}

.pac-item{min-height: 52px !important;
                padding: 11px 13px !important;}

}

@media (max-width: 1023px) {

.mobile-luxury-menu{align-items: stretch;
                justify-content: stretch;}

.mobile-menu-panel{position: relative;
                width: 100%;
                height: 100%;
                display: flex;
                flex-direction: column;}

}

@media (max-width: 1023px) {

.time-picker-popup,
            .passengers-picker-popup{left: 0 !important;
                right: auto !important;
                transform: none !important;
                margin-left: 0 !important;
                margin-right: 0 !important;}

#timePickerPopup{left: 0 !important;
                right: auto !important;
                transform: none !important;}

}

@media (max-width: 1023px) {

header > .mobile-menu-toggle{transition:
                    background-color .28s ease,
                    border-color .28s ease !important;}

header > .mobile-menu-toggle span{transform-origin: center center !important;
                transition:
                    transform .42s cubic-bezier(.16,1,.3,1),
                    opacity .22s ease,
                    width .28s ease !important;}

header > .mobile-menu-toggle.menu-open span:nth-child(1){transform: translateY(5px) rotate(45deg) !important;}

header > .mobile-menu-toggle.menu-open span:nth-child(2){opacity: 0 !important;
                transform: scaleX(.2) !important;}

header > .mobile-menu-toggle.menu-open span:nth-child(3){transform: translateY(-5px) rotate(-45deg) !important;}

header > .mobile-menu-toggle.menu-open{background: rgba(223,184,107,.095) !important;
                border-color: rgba(223,184,107,.58) !important;}

}

@media (max-width: 1023px) {

header{z-index: 40000 !important;}

.mobile-luxury-menu{z-index: 35000 !important;
                top: calc(64px + env(safe-area-inset-top)) !important;
                height: calc(100dvh - 64px - env(safe-area-inset-top)) !important;
                inset-inline: 0 !important;
                bottom: 0 !important;
                padding-top: 0 !important;}

header > .mobile-menu-toggle{z-index: 45000 !important;}

.mobile-menu-panel{padding-top: 18px;}

}

.mobile-vertical-brand{display: none;}

@media (max-width: 1023px) {

header{min-height: 68px !important;
                height: auto !important;
                display: flex !important;
                flex-direction: row !important;
                align-items: center !important;
                justify-content: space-between !important;
                gap: 8px !important;

                padding:
                    calc(7px + env(safe-area-inset-top))
                    calc(8px + env(safe-area-inset-right))
                    7px
                    calc(8px + env(safe-area-inset-left)) !important;

                background: rgba(4,4,4,.96) !important;
                border-bottom: 1px solid rgba(223,184,107,.16) !important;
                box-shadow: 0 8px 24px rgba(0,0,0,.38) !important;}

.logo-container{flex: 0 1 auto !important;
                min-width: 0 !important;
                max-width: 138px !important;
                height: 54px !important;
                display: flex !important;
                align-items: center !important;
                justify-content: flex-start !important;
                gap: 7px !important;
                overflow: visible !important;
                padding: 0 !important;}

.logo-img{height: 46px !important;
                width: 46px !important;
                max-width: 46px !important;
                object-fit: contain !important;
                flex: 0 0 46px !important;}

.logo-text{display: none !important;}

.mobile-vertical-brand{display: flex !important;
                flex-direction: column !important;
                align-items: flex-start !important;
                justify-content: center !important;
                gap: 1px !important;
                height: 48px !important;
                min-width: 48px !important;
                color: #fff;
                font-family: var(--font-display);
                text-transform: uppercase;
                line-height: .9;
                letter-spacing: .04em;
                user-select: none;
                -webkit-user-select: none;
                pointer-events: none;}

.mobile-vertical-brand span{display: block;
                font-size: .61rem;
                font-weight: 500;
                white-space: nowrap;}

.mobile-vertical-brand span:nth-child(2){color: var(--accent-gold);}

.header-actions{flex: 0 0 auto !important;
                width: auto !important;
                max-width: none !important;
                min-width: 0 !important;
                height: 48px !important;

                display: flex !important;
                align-items: center !important;
                justify-content: flex-end !important;
                gap: 6px !important;

                margin: 0 !important;
                padding: 0 !important;
                position: relative !important;
                z-index: 42000 !important;}

.btn-phone-prestige,
            .btn-whatsapp-subtle,
            .btn-email-subtle,
            header > .mobile-menu-toggle{width: 42px !important;
                height: 42px !important;
                min-width: 42px !important;
                min-height: 42px !important;
                flex: 0 0 42px !important;
                border-radius: 50% !important;
                margin: 0 !important;}

.btn-phone-prestige,
            .btn-whatsapp-subtle,
            .btn-email-subtle{background: rgba(223,184,107,.045) !important;
                border: 1px solid rgba(223,184,107,.32) !important;}

.btn-phone-prestige i,
            .btn-whatsapp-subtle i,
            .btn-email-subtle i{font-size: 1.05rem !important;}

.btn-phone-prestige i{color: var(--accent-gold) !important;}

.btn-whatsapp-subtle i{color: #25D366 !important;}

.btn-email-subtle i{color: var(--accent-gold) !important;}

.lang-switcher{order: 4 !important;
                height: 42px !important;
                min-height: 42px !important;
                display: flex !important;
                align-items: center !important;
                gap: 2px !important;
                margin: 0 2px 0 1px !important;
                padding: 0 0 0 6px !important;
                border-left: 1px solid rgba(255,255,255,.12) !important;}

.flag-btn{width: 29px !important;
                height: 42px !important;
                min-width: 29px !important;
                min-height: 42px !important;
                padding: 0 !important;
                display: flex !important;
                align-items: center !important;
                justify-content: center !important;}

.flag-img{width: 22px !important;
                height: 15px !important;}

header > .mobile-menu-toggle{position: relative !important;
                right: auto !important;
                top: auto !important;
                transform: none !important;
                order: 5 !important;

                display: flex !important;
                align-items: center !important;
                justify-content: center !important;
                flex-direction: column !important;
                gap: 5px !important;

                background: rgba(223,184,107,.05) !important;
                border: 1px solid rgba(223,184,107,.38) !important;
                z-index: 43000 !important;}

header > .mobile-menu-toggle span{width: 17px !important;
                height: 1px !important;}

.hero{padding-top: calc(82px + env(safe-area-inset-top)) !important;}

#booking-view,
            #checkout-view{padding-top: calc(82px + env(safe-area-inset-top)) !important;}

html{scroll-padding-top: 86px !important;}

#reserver, #experience, #services, #vehicules, #details,
            #destinations, #events, #reviews, #contact{scroll-margin-top: 86px !important;}

.mobile-luxury-menu{top: calc(68px + env(safe-area-inset-top)) !important;
                height: calc(100dvh - 68px - env(safe-area-inset-top)) !important;}

}

@media (max-width: 430px){

header{gap: 5px !important;
                padding-left: 7px !important;
                padding-right: 7px !important;}

.logo-container{max-width: 108px !important;
                gap: 5px !important;}

.logo-img{width: 44px !important;
                height: 44px !important;
                flex-basis: 44px !important;}

.mobile-vertical-brand{min-width: 42px !important;}

.mobile-vertical-brand span{font-size: .56rem !important;
                letter-spacing: .025em !important;}

.header-actions{gap: 4px !important;}

.btn-phone-prestige,
            .btn-whatsapp-subtle,
            .btn-email-subtle,
            header > .mobile-menu-toggle{width: 40px !important;
                height: 40px !important;
                min-width: 40px !important;
                min-height: 40px !important;
                flex-basis: 40px !important;}

.lang-switcher{padding-left: 4px !important;
                margin-left: 0 !important;
                margin-right: 0 !important;
                gap: 0 !important;}

.flag-btn{width: 25px !important;
                min-width: 25px !important;}

.flag-img{width: 20px !important;
                height: 14px !important;}

}

@media (max-width: 370px){

.mobile-vertical-brand{display: none !important;}

.logo-container{max-width: 50px !important;}

.header-actions{gap: 3px !important;}

.btn-phone-prestige,
            .btn-whatsapp-subtle,
            .btn-email-subtle,
            header > .mobile-menu-toggle{width: 38px !important;
                height: 38px !important;
                min-width: 38px !important;
                min-height: 38px !important;
                flex-basis: 38px !important;}

}

@media (max-width: 1023px) {

.logo-container{display: flex !important;
                align-items: center !important;
                justify-content: flex-start !important;
                flex: 0 1 auto !important;
                min-width: 0 !important;
                overflow: visible !important;}

.logo-img{display: block !important;
                visibility: visible !important;
                opacity: 1 !important;
                width: 46px !important;
                height: 46px !important;
                max-width: 46px !important;
                flex: 0 0 46px !important;
                object-fit: contain !important;
                position: relative !important;
                z-index: 2 !important;}

.header-actions{margin-left: auto !important;
                margin-right: 0 !important;
                width: auto !important;
                max-width: none !important;
                flex: 0 0 auto !important;
                display: flex !important;
                align-items: center !important;
                justify-content: flex-end !important;
                gap: 5px !important;
                padding: 0 !important;}

.btn-phone-prestige,
            .btn-whatsapp-subtle,
            .btn-email-subtle{margin: 0 !important;}

.lang-switcher{margin: 0 1px 0 2px !important;
                padding: 0 !important;
                border-left: 0 !important;
                display: flex !important;
                align-items: center !important;
                justify-content: flex-end !important;
                gap: 3px !important;
                height: 42px !important;}

.flag-btn{width: 34px !important;
                height: 34px !important;
                min-width: 34px !important;
                min-height: 34px !important;
                border-radius: 50% !important;
                border: 1px solid transparent !important;
                display: flex !important;
                align-items: center !important;
                justify-content: center !important;
                padding: 0 !important;
                opacity: .62 !important;
                transform: none !important;
                transition:
                    opacity .22s ease,
                    border-color .25s ease,
                    background-color .25s ease,
                    box-shadow .25s ease !important;}

.flag-btn:hover{opacity: .82 !important;
                transform: none !important;}

.flag-btn.active{opacity: 1 !important;
                transform: none !important;
                border-color: rgba(223,184,107,.42) !important;
                background: rgba(223,184,107,.045) !important;
                box-shadow: none !important;}

.flag-btn.active::after{display: none !important;
                content: none !important;}

.flag-img{width: 21px !important;
                height: 14px !important;
                object-fit: cover !important;
                border-radius: 2px !important;}

header > .mobile-menu-toggle{margin-left: 1px !important;
                margin-right: 0 !important;
                flex: 0 0 42px !important;}

}

@media (max-width: 430px){

.logo-img{width: 44px !important;
                height: 44px !important;
                max-width: 44px !important;
                flex-basis: 44px !important;}

.header-actions{gap: 4px !important;}

.flag-btn{width: 32px !important;
                height: 32px !important;
                min-width: 32px !important;
                min-height: 32px !important;}

.flag-img{width: 20px !important;
                height: 14px !important;}

}

@media (max-width: 1023px) {

.lang-switcher{margin: 0 1px 0 2px !important;
                padding-left: 8px !important;
                border-left: 1px solid rgba(255,255,255,.14) !important;
                gap: 3px !important;}

.flag-btn{width: 34px !important;
                height: 28px !important;
                min-width: 34px !important;
                min-height: 28px !important;
                border-radius: 4px !important;
                border: 1px solid transparent !important;
                background: transparent !important;
                opacity: .62 !important;
                transform: none !important;}

.flag-btn.active{opacity: 1 !important;
                border-color: rgba(223,184,107,.48) !important;
                background: rgba(223,184,107,.035) !important;
                box-shadow: none !important;
                transform: none !important;}

.flag-btn.active::after{display: none !important;
                content: none !important;}

.flag-img{width: 21px !important;
                height: 14px !important;
                border-radius: 2px !important;}

}

@media (max-width: 430px){

.lang-switcher{padding-left: 7px !important;}

.flag-btn{width: 32px !important;
                height: 27px !important;
                min-width: 32px !important;
                min-height: 27px !important;}

.flag-img{width: 20px !important;
                height: 14px !important;}

}

@media (max-width: 1023px) {

.logo-img{display: block !important;
                visibility: visible !important;
                opacity: 1 !important;
                object-fit: contain !important;}

.lang-switcher{padding-left: 8px !important;
                border-left: 1px solid rgba(255,255,255,.14) !important;
                gap: 5px !important;}

.flag-btn{width: auto !important;
                height: auto !important;
                min-width: 0 !important;
                min-height: 0 !important;
                padding: 0 !important;
                margin: 0 !important;
                line-height: 0 !important;
                border-radius: 2px !important;
                border: 1px solid transparent !important;
                background: transparent !important;
                box-sizing: content-box !important;
                overflow: hidden !important;
                opacity: .64 !important;
                transform: none !important;}

.flag-btn.active{opacity: 1 !important;
                border: 1px solid rgba(223,184,107,.62) !important;
                background: transparent !important;
                box-shadow: none !important;}

.flag-btn.active::after{display: none !important;
                content: none !important;}

.flag-img{display: block !important;
                width: 23px !important;
                height: 16px !important;
                margin: 0 !important;
                padding: 0 !important;
                object-fit: cover !important;
                border-radius: 1px !important;}

header > .mobile-menu-toggle span{width: 20px !important;}

}

@media (max-width: 430px){

.lang-switcher{padding-left: 7px !important;
                gap: 4px !important;}

.flag-img{width: 22px !important;
                height: 15px !important;}

header > .mobile-menu-toggle span{width: 19px !important;}

}

@media (max-width: 1023px) {

header > .mobile-menu-toggle{position: relative !important;
                margin-left: 8px !important;}

header > .mobile-menu-toggle::before{content: "";
                position: absolute;
                left: -8px;
                top: 50%;
                transform: translateY(-50%);
                width: 1px;
                height: 24px;
                background: rgba(255,255,255,.14);
                pointer-events: none;}

.flag-btn.active{border-color: rgba(223,184,107,.95) !important;
                border-width: 1.5px !important;
                box-shadow:
                    0 0 0 1px rgba(223,184,107,.16),
                    0 0 9px rgba(223,184,107,.28) !important;
                filter: brightness(1.08) saturate(1.04);}

.flag-btn:not(.active){opacity: .46 !important;
                filter: saturate(.88) brightness(.9);}

}

@media (max-width: 430px){

header > .mobile-menu-toggle{margin-left: 7px !important;}

header > .mobile-menu-toggle::before{left: -7px;
                height: 22px;}

}

@media (max-width: 1023px) {

header > .mobile-menu-toggle{margin-left: 0 !important;
                padding-left: 8px !important;
                width: 50px !important;
                min-width: 50px !important;
                flex-basis: 50px !important;
                border-left: 1px solid rgba(255,255,255,.14) !important;
                border-radius: 0 !important;
                border-top-color: transparent !important;
                border-right-color: transparent !important;
                border-bottom-color: transparent !important;
                background: transparent !important;}

header > .mobile-menu-toggle::before{display: none !important;
                content: none !important;}

header > .mobile-menu-toggle::after{content: "";
                position: absolute;
                right: 0;
                top: 50%;
                transform: translateY(-50%);
                width: 40px;
                height: 40px;
                border: 1px solid rgba(223,184,107,.38);
                border-radius: 50%;
                background: rgba(223,184,107,.05);
                pointer-events: none;
                box-sizing: border-box;}

header > .mobile-menu-toggle span{position: relative;
                z-index: 2;}

}

@media (max-width: 430px){

header > .mobile-menu-toggle{padding-left: 7px !important;
                width: 47px !important;
                min-width: 47px !important;
                flex-basis: 47px !important;}

header > .mobile-menu-toggle::after{width: 40px;
                height: 40px;}

}

@media (max-width: 1023px) {

.lang-switcher{margin-left: 4px !important;
                padding-left: 10px !important;}

header > .mobile-menu-toggle{margin-left: 4px !important;
                padding-left: 10px !important;
                width: 54px !important;
                min-width: 54px !important;
                flex-basis: 54px !important;}

}

@media (max-width: 430px){

.lang-switcher{margin-left: 3px !important;
                padding-left: 9px !important;}

header > .mobile-menu-toggle{margin-left: 3px !important;
                padding-left: 9px !important;
                width: 52px !important;
                min-width: 52px !important;
                flex-basis: 52px !important;}

}

@media (max-width: 1023px) {

.lang-switcher{border-left-color: rgba(223,184,107,.32) !important;
                border-left-width: 1px !important;
                border-left-style: solid !important;}

header > .mobile-menu-toggle{border-left-color: rgba(223,184,107,.32) !important;
                border-left-width: 1px !important;
                border-left-style: solid !important;}

}

@media (max-width: 1023px) {

header > .mobile-menu-toggle.menu-open{background: transparent !important;
                border-top-color: transparent !important;
                border-right-color: transparent !important;
                border-bottom-color: transparent !important;
                border-left-color: rgba(223,184,107,.32) !important;
                box-shadow: none !important;}

header > .mobile-menu-toggle.menu-open::after{border-color: transparent !important;
                background: transparent !important;
                box-shadow: none !important;}

}

@media (max-width: 1023px) {

header > .mobile-menu-toggle{transition:
                    background-color .42s ease,
                    border-color .42s ease !important;}

header > .mobile-menu-toggle span{transform-origin: center center !important;
                transition:
                    transform .58s cubic-bezier(.16,1,.3,1),
                    opacity .32s ease,
                    width .42s ease !important;}

header > .mobile-menu-toggle.menu-open{background: transparent !important;
                border-left-color: rgba(223,184,107,.32) !important;
                box-shadow: none !important;}

header > .mobile-menu-toggle.menu-open::after{border: 1px solid rgba(223,184,107,.38) !important;
                background: rgba(223,184,107,.05) !important;
                box-shadow: none !important;}

header > .mobile-menu-toggle.menu-open span:nth-child(1){transform: translateY(5px) rotate(45deg) !important;}

header > .mobile-menu-toggle.menu-open span:nth-child(2){opacity: 0 !important;
                transform: scaleX(.15) !important;}

header > .mobile-menu-toggle.menu-open span:nth-child(3){transform: translateY(-5px) rotate(-45deg) !important;}

}

@media (max-width: 1023px) {

header > .mobile-menu-toggle span{transform-origin: center center !important;
                transition:
                    transform .52s cubic-bezier(.16,1,.3,1),
                    width .46s cubic-bezier(.16,1,.3,1),
                    opacity .28s ease !important;}

header > .mobile-menu-toggle.menu-open span:nth-child(1){width: 14px !important;
                transform: translateX(3px) translateY(1px) rotate(7deg) !important;
                opacity: 1 !important;}

header > .mobile-menu-toggle.menu-open span:nth-child(2){width: 17px !important;
                transform: translateX(0) rotate(0deg) !important;
                opacity: 1 !important;}

header > .mobile-menu-toggle.menu-open span:nth-child(3){width: 14px !important;
                transform: translateX(-3px) translateY(-1px) rotate(-7deg) !important;
                opacity: 1 !important;}

header > .mobile-menu-toggle.menu-open::after{border: 1px solid rgba(223,184,107,.38) !important;
                background: rgba(223,184,107,.05) !important;}

}

@media (max-width: 1023px) {

header > .mobile-menu-toggle span{transform-origin: center center !important;
                transition:
                    transform .5s cubic-bezier(.16,1,.3,1),
                    width .44s cubic-bezier(.16,1,.3,1),
                    gap .44s cubic-bezier(.16,1,.3,1) !important;}

header > .mobile-menu-toggle.menu-open{gap: 2px !important;}

header > .mobile-menu-toggle.menu-open span:nth-child(1),
            header > .mobile-menu-toggle.menu-open span:nth-child(2),
            header > .mobile-menu-toggle.menu-open span:nth-child(3){width: 15px !important;
                opacity: 1 !important;}

header > .mobile-menu-toggle.menu-open span:nth-child(1){transform: translateY(1px) rotate(3deg) !important;}

header > .mobile-menu-toggle.menu-open span:nth-child(2){transform: scaleX(.92) !important;}

header > .mobile-menu-toggle.menu-open span:nth-child(3){transform: translateY(-1px) rotate(-3deg) !important;}

header > .mobile-menu-toggle.menu-open::after{border: 1px solid rgba(223,184,107,.38) !important;
                background: rgba(223,184,107,.05) !important;}

}

@media (max-width: 1023px) {

header > .mobile-menu-toggle{gap: 5px !important;
                transition:
                    transform .22s cubic-bezier(.2,.8,.2,1),
                    background-color .32s ease,
                    border-color .32s ease !important;}

header > .mobile-menu-toggle span,
            header > .mobile-menu-toggle.menu-open span:nth-child(1),
            header > .mobile-menu-toggle.menu-open span:nth-child(2),
            header > .mobile-menu-toggle.menu-open span:nth-child(3){width: 19px !important;
                opacity: 1 !important;
                transform: none !important;
                transition:
                    transform .22s cubic-bezier(.2,.8,.2,1),
                    width .22s cubic-bezier(.2,.8,.2,1),
                    opacity .18s ease !important;}

header > .mobile-menu-toggle:active{transform: scale(.955) !important;}

header > .mobile-menu-toggle:active span:nth-child(1),
            header > .mobile-menu-toggle:active span:nth-child(3){width: 17px !important;}

header > .mobile-menu-toggle.menu-open{gap: 5px !important;
                background: transparent !important;
                border-left-color: rgba(223,184,107,.32) !important;
                box-shadow: none !important;}

header > .mobile-menu-toggle.menu-open::after{border: 1px solid rgba(223,184,107,.55) !important;
                background: rgba(223,184,107,.065) !important;
                box-shadow: 0 0 8px rgba(223,184,107,.09) !important;
                transition:
                    border-color .34s ease,
                    background-color .34s ease,
                    box-shadow .34s ease !important;}

.mobile-luxury-menu{opacity: 0 !important;
                visibility: hidden !important;
                transform: translateY(-6px) !important;
                transition:
                    opacity .34s cubic-bezier(.16,1,.3,1),
                    transform .44s cubic-bezier(.16,1,.3,1),
                    visibility .34s !important;}

.mobile-luxury-menu.open{opacity: 1 !important;
                visibility: visible !important;
                transform: translateY(0) !important;}

}

@media (max-width: 430px){

header > .mobile-menu-toggle span,
            header > .mobile-menu-toggle.menu-open span:nth-child(1),
            header > .mobile-menu-toggle.menu-open span:nth-child(2),
            header > .mobile-menu-toggle.menu-open span:nth-child(3){width: 19px !important;}

}

@media (max-width: 1023px) {

.lang-switcher{gap: 7px !important;}

.flag-btn{position: relative !important;
                overflow: visible !important;}

.flag-btn::before{content: "";
                position: absolute;
                left: 50%;
                top: 50%;
                transform: translate(-50%, -50%);
                width: 36px;
                height: 44px;
                border-radius: 6px;
                background: transparent;
                pointer-events: auto;}

.flag-img{position: relative;
                z-index: 2;
                pointer-events: none;}

header > .mobile-menu-toggle.menu-open::after{border: 1px solid var(--accent-gold) !important;
                background: var(--accent-gold) !important;
                box-shadow: 0 0 10px rgba(223,184,107,.16) !important;}

header > .mobile-menu-toggle.menu-open span{background: #050505 !important;}

}

@media (max-width: 430px){

.lang-switcher{gap: 6px !important;}

.flag-btn::before{width: 34px;
                height: 42px;}

}

@media (max-width: 1023px) {

body,
            header,
            nav,
            section,
            footer,
            .booking-widget,
            .luxury-section,
            .vehicle-card,
            .service-card,
            .experience-item,
            .event-card,
            .review-card,
            .contact-action,
            .mobile-luxury-menu{-webkit-user-select: none;
                user-select: none;
                -webkit-touch-callout: none;}

input,
            textarea,
            select,
            [contenteditable="true"]{-webkit-user-select: text !important;
                user-select: text !important;
                -webkit-touch-callout: default !important;}

a,
            button{-webkit-tap-highlight-color: transparent;}

.logo-container{outline: none !important;
                -webkit-tap-highlight-color: transparent !important;
                border-radius: 8px;
                transition:
                    background-color .22s ease,
                    box-shadow .22s ease,
                    transform .18s ease;}

.logo-container:focus,
            .logo-container:focus-visible{outline: none !important;
                box-shadow: none !important;}

.logo-container:active{background: rgba(223,184,107,.055);
                box-shadow: 0 0 0 1px rgba(223,184,107,.16);
                transform: scale(.985);}

}

@media (max-width: 1023px) {

.logo-container,
            .btn-phone-prestige,
            .btn-whatsapp-subtle,
            .btn-email-subtle,
            .flag-btn,
            header > .mobile-menu-toggle{position: relative !important;
                touch-action: manipulation;
                -webkit-tap-highlight-color: transparent;}

.btn-phone-prestige::before,
            .btn-whatsapp-subtle::before,
            .btn-email-subtle::before{content: "";
                position: absolute;
                left: 50%;
                top: 50%;
                width: 52px;
                height: 52px;
                transform: translate(-50%, -50%);
                background: transparent;
                border: 0;
                border-radius: 10px;
                pointer-events: auto;}

.flag-btn::before{content: "";
                position: absolute;
                left: 50%;
                top: 50%;
                width: 44px;
                height: 52px;
                transform: translate(-50%, -50%);
                background: transparent;
                border: 0;
                border-radius: 8px;
                pointer-events: auto;
                z-index: 1;}

.flag-img{position: relative;
                z-index: 2;
                pointer-events: none;}

header > .mobile-menu-toggle::before{content: "" !important;
                display: block !important;
                position: absolute !important;
                left: 50% !important;
                top: 50% !important;
                width: 54px !important;
                height: 54px !important;
                transform: translate(-50%, -50%) !important;
                background: transparent !important;
                border: 0 !important;
                border-radius: 10px !important;
                pointer-events: auto !important;
                z-index: 1 !important;}

header > .mobile-menu-toggle span,
            header > .mobile-menu-toggle::after{position: relative;
                z-index: 2;
                pointer-events: none;}

.logo-container::before{content: "";
                position: absolute;
                inset: -6px -8px;
                background: transparent;
                border-radius: 10px;
                pointer-events: auto;
                z-index: 1;}

.logo-container > *{position: relative;
                z-index: 2;
                pointer-events: none;}

}

@media (max-width: 1023px) {

.btn-phone-prestige,
            .btn-whatsapp-subtle,
            .btn-email-subtle,
            .flag-btn,
            .logo-container{-webkit-tap-highlight-color: transparent !important;
                outline: none !important;
                box-shadow: none;}

.btn-phone-prestige:focus,
            .btn-phone-prestige:focus-visible,
            .btn-whatsapp-subtle:focus,
            .btn-whatsapp-subtle:focus-visible,
            .btn-email-subtle:focus,
            .btn-email-subtle:focus-visible,
            .flag-btn:focus,
            .flag-btn:focus-visible,
            .logo-container:focus,
            .logo-container:focus-visible{outline: none !important;
                box-shadow: none !important;}

.btn-phone-prestige:active,
            .btn-whatsapp-subtle:active,
            .btn-email-subtle:active{background: rgba(223,184,107,.08) !important;
                border-color: rgba(223,184,107,.48) !important;
                transform: scale(.97);}

.flag-btn:active{filter: brightness(1.06);}

}

@media (hover: none), (pointer: coarse), (max-width: 1023px){

html,
            body,
            *,
            *::before,
            *::after{-webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;}

a,
            button,
            input,
            select,
            textarea,
            label,
            summary,
            [role="button"],
            [role="link"],
            [tabindex],
            [onclick]{-webkit-tap-highlight-color: transparent !important;}.logo-container,
.btn-phone-prestige,
.btn-whatsapp-subtle,
.btn-email-subtle,
.flag-btn,
.mobile-menu-toggle,
.tab-btn,
.btn-select,
.btn-confirm-booking,
.back-home-btn,
.service-link,
.premium-cta a,
.contact-action,
.vehicle-img-container,
.vehicle-card [role="button"],
.clock-number,
.hour-grid-item,
.picker-actions button,
.destination-pill,
.route-row {-webkit-tap-highlight-color: transparent !important;
                outline-color: transparent;}

.pac-container,
            .pac-item,
            .pac-item-query{-webkit-tap-highlight-color: transparent !important;}

.flatpickr-calendar,
            .flatpickr-day,
            .flatpickr-prev-month,
            .flatpickr-next-month,
            .flatpickr-monthDropdown-months,
            .numInputWrapper,
            .calendar-cancel-btn{-webkit-tap-highlight-color: transparent !important;}

.iti,
            .iti__selected-flag,
            .iti__flag-container,
            .iti__country,
            .iti__country-list{-webkit-tap-highlight-color: transparent !important;}

a:focus:not(:focus-visible),
            button:focus:not(:focus-visible),
            input:focus:not(:focus-visible),
            select:focus:not(:focus-visible),
            textarea:focus:not(:focus-visible),
            [role="button"]:focus:not(:focus-visible),
            [tabindex]:focus:not(:focus-visible){outline: none !important;}

a:focus-visible,
            button:focus-visible,
            [role="button"]:focus-visible,
            [tabindex]:focus-visible{outline: 1px solid rgba(223,184,107,.62) !important;
                outline-offset: 3px;}

input:focus-visible,
            select:focus-visible,
            textarea:focus-visible{outline: none !important;
                border-color: var(--accent-gold) !important;}

}

@media (hover: none), (pointer: coarse), (max-width: 1023px){

.pac-container{background: rgba(8,8,8,.985) !important;
                border: 1px solid rgba(223,184,107,.34) !important;
                border-top: 0 !important;
                border-radius: 0 0 10px 10px !important;
                box-shadow: 0 14px 30px rgba(0,0,0,.48) !important;
                color: #f5f5f5 !important;
                font-family: inherit !important;
                overflow: hidden !important;
                z-index: 999999 !important;}

.pac-container::after{display: none !important;
                content: none !important;}

.pac-item{background: transparent !important;
                border-top: 1px solid rgba(223,184,107,.10) !important;
                color: rgba(255,255,255,.72) !important;}

.pac-item:first-child{border-top: 0 !important;}

.pac-item:hover,
            .pac-item-selected{background: rgba(223,184,107,.08) !important;}

.pac-item-query{color: #fff !important;}

.pac-matched{color: #dfb86b !important;}

}

.vehicle-service-inclusions{display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 9px 14px;
            margin: 18px 0 16px;
            padding: 14px 0;
            border-top: 1px solid rgba(223,184,107,.12);
            border-bottom: 1px solid rgba(223,184,107,.12);}

.vehicle-service-inclusions span{display: flex;
            align-items: center;
            gap: 8px;
            min-width: 0;
            color: #aaa;
            font-family: var(--font-ui);
            font-size: .72rem;
            line-height: 1.3;}

.vehicle-service-inclusions .lux-icon{width: 15px;
            height: 15px;
            min-width: 15px;
            color: var(--accent-gold);
            stroke-width: 1.5;}

@media (max-width: 1023px) {

.vehicle-service-inclusions{gap: 8px 10px;
                margin: 16px 0 14px;
                padding: 12px 0;}

.vehicle-service-inclusions span{font-size: .68rem;}

}

#booking-view .booking-ph-icon{display: inline-flex;
            align-items: center;
            justify-content: center;
            color: var(--accent-gold);
            font-size: 1rem;
            line-height: 1;
            font-weight: 300;
            flex: 0 0 auto;
            vertical-align: middle;}

#booking-view .vehicle-spec-icon{font-size: 1.28rem;
            margin-right: 7px;}

#booking-view .vehicle-specs span{display: inline-flex;
            align-items: center;
            color: #b3b3b3;}

#booking-view .pricing-features .booking-ph-icon{width: 18px;
            min-width: 18px;
            font-size: 1.05rem;
            margin-right: 8px;}

#booking-view .vehicle-service-inclusions .booking-ph-icon{width: 15px;
            min-width: 15px;
            font-size: .98rem;
            margin: 0;
            color: var(--accent-gold);}

#booking-view .back-home-btn .booking-ph-icon{font-size: 1.02rem;
            margin-right: 5px;
            transition: transform .28s cubic-bezier(.16,1,.3,1);}

#booking-view .back-home-btn:hover .booking-ph-icon{transform: translateX(-2px);}

@media (max-width: 1023px) {

#booking-view .vehicle-spec-icon{font-size: 1.18rem;
                margin-right: 6px;}

#booking-view .vehicle-specs{gap: 18px;}

#booking-view .vehicle-service-inclusions .booking-ph-icon{font-size: .95rem;}

}

#booking-view .vehicle-card,
        #booking-view .vehicle-img-container,
        #booking-view .vehicle-img{cursor: default !important;
            -webkit-tap-highlight-color: transparent !important;}

#booking-view .vehicle-img-container,
        #booking-view .vehicle-img{pointer-events: none !important;}

#booking-view .back-home-btn{min-height: 46px !important;
            padding: 0 18px !important;
            border: 1px solid rgba(223,184,107,.46) !important;
            border-radius: 7px !important;
            background:
                linear-gradient(180deg, rgba(223,184,107,.045), rgba(223,184,107,.018)) !important;
            color: rgba(229,198,137,.92) !important;
            font-family: var(--font-ui) !important;
            font-size: .82rem !important;
            font-weight: 500 !important;
            letter-spacing: .045em !important;
            box-shadow:
                inset 0 1px 0 rgba(255,255,255,.025),
                0 5px 18px rgba(0,0,0,.12) !important;
            transition:
                border-color .3s ease,
                background-color .3s ease,
                color .3s ease,
                transform .22s cubic-bezier(.16,1,.3,1),
                box-shadow .3s ease !important;}

#booking-view .back-home-btn:active{transform: scale(.975) !important;
            border-color: rgba(223,184,107,.72) !important;
            background: rgba(223,184,107,.075) !important;}

#booking-view .btn-select{min-height: 50px !important;
            padding: 0 22px !important;
            border: 1px solid rgba(223,184,107,.58) !important;
            border-radius: 7px !important;
            background:
                linear-gradient(180deg, rgba(223,184,107,.105), rgba(223,184,107,.045)) !important;
            color: #e8c989 !important;
            font-family: var(--font-ui) !important;
            font-size: .86rem !important;
            font-weight: 500 !important;
            letter-spacing: .11em !important;
            text-transform: uppercase !important;
            box-shadow:
                inset 0 1px 0 rgba(255,255,255,.035),
                0 7px 22px rgba(0,0,0,.15) !important;
            transition:
                background .32s ease,
                border-color .32s ease,
                color .32s ease,
                transform .22s cubic-bezier(.16,1,.3,1),
                box-shadow .32s ease !important;}

#booking-view .btn-select:active{transform: scale(.982) !important;
            background:
                linear-gradient(180deg, rgba(223,184,107,.16), rgba(223,184,107,.075)) !important;
            border-color: rgba(223,184,107,.82) !important;
            box-shadow:
                inset 0 1px 0 rgba(255,255,255,.04),
                0 4px 14px rgba(0,0,0,.14) !important;}

@media (hover: hover) and (pointer: fine){

#booking-view .back-home-btn:hover{border-color: rgba(223,184,107,.68) !important;
                color: #e8c989 !important;
                background: rgba(223,184,107,.065) !important;
                box-shadow: 0 7px 20px rgba(0,0,0,.16) !important;}

#booking-view .btn-select:hover{background:
                    linear-gradient(180deg, rgba(223,184,107,.16), rgba(223,184,107,.075)) !important;
                border-color: rgba(223,184,107,.82) !important;
                color: #efd79f !important;
                box-shadow: 0 9px 25px rgba(0,0,0,.18) !important;}

}

@media (max-width: 1023px) {

#booking-view .back-home-btn{min-height: 44px !important;
                padding: 0 16px !important;
                font-size: .78rem !important;}

#booking-view .btn-select{min-height: 50px !important;
                font-size: .83rem !important;
                letter-spacing: .095em !important;}

}

#checkout-view .back-home-btn{min-height: 44px !important;
            padding: 0 17px !important;
            border: 1px solid rgba(223,184,107,.42) !important;
            border-radius: 7px !important;
            background:
                linear-gradient(180deg, rgba(223,184,107,.04), rgba(223,184,107,.014)) !important;
            color: rgba(229,198,137,.9) !important;
            font-family: var(--font-ui) !important;
            font-size: .79rem !important;
            font-weight: 500 !important;
            letter-spacing: .045em !important;
            box-shadow:
                inset 0 1px 0 rgba(255,255,255,.02),
                0 5px 16px rgba(0,0,0,.11) !important;
            transition:
                border-color .3s ease,
                background .3s ease,
                color .3s ease,
                transform .22s cubic-bezier(.16,1,.3,1),
                box-shadow .3s ease !important;}

#checkout-view .back-home-btn i{font-size: .82rem !important;
            margin-right: 7px !important;
            color: var(--accent-gold) !important;
            opacity: .86;
            transition: transform .3s cubic-bezier(.16,1,.3,1);}

#checkout-view .back-home-btn:active{transform: scale(.975) !important;
            border-color: rgba(223,184,107,.7) !important;
            background: rgba(223,184,107,.07) !important;}

@media (hover: hover) and (pointer: fine){

#checkout-view .back-home-btn:hover{border-color: rgba(223,184,107,.66) !important;
                color: #e8c989 !important;
                background: rgba(223,184,107,.06) !important;
                box-shadow: 0 7px 20px rgba(0,0,0,.15) !important;}

#checkout-view .back-home-btn:hover i{transform: translateX(-2px);}

}

@media (max-width: 1023px) {

#checkout-view .back-home-btn{min-height: 44px !important;
                padding: 0 16px !important;
                font-size: .77rem !important;}

}

#booking-view .vehicle-img-container{background:
                radial-gradient(
                    ellipse at center,
                    rgba(223,184,107,.16) 0%,
                    rgba(223,184,107,.09) 28%,
                    rgba(223,184,107,.035) 52%,
                    transparent 72%
                ) !important;}

#booking-view .vehicle-service-inclusions .service-legacy-icon{width: 15px;
            height: 15px;
            min-width: 15px;
            margin: 0;
            color: var(--accent-gold);
            stroke-width: 1.35;}

#booking-view .vehicle-service-inclusions .fixed-price-euro{display: inline-flex;
            width: 15px;
            min-width: 15px;
            height: 15px;
            align-items: center;
            justify-content: center;
            color: var(--accent-gold);
            font-family: var(--font-ui);
            font-size: .92rem;
            font-weight: 300;
            line-height: 1;
            letter-spacing: 0;}

#booking-view .vehicles-grid{display: grid !important;
            grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
            gap: 20px !important;
            align-items: stretch !important;}

#booking-view .vehicle-card{display: grid !important;
            grid-template-rows:
                auto
                auto
                minmax(0, 1fr)
                auto !important;
            height: 100% !important;
            min-height: 100% !important;
            align-self: stretch !important;
            box-sizing: border-box !important;}

#booking-view .vehicle-card > div:first-child{display: flex !important;
            flex-direction: column !important;
            min-height: 0 !important;}

#booking-view .vehicle-card h3{min-height: 2.4em !important;
            display: flex !important;
            align-items: center !important;
            justify-content: center !important;
            margin-bottom: 14px !important;
            text-align: center !important;}

#booking-view .vehicle-img-container{width: 100% !important;
            height: 178px !important;
            min-height: 178px !important;
            max-height: 178px !important;
            display: flex !important;
            align-items: center !important;
            justify-content: center !important;
            margin: 0 auto 16px !important;
            box-sizing: border-box !important;}

#booking-view .vehicle-img{width: 100% !important;
            height: 100% !important;
            max-width: 100% !important;
            max-height: 100% !important;
            object-fit: contain !important;}

#booking-view .vehicle-specs{min-height: 34px !important;
            display: flex !important;
            align-items: center !important;
            justify-content: center !important;
            gap: 18px !important;
            margin-bottom: 14px !important;}

#booking-view .pricing-features{display: flex !important;
            flex-direction: column !important;
            justify-content: flex-start !important;
            min-height: 150px !important;
            height: 100% !important;
            box-sizing: border-box !important;}

#booking-view .pricing-feature-item{min-height: 42px !important;
            display: grid !important;
            grid-template-columns: 20px minmax(0, 1fr) !important;
            align-items: start !important;
            gap: 8px !important;}

#booking-view .vehicle-footer-card{display: flex !important;
            flex-direction: column !important;
            margin-top: auto !important;
            min-height: 0 !important;}

#booking-view .vehicle-service-inclusions{min-height: 78px !important;
            display: grid !important;
            grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
            align-content: center !important;
            gap: 8px 12px !important;}

#booking-view .vehicle-price{min-height: 46px !important;
            display: flex !important;
            align-items: center !important;
            justify-content: center !important;
            margin: 8px 0 12px !important;}

#booking-view .btn-select{width: 100% !important;
            min-height: 50px !important;
            margin-top: auto !important;}

@media (min-width: 1024px){

#booking-view .vehicles-grid{grid-template-columns: repeat(3, minmax(0, 1fr)) !important;}

#booking-view .vehicle-card{min-height: 610px !important;}

}

@media (max-width: 1023px) {

#booking-view .vehicles-grid{grid-template-columns: 1fr !important;
                gap: 18px !important;}

#booking-view .vehicle-card{width: 100% !important;
                min-height: 0 !important;
                height: auto !important;}

#booking-view .vehicle-card h3{min-height: auto !important;}

#booking-view .vehicle-img-container{height: clamp(160px, 43vw, 190px) !important;
                min-height: clamp(160px, 43vw, 190px) !important;
                max-height: clamp(160px, 43vw, 190px) !important;}

#booking-view .pricing-features{min-height: 0 !important;
                height: auto !important;}

#booking-view .pricing-feature-item{min-height: 0 !important;}

#booking-view .vehicle-service-inclusions{min-height: 0 !important;}

#booking-view .vehicle-price{min-height: 42px !important;}

}

#booking-view .vehicle-service-inclusions{display: grid !important;
            grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
            gap: 10px 12px !important;
            margin: 14px 0 16px !important;
            padding: 13px 12px !important;
            background-color: rgba(223, 184, 107, 0.03) !important;
            border: 1px solid rgba(223, 184, 107, 0.12) !important;
            border-radius: 6px !important;
            box-sizing: border-box !important;
            min-height: 0 !important;
            width: 100% !important;}

#booking-view .vehicle-service-inclusions > span{display: flex !important;
            align-items: center !important;
            justify-content: center !important;
            gap: 7px !important;
            min-width: 0 !important;
            min-height: 28px !important;
            margin: 0 !important;
            padding: 0 !important;
            color: #d1d1d1 !important;
            font-size: .70rem !important;
            line-height: 1.25 !important;
            text-align: center !important;
            white-space: normal !important;}

#booking-view .vehicle-service-inclusions .booking-ph-icon,
        #booking-view .vehicle-service-inclusions .service-legacy-icon,
        #booking-view .vehicle-service-inclusions .fixed-price-euro{flex: 0 0 auto !important;
            margin: 0 !important;
            color: var(--accent-gold) !important;}

@media (max-width: 1023px) {

#booking-view .vehicle-service-inclusions{grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
                gap: 9px 8px !important;
                padding: 12px 10px !important;
                margin: 12px 0 15px !important;}

#booking-view .vehicle-service-inclusions > span{font-size: .68rem !important;
                min-height: 30px !important;}

}

@media (max-width: 1023px) {

#booking-view .vehicles-grid{gap: 14px !important;}

#booking-view .vehicle-card{padding: 16px 12px 14px !important;
                border-radius: 9px !important;}

#booking-view .vehicle-card > div:first-child{padding: 0 !important;}

#booking-view .vehicle-card h3{margin: 0 0 8px !important;
                font-size: 1.45rem !important;
                line-height: 1.05 !important;
                min-height: 0 !important;}

#booking-view .vehicle-img-container{height: clamp(135px, 38vw, 165px) !important;
                min-height: clamp(135px, 38vw, 165px) !important;
                max-height: clamp(135px, 38vw, 165px) !important;
                margin: 0 auto 8px !important;}

#booking-view .vehicle-specs{min-height: 0 !important;
                margin: 0 0 8px !important;
                gap: 16px !important;
                font-size: .72rem !important;}

#booking-view .vehicle-spec-icon{font-size: 1.05rem !important;
                margin-right: 5px !important;}

#booking-view .pricing-features{display: none !important;}

#booking-view .vehicle-footer-card{padding: 0 !important;}

#booking-view .vehicle-service-inclusions{margin: 8px 0 9px !important;
                padding: 9px 8px !important;
                gap: 6px 8px !important;
                border-radius: 5px !important;}

#booking-view .vehicle-service-inclusions > span{min-height: 24px !important;
                font-size: .64rem !important;
                line-height: 1.15 !important;
                gap: 5px !important;}

#booking-view .vehicle-service-inclusions .service-legacy-icon,
            #booking-view .vehicle-service-inclusions .booking-ph-icon,
            #booking-view .vehicle-service-inclusions .fixed-price-euro{width: 13px !important;
                min-width: 13px !important;
                height: 13px !important;
                font-size: .82rem !important;}

#booking-view .vehicle-price{min-height: 0 !important;
                margin: 4px 0 8px !important;
                font-size: 1.55rem !important;
                line-height: 1 !important;}

#booking-view .btn-select{min-height: 46px !important;
                padding: 0 16px !important;
                font-size: .78rem !important;
                letter-spacing: .085em !important;
                border-radius: 6px !important;}

}

@media (max-width: 430px){

#booking-view .vehicle-card{padding: 14px 11px 13px !important;}

#booking-view .vehicle-img-container{height: 142px !important;
                min-height: 142px !important;
                max-height: 142px !important;}

#booking-view .vehicle-service-inclusions{padding: 8px 7px !important;}

#booking-view .vehicle-service-inclusions > span{font-size: .62rem !important;}

}

@media (max-width: 1023px) {

header > .mobile-menu-toggle{position: relative !important;
                width: 42px !important;
                height: 42px !important;
                min-width: 42px !important;
                min-height: 42px !important;
                flex: 0 0 42px !important;

                margin: 0 !important;
                padding: 0 !important;

                display: flex !important;
                align-items: center !important;
                justify-content: center !important;
                flex-direction: column !important;
                gap: 5px !important;

                background: transparent !important;
                border: 0 !important;
                border-radius: 50% !important;

                transform: none !important;
                overflow: visible !important;
                box-sizing: border-box !important;
                z-index: 43000 !important;}

header > .mobile-menu-toggle::after{content: "" !important;
                position: absolute !important;
                left: 50% !important;
                top: 50% !important;
                right: auto !important;
                bottom: auto !important;

                width: 40px !important;
                height: 40px !important;
                min-width: 40px !important;
                min-height: 40px !important;

                transform: translate(-50%, -50%) !important;

                border: 1px solid rgba(223,184,107,.38) !important;
                border-radius: 50% !important;
                background: rgba(223,184,107,.05) !important;
                box-shadow: none !important;

                box-sizing: border-box !important;
                pointer-events: none !important;
                z-index: 1 !important;}

header > .mobile-menu-toggle::before{content: "" !important;
                position: absolute !important;
                left: 50% !important;
                top: 50% !important;
                width: 54px !important;
                height: 54px !important;
                transform: translate(-50%, -50%) !important;
                background: transparent !important;
                border: 0 !important;
                border-radius: 12px !important;
                pointer-events: auto !important;
                z-index: 0 !important;}

header > .mobile-menu-toggle span{position: relative !important;
                display: block !important;
                width: 19px !important;
                height: 1px !important;
                min-height: 1px !important;

                margin: 0 !important;
                padding: 0 !important;

                background: var(--accent-gold) !important;
                border-radius: 999px !important;

                transform: none !important;
                opacity: 1 !important;
                pointer-events: none !important;
                z-index: 2 !important;}

header > .mobile-menu-toggle.menu-open{gap: 5px !important;
                transform: none !important;
                background: transparent !important;
                border: 0 !important;
                box-shadow: none !important;}

header > .mobile-menu-toggle.menu-open::after{width: 40px !important;
                height: 40px !important;
                transform: translate(-50%, -50%) !important;
                border: 1px solid var(--accent-gold) !important;
                border-radius: 50% !important;
                background: var(--accent-gold) !important;
                box-shadow: 0 0 10px rgba(223,184,107,.14) !important;}

header > .mobile-menu-toggle.menu-open span{width: 19px !important;
                background: #050505 !important;
                transform: none !important;
                opacity: 1 !important;}

header > .mobile-menu-toggle .hamburger-fallback{display: none !important;}

}

@media (max-width: 430px){

header > .mobile-menu-toggle{width: 40px !important;
                height: 40px !important;
                min-width: 40px !important;
                min-height: 40px !important;
                flex-basis: 40px !important;}

header > .mobile-menu-toggle::after,
            header > .mobile-menu-toggle.menu-open::after{width: 38px !important;
                height: 38px !important;}

header > .mobile-menu-toggle span,
            header > .mobile-menu-toggle.menu-open span{width: 18px !important;}

}

@media (max-width: 1023px) {

.mobile-luxury-menu{pointer-events: none !important;
                touch-action: none !important;
                z-index: 35000 !important;}

.mobile-luxury-menu.open{display: flex !important;
                pointer-events: auto !important;
                touch-action: manipulation !important;}

.mobile-luxury-menu.open,
            .mobile-luxury-menu.open .mobile-menu-panel,
            .mobile-luxury-menu.open .mobile-menu-nav,
            .mobile-luxury-menu.open .mobile-menu-nav a{pointer-events: auto !important;}

.mobile-menu-panel{position: relative !important;
                z-index: 2 !important;}

.mobile-menu-nav a{position: relative !important;
                z-index: 3 !important;
                cursor: pointer !important;
                touch-action: manipulation !important;}

header{z-index: 40000 !important;}

header > .mobile-menu-toggle{z-index: 45000 !important;}

body.mobile-menu-open{overflow: hidden !important;
                overscroll-behavior: none !important;}

}

@media (max-width: 1023px) {

.mobile-menu-nav a,
            .mobile-menu-nav a:first-child{color: #f1f1f1 !important;
                transition: color .25s ease, opacity .25s ease !important;}

.mobile-menu-nav a.is-active{color: var(--accent-gold) !important;}

}

@media (min-width: 1024px){

#booking-view .vehicles-grid{width: min(1080px, 100%) !important;
                margin-left: auto !important;
                margin-right: auto !important;
                grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
                gap: 18px !important;}

#booking-view .vehicle-card{width: 100% !important;
                max-width: 348px !important;
                margin: 0 auto !important;}

}

#booking-view .vehicle-card,
        #booking-view .vehicle-card > div,
        #booking-view .vehicle-card > div:first-child,
        #booking-view .vehicle-footer-card{box-sizing: border-box !important;}

#booking-view .vehicle-card > div:first-child,
        #booking-view .vehicle-footer-card{width: 100% !important;
            margin-left: auto !important;
            margin-right: auto !important;
            text-align: center !important;}

#booking-view .vehicle-card h3{width: 100% !important;
            text-align: center !important;
            justify-content: center !important;}

#booking-view .vehicle-img-container{width: 100% !important;
            margin-left: auto !important;
            margin-right: auto !important;
            justify-content: center !important;
            text-align: center !important;}

#booking-view .vehicle-img{display: block !important;
            margin: 0 auto !important;
            object-position: center center !important;}

#booking-view .vehicle-specs{width: 100% !important;
            justify-content: center !important;
            align-items: center !important;
            text-align: center !important;}

#booking-view .vehicle-specs > div{display: inline-flex !important;
            align-items: center !important;
            justify-content: center !important;
            text-align: center !important;}

#booking-view .vehicle-service-inclusions{width: 100% !important;
            margin-left: auto !important;
            margin-right: auto !important;}

#booking-view .vehicle-service-inclusions > span{justify-content: center !important;
            text-align: center !important;}

#booking-view .vehicle-price,
        #booking-view .btn-select{width: 100% !important;
            margin-left: auto !important;
            margin-right: auto !important;
            text-align: center !important;}

@media (max-width: 1023px) {

#booking-view .vehicles-grid{width: 100% !important;
                max-width: 430px !important;
                margin-left: auto !important;
                margin-right: auto !important;
                justify-items: center !important;}

#booking-view .vehicle-card{width: calc(100% - 12px) !important;
                max-width: 390px !important;
                margin-left: auto !important;
                margin-right: auto !important;
                padding-left: 14px !important;
                padding-right: 14px !important;}

#booking-view .vehicle-img-container{width: 92% !important;
                max-width: 330px !important;}

#booking-view .vehicle-specs{gap: 18px !important;}

#booking-view .vehicle-service-inclusions{width: 100% !important;
                max-width: 350px !important;}

#booking-view .vehicle-price{justify-content: center !important;}

}

#checkout-view .booking-summary-card{position: relative;
            overflow: hidden;
            margin-bottom: 22px !important;
            padding: 24px 24px 22px !important;
            background:
                linear-gradient(180deg, rgba(223,184,107,.028), rgba(223,184,107,.008)) !important;
            border: 1px solid rgba(223,184,107,.16) !important;
            border-radius: 10px !important;
            box-shadow:
                inset 0 1px 0 rgba(255,255,255,.018),
                0 12px 28px rgba(0,0,0,.12) !important;}

#checkout-view .booking-summary-card::before{content: "";
            position: absolute;
            left: 24px;
            right: 24px;
            top: 0;
            height: 1px;
            background:
                linear-gradient(
                    90deg,
                    transparent,
                    rgba(223,184,107,.46),
                    transparent
                );
            pointer-events: none;}

#checkout-view .booking-summary-card h2{margin: 0 0 19px !important;
            color: #efe9df !important;
            font-family: var(--font-display) !important;
            font-size: 1.72rem !important;
            font-weight: 400 !important;
            line-height: 1.05 !important;
            letter-spacing: -.015em !important;
            text-transform: none !important;
            text-align: left !important;}

#checkout-view .summary-details{display: grid !important;
            grid-template-columns: repeat(2, minmax(0,1fr)) !important;
            column-gap: 32px !important;
            row-gap: 0 !important;
            font-size: .88rem !important;}

#checkout-view .summary-row{display: grid !important;
            grid-template-columns: minmax(92px, auto) minmax(0,1fr) !important;
            align-items: start !important;
            gap: 13px !important;
            min-width: 0 !important;
            padding: 11px 0 !important;
            border-bottom: 1px solid rgba(255,255,255,.045) !important;}

#checkout-view .summary-details .summary-row:nth-last-child(-n +2){border-bottom-color: rgba(255,255,255,.045) !important;}

#checkout-view .summary-row strong{display: block !important;
            min-width: 0 !important;
            margin: 0 !important;
            color: rgba(223,184,107,.74) !important;
            font-family: var(--font-ui) !important;
            font-size: .63rem !important;
            font-weight: 600 !important;
            line-height: 1.35 !important;
            letter-spacing: .10em !important;
            text-transform: uppercase !important;}

#checkout-view .summary-row > span{display: block !important;
            min-width: 0 !important;
            color: #d8d2c9 !important;
            font-family: var(--font-ui) !important;
            font-size: .82rem !important;
            font-weight: 400 !important;
            line-height: 1.45 !important;
            text-align: right !important;
            overflow-wrap: anywhere !important;}

#checkout-view #checkout-summary-vehicle{color: #eee7dd !important;
            font-weight: 500 !important;}

#checkout-view #checkout-summary-price{color: var(--accent-gold) !important;
            font-family: var(--font-display) !important;
            font-size: 1.18rem !important;
            font-weight: 500 !important;
            line-height: 1 !important;
            letter-spacing: -.01em !important;}

@media (min-width: 1024px){

#checkout-view .summary-row:nth-child(1){grid-column: 1;
                grid-row: 1;}

#checkout-view .summary-row:nth-child(2){grid-column: 1;
                grid-row: 2;}

#checkout-view .summary-row:nth-child(6){grid-column: 1;
                grid-row: 3;}

#checkout-view .summary-row:nth-child(3){grid-column: 2;
                grid-row: 1;}

#checkout-view .summary-row:nth-child(4){grid-column: 2;
                grid-row: 2;}

#checkout-view .summary-row:nth-child(5){grid-column: 2;
                grid-row: 3;}

#checkout-view .summary-row:nth-child(6),
            #checkout-view .summary-row:nth-child(5){border-bottom: 0 !important;}

}

@media (max-width: 1023px) {

#checkout-view .booking-summary-card{padding: 19px 16px 14px !important;
                margin-bottom: 18px !important;
                border-radius: 9px !important;}

#checkout-view .booking-summary-card::before{left: 16px;
                right: 16px;}

#checkout-view .booking-summary-card h2{margin-bottom: 13px !important;
                font-size: 1.48rem !important;
                text-align: center !important;}

#checkout-view .summary-details{grid-template-columns: 1fr !important;}

#checkout-view .summary-row{grid-template-columns: minmax(88px, .72fr) minmax(0,1.28fr) !important;
                gap: 11px !important;
                padding: 9px 0 !important;}

#checkout-view .summary-row strong{font-size: .60rem !important;
                letter-spacing: .085em !important;}

#checkout-view .summary-row > span{font-size: .78rem !important;
                line-height: 1.35 !important;
                text-align: right !important;}

#checkout-view #checkout-summary-price{font-size: 1.08rem !important;}

#checkout-view .summary-row:last-child{border-bottom: 0 !important;}

}

#booking-view .vehicles-grid{width: min(1160px, 100%) !important;
            margin-left: auto !important;
            margin-right: auto !important;
            display: grid !important;
            grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
            gap: 24px !important;
            align-items: stretch !important;
            justify-items: stretch !important;}

#booking-view .vehicle-card{width: 100% !important;
            max-width: none !important;
            margin: 0 !important;
            padding: 18px 18px 16px !important;
            box-sizing: border-box !important;
            display: flex !important;
            flex-direction: column !important;
            align-items: stretch !important;}

#booking-view .vehicle-card > div:first-child,
        #booking-view .vehicle-footer-card,
        #booking-view .vehicle-service-inclusions,
        #booking-view .vehicle-specs,
        #booking-view .vehicle-price,
        #booking-view .btn-select{width: 100% !important;
            max-width: none !important;
            box-sizing: border-box !important;}

#booking-view .vehicle-card > div:first-child{padding: 0 !important;
            margin: 0 !important;
            display: flex !important;
            flex-direction: column !important;
            align-items: stretch !important;}

#booking-view .vehicle-card h3{width: 100% !important;
            margin: 0 0 10px !important;
            text-align: center !important;}

#booking-view .vehicle-img-container{width: 100% !important;
            max-width: none !important;
            height: 188px !important;
            min-height: 188px !important;
            max-height: 188px !important;
            margin: 0 0 12px !important;
            display: flex !important;
            align-items: center !important;
            justify-content: center !important;}

#booking-view .vehicle-img{width: 94% !important;
            height: 100% !important;
            max-width: 94% !important;
            max-height: 100% !important;
            margin: 0 auto !important;
            object-fit: contain !important;
            object-position: center center !important;}

#booking-view .vehicle-specs{display: flex !important;
            justify-content: center !important;
            align-items: center !important;
            gap: 26px !important;
            margin: 0 0 10px !important;
            padding: 0 4px !important;}

#booking-view .vehicle-specs > div{flex: 1 1 0 !important;
            min-width: 0 !important;
            justify-content: center !important;
            text-align: center !important;}

#booking-view .vehicle-footer-card{margin-top: auto !important;
            padding: 0 !important;
            display: flex !important;
            flex-direction: column !important;
            align-items: stretch !important;}

#booking-view .vehicle-service-inclusions{margin: 10px 0 12px !important;
            padding: 12px 10px !important;
            grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
            gap: 9px 10px !important;}

#booking-view .vehicle-service-inclusions > span{width: 100% !important;
            justify-content: center !important;
            text-align: center !important;
            white-space: normal !important;}

#booking-view .vehicle-price{margin: 6px 0 10px !important;
            display: flex !important;
            justify-content: center !important;
            align-items: center !important;}

#booking-view .btn-select{min-height: 50px !important;
            margin: 0 !important;}

@media (max-width: 1023px) {

#booking-view .vehicles-grid{width: 100% !important;
                max-width: 430px !important;
                grid-template-columns: 1fr !important;
                gap: 18px !important;
                padding: 0 4px !important;}

#booking-view .vehicle-card{width: 100% !important;
                max-width: 100% !important;
                margin: 0 !important;
                padding: 15px 14px 14px !important;}

#booking-view .vehicle-img-container{width: 100% !important;
                height: 158px !important;
                min-height: 158px !important;
                max-height: 158px !important;
                margin-bottom: 9px !important;}

#booking-view .vehicle-img{width: 98% !important;
                max-width: 98% !important;}

#booking-view .vehicle-specs{gap: 14px !important;
                padding: 0 2px !important;
                margin-bottom: 8px !important;}

#booking-view .vehicle-service-inclusions{margin: 8px 0 10px !important;
                padding: 10px 8px !important;
                gap: 7px 8px !important;}

#booking-view .vehicle-service-inclusions > span{font-size: .66rem !important;}

#booking-view .vehicle-price{margin: 5px 0 9px !important;}

#booking-view .btn-select{min-height: 48px !important;}

}

@media (max-width: 430px){

#booking-view .vehicles-grid{padding: 0 2px !important;
                gap: 16px !important;}

#booking-view .vehicle-card{padding-left: 13px !important;
                padding-right: 13px !important;}

#booking-view .vehicle-img-container{height: 150px !important;
                min-height: 150px !important;
                max-height: 150px !important;}

}

#checkout-view .booking-summary-card .lang-en,
        #checkout-view .booking-summary-card .lang-fr,
        #checkout-view .checkout-form-container .lang-en,
        #checkout-view .checkout-form-container .lang-fr{vertical-align: baseline;}

#checkout-view .booking-summary-card h2,
        #checkout-view .checkout-form-container h2{color: #efe9df !important;
            font-family: var(--font-display) !important;
            font-size: 1.62rem !important;
            font-weight: 400 !important;
            line-height: 1.08 !important;
            letter-spacing: -.012em !important;
            text-transform: none !important;}

#checkout-view .checkout-form-container h2{margin-bottom: 18px !important;}

#checkout-view .booking-summary-card h2{margin-bottom: 17px !important;}

@media (max-width: 1023px) {

#checkout-view .booking-summary-card h2,
            #checkout-view .checkout-form-container h2{font-size: 1.42rem !important;
                line-height: 1.1 !important;
                text-align: center !important;}

}

#checkout-view .btn-confirm-booking{width: 100% !important;
            min-height: 50px !important;
            padding: 0 22px !important;
            border: 1px solid rgba(223,184,107,.58) !important;
            border-radius: 7px !important;
            background:
                linear-gradient(180deg, rgba(223,184,107,.105), rgba(223,184,107,.045)) !important;
            color: #e8c989 !important;
            font-family: var(--font-ui) !important;
            font-size: .86rem !important;
            font-weight: 500 !important;
            letter-spacing: .11em !important;
            text-transform: uppercase !important;
            box-shadow:
                inset 0 1px 0 rgba(255,255,255,.035),
                0 7px 22px rgba(0,0,0,.15) !important;
            transition:
                background .32s ease,
                border-color .32s ease,
                color .32s ease,
                transform .22s cubic-bezier(.16,1,.3,1),
                box-shadow .32s ease !important;}

#checkout-view .btn-confirm-booking:active{transform: scale(.982) !important;
            background:
                linear-gradient(180deg, rgba(223,184,107,.16), rgba(223,184,107,.075)) !important;
            border-color: rgba(223,184,107,.82) !important;
            box-shadow:
                inset 0 1px 0 rgba(255,255,255,.04),
                0 4px 14px rgba(0,0,0,.14) !important;}

@media (hover: hover) and (pointer: fine){

#checkout-view .btn-confirm-booking:hover{background:
                    linear-gradient(180deg, rgba(223,184,107,.16), rgba(223,184,107,.075)) !important;
                border-color: rgba(223,184,107,.82) !important;
                color: #efd79f !important;
                box-shadow: 0 9px 25px rgba(0,0,0,.18) !important;}

}

@media (max-width: 1023px) {

#checkout-view .btn-confirm-booking{min-height: 48px !important;
                padding: 0 16px !important;
                font-size: .78rem !important;
                letter-spacing: .085em !important;
                border-radius: 6px !important;}

}#home-view .home-luxury-cta,
#home-view .premium-cta > a {border: 1px solid rgba(223,184,107,.58) !important;
            border-radius: 7px !important;
            background:
                linear-gradient(180deg, rgba(223,184,107,.105), rgba(223,184,107,.045)) !important;
            color: #e8c989 !important;
            font-family: var(--font-ui) !important;
            font-weight: 500 !important;
            letter-spacing: .11em !important;
            text-transform: uppercase !important;
            box-shadow:
                inset 0 1px 0 rgba(255,255,255,.035),
                0 7px 22px rgba(0,0,0,.15) !important;
            transition:
                background .32s ease,
                border-color .32s ease,
                color .32s ease,
                transform .22s cubic-bezier(.16,1,.3,1),
                box-shadow .32s ease !important;}#home-view .home-luxury-cta {min-height: 50px !important;
            padding: 0 22px !important;
            font-size: .86rem !important;}

#home-view .premium-cta > a{min-height: 50px !important;
            padding: 0 24px !important;
            display: inline-flex !important;
            align-items: center !important;
            justify-content: center !important;
            text-decoration: none !important;
            font-size: .82rem !important;}#home-view .home-luxury-cta:active,
#home-view .premium-cta > a:active {transform: scale(.982) !important;
            background:
                linear-gradient(180deg, rgba(223,184,107,.16), rgba(223,184,107,.075)) !important;
            border-color: rgba(223,184,107,.82) !important;
            box-shadow:
                inset 0 1px 0 rgba(255,255,255,.04),
                0 4px 14px rgba(0,0,0,.14) !important;}

@media (hover:hover) and (pointer:fine){#home-view .home-luxury-cta:hover,
#home-view .premium-cta > a:hover {background:
                    linear-gradient(180deg, rgba(223,184,107,.16), rgba(223,184,107,.075)) !important;
                border-color: rgba(223,184,107,.82) !important;
                color: #efd79f !important;
                box-shadow: 0 9px 25px rgba(0,0,0,.18) !important;}

}

@media (max-width: 1023px) {#home-view .home-luxury-cta {min-height: 48px !important;
                padding: 0 16px !important;
                font-size: .78rem !important;
                letter-spacing: .085em !important;
                border-radius: 6px !important;}

#home-view .premium-cta > a{min-height: 48px !important;
                padding: 0 18px !important;
                font-size: .76rem !important;
                letter-spacing: .08em !important;
                border-radius: 6px !important;}

}

#home-view .premium-cta > a[style*="display:none"],
        #home-view .premium-cta > a[style*="display: none"]{display: none !important;}

#booking-view .vehicles-grid{width: min(1160px, 100%) !important;
            margin: 18px auto 0 !important;
            display: grid !important;
            grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
            gap: 24px !important;
            align-items: stretch !important;}

#booking-view .vehicle-card{width: 100% !important;
            max-width: none !important;
            height: 100% !important;
            min-height: 610px !important;
            margin: 0 !important;
            padding: 18px !important;
            box-sizing: border-box !important;
            display: flex !important;
            flex-direction: column !important;
            align-items: stretch !important;}

#booking-view .vehicle-card > div:first-child,
        #booking-view .vehicle-footer-card{width: 100% !important;
            max-width: none !important;
            margin-left: 0 !important;
            margin-right: 0 !important;
            padding-left: 0 !important;
            padding-right: 0 !important;
            box-sizing: border-box !important;}

#booking-view .vehicle-img-container{width: 100% !important;
            max-width: none !important;
            height: 188px !important;
            min-height: 188px !important;
            max-height: 188px !important;
            margin: 0 0 12px !important;}

#booking-view .vehicle-img{width: 98% !important;
            max-width: 98% !important;
            height: 100% !important;
            object-fit: contain !important;
            object-position: center center !important;
            margin: 0 auto !important;}

#booking-view .vehicle-specs,
        #booking-view .vehicle-service-inclusions,
        #booking-view .vehicle-price,
        #booking-view .btn-select{width: 100% !important;
            max-width: none !important;
            box-sizing: border-box !important;}

#booking-view .vehicle-service-inclusions{margin-left: 0 !important;
            margin-right: 0 !important;}

#booking-view .vehicle-footer-card{margin-top: auto !important;}

@media (max-width: 1023px) {

#booking-view .vehicles-grid{width: 100% !important;
                max-width: 430px !important;
                grid-template-columns: 1fr !important;
                gap: 18px !important;
                margin-top: 18px !important;
                padding: 0 4px !important;
                box-sizing: border-box !important;}

#booking-view .vehicle-card{width: 100% !important;
                max-width: 100% !important;
                min-height: 0 !important;
                height: auto !important;
                margin: 0 !important;
                padding: 15px 14px 14px !important;}

#booking-view .back-home-btn + .back-home-btn + .vehicles-grid,
            #booking-view .back-home-btn + .vehicles-grid{margin-top: 18px !important;}

#booking-view .vehicle-img-container{width: 100% !important;
                height: 158px !important;
                min-height: 158px !important;
                max-height: 158px !important;}

#booking-view .vehicle-img{width: 100% !important;
                max-width: 100% !important;}

#booking-view .vehicle-specs{width: 100% !important;
                padding-left: 0 !important;
                padding-right: 0 !important;}

#booking-view .vehicle-service-inclusions{width: 100% !important;
                max-width: none !important;}

#booking-view .btn-select{width: 100% !important;}

}

#checkout-view .booking-summary-card,
        #checkout-view .checkout-form-container{position: relative !important;
            overflow: hidden !important;
            background:
                linear-gradient(180deg, rgba(223,184,107,.028), rgba(223,184,107,.008)) !important;
            border: 1px solid rgba(223,184,107,.16) !important;
            border-radius: 9px !important;
            box-shadow:
                inset 0 1px 0 rgba(255,255,255,.018),
                0 12px 28px rgba(0,0,0,.12) !important;}

#checkout-view .booking-summary-card::before,
        #checkout-view .checkout-form-container::before{content: "";
            position: absolute;
            left: 18px;
            right: 18px;
            top: 0;
            height: 1px;
            background: linear-gradient(
                90deg,
                transparent,
                rgba(223,184,107,.46),
                transparent
            );
            pointer-events: none;}

#checkout-view .booking-summary-card{padding: 22px 20px 18px !important;
            margin-bottom: 18px !important;}

#checkout-view .checkout-form-container{padding: 22px 20px 22px !important;}

#checkout-view .booking-summary-card h2,
        #checkout-view .checkout-form-container h2{margin: 0 0 17px !important;
            color: #efe9df !important;
            font-family: var(--font-display) !important;
            font-size: 1.58rem !important;
            font-weight: 400 !important;
            line-height: 1.08 !important;
            letter-spacing: -.012em !important;
            text-transform: none !important;
            text-align: left !important;}

#checkout-view .checkout-form-container h2{text-transform: none !important;}

#checkout-view .summary-row{border-bottom-color: rgba(223,184,107,.08) !important;}

#checkout-view .summary-row strong,
        #checkout-view .checkout-form-container label{color: rgba(223,184,107,.74) !important;}

@media (max-width: 1023px) {

#checkout-view .booking-summary-card,
            #checkout-view .checkout-form-container{padding: 18px 15px 16px !important;
                border-radius: 9px !important;}

#checkout-view .booking-summary-card::before,
            #checkout-view .checkout-form-container::before{left: 14px;
                right: 14px;}

#checkout-view .booking-summary-card h2,
            #checkout-view .checkout-form-container h2{font-size: 1.4rem !important;
                margin-bottom: 14px !important;
                text-align: center !important;}

}

#booking-view .vehicle-card{box-sizing: border-box !important;}

#booking-view .vehicle-specs{width: 100% !important;
            display: flex !important;
            align-items: center !important;
            justify-content: center !important;
            gap: 12px !important;
            padding: 0 !important;
            margin-left: auto !important;
            margin-right: auto !important;
            text-align: center !important;}

#booking-view .vehicle-specs > div{flex: 0 0 auto !important;
            width: auto !important;
            min-width: 0 !important;
            display: inline-flex !important;
            align-items: center !important;
            justify-content: center !important;
            gap: 4px !important;
            text-align: center !important;}

#booking-view .vehicle-spec-icon{margin-right: 2px !important;}

@media (max-width: 1023px) {

#booking-view .vehicle-specs{gap: 10px !important;
                margin-bottom: 8px !important;}

}

#home-view #calcForm label{color: rgba(223,184,107,.74) !important;}





#booking-view .vehicles-grid{display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 24px !important;
    align-items: stretch !important;}

#booking-view .vehicles-grid > .vehicle-card{width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    align-self: stretch !important;}

@media (max-width: 1023px) {

#booking-view .vehicles-grid{grid-template-columns: 1fr !important;
        gap: 18px !important;}

#booking-view .vehicles-grid > .vehicle-card{width: 100% !important;
        max-width: 100% !important;}

}

#checkout-view .booking-summary-card,
        #checkout-view .checkout-form-container{background:
                linear-gradient(180deg, rgba(255,255,255,.02), transparent 18%),
                rgba(8,8,8,.84) !important;
            border: 1px solid rgba(223,184,107,.18) !important;
            border-radius: 9px !important;
            box-shadow:
                0 18px 42px rgba(0,0,0,.22),
                inset 0 1px 0 rgba(255,255,255,.022) !important;}

#checkout-view .booking-summary-card::before,
        #checkout-view .checkout-form-container::before{content: "";
            position: absolute;
            left: 0 !important;
            right: 0 !important;
            top: 0 !important;
            height: 1px !important;
            background:
                linear-gradient(
                    90deg,
                    transparent,
                    rgba(223,184,107,.42),
                    transparent
                ) !important;
            pointer-events: none;}

#checkout-view .booking-summary-card{padding: 20px 18px 17px !important;}

#checkout-view .checkout-form-container{padding: 20px 18px 20px !important;}

#checkout-view .booking-summary-card h2,
        #checkout-view .checkout-form-container h2{color: #f0e8dc !important;}

#checkout-view .summary-row{border-bottom: 1px solid rgba(223,184,107,.08) !important;}

#checkout-view .checkout-form-container input,
        #checkout-view .checkout-form-container textarea{background: #080808 !important;
            border-color: rgba(223,184,107,.14) !important;}

@media (max-width: 1023px) {

#checkout-view .booking-summary-card,
            #checkout-view .checkout-form-container{border-radius: 9px !important;
                padding-left: 15px !important;
                padding-right: 15px !important;}

}

#home-view .booking-widget{position: relative !important;
            overflow: hidden !important;
            background:
                linear-gradient(180deg, rgba(255,255,255,.02), transparent 18%),
                rgba(8,8,8,.84) !important;
            border: 1px solid rgba(223,184,107,.18) !important;
            border-radius: 9px !important;
            box-shadow:
                0 18px 42px rgba(0,0,0,.22),
                inset 0 1px 0 rgba(255,255,255,.022) !important;}

#home-view .booking-widget::before{content: "";
            position: absolute;
            left: 0 !important;
            right: 0 !important;
            top: 0 !important;
            height: 1px !important;
            background:
                linear-gradient(
                    90deg,
                    transparent,
                    rgba(223,184,107,.42),
                    transparent
                ) !important;
            pointer-events: none;
            z-index: 2;}

#home-view .input-icon-wrapper input,
        #home-view .time-picker-popup,
        #home-view .passengers-picker-popup{background: #080808 !important;
            border-color: rgba(223,184,107,.14) !important;}

#home-view .form-group label{color: rgba(223,184,107,.74) !important;}

@media (max-width: 1023px) {

#home-view .booking-widget{border-radius: 9px !important;}

}

body,
        button,
        input,
        textarea,
        select,
        label,
        nav,
        p,
        a{font-family: var(--font-ui) !important;}

h1,
        h2,
        h3,
        .luxury-title,
        #home-view .booking-widget h1,
        #booking-view .vehicle-card h3,
        #checkout-view .booking-summary-card h2,
        #checkout-view .checkout-form-container h2{font-family: var(--font-display) !important;}

.logo-text,
        .mobile-vertical-brand,
        .font-riviera,
        .font-elite,
        .font-driver{font-family: inherit !important;}

#home-view .booking-widget h1{font-size: clamp(2.35rem, 5vw, 3.5rem) !important;
            line-height: 1.04 !important;
            font-weight: 600 !important;
            letter-spacing: -.018em !important;
            color: #fff !important;}

#home-view .hero-subtitle{font-family: var(--font-ui) !important;
            color: var(--accent-gold) !important;
            text-transform: uppercase !important;
            letter-spacing: .18em !important;
            font-size: .73rem !important;
            font-weight: 600 !important;
            line-height: 1.45 !important;}

.eyebrow,
        #home-view .eyebrow,
        #booking-view .eyebrow,
        #checkout-view .eyebrow{font-family: var(--font-ui) !important;
            color: var(--accent-gold) !important;
            text-transform: uppercase !important;
            letter-spacing: .18em !important;
            font-size: .73rem !important;
            font-weight: 600 !important;}

#booking-view .vehicle-card h3{font-size: 1.72rem !important;
            line-height: 1.08 !important;
            font-weight: 600 !important;
            letter-spacing: -.012em !important;
            color: #fff !important;}

#checkout-view .booking-summary-card h2,
        #checkout-view .checkout-form-container h2{font-size: 1.58rem !important;
            line-height: 1.08 !important;
            font-weight: 600 !important;
            letter-spacing: -.012em !important;
            color: #fff !important;
            text-transform: none !important;}#home-view .form-group label,
#booking-view .vehicle-specs,
#booking-view .vehicle-service-inclusions,
#booking-view .vehicle-price,
#checkout-view .summary-row,
#checkout-view .form-group label,
#home-view .tab-btn,
#home-view .home-luxury-cta,
#home-view .premium-cta > a,
#booking-view .btn-select,
#checkout-view .btn-confirm-booking,
#booking-view .back-home-btn,
#checkout-view .back-home-btn {font-family: var(--font-ui) !important;}

@media (max-width: 1023px) {

#home-view .booking-widget h1{font-size: clamp(2.2rem, 11vw, 3rem) !important;
                line-height: 1 !important;}

#home-view .hero-subtitle{font-size: .68rem !important;
                letter-spacing: .15em !important;}

#booking-view .vehicle-card h3{font-size: 1.55rem !important;}

#checkout-view .booking-summary-card h2,
            #checkout-view .checkout-form-container h2{font-size: 1.42rem !important;}

}#home-view .booking-widget,
#checkout-view .booking-summary-card,
#checkout-view .checkout-form-container,
#booking-view .vehicle-card {border-color: rgba(223,184,107,.60) !important;}#home-view .home-luxury-cta,
#home-view .premium-cta > a,
#booking-view .btn-select,
#checkout-view .btn-confirm-booking {border-color: rgba(223,184,107,.60) !important;}

#home-view input,
        #home-view textarea,
        #checkout-view input,
        #checkout-view textarea{border-color: rgba(223,184,107,.24) !important;}

#home-view input:focus,
        #home-view textarea:focus,
        #checkout-view input:focus,
        #checkout-view textarea:focus{border-color: rgba(223,184,107,.60) !important;}

@media (hover:hover) and (pointer:fine){

#booking-view .vehicle-card:hover,
            #home-view .booking-widget:hover,
            #checkout-view .booking-summary-card:hover,
            #checkout-view .checkout-form-container:hover{border-color: rgba(223,184,107,.60) !important;}

}

@media (min-width: 1024px){

#booking-view .vehicles-grid{width: 92% !important;
                max-width: 850px !important;
                margin-left: auto !important;
                margin-right: auto !important;
                grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
                gap: 18px !important;}

#booking-view .vehicles-grid > .vehicle-card{width: 100% !important;
                min-width: 0 !important;
                max-width: none !important;}

}

@media (max-width: 1023px) {

#booking-view .vehicles-grid{width: 100% !important;
                max-width: 560px !important;
                padding: 0 !important;
                margin-left: auto !important;
                margin-right: auto !important;
                gap: 18px !important;}

#booking-view .vehicles-grid > .vehicle-card{width: 100% !important;
                max-width: 560px !important;
                margin-left: auto !important;
                margin-right: auto !important;}

}

h1,
        h2,
        h3,
        .luxury-title,
        #home-view .booking-widget h1,
        #booking-view .vehicle-card h3,
        #checkout-view .booking-summary-card h2,
        #checkout-view .checkout-form-container h2{font-family: var(--font-display) !important;
            font-weight: 400 !important;
            text-transform: capitalize !important;}

.luxury-title,
        #home-view .booking-widget h1,
        #booking-view .vehicle-card h3,
        #checkout-view .booking-summary-card h2,
        #checkout-view .checkout-form-container h2{letter-spacing: normal !important;}

@media (max-width: 1023px) {

header > .mobile-menu-toggle{position: relative !important;
                margin-left: 9px !important;}

header > .mobile-menu-toggle{background-image:
                    linear-gradient(
                        to bottom,
                        transparent calc(50% - 12px),
                        rgba(223,184,107,.32) calc(50% - 12px),
                        rgba(223,184,107,.32) calc(50% + 12px),
                        transparent calc(50% + 12px)
                    ) !important;
                background-size: 1px 100% !important;
                background-position: -5px center !important;
                background-repeat: no-repeat !important;}

}

@media (max-width: 1023px) {

.mobile-menu-nav a{text-transform: lowercase !important;
                font-weight: 400 !important;
                letter-spacing: .045em !important;}

.mobile-menu-nav a::first-letter{text-transform: uppercase !important;}

}

#details .detail-item{display: flex !important;
            flex-direction: column !important;
            align-items: center !important;
            justify-content: center !important;
            text-align: center !important;}

#details .detail-item .lux-icon{margin-left: auto !important;
            margin-right: auto !important;
            flex: 0 0 auto !important;}

#details .detail-item > div{width: 100% !important;
            display: flex !important;
            flex-direction: column !important;
            align-items: center !important;
            justify-content: center !important;
            text-align: center !important;}

#details .detail-item strong,
        #details .detail-item span{width: 100% !important;
            text-align: center !important;}

#destinations .route-row .lux-icon[data-lucide="plane"]{width: 16px !important;
            height: 16px !important;
            stroke-width: 1.35 !important;
            color: var(--accent-gold) !important;
            margin-right: 9px !important;
            vertical-align: -2px !important;}

#destinations .route-row > div:first-child{display: flex !important;
            align-items: center !important;
            gap: 13px !important;
            min-width: 0 !important;}

#destinations .route-row > div:first-child > i,
        #destinations .route-row > div:first-child > .lux-icon{flex: 0 0 17px !important;
            width: 17px !important;
            height: 17px !important;
            margin: 0 !important;
            vertical-align: middle !important;
            align-self: center !important;}

#destinations .route-row .lux-icon[data-lucide="plane"]{width: 17px !important;
            height: 17px !important;
            margin: 0 !important;
            vertical-align: middle !important;}

@media (max-width: 560px){

#destinations .route-row > div:first-child{align-items: center !important;
                gap: 12px !important;}

}

#checkout-view .booking-summary-card h2,
        #checkout-view .checkout-form-container h2{font-family: var(--font-display) !important;
            font-size: 1.72rem !important;
            line-height: 1.08 !important;
            font-weight: 400 !important;
            letter-spacing: normal !important;
            text-transform: capitalize !important;
            color: #fff !important;}

@media (max-width: 1023px) {

#checkout-view .booking-summary-card h2,
            #checkout-view .checkout-form-container h2{font-size: 1.55rem !important;
                line-height: 1.08 !important;
                font-weight: 400 !important;
                letter-spacing: normal !important;}

}

#home-view .booking-widget h1{font-family: var(--font-display) !important;
            font-size: clamp(2rem, 4vw, 3.15rem) !important;
            line-height: 1.04 !important;
            font-weight: 400 !important;
            letter-spacing: normal !important;
            text-transform: capitalize !important;
            color: #fff !important;}

@media (max-width: 1023px) {

#home-view .booking-widget h1{font-size: clamp(2rem, 10vw, 2.8rem) !important;
                line-height: 1.08 !important;
                font-weight: 400 !important;
                letter-spacing: normal !important;}

}

#home-view .booking-widget h1,
        #home-view .booking-widget h1 > span{font-family: var(--font-display) !important;
            font-weight: 400 !important;
            font-style: normal !important;
            font-size: clamp(2rem, 4vw, 3.15rem) !important;
            line-height: 1.04 !important;
            letter-spacing: -0.018em !important;
            text-transform: capitalize !important;
            font-synthesis: none !important;}

#home-view .booking-widget h1{margin-top: 0 !important;}

@media (max-width: 1023px) {

#home-view .booking-widget h1,
            #home-view .booking-widget h1 > span{font-size: clamp(2rem, 10vw, 2.8rem) !important;
                line-height: 1.08 !important;
                font-weight: 400 !important;
                letter-spacing: -0.018em !important;}

}

@media (max-width: 1023px) {

.mobile-menu-nav a{font-family: var(--font-display) !important;
                font-weight: 400 !important;
                font-style: normal !important;
                text-transform: lowercase !important;
                letter-spacing: -0.018em !important;
                line-height: 1.08 !important;
                font-synthesis: none !important;}

.mobile-menu-nav a::first-letter{text-transform: uppercase !important;}

}

#home-view #calcForm input,
        #home-view #calcForm textarea,
        #home-view #calcForm select,
        #checkout-view #passengerForm input,
        #checkout-view #passengerForm textarea,
        #checkout-view #passengerForm select{font-family: var(--font-ui) !important;
            font-size: 1rem !important;
            font-weight: 400 !important;
            font-style: normal !important;
            line-height: 1.85 !important;
            letter-spacing: normal !important;
            font-synthesis: none !important;}

#home-view #calcForm input::placeholder,
        #home-view #calcForm textarea::placeholder,
        #checkout-view #passengerForm input::placeholder,
        #checkout-view #passengerForm textarea::placeholder{font-family: var(--font-ui) !important;
            font-size: 1rem !important;
            font-weight: 400 !important;
            line-height: 1.85 !important;
            letter-spacing: normal !important;}

@media (max-width: 1023px) {

#home-view #calcForm input,
            #home-view #calcForm textarea,
            #home-view #calcForm select,
            #checkout-view #passengerForm input,
            #checkout-view #passengerForm textarea,
            #checkout-view #passengerForm select,
            #home-view #calcForm input::placeholder,
            #home-view #calcForm textarea::placeholder,
            #checkout-view #passengerForm input::placeholder,
            #checkout-view #passengerForm textarea::placeholder{font-size: .94rem !important;
                line-height: 1.75 !important;}

}

#home-view .hero-subtitle.lang-en,
        #home-view .hero-subtitle.lang-fr{font-family: var(--font-ui) !important;
            font-size: .73rem !important;
            font-weight: 600 !important;
            font-style: normal !important;
            line-height: 1.45 !important;
            letter-spacing: .18em !important;
            text-transform: uppercase !important;
            color: var(--accent-gold) !important;
            font-synthesis: none !important;}

@media (max-width: 1023px) {

#home-view .hero-subtitle.lang-en,
            #home-view .hero-subtitle.lang-fr{font-family: var(--font-ui) !important;
                font-size: .73rem !important;
                font-weight: 600 !important;
                font-style: normal !important;
                line-height: 1.45 !important;
                letter-spacing: .18em !important;
                text-transform: uppercase !important;
                color: var(--accent-gold) !important;
                font-synthesis: none !important;}

}

@media (max-width: 1023px) {

#home-view .hero-subtitle.lang-en{white-space: nowrap !important;
                max-width: none !important;
                width: auto !important;
                font-size: .66rem !important;
                letter-spacing: .14em !important;
                line-height: 1.35 !important;}

}

@media (max-width: 390px){

#home-view .hero-subtitle.lang-en{font-size: .62rem !important;
                letter-spacing: .12em !important;}

}

#checkout-view .booking-summary-card h2,
        #checkout-view .checkout-form-container h2{font-family: var(--font-display) !important;
            font-size: 1.72rem !important;
            font-weight: 400 !important;
            line-height: 1.08 !important;
            letter-spacing: -0.018em !important;
            text-transform: capitalize !important;
            color: #fff !important;}

#checkout-view .summary-row strong{font-family: var(--font-ui) !important;
            font-size: .73rem !important;
            font-weight: 600 !important;
            line-height: 1.45 !important;
            letter-spacing: .18em !important;
            text-transform: uppercase !important;
            color: var(--accent-gold) !important;}

#checkout-view .summary-row > span{font-family: var(--font-ui) !important;
            font-size: 1rem !important;
            font-weight: 400 !important;
            line-height: 1.65 !important;
            letter-spacing: normal !important;
            color: #d7d2ca !important;}

#checkout-view #checkout-summary-price{font-family: var(--font-display) !important;
            font-size: 1.32rem !important;
            font-weight: 400 !important;
            line-height: 1.1 !important;
            letter-spacing: -0.015em !important;
            color: var(--accent-gold) !important;}

#checkout-view .form-group label{font-family: var(--font-ui) !important;
            font-size: .73rem !important;
            font-weight: 600 !important;
            line-height: 1.45 !important;
            letter-spacing: .12em !important;
            text-transform: uppercase !important;
            color: rgba(223,184,107,.78) !important;}

#checkout-view #passengerForm input,
        #checkout-view #passengerForm textarea,
        #checkout-view #passengerForm select,
        #checkout-view #passengerForm input::placeholder,
        #checkout-view #passengerForm textarea::placeholder{font-family: var(--font-ui) !important;
            font-size: 1rem !important;
            font-weight: 400 !important;
            line-height: 1.75 !important;
            letter-spacing: normal !important;}

#checkout-view .passengers-picker-popup,
        #checkout-view .passengers-picker-popup button,
        #checkout-view .hours-grid-container,
        #checkout-view .time-display,
        #checkout-view .iti,
        #checkout-view .iti__country-list,
        #checkout-view .iti__country,
        #checkout-view .iti__selected-dial-code{font-family: var(--font-ui) !important;
            font-weight: 400 !important;
            letter-spacing: normal !important;}

#checkout-view .back-home-btn,
        #checkout-view .btn-confirm-booking{font-family: var(--font-ui) !important;
            font-weight: 500 !important;
            text-transform: uppercase !important;}

#checkout-view #checkout-form-error-msg,
        #checkout-view .form-error-msg,
        #checkout-view small,
        #checkout-view .help-text{font-family: var(--font-ui) !important;
            font-size: .78rem !important;
            font-weight: 400 !important;
            line-height: 1.5 !important;
            letter-spacing: normal !important;}

@media (max-width: 1023px) {

#checkout-view .booking-summary-card h2,
            #checkout-view .checkout-form-container h2{font-size: 1.55rem !important;}

#checkout-view .summary-row strong,
            #checkout-view .form-group label{font-size: .68rem !important;
                letter-spacing: .10em !important;}

#checkout-view .summary-row > span,
            #checkout-view #passengerForm input,
            #checkout-view #passengerForm textarea,
            #checkout-view #passengerForm select,
            #checkout-view #passengerForm input::placeholder,
            #checkout-view #passengerForm textarea::placeholder{font-size: .94rem !important;}

#checkout-view #checkout-summary-price{font-size: 1.22rem !important;}

}

#booking-view .vehicle-service-inclusions{position: relative !important;
            overflow: hidden !important;
            box-sizing: border-box !important;

            background:
                linear-gradient(
                    180deg,
                    rgba(0,0,0,.20) 0%,
                    rgba(0,0,0,.38) 50%,
                    rgba(0,0,0,.20) 100%
                ),
                rgba(3,3,3,.58) !important;

            border: 0 !important;
            border-radius: 0 !important;

            box-shadow:
                inset 0 8px 16px rgba(0,0,0,.16),
                inset 0 -8px 16px rgba(0,0,0,.12) !important;}

#booking-view .vehicle-service-inclusions::before{content: "" !important;
            position: absolute !important;
            top: 0 !important;
            left: 0 !important;
            right: 0 !important;
            width: auto !important;
            height: 1px !important;
            background:
                linear-gradient(
                    90deg,
                    transparent 0%,
                    rgba(223,184,107,.18) 10%,
                    rgba(223,184,107,.62) 50%,
                    rgba(223,184,107,.18) 90%,
                    transparent 100%
                ) !important;
            box-shadow: none !important;
            pointer-events: none !important;}

#booking-view .vehicle-service-inclusions::after{content: "" !important;
            position: absolute !important;
            bottom: 0 !important;
            top: auto !important;
            left: 0 !important;
            right: 0 !important;
            width: auto !important;
            height: 1px !important;
            background:
                linear-gradient(
                    90deg,
                    transparent 0%,
                    rgba(223,184,107,.10) 10%,
                    rgba(223,184,107,.34) 50%,
                    rgba(223,184,107,.10) 90%,
                    transparent 100%
                ) !important;
            box-shadow: none !important;
            pointer-events: none !important;}

#booking-view .vehicle-service-inclusions > span{position: relative !important;
            z-index: 1 !important;}

#checkout-view .booking-summary-card,
        #checkout-view .checkout-form-container{background:
                radial-gradient(
                    ellipse at 50% 0%,
                    rgba(223,184,107,.075) 0%,
                    rgba(223,184,107,.026) 34%,
                    transparent 68%
                ),
                linear-gradient(
                    180deg,
                    rgba(223,184,107,.018) 0%,
                    rgba(8,8,8,.84) 30%,
                    rgba(8,8,8,.88) 100%
                ) !important;}

#booking-view .vehicle-card h3,
        #checkout-view .booking-summary-card h2,
        #checkout-view .checkout-form-container h2{font-family: var(--font-display) !important;
            font-size: 1.30rem !important;
            font-weight: 400 !important;
            font-style: normal !important;
            line-height: 1.10 !important;
            letter-spacing: .5px !important;
            text-transform: capitalize !important;
            color: #fff !important;
            font-synthesis: none !important;}

#checkout-view .summary-row strong{font-family: var(--font-ui) !important;
            font-size: .73rem !important;
            font-weight: 600 !important;
            font-style: normal !important;
            line-height: 1.45 !important;
            letter-spacing: .18em !important;
            text-transform: uppercase !important;
            color: var(--accent-gold) !important;
            font-synthesis: none !important;}

#checkout-view .form-group label{font-family: var(--font-ui) !important;
            font-size: .73rem !important;
            font-weight: 600 !important;
            font-style: normal !important;
            line-height: 1.45 !important;
            letter-spacing: .12em !important;
            text-transform: uppercase !important;
            color: rgba(223,184,107,.78) !important;
            font-synthesis: none !important;}

#checkout-view .summary-row > span:not(#checkout-summary-price){font-family: var(--font-ui) !important;
            font-size: 1rem !important;
            font-weight: 400 !important;
            font-style: normal !important;
            line-height: 1.85 !important;
            letter-spacing: normal !important;
            text-transform: none !important;
            color: #b9b9b9 !important;
            font-synthesis: none !important;}

#booking-view .vehicle-specs,
        #booking-view .vehicle-specs span{font-family: var(--font-ui) !important;
            font-size: .78rem !important;
            font-weight: 400 !important;
            font-style: normal !important;
            line-height: 1.45 !important;
            letter-spacing: .3px !important;
            text-transform: none !important;
            color: #f3f3f3 !important;
            font-synthesis: none !important;}

#booking-view .pricing-feature-item,
        #booking-view .pricing-feature-item span,
        #booking-view .vehicle-service-inclusions,
        #booking-view .vehicle-service-inclusions > span{font-family: var(--font-ui) !important;
            font-size: .72rem !important;
            font-weight: 400 !important;
            font-style: normal !important;
            line-height: 1.45 !important;
            letter-spacing: normal !important;
            text-transform: none !important;
            color: #8e8e8e !important;
            font-synthesis: none !important;}

#booking-view .vehicle-price,
        #checkout-view #checkout-summary-price{font-family: var(--font-ui) !important;
            font-size: 1.70rem !important;
            font-weight: 700 !important;
            font-style: normal !important;
            line-height: 1.15 !important;
            letter-spacing: .5px !important;
            text-transform: none !important;
            color: var(--accent-gold) !important;
            font-synthesis: none !important;}

#checkout-view #passengerForm input,
        #checkout-view #passengerForm textarea,
        #checkout-view #passengerForm select,
        #checkout-view #passengerForm input::placeholder,
        #checkout-view #passengerForm textarea::placeholder,
        #checkout-view .iti,
        #checkout-view .iti__selected-dial-code,
        #checkout-view .iti__country,
        #checkout-view .passengers-picker-popup,
        #checkout-view .time-display,
        #checkout-view .hours-grid-container,
        #checkout-view .hours-grid-container button{font-family: var(--font-ui) !important;
            font-size: 1rem !important;
            font-weight: 400 !important;
            font-style: normal !important;
            line-height: 1.85 !important;
            letter-spacing: normal !important;
            text-transform: none !important;
            font-synthesis: none !important;}

#booking-view .btn-select,
        #checkout-view .btn-confirm-booking{font-family: var(--font-ui) !important;
            font-size: .86rem !important;
            font-weight: 500 !important;
            font-style: normal !important;
            line-height: 1.2 !important;
            letter-spacing: .11em !important;
            text-transform: uppercase !important;
            font-synthesis: none !important;}

#booking-view .back-home-btn,
        #checkout-view .back-home-btn{font-family: var(--font-ui) !important;
            font-size: .76rem !important;
            font-weight: 500 !important;
            font-style: normal !important;
            line-height: 1.2 !important;
            letter-spacing: .085em !important;
            text-transform: uppercase !important;
            font-synthesis: none !important;}

#checkout-view #checkout-form-error-msg,
        #checkout-view .form-error-msg,
        #checkout-view small,
        #checkout-view .help-text{font-family: var(--font-ui) !important;
            font-size: .72rem !important;
            font-weight: 400 !important;
            font-style: normal !important;
            line-height: 1.45 !important;
            letter-spacing: normal !important;
            text-transform: none !important;
            font-synthesis: none !important;}

@media (max-width: 1023px) {

#booking-view .vehicle-card h3,
            #checkout-view .booking-summary-card h2,
            #checkout-view .checkout-form-container h2{font-size: 1.30rem !important;
                line-height: 1.10 !important;}

#checkout-view .summary-row strong,
            #checkout-view .form-group label{font-size: .68rem !important;
                line-height: 1.45 !important;
                letter-spacing: .10em !important;}

#checkout-view .summary-row > span:not(#checkout-summary-price),
            #checkout-view #passengerForm input,
            #checkout-view #passengerForm textarea,
            #checkout-view #passengerForm select,
            #checkout-view #passengerForm input::placeholder,
            #checkout-view #passengerForm textarea::placeholder,
            #checkout-view .iti,
            #checkout-view .iti__selected-dial-code,
            #checkout-view .iti__country,
            #checkout-view .passengers-picker-popup,
            #checkout-view .time-display,
            #checkout-view .hours-grid-container,
            #checkout-view .hours-grid-container button{font-size: .94rem !important;
                line-height: 1.75 !important;}

#booking-view .vehicle-specs,
            #booking-view .vehicle-specs span{font-size: .78rem !important;}

#booking-view .pricing-feature-item,
            #booking-view .pricing-feature-item span,
            #booking-view .vehicle-service-inclusions,
            #booking-view .vehicle-service-inclusions > span{font-size: .72rem !important;
                line-height: 1.45 !important;}

#booking-view .vehicle-price,
            #checkout-view #checkout-summary-price{font-size: 1.55rem !important;}

#booking-view .btn-select,
            #checkout-view .btn-confirm-booking{font-size: .78rem !important;
                letter-spacing: .085em !important;}

#booking-view .back-home-btn,
            #checkout-view .back-home-btn{font-size: .70rem !important;
                letter-spacing: .065em !important;}

}

#home-view .form-group label,
        #home-view #calcForm label,
        #checkout-view .form-group label,

        #checkout-view .summary-row strong,

        .eyebrow,
        #home-view .hero-subtitle,

        #booking-view .fixed-price-euro,
        #booking-view .vehicle-service-inclusions .booking-ph-icon,
        #booking-view .vehicle-service-inclusions .service-legacy-icon,

        .route-panel-title{color: var(--accent-gold) !important;}

#booking-view .vehicle-service-inclusions,
        #booking-view .vehicle-service-inclusions > span{font-family: var(--font-ui) !important;
            font-size: .80rem !important;
            font-weight: 500 !important;
            line-height: 1.35 !important;
            letter-spacing: .01em !important;
            color: #e7e0d6 !important;}

#booking-view .vehicle-service-inclusions .booking-ph-icon,
        #booking-view .vehicle-service-inclusions .service-legacy-icon,
        #booking-view .vehicle-service-inclusions .fixed-price-euro{color: var(--accent-gold) !important;
            opacity: .96 !important;}

@media (max-width: 1023px) {

#booking-view .vehicle-service-inclusions,
            #booking-view .vehicle-service-inclusions > span{font-size: .76rem !important;
                line-height: 1.32 !important;}

}

#booking-view .vehicle-card,
        #booking-view .vehicle-card:hover,
        #booking-view .vehicle-card:focus-within{transform: none !important;
            scale: 1 !important;}

#booking-view .vehicle-card:hover,
        #booking-view .vehicle-card:focus-within{padding: inherit;}

#booking-view .vehicle-card:hover .vehicle-img,
        #booking-view .vehicle-card:focus-within .vehicle-img,
        #booking-view .vehicle-card:hover img,
        #booking-view .vehicle-card:focus-within img{transform: none !important;
            scale: 1 !important;}

:root{--real-header-height: 84px;
            --page-action-gap: 18px;}

#booking-view,
        #checkout-view{padding-top:
                calc(var(--real-header-height) + var(--page-action-gap)) !important;}

#booking-view .back-home-btn,
        #checkout-view .back-home-btn{margin-top: 0 !important;
            margin-bottom: var(--page-action-gap) !important;}

@media (max-width: 1023px) {

:root{--real-header-height: 68px;
                --page-action-gap: 18px;}

#booking-view,
            #checkout-view{padding-top:
                    calc(var(--real-header-height) + var(--page-action-gap)) !important;}

#booking-view .booking-container-page,
            #checkout-view .booking-container-page{padding-top: 0 !important;}

}

@media (max-width: 1023px) {

#home-view .booking-widget h1,
            #home-view .booking-widget h1 > span{white-space: nowrap !important;
                max-width: 100% !important;
                width: 100% !important;
                overflow: visible !important;
                text-align: center !important;

                font-size: clamp(1.48rem, 7.2vw, 2.35rem) !important;
                line-height: 1.08 !important;
                letter-spacing: -0.025em !important;}

}

@media (max-width: 390px){

#home-view .booking-widget h1,
            #home-view .booking-widget h1 > span{font-size: clamp(1.38rem, 7vw, 1.72rem) !important;
                letter-spacing: -0.03em !important;}

}

@media (max-width: 340px){

#home-view .booking-widget h1,
            #home-view .booking-widget h1 > span{font-size: 1.30rem !important;
                letter-spacing: -0.035em !important;}

}

@media (max-width: 1023px) {

#home-view .hero-subtitle.lang-en{white-space: nowrap !important;
                width: 100% !important;
                max-width: 100% !important;
                overflow: visible !important;
                text-align: center !important;
                font-size: clamp(.56rem, 2.65vw, .73rem) !important;
                line-height: 1.35 !important;
                letter-spacing: clamp(.075em, .30vw, .14em) !important;}

}

@media (max-width: 390px){

#home-view .hero-subtitle.lang-en{font-size: clamp(.52rem, 2.55vw, .62rem) !important;
                letter-spacing: .07em !important;}

}

@media (max-width: 340px){

#home-view .hero-subtitle.lang-en{font-size: .50rem !important;
                letter-spacing: .055em !important;}

}

@media (max-width: 1023px) {

header .lang-switcher{--language-equal-gap: 8px;

                order: 4 !important;
                display: inline-flex !important;
                align-items: center !important;
                justify-content: center !important;

                height: 42px !important;
                min-height: 42px !important;
                width: auto !important;

                gap: var(--language-equal-gap) !important;
                column-gap: var(--language-equal-gap) !important;

                margin: 0 !important;
                padding: 0 !important;
                border: 0 !important;
                background: transparent !important;
                box-shadow: none !important;
                box-sizing: border-box !important;}

header .lang-switcher::before,
            header .lang-switcher::after{content: "" !important;
                display: block !important;
                flex: 0 0 1px !important;

                width: 1px !important;
                min-width: 1px !important;
                height: 42px !important;
                min-height: 42px !important;

                margin: 0 !important;
                padding: 0 !important;
                border: 0 !important;
                border-radius: 0 !important;

                background: rgba(223,184,107,.32) !important;
                box-shadow: none !important;
                pointer-events: none !important;}

header .lang-switcher .flag-btn,
            header .lang-switcher .flag-btn:first-child,
            header .lang-switcher .flag-btn:last-child{flex: 0 0 auto !important;
                margin: 0 !important;
                padding: 0 !important;}

header .mobile-flags-hamburger-separator{display: none !important;
                width: 0 !important;
                min-width: 0 !important;
                height: 0 !important;
                margin: 0 !important;
                padding: 0 !important;}

header > .mobile-menu-toggle{margin-left: 9px !important;}

}

@media (max-width: 430px){

header .lang-switcher{--language-equal-gap: 7px;}

header > .mobile-menu-toggle{margin-left: 7px !important;}

}

@media (max-width: 1023px) {

header .logo{display: inline-flex !important;
                align-items: center !important;
                height: 38px !important;
                min-height: 38px !important;
                line-height: 1 !important;}

header .logo .logo-text,
            header .logo-text{font-size: 1.08rem !important;
                line-height: 1 !important;
                letter-spacing: .075em !important;}

}

@media (min-width: 1024px){

header .logo .logo-text,
            header .logo-text{font-size: 1.16rem !important;
                line-height: 1 !important;}

}

@media (max-width: 1023px) {

header .header-actions{margin-left: auto !important;
                margin-right: 0 !important;
                padding: 0 !important;

                display: flex !important;
                align-items: center !important;
                justify-content: flex-end !important;

                width: auto !important;
                max-width: none !important;
                min-width: 0 !important;
                flex: 0 0 auto !important;

                gap: 0 !important;
                column-gap: 0 !important;}

header .lang-switcher{margin-left: auto !important;
                margin-right: 0 !important;
                flex: 0 0 auto !important;}

header .header-actions > .mobile-menu-toggle{order: 5 !important;
                margin-left: var(--header-outer-language-gap) !important;
                margin-right: 0 !important;
                flex: 0 0 38px !important;}

header .btn-phone-prestige{order: 1 !important;}

header .btn-whatsapp-subtle{order: 2 !important;}

header .btn-email-subtle{order: 3 !important;}

header .lang-switcher{order: 4 !important;}

header .mobile-flags-hamburger-separator{display: none !important;
                width: 0 !important;
                height: 0 !important;
                margin: 0 !important;
                padding: 0 !important;}

}

@media (max-width: 1023px) {

header .btn-phone-prestige{margin: 0 9px 0 0 !important;}

header .btn-whatsapp-subtle{margin: 0 9px 0 0 !important;}

header .btn-email-subtle{margin: 0 !important;}

}

#booking-view .back-home-btn,
        #checkout-view .back-home-btn{display: flex !important;
            width: max-content !important;
            align-items: center !important;
            margin-top: 0 !important;
            margin-bottom: 18px !important;
            vertical-align: top !important;}

#booking-view .vehicles-grid,
        #checkout-view .booking-summary-card{margin-top: 0 !important;}

#booking-view .booking-container-page,
        #checkout-view .booking-container-page{padding-top: 0 !important;}

:root{--site-frame-gap: 18px;
            --page-action-gap: var(--site-frame-gap);}

#home-view .hero{padding-top:
                calc(var(--real-header-height) + var(--site-frame-gap)) !important;}

#home-view .booking-widget{margin-top: 0 !important;}

#booking-view{padding-top:
                calc(var(--real-header-height) + var(--site-frame-gap)) !important;}

#booking-view .booking-container-page{padding-top: 0 !important;}

#booking-view .back-home-btn{margin-top: 0 !important;
            margin-bottom: var(--site-frame-gap) !important;}

#booking-view .vehicles-grid{margin-top: 0 !important;
            gap: var(--site-frame-gap) !important;}

#checkout-view{padding-top:
                calc(var(--real-header-height) + var(--site-frame-gap)) !important;}

#checkout-view .booking-container-page{padding-top: 0 !important;}

#checkout-view .back-home-btn{margin-top: 0 !important;
            margin-bottom: var(--site-frame-gap) !important;}

#checkout-view .checkout-form-container{margin-top: 0 !important;}

@media (max-width: 1023px) {

#home-view .hero,
            #booking-view,
            #checkout-view{padding-top:
                    calc(var(--real-header-height) + var(--site-frame-gap)) !important;}

#booking-view .back-home-btn,
            #checkout-view .back-home-btn{margin-bottom: var(--site-frame-gap) !important;}

#booking-view .vehicles-grid{gap: var(--site-frame-gap) !important;}

#checkout-view .booking-summary-card{margin-bottom: var(--site-frame-gap) !important;}

}

#booking-view .back-home-btn[style*="display:none"],
        #booking-view .back-home-btn[style*="display: none"],
        #checkout-view .back-home-btn[style*="display:none"],
        #checkout-view .back-home-btn[style*="display: none"],
        #booking-view .btn-select[style*="display:none"],
        #booking-view .btn-select[style*="display: none"],
        #checkout-view .btn-confirm-booking[style*="display:none"],
        #checkout-view .btn-confirm-booking[style*="display: none"]{display: none !important;}

@media (max-width: 1023px) {

:root{--header-outer-language-gap: 14px;}

header .header-actions{display: flex !important;
                align-items: center !important;
                justify-content: flex-end !important;
                margin-left: auto !important;
                margin-right: 0 !important;
                padding: 0 !important;
                gap: 0 !important;
                column-gap: 0 !important;
                width: auto !important;
                max-width: none !important;
                overflow: visible !important;}

header .btn-phone-prestige{margin: 0 9px 0 0 !important;}

header .btn-whatsapp-subtle{margin: 0 9px 0 0 !important;}

header .btn-email-subtle{margin: 0 14px 0 0 !important;}

header .lang-switcher{margin: 0 !important;
                flex: 0 0 auto !important;}

header .header-actions > .mobile-menu-toggle{display: inline-flex !important;
                visibility: visible !important;
                opacity: 1 !important;

                position: relative !important;
                inset: auto !important;

                width: 38px !important;
                height: 38px !important;
                min-width: 38px !important;
                min-height: 38px !important;
                flex: 0 0 38px !important;

                align-items: center !important;
                justify-content: center !important;

                margin: 0 0 0 14px !important;
                padding: 0 !important;

                z-index: 43000 !important;
                overflow: visible !important;}

}

@media (max-width: 430px){

header .btn-email-subtle{margin-right: 14px !important;}

header .header-actions > .mobile-menu-toggle{margin-left: 14px !important;}

}

#home-view .booking-widget{margin-top: 0 !important;
            margin-bottom: var(--site-frame-gap) !important;}

#home-view .service-card,
        #home-view .experience-item,
        #home-view .route-panel{margin-top: var(--site-frame-gap) !important;
            margin-bottom: var(--site-frame-gap) !important;}

#booking-view .vehicles-grid{margin-top: 0 !important;
            margin-bottom: var(--site-frame-gap) !important;
            gap: var(--site-frame-gap) !important;}

#checkout-view .booking-summary-card{margin-top: 0 !important;
            margin-bottom: var(--site-frame-gap) !important;}

#checkout-view .checkout-form-container{margin-top: 0 !important;
            margin-bottom: var(--site-frame-gap) !important;}

#booking-view .pricing-features-grid,
        #booking-view .vehicle-service-inclusions{margin-bottom: var(--site-frame-gap) !important;}

#home-view .service-card + .service-card,
        #home-view .experience-item + .experience-item{margin-top: 0 !important;}

@media (max-width: 1023px) {

#home-view .booking-widget,
            #booking-view .vehicles-grid,
            #checkout-view .checkout-form-container{margin-bottom: var(--site-frame-gap) !important;}

#checkout-view .booking-summary-card{margin-bottom: var(--site-frame-gap) !important;}

}

@media (max-width: 1023px) {

header .logo-container .logo-img{transform: scale(1.07) !important;
                transform-origin: center center !important;}

header .logo-container .logo-text{transform: scale(1.07) !important;
                transform-origin: left center !important;}

}

@media (min-width: 1024px){

header .logo-container .logo-img{transform: scale(1.06) !important;
                transform-origin: center center !important;}

header .logo-container .logo-text{transform: scale(1.06) !important;
                transform-origin: left center !important;}

}

#home-view .input-icon-wrapper > .field-thin-icon,
        #checkout-view .input-icon-wrapper > .field-thin-icon{position: absolute !important;
            left: 14px !important;
            top: 50% !important;
            transform: translateY(-50%) !important;
            width: 18px !important;
            height: 18px !important;
            display: inline-flex !important;
            align-items: center !important;
            justify-content: center !important;
            margin: 0 !important;
            padding: 0 !important;
            color: var(--accent-gold) !important;
            opacity: .78 !important;
            font-size: 1.02rem !important;
            line-height: 1 !important;
            pointer-events: none !important;
            z-index: 3 !important;}

#home-view .input-icon-wrapper:focus-within > .field-thin-icon,
        #checkout-view .input-icon-wrapper:focus-within > .field-thin-icon{opacity: 1 !important;}

#checkout-view .phone-field-wrapper > .phone-field-icon{left: auto !important;
            right: 14px !important;}

#checkout-view .phone-field-wrapper input{padding-right: 42px !important;}

#checkout-view .input-icon-wrapper:has(#other_info) > .field-thin-icon{top: 16px !important;
            transform: none !important;}

#booking-view .fixed-price-icon{display: inline-flex !important;
            align-items: center !important;
            justify-content: center !important;
            color: var(--accent-gold) !important;
            opacity: .96 !important;
            font-size: .98rem !important;
            line-height: 1 !important;
            margin: 0 !important;}

#checkout-view .summary-row strong{display: inline-flex !important;
            align-items: center !important;
            gap: 7px !important;}

#checkout-view .summary-label-icon{flex: 0 0 auto !important;
            width: 15px !important;
            height: 15px !important;
            display: inline-flex !important;
            align-items: center !important;
            justify-content: center !important;
            color: var(--accent-gold) !important;
            opacity: .86 !important;
            font-size: .92rem !important;
            line-height: 1 !important;
            letter-spacing: 0 !important;}

@media (max-width: 1023px) {

#home-view .input-icon-wrapper > .field-thin-icon,
            #checkout-view .input-icon-wrapper > .field-thin-icon{font-size: .98rem !important;
                left: 13px !important;}

#checkout-view .phone-field-wrapper > .phone-field-icon{left: auto !important;
                right: 13px !important;}

#checkout-view .summary-row strong{gap: 6px !important;}

#checkout-view .summary-label-icon{font-size: .88rem !important;}

}

header .header-container{display: flex !important;
            flex-direction: row !important;
            flex-wrap: nowrap !important;
            align-items: center !important;
            justify-content: space-between !important;
            white-space: nowrap !important;}

header .logo-container,
        header .header-actions,
        header .lang-switcher{flex-wrap: nowrap !important;
            white-space: nowrap !important;}

header .logo-container{flex: 0 1 auto !important;
            min-width: 0 !important;}

header .header-actions{flex: 0 0 auto !important;
            min-width: max-content !important;}

header .logo-text,
        header .mobile-vertical-brand{white-space: nowrap !important;}

@media (max-width: 1023px) {

header .header-container{flex-wrap: nowrap !important;
                gap: 0 !important;
                overflow: visible !important;}

header .logo-container{flex: 0 1 auto !important;
                min-width: 0 !important;}

header .header-actions{flex: 0 0 auto !important;
                min-width: max-content !important;
                margin-left: auto !important;}

}

@media (max-width: 1023px) {

header{display: flex !important;
                flex-direction: row !important;
                flex-wrap: nowrap !important;
                align-items: center !important;
                justify-content: space-between !important;
                width: 100% !important;
                min-width: 0 !important;
                overflow: visible !important;}

header > .logo-container{flex: 1 1 0 !important;
                min-width: 0 !important;
                max-width: none !important;
                margin: 0 !important;
                overflow: visible !important;
                white-space: nowrap !important;

                zoom: var(--brand-layout-scale, 1);
                transform: none !important;}

header > .logo-container .logo-img,
            header > .logo-container .logo-text,
            header > .logo-container .mobile-vertical-brand{transform: none !important;}

header > .header-actions{display: flex !important;
                flex-direction: row !important;
                flex-wrap: nowrap !important;
                align-items: center !important;
                justify-content: flex-end !important;

                flex: 0 0 auto !important;
                min-width: 0 !important;
                width: auto !important;
                max-width: none !important;

                margin: 0 !important;
                padding: 0 !important;
                overflow: visible !important;
                white-space: nowrap !important;

                zoom: var(--actions-layout-scale, 1);
                transform: none !important;}

header > .header-actions > .mobile-menu-toggle{position: relative !important;
                display: inline-flex !important;
                visibility: visible !important;
                opacity: 1 !important;

                width: 38px !important;
                height: 38px !important;
                min-width: 38px !important;
                min-height: 38px !important;
                flex: 0 0 38px !important;

                margin: 0 0 0 14px !important;
                padding: 0 !important;

                border: 0 !important;
                border-radius: 50% !important;
                background: transparent !important;
                overflow: visible !important;}

header > .header-actions > .mobile-menu-toggle::after{content: "" !important;
                position: absolute !important;
                left: 50% !important;
                top: 50% !important;
                right: auto !important;
                bottom: auto !important;
                width: 38px !important;
                height: 38px !important;
                min-width: 38px !important;
                min-height: 38px !important;
                transform: translate(-50%, -50%) !important;
                border: 1px solid rgba(223,184,107,.38) !important;
                border-radius: 50% !important;
                background: rgba(223,184,107,.05) !important;
                pointer-events: none !important;
                box-sizing: border-box !important;}

header > .header-actions > .mobile-menu-toggle span{width: 19px !important;
                height: 1px !important;
                min-height: 1px !important;
                margin: 0 !important;
                padding: 0 !important;
                flex: 0 0 1px !important;}

header > .header-actions > *{flex-shrink: 0 !important;}

header{--brand-layout-scale: 1;
                --actions-layout-scale: 1;}

}

@media (max-width: 620px){

header{--brand-layout-scale: .94;}

}

@media (max-width: 560px){

header{--brand-layout-scale: .88;}

}

@media (max-width: 500px){

header{--brand-layout-scale: .81;}

}

@media (max-width: 450px){

header{--brand-layout-scale: .74;}

}

@media (max-width: 410px){

header{--brand-layout-scale: .66;}

}

@media (max-width: 380px){

header{--brand-layout-scale: .58;
                --actions-layout-scale: .90;}

}

@media (max-width: 350px){

header{--brand-layout-scale: .50;
                --actions-layout-scale: .80;}

}

@media (max-width: 330px){

header{--brand-layout-scale: .44;
                --actions-layout-scale: .71;}

}

@media (max-width: 310px){

header{--brand-layout-scale: .38;
                --actions-layout-scale: .63;}

}

@media (max-width: 290px){

header{--brand-layout-scale: .34;
                --actions-layout-scale: .56;}

}

#checkout-view .phone-field-wrapper{position: relative !important;}

#checkout-view .phone-field-wrapper > .phone-field-icon{left: 14px !important;
            right: auto !important;
            top: 50% !important;
            transform: translateY(-50%) !important;

            width: 18px !important;
            height: 18px !important;
            display: inline-flex !important;
            align-items: center !important;
            justify-content: center !important;

            color: var(--accent-gold) !important;
            opacity: .78 !important;
            font-size: 1rem !important;
            line-height: 1 !important;

            z-index: 6 !important;
            pointer-events: none !important;}

#checkout-view .phone-field-wrapper .iti__flag-container{left: 42px !important;
            width: 62px !important;}

#checkout-view .phone-field-wrapper .iti__selected-flag{width: 62px !important;
            padding: 0 9px !important;
            border-left: 1px solid rgba(223,184,107,.18) !important;
            border-right: 1px solid rgba(223,184,107,.32) !important;
            border-radius: 0 !important;
            background: rgba(223,184,107,.035) !important;}

#checkout-view .phone-field-wrapper .iti:focus-within .iti__selected-flag{background: rgba(223,184,107,.065) !important;
            border-left-color: rgba(223,184,107,.28) !important;
            border-right-color: rgba(223,184,107,.52) !important;}

#checkout-view .phone-field-wrapper .iti--allow-dropdown input[type="tel"],
        #checkout-view .phone-field-wrapper .iti input[type="tel"],
        #checkout-view .phone-field-wrapper input#phone{padding-left: 118px !important;
            padding-right: 14px !important;}

#checkout-view .phone-field-wrapper:focus-within > .phone-field-icon{opacity: 1 !important;}

@media (max-width: 1023px) {

#checkout-view .phone-field-wrapper > .phone-field-icon{left: 13px !important;
                font-size: .96rem !important;}

#checkout-view .phone-field-wrapper .iti__flag-container{left: 40px !important;
                width: 60px !important;}

#checkout-view .phone-field-wrapper .iti__selected-flag{width: 60px !important;
                padding: 0 8px !important;}

#checkout-view .phone-field-wrapper .iti--allow-dropdown input[type="tel"],
            #checkout-view .phone-field-wrapper .iti input[type="tel"],
            #checkout-view .phone-field-wrapper input#phone{padding-left: 114px !important;}

}

#booking-view .vehicle-service-inclusions{background:
                linear-gradient(
                    90deg,
                    rgba(16,16,18,0) 0%,
                    rgba(9,9,11,.34) 7%,
                    rgba(5,5,7,.78) 16%,
                    rgba(3,3,5,.94) 26%,
                    rgba(3,3,5,.94) 74%,
                    rgba(5,5,7,.78) 84%,
                    rgba(9,9,11,.34) 93%,
                    rgba(16,16,18,0) 100%
                ) !important;

            border-left: 0 !important;
            border-right: 0 !important;
            box-shadow: none !important;}

@media (max-width: 1023px) {

#booking-view .vehicle-service-inclusions{background:
                    linear-gradient(
                        90deg,
                        rgba(16,16,18,0) 0%,
                        rgba(7,7,9,.58) 11%,
                        rgba(3,3,5,.94) 23%,
                        rgba(3,3,5,.94) 77%,
                        rgba(7,7,9,.58) 89%,
                        rgba(16,16,18,0) 100%
                    ) !important;}

}

#home-view .input-icon-wrapper > .field-thin-icon,
        #checkout-view .input-icon-wrapper > .field-thin-icon{opacity: .88 !important;
            font-size: 1.06rem !important;
            text-shadow: 0 0 0.35px currentColor !important;}

#home-view .input-icon-wrapper:focus-within > .field-thin-icon,
        #checkout-view .input-icon-wrapper:focus-within > .field-thin-icon{opacity: 1 !important;
            text-shadow: 0 0 0.45px currentColor !important;}

@media (max-width: 1023px) {

#home-view .input-icon-wrapper > .field-thin-icon,
            #checkout-view .input-icon-wrapper > .field-thin-icon{font-size: 1.02rem !important;}

}

header .btn-phone-prestige .header-contact-ph-icon,
        header .btn-email-subtle .header-contact-ph-icon{display: inline-flex !important;
            align-items: center !important;
            justify-content: center !important;

            width: 18px !important;
            height: 18px !important;
            margin: 0 !important;
            padding: 0 !important;

            color: var(--accent-gold) !important;
            opacity: .96 !important;
            font-size: 1.08rem !important;
            line-height: 1 !important;
            font-weight: 400 !important;

            text-shadow: 0 0 .28px currentColor !important;
            transform: none !important;}

header .btn-phone-prestige,
        header .btn-email-subtle{border-radius: 50% !important;}

@media (max-width: 1023px) {

header .btn-phone-prestige .header-contact-ph-icon,
            header .btn-email-subtle .header-contact-ph-icon{font-size: 1.06rem !important;}

}

@media (max-width: 1023px) {

header{--brand-layout-scale: 1;
                --actions-layout-scale: 1;}

header > .logo-container{zoom: var(--brand-layout-scale) !important;}

header > .header-actions{zoom: var(--actions-layout-scale) !important;}

}

@media (max-width: 1023px) {

header > .logo-container,
            header > .logo-container *,
            header > .header-actions,
            header > .header-actions *{white-space: nowrap !important;}

header > .logo-container,
            header > .header-actions{flex-wrap: nowrap !important;}

header > .logo-container{overflow: visible !important;}

header > .header-actions{overflow: visible !important;}

}

header .btn-phone-prestige > .header-contact-ph-icon,
        header .btn-email-subtle > .header-contact-ph-icon{display: inline-flex !important;
            visibility: visible !important;
            opacity: 1 !important;

            position: relative !important;
            left: auto !important;
            right: auto !important;
            top: auto !important;

            width: 18px !important;
            height: 18px !important;
            min-width: 18px !important;
            min-height: 18px !important;

            align-items: center !important;
            justify-content: center !important;

            margin: 0 !important;
            padding: 0 !important;

            color: var(--accent-gold) !important;
            font-size: 1.08rem !important;
            line-height: 1 !important;

            text-shadow:
                .18px 0 currentColor,
                -.18px 0 currentColor,
                0 .18px currentColor,
                0 -.18px currentColor !important;

            transform: none !important;
            z-index: 3 !important;
            pointer-events: none !important;}

header .btn-phone-prestige > .ph-thin,
        header .btn-email-subtle > .ph-thin{font-family: "Phosphor-Thin" !important;
            font-style: normal !important;
            font-weight: normal !important;}

header .btn-phone-prestige{position: relative !important;
            align-items: center !important;
            justify-content: center !important;}

header .btn-phone-prestige > .header-contact-ph-icon{position: absolute !important;
            left: 50% !important;
            top: 50% !important;
            right: auto !important;
            bottom: auto !important;

            width: 18px !important;
            height: 18px !important;
            min-width: 18px !important;
            min-height: 18px !important;

            display: inline-flex !important;
            align-items: center !important;
            justify-content: center !important;

            transform: translate(-49%, -51%) !important;
            transform-origin: center center !important;

            margin: 0 !important;
            padding: 0 !important;
            line-height: 1 !important;}

header .btn-email-subtle{position: relative !important;
            align-items: center !important;
            justify-content: center !important;}

header .btn-email-subtle > .header-contact-ph-icon{position: absolute !important;
            left: 50% !important;
            top: 50% !important;
            right: auto !important;
            bottom: auto !important;

            width: 18px !important;
            height: 18px !important;
            min-width: 18px !important;
            min-height: 18px !important;

            display: inline-flex !important;
            align-items: center !important;
            justify-content: center !important;

            transform: translate(-50%, -49%) !important;
            transform-origin: center center !important;

            margin: 0 !important;
            padding: 0 !important;
            line-height: 1 !important;}

header .btn-whatsapp-subtle{position: relative !important;
            align-items: center !important;
            justify-content: center !important;}

header .btn-whatsapp-subtle > .fa-whatsapp{position: absolute !important;
            left: 50% !important;
            top: 50% !important;
            right: auto !important;
            bottom: auto !important;

            width: auto !important;
            height: auto !important;
            margin: 0 !important;
            padding: 0 !important;

            display: block !important;
            line-height: 1 !important;

            transform: translate(-50%, -50%) !important;
            transform-origin: center center !important;}

header .btn-phone-prestige:hover,
        header .btn-email-subtle:hover{background-color: var(--accent-gold) !important;
            border-color: var(--accent-gold) !important;
            box-shadow: 0 4px 15px rgba(223,184,107,.34) !important;}

header .btn-phone-prestige:hover > .header-contact-ph-icon,
        header .btn-email-subtle:hover > .header-contact-ph-icon{color: #000 !important;}

header .btn-whatsapp-subtle:hover{background-color: #25D366 !important;
            border-color: #25D366 !important;
            box-shadow: 0 4px 15px rgba(37,211,102,.34) !important;}

header .btn-whatsapp-subtle:hover > .fa-whatsapp{color: #fff !important;}

@media (hover: hover){

header .btn-phone-prestige:hover,
            header .btn-email-subtle:hover{background-color: var(--accent-gold) !important;
                border-color: var(--accent-gold) !important;}

header .btn-whatsapp-subtle:hover{background-color: #25D366 !important;
                border-color: #25D366 !important;}

}

header .btn-email-subtle > .header-contact-ph-icon{width: 22px !important;
            height: 22px !important;
            min-width: 22px !important;
            min-height: 22px !important;
            font-size: 1.34rem !important;

            left: 50% !important;
            top: 50% !important;
            transform: translate(-50%, -49%) !important;}

header .btn-phone-prestige > .header-contact-ph-icon{width: 22px !important;
            height: 22px !important;
            min-width: 22px !important;
            min-height: 22px !important;
            font-size: 1.34rem !important;

            left: 50% !important;
            top: 50% !important;
            transform: translate(-49%, -51%) !important;}

header .btn-whatsapp-subtle > .fa-whatsapp{font-size: 1.34rem !important;

            left: 50% !important;
            top: 50% !important;
            transform: translate(-50%, -50%) !important;}

@media (max-width: 1023px) {

header > .header-actions > .mobile-menu-toggle.menu-open::after{border: 1px solid var(--accent-gold) !important;
                background: var(--accent-gold) !important;
                box-shadow: 0 0 10px rgba(223,184,107,.16) !important;}

header > .header-actions > .mobile-menu-toggle.menu-open span{background: #050505 !important;}

header > .header-actions > .mobile-menu-toggle.menu-open{background: transparent !important;
                box-shadow: none !important;}

}

header .header-actions > .mobile-menu-toggle:hover::after{border-color: var(--accent-gold) !important;
            background: var(--accent-gold) !important;
            box-shadow: 0 4px 15px rgba(223,184,107,.34) !important;}

header .header-actions > .mobile-menu-toggle:hover span{background: #050505 !important;
            opacity: 1 !important;}

header .header-actions > .mobile-menu-toggle.menu-open::after{border-color: var(--accent-gold) !important;
            background: var(--accent-gold) !important;
            box-shadow: 0 4px 15px rgba(223,184,107,.34) !important;}

header .header-actions > .mobile-menu-toggle.menu-open span,
        header .header-actions > .mobile-menu-toggle.menu-open span:nth-child(1),
        header .header-actions > .mobile-menu-toggle.menu-open span:nth-child(2),
        header .header-actions > .mobile-menu-toggle.menu-open span:nth-child(3){display: block !important;
            visibility: visible !important;
            opacity: 1 !important;
            background: #050505 !important;
            transform: none !important;}

header .header-actions > .mobile-menu-toggle:hover,
        header .header-actions > .mobile-menu-toggle.menu-open{transform: none !important;}

@media (hover: hover){

header .header-actions > .mobile-menu-toggle:hover::after{border-color: var(--accent-gold) !important;
                background: var(--accent-gold) !important;}

header .header-actions > .mobile-menu-toggle:hover span{background: #050505 !important;}

}

header .btn-phone-prestige > .header-contact-ph-icon,
        header .btn-email-subtle > .header-contact-ph-icon{text-shadow: none !important;
            -webkit-text-stroke: 0 !important;}

header .btn-phone-prestige > .ph-thin,
        header .btn-email-subtle > .ph-thin{font-family: "Phosphor-Thin" !important;
            font-weight: normal !important;}

@media (min-width: 1024px){

header > .logo-container{zoom: 1.07 !important;}

}

@media (max-width: 1023px) {

header > .logo-container{zoom: calc(1.06 * var(--brand-layout-scale, 1)) !important;}

}

#booking-view .back-home-btn,
        #checkout-view .back-home-btn{background: linear-gradient(135deg, var(--accent-gold), var(--accent-gold-hover)) !important;
            border: 1px solid var(--accent-gold) !important;
            color: #050505 !important;
            border-radius: 7px !important;

            font-family: var(--font-ui) !important;
            font-weight: 600 !important;
            letter-spacing: .055em !important;
            text-transform: uppercase !important;

            box-shadow:
                0 8px 22px rgba(223,184,107,.16),
                inset 0 1px 0 rgba(255,255,255,.22) !important;

            transition:
                background .3s ease,
                border-color .3s ease,
                box-shadow .3s ease,
                transform .22s cubic-bezier(.16,1,.3,1) !important;}

#booking-view .back-home-btn i,
        #checkout-view .back-home-btn i{color: #050505 !important;}

#booking-view .back-home-btn:hover,
        #checkout-view .back-home-btn:hover{background: linear-gradient(135deg, var(--accent-gold-hover), #f4d38c) !important;
            border-color: var(--accent-gold-hover) !important;
            color: #050505 !important;
            box-shadow:
                0 10px 26px rgba(223,184,107,.25),
                inset 0 1px 0 rgba(255,255,255,.28) !important;
            transform: translateY(-1px) !important;}

#booking-view .back-home-btn:active,
        #checkout-view .back-home-btn:active{transform: scale(.98) !important;
            box-shadow:
                0 5px 15px rgba(223,184,107,.16),
                inset 0 1px 0 rgba(255,255,255,.16) !important;}

#booking-view .back-home-btn,
        #checkout-view .back-home-btn{display: block !important;
            width: 92% !important;
            max-width: 850px !important;
            margin-left: auto !important;
            margin-right: auto !important;
            box-sizing: border-box !important;
            text-align: center !important;}

@media (max-width: 1023px) {

#booking-view .back-home-btn,
            #checkout-view .back-home-btn{width: 92% !important;
                max-width: 560px !important;}

}

#booking-view .back-home-btn,
        #checkout-view .back-home-btn{display: flex !important;
            align-items: center !important;
            justify-content: center !important;
            text-align: center !important;}

@media (max-width: 1023px) {

header .header-actions > .mobile-menu-toggle{isolation: isolate !important;}

header .header-actions > .mobile-menu-toggle::after{z-index: 1 !important;
                pointer-events: none !important;}

header .header-actions > .mobile-menu-toggle > span,
            header .header-actions > .mobile-menu-toggle.menu-open > span,
            header .header-actions > .mobile-menu-toggle.menu-open > span:nth-child(1),
            header .header-actions > .mobile-menu-toggle.menu-open > span:nth-child(2),
            header .header-actions > .mobile-menu-toggle.menu-open > span:nth-child(3){position: relative !important;
                z-index: 2 !important;
                display: block !important;
                visibility: visible !important;
                opacity: 1 !important;
                width: 19px !important;
                height: 1px !important;
                min-height: 1px !important;
                transform: none !important;}

header .header-actions > .mobile-menu-toggle.menu-open > span,
            header .header-actions > .mobile-menu-toggle:hover > span{background: #050505 !important;}

header .header-actions > .mobile-menu-toggle.menu-open::after,
            header .header-actions > .mobile-menu-toggle:hover::after{background: var(--accent-gold) !important;
                border-color: var(--accent-gold) !important;}

}

#booking-view .back-home-btn,
        #checkout-view .back-home-btn{width: 92% !important;
            max-width: 850px !important;
            margin-left: auto !important;
            margin-right: auto !important;

            display: flex !important;
            align-items: center !important;
            justify-content: center !important;
            text-align: center !important;
            box-sizing: border-box !important;

            min-height: 50px !important;
            padding: 0 22px !important;
            border: 1px solid rgba(223,184,107,.58) !important;
            border-radius: 7px !important;
            background:
                linear-gradient(
                    180deg,
                    rgba(223,184,107,.105),
                    rgba(223,184,107,.045)
                ) !important;
            color: #e8c989 !important;

            font-family: var(--font-ui) !important;
            font-size: .86rem !important;
            font-weight: 500 !important;
            line-height: 1.2 !important;
            letter-spacing: .11em !important;
            text-transform: uppercase !important;

            box-shadow:
                inset 0 1px 0 rgba(255,255,255,.035),
                0 7px 22px rgba(0,0,0,.15) !important;

            transition:
                background .32s ease,
                border-color .32s ease,
                color .32s ease,
                transform .22s cubic-bezier(.16,1,.3,1),
                box-shadow .32s ease !important;}

#booking-view .back-home-btn i,
        #checkout-view .back-home-btn i{color: currentColor !important;
            margin-right: 7px !important;
            font-size: 1rem !important;
            line-height: 1 !important;}

#booking-view .back-home-btn:hover,
        #checkout-view .back-home-btn:hover{background:
                linear-gradient(
                    180deg,
                    rgba(223,184,107,.16),
                    rgba(223,184,107,.075)
                ) !important;
            border-color: rgba(223,184,107,.82) !important;
            color: #efd79f !important;
            box-shadow:
                0 9px 25px rgba(0,0,0,.18) !important;
            transform: none !important;}

#booking-view .back-home-btn:active,
        #checkout-view .back-home-btn:active{transform: scale(.982) !important;
            background:
                linear-gradient(
                    180deg,
                    rgba(223,184,107,.16),
                    rgba(223,184,107,.075)
                ) !important;
            border-color: rgba(223,184,107,.82) !important;
            box-shadow:
                inset 0 1px 0 rgba(255,255,255,.04),
                0 4px 14px rgba(0,0,0,.14) !important;}

@media (max-width: 1023px) {

#booking-view .back-home-btn,
            #checkout-view .back-home-btn{width: 92% !important;
                max-width: 560px !important;
                min-height: 48px !important;
                padding: 0 16px !important;
                font-size: .78rem !important;
                letter-spacing: .085em !important;
                border-radius: 6px !important;}

}

#booking-view .back-home-btn,
        #checkout-view .back-home-btn{width: 100% !important;
            max-width: none !important;
            align-self: stretch !important;
            box-sizing: border-box !important;}

#booking-view > .back-home-btn,
        #checkout-view > .back-home-btn{margin-left: 0 !important;
            margin-right: 0 !important;}

#checkout-view .booking-summary-card .summary-row strong{color: #d8d0c4 !important;
            font-weight: 500 !important;
            letter-spacing: .13em !important;}

#checkout-view .booking-summary-card .summary-label-icon{color: var(--accent-gold) !important;
            opacity: .78 !important;}

#checkout-view .booking-summary-card .summary-row > span:not(#checkout-summary-price){color: #f0ece6 !important;
            font-weight: 400 !important;}

#checkout-view .booking-summary-card #checkout-summary-price{color: var(--accent-gold) !important;
            font-weight: 600 !important;}

#checkout-view .booking-summary-card .summary-row{border-bottom: 1px solid rgba(223,184,107,.08) !important;}

#checkout-view .booking-summary-card .summary-row:last-child{border-bottom: 0 !important;}

@media (max-width: 1023px) {

#checkout-view .booking-summary-card .summary-row strong{letter-spacing: .10em !important;}

}

#checkout-view .booking-summary-card .summary-row strong{color: var(--text-light) !important;
            font-weight: 500 !important;}

#checkout-view .booking-summary-card .summary-row > span:not(#checkout-summary-price){color: var(--text-muted) !important;
            font-weight: 400 !important;}

#checkout-view .booking-summary-card .summary-row{border-bottom: 0 !important;}

#checkout-view .booking-summary-card .summary-row strong{color: var(--text-white) !important;
            font-weight: 500 !important;}

#checkout-view .booking-summary-card .summary-label-icon{color: var(--accent-gold) !important;
            opacity: 1 !important;}

#checkout-view .booking-summary-card .summary-row > span:not(#checkout-summary-price){color: var(--text-gray) !important;
            font-weight: 400 !important;}

#checkout-view .booking-summary-card #checkout-summary-price{color: var(--accent-gold) !important;}

#checkout-view .booking-summary-card .summary-row{border-bottom: 1px solid rgba(223,184,107,.08) !important;
            padding-bottom: 10px !important;
            margin-bottom: 10px !important;}

#checkout-view .booking-summary-card .summary-row:last-child{border-bottom: 0 !important;
            padding-bottom: 0 !important;
            margin-bottom: 0 !important;}

#booking-view .back-home-btn,
        #checkout-view .back-home-btn,
        #booking-view .back-home-btn i,
        #checkout-view .back-home-btn i{color: var(--text-gray) !important;}

#booking-view .back-home-btn:hover,
        #checkout-view .back-home-btn:hover,
        #booking-view .back-home-btn:hover i,
        #checkout-view .back-home-btn:hover i,
        #booking-view .back-home-btn:active,
        #checkout-view .back-home-btn:active,
        #booking-view .back-home-btn:active i,
        #checkout-view .back-home-btn:active i{color: var(--text-gray) !important;}

#booking-view .vehicle-card h3,
        #booking-view .vehicle-card .vehicle-name,
        #booking-view .vehicle-title{color: var(--accent-gold) !important;}

#booking-view .back-home-btn,
        #checkout-view .back-home-btn,
        #booking-view .back-home-btn i,
        #checkout-view .back-home-btn i,
        #booking-view .back-home-btn:hover,
        #checkout-view .back-home-btn:hover,
        #booking-view .back-home-btn:hover i,
        #checkout-view .back-home-btn:hover i,
        #booking-view .back-home-btn:active,
        #checkout-view .back-home-btn:active,
        #booking-view .back-home-btn:active i,
        #checkout-view .back-home-btn:active i{color: var(--text-white) !important;}

#checkout-view .booking-summary-card h2,
        #checkout-view .booking-summary-card h3,
        #checkout-view .checkout-form-container h2,
        #checkout-view .checkout-form-container h3{color: var(--accent-gold) !important;}

#checkout-view .booking-summary-card{background:
                radial-gradient(
                    circle at 50% 50%,
                    rgba(223,184,107,.105) 0%,
                    rgba(223,184,107,.055) 24%,
                    rgba(223,184,107,.018) 48%,
                    transparent 72%
                ),
                var(--card-bg) !important;}

#checkout-view .checkout-form-container{background:
                radial-gradient(
                    circle at 50% 50%,
                    rgba(223,184,107,.105) 0%,
                    rgba(223,184,107,.055) 24%,
                    rgba(223,184,107,.018) 48%,
                    transparent 72%
                ),
                var(--card-bg) !important;}

#checkout-view .booking-summary-card,
        #checkout-view .checkout-form-container{background:
                radial-gradient(
                    ellipse 115% 92% at 50% 50%,
                    rgba(223,184,107,.095) 0%,
                    rgba(223,184,107,.060) 30%,
                    rgba(223,184,107,.030) 58%,
                    rgba(223,184,107,.012) 78%,
                    transparent 100%
                ),
                var(--card-bg) !important;}

#checkout-view .booking-summary-card,
        #checkout-view .checkout-form-container{background:
                radial-gradient(
                    ellipse 120% 96% at 50% 50%,
                    rgba(223,184,107,.070) 0%,
                    rgba(223,184,107,.042) 32%,
                    rgba(223,184,107,.020) 60%,
                    rgba(223,184,107,.007) 82%,
                    transparent 100%
                ),
                var(--card-bg) !important;}

#booking-view .vehicle-card h3,
        #booking-view .vehicle-card .vehicle-name,
        #booking-view .vehicle-title{font-family: var(--font-ui) !important;
            font-size: .73rem !important;
            font-weight: 600 !important;
            font-style: normal !important;
            line-height: 1.45 !important;
            letter-spacing: .18em !important;
            text-transform: uppercase !important;
            color: var(--accent-gold) !important;
            font-synthesis: none !important;}

@media (max-width: 1023px) {

#booking-view .vehicle-card h3,
            #booking-view .vehicle-card .vehicle-name,
            #booking-view .vehicle-title{font-size: .68rem !important;
                line-height: 1.45 !important;
                letter-spacing: .10em !important;}

}

#checkout-view .booking-summary-card h2,
        #checkout-view .checkout-form-container h2{font-family: var(--font-ui) !important;
            font-size: .73rem !important;
            font-weight: 600 !important;
            font-style: normal !important;
            line-height: 1.45 !important;
            letter-spacing: .18em !important;
            text-transform: uppercase !important;
            color: var(--accent-gold) !important;
            font-synthesis: none !important;}

@media (max-width: 1023px) {

#checkout-view .booking-summary-card h2,
            #checkout-view .checkout-form-container h2{font-size: .68rem !important;
                line-height: 1.45 !important;
                letter-spacing: .10em !important;}

}

#checkout-view .booking-summary-card .summary-row strong{font-family: var(--font-body) !important;
            font-size: .84rem !important;
            font-weight: 400 !important;
            font-style: normal !important;
            line-height: 1.7 !important;
            letter-spacing: .01em !important;
            text-transform: none !important;
            color: var(--text-white) !important;
            font-synthesis: none !important;}

#booking-view .vehicle-card .vehicle-capacity,
        #booking-view .vehicle-card .vehicle-meta{font-family: var(--font-body) !important;
            font-size: .84rem !important;
            font-weight: 400 !important;
            font-style: normal !important;
            line-height: 1.7 !important;
            letter-spacing: .01em !important;
            text-transform: none !important;
            font-synthesis: none !important;}

#booking-view .vehicle-card .vehicle-inclusions,
        #booking-view .vehicle-card .vehicle-inclusions *,
        #booking-view .vehicle-card .inclusions-list,
        #booking-view .vehicle-card .inclusions-list *{font-family: var(--font-body) !important;
            font-size: .84rem !important;
            font-weight: 400 !important;
            font-style: normal !important;
            line-height: 1.7 !important;
            letter-spacing: .01em !important;
            text-transform: none !important;
            font-synthesis: none !important;}

#booking-view .vehicle-specs{margin-top: 14px !important;
            margin-bottom: 16px !important;
            row-gap: 10px !important;}

#booking-view .vehicle-specs > div{padding-top: 3px !important;
            padding-bottom: 3px !important;}

#booking-view .vehicle-specs span{color: var(--text-gray) !important;
            font-family: var(--font-body) !important;
            font-size: .84rem !important;
            font-weight: 400 !important;
            font-style: normal !important;
            line-height: 1.7 !important;
            letter-spacing: .01em !important;
            text-transform: none !important;
            font-synthesis: none !important;}

@media (max-width: 1023px) {

#booking-view .vehicle-specs{margin-top: 12px !important;
                margin-bottom: 14px !important;
                row-gap: 9px !important;}

}

#booking-view .vehicle-card h3,
        #booking-view .vehicle-card .vehicle-name,
        #booking-view .vehicle-title{font-size: 1.46rem !important;}

@media (max-width: 1023px) {

#booking-view .vehicle-card h3,
            #booking-view .vehicle-card .vehicle-name,
            #booking-view .vehicle-title{font-size: 1.36rem !important;}

}

#booking-view .vehicle-footer-card{gap: 0 !important;}

#booking-view .vehicle-service-inclusions{margin-bottom: 0 !important;}

#booking-view .vehicle-price{margin: 0 !important;
            padding-top: 18px !important;
            padding-bottom: 18px !important;
            text-align: center !important;}

#booking-view .vehicle-card .btn-select{margin-top: 0 !important;}

@media (max-width: 1023px) {

#booking-view .vehicle-price{padding-top: 16px !important;
                padding-bottom: 16px !important;}

}

#booking-view .vehicle-card h3,
        #booking-view .vehicle-card .vehicle-name,
        #booking-view .vehicle-title{font-family: var(--font-ui) !important;
            font-size: 1.55rem !important;
            font-weight: 700 !important;
            font-style: normal !important;
            line-height: 1.15 !important;
            letter-spacing: .5px !important;
            text-transform: none !important;
            color: var(--accent-gold) !important;
            text-align: center !important;
            font-synthesis: none !important;}

#booking-view .vehicle-card .btn-select,
        #checkout-view .btn-confirm-booking{font-family: var(--font-ui) !important;
            font-size: 1.55rem !important;
            font-weight: 700 !important;
            font-style: normal !important;
            line-height: 1.15 !important;
            letter-spacing: .5px !important;
            text-transform: none !important;
            color: var(--accent-gold) !important;
            text-align: center !important;
            font-synthesis: none !important;}

#booking-view .vehicle-card .btn-select:hover,
        #booking-view .vehicle-card .btn-select:active,
        #checkout-view .btn-confirm-booking:hover,
        #checkout-view .btn-confirm-booking:active{color: var(--accent-gold) !important;}

#booking-view .vehicle-card h3,
        #booking-view .vehicle-card .vehicle-name,
        #booking-view .vehicle-title{font-family: var(--font-display) !important;
            font-weight: 400 !important;
            font-style: normal !important;
            font-size: clamp(2rem, 4vw, 3.15rem) !important;
            line-height: 1.04 !important;
            letter-spacing: -0.018em !important;
            text-transform: capitalize !important;
            color: #fff !important;
            text-align: center !important;
            font-synthesis: none !important;}

@media (max-width: 1023px) {

#booking-view .vehicle-card h3,
            #booking-view .vehicle-card .vehicle-name,
            #booking-view .vehicle-title{white-space: nowrap !important;
                max-width: 100% !important;
                width: 100% !important;
                overflow: visible !important;
                text-align: center !important;
                font-size: clamp(1.48rem, 7.2vw, 2.35rem) !important;
                line-height: 1.08 !important;
                letter-spacing: -0.025em !important;}

}

@media (max-width: 390px){

#booking-view .vehicle-card h3,
            #booking-view .vehicle-card .vehicle-name,
            #booking-view .vehicle-title{font-size: clamp(1.38rem, 7vw, 1.72rem) !important;
                letter-spacing: -0.03em !important;}

}

@media (max-width: 340px){

#booking-view .vehicle-card h3,
            #booking-view .vehicle-card .vehicle-name,
            #booking-view .vehicle-title{font-size: 1.30rem !important;
                letter-spacing: -0.035em !important;}

}

#booking-view .vehicle-card h3,
        #booking-view .vehicle-card .vehicle-name,
        #booking-view .vehicle-title{font-family: var(--font-display) !important;
            font-weight: 400 !important;
            font-style: normal !important;
            font-size: clamp(2rem, 4vw, 3.15rem) !important;
            line-height: 1.04 !important;
            letter-spacing: -0.018em !important;
            text-transform: capitalize !important;
            color: var(--accent-gold) !important;
            text-align: center !important;
            font-synthesis: none !important;}

#checkout-view .booking-summary-card h2,
        #checkout-view .checkout-form-container h2{font-family: var(--font-display) !important;
            font-weight: 400 !important;
            font-style: normal !important;
            font-size: clamp(2rem, 4vw, 3.15rem) !important;
            line-height: 1.04 !important;
            letter-spacing: -0.018em !important;
            text-transform: capitalize !important;
            color: var(--accent-gold) !important;
            text-align: center !important;
            font-synthesis: none !important;}

@media (max-width: 1023px) {

#booking-view .vehicle-card h3,
            #booking-view .vehicle-card .vehicle-name,
            #booking-view .vehicle-title,
            #checkout-view .booking-summary-card h2,
            #checkout-view .checkout-form-container h2{white-space: nowrap !important;
                max-width: 100% !important;
                width: 100% !important;
                overflow: visible !important;
                text-align: center !important;
                font-size: clamp(1.48rem, 7.2vw, 2.35rem) !important;
                line-height: 1.08 !important;
                letter-spacing: -0.025em !important;}

}

@media (max-width: 390px){

#booking-view .vehicle-card h3,
            #booking-view .vehicle-card .vehicle-name,
            #booking-view .vehicle-title,
            #checkout-view .booking-summary-card h2,
            #checkout-view .checkout-form-container h2{font-size: clamp(1.38rem, 7vw, 1.72rem) !important;
                letter-spacing: -0.03em !important;}

}

@media (max-width: 340px){

#booking-view .vehicle-card h3,
            #booking-view .vehicle-card .vehicle-name,
            #booking-view .vehicle-title,
            #checkout-view .booking-summary-card h2,
            #checkout-view .checkout-form-container h2{font-size: 1.30rem !important;
                letter-spacing: -0.035em !important;}

}

#booking-view .btn-select,
        #checkout-view .btn-confirm-booking{font-family: var(--font-ui) !important;
            font-size: .78rem !important;
            font-weight: 500 !important;
            font-style: normal !important;
            line-height: 1.2 !important;
            letter-spacing: .085em !important;
            text-transform: uppercase !important;
            color: #e8c989 !important;
            font-synthesis: none !important;}

#booking-view .btn-select:hover,
        #checkout-view .btn-confirm-booking:hover{color: #efd79f !important;}

#booking-view .btn-select:active,
        #checkout-view .btn-confirm-booking:active{color: #efd79f !important;}

#booking-view .vehicle-card > .btn-select,
        #booking-view .vehicle-card .btn-select.lang-en,
        #booking-view .vehicle-card .btn-select.lang-fr{font-family: var(--font-ui) !important;
            font-size: .78rem !important;
            font-weight: 500 !important;
            font-style: normal !important;
            line-height: 1.2 !important;
            letter-spacing: .085em !important;
            text-transform: uppercase !important;
            color: #e8c989 !important;
            font-synthesis: none !important;}

#booking-view .vehicle-card > .btn-select:hover,
        #booking-view .vehicle-card .btn-select.lang-en:hover,
        #booking-view .vehicle-card .btn-select.lang-fr:hover{color: #efd79f !important;}

#checkout-view .booking-summary-card .summary-row strong{font-family: var(--font-ui) !important;
            font-size: .74rem !important;
            font-weight: 500 !important;
            font-style: normal !important;
            line-height: 1.25 !important;
            letter-spacing: .075em !important;
            text-transform: uppercase !important;
            color: var(--text-white) !important;
            font-synthesis: none !important;}

#checkout-view .booking-summary-card .summary-row strong{font-family: var(--font-ui) !important;
            font-size: .73rem !important;
            font-weight: 600 !important;
            font-style: normal !important;
            line-height: 1.45 !important;
            letter-spacing: .12em !important;
            text-transform: uppercase !important;
            color: var(--text-white) !important;
            font-synthesis: none !important;}

@media (max-width: 1023px) {

#checkout-view .booking-summary-card .summary-row strong{font-size: .68rem !important;
                line-height: 1.45 !important;
                letter-spacing: .10em !important;}

}

#booking-view .vehicle-card .vehicle-specs{width: 100% !important;
            margin: 10px auto 14px !important;
            padding: 0 !important;
            display: flex !important;
            align-items: center !important;
            justify-content: center !important;
            gap: 18px !important;
            text-align: center !important;}

#booking-view .vehicle-card .vehicle-specs > *{margin: 0 !important;
            padding: 0 !important;
            display: inline-flex !important;
            align-items: center !important;
            justify-content: center !important;
            text-align: center !important;}

@media (max-width: 1023px) {

#booking-view .vehicle-card .vehicle-specs{margin: 9px auto 12px !important;
                gap: 14px !important;}

}

#booking-view .vehicle-card h3 .vehicle-class-hyphen,
        #booking-view .vehicle-card .vehicle-name .vehicle-class-hyphen,
        #booking-view .vehicle-title .vehicle-class-hyphen{font-family: var(--font-ui) !important;
            font-size: .72em !important;
            font-weight: 400 !important;
            font-style: normal !important;
            line-height: 1 !important;
            letter-spacing: 0 !important;
            display: inline-block !important;
            vertical-align: .08em !important;
            margin-left: .035em !important;
            margin-right: .035em !important;
            color: inherit !important;
            text-transform: none !important;
            font-synthesis: none !important;}

#booking-view{--vehicle-section-gap: 14px;}

#booking-view .vehicle-card h3,
        #booking-view .vehicle-card .vehicle-name,
        #booking-view .vehicle-title{margin-bottom: var(--vehicle-section-gap) !important;}

#booking-view .vehicle-card .vehicle-specs{margin-top: 0 !important;
            margin-bottom: var(--vehicle-section-gap) !important;}

#booking-view .vehicle-card .vehicle-img-container{margin-bottom: var(--vehicle-section-gap) !important;}

#booking-view .vehicle-card .vehicle-service-inclusions{margin-top: 0 !important;}

@media (max-width: 1023px) {

#booking-view{--vehicle-section-gap: 12px;}

}

#booking-view .vehicle-img-container img{width: auto !important;
            height: auto !important;
            max-width: 92% !important;
            max-height: 88% !important;
            object-fit: contain !important;
            transform: scale(1.07) !important;
            transform-origin: center center !important;}

#home-view .vehicle-img-container img,
        #home-view .vehicle-card img,
        #home-view .fleet-card img,
        #home-view .fleet-img img{object-fit: contain !important;
            transform: scale(1.07) !important;
            transform-origin: center center !important;}

#checkout-view .vehicle-img-container img,
        #checkout-view .selected-vehicle img,
        #checkout-view .vehicle-summary img{object-fit: contain !important;
            transform: scale(1.07) !important;
            transform-origin: center center !important;}

@media (max-width: 1023px) {

#booking-view .vehicle-img-container img{max-width: 93% !important;
                max-height: 89% !important;
                transform: scale(1.055) !important;}

#home-view .vehicle-img-container img,
            #home-view .vehicle-card img,
            #home-view .fleet-card img,
            #home-view .fleet-img img,
            #checkout-view .vehicle-img-container img,
            #checkout-view .selected-vehicle img,
            #checkout-view .vehicle-summary img{transform: scale(1.055) !important;}

}

#vehicules .vehicle-specs{gap: 18px;}

#vehicules .vehicle-service-inclusions .booking-ph-icon{font-size: .95rem;}

#vehicules .btn-select:hover{background:
                    linear-gradient(180deg, rgba(223,184,107,.16), rgba(223,184,107,.075)) !important;
                border-color: rgba(223,184,107,.82) !important;
                color: #efd79f !important;
                box-shadow: 0 9px 25px rgba(0,0,0,.18) !important;}

#vehicules .btn-select{min-height: 50px !important;
                font-size: .83rem !important;
                letter-spacing: .095em !important;}

#vehicules .vehicle-card{min-height: 610px !important;}

#vehicules .vehicle-card{width: 100% !important;
                min-height: 0 !important;
                height: auto !important;}

#vehicules .vehicle-card h3{min-height: auto !important;}

#vehicules .vehicle-img-container{height: clamp(160px, 43vw, 190px) !important;
                min-height: clamp(160px, 43vw, 190px) !important;
                max-height: clamp(160px, 43vw, 190px) !important;}

#vehicules .pricing-features{min-height: 0 !important;
                height: auto !important;}

#vehicules .pricing-feature-item{min-height: 0 !important;}

#vehicules .vehicle-service-inclusions{min-height: 0 !important;}

#vehicules .vehicle-price{min-height: 42px !important;}

#vehicules .vehicle-service-inclusions{grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
                gap: 9px 8px !important;
                padding: 12px 10px !important;
                margin: 12px 0 15px !important;}

#vehicules .vehicle-service-inclusions > span{font-size: .68rem !important;
                min-height: 30px !important;}

#vehicules .vehicle-card{padding: 16px 12px 14px !important;
                border-radius: 9px !important;}

#vehicules .vehicle-card > div:first-child{padding: 0 !important;}

#vehicules .vehicle-card h3{margin: 0 0 8px !important;
                font-size: 1.45rem !important;
                line-height: 1.05 !important;
                min-height: 0 !important;}

#vehicules .vehicle-img-container{height: clamp(135px, 38vw, 165px) !important;
                min-height: clamp(135px, 38vw, 165px) !important;
                max-height: clamp(135px, 38vw, 165px) !important;
                margin: 0 auto 8px !important;}

#vehicules .vehicle-specs{min-height: 0 !important;
                margin: 0 0 8px !important;
                gap: 16px !important;
                font-size: .72rem !important;}

#vehicules .pricing-features{display: none !important;}

#vehicules .vehicle-footer-card{padding: 0 !important;}

#vehicules .vehicle-service-inclusions{margin: 8px 0 9px !important;
                padding: 9px 8px !important;
                gap: 6px 8px !important;
                border-radius: 5px !important;}

#vehicules .vehicle-service-inclusions > span{min-height: 24px !important;
                font-size: .64rem !important;
                line-height: 1.15 !important;
                gap: 5px !important;}

#vehicules .vehicle-service-inclusions .service-legacy-icon,
            #vehicules .vehicle-service-inclusions .booking-ph-icon,
            #vehicules .vehicle-service-inclusions .fixed-price-euro{width: 13px !important;
                min-width: 13px !important;
                height: 13px !important;
                font-size: .82rem !important;}

#vehicules .vehicle-price{min-height: 0 !important;
                margin: 4px 0 8px !important;
                font-size: 1.55rem !important;
                line-height: 1 !important;}

#vehicules .btn-select{min-height: 46px !important;
                padding: 0 16px !important;
                font-size: .78rem !important;
                letter-spacing: .085em !important;
                border-radius: 6px !important;}

#vehicules .vehicle-card{padding: 14px 11px 13px !important;}

#vehicules .vehicle-img-container{height: 142px !important;
                min-height: 142px !important;
                max-height: 142px !important;}

#vehicules .vehicle-service-inclusions{padding: 8px 7px !important;}

#vehicules .vehicle-service-inclusions > span{font-size: .62rem !important;}

#vehicules .vehicle-card{width: 100% !important;
                max-width: 348px !important;
                margin: 0 auto !important;}

#vehicules .vehicle-card{width: calc(100% - 12px) !important;
                max-width: 390px !important;
                margin-left: auto !important;
                margin-right: auto !important;
                padding-left: 14px !important;
                padding-right: 14px !important;}

#vehicules .vehicle-img-container{width: 92% !important;
                max-width: 330px !important;}

#vehicules .vehicle-specs{gap: 18px !important;}

#vehicules .vehicle-service-inclusions{width: 100% !important;
                max-width: 350px !important;}

#vehicules .vehicle-price{justify-content: center !important;}

#vehicules .vehicle-card{width: 100% !important;
                max-width: 100% !important;
                margin: 0 !important;
                padding: 15px 14px 14px !important;}

#vehicules .vehicle-img-container{width: 100% !important;
                height: 158px !important;
                min-height: 158px !important;
                max-height: 158px !important;
                margin-bottom: 9px !important;}

#vehicules .vehicle-img{width: 98% !important;
                max-width: 98% !important;}

#vehicules .vehicle-specs{gap: 14px !important;
                padding: 0 2px !important;
                margin-bottom: 8px !important;}

#vehicules .vehicle-service-inclusions{margin: 8px 0 10px !important;
                padding: 10px 8px !important;
                gap: 7px 8px !important;}

#vehicules .vehicle-service-inclusions > span{font-size: .66rem !important;}

#vehicules .vehicle-price{margin: 5px 0 9px !important;}

#vehicules .btn-select{min-height: 48px !important;}

#vehicules .vehicle-card{padding-left: 13px !important;
                padding-right: 13px !important;}

#vehicules .vehicle-img-container{height: 150px !important;
                min-height: 150px !important;
                max-height: 150px !important;}

#vehicules .vehicle-card{width: 100% !important;
                max-width: 100% !important;
                min-height: 0 !important;
                height: auto !important;
                margin: 0 !important;
                padding: 15px 14px 14px !important;}

#vehicules .vehicle-img-container{width: 100% !important;
                height: 158px !important;
                min-height: 158px !important;
                max-height: 158px !important;}

#vehicules .vehicle-img{width: 100% !important;
                max-width: 100% !important;}

#vehicules .vehicle-specs{width: 100% !important;
                padding-left: 0 !important;
                padding-right: 0 !important;}

#vehicules .vehicle-service-inclusions{width: 100% !important;
                max-width: none !important;}

#vehicules .btn-select{width: 100% !important;}

#vehicules .vehicle-specs{gap: 10px !important;
                margin-bottom: 8px !important;}

#vehicules .vehicles-grid > .vehicle-card{width: 100% !important;
        max-width: 100% !important;}

#vehicules .vehicle-card h3{font-size: 1.55rem !important;}

#vehicules .vehicle-card:hover,
            #home-view .booking-widget:hover,
            #checkout-view .booking-summary-card:hover,
            #checkout-view .checkout-form-container:hover{border-color: rgba(223,184,107,.60) !important;}

#vehicules .vehicles-grid > .vehicle-card{width: 100% !important;
                min-width: 0 !important;
                max-width: none !important;}

#vehicules .vehicles-grid > .vehicle-card{width: 100% !important;
                max-width: 560px !important;
                margin-left: auto !important;
                margin-right: auto !important;}

#vehicules .vehicle-card h3,
            #checkout-view .booking-summary-card h2,
            #checkout-view .checkout-form-container h2{font-size: 1.30rem !important;
                line-height: 1.10 !important;}

#vehicules .vehicle-specs,
            #vehicules .vehicle-specs span{font-size: .78rem !important;}

#vehicules .pricing-feature-item,
            #vehicules .pricing-feature-item span,
            #vehicules .vehicle-service-inclusions,
            #vehicules .vehicle-service-inclusions > span{font-size: .72rem !important;
                line-height: 1.45 !important;}

#vehicules .vehicle-price,
            #checkout-view #checkout-summary-price{font-size: 1.55rem !important;}

#vehicules .btn-select,
            #checkout-view .btn-confirm-booking{font-size: .78rem !important;
                letter-spacing: .085em !important;}

#vehicules .vehicle-service-inclusions,
            #vehicules .vehicle-service-inclusions > span{font-size: .76rem !important;
                line-height: 1.32 !important;}

#vehicules .vehicle-service-inclusions{background:
                    linear-gradient(
                        90deg,
                        rgba(16,16,18,0) 0%,
                        rgba(7,7,9,.58) 11%,
                        rgba(3,3,5,.94) 23%,
                        rgba(3,3,5,.94) 77%,
                        rgba(7,7,9,.58) 89%,
                        rgba(16,16,18,0) 100%
                    ) !important;}

#vehicules .vehicle-card h3,
            #vehicules .vehicle-card .vehicle-name,
            #vehicules .vehicle-title{font-size: .68rem !important;
                line-height: 1.45 !important;
                letter-spacing: .10em !important;}

#vehicules .vehicle-specs{margin-top: 12px !important;
                margin-bottom: 14px !important;
                row-gap: 9px !important;}

#vehicules .vehicle-card h3,
            #vehicules .vehicle-card .vehicle-name,
            #vehicules .vehicle-title{font-size: 1.36rem !important;}

#vehicules .vehicle-price{padding-top: 16px !important;
                padding-bottom: 16px !important;}

#vehicules .vehicle-card h3,
            #vehicules .vehicle-card .vehicle-name,
            #vehicules .vehicle-title{white-space: nowrap !important;
                max-width: 100% !important;
                width: 100% !important;
                overflow: visible !important;
                text-align: center !important;
                font-size: clamp(1.48rem, 7.2vw, 2.35rem) !important;
                line-height: 1.08 !important;
                letter-spacing: -0.025em !important;}

#vehicules .vehicle-card h3,
            #vehicules .vehicle-card .vehicle-name,
            #vehicules .vehicle-title{font-size: clamp(1.38rem, 7vw, 1.72rem) !important;
                letter-spacing: -0.03em !important;}

#vehicules .vehicle-card h3,
            #vehicules .vehicle-card .vehicle-name,
            #vehicules .vehicle-title{font-size: 1.30rem !important;
                letter-spacing: -0.035em !important;}

#vehicules .vehicle-card h3,
            #vehicules .vehicle-card .vehicle-name,
            #vehicules .vehicle-title,
            #checkout-view .booking-summary-card h2,
            #checkout-view .checkout-form-container h2{white-space: nowrap !important;
                max-width: 100% !important;
                width: 100% !important;
                overflow: visible !important;
                text-align: center !important;
                font-size: clamp(1.48rem, 7.2vw, 2.35rem) !important;
                line-height: 1.08 !important;
                letter-spacing: -0.025em !important;}

#vehicules .vehicle-card h3,
            #vehicules .vehicle-card .vehicle-name,
            #vehicules .vehicle-title,
            #checkout-view .booking-summary-card h2,
            #checkout-view .checkout-form-container h2{font-size: clamp(1.38rem, 7vw, 1.72rem) !important;
                letter-spacing: -0.03em !important;}

#vehicules .vehicle-card h3,
            #vehicules .vehicle-card .vehicle-name,
            #vehicules .vehicle-title,
            #checkout-view .booking-summary-card h2,
            #checkout-view .checkout-form-container h2{font-size: 1.30rem !important;
                letter-spacing: -0.035em !important;}

#vehicules .vehicle-card .vehicle-specs{margin: 9px auto 12px !important;
                gap: 14px !important;}

#vehicules .vehicle-img-container img{max-width: 93% !important;
                max-height: 89% !important;
                transform: scale(1.055) !important;}

#vehicules, #checkout-view{padding-top: 150px;
            min-height: 100vh;
            background-color: var(--bg-dark);}

#vehicules .vehicle-selection-trust{margin: 12px auto 22px;}

@media (max-width: 900px){

#vehicules .vehicle-selection-trust{margin: 10px auto 18px;}}

@media (max-width: 900px){

#vehicules, #checkout-view{padding-top: 180px;}

#vehicules .pricing-features{display: none;}}

@media (max-width: 1023px) {

#vehicules,
            #checkout-view{padding-top: calc(88px + env(safe-area-inset-top));}}

@media (max-width: 1023px) {

#vehicules,
            #checkout-view{padding-top: calc(82px + env(safe-area-inset-top)) !important;}}

#vehicules .booking-ph-icon{display: inline-flex;
            align-items: center;
            justify-content: center;
            color: var(--accent-gold);
            font-size: 1rem;
            line-height: 1;
            font-weight: 300;
            flex: 0 0 auto;
            vertical-align: middle;}

#vehicules .vehicle-spec-icon{font-size: 1.28rem;
            margin-right: 7px;}

#vehicules .vehicle-specs span{display: inline-flex;
            align-items: center;
            color: #b3b3b3;}

#vehicules .pricing-features .booking-ph-icon{width: 18px;
            min-width: 18px;
            font-size: 1.05rem;
            margin-right: 8px;}

#vehicules .vehicle-service-inclusions .booking-ph-icon{width: 15px;
            min-width: 15px;
            font-size: .98rem;
            margin: 0;
            color: var(--accent-gold);}

#vehicules .back-home-btn .booking-ph-icon{font-size: 1.02rem;
            margin-right: 5px;
            transition: transform .28s cubic-bezier(.16,1,.3,1);}

#vehicules .back-home-btn:hover .booking-ph-icon{transform: translateX(-2px);}

@media (max-width: 1023px) {

#vehicules .vehicle-spec-icon{font-size: 1.18rem;
                margin-right: 6px;}

#vehicules .vehicle-specs{gap: 18px;}

#vehicules .vehicle-service-inclusions .booking-ph-icon{font-size: .95rem;}}

#vehicules .vehicle-card,
        #vehicules .vehicle-img-container,
        #vehicules .vehicle-img{cursor: default !important;
            -webkit-tap-highlight-color: transparent !important;}

#vehicules .vehicle-img-container,
        #vehicules .vehicle-img{pointer-events: none !important;}

#vehicules .back-home-btn{min-height: 46px !important;
            padding: 0 18px !important;
            border: 1px solid rgba(223,184,107,.46) !important;
            border-radius: 7px !important;
            background:
                linear-gradient(180deg, rgba(223,184,107,.045), rgba(223,184,107,.018)) !important;
            color: rgba(229,198,137,.92) !important;
            font-family: var(--font-ui) !important;
            font-size: .82rem !important;
            font-weight: 500 !important;
            letter-spacing: .045em !important;
            box-shadow:
                inset 0 1px 0 rgba(255,255,255,.025),
                0 5px 18px rgba(0,0,0,.12) !important;
            transition:
                border-color .3s ease,
                background-color .3s ease,
                color .3s ease,
                transform .22s cubic-bezier(.16,1,.3,1),
                box-shadow .3s ease !important;}

#vehicules .back-home-btn:active{transform: scale(.975) !important;
            border-color: rgba(223,184,107,.72) !important;
            background: rgba(223,184,107,.075) !important;}

#vehicules .btn-select{min-height: 50px !important;
            padding: 0 22px !important;
            border: 1px solid rgba(223,184,107,.58) !important;
            border-radius: 7px !important;
            background:
                linear-gradient(180deg, rgba(223,184,107,.105), rgba(223,184,107,.045)) !important;
            color: #e8c989 !important;
            font-family: var(--font-ui) !important;
            font-size: .86rem !important;
            font-weight: 500 !important;
            letter-spacing: .11em !important;
            text-transform: uppercase !important;
            box-shadow:
                inset 0 1px 0 rgba(255,255,255,.035),
                0 7px 22px rgba(0,0,0,.15) !important;
            transition:
                background .32s ease,
                border-color .32s ease,
                color .32s ease,
                transform .22s cubic-bezier(.16,1,.3,1),
                box-shadow .32s ease !important;}

#vehicules .btn-select:active{transform: scale(.982) !important;
            background:
                linear-gradient(180deg, rgba(223,184,107,.16), rgba(223,184,107,.075)) !important;
            border-color: rgba(223,184,107,.82) !important;
            box-shadow:
                inset 0 1px 0 rgba(255,255,255,.04),
                0 4px 14px rgba(0,0,0,.14) !important;}

@media (hover: hover) and (pointer: fine){

#vehicules .back-home-btn:hover{border-color: rgba(223,184,107,.68) !important;
                color: #e8c989 !important;
                background: rgba(223,184,107,.065) !important;
                box-shadow: 0 7px 20px rgba(0,0,0,.16) !important;}

#vehicules .btn-select:hover{background:
                    linear-gradient(180deg, rgba(223,184,107,.16), rgba(223,184,107,.075)) !important;
                border-color: rgba(223,184,107,.82) !important;
                color: #efd79f !important;
                box-shadow: 0 9px 25px rgba(0,0,0,.18) !important;}}

@media (max-width: 1023px) {

#vehicules .back-home-btn{min-height: 44px !important;
                padding: 0 16px !important;
                font-size: .78rem !important;}

#vehicules .btn-select{min-height: 50px !important;
                font-size: .83rem !important;
                letter-spacing: .095em !important;}}

#vehicules .vehicle-img-container{background:
                radial-gradient(
                    ellipse at center,
                    rgba(223,184,107,.16) 0%,
                    rgba(223,184,107,.09) 28%,
                    rgba(223,184,107,.035) 52%,
                    transparent 72%
                ) !important;}

#vehicules .vehicle-service-inclusions .service-legacy-icon{width: 15px;
            height: 15px;
            min-width: 15px;
            margin: 0;
            color: var(--accent-gold);
            stroke-width: 1.35;}

#vehicules .vehicle-service-inclusions .fixed-price-euro{display: inline-flex;
            width: 15px;
            min-width: 15px;
            height: 15px;
            align-items: center;
            justify-content: center;
            color: var(--accent-gold);
            font-family: var(--font-ui);
            font-size: .92rem;
            font-weight: 300;
            line-height: 1;
            letter-spacing: 0;}

#vehicules .vehicles-grid{display: grid !important;
            grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
            gap: 20px !important;
            align-items: stretch !important;}

#vehicules .vehicle-card{display: grid !important;
            grid-template-rows:
                auto
                auto
                minmax(0, 1fr)
                auto !important;
            height: 100% !important;
            min-height: 100% !important;
            align-self: stretch !important;
            box-sizing: border-box !important;}

#vehicules .vehicle-card > div:first-child{display: flex !important;
            flex-direction: column !important;
            min-height: 0 !important;}

#vehicules .vehicle-card h3{min-height: 2.4em !important;
            display: flex !important;
            align-items: center !important;
            justify-content: center !important;
            margin-bottom: 14px !important;
            text-align: center !important;}

#vehicules .vehicle-img-container{width: 100% !important;
            height: 178px !important;
            min-height: 178px !important;
            max-height: 178px !important;
            display: flex !important;
            align-items: center !important;
            justify-content: center !important;
            margin: 0 auto 16px !important;
            box-sizing: border-box !important;}

#vehicules .vehicle-img{width: 100% !important;
            height: 100% !important;
            max-width: 100% !important;
            max-height: 100% !important;
            object-fit: contain !important;}

#vehicules .vehicle-specs{min-height: 34px !important;
            display: flex !important;
            align-items: center !important;
            justify-content: center !important;
            gap: 18px !important;
            margin-bottom: 14px !important;}

#vehicules .pricing-features{display: flex !important;
            flex-direction: column !important;
            justify-content: flex-start !important;
            min-height: 150px !important;
            height: 100% !important;
            box-sizing: border-box !important;}

#vehicules .pricing-feature-item{min-height: 42px !important;
            display: grid !important;
            grid-template-columns: 20px minmax(0, 1fr) !important;
            align-items: start !important;
            gap: 8px !important;}

#vehicules .vehicle-footer-card{display: flex !important;
            flex-direction: column !important;
            margin-top: auto !important;
            min-height: 0 !important;}

#vehicules .vehicle-service-inclusions{min-height: 78px !important;
            display: grid !important;
            grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
            align-content: center !important;
            gap: 8px 12px !important;}

#vehicules .vehicle-price{min-height: 46px !important;
            display: flex !important;
            align-items: center !important;
            justify-content: center !important;
            margin: 8px 0 12px !important;}

#vehicules .btn-select{width: 100% !important;
            min-height: 50px !important;
            margin-top: auto !important;}

#vehicules .vehicle-service-inclusions{display: grid !important;
            grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
            gap: 10px 12px !important;
            margin: 14px 0 16px !important;
            padding: 13px 12px !important;
            background-color: rgba(223, 184, 107, 0.03) !important;
            border: 1px solid rgba(223, 184, 107, 0.12) !important;
            border-radius: 6px !important;
            box-sizing: border-box !important;
            min-height: 0 !important;
            width: 100% !important;}

#vehicules .vehicle-service-inclusions > span{display: flex !important;
            align-items: center !important;
            justify-content: center !important;
            gap: 7px !important;
            min-width: 0 !important;
            min-height: 28px !important;
            margin: 0 !important;
            padding: 0 !important;
            color: #d1d1d1 !important;
            font-size: .70rem !important;
            line-height: 1.25 !important;
            text-align: center !important;
            white-space: normal !important;}

#vehicules .vehicle-service-inclusions .booking-ph-icon,
        #vehicules .vehicle-service-inclusions .service-legacy-icon,
        #vehicules .vehicle-service-inclusions .fixed-price-euro{flex: 0 0 auto !important;
            margin: 0 !important;
            color: var(--accent-gold) !important;}

@media (max-width: 1023px) {

#vehicules .vehicle-service-inclusions{grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
                gap: 9px 8px !important;
                padding: 12px 10px !important;
                margin: 12px 0 15px !important;}

#vehicules .vehicle-service-inclusions > span{font-size: .68rem !important;
                min-height: 30px !important;}}

@media (max-width: 430px){

#vehicules .vehicle-card{padding: 14px 11px 13px !important;}

#vehicules .vehicle-img-container{height: 142px !important;
                min-height: 142px !important;
                max-height: 142px !important;}

#vehicules .vehicle-service-inclusions{padding: 8px 7px !important;}

#vehicules .vehicle-service-inclusions > span{font-size: .62rem !important;}}

#vehicules .vehicle-card,
        #vehicules .vehicle-card > div,
        #vehicules .vehicle-card > div:first-child,
        #vehicules .vehicle-footer-card{box-sizing: border-box !important;}

#vehicules .vehicle-card > div:first-child,
        #vehicules .vehicle-footer-card{width: 100% !important;
            margin-left: auto !important;
            margin-right: auto !important;
            text-align: center !important;}

#vehicules .vehicle-card h3{width: 100% !important;
            text-align: center !important;
            justify-content: center !important;}

#vehicules .vehicle-img-container{width: 100% !important;
            margin-left: auto !important;
            margin-right: auto !important;
            justify-content: center !important;
            text-align: center !important;}

#vehicules .vehicle-img{display: block !important;
            margin: 0 auto !important;
            object-position: center center !important;}

#vehicules .vehicle-specs{width: 100% !important;
            justify-content: center !important;
            align-items: center !important;
            text-align: center !important;}

#vehicules .vehicle-specs > div{display: inline-flex !important;
            align-items: center !important;
            justify-content: center !important;
            text-align: center !important;}

#vehicules .vehicle-service-inclusions{width: 100% !important;
            margin-left: auto !important;
            margin-right: auto !important;}

#vehicules .vehicle-service-inclusions > span{justify-content: center !important;
            text-align: center !important;}

#vehicules .vehicle-price,
        #vehicules .btn-select{width: 100% !important;
            margin-left: auto !important;
            margin-right: auto !important;
            text-align: center !important;}

#vehicules .vehicles-grid{width: min(1160px, 100%) !important;
            margin-left: auto !important;
            margin-right: auto !important;
            display: grid !important;
            grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
            gap: 24px !important;
            align-items: stretch !important;
            justify-items: stretch !important;}

#vehicules .vehicle-card{width: 100% !important;
            max-width: none !important;
            margin: 0 !important;
            padding: 18px 18px 16px !important;
            box-sizing: border-box !important;
            display: flex !important;
            flex-direction: column !important;
            align-items: stretch !important;}

#vehicules .vehicle-card > div:first-child,
        #vehicules .vehicle-footer-card,
        #vehicules .vehicle-service-inclusions,
        #vehicules .vehicle-specs,
        #vehicules .vehicle-price,
        #vehicules .btn-select{width: 100% !important;
            max-width: none !important;
            box-sizing: border-box !important;}

#vehicules .vehicle-card > div:first-child{padding: 0 !important;
            margin: 0 !important;
            display: flex !important;
            flex-direction: column !important;
            align-items: stretch !important;}

#vehicules .vehicle-card h3{width: 100% !important;
            margin: 0 0 10px !important;
            text-align: center !important;}

#vehicules .vehicle-img-container{width: 100% !important;
            max-width: none !important;
            height: 188px !important;
            min-height: 188px !important;
            max-height: 188px !important;
            margin: 0 0 12px !important;
            display: flex !important;
            align-items: center !important;
            justify-content: center !important;}

#vehicules .vehicle-img{width: 94% !important;
            height: 100% !important;
            max-width: 94% !important;
            max-height: 100% !important;
            margin: 0 auto !important;
            object-fit: contain !important;
            object-position: center center !important;}

#vehicules .vehicle-specs{display: flex !important;
            justify-content: center !important;
            align-items: center !important;
            gap: 26px !important;
            margin: 0 0 10px !important;
            padding: 0 4px !important;}

#vehicules .vehicle-specs > div{flex: 1 1 0 !important;
            min-width: 0 !important;
            justify-content: center !important;
            text-align: center !important;}

#vehicules .vehicle-footer-card{margin-top: auto !important;
            padding: 0 !important;
            display: flex !important;
            flex-direction: column !important;
            align-items: stretch !important;}

#vehicules .vehicle-service-inclusions{margin: 10px 0 12px !important;
            padding: 12px 10px !important;
            grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
            gap: 9px 10px !important;}

#vehicules .vehicle-service-inclusions > span{width: 100% !important;
            justify-content: center !important;
            text-align: center !important;
            white-space: normal !important;}

#vehicules .vehicle-price{margin: 6px 0 10px !important;
            display: flex !important;
            justify-content: center !important;
            align-items: center !important;}

#vehicules .btn-select{min-height: 50px !important;
            margin: 0 !important;}

@media (max-width: 1023px) {

#vehicules .vehicles-grid{width: 100% !important;
                max-width: 430px !important;
                grid-template-columns: 1fr !important;
                gap: 18px !important;
                padding: 0 4px !important;}

#vehicules .vehicle-card{width: 100% !important;
                max-width: 100% !important;
                margin: 0 !important;
                padding: 15px 14px 14px !important;}

#vehicules .vehicle-img-container{width: 100% !important;
                height: 158px !important;
                min-height: 158px !important;
                max-height: 158px !important;
                margin-bottom: 9px !important;}

#vehicules .vehicle-img{width: 98% !important;
                max-width: 98% !important;}

#vehicules .vehicle-specs{gap: 14px !important;
                padding: 0 2px !important;
                margin-bottom: 8px !important;}

#vehicules .vehicle-service-inclusions{margin: 8px 0 10px !important;
                padding: 10px 8px !important;
                gap: 7px 8px !important;}

#vehicules .vehicle-service-inclusions > span{font-size: .66rem !important;}

#vehicules .vehicle-price{margin: 5px 0 9px !important;}

#vehicules .btn-select{min-height: 48px !important;}}

@media (max-width: 430px){

#vehicules .vehicles-grid{padding: 0 2px !important;
                gap: 16px !important;}

#vehicules .vehicle-card{padding-left: 13px !important;
                padding-right: 13px !important;}

#vehicules .vehicle-img-container{height: 150px !important;
                min-height: 150px !important;
                max-height: 150px !important;}}

#vehicules .vehicles-grid{width: min(1160px, 100%) !important;
            margin: 18px auto 0 !important;
            display: grid !important;
            grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
            gap: 24px !important;
            align-items: stretch !important;}

#vehicules .vehicle-card{width: 100% !important;
            max-width: none !important;
            height: 100% !important;
            min-height: 610px !important;
            margin: 0 !important;
            padding: 18px !important;
            box-sizing: border-box !important;
            display: flex !important;
            flex-direction: column !important;
            align-items: stretch !important;}

#vehicules .vehicle-card > div:first-child,
        #vehicules .vehicle-footer-card{width: 100% !important;
            max-width: none !important;
            margin-left: 0 !important;
            margin-right: 0 !important;
            padding-left: 0 !important;
            padding-right: 0 !important;
            box-sizing: border-box !important;}

#vehicules .vehicle-img-container{width: 100% !important;
            max-width: none !important;
            height: 188px !important;
            min-height: 188px !important;
            max-height: 188px !important;
            margin: 0 0 12px !important;}

#vehicules .vehicle-img{width: 98% !important;
            max-width: 98% !important;
            height: 100% !important;
            object-fit: contain !important;
            object-position: center center !important;
            margin: 0 auto !important;}

#vehicules .vehicle-specs,
        #vehicules .vehicle-service-inclusions,
        #vehicules .vehicle-price,
        #vehicules .btn-select{width: 100% !important;
            max-width: none !important;
            box-sizing: border-box !important;}

#vehicules .vehicle-service-inclusions{margin-left: 0 !important;
            margin-right: 0 !important;}

#vehicules .vehicle-footer-card{margin-top: auto !important;}

#vehicules .vehicle-card{box-sizing: border-box !important;}

#vehicules .vehicle-specs{width: 100% !important;
            display: flex !important;
            align-items: center !important;
            justify-content: center !important;
            gap: 12px !important;
            padding: 0 !important;
            margin-left: auto !important;
            margin-right: auto !important;
            text-align: center !important;}

#vehicules .vehicle-specs > div{flex: 0 0 auto !important;
            width: auto !important;
            min-width: 0 !important;
            display: inline-flex !important;
            align-items: center !important;
            justify-content: center !important;
            gap: 4px !important;
            text-align: center !important;}

#vehicules .vehicle-spec-icon{margin-right: 2px !important;}

@media (max-width: 1023px) {

#vehicules .vehicle-specs{gap: 10px !important;
                margin-bottom: 8px !important;}}

#vehicules .vehicles-grid{display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 24px !important;
    align-items: stretch !important;}

#vehicules .vehicles-grid > .vehicle-card{width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    align-self: stretch !important;}

@media (max-width: 1023px) {

#vehicules .vehicles-grid{grid-template-columns: 1fr !important;
        gap: 18px !important;}

#vehicules .vehicles-grid > .vehicle-card{width: 100% !important;
        max-width: 100% !important;}}

h1,
        h2,
        h3,
        .luxury-title,
        #home-view .booking-widget h1,
        #vehicules .vehicle-card h3,
        #checkout-view .booking-summary-card h2,
        #checkout-view .checkout-form-container h2{font-family: var(--font-display) !important;}

.eyebrow,
        #home-view .eyebrow,
        #vehicules .eyebrow,
        #checkout-view .eyebrow{font-family: var(--font-ui) !important;
            color: var(--accent-gold) !important;
            text-transform: uppercase !important;
            letter-spacing: .18em !important;
            font-size: .73rem !important;
            font-weight: 600 !important;}

#vehicules .vehicle-card h3{font-size: 1.72rem !important;
            line-height: 1.08 !important;
            font-weight: 600 !important;
            letter-spacing: -.012em !important;
            color: #fff !important;}#home-view .form-group label,
#vehicules .vehicle-specs,
#vehicules .vehicle-service-inclusions,
#vehicules .vehicle-price,
#checkout-view .summary-row,
#checkout-view .form-group label,
#home-view .tab-btn,
#home-view .home-luxury-cta,
#home-view .premium-cta > a,
#vehicules .btn-select,
#checkout-view .btn-confirm-booking,
#vehicules .back-home-btn,
#checkout-view .back-home-btn {font-family: var(--font-ui) !important;}

@media (max-width: 1023px) {

#vehicules .vehicle-card h3{font-size: 1.55rem !important;}}#home-view .booking-widget,
#checkout-view .booking-summary-card,
#checkout-view .checkout-form-container,
#vehicules .vehicle-card {border-color: rgba(223,184,107,.60) !important;}#home-view .home-luxury-cta,
#home-view .premium-cta > a,
#vehicules .btn-select,
#checkout-view .btn-confirm-booking {border-color: rgba(223,184,107,.60) !important;}

h1,
        h2,
        h3,
        .luxury-title,
        #home-view .booking-widget h1,
        #vehicules .vehicle-card h3,
        #checkout-view .booking-summary-card h2,
        #checkout-view .checkout-form-container h2{font-family: var(--font-display) !important;
            font-weight: 400 !important;
            text-transform: capitalize !important;}

.luxury-title,
        #home-view .booking-widget h1,
        #vehicules .vehicle-card h3,
        #checkout-view .booking-summary-card h2,
        #checkout-view .checkout-form-container h2{letter-spacing: normal !important;}

#vehicules .vehicle-service-inclusions{position: relative !important;
            overflow: hidden !important;
            box-sizing: border-box !important;

            background:
                linear-gradient(
                    180deg,
                    rgba(0,0,0,.20) 0%,
                    rgba(0,0,0,.38) 50%,
                    rgba(0,0,0,.20) 100%
                ),
                rgba(3,3,3,.58) !important;

            border: 0 !important;
            border-radius: 0 !important;

            box-shadow:
                inset 0 8px 16px rgba(0,0,0,.16),
                inset 0 -8px 16px rgba(0,0,0,.12) !important;}

#vehicules .vehicle-service-inclusions::before{content: "" !important;
            position: absolute !important;
            top: 0 !important;
            left: 0 !important;
            right: 0 !important;
            width: auto !important;
            height: 1px !important;
            background:
                linear-gradient(
                    90deg,
                    transparent 0%,
                    rgba(223,184,107,.18) 10%,
                    rgba(223,184,107,.62) 50%,
                    rgba(223,184,107,.18) 90%,
                    transparent 100%
                ) !important;
            box-shadow: none !important;
            pointer-events: none !important;}

#vehicules .vehicle-service-inclusions::after{content: "" !important;
            position: absolute !important;
            bottom: 0 !important;
            top: auto !important;
            left: 0 !important;
            right: 0 !important;
            width: auto !important;
            height: 1px !important;
            background:
                linear-gradient(
                    90deg,
                    transparent 0%,
                    rgba(223,184,107,.10) 10%,
                    rgba(223,184,107,.34) 50%,
                    rgba(223,184,107,.10) 90%,
                    transparent 100%
                ) !important;
            box-shadow: none !important;
            pointer-events: none !important;}

#vehicules .vehicle-service-inclusions > span{position: relative !important;
            z-index: 1 !important;}

#vehicules .vehicle-card h3,
        #checkout-view .booking-summary-card h2,
        #checkout-view .checkout-form-container h2{font-family: var(--font-display) !important;
            font-size: 1.30rem !important;
            font-weight: 400 !important;
            font-style: normal !important;
            line-height: 1.10 !important;
            letter-spacing: .5px !important;
            text-transform: capitalize !important;
            color: #fff !important;
            font-synthesis: none !important;}

#vehicules .vehicle-specs,
        #vehicules .vehicle-specs span{font-family: var(--font-ui) !important;
            font-size: .78rem !important;
            font-weight: 400 !important;
            font-style: normal !important;
            line-height: 1.45 !important;
            letter-spacing: .3px !important;
            text-transform: none !important;
            color: #f3f3f3 !important;
            font-synthesis: none !important;}

#vehicules .pricing-feature-item,
        #vehicules .pricing-feature-item span,
        #vehicules .vehicle-service-inclusions,
        #vehicules .vehicle-service-inclusions > span{font-family: var(--font-ui) !important;
            font-size: .72rem !important;
            font-weight: 400 !important;
            font-style: normal !important;
            line-height: 1.45 !important;
            letter-spacing: normal !important;
            text-transform: none !important;
            color: #8e8e8e !important;
            font-synthesis: none !important;}

#vehicules .vehicle-price,
        #checkout-view #checkout-summary-price{font-family: var(--font-ui) !important;
            font-size: 1.70rem !important;
            font-weight: 700 !important;
            font-style: normal !important;
            line-height: 1.15 !important;
            letter-spacing: .5px !important;
            text-transform: none !important;
            color: var(--accent-gold) !important;
            font-synthesis: none !important;}

#vehicules .btn-select,
        #checkout-view .btn-confirm-booking{font-family: var(--font-ui) !important;
            font-size: .86rem !important;
            font-weight: 500 !important;
            font-style: normal !important;
            line-height: 1.2 !important;
            letter-spacing: .11em !important;
            text-transform: uppercase !important;
            font-synthesis: none !important;}

#vehicules .back-home-btn,
        #checkout-view .back-home-btn{font-family: var(--font-ui) !important;
            font-size: .76rem !important;
            font-weight: 500 !important;
            font-style: normal !important;
            line-height: 1.2 !important;
            letter-spacing: .085em !important;
            text-transform: uppercase !important;
            font-synthesis: none !important;}

#home-view .form-group label,
        #home-view #calcForm label,
        #checkout-view .form-group label,

        #checkout-view .summary-row strong,

        .eyebrow,
        #home-view .hero-subtitle,

        #vehicules .fixed-price-euro,
        #vehicules .vehicle-service-inclusions .booking-ph-icon,
        #vehicules .vehicle-service-inclusions .service-legacy-icon,

        .route-panel-title{color: var(--accent-gold) !important;}

#vehicules .vehicle-service-inclusions,
        #vehicules .vehicle-service-inclusions > span{font-family: var(--font-ui) !important;
            font-size: .80rem !important;
            font-weight: 500 !important;
            line-height: 1.35 !important;
            letter-spacing: .01em !important;
            color: #e7e0d6 !important;}

#vehicules .vehicle-service-inclusions .booking-ph-icon,
        #vehicules .vehicle-service-inclusions .service-legacy-icon,
        #vehicules .vehicle-service-inclusions .fixed-price-euro{color: var(--accent-gold) !important;
            opacity: .96 !important;}

@media (max-width: 1023px) {

#vehicules .vehicle-service-inclusions,
            #vehicules .vehicle-service-inclusions > span{font-size: .76rem !important;
                line-height: 1.32 !important;}}

#vehicules .vehicle-card,
        #vehicules .vehicle-card:hover,
        #vehicules .vehicle-card:focus-within{transform: none !important;
            scale: 1 !important;}

#vehicules .vehicle-card:hover,
        #vehicules .vehicle-card:focus-within{padding: inherit;}

#vehicules .vehicle-card:hover .vehicle-img,
        #vehicules .vehicle-card:focus-within .vehicle-img,
        #vehicules .vehicle-card:hover img,
        #vehicules .vehicle-card:focus-within img{transform: none !important;
            scale: 1 !important;}

#vehicules,
        #checkout-view{padding-top:
                calc(var(--real-header-height) + var(--page-action-gap)) !important;}

#vehicules .back-home-btn,
        #checkout-view .back-home-btn{margin-top: 0 !important;
            margin-bottom: var(--page-action-gap) !important;}

@media (max-width: 1023px) {

#vehicules,
            #checkout-view{padding-top:
                    calc(var(--real-header-height) + var(--page-action-gap)) !important;}

#vehicules .booking-container-page,
            #checkout-view .booking-container-page{padding-top: 0 !important;}}

#vehicules .back-home-btn,
        #checkout-view .back-home-btn{display: flex !important;
            width: max-content !important;
            align-items: center !important;
            margin-top: 0 !important;
            margin-bottom: 18px !important;
            vertical-align: top !important;}

#vehicules .vehicles-grid,
        #checkout-view .booking-summary-card{margin-top: 0 !important;}

#vehicules .booking-container-page,
        #checkout-view .booking-container-page{padding-top: 0 !important;}

#vehicules{padding-top:
                calc(var(--real-header-height) + var(--site-frame-gap)) !important;}

#vehicules .booking-container-page{padding-top: 0 !important;}

#vehicules .back-home-btn{margin-top: 0 !important;
            margin-bottom: var(--site-frame-gap) !important;}

#vehicules .vehicles-grid{margin-top: 0 !important;
            gap: var(--site-frame-gap) !important;}

@media (max-width: 1023px) {

#home-view .hero,
            #vehicules,
            #checkout-view{padding-top:
                    calc(var(--real-header-height) + var(--site-frame-gap)) !important;}

#vehicules .back-home-btn,
            #checkout-view .back-home-btn{margin-bottom: var(--site-frame-gap) !important;}

#vehicules .vehicles-grid{gap: var(--site-frame-gap) !important;}}

#vehicules .back-home-btn[style*="display:none"],
        #vehicules .back-home-btn[style*="display: none"],
        #checkout-view .back-home-btn[style*="display:none"],
        #checkout-view .back-home-btn[style*="display: none"],
        #vehicules .btn-select[style*="display:none"],
        #vehicules .btn-select[style*="display: none"],
        #checkout-view .btn-confirm-booking[style*="display:none"],
        #checkout-view .btn-confirm-booking[style*="display: none"]{display: none !important;}

#vehicules .vehicles-grid{margin-top: 0 !important;
            margin-bottom: var(--site-frame-gap) !important;
            gap: var(--site-frame-gap) !important;}

#vehicules .pricing-features-grid,
        #vehicules .vehicle-service-inclusions{margin-bottom: var(--site-frame-gap) !important;}

@media (max-width: 1023px) {

#home-view .booking-widget,
            #vehicules .vehicles-grid,
            #checkout-view .checkout-form-container{margin-bottom: var(--site-frame-gap) !important;}}

#vehicules .fixed-price-icon{display: inline-flex !important;
            align-items: center !important;
            justify-content: center !important;
            color: var(--accent-gold) !important;
            opacity: .96 !important;
            font-size: .98rem !important;
            line-height: 1 !important;
            margin: 0 !important;}

#vehicules .vehicle-service-inclusions{background:
                linear-gradient(
                    90deg,
                    rgba(16,16,18,0) 0%,
                    rgba(9,9,11,.34) 7%,
                    rgba(5,5,7,.78) 16%,
                    rgba(3,3,5,.94) 26%,
                    rgba(3,3,5,.94) 74%,
                    rgba(5,5,7,.78) 84%,
                    rgba(9,9,11,.34) 93%,
                    rgba(16,16,18,0) 100%
                ) !important;

            border-left: 0 !important;
            border-right: 0 !important;
            box-shadow: none !important;}

@media (max-width: 1023px) {

#vehicules .vehicle-service-inclusions{background:
                    linear-gradient(
                        90deg,
                        rgba(16,16,18,0) 0%,
                        rgba(7,7,9,.58) 11%,
                        rgba(3,3,5,.94) 23%,
                        rgba(3,3,5,.94) 77%,
                        rgba(7,7,9,.58) 89%,
                        rgba(16,16,18,0) 100%
                    ) !important;}}

#vehicules .back-home-btn,
        #checkout-view .back-home-btn{background: linear-gradient(135deg, var(--accent-gold), var(--accent-gold-hover)) !important;
            border: 1px solid var(--accent-gold) !important;
            color: #050505 !important;
            border-radius: 7px !important;

            font-family: var(--font-ui) !important;
            font-weight: 600 !important;
            letter-spacing: .055em !important;
            text-transform: uppercase !important;

            box-shadow:
                0 8px 22px rgba(223,184,107,.16),
                inset 0 1px 0 rgba(255,255,255,.22) !important;

            transition:
                background .3s ease,
                border-color .3s ease,
                box-shadow .3s ease,
                transform .22s cubic-bezier(.16,1,.3,1) !important;}

#vehicules .back-home-btn i,
        #checkout-view .back-home-btn i{color: #050505 !important;}

#vehicules .back-home-btn:hover,
        #checkout-view .back-home-btn:hover{background: linear-gradient(135deg, var(--accent-gold-hover), #f4d38c) !important;
            border-color: var(--accent-gold-hover) !important;
            color: #050505 !important;
            box-shadow:
                0 10px 26px rgba(223,184,107,.25),
                inset 0 1px 0 rgba(255,255,255,.28) !important;
            transform: translateY(-1px) !important;}

#vehicules .back-home-btn:active,
        #checkout-view .back-home-btn:active{transform: scale(.98) !important;
            box-shadow:
                0 5px 15px rgba(223,184,107,.16),
                inset 0 1px 0 rgba(255,255,255,.16) !important;}

#vehicules .back-home-btn,
        #checkout-view .back-home-btn{display: block !important;
            width: 92% !important;
            max-width: 850px !important;
            margin-left: auto !important;
            margin-right: auto !important;
            box-sizing: border-box !important;
            text-align: center !important;}

@media (max-width: 1023px) {

#vehicules .back-home-btn,
            #checkout-view .back-home-btn{width: 92% !important;
                max-width: 560px !important;}}

#vehicules .back-home-btn,
        #checkout-view .back-home-btn{display: flex !important;
            align-items: center !important;
            justify-content: center !important;
            text-align: center !important;}

#vehicules .back-home-btn,
        #checkout-view .back-home-btn{width: 92% !important;
            max-width: 850px !important;
            margin-left: auto !important;
            margin-right: auto !important;

            display: flex !important;
            align-items: center !important;
            justify-content: center !important;
            text-align: center !important;
            box-sizing: border-box !important;

            min-height: 50px !important;
            padding: 0 22px !important;
            border: 1px solid rgba(223,184,107,.58) !important;
            border-radius: 7px !important;
            background:
                linear-gradient(
                    180deg,
                    rgba(223,184,107,.105),
                    rgba(223,184,107,.045)
                ) !important;
            color: #e8c989 !important;

            font-family: var(--font-ui) !important;
            font-size: .86rem !important;
            font-weight: 500 !important;
            line-height: 1.2 !important;
            letter-spacing: .11em !important;
            text-transform: uppercase !important;

            box-shadow:
                inset 0 1px 0 rgba(255,255,255,.035),
                0 7px 22px rgba(0,0,0,.15) !important;

            transition:
                background .32s ease,
                border-color .32s ease,
                color .32s ease,
                transform .22s cubic-bezier(.16,1,.3,1),
                box-shadow .32s ease !important;}

#vehicules .back-home-btn i,
        #checkout-view .back-home-btn i{color: currentColor !important;
            margin-right: 7px !important;
            font-size: 1rem !important;
            line-height: 1 !important;}

#vehicules .back-home-btn:hover,
        #checkout-view .back-home-btn:hover{background:
                linear-gradient(
                    180deg,
                    rgba(223,184,107,.16),
                    rgba(223,184,107,.075)
                ) !important;
            border-color: rgba(223,184,107,.82) !important;
            color: #efd79f !important;
            box-shadow:
                0 9px 25px rgba(0,0,0,.18) !important;
            transform: none !important;}

#vehicules .back-home-btn:active,
        #checkout-view .back-home-btn:active{transform: scale(.982) !important;
            background:
                linear-gradient(
                    180deg,
                    rgba(223,184,107,.16),
                    rgba(223,184,107,.075)
                ) !important;
            border-color: rgba(223,184,107,.82) !important;
            box-shadow:
                inset 0 1px 0 rgba(255,255,255,.04),
                0 4px 14px rgba(0,0,0,.14) !important;}

@media (max-width: 1023px) {

#vehicules .back-home-btn,
            #checkout-view .back-home-btn{width: 92% !important;
                max-width: 560px !important;
                min-height: 48px !important;
                padding: 0 16px !important;
                font-size: .78rem !important;
                letter-spacing: .085em !important;
                border-radius: 6px !important;}}

#vehicules .back-home-btn,
        #checkout-view .back-home-btn{width: 100% !important;
            max-width: none !important;
            align-self: stretch !important;
            box-sizing: border-box !important;}

#vehicules > .back-home-btn,
        #checkout-view > .back-home-btn{margin-left: 0 !important;
            margin-right: 0 !important;}

#vehicules .back-home-btn,
        #checkout-view .back-home-btn,
        #vehicules .back-home-btn i,
        #checkout-view .back-home-btn i{color: var(--text-gray) !important;}

#vehicules .back-home-btn:hover,
        #checkout-view .back-home-btn:hover,
        #vehicules .back-home-btn:hover i,
        #checkout-view .back-home-btn:hover i,
        #vehicules .back-home-btn:active,
        #checkout-view .back-home-btn:active,
        #vehicules .back-home-btn:active i,
        #checkout-view .back-home-btn:active i{color: var(--text-gray) !important;}

#vehicules .vehicle-card h3,
        #vehicules .vehicle-card .vehicle-name,
        #vehicules .vehicle-title{color: var(--accent-gold) !important;}

#vehicules .back-home-btn,
        #checkout-view .back-home-btn,
        #vehicules .back-home-btn i,
        #checkout-view .back-home-btn i,
        #vehicules .back-home-btn:hover,
        #checkout-view .back-home-btn:hover,
        #vehicules .back-home-btn:hover i,
        #checkout-view .back-home-btn:hover i,
        #vehicules .back-home-btn:active,
        #checkout-view .back-home-btn:active,
        #vehicules .back-home-btn:active i,
        #checkout-view .back-home-btn:active i{color: var(--text-white) !important;}

#vehicules .vehicle-card h3,
        #vehicules .vehicle-card .vehicle-name,
        #vehicules .vehicle-title{font-family: var(--font-ui) !important;
            font-size: .73rem !important;
            font-weight: 600 !important;
            font-style: normal !important;
            line-height: 1.45 !important;
            letter-spacing: .18em !important;
            text-transform: uppercase !important;
            color: var(--accent-gold) !important;
            font-synthesis: none !important;}

@media (max-width: 1023px) {

#vehicules .vehicle-card h3,
            #vehicules .vehicle-card .vehicle-name,
            #vehicules .vehicle-title{font-size: .68rem !important;
                line-height: 1.45 !important;
                letter-spacing: .10em !important;}}

#vehicules .vehicle-card .vehicle-capacity,
        #vehicules .vehicle-card .vehicle-meta{font-family: var(--font-body) !important;
            font-size: .84rem !important;
            font-weight: 400 !important;
            font-style: normal !important;
            line-height: 1.7 !important;
            letter-spacing: .01em !important;
            text-transform: none !important;
            font-synthesis: none !important;}

#vehicules .vehicle-card .vehicle-inclusions,
        #vehicules .vehicle-card .vehicle-inclusions *,
        #vehicules .vehicle-card .inclusions-list,
        #vehicules .vehicle-card .inclusions-list *{font-family: var(--font-body) !important;
            font-size: .84rem !important;
            font-weight: 400 !important;
            font-style: normal !important;
            line-height: 1.7 !important;
            letter-spacing: .01em !important;
            text-transform: none !important;
            font-synthesis: none !important;}

#vehicules .vehicle-specs{margin-top: 14px !important;
            margin-bottom: 16px !important;
            row-gap: 10px !important;}

#vehicules .vehicle-specs > div{padding-top: 3px !important;
            padding-bottom: 3px !important;}

#vehicules .vehicle-specs span{color: var(--text-gray) !important;
            font-family: var(--font-body) !important;
            font-size: .84rem !important;
            font-weight: 400 !important;
            font-style: normal !important;
            line-height: 1.7 !important;
            letter-spacing: .01em !important;
            text-transform: none !important;
            font-synthesis: none !important;}

@media (max-width: 1023px) {

#vehicules .vehicle-specs{margin-top: 12px !important;
                margin-bottom: 14px !important;
                row-gap: 9px !important;}}

#vehicules .vehicle-card h3,
        #vehicules .vehicle-card .vehicle-name,
        #vehicules .vehicle-title{font-size: 1.46rem !important;}

@media (max-width: 1023px) {

#vehicules .vehicle-card h3,
            #vehicules .vehicle-card .vehicle-name,
            #vehicules .vehicle-title{font-size: 1.36rem !important;}}

#vehicules .vehicle-footer-card{gap: 0 !important;}

#vehicules .vehicle-service-inclusions{margin-bottom: 0 !important;}

#vehicules .vehicle-price{margin: 0 !important;
            padding-top: 18px !important;
            padding-bottom: 18px !important;
            text-align: center !important;}

#vehicules .vehicle-card .btn-select{margin-top: 0 !important;}

@media (max-width: 1023px) {

#vehicules .vehicle-price{padding-top: 16px !important;
                padding-bottom: 16px !important;}}

#vehicules .vehicle-card h3,
        #vehicules .vehicle-card .vehicle-name,
        #vehicules .vehicle-title{font-family: var(--font-ui) !important;
            font-size: 1.55rem !important;
            font-weight: 700 !important;
            font-style: normal !important;
            line-height: 1.15 !important;
            letter-spacing: .5px !important;
            text-transform: none !important;
            color: var(--accent-gold) !important;
            text-align: center !important;
            font-synthesis: none !important;}

#vehicules .vehicle-card .btn-select,
        #checkout-view .btn-confirm-booking{font-family: var(--font-ui) !important;
            font-size: 1.55rem !important;
            font-weight: 700 !important;
            font-style: normal !important;
            line-height: 1.15 !important;
            letter-spacing: .5px !important;
            text-transform: none !important;
            color: var(--accent-gold) !important;
            text-align: center !important;
            font-synthesis: none !important;}

#vehicules .vehicle-card .btn-select:hover,
        #vehicules .vehicle-card .btn-select:active,
        #checkout-view .btn-confirm-booking:hover,
        #checkout-view .btn-confirm-booking:active{color: var(--accent-gold) !important;}

#vehicules .vehicle-card h3,
        #vehicules .vehicle-card .vehicle-name,
        #vehicules .vehicle-title{font-family: var(--font-display) !important;
            font-weight: 400 !important;
            font-style: normal !important;
            font-size: clamp(2rem, 4vw, 3.15rem) !important;
            line-height: 1.04 !important;
            letter-spacing: -0.018em !important;
            text-transform: capitalize !important;
            color: #fff !important;
            text-align: center !important;
            font-synthesis: none !important;}

@media (max-width: 1023px) {

#vehicules .vehicle-card h3,
            #vehicules .vehicle-card .vehicle-name,
            #vehicules .vehicle-title{white-space: nowrap !important;
                max-width: 100% !important;
                width: 100% !important;
                overflow: visible !important;
                text-align: center !important;
                font-size: clamp(1.48rem, 7.2vw, 2.35rem) !important;
                line-height: 1.08 !important;
                letter-spacing: -0.025em !important;}}

@media (max-width: 390px){

#vehicules .vehicle-card h3,
            #vehicules .vehicle-card .vehicle-name,
            #vehicules .vehicle-title{font-size: clamp(1.38rem, 7vw, 1.72rem) !important;
                letter-spacing: -0.03em !important;}}

@media (max-width: 340px){

#vehicules .vehicle-card h3,
            #vehicules .vehicle-card .vehicle-name,
            #vehicules .vehicle-title{font-size: 1.30rem !important;
                letter-spacing: -0.035em !important;}}

#vehicules .vehicle-card h3,
        #vehicules .vehicle-card .vehicle-name,
        #vehicules .vehicle-title{font-family: var(--font-display) !important;
            font-weight: 400 !important;
            font-style: normal !important;
            font-size: clamp(2rem, 4vw, 3.15rem) !important;
            line-height: 1.04 !important;
            letter-spacing: -0.018em !important;
            text-transform: capitalize !important;
            color: var(--accent-gold) !important;
            text-align: center !important;
            font-synthesis: none !important;}

@media (max-width: 1023px) {

#vehicules .vehicle-card h3,
            #vehicules .vehicle-card .vehicle-name,
            #vehicules .vehicle-title,
            #checkout-view .booking-summary-card h2,
            #checkout-view .checkout-form-container h2{white-space: nowrap !important;
                max-width: 100% !important;
                width: 100% !important;
                overflow: visible !important;
                text-align: center !important;
                font-size: clamp(1.48rem, 7.2vw, 2.35rem) !important;
                line-height: 1.08 !important;
                letter-spacing: -0.025em !important;}}

@media (max-width: 390px){

#vehicules .vehicle-card h3,
            #vehicules .vehicle-card .vehicle-name,
            #vehicules .vehicle-title,
            #checkout-view .booking-summary-card h2,
            #checkout-view .checkout-form-container h2{font-size: clamp(1.38rem, 7vw, 1.72rem) !important;
                letter-spacing: -0.03em !important;}}

@media (max-width: 340px){

#vehicules .vehicle-card h3,
            #vehicules .vehicle-card .vehicle-name,
            #vehicules .vehicle-title,
            #checkout-view .booking-summary-card h2,
            #checkout-view .checkout-form-container h2{font-size: 1.30rem !important;
                letter-spacing: -0.035em !important;}}

#vehicules .btn-select,
        #checkout-view .btn-confirm-booking{font-family: var(--font-ui) !important;
            font-size: .78rem !important;
            font-weight: 500 !important;
            font-style: normal !important;
            line-height: 1.2 !important;
            letter-spacing: .085em !important;
            text-transform: uppercase !important;
            color: #e8c989 !important;
            font-synthesis: none !important;}

#vehicules .btn-select:hover,
        #checkout-view .btn-confirm-booking:hover{color: #efd79f !important;}

#vehicules .btn-select:active,
        #checkout-view .btn-confirm-booking:active{color: #efd79f !important;}

#vehicules .vehicle-card > .btn-select,
        #vehicules .vehicle-card .btn-select.lang-en,
        #vehicules .vehicle-card .btn-select.lang-fr{font-family: var(--font-ui) !important;
            font-size: .78rem !important;
            font-weight: 500 !important;
            font-style: normal !important;
            line-height: 1.2 !important;
            letter-spacing: .085em !important;
            text-transform: uppercase !important;
            color: #e8c989 !important;
            font-synthesis: none !important;}

#vehicules .vehicle-card > .btn-select:hover,
        #vehicules .vehicle-card .btn-select.lang-en:hover,
        #vehicules .vehicle-card .btn-select.lang-fr:hover{color: #efd79f !important;}

#vehicules .vehicle-card .vehicle-specs{width: 100% !important;
            margin: 10px auto 14px !important;
            padding: 0 !important;
            display: flex !important;
            align-items: center !important;
            justify-content: center !important;
            gap: 18px !important;
            text-align: center !important;}

#vehicules .vehicle-card .vehicle-specs > *{margin: 0 !important;
            padding: 0 !important;
            display: inline-flex !important;
            align-items: center !important;
            justify-content: center !important;
            text-align: center !important;}

@media (max-width: 1023px) {

#vehicules .vehicle-card .vehicle-specs{margin: 9px auto 12px !important;
                gap: 14px !important;}}

#vehicules .vehicle-card h3 .vehicle-class-hyphen,
        #vehicules .vehicle-card .vehicle-name .vehicle-class-hyphen,
        #vehicules .vehicle-title .vehicle-class-hyphen{font-family: var(--font-ui) !important;
            font-size: .72em !important;
            font-weight: 400 !important;
            font-style: normal !important;
            line-height: 1 !important;
            letter-spacing: 0 !important;
            display: inline-block !important;
            vertical-align: .08em !important;
            margin-left: .035em !important;
            margin-right: .035em !important;
            color: inherit !important;
            text-transform: none !important;
            font-synthesis: none !important;}

#vehicules{--vehicle-section-gap: 14px;}

#vehicules .vehicle-card h3,
        #vehicules .vehicle-card .vehicle-name,
        #vehicules .vehicle-title{margin-bottom: var(--vehicle-section-gap) !important;}

#vehicules .vehicle-card .vehicle-specs{margin-top: 0 !important;
            margin-bottom: var(--vehicle-section-gap) !important;}

#vehicules .vehicle-card .vehicle-img-container{margin-bottom: var(--vehicle-section-gap) !important;}

#vehicules .vehicle-card .vehicle-service-inclusions{margin-top: 0 !important;}

@media (max-width: 1023px) {

#vehicules{--vehicle-section-gap: 12px;}}

#vehicules .vehicle-img-container img{width: auto !important;
            height: auto !important;
            max-width: 92% !important;
            max-height: 88% !important;
            object-fit: contain !important;
            transform: scale(1.07) !important;
            transform-origin: center center !important;}

@media (max-width: 1023px) {

#vehicules .vehicle-img-container img{max-width: 93% !important;
                max-height: 89% !important;
                transform: scale(1.055) !important;}}

#vehicules .vehicles-grid{width: 94% !important;
            max-width: 850px !important;
            margin-left: auto !important;
            margin-right: auto !important;
            margin-bottom: 18px !important;

            display: grid !important;
            grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
            gap: 18px !important;
            align-items: stretch !important;}

#vehicules .vehicle-card{width: 100% !important;
            min-width: 0 !important;
            height: auto !important;
            padding: 18px !important;
            margin: 0 !important;
            box-sizing: border-box !important;

            display: flex !important;
            flex-direction: column !important;
            justify-content: space-between !important;}

#vehicules .vehicle-card h3,
        #vehicules .vehicle-card .vehicle-name,
        #vehicules .vehicle-title{width: 100% !important;
            margin: 0 0 14px !important;

            font-family: var(--font-display) !important;
            font-weight: 400 !important;
            font-style: normal !important;
            font-size: clamp(2rem, 4vw, 3.15rem) !important;
            line-height: 1.04 !important;
            letter-spacing: -0.018em !important;
            text-transform: capitalize !important;
            color: var(--accent-gold) !important;
            text-align: center !important;
            font-synthesis: none !important;}

#vehicules .vehicle-class-hyphen{font-family: var(--font-ui) !important;
            font-size: .72em !important;
            font-weight: 400 !important;
            font-style: normal !important;
            line-height: 1 !important;
            letter-spacing: 0 !important;
            display: inline-block !important;
            vertical-align: .08em !important;
            margin-left: .035em !important;
            margin-right: .035em !important;
            color: inherit !important;
            text-transform: none !important;
            font-synthesis: none !important;}

#vehicules .vehicle-card .vehicle-specs{width: 100% !important;
            min-height: 34px !important;
            margin: 0 0 14px !important;
            padding: 0 !important;

            display: flex !important;
            align-items: center !important;
            justify-content: center !important;
            flex-wrap: nowrap !important;
            gap: 18px !important;

            font-family: var(--font-ui) !important;
            font-size: .78rem !important;
            font-weight: 400 !important;
            font-style: normal !important;
            line-height: 1.45 !important;
            letter-spacing: .3px !important;
            text-transform: none !important;
            color: var(--text-gray) !important;
            text-align: center !important;
            font-synthesis: none !important;}

#vehicules .vehicle-card .vehicle-specs > div{flex: 0 0 auto !important;
            width: auto !important;
            min-width: 0 !important;
            margin: 0 !important;
            padding: 0 !important;
            display: inline-flex !important;
            align-items: center !important;
            justify-content: center !important;
            gap: 4px !important;}

#vehicules .vehicle-card .vehicle-specs span{font: inherit !important;
            color: inherit !important;
            letter-spacing: inherit !important;
            text-transform: inherit !important;}

#vehicules .vehicle-card .vehicle-img-container{width: 100% !important;
            max-width: none !important;
            height: 188px !important;
            min-height: 188px !important;
            max-height: 188px !important;
            margin: 0 0 14px !important;
            padding: 0 !important;
            box-sizing: border-box !important;

            display: flex !important;
            align-items: center !important;
            justify-content: center !important;}

#vehicules .vehicle-card .vehicle-img{width: auto !important;
            height: auto !important;
            max-width: 92% !important;
            max-height: 88% !important;
            margin: 0 auto !important;
            object-fit: contain !important;
            object-position: center center !important;
            transform: scale(1.07) !important;
            transform-origin: center center !important;}

#vehicules .vehicle-card .pricing-features{width: 100% !important;
            margin: 15px 0 10px !important;
            padding: 12px !important;
            box-sizing: border-box !important;

            display: flex !important;
            flex-direction: column !important;
            gap: 10px !important;}

#vehicules .vehicle-card .pricing-feature-item,
        #vehicules .vehicle-card .pricing-feature-item span{font-family: var(--font-ui) !important;
            font-size: .72rem !important;
            font-weight: 400 !important;
            font-style: normal !important;
            line-height: 1.45 !important;
            letter-spacing: normal !important;
            text-transform: none !important;
            color: #8e8e8e !important;
            font-synthesis: none !important;}

#vehicules .vehicle-card .vehicle-service-inclusions{width: 100% !important;
            margin: 0 !important;
            padding: 12px 10px !important;
            box-sizing: border-box !important;

            display: grid !important;
            grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
            align-content: center !important;
            gap: 9px 10px !important;

            font-family: var(--font-ui) !important;
            font-size: .80rem !important;
            font-weight: 500 !important;
            line-height: 1.35 !important;
            letter-spacing: .01em !important;
            color: #e7e0d6 !important;}

#vehicules .vehicle-card .vehicle-service-inclusions > span{min-width: 0 !important;
            min-height: 0 !important;
            margin: 0 !important;
            padding: 0 !important;

            display: flex !important;
            align-items: center !important;
            justify-content: center !important;
            gap: 5px !important;

            font: inherit !important;
            letter-spacing: inherit !important;
            color: inherit !important;
            text-align: center !important;}

#vehicules .vehicle-card .vehicle-price{width: 100% !important;
            min-height: 46px !important;
            margin: 0 !important;
            padding: 18px 0 !important;
            box-sizing: border-box !important;

            display: flex !important;
            align-items: center !important;
            justify-content: center !important;

            font-family: var(--font-ui) !important;
            font-size: 1.70rem !important;
            font-weight: 700 !important;
            font-style: normal !important;
            line-height: 1.15 !important;
            letter-spacing: .5px !important;
            text-transform: none !important;
            color: var(--accent-gold) !important;
            text-align: center !important;
            font-synthesis: none !important;}

#vehicules .vehicle-card > .btn-select,
        #vehicules .vehicle-card .btn-select.lang-en,
        #vehicules .vehicle-card .btn-select.lang-fr{width: 100% !important;
            min-height: 50px !important;
            margin: 0 !important;
            padding: 0 22px !important;
            box-sizing: border-box !important;

            display: block !important;

            font-family: var(--font-ui) !important;
            font-size: .78rem !important;
            font-weight: 500 !important;
            font-style: normal !important;
            line-height: 1.2 !important;
            letter-spacing: .085em !important;
            text-transform: uppercase !important;
            color: #e8c989 !important;
            text-align: center !important;
            font-synthesis: none !important;}

#vehicules .back-home-btn{display: none !important;}

@media (max-width: 1023px) {

#vehicules .vehicles-grid{width: 94% !important;
                max-width: 560px !important;
                grid-template-columns: 1fr !important;
                gap: 18px !important;}

#vehicules .vehicle-card{padding: 14px !important;}

#vehicules .vehicle-card h3,
            #vehicules .vehicle-card .vehicle-name,
            #vehicules .vehicle-title{white-space: nowrap !important;
                max-width: 100% !important;
                width: 100% !important;
                overflow: visible !important;

                margin-bottom: 12px !important;
                font-size: clamp(1.48rem, 7.2vw, 2.35rem) !important;
                line-height: 1.08 !important;
                letter-spacing: -0.025em !important;}

#vehicules .vehicle-card .vehicle-specs{min-height: 0 !important;
                margin-bottom: 12px !important;
                gap: 14px !important;
                font-size: .78rem !important;
                line-height: 1.45 !important;
                letter-spacing: .3px !important;}

#vehicules .vehicle-card .vehicle-img-container{height: 158px !important;
                min-height: 158px !important;
                max-height: 158px !important;
                margin-bottom: 12px !important;}

#vehicules .vehicle-card .vehicle-img{max-width: 93% !important;
                max-height: 89% !important;
                transform: scale(1.055) !important;}

#vehicules .vehicle-card .pricing-features{display: none !important;}

#vehicules .vehicle-card .vehicle-service-inclusions{padding: 10px 8px !important;
                gap: 7px 8px !important;
                font-size: .76rem !important;
                line-height: 1.32 !important;}

#vehicules .vehicle-card .vehicle-price{min-height: 0 !important;
                padding-top: 16px !important;
                padding-bottom: 16px !important;
                font-size: 1.55rem !important;}

#vehicules .vehicle-card > .btn-select,
            #vehicules .vehicle-card .btn-select.lang-en,
            #vehicules .vehicle-card .btn-select.lang-fr{min-height: 48px !important;
                padding: 0 16px !important;
                font-size: .78rem !important;
                letter-spacing: .085em !important;}

}

@media (max-width: 390px){

#vehicules .vehicle-card h3,
            #vehicules .vehicle-card .vehicle-name,
            #vehicules .vehicle-title{font-size: clamp(1.38rem, 7vw, 1.72rem) !important;
                letter-spacing: -0.03em !important;}

}

@media (max-width: 340px){

#vehicules .vehicle-card h3,
            #vehicules .vehicle-card .vehicle-name,
            #vehicules .vehicle-title{font-size: 1.30rem !important;
                letter-spacing: -0.035em !important;}

}

#home-view #vehicules{padding-top: 150px;
            min-height: 100vh;
            background-color: var(--bg-dark);}

#home-view #vehicules .vehicle-selection-trust{margin: 12px auto 22px;}

@media (max-width: 900px){#home-view #vehicules .vehicle-selection-trust{margin: 10px auto 18px;}}

@media (max-width: 900px){#home-view #vehicules{padding-top: 180px;}

#home-view #vehicules .pricing-features{display: none;}}

@media (max-width: 1023px) {#home-view #vehicules{padding-top: calc(158px + env(safe-area-inset-top));}

#home-view #vehicules .pricing-features{display: none;}}

@media (max-width: 900px) and (orientation: landscape) and (max-height: 500px){#home-view #vehicules{padding-top: 150px;}}

@media (max-width: 1023px) {#home-view #vehicules{padding-top: calc(88px + env(safe-area-inset-top));}}

@media (max-width: 1023px) {#home-view #vehicules{padding-top: calc(82px + env(safe-area-inset-top)) !important;}}

#home-view #vehicules .booking-ph-icon{display: inline-flex;
            align-items: center;
            justify-content: center;
            color: var(--accent-gold);
            font-size: 1rem;
            line-height: 1;
            font-weight: 300;
            flex: 0 0 auto;
            vertical-align: middle;}

#home-view #vehicules .vehicle-spec-icon{font-size: 1.28rem;
            margin-right: 7px;}

#home-view #vehicules .vehicle-specs span{display: inline-flex;
            align-items: center;
            color: #b3b3b3;}

#home-view #vehicules .pricing-features .booking-ph-icon{width: 18px;
            min-width: 18px;
            font-size: 1.05rem;
            margin-right: 8px;}

#home-view #vehicules .vehicle-service-inclusions .booking-ph-icon{width: 15px;
            min-width: 15px;
            font-size: .98rem;
            margin: 0;
            color: var(--accent-gold);}

#home-view #vehicules .back-home-btn .booking-ph-icon{font-size: 1.02rem;
            margin-right: 5px;
            transition: transform .28s cubic-bezier(.16,1,.3,1);}

#home-view #vehicules .back-home-btn:hover .booking-ph-icon{transform: translateX(-2px);}

@media (max-width: 1023px) {#home-view #vehicules .vehicle-spec-icon{font-size: 1.18rem;
                margin-right: 6px;}

#home-view #vehicules .vehicle-specs{gap: 18px;}

#home-view #vehicules .vehicle-service-inclusions .booking-ph-icon{font-size: .95rem;}}

#home-view #vehicules .vehicle-card, #home-view #vehicules .vehicle-img-container, #home-view #vehicules .vehicle-img{cursor: default !important;
            -webkit-tap-highlight-color: transparent !important;}

#home-view #vehicules .vehicle-img-container, #home-view #vehicules .vehicle-img{pointer-events: none !important;}

#home-view #vehicules .back-home-btn{min-height: 46px !important;
            padding: 0 18px !important;
            border: 1px solid rgba(223,184,107,.46) !important;
            border-radius: 7px !important;
            background:
                linear-gradient(180deg, rgba(223,184,107,.045), rgba(223,184,107,.018)) !important;
            color: rgba(229,198,137,.92) !important;
            font-family: var(--font-ui) !important;
            font-size: .82rem !important;
            font-weight: 500 !important;
            letter-spacing: .045em !important;
            box-shadow:
                inset 0 1px 0 rgba(255,255,255,.025),
                0 5px 18px rgba(0,0,0,.12) !important;
            transition:
                border-color .3s ease,
                background-color .3s ease,
                color .3s ease,
                transform .22s cubic-bezier(.16,1,.3,1),
                box-shadow .3s ease !important;}

#home-view #vehicules .back-home-btn:active{transform: scale(.975) !important;
            border-color: rgba(223,184,107,.72) !important;
            background: rgba(223,184,107,.075) !important;}

#home-view #vehicules .btn-select{min-height: 50px !important;
            padding: 0 22px !important;
            border: 1px solid rgba(223,184,107,.58) !important;
            border-radius: 7px !important;
            background:
                linear-gradient(180deg, rgba(223,184,107,.105), rgba(223,184,107,.045)) !important;
            color: #e8c989 !important;
            font-family: var(--font-ui) !important;
            font-size: .86rem !important;
            font-weight: 500 !important;
            letter-spacing: .11em !important;
            text-transform: uppercase !important;
            box-shadow:
                inset 0 1px 0 rgba(255,255,255,.035),
                0 7px 22px rgba(0,0,0,.15) !important;
            transition:
                background .32s ease,
                border-color .32s ease,
                color .32s ease,
                transform .22s cubic-bezier(.16,1,.3,1),
                box-shadow .32s ease !important;}

#home-view #vehicules .btn-select:active{transform: scale(.982) !important;
            background:
                linear-gradient(180deg, rgba(223,184,107,.16), rgba(223,184,107,.075)) !important;
            border-color: rgba(223,184,107,.82) !important;
            box-shadow:
                inset 0 1px 0 rgba(255,255,255,.04),
                0 4px 14px rgba(0,0,0,.14) !important;}

@media (hover: hover) and (pointer: fine){#home-view #vehicules .back-home-btn:hover{border-color: rgba(223,184,107,.68) !important;
                color: #e8c989 !important;
                background: rgba(223,184,107,.065) !important;
                box-shadow: 0 7px 20px rgba(0,0,0,.16) !important;}

#home-view #vehicules .btn-select:hover{background:
                    linear-gradient(180deg, rgba(223,184,107,.16), rgba(223,184,107,.075)) !important;
                border-color: rgba(223,184,107,.82) !important;
                color: #efd79f !important;
                box-shadow: 0 9px 25px rgba(0,0,0,.18) !important;}}

@media (max-width: 1023px) {#home-view #vehicules .back-home-btn{min-height: 44px !important;
                padding: 0 16px !important;
                font-size: .78rem !important;}

#home-view #vehicules .btn-select{min-height: 50px !important;
                font-size: .83rem !important;
                letter-spacing: .095em !important;}}

#home-view #vehicules .vehicle-img-container{background:
                radial-gradient(
                    ellipse at center,
                    rgba(223,184,107,.16) 0%,
                    rgba(223,184,107,.09) 28%,
                    rgba(223,184,107,.035) 52%,
                    transparent 72%
                ) !important;}

#home-view #vehicules .vehicle-service-inclusions .service-legacy-icon{width: 15px;
            height: 15px;
            min-width: 15px;
            margin: 0;
            color: var(--accent-gold);
            stroke-width: 1.35;}

#home-view #vehicules .vehicle-service-inclusions .fixed-price-euro{display: inline-flex;
            width: 15px;
            min-width: 15px;
            height: 15px;
            align-items: center;
            justify-content: center;
            color: var(--accent-gold);
            font-family: var(--font-ui);
            font-size: .92rem;
            font-weight: 300;
            line-height: 1;
            letter-spacing: 0;}

#home-view #vehicules .vehicles-grid{display: grid !important;
            grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
            gap: 20px !important;
            align-items: stretch !important;}

#home-view #vehicules .vehicle-card{display: grid !important;
            grid-template-rows:
                auto
                auto
                minmax(0, 1fr)
                auto !important;
            height: 100% !important;
            min-height: 100% !important;
            align-self: stretch !important;
            box-sizing: border-box !important;}

#home-view #vehicules .vehicle-card > div:first-child{display: flex !important;
            flex-direction: column !important;
            min-height: 0 !important;}

#home-view #vehicules .vehicle-card h3{min-height: 2.4em !important;
            display: flex !important;
            align-items: center !important;
            justify-content: center !important;
            margin-bottom: 14px !important;
            text-align: center !important;}

#home-view #vehicules .vehicle-img-container{width: 100% !important;
            height: 178px !important;
            min-height: 178px !important;
            max-height: 178px !important;
            display: flex !important;
            align-items: center !important;
            justify-content: center !important;
            margin: 0 auto 16px !important;
            box-sizing: border-box !important;}

#home-view #vehicules .vehicle-img{width: 100% !important;
            height: 100% !important;
            max-width: 100% !important;
            max-height: 100% !important;
            object-fit: contain !important;}

#home-view #vehicules .vehicle-specs{min-height: 34px !important;
            display: flex !important;
            align-items: center !important;
            justify-content: center !important;
            gap: 18px !important;
            margin-bottom: 14px !important;}

#home-view #vehicules .pricing-features{display: flex !important;
            flex-direction: column !important;
            justify-content: flex-start !important;
            min-height: 150px !important;
            height: 100% !important;
            box-sizing: border-box !important;}

#home-view #vehicules .pricing-feature-item{min-height: 42px !important;
            display: grid !important;
            grid-template-columns: 20px minmax(0, 1fr) !important;
            align-items: start !important;
            gap: 8px !important;}

#home-view #vehicules .vehicle-footer-card{display: flex !important;
            flex-direction: column !important;
            margin-top: auto !important;
            min-height: 0 !important;}

#home-view #vehicules .vehicle-service-inclusions{min-height: 78px !important;
            display: grid !important;
            grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
            align-content: center !important;
            gap: 8px 12px !important;}

#home-view #vehicules .vehicle-price{min-height: 46px !important;
            display: flex !important;
            align-items: center !important;
            justify-content: center !important;
            margin: 8px 0 12px !important;}

#home-view #vehicules .btn-select{width: 100% !important;
            min-height: 50px !important;
            margin-top: auto !important;}

@media (min-width: 1024px){#home-view #vehicules .vehicles-grid{grid-template-columns: repeat(3, minmax(0, 1fr)) !important;}

#home-view #vehicules .vehicle-card{min-height: 610px !important;}}

@media (max-width: 1023px) {#home-view #vehicules .vehicles-grid{grid-template-columns: 1fr !important;
                gap: 18px !important;}

#home-view #vehicules .vehicle-card{width: 100% !important;
                min-height: 0 !important;
                height: auto !important;}

#home-view #vehicules .vehicle-card h3{min-height: auto !important;}

#home-view #vehicules .vehicle-img-container{height: clamp(160px, 43vw, 190px) !important;
                min-height: clamp(160px, 43vw, 190px) !important;
                max-height: clamp(160px, 43vw, 190px) !important;}

#home-view #vehicules .pricing-features{min-height: 0 !important;
                height: auto !important;}

#home-view #vehicules .pricing-feature-item{min-height: 0 !important;}

#home-view #vehicules .vehicle-service-inclusions{min-height: 0 !important;}

#home-view #vehicules .vehicle-price{min-height: 42px !important;}}

#home-view #vehicules .vehicle-service-inclusions{display: grid !important;
            grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
            gap: 10px 12px !important;
            margin: 14px 0 16px !important;
            padding: 13px 12px !important;
            background-color: rgba(223, 184, 107, 0.03) !important;
            border: 1px solid rgba(223, 184, 107, 0.12) !important;
            border-radius: 6px !important;
            box-sizing: border-box !important;
            min-height: 0 !important;
            width: 100% !important;}

#home-view #vehicules .vehicle-service-inclusions > span{display: flex !important;
            align-items: center !important;
            justify-content: center !important;
            gap: 7px !important;
            min-width: 0 !important;
            min-height: 28px !important;
            margin: 0 !important;
            padding: 0 !important;
            color: #d1d1d1 !important;
            font-size: .70rem !important;
            line-height: 1.25 !important;
            text-align: center !important;
            white-space: normal !important;}

#home-view #vehicules .vehicle-service-inclusions .booking-ph-icon, #home-view #vehicules .vehicle-service-inclusions .service-legacy-icon, #home-view #vehicules .vehicle-service-inclusions .fixed-price-euro{flex: 0 0 auto !important;
            margin: 0 !important;
            color: var(--accent-gold) !important;}

@media (max-width: 1023px) {#home-view #vehicules .vehicle-service-inclusions{grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
                gap: 9px 8px !important;
                padding: 12px 10px !important;
                margin: 12px 0 15px !important;}

#home-view #vehicules .vehicle-service-inclusions > span{font-size: .68rem !important;
                min-height: 30px !important;}}

@media (max-width: 1023px) {#home-view #vehicules .vehicles-grid{gap: 14px !important;}

#home-view #vehicules .vehicle-card{padding: 16px 12px 14px !important;
                border-radius: 9px !important;}

#home-view #vehicules .vehicle-card > div:first-child{padding: 0 !important;}

#home-view #vehicules .vehicle-card h3{margin: 0 0 8px !important;
                font-size: 1.45rem !important;
                line-height: 1.05 !important;
                min-height: 0 !important;}

#home-view #vehicules .vehicle-img-container{height: clamp(135px, 38vw, 165px) !important;
                min-height: clamp(135px, 38vw, 165px) !important;
                max-height: clamp(135px, 38vw, 165px) !important;
                margin: 0 auto 8px !important;}

#home-view #vehicules .vehicle-specs{min-height: 0 !important;
                margin: 0 0 8px !important;
                gap: 16px !important;
                font-size: .72rem !important;}

#home-view #vehicules .vehicle-spec-icon{font-size: 1.05rem !important;
                margin-right: 5px !important;}

#home-view #vehicules .pricing-features{display: none !important;}

#home-view #vehicules .vehicle-footer-card{padding: 0 !important;}

#home-view #vehicules .vehicle-service-inclusions{margin: 8px 0 9px !important;
                padding: 9px 8px !important;
                gap: 6px 8px !important;
                border-radius: 5px !important;}

#home-view #vehicules .vehicle-service-inclusions > span{min-height: 24px !important;
                font-size: .64rem !important;
                line-height: 1.15 !important;
                gap: 5px !important;}

#home-view #vehicules .vehicle-service-inclusions .service-legacy-icon, #home-view #vehicules .vehicle-service-inclusions .booking-ph-icon, #home-view #vehicules .vehicle-service-inclusions .fixed-price-euro{width: 13px !important;
                min-width: 13px !important;
                height: 13px !important;
                font-size: .82rem !important;}

#home-view #vehicules .vehicle-price{min-height: 0 !important;
                margin: 4px 0 8px !important;
                font-size: 1.55rem !important;
                line-height: 1 !important;}

#home-view #vehicules .btn-select{min-height: 46px !important;
                padding: 0 16px !important;
                font-size: .78rem !important;
                letter-spacing: .085em !important;
                border-radius: 6px !important;}}

@media (max-width: 430px){#home-view #vehicules .vehicle-card{padding: 14px 11px 13px !important;}

#home-view #vehicules .vehicle-img-container{height: 142px !important;
                min-height: 142px !important;
                max-height: 142px !important;}

#home-view #vehicules .vehicle-service-inclusions{padding: 8px 7px !important;}

#home-view #vehicules .vehicle-service-inclusions > span{font-size: .62rem !important;}}

@media (min-width: 1024px){#home-view #vehicules .vehicles-grid{width: min(1080px, 100%) !important;
                margin-left: auto !important;
                margin-right: auto !important;
                grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
                gap: 18px !important;}

#home-view #vehicules .vehicle-card{width: 100% !important;
                max-width: 348px !important;
                margin: 0 auto !important;}}

#home-view #vehicules .vehicle-card, #home-view #vehicules .vehicle-card > div, #home-view #vehicules .vehicle-card > div:first-child, #home-view #vehicules .vehicle-footer-card{box-sizing: border-box !important;}

#home-view #vehicules .vehicle-card > div:first-child, #home-view #vehicules .vehicle-footer-card{width: 100% !important;
            margin-left: auto !important;
            margin-right: auto !important;
            text-align: center !important;}

#home-view #vehicules .vehicle-card h3{width: 100% !important;
            text-align: center !important;
            justify-content: center !important;}

#home-view #vehicules .vehicle-img-container{width: 100% !important;
            margin-left: auto !important;
            margin-right: auto !important;
            justify-content: center !important;
            text-align: center !important;}

#home-view #vehicules .vehicle-img{display: block !important;
            margin: 0 auto !important;
            object-position: center center !important;}

#home-view #vehicules .vehicle-specs{width: 100% !important;
            justify-content: center !important;
            align-items: center !important;
            text-align: center !important;}

#home-view #vehicules .vehicle-specs > div{display: inline-flex !important;
            align-items: center !important;
            justify-content: center !important;
            text-align: center !important;}

#home-view #vehicules .vehicle-service-inclusions{width: 100% !important;
            margin-left: auto !important;
            margin-right: auto !important;}

#home-view #vehicules .vehicle-service-inclusions > span{justify-content: center !important;
            text-align: center !important;}

#home-view #vehicules .vehicle-price, #home-view #vehicules .btn-select{width: 100% !important;
            margin-left: auto !important;
            margin-right: auto !important;
            text-align: center !important;}

@media (max-width: 1023px) {#home-view #vehicules .vehicles-grid{width: 100% !important;
                max-width: 430px !important;
                margin-left: auto !important;
                margin-right: auto !important;
                justify-items: center !important;}

#home-view #vehicules .vehicle-card{width: calc(100% - 12px) !important;
                max-width: 390px !important;
                margin-left: auto !important;
                margin-right: auto !important;
                padding-left: 14px !important;
                padding-right: 14px !important;}

#home-view #vehicules .vehicle-img-container{width: 92% !important;
                max-width: 330px !important;}

#home-view #vehicules .vehicle-specs{gap: 18px !important;}

#home-view #vehicules .vehicle-service-inclusions{width: 100% !important;
                max-width: 350px !important;}

#home-view #vehicules .vehicle-price{justify-content: center !important;}}

#home-view #vehicules .vehicles-grid{width: min(1160px, 100%) !important;
            margin-left: auto !important;
            margin-right: auto !important;
            display: grid !important;
            grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
            gap: 24px !important;
            align-items: stretch !important;
            justify-items: stretch !important;}

#home-view #vehicules .vehicle-card{width: 100% !important;
            max-width: none !important;
            margin: 0 !important;
            padding: 18px 18px 16px !important;
            box-sizing: border-box !important;
            display: flex !important;
            flex-direction: column !important;
            align-items: stretch !important;}

#home-view #vehicules .vehicle-card > div:first-child, #home-view #vehicules .vehicle-footer-card, #home-view #vehicules .vehicle-service-inclusions, #home-view #vehicules .vehicle-specs, #home-view #vehicules .vehicle-price, #home-view #vehicules .btn-select{width: 100% !important;
            max-width: none !important;
            box-sizing: border-box !important;}

#home-view #vehicules .vehicle-card > div:first-child{padding: 0 !important;
            margin: 0 !important;
            display: flex !important;
            flex-direction: column !important;
            align-items: stretch !important;}

#home-view #vehicules .vehicle-card h3{width: 100% !important;
            margin: 0 0 10px !important;
            text-align: center !important;}

#home-view #vehicules .vehicle-img-container{width: 100% !important;
            max-width: none !important;
            height: 188px !important;
            min-height: 188px !important;
            max-height: 188px !important;
            margin: 0 0 12px !important;
            display: flex !important;
            align-items: center !important;
            justify-content: center !important;}

#home-view #vehicules .vehicle-img{width: 94% !important;
            height: 100% !important;
            max-width: 94% !important;
            max-height: 100% !important;
            margin: 0 auto !important;
            object-fit: contain !important;
            object-position: center center !important;}

#home-view #vehicules .vehicle-specs{display: flex !important;
            justify-content: center !important;
            align-items: center !important;
            gap: 26px !important;
            margin: 0 0 10px !important;
            padding: 0 4px !important;}

#home-view #vehicules .vehicle-specs > div{flex: 1 1 0 !important;
            min-width: 0 !important;
            justify-content: center !important;
            text-align: center !important;}

#home-view #vehicules .vehicle-footer-card{margin-top: auto !important;
            padding: 0 !important;
            display: flex !important;
            flex-direction: column !important;
            align-items: stretch !important;}

#home-view #vehicules .vehicle-service-inclusions{margin: 10px 0 12px !important;
            padding: 12px 10px !important;
            grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
            gap: 9px 10px !important;}

#home-view #vehicules .vehicle-service-inclusions > span{width: 100% !important;
            justify-content: center !important;
            text-align: center !important;
            white-space: normal !important;}

#home-view #vehicules .vehicle-price{margin: 6px 0 10px !important;
            display: flex !important;
            justify-content: center !important;
            align-items: center !important;}

#home-view #vehicules .btn-select{min-height: 50px !important;
            margin: 0 !important;}

@media (max-width: 1023px) {#home-view #vehicules .vehicles-grid{width: 100% !important;
                max-width: 430px !important;
                grid-template-columns: 1fr !important;
                gap: 18px !important;
                padding: 0 4px !important;}

#home-view #vehicules .vehicle-card{width: 100% !important;
                max-width: 100% !important;
                margin: 0 !important;
                padding: 15px 14px 14px !important;}

#home-view #vehicules .vehicle-img-container{width: 100% !important;
                height: 158px !important;
                min-height: 158px !important;
                max-height: 158px !important;
                margin-bottom: 9px !important;}

#home-view #vehicules .vehicle-img{width: 98% !important;
                max-width: 98% !important;}

#home-view #vehicules .vehicle-specs{gap: 14px !important;
                padding: 0 2px !important;
                margin-bottom: 8px !important;}

#home-view #vehicules .vehicle-service-inclusions{margin: 8px 0 10px !important;
                padding: 10px 8px !important;
                gap: 7px 8px !important;}

#home-view #vehicules .vehicle-service-inclusions > span{font-size: .66rem !important;}

#home-view #vehicules .vehicle-price{margin: 5px 0 9px !important;}

#home-view #vehicules .btn-select{min-height: 48px !important;}}

@media (max-width: 430px){#home-view #vehicules .vehicles-grid{padding: 0 2px !important;
                gap: 16px !important;}

#home-view #vehicules .vehicle-card{padding-left: 13px !important;
                padding-right: 13px !important;}

#home-view #vehicules .vehicle-img-container{height: 150px !important;
                min-height: 150px !important;
                max-height: 150px !important;}}

#home-view #vehicules .vehicles-grid{width: min(1160px, 100%) !important;
            margin: 18px auto 0 !important;
            display: grid !important;
            grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
            gap: 24px !important;
            align-items: stretch !important;}

#home-view #vehicules .vehicle-card{width: 100% !important;
            max-width: none !important;
            height: 100% !important;
            min-height: 610px !important;
            margin: 0 !important;
            padding: 18px !important;
            box-sizing: border-box !important;
            display: flex !important;
            flex-direction: column !important;
            align-items: stretch !important;}

#home-view #vehicules .vehicle-card > div:first-child, #home-view #vehicules .vehicle-footer-card{width: 100% !important;
            max-width: none !important;
            margin-left: 0 !important;
            margin-right: 0 !important;
            padding-left: 0 !important;
            padding-right: 0 !important;
            box-sizing: border-box !important;}

#home-view #vehicules .vehicle-img-container{width: 100% !important;
            max-width: none !important;
            height: 188px !important;
            min-height: 188px !important;
            max-height: 188px !important;
            margin: 0 0 12px !important;}

#home-view #vehicules .vehicle-img{width: 98% !important;
            max-width: 98% !important;
            height: 100% !important;
            object-fit: contain !important;
            object-position: center center !important;
            margin: 0 auto !important;}

#home-view #vehicules .vehicle-specs, #home-view #vehicules .vehicle-service-inclusions, #home-view #vehicules .vehicle-price, #home-view #vehicules .btn-select{width: 100% !important;
            max-width: none !important;
            box-sizing: border-box !important;}

#home-view #vehicules .vehicle-service-inclusions{margin-left: 0 !important;
            margin-right: 0 !important;}

#home-view #vehicules .vehicle-footer-card{margin-top: auto !important;}

@media (max-width: 1023px) {#home-view #vehicules .vehicles-grid{width: 100% !important;
                max-width: 430px !important;
                grid-template-columns: 1fr !important;
                gap: 18px !important;
                margin-top: 18px !important;
                padding: 0 4px !important;
                box-sizing: border-box !important;}

#home-view #vehicules .vehicle-card{width: 100% !important;
                max-width: 100% !important;
                min-height: 0 !important;
                height: auto !important;
                margin: 0 !important;
                padding: 15px 14px 14px !important;}

#home-view #vehicules .back-home-btn + .back-home-btn + .vehicles-grid, #home-view #vehicules .back-home-btn + .vehicles-grid{margin-top: 18px !important;}

#home-view #vehicules .vehicle-img-container{width: 100% !important;
                height: 158px !important;
                min-height: 158px !important;
                max-height: 158px !important;}

#home-view #vehicules .vehicle-img{width: 100% !important;
                max-width: 100% !important;}

#home-view #vehicules .vehicle-specs{width: 100% !important;
                padding-left: 0 !important;
                padding-right: 0 !important;}

#home-view #vehicules .vehicle-service-inclusions{width: 100% !important;
                max-width: none !important;}

#home-view #vehicules .btn-select{width: 100% !important;}}

#home-view #vehicules .vehicle-card{box-sizing: border-box !important;}

#home-view #vehicules .vehicle-specs{width: 100% !important;
            display: flex !important;
            align-items: center !important;
            justify-content: center !important;
            gap: 12px !important;
            padding: 0 !important;
            margin-left: auto !important;
            margin-right: auto !important;
            text-align: center !important;}

#home-view #vehicules .vehicle-specs > div{flex: 0 0 auto !important;
            width: auto !important;
            min-width: 0 !important;
            display: inline-flex !important;
            align-items: center !important;
            justify-content: center !important;
            gap: 4px !important;
            text-align: center !important;}

#home-view #vehicules .vehicle-spec-icon{margin-right: 2px !important;}

@media (max-width: 1023px) {#home-view #vehicules .vehicle-specs{gap: 10px !important;
                margin-bottom: 8px !important;}}

#home-view #vehicules .vehicles-grid{display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 24px !important;
    align-items: stretch !important;}

#home-view #vehicules .vehicles-grid > .vehicle-card{width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    align-self: stretch !important;}

@media (max-width: 1023px) {#home-view #vehicules .vehicles-grid{grid-template-columns: 1fr !important;
        gap: 18px !important;}

#home-view #vehicules .vehicles-grid > .vehicle-card{width: 100% !important;
        max-width: 100% !important;}}

#home-view #vehicules .vehicle-card h3{font-family: var(--font-display) !important;}

#home-view #vehicules .eyebrow{font-family: var(--font-ui) !important;
            color: var(--accent-gold) !important;
            text-transform: uppercase !important;
            letter-spacing: .18em !important;
            font-size: .73rem !important;
            font-weight: 600 !important;}

#home-view #vehicules .vehicle-card h3{font-size: 1.72rem !important;
            line-height: 1.08 !important;
            font-weight: 600 !important;
            letter-spacing: -.012em !important;
            color: #fff !important;}

#home-view #vehicules .vehicle-specs, #home-view #vehicules .vehicle-service-inclusions, #home-view #vehicules .vehicle-price, #home-view #vehicules .btn-select, #home-view #vehicules .back-home-btn{font-family: var(--font-ui) !important;}

@media (max-width: 1023px) {#home-view #vehicules .vehicle-card h3{font-size: 1.55rem !important;}}

#home-view #vehicules .vehicle-card{border-color: rgba(223,184,107,.60) !important;}

#home-view #vehicules .btn-select{border-color: rgba(223,184,107,.60) !important;}

@media (hover:hover) and (pointer:fine){#home-view #vehicules .vehicle-card:hover{border-color: rgba(223,184,107,.60) !important;}}

@media (min-width: 1024px){#home-view #vehicules .vehicles-grid{width: 92% !important;
                max-width: 850px !important;
                margin-left: auto !important;
                margin-right: auto !important;
                grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
                gap: 18px !important;}

#home-view #vehicules .vehicles-grid > .vehicle-card{width: 100% !important;
                min-width: 0 !important;
                max-width: none !important;}}

@media (max-width: 1023px) {#home-view #vehicules .vehicles-grid{width: 100% !important;
                max-width: 560px !important;
                padding: 0 !important;
                margin-left: auto !important;
                margin-right: auto !important;
                gap: 18px !important;}

#home-view #vehicules .vehicles-grid > .vehicle-card{width: 100% !important;
                max-width: 560px !important;
                margin-left: auto !important;
                margin-right: auto !important;}}

#home-view #vehicules .vehicle-card h3{font-family: var(--font-display) !important;
            font-weight: 400 !important;
            text-transform: capitalize !important;}

#home-view #vehicules .vehicle-card h3{letter-spacing: normal !important;}

#home-view #vehicules .vehicle-service-inclusions{position: relative !important;
            overflow: hidden !important;
            box-sizing: border-box !important;

            background:
                linear-gradient(
                    180deg,
                    rgba(0,0,0,.20) 0%,
                    rgba(0,0,0,.38) 50%,
                    rgba(0,0,0,.20) 100%
                ),
                rgba(3,3,3,.58) !important;

            border: 0 !important;
            border-radius: 0 !important;

            box-shadow:
                inset 0 8px 16px rgba(0,0,0,.16),
                inset 0 -8px 16px rgba(0,0,0,.12) !important;}

#home-view #vehicules .vehicle-service-inclusions::before{content: "" !important;
            position: absolute !important;
            top: 0 !important;
            left: 0 !important;
            right: 0 !important;
            width: auto !important;
            height: 1px !important;
            background:
                linear-gradient(
                    90deg,
                    transparent 0%,
                    rgba(223,184,107,.18) 10%,
                    rgba(223,184,107,.62) 50%,
                    rgba(223,184,107,.18) 90%,
                    transparent 100%
                ) !important;
            box-shadow: none !important;
            pointer-events: none !important;}

#home-view #vehicules .vehicle-service-inclusions::after{content: "" !important;
            position: absolute !important;
            bottom: 0 !important;
            top: auto !important;
            left: 0 !important;
            right: 0 !important;
            width: auto !important;
            height: 1px !important;
            background:
                linear-gradient(
                    90deg,
                    transparent 0%,
                    rgba(223,184,107,.10) 10%,
                    rgba(223,184,107,.34) 50%,
                    rgba(223,184,107,.10) 90%,
                    transparent 100%
                ) !important;
            box-shadow: none !important;
            pointer-events: none !important;}

#home-view #vehicules .vehicle-service-inclusions > span{position: relative !important;
            z-index: 1 !important;}

#home-view #vehicules .vehicle-card h3{font-family: var(--font-display) !important;
            font-size: 1.30rem !important;
            font-weight: 400 !important;
            font-style: normal !important;
            line-height: 1.10 !important;
            letter-spacing: .5px !important;
            text-transform: capitalize !important;
            color: #fff !important;
            font-synthesis: none !important;}

#home-view #vehicules .vehicle-specs, #home-view #vehicules .vehicle-specs span{font-family: var(--font-ui) !important;
            font-size: .78rem !important;
            font-weight: 400 !important;
            font-style: normal !important;
            line-height: 1.45 !important;
            letter-spacing: .3px !important;
            text-transform: none !important;
            color: #f3f3f3 !important;
            font-synthesis: none !important;}

#home-view #vehicules .pricing-feature-item, #home-view #vehicules .pricing-feature-item span, #home-view #vehicules .vehicle-service-inclusions, #home-view #vehicules .vehicle-service-inclusions > span{font-family: var(--font-ui) !important;
            font-size: .72rem !important;
            font-weight: 400 !important;
            font-style: normal !important;
            line-height: 1.45 !important;
            letter-spacing: normal !important;
            text-transform: none !important;
            color: #8e8e8e !important;
            font-synthesis: none !important;}

#home-view #vehicules .vehicle-price{font-family: var(--font-ui) !important;
            font-size: 1.70rem !important;
            font-weight: 700 !important;
            font-style: normal !important;
            line-height: 1.15 !important;
            letter-spacing: .5px !important;
            text-transform: none !important;
            color: var(--accent-gold) !important;
            font-synthesis: none !important;}

#home-view #vehicules .btn-select{font-family: var(--font-ui) !important;
            font-size: .86rem !important;
            font-weight: 500 !important;
            font-style: normal !important;
            line-height: 1.2 !important;
            letter-spacing: .11em !important;
            text-transform: uppercase !important;
            font-synthesis: none !important;}

#home-view #vehicules .back-home-btn{font-family: var(--font-ui) !important;
            font-size: .76rem !important;
            font-weight: 500 !important;
            font-style: normal !important;
            line-height: 1.2 !important;
            letter-spacing: .085em !important;
            text-transform: uppercase !important;
            font-synthesis: none !important;}

@media (max-width: 1023px) {#home-view #vehicules .vehicle-card h3{font-size: 1.30rem !important;
                line-height: 1.10 !important;}

#home-view #vehicules .vehicle-specs, #home-view #vehicules .vehicle-specs span{font-size: .78rem !important;}

#home-view #vehicules .pricing-feature-item, #home-view #vehicules .pricing-feature-item span, #home-view #vehicules .vehicle-service-inclusions, #home-view #vehicules .vehicle-service-inclusions > span{font-size: .72rem !important;
                line-height: 1.45 !important;}

#home-view #vehicules .vehicle-price{font-size: 1.55rem !important;}

#home-view #vehicules .btn-select{font-size: .78rem !important;
                letter-spacing: .085em !important;}

#home-view #vehicules .back-home-btn{font-size: .70rem !important;
                letter-spacing: .065em !important;}}

#home-view #vehicules .fixed-price-euro, #home-view #vehicules .vehicle-service-inclusions .booking-ph-icon, #home-view #vehicules .vehicle-service-inclusions .service-legacy-icon{color: var(--accent-gold) !important;}

#home-view #vehicules .vehicle-service-inclusions, #home-view #vehicules .vehicle-service-inclusions > span{font-family: var(--font-ui) !important;
            font-size: .80rem !important;
            font-weight: 500 !important;
            line-height: 1.35 !important;
            letter-spacing: .01em !important;
            color: #e7e0d6 !important;}

#home-view #vehicules .vehicle-service-inclusions .booking-ph-icon, #home-view #vehicules .vehicle-service-inclusions .service-legacy-icon, #home-view #vehicules .vehicle-service-inclusions .fixed-price-euro{color: var(--accent-gold) !important;
            opacity: .96 !important;}

@media (max-width: 1023px) {#home-view #vehicules .vehicle-service-inclusions, #home-view #vehicules .vehicle-service-inclusions > span{font-size: .76rem !important;
                line-height: 1.32 !important;}}

#home-view #vehicules .vehicle-card, #home-view #vehicules .vehicle-card:hover, #home-view #vehicules .vehicle-card:focus-within{transform: none !important;
            scale: 1 !important;}

#home-view #vehicules .vehicle-card:hover, #home-view #vehicules .vehicle-card:focus-within{padding: inherit;}

#home-view #vehicules .vehicle-card:hover .vehicle-img, #home-view #vehicules .vehicle-card:focus-within .vehicle-img, #home-view #vehicules .vehicle-card:hover img, #home-view #vehicules .vehicle-card:focus-within img{transform: none !important;
            scale: 1 !important;}

#home-view #vehicules{padding-top:
                calc(var(--real-header-height) + var(--page-action-gap)) !important;}

#home-view #vehicules .back-home-btn{margin-top: 0 !important;
            margin-bottom: var(--page-action-gap) !important;}

@media (max-width: 1023px) {#home-view #vehicules{padding-top:
                    calc(var(--real-header-height) + var(--page-action-gap)) !important;}

#home-view #vehicules .booking-container-page{padding-top: 0 !important;}}

#home-view #vehicules .back-home-btn{display: flex !important;
            width: max-content !important;
            align-items: center !important;
            margin-top: 0 !important;
            margin-bottom: 18px !important;
            vertical-align: top !important;}

#home-view #vehicules .vehicles-grid{margin-top: 0 !important;}

#home-view #vehicules{padding-top:
                calc(var(--real-header-height) + var(--site-frame-gap)) !important;}

#home-view #vehicules .booking-container-page{padding-top: 0 !important;}

#home-view #vehicules .back-home-btn{margin-top: 0 !important;
            margin-bottom: var(--site-frame-gap) !important;}

#home-view #vehicules .vehicles-grid{margin-top: 0 !important;
            gap: var(--site-frame-gap) !important;}

@media (max-width: 1023px) {#home-view #vehicules{padding-top:
                    calc(var(--real-header-height) + var(--site-frame-gap)) !important;}

#home-view #vehicules .back-home-btn{margin-bottom: var(--site-frame-gap) !important;}

#home-view #vehicules .vehicles-grid{gap: var(--site-frame-gap) !important;}}

#home-view #vehicules .back-home-btn[style*="display:none"], #home-view #vehicules .back-home-btn[style*="display: none"], #home-view #vehicules .btn-select[style*="display:none"], #home-view #vehicules .btn-select[style*="display: none"]{display: none !important;}

#home-view #vehicules .vehicles-grid{margin-top: 0 !important;
            margin-bottom: var(--site-frame-gap) !important;
            gap: var(--site-frame-gap) !important;}

#home-view #vehicules .pricing-features-grid, #home-view #vehicules .vehicle-service-inclusions{margin-bottom: var(--site-frame-gap) !important;}

@media (max-width: 1023px) {#home-view #vehicules .vehicles-grid{margin-bottom: var(--site-frame-gap) !important;}}

#home-view #vehicules .fixed-price-icon{display: inline-flex !important;
            align-items: center !important;
            justify-content: center !important;
            color: var(--accent-gold) !important;
            opacity: .96 !important;
            font-size: .98rem !important;
            line-height: 1 !important;
            margin: 0 !important;}

#home-view #vehicules .vehicle-service-inclusions{background:
                linear-gradient(
                    90deg,
                    rgba(16,16,18,0) 0%,
                    rgba(9,9,11,.34) 7%,
                    rgba(5,5,7,.78) 16%,
                    rgba(3,3,5,.94) 26%,
                    rgba(3,3,5,.94) 74%,
                    rgba(5,5,7,.78) 84%,
                    rgba(9,9,11,.34) 93%,
                    rgba(16,16,18,0) 100%
                ) !important;

            border-left: 0 !important;
            border-right: 0 !important;
            box-shadow: none !important;}

@media (max-width: 1023px) {#home-view #vehicules .vehicle-service-inclusions{background:
                    linear-gradient(
                        90deg,
                        rgba(16,16,18,0) 0%,
                        rgba(7,7,9,.58) 11%,
                        rgba(3,3,5,.94) 23%,
                        rgba(3,3,5,.94) 77%,
                        rgba(7,7,9,.58) 89%,
                        rgba(16,16,18,0) 100%
                    ) !important;}}

#home-view #vehicules .back-home-btn{background: linear-gradient(135deg, var(--accent-gold), var(--accent-gold-hover)) !important;
            border: 1px solid var(--accent-gold) !important;
            color: #050505 !important;
            border-radius: 7px !important;

            font-family: var(--font-ui) !important;
            font-weight: 600 !important;
            letter-spacing: .055em !important;
            text-transform: uppercase !important;

            box-shadow:
                0 8px 22px rgba(223,184,107,.16),
                inset 0 1px 0 rgba(255,255,255,.22) !important;

            transition:
                background .3s ease,
                border-color .3s ease,
                box-shadow .3s ease,
                transform .22s cubic-bezier(.16,1,.3,1) !important;}

#home-view #vehicules .back-home-btn i{color: #050505 !important;}

#home-view #vehicules .back-home-btn:hover{background: linear-gradient(135deg, var(--accent-gold-hover), #f4d38c) !important;
            border-color: var(--accent-gold-hover) !important;
            color: #050505 !important;
            box-shadow:
                0 10px 26px rgba(223,184,107,.25),
                inset 0 1px 0 rgba(255,255,255,.28) !important;
            transform: translateY(-1px) !important;}

#home-view #vehicules .back-home-btn:active{transform: scale(.98) !important;
            box-shadow:
                0 5px 15px rgba(223,184,107,.16),
                inset 0 1px 0 rgba(255,255,255,.16) !important;}

#home-view #vehicules .back-home-btn{display: block !important;
            width: 92% !important;
            max-width: 850px !important;
            margin-left: auto !important;
            margin-right: auto !important;
            box-sizing: border-box !important;
            text-align: center !important;}

@media (max-width: 1023px) {#home-view #vehicules .back-home-btn{width: 92% !important;
                max-width: 560px !important;}}

#home-view #vehicules .back-home-btn{display: flex !important;
            align-items: center !important;
            justify-content: center !important;
            text-align: center !important;}

#home-view #vehicules .back-home-btn{width: 92% !important;
            max-width: 850px !important;
            margin-left: auto !important;
            margin-right: auto !important;

            display: flex !important;
            align-items: center !important;
            justify-content: center !important;
            text-align: center !important;
            box-sizing: border-box !important;

            min-height: 50px !important;
            padding: 0 22px !important;
            border: 1px solid rgba(223,184,107,.58) !important;
            border-radius: 7px !important;
            background:
                linear-gradient(
                    180deg,
                    rgba(223,184,107,.105),
                    rgba(223,184,107,.045)
                ) !important;
            color: #e8c989 !important;

            font-family: var(--font-ui) !important;
            font-size: .86rem !important;
            font-weight: 500 !important;
            line-height: 1.2 !important;
            letter-spacing: .11em !important;
            text-transform: uppercase !important;

            box-shadow:
                inset 0 1px 0 rgba(255,255,255,.035),
                0 7px 22px rgba(0,0,0,.15) !important;

            transition:
                background .32s ease,
                border-color .32s ease,
                color .32s ease,
                transform .22s cubic-bezier(.16,1,.3,1),
                box-shadow .32s ease !important;}

#home-view #vehicules .back-home-btn i{color: currentColor !important;
            margin-right: 7px !important;
            font-size: 1rem !important;
            line-height: 1 !important;}

#home-view #vehicules .back-home-btn:hover{background:
                linear-gradient(
                    180deg,
                    rgba(223,184,107,.16),
                    rgba(223,184,107,.075)
                ) !important;
            border-color: rgba(223,184,107,.82) !important;
            color: #efd79f !important;
            box-shadow:
                0 9px 25px rgba(0,0,0,.18) !important;
            transform: none !important;}

#home-view #vehicules .back-home-btn:active{transform: scale(.982) !important;
            background:
                linear-gradient(
                    180deg,
                    rgba(223,184,107,.16),
                    rgba(223,184,107,.075)
                ) !important;
            border-color: rgba(223,184,107,.82) !important;
            box-shadow:
                inset 0 1px 0 rgba(255,255,255,.04),
                0 4px 14px rgba(0,0,0,.14) !important;}

@media (max-width: 1023px) {#home-view #vehicules .back-home-btn{width: 92% !important;
                max-width: 560px !important;
                min-height: 48px !important;
                padding: 0 16px !important;
                font-size: .78rem !important;
                letter-spacing: .085em !important;
                border-radius: 6px !important;}}

#home-view #vehicules .back-home-btn{width: 100% !important;
            max-width: none !important;
            align-self: stretch !important;
            box-sizing: border-box !important;}

#home-view #vehicules > .back-home-btn{margin-left: 0 !important;
            margin-right: 0 !important;}

#home-view #vehicules .back-home-btn, #home-view #vehicules .back-home-btn i{color: var(--text-gray) !important;}

#home-view #vehicules .back-home-btn:hover, #home-view #vehicules .back-home-btn:hover i, #home-view #vehicules .back-home-btn:active, #home-view #vehicules .back-home-btn:active i{color: var(--text-gray) !important;}

#home-view #vehicules .vehicle-card h3, #home-view #vehicules .vehicle-card .vehicle-name, #home-view #vehicules .vehicle-title{color: var(--accent-gold) !important;}

#home-view #vehicules .back-home-btn, #home-view #vehicules .back-home-btn i, #home-view #vehicules .back-home-btn:hover, #home-view #vehicules .back-home-btn:hover i, #home-view #vehicules .back-home-btn:active, #home-view #vehicules .back-home-btn:active i{color: var(--text-white) !important;}

#home-view #vehicules .vehicle-card h3, #home-view #vehicules .vehicle-card .vehicle-name, #home-view #vehicules .vehicle-title{font-family: var(--font-ui) !important;
            font-size: .73rem !important;
            font-weight: 600 !important;
            font-style: normal !important;
            line-height: 1.45 !important;
            letter-spacing: .18em !important;
            text-transform: uppercase !important;
            color: var(--accent-gold) !important;
            font-synthesis: none !important;}

@media (max-width: 1023px) {#home-view #vehicules .vehicle-card h3, #home-view #vehicules .vehicle-card .vehicle-name, #home-view #vehicules .vehicle-title{font-size: .68rem !important;
                line-height: 1.45 !important;
                letter-spacing: .10em !important;}}

#home-view #vehicules .vehicle-card .vehicle-capacity, #home-view #vehicules .vehicle-card .vehicle-meta{font-family: var(--font-body) !important;
            font-size: .84rem !important;
            font-weight: 400 !important;
            font-style: normal !important;
            line-height: 1.7 !important;
            letter-spacing: .01em !important;
            text-transform: none !important;
            font-synthesis: none !important;}

#home-view #vehicules .vehicle-card .vehicle-inclusions, #home-view #vehicules .vehicle-card .vehicle-inclusions *, #home-view #vehicules .vehicle-card .inclusions-list, #home-view #vehicules .vehicle-card .inclusions-list *{font-family: var(--font-body) !important;
            font-size: .84rem !important;
            font-weight: 400 !important;
            font-style: normal !important;
            line-height: 1.7 !important;
            letter-spacing: .01em !important;
            text-transform: none !important;
            font-synthesis: none !important;}

#home-view #vehicules .vehicle-specs{margin-top: 14px !important;
            margin-bottom: 16px !important;
            row-gap: 10px !important;}

#home-view #vehicules .vehicle-specs > div{padding-top: 3px !important;
            padding-bottom: 3px !important;}

#home-view #vehicules .vehicle-specs span{color: var(--text-gray) !important;
            font-family: var(--font-body) !important;
            font-size: .84rem !important;
            font-weight: 400 !important;
            font-style: normal !important;
            line-height: 1.7 !important;
            letter-spacing: .01em !important;
            text-transform: none !important;
            font-synthesis: none !important;}

@media (max-width: 1023px) {#home-view #vehicules .vehicle-specs{margin-top: 12px !important;
                margin-bottom: 14px !important;
                row-gap: 9px !important;}}

#home-view #vehicules .vehicle-card h3, #home-view #vehicules .vehicle-card .vehicle-name, #home-view #vehicules .vehicle-title{font-size: 1.46rem !important;}

@media (max-width: 1023px) {#home-view #vehicules .vehicle-card h3, #home-view #vehicules .vehicle-card .vehicle-name, #home-view #vehicules .vehicle-title{font-size: 1.36rem !important;}}

#home-view #vehicules .vehicle-footer-card{gap: 0 !important;}

#home-view #vehicules .vehicle-service-inclusions{margin-bottom: 0 !important;}

#home-view #vehicules .vehicle-price{margin: 0 !important;
            padding-top: 18px !important;
            padding-bottom: 18px !important;
            text-align: center !important;}

#home-view #vehicules .vehicle-card .btn-select{margin-top: 0 !important;}

@media (max-width: 1023px) {#home-view #vehicules .vehicle-price{padding-top: 16px !important;
                padding-bottom: 16px !important;}}

#home-view #vehicules .vehicle-card h3, #home-view #vehicules .vehicle-card .vehicle-name, #home-view #vehicules .vehicle-title{font-family: var(--font-ui) !important;
            font-size: 1.55rem !important;
            font-weight: 700 !important;
            font-style: normal !important;
            line-height: 1.15 !important;
            letter-spacing: .5px !important;
            text-transform: none !important;
            color: var(--accent-gold) !important;
            text-align: center !important;
            font-synthesis: none !important;}

#home-view #vehicules .vehicle-card .btn-select{font-family: var(--font-ui) !important;
            font-size: 1.55rem !important;
            font-weight: 700 !important;
            font-style: normal !important;
            line-height: 1.15 !important;
            letter-spacing: .5px !important;
            text-transform: none !important;
            color: var(--accent-gold) !important;
            text-align: center !important;
            font-synthesis: none !important;}

#home-view #vehicules .vehicle-card .btn-select:hover, #home-view #vehicules .vehicle-card .btn-select:active{color: var(--accent-gold) !important;}

#home-view #vehicules .vehicle-card h3, #home-view #vehicules .vehicle-card .vehicle-name, #home-view #vehicules .vehicle-title{font-family: var(--font-display) !important;
            font-weight: 400 !important;
            font-style: normal !important;
            font-size: clamp(2rem, 4vw, 3.15rem) !important;
            line-height: 1.04 !important;
            letter-spacing: -0.018em !important;
            text-transform: capitalize !important;
            color: #fff !important;
            text-align: center !important;
            font-synthesis: none !important;}

@media (max-width: 1023px) {#home-view #vehicules .vehicle-card h3, #home-view #vehicules .vehicle-card .vehicle-name, #home-view #vehicules .vehicle-title{white-space: nowrap !important;
                max-width: 100% !important;
                width: 100% !important;
                overflow: visible !important;
                text-align: center !important;
                font-size: clamp(1.48rem, 7.2vw, 2.35rem) !important;
                line-height: 1.08 !important;
                letter-spacing: -0.025em !important;}}

@media (max-width: 390px){#home-view #vehicules .vehicle-card h3, #home-view #vehicules .vehicle-card .vehicle-name, #home-view #vehicules .vehicle-title{font-size: clamp(1.38rem, 7vw, 1.72rem) !important;
                letter-spacing: -0.03em !important;}}

@media (max-width: 340px){#home-view #vehicules .vehicle-card h3, #home-view #vehicules .vehicle-card .vehicle-name, #home-view #vehicules .vehicle-title{font-size: 1.30rem !important;
                letter-spacing: -0.035em !important;}}

#home-view #vehicules .vehicle-card h3, #home-view #vehicules .vehicle-card .vehicle-name, #home-view #vehicules .vehicle-title{font-family: var(--font-display) !important;
            font-weight: 400 !important;
            font-style: normal !important;
            font-size: clamp(2rem, 4vw, 3.15rem) !important;
            line-height: 1.04 !important;
            letter-spacing: -0.018em !important;
            text-transform: capitalize !important;
            color: var(--accent-gold) !important;
            text-align: center !important;
            font-synthesis: none !important;}

@media (max-width: 1023px) {#home-view #vehicules .vehicle-card h3, #home-view #vehicules .vehicle-card .vehicle-name, #home-view #vehicules .vehicle-title{white-space: nowrap !important;
                max-width: 100% !important;
                width: 100% !important;
                overflow: visible !important;
                text-align: center !important;
                font-size: clamp(1.48rem, 7.2vw, 2.35rem) !important;
                line-height: 1.08 !important;
                letter-spacing: -0.025em !important;}}

@media (max-width: 390px){#home-view #vehicules .vehicle-card h3, #home-view #vehicules .vehicle-card .vehicle-name, #home-view #vehicules .vehicle-title{font-size: clamp(1.38rem, 7vw, 1.72rem) !important;
                letter-spacing: -0.03em !important;}}

@media (max-width: 340px){#home-view #vehicules .vehicle-card h3, #home-view #vehicules .vehicle-card .vehicle-name, #home-view #vehicules .vehicle-title{font-size: 1.30rem !important;
                letter-spacing: -0.035em !important;}}

#home-view #vehicules .btn-select{font-family: var(--font-ui) !important;
            font-size: .78rem !important;
            font-weight: 500 !important;
            font-style: normal !important;
            line-height: 1.2 !important;
            letter-spacing: .085em !important;
            text-transform: uppercase !important;
            color: #e8c989 !important;
            font-synthesis: none !important;}

#home-view #vehicules .btn-select:hover{color: #efd79f !important;}

#home-view #vehicules .btn-select:active{color: #efd79f !important;}

#home-view #vehicules .vehicle-card > .btn-select, #home-view #vehicules .vehicle-card .btn-select.lang-en, #home-view #vehicules .vehicle-card .btn-select.lang-fr{font-family: var(--font-ui) !important;
            font-size: .78rem !important;
            font-weight: 500 !important;
            font-style: normal !important;
            line-height: 1.2 !important;
            letter-spacing: .085em !important;
            text-transform: uppercase !important;
            color: #e8c989 !important;
            font-synthesis: none !important;}

#home-view #vehicules .vehicle-card > .btn-select:hover, #home-view #vehicules .vehicle-card .btn-select.lang-en:hover, #home-view #vehicules .vehicle-card .btn-select.lang-fr:hover{color: #efd79f !important;}

#home-view #vehicules .vehicle-card .vehicle-specs{width: 100% !important;
            margin: 10px auto 14px !important;
            padding: 0 !important;
            display: flex !important;
            align-items: center !important;
            justify-content: center !important;
            gap: 18px !important;
            text-align: center !important;}

#home-view #vehicules .vehicle-card .vehicle-specs > *{margin: 0 !important;
            padding: 0 !important;
            display: inline-flex !important;
            align-items: center !important;
            justify-content: center !important;
            text-align: center !important;}

@media (max-width: 1023px) {#home-view #vehicules .vehicle-card .vehicle-specs{margin: 9px auto 12px !important;
                gap: 14px !important;}}

#home-view #vehicules .vehicle-card h3 .vehicle-class-hyphen, #home-view #vehicules .vehicle-card .vehicle-name .vehicle-class-hyphen, #home-view #vehicules .vehicle-title .vehicle-class-hyphen{font-family: var(--font-ui) !important;
            font-size: .72em !important;
            font-weight: 400 !important;
            font-style: normal !important;
            line-height: 1 !important;
            letter-spacing: 0 !important;
            display: inline-block !important;
            vertical-align: .08em !important;
            margin-left: .035em !important;
            margin-right: .035em !important;
            color: inherit !important;
            text-transform: none !important;
            font-synthesis: none !important;}

#home-view #vehicules{--vehicle-section-gap: 14px;}

#home-view #vehicules .vehicle-card h3, #home-view #vehicules .vehicle-card .vehicle-name, #home-view #vehicules .vehicle-title{margin-bottom: var(--vehicle-section-gap) !important;}

#home-view #vehicules .vehicle-card .vehicle-specs{margin-top: 0 !important;
            margin-bottom: var(--vehicle-section-gap) !important;}

#home-view #vehicules .vehicle-card .vehicle-img-container{margin-bottom: var(--vehicle-section-gap) !important;}

#home-view #vehicules .vehicle-card .vehicle-service-inclusions{margin-top: 0 !important;}

@media (max-width: 1023px) {#home-view #vehicules{--vehicle-section-gap: 12px;}}

#home-view #vehicules .vehicle-img-container img{width: auto !important;
            height: auto !important;
            max-width: 92% !important;
            max-height: 88% !important;
            object-fit: contain !important;
            transform: scale(1.07) !important;
            transform-origin: center center !important;}

@media (max-width: 1023px) {#home-view #vehicules .vehicle-img-container img{max-width: 93% !important;
                max-height: 89% !important;
                transform: scale(1.055) !important;}}

#home-view #vehicules .back-home-btn{display: none !important;}

@media (max-width: 1023px) {

#home-view #vehicules .vehicles-grid{margin-top: 18px !important;}

}

#checkout-view .booking-summary-card h2,
        #checkout-view .checkout-form-container h2{color: var(--accent-gold) !important;}

#home-view .hero{position: relative !important;
            isolation: isolate !important;
            overflow: hidden !important;
            background-image:
                linear-gradient(
                    180deg,
                    rgba(0,0,0,.42) 0%,
                    rgba(0,0,0,.36) 34%,
                    rgba(0,0,0,.50) 68%,
                    rgba(0,0,0,.72) 100%
                ),
                url("../images/homepage-background-desktop-hq.webp") !important;
            background-size: cover !important;
            background-repeat: no-repeat !important;
            background-position: 50% 50% !important;}

#home-view .hero > *{position: relative !important;
            z-index: 2 !important;}

#home-view .hero::after{content: "" !important;
            position: absolute !important;
            inset: 0 !important;
            z-index: 1 !important;
            pointer-events: none !important;
            background:
                radial-gradient(
                    ellipse at 50% 46%,
                    rgba(0,0,0,.02) 0%,
                    rgba(0,0,0,.08) 48%,
                    rgba(0,0,0,.34) 100%
                ) !important;}

@media (max-width: 1023px) {

#home-view .hero{background-image:
                    linear-gradient(
                        180deg,
                        rgba(0,0,0,.46) 0%,
                        rgba(0,0,0,.34) 30%,
                        rgba(0,0,0,.49) 68%,
                        rgba(0,0,0,.75) 100%
                    ),
                    url("../images/homepage-background-mobile.webp") !important;
                background-position: 50% 41% !important;}

}

#home-view .hero .booking-widget {
    -webkit-backdrop-filter: blur(2px) !important;
    backdrop-filter: blur(2px) !important;

    background-color: rgba(7, 7, 9, 0.86) !important;

    box-shadow:
        0 14px 32px rgba(0, 0, 0, 0.22),
        inset 0 1px 0 rgba(255, 255, 255, 0.025) !important;
}

#home-view .vehicle-card:hover .vehicle-img,
#booking-view .vehicle-card:hover .vehicle-img,
#vehicules .vehicle-card:hover .vehicle-img,
#checkout-view .vehicle-card:hover .vehicle-img,
.vehicle-card:hover .vehicle-img {
    transform: none !important;
}

#home-view .vehicle-card .vehicle-img,
#booking-view .vehicle-card .vehicle-img,
#vehicules .vehicle-card .vehicle-img,
#checkout-view .vehicle-card .vehicle-img,
.vehicle-card .vehicle-img {
    transition-property: opacity, filter !important;
}

#home-view #vehicules .vehicle-card,
#home-view #vehicules .vehicle-card:hover,
#home-view #vehicules .vehicle-card:focus,
#home-view #vehicules .vehicle-card:focus-within,
#booking-view .vehicle-card,
#booking-view .vehicle-card:hover,
#booking-view .vehicle-card:focus,
#booking-view .vehicle-card:focus-within {
    transform: none !important;
    scale: 1 !important;
}

#home-view #vehicules .vehicle-img-container img,
#home-view #vehicules .vehicle-card .vehicle-img,
#booking-view .vehicle-img-container img,
#booking-view .vehicle-card .vehicle-img,
#home-view #vehicules .vehicle-card:hover .vehicle-img,
#home-view #vehicules .vehicle-card:focus .vehicle-img,
#home-view #vehicules .vehicle-card:focus-within .vehicle-img,
#home-view #vehicules .vehicle-card:hover img,
#home-view #vehicules .vehicle-card:focus img,
#home-view #vehicules .vehicle-card:focus-within img,
#booking-view .vehicle-card:hover .vehicle-img,
#booking-view .vehicle-card:focus .vehicle-img,
#booking-view .vehicle-card:focus-within .vehicle-img,
#booking-view .vehicle-card:hover img,
#booking-view .vehicle-card:focus img,
#booking-view .vehicle-card:focus-within img {
    transform: scale(1.07) !important;
    scale: 1 !important;
    transform-origin: center center !important;
    transition: none !important;
    animation: none !important;
}

#home-view #vehicules .vehicle-img-container,
#home-view #vehicules .vehicle-card:hover .vehicle-img-container,
#home-view #vehicules .vehicle-card:focus-within .vehicle-img-container,
#booking-view .vehicle-img-container,
#booking-view .vehicle-card:hover .vehicle-img-container,
#booking-view .vehicle-card:focus-within .vehicle-img-container {
    transform: none !important;
    scale: 1 !important;
    transition-property: border-color, box-shadow, background-color, opacity, filter !important;
}

@media (max-width: 1023px) {
    #home-view #vehicules .vehicle-img-container img,
    #home-view #vehicules .vehicle-card .vehicle-img,
    #booking-view .vehicle-img-container img,
    #booking-view .vehicle-card .vehicle-img,
    #home-view #vehicules .vehicle-card:hover .vehicle-img,
    #home-view #vehicules .vehicle-card:focus .vehicle-img,
    #home-view #vehicules .vehicle-card:focus-within .vehicle-img,
    #home-view #vehicules .vehicle-card:hover img,
    #home-view #vehicules .vehicle-card:focus img,
    #home-view #vehicules .vehicle-card:focus-within img,
    #booking-view .vehicle-card:hover .vehicle-img,
    #booking-view .vehicle-card:focus .vehicle-img,
    #booking-view .vehicle-card:focus-within .vehicle-img,
    #booking-view .vehicle-card:hover img,
    #booking-view .vehicle-card:focus img,
    #booking-view .vehicle-card:focus-within img {
        transform: scale(1.055) !important;
        scale: 1 !important;
        transition: none !important;
        animation: none !important;
    }
}

.hamburger,
.menu-toggle,
.mobile-menu-toggle,
.nav-toggle {
    -webkit-tap-highlight-color: transparent;
}

.hamburger:not(.active):not(.open),
.menu-toggle:not(.active):not(.open),
.mobile-menu-toggle:not(.active):not(.open),
.nav-toggle:not(.active):not(.open) {
    background-color: transparent !important;
}

.hamburger:not(.active):not(.open):focus,
.hamburger:not(.active):not(.open):focus-visible,
.menu-toggle:not(.active):not(.open):focus,
.menu-toggle:not(.active):not(.open):focus-visible,
.mobile-menu-toggle:not(.active):not(.open):focus,
.mobile-menu-toggle:not(.active):not(.open):focus-visible,
.nav-toggle:not(.active):not(.open):focus,
.nav-toggle:not(.active):not(.open):focus-visible {
    background-color: transparent !important;
}

header .header-actions > .mobile-menu-toggle.suppress-hover-fill::after,
header .header-actions > .mobile-menu-toggle.suppress-hover-fill:hover::after {
    border-color: rgba(223,184,107,.38) !important;
    background: rgba(223,184,107,.05) !important;
    box-shadow: none !important;
}

header .header-actions > .mobile-menu-toggle.suppress-hover-fill > span,
header .header-actions > .mobile-menu-toggle.suppress-hover-fill:hover > span {
    background: var(--accent-gold) !important;
}

.journal-coming { cursor: default; opacity: .72; }

#home-view #vehicules .vehicle-service-inclusions.fleet-description-band {
    display: flex !important;
    grid-template-columns: none !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 104px !important;
    margin: 0 !important;
    padding: 17px 18px !important;
    gap: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background:
        linear-gradient(
            90deg,
            rgba(16,16,18,0) 0%,
            rgba(7,7,9,.58) 11%,
            rgba(3,3,5,.94) 23%,
            rgba(3,3,5,.94) 77%,
            rgba(7,7,9,.58) 89%,
            rgba(16,16,18,0) 100%
        ) !important;
    box-shadow: none !important;
}

#home-view #vehicules .vehicle-service-inclusions.fleet-description-band > .fleet-description-copy {
    display: block !important;
    width: 100% !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 4px !important;
    color: #d1d1d1 !important;
    font-family: var(--font-ui) !important;
    font-size: .74rem !important;
    font-weight: 400 !important;
    line-height: 1.62 !important;
    letter-spacing: .01em !important;
    text-align: center !important;
    white-space: normal !important;
}

@media (max-width: 1023px) {
    #home-view #vehicules .vehicle-service-inclusions.fleet-description-band {
        min-height: 112px !important;
        padding: 16px 14px !important;
    }

    #home-view #vehicules .vehicle-service-inclusions.fleet-description-band > .fleet-description-copy {
        font-size: .72rem !important;
        line-height: 1.58 !important;
    }
}

#home-view #vehicules .fleet-interior-placeholder {
    width: 100% !important;
    aspect-ratio: 16 / 9 !important;
    min-height: 120px !important;
    position: relative !important;
    z-index: 1 !important;
    background: transparent !important;
}

@media (max-width: 1023px) {
    #home-view #vehicules .fleet-interior-placeholder {
        min-height: 108px !important;
    }
}

#home-view #vehicules .vehicle-card {
    --fleet-photo-text-gap: 14px;
}

#home-view #vehicules .vehicle-footer-card {
    margin: var(--fleet-photo-text-gap) 0 var(--fleet-photo-text-gap) 0 !important;
    padding: 0 !important;
}

#home-view #vehicules .vehicle-service-inclusions.fleet-description-band {
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: center !important;
    gap: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    background:
        linear-gradient(
            90deg,
            rgba(16,16,18,0) 0%,
            rgba(7,7,9,.58) 11%,
            rgba(3,3,5,.94) 23%,
            rgba(3,3,5,.94) 77%,
            rgba(7,7,9,.58) 89%,
            rgba(16,16,18,0) 100%
        ) !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

#home-view #vehicules .vehicle-service-inclusions.fleet-description-band::before,
#home-view #vehicules .vehicle-service-inclusions.fleet-description-band::after {
    content: none !important;
    display: none !important;
}

#home-view #vehicules .fleet-description-separator {
    display: block !important;
    width: 100% !important;
    height: 1px !important;
    min-height: 1px !important;
    flex: 0 0 1px !important;
    margin: 0 !important;
    padding: 0 !important;
    pointer-events: none !important;
}

#home-view #vehicules .fleet-description-separator.top {
    background:
        linear-gradient(
            90deg,
            transparent 0%,
            rgba(223,184,107,.18) 10%,
            rgba(223,184,107,.62) 50%,
            rgba(223,184,107,.18) 90%,
            transparent 100%
        ) !important;
}

#home-view #vehicules .fleet-description-separator.bottom {
    background:
        linear-gradient(
            90deg,
            transparent 0%,
            rgba(223,184,107,.10) 10%,
            rgba(223,184,107,.34) 50%,
            rgba(223,184,107,.10) 90%,
            transparent 100%
        ) !important;
}

#home-view #vehicules .vehicle-service-inclusions.fleet-description-band > .fleet-description-copy {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 17px 18px !important;
    box-sizing: border-box !important;
    color: #d1d1d1 !important;
    font-family: var(--font-ui) !important;
    font-size: .74rem !important;
    font-weight: 400 !important;
    line-height: 1.62 !important;
    letter-spacing: .01em !important;
    text-align: center !important;
    white-space: normal !important;
}

@media (max-width: 1023px) {
    #home-view #vehicules .vehicle-card {
        --fleet-photo-text-gap: 12px;
    }

    #home-view #vehicules .vehicle-service-inclusions.fleet-description-band > .fleet-description-copy {
        padding: 16px 14px !important;
        font-size: .72rem !important;
        line-height: 1.58 !important;
    }
}

#home-view .editorial-visual {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0;
    background: #000;
    overflow: hidden;
}

#home-view .editorial-visual-inner {
    position: relative;
    width: min(100%, 1680px);
    height: clamp(300px, 42vw, 610px);
    margin: 0 auto;
    overflow: hidden;
    background: #000;
}

#home-view .editorial-visual-inner::before,
#home-view .editorial-visual-inner::after {
    content: "";
    position: absolute;
    z-index: 2;
    left: 0;
    right: 0;
    height: 26%;
    pointer-events: none;
}

#home-view .editorial-visual-inner::before {
    top: 0;
    background: linear-gradient(to bottom, #000 0%, rgba(0,0,0,.72) 24%, rgba(0,0,0,0) 100%);
}

#home-view .editorial-visual-inner::after {
    bottom: 0;
    background: linear-gradient(to top, #000 0%, rgba(0,0,0,.72) 24%, rgba(0,0,0,0) 100%);
}

#home-view .editorial-visual img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: brightness(.82) contrast(1.06) saturate(.92);
    transform: none !important;
    transition: none !important;
}

#home-view .editorial-yacht img { object-position: center 52%; }
#home-view .editorial-cabin img { object-position: center 50%; }
#home-view .editorial-aviation img { object-position: center 48%; }

@media (max-width: 1023px) {
    #home-view .editorial-visual-inner {
        height: clamp(260px, 76vw, 410px);
    }

    #home-view .editorial-visual-inner::before,
    #home-view .editorial-visual-inner::after {
        height: 24%;
    }

    #home-view .editorial-yacht img { object-position: 54% center; }
    #home-view .editorial-cabin img { object-position: 50% center; }
    #home-view .editorial-aviation img { object-position: 54% center; }
}

#home-view #experience {
    border-bottom: 0 !important;
}

#home-view #experience::after {
    border-bottom: 0 !important;
    box-shadow: none !important;
}

#home-view .editorial-yacht {
    border-top: 0 !important;
}

#home-view .editorial-yacht,
#home-view .editorial-yacht .editorial-visual-inner {
    border-top: 0 !important;
    border-bottom: 0 !important;
    box-shadow: none !important;
}

#home-view .editorial-yacht .editorial-visual-inner::before {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    z-index: 3 !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    height: 24% !important;
    pointer-events: none !important;
    background:
        linear-gradient(
            to bottom,
            rgb(10,10,10) 0%,
            rgba(10,10,10,.96) 8%,
            rgba(10,10,10,.76) 28%,
            rgba(10,10,10,.42) 52%,
            rgba(10,10,10,.16) 76%,
            rgba(10,10,10,0) 100%
        ) !important;
}

#home-view .editorial-yacht .editorial-visual-inner::after {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    z-index: 3 !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    height: 26% !important;
    pointer-events: none !important;
    background:
        linear-gradient(
            to top,
            #000 0%,
            rgba(0,0,0,.94) 10%,
            rgba(0,0,0,.72) 30%,
            rgba(0,0,0,.40) 54%,
            rgba(0,0,0,.14) 78%,
            rgba(0,0,0,0) 100%
        ) !important;
}

@media (max-width: 1023px) {
    #home-view .editorial-yacht .editorial-visual-inner::before {
        height: 22% !important;
    }
    #home-view .editorial-yacht .editorial-visual-inner::after {
        height: 24% !important;
    }
}

#home-view .editorial-yacht,
#home-view .editorial-yacht .editorial-visual-inner,
#home-view #services {
    border-top: 0 !important;
    border-bottom: 0 !important;
    box-shadow: none !important;
}

#home-view .editorial-yacht::after,
#home-view #services::before {
    border: 0 !important;
    border-top: 0 !important;
    border-bottom: 0 !important;
    box-shadow: none !important;
}

#home-view #services {
    margin-top: -1px !important;
}

@media (max-width: 1023px) {
    #home-view .editorial-yacht {
        position: relative !important;
        z-index: 2 !important;
        margin-bottom: -3px !important;
        overflow: visible !important;
    }

    #home-view .editorial-yacht::after {
        content: "" !important;
        display: block !important;
        position: absolute !important;
        z-index: 6 !important;
        left: 0 !important;
        right: 0 !important;
        bottom: -2px !important;
        height: 5px !important;
        background: #000 !important;
        border: 0 !important;
        box-shadow: none !important;
        pointer-events: none !important;
    }

    #home-view #services {
        position: relative !important;
        z-index: 1 !important;
        margin-top: 0 !important;
        border-top: 0 !important;
        box-shadow: none !important;
    }
}

#home-view #details {
    border-bottom: 0 !important;
}

#home-view #destinations {
    border-top: 0 !important;
}

#home-view .editorial-cabin,
#home-view .editorial-cabin .editorial-visual-inner {
    border-top: 0 !important;
    border-bottom: 0 !important;
    box-shadow: none !important;
}

#home-view .editorial-cabin .editorial-visual-inner::before {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    z-index: 3 !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    height: 24% !important;
    pointer-events: none !important;
    background:
        linear-gradient(
            to bottom,
            rgb(10,10,10) 0%,
            rgba(10,10,10,.96) 8%,
            rgba(10,10,10,.76) 28%,
            rgba(10,10,10,.42) 52%,
            rgba(10,10,10,.16) 76%,
            rgba(10,10,10,0) 100%
        ) !important;
}

#home-view .editorial-cabin .editorial-visual-inner::after {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    z-index: 3 !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    height: 24% !important;
    pointer-events: none !important;
    background:
        linear-gradient(
            to top,
            rgb(5,5,5) 0%,
            rgba(5,5,5,.96) 8%,
            rgba(5,5,5,.76) 28%,
            rgba(5,5,5,.42) 52%,
            rgba(5,5,5,.16) 76%,
            rgba(5,5,5,0) 100%
        ) !important;
}

#home-view #events {
    border-bottom: 0 !important;
}

#home-view #reviews {
    border-top: 0 !important;
}

#home-view .editorial-aviation,
#home-view .editorial-aviation .editorial-visual-inner {
    border-top: 0 !important;
    border-bottom: 0 !important;
    box-shadow: none !important;
}

#home-view .editorial-aviation .editorial-visual-inner::before {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    z-index: 3 !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    height: 24% !important;
    pointer-events: none !important;
    background:
        linear-gradient(
            to bottom,
            #000 0%,
            rgba(0,0,0,.96) 8%,
            rgba(0,0,0,.76) 28%,
            rgba(0,0,0,.42) 52%,
            rgba(0,0,0,.16) 76%,
            rgba(0,0,0,0) 100%
        ) !important;
}

#home-view .editorial-aviation .editorial-visual-inner::after {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    z-index: 3 !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    height: 24% !important;
    pointer-events: none !important;
    background:
        linear-gradient(
            to top,
            #000 0%,
            rgba(0,0,0,.96) 8%,
            rgba(0,0,0,.76) 28%,
            rgba(0,0,0,.42) 52%,
            rgba(0,0,0,.16) 76%,
            rgba(0,0,0,0) 100%
        ) !important;
}

@media (max-width: 1023px) {
    #home-view .editorial-cabin,
    #home-view .editorial-aviation {
        position: relative !important;
        z-index: 2 !important;
        margin-top: -2px !important;
        margin-bottom: -3px !important;
        overflow: visible !important;
    }

    #home-view .editorial-cabin::before,
    #home-view .editorial-aviation::before {
        content: "" !important;
        position: absolute !important;
        z-index: 6 !important;
        left: 0 !important;
        right: 0 !important;
        top: -2px !important;
        height: 4px !important;
        border: 0 !important;
        box-shadow: none !important;
        pointer-events: none !important;
    }

    #home-view .editorial-cabin::before {
        background: rgb(10,10,10) !important;
    }

    #home-view .editorial-aviation::before {
        background: #000 !important;
    }

    #home-view .editorial-cabin::after,
    #home-view .editorial-aviation::after {
        content: "" !important;
        position: absolute !important;
        z-index: 6 !important;
        left: 0 !important;
        right: 0 !important;
        bottom: -2px !important;
        height: 5px !important;
        border: 0 !important;
        box-shadow: none !important;
        pointer-events: none !important;
    }

    #home-view .editorial-cabin::after {
        background: rgb(5,5,5) !important;
    }

    #home-view .editorial-aviation::after {
        background: #000 !important;
    }

    #home-view .editorial-cabin .editorial-visual-inner::before,
    #home-view .editorial-cabin .editorial-visual-inner::after,
    #home-view .editorial-aviation .editorial-visual-inner::before,
    #home-view .editorial-aviation .editorial-visual-inner::after {
        height: 22% !important;
    }

    #home-view #destinations,
    #home-view #reviews {
        margin-top: 0 !important;
    }
}

#home-view .wedding-service-feature {
    max-width: 760px;
    margin: clamp(42px, 6vw, 78px) auto 0;
    text-align: center;
}

#home-view #events {
    border-bottom: 0 !important;
}

#home-view .editorial-wedding,
#home-view .editorial-wedding .editorial-visual-inner {
    border-top: 0 !important;
    border-bottom: 0 !important;
    box-shadow: none !important;
}

#home-view .editorial-wedding .editorial-visual-inner::before,
#home-view .editorial-wedding .editorial-visual-inner::after {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    z-index: 3 !important;
    left: 0 !important;
    right: 0 !important;
    height: 25% !important;
    pointer-events: none !important;
}

#home-view .editorial-wedding .editorial-visual-inner::before {
    top: 0 !important;
    background: linear-gradient(
        to bottom,
        #000 0%,
        rgba(0,0,0,.96) 8%,
        rgba(0,0,0,.76) 28%,
        rgba(0,0,0,.42) 52%,
        rgba(0,0,0,.16) 76%,
        rgba(0,0,0,0) 100%
    ) !important;
}

#home-view .editorial-wedding .editorial-visual-inner::after {
    bottom: 0 !important;
    background: linear-gradient(
        to top,
        #000 0%,
        rgba(0,0,0,.96) 8%,
        rgba(0,0,0,.76) 28%,
        rgba(0,0,0,.42) 52%,
        rgba(0,0,0,.16) 76%,
        rgba(0,0,0,0) 100%
    ) !important;
}

#home-view .editorial-wedding img {
    object-position: center 56%;
    filter: brightness(.88) contrast(1.04) saturate(.94);
    transform: none !important;
    transition: none !important;
}

@media (max-width: 1023px) {
    #home-view .wedding-service-feature {
        margin-top: 38px;
        padding: 0 4px;
    }

    #home-view .editorial-wedding {
        position: relative !important;
        z-index: 2 !important;
        margin-top: -2px !important;
        margin-bottom: -3px !important;
        overflow: visible !important;
    }

    #home-view .editorial-wedding::before,
    #home-view .editorial-wedding::after {
        content: "" !important;
        position: absolute !important;
        z-index: 6 !important;
        left: 0 !important;
        right: 0 !important;
        background: #000 !important;
        border: 0 !important;
        box-shadow: none !important;
        pointer-events: none !important;
    }

    #home-view .editorial-wedding::before {
        top: -2px !important;
        height: 4px !important;
    }

    #home-view .editorial-wedding::after {
        bottom: -2px !important;
        height: 5px !important;
    }

    #home-view .editorial-wedding .editorial-visual-inner::before,
    #home-view .editorial-wedding .editorial-visual-inner::after {
        height: 23% !important;
    }

    #home-view .editorial-wedding img {
        object-position: 58% center;
    }
}

#home-view .wedding-service-feature {
    max-width: 760px;
    margin: clamp(42px, 6vw, 78px) auto 0;
    text-align: center;
}

#home-view .wedding-service-feature .eyebrow {
    margin-bottom: 14px;
}

#home-view .editorial-aviation,
#home-view .editorial-aviation .editorial-visual-inner {
    border-top: 0 !important;
    border-bottom: 0 !important;
    box-shadow: none !important;
}

#home-view .editorial-aviation .editorial-visual-inner::before,
#home-view .editorial-aviation .editorial-visual-inner::after {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    z-index: 3 !important;
    left: 0 !important;
    right: 0 !important;
    height: 24% !important;
    pointer-events: none !important;
}

#home-view .editorial-aviation .editorial-visual-inner::before {
    top: 0 !important;
    background: linear-gradient(
        to bottom,
        #000 0%,
        rgba(0,0,0,.96) 8%,
        rgba(0,0,0,.76) 28%,
        rgba(0,0,0,.42) 52%,
        rgba(0,0,0,.16) 76%,
        rgba(0,0,0,0) 100%
    ) !important;
}

#home-view .editorial-aviation .editorial-visual-inner::after {
    bottom: 0 !important;
    background: linear-gradient(
        to top,
        #000 0%,
        rgba(0,0,0,.96) 8%,
        rgba(0,0,0,.76) 28%,
        rgba(0,0,0,.42) 52%,
        rgba(0,0,0,.16) 76%,
        rgba(0,0,0,0) 100%
    ) !important;
}

#home-view .editorial-aviation + #journal,
#home-view #journal {
    border-top: 0 !important;
    box-shadow: none !important;
}

@media (max-width: 1023px) {
    #home-view .wedding-service-feature {
        margin-top: 38px;
        padding: 0 4px;
    }

    #home-view .editorial-aviation {
        position: relative !important;
        z-index: 2 !important;
        margin-top: -2px !important;
        margin-bottom: -3px !important;
        overflow: visible !important;
    }

    #home-view .editorial-aviation::before,
    #home-view .editorial-aviation::after {
        content: "" !important;
        position: absolute !important;
        z-index: 6 !important;
        left: 0 !important;
        right: 0 !important;
        background: #000 !important;
        border: 0 !important;
        box-shadow: none !important;
        pointer-events: none !important;
    }

    #home-view .editorial-aviation::before {
        top: -2px !important;
        height: 4px !important;
    }

    #home-view .editorial-aviation::after {
        bottom: -2px !important;
        height: 5px !important;
    }

    #home-view .editorial-aviation .editorial-visual-inner::before,
    #home-view .editorial-aviation .editorial-visual-inner::after {
        height: 22% !important;
    }
}



#home-view .editorial-wedding img {
    object-fit: cover !important;
    object-position: 50% 50% !important;
    filter: none !important;
    transform: none !important;
    transition: none !important;
}

@media (max-width: 1023px) {
    #home-view .editorial-wedding img {
        object-fit: cover !important;
        object-position: 50% 50% !important;
        filter: none !important;
        transform: none !important;
    }
}

#home-view .editorial-wedding img {
    object-fit: cover !important;
    object-position: 50% 50% !important;
    filter: brightness(.82) contrast(1.06) saturate(.92) !important;
    transform: none !important;
    transition: none !important;
    image-rendering: auto !important;
}

@media (max-width: 1023px) {
    #home-view .editorial-wedding img {
        object-position: 50% 50% !important;
        filter: brightness(.82) contrast(1.06) saturate(.92) !important;
        image-rendering: auto !important;
    }
}

#home-view .editorial-aviation .editorial-visual-inner::after {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    z-index: 3 !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    height: 24% !important;
    pointer-events: none !important;
    background:
        linear-gradient(
            to top,
            rgb(5,5,5) 0%,
            rgba(5,5,5,.96) 8%,
            rgba(5,5,5,.76) 28%,
            rgba(5,5,5,.42) 52%,
            rgba(5,5,5,.16) 76%,
            rgba(5,5,5,0) 100%
        ) !important;
}

#home-view #journal {
    border-top: 0 !important;
    box-shadow: none !important;
}

@media (max-width: 1023px) {
    #home-view .editorial-aviation::after {
        background: rgb(5,5,5) !important;
    }

    #home-view .editorial-aviation .editorial-visual-inner::after {
        height: 22% !important;
    }
}

#home-view .editorial-aviation img {
    object-fit: cover !important;
    object-position: 54% 50% !important;
    filter: brightness(.82) contrast(1.06) saturate(.92) !important;
    transform: none !important;
    transition: none !important;
    image-rendering: auto !important;
}

#home-view .editorial-aviation .editorial-visual-inner::after {
    background:
        linear-gradient(
            to top,
            rgb(5,5,5) 0%,
            rgba(5,5,5,.96) 8%,
            rgba(5,5,5,.76) 28%,
            rgba(5,5,5,.42) 52%,
            rgba(5,5,5,.16) 76%,
            rgba(5,5,5,0) 100%
        ) !important;
}

@media (max-width: 1023px) {
    #home-view .editorial-aviation img {
        object-fit: cover !important;
        object-position: 54% 50% !important;
        filter: brightness(.82) contrast(1.06) saturate(.92) !important;
        transform: none !important;
        image-rendering: auto !important;
    }

    #home-view .editorial-aviation::after {
        background: rgb(5,5,5) !important;
    }
}



#home-view .input-icon-wrapper:has(#date_picker),
#home-view .input-icon-wrapper:has(.flatpickr-input) {
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
}

#home-view #date_picker,
#home-view .input-icon-wrapper .flatpickr-input,
#home-view .input-icon-wrapper input.flatpickr-input,
#home-view .input-icon-wrapper input.form-control {
    outline: 0 !important;
    outline-offset: 0 !important;
    box-shadow: none !important;
}

#home-view #date_picker:focus,
#home-view .input-icon-wrapper .flatpickr-input:focus,
#home-view .input-icon-wrapper input.flatpickr-input:focus,
#home-view .input-icon-wrapper input.form-control:focus {
    outline: 0 !important;
    box-shadow: none !important;
    border: 1px solid var(--accent-gold) !important;
}

.flatpickr-calendar {
    background: #080808 !important;
    background-color: #080808 !important;
    border: 1px solid rgba(223,184,107,.14) !important;
    border-radius: 10px !important;
    box-shadow: 0 -15px 35px rgba(0,0,0,.90) !important;
    color: #fff !important;
    font-family: var(--font-ui) !important;
    overflow: hidden !important;
}

.flatpickr-months,
.flatpickr-month,
.flatpickr-current-month,
.flatpickr-weekdays,
.flatpickr-weekdaycontainer {
    background: #080808 !important;
    background-color: #080808 !important;
    color: #fff !important;
    box-shadow: none !important;
}

.flatpickr-current-month .flatpickr-monthDropdown-months,
.flatpickr-current-month input.cur-year,
.flatpickr-current-month .numInputWrapper,
.flatpickr-current-month .numInputWrapper input {
    background: #080808 !important;
    background-color: #080808 !important;
    color: #e8c989 !important;
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
}

.flatpickr-current-month .flatpickr-monthDropdown-months:hover,
.flatpickr-current-month .flatpickr-monthDropdown-months:focus,
.flatpickr-current-month .numInputWrapper:hover,
.flatpickr-current-month .numInputWrapper:focus-within,
.flatpickr-current-month input.cur-year:hover,
.flatpickr-current-month input.cur-year:focus {
    background: rgba(223,184,107,.055) !important;
    background-color: rgba(223,184,107,.055) !important;
    color: #efd79f !important;
    outline: 0 !important;
    box-shadow: none !important;
}

.flatpickr-monthDropdown-months option,
.flatpickr-monthDropdown-month {
    background: #0c0c0c !important;
    color: #fff !important;
}

.flatpickr-prev-month,
.flatpickr-next-month {
    color: rgba(232,201,137,.82) !important;
    fill: rgba(232,201,137,.82) !important;
    background: transparent !important;
}

.flatpickr-prev-month:hover,
.flatpickr-next-month:hover {
    color: #efd79f !important;
    fill: #efd79f !important;
    background: rgba(223,184,107,.045) !important;
}

.flatpickr-prev-month svg,
.flatpickr-next-month svg {
    fill: currentColor !important;
}

span.flatpickr-weekday,
.flatpickr-weekday {
    background: #080808 !important;
    color: rgba(232,201,137,.72) !important;
    font-weight: 500 !important;
}

.flatpickr-days,
.dayContainer {
    background: #080808 !important;
}

.flatpickr-day {
    background: transparent !important;
    border: 1px solid transparent !important;
    color: rgba(255,255,255,.88) !important;
    box-shadow: none !important;
}

.flatpickr-day:hover,
.flatpickr-day:focus {
    background: rgba(223,184,107,.075) !important;
    border-color: rgba(223,184,107,.28) !important;
    color: #efd79f !important;
    outline: none !important;
}

.flatpickr-day.today {
    background: transparent !important;
    border-color: rgba(223,184,107,.42) !important;
    color: #e8c989 !important;
}

.flatpickr-day.today:hover,
.flatpickr-day.today:focus {
    background: rgba(223,184,107,.085) !important;
    border-color: rgba(223,184,107,.58) !important;
    color: #efd79f !important;
}

.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange,
.flatpickr-day.selected:hover,
.flatpickr-day.selected:focus,
.flatpickr-day.startRange:hover,
.flatpickr-day.endRange:hover {
    background: rgba(223,184,107,.16) !important;
    border-color: rgba(223,184,107,.82) !important;
    color: #efd79f !important;
    font-weight: 600 !important;
    box-shadow: none !important;
}

.flatpickr-day.prevMonthDay,
.flatpickr-day.nextMonthDay {
    background: transparent !important;
    color: rgba(255,255,255,.28) !important;
}

.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover,
.flatpickr-day.notAllowed,
.flatpickr-day.notAllowed:hover {
    background: transparent !important;
    border-color: transparent !important;
    color: rgba(255,255,255,.18) !important;
    cursor: default !important;
}

.flatpickr-calendar .calendar-action-bar {
    background: #080808 !important;
    border-top: 1px solid rgba(223,184,107,.14) !important;
    box-shadow: none !important;
}

.flatpickr-calendar .calendar-cancel-btn {
    color: #e8c989 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

#home-view .time-picker-popup,
#home-view .passengers-picker-popup {
    background: #080808 !important;
    border: 1px solid rgba(223,184,107,.14) !important;
    box-shadow: 0 -15px 35px rgba(0,0,0,.90) !important;
}

#home-view .clock-face {
    background: #0c0c0c !important;
    border: 1px solid rgba(223,184,107,.14) !important;
}

#home-view .hour-grid-item {
    background: #0c0c0c !important;
    border: 1px solid rgba(223,184,107,.14) !important;
    color: rgba(255,255,255,.88) !important;
}

#home-view .hour-grid-item:hover,
#home-view .hour-grid-item.selected {
    background: rgba(223,184,107,.16) !important;
    border-color: rgba(223,184,107,.82) !important;
    color: #efd79f !important;
}

@media (max-width: 1023px) {
    .flatpickr-calendar {
        border-width: 1px !important;
        border-color: rgba(223,184,107,.14) !important;
    }

    #home-view #date_picker:focus,
    #home-view .input-icon-wrapper .flatpickr-input:focus,
    #home-view .input-icon-wrapper input.flatpickr-input:focus,
    #home-view .input-icon-wrapper input.form-control:focus {
        outline: 0 !important;
        box-shadow: none !important;
        border-width: 1px !important;
        border-color: var(--accent-gold) !important;
    }
}

:is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) #display-hours-selected {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 48px !important;
    margin: 0 0 12px !important;
    padding: 0 18px !important;
    box-sizing: border-box !important;

    border: 1px solid rgba(223,184,107,.58) !important;
    border-radius: 7px !important;
    background: linear-gradient(180deg, rgba(223,184,107,.105), rgba(223,184,107,.045)) !important;

    color: #e8c989 !important;
    font-family: var(--font-ui) !important;
    font-size: .86rem !important;
    font-weight: 500 !important;
    line-height: 1.2 !important;
    letter-spacing: .11em !important;
    text-transform: uppercase !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.035),
        0 7px 22px rgba(0,0,0,.15) !important;
}

.widget-tabs {
display: flex; gap: 8px; background-color: rgba(0, 0, 0, 0.6);
            padding: 5px; border: 1px solid rgba(223, 184, 107, 0.3);
            border-radius: 8px; margin-bottom: 20px;
}
.btn-calc {
grid-column: span 2; padding: 15px; background-color: var(--accent-gold);
            color: #000; border: none; border-radius: 4px; font-size: 0.95rem;
            font-weight: 700; cursor: pointer; text-transform: uppercase; letter-spacing: 1px;
            margin-top: 5px; transition: background 0.3s; width: 100%;
}
.btn-calc:hover {
background-color: var(--accent-gold-hover);
}
.form-group.full, .btn-calc {
grid-column: span 1;
}
.widget-tabs {
gap: 5px;
                padding: 4px;
                margin-bottom: 17px;
}
.form-group,
            .form-group.full,
            .btn-calc,
            #form-error-msg {
grid-column: 1 / -1;
                min-width: 0;
}
.btn-calc,
            .btn-select,
            .btn-confirm-booking,
            .back-home-btn {
min-height: 48px;
                touch-action: manipulation;
}
.logo-container,
            .btn-phone-prestige,
            .btn-whatsapp-subtle,
            .btn-email-subtle,
            .flag-btn,
            .mobile-menu-toggle,
            .tab-btn,
            .btn-calc,
            .btn-select,
            .btn-confirm-booking,
            .back-home-btn,
            .service-link,
            .premium-cta a,
            .contact-action,
            .vehicle-img-container,
            .vehicle-card [role="button"],
            .clock-number,
            .hour-grid-item,
            .picker-actions button,
            .destination-pill,
            .route-row,
            .widget-tabs button {
-webkit-tap-highlight-color: transparent !important;
                outline-color: transparent;
}
#home-view .btn-calc,
        #home-view .home-luxury-cta,
        #home-view .premium-cta > a {
border: 1px solid rgba(223,184,107,.58) !important;
            border-radius: 7px !important;
            background:
                linear-gradient(180deg, rgba(223,184,107,.105), rgba(223,184,107,.045)) !important;
            color: #e8c989 !important;
            font-family: var(--font-ui) !important;
            font-weight: 500 !important;
            letter-spacing: .11em !important;
            text-transform: uppercase !important;
            box-shadow:
                inset 0 1px 0 rgba(255,255,255,.035),
                0 7px 22px rgba(0,0,0,.15) !important;
            transition:
                background .32s ease,
                border-color .32s ease,
                color .32s ease,
                transform .22s cubic-bezier(.16,1,.3,1),
                box-shadow .32s ease !important;
}
#home-view .btn-calc,
        #home-view .home-luxury-cta {
min-height: 50px !important;
            padding: 0 22px !important;
            font-size: .86rem !important;
}
#home-view .btn-calc:active,
        #home-view .home-luxury-cta:active,
        #home-view .premium-cta > a:active {
transform: scale(.982) !important;
            background:
                linear-gradient(180deg, rgba(223,184,107,.16), rgba(223,184,107,.075)) !important;
            border-color: rgba(223,184,107,.82) !important;
            box-shadow:
                inset 0 1px 0 rgba(255,255,255,.04),
                0 4px 14px rgba(0,0,0,.14) !important;
}
#home-view .widget-tabs {
gap: 8px !important;
}
#home-view .widget-tabs .tab-btn {
min-height: 44px !important;
            padding: 0 18px !important;
            border: 1px solid rgba(223,184,107,.28) !important;
            border-radius: 7px !important;
            background:
                linear-gradient(180deg, rgba(223,184,107,.035), rgba(223,184,107,.012)) !important;
            color: rgba(232,201,137,.72) !important;
            font-family: var(--font-ui) !important;
            font-size: .76rem !important;
            font-weight: 500 !important;
            letter-spacing: .085em !important;
            text-transform: uppercase !important;
            box-shadow: inset 0 1px 0 rgba(255,255,255,.018) !important;
            transition:
                background .3s ease,
                border-color .3s ease,
                color .3s ease,
                box-shadow .3s ease,
                transform .2s ease !important;
}
#home-view .widget-tabs .tab-btn.active {
border-color: rgba(223,184,107,.68) !important;
            background:
                linear-gradient(180deg, rgba(223,184,107,.14), rgba(223,184,107,.055)) !important;
            color: #edcf91 !important;
            box-shadow:
                inset 0 1px 0 rgba(255,255,255,.035),
                0 5px 18px rgba(0,0,0,.12) !important;
}
#home-view .widget-tabs .tab-btn:active {
transform: scale(.985) !important;
}
#home-view .btn-calc:hover,
            #home-view .home-luxury-cta:hover,
            #home-view .premium-cta > a:hover {
background:
                    linear-gradient(180deg, rgba(223,184,107,.16), rgba(223,184,107,.075)) !important;
                border-color: rgba(223,184,107,.82) !important;
                color: #efd79f !important;
                box-shadow: 0 9px 25px rgba(0,0,0,.18) !important;
}
#home-view .widget-tabs .tab-btn:not(.active):hover {
border-color: rgba(223,184,107,.48) !important;
                color: rgba(232,201,137,.9) !important;
                background: rgba(223,184,107,.05) !important;
}
#home-view .btn-calc,
            #home-view .home-luxury-cta {
min-height: 48px !important;
                padding: 0 16px !important;
                font-size: .78rem !important;
                letter-spacing: .085em !important;
                border-radius: 6px !important;
}
#home-view .widget-tabs .tab-btn {
min-height: 42px !important;
                padding: 0 12px !important;
                font-size: .70rem !important;
                letter-spacing: .065em !important;
                border-radius: 6px !important;
}
#home-view .widget-tabs {
width: 100% !important;
            display: grid !important;
            grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
            gap: 10px !important;
            margin: 0 0 17px !important;
            padding: 0 !important;
            background: transparent !important;
            border: 0 !important;
            border-radius: 0 !important;
            box-shadow: none !important;
            overflow: visible !important;
}
#home-view .widget-tabs .tab-btn {
width: 100% !important;
            min-width: 0 !important;
            margin: 0 !important;
}
#home-view .widget-tabs .tab-btn[style*="display:none"],
        #home-view .widget-tabs .tab-btn[style*="display: none"] {
display: none !important;
}
#home-view .widget-tabs {
width: 100% !important;
            display: grid !important;
            grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
            gap: 7px !important;
            margin: 0 0 40px !important;
            padding: 5px !important;

            background:
                linear-gradient(180deg, rgba(223,184,107,.028), rgba(223,184,107,.008)) !important;
            border: 1px solid rgba(223,184,107,.22) !important;
            border-radius: 9px !important;
            box-shadow:
                inset 0 1px 0 rgba(255,255,255,.018),
                0 7px 20px rgba(0,0,0,.10) !important;

            overflow: hidden !important;
            box-sizing: border-box !important;
}
#home-view .widget-tabs .tab-btn {
width: 100% !important;
            min-width: 0 !important;
            min-height: 43px !important;
            margin: 0 !important;
            border-radius: 5px !important;
}
#home-view .widget-tabs .tab-btn:not(.active) {
border-color: transparent !important;
            background: transparent !important;
            box-shadow: none !important;
            color: rgba(232,201,137,.68) !important;
}
#home-view .widget-tabs .tab-btn.active {
border: 1px solid rgba(223,184,107,.64) !important;
            background:
                linear-gradient(180deg, rgba(223,184,107,.13), rgba(223,184,107,.05)) !important;
            color: #edcf91 !important;
            box-shadow:
                inset 0 1px 0 rgba(255,255,255,.03),
                0 4px 14px rgba(0,0,0,.10) !important;
}
#home-view .widget-tabs {
gap: 5px !important;
                padding: 4px !important;
                border-radius: 8px !important;
}
#home-view .widget-tabs .tab-btn {
min-height: 42px !important;
}
#home-view .widget-tabs .tab-btn:not(.active) {
background: #080808 !important;
            border-color: transparent !important;
            box-shadow: none !important;
            color: rgba(232,201,137,.68) !important;
}
#home-view .widget-tabs .tab-btn:not(.active):hover {
background: #080808 !important;
}
#home-view .widget-tabs {
background:
                linear-gradient(180deg, rgba(223,184,107,.025), rgba(223,184,107,.008)) !important;
            border-color: rgba(223,184,107,.18) !important;
}
#home-view .form-group label,
        #booking-view .vehicle-specs,
        #booking-view .vehicle-service-inclusions,
        #booking-view .vehicle-price,
        #checkout-view .summary-row,
        #checkout-view .form-group label,
        #home-view .tab-btn,
        #home-view .btn-calc,
        #home-view .home-luxury-cta,
        #home-view .premium-cta > a,
        #booking-view .btn-select,
        #checkout-view .btn-confirm-booking,
        #booking-view .back-home-btn,
        #checkout-view .back-home-btn {
font-family: var(--font-ui) !important;
}
#home-view .booking-widget,
        #checkout-view .booking-summary-card,
        #checkout-view .checkout-form-container,
        #booking-view .vehicle-card,
        #home-view .widget-tabs {
border-color: rgba(223,184,107,.60) !important;
}
#home-view .btn-calc,
        #home-view .home-luxury-cta,
        #home-view .premium-cta > a,
        #booking-view .btn-select,
        #checkout-view .btn-confirm-booking,
        #home-view .widget-tabs .tab-btn.active {
border-color: rgba(223,184,107,.60) !important;
}
#home-view .widget-tabs .tab-btn.active {
border-color: transparent !important;
            border-width: 1px !important;
            box-shadow: none !important;
}
#home-view .form-group label,
        #vehicules .vehicle-specs,
        #vehicules .vehicle-service-inclusions,
        #vehicules .vehicle-price,
        #checkout-view .summary-row,
        #checkout-view .form-group label,
        #home-view .tab-btn,
        #home-view .btn-calc,
        #home-view .home-luxury-cta,
        #home-view .premium-cta > a,
        #vehicules .btn-select,
        #checkout-view .btn-confirm-booking,
        #vehicules .back-home-btn,
        #checkout-view .back-home-btn {
font-family: var(--font-ui) !important;
}
#home-view .booking-widget,
        #checkout-view .booking-summary-card,
        #checkout-view .checkout-form-container,
        #vehicules .vehicle-card,
        #home-view .widget-tabs {
border-color: rgba(223,184,107,.60) !important;
}
#home-view .btn-calc,
        #home-view .home-luxury-cta,
        #home-view .premium-cta > a,
        #vehicules .btn-select,
        #checkout-view .btn-confirm-booking,
        #home-view .widget-tabs .tab-btn.active {
border-color: rgba(223,184,107,.60) !important;
}

#home-view .widget-tabs .tab-btn,
#home-view .widget-tabs .tab-btn:hover,
#home-view .widget-tabs .tab-btn:focus,
#home-view .widget-tabs .tab-btn:active,
#home-view .widget-tabs .tab-btn.active {
    transform: none !important;
    filter: none !important;
    text-shadow: none !important;
    -webkit-font-smoothing: antialiased !important;
    backface-visibility: visible !important;
    -webkit-backface-visibility: visible !important;
}

#home-view .widget-tabs .tab-btn {
    transition:
        background-color .18s ease,
        border-color .18s ease,
        color .18s ease,
        box-shadow .18s ease !important;
    will-change: auto !important;
}

#home-view .clock-number.selected,
#home-view .clock-number.selected:hover,
#home-view .clock-number.selected:focus {
    background: transparent !important;
    background-color: transparent !important;
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    color: #e8c989 !important;
    font-weight: 600 !important;
    transform: translate(-50%, -50%) !important;
}

#home-view .clock-number:not(.selected):not(.disabled):hover {
    transform: translate(-50%, -50%) scale(1.08) !important;
    color: #efd79f !important;
}

#home-view .clock-hand {
    width: 2px !important;
    min-width: 2px !important;
    background: #d8b46b !important;
    background-color: #d8b46b !important;
    opacity: 1 !important;
    z-index: 4 !important;
    box-shadow: 0 0 4px rgba(223,184,107,.32) !important;
}

#home-view .clock-hand::after {
    width: 8px !important;
    height: 8px !important;
    left: -3px !important;
    bottom: -3px !important;
    background: #e8c989 !important;
    border-radius: 50% !important;
    box-shadow: 0 0 4px rgba(223,184,107,.26) !important;
}

#home-view .clock-center {
    width: 6px !important;
    height: 6px !important;
    background: #e8c989 !important;
    border: 0 !important;
    box-shadow: 0 0 4px rgba(223,184,107,.24) !important;
    z-index: 5 !important;
}

#home-view .clock-hand {
    width: 1px !important;
    min-width: 1px !important;
    background: #d8b46b !important;
    background-color: #d8b46b !important;
    opacity: .96 !important;
    z-index: 4 !important;
    box-shadow: 0 0 3px rgba(223,184,107,.22) !important;
}

#home-view .clock-hand::after {
    content: "" !important;
    position: absolute !important;
    left: 50% !important;
    bottom: -5px !important;
    width: 0 !important;
    height: 0 !important;
    transform: translateX(-50%) !important;
    background: transparent !important;
    border-left: 3px solid transparent !important;
    border-right: 3px solid transparent !important;
    border-top: 6px solid #e8c989 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

#home-view .clock-center {
    width: 5px !important;
    height: 5px !important;
    background: #e8c989 !important;
    border: 0 !important;
    box-shadow: 0 0 3px rgba(223,184,107,.20) !important;
    z-index: 5 !important;
}

.flatpickr-calendar {
    margin: 0 !important;
}

#home-view .widget-tabs .tab-btn,
#home-view .widget-tabs .tab-btn.active,
#home-view .widget-tabs .tab-btn:hover,
#home-view .widget-tabs .tab-btn:focus,
#home-view .widget-tabs .tab-btn:active {
    border-color: transparent !important;
    outline: 0 !important;
    box-shadow: none !important;
}

#home-view .widget-tabs {
    border-color: var(--accent-gold) !important;
}

#home-view .widget-tabs .tab-btn,
#home-view .widget-tabs .tab-btn.active,
#home-view .widget-tabs .tab-btn:hover,
#home-view .widget-tabs .tab-btn:focus,
#home-view .widget-tabs .tab-btn:active {
    color: #d4af68 !important;
    font-family: var(--font-ui) !important;
    font-weight: 500 !important;
    letter-spacing: .08em !important;
    text-transform: uppercase !important;
    text-shadow: none !important;
    opacity: 1 !important;
}

#home-view .widget-tabs .tab-btn,
#home-view .widget-tabs .tab-btn.active,
#home-view .widget-tabs .tab-btn:hover,
#home-view .widget-tabs .tab-btn:focus,
#home-view .widget-tabs .tab-btn:active {
    color: #efd79f !important;
}

#home-view .widget-tabs {
    position: relative !important;
    isolation: isolate !important;
    overflow: hidden !important;
}

#home-view .widget-tabs::after {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    bottom: 0 !important;
    width: 50% !important;
    height: 2px !important;
    border-radius: 999px !important;
    background: linear-gradient(
        90deg,
        rgba(223,184,107,.18) 0%,
        #d8b46b 28%,
        #fff1bf 50%,
        #d8b46b 72%,
        rgba(223,184,107,.18) 100%
    ) !important;
    box-shadow:
        0 0 5px rgba(223,184,107,.24),
        0 0 12px rgba(223,184,107,.10) !important;
    transform: translate3d(0,0,0) !important;
    transition: transform .48s cubic-bezier(.22,.75,.22,1) !important;
    will-change: transform !important;
    pointer-events: none !important;
    z-index: 3 !important;
}

#home-view .widget-tabs.hourly-active::after {
    transform: translate3d(100%,0,0) !important;
}

#home-view .widget-tabs .tab-btn {
    position: relative !important;
    z-index: 4 !important;
    transform: none !important;
    filter: none !important;
    will-change: auto !important;
}

@media (prefers-reduced-motion: reduce) {
    #home-view .widget-tabs::after {
        transition: none !important;
    }
}

#home-view .widget-tabs {
    padding: 0 !important;
    gap: 0 !important;
}

#home-view .widget-tabs .tab-btn {
    margin: 0 !important;
    border-radius: 0 !important;
}

#home-view .widget-tabs .tab-btn:first-child {
    border-top-left-radius: inherit !important;
    border-bottom-left-radius: inherit !important;
}

#home-view .widget-tabs .tab-btn:last-child {
    border-top-right-radius: inherit !important;
    border-bottom-right-radius: inherit !important;
}

.flatpickr-calendar {
    margin: 0 !important;
}

#home-view .widget-tabs {
    width: 100% !important;
    min-height: 48px !important;
    height: 48px !important;
    padding: 0 !important;
    gap: 0 !important;
    box-sizing: border-box !important;
    position: relative !important;
    overflow: hidden !important;
    isolation: isolate !important;
    background: transparent !important;
    border: 1px solid rgba(223,184,107,.60) !important;
    border-radius: 6px !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.035),
        0 7px 22px rgba(0,0,0,.15) !important;
}

#home-view .widget-tabs .tab-btn,
#home-view .widget-tabs .tab-btn.active,
#home-view .widget-tabs .tab-btn:hover,
#home-view .widget-tabs .tab-btn:focus,
#home-view .widget-tabs .tab-btn:active,
#home-view .widget-tabs .tab-btn:not(.active),
#home-view .widget-tabs .tab-btn:not(.active):hover {
    min-height: 46px !important;
    height: 46px !important;
    margin: 0 !important;
    background: transparent !important;
    background-color: transparent !important;
    border-color: transparent !important;
    box-shadow: none !important;
    position: relative !important;
    z-index: 4 !important;
}

#home-view .widget-tabs::before {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    top: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    width: 50% !important;
    height: auto !important;
    background: linear-gradient(
        180deg,
        rgba(223,184,107,.105) 0%,
        rgba(223,184,107,.045) 100%
    ) !important;
    background-color: transparent !important;
    -webkit-mask-image: none !important;
    mask-image: none !important;
    filter: none !important;
    opacity: 1 !important;
    pointer-events: none !important;
    z-index: 1 !important;
    transform: translate3d(0,0,0) !important;
    transition: transform .52s cubic-bezier(.22,.75,.22,1) !important;
    will-change: transform !important;
}

#home-view .widget-tabs.hourly-active::before {
    transform: translate3d(100%,0,0) !important;
}

#home-view .widget-tabs::after {
    z-index: 5 !important;
}

@media (prefers-reduced-motion: reduce) {
    #home-view .widget-tabs::before {
        transition: none !important;
    }
}

#home-view .calendar-position-anchor {
    position: absolute !important;
    left: 0 !important;
    top: -10px !important;
    width: 100% !important;
    height: 1px !important;
    display: block !important;
    opacity: 0 !important;
    visibility: visible !important;
    pointer-events: none !important;
    z-index: -1 !important;
}

.flatpickr-calendar.open.arrowBottom {
    margin: 0 !important;
    transform: none !important;
}

#home-view .widget-tabs {
    background-color: #080808 !important;
    background-image: none !important;
}

#home-view .widget-tabs::before {
    background-color: transparent !important;
    background-image: linear-gradient(
        180deg,
        rgba(223,184,107,.105) 0%,
        rgba(223,184,107,.045) 100%
    ) !important;
}

#home-view .btn-calc {
    background-color: #080808 !important;
    background-image: linear-gradient(
        180deg,
        rgba(223,184,107,.105),
        rgba(223,184,107,.045)
    ) !important;
}

#home-view .btn-calc:hover,
#home-view .btn-calc:focus {
    background-color: #080808 !important;
    background-image: linear-gradient(
        180deg,
        rgba(223,184,107,.16),
        rgba(223,184,107,.075)
    ) !important;
}

#home-view .btn-calc:active {
    background-color: #080808 !important;
    background-image: linear-gradient(
        180deg,
        rgba(223,184,107,.16),
        rgba(223,184,107,.075)
    ) !important;
}

#home-view .hero-heading-panel {
    position: relative !important;
    margin: 7px 0 1px !important;
    padding: 18px 10px 18px !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    overflow: visible !important;
}

#home-view .hero-heading-panel::before,
#home-view .hero-heading-panel::after {
    content: none !important;
    display: none !important;
}

#home-view .hero-heading-panel h1,
#home-view .hero-heading-panel .hero-subtitle {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

#home-view .hero-heading-panel h1 {
    margin-top: 0 !important;
    margin-bottom: 13px !important;
}

#home-view .hero-heading-panel .hero-subtitle:last-child {
    margin-bottom: 0 !important;
}

@media (min-width: 1024px) {
    #home-view .hero-heading-panel {
        margin: 24px 0 34px !important;
        padding: 24px 18px 23px !important;
    }

    #home-view .hero-heading-panel h1 {
        margin-bottom: 14px !important;
    }
}

#home-view .hero-heading-panel {
    background: transparent !important;
}

#home-view .hero-heading-panel h1 {
    margin-bottom: 10px !important;
    text-shadow: 0 2px 14px rgba(0,0,0,.32) !important;
}

#home-view .hero-heading-panel .hero-subtitle:first-of-type::before,
#home-view .hero-heading-panel .hero-subtitle.lang-fr::before {
    content: "◆" !important;
    display: block !important;
    width: 100% !important;
    margin: 0 auto 9px !important;
    color: rgba(223,184,107,.62) !important;
    font-size: .38rem !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
    text-align: center !important;
    text-shadow: 0 0 8px rgba(223,184,107,.12) !important;
}

#home-view .hero-heading-panel .hero-subtitle {
    text-shadow: 0 1px 8px rgba(0,0,0,.28) !important;
}

@media (max-width: 1023px) {

    #home-view .hero-subtitle {
        letter-spacing: .20em !important;
        font-weight: 600 !important;
        text-transform: uppercase !important;
        line-height: 1.45 !important;
        opacity: .92 !important;
        font-synthesis: none !important;
    }

    #home-view .eyebrow {
        font-size: clamp(.62rem, 2.65vw, .73rem) !important;
        letter-spacing: .20em !important;
        font-weight: 600 !important;
        text-transform: uppercase !important;
        line-height: 1.45 !important;
        opacity: .92 !important;
        font-synthesis: none !important;
    }

    #home-view .event-tag,
    #home-view .review-source {
        letter-spacing: .20em !important;
        font-weight: 600 !important;
        text-transform: uppercase !important;
        line-height: 1.45 !important;
        font-synthesis: none !important;
    }

    .mobile-menu-signature small {
        letter-spacing: .20em !important;
        font-weight: 600 !important;
        text-transform: uppercase !important;
        line-height: 1.45 !important;
        font-synthesis: none !important;
    }
}

#home-view .hero-heading-panel .hero-subtitle:first-of-type::before,
#home-view .hero-heading-panel .hero-subtitle.lang-fr::before {
    content: none !important;
    display: none !important;
}

#home-view .hero-heading-panel h1 {
    margin-bottom: 18px !important;
}

#home-view .hero-coachline-separator {
    position: relative !important;
    display: block !important;
    width: 104px !important;
    height: 10px !important;
    margin: 0 auto 11px !important;
    padding: 0 !important;
    line-height: 0 !important;
    pointer-events: none !important;
}

#home-view .hero-coachline-separator::before,
#home-view .hero-coachline-separator::after {
    content: "" !important;
    position: absolute !important;
    top: 50% !important;
    width: 42px !important;
    height: 1px !important;
    transform: translateY(-50%) !important;
    pointer-events: none !important;
}

#home-view .hero-coachline-separator::before {
    left: 0 !important;
    background: linear-gradient(
        90deg,
        transparent 0%,
        rgba(223,184,107,.10) 16%,
        rgba(223,184,107,.28) 48%,
        rgba(223,184,107,.58) 100%
    ) !important;
}

#home-view .hero-coachline-separator::after {
    right: 0 !important;
    background: linear-gradient(
        90deg,
        rgba(223,184,107,.58) 0%,
        rgba(223,184,107,.28) 52%,
        rgba(223,184,107,.10) 84%,
        transparent 100%
    ) !important;
}

#home-view .hero-coachline-mark {
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    width: 8px !important;
    height: 8px !important;
    transform: translate(-50%, -50%) rotate(45deg) !important;
    box-sizing: border-box !important;
    border: 1px solid rgba(232,201,137,.68) !important;
    background: rgba(8,8,8,.94) !important;
    box-shadow:
        0 0 0 1px rgba(223,184,107,.025),
        0 0 7px rgba(223,184,107,.055) !important;
}

#home-view .hero-coachline-mark::after {
    content: "" !important;
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    width: 2px !important;
    height: 2px !important;
    border-radius: 50% !important;
    background: #e8c989 !important;
    transform: translate(-50%, -50%) !important;
    box-shadow: none !important;
}

@media (max-width: 1023px) {
    #home-view .hero-coachline-separator {
        width: 96px !important;
        height: 9px !important;
        margin-bottom: 22px !important;
    }

    #home-view .hero-coachline-separator::before,
    #home-view .hero-coachline-separator::after {
        width: 38px !important;
    }

    #home-view .hero-coachline-mark {
        width: 7px !important;
        height: 7px !important;
    }
}

@media (max-width: 1023px) {
    #home-view #calcForm .booking-field-label-mobile-hidden {
        display: none !important;
        margin: 0 !important;
        padding: 0 !important;
        height: 0 !important;
        min-height: 0 !important;
        line-height: 0 !important;
    }

    :is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup),
    #home-view #timePickerPopup {
        bottom: 100% !important;
        margin-bottom: 0 !important;
    }

    #home-view #box-date .calendar-position-anchor {
        top: 2px !important;
    }
}

@media (max-width: 1023px) {
    #home-view #calcForm #depart,
    #home-view #calcForm #arrivee,
    #home-view #calcForm #heures_input,
    #home-view #calcForm #date_picker,
    #home-view #calcForm #time_input,
    #home-view #calcForm .flatpickr-input,
    #home-view #calcForm input.form-control {
        min-height: 46px !important;
        height: 46px !important;
        box-sizing: border-box !important;
        background: #080808 !important;
        background-color: #080808 !important;
        border: 1px solid rgba(223,184,107,.14) !important;
        border-radius: 6px !important;
        box-shadow: none !important;
        outline: 0 !important;
    }

    #home-view #calcForm #depart:focus,
    #home-view #calcForm #arrivee:focus,
    #home-view #calcForm #heures_input:focus,
    #home-view #calcForm #date_picker:focus,
    #home-view #calcForm #time_input:focus,
    #home-view #calcForm .flatpickr-input:focus,
    #home-view #calcForm input.form-control:focus,
    #home-view #calcForm #depart:active,
    #home-view #calcForm #arrivee:active,
    #home-view #calcForm #heures_input:active,
    #home-view #calcForm #date_picker:active,
    #home-view #calcForm #time_input:active {
        background: #080808 !important;
        background-color: #080808 !important;
        border-color: rgba(223,184,107,.14) !important;
        box-shadow: none !important;
        outline: 0 !important;
    }

    #home-view #calcForm .input-icon-wrapper:focus-within {
        border: 0 !important;
        outline: 0 !important;
        box-shadow: none !important;
    }
}

@media (max-width: 1023px) {
    #home-view #calcForm #depart,
    #home-view #calcForm #arrivee,
    #home-view #calcForm #heures_input,
    #home-view #calcForm #date_picker,
    #home-view #calcForm #time_input,
    #home-view #calcForm .flatpickr-input,
    #home-view #calcForm input.form-control {
        border-color: rgba(223,184,107,.14) !important;
        box-shadow: none !important;
        outline: 0 !important;
    }

    #home-view #calcForm #depart:focus,
    #home-view #calcForm #arrivee:focus,
    #home-view #calcForm #heures_input:focus,
    #home-view #calcForm #date_picker:focus,
    #home-view #calcForm #time_input:focus,
    #home-view #calcForm .flatpickr-input:focus,
    #home-view #calcForm input.form-control:focus {
        border-color: rgba(223,184,107,.60) !important;
        box-shadow: none !important;
        outline: 0 !important;
    }
}

#home-view #timePickerPopup.luxury-clock-popup {
    width: min(320px, calc(100vw - 28px)) !important;
    max-width: min(320px, calc(100vw - 28px)) !important;
    padding: 15px 14px 14px !important;
    background: #080808 !important;
    border: 1px solid rgba(223,184,107,.18) !important;
    border-radius: 11px !important;
    box-shadow: 0 -18px 42px rgba(0,0,0,.92) !important;
    text-align: center !important;
}

#home-view .clock-format-toggle,
#home-view .clock-meridiem-toggle {
    display: inline-grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    align-items: stretch !important;
    overflow: hidden !important;
    background: #080808 !important;
    border: 1px solid rgba(223,184,107,.38) !important;
    border-radius: 999px !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.02) !important;
}

#home-view .clock-format-toggle {
    min-width: 102px !important;
    height: 28px !important;
    margin: 0 auto 12px !important;
}

#home-view .clock-meridiem-toggle {
    min-width: 132px !important;
    height: 32px !important;
    margin: 0 auto 13px !important;
    transition: opacity .2s ease, height .2s ease, margin .2s ease !important;
}

#home-view .clock-meridiem-toggle.is-hidden {
    display: none !important;
}

#home-view .clock-format-btn,
#home-view .clock-meridiem-btn {
    appearance: none !important;
    border: 0 !important;
    border-radius: 0 !important;
    outline: 0 !important;
    background: transparent !important;
    color: rgba(232,201,137,.62) !important;
    font-family: var(--font-ui) !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    cursor: pointer !important;
    box-shadow: none !important;
    -webkit-tap-highlight-color: transparent !important;
}

#home-view .clock-format-btn {
    padding: 0 11px !important;
    font-size: .62rem !important;
    letter-spacing: .07em !important;
}

#home-view .clock-meridiem-btn {
    padding: 0 17px !important;
    font-size: .68rem !important;
    letter-spacing: .09em !important;
}

#home-view .clock-format-btn + .clock-format-btn,
#home-view .clock-meridiem-btn + .clock-meridiem-btn {
    border-left: 1px solid rgba(223,184,107,.25) !important;
}

#home-view .clock-format-btn.active,
#home-view .clock-meridiem-btn.active {
    background:
        linear-gradient(180deg, rgba(223,184,107,.16), rgba(223,184,107,.065)) !important;
    color: #efd79f !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.025) !important;
}

#home-view .clock-time-display {
    display: grid !important;
    grid-template-columns: 1fr auto 1fr !important;
    align-items: center !important;
    gap: 10px !important;
    width: min(100%, 238px) !important;
    margin: 0 auto 12px !important;
}

#home-view .clock-time-value {
    appearance: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 0 !important;
    height: 54px !important;
    margin: 0 !important;
    padding: 0 10px !important;
    background:
        linear-gradient(180deg, rgba(223,184,107,.038), rgba(223,184,107,.012)),
        #0b0b0b !important;
    border: 1px solid rgba(223,184,107,.18) !important;
    border-radius: 8px !important;
    color: rgba(255,255,255,.68) !important;
    font-family: var(--font-ui) !important;
    font-size: 1.55rem !important;
    font-weight: 500 !important;
    line-height: 1 !important;
    letter-spacing: .035em !important;
    cursor: pointer !important;
    outline: 0 !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.018) !important;
    transition:
        border-color .2s ease,
        color .2s ease,
        background .2s ease !important;
}

#home-view .clock-time-value.active-mode {
    border-color: rgba(223,184,107,.68) !important;
    color: #f1d99f !important;
    background:
        linear-gradient(180deg, rgba(223,184,107,.14), rgba(223,184,107,.052)),
        #0a0a0a !important;
}

#home-view .clock-time-separator {
    color: rgba(232,201,137,.78) !important;
    font-family: var(--font-ui) !important;
    font-size: 1.25rem !important;
    font-weight: 500 !important;
    line-height: 1 !important;
    transform: translateY(-1px) !important;
}

#home-view #timePickerPopup .clock-face {
    position: relative !important;
    width: 220px !important;
    height: 220px !important;
    margin: 0 auto 13px !important;
    overflow: visible !important;
    border: 1px solid rgba(223,184,107,.14) !important;
    border-radius: 50% !important;
    background:
        radial-gradient(circle at center, rgba(223,184,107,.025) 0 39%, transparent 40%),
        #0b0b0b !important;
    box-shadow:
        inset 0 0 0 1px rgba(255,255,255,.008),
        inset 0 0 28px rgba(0,0,0,.24) !important;
    touch-action: none !important;
    user-select: none !important;
    -webkit-user-select: none !important;
    cursor: crosshair !important;
}

#home-view #timePickerPopup .clock-face::before {
    content: "" !important;
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    width: 146px !important;
    height: 146px !important;
    border: 1px solid rgba(223,184,107,.10) !important;
    border-radius: 50% !important;
    transform: translate(-50%, -50%) !important;
    pointer-events: none !important;
}

#home-view #timePickerPopup .clock-number {
    position: absolute !important;
    width: 26px !important;
    height: 26px !important;
    line-height: 26px !important;
    text-align: center !important;
    border: 0 !important;
    border-radius: 50% !important;
    background: transparent !important;
    color: rgba(255,255,255,.72) !important;
    font-family: var(--font-ui) !important;
    font-size: .66rem !important;
    font-weight: 500 !important;
    letter-spacing: 0 !important;
    transform: translate(-50%, -50%) !important;
    transition: color .13s ease, background .13s ease !important;
    pointer-events: none !important;
    z-index: 6 !important;
}

#home-view #timePickerPopup .clock-number.inner-ring {
    font-size: .58rem !important;
    color: rgba(255,255,255,.52) !important;
}

#home-view #timePickerPopup .clock-number.selected {
    background: rgba(223,184,107,.14) !important;
    color: #f1d99f !important;
    font-weight: 600 !important;
    box-shadow: 0 0 0 1px rgba(223,184,107,.32) !important;
}

#home-view #timePickerPopup .clock-number.disabled {
    color: rgba(255,255,255,.18) !important;
    background: transparent !important;
    box-shadow: none !important;
}

#home-view #timePickerPopup .clock-minute-dot {
    position: absolute !important;
    width: 2px !important;
    height: 2px !important;
    border-radius: 50% !important;
    background: rgba(232,201,137,.36) !important;
    transform: translate(-50%, -50%) !important;
    pointer-events: none !important;
    z-index: 2 !important;
}

#home-view #timePickerPopup .clock-minute-dot.major {
    width: 3px !important;
    height: 3px !important;
    background: rgba(232,201,137,.62) !important;
}

#home-view #timePickerPopup .clock-minute-dot.selected {
    width: 6px !important;
    height: 6px !important;
    background: #e8c989 !important;
    box-shadow: 0 0 6px rgba(223,184,107,.28) !important;
}

#home-view #timePickerPopup .clock-minute-dot.disabled {
    background: rgba(255,255,255,.10) !important;
    box-shadow: none !important;
}

#home-view #timePickerPopup .clock-hand {
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    width: 1px !important;
    min-width: 1px !important;
    height: 72px;
    margin: 0 !important;
    background: #d8b46b !important;
    transform-origin: 50% 0 !important;
    transform: translate(-50%, 0) rotate(180deg);
    pointer-events: none !important;
    z-index: 4 !important;
    opacity: .98 !important;
    box-shadow: 0 0 4px rgba(223,184,107,.22) !important;
    transition:
        transform .16s cubic-bezier(.16,1,.3,1),
        height .14s cubic-bezier(.16,1,.3,1) !important;
}

#home-view #timePickerPopup .clock-face.is-dragging .clock-hand {
    transition: none !important;
}

#home-view #timePickerPopup .clock-hand::after {
    content: "" !important;
    position: absolute !important;
    left: 50% !important;
    bottom: -4px !important;
    width: 7px !important;
    height: 7px !important;
    border: 1px solid rgba(232,201,137,.88) !important;
    border-radius: 50% !important;
    background: #0b0b0b !important;
    transform: translateX(-50%) !important;
    box-shadow: 0 0 5px rgba(223,184,107,.20) !important;
}

#home-view #timePickerPopup .clock-center {
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    width: 6px !important;
    height: 6px !important;
    border: 0 !important;
    border-radius: 50% !important;
    background: #e8c989 !important;
    transform: translate(-50%, -50%) !important;
    box-shadow: 0 0 5px rgba(223,184,107,.25) !important;
    pointer-events: none !important;
    z-index: 7 !important;
}

#home-view #timePickerPopup .clock-period {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 38px !important;
    margin: 0 0 13px !important;
    padding: 0 14px !important;
    border: 1px solid rgba(223,184,107,.18) !important;
    border-radius: 7px !important;
    background:
        linear-gradient(180deg, rgba(223,184,107,.055), rgba(223,184,107,.018)) !important;
    color: #e8c989 !important;
    font-family: var(--font-ui) !important;
    font-size: .66rem !important;
    font-weight: 600 !important;
    line-height: 1 !important;
    letter-spacing: .14em !important;
    text-transform: uppercase !important;
}

#home-view #timePickerPopup .clock-picker-actions {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 8px !important;
    margin: 0 !important;
    padding: 0 !important;
}

#home-view #timePickerPopup .clock-cancel-btn,
#home-view #timePickerPopup .clock-apply-btn {
    min-height: 36px !important;
    margin: 0 !important;
    padding: 0 14px !important;
    border-radius: 6px !important;
    font-family: var(--font-ui) !important;
    font-size: .68rem !important;
    font-weight: 600 !important;
    letter-spacing: .07em !important;
    text-transform: uppercase !important;
    cursor: pointer !important;
}

#home-view #timePickerPopup .clock-cancel-btn {
    background: transparent !important;
    border: 1px solid rgba(223,184,107,.24) !important;
    color: rgba(232,201,137,.76) !important;
}

#home-view #timePickerPopup .clock-apply-btn {
    background:
        linear-gradient(180deg, rgba(223,184,107,.15), rgba(223,184,107,.055)) !important;
    border: 1px solid rgba(223,184,107,.60) !important;
    color: #efd79f !important;
}

@media (max-width: 1023px) {
    #home-view #timePickerPopup.luxury-clock-popup {
        width: min(308px, calc(100vw - 28px)) !important;
        max-width: min(308px, calc(100vw - 28px)) !important;
        padding: 13px 12px 12px !important;
    }

    #home-view #timePickerPopup .clock-face {
        width: 214px !important;
        height: 214px !important;
    }

    #home-view #timePickerPopup .clock-face::before {
        width: 142px !important;
        height: 142px !important;
    }
}

#home-view #timePickerPopup .clock-picker-actions {
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    margin: 0 !important;
    padding: 0 !important;
}

#home-view #timePickerPopup .clock-picker-actions .clock-format-toggle {
    flex: 0 0 auto !important;
    width: 102px !important;
    min-width: 102px !important;
    height: 32px !important;
    margin: 0 !important;
}

#home-view #timePickerPopup .clock-cancel-slot {
    flex: 0 0 auto !important;
    margin-left: auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
}

#home-view #timePickerPopup .clock-cancel-btn {
    min-height: 32px !important;
    height: 32px !important;
    margin: 0 !important;
    padding: 0 12px !important;
    color: #ffffff !important;
}

#home-view #timePickerPopup .clock-face::before {
    content: none !important;
    display: none !important;
}

#home-view #timePickerPopup .clock-number {
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
    min-height: 28px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    line-height: 1 !important;
    box-sizing: border-box !important;
    border-radius: 50% !important;
    font-variant-numeric: tabular-nums !important;
    transform: translate(-50%, -50%) !important;
    transform-origin: center center !important;
}

#home-view #timePickerPopup .clock-number.inner-ring {
    width: 24px !important;
    height: 24px !important;
    min-width: 24px !important;
    min-height: 24px !important;
}

#home-view #timePickerPopup .clock-minute-dot {
    width: 3px !important;
    height: 3px !important;
    min-width: 3px !important;
    min-height: 3px !important;
    box-sizing: border-box !important;
    transform: translate(-50%, -50%) !important;
    transform-origin: center center !important;
}

#home-view #timePickerPopup .clock-minute-dot.selected {
    width: 24px !important;
    height: 24px !important;
    min-width: 24px !important;
    min-height: 24px !important;
    z-index: 6 !important;
    background: rgba(223,184,107,.14) !important;
    border: 1px solid rgba(223,184,107,.32) !important;
    box-shadow: none !important;
}

#home-view #timePickerPopup .clock-hand::after {
    content: none !important;
    display: none !important;
}

#home-view #timePickerPopup .clock-number,
#home-view #timePickerPopup .clock-number.inner-ring,
#home-view #timePickerPopup .clock-number.selected {
    color: #ffffff !important;
}

#home-view #timePickerPopup .clock-number.disabled,
#home-view #timePickerPopup .clock-number.inner-ring.disabled,
#home-view #timePickerPopup .clock-number.selected.disabled {
    color: #8e8e8e !important;
    background: transparent !important;
    box-shadow: none !important;
}

#home-view #timePickerPopup .clock-picker-actions {
    display: flex !important;
    align-items: flex-end !important;
    justify-content: space-between !important;
    gap: 14px !important;
    width: 100% !important;
}

#home-view #timePickerPopup .clock-bottom-controls-left {
    display: flex !important;
    align-items: flex-end !important;
    justify-content: flex-start !important;
    gap: 8px !important;
    min-width: 0 !important;
}

#home-view #timePickerPopup .clock-format-toggle,
#home-view #timePickerPopup .clock-meridiem-toggle {
    display: grid !important;
    grid-template-columns: 1fr !important;
    grid-template-rows: repeat(2, 28px) !important;
    width: 54px !important;
    min-width: 54px !important;
    height: 56px !important;
    min-height: 56px !important;
    margin: 0 !important;
    border-radius: 7px !important;
    overflow: hidden !important;
}

#home-view #timePickerPopup .clock-meridiem-toggle {
    width: 50px !important;
    min-width: 50px !important;
}

#home-view #timePickerPopup .clock-meridiem-toggle.is-hidden {
    display: none !important;
}

#home-view #timePickerPopup .clock-format-btn,
#home-view #timePickerPopup .clock-meridiem-btn {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 28px !important;
    min-height: 28px !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    line-height: 1 !important;
    text-align: center !important;
}

#home-view #timePickerPopup .clock-format-btn + .clock-format-btn,
#home-view #timePickerPopup .clock-meridiem-btn + .clock-meridiem-btn {
    border-left: 0 !important;
    border-top: 1px solid rgba(223,184,107,.25) !important;
}

#home-view #timePickerPopup .clock-cancel-slot {
    display: flex !important;
    align-items: flex-end !important;
    justify-content: flex-end !important;
    margin-left: auto !important;
}

#home-view #timePickerPopup .clock-cancel-btn,
:is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .clock-cancel-btn,
.flatpickr-calendar .calendar-cancel-btn {
    appearance: none !important;
    min-height: 32px !important;
    height: 32px !important;
    margin: 0 !important;
    padding: 0 12px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
    border: 1px solid rgba(223,184,107,.24) !important;
    border-radius: 6px !important;
    background: transparent !important;
    color: #ffffff !important;
    font-family: var(--font-ui) !important;
    font-size: .68rem !important;
    font-weight: 600 !important;
    line-height: 1 !important;
    letter-spacing: .07em !important;
    text-transform: uppercase !important;
    box-shadow: none !important;
    cursor: pointer !important;
    -webkit-tap-highlight-color: transparent !important;
}

:is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hours-picker-actions {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    margin: 0 !important;
    padding: 0 !important;
}

:is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hours-grid-container,
:is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hour-grid-item,
.flatpickr-calendar .flatpickr-days,
.flatpickr-calendar .dayContainer,
.flatpickr-calendar .flatpickr-day {
    touch-action: none !important;
    -webkit-user-select: none !important;
    user-select: none !important;
}

@media (max-width: 1023px) {
    #home-view #box-date .calendar-position-anchor {
        top: 1px !important;
    }
}

#home-view #timePickerPopup .clock-picker-actions .clock-format-toggle,
#home-view #timePickerPopup .clock-picker-actions .clock-meridiem-toggle {
    width: 50px !important;
    min-width: 50px !important;
}

#home-view #timePickerPopup .clock-format-btn,
#home-view #timePickerPopup .clock-meridiem-btn {
    font-size: .68rem !important;
    letter-spacing: .09em !important;
}

#home-view #timePickerPopup .clock-back-btn {
    display: none !important;
}

#home-view #timePickerPopup.minutes-mode-active .clock-back-btn {
    display: inline-flex !important;
}

#home-view #timePickerPopup .clock-cancel-slot {
    gap: 7px !important;
}

:is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .clock-cancel-btn[style*="display:none"],
:is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .clock-cancel-btn[style*="display: none"] {
    display: none !important;
}

:is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hours-picker-actions {
    width: 100% !important;
    justify-content: flex-end !important;
}

:is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hour-grid-item,
:is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hour-grid-item:hover,
:is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hour-grid-item:focus,
:is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hour-grid-item:active {
    outline: 0 !important;
    -webkit-tap-highlight-color: transparent !important;
    -webkit-touch-callout: none !important;
    user-select: none !important;
}

:is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hour-grid-item:not(.selected):not(.gesture-preview) {
    box-shadow: none !important;
}

:is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hour-grid-item.gesture-preview {
    background-color: var(--accent-gold) !important;
    color: #000 !important;
    border-color: var(--accent-gold) !important;
}

.flatpickr-calendar .flatpickr-day.gesture-preview,
.flatpickr-calendar .flatpickr-day.gesture-preview:hover,
.flatpickr-calendar .flatpickr-day.gesture-preview:focus {
    background: var(--accent-gold) !important;
    border-color: var(--accent-gold) !important;
    color: #000000 !important;
    font-weight: 700 !important;
}

@media (max-width: 1023px) {
    #home-view #box-date .calendar-position-anchor {
        top: 0 !important;
    }

    .flatpickr-calendar.open.arrowBottom::before,
    .flatpickr-calendar.open.arrowBottom::after {
        content: none !important;
        display: none !important;
    }
}

:is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup).open,
#home-view #timePickerPopup.open {
    pointer-events: auto !important;
    isolation: isolate !important;
}

:is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hours-picker-actions,
.flatpickr-calendar .calendar-action-bar {
    display: none !important;
}

#home-view #timePickerPopup .clock-direct-picker {
    display: none !important;
    width: 100% !important;
    height: 214px !important;
    margin: 0 auto 13px !important;
    overflow: hidden !important;
}

#home-view #timePickerPopup.direct-menu-open .clock-direct-picker {
    display: flex !important;
}

#home-view #timePickerPopup.direct-menu-open .clock-face,
#home-view #timePickerPopup.direct-menu-open .clock-period {
    display: none !important;
}

#home-view #timePickerPopup .clock-direct-grid {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    align-content: start !important;
    gap: 5px !important;
    width: 100% !important;
    height: 100% !important;
    padding: 4px !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    box-sizing: border-box !important;
    overscroll-behavior: contain !important;
    touch-action: pan-y !important;
    scrollbar-color: rgba(223,184,107,.38) transparent !important;
    scrollbar-width: thin !important;
    -webkit-user-select: none !important;
    user-select: none !important;
    -webkit-touch-callout: none !important;
}

#home-view #timePickerPopup .clock-direct-item {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 0 !important;
    min-height: 31px !important;
    padding: 0 3px !important;
    border: 1px solid rgba(223,184,107,.14) !important;
    border-radius: 6px !important;
    background: rgba(255,255,255,.018) !important;
    color: rgba(255,255,255,.86) !important;
    font-family: var(--font-ui) !important;
    font-size: .70rem !important;
    font-weight: 500 !important;
    line-height: 1 !important;
    font-variant-numeric: tabular-nums !important;
    box-shadow: none !important;
    outline: 0 !important;
    cursor: pointer !important;
    -webkit-tap-highlight-color: transparent !important;
}

#home-view #timePickerPopup .clock-direct-item.selected {
    border-color: rgba(223,184,107,.58) !important;
    background: rgba(223,184,107,.12) !important;
    color: #efd79f !important;
}

#home-view #timePickerPopup .clock-direct-item.disabled {
    border-color: rgba(255,255,255,.045) !important;
    background: transparent !important;
    color: #666666 !important;
    cursor: default !important;
}

#home-view #timePickerPopup .clock-direct-item.gesture-preview {
    border-color: rgba(223,184,107,.48) !important;
    background: rgba(223,184,107,.10) !important;
    color: #e8c989 !important;
    font-weight: 600 !important;
    box-shadow: inset 0 0 0 1px rgba(223,184,107,.07) !important;
    transform: none !important;
}

#home-view #timePickerPopup .clock-edit-btn {
    gap: 7px !important;
    min-height: 32px !important;
    height: 32px !important;
    padding: 0 11px !important;
    border: 1px solid rgba(223,184,107,.46) !important;
    border-radius: 7px !important;
    background: linear-gradient(180deg, rgba(223,184,107,.045), rgba(223,184,107,.018)) !important;
    color: rgba(229,198,137,.92) !important;
    font-family: var(--font-ui) !important;
    font-size: .68rem !important;
    font-weight: 500 !important;
    letter-spacing: .055em !important;
    text-transform: uppercase !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.025), 0 5px 18px rgba(0,0,0,.12) !important;
}

#home-view #timePickerPopup .clock-edit-btn i {
    font-size: .67rem !important;
    transition: transform .22s cubic-bezier(.16,1,.3,1) !important;
}

#home-view #timePickerPopup .clock-edit-btn:active {
    transform: scale(.975) !important;
    border-color: rgba(223,184,107,.72) !important;
    background: rgba(223,184,107,.075) !important;
}

:is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hours-grid-container,
:is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hour-grid-item,
#home-view #timePickerPopup .clock-face,
#home-view #timePickerPopup .clock-number,
.flatpickr-calendar .flatpickr-days,
.flatpickr-calendar .dayContainer,
.flatpickr-calendar .flatpickr-day {
    -webkit-user-select: none !important;
    user-select: none !important;
    -webkit-touch-callout: none !important;
    -webkit-tap-highlight-color: transparent !important;
}

:is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hour-grid-item.gesture-preview,
:is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hour-grid-item.gesture-preview:hover,
:is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hour-grid-item.gesture-preview:focus,
:is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hour-grid-item.gesture-preview:active {
    border-color: rgba(223,184,107,.48) !important;
    background: rgba(223,184,107,.10) !important;
    color: #e8c989 !important;
    font-weight: 600 !important;
    box-shadow: inset 0 0 0 1px rgba(223,184,107,.07) !important;
    transform: none !important;
}

.flatpickr-calendar .flatpickr-day.gesture-preview,
.flatpickr-calendar .flatpickr-day.gesture-preview:hover,
.flatpickr-calendar .flatpickr-day.gesture-preview:focus,
.flatpickr-calendar .flatpickr-day.gesture-preview:active {
    border-color: rgba(223,184,107,.48) !important;
    background: rgba(223,184,107,.10) !important;
    color: #e8c989 !important;
    font-weight: 600 !important;
    box-shadow: inset 0 0 0 1px rgba(223,184,107,.07) !important;
    transform: none !important;
}

@media (hover: hover) and (pointer: fine) {
    :is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hour-grid-item:hover:not(.selected):not(.gesture-preview),
    .flatpickr-calendar .flatpickr-day:hover:not(.selected):not(.gesture-preview),
    #home-view #timePickerPopup .clock-direct-item:hover:not(.selected):not(.disabled):not(.gesture-preview) {
        border-color: rgba(223,184,107,.34) !important;
        background: rgba(223,184,107,.075) !important;
        color: #e8c989 !important;
        box-shadow: none !important;
        transform: none !important;
    }

    #home-view #timePickerPopup .clock-edit-btn:hover {
        border-color: rgba(223,184,107,.68) !important;
        background: rgba(223,184,107,.065) !important;
        color: #e8c989 !important;
    }

    #home-view #timePickerPopup .clock-edit-btn:hover i {
        transform: translateX(-2px) !important;
    }
}

@media (hover: none), (pointer: coarse) {
    :is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hour-grid-item:hover:not(.selected):not(.gesture-preview),
    .flatpickr-calendar .flatpickr-day:hover:not(.selected):not(.gesture-preview),
    #home-view #timePickerPopup .clock-direct-item:hover:not(.selected):not(.disabled):not(.gesture-preview) {
        border-color: transparent !important;
        background: transparent !important;
        color: inherit !important;
        box-shadow: none !important;
        transform: none !important;
    }

    .flatpickr-calendar .flatpickr-day.today:hover:not(.selected):not(.gesture-preview) {
        border-color: rgba(223,184,107,.45) !important;
    }
}

:is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) {
    width: min(204px, 100%) !important;
    max-width: min(204px, 100%) !important;
    padding: 6px 5px !important;
    overflow: hidden !important;
    text-align: left !important;
    background: #080808 !important;
    border: 1px solid rgba(223,184,107,.34) !important;
    border-radius: 7px !important;
    box-shadow: 0 -16px 34px rgba(0,0,0,.88) !important;
}

:is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) #display-hours-selected {
    display: none !important;
}

:is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hours-grid-container {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 0 !important;
    width: 100% !important;
    max-height: 224px !important;
    margin: 0 !important;
    padding: 0 3px 0 0 !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    overscroll-behavior: contain !important;
    touch-action: pan-y !important;
    scrollbar-width: thin !important;
    scrollbar-color: rgba(223,184,107,.62) transparent !important;
}

:is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hours-grid-container::-webkit-scrollbar,
#home-view #timePickerPopup .clock-direct-grid::-webkit-scrollbar {
    width: 3px !important;
}

:is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hours-grid-container::-webkit-scrollbar-track,
#home-view #timePickerPopup .clock-direct-grid::-webkit-scrollbar-track {
    background: transparent !important;
}

:is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hours-grid-container::-webkit-scrollbar-thumb,
#home-view #timePickerPopup .clock-direct-grid::-webkit-scrollbar-thumb {
    background: rgba(223,184,107,.62) !important;
    border-radius: 999px !important;
}

:is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hour-grid-item {
    appearance: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    min-height: 42px !important;
    margin: 0 !important;
    padding: 0 12px !important;
    border: 0 !important;
    border-radius: 5px !important;
    background: transparent !important;
    color: rgba(255,255,255,.88) !important;
    font-family: var(--font-ui) !important;
    font-size: .78rem !important;
    font-weight: 500 !important;
    line-height: 1 !important;
    letter-spacing: .01em !important;
    text-transform: none !important;
    font-style: normal !important;
    font-variant-numeric: tabular-nums !important;
    text-align: left !important;
    box-shadow: none !important;
    cursor: pointer !important;
    touch-action: manipulation !important;
}

:is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hour-grid-item::after {
    content: none !important;
    display: none !important;
}

:is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hour-grid-item.selected,
:is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hour-grid-item.gesture-preview {
    border: 1px solid rgba(223,184,107,.82) !important;
    background: rgba(223,184,107,.16) !important;
    color: #efd79f !important;
    font-weight: 600 !important;
    box-shadow: none !important;
}

:is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hour-grid-item.selected::after,
:is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hour-grid-item.gesture-preview::after {
    content: none !important;
    display: none !important;
}

#home-view #timePickerPopup.luxury-clock-popup {
    overflow: visible !important;
}

#home-view #timePickerPopup .clock-time-display {
    grid-template-columns: 34px auto 34px !important;
    gap: 4px !important;
    width: auto !important;
    margin: 0 !important;
}

#home-view #timePickerPopup .clock-time-value {
    width: 34px !important;
    min-width: 34px !important;
    max-width: 34px !important;
    height: 34px !important;
    min-height: 34px !important;
    max-height: 34px !important;
    padding: 0 !important;
    border: 1px solid rgba(223,184,107,.20) !important;
    border-radius: 6px !important;
    background: #0b0b0b !important;
    color: rgba(255,255,255,.84) !important;
    font-family: var(--font-ui) !important;
    font-size: .78rem !important;
    font-weight: 500 !important;
    line-height: 1 !important;
    letter-spacing: .025em !important;
    font-style: normal !important;
    font-variant-numeric: tabular-nums !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.018) !important;
}

#home-view #timePickerPopup .clock-time-value.active-mode {
    border-color: rgba(223,184,107,.62) !important;
    background: rgba(223,184,107,.10) !important;
    color: #efd79f !important;
    box-shadow: none !important;
}

#home-view #timePickerPopup .clock-time-separator {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 4px !important;
    color: rgba(232,201,137,.74) !important;
    font-family: var(--font-ui) !important;
    font-size: .76rem !important;
    font-weight: 500 !important;
}

#home-view #timePickerPopup .clock-direct-picker {
    position: absolute !important;
    top: auto !important;
    bottom: calc(100% + 8px) !important;
    z-index: 40 !important;
    display: none !important;
    width: 72px !important;
    height: auto !important;
    max-height: 222px !important;
    margin: 0 !important;
    padding: 5px 4px !important;
    overflow: hidden !important;
    background: #080808 !important;
    border: 1px solid rgba(223,184,107,.34) !important;
    border-radius: 7px !important;
    box-shadow: 0 -16px 34px rgba(0,0,0,.88) !important;
}

#home-view #timePickerPopup.direct-menu-open .clock-direct-picker {
    display: block !important;
}

#home-view #timePickerPopup.direct-hours-open .clock-direct-picker {
    left: 0 !important;
    right: auto !important;
}

#home-view #timePickerPopup.direct-minutes-open .clock-direct-picker {
    right: 0 !important;
    left: auto !important;
}

#home-view #timePickerPopup.direct-menu-open .clock-face {
    display: block !important;
}

#home-view #timePickerPopup.direct-menu-open .clock-period {
    display: flex !important;
}

#home-view #timePickerPopup .clock-direct-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    align-content: start !important;
    gap: 0 !important;
    width: 100% !important;
    height: auto !important;
    max-height: 210px !important;
    margin: 0 !important;
    padding: 0 3px 0 0 !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    overscroll-behavior: contain !important;
    touch-action: pan-y !important;
    scrollbar-width: thin !important;
    scrollbar-color: rgba(223,184,107,.62) transparent !important;
}

#home-view #timePickerPopup .clock-direct-item {
    appearance: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-height: 36px !important;
    margin: 0 !important;
    padding: 0 6px !important;
    border: 0 !important;
    border-radius: 5px !important;
    background: transparent !important;
    color: rgba(255,255,255,.88) !important;
    font-family: var(--font-ui) !important;
    font-size: .78rem !important;
    font-weight: 500 !important;
    line-height: 1 !important;
    letter-spacing: .025em !important;
    text-transform: none !important;
    font-style: normal !important;
    font-variant-numeric: tabular-nums !important;
    text-align: center !important;
    box-shadow: none !important;
    cursor: pointer !important;
    touch-action: manipulation !important;
}

#home-view #timePickerPopup .clock-direct-item::after {
    content: none !important;
    display: none !important;
}

#home-view #timePickerPopup .clock-direct-item.selected,
#home-view #timePickerPopup .clock-direct-item.gesture-preview {
    background: rgba(223,184,107,.12) !important;
    color: #efd79f !important;
    font-weight: 600 !important;
}

#home-view #timePickerPopup .clock-direct-item.selected::after,
#home-view #timePickerPopup .clock-direct-item.gesture-preview::after {
    content: none !important;
    display: none !important;
}

#home-view #timePickerPopup .clock-direct-item.disabled {
    background: transparent !important;
    color: rgba(255,255,255,.24) !important;
    cursor: default !important;
}

#home-view #timePickerPopup .clock-picker-actions {
    align-items: flex-end !important;
    justify-content: space-between !important;
}

#home-view #timePickerPopup .clock-cancel-slot {
    order: 1 !important;
    margin: 0 !important;
    justify-content: flex-start !important;
    position: relative !important;
}

#home-view #timePickerPopup .clock-bottom-controls-left {
    order: 2 !important;
    margin-left: auto !important;
    justify-content: flex-end !important;
}

#home-view #timePickerPopup .clock-meridiem-toggle {
    order: 1 !important;
}

#home-view #timePickerPopup .clock-format-toggle {
    order: 2 !important;
}

#home-view #timePickerPopup .clock-format-btn,
#home-view #timePickerPopup .clock-meridiem-btn {
    font-size: .68rem !important;
    font-weight: 600 !important;
    letter-spacing: .09em !important;
}

#home-view #timePickerPopup .clock-number.selected:not(.disabled),
#home-view #timePickerPopup .clock-number.inner-ring.selected:not(.disabled),
#home-view #timePickerPopup .clock-number.minute-label.selected:not(.disabled) {
    background: rgba(223,184,107,.16) !important;
    border: 1px solid rgba(223,184,107,.82) !important;
    color: #efd79f !important;
    font-weight: 600 !important;
    box-shadow: none !important;
}

#home-view #timePickerPopup .clock-minute-dot.selected:not(.disabled) {
    background: rgba(223,184,107,.16) !important;
    border: 1px solid rgba(223,184,107,.82) !important;
    box-shadow: none !important;
}

@media (max-width: 1023px) {
    :is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) {
        width: 196px !important;
        max-width: calc(100vw - 28px) !important;
    }

    #home-view #timePickerPopup .clock-direct-picker {
        top: auto !important;
        bottom: calc(100% + 8px) !important;
    }
}

.flatpickr-calendar .flatpickr-months,
.flatpickr-calendar .flatpickr-month,
.flatpickr-calendar .flatpickr-current-month {
    background: #080808 !important;
    color: var(--accent-gold) !important;
}

.flatpickr-calendar .flatpickr-current-month .flatpickr-monthDropdown-months,
.flatpickr-calendar .flatpickr-current-month input.cur-year,
.flatpickr-calendar .flatpickr-current-month .numInputWrapper,
.flatpickr-calendar .flatpickr-current-month .numInputWrapper input {
    background: transparent !important;
    color: var(--accent-gold) !important;
    font-family: var(--font-ui) !important;
    font-size: .68rem !important;
    font-weight: 600 !important;
    letter-spacing: .20em !important;
    text-transform: uppercase !important;
    opacity: .92 !important;
}

.flatpickr-calendar .flatpickr-current-month .flatpickr-monthDropdown-months:hover,
.flatpickr-calendar .flatpickr-current-month .flatpickr-monthDropdown-months:focus,
.flatpickr-calendar .flatpickr-current-month .numInputWrapper:hover,
.flatpickr-calendar .flatpickr-current-month .numInputWrapper:focus-within {
    background: rgba(223,184,107,.08) !important;
    color: #efd79f !important;
}

.flatpickr-calendar .flatpickr-prev-month,
.flatpickr-calendar .flatpickr-next-month {
    color: var(--accent-gold) !important;
    fill: var(--accent-gold) !important;
    opacity: .78 !important;
}

.flatpickr-calendar .flatpickr-prev-month:hover,
.flatpickr-calendar .flatpickr-next-month:hover {
    background: rgba(223,184,107,.07) !important;
    color: #efd79f !important;
    fill: #efd79f !important;
    opacity: 1 !important;
}

.flatpickr-calendar .flatpickr-weekdays,
.flatpickr-calendar .flatpickr-weekdaycontainer,
.flatpickr-calendar span.flatpickr-weekday,
.flatpickr-calendar .flatpickr-weekday {
    background: #0b0b0b !important;
}

.flatpickr-calendar .flatpickr-weekdays {
    border-bottom: 1px solid rgba(223,184,107,.10) !important;
}

.flatpickr-calendar span.flatpickr-weekday,
.flatpickr-calendar .flatpickr-weekday {
    color: rgba(255,255,255,.48) !important;
    font-family: var(--font-ui) !important;
    font-size: .65rem !important;
    font-weight: 600 !important;
    letter-spacing: .04em !important;
}

.flatpickr-calendar .flatpickr-day.flatpickr-disabled,
.flatpickr-calendar .flatpickr-day.flatpickr-disabled:hover,
.flatpickr-calendar .flatpickr-day.flatpickr-disabled:focus,
.flatpickr-calendar .flatpickr-day.flatpickr-disabled:active,
.flatpickr-calendar .flatpickr-day.notAllowed,
.flatpickr-calendar .flatpickr-day.notAllowed:hover,
.flatpickr-calendar .flatpickr-day.notAllowed:focus,
.flatpickr-calendar .flatpickr-day.notAllowed:active {
    background: transparent !important;
    border-color: transparent !important;
    color: rgba(255,255,255,.18) !important;
    box-shadow: none !important;
}

#home-view #calcForm input:not(#depart):not(#arrivee),
#home-view #calcForm textarea,
#home-view #calcForm select {
    caret-color: transparent !important;
}

.flatpickr-calendar .flatpickr-day {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-family: var(--font-ui) !important;
    font-size: .94rem !important;
    font-weight: 400 !important;
    font-style: normal !important;
    line-height: 1 !important;
    letter-spacing: normal !important;
    font-synthesis: none !important;
}

.flatpickr-calendar .flatpickr-day.flatpickr-disabled,
.flatpickr-calendar .flatpickr-day.flatpickr-disabled:hover,
.flatpickr-calendar .flatpickr-day.flatpickr-disabled:focus,
.flatpickr-calendar .flatpickr-day.flatpickr-disabled:focus-visible,
.flatpickr-calendar .flatpickr-day.flatpickr-disabled:active,
.flatpickr-calendar .flatpickr-day.flatpickr-disabled.selected,
.flatpickr-calendar .flatpickr-day.flatpickr-disabled.gesture-preview,
.flatpickr-calendar .flatpickr-day[aria-disabled="true"],
.flatpickr-calendar .flatpickr-day[aria-disabled="true"]:hover,
.flatpickr-calendar .flatpickr-day[aria-disabled="true"]:focus,
.flatpickr-calendar .flatpickr-day[aria-disabled="true"]:focus-visible,
.flatpickr-calendar .flatpickr-day[aria-disabled="true"]:active,
.flatpickr-calendar .flatpickr-day[aria-disabled="true"].selected,
.flatpickr-calendar .flatpickr-day[aria-disabled="true"].gesture-preview,
.flatpickr-calendar .flatpickr-day.notAllowed,
.flatpickr-calendar .flatpickr-day.notAllowed:hover,
.flatpickr-calendar .flatpickr-day.notAllowed:focus,
.flatpickr-calendar .flatpickr-day.notAllowed:active {
    pointer-events: none !important;
    background: transparent !important;
    border-color: transparent !important;
    color: rgba(255,255,255,.24) !important;
    -webkit-text-fill-color: rgba(255,255,255,.24) !important;
    opacity: 1 !important;
    font-weight: 400 !important;
    box-shadow: none !important;
    text-shadow: none !important;
}

.flatpickr-calendar .flatpickr-current-month {
    overflow: visible !important;
}

.flatpickr-calendar .flatpickr-current-month > .flatpickr-monthDropdown-months,
.flatpickr-calendar .flatpickr-current-month > .numInputWrapper {
    visibility: hidden !important;
    pointer-events: none !important;
    opacity: 0 !important;
}

.flatpickr-calendar .calendar-custom-heading {
    position: absolute !important;
    inset: 0 !important;
    z-index: 12 !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    align-items: stretch !important;
    width: 100% !important;
    height: 100% !important;
}

.flatpickr-calendar .calendar-heading-trigger {
    appearance: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 5px !important;
    border: 0 !important;
    border-radius: 5px !important;
    background: transparent !important;
    color: var(--accent-gold) !important;
    font-family: var(--font-ui) !important;
    font-size: .68rem !important;
    font-weight: 600 !important;
    font-style: normal !important;
    line-height: 1 !important;
    letter-spacing: .20em !important;
    text-transform: uppercase !important;
    font-synthesis: none !important;
    opacity: .92 !important;
    box-shadow: none !important;
    -webkit-tap-highlight-color: transparent !important;
}

.flatpickr-calendar .calendar-heading-trigger[aria-expanded="true"],
.flatpickr-calendar .calendar-heading-trigger:active {
    background: rgba(223,184,107,.08) !important;
    color: #efd79f !important;
    opacity: 1 !important;
}

.flatpickr-calendar .calendar-header-dropdown {
    position: absolute !important;
    top: calc(100% + 4px) !important;
    z-index: 80 !important;
    display: none !important;
    width: 116px !important;
    max-height: 210px !important;
    margin: 0 !important;
    padding: 5px 4px !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    box-sizing: border-box !important;
    background: #080808 !important;
    border: 1px solid rgba(223,184,107,.34) !important;
    border-radius: 7px !important;
    box-shadow: 0 16px 34px rgba(0,0,0,.88) !important;
    overscroll-behavior: contain !important;
    touch-action: pan-y !important;
    scrollbar-width: thin !important;
    scrollbar-color: rgba(223,184,107,.62) transparent !important;
}

.flatpickr-calendar .calendar-header-dropdown.open {
    display: block !important;
}

.flatpickr-calendar .calendar-custom-heading.month-menu-open .calendar-header-dropdown {
    left: 25% !important;
    right: auto !important;
    transform: translateX(-50%) !important;
}

.flatpickr-calendar .calendar-custom-heading.year-menu-open .calendar-header-dropdown {
    left: 75% !important;
    right: auto !important;
    transform: translateX(-50%) !important;
}

.flatpickr-calendar .calendar-header-option {
    appearance: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-height: 36px !important;
    margin: 0 !important;
    padding: 0 7px !important;
    border: 0 !important;
    border-radius: 5px !important;
    background: transparent !important;
    color: rgba(255,255,255,.88) !important;
    font-family: var(--font-ui) !important;
    font-size: .94rem !important;
    font-weight: 400 !important;
    font-style: normal !important;
    line-height: 1 !important;
    letter-spacing: normal !important;
    font-synthesis: none !important;
    text-align: center !important;
    box-shadow: none !important;
    -webkit-tap-highlight-color: transparent !important;
}

.flatpickr-calendar .calendar-header-option.selected,
.flatpickr-calendar .calendar-header-option.gesture-preview {
    background: rgba(223,184,107,.12) !important;
    color: #efd79f !important;
    font-weight: 600 !important;
}

.flatpickr-calendar .calendar-header-option.disabled {
    background: transparent !important;
    color: rgba(255,255,255,.24) !important;
    -webkit-text-fill-color: rgba(255,255,255,.24) !important;
}

.flatpickr-calendar .calendar-header-dropdown::-webkit-scrollbar {
    width: 3px !important;
}

.flatpickr-calendar .calendar-header-dropdown::-webkit-scrollbar-track {
    background: transparent !important;
}

.flatpickr-calendar .calendar-header-dropdown::-webkit-scrollbar-thumb {
    background: rgba(223,184,107,.62) !important;
    border-radius: 999px !important;
}

#home-view #timePickerPopup .clock-number,
#home-view #timePickerPopup .clock-number.inner-ring,
#home-view #timePickerPopup .clock-number.minute-label,
#home-view #timePickerPopup .clock-time-value,
#home-view #timePickerPopup .clock-time-separator,
#home-view #timePickerPopup .clock-format-btn,
#home-view #timePickerPopup .clock-meridiem-btn,
#home-view #timePickerPopup .clock-direct-item {
    font-family: var(--font-ui) !important;
    font-size: .94rem !important;
    font-weight: 400 !important;
    font-style: normal !important;
    line-height: 1 !important;
    letter-spacing: normal !important;
    font-synthesis: none !important;
}

#home-view #timePickerPopup .clock-period {
    color: var(--accent-gold) !important;
    font-family: var(--font-ui) !important;
    font-size: .68rem !important;
    font-weight: 600 !important;
    font-style: normal !important;
    line-height: 1.45 !important;
    letter-spacing: .20em !important;
    text-transform: uppercase !important;
    font-synthesis: none !important;
    opacity: .92 !important;
}

#home-view #timePickerPopup .clock-direct-picker {
    width: 34px !important;
    min-width: 34px !important;
    max-width: 34px !important;
    padding: 4px 2px !important;
    box-sizing: border-box !important;
}

#home-view #timePickerPopup .clock-direct-grid {
    padding-right: 0 !important;
}

#home-view #timePickerPopup .clock-direct-item {
    min-height: 36px !important;
    padding: 0 !important;
}

#home-view #timePickerPopup .clock-face {
    border: 0 !important;
    background-color: transparent !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 100% 100% !important;
    box-shadow: none !important;
}

#home-view #timePickerPopup .clock-face.hours-mode.format-12 {
    background-image: none !important;
}

#home-view #timePickerPopup .clock-face.hours-mode.format-24 {
    background-image: none !important;
}

#home-view #timePickerPopup .clock-face.minutes-mode {
    background-image: none !important;
}

#home-view #timePickerPopup .clock-face::before {
    content: none !important;
    display: none !important;
}

.flatpickr-calendar .flatpickr-day.today:not(.selected):not(.startRange):not(.endRange):not(.gesture-preview):not(.flatpickr-disabled):not(.notAllowed):not([aria-disabled="true"]) {
    background: transparent !important;
    border-color: transparent !important;
    color: rgba(255,255,255,.88) !important;
    font-weight: 400 !important;
    box-shadow: none !important;
}

.flatpickr-calendar .flatpickr-day.today:not(.selected):not(.startRange):not(.endRange):not(.gesture-preview):not(.flatpickr-disabled):not(.notAllowed):not([aria-disabled="true"]):hover,
.flatpickr-calendar .flatpickr-day.today:not(.selected):not(.startRange):not(.endRange):not(.gesture-preview):not(.flatpickr-disabled):not(.notAllowed):not([aria-disabled="true"]):focus {
    background: rgba(223,184,107,.075) !important;
    border-color: rgba(223,184,107,.28) !important;
    color: #efd79f !important;
    outline: none !important;
}

@media (hover: none), (pointer: coarse) {
    .flatpickr-calendar .flatpickr-day.today:not(.selected):not(.startRange):not(.endRange):not(.gesture-preview):not(.flatpickr-disabled):not(.notAllowed):not([aria-disabled="true"]):hover,
    .flatpickr-calendar .flatpickr-day.today:not(.selected):not(.startRange):not(.endRange):not(.gesture-preview):not(.flatpickr-disabled):not(.notAllowed):not([aria-disabled="true"]):focus,
    .flatpickr-calendar .flatpickr-day.today:not(.selected):not(.startRange):not(.endRange):not(.gesture-preview):not(.flatpickr-disabled):not(.notAllowed):not([aria-disabled="true"]):active {
        background: transparent !important;
        border-color: transparent !important;
        color: rgba(255,255,255,.88) !important;
        box-shadow: none !important;
    }
}

.flatpickr-calendar .flatpickr-day,
#home-view #timePickerPopup .clock-number,
#home-view #timePickerPopup .clock-number.inner-ring,
#home-view #timePickerPopup .clock-number.minute-label {
    font-family: var(--font-ui) !important;
    font-size: .94rem !important;
    font-style: normal !important;
    line-height: 1 !important;
    letter-spacing: normal !important;
    font-synthesis: none !important;
    font-variant-numeric: tabular-nums !important;
    font-feature-settings: "tnum" 1 !important;
}

.flatpickr-calendar .flatpickr-day:not(.selected):not(.startRange):not(.endRange):not(.gesture-preview),
#home-view #timePickerPopup .clock-number:not(.selected) {
    font-weight: 400 !important;
}

.flatpickr-calendar .flatpickr-day.selected,
.flatpickr-calendar .flatpickr-day.startRange,
.flatpickr-calendar .flatpickr-day.endRange,
.flatpickr-calendar .flatpickr-day.gesture-preview,
#home-view #timePickerPopup .clock-number.selected:not(.disabled) {
    font-weight: 600 !important;
}

:is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hour-grid-item,
#home-view #timePickerPopup .clock-direct-item {
    font-family: var(--font-ui) !important;
    font-size: .94rem !important;
    font-weight: 400 !important;
    font-style: normal !important;
    line-height: 1 !important;
    letter-spacing: normal !important;
    text-transform: none !important;
    font-synthesis: none !important;
    font-variant-numeric: tabular-nums !important;
    font-feature-settings: "tnum" 1 !important;
}

:is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hour-grid-item.selected,
:is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hour-grid-item.gesture-preview,
#home-view #timePickerPopup .clock-direct-item.selected,
#home-view #timePickerPopup .clock-direct-item.gesture-preview {
    font-weight: 600 !important;
}

.flatpickr-calendar .calendar-header-dropdown {
    top: calc(100% + 4px) !important;
    bottom: auto !important;
    transform-origin: top center !important;
}

.flatpickr-calendar .calendar-header-option {
    font-family: var(--font-ui) !important;
    font-size: .68rem !important;
    font-weight: 600 !important;
    font-style: normal !important;
    line-height: 1 !important;
    letter-spacing: .20em !important;
    text-transform: uppercase !important;
    font-synthesis: none !important;
}

#home-view #timePickerPopup .clock-period {
    color: #efd79f !important;
}

#home-view #timePickerPopup .clock-picker-actions .clock-format-toggle,
#home-view #timePickerPopup .clock-picker-actions .clock-meridiem-toggle,
#home-view #timePickerPopup .clock-time-value {
    width: 50px !important;
    min-width: 50px !important;
    max-width: 50px !important;
    height: 56px !important;
    min-height: 56px !important;
    max-height: 56px !important;
    box-sizing: border-box !important;
}

#home-view #timePickerPopup .clock-time-display {
    grid-template-columns: 50px 9px 50px !important;
    gap: 4px !important;
    width: auto !important;
    margin: 0 !important;
}

#home-view #timePickerPopup .clock-time-value {
    padding: 0 !important;
    border-radius: 7px !important;
    font-family: var(--font-ui) !important;
    font-size: 1.45rem !important;
    font-weight: 400 !important;
    font-style: normal !important;
    line-height: 1 !important;
    letter-spacing: normal !important;
    font-synthesis: none !important;
    font-variant-numeric: tabular-nums !important;
    font-feature-settings: "tnum" 1 !important;
    text-align: center !important;
}

#home-view #timePickerPopup .clock-time-separator {
    width: 9px !important;
    font-family: var(--font-ui) !important;
    font-size: 1.45rem !important;
    font-weight: 400 !important;
    font-style: normal !important;
    line-height: 1 !important;
    letter-spacing: normal !important;
    transform: none !important;
}

#home-view #timePickerPopup .clock-direct-picker {
    width: 50px !important;
    min-width: 50px !important;
    max-width: 50px !important;
    padding: 4px 3px !important;
}

#home-view #timePickerPopup .clock-direct-item {
    min-height: 40px !important;
    padding: 0 !important;
}

.flatpickr-calendar {
    overflow: visible !important;
    isolation: isolate !important;
    border: 1px solid rgba(223,184,107,.18) !important;
}

.flatpickr-calendar .flatpickr-months {
    position: relative !important;
    z-index: 200 !important;
    overflow: visible !important;
}

.flatpickr-calendar .flatpickr-month,
.flatpickr-calendar .flatpickr-current-month,
.flatpickr-calendar .calendar-custom-heading {
    overflow: visible !important;
}

.flatpickr-calendar .flatpickr-current-month {
    z-index: 300 !important;
}

.flatpickr-calendar .calendar-custom-heading {
    z-index: 400 !important;
}

.flatpickr-calendar .flatpickr-weekdays,
.flatpickr-calendar .flatpickr-innerContainer,
.flatpickr-calendar .flatpickr-days {
    position: relative !important;
    z-index: 1 !important;
}

.flatpickr-calendar .calendar-header-dropdown,
.flatpickr-calendar .calendar-header-dropdown.open {
    top: calc(100% + 4px) !important;
    bottom: auto !important;
    z-index: 1000 !important;
    margin-top: 0 !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    clip-path: none !important;
    transform-origin: top center !important;
}

.flatpickr-calendar .calendar-custom-heading.month-menu-open .calendar-header-dropdown,
.flatpickr-calendar .calendar-custom-heading.year-menu-open .calendar-header-dropdown {
    translate: 0 0 !important;
}

.flatpickr-calendar .calendar-custom-heading.month-menu-open .calendar-header-dropdown {
    transform: translate(-50%, 0) !important;
}

.flatpickr-calendar .calendar-custom-heading.year-menu-open .calendar-header-dropdown {
    transform: translate(-50%, 0) !important;
}

.flatpickr-calendar .calendar-heading-trigger {
    color: #efd79f !important;
    opacity: 1 !important;
}

#home-view #calcForm #date_picker,
#home-view #calcForm .input-icon-wrapper input.flatpickr-input,
.flatpickr-calendar .flatpickr-day,
.flatpickr-calendar .flatpickr-day.selected,
.flatpickr-calendar .flatpickr-day.startRange,
.flatpickr-calendar .flatpickr-day.endRange,
.flatpickr-calendar .flatpickr-day.gesture-preview {
    font-family: var(--font-ui) !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    font-style: normal !important;
    line-height: normal !important;
    letter-spacing: -.005em !important;
    font-synthesis: none !important;
    font-variant-numeric: normal !important;
    font-feature-settings: normal !important;
}

.flatpickr-calendar span.flatpickr-weekday,
.flatpickr-calendar .flatpickr-weekday {
    color: #b9b9b9 !important;
    font-family: var(--font-ui) !important;
    font-size: .94rem !important;
    font-weight: 400 !important;
    font-style: normal !important;
    line-height: 1.75 !important;
    letter-spacing: -.005em !important;
    text-transform: uppercase !important;
    font-synthesis: none !important;
    font-variant-numeric: normal !important;
    font-feature-settings: normal !important;
}

:is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) {
    border: 1px solid rgba(223,184,107,.18) !important;
}

#home-view #timePickerPopup .clock-picker-actions {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 8px !important;
    width: 100% !important;
}

#home-view #timePickerPopup .clock-bottom-controls-left {
    order: 1 !important;
    flex: 0 0 46px !important;
    width: 46px !important;
    min-width: 46px !important;
    height: 50px !important;
    margin: 0 !important;
}

#home-view #timePickerPopup .clock-cancel-slot {
    order: 2 !important;
    flex: 0 0 auto !important;
    margin: 0 !important;
    align-items: center !important;
    justify-content: center !important;
}

#home-view #timePickerPopup .clock-meridiem-toggle {
    order: 3 !important;
    flex: 0 0 46px !important;
}

#home-view #timePickerPopup .clock-picker-actions .clock-format-toggle,
#home-view #timePickerPopup .clock-picker-actions .clock-meridiem-toggle,
#home-view #timePickerPopup .clock-time-value {
    width: 46px !important;
    min-width: 46px !important;
    max-width: 46px !important;
    height: 50px !important;
    min-height: 50px !important;
    max-height: 50px !important;
    box-sizing: border-box !important;
}

#home-view #timePickerPopup .clock-picker-actions .clock-format-toggle,
#home-view #timePickerPopup .clock-picker-actions .clock-meridiem-toggle {
    grid-template-rows: repeat(2, 25px) !important;
}

#home-view #timePickerPopup .clock-format-btn,
#home-view #timePickerPopup .clock-meridiem-btn {
    height: 25px !important;
    min-height: 25px !important;
    max-height: 25px !important;
}

#home-view #timePickerPopup .clock-meridiem-toggle.is-hidden {
    display: grid !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

#home-view #timePickerPopup .clock-time-display {
    grid-template-columns: 46px 8px 46px !important;
    gap: 4px !important;
    width: 108px !important;
    margin: 0 !important;
}

#home-view #timePickerPopup .clock-time-value,
#home-view #timePickerPopup .clock-time-separator {
    font-family: var(--font-ui) !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    font-style: normal !important;
    line-height: normal !important;
    letter-spacing: -.005em !important;
    font-synthesis: none !important;
    font-variant-numeric: normal !important;
    font-feature-settings: normal !important;
}

#home-view #timePickerPopup .clock-time-value {
    padding: 0 !important;
    border-radius: 7px !important;
    text-align: center !important;
}

#home-view #timePickerPopup .clock-time-separator {
    width: 8px !important;
    transform: none !important;
}

#home-view #timePickerPopup .clock-direct-picker {
    width: 46px !important;
    min-width: 46px !important;
    max-width: 46px !important;
    padding: 4px 3px !important;
}

#home-view #timePickerPopup .clock-face {
    --clock-dial-art: none;
    background-color: #090909 !important;
    background-image: none !important;
    border: 1px solid rgba(223,184,107,.08) !important;
    box-shadow:
        0 12px 30px rgba(0,0,0,.42),
        0 0 14px rgba(223,184,107,.035),
        inset 0 0 30px rgba(0,0,0,.28) !important;
    isolation: isolate !important;
}

#home-view #timePickerPopup .clock-face.hours-mode.format-12 {
    --clock-dial-art: none;
}

#home-view #timePickerPopup .clock-face.hours-mode.format-24 {
    --clock-dial-art: none;
}

#home-view #timePickerPopup .clock-face.minutes-mode {
    --clock-dial-art: none;
}

#home-view #timePickerPopup .clock-face::before {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    inset: 0 !important;
    width: auto !important;
    height: auto !important;
    border: 0 !important;
    border-radius: 50% !important;
    background-color: transparent !important;
    background-image: var(--clock-dial-art) !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 99% 99% !important;
    filter: brightness(.94) saturate(.90) contrast(.98) !important;
    opacity: .98 !important;
    transform: none !important;
    pointer-events: none !important;
    z-index: 1 !important;
}

#home-view #timePickerPopup .clock-face::after {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    inset: 3px !important;
    border-radius: 50% !important;
    background:
        radial-gradient(
            circle at 50% 43%,
            rgba(223,184,107,.016) 0%,
            transparent 56%,
            rgba(0,0,0,.045) 78%,
            rgba(0,0,0,.14) 100%
        ) !important;
    box-shadow: inset 0 0 20px rgba(0,0,0,.12) !important;
    pointer-events: none !important;
    z-index: 1 !important;
}

@media (max-width: 1023px) {
    #home-view #timePickerPopup.luxury-clock-popup,
    :is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup),
    .flatpickr-calendar {
        background:
            linear-gradient(180deg, rgba(255,255,255,.026) 0%, rgba(255,255,255,0) 24%),
            linear-gradient(145deg, rgba(223,184,107,.018) 0%, rgba(223,184,107,0) 48%),
            #080808 !important;
        background-color: #080808 !important;
        border: 1px solid rgba(223,184,107,.18) !important;
        border-radius: 11px !important;
        box-shadow:
            0 -18px 42px rgba(0,0,0,.76),
            0 12px 30px rgba(0,0,0,.46),
            0 1px 0 rgba(223,184,107,.055),
            inset 0 1px 0 rgba(255,255,255,.032),
            inset 0 -18px 30px rgba(0,0,0,.15) !important;
    }

    #home-view #timePickerPopup.luxury-clock-popup,
    :is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) {
        padding: 13px 12px 12px !important;
        overflow: visible !important;
        text-align: center !important;
        border-image: none !important;
        outline: 0 !important;
        filter: none !important;
    }

    #home-view #calcForm #date_picker,
    #home-view #calcForm .input-icon-wrapper input.flatpickr-input,
    #home-view #calcForm .input-icon-wrapper input.form-control {
        color: #ffffff !important;
        font-family: var(--font-ui) !important;
        font-size: .94rem !important;
        font-weight: 400 !important;
        font-style: normal !important;
        line-height: 1.75 !important;
        letter-spacing: normal !important;
        word-spacing: 0 !important;
        font-synthesis: none !important;
        font-variant-numeric: normal !important;
        font-feature-settings: normal !important;
        font-kerning: auto !important;
    }

    .flatpickr-calendar .flatpickr-day,
    .flatpickr-calendar .flatpickr-day.selected,
    .flatpickr-calendar .flatpickr-day.startRange,
    .flatpickr-calendar .flatpickr-day.endRange,
    .flatpickr-calendar .flatpickr-day.gesture-preview {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        font-family: var(--calendar-date-font-family, var(--font-ui)) !important;
        font-size: var(--calendar-date-font-size, .94rem) !important;
        font-weight: var(--calendar-date-font-weight, 400) !important;
        font-style: var(--calendar-date-font-style, normal) !important;
        line-height: var(--calendar-date-line-height, 1.75) !important;
        letter-spacing: var(--calendar-date-letter-spacing, normal) !important;
        word-spacing: var(--calendar-date-word-spacing, 0) !important;
        font-synthesis: none !important;
        font-variant-numeric: var(--calendar-date-font-variant-numeric, normal) !important;
        font-feature-settings: var(--calendar-date-font-feature-settings, normal) !important;
        font-kerning: var(--calendar-date-font-kerning, auto) !important;
    }

    .flatpickr-calendar .flatpickr-day:not(.selected):not(.startRange):not(.endRange):not(.gesture-preview):not(.flatpickr-disabled):not(.notAllowed):not([aria-disabled="true"]) {
        color: var(--calendar-date-color, #ffffff) !important;
        -webkit-text-fill-color: var(--calendar-date-color, #ffffff) !important;
    }

    .flatpickr-calendar .flatpickr-day.selected,
    .flatpickr-calendar .flatpickr-day.startRange,
    .flatpickr-calendar .flatpickr-day.endRange,
    .flatpickr-calendar .flatpickr-day.gesture-preview {
        color: #efd79f !important;
        -webkit-text-fill-color: #efd79f !important;
    }

    .flatpickr-calendar span.flatpickr-weekday,
    .flatpickr-calendar .flatpickr-weekday {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        color: var(--calendar-weekday-color, #b9b9b9) !important;
        -webkit-text-fill-color: var(--calendar-weekday-color, #b9b9b9) !important;
        font-family: var(--calendar-weekday-font-family, var(--font-ui)) !important;
        font-size: var(--calendar-weekday-font-size, .94rem) !important;
        font-weight: var(--calendar-weekday-font-weight, 400) !important;
        font-style: var(--calendar-weekday-font-style, normal) !important;
        line-height: var(--calendar-weekday-line-height, 1.75) !important;
        letter-spacing: var(--calendar-weekday-letter-spacing, -.005em) !important;
        word-spacing: var(--calendar-weekday-word-spacing, 0) !important;
        text-transform: var(--calendar-weekday-text-transform, none) !important;
        font-synthesis: none !important;
        font-variant-numeric: var(--calendar-weekday-font-variant-numeric, normal) !important;
        font-feature-settings: var(--calendar-weekday-font-feature-settings, normal) !important;
        font-kerning: var(--calendar-weekday-font-kerning, auto) !important;
    }

    .flatpickr-calendar .calendar-heading-trigger {
        width: calc(100% - 10px) !important;
        min-width: 0 !important;
        height: calc(100% - 4px) !important;
        min-height: 28px !important;
        margin: 2px 5px !important;
        padding: 0 8px !important;
        box-sizing: border-box !important;
        border: 1px solid rgba(223,184,107,.18) !important;
        border-radius: 7px !important;
        background: linear-gradient(180deg, rgba(223,184,107,.055), rgba(223,184,107,.018)) !important;
        color: #efd79f !important;
        font-family: var(--font-ui) !important;
        font-size: .68rem !important;
        font-weight: 600 !important;
        font-style: normal !important;
        line-height: 1.45 !important;
        letter-spacing: .20em !important;
        text-transform: uppercase !important;
        box-shadow: none !important;
        opacity: 1 !important;
    }

    .flatpickr-calendar .calendar-heading-trigger[aria-expanded="true"],
    .flatpickr-calendar .calendar-heading-trigger:active {
        border-color: rgba(223,184,107,.34) !important;
        background: linear-gradient(180deg, rgba(223,184,107,.085), rgba(223,184,107,.030)) !important;
        color: #efd79f !important;
    }

    #home-view #timePickerPopup.luxury-clock-popup,
    :is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup),
    .flatpickr-calendar {
        width: min(340px, calc(100vw - 24px)) !important;
        max-width: min(340px, calc(100vw - 24px)) !important;
        box-sizing: border-box !important;
        background:
            linear-gradient(180deg, rgba(255,255,255,.026) 0%, rgba(255,255,255,0) 24%),
            linear-gradient(145deg, rgba(223,184,107,.018) 0%, rgba(223,184,107,0) 48%),
            #080808 !important;
        background-color: #080808 !important;
        background-clip: padding-box !important;
        border: 1px solid rgba(223,184,107,.18) !important;
        border-radius: 11px !important;
        box-shadow:
            0 -18px 42px rgba(0,0,0,.76),
            0 12px 30px rgba(0,0,0,.46),
            0 1px 0 rgba(223,184,107,.055),
            inset 0 1px 0 rgba(255,255,255,.032),
            inset 0 -18px 30px rgba(0,0,0,.15) !important;
    }

    .flatpickr-calendar {
        overflow: visible !important;
    }

    .flatpickr-calendar .flatpickr-months,
    .flatpickr-calendar .flatpickr-month {
        border-radius: 10px 10px 0 0 !important;
        background-clip: padding-box !important;
    }

    .flatpickr-calendar .flatpickr-innerContainer,
    .flatpickr-calendar .flatpickr-rContainer,
    .flatpickr-calendar .flatpickr-days,
    .flatpickr-calendar .dayContainer {
        border-radius: 0 0 10px 10px !important;
        background-clip: padding-box !important;
    }

    :is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) {
        padding: 13px 12px 12px !important;
    }

    :is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hours-grid-container {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        column-gap: 4px !important;
        row-gap: 0 !important;
    }

    :is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hour-grid-item {
        justify-content: center !important;
        padding: 0 8px !important;
        text-align: center !important;
    }

    .flatpickr-calendar .flatpickr-months,
    .flatpickr-calendar .flatpickr-month,
    .flatpickr-calendar .flatpickr-current-month {
        height: 60px !important;
        min-height: 60px !important;
    }

    .flatpickr-calendar .calendar-custom-heading {
        top: 12px !important;
        bottom: 12px !important;
        height: auto !important;
    }

    .flatpickr-calendar .calendar-heading-trigger {
        height: 100% !important;
        min-height: 0 !important;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    .flatpickr-calendar .flatpickr-prev-month,
    .flatpickr-calendar .flatpickr-next-month {
        height: 60px !important;
        padding-top: 21px !important;
        padding-bottom: 21px !important;
    }

    .flatpickr-calendar span.flatpickr-weekday,
    .flatpickr-calendar .flatpickr-weekday {
        text-transform: lowercase !important;
    }

    #home-view #box-date,
    #home-view #box-date .input-icon-wrapper,
    #home-view #box-date .input-icon-wrapper input,
    #home-view #calcForm #date_picker,
    #home-view #calcForm input.flatpickr-input,
    #home-view #calcForm input.form-control[readonly] {
        cursor: pointer !important;
    }

}

#home-view .hero-subtitle,
#home-view .eyebrow,
#home-view .event-tag,
#home-view .review-source,
.mobile-menu-signature small,
#home-view #timePickerPopup .clock-period,
.flatpickr-calendar .calendar-heading-trigger,
.flatpickr-calendar .calendar-header-option {
    font-family: var(--font-ui) !important;
    font-weight: 600 !important;
    font-style: normal !important;
    line-height: 1.45 !important;
    letter-spacing: .20em !important;
    text-transform: uppercase !important;
    font-synthesis: none !important;
}

#home-view .hero-subtitle,
#home-view .eyebrow {
    font-size: 1.314rem !important;
}

#home-view .event-tag,
#home-view #timePickerPopup .clock-period,
.flatpickr-calendar .calendar-heading-trigger,
.flatpickr-calendar .calendar-header-option {
    font-size: 1.224rem !important;
}

#home-view .review-source {
    font-size: 1.17rem !important;
}

.mobile-menu-signature small {
    font-size: .99rem !important;
}

#home-view .luxury-title,
#home-view h2.luxury-title,
#home-view h3.luxury-title {
    font-family: var(--font-display) !important;
    font-size: clamp(2rem, 4vw, 3.15rem) !important;
    font-weight: 400 !important;
    font-style: normal !important;
    line-height: 1.04 !important;
    letter-spacing: normal !important;
    text-transform: none !important;
    color: #ffffff !important;
    font-synthesis: none !important;
    margin-top: 0 !important;
    margin-bottom: 18px !important;
}

@media (max-width: 1023px) {

    #home-view .hero-subtitle,
    #home-view .eyebrow {
        font-size: clamp(1.116rem, 4.77vw, 1.314rem) !important;
    }

    #home-view .hero-subtitle.lang-en,
    #home-view .hero-subtitle.lang-fr {
        width: 100% !important;
        max-width: 100% !important;
        white-space: normal !important;
        overflow: visible !important;
    }

    #home-view .luxury-title,
    #home-view h2.luxury-title,
    #home-view h3.luxury-title {
        font-size: clamp(2rem, 10vw, 2.8rem) !important;
        line-height: 1.08 !important;
    }
}

#home-view #vehicules > .eyebrow,
#home-view #vehicules .vehicle-card h3,
#home-view #vehicules .vehicle-card .vehicle-name,
#home-view #vehicules .vehicle-title,
#booking-view .vehicle-card h3,
#booking-view .vehicle-card .vehicle-name,
#booking-view .vehicle-title,
#home-view .route-panel .route-panel-title {
    font-family: var(--font-ui) !important;
    font-size: 1.314rem !important;
    font-weight: 600 !important;
    font-style: normal !important;
    line-height: 1.45 !important;
    letter-spacing: .20em !important;
    text-transform: uppercase !important;
    color: var(--accent-gold) !important;
    font-synthesis: none !important;
    text-align: center !important;
}

#home-view #vehicules .vehicle-card h3 .vehicle-class-hyphen,
#home-view #vehicules .vehicle-card .vehicle-name .vehicle-class-hyphen,
#home-view #vehicules .vehicle-title .vehicle-class-hyphen,
#booking-view .vehicle-card h3 .vehicle-class-hyphen,
#booking-view .vehicle-card .vehicle-name .vehicle-class-hyphen,
#booking-view .vehicle-title .vehicle-class-hyphen {
    font-family: inherit !important;
    font-size: 1em !important;
    font-weight: inherit !important;
    font-style: inherit !important;
    line-height: inherit !important;
    letter-spacing: inherit !important;
    vertical-align: baseline !important;
    margin: 0 !important;
}

#home-view .route-panel .route-panel-title,
#home-view #contact .eyebrow {
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
}

#home-view .booking-widget .hero-heading-panel h1,
#home-view .booking-widget .hero-heading-panel h1 > span {
    font-family: var(--font-display) !important;
    font-size: clamp(2rem, 4vw, 3.15rem) !important;
    font-weight: 400 !important;
    font-style: normal !important;
    line-height: 1.04 !important;
    letter-spacing: normal !important;
    text-transform: none !important;
    color: #fff !important;
    font-synthesis: none !important;
    text-align: center !important;
}

#home-view .booking-widget .hero-heading-panel .hero-subtitle.lang-en,
#home-view .booking-widget .hero-heading-panel .hero-subtitle.lang-fr {
    width: 100% !important;
    max-width: 100% !important;
    white-space: normal !important;
    overflow: visible !important;
    font-family: var(--font-ui) !important;
    font-size: 1.314rem !important;
    font-weight: 600 !important;
    font-style: normal !important;
    line-height: 1.45 !important;
    letter-spacing: .20em !important;
    text-transform: uppercase !important;
    color: var(--accent-gold) !important;
    font-synthesis: none !important;
    text-align: center !important;
    opacity: 1 !important;
}

#home-view #reviews .eyebrow {
    font-family: var(--font-ui) !important;
    font-size: .73rem !important;
    font-weight: 600 !important;
    font-style: normal !important;
    line-height: normal !important;
    letter-spacing: .18em !important;
    text-transform: uppercase !important;
    color: var(--accent-gold) !important;
    font-synthesis: none !important;
    opacity: 1 !important;
}

#home-view #reviews .luxury-title,
#home-view #reviews h2.luxury-title,
#home-view #reviews h3.luxury-title {
    font-family: var(--font-display) !important;
    font-size: clamp(2rem, 4vw, 3.15rem) !important;
    font-weight: 500 !important;
    font-style: normal !important;
    line-height: 1.04 !important;
    letter-spacing: -.018em !important;
    text-transform: none !important;
    color: #fff !important;
    font-synthesis: none !important;
    margin-top: 0 !important;
    margin-bottom: 18px !important;
}

#home-view #reviews .review-source {
    font-family: var(--font-ui) !important;
    font-size: .65rem !important;
    font-weight: 400 !important;
    font-style: normal !important;
    line-height: normal !important;
    letter-spacing: 1.2px !important;
    text-transform: uppercase !important;
    color: #777 !important;
    opacity: 1 !important;
}

@media (max-width: 1023px) {
    #home-view #vehicules > .eyebrow,
    #home-view #vehicules .vehicle-card h3,
    #home-view #vehicules .vehicle-card .vehicle-name,
    #home-view #vehicules .vehicle-title,
    #booking-view .vehicle-card h3,
    #booking-view .vehicle-card .vehicle-name,
    #booking-view .vehicle-title,
    #home-view .route-panel .route-panel-title {
        font-size: clamp(1.116rem, 4.77vw, 1.314rem) !important;
        opacity: .92 !important;
    }

    #home-view #reviews .review-source {
        font-size: .65rem !important;
        font-weight: 600 !important;
        line-height: 1.45 !important;
        letter-spacing: .20em !important;
    }

    #home-view #reviews .eyebrow {
        font-size: clamp(.62rem, 2.65vw, .73rem) !important;
        font-weight: 600 !important;
        line-height: 1.45 !important;
        letter-spacing: .20em !important;
        opacity: .92 !important;
    }

    #home-view #reviews .luxury-title,
    #home-view #reviews h2.luxury-title,
    #home-view #reviews h3.luxury-title {
        font-size: clamp(2rem, 10vw, 2.8rem) !important;
        font-weight: 500 !important;
        line-height: 1.08 !important;
        letter-spacing: -.018em !important;
    }

    #home-view .booking-widget .hero-heading-panel h1,
    #home-view .booking-widget .hero-heading-panel h1 > span {
        font-size: clamp(2rem, 10vw, 2.8rem) !important;
        line-height: 1.08 !important;
    }

    #home-view .booking-widget .hero-heading-panel .hero-subtitle.lang-en,
    #home-view .booking-widget .hero-heading-panel .hero-subtitle.lang-fr {
        font-size: clamp(1.116rem, 4.77vw, 1.314rem) !important;
        line-height: 1.45 !important;
        letter-spacing: .20em !important;
        opacity: .92 !important;
    }
}

#home-view #timePickerPopup .clock-period,
.flatpickr-calendar .calendar-heading-trigger,
.flatpickr-calendar .calendar-header-option {
    font-size: .68rem !important;
}

.flatpickr-calendar .calendar-header-option {
    line-height: 1 !important;
}

#home-view .booking-widget .hero-heading-panel .hero-subtitle.lang-en {
    white-space: nowrap !important;
}

#home-view #reviews .eyebrow.lang-en,
#home-view #reviews .eyebrow.lang-fr {
    font-family: var(--font-ui) !important;
    font-size: 1.314rem !important;
    font-weight: 600 !important;
    font-style: normal !important;
    line-height: 1.45 !important;
    letter-spacing: .20em !important;
    text-transform: uppercase !important;
    color: var(--accent-gold) !important;
    font-synthesis: none !important;
    opacity: 1 !important;
}

@media (max-width: 1023px) {
    #home-view .booking-widget .hero-heading-panel .hero-subtitle.lang-en {
        font-size: clamp(.94rem, 4.70vw, 1.314rem) !important;
    }

    #home-view #reviews .eyebrow.lang-en,
    #home-view #reviews .eyebrow.lang-fr {
        font-size: clamp(1.116rem, 4.77vw, 1.314rem) !important;
        opacity: .92 !important;
    }
}

@media (max-width: 319px) {
    #home-view .booking-widget .hero-heading-panel h1,
    #home-view .booking-widget .hero-heading-panel h1 > .lang-en,
    #home-view .booking-widget .hero-heading-panel .hero-subtitle.lang-en {
        width: 100% !important;
        max-width: 100% !important;
        white-space: normal !important;
        word-break: normal !important;
        overflow-wrap: break-word !important;
    }
}

@media (max-width: 1023px) {
    #home-view #timePickerPopup.luxury-clock-popup,
    :is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) {
        left: 0 !important;
        right: auto !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        transform: none !important;
    }
}

@media (min-width: 1024px) {
    #home-view #timePickerPopup.luxury-clock-popup {
        width: 280px !important;
        min-width: 0 !important;
        max-width: 280px !important;
    }

    :is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) {
        width: 204px !important;
        min-width: 0 !important;
        max-width: 204px !important;
    }

    .flatpickr-calendar {
        width: 307.875px !important;
        max-width: 307.875px !important;
    }
}

#home-view #timePickerPopup.luxury-clock-popup,
:is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup),
.flatpickr-calendar {
    box-sizing: border-box !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,.052) 0%, rgba(255,255,255,.010) 18%, rgba(255,255,255,0) 34%),
        linear-gradient(145deg, rgba(223,184,107,.034) 0%, rgba(223,184,107,.008) 42%, rgba(223,184,107,0) 62%),
        #080808 !important;
    background-color: #080808 !important;
    background-clip: padding-box !important;
    border: 1px solid rgba(223,184,107,.28) !important;
    border-radius: 11px !important;
    box-shadow:
        0 -22px 52px rgba(0,0,0,.90),
        0 18px 38px rgba(0,0,0,.68),
        0 4px 12px rgba(223,184,107,.075),
        0 0 0 1px rgba(223,184,107,.040),
        inset 0 1px 0 rgba(255,255,255,.065),
        inset 0 0 0 1px rgba(255,255,255,.012),
        inset 0 -24px 36px rgba(0,0,0,.27) !important;
}

.flatpickr-calendar {
    min-width: 0 !important;
}

.flatpickr-calendar .flatpickr-rContainer,
.flatpickr-calendar .flatpickr-weekdays,
.flatpickr-calendar .flatpickr-weekdaycontainer,
.flatpickr-calendar .flatpickr-days,
.flatpickr-calendar .dayContainer {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
}

@media (max-width: 1023px) {
    #home-view #timePickerPopup .clock-face {
        width: min(214px, 100%) !important;
        height: auto !important;
        aspect-ratio: 1 / 1 !important;
        min-width: 0 !important;
        min-height: 0 !important;
        flex: 0 0 auto !important;
    }
}

:is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup).open {
    animation: none !important;
    opacity: 1 !important;
    transform: none !important;
    translate: none !important;
    rotate: none !important;
    scale: none !important;
    filter: none !important;
    will-change: auto !important;
    perspective: none !important;
    backface-visibility: visible !important;
    -webkit-font-smoothing: auto !important;
    -moz-osx-font-smoothing: auto !important;
    text-rendering: auto !important;
}

:is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hours-grid-container,
:is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hour-grid-item {
    transform: none !important;
    translate: none !important;
    rotate: none !important;
    scale: none !important;
    filter: none !important;
    opacity: 1 !important;
    will-change: auto !important;
    backface-visibility: visible !important;
    -webkit-font-smoothing: auto !important;
    -moz-osx-font-smoothing: auto !important;
    text-rendering: auto !important;
    font-synthesis: none !important;
}

:is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hour-grid-item {
    font-size: 15px !important;
    line-height: 15px !important;
    letter-spacing: 0 !important;
    color: #e1e1e1 !important;
    text-shadow: none !important;
    -webkit-text-stroke: 0 transparent !important;
    transition: none !important;
}

:is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hour-grid-item.selected,
:is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hour-grid-item.gesture-preview {
    color: #efd79f !important;
}

.flatpickr-calendar .flatpickr-day.selected,
.flatpickr-calendar .flatpickr-day.startRange,
.flatpickr-calendar .flatpickr-day.endRange,
.flatpickr-calendar .flatpickr-day.gesture-preview {
    font-weight: 600 !important;
}

#home-view .widget-tabs {
    margin-bottom: 20px !important;
}

@media (max-width: 1023px) {
    #home-view .widget-tabs {
        margin-bottom: 18px !important;
    }
}

.mobile-menu-signature > span {
    font-family: var(--font-ui) !important;
    font-size: .99rem !important;
    font-weight: 600 !important;
    font-style: normal !important;
    line-height: 1.45 !important;
    letter-spacing: .20em !important;
    text-transform: uppercase !important;
    color: var(--accent-gold) !important;
    font-synthesis: none !important;
}

.mobile-menu-signature > small {
    font-family: "Montserrat", sans-serif !important;
    font-size: .66rem !important;
    font-weight: 400 !important;
    font-style: normal !important;
    line-height: 1.6 !important;
    letter-spacing: .14em !important;
    text-transform: none !important;
    color: #b9b9b9 !important;
    font-synthesis: auto !important;
}

.flatpickr-calendar .flatpickr-day.selected,
.flatpickr-calendar .flatpickr-day.startRange,
.flatpickr-calendar .flatpickr-day.endRange,
.flatpickr-calendar .flatpickr-day.selected:hover,
.flatpickr-calendar .flatpickr-day.selected:focus,
.flatpickr-calendar .flatpickr-day.startRange:hover,
.flatpickr-calendar .flatpickr-day.startRange:focus,
.flatpickr-calendar .flatpickr-day.endRange:hover,
.flatpickr-calendar .flatpickr-day.endRange:focus {
    border-radius: 4px !important;
}

.flatpickr-calendar {
    background:
        linear-gradient(180deg, rgba(255,255,255,.026) 0%, rgba(255,255,255,0) 24%),
        linear-gradient(145deg, rgba(223,184,107,.018) 0%, rgba(223,184,107,0) 48%),
        #080808 !important;
    background-color: #080808 !important;
}
.flatpickr-calendar .flatpickr-months,
.flatpickr-calendar .flatpickr-month,
.flatpickr-calendar .flatpickr-current-month,
.flatpickr-calendar .flatpickr-weekdays,
.flatpickr-calendar .flatpickr-weekdaycontainer,
.flatpickr-calendar .flatpickr-innerContainer,
.flatpickr-calendar .flatpickr-rContainer,
.flatpickr-calendar .flatpickr-days,
.flatpickr-calendar .dayContainer {
    background: transparent !important;
    background-color: transparent !important;
}

.mobile-menu-signature {
    width: 100% !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
}
.mobile-menu-signature > span,
.mobile-menu-signature > small {
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
}

@media (max-width: 420px) {
    #home-view #destinations .route-panel {
        padding-left: 22px !important;
        padding-right: 22px !important;
    }
    #home-view #destinations .route-row {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        align-items: center !important;
        justify-items: stretch !important;
        gap: 4px !important;
    }
    #home-view #destinations .route-row > div:first-child {
        width: 100% !important;
        min-width: 0 !important;
        white-space: nowrap !important;
        line-height: 1.35 !important;
    }
    #home-view #destinations .route-row > span:last-child {
        display: block !important;
        width: 100% !important;
        padding-left: 29px !important;
        white-space: nowrap !important;
        text-align: left !important;
        line-height: 1.35 !important;
    }
}

#home-view #contact .contact-action > .contact-header-icon {
    position: relative !important;
    flex: 0 0 40px !important;
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    min-height: 40px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 1px solid rgba(223,184,107,.42) !important;
    border-radius: 50% !important;
    background: transparent !important;
    box-sizing: border-box !important;
    transition: background-color .3s ease, border-color .3s ease, box-shadow .3s ease, transform .3s ease !important;
}
#home-view #contact .contact-action > .contact-header-icon > i {
    position: static !important;
    width: auto !important;
    height: auto !important;
    min-width: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 1.34rem !important;
    line-height: 1 !important;
    transition: color .3s ease, transform .3s ease !important;
}
#home-view #contact .contact-header-icon-phone > i,
#home-view #contact .contact-header-icon-email > i {
    font-family: "Phosphor-Thin" !important;
    font-style: normal !important;
    font-weight: normal !important;
    color: var(--accent-gold) !important;
}
#home-view #contact .contact-header-icon-whatsapp {
    border-color: rgba(37,211,102,.54) !important;
}
#home-view #contact .contact-header-icon-whatsapp > i {
    color: #25D366 !important;
}
@media (hover: hover) {
    #home-view #contact .contact-action:hover > .contact-header-icon-phone,
    #home-view #contact .contact-action:hover > .contact-header-icon-email {
        background-color: var(--accent-gold) !important;
        border-color: var(--accent-gold) !important;
        box-shadow: 0 4px 15px rgba(223,184,107,.34) !important;
    }
    #home-view #contact .contact-action:hover > .contact-header-icon-phone > i,
    #home-view #contact .contact-action:hover > .contact-header-icon-email > i {
        color: #000 !important;
    }
    #home-view #contact .contact-action:hover > .contact-header-icon-whatsapp {
        background-color: #25D366 !important;
        border-color: #25D366 !important;
        box-shadow: 0 4px 15px rgba(37,211,102,.34) !important;
    }
    #home-view #contact .contact-action:hover > .contact-header-icon-whatsapp > i {
        color: #fff !important;
    }
}
#home-view #contact .contact-action:active > .contact-header-icon {
    transform: scale(.94) !important;
}

.flatpickr-calendar .flatpickr-day {
    position: relative !important;
    isolation: isolate !important;
}
.flatpickr-calendar .flatpickr-day.selected,
.flatpickr-calendar .flatpickr-day.startRange,
.flatpickr-calendar .flatpickr-day.endRange,
.flatpickr-calendar .flatpickr-day.gesture-preview,
.flatpickr-calendar .flatpickr-day.selected:hover,
.flatpickr-calendar .flatpickr-day.selected:focus,
.flatpickr-calendar .flatpickr-day.selected:active,
.flatpickr-calendar .flatpickr-day.startRange:hover,
.flatpickr-calendar .flatpickr-day.startRange:focus,
.flatpickr-calendar .flatpickr-day.startRange:active,
.flatpickr-calendar .flatpickr-day.endRange:hover,
.flatpickr-calendar .flatpickr-day.endRange:focus,
.flatpickr-calendar .flatpickr-day.endRange:active,
.flatpickr-calendar .flatpickr-day.gesture-preview:hover,
.flatpickr-calendar .flatpickr-day.gesture-preview:focus,
.flatpickr-calendar .flatpickr-day.gesture-preview:active {
    background: transparent !important;
    border-color: transparent !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    outline: none !important;
}
.flatpickr-calendar .flatpickr-day.selected::before,
.flatpickr-calendar .flatpickr-day.startRange::before,
.flatpickr-calendar .flatpickr-day.endRange::before,
.flatpickr-calendar .flatpickr-day.gesture-preview::before {
    content: "" !important;
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    width: 31px !important;
    height: 31px !important;
    box-sizing: border-box !important;
    transform: translate(-50%, -50%) !important;
    border: 1px solid rgba(223,184,107,.82) !important;
    border-radius: 3px !important;
    background: rgba(223,184,107,.10) !important;
    box-shadow: none !important;
    pointer-events: none !important;
    z-index: -1 !important;
}

@media (max-width: 1023px) {
    header .header-actions > .mobile-menu-toggle > span,
    header .header-actions > .mobile-menu-toggle.menu-open > span,
    header .header-actions > .mobile-menu-toggle.menu-open > span:nth-child(1),
    header .header-actions > .mobile-menu-toggle.menu-open > span:nth-child(2),
    header .header-actions > .mobile-menu-toggle.menu-open > span:nth-child(3) {
        height: 2px !important;
        min-height: 2px !important;
        flex-basis: 2px !important;
        border-radius: 1px !important;
        backface-visibility: hidden !important;
        -webkit-font-smoothing: antialiased !important;
        will-change: auto !important;
    }
}

#home-view #timePickerPopup.luxury-clock-popup,
:is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup),
.flatpickr-calendar {
    background:
        linear-gradient(180deg, rgba(255,255,255,.052) 0%, rgba(255,255,255,.010) 18%, rgba(255,255,255,0) 34%),
        linear-gradient(145deg, rgba(223,184,107,.034) 0%, rgba(223,184,107,.008) 42%, rgba(223,184,107,0) 62%),
        #080808 !important;
    background-color: #080808 !important;
}
.flatpickr-calendar .flatpickr-months,
.flatpickr-calendar .flatpickr-month,
.flatpickr-calendar .flatpickr-current-month,
.flatpickr-calendar .flatpickr-weekdays,
.flatpickr-calendar .flatpickr-weekdaycontainer,
.flatpickr-calendar .flatpickr-innerContainer,
.flatpickr-calendar .flatpickr-rContainer,
.flatpickr-calendar .flatpickr-days,
.flatpickr-calendar .dayContainer,
:is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hours-grid-container {
    background: transparent !important;
    background-color: transparent !important;
}

:is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hour-grid-item.selected,
:is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hour-grid-item.gesture-preview {
    background: rgba(223,184,107,.10) !important;
    border: 1px solid rgba(223,184,107,.82) !important;
    color: #efd79f !important;
    box-shadow: none !important;
}

#home-view #timePickerPopup .clock-number.selected:not(.disabled),
#home-view #timePickerPopup .clock-number.inner-ring.selected:not(.disabled),
#home-view #timePickerPopup .clock-number.minute-label.selected:not(.disabled),
#home-view #timePickerPopup .clock-minute-dot.selected:not(.disabled),
#home-view #timePickerPopup .clock-direct-item.selected,
#home-view #timePickerPopup .clock-direct-item.gesture-preview,
#home-view #timePickerPopup .clock-time-value.active-mode {
    background: rgba(223,184,107,.10) !important;
    border-color: rgba(223,184,107,.82) !important;
    color: #efd79f !important;
    box-shadow: none !important;
}

#home-view #timePickerPopup .clock-direct-item.selected,
#home-view #timePickerPopup .clock-direct-item.gesture-preview {
    border-style: solid !important;
    border-width: 1px !important;
    box-sizing: border-box !important;
}

.flatpickr-calendar .calendar-header-option.selected,
.flatpickr-calendar .calendar-header-option.gesture-preview {
    box-sizing: border-box !important;
    border: 1px solid rgba(223,184,107,.82) !important;
    background: rgba(223,184,107,.10) !important;
    color: #efd79f !important;
    font-weight: 600 !important;
    box-shadow: none !important;
}

#home-view #timePickerPopup .clock-period {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 5px !important;
    border: 0 !important;
    border-radius: 5px !important;
    background: transparent !important;
    color: #efd79f !important;
    font-family: var(--font-ui) !important;
    font-size: .68rem !important;
    font-weight: 600 !important;
    font-style: normal !important;
    line-height: 1.45 !important;
    letter-spacing: .20em !important;
    text-transform: uppercase !important;
    font-synthesis: none !important;
    opacity: 1 !important;
    box-shadow: none !important;
    -webkit-tap-highlight-color: transparent !important;
}

#home-view #timePickerPopup.luxury-clock-popup {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
}

#home-view #timePickerPopup .clock-top-row,
#home-view #timePickerPopup .clock-lower-row {
    position: relative !important;
    display: grid !important;
    grid-template-columns: 1fr auto 1fr !important;
    align-items: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

#home-view #timePickerPopup .clock-top-row {
    min-height: 50px !important;
    margin: 0 0 10px !important;
}

#home-view #timePickerPopup .clock-cancel-slot {
    grid-column: 2 !important;
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
}

#home-view #timePickerPopup .clock-time-display {
    display: grid !important;
    grid-template-columns: 46px 8px 46px !important;
    align-items: center !important;
    gap: 4px !important;
    width: 108px !important;
    margin: 0 !important;
}

#home-view #timePickerPopup .clock-time-value {
    width: 46px !important;
    min-width: 46px !important;
    max-width: 46px !important;
    height: 50px !important;
    min-height: 50px !important;
    max-height: 50px !important;
}

#home-view #timePickerPopup .clock-direct-picker {
    top: calc(100% + 7px) !important;
    bottom: auto !important;
}

#home-view #timePickerPopup .clock-meridiem-toggle,
#home-view #timePickerPopup .clock-meridiem-toggle.is-hidden {
    grid-column: 3 !important;
    justify-self: end !important;
    align-self: center !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    grid-template-rows: repeat(2, 23px) !important;
    width: 38px !important;
    min-width: 38px !important;
    max-width: 38px !important;
    height: 46px !important;
    min-height: 46px !important;
    max-height: 46px !important;
    margin: 0 !important;
    padding: 2px 0 !important;
    overflow: visible !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
}

#home-view #timePickerPopup .clock-meridiem-toggle.is-hidden {
    visibility: hidden !important;
    pointer-events: none !important;
}

#home-view #timePickerPopup .clock-meridiem-btn {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 23px !important;
    min-height: 23px !important;
    max-height: 23px !important;
    padding: 0 8px 0 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: rgba(255,255,255,.42) !important;
    font-family: var(--font-ui) !important;
    font-size: .62rem !important;
    font-weight: 500 !important;
    line-height: 1 !important;
    letter-spacing: .16em !important;
    text-transform: uppercase !important;
    box-shadow: none !important;
    transition: color .16s ease, opacity .16s ease !important;
}

#home-view #timePickerPopup .clock-meridiem-btn::after {
    content: "" !important;
    position: absolute !important;
    right: 0 !important;
    top: 50% !important;
    width: 1px !important;
    height: 0 !important;
    transform: translateY(-50%) !important;
    background: #dfb86b !important;
    opacity: 0 !important;
    transition: height .16s ease, opacity .16s ease !important;
}

#home-view #timePickerPopup .clock-meridiem-btn.active {
    background: transparent !important;
    color: #efd79f !important;
    font-weight: 600 !important;
}

#home-view #timePickerPopup .clock-meridiem-btn.active::after {
    height: 11px !important;
    opacity: .92 !important;
}

@media (hover:hover) and (pointer:fine) {
    #home-view #timePickerPopup .clock-meridiem-btn:hover:not(.active) {
        color: rgba(239,215,159,.72) !important;
    }
}

#home-view #timePickerPopup .clock-lower-row {
    min-height: 34px !important;
    margin: 9px 0 0 !important;
}

#home-view #timePickerPopup .clock-period {
    grid-column: 2 !important;
    justify-self: center !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    min-width: 0 !important;
    min-height: 0 !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 5px !important;
    border: 0 !important;
    border-radius: 5px !important;
    background: transparent !important;
    color: #efd79f !important;
    font-family: var(--font-ui) !important;
    font-size: .68rem !important;
    font-weight: 600 !important;
    font-style: normal !important;
    line-height: 1.45 !important;
    letter-spacing: .20em !important;
    text-transform: uppercase !important;
    font-synthesis: none !important;
    opacity: 1 !important;
    box-shadow: none !important;
    pointer-events: none !important;
    user-select: none !important;
}

#home-view #timePickerPopup .clock-bottom-controls-left {
    grid-column: 3 !important;
    justify-self: end !important;
    display: block !important;
    width: auto !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
}

#home-view #timePickerPopup .clock-format-toggle {
    display: grid !important;
    grid-template-columns: repeat(2, 28px) !important;
    grid-template-rows: 24px !important;
    align-items: center !important;
    width: 56px !important;
    min-width: 56px !important;
    max-width: 56px !important;
    height: 24px !important;
    min-height: 24px !important;
    max-height: 24px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

#home-view #timePickerPopup .clock-format-btn {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 28px !important;
    min-width: 28px !important;
    max-width: 28px !important;
    height: 24px !important;
    min-height: 24px !important;
    max-height: 24px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: rgba(255,255,255,.40) !important;
    font-family: var(--font-ui) !important;
    font-size: .61rem !important;
    font-weight: 500 !important;
    line-height: 1 !important;
    letter-spacing: .10em !important;
    box-shadow: none !important;
    transition: color .16s ease !important;
}

#home-view #timePickerPopup .clock-format-btn::after {
    content: "" !important;
    position: absolute !important;
    left: 50% !important;
    bottom: 1px !important;
    width: 0 !important;
    height: 1px !important;
    transform: translateX(-50%) !important;
    background: #dfb86b !important;
    opacity: 0 !important;
    transition: width .16s ease, opacity .16s ease !important;
}

#home-view #timePickerPopup .clock-format-btn.active {
    background: transparent !important;
    color: #efd79f !important;
    font-weight: 600 !important;
}

#home-view #timePickerPopup .clock-format-btn.active::after {
    width: 14px !important;
    opacity: .92 !important;
}

@media (hover:hover) and (pointer:fine) {
    #home-view #timePickerPopup .clock-format-btn:hover:not(.active) {
        color: rgba(239,215,159,.72) !important;
    }
}

#home-view #timePickerPopup .clock-picker-actions {
    display: none !important;
}

#home-view #timePickerPopup.luxury-clock-popup {
    display: none !important;
}

#home-view #timePickerPopup.luxury-clock-popup.open {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
}

#home-view #timePickerPopup .clock-top-row {
    margin: 0 0 12px !important;
}

#home-view #timePickerPopup .clock-lower-row {
    min-height: 46px !important;
    margin: 12px 0 0 !important;
    align-items: center !important;
}

#home-view #timePickerPopup .clock-bottom-controls-left {
    grid-column: 3 !important;
    justify-self: end !important;
    align-self: center !important;
    display: block !important;
    width: 38px !important;
    min-width: 38px !important;
    max-width: 38px !important;
    height: 46px !important;
    min-height: 46px !important;
    max-height: 46px !important;
    margin: 0 !important;
}

#home-view #timePickerPopup .clock-format-toggle {
    display: grid !important;
    grid-template-columns: 1fr !important;
    grid-template-rows: repeat(2, 23px) !important;
    width: 38px !important;
    min-width: 38px !important;
    max-width: 38px !important;
    height: 46px !important;
    min-height: 46px !important;
    max-height: 46px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

#home-view #timePickerPopup .clock-format-btn {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 23px !important;
    min-height: 23px !important;
    max-height: 23px !important;
    padding: 0 8px 0 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: rgba(255,255,255,.42) !important;
    font-family: var(--font-ui) !important;
    font-size: .62rem !important;
    font-weight: 500 !important;
    line-height: 1 !important;
    letter-spacing: .16em !important;
    box-shadow: none !important;
    transition: color .16s ease, opacity .16s ease !important;
}

#home-view #timePickerPopup .clock-format-btn::after {
    content: "" !important;
    position: absolute !important;
    right: 0 !important;
    left: auto !important;
    top: 50% !important;
    bottom: auto !important;
    width: 1px !important;
    height: 0 !important;
    transform: translateY(-50%) !important;
    background: #dfb86b !important;
    opacity: 0 !important;
    transition: height .16s ease, opacity .16s ease !important;
}

#home-view #timePickerPopup .clock-format-btn.active {
    background: transparent !important;
    color: #efd79f !important;
    font-weight: 600 !important;
}

#home-view #timePickerPopup .clock-format-btn.active::after {
    width: 1px !important;
    height: 11px !important;
    opacity: .92 !important;
}

@media (hover:hover) and (pointer:fine) {
    #home-view #timePickerPopup .clock-format-btn:hover:not(.active) {
        color: rgba(239,215,159,.72) !important;
    }
}

#home-view #contact .contact-valentin-divider { margin:0 auto 22px!important; }


/* --- RED v200: Places touch integrity + field-local validation --- */
.pac-container,
.pac-container .pac-item,
.pac-container .pac-item *{
    pointer-events:auto!important;
}

@media (hover:none), (pointer:coarse), (max-width:1023px){
    .pac-container{
        touch-action:manipulation!important;
        overscroll-behavior:contain!important;
    }
    .pac-item{
        touch-action:manipulation!important;
    }
}

.red-field-error-message{
    box-sizing:border-box!important;
    width:100%!important;
    margin:6px 0 0!important;
    padding:5.5px 9px!important;
    color:#f3d7a1!important;
    background:linear-gradient(135deg,rgba(223,184,107,.085),rgba(223,184,107,.025))!important;
    border:1px solid rgba(223,184,107,.38)!important;
    border-left:2px solid var(--accent-gold)!important;
    border-radius:7px!important;
    font-family:var(--font-ui)!important;
    font-size:.76rem!important;
    font-weight:500!important;
    line-height:1.42!important;
    letter-spacing:.01em!important;
    text-align:left!important;
    box-shadow:0 8px 22px rgba(0,0,0,.20)!important;
}


/* --- RED v208: Google Places suggestion menu --- */
.red-places-container{
    max-height:min(420px,48vh)!important;
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
}
.red-places-container .red-place-item{
    display:block!important;
    min-height:52px!important;
    padding:10px 14px!important;
    white-space:normal!important;
}
.red-places-container .red-place-copy{
    display:block!important;
    min-width:0!important;
}
.red-places-container .red-place-main{
    display:block!important;
    overflow:hidden!important;
    text-overflow:clip!important;
    white-space:nowrap!important;
    line-height:1.35!important;
}
.red-places-container .red-place-secondary{
    display:block!important;
    margin-top:2px!important;
    color:rgba(255,255,255,.56)!important;
    font-family:var(--font-ui)!important;
    font-size:11px!important;
    font-weight:400!important;
    line-height:1.35!important;
    overflow:hidden!important;
    text-overflow:clip!important;
    white-space:nowrap!important;
}
.red-places-container .red-google-maps-attribution{
    box-sizing:border-box!important;
    padding:6px 12px 7px!important;
    border-top:1px solid rgba(255,255,255,.055)!important;
    color:#b7b7b7!important;
    background:rgba(8,8,8,.985)!important;
    font-family:Roboto,Arial,sans-serif!important;
    font-style:normal!important;
    font-weight:400!important;
    font-size:12px!important;
    letter-spacing:normal!important;
    line-height:1.2!important;
    text-align:right!important;
    white-space:nowrap!important;
}
@media (hover:none),(pointer:coarse),(max-width:1023px){
    .red-places-container .red-place-item{min-height:56px!important;padding:11px 13px!important;touch-action:manipulation!important;}
    .red-places-container .red-place-main{font-size:13px!important;}
    .red-places-container .red-place-secondary{font-size:11px!important;}
}

/* ======================================================================
   v203 — BOOKING VEHICLE SELECTION / DESKTOP
   Mobile vehicle-selection page is the visual source of truth.
   Desktop changes only the spatial composition: 3 equal cards in one row.
   ====================================================================== */
@media (min-width: 1024px) {
    #booking-view .booking-container-page {
        width: min(1320px, calc(100% - 56px)) !important;
        max-width: 1320px !important;
        padding: 0 0 56px !important;
        margin: 0 auto !important;
    }

    #booking-view .back-home-btn {
        margin: 0 0 18px !important;
    }

    #booking-view .vehicles-grid {
        width: 100% !important;
        max-width: none !important;
        margin: 18px auto 0 !important;
        padding: 0 !important;
        display: grid !important;
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: clamp(18px, 1.75vw, 26px) !important;
        align-items: stretch !important;
    }

    #booking-view .vehicles-grid > .vehicle-card {
        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important;
        min-height: 0 !important;
        height: auto !important;
        margin: 0 !important;
        padding: 18px 16px 16px !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: flex-start !important;
        align-items: stretch !important;
        background: #0a0a0a !important;
        border: 1px solid rgba(223,184,107,.60) !important;
        border-radius: 9px !important;
        box-shadow: none !important;
        overflow: hidden !important;
        transform: none !important;
    }

    #booking-view .vehicle-card > div:first-child,
    #booking-view .vehicle-footer-card {
        width: 100% !important;
        max-width: none !important;
        padding: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        box-sizing: border-box !important;
    }

    #booking-view .vehicle-card > div:first-child {
        display: flex !important;
        flex-direction: column !important;
    }

    /* Same title language, weight and hierarchy as mobile. */
    #booking-view .vehicle-card h3 {
        width: 100% !important;
        min-height: 0 !important;
        margin: 0 0 10px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        font-family: var(--font-display) !important;
        font-size: 1.30rem !important;
        font-weight: 400 !important;
        line-height: 1.10 !important;
        letter-spacing: .5px !important;
        text-transform: capitalize !important;
        color: #fff !important;
        text-align: center !important;
    }

    /* Mobile photo treatment, simply given desktop breathing room. */
    #booking-view .vehicle-img-container {
        width: 100% !important;
        height: clamp(182px, 14vw, 215px) !important;
        min-height: clamp(182px, 14vw, 215px) !important;
        max-height: clamp(182px, 14vw, 215px) !important;
        margin: 0 auto 10px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        background: radial-gradient(
            ellipse at center,
            rgba(223,184,107,.16) 0%,
            rgba(223,184,107,.09) 28%,
            rgba(223,184,107,.035) 52%,
            transparent 72%
        ) !important;
        border: 0 !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        pointer-events: none !important;
        cursor: default !important;
    }

    #booking-view .vehicle-img {
        width: 100% !important;
        max-width: 100% !important;
        height: 100% !important;
        max-height: 100% !important;
        margin: 0 auto !important;
        object-fit: contain !important;
        object-position: center center !important;
        transform: none !important;
        pointer-events: none !important;
    }

    /* Same two compact specification items as mobile. */
    #booking-view .vehicle-specs {
        width: 100% !important;
        min-height: 0 !important;
        margin: 0 0 10px !important;
        padding: 0 2px 10px !important;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        gap: clamp(12px, 1.4vw, 20px) !important;
        border-top: 0 !important;
        border-bottom: 1px solid rgba(255,255,255,.08) !important;
        font-family: var(--font-ui) !important;
        font-size: .78rem !important;
        font-weight: 400 !important;
        line-height: 1.45 !important;
        color: #f3f3f3 !important;
    }

    #booking-view .vehicle-specs > div {
        flex: 0 1 auto !important;
        min-width: 0 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 5px !important;
        text-align: center !important;
    }

    #booking-view .vehicle-spec-icon {
        flex: 0 0 auto !important;
        margin: 0 2px 0 0 !important;
        font-size: 1.05rem !important;
        color: var(--accent-gold) !important;
    }

    /* Mobile page does not show the long desktop pricing paragraphs. */
    #booking-view .pricing-features {
        display: none !important;
    }

    #booking-view .vehicle-footer-card {
        margin-top: auto !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
    }

    /* Exact mobile visual code: black band + two horizontal gold fades. */
    #booking-view .vehicle-service-inclusions {
        position: relative !important;
        width: 100% !important;
        min-height: 0 !important;
        margin: 9px 0 11px !important;
        padding: 11px 9px !important;
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 8px 9px !important;
        align-content: center !important;
        overflow: hidden !important;
        background:
            linear-gradient(180deg, rgba(0,0,0,.20) 0%, rgba(0,0,0,.38) 50%, rgba(0,0,0,.20) 100%),
            rgba(3,3,3,.58) !important;
        border: 0 !important;
        border-radius: 0 !important;
        box-shadow: inset 0 8px 16px rgba(0,0,0,.16), inset 0 -8px 16px rgba(0,0,0,.12) !important;
    }

    #booking-view .vehicle-service-inclusions > span {
        width: 100% !important;
        min-width: 0 !important;
        min-height: 26px !important;
        margin: 0 !important;
        padding: 0 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 6px !important;
        font-family: var(--font-ui) !important;
        font-size: .76rem !important;
        font-weight: 500 !important;
        line-height: 1.32 !important;
        letter-spacing: .01em !important;
        color: #e7e0d6 !important;
        text-align: center !important;
        white-space: normal !important;
    }

    #booking-view .vehicle-service-inclusions .service-legacy-icon,
    #booking-view .vehicle-service-inclusions .booking-ph-icon,
    #booking-view .vehicle-service-inclusions .fixed-price-euro {
        flex: 0 0 auto !important;
        width: 13px !important;
        min-width: 13px !important;
        height: 13px !important;
        margin: 0 !important;
        font-size: .82rem !important;
        color: var(--accent-gold) !important;
        opacity: .96 !important;
    }

    #booking-view .vehicle-price {
        width: 100% !important;
        min-height: 0 !important;
        margin: 5px 0 10px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        font-family: var(--font-ui) !important;
        font-size: 1.55rem !important;
        font-weight: 700 !important;
        line-height: 1 !important;
        letter-spacing: .5px !important;
        color: var(--accent-gold) !important;
    }

    #booking-view .btn-select {
        width: 100% !important;
        min-height: 48px !important;
        margin: 0 !important;
        padding: 0 16px !important;
        border: 1px solid var(--accent-gold) !important;
        border-radius: 6px !important;
        background: transparent !important;
        color: var(--accent-gold) !important;
        font-family: var(--font-ui) !important;
        font-size: .78rem !important;
        font-weight: 500 !important;
        line-height: 1.2 !important;
        letter-spacing: .085em !important;
        text-transform: uppercase !important;
        box-shadow: none !important;
    }

    @media (hover: hover) and (pointer: fine) {
        #booking-view .btn-select:hover {
            background: var(--accent-gold) !important;
            color: #000 !important;
            box-shadow: 0 4px 15px rgba(223,184,107,.22) !important;
        }
        #booking-view .vehicle-card:hover,
        #booking-view .vehicle-card:focus-within {
            transform: none !important;
            box-shadow: none !important;
            border-color: rgba(223,184,107,.72) !important;
        }
    }
}

/* Keep the three-card desktop composition usable before the existing mobile breakpoint. */
@media (min-width: 1024px) and (max-width: 1180px) {
    #booking-view .booking-container-page {
        width: calc(100% - 32px) !important;
    }
    #booking-view .vehicles-grid {
        gap: 14px !important;
    }
    #booking-view .vehicles-grid > .vehicle-card {
        padding-left: 12px !important;
        padding-right: 12px !important;
    }
    #booking-view .vehicle-service-inclusions > span {
        font-size: .70rem !important;
    }
    #booking-view .vehicle-specs {
        gap: 10px !important;
        font-size: .72rem !important;
    }
}

/* v203 parity refinement — values measured from the mobile booking cards in Chromium. */
@media (min-width: 1024px) {
    #booking-view .vehicle-card h3 {
        margin: 0 0 12px !important;
        font-family: var(--font-ui) !important;
        font-size: 1.314rem !important;
        font-weight: 600 !important;
        line-height: 1.45 !important;
        letter-spacing: .20em !important;
        text-transform: uppercase !important;
        color: var(--accent-gold) !important;
    }

    #booking-view .vehicle-img-container {
        margin: 0 0 12px !important;
        background: radial-gradient(
            ellipse at center,
            rgba(223,184,107,.16) 0%,
            rgba(223,184,107,.09) 28%,
            rgba(223,184,107,.035) 52%,
            transparent 72%
        ) !important;
        border: 1px solid rgba(223,184,107,.25) !important;
        border-radius: 8px !important;
        box-shadow: inset 0 0 15px rgba(0,0,0,.8) !important;
    }

    #booking-view .vehicle-img {
        width: 98% !important;
        max-width: 98% !important;
        filter: contrast(1.08) brightness(.96) drop-shadow(0 4px 8px rgba(0,0,0,.8)) drop-shadow(0 0 4px rgba(223,184,107,.1)) !important;
    }

    #booking-view .vehicle-specs {
        margin: 0 0 12px !important;
        padding: 0 !important;
        gap: 14px !important;
        border-top: 1px solid rgba(255,255,255,.08) !important;
        border-bottom: 1px solid rgba(255,255,255,.08) !important;
        font-family: var(--font-ui) !important;
        font-size: .78rem !important;
        font-weight: 400 !important;
        line-height: 1.45 !important;
        letter-spacing: .3px !important;
        color: #f3f3f3 !important;
    }

    #booking-view .vehicle-service-inclusions {
        margin: 0 !important;
        padding: 10px 8px !important;
        gap: 7px 8px !important;
        background: linear-gradient(
            90deg,
            rgba(16,16,18,0) 0%,
            rgba(7,7,9,.58) 11%,
            rgba(3,3,5,.94) 23%,
            rgba(3,3,5,.94) 77%,
            rgba(7,7,9,.58) 89%,
            rgba(16,16,18,0) 100%
        ) !important;
        border: 0 !important;
        border-radius: 0 !important;
        box-shadow: none !important;
    }

    #booking-view .vehicle-service-inclusions > span,
    #booking-view .vehicle-service-inclusions {
        font-family: var(--font-ui) !important;
        font-size: .76rem !important;
        font-weight: 500 !important;
        line-height: 1.32 !important;
        letter-spacing: .01em !important;
        color: #e7e0d6 !important;
    }

    #booking-view .vehicle-service-inclusions > span {
        min-height: 24px !important;
        gap: 5px !important;
    }

    #booking-view .vehicle-price {
        margin: 0 !important;
        padding: 16px 0 !important;
        font-family: var(--font-ui) !important;
        font-size: 1.55rem !important;
        font-weight: 700 !important;
        line-height: 1.15 !important;
        letter-spacing: .5px !important;
        color: var(--accent-gold) !important;
    }

    #booking-view .btn-select {
        min-height: 48px !important;
        padding: 0 16px !important;
        background: linear-gradient(180deg, rgba(223,184,107,.106), rgba(223,184,107,.043)) !important;
        border: 1px solid rgba(223,184,107,.60) !important;
        border-radius: 6px !important;
        color: #e8c989 !important;
        font-family: var(--font-ui) !important;
        font-size: .78rem !important;
        font-weight: 500 !important;
        line-height: 1.2 !important;
        letter-spacing: .085em !important;
        text-transform: uppercase !important;
        box-shadow: inset 0 1px 0 rgba(255,255,255,.035), 0 7px 22px rgba(0,0,0,.15) !important;
    }
}