.fds-hero{--o:#ff7a00;--y:#f5b000;--d:#1c1c1c;position:relative;margin:0 auto;overflow:hidden;clip-path:polygon(0 0,calc(100% - 34px) 0,100% 34px,100% 100%,34px 100%,0 calc(100% - 34px))}.fh-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;scroll-behavior:smooth}.fh-track::-webkit-scrollbar{display:none}.fh-slide{position:relative;flex:0 0 100%;scroll-snap-align:start;display:grid;grid-template-columns:1fr 1.05fr;align-items:center;gap:20px;min-height:420px;padding:40px 70px;text-decoration:none;overflow:hidden}.fh-slide:before{content:"";position:absolute;right:-8%;top:-30%;width:62%;height:160%;transform:skew(-14deg);opacity:.9}.s1{background:var(--d);color:#fff}.s1:before{background:#2a2a2a}.s2{background:var(--y);color:var(--d)}.s2:before{background:#ffc531}.s3{background:var(--o);color:#fff}.s3:before{background:#ff8f26}.s4{background:#f3f4f6;color:var(--d)}.s4:before{background:var(--y)}.fh-txt{position:relative;z-index:1;max-width:560px}.fh-txt small{display:inline-block;font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:5px 10px;background:#ffffff24;margin-bottom:12px}.s2 .fh-txt small,.s4 .fh-txt small{background:#00000014}.fh-txt h2{font-family:Bebas Neue,sans-serif;font-weight:400;font-size:clamp(44px,5.2vw,76px);line-height:.92;margin:0 0 14px;color:inherit;text-transform:uppercase}.fh-txt h2 b{font-weight:400;display:block}.s1 h2 b{color:var(--y);font-size:1.35em}.s2 h2 b{color:#fff;-webkit-text-stroke:0;text-shadow:3px 3px 0 var(--d)}.s3 h2 b{color:var(--d)}.s4 h2 b{color:var(--o)}.fh-txt p{font-size:17px;line-height:1.4;margin:0 0 20px;opacity:.9}.fh-code{display:inline-block;font-family:Bebas Neue,sans-serif;font-size:24px;letter-spacing:.06em;padding:2px 12px;border:2px dashed var(--y);color:var(--y);margin:0 4px}.fh-btn{display:inline-block;font-weight:800;font-size:16px;padding:13px 22px;background:var(--y);color:var(--d);clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,0 100%);transition:transform .2s}.s2 .fh-btn,.s4 .fh-btn{background:var(--d);color:#fff}.s3 .fh-btn{background:#fff;color:var(--d)}.fh-slide:hover .fh-btn{transform:translate(4px)}.fh-ship{display:flex;gap:12px;margin:0 0 20px;flex-wrap:wrap}.fh-ship div{background:#fff;padding:10px 16px;border-left:5px solid var(--o);box-shadow:0 6px 18px #00000014}.fh-ship span{display:block;font-size:13px;font-weight:600;color:#555}.fh-ship strong{font-family:Bebas Neue,sans-serif;font-weight:400;font-size:34px;line-height:1;color:var(--d)}.fh-prods{position:relative;z-index:1;height:340px}.fh-p{position:absolute;width:44%;aspect-ratio:1;background:#fff;padding:3%;box-shadow:0 18px 40px #00000047;border-radius:6px;transition:transform .6s cubic-bezier(.2,.8,.2,1),opacity .6s}.fh-p img{width:100%;height:100%;object-fit:contain}.fh-p:nth-child(1){left:2%;top:18%;transform:rotate(-7deg);z-index:1}.fh-p:nth-child(2){left:30%;top:0;width:50%;transform:rotate(2deg);z-index:2}.fh-p:nth-child(3){right:0;top:30%;transform:rotate(8deg);z-index:1}.fh-truck{display:grid;place-items:center}.fh-truck svg{width:88%;filter:drop-shadow(0 18px 24px rgba(0,0,0,.18))}.fds-hero.js .fh-slide .fh-txt>*{opacity:0;transform:translateY(16px);transition:opacity .5s,transform .5s}.fds-hero.js .fh-slide .fh-p{opacity:0}.fds-hero.js .fh-slide.on .fh-txt>*{opacity:1;transform:none}.fds-hero.js .fh-slide.on .fh-txt>*:nth-child(2){transition-delay:.08s}.fds-hero.js .fh-slide.on .fh-txt>*:nth-child(3){transition-delay:.16s}.fds-hero.js .fh-slide.on .fh-txt>*:nth-child(4){transition-delay:.24s}.fds-hero.js .fh-slide.on .fh-p{opacity:1}.fds-hero.js .fh-slide.on .fh-p:nth-child(2){transition-delay:.1s}.fds-hero.js .fh-slide.on .fh-p:nth-child(3){transition-delay:.2s}.fds-hero.js .fh-slide:not(.on) .fh-p{transform:translateY(40px) rotate(0)}.fh-slide.on .fh-truck svg{animation:fhTruck 1.2s cubic-bezier(.2,.8,.2,1)}@keyframes fhTruck{0%{transform:translate(-60%);opacity:0}to{transform:none;opacity:1}}.fds-hero .fh-nav,.fds-hero .fh-dots button{all:unset;box-sizing:border-box;cursor:pointer}.fds-hero .fh-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:44px;height:44px;border-radius:50%;background:#ffffffeb;color:#1c1c1c;font-size:30px;line-height:40px;text-align:center;box-shadow:0 4px 14px #0003;transition:background .2s}.fds-hero .fh-nav:hover{background:#fff}.fds-hero .fh-prev{left:14px}.fds-hero .fh-next{right:14px}.fh-dots{position:absolute;left:0;right:0;bottom:14px;display:flex;justify-content:center;gap:8px;z-index:3}.fds-hero .fh-dots button{width:10px;height:10px;border-radius:10px;background:#8080808c;transition:width .3s,background .3s}.fds-hero .fh-dots button.on{width:28px;background:#ff7a00}@media(max-width:767px){.fds-hero{clip-path:none}.fh-slide{grid-template-columns:1fr;align-content:start;min-height:0;padding:24px 20px 40px;gap:6px}.fh-slide:before{right:-30%;top:auto;bottom:-10%;width:120%;height:48%;transform:skewY(-8deg)}.fh-txt h2{font-size:42px}.fh-txt p{font-size:15px;margin-bottom:14px}.fh-prods{height:165px}.fh-p{width:38%}.fh-p:nth-child(2){width:42%;left:29%}.fds-hero .fh-nav{display:none}.fh-ship{flex-wrap:nowrap;gap:8px}.fh-ship div{flex:1;padding:8px 10px}.fh-ship span{font-size:12px}.fh-ship strong{font-size:24px}.fh-truck svg{width:60%}}@media(prefers-reduced-motion:reduce){.fds-hero.js .fh-slide *{transition:none!important;animation:none!important}}
/*# sourceMappingURL=/cdn/shop/t/25/assets/fds-hero.css.map */