.container{padding-inline:20px}@media (min-width:744px){.container{padding-inline:72px}}@media (min-width:1260px){.container{padding-inline:120px;margin-inline:auto;max-width:1020px}}.contact__btn{font-size:16px;font-weight:700;color:#1d1d1d;width:100%;padding:14px 16px;border-radius:40px;height:56px;line-height:27px;border:none}.contact__btn:hover{box-shadow:1px 4px 16px 0 rgba(232,232,240,.4)}.detail__btn{box-sizing:border-box;font-size:16px;font-weight:700;color:#1d1d1d;width:100%;padding:14px 16px;border-radius:40px;height:56px;line-height:27px;border:none;background:#fff;text-decoration:none;text-align:center}@media (min-width:744px){.detail__btn{grid-column:span 4}}@media (min-width:1260px){.detail__btn{grid-column:5/9}}.detail__btn:hover{box-shadow:1px 4px 16px 0 rgba(232,232,240,.4)}.header{background:url(header-bg-sm.796256d9.png);background-position:85%;background-size:cover}.header__content{display:flex;flex-direction:column;justify-content:space-between;height:100vh}.header__title{margin:0;font-size:36px;line-height:100%;letter-spacing:-1.5px;color:#fff}@media (min-width:744px){.header__title{font-size:64px}}@media (min-width:1260px){.header__title{font-size:80px}}.header__bottom{text-align:center;padding-bottom:88px;position:absolute;left:0;bottom:0;right:0}@media (min-width:744px){.header__bottom{padding-bottom:130px}}@media (min-width:1260px){.header__bottom{padding-bottom:200px}}.page{font-family:Poppins,sans-serif;font-size:16px;line-height:140%;scroll-behavior:smooth;color:#fff}.page__body{margin:0;min-width:320px;background:#1d1d1d}.page__menu{position:fixed;top:0;left:0;right:0;opacity:0;transition:all .3s;transform:translateX(-100%);pointer-events:none;overflow-y:hidden!important}.page__menu:target{opacity:1;transform:translateX(0);pointer-events:all;overflow-y:hidden!important}:root{--primary-color:#1d1d1d}.top-bar{display:flex;justify-content:space-between;align-items:center;padding-block:24px}@media (min-width:744px){.top-bar{padding-block:36px}}.top-bar__icons{display:flex;align-items:center;gap:24px}.top-bar__logo{display:flex;height:38px;transition:transform .3s}@media (min-width:744px){.top-bar__logo{height:56px}}.top-bar__logo:hover{transform:scale(1.2)}.icon{position:relative;display:block;width:24px;height:24px}@media (min-width:744px){.icon{width:32px;height:32px}}.icon--phone{background:url(icon-phone-call.bfd0646e.svg) 50% no-repeat;background-size:cover}.icon--phone:hover:before{content:"+1 234 5555-55-55";position:absolute;line-height:16px;font-size:12px;font-weight:700;color:#fff;width:max-content;padding-right:20px;right:20px;top:50%;transform:translateY(-50%)}.icon--menu{background:url(icon-burger-menu.7b29e27a.svg) 50% no-repeat;background-size:cover}.icon--menu:hover{background:url(icon-burger-hover.c4aa3ad3.svg) 50% no-repeat}.icon--close{background:url(icon-close.1382463f.svg) 50% no-repeat;background-size:cover;transition:opacity .3s ease-in-out}.icon--close:hover{opacity:.5}.menu{box-sizing:border-box;height:100vh;background-color:#c2c2c2;font-weight:600;text-transform:uppercase;color:#1d1d1d;z-index:100}.menu__top{margin-bottom:32px}.menu__nav{margin-bottom:40px}.menu__phone-number{margin-bottom:16px;font-size:16px;line-height:22px}.menu__call-to-test,.menu__phone-number{display:block;color:inherit;text-decoration:none}.menu__call-to-test{padding-bottom:7px;border-bottom:1px solid #1d1d1d;width:fit-content;font-size:12px;line-height:16px;letter-spacing:2px}.nav__list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:32px;font-size:22px;line-height:22px;letter-spacing:2px}.nav__link{position:relative;color:inherit;text-decoration:none}.nav__link:after{position:absolute;content:"";display:block;bottom:-8px;height:1px;width:100%;background-color:#1d1d1d;transition:transform .3s;transform:scale(0);transform-origin:left}.nav__link:hover:after{transform:scale(1)}.main{background:#1d1d1d}.main__content{display:grid;row-gap:92px;padding-block:60px}@media (min-width:744px){.main__content{padding-block:120px;row-gap:120px}}@media (min-width:1260px){.main__content{padding-top:120px;padding-bottom:160px;row-gap:164px}}.section-title{margin:0 0 48px;font-weight:500;font-size:32px;line-height:32px;letter-spacing:-1.5px;text-align:center;color:#fff}@media (min-width:744px){.section-title{font-size:48px}}@media (min-width:1260px){.section-title{font-size:64px}}.section-title--text--align--left{text-align:left}.product__price,.product__title{font-size:24px;font-weight:700}.product__description{max-width:280px}@media (min-width:744px){.product__description{max-width:392px}}@media (min-width:1260px){.product__description{max-width:324px}}.product__image{width:100%}.about-us{display:grid;column-gap:20px}@media (min-width:744px){.about-us{--columns:6;column-gap:24px;grid-template-columns:repeat(var(--columns),1fr)}}@media (min-width:1260px){.about-us{--columns:12;grid-template-columns:repeat(var(--columns),1fr)}}@media (min-width:744px){.about-us__title{grid-column:1/4}}@media (min-width:1260px){.about-us__title{grid-column:span 5}}.about-us__text{margin:0;font-weight:500;font-size:23px}@media (min-width:744px){.about-us__text{grid-column:4/7}}@media (min-width:1260px){.about-us__text{grid-column:span 6}}.compare-bikes__products{display:grid;column-gap:20px;row-gap:40px;grid-column:1/-1}@media (min-width:744px){.compare-bikes__products{--columns:6;column-gap:24px;grid-template-columns:repeat(var(--columns),1fr)}}@media (min-width:1260px){.compare-bikes__products{--columns:12;grid-template-columns:repeat(var(--columns),1fr)}}.compare-bikes__product{transition:transform .3s;cursor:pointer}@media (min-width:744px){.compare-bikes__product{grid-column:2/-2}}@media (min-width:1260px){.compare-bikes__product{grid-column:span 4}}.compare-bikes__product:hover{transform:scale(1.1)}.details__wrapper{display:grid;column-gap:40px}@media (min-width:744px){.details__wrapper{column-gap:48px}}.detail__photos{display:grid;--columns:2;column-gap:20px;grid-template-columns:repeat(var(--columns),1fr)}@media (min-width:744px){.detail__photos{--columns:6;column-gap:24px;grid-template-columns:repeat(var(--columns),1fr)}}@media (min-width:1260px){.detail__photos{--columns:12;grid-template-columns:repeat(var(--columns),1fr)}}.detail__link{position:relative}@media (min-width:744px){.detail__link--wide{grid-column:span 4}}@media (min-width:1260px){.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:1260px){.detail__link--square{grid-column:span 4}}.detail__photo{position:absolute;width:100%;height:100%;object-fit:cover;margin-bottom:16px;transition:transform .3s}.detail__photo:hover{transform:scale(1.05)}.detail__title{font-weight:700;font-size:24px;margin-bottom:8px}.detail__btn-wrapper{display:grid;column-gap:20px;--columns:2;grid-template-columns:repeat(var(--columns),1fr)}@media (min-width:744px){.detail__btn-wrapper{--columns:6;column-gap:24px;grid-template-columns:repeat(var(--columns),1fr)}}@media (min-width:1260px){.detail__btn-wrapper{--columns:12;grid-template-columns:repeat(var(--columns),1fr)}}.contact__wrapper{display:grid;column-gap:20px;row-gap:48px}@media (min-width:744px){.contact__wrapper{--columns:6;column-gap:24px;grid-template-columns:repeat(var(--columns),1fr)}}@media (min-width:1260px){.contact__wrapper{--columns:12;grid-template-columns:repeat(var(--columns),1fr)}}.contact__form{display:grid;grid-template-columns:repeat(411px,1fr)}@media (min-width:744px){.contact__form{grid-column:span 3}}@media (min-width:1260px){.contact__form{grid-column:span 5}}.contact__field-style{box-sizing:border-box;padding:14px 16px;border-radius:40px;margin-bottom:16px;width:100%;border:none;background-color:#f8f8fa;font-size:inherit}.contact__field-style-textarea{margin-bottom:32px;resize:none;border-radius:16px}.contact__field-style:focus{outline:none;box-shadow:1px 4px 16px 0 rgba(240,240,255,.4)}@media (min-width:744px){.contact__info-group{grid-column:span 2}}@media (min-width:1260px){.contact__info-group{grid-column:8/-1}}.contact__info-group__label{margin:0;font-weight:500}.contact__info-group__label-address,.contact__info-group__label-name,.contact__info-group__label-phone{font-size:14px;margin:0 0 8px}.contact__info-group__link{display:inline-block;font-weight:500;color:#fff;text-decoration:none}.contact__info-group__link:hover{color:rgba(240,240,255,.4)}.contact__link{display:inline-block;font-weight:500;color:#fff;text-decoration:none;margin-bottom:24px}.contact__link:hover{color:rgba(240,240,255,.4)}input[type=email][autocomplete],input[type=text][autocomplete]{-webkit-autofill:none}.footer{max-height:555px}.footer__image{width:100%}
/*# sourceMappingURL=app.1c7a5fef.css.map */