.container{padding-inline:20px}@media (min-width:576px){.container{padding-inline:72px}}@media (min-width:1024px){.container{max-width:1020px;margin-inline:auto;padding-inline:120px}}.main{background-color:#1f1e1e}.main__content{display:grid;row-gap:96px;padding-block:96px}@media (min-width:576px){.main__content{padding-block:120px;row-gap:120px}}.header{background-image:url(header-bg-mobile.a64647db.png);background-size:cover;background-position:85%}.header__content{height:100vh;flex-direction:column}.header__content,.header__top{display:flex;justify-content:space-between}.header__bottom{display:flex;align-items:center;justify-content:center;padding-bottom:40px;padding-inline:20px}@media (min-width:576px){.header__bottom{padding-inline:72px}}@media (min-width:1024px){.header__bottom{max-width:1020px;margin-inline:auto;padding-inline:120px}}@media (min-width:576px){.header__bottom{padding-bottom:64px}}.header__title{font-weight:700;font-size:36px;line-height:100%;color:#fff;letter-spacing:-1.5px;margin:0 100px 130px 0}@media (min-width:576px){.header__title{font-size:40px}}.icon{display:block;height:24px;width:24px;transition:transform .3s}.icon:hover{transform:scale(1.2)}@media (min-width:576px){.icon{height:32px;width:32px}}.icon--phone{background-image:url(phone_icon.5e311000.svg)}.icon--menu,.icon--phone{background-repeat:no-repeat}.icon--menu{background-image:url(burger_icon.084b3632.svg)}.icon--menu:hover{background-image:url(burger_icon_hover.35359669.svg);transform:scale(1.2)}.icon--close{background-image:url(close_icon.1382463f.svg);background-repeat:no-repeat}.section-title{margin:0 0 48px;font-weight:500;font-size:32px;line-height:100%;text-align:center;letter-spacing:-1.5px;color:#fff}@media (min-width:576px){.section-title{margin-bottom:64px;font-size:48px}}@media (min-width:1024px){.section-title{font-size:64px}}.section-title--align--left{text-align:left;margin-bottom:30px}.menu{height:100vh;background-color:#e5e5e5;font-weight:700;text-transform:uppercase}.menu__top{margin-bottom:32px}@media (min-width:576px){.menu__top{margin-bottom:40px}}.menu__nav{margin-bottom:40px}.menu__phone-number{margin-bottom:16px;font-size:16px;line-height:27px}.menu__call-to_testdrive,.menu__phone-number{display:block;color:inherit;text-decoration:none}.menu__call-to_testdrive{width:fit-content;padding-bottom:7px;border-bottom:1px solid #292929;font-size:12px;line-height:16px;letter-spacing:2px}.nav__link{position:relative;color:inherit;text-decoration:none;font-size:22px;line-height:22px;letter-spacing:2px}.nav__link:after{content:"";position:absolute;bottom:-8px;display:block;height:block;height:1px;width:100%;background-color:#292929;transition:transform .3s;transform:scale(0)}.nav__link:hover:after{transform:scale(1)}.nav__list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:32px}.page{font-family:Poppins,sans-serif;font-size:16px;line-height:100%;scroll-behavior:smooth;overflow-x:auto}.page__body{margin:0;min-width:320px}.page__menu{position:fixed;top:0;right:0;left:0;opacity:0;transition:all .3s;transform:translatex(-100%);pointer-events:none}.page__menu:target{opacity:1;transform:translatex(0);pointer-events:all}.container{margin:0 auto}.top-bar{padding-block:20px;display:flex;justify-content:space-between;align-items:center}@media (min-width:576px){.top-bar{padding-block:64px}}.top-bar__icons{display:flex;gap:24px}.top-bar__logo-link{display:flex}.top-bar__logo{height:24px;transition:transform .3s}.top-bar__logo:hover{transform:scale(1.2)}@media (min-width:576px){.top-bar__logo{height:36px}}.bike__photo{width:100%}.bike__title{font-weight:700;font-size:24px;line-height:140%;color:#fff}.bike__description{font-weight:400;font-size:16px;line-height:140%;color:#fff}.bike__price{font-weight:700;font-size:24px;line-height:140%;color:#fff}.compare-bikes{margin:0}.compare-bikes .bike__products{display:grid;column-gap:20px;grid-template-columns:repeat(2,1fr);grid-template-columns:repeat(1,1fr);row-gap:40px}@media (min-width:576px){.compare-bikes .bike__products{grid-template-columns:repeat(6,1fr);column-gap:24px}}@media (min-width:1024px){.compare-bikes .bike__products{grid-template-columns:repeat(12,1fr)}}@media (min-width:576px){.compare-bikes .bike__products{grid-template-columns:repeat(1,1fr);column-gap:2px}}@media (min-width:1024px){.compare-bikes .bike__products{grid-template-columns:repeat(3,1fr);column-gap:24px;justify-items:stretch}}.compare-bikes .bike__products__product{grid-column:span 3}.main__content--move-free{display:grid;column-gap:20px;grid-template-columns:repeat(2,1fr)}@media (min-width:576px){.main__content--move-free{grid-template-columns:repeat(6,1fr);column-gap:24px}}@media (min-width:1024px){.main__content--move-free{grid-template-columns:repeat(12,1fr)}}.main__content--title{grid-column:1/-1}@media (min-width:576px){.main__content--title{grid-column:span 3}}@media (min-width:1024px){.main__content--title{grid-column:span 5}}.section-description{color:#fff;line-height:140%}@media (min-width:576px){.section-description{grid-column:span 3}}@media (min-width:1024px){.section-description{grid-column:span 6}}.details__wrapper{display:grid;row-gap:40px}@media (min-width:576px){.details__wrapper{row-gap:60px}}.details__photos{display:grid;column-gap:20px;grid-template-columns:repeat(2,1fr);margin-bottom:16px}@media (min-width:576px){.details__photos{grid-template-columns:repeat(6,1fr);column-gap:24px}}@media (min-width:1024px){.details__photos{grid-template-columns:repeat(12,1fr)}}@media (min-width:576px){.details__photo--wide{grid-column:span 4}}@media (min-width:1024px){.details__photo--wide{grid-column:span 8}}@media (min-width:576px){.details__photo--square{grid-column:span 2}}@media (min-width:1024px){.details__photo--square{grid-column:span 4}}.details__photo{width:100%;height:100%;object-fit:cover}.details__description{margin-bottom:48px}.button__link{display:flex;width:279px;height:56px;margin:58px auto;background-color:#fff;border-radius:40px;justify-content:center;align-items:center;text-align:center;text-decoration:none;color:#000;font-weight:700;font-size:16px;line-height:27px}@media (min-width:576px){.button__link{width:392px;height:56px}}@media (min-width:1024px){.button__link{width:279px;height:56px}}.button__link:hover{box-shadow:1px 4px 16px rgba(232,232,240,.4)}.button__link:active{box-shadow:1px 4px 16px rgba(232,232,240,.64)}.contacts__fields{display:grid;column-gap:20px;grid-template-columns:repeat(2,1fr)}@media (min-width:576px){.contacts__fields{grid-template-columns:repeat(6,1fr);column-gap:24px}}@media (min-width:1024px){.contacts__fields{grid-template-columns:repeat(12,1fr)}}.contacts .contact{width:278px;height:48px;border-radius:40px;margin-bottom:16px}@media (min-width:576px){.contacts .contact{width:288px}}@media (min-width:1024px){.contacts .contact{width:411px}}.contacts__textarea{width:278px;border-radius:16px;row-gap:16px;grid-column:1/-1}@media (min-width:576px){.contacts__textarea{width:288px;grid-column:1/3}}@media (min-width:1024px){.contacts__textarea{width:411px;grid-column:1/5}}.contacts__textarea::placeholder{padding:10px 0 0 10px}.contacts__name{grid-column:span 5;text-indent:16px;border:none}.contacts__email{grid-column:1/5;text-indent:16px;border:none}.contacts__textarea{text-indent:16px;flex:none;order:0;flex-grow:1;border:none}.contacts__email::placeholder,.contacts__name{text-indent:16px}.contacts__email:active,.contacts__name{border:none}.contacts__information{grid-column:span 5;color:#fff;grid-column:1/-1}@media (min-width:576px){.contacts__information{grid-column:3/7}}@media (min-width:1024px){.contacts__information{grid-column:6/11}}.contacts__info-title{font-weight:400;font-size:14px;line-height:140%;padding-bottom:8px;margin-top:24px}.contacts__info{font-weight:500;font-size:16px;line-height:140%}.button__link--send{width:280px;height:56px;margin-top:32px;grid-column:1/2;border:none}@media (min-width:576px){.button__link--send{width:288px;grid-column:1/3}}@media (min-width:1024px){.button__link--send{width:411px;grid-column:1/5}}.footer-image{background-image:url(footer_img.df113b2e.png);background-size:cover;background-position:100%;width:100%;height:200px}@media (min-width:576px){.footer-image{height:480px}}@media (min-width:1024px){.footer-image{height:555px}}
/*# sourceMappingURL=styles.c044780a.css.map */