*,:before,:after{box-sizing:border-box;margin:0;padding:0}button,input,textarea{font:inherit}input,textarea{outline:none}textarea{resize:none}ul{list-style:none}img{max-width:100%;display:block}a{color:inherit;text-decoration:none;display:block}address{font-style:normal}.nav__link:after{content:"";transform-origin:0;background-color:#1d1d1d;width:100%;height:1px;transition:transform .3s;display:block;position:absolute;bottom:-8px;transform:scale(0)}.contact__link,.menu__test-ride{transition:color .3s}.contact__link:hover,.menu__test-ride:hover{color:#acc8e5}.contacts__wrapper,.details__wrapper,.detail__images,.compare-bikes__wrapper,.about-us{--columns:2;grid-template-columns:repeat(var(--columns),1fr);column-gap:20px;display:grid}@media (min-width:768px){.contacts__wrapper,.details__wrapper,.detail__images,.compare-bikes__wrapper,.about-us{--columns:6;column-gap:24px}}@media (min-width:1024px){.contacts__wrapper,.details__wrapper,.detail__images,.compare-bikes__wrapper,.about-us{--columns:12}}.form__btn,.details__link{color:#1d1d1d;background-color:#fff;border-radius:40px;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;width:100%;height:56px;font-size:16px;font-weight:700;line-height:27px;transition:box-shadow .3s;display:-ms-flexbox;display:flex}.form__btn:hover,.details__link:hover{box-shadow:1px 4px 16px rgba(232,232,240,.4)}.form__btn:active,.details__link:active{box-shadow:1px 4px 16px rgba(232,232,240,.64)}.form__input,.form__text-area{color:#292929;background:#f8f8fa;border:1px solid transparent;width:100%;padding:14px 16px;font-size:14px;font-weight:400;line-height:20px;display:block}.form__input::placeholder{color:#7e7e83;border-color:#d5d7de}.form__input::placeholder{color:#7e7e83;border-color:#d5d7de}.form__text-area::placeholder{color:#7e7e83;border-color:#d5d7de}.form__text-area::placeholder{color:#7e7e83;border-color:#d5d7de}.form__input:focus,.form__text-area:focus{border-color:#292929}html{scroll-behavior:smooth}body{color:#fff;background-color:#1d1d1d;font-family:Poppins,sans-serif}.header{background:url(header-banner.4cbd72e9.jpg) 100%/cover no-repeat}.header__content{-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:justify;justify-content:space-between;height:100vh;display:-ms-flexbox;display:flex}.header__title{letter-spacing:-1.5px;text-align:center;color:#fff;margin-bottom:88px;font-size:36px;font-weight:700;line-height:1}@media (min-width:768px){.header__title{margin-bottom:130px;font-size:4rem}}@media (min-width:1024px){.header__title{margin-bottom:203px;font-size:80px}}.menu{overflow:auto}.menu__top-bar{z-index:1;background-color:#c2c2c2;position:sticky;top:0}.menu__nav{margin-top:24px}.menu__phone-number{text-transform:uppercase;color:#1d1d1d;margin-top:40px;font-size:16px;font-weight:600;line-height:27px;transition:opacity .3s;display:block}.menu__phone-number:hover{opacity:.5}.menu__test-ride{letter-spacing:2px;text-transform:uppercase;color:#1d1d1d;border-bottom:1px solid #1d1d1d;width:-moz-fit-content;width:fit-content;margin-top:16px;padding-bottom:8px;font-size:12px;font-weight:600;line-height:16px;display:block}.main{background-color:#1d1d1d}.main__content{-ms-flex-direction:column;flex-direction:column;padding:60px 0 120px;display:-ms-flexbox;display:flex}@media (min-width:768px){.main__content{padding:120px 0 102px}}@media (min-width:1024px){.main__content{padding-bottom:164px}}.main__about-us{margin-bottom:92px}@media (min-width:768px){.main__about-us{margin-bottom:132px}}@media (min-width:1024px){.main__about-us{margin-bottom:164px}}.main__compare-bikes{margin-bottom:92px}@media (min-width:768px){.main__compare-bikes{margin-bottom:120px}}@media (min-width:1024px){.main__compare-bikes{margin-bottom:144px}}.main__details{margin-bottom:80px}@media (min-width:768px){.main__details{margin-bottom:120px}}@media (min-width:1024px){.main__details{margin-bottom:180px}}.main__title{letter-spacing:-1.5px;text-align:center;color:#fff;font-size:32px;font-weight:500;line-height:1}.main__title--left{text-align:left}@media (min-width:768px){.main__title{font-size:48px}}@media (min-width:1024px){.main__title{font-size:64px}}.footer{z-index:-1;background:url(footer-banner.9e519dbe.jpg) 50%/cover no-repeat;height:200px;position:sticky;bottom:0}@media (min-width:768px){.footer{height:480px}}@media (min-width:1024px){.footer{height:555px}}.page:has(.page__menu:target){overflow:hidden}.page__menu{color:#1d1d1d;opacity:0;pointer-events:inherit;background-color:#c2c2c2;height:100vh;transition-property:opacity,transform;transition-duration:.3s;position:fixed;top:0;bottom:0;left:0;right:0;transform:translate(100%)}.page__menu:target{opacity:1;pointer-events:all;transform:translate(0)}.top-bar{-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;padding:24px 0;display:-ms-flexbox;display:flex}.top-bar__logo{height:38px}@media (min-width:768px){.top-bar__logo{height:56px}}.top-bar__icons{-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;gap:24px;display:-ms-flexbox;display:flex}@media (min-width:768px){.top-bar__icons{gap:32px}}.top-bar__phone{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex}@media (min-width:1024px){.top-bar__phone:hover .top-bar__phone-tooltip{clip-path:inset(0)}}.top-bar__phone-tooltip{clip-path:inset(0 0 0 100%);color:#fff;letter-spacing:2px;padding-right:20px;font-size:12px;font-weight:700;line-height:16px;transition:clip-path .3s}.icon{background-size:cover;width:24px;height:24px;transition:transform .3s;display:block}@media (min-width:768px){.icon{width:32px;height:32px}}.icon:hover{transform:scale(1.2)}.icon--phone{background-image:url(phone.673d48f7.svg)}.icon--menu{background-image:url(menu.d4d5103b.svg)}.icon--menu:hover{background-image:url(menu-hover.d4e17b24.svg)}.icon--close{background-image:url(menu-close.a33213b2.svg)}.nav__list{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:flex-start;gap:32px;display:-ms-flexbox;display:flex}.nav__item{position:relative}.nav__link{letter-spacing:2px;text-transform:uppercase;color:#1d1d1d;font-size:22px;font-weight:600;line-height:1;transition:transform .3s}.nav__link:hover:after{transform:scale(1)}.about-us{row-gap:32px}.about-us__title{grid-column:span 2}@media (min-width:768px){.about-us__title{grid-column:span 3}}@media (min-width:1024px){.about-us__title{grid-column:span 5}}.about-us__text{color:#fff;grid-column:span 2;font-size:23px;font-weight:500;line-height:1.4}@media (min-width:768px){.about-us__text{grid-column:span 3}}@media (min-width:1024px){.about-us__text{grid-column:span 6/-2}}.compare-bikes__title{margin-bottom:48px}@media (min-width:1024px){.compare-bikes__title{margin-bottom:56px}}.compare-bikes__wrapper{row-gap:40px}@media (min-width:768px){.compare-bikes__wrapper{row-gap:48px}}.bike{grid-column:span 2}@media (min-width:768px){.bike{grid-column:2/span 4}}@media (min-width:1024px){.bike{grid-column:span 4}}.bike__image{margin-bottom:32px;transition:transform .3s}.bike__image:hover{transform:scale(1.05)}.bike__title{color:#fff;font-size:24px;font-weight:700;line-height:1.4}.bike__description{color:#fff;margin:8px 0 16px;font-size:16px;font-weight:400;line-height:1.4}.bike__price{color:#fff;font-size:24px;font-weight:700;line-height:1.4}.details__title{margin-bottom:48px}@media (min-width:768px){.details__title{margin-bottom:64px}}@media (min-width:1024px){.details__title{margin-bottom:48px}}.details__wrapper{row-gap:40px}@media (min-width:768px){.details__wrapper{row-gap:48px}}.details__link{grid-column:span 2}@media (min-width:768px){.details__link{grid-column:2/span 4}}@media (min-width:1024px){.details__link{grid-column-start:5}}.detail{grid-column:1/-1}.detail__link{transition:transform .3s;position:relative}.detail__link:hover{transform:scale(1.05)}@media (min-width:768px){.detail__link--wide{grid-column:span 4}}@media (min-width:1024px){.detail__link--wide{grid-column:span 8}}.detail__link--square{height:0;padding-bottom:100%}@media (min-width:768px){.detail__link--square{grid-column:span 2}}@media (min-width:1024px){.detail__link--square{grid-column:span 4}}.detail__image{object-fit:cover;width:100%;height:100%;position:absolute}.detail__title{color:#fff;margin:16px 0 8px;font-size:24px;font-weight:700;line-height:1.4}.detail__description{color:#fff;font-size:16px;font-weight:400;line-height:1.4}.contacts__title{margin-bottom:48px}.contacts__wrapper{row-gap:48px}.contact{-ms-flex-direction:column;flex-direction:column;grid-column:span 2;gap:24px;display:-ms-flexbox;display:flex}@media (min-width:768px){.contact{grid-column:span 3}}@media (min-width:1024px){.contact{grid-column-end:-3}}.contact__label{color:#fff;margin-bottom:8px;font-size:14px;font-weight:400;line-height:1.4}.contact__link{color:#fff;margin-bottom:24px;font-size:16px;font-weight:500;line-height:1.4}.form{grid-column:span 2}.form__input{border-radius:40px;margin-bottom:16px}.form__text-area{border-radius:16px;margin-bottom:32px}@media (min-width:768px){.form{grid-column:span 3}}@media (min-width:1024px){.form{grid-column:span 5}}.container{padding-left:20px;padding-right:20px}@media (min-width:768px){.container{padding-left:72px;padding-right:72px}}@media (min-width:1024px){.container{max-width:1260px;margin-left:auto;margin-right:auto;padding-left:120px;padding-right:120px}}
/*# sourceMappingURL=index.b9d02f73.css.map */