@font-face{font-family:Manrope;src:url('../fonts/manrope-400.ttf')}@font-face{font-family:Oswald;src:url('../fonts/oswald-600.ttf');font-weight:600}:root{--bg:#08090b;--panel:#15171b;--red:#e5262e;--muted:#a6a8ae;--gap:clamp(64px,6vw,112px)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--bg);color:#f5f5f6;font:16px/1.65 Manrope,Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a,input,textarea,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}img{max-width:100%;height:auto;display:block}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-family:Oswald,Arial,sans-serif;font-weight:600;line-height:1.15}h1{font-size:clamp(46px,5.3vw,102px);letter-spacing:-.025em}h2{font-size:clamp(32px,3.1vw,60px);margin-bottom:32px}h3{font-size:clamp(23px,1.6vw,30px)}em{font-style:normal;color:var(--red)}p{color:#bec0c6}p+p{margin-top:18px}.container{width:90%;max-width:1728px;padding:0;margin-inline:auto}.section{margin-top:var(--gap);position:relative}.eyebrow{font-size:12px;letter-spacing:.15em;color:var(--muted);margin-bottom:18px}.icon{width:24px;height:24px;flex:none;filter:invert(75%)}.button{display:inline-flex;justify-content:center;align-items:center;gap:22px;background:var(--red);color:white;border:1px solid transparent;padding:17px 25px;border-radius:8px;line-height:1.4;font-weight:bold;min-height:54px}.button .icon{filter:invert(1)}.button:hover{background:#fb343d}.button:focus-visible,a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #fff;outline-offset:4px}.header-main{display:flex;align-items:center;gap:24px;padding:20px 0}.logo{width:165px;flex:none}.logo img{width:100%;height:100px;object-fit:contain}.location{display:flex;align-items:center;gap:10px;margin-left:auto}.social{padding:12px}.header-phone{font-size:14px}.language{font-size:12px;color:var(--muted)}.header-main .button{font-size:14px}.navigation{border-top:1px solid #25262a;border-bottom:1px solid #25262a;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 0;font-size:15px}.navigation a:last-child{display:flex;align-items:center;gap:8px}.navigation a:hover,.footer a:hover{color:var(--red)}.menu-toggle{display:none;background:none;border:1px solid #42444a;border-radius:6px;padding:10px}.hero{display:grid;grid-template-columns:42% 58%;align-items:center;min-height:680px;padding-block:45px}.hero-copy{position:relative;z-index:1}.hero .lead{font-size:clamp(16px,1.4vw,24px);margin-top:28px}.hero-car{margin-left:-25px}.hero-car img{width:100%;object-fit:contain}.kaspi{display:inline-flex;align-items:center;gap:20px;border:1px solid #3c3e44;background:#17191d;border-radius:12px;padding:20px;margin-top:38px}.kaspi strong{color:#ff333c;font-size:26px}.kaspi span{font-size:12px;color:#c6c7ca}.brands{display:flex;align-items:center;gap:20px}.brand-track,.supplier-track{overflow-x:auto;scrollbar-width:thin;scrollbar-color:#555 transparent}.brand-track{flex:1;min-width:0}.brand-track img{min-width:1100px;width:100%;height:90px;object-fit:contain}.brand-arrow{background:none;border:0;padding:12px}.brand-arrow:first-child{transform:rotate(180deg)}.quick-panel{padding:clamp(24px,3vw,52px);border-radius:50px;background:linear-gradient(125deg,#2b2d31c9,#1c1e22d9);border:1px solid #3a3c42}.quick-panel h2{font-size:clamp(30px,2.4vw,46px);margin-bottom:12px}.quick-panel .lead-form{margin-top:28px}.form-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.form-grid .wide{grid-column:span 2}label{display:block;font-size:13px;color:#d4d5d8}input:not([type=checkbox]),textarea{display:block;width:100%;min-width:0;margin-top:8px;background:#0e1013;border:1px solid #4b4d54;border-radius:8px;color:#fff;padding:14px 16px;line-height:1.5}input:focus,textarea:focus{outline:2px solid var(--red);outline-offset:2px}textarea{resize:vertical;min-height:58px}.consent{display:flex;gap:10px;align-items:flex-start;margin:22px 0;font-size:12px}.consent input{width:18px;height:18px;flex:none;accent-color:var(--red)}.text-button{background:none;border:0;padding:0;color:inherit;text-decoration:underline;text-underline-offset:3px}.form-note{font-size:12px;margin-top:14px}.form-status{font-size:13px}.panel{background:var(--panel);border:1px solid #2a2c32;border-radius:20px;overflow:hidden}.category{background:#131519;border:1px solid #26282e;border-radius:14px;overflow:hidden;height:100%;padding-bottom:24px}.category>img{width:100%;aspect-ratio:1.65;object-fit:cover}.category h3{padding:18px 24px 24px;min-height:100px}.category a{display:flex;align-items:center;justify-content:space-between;margin:0 24px;padding-top:15px;border-top:1px solid #33353b;font-size:13px;color:#c4c5c9}.panel-copy{padding:clamp(25px,3.4vw,64px)}.panel-copy p{margin-bottom:22px}.about{align-items:center}.team-photo{position:relative;align-self:stretch;display:flex;align-items:flex-end}.team-photo img{width:100%;object-fit:contain}.team-photo:after{content:"";position:absolute;inset:65% 0 0;background:linear-gradient(transparent,var(--panel))}.delivery-map{height:100%;padding:30px}.delivery-map p{max-width:580px}.delivery-map img{width:100%;max-height:390px;object-fit:contain}.truck{width:100%;max-height:250px;object-fit:cover;border-radius:16px}.delivery-options{padding:22px 10px}.delivery-options p{display:flex;align-items:center;gap:16px;margin:0;padding:12px 0;border-bottom:1px solid #292b30}.delivery-options small{display:block;color:#9699a0;margin-top:16px}.solution{display:flex;align-items:center;gap:35px;padding:30px 45px}.solution>img{width:25%;max-height:250px;object-fit:contain}.solution>div{flex:1}.solution h2{margin-bottom:20px}.solution p{max-width:650px}.solution>.button{flex:none}.step{position:relative;padding-top:25px}.step .number{font:600 55px Oswald;color:#383b42}.step>.icon{display:inline-block;margin-left:20px;width:36px;height:36px}.step h3{margin:22px 0 15px}.step p{max-width:300px}.benefit{height:100%;padding:30px;border:1px solid #2b2d33;border-radius:14px;background:#15171be8}.benefit .icon{width:40px;height:40px;filter:invert(25%) sepia(90%) saturate(4000%) hue-rotate(340deg)}.benefit h3{margin:25px 0 18px}.faq-photo{width:100%;border-radius:18px;aspect-ratio:1.5;object-fit:cover}.faq details{border-bottom:1px solid #3b3d43}.faq summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:clamp(16px,1.3vw,23px);padding:25px 0;cursor:pointer}.faq summary::-webkit-details-marker{display:none}.faq details[open] summary .icon{transform:rotate(180deg)}.faq details p{padding-bottom:25px}.sample-note{font-size:12px;margin-top:-20px;margin-bottom:25px}.review{padding:28px;background:#15171beb;border:1px solid #2c2e34;border-radius:14px;height:100%}.review-person{display:flex;align-items:center;gap:15px;margin-bottom:25px}.review-person .icon{width:38px;height:38px}.review p{font-size:14px}.request-copy{padding:50px 40px 0;display:flex;flex-direction:column;justify-content:space-between}.request-copy p{margin-bottom:25px}.request-copy>img{width:100%;height:auto;aspect-ratio:5.3;object-fit:contain;margin-top:35px}.request .form-grid{grid-template-columns:1fr}.request .wide{grid-column:auto}.contact-copy{height:100%;padding:35px 45px}dl{margin:0}dt{font-size:12px;color:#9598a0;margin-top:23px}dt:first-child{margin-top:0}dd{margin:6px 0 0;font-size:20px;overflow-wrap:anywhere}.map-link{display:block;position:relative;border-radius:20px;overflow:hidden;height:100%;min-height:350px;background:#15171b}.map-link>img{height:100%;width:100%;object-fit:cover}.map-link>span{position:absolute;bottom:20px;left:20px;background:#17191e;padding:12px 20px;display:flex;gap:15px;align-items:center;border-radius:7px}.suppliers h2{font-size:30px}.supplier-track img{width:100%;min-width:1000px;height:110px;object-fit:contain}.footer{margin-top:var(--gap);padding:40px 0;border-top:1px solid #2b2c31;display:flex;align-items:center;gap:30px;flex-wrap:wrap}.footer nav{display:flex;flex-wrap:wrap;gap:18px;flex:1;font-size:13px}.footer small,.footer>.text-button{font-size:11px;color:#979aa2}.mechanical:before{content:"";position:absolute;inset:-50px -3% -50px 30%;background:linear-gradient(90deg,var(--bg),transparent),url('../mechanics-engine.webp') center/contain no-repeat;opacity:.2;z-index:-1;pointer-events:none}.mechanical:nth-of-type(2n):before{background-image:linear-gradient(90deg,var(--bg),transparent),url('../mechanics-gearbox.webp')}.mechanical:nth-of-type(3n):before{background-image:linear-gradient(90deg,var(--bg),transparent),url('../mechanics-crankshaft.webp')}dialog{color:#eee;background:#17191e;border:1px solid #484a52;border-radius:20px;max-width:650px;width:90%;padding:40px}dialog::backdrop{background:#000b}.dialog-close{float:right;background:none;border:0;padding:7px}dialog h2{font-size:30px;margin:20px 0}.skip{position:absolute;top:-100px;background:white;color:#000;padding:15px;z-index:100}.skip:focus{top:0}
@media(min-width:1600px){.hero{min-height:850px}.hero-car{margin-left:-70px}.hero-copy{padding-bottom:50px}}
@media(max-width:1199px){.header-phone,.language{display:none}.header-main{gap:14px}.navigation{font-size:12px;gap:12px}.hero{min-height:560px}.solution{flex-wrap:wrap}.solution>.button{margin-left:auto}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.quick-panel .wide{grid-column:span 1}}
@media(max-width:991px){.container{width:92%}.menu-toggle{display:block}.header-main>.button{margin-left:auto}.location{display:none}.header-main .social{margin-left:auto}.navigation{display:none;align-items:stretch}.navigation.open{display:flex;flex-direction:column;padding:15px 0;gap:0}.navigation a{padding:13px 5px;font-size:16px}.hero{grid-template-columns:1fr 1.2fr;min-height:480px}.hero h1{font-size:clamp(39px,5.6vw,60px)}.hero .lead{font-size:16px}.kaspi{padding:15px;gap:12px}.kaspi .icon{display:none}.kaspi strong{font-size:22px}.kaspi span{font-size:10px}.team-photo img{max-height:550px;object-fit:contain}.panel-copy{padding:35px}.solution{gap:25px;padding:30px}.solution>img{width:28%}.solution>div{min-width:50%}.solution>.button{margin-left:0}.request-copy{padding:35px 35px 0}.contact-copy{padding:30px}.mechanical:before{inset:0;opacity:.14}.footer nav{flex-basis:60%}}
@media(max-width:575px){:root{--gap:64px}.container{width:calc(100% - 32px)}.header-main{padding:10px 0;gap:8px}.logo{width:115px}.logo img{height:75px}.header-main>.button{display:none}.header-main .social{margin-left:auto}.menu-toggle{padding:9px}.hero{display:flex;flex-direction:column;align-items:stretch;padding-top:35px;min-height:0}.hero h1{font-size:clamp(42px,11.5vw,64px)}.hero .lead{font-size:16px;margin-top:22px}.hero .eyebrow{font-size:10px}.hero-car{margin:25px 0 0}.hero-car img{width:100%}.kaspi{margin-top:25px}.kaspi span{font-size:12px}.hero{padding-bottom:15px}.brands{gap:5px}.brand-arrow{padding:10px}.brand-track img{height:65px;min-width:900px}.quick-panel{padding:25px 20px;border-radius:25px}.quick-panel h2{font-size:31px}.quick-panel>div>p:last-child{font-size:14px}.form-grid{grid-template-columns:1fr}.form-grid .wide,.quick-panel .wide{grid-column:auto}.button{width:100%;padding:16px 20px}.category h3{min-height:0;padding-bottom:20px}.category>img{aspect-ratio:1.9}.panel-copy{padding:28px 22px}.solution{display:block;padding:25px}.solution>img{width:60%;height:150px;margin:0 auto 25px}.solution .button{margin-top:25px}.solution h2{font-size:33px}.step{padding-top:0}.step p{max-width:none}.step h3{margin:15px 0 10px}.benefit{padding:25px}.faq summary{font-size:16px;padding:22px 0}.request-copy{padding:30px 22px 0}.request-copy>img{margin-top:10px}.map-link{min-height:300px}.map-link>img{min-height:300px}.map-link>span{left:15px;bottom:15px;font-size:13px}.footer{align-items:flex-start;gap:25px}.footer nav{flex-basis:100%;display:grid;grid-template-columns:1fr 1fr}.footer>.text-button{width:100%;text-align:left}.supplier-track img{height:80px}.suppliers h2{font-size:27px}.review p{font-size:15px}.delivery-map{padding:25px 20px}.contact-copy{padding:25px}.mechanical:before{inset:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
.mechanical{isolation:isolate}.service-button{display:flex;align-items:center;gap:8px;border:0;background:none;color:inherit;padding:0;font:inherit}.navigation.open .service-button{padding:13px 5px;font-size:16px}.service-button:hover{color:var(--red)}
@font-face{font-family:Manrope;src:url('../fonts/manrope-600.ttf');font-weight:600}@font-face{font-family:Manrope;src:url('../fonts/manrope-700.ttf');font-weight:700}
.section>h2{border-left:7px solid var(--red);padding-left:20px}.suppliers>h2{border-left:0;padding-left:0}.hero-car{align-self:center}.hero-car img{aspect-ratio:1198/691}.hero{background:radial-gradient(ellipse at 65% 80%,#25151755,transparent 65%)}
@media(min-width:1200px){body{font-size:clamp(18px,1.25vw,24px)}.navigation{font-size:clamp(15px,1.1vw,21px)}.header-main .button{font-size:18px}.header-phone{font-size:18px}.eyebrow{font-size:16px}.button{font-size:20px;min-height:60px}.quick-panel label{font-size:20px}.quick-panel input,.quick-panel textarea{font-size:20px}.quick-panel .form-note,.form-note{font-size:14px}.quick-panel .consent,.consent{font-size:16px}.category a{font-size:18px}.review p{font-size:22px}.review{padding:32px;min-height:310px}.review-person .icon{width:50px;height:50px}.delivery-options small{font-size:17px}.contact-copy dt{font-size:18px}.contact-copy dd{font-size:26px}.request label{font-size:20px}.faq summary{font-size:24px}.footer nav{font-size:18px}.footer>.text-button,.footer small{font-size:14px}.sample-note{font-size:16px}.suppliers h2{font-size:40px}.step p{max-width:350px}.benefit{display:grid;grid-template-columns:50px 1fr;gap:0 20px}.benefit .icon{grid-row:span 2}.benefit h3{margin:0 0 18px}.benefit p{font-size:20px}.solution p{font-size:22px}.about h2{font-size:52px}.category h3{min-height:105px}.header-main .logo{width:180px}.header-main .logo img{height:125px}}
.hero-parts{display:none}@media(max-width:575px){.hero-parts{display:grid;grid-template-columns:1fr 1fr;gap:8px 15px;list-style:none;padding:0;margin:16px 0 0;font-size:12px;color:#bec0c6}.hero-parts li{border-left:2px solid var(--red);padding-left:9px}}
.mechanical:before{opacity:.5}#categories:before{background-image:linear-gradient(90deg,var(--bg),transparent),url('../mechanics-cylinder-head.webp')}#delivery:before{background-image:linear-gradient(90deg,var(--bg),transparent),url('../mechanics-crankshaft.webp')}#reviews:before{background-image:linear-gradient(90deg,var(--bg),transparent),url('../mechanics-clutch.webp')}#contacts:before{background-image:linear-gradient(90deg,var(--bg),transparent),url('../mechanics-engine.webp')}.suppliers{isolation:isolate}.suppliers:before{content:"";position:absolute;inset:-45px 0;background:linear-gradient(90deg,var(--bg),transparent),url('../mechanics-pistons.webp') center/contain no-repeat;opacity:.5;z-index:-1;pointer-events:none}
h2,h3{font-family:Manrope,Arial,sans-serif;font-weight:700}h2{font-size:clamp(29px,3vw,57px)}h3{font-size:clamp(21px,1.6vw,30px)}.review-person{display:block}.review-person .icon{margin-bottom:18px}.about h2{line-height:1.25}.hero{background:linear-gradient(0deg,var(--bg),transparent 15%),url('../hero-floor.webp') bottom center/100% auto no-repeat}.quick-panel h2{font-size:clamp(29px,3vw,58px)}
@media(min-width:1600px){.hero{min-height:1100px;align-items:start}.hero-copy{padding-top:75px}.hero-car{align-self:start;margin-top:60px}.about h2{font-size:50px}.faq-photo{aspect-ratio:2.3}.quick-panel .eyebrow{display:none}.quick-panel{padding:40px 50px}.review{min-height:390px}.review-person .icon{width:65px;height:65px}}
@media(max-width:575px){.hero{background:none}.hero h1{font-family:Oswald,Arial,sans-serif}.quick-panel h2{line-height:1.25}.about h2{font-size:30px}.review-person{display:flex}.review-person .icon{margin-bottom:0}}
.footer{background:#101518;border:1px solid #30353b;border-radius:16px;padding:30px}.contact-copy dl{display:grid;grid-template-columns:35% 65%;gap:0}.contact-copy dt,.contact-copy dd{padding:18px 0;margin:0;border-bottom:1px solid #31343b}.contact-copy dd{font-size:clamp(16px,1.25vw,24px)}.request .form-grid{grid-template-columns:1fr 1fr}.request .form-grid label:first-child,.request .form-grid label:last-child{grid-column:span 1;order:0}.request .form-grid label:has(textarea){grid-column:span 2;order:1}.request .form-grid textarea{min-height:120px}@media(max-width:575px){.contact-copy dl{grid-template-columns:1fr}.contact-copy dt{border:0;padding:16px 0 0}.contact-copy dd{padding:5px 0 15px}.request .form-grid{grid-template-columns:1fr}.request .form-grid label:has(textarea){grid-column:auto}.footer{padding:25px 20px}}
.request-copy{position:relative;justify-content:flex-start;background:linear-gradient(90deg,#080b0e44,transparent),url('../request-car-full.webp') right bottom/cover no-repeat;min-height:500px}.request-copy>img{display:none}.request-copy>p{max-width:70%}.request-copy h2{position:relative;z-index:1}@media(max-width:575px){input:not([type=checkbox]),textarea{font-size:16px}.request-copy{min-height:360px;background-size:cover}.request-copy>p{max-width:90%;font-size:15px}.request-copy h2{font-size:29px}}
.hero{background:radial-gradient(ellipse at 70% 70%,#25101533,transparent 65%)}.hero-car img{mask-image:linear-gradient(to bottom,#000 0%,#000 85%,transparent 100%)}
