.container{padding-inline:20px}@media (min-width:744px){.container{padding-inline:72px}}@media (min-width:1024px){.container{max-width:1260px;margin-inline:auto;padding-inline:120px}}@keyframes fadeInRight{0%{opacity:0;transform:translate3d(100%,0,0)}to{opacity:1;transform:translateZ(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate3d(-100%,0,0)}to{opacity:1;transform:translateZ(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}*{box-sizing:border-box}.page{font-family:Poppins,sans-serif;font-size:16px;font-weight:400;line-height:140%;color:#fff;scroll-behavior:smooth}.page__body{margin:0;min-width:320px}.page__menu{position:fixed;top:0;right:0;left:0;transition:all .3s;opacity:0;transform:translateX(-100%);pointer-events:none}.page__menu:target{opacity:1;transform:translateX(0);pointer-events:all}.page:has(.page__menu:target){overflow:hidden}.header{background-image:url(header-bg-mobile.ac44123e.png);background-size:cover;background-position:85%}@media (min-width:1024px){.header{background-image:url(header-bg.d7f34017.png)}}@media (min-width:744px){.header{background-position:50%}}.header__content{height:100vh;flex-direction:column}.header__content,.header__top{display:flex;justify-content:space-between}.header__top{align-items:center}.header__title{margin:0;text-align:center;font-size:36px;font-weight:700;line-height:100%;letter-spacing:-1.5px}@media (min-width:744px){.header__title{font-size:64px}}@media (min-width:1024px){.header__title{font-size:80px}}.header__bottom{padding-bottom:88px;animation-duration:2.5s;animation-name:fadeIn}@media (min-width:744px){.header__bottom{padding-bottom:130px}}@media (min-width:1024px){.header__bottom{padding-bottom:203px}}.icon{display:block;height:24px;width:24px;background-size:cover;background-position:50%;transition:transform .3s;animation-duration:2.5s;animation-name:fadeInRight}.icon:hover{transform:scale(1.2)}@media (min-width:744px){.icon{height:32px;width:32px}}.icon--phone{position:relative;background-image:url(icon-phone.bcaa20ee.png)}@media (min-width:1024px){.icon--phone:before{margin-right:20px;content:"+1 234 555-55-55";position:absolute;right:100%;height:32px;width:max-content;font-size:12px;font-weight:700;line-height:32px;letter-spacing:2px;color:#fff;transition:transform .3s;transform:scale(0);transform-origin:right}.icon--phone:hover:before{transform:scale(1)}}.icon--menu{background-image:url(icon-burger-menu.51ce1edc.png)}.icon--menu:hover{background-image:url(icon-burger-menu-hover.bb6edcd1.png)}.icon--close{background-image:url(icon-close.1382463f.svg)}.top-bar{padding-block:24px;display:flex;justify-content:space-between;align-items:center}@media (min-width:744px){.top-bar{padding-block:36px}}.top-bar__icons{display:flex;gap:24px}@media (min-width:744px){.top-bar__icons{gap:32px}}.top-bar__logo-link{display:flex}.top-bar__logo{height:38px;transition:transform .3s;animation-duration:2.5s;animation-name:fadeInLeft}@media (min-width:744px){.top-bar__logo{height:56px}}.top-bar__logo:hover{transform:scale(1.2)}.nav__list{margin:0;padding:0;display:flex;flex-direction:column;gap:32px;list-style:none}.nav__link{position:relative;color:#1d1d1d;text-decoration:none;font-size:22px;font-style:normal;line-height:22px;letter-spacing:2px}.nav__link:after{content:"";position:absolute;bottom:-8px;display:block;height:1px;width:100%;background-color:#1d1d1d;transition:transform .3s;transform:scale(0);transform-origin:left}.nav__link:hover:after{transform:scale(1)}.menu{height:100vh;font-weight:600;text-transform:uppercase;overflow:auto}.menu,.menu__top{background-color:#c2c2c2}.menu__top{margin-bottom:24px;position:sticky;top:0;z-index:1}@media (min-width:744px){.menu__top{margin-bottom:8px}}.menu__nav{margin-bottom:40px}.menu__phone-number{margin-bottom:16px;font-size:16px;line-height:27px}.menu__book-test-ride,.menu__phone-number{display:block;color:#1d1d1d;text-decoration:none}.menu__book-test-ride{width:fit-content;padding-bottom:7px;border-bottom:1px solid #1d1d1d;font-size:12px;line-height:16px;letter-spacing:2px}.section-title{margin:0 0 48px;font-size:32px;font-weight:500;line-height:100%;text-align:center;letter-spacing:-1.5px}@media (min-width:744px){.section-title{font-size:48px}}@media (min-width:1024px){.section-title{margin-bottom:56px;font-size:64px}}.section-title--text-align--left{text-align:left}.main{background-color:#1d1d1d}.main__content{padding-block:60px 120px;display:grid;row-gap:92px}@media (min-width:744px){.main__content{padding-block:120px;row-gap:120px}}.product__photo{width:100%}.product__title{margin:32px 0 0;font-size:24px;font-weight:700;line-height:140%}.product__description{margin:8px 0 0}.product__price{margin:16px 0 0;font-size:24px;font-weight:700;line-height:140%}.compare-bikes__products{--columns:2;display:grid;column-gap:20px;grid-template-columns:repeat(var(--columns),1fr);row-gap:48px}@media (min-width:744px){.compare-bikes__products{--columns:6;column-gap:24px}}@media (min-width:1024px){.compare-bikes__products{--columns:12}}.compare-bikes__product{transition:transform .3s;grid-column:1/-1}.compare-bikes__product:hover{transform:scale(1.05)}@media (min-width:744px){.compare-bikes__product{grid-column:2/-2}}@media (min-width:1024px){.compare-bikes__product{grid-column:span 4}}.about-us{--columns:2;display:grid;column-gap:20px;grid-template-columns:repeat(var(--columns),1fr)}@media (min-width:744px){.about-us{--columns:6;column-gap:24px}}@media (min-width:1024px){.about-us{--columns:12}}.about-us__title{margin-bottom:32px;grid-column:1/-1}@media (min-width:744px){.about-us__title{grid-column:1/4}}@media (min-width:1024px){.about-us__title{grid-column:span 5}}.about-us__description{margin:0;font-size:23px;font-weight:500;line-height:140%;grid-column:1/-1}@media (min-width:744px){.about-us__description{grid-column:4/7}}@media (min-width:1024px){.about-us__description{grid-column:span 6}}.details__wrapper{display:grid;row-gap:40px}@media (min-width:744px){.details__wrapper{row-gap:48px}}@media (min-width:744px){.details__title{margin-bottom:64px}}@media (min-width:1024px){.details__title{margin-bottom:48px}}.detail__photos{margin-bottom:16px;--columns:2;display:grid;column-gap:20px;grid-template-columns:repeat(var(--columns),1fr)}@media (min-width:744px){.detail__photos{--columns:6;column-gap:24px}}@media (min-width:1024px){.detail__photos{--columns:12}}.detail__link{position:relative}@media (min-width:744px){.detail__link--wide{grid-column:span 4}}@media (min-width:1024px){.detail__link--wide{grid-column:span 8}}.detail__link--square{padding-bottom:100%;height:0}@media (min-width:744px){.detail__link--square{grid-column:span 2}}@media (min-width:1024px){.detail__link--square{grid-column:span 4}}.detail__photo{position:absolute;width:100%;height:100%;object-fit:cover;transition:transform .3s}.detail__photo:hover{transform:scale(1.04)}.detail__title{margin:0 0 8px;font-size:24px;font-weight:700;line-height:140%}.detail__description{margin:0}.detail__buttons{--columns:2;display:grid;column-gap:20px;grid-template-columns:repeat(var(--columns),1fr)}@media (min-width:744px){.detail__buttons{--columns:6;column-gap:24px}}@media (min-width:1024px){.detail__buttons{--columns:12}}.detail__button{grid-column:1/-1}@media (min-width:744px){.detail__button{grid-column:2/-2}}@media (min-width:1024px){.detail__button{grid-column:5/span 4}}.button{padding-inline:48px;height:56px;color:#1d1d1d;text-align:center;font-size:16px;font-weight:700;line-height:27px;border-radius:40px;border:none;background:#fff;cursor:pointer;transition:.3s}.button:hover{box-shadow:1px 4px 16px 0 rgba(232,232,240,.4)}.button:active{box-shadow:1px 4px 16px 0 rgba(232,232,240,.64)}.contacts__wrapper{--columns:2;display:grid;column-gap:20px;grid-template-columns:repeat(var(--columns),1fr);row-gap:48px}@media (min-width:744px){.contacts__wrapper{--columns:6;column-gap:24px}}@media (min-width:1024px){.contacts__wrapper{--columns:12}}@media (min-width:1024px){.contacts__title{font-size:48px;margin-bottom:48px}}.contact{display:flex;flex-direction:column;gap:24px;grid-column:1/-1}@media (min-width:744px){.contact{grid-column:span 3}}@media (min-width:1024px){.contact{grid-column:8/span 3}}.contact__title{margin:0 0 8px;color:#7e7e83;font-size:16px;font-weight:400}.contact__description,.contact__title{font-family:Poppins,sans-serif;line-height:140%}.contact__description{position:relative;color:#fff;font-weight:500;text-decoration:none;transition:color .3s}.contact__description:hover{color:#7e7e83}.contact__description:after{content:"";position:absolute;bottom:-8px;display:block;height:1px;width:100%;background-color:#7e7e83;transition:transform .3s;transform:scale(0);transform-origin:left}.contact__description:hover:after{transform:scale(1)}.form{display:flex;flex-direction:column;gap:16px;grid-column:1/-1}@media (min-width:744px){.form{grid-column:span 3}}@media (min-width:1024px){.form{grid-column:span 5}}.form__field{height:48px;width:100%;padding-left:16px;line-height:20px;color:#292929;font-family:Poppins,sans-serif;font-size:14px;border-radius:40px;background:#f8f8fa;border:1px solid #f8f8fa;outline:none}.form__field:hover{border:1px solid #d5d7de}.form__field::placeholder{color:#7e7e83;font-family:Poppins,sans-serif;font-size:14px;transition:.3s}.form__field:hover::placeholder{color:#292929}.form__field:focus::placeholder{color:#292929}.form__field--message{height:148px;padding:14px 16px;border-radius:16px;resize:none}.form__button{margin-top:16px}input:-webkit-autofill,input:-webkit-autofill:focus,input:-webkit-autofill:hover{transition:background-color 5000s}.footer{position:sticky;bottom:0;z-index:-1;height:200px;background-image:url(footer-bg-mobile.9ab73be9.png);background-position:80% top;background-size:cover;background-repeat:no-repeat}@media (min-width:744px){.footer{height:480px}}@media (min-width:1024px){.footer{height:555px;background-image:url(footer-bg.45f4c011.png)}}
/*# sourceMappingURL=main.69e4e2af.css.map */