/* Deliberate exceptions to the shared liquid button treatment. */
#clear-listing-filters,dialog button[data-reset],button[type=reset]{background:transparent!important;color:#c52121!important;border:0!important;text-decoration:underline;text-underline-offset:4px;box-shadow:none;min-height:44px;padding:10px 12px}
#clear-listing-filters::before,button[data-reset]::before,button[type=reset]::before{display:none}
#workspace #reset{background:transparent;color:#000;border:0;box-shadow:none;text-decoration:underline;text-underline-offset:4px;padding:10px 0;min-height:44px}
#workspace #reset::before{display:none}
#workspace #signout{background:#f00;color:#fff;border:1px solid #f00;}
#workspace #signout:is(:hover,:focus-visible){color:#fff}
#workspace #refresh,#workspace #previous-month,#workspace #next-month{background:transparent;color:#000;border:1px solid #000;box-shadow:none}
#workspace :is(#refresh,#previous-month,#next-month)::before{display:none}
#workspace :is(#refresh,#previous-month,#next-month):hover{background:#eee;color:#000}
#workspace .dashboard-nav a{padding:10px 12px;border-bottom:2px solid #000;color:#000}
#workspace .dashboard-nav a:is(:hover,:focus-visible){color:#000;background:#ff0}
/* Origin tabs are a navigation level above the compact body-type filters. */
#collection .sales-tabs{gap:24px;align-items:center;margin:34px 0 24px}
#collection .sales-tabs button{background:transparent;color:#555;border:0;border-bottom:3px solid transparent;padding:14px 4px;font-size:19px;font-weight:700;box-shadow:none}
#collection .sales-tabs button::before{display:none}
#collection .sales-tabs button:is([aria-pressed=true],:hover,:focus-visible){background:transparent;color:#000;border-bottom-color:#000;box-shadow:0 3px 0 #ff0}
#collection .sales-tabs button:last-child{font-size:14px;font-weight:500;margin-left:auto}
/* Hidden Yellow: retain the rounded, low wave until intentional interaction. */
#consultation .consultation-options .button{background:#000;color:#ff0}
#consultation .consultation-options .button::before{transform:translateY(25%) rotate(-8deg)}
#consultation .consultation-options .button:is(:hover,:focus-visible){color:#000}
#consultation .consultation-options .button:is(:hover,:focus-visible)::before{transform:translateY(-32%) rotate(12deg)}
/* Calendar selection is distinct from unavailable dates. */
#workspace #calendar{gap:7px}
#workspace #calendar>span:not(.blank){border:0;background:transparent;font-weight:600;color:#666}
#workspace #calendar button{background:#f0f0ed;color:#171717;border:1px solid transparent;min-height:48px;border-radius:4px;box-shadow:none}
#workspace #calendar button::before{display:none}
#workspace #calendar button.past{color:#969691;background:#f0f0ed}
#workspace #calendar button.today{border-color:#777}
#workspace #calendar button:not(:disabled):hover{border-color:#000;color:#000;background:#f0f0ed}
#workspace #calendar button:is(.booked,.pending){background:repeating-linear-gradient(135deg,#e4e4df,#e4e4df 5px,#f0f0ed 5px,#f0f0ed 10px);color:#666}
#workspace #calendar button.in-range{background:#ffffbb;color:#000}
#workspace #calendar button.chosen{background:#ff0;color:#000;border-color:#000;outline:none;font-weight:700}
.legend{flex-wrap:wrap;line-height:1.5;margin-bottom:22px;color:#666}
/* Reference-led split layout: dark introduction and an offset light form. */
#workspace.auth-workspace{max-width:1320px;padding:44px 5% 80px}
.auth-layout{display:grid;grid-template-columns:1fr 1fr;align-items:center;background:linear-gradient(90deg,#161616 0 56%,transparent 56%);padding:42px 0;min-height:690px}
.auth-story{color:#fff;padding:38px 54px 38px 42px;align-self:stretch;display:flex;flex-direction:column;justify-content:center}
.auth-story .eyebrow{color:#ff0;font-size:11px}
#workspace .auth-story h1{font-size:clamp(48px,5.5vw,78px);line-height:1.02;margin:35px 0 24px}
.auth-story>p:not(.eyebrow){color:#c9c9c9;line-height:1.8;max-width:330px;font-size:16px}
.auth-explore{color:#ff0;margin:20px 0 70px;text-decoration:underline;text-underline-offset:6px;font-size:14px;width:fit-content}
.auth-story-footer{font-size:10px;letter-spacing:.13em;line-height:1.8;color:#aaa}
#workspace .auth-panel{margin:0;background:#fff;border:1px solid #e5e5e0;padding:40px;box-shadow:0 18px 50px #0000000d;min-width:0}
.auth-panel>.eyebrow{font-size:10px;color:#666;letter-spacing:.12em}
#workspace .auth-panel h2{font-size:38px;margin:12px 0}
.auth-intro{font-size:14px;color:#666;margin-bottom:25px}
#workspace .auth-panel .google-primary{width:100%;display:flex;align-items:center;justify-content:center;gap:12px;min-height:44px;padding:10px 12px;border:1px solid #747775;border-radius:4px;background:#fff;color:#1f1f1f;font-family:'Google Sans',Arial,sans-serif;font-size:14px;font-weight:500;box-shadow:none}
#workspace .google-primary::before{display:none}
#workspace .google-primary:hover{background:#f5f5f5;color:#1f1f1f;border-color:#1f1f1f}
.google-primary img{width:20px;height:20px;flex:0 0 20px}
.auth-panel .auth-divider{font-size:12px;margin:24px 0}
#workspace .auth-panel .tabs{gap:24px;margin:0 0 24px;border-bottom:1px solid #ddd}
#workspace .auth-panel .tabs button{background:transparent;color:#666;border:0;border-bottom:2px solid transparent;padding:10px 0;box-shadow:none;font-size:14px}
#workspace .auth-panel .tabs button::before{display:none}
#workspace .auth-panel .tabs button:is([aria-pressed=true],:hover,:focus-visible){background:transparent;color:#000;border-bottom-color:#000;box-shadow:none}
.auth-panel .form-grid{grid-template-columns:1fr;gap:18px}
.auth-panel .form-grid label[hidden]{display:none}
.auth-panel label{font-size:13px;color:#444}
#workspace .auth-panel input{background:#fff;border:0;border-bottom:1px solid #aaa;padding:12px 0;border-radius:0;min-height:44px}
.auth-panel .actions{justify-content:space-between;gap:12px;margin-top:28px}
#workspace .auth-panel #auth-submit{background:#000;color:#ff0;min-width:130px;justify-content:center;border-radius:3px}
#workspace .auth-panel #auth-submit::before{display:none}
#workspace .auth-panel #auth-submit:hover{background:#ff0;color:#000}
.auth-panel .help{font-size:12px;color:#666;border-top:1px solid #eee;padding-top:20px;margin-top:24px}
.auth-panel #auth-status{font-size:13px;margin:16px 0 0}
@media(max-width:760px){#workspace.auth-workspace{padding:20px 5% 60px}.auth-layout{grid-template-columns:1fr;background:#161616;padding:0;min-height:0}.auth-story{padding:32px}.auth-story>p:not(.eyebrow){max-width:none}#workspace .auth-story h1{font-size:48px;margin:18px 0}.auth-explore{margin:8px 0 24px}.auth-story-footer{display:none}#workspace .auth-panel{margin:0 12px 12px;padding:28px 22px}#collection .sales-tabs{gap:16px}#collection .sales-tabs button{font-size:17px}#workspace #calendar{gap:4px}#workspace #calendar button{min-height:44px}}
/* Segmented account mode, shared actions and responsive navigation. */
#workspace .auth-panel .tabs{display:grid;grid-template-columns:1fr 1fr;gap:0;border:1px solid #000;border-radius:4px;overflow:hidden}
#workspace .auth-panel .tabs :is(#login-tab,#signup-tab){width:100%;min-height:48px;margin:0;padding:12px 8px;border:0;border-radius:0;background:#fff;color:#000;box-shadow:none;font-size:14px}
#workspace .auth-panel .tabs #signup-tab{border-left:1px solid #000}
#workspace .auth-panel .tabs :is(#login-tab,#signup-tab)[aria-pressed=true]{background:#000;color:#ff0}
#workspace .auth-panel .tabs :is(#login-tab,#signup-tab):hover{background:#eee;color:#000}
#workspace .auth-panel .tabs :is(#login-tab,#signup-tab):focus-visible{outline-offset:-4px}
body>footer{background:#000}
#consultation .consultation-options .button::before{transform:translateY(calc(28.571% - 3px)) rotate(0deg)}
#consultation .consultation-options .button:hover::before,#consultation .consultation-options .button:focus-visible::before{transform:translateY(-32%) rotate(12deg)}
.cookie-banner{left:0;right:0;bottom:0;max-width:none;width:100%;padding:24px 5%;display:flex;align-items:center;justify-content:space-between;gap:30px;max-height:80dvh;overflow:auto}
.cookie-banner>div:first-child{max-width:850px}.cookie-banner p{margin:8px 0;line-height:1.5}.cookie-banner .actions{flex-shrink:0}.cookie-banner button::before,.cookie-preferences::before{display:none}
.arrow-icon{display:inline-block;width:.75em;height:.75em;margin-left:.18em;position:relative;flex-shrink:0;vertical-align:baseline}
.arrow-icon::before{content:'';position:absolute;right:0;top:0;width:70%;height:70%;border-right:2px solid currentColor;border-top:2px solid currentColor}
.arrow-icon::after{content:'';position:absolute;width:105%;height:2px;background:currentColor;right:0;top:0;transform:rotate(-45deg);transform-origin:right center}
.menu-toggle{display:none}.site-announcement{padding:12px 5%;display:flex;align-items:center;justify-content:center;gap:20px;position:relative;z-index:20}.site-announcement p{margin:0;line-height:1.5;white-space:pre-line;overflow-wrap:anywhere}.site-announcement button{background:transparent;color:inherit;border:0;min-width:44px;min-height:44px;font-size:28px;padding:0}.site-announcement button::before{display:none}
body.content-loading main>*{visibility:hidden}body.content-loading main{position:relative;min-height:60vh}body.content-loading main::before{content:'Loading the latest collection…';position:absolute;top:60px;left:5%;visibility:visible}body.content-loading .footer-contact{visibility:hidden}body.content-loading .hero-photo{background-image:none}
@media(max-width:760px){body>header{position:relative;height:auto;min-height:88px;flex-wrap:wrap;gap:16px}body>header>.outline{margin-left:auto}body>header .menu-toggle{display:flex;flex-direction:column;gap:5px;align-items:center;justify-content:center;width:44px;height:44px;padding:10px;border:1px solid #888;background:#000;color:#fff}body>header .menu-toggle::before{display:none}.menu-toggle span{height:2px;width:22px;background:currentColor}body>header nav{display:none;order:10;width:100%;padding:12px 0 20px;border-top:1px solid #444;flex-direction:column;align-items:stretch;gap:0}body>header.menu-open nav{display:flex}body>header nav a,body>header nav a:first-child{display:block;padding:13px 0;font-size:16px;color:#fff}body>header nav a:hover{color:#ff0}.cookie-banner{flex-direction:column;align-items:stretch;gap:14px;padding:20px 5%}.cookie-banner .actions{margin:0}.site-announcement{font-size:14px;justify-content:space-between}}
/* Crisp vector arrows and the latest action treatments. */
.arrow-icon{width:1em;height:1em;vertical-align:-.12em;line-height:1}
.arrow-icon::before,.arrow-icon::after{content:none;display:none}
.arrow-icon svg{display:block;width:100%;height:100%}
#workspace .auth-panel .tabs :is(#login-tab,#signup-tab)[aria-pressed=true]{background:#1559c9;color:#fff}
#workspace .auth-panel .tabs :is(#login-tab,#signup-tab)[aria-pressed=true]:hover{background:#1047a2;color:#fff}
#workspace .auth-panel .tabs :is(#login-tab,#signup-tab):focus-visible{outline-color:#1559c9}
#workspace .auth-panel .tabs :is(#login-tab,#signup-tab)[aria-pressed=true]:focus-visible{outline-color:#fff}
body>header .menu-toggle{border:0;background:transparent;color:#fff}
body>header .menu-toggle:is(:hover,:focus-visible,[aria-expanded=true]){background:#ff0;color:#000}
#workspace :is(#wishlist,#save-sale-car){display:inline-flex;align-items:center;gap:9px;min-height:44px;padding:8px 0;border:0;background:transparent;color:#000;box-shadow:none}
#workspace :is(#wishlist,#save-sale-car)::before{display:none}
#workspace :is(#wishlist,#save-sale-car) span{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}
#workspace :is(#wishlist,#save-sale-car):hover{background:transparent;color:#444}
#workspace :is(#wishlist,#save-sale-car):hover span{text-decoration-thickness:2px}
.wishlist-icon{width:21px;height:21px;flex-shrink:0}
/* Plain button interactions replace the retired Hidden Yellow animation. */
:is(button,.button)::before{display:none!important;content:none!important}
#consultation .consultation-options .button:is(:hover,:focus-visible){background:#ff0;color:#000}
.auth-legal{font-size:14px;line-height:1.6;color:#555;margin:18px 0}.auth-legal a{text-decoration:underline;text-underline-offset:3px;color:#000}
.legal-page{max-width:1250px;margin:0 auto;padding:65px 5% 100px}.legal-heading{border-bottom:1px solid #ccc;padding-bottom:28px;margin-bottom:40px}.legal-heading h1{font-size:clamp(46px,7vw,88px);line-height:1.08;margin:24px 0}.legal-heading>p:not(.eyebrow){color:#555}.legal-page-tabs{display:flex;gap:28px;margin-top:30px}.legal-page-tabs a{padding-bottom:10px;border-bottom:3px solid transparent}.legal-page-tabs a[aria-current=page]{border-color:#111;font-weight:700}.legal-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:60px}.legal-contents{display:flex;flex-direction:column;align-items:stretch;gap:14px;position:sticky;top:24px;align-self:start}.legal-contents a{font-size:14px;line-height:1.5;color:#555}.legal-contents a:hover{color:#000;text-decoration:underline}.legal-copy{font-size:17px;line-height:1.85;overflow-wrap:anywhere;max-width:780px}.legal-copy h2{font-family:inherit;font-size:25px;line-height:1.3;margin:40px 0 18px;scroll-margin-top:30px}.legal-copy h2:first-child{margin-top:0}.legal-copy h3{font-family:inherit;font-size:19px;margin:28px 0 12px}.legal-copy p{margin:0 0 20px}.legal-copy ul{padding-left:24px;margin:0 0 24px}.legal-copy li{padding-left:6px;margin:8px 0}.site-footer{display:block;padding:45px 5% 25px;background:#000;color:#fff}.footer-top{display:flex;align-items:flex-start;justify-content:space-between;gap:30px}.site-footer .platform-links{display:flex;flex-wrap:wrap;gap:18px;max-width:320px}.site-footer a:hover{text-decoration:underline}.legal-disclosure{display:grid;gap:8px;border-top:1px solid #444;margin-top:30px;padding-top:25px;font-size:14px;line-height:1.5;color:#ccc}.legal-disclosure strong{color:#fff}.footer-copyright{font-size:13px;color:#aaa;margin-top:24px}#legal-editor textarea{width:100%;font-family:ui-monospace,monospace;font-size:14px;line-height:1.6}#legal-editor details{padding:20px;border:1px solid #ddd;margin:20px 0}#legal-editor details summary{cursor:pointer;font-weight:600}
@media(max-width:760px){.legal-page{padding-top:38px}.legal-layout{grid-template-columns:1fr;gap:32px}.legal-contents{position:static;display:flex!important;border-bottom:1px solid #ccc;padding-bottom:25px}.legal-contents a,.legal-contents a:first-child{display:block}.legal-copy{font-size:16px}.footer-top{flex-direction:column;gap:20px}.site-footer .platform-links{max-width:none}.site-footer .footer-contact{overflow-wrap:anywhere}.legal-page-tabs{gap:20px;font-size:15px}}
/* Shared liquid fill: completely hidden at rest, edge-to-edge on interaction. */
.liquid-button{position:relative;isolation:isolate;overflow:hidden;background:#000!important;color:#ff0!important}
.liquid-button>.liquid-label{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:space-between;gap:inherit;width:100%;margin:0;pointer-events:none;color:inherit!important}
.liquid-button .arrow-icon{color:inherit!important}
.liquid-button::before{display:block!important;content:''!important;position:absolute;z-index:0;pointer-events:none;inset:0;width:100%;height:100%;border-radius:50% 50% 0 0!important;background:#ff0;transform:translateY(101%)!important;transition:transform .45s cubic-bezier(.16,1,.3,1),border-radius .45s ease}
.liquid-button:is(:hover,:focus-visible,:active){color:#000!important}
.liquid-button:is(:hover,:focus-visible,:active)::before{transform:translateY(0)!important;border-radius:0!important}
.card-bottom a.text-link.liquid-button{gap:25px}
.trusted-partners{border-top:1px solid #ddd;background:#fff;overflow:hidden}.partners-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:36px}.partners-heading h2{margin:0}.partners-pause{border:0;background:none;color:#444;text-decoration:underline;text-underline-offset:4px;min-height:44px;padding:8px}.partners-window{overflow:hidden}.partners-track{display:flex;width:max-content}.partners-group{display:flex;align-items:center;justify-content:space-around;gap:36px;min-width:90vw;padding-right:36px}.partner-logo{display:flex;align-items:center;justify-content:center;flex:0 0 200px;min-height:120px;padding:18px;color:#111}.partner-logo img{width:100%;height:90px;object-fit:contain}.partner-name-fallback{font-size:28px;font-weight:700;letter-spacing:-.03em;text-align:center}.partner-logo:focus-visible{outline-offset:-5px}.partners-sliding .partners-track{animation:partners-loop 35s linear infinite}.partners-sliding:hover .partners-track,.partners-sliding:focus-within .partners-track,.motion-paused .partners-track{animation-play-state:paused}.partners-static .partners-track{display:block;width:100%}.partners-static .partners-group{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));min-width:0;padding:0;gap:28px}.partners-static .partner-logo{max-width:260px;width:100%;justify-self:center}.partner-profile{max-width:1300px;margin:auto}.partner-profile-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:70px;margin-top:45px}.partner-profile-logo{display:flex;align-items:center;justify-content:center;align-self:start;min-height:240px;border:1px solid #ddd;background:#fff;padding:30px}.partner-profile-logo img{max-width:100%;height:auto;object-fit:contain}.partner-profile h1{font-size:clamp(48px,6vw,88px)}.partner-intro{font-size:22px;line-height:1.6}.partner-description{white-space:pre-line;line-height:1.8;overflow-wrap:anywhere}.partner-links{flex-wrap:wrap;margin-top:30px}.admin-partner-logo{width:100px;height:60px;display:flex;align-items:center;justify-content:center}.admin-partner-logo img{max-width:100%;height:50px;object-fit:contain}.admin-partner-logo .partner-name-fallback{font-size:15px}
@keyframes partners-loop{to{transform:translateX(-50%)}}
@media(max-width:760px){.partners-group{gap:20px;padding-right:20px}.partner-logo{flex-basis:160px;min-height:95px;padding:12px}.partner-logo img{height:70px}.partners-heading{align-items:flex-start}.partners-pause{font-size:14px}.partner-profile-layout{grid-template-columns:1fr;gap:32px}.partner-profile-logo{max-width:300px;min-height:180px}.partner-intro{font-size:19px}}
@media(prefers-reduced-motion:reduce){.liquid-button::before{transition:none}.partners-sliding .partners-track{animation:none;width:100%}.partners-sliding .partners-group{min-width:0;display:flex;flex-wrap:wrap;padding:0}.partners-group[aria-hidden=true],.partners-pause{display:none}}

/* Enquiry actions retain their service colours rather than the liquid treatment. */
#enquiry{padding-top:64px}
#enquiry>.dialog-close{position:absolute;inset:12px 12px auto auto;display:grid;place-items:center;width:44px;height:44px;padding:0;min-height:44px;border:0;background:transparent;color:#000;font-size:32px;line-height:1;box-shadow:none}
#enquiry>.dialog-close:is(:hover,:focus-visible,:active){background:transparent;color:#000}
#enquiry #whatsapp-enquiry{background:#25d366;color:#071b10;border:1px solid #25d366;gap:16px}
#enquiry #whatsapp-enquiry:is(:hover,:focus-visible,:active){background:#1fbd5a;border-color:#1fbd5a;color:#071b10}
#enquiry #email-enquiry{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:54px;padding:14px 20px;border:1px solid #747775;border-radius:4px;background:#fff;color:#1f1f1f}
#enquiry #email-enquiry:is(:hover,:focus-visible,:active){background:#f1f3f4;color:#1f1f1f;border-color:#444}
#enquiry .enquiry-brand-icon{width:24px;height:24px;flex-shrink:0}
#enquiry :is(.dialog-close,#whatsapp-enquiry,#email-enquiry)::before{display:none!important;content:none!important}

/* Morph the existing three strokes without changing the menu hit target. */
.menu-toggle span{transition:transform .2s ease,opacity .2s ease;transform-origin:center}
.menu-toggle[aria-expanded=true] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.menu-toggle[aria-expanded=true] span:nth-child(2){opacity:0}
.menu-toggle[aria-expanded=true] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.discount-badge{display:inline-block;background:#c62828!important;color:#fff!important;border-radius:8px;padding:5px 9px;font-size:12px;font-weight:700;line-height:1.3;white-space:nowrap}
.promo-price{color:#137333!important}.sale-price del,.card-bottom del{color:#666;margin-right:8px}.sale-price .discount-badge,.card-bottom .discount-badge{margin:5px 0 5px 8px}
@media(prefers-reduced-motion:reduce){.menu-toggle span{transition:none}}

/* Account actions: quiet profile save and a clearly destructive wishlist action. */
#workspace #profile-form>button{justify-content:center;text-align:center;background:transparent;color:#000;border:1px solid #000}
#workspace #profile-form>button:is(:hover,:focus-visible,:active){background:#eee;color:#000}
#workspace #profile-form>button::before{display:none!important;content:none!important}
#account-wishlist .saved-car-row{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%}
#account-wishlist .saved-car-row>a{min-width:0;overflow-wrap:anywhere}
#workspace #account-wishlist button[data-remove]{display:flex;width:max-content;align-items:center;justify-content:center;gap:7px;margin-left:auto;flex-shrink:0;padding:8px 0;min-height:44px;border:0;background:transparent;color:#c52121;box-shadow:none}
#workspace #account-wishlist button[data-remove] span{text-decoration:underline;text-underline-offset:4px}
#workspace #account-wishlist button[data-remove]:is(:hover,:focus-visible,:active){background:transparent;color:#9f1717}
#workspace #account-wishlist button[data-remove]:hover span{text-decoration-thickness:2px}
#account-wishlist .remove-icon{width:19px;height:19px;flex-shrink:0}

body>header .menu-toggle,body>header .menu-toggle:is(:hover,:focus-visible,:active,[aria-expanded=true]){background:transparent;color:#fff;border:0;box-shadow:none}
body>header .menu-toggle::before,body>header .menu-toggle::after{display:none!important;content:none!important}
#workspace :is(#wishlist,#save-sale-car)[aria-pressed=true] .wishlist-icon{fill:#000;stroke:#000}

body button.remove-action,body button.remove-action:is(:hover,:focus-visible,:active){display:inline-flex;align-items:center;justify-content:center;gap:7px;margin-left:auto;border:0!important;background:transparent!important;color:#c52121!important;padding:8px 0;min-height:44px;box-shadow:none}
button.remove-action>span{text-decoration:underline;text-underline-offset:4px}button.remove-action>*{pointer-events:none}button.remove-action>svg{width:19px;height:19px;flex-shrink:0}button.remove-action::before{display:none!important;content:none!important}
.status-error,[aria-invalid=true]{color:#c52121!important}.status-success{color:#137333!important}[aria-invalid=true]{border-color:#c52121!important}.status-error a{color:inherit;text-decoration:underline}
.upload-meter{position:relative;height:32px;margin-top:12px;background:#e7eefc;border-radius:4px;overflow:hidden;text-align:center}.upload-meter i{position:absolute;inset:0 auto 0 0;background:#1769d2;transition:width .15s}.upload-meter>span{position:relative;z-index:1;display:block;line-height:32px;color:#fff;font-weight:700;text-shadow:0 1px 2px #000,0 0 3px #000}.upload-ready{background:#137333}.upload-ready i{background:#137333}.photo-tile-actions{align-items:center}.car-form-section select{width:100%;padding:12px;border:1px solid #aaa;background:white;color:#000;font:inherit}
.chauffeur-choice{border:1px solid #bbb;padding:20px;margin:24px 0}.chauffeur-choice legend{font-weight:700}.chauffeur-options{display:flex;gap:24px}.chauffeur-days{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:10px;margin-top:16px;max-height:300px;overflow:auto}.chauffeur-choice [hidden]{display:none!important}.chauffeur-summary{border-top:1px solid #ddd;padding:16px 0}.chauffeur-summary p{overflow-wrap:anywhere}

/* Pair every liquid foreground with a real surface, even when its wave is suppressed. */
.liquid-button:not(:disabled):is(:hover,:focus-visible,:active){background:#ff0!important;color:#000!important}
.liquid-button:disabled::before{display:none!important}
#workspace #profile-form>button{background:transparent!important;color:#000!important}
#workspace #profile-form>button:is(:hover,:focus-visible,:active){background:#eee!important;color:#000!important}
#owner-form>.button{background:#ff0!important;color:#000!important}
#owner-form>.button:is(:hover,:focus-visible,:active){background:#000!important;color:#ff0!important}
#owner-form>.button::before{background:#000!important}
.button.dark:not(#whatsapp-enquiry):is(:hover,:focus-visible,:active){background:#ff0;color:#000}
.mode-switch button[aria-pressed=true]:is(:hover,:focus-visible){background:#000;color:#ff0}
.video-advert{background:#fff;border-top:1px solid #ddd;display:grid;grid-template-columns:minmax(220px,.75fr) minmax(0,1.25fr);gap:28px 6%;align-items:center}
.video-advert h2{font-size:clamp(38px,4.5vw,64px);line-height:1.04;margin:14px 0 22px}.video-advert p:not(.eyebrow){line-height:1.7;white-space:pre-line;color:#62676b}
.video-advert-media{aspect-ratio:16/9;background:#111;overflow:hidden;position:relative}.video-advert-media iframe{width:100%;height:100%;border:0;display:block}
body .video-advert-play,body .video-advert-play:is(:hover,:focus-visible,:active){position:relative;display:grid;place-items:center;width:100%;height:100%;padding:0;border:0;background:#111;color:#ff0}
.video-advert-play::before{display:none!important}.video-advert-play img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.video-advert-play>span{position:relative;background:#000;color:#ff0;padding:18px 24px;border:1px solid #ff0;font-weight:700;transition:background .2s,color .2s}.video-advert-play:is(:hover,:focus-visible)>span{background:#ff0;color:#000}
.video-advert-note{grid-column:2;font-size:12px;margin:0}.video-advert-note a{text-decoration:underline;text-underline-offset:3px}.video-advert[hidden]{display:none}
@media(max-width:760px){.video-advert{grid-template-columns:1fr;gap:22px}.video-advert-note{grid-column:1}}

.liquid-button:disabled,.liquid-button:disabled:is(:hover,:focus-visible,:active){background:#313131!important;color:#d4d46c!important}

/* Match the original advert format; portrait stays comfortably sized on wide screens. */
.video-advert[data-video-ratio=portrait] .video-advert-media{aspect-ratio:9/16;width:100%;max-width:420px;justify-self:center}
.video-advert[data-video-ratio=portrait] .video-advert-note{width:100%;max-width:420px;justify-self:center}
body .video-advert-play>span{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:#d71920;color:#fff;border:0;border-radius:12px;padding:15px 22px;box-shadow:0 4px 20px #0003;font-size:16px;line-height:1.35}
body .video-advert-play:is(:hover,:focus-visible,:active)>span{background:#b81118;color:#fff}
.video-advert-play>span>svg{width:26px;height:26px;flex:0 0 26px}
.video-advert-play:focus-visible{outline:3px solid #fff;outline-offset:-6px}
@media(max-width:480px){body .video-advert-play>span{font-size:14px;padding:13px 18px}}

/* Homepage primary action uses the yellow-first brand treatment. */
#hero-cta{background:#ff0!important;color:#000!important}
#hero-cta:is(:hover,:focus-visible,:active){background:#000!important;color:#ff0!important}
#hero-cta::before{background:#000!important}
.hero .mode-switch button[aria-pressed=false]:is(:hover,:focus-visible){background:#363636;color:#ff0;box-shadow:inset 0 -2px #ff0}
.hero .mode-switch button[aria-pressed=true]:is(:hover,:focus-visible){background:#ff0;color:#000;box-shadow:none}

.video-advert:not([data-playing])[data-cover-ratio=portrait] .video-advert-media{aspect-ratio:9/16;width:100%;max-width:420px;justify-self:center}
.video-advert:not([data-playing])[data-cover-ratio=landscape] .video-advert-media{aspect-ratio:16/9;width:100%;max-width:none;justify-self:stretch}
.auth-notice{width:min(480px,calc(100% - 32px));max-height:90vh;overflow:auto;border:0;border-radius:16px;padding:36px;background:#fff;color:#111;text-align:center;box-shadow:0 24px 80px #0004}.auth-notice::backdrop{background:#0009}.auth-notice h2{font-size:38px;line-height:1.15;margin:20px 0 14px}.auth-notice p,.signup-welcome p{font-size:16px;line-height:1.7;overflow-wrap:anywhere}.auth-notice-icon{width:64px;height:64px;margin:0 auto;display:grid;place-items:center;background:#ff0;color:#000;border-radius:50%;font-size:30px}.auth-notice-action{background:#ff0!important;color:#000!important;border:1px solid #000;padding:16px 24px;font-weight:700;min-height:48px;cursor:pointer}.auth-notice-action:is(:hover,:focus-visible){background:#000!important;color:#ff0!important}.auth-notice-action:focus-visible{outline:3px solid #555;outline-offset:4px}.auth-notice-action::before{display:none!important}.signup-welcome{max-width:650px;margin:45px auto;text-align:center;padding:48px 32px}.signup-welcome h1{font-size:clamp(40px,7vw,64px)}.signup-welcome .eyebrow{margin-top:24px}.signup-welcome>a{display:block;margin-top:24px;text-decoration:underline}@media(max-width:480px){.auth-notice{padding:28px 20px}.signup-welcome{padding:32px 20px}}
/* Booking dashboard: scannable rows with details revealed on demand. */
#account-bookings .booking-list-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0;border-bottom:1px solid #ddd;padding-bottom:12px}
#account-bookings .booking-list-tabs button{background:transparent!important;color:#444!important;border:0;border-bottom:4px solid transparent;border-radius:6px 6px 0 0;padding:13px 18px;min-height:48px;font-size:16px;font-weight:700}
#account-bookings .booking-list-tabs button[aria-pressed=true]{background:#000!important;color:#ff0!important;border-bottom-color:#ff0}
#account-bookings .booking-list-tabs button:hover{background:#eee!important;color:#000!important}
#account-bookings .booking-list-tabs button[aria-pressed=true]:hover{background:#000!important;color:#ff0!important}
#account-bookings .booking-list-tabs button::before{display:none!important}
#account-bookings .booking-list-tabs button:focus-visible,.booking-details>summary:focus-visible{outline:2px solid #111;outline-offset:4px}
.booking-list-row{padding:24px 0;border-bottom:1px solid #ddd}.booking-list-row[hidden]{display:none}.booking-list-row:last-of-type{border-bottom:0}
.booking-list-overview{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.booking-list-overview h3{font-family:inherit;font-size:20px;line-height:1.4;margin:0 0 8px}.booking-list-overview p{font-size:14px;color:#565b60;margin:0}.booking-list-meta{display:grid;justify-items:end;gap:8px;white-space:nowrap}.booking-list-meta strong{font-size:18px}.booking-status{font-size:14px;font-weight:600;text-transform:capitalize}.booking-status[data-status=confirmed]{color:#147d39}.booking-status[data-status=declined]{color:#bc2026}
.booking-details>summary{display:flex;align-items:center;justify-content:flex-end;gap:12px;cursor:pointer;list-style:none;padding:16px 0 4px;font-size:16px;font-weight:700}.booking-details>summary::-webkit-details-marker{display:none}.booking-view-label,.booking-hide-label{text-decoration:underline;text-underline-offset:4px}.booking-hide-label{display:none}.booking-details[open]>summary .booking-view-label{display:none}.booking-details[open]>summary .booking-hide-label{display:inline}.booking-details[open]>summary>span:last-child{transform:rotate(45deg)}.booking-details-body{margin-top:20px;border-top:1px solid #ddd;padding-top:16px;overflow-wrap:anywhere}.booking-list-empty{color:#555;padding:20px 0}
#booking-login .booking-login-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:24px}
#booking-login .booking-login-actions button{width:100%;min-width:0;min-height:50px;padding:14px 10px;font-size:16px;line-height:1.4;font-weight:700;border-radius:6px;display:flex;align-items:center;justify-content:center}
#booking-login .booking-login-primary{background:#1460d2!important;color:#fff!important;border:1px solid #1460d2}
#booking-login .booking-login-primary:is(:hover,:focus-visible){background:#104bab!important;color:#fff!important}
#booking-login .booking-login-secondary{background:transparent!important;color:#000!important;border:1px solid #000}
#booking-login .booking-login-secondary:is(:hover,:focus-visible){background:#f1f1f1!important;color:#000!important}
#booking-login .booking-browse{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:transparent!important;color:#000!important;border:0;padding:16px 4px;margin-top:8px;min-height:44px;font-size:16px;text-decoration:underline;text-underline-offset:4px}
#booking-login button::before{display:none!important}#booking-login button:focus-visible{outline:3px solid #1460d2;outline-offset:3px}
@media(max-width:540px){.booking-list-overview{flex-direction:column;gap:12px}.booking-list-meta{width:100%;display:flex;justify-content:space-between;align-items:center;white-space:normal}#account-bookings .booking-list-tabs{gap:4px}#account-bookings .booking-list-tabs button{padding:12px 10px;font-size:14px}.booking-details>summary{justify-content:flex-start}}
.booking-details>summary::after{display:none!important}
.wishlist-lead{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:24px 0;border-bottom:1px solid #ddd;overflow-wrap:anywhere}.wishlist-lead h3{font-family:inherit;font-size:20px;margin:0 0 8px}.wishlist-lead p{margin:6px 0;font-size:16px}.wishlist-lead small{font-size:14px;color:#555}@media(max-width:600px){.wishlist-lead{grid-template-columns:1fr;gap:12px}}