.vehicle-showcase{width:100%;background:#080808;padding:70px 20px 80px;overflow:hidden}.vehicle-showcase-header{max-width:1400px;margin:0 auto 35px;text-align:center}.vehicle-showcase-header>span{display:inline-block;color:#ff1b1b;font-size:13px;font-weight:800;letter-spacing:4px;margin-bottom:12px}.vehicle-showcase-header h2{margin:0;color:#fff;font-size:clamp(32px,4vw,52px);line-height:1;font-weight:900;letter-spacing:-1px;text-transform:uppercase}.vehicle-showcase-header h2 strong{color:#ff1b1b}.vehicle-showcase-header p{margin:15px 0 0;color:#a9a9a9;font-size:16px}.vehicle-slider{position:relative;width:100%;max-width:1400px;height:620px;margin:0 auto;overflow:hidden;background:#050505;border:1px solid rgba(255,255,255,.12)}.vehicle-slide{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;visibility:hidden;transform:scale(1.02);transition:opacity .7s ease,visibility .7s ease,transform 1.2s ease}.vehicle-slide.active{opacity:1;visibility:visible;transform:scale(1);z-index:2}.vehicle-slide img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;object-fit:cover;object-position:center}.vehicle-slide-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(90deg,#000000f5,#000000d1 28%,#00000061 55%,#00000014)}.vehicle-slide:after{content:"";position:absolute;inset:auto 0 0;height:35%;z-index:1;pointer-events:none;background:linear-gradient(to top,rgba(0,0,0,.75),transparent)}.vehicle-slide-content{position:absolute;z-index:3;left:7%;top:50%;width:42%;max-width:540px;transform:translateY(-50%)}.vehicle-brand{display:block;margin-bottom:8px;color:#fff;font-size:15px;font-weight:800;letter-spacing:5px;text-transform:uppercase}.vehicle-slide-content h3{margin:0 0 18px;color:#ff1b1b;font-size:clamp(55px,6vw,90px);line-height:.9;font-weight:900;letter-spacing:-3px;text-transform:uppercase}.vehicle-slide-content p{margin:0 0 28px;color:#eee;font-size:17px;line-height:1.6;max-width:430px}.vehicle-button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;min-width:235px;padding:17px 22px;background:#ff1b1b;color:#fff;font-size:13px;font-weight:800;letter-spacing:.5px;text-decoration:none;text-transform:uppercase;transition:background .25s ease,transform .25s ease}.vehicle-button span{font-size:22px;line-height:1;transition:transform .25s ease}.vehicle-button:hover{background:#fff;color:#111;transform:translateY(-2px)}.vehicle-button:hover span{transform:translate(5px)}.vehicle-arrow{position:absolute;z-index:5;top:50%;transform:translateY(-50%);width:52px;height:52px;border:1px solid rgba(255,255,255,.5);background:#00000073;color:#fff;font-size:25px;line-height:1;cursor:pointer;transition:background .25s ease,border-color .25s ease}.vehicle-arrow:hover{background:#ff1b1b;border-color:#ff1b1b}.vehicle-prev{left:25px}.vehicle-next{right:25px}.vehicle-dots{position:absolute;z-index:5;left:50%;bottom:24px;display:flex;align-items:center;gap:9px;transform:translate(-50%)}.vehicle-dot{width:32px;height:3px;padding:0;border:0;background:#ffffff73;cursor:pointer;transition:width .3s ease,background .3s ease}.vehicle-dot.active{width:55px;background:#ff1b1b}@media screen and (max-width:900px){.vehicle-showcase{padding:55px 15px 65px}.vehicle-slider{height:560px}.vehicle-slide-content{left:6%;width:50%}.vehicle-slide-content h3{font-size:60px}.vehicle-slide img{object-position:center}}@media screen and (max-width:650px){.vehicle-showcase{padding:45px 10px 55px}.vehicle-showcase-header{margin-bottom:25px}.vehicle-showcase-header>span{font-size:10px;letter-spacing:3px}.vehicle-showcase-header h2{font-size:31px}.vehicle-showcase-header p{font-size:14px}.vehicle-slider{height:560px}.vehicle-slide img{object-position:62% center}.vehicle-slide-overlay{background:linear-gradient(90deg,#000000f0,#000000ad 48%,#0003)}.vehicle-slide-content{left:25px;right:25px;top:auto;bottom:75px;width:auto;max-width:none;transform:none}.vehicle-brand{font-size:11px;letter-spacing:3px}.vehicle-slide-content h3{margin-bottom:12px;font-size:48px;letter-spacing:-2px}.vehicle-slide-content p{margin-bottom:20px;font-size:14px;line-height:1.45}.vehicle-button{min-width:205px;padding:14px 17px;font-size:11px}.vehicle-arrow{width:42px;height:42px;font-size:20px}.vehicle-prev{left:12px}.vehicle-next{right:12px}.vehicle-dots{bottom:18px;gap:6px}.vehicle-dot{width:18px}.vehicle-dot.active{width:35px}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/vehicle-showcase.css.map */