@import "https://fonts.googleapis.com/css2?family=Noto+Kufi+Arabic:wght@400;500;600;700;800&family=IBM+Plex+Sans+Arabic:wght@300;400;500;600;700&display=swap";:root{--bg:#0f1112;--surface:#171a1c;--surface-2:#202427;--beige:#d4bf9c;--beige-soft:#eadfcf;--beige-dark:#a98c64;--cream:#f4efe7;--white:#fff;--text:#161819;--muted:#8e8e8b;--border-dark:#ffffff14;--border-light:#0000001a;--font-display:"Noto Kufi Arabic", "IBM Plex Sans Arabic", sans-serif;--font-body:"IBM Plex Sans Arabic", "Noto Kufi Arabic", sans-serif;--radius-xs:4px;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--ease:cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--cream);color:var(--text);direction:rtl;font-weight:400;overflow-x:hidden}h1,h2,h3{font-family:var(--font-display)}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}img{max-width:100%;display:block}:focus-visible{outline:2px solid var(--beige-dark);outline-offset:3px}.reveal{opacity:0;transition:opacity .8s var(--ease), transform .8s var(--ease);transform:translateY(34px)}.reveal.reveal-visible{opacity:1;transform:translateY(0)}.reveal-group>*{opacity:0;transition:opacity .7s var(--ease), transform .7s var(--ease);transform:translateY(40px)}.reveal-group.reveal-visible>*{opacity:1;transform:translateY(0)}.reveal-group.reveal-visible>:first-child{transition-delay:0s}.reveal-group.reveal-visible>:nth-child(2){transition-delay:.1s}.reveal-group.reveal-visible>:nth-child(3){transition-delay:.2s}.reveal-group.reveal-visible>:nth-child(4){transition-delay:.3s}.reveal-group.reveal-visible>:nth-child(5){transition-delay:.4s}.reveal-group.reveal-visible>:nth-child(6){transition-delay:.5s}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;transition-delay:0s!important;animation-duration:.01ms!important;animation-delay:0s!important}.car-card,.variant-card,.car-image img,.variant-contact span{transform:none!important}}.navbar,.details-navbar{background:var(--bg);width:100%;height:132px;color:var(--white);border-bottom:1px solid var(--border-dark);z-index:50;justify-content:space-between;align-items:center;padding:0 6%;display:flex}.navbar{inset-inline:0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:transform .45s var(--ease), background .45s var(--ease), box-shadow .45s var(--ease);background:linear-gradient(#0f1112d9,#0f111266 70%,#0000);border-bottom:1px solid #0000;position:fixed;top:0}.navbar.navbar-hidden{transform:translateY(-100%)}.navbar.navbar-scrolled{background:var(--bg);-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:0 12px 30px #00000047}.details-navbar{gap:12px;position:relative}.details-navbar>a:first-child{flex-shrink:0}.brand-logo{object-fit:contain;flex-shrink:0;width:432px;height:auto;max-height:132px;display:block}.nav-links{flex-wrap:wrap;gap:8px 38px;min-width:0;display:flex}.details-nav-actions{align-items:center;gap:38px;min-width:0;display:flex}.nav-links a,.service-nav-link{color:#ffffffd1;transition:color .25s var(--ease);padding-bottom:4px;font-size:15px;font-weight:500;position:relative}.nav-links a{font-size:18px}.nav-links a:after,.service-nav-link:after{content:"";background:var(--beige);width:0;height:1px;transition:width .25s var(--ease);position:absolute;bottom:0;right:0}.nav-links a:hover,.service-nav-link:hover{color:var(--white)}.nav-links a:hover:after,.service-nav-link:hover:after{width:100%}.navbar-btn{background:var(--beige);color:var(--text);border-radius:var(--radius-xs);transition:background .25s var(--ease);padding:11px 24px;font-size:14px;font-weight:600}.navbar-btn:hover{background:var(--beige-soft)}.back-home{color:#ffffffd1;min-width:0;transition:color .25s var(--ease), gap .25s var(--ease);align-items:center;gap:10px;font-size:14px;font-weight:500;display:flex}.back-home:hover{color:var(--white);gap:14px}.hero{background:var(--bg);width:100%;height:100vh;min-height:680px;position:relative;overflow:hidden}.hero-background{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.hero-overlay{background:linear-gradient(90deg,#0a0b0cf0 0%,#0a0b0cb8 32%,#0a0b0c2e 62%,#0a0b0c0d 100%);position:absolute;inset:0}.hero-content{z-index:4;width:100%;max-width:1400px;height:100%;color:var(--white);flex-direction:column;justify-content:flex-end;margin:0 auto;padding:150px 6% 100px;display:flex;position:relative}.hero-content>*{opacity:0;transition:opacity .9s var(--ease), transform .9s var(--ease);transform:translateY(26px)}.hero-content.loaded>*{opacity:1;transform:translateY(0)}.hero-content.loaded .model-label{transition-delay:50ms}.hero-content.loaded h1{transition-delay:.15s}.hero-content.loaded .hero-description{transition-delay:.3s}.hero-content.loaded .hero-actions{transition-delay:.45s}.model-label{border-right:2px solid var(--beige);font-family:var(--font-body);letter-spacing:2.5px;color:#ffffffa6;margin-bottom:20px;padding-right:14px;font-size:13px;font-weight:600}.hero-content h1{max-width:780px;margin-bottom:26px;font-size:clamp(44px,5.6vw,84px);font-weight:700;line-height:1.15}.hero-description{color:#ffffffad;max-width:540px;margin-bottom:40px;font-size:18px;font-weight:300;line-height:1.9}.hero-actions{gap:14px;display:flex}.primary-btn,.secondary-btn{border-radius:var(--radius-xs);transition:background .25s var(--ease), border-color .25s var(--ease), color .25s var(--ease);padding:15px 30px;font-size:15px;font-weight:600}.primary-btn{background:var(--beige);color:var(--text)}.primary-btn:hover{background:var(--beige-soft)}.secondary-btn{color:var(--white);border:1px solid #ffffff59}.secondary-btn:hover{border-color:var(--white);background:#ffffff0f}.cars-section{background:var(--cream);max-width:1400px;margin:0 auto;padding:130px 7%}.section-heading{max-width:780px;margin-bottom:70px}.section-heading p{color:var(--beige-dark);align-items:center;gap:10px;margin-bottom:18px;font-size:15px;font-weight:600;display:inline-flex}.section-heading p:before{content:"";background:var(--beige-dark);width:28px;height:1px;display:inline-block}.section-heading h2{margin-bottom:20px;font-size:clamp(42px,4.6vw,68px);font-weight:700;line-height:1.15}.section-heading span{max-width:560px;color:var(--muted);font-size:17px;font-weight:300;line-height:1.9;display:block}.cars-grid{grid-template-columns:repeat(2,1fr);gap:28px;display:grid}.car-card{background:var(--white);border:1px solid var(--border-light);border-radius:var(--radius-md);transition:border-color .3s var(--ease), transform .5s cubic-bezier(.22, 1, .36, 1);will-change:transform;overflow:hidden}.car-card:hover,.car-card:focus-visible{border-color:var(--beige-dark)}.car-image{height:420px;overflow:hidden}.car-image img{object-fit:cover;object-position:center;width:100%;height:100%;transition:transform .6s var(--ease);display:block}.car-card:hover .car-image img,.car-card:focus-visible .car-image img{transform:scale(1.04)}.car-image-placeholder,.details-placeholder{background:var(--surface);width:100%;height:100%;color:var(--beige);font-family:var(--font-display);letter-spacing:2px;text-transform:uppercase;justify-content:center;align-items:center;font-size:44px;font-weight:700;display:flex}.car-info{padding:26px 28px 30px}.car-title{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:flex-end;margin-bottom:20px;padding-bottom:20px;display:flex}.car-title p{letter-spacing:1px;color:var(--beige-dark);margin-bottom:6px;font-size:13px;font-weight:600}.car-title h3{font-size:28px;font-weight:700}.car-title>span{color:var(--muted);font-size:14px;font-weight:500}.car-details{transition:gap .25s var(--ease);align-items:center;gap:10px;font-size:15px;font-weight:600;display:flex}.car-card:hover .car-details,.car-card:focus-visible .car-details{gap:16px}.car-details span{color:var(--beige-dark)}.car-page{background:var(--cream)}.model-header{width:86%;max-width:1204px;color:var(--white);background:linear-gradient(120deg, var(--surface-2), var(--bg));border-top:2px solid var(--beige);grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:center;gap:40px;margin:36px auto 48px;padding:42px 44px;display:grid}.model-heading{min-width:0}.model-eyebrow{color:var(--beige);letter-spacing:.24em;margin-bottom:12px;font-size:13px;font-weight:600}.model-heading h1{font-family:var(--font-display);letter-spacing:-.035em;text-align:right;overflow-wrap:anywhere;font-size:clamp(48px,6.5vw,96px);font-weight:700;line-height:1.08}.model-arabic-name{color:var(--beige-soft);margin-top:16px;font-size:18px}.model-options{border-inline-start:1px solid #d4bf9c3d;min-width:0;padding-inline-start:32px}.model-option-label{font-size:16px;font-weight:500}.model-options .year-buttons{border-color:#d4bf9c3d;margin:8px 0 0;overflow-y:hidden}.model-options .year-btn:after{bottom:0}.model-options .year-btn:focus-visible{outline-offset:-2px}.model-options .year-btn{color:var(--beige-soft)}.model-options .year-btn:hover,.model-options .year-btn.active{color:var(--white)}.gallery-colors{margin-block:24px}.gallery-colors h2{margin-bottom:12px;font-size:16px}.gallery-color-buttons{flex-wrap:wrap;gap:10px;display:flex}.gallery-color-button{border:1px solid var(--border-light);border-radius:var(--radius-xs);align-items:center;gap:9px;min-height:44px;padding:8px 12px;font-size:14px;display:flex}.gallery-color-button:hover,.gallery-color-button[aria-pressed=true]{border-color:var(--beige-dark)}.gallery-color-button[aria-pressed=true]{background:var(--beige-soft)}.gallery-color-button .variant-swatch-circle{border-color:#00000040}.variant-colors{margin-top:18px}.variant-colors>p{color:var(--beige-soft);font-size:13px}.variant-swatches{flex-wrap:wrap;gap:10px 18px;margin:10px 0 0;padding:0;list-style:none;display:flex}.variant-swatches li{align-items:center;gap:7px;font-size:13px;display:flex}.variant-swatch-circle{width:22px;height:22px;transition:box-shadow .2s var(--ease);border:1px solid #ffffff80;border-radius:50%;flex-shrink:0;display:block;box-shadow:0 0 0 3px #d4bf9c26}.variant-swatches li:hover .variant-swatch-circle,.variant-card:focus-visible .variant-swatch-circle{box-shadow:0 0 0 3px #d4bf9c73}@media (width<=900px){.model-header{grid-template-columns:1fr;gap:28px;padding:32px}.model-options{padding-inline-start:0;border-inline-start:0;border-top:1px solid #d4bf9c3d;padding-top:24px}}@media (width<=600px){.model-header{width:calc(100% - 32px);margin:24px auto 32px;padding:28px 22px}.model-heading h1{font-size:clamp(40px,10vw,60px)}}.variants-section{max-width:1400px;margin:0 auto;padding:20px 7% 130px}.variants-heading{margin-bottom:40px}.variants-heading p{color:var(--beige-dark);margin-bottom:14px;font-size:15px;font-weight:600}.variants-heading h2{font-size:clamp(36px,4vw,54px);font-weight:700}.year-buttons{border-bottom:1px solid var(--border-light);gap:34px;margin-bottom:55px;display:flex;overflow-x:auto}.year-btn{color:var(--muted);white-space:nowrap;transition:color .25s var(--ease);padding:14px 2px;font-size:16px;font-weight:600;position:relative}.year-btn:after{content:"";background:var(--beige-dark);transform-origin:100%;width:100%;height:2px;transition:transform .25s var(--ease);position:absolute;bottom:-1px;right:0;transform:scaleX(0)}.year-btn:hover,.year-btn.active{color:var(--text)}.year-btn.active:after{transform:scaleX(1)}.variants-grid{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}.variant-card{background:var(--surface);min-width:0;color:var(--white);border:1px solid var(--border-dark);border-top:2px solid var(--beige);border-radius:0 0 var(--radius-sm) var(--radius-sm);transition:background .3s var(--ease), transform .5s cubic-bezier(.22, 1, .36, 1);will-change:transform;flex-direction:column;padding:24px 28px;display:flex}.variant-card:hover,.variant-card:focus-visible{background:var(--surface-2);border-color:var(--beige-dark)}@media (hover:hover) and (pointer:fine){.variant-card:hover{transform:translateY(-3px)}}.variant-top{justify-content:space-between;align-items:flex-start;display:flex}.variant-year{color:var(--beige-soft);font-size:14px;font-weight:600}.variant-card h3{text-align:right;overflow-wrap:anywhere;max-width:480px;margin:12px 0 20px;font-size:26px;font-weight:700;line-height:1.6}.variant-contact{border-top:1px solid var(--border-dark);color:#ffffffd9;justify-content:space-between;align-items:center;gap:12px;margin-top:auto;padding-top:14px;font-size:15px;font-weight:600;display:flex}.variant-contact span{color:var(--beige);transition:transform .25s var(--ease)}.variant-card:hover .variant-contact span,.variant-card:focus-visible .variant-contact span{transform:translate(-3px)}.variant-page{background:var(--cream);min-height:100vh}.variant-details{grid-template-columns:minmax(0,1.2fr) minmax(360px,.8fr);align-items:start;gap:60px;width:100%;max-width:1400px;margin:0 auto;padding:70px 6% 130px;display:grid}.variant-gallery{width:100%}.main-gallery-image{aspect-ratio:1;border-radius:var(--radius-md);background:var(--surface);width:100%;overflow:hidden}.main-gallery-image img{object-fit:cover;width:100%;height:100%}.gallery-thumbnails{grid-template-columns:repeat(4,1fr);gap:10px;margin-top:14px;display:grid}.thumbnail{aspect-ratio:1;cursor:pointer;border-radius:var(--radius-xs);opacity:.6;width:100%;transition:opacity .25s var(--ease), border-color .25s var(--ease);border:2px solid #0000;padding:0;overflow:hidden}.thumbnail:hover{opacity:1}.thumbnail.active{opacity:1;border-color:var(--beige-dark)}.thumbnail img{object-fit:cover;width:100%;height:100%}.gallery-empty{aspect-ratio:1;background:var(--surface);border-radius:var(--radius-md);width:100%;color:var(--muted);justify-content:center;align-items:center;display:flex}.gallery-empty h3{font-size:18px;font-weight:500}.variant-info{background:var(--surface);color:var(--white);border-radius:var(--radius-md);padding:36px;position:sticky;top:30px}.variant-page-year{color:var(--beige);margin-bottom:20px;font-size:15px;font-weight:600;display:inline-block}.variant-model-label{letter-spacing:2px;color:var(--muted);margin-bottom:10px;font-size:13px;font-weight:600}.variant-info h1{margin-bottom:18px;font-size:clamp(32px,3.2vw,46px);font-weight:700;line-height:1.25}.variant-description{color:#ffffffa3;margin-bottom:32px;font-size:17px;font-weight:300;line-height:1.9}.features-box{border-top:1px solid var(--border-dark);margin-bottom:26px;padding:26px 0 6px}.features-box h2{margin-bottom:20px;font-size:19px;font-weight:600}.features-list{gap:4px;display:grid}.feature-item{border-bottom:1px solid var(--border-dark);align-items:center;gap:13px;padding:12px 0;font-size:15px;font-weight:400;display:flex}.feature-item:last-child{border-bottom:none}.feature-item span{background:var(--beige);width:22px;height:22px;color:var(--text);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex}.variant-main-contact{text-align:center;background:var(--beige);width:100%;color:var(--text);border-radius:var(--radius-xs);transition:background .25s var(--ease);padding:17px 25px;font-size:16px;font-weight:600;display:block}.variant-main-contact:hover{background:var(--beige-soft)}.about-section{background:radial-gradient(ellipse at 50% 0%, #d4bf9c14, transparent 70%), linear-gradient(135deg, var(--surface-2), var(--surface));text-align:start;width:calc(100% - 48px);max-width:1040px;color:var(--white);border:1px solid #d4bf9c2e;border-radius:16px;margin:64px auto 80px;padding:56px 48px;scroll-margin-top:148px;box-shadow:0 12px 32px #0f111214}.about-content{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:center;gap:40px;display:grid}.about-section .section-label{color:var(--beige);justify-content:flex-start;align-items:center;gap:12px;margin-bottom:16px;font-size:14px;font-weight:600;display:flex}.about-section .section-label:before{content:"";background:currentColor;width:28px;height:1px}.about-content h2{margin-bottom:16px;font-size:clamp(28px,3vw,40px);font-weight:700;line-height:1.55}.about-description{color:#ffffffc7;max-width:600px;font-size:17px;line-height:1.9}.service-contact{border-inline-start:1px solid #d4bf9c38;min-width:0;padding-inline-start:32px}.service-contact h3{margin-bottom:8px;font-size:22px;font-weight:600}.service-contact-caption{color:#ffffffb8;font-size:15px}.service-actions{gap:10px;margin-top:24px;display:grid}.service-booking,.service-call{border-radius:var(--radius-xs);text-align:center;min-height:48px;transition:background .2s var(--ease), border-color .2s var(--ease);justify-content:center;align-items:center;padding:12px 16px;font-size:15px;font-weight:600;display:flex}.service-booking{background:var(--beige);color:var(--text);border:1px solid var(--beige)}.service-call{color:var(--beige);border:1px solid #d4bf9c4d}.service-booking[href]:hover{background:var(--beige-soft)}.service-call[href]:hover{border-color:var(--beige);background:#d4bf9c0f}.service-actions button:disabled{opacity:.65;cursor:not-allowed}.contact-section,.car-contact-section{text-align:center;background:var(--surface-2);min-height:460px;color:var(--white);flex-direction:column;justify-content:center;align-items:center;padding:110px 7%;display:flex}.contact-inner{flex-direction:column;align-items:center;display:flex}.contact-section>p,.car-contact-section>p:first-child{color:var(--beige);margin-bottom:14px;font-size:15px;font-weight:600}.contact-section h2,.car-contact-section h2{margin-bottom:34px;font-size:clamp(38px,5vw,66px);font-weight:700}.car-contact-text{color:#fff9;max-width:480px;margin-top:-14px;margin-bottom:34px;font-size:16px;font-weight:300;line-height:1.8}.contact-large-btn{background:var(--beige);color:var(--text);border-radius:var(--radius-xs);transition:background .25s var(--ease);padding:17px 40px;font-size:16px;font-weight:600}.contact-large-btn:hover{background:var(--beige-soft)}.contact-section,.car-contact-section{width:100%}.contact-inner{width:100%;max-width:1200px}.contact-eyebrow{color:var(--beige);margin-bottom:14px;font-size:15px;font-weight:600}.contact-intro{color:#ffffff9e;max-width:620px;margin:-12px auto 44px;font-size:16px;line-height:1.9}.contact-locations{text-align:right;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;width:100%;display:grid}.contact-card{border-radius:var(--radius-md);min-height:220px;transition:transform .3s var(--ease), border-color .3s var(--ease), background .3s var(--ease);background:#ffffff0b;border:1px solid #ffffff1a;align-items:flex-start;gap:18px;padding:28px;display:flex}.contact-card:hover{background:#fff1;border-color:#d4bf9c80;transform:translateY(-5px)}.contact-card-icon{background:var(--beige);width:42px;height:42px;color:var(--text);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:22px;line-height:1;display:flex}.contact-card-content{min-width:0}.contact-card h3{color:var(--white);margin-bottom:10px;font-size:21px;line-height:1.5}.contact-address{color:#fff9;min-height:58px;margin-bottom:20px;font-size:15px;line-height:1.8}.contact-phone{background:var(--beige);min-height:46px;color:var(--text);border-radius:var(--radius-xs);letter-spacing:.4px;transition:background .25s var(--ease), transform .25s var(--ease);justify-content:center;align-items:center;padding:10px 18px;font-size:16px;font-weight:700;display:inline-flex}.contact-phone:hover{background:var(--beige-soft);transform:translateY(-2px)}@media (width<=900px){.contact-locations{grid-template-columns:1fr}.contact-intro{margin-bottom:32px}.contact-card,.contact-address{min-height:0}}.site-footer{background:var(--surface-2);border-top:1px solid var(--border-dark);flex-wrap:wrap;justify-content:center;gap:12px;padding:20px 16px;display:flex}.footer-facebook,.footer-tiktok,.footer-instagram{min-height:44px;color:var(--beige);border:1px solid var(--border-dark);border-radius:var(--radius-xs);align-items:center;gap:8px;padding:10px 16px;font-size:15px;font-weight:600;display:inline-flex}.footer-facebook svg,.footer-tiktok svg,.footer-instagram svg{flex-shrink:0}.footer-facebook:hover,.footer-facebook:focus-visible,.footer-tiktok:hover,.footer-tiktok:focus-visible,.footer-instagram:hover,.footer-instagram:focus-visible{color:var(--beige-soft);border-color:var(--beige-dark)}.not-found{background:var(--bg);min-height:100vh;color:var(--white);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:20px;display:flex}.not-found h1{font-size:32px;font-weight:600}.not-found a{color:var(--beige);border-bottom:1px solid var(--beige-dark);font-size:15px;font-weight:600}.not-found a.primary-btn{color:var(--text);border-bottom:none}@media (width>=901px) and (width<=1100px){.brand-logo{width:384px}.navbar{padding-inline:4%}.nav-links{gap:22px}}@media (width<=1050px){.car-page-hero,.variant-details{grid-template-columns:1fr}.variant-info{position:static}}@media (width<=900px){.navbar,.details-navbar{height:92px;padding:0 20px}.brand-logo{width:300px;max-height:92px}.nav-links{display:none}.hero-content{padding:110px 22px 70px}.hero-actions{flex-direction:column;width:100%}.cars-section,.variants-section,.car-page-hero,.about-section,.variant-details{padding-left:20px;padding-right:20px}.cars-grid,.variants-grid{grid-template-columns:1fr}.car-image{height:340px}.gallery-thumbnails{grid-template-columns:repeat(3,1fr)}.about-section{margin-block:48px 64px;padding-top:48px;padding-bottom:48px;scroll-margin-top:108px}.about-content{grid-template-columns:1fr;gap:28px}.service-contact{border-block-start:1px solid #d4bf9c38;border-inline-start:0;padding-block-start:24px;padding-inline-start:0}.contact-section,.car-contact-section{padding:90px 22px}}.mobile-menu-btn,.mobile-nav{display:none}@media (width<=900px){.navbar{justify-content:space-between}.navbar-btn{display:none}.mobile-menu-btn{z-index:70;border-radius:var(--radius-xs);background:#ffffff0d;border:1px solid #ffffff29;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:46px;height:46px;padding:0;display:flex;position:relative}.mobile-menu-btn span{background:var(--white);width:21px;height:2px;transition:transform .25s var(--ease), opacity .25s var(--ease);border-radius:2px;display:block}.mobile-menu-btn.open span:first-child{transform:translateY(7px)rotate(45deg)}.mobile-menu-btn.open span:nth-child(2){opacity:0}.mobile-menu-btn.open span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.mobile-nav{border-radius:var(--radius-md);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .25s var(--ease), transform .25s var(--ease), visibility .25s var(--ease);z-index:60;background:#0f1112fa;border:1px solid #ffffff1a;flex-direction:column;gap:4px;padding:12px;display:flex;position:absolute;top:92px;left:16px;right:16px;transform:translateY(-10px);box-shadow:0 22px 50px #00000052}.mobile-nav.open{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.mobile-nav a{color:#ffffffe0;border-radius:var(--radius-xs);transition:background .2s var(--ease), color .2s var(--ease);padding:15px 16px;font-size:18px;font-weight:600}.mobile-nav a:hover,.mobile-nav a:active{color:var(--white);background:#ffffff12}}@media (width<=600px){.navbar,.details-navbar{height:84px;padding:0 16px}.navbar{transition:transform .35s var(--ease), background .35s var(--ease), box-shadow .35s var(--ease)}.brand-logo{width:264px;max-height:84px}.mobile-nav{top:84px;left:12px;right:12px}.hero{height:100svh;min-height:650px}.hero-background{object-position:58% center}.hero-overlay{background:linear-gradient(#0a0b0c2e 0%,#0a0b0c6b 38%,#0a0b0ceb 78%,#0a0b0cfa 100%)}.hero-content{justify-content:flex-end;padding:105px 18px 42px}.model-label{letter-spacing:1.8px;margin-bottom:14px;font-size:11px}.hero-content h1{margin-bottom:18px;font-size:clamp(38px,12vw,54px);line-height:1.2}.hero-description{margin-bottom:28px;font-size:15px;line-height:1.8}.hero-actions{gap:10px}.primary-btn,.secondary-btn{text-align:center;width:100%;padding:14px 18px}.cars-section{padding-top:82px;padding-bottom:82px}.section-heading{margin-bottom:42px}.section-heading h2{font-size:38px}.section-heading span{font-size:15px}.cars-grid{gap:18px}.car-card,.variant-card{transform:none!important}.car-image{height:250px}.car-info{padding:20px 20px 22px}.car-title{align-items:flex-start;gap:12px}.car-title h3{font-size:23px}.car-title>span{flex-shrink:0;font-size:12px}.about-section{border-radius:12px;width:calc(100% - 32px);margin-block:40px 48px;padding:36px 22px;scroll-margin-top:100px}.about-content h2{font-size:28px}.about-description{font-size:16px}.contact-section,.car-contact-section{min-height:auto;padding:78px 16px}.contact-section h2,.car-contact-section h2{margin-bottom:24px;font-size:38px}.contact-intro{margin:0 auto 28px;font-size:14px}.contact-locations{gap:12px}.contact-card{gap:14px;padding:20px}.contact-card-icon{width:38px;height:38px;font-size:19px}.contact-card h3{font-size:18px}.contact-address{margin-bottom:14px;font-size:14px}.contact-phone{width:100%;min-height:48px;padding:11px 14px}.back-home{gap:7px;font-size:12px}.details-nav-actions{flex-direction:column;align-items:flex-start;gap:4px}.car-page-hero{gap:30px;min-height:auto;padding-top:34px;padding-bottom:56px}.car-page-image{height:280px}.car-page-title h1{font-size:38px}.variants-section{padding-top:0;padding-bottom:82px}.variants-heading{margin-bottom:26px}.variants-heading h2{font-size:34px}.year-buttons{gap:24px;margin-bottom:34px}.variants-grid{gap:14px}.variant-card{padding:20px}.variant-card h3{margin-top:10px;font-size:22px}.variant-details{gap:28px;padding-top:32px;padding-bottom:82px}.main-gallery-image{aspect-ratio:4/3}.gallery-thumbnails{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.variant-info{padding:26px 22px}.variant-info h1{font-size:31px}.variant-description{font-size:15px}.variant-main-contact{justify-content:center;align-items:center;min-height:50px;display:flex}}@media (width<=400px){.brand-logo{width:228px}}
