@font-face{font-family:Manrope;src:url('/assets/manrope-400.ttf') format('truetype');font-weight:400;font-display:swap}@font-face{font-family:Manrope;src:url('/assets/manrope-600.ttf') format('truetype');font-weight:600;font-display:swap}@font-face{font-family:Manrope;src:url('/assets/manrope-800.ttf') format('truetype');font-weight:800;font-display:swap}
:root{color-scheme:dark;--bg:#0b0d0f;--panel:#141719;--panel-raised:#1a1d20;--ink:#edf0f2;--muted:#afb5bb;--line:#303438;--accent:#e9954d;--accent-light:#ffc58b;--silver:linear-gradient(180deg,#fff 8%,#bac2c9 52%,#f2f4f6 72%,#9099a2 100%)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--bg);color:var(--ink);font:400 16px/1.6 Manrope,Arial,sans-serif;-webkit-font-smoothing:antialiased}body.dialog-open{overflow:hidden}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default}button{color:inherit}button,select,input{border-radius:0}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button svg,svg{flex-shrink:0}button svg:not(.brand-logo),.trustbar svg,.footer-genuine svg,.topbar svg,.search-field svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.16}h2{font-size:clamp(32px,3.2vw,48px);font-weight:800;letter-spacing:-1.5px}h2 em{font-style:normal;color:#bfc7ce}h3{font-weight:600}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--accent-light);outline-offset:5px}button{border:0;background:none}button,a{touch-action:manipulation}[hidden]{display:none!important}.wrap{width:min(1280px,calc(100% - 80px));margin-inline:auto}.section{padding-block:88px}.eyebrow{font-size:12px;line-height:1.5;letter-spacing:2px;font-weight:800;color:var(--accent-light);margin-bottom:18px}.eyebrow.muted{color:var(--accent)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip{position:absolute;left:16px;top:-80px;background:var(--accent-light);color:#151515;padding:12px 20px;z-index:100}.skip:focus{top:10px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;min-height:52px;padding:14px 24px;font-size:14px;line-height:1.5;font-weight:800;border:1px solid transparent;transition:background .2s,border-color .2s,transform .2s;white-space:nowrap}.button span{font-size:21px;font-weight:400;line-height:1}.button:hover{transform:translateY(-2px)}.gold,.dark{color:#1b130d;background:linear-gradient(120deg,#f9bd7e,#dc833b);box-shadow:inset 0 1px 0 #ffe0b585}.gold:hover,.dark:hover{background:linear-gradient(120deg,#ffd29f,#ed9d59)}.glass,.outline{color:var(--ink);border-color:#61666b;background:#10121490}.glass:hover,.outline:hover{background:#282c30;border-color:var(--accent)}.subtle-link{display:inline-flex;align-items:center;gap:22px;font-size:14px;font-weight:600;border-bottom:1px solid #6d7378;padding-bottom:7px}.subtle-link:hover{color:var(--accent-light);border-color:var(--accent)}
.topbar{border-bottom:1px solid #25282c;background:#080a0b;font-size:12px;color:#bbc1c6}.topbar>.wrap{height:37px;display:flex;align-items:center;justify-content:space-between}.topbar span{display:flex;align-items:center;gap:8px}.topbar svg{width:16px;height:16px;color:var(--accent)}.topbar span+span{font-size:12px;letter-spacing:1.4px}.uae-flag{display:inline-block;width:22px;height:13px;border-left:6px solid #dd313b;background:linear-gradient(#16834c 0 33%,#fff 33% 66%,#111 66%)}header{background:#080a0b;border-bottom:1px solid #232629;position:relative;z-index:10}.nav{height:91px;display:flex;align-items:center;justify-content:space-between;gap:32px}.logo{display:inline-block;width:220px;flex-shrink:0}.logo img{width:100%;height:auto}.desktop-nav{display:flex;gap:30px;margin-left:auto;align-items:center}.desktop-nav a{font-size:14px;font-weight:600;white-space:nowrap}.desktop-nav a:hover,.mobile-nav a:hover{color:var(--accent-light)}.nav-actions{display:flex;align-items:center;gap:12px}.icon-button{display:grid;place-items:center;width:44px;height:44px;position:relative;border:1px solid transparent}.icon-button:hover{border-color:var(--line);background:#191c1f}.icon-button svg{width:21px;height:21px}.saved-nav #saved-count{position:absolute;top:0;right:-1px;font-size:12px;background:var(--accent);color:#16110d;min-width:18px;height:18px;line-height:18px;border-radius:100%;font-weight:800}.menu-button{display:none}.mobile-nav{padding-block:12px 24px;display:grid;gap:6px}.mobile-nav a{padding:10px 0;font-size:16px}
.hero{position:relative;isolation:isolate;overflow:hidden;background:#090b0c}.hero-scene{max-width:1840px;margin:auto;position:relative}.hero-image{width:100%;height:auto}.light-layer{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;opacity:0;transition:opacity .3s;pointer-events:none}.light-layer.lit{opacity:1}.patrol-layer{clip-path:inset(0 49% 0 0)}.mercedes-layer{clip-path:inset(0 0 0 51%)}.hero-copy{position:absolute;top:clamp(24px,2.1vw,40px);left:50%;transform:translateX(-50%);text-align:center;width:min(840px,76%);z-index:2}.hero-copy .eyebrow{font-size:12px;letter-spacing:2.4px;margin-bottom:14px}.hero-copy .eyebrow>span{display:inline-block;width:5px;height:5px;background:var(--accent);vertical-align:middle;margin-right:6px;border-radius:50%}.hero h1{font-size:clamp(44px,4.35vw,76px);line-height:1.02;letter-spacing:-2px;font-weight:800;background:var(--silver);background-clip:text;-webkit-background-clip:text;color:transparent}.hero h1 em{font-style:normal;background:linear-gradient(110deg,#ed9a4b,#ffd7a1 50%,#cc7b39);background-clip:text;-webkit-background-clip:text;color:transparent}.hero-copy>p:not(.eyebrow){font-size:16px;color:#c4c9ce;margin-top:16px}.hero-buttons{display:flex;justify-content:center;gap:12px;margin-top:22px}.hero-buttons .button{min-height:48px;padding:12px 22px}.hero-tyre{position:absolute;z-index:1;left:clamp(-95px,-5vw,-45px);top:34px;width:clamp(180px,18vw,300px);filter:drop-shadow(14px 8px 24px #000a)}.rotating-tyre{width:100%;height:auto;animation:tyre-spin 12s linear infinite;animation-play-state:paused}.rotating-tyre.is-spinning{animation-play-state:running}@keyframes tyre-spin{to{transform:rotate(360deg)}}.light-controls{display:flex;align-items:center;position:absolute;left:50%;bottom:73px;transform:translateX(-50%);z-index:3;border:1px solid #626466;background:#0b0d10dc;backdrop-filter:blur(12px);padding:6px;border-radius:4px;box-shadow:0 12px 28px #0005}.light-controls button{display:flex;align-items:center;gap:10px;padding:10px 15px;min-height:46px;white-space:nowrap;font-size:14px;font-weight:600;border-radius:2px}.light-controls button:hover{background:#ffffff0c}.light-controls svg{width:21px!important;height:21px!important;color:var(--accent-light)}.light-status,.motion-status{font-size:12px;min-width:24px;color:var(--accent-light)}.light-controls i{width:26px;height:14px;background:#c67c3d;position:relative;border-radius:20px;margin-left:2px}.light-controls i:after{content:'';position:absolute;width:10px;height:10px;top:2px;left:14px;background:#fff;border-radius:50%;transition:left .2s}.light-controls button[aria-checked=false] i{background:#51575d}.light-controls button[aria-checked=false] i:after{left:2px}.light-controls button[aria-checked=false] .light-status,.light-controls button[aria-checked=false] .motion-status{color:#a9b0b7}.control-divider{width:1px;height:24px;background:#41464b}.hero-labels{position:absolute;bottom:22px;left:50%;transform:translateX(-50%);display:flex;justify-content:space-between;align-items:end;color:#c4c7c9;z-index:2;font-size:12px;letter-spacing:1.5px;line-height:1.5}.hero-labels strong{color:#fff;font-weight:600}.hero-labels i{font-style:normal;color:var(--accent);margin:0 10px}
.trustbar{background:linear-gradient(100deg,#151819,#1c1f21,#111416);border-block:1px solid #32373c}.trust-grid{display:grid;grid-template-columns:repeat(3,1fr);padding-block:28px}.trust-grid>div{display:flex;gap:19px;align-items:center;justify-content:center;border-right:1px solid var(--line)}.trust-grid>div:first-child{justify-content:flex-start}.trust-grid>div:last-child{border:0;justify-content:flex-end}.trust-grid svg{width:32px;height:32px;color:#bec6cc}.trust-grid p{display:flex;flex-direction:column;gap:3px}.trust-grid strong{font-size:15px;font-weight:600}.trust-grid p span{font-size:12px;color:var(--muted)}
.finder-section{display:grid;grid-template-columns:1fr 1.75fr;gap:70px;padding-block:72px;border-bottom:1px solid var(--line)}.finder-section h2{font-size:38px}.finder-section form>p{font-size:14px;color:var(--muted);margin:4px 0 20px}.finder-fields{display:grid;grid-template-columns:1fr 1fr auto;gap:12px;align-items:end}.finder-fields label{font-size:12px;font-weight:600;color:#c6cbd0;letter-spacing:.3px}.finder-fields select{margin-top:8px}select,input{color:var(--ink);border:1px solid #484d52;background:#131719;min-height:50px;width:100%;padding:11px 16px;font-size:14px}select{padding-right:28px}select:hover,input:hover{border-color:#7a8289}input::placeholder{color:#8d969e}.form-note{display:block;font-size:12px;color:#959fa6;margin-top:14px}.finder-fields .button{height:50px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:36px;margin-bottom:36px}.section-heading>p{font-size:14px;line-height:1.8;color:var(--muted);max-width:440px}.section-heading .eyebrow{margin-bottom:14px}.brands-section{background:#0d1012;border-bottom:1px solid var(--line)}.brands-section .section-heading{align-items:center}.brand-grid{display:grid;grid-template-columns:repeat(5,1fr);border-left:1px solid #2a3034;border-top:1px solid #2a3034}.brand{min-width:0;min-height:150px;background:linear-gradient(145deg,#15191c,#080b0d);border-right:1px solid #2a3034;border-bottom:1px solid #2a3034;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px;padding:22px 26px 16px;transition:background .2s}.brand:hover{background:#222629;box-shadow:inset 0 -2px var(--accent)}.brand-logo{display:block;width:100%;height:76px;max-width:174px;object-fit:contain;overflow:hidden}.brand span{font-size:12px;font-weight:600;letter-spacing:.4px;color:#c1c7cc}.brand:hover span{color:var(--accent-light)}
.catalogue .section-heading{margin-bottom:35px}.catalogue-toolbar{display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line);margin-bottom:24px}.grade-tabs{display:flex;gap:29px;overflow-x:auto}.grade-tabs button{font-size:14px;padding:15px 0;white-space:nowrap;color:var(--muted);border-bottom:2px solid transparent}.grade-tabs button.active{color:var(--accent-light);border-bottom-color:var(--accent)}#product-count{font-size:12px;color:var(--muted);white-space:nowrap}.filters{display:grid;grid-template-columns:2fr 1fr 1fr 1.2fr;gap:12px;margin-bottom:28px}.filters label{min-width:0}.search-field{position:relative}.search-field svg{position:absolute;top:15px;left:15px;width:20px;height:20px;color:var(--muted)}.search-field input{padding-left:46px}.active-filter{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 18px;background:#24201b;border:1px solid #4f3e2d;margin-bottom:25px;font-size:14px}.active-filter button{color:var(--accent-light);text-decoration:underline;text-underline-offset:4px;white-space:nowrap}.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:38px 24px}.product-card{min-width:0;position:relative;display:flex;flex-direction:column}.product-art{position:relative;background:radial-gradient(ellipse at 50% 62%,#2a2d30 0,#171a1d 52%,#111416 100%);border:1px solid #2a2f34;aspect-ratio:1/1.05;margin-bottom:19px;overflow:hidden}.product-preview{display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:28px 25px 16px}.product-preview img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 9px 9px #0006);transition:transform .3s}.product-card:hover .product-preview img{transform:scale(1.035)}.product-tag{position:absolute;left:12px;top:12px;font-size:12px;line-height:1;padding:7px 9px;background:#101316e8;color:#c5cbd0;border:1px solid #41474c;pointer-events:none}.heart{position:absolute;top:8px;right:8px;width:36px;height:36px;background:#121619cc;display:grid;place-items:center;border-radius:50%;color:#b8c1c8}.heart svg{width:18px;height:18px}.heart:hover,.heart[aria-pressed=true]{color:var(--accent-light)}.heart[aria-pressed=true] svg{fill:#e9954d}.product-brand{font-size:12px;letter-spacing:1.7px;text-transform:uppercase;color:var(--accent);font-weight:800;margin-bottom:9px}.product-card h3{font-size:16px;line-height:1.5;letter-spacing:-.2px;min-height:48px}.product-card h3 :is(button,a){padding:0;text-align:left;font:inherit;line-height:inherit}.product-card h3 :is(button,a):hover{color:var(--accent-light)}.product-grade{font-size:12px;color:#9ba4ac;margin:9px 0 17px}.product-price-row{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid #33383d;padding-top:15px;margin-top:auto}.product-price{font-size:21px;font-weight:800;line-height:1.3;white-space:nowrap;letter-spacing:-.5px}.product-price small,.detail-price small{font-size:12px;letter-spacing:.3px;font-weight:600;color:#b3bcc3;margin-right:6px}.view-oil{font-size:12px;font-weight:600;white-space:nowrap;padding:6px 0;color:#c5cdd4}.view-oil span{color:var(--accent);margin-left:6px;font-size:18px}.view-oil:hover{color:var(--accent-light)}.placeholder-art{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;color:#929ca4;max-width:170px;text-align:center}.placeholder-art svg{height:84px;width:60px;fill:none;stroke:#727e88;stroke-width:1.2}.placeholder-art>span{font-size:12px}.empty-catalogue{grid-column:1/-1;text-align:center;padding:64px 24px;background:var(--panel);border:1px solid var(--line)}.empty-catalogue h3{font-size:24px;margin-bottom:14px}.empty-catalogue p{color:var(--muted);margin-bottom:24px}.loading-message{grid-column:1/-1;padding:40px;text-align:center;color:var(--muted)}.catalogue-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:28px;margin-top:40px}.catalogue-bottom>p,.price-note{font-size:12px;color:#939fa8}.price-note{margin-top:26px}.catalogue-bottom .outline{min-height:48px}
.car-brands-section{background:linear-gradient(#101416,#0c1114);border-block:1px solid #2e383f}.car-brand-grid{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:10px}.car-brand{background:linear-gradient(145deg,#0d1820,#050b0f);border:1px solid #35434d;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;padding:12px 7px;min-width:0;min-height:126px;border-radius:4px;transition:border-color .2s,background .2s}.car-brand svg{display:block;width:100%;height:68px;overflow:hidden}.car-brand span{font-size:12px;line-height:1.4;font-weight:600;white-space:nowrap}.car-brand:hover,.car-brand[aria-pressed=true]{border-color:var(--accent);box-shadow:inset 0 -2px var(--accent);background:#17212a}.car-enquiry{display:flex;align-items:center;justify-content:space-between;gap:28px;border:1px solid #6c4c31;background:#1d1a16;padding:24px 28px;margin-top:24px}.car-enquiry .eyebrow{margin-bottom:8px}.car-enquiry h3{font-size:24px}.car-enquiry p:not(.eyebrow){font-size:14px;color:#bfc3c5;max-width:680px;margin-top:8px}.car-note{font-size:12px;color:var(--muted);margin-top:20px;text-align:center}
.service-section{padding-block:88px;background:radial-gradient(ellipse at 12% 50%,#3b281b44,transparent 70%),#101214;border-bottom:1px solid var(--line)}.service-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.service-art{position:relative;aspect-ratio:1/1.05;overflow:hidden;background:linear-gradient(140deg,#2a2f32 0,#121619 45%,#090c0e 65%,#36291e);border:1px solid #44494e;box-shadow:inset 0 1px 0 #6d717477}.service-art:before{content:'';position:absolute;inset:20px;border:1px solid #42484c}.service-art:after{content:'';position:absolute;inset:auto -20% 20% -20%;height:1px;background:var(--accent);transform:rotate(-38deg);box-shadow:0 0 25px 2px #ee994455}.service-monogram{position:absolute;left:37px;top:26px;font-size:clamp(110px,17vw,224px);font-weight:800;line-height:1;letter-spacing:-20px;color:transparent;background:linear-gradient(140deg,#65717b,#b0bcc5 30%,#3a434b 60%,#12181d);background-clip:text;-webkit-background-clip:text;opacity:.6}.service-monogram span{display:block;font-size:17px;letter-spacing:18px;margin:12px 0 0 10px;color:#a8b4bd}.service-art-caption{position:absolute;left:40px;bottom:40px;z-index:1}.service-art-caption span{font-size:12px;letter-spacing:2px;color:var(--accent-light)}.service-art-caption strong{display:block;margin-top:15px;font-size:42px;line-height:1.1;font-weight:800;letter-spacing:-1.5px}.service-mark{position:absolute;width:47px;height:47px;right:37px;bottom:45px;stroke:#dc9559;fill:none;stroke-width:1;z-index:1}.service-copy h2{font-size:clamp(31px,3.2vw,46px)}.service-copy>p:not(.eyebrow){font-size:16px;color:var(--muted);margin-top:24px;max-width:530px}.service-steps{display:grid;gap:14px;margin:30px 0}.service-steps>span{display:flex;align-items:center;gap:16px;font-size:14px}.service-steps i{display:grid;place-items:center;width:30px;height:30px;border:1px solid #6a513c;font-style:normal;color:var(--accent-light);font-size:12px}.service-phone{display:block;margin-top:18px;color:#b8c1c8;font-size:14px}.service-phone:hover{color:var(--accent-light)}.guide-cards{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #62696f;gap:38px}.guide-cards article{padding:30px 0}.guide-cards article>span{font-size:14px;color:var(--accent);font-weight:600;display:block;margin-bottom:25px}.guide-cards h3{font-size:20px;line-height:1.4;margin-bottom:15px}.guide-cards p{color:var(--muted);font-size:14px;line-height:1.8}.oil-guide{padding-bottom:50px}.faq-section{display:grid;grid-template-columns:.9fr 1.5fr;gap:90px;padding-block:55px 86px;border-top:1px solid var(--line)}.faqs details{border-bottom:1px solid #353b40}.faqs summary{cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px;list-style:none;font-size:16px;font-weight:600;padding:22px 0;line-height:1.6}.faqs summary::-webkit-details-marker{display:none}.faqs summary span{font-size:25px;font-weight:400;color:var(--accent)}.faqs details[open] summary span{transform:rotate(45deg)}.faqs details p{color:var(--muted);font-size:14px;line-height:1.8;padding:0 25px 24px 0}.contact-banner{display:flex;align-items:center;justify-content:space-between;gap:30px;background:linear-gradient(115deg,#26221d,#181b1d);border:1px solid #634830;padding:38px 42px;margin-bottom:80px}.contact-banner h2{font-size:32px}.contact-banner .eyebrow{margin-bottom:12px}
footer{background:#07090b;border-top:1px solid #292f34;padding-top:64px}.footer-grid{display:grid;grid-template-columns:1.4fr .8fr 1fr 1.1fr;gap:54px;padding-bottom:52px}.footer-grid h3{font-size:12px;letter-spacing:1.6px;color:#bcc5cc;margin:10px 0 25px;font-weight:800}.footer-grid a:not(.logo){display:block;font-size:14px;color:#a8b2ba;margin-bottom:12px}.footer-grid a:hover{color:var(--accent-light)}.footer-brand .logo{width:220px;margin-bottom:21px}.footer-brand p{font-size:14px;color:#b7bfc6;margin-bottom:20px}.footer-emirates p{font-size:14px;color:#a8b2ba;line-height:1.9}.footer-genuine{display:flex;align-items:center;gap:14px;margin-top:26px}.footer-genuine svg{color:var(--accent);width:30px;height:34px}.footer-genuine span{font-size:12px;letter-spacing:1.2px;color:#b7c1c9}.footer-genuine strong{color:#f3f5f7;font-weight:600}.footer-bottom{border-top:1px solid #293036;display:flex;justify-content:space-between;gap:25px;padding-block:24px;font-size:12px;color:#9aa5ae}.footer-bottom a{color:#c6cdd3}
#product-dialog{width:min(960px,calc(100% - 40px));padding:0;border:1px solid #56616b;max-height:90dvh;background:#15191c;color:var(--ink);box-shadow:0 30px 100px #0009}#product-dialog::backdrop{background:#040608dd;backdrop-filter:blur(6px)}.close-modal{position:absolute;right:12px;top:12px;z-index:1;font-size:29px;color:#f1f3f5;background:#171c20;border:1px solid #484f55}.detail-layout{display:grid;grid-template-columns:1fr 1.1fr}.detail-art{display:flex;align-items:center;justify-content:center;background:radial-gradient(#33383d,#13191d);padding:55px 35px;min-height:450px}.detail-art img{width:100%;height:380px;object-fit:contain}.detail-copy{padding:65px 34px 35px}.detail-copy h2{font-size:30px;letter-spacing:-.8px;line-height:1.25}.detail-copy .eyebrow{font-size:12px;letter-spacing:1.2px;margin-bottom:14px}.detail-grade{font-size:14px;color:#b4bdc5;margin-top:15px}.detail-price{font-size:29px;font-weight:800;margin-top:20px}.detail-copy>p:not(.eyebrow):not(.detail-price):not(.detail-grade):not(.detail-note){font-size:14px;line-height:1.8;color:#bcc4ca;margin-top:24px}.detail-copy .button{width:100%;margin-top:28px;gap:14px}.detail-note{font-size:12px;line-height:1.7;color:#97a4ae;margin-top:18px}#toast{position:fixed;left:50%;bottom:25px;transform:translate(-50%,20px);z-index:1000;background:#eac39f;color:#1b1713;font-size:14px;font-weight:600;padding:14px 24px;box-shadow:0 8px 32px #0009;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;max-width:calc(100% - 32px);text-align:center}#toast.visible{opacity:1;transform:translate(-50%,0)}
@media(min-width:1840px){.hero{max-height:1050px}.hero-copy{top:48px}.hero-tyre{left:calc(50% - 960px)}}
@media(max-width:1200px){.wrap{width:calc(100% - 56px)}.desktop-nav{gap:20px}.nav{gap:20px}.logo{width:190px}.hero-copy{top:25px}.hero-copy>p:not(.eyebrow){font-size:14px;margin-top:12px}.hero-copy .eyebrow{margin-bottom:10px;letter-spacing:1.4px}.hero-buttons{margin-top:16px}.hero h1{font-size:50px}.hero-tyre{width:200px;left:-80px;top:40px}.finder-section{grid-template-columns:1fr 1.8fr;gap:40px}.finder-fields{grid-template-columns:1fr 1fr}.finder-fields .button{grid-column:1/-1;justify-content:center}.product-grid{gap:34px 18px}.product-preview{padding:28px 18px 16px}.car-brand-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.car-brand{min-height:118px}.car-brand svg{height:64px;width:100px}.service-grid{gap:45px}.footer-grid{gap:28px}.product-price{font-size:19px}.grade-tabs{gap:23px}}
@media(max-width:1100px){.hero{display:flex;flex-direction:column}.hero-copy{position:relative;top:auto;left:auto;transform:none;width:calc(100% - 48px);max-width:840px;margin:40px auto 0;order:0}.hero-scene{order:1;width:100%;margin-top:-17vw}.hero-copy .eyebrow{margin-bottom:16px}.hero h1{font-size:clamp(44px,6.2vw,64px)}.hero-copy>p:not(.eyebrow){font-size:16px;margin-top:18px}.hero-buttons{margin-top:24px}.hero-tyre{top:35px;width:200px;left:-105px}.light-controls{position:relative;left:auto;bottom:auto;transform:none;margin:-35px auto 0;order:2}.hero-labels{position:relative;left:auto;bottom:auto;transform:none;order:3;margin-top:24px;margin-bottom:22px}.desktop-nav a{font-size:14px}.desktop-nav{gap:18px}.nav-actions{gap:5px}.nav .logo{width:180px}.nav{gap:16px}.service-art-caption{left:28px;bottom:30px}.service-art-caption strong{font-size:36px}.service-mark{right:25px;bottom:35px}.service-monogram{left:25px}.brand{padding-inline:18px}.section{padding-block:70px}}
@media(max-width:900px){.desktop-nav{display:none}.menu-button{display:grid}.nav-actions{margin-left:auto;gap:10px}.nav{height:82px}.nav .logo{width:216px}.hero-scene{margin-top:-15vw}.hero-tyre{left:-96px;top:65px;width:180px}.trust-grid{gap:20px;padding-block:25px}.trust-grid>div{gap:12px}.trust-grid strong{font-size:14px}.trust-grid p span{font-size:12px}.trust-grid svg{width:27px;height:27px}.finder-section{grid-template-columns:1fr;gap:30px;padding-block:55px}.finder-section h2 br{display:none}.finder-fields{grid-template-columns:1fr 1fr auto}.finder-fields .button{grid-column:auto;justify-content:space-between}.section-heading{align-items:start}.section-heading>p{max-width:310px}.filters{grid-template-columns:1fr 1fr 1fr}.filters .search-field{grid-column:1/-1}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:34px 20px}.product-card:last-child:nth-child(3n + 2){grid-column:auto}.brand-grid{grid-template-columns:repeat(5,1fr)}.brand{min-height:132px;padding:18px 12px 14px;gap:12px}.brand-logo{height:62px}.service-grid{gap:34px}.service-copy h2{font-size:32px}.service-copy>p:not(.eyebrow){font-size:14px}.service-art{aspect-ratio:1/1.4}.service-art-caption strong{font-size:32px}.service-art-caption>span{letter-spacing:1px;font-size:12px}.service-mark{display:none}.service-monogram{top:35px;font-size:144px;letter-spacing:-14px}.service-copy .button{padding-inline:18px;gap:14px}.service-steps{gap:12px;margin:23px 0}.guide-cards{gap:25px}.guide-cards h3{font-size:18px}.faq-section{grid-template-columns:1fr;gap:30px;padding-block:50px 64px}.faq-section h2 br{display:none}.footer-grid{grid-template-columns:1.3fr 1fr;gap:40px 60px}.footer-bottom{flex-wrap:wrap}.contact-banner{padding:32px;margin-bottom:60px}.contact-banner h2{font-size:28px}.detail-layout{grid-template-columns:.9fr 1.1fr}.detail-copy{padding:60px 25px 30px}.detail-art{padding:45px 25px;min-height:350px}.detail-art img{height:320px}.detail-copy h2{font-size:26px}}
@media(max-width:640px){.wrap{width:calc(100% - 36px)}.section{padding-block:54px}.topbar>.wrap{height:33px}.topbar span+span{font-size:0;gap:0}.topbar .uae-flag{margin-left:8px}.topbar span{font-size:12px}.nav{height:76px;gap:12px}.nav .logo{width:175px}.nav-actions{gap:1px}.icon-button{width:37px;height:40px}.hero-copy{width:calc(100% - 36px);margin-top:34px}.hero-copy .eyebrow{font-size:12px;letter-spacing:1.2px;max-width:300px;margin:0 auto 18px}.hero h1{font-size:clamp(39px,9.7vw,59px);letter-spacing:-1.6px}.hero-copy>p:not(.eyebrow){font-size:14px;max-width:270px;line-height:1.8;margin:18px auto 0}.hero-buttons{gap:10px;margin-top:24px}.hero-buttons .button{font-size:12px;padding:11px 16px;min-height:46px;gap:14px}.hero-scene{margin-top:-10vw;width:110%;max-width:none;margin-left:-5%;flex-shrink:0}.hero-tyre{top:112px;left:-90px;width:145px;opacity:.9}.light-controls{display:grid;grid-template-columns:1fr 1fr;gap:3px;width:calc(100% - 36px);max-width:470px;margin:-7px auto 0;padding:6px}.light-controls button{justify-content:center;gap:9px;font-size:14px;padding:9px 5px;min-height:44px}.light-controls #tyre-motion{grid-column:1/-1;border-top:1px solid #41464b;border-radius:0}.control-divider{display:none}.light-controls i{margin-left:4px}.hero-labels{font-size:12px;letter-spacing:.6px;align-items:center;margin:20px auto 22px}.hero-labels>span:first-child{display:none}.hero-labels>span:last-child{width:100%;text-align:center}.hero-labels i{margin-inline:5px}.trust-grid{grid-template-columns:1fr;padding-block:0;gap:0}.trust-grid>div,.trust-grid>div:first-child,.trust-grid>div:last-child{justify-content:flex-start;border-right:0;border-bottom:1px solid #30363b;padding:18px 5px;gap:16px}.trust-grid>div:last-child{border-bottom:0}.trust-grid p{flex-direction:row;align-items:center;justify-content:space-between;flex:1;gap:14px}.trust-grid strong{font-size:14px}.trust-grid p span{font-size:12px;text-align:right}.trust-grid svg{width:25px;height:25px}.finder-section{padding-block:46px;gap:24px}.finder-section h2{font-size:32px}.eyebrow{letter-spacing:1.5px;font-size:12px;margin-bottom:13px}.finder-section form>p{line-height:1.7;margin:0 0 18px}.finder-fields{grid-template-columns:1fr 1fr;gap:14px}.finder-fields .button{grid-column:1/-1;justify-content:center;gap:24px}.section-heading{display:block;margin-bottom:28px}.section-heading h2{font-size:32px}.section-heading>p{font-size:14px;margin-top:20px;max-width:100%}.section-heading>p br{display:none}.section-heading .subtle-link{margin-top:20px}.brand-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.brand{min-height:126px;padding:17px 14px 12px;gap:12px}.brand-logo{height:60px}.brand span{font-size:12px;letter-spacing:0}.catalogue-toolbar{flex-wrap:wrap;gap:5px;padding-bottom:10px;margin-bottom:18px}.grade-tabs{width:100%;gap:23px}.grade-tabs button{font-size:14px;padding-block:12px}.filters{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:24px}.filters>label:last-child{grid-column:1/-1}.filters input,.filters select{font-size:14px;padding-inline:12px}.filters .search-field input{padding-left:42px}.filters .search-field svg{left:12px}.active-filter{padding:12px;font-size:12px;gap:12px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 14px}.product-art{aspect-ratio:1/1.22;margin-bottom:16px}.product-preview{padding:36px 12px 15px}.product-tag{left:8px;top:9px;font-size:12px;padding:6px}.heart{top:5px;right:5px;width:31px;height:31px}.heart svg{width:16px;height:16px}.product-brand{font-size:12px;letter-spacing:1px;margin-bottom:8px}.product-card h3{font-size:14px;min-height:63px;line-height:1.5}.product-grade{font-size:12px;margin:9px 0 14px;line-height:1.65}.product-price-row{flex-wrap:wrap;gap:6px;padding-top:12px}.product-price{font-size:19px;letter-spacing:-.5px}.product-price small{font-size:12px;margin-right:4px}.view-oil{font-size:12px;padding:0;min-height:29px}.view-oil span{margin-left:2px}.catalogue-bottom{align-items:center;flex-direction:column-reverse;gap:20px;padding-top:26px;margin-top:32px}.catalogue-bottom .button{width:100%;justify-content:center}.price-note{text-align:center;line-height:1.8}.car-brand-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.car-brand{padding:10px 4px;min-height:108px;gap:7px}.car-brand svg{width:100%;height:58px}.car-brand span{font-size:12px;white-space:normal;min-height:32px;display:flex;align-items:center;justify-content:center;line-height:1.3}.car-enquiry{padding:21px;display:block}.car-enquiry h3{font-size:23px}.car-enquiry .button{margin-top:22px;width:100%}.car-note{font-size:12px;line-height:1.8;text-align:left}.service-section{padding-block:54px}.service-grid{grid-template-columns:1fr;gap:34px}.service-art{aspect-ratio:1.25}.service-monogram{font-size:180px;top:20px;left:25px}.service-monogram span{font-size:14px;letter-spacing:15px;margin-top:6px}.service-art-caption{left:28px;bottom:28px}.service-art-caption strong{font-size:34px;margin-top:12px}.service-art-caption>span{font-size:12px}.service-mark{display:block;width:40px;right:28px;bottom:30px}.service-copy h2{font-size:32px}.service-copy>p:not(.eyebrow){font-size:16px;line-height:1.8}.service-copy .button{width:100%;margin-top:3px}.service-steps{gap:16px;margin-block:26px}.service-phone{text-align:center}.guide-cards{grid-template-columns:1fr;gap:0}.guide-cards article{padding-block:25px;border-bottom:1px solid var(--line)}.guide-cards article>span{margin-bottom:16px}.guide-cards h3{font-size:20px}.guide-cards p{font-size:14px}.oil-guide{padding-bottom:28px}.faq-section{gap:20px;padding-block:38px 50px;border-top:0}.faq-section h2{font-size:32px}.faqs summary{font-size:14px;padding:19px 0}.faqs details p{font-size:14px;padding-right:0}.contact-banner{display:block;padding:27px 24px;margin-bottom:50px}.contact-banner h2{font-size:29px}.contact-banner .button{margin-top:27px;width:100%}.footer-grid{grid-template-columns:1fr 1fr;gap:35px 24px}.footer-brand{grid-column:1/-1}.footer-brand .logo{width:225px;margin-bottom:18px}.footer-grid h3{font-size:12px;letter-spacing:1.3px;margin-bottom:22px}.footer-emirates{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.footer-emirates h3{grid-column:1/-1}.footer-genuine{margin-top:0;align-self:start}.footer-bottom{gap:15px 10px;font-size:12px;padding-block:23px}.footer-bottom>span:nth-child(2){order:3;width:100%}footer{padding-top:44px}.detail-layout{grid-template-columns:1fr}.detail-art{min-height:280px;padding:26px}.detail-art img{height:250px}.detail-copy{padding:28px 24px}.detail-copy h2{font-size:27px}.detail-copy .button{white-space:normal}.close-modal{width:38px;height:38px;top:9px;right:9px}#product-dialog{width:calc(100% - 24px)}#toast{width:max-content;font-size:12px;padding:12px 18px}.placeholder-art svg{width:42px;height:60px}.placeholder-art>span{font-size:12px}}
@media(max-width:370px){.nav .logo{width:153px}.nav-actions{gap:0}.icon-button{width:34px}.hero h1{font-size:36px}.hero-buttons .button{padding-inline:12px;gap:10px}.light-controls button{gap:6px;font-size:12px}.light-controls svg{width:18px!important}.trust-grid p{display:block}.trust-grid p span{display:block;text-align:left;margin-top:3px}.brand{padding-inline:10px}.car-brand-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.product-card h3{min-height:84px}.footer-grid{gap:34px 18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:.01ms!important}.product-card:hover .product-preview img,.button:hover{transform:none}}

.product-art.legacy-photo{background:#070706}.legacy-photo .product-preview img{max-width:280px;max-height:280px;filter:none}

/* Automatic headlights and the mobile issues shown in the owner's screenshots. */
.light-layer.auto{animation:headlight-cycle 3s ease-in-out infinite}
@keyframes headlight-cycle{0%,10%,100%{opacity:0}24%,64%{opacity:1}80%{opacity:0}}
.light-setting{display:flex;align-items:center;gap:10px;padding:7px 12px;font-size:14px;font-weight:600;white-space:nowrap}
.light-setting select{width:88px;min-height:42px;padding:8px 9px;border-color:#575b60;background:#171b1e;color:var(--accent-light);font-size:14px}
.light-setting svg{width:22px;height:22px;fill:none;stroke:var(--accent-light);stroke-width:1.6}
.hero-buttons .button{justify-content:center}.view-oil{padding:7px 11px;border:1px solid #454b50}
@media(max-width:640px){
 .hero-scene{width:100%;margin-left:0;margin-top:-7vw}
 .light-controls{margin-top:0}.light-setting{gap:7px;padding:5px 3px;justify-content:center}
 .light-setting select{width:76px;padding:7px 6px}.light-setting svg{width:18px!important;height:18px!important}
 .product-card h3{min-height:0;line-height:1.5}.product-grade{margin:9px 0 16px}
 .product-price-row{display:flex;flex-direction:column;align-items:stretch;gap:12px;margin-top:auto}
 .product-price{font-size:20px}.view-oil{font-size:14px;min-height:40px;padding:8px;text-align:center}
 .product-art{aspect-ratio:1/1.2}.product-preview{padding:35px 10px 15px}
 .trust-grid p{display:block}.trust-grid p span{display:block;text-align:left;margin-top:3px}
 .hero-buttons .button{font-size:14px;padding-inline:16px}.hero-copy>p:not(.eyebrow){max-width:285px}
}
@media(prefers-reduced-motion:reduce){.light-layer.auto{animation-duration:12s}}

.product-art.black-photo{background:#000}.black-photo .product-preview img{filter:none}
/* Vehicle finder: the primary flow sits directly below the hero. */
.vehicle-finder{background:radial-gradient(ellipse at 10% 0,#3c271b55,transparent 55%),#121619;border-block:1px solid #4b4136;scroll-margin-top:18px}.vehicle-finder .section-heading{margin-bottom:30px}.vehicle-panel{background:#0c1013;border:1px solid #4b535b;padding:28px}.vehicle-panel-top{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:24px}.vehicle-panel-top strong{font-size:20px;font-weight:600}.vehicle-panel-top button{color:#d6b394;font-size:14px;text-decoration:underline;text-underline-offset:4px;padding:5px}.vehicle-fields{display:grid;grid-template-columns:1fr 1.35fr 1.65fr;gap:22px 18px;align-items:end}.vehicle-fields label{display:block;font-size:14px;font-weight:600;color:#c9d1d8}.vehicle-fields select{display:block;margin-top:9px;height:52px;font-size:14px}.vehicle-fields select:disabled{opacity:.55;cursor:not-allowed}.vehicle-submit{height:52px;justify-content:center}.vehicle-submit:disabled{opacity:.6}.vehicle-status{font-size:14px;color:#e8bb90;margin-top:22px;min-height:23px}.vehicle-source-note{font-size:12px;line-height:1.8;color:#a4afb8;margin-top:10px}.vehicle-source-note a,.finder-result-note a{color:#d6c0ad;text-decoration:underline;text-underline-offset:3px}.known-grade{margin-top:26px;border-top:1px solid #41484e;padding-top:22px}.known-grade>summary{cursor:pointer;font-size:16px;font-weight:600;color:#d5dce1}.known-grade form{padding-top:20px;max-width:850px}.known-grade form>p{font-size:14px;color:var(--muted);margin-bottom:20px}.known-grade .finder-fields{grid-template-columns:1fr 1fr auto}.vehicle-result{margin-top:30px;padding:30px;border:1px solid #806346;background:#181a1b;scroll-margin-top:25px}.finder-result-heading h3{font-size:24px;line-height:1.5;letter-spacing:-.5px}.finder-result-heading>p:last-child{color:#aab7c0;font-size:14px;margin-top:12px}.finder-matches{display:grid;gap:18px;margin-top:26px}.finder-match{display:grid;grid-template-columns:150px 1fr;gap:28px;align-items:center;background:#111518;padding:24px;border:1px solid #39434a}.finder-match>img{width:150px;height:180px;object-fit:contain;background:#fff}.finder-match h4{font-size:23px;line-height:1.35;margin:0 0 22px}.finder-match .eyebrow{font-size:12px;letter-spacing:1.3px;margin-bottom:13px}.finder-match .button{display:flex;width:max-content;margin-bottom:17px}.finder-result-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.finder-result-note{font-size:12px;color:#aeb7be;line-height:1.8;margin-top:20px}.handbook-result{display:grid;grid-template-columns:190px 1fr;gap:30px;margin:28px 0}.handbook-result>strong{font-size:47px;color:var(--accent-light);letter-spacing:-1px}.handbook-result h4{font-size:20px;line-height:1.5;margin:0 0 12px}.handbook-result p{font-size:16px;color:#bcc7d0;line-height:1.8;margin-bottom:20px}.vehicle-help{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:22px;padding:23px;background:#25221c;border:1px solid #62513e}.vehicle-help strong{font-size:18px}.vehicle-help p{font-size:14px;color:#bcb9b4;margin-top:6px}.vehicle-help .button{white-space:nowrap}
@media(max-width:900px){.vehicle-fields{grid-template-columns:1fr 1fr}.vehicle-model-field{grid-column:1/-1}.vehicle-engine-field{grid-column:1/-1}.vehicle-submit{grid-column:1/-1}.vehicle-finder .section-heading>p{max-width:320px}.handbook-result{grid-template-columns:150px 1fr}.desktop-nav{gap:18px}}
@media(max-width:640px){.vehicle-finder{padding-block:42px}.vehicle-finder .section-heading h2{font-size:33px}.vehicle-panel{padding:23px 18px}.vehicle-panel-top{margin-bottom:22px}.vehicle-fields{grid-template-columns:1fr;gap:18px}.vehicle-fields select{font-size:16px;height:52px}.vehicle-panel-top strong{font-size:18px}.vehicle-status{font-size:14px;margin-top:20px}.vehicle-source-note{font-size:12px}.known-grade .finder-fields{grid-template-columns:1fr 1fr}.known-grade .finder-fields .button{grid-column:1/-1}.vehicle-result{padding:24px 18px}.finder-result-heading h3{font-size:21px}.finder-match{grid-template-columns:95px minmax(0,1fr);gap:17px;padding:18px 12px}.finder-match>img{width:95px;height:130px}.finder-match h4{font-size:18px;margin-bottom:14px}.finder-match .eyebrow{font-size:12px;letter-spacing:.7px}.finder-match .subtle-link{font-size:14px}.finder-match .button{white-space:normal;width:100%;font-size:14px;padding:10px 12px}.finder-result-actions .button{width:100%;justify-content:center}.handbook-result{grid-template-columns:1fr;gap:16px;margin-top:24px}.handbook-result>strong{font-size:44px}.handbook-result h4{font-size:19px}.handbook-result p{font-size:14px}.vehicle-help{display:block;padding:20px}.vehicle-help .button{width:100%;margin-top:20px;justify-content:center}.hero-buttons{flex-wrap:wrap}.hero-buttons .button{flex:1;min-width:155px}.hero-copy>p:not(.eyebrow){font-size:14px}}

@media(max-width:640px){.light-setting svg{display:none}.light-setting{gap:8px}}