.l20-3-switch .content{width:53%;padding-top:7.5%;display:flex;padding-right:15%;right:0;flex-direction:column;color:#fff}.l20-3-switch [loading=lazy]{transition:none}.l20-3-switch .title{color:#fff;font-size:2.8vw;margin:0;font-weight:900}.l20-3-switch .description{font-size:1.23vw;margin:0}.l20-3-switch .offer{width:100%;margin-top:3%;margin-bottom:7%}.l20-3-switch .offer img{width:100%}.l20-3-switch .offer .offer-text{display:flex;width:100%;gap:5%;margin-top:4px;align-items:center}.l20-3-switch .offer .offer-text .price{font-size:1.5vw;width:16%;font-weight:700;text-align:center;color:var(--primary-color)}.l20-3-switch .offer .offer-text p{font-size:1.2vw;margin-bottom:0}.l20-3-switch .offer .offer-text p strong{color:var(--primary-color);font-size:1.5vw}.l20-3-switch .bg-1,.l20-3-switch .bg-2,.l20-3-switch .offer,.l20-3-switch .link{opacity:0}.l20-3-switch:has(#bike1:checked) .bg-1,.l20-3-switch:has(#bike2:checked) .bg-2,.l20-3-switch:has(#bike1:checked) .offer-1,.l20-3-switch:has(#bike2:checked) .offer-2,.l20-3-switch:has(#bike1:checked) .link1,.l20-3-switch:has(#bike2:checked) .link2{opacity:1}.l20-3-switch .switch-image-1,.l20-3-switch .switch-image-2{width:37%;top:0%;height:84%;left:-45%;opacity:0}.l20-3-switch:has(#bike1:checked) .switch-image-1,.l20-3-switch:has(#bike2:checked) .switch-image-2{opacity:1;animation:bike-run 1.5s cubic-bezier(.16,.62,.41,1.05) 1 forwards}.l20-3-switch:has(#bike1:checked) .switch-image-2,.l20-3-switch:has(#bike2:checked) .switch-image-1{opacity:0}.l20-3-switch .btns{gap:12px}.l20-3-switch .btns .price{margin-top:.6em;font-size:1.3vw;color:#fff;opacity:0}.l20-3-switch .btns .link{color:#fff;font-size:1.3vw;border-bottom:1px solid #fff;line-height:1.2;margin-top:1em;font-weight:600;text-decoration:none}.l20-3-switch:has(#bike1:checked) .price-1,.l20-3-switch:has(#bike2:checked) .price-2{opacity:1}.l20-3-switch .btns .price strong{font-size:1.1vw;text-decoration:line-through;font-weight:500}.l20-3-switch input[type=radio]{display:none}.l20-3-switch:has(#bike1:checked) .btn1,.l20-3-switch:has(#bike2:checked) .btn2{background:var(--primary-color)}.l20-3-switch .button{padding:.4em 1.5em;border-radius:2px;font-size:1.2vw;color:#fff;cursor:pointer;background:#898177}.l20-3-switch .button:hover{opacity:.6}@keyframes bike-run{0%{top:10%;left:-45%}to{top:16%;left:11%}}@media(max-width:768px){.l20-3-switch .content{top:0;width:100%;left:0;right:0;height:min-content;padding:6%;height:100%;text-align:center}.l20-3-switch .content h2{font-size:7vw;margin-bottom:4px}.l20-3-switch .content p{font-size:3.6vw;width:82%;line-height:1.2;margin:0 auto}.l20-3-switch .offer .offer-text .price{font-size:4.2vw}.l20-3-switch .offer .offer-text p{font-size:3.6vw}.l20-3-switch .offer .offer-text p strong{font-size:4.2vw}.l20-3-switch .button{font-size:3.2vw}.l20-3-switch .btns{justify-content:center;align-items:end;flex:1 1 0;padding-bottom:0}.l20-3-switch .btns .button{height:min-content}.l20-3-switch .btns .link{font-size:3.8vw;margin-top:2px}.l20-3-switch .switch-image-1,.l20-3-switch .switch-image-2{width:87%;bottom:10%;top:unset;height:60%;left:0}.l20-3-switch:has(#bike1:checked) .switch-image-1,.l20-3-switch:has(#bike2:checked) .switch-image-2{animation:bike-run 1.5s cubic-bezier(.16,.62,.41,1.05) 1 forwards}@keyframes bike-run{0%{bottom:4%;left:-47%}to{bottom:4%;left:4%}}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/l20-3-switch.css.map */