html{--main-color:#1d1d1d;--secondary-color:#fff;--menu-bg-color:#c2c2c2;--button-hover-shadow-color:rgba(232,232,240,.4);--button-active-shadow-color:rgba(232,232,240,.64);--input-bg-color:#f8f8fa;--input-accent-color:#292929;--input-placeholder-color:#7e7e83;--input-hover-border-color:#d5d7de}body,h1,h2,h3,ul,p{margin:0}ul{padding:0}li{list-style:none}a{color:inherit;text-decoration:none}button{border:none}address{font-style:normal}html{color:var(--secondary-color);scroll-behavior:smooth;font-family:Poppins,Arial,Helvetica,sans-serif;line-height:140%}input:-webkit-autofill{-webkit-text-fill-color:inherit;border:1px solid var(--input-bg-color);-webkit-box-shadow:0 0 0 1000px var(--input-bg-color)inset}input:-webkit-autofill:hover{-webkit-text-fill-color:inherit;border:1px solid var(--input-bg-color);-webkit-box-shadow:0 0 0 1000px var(--input-bg-color)inset}input:-webkit-autofill:focus{-webkit-text-fill-color:inherit;border:1px solid var(--input-bg-color);-webkit-box-shadow:0 0 0 1000px var(--input-bg-color)inset}textarea:-webkit-autofill{-webkit-text-fill-color:inherit;border:1px solid var(--input-bg-color);-webkit-box-shadow:0 0 0 1000px var(--input-bg-color)inset}textarea:-webkit-autofill:hover{-webkit-text-fill-color:inherit;border:1px solid var(--input-bg-color);-webkit-box-shadow:0 0 0 1000px var(--input-bg-color)inset}textarea:-webkit-autofill:focus{-webkit-text-fill-color:inherit;border:1px solid var(--input-bg-color);-webkit-box-shadow:0 0 0 1000px var(--input-bg-color)inset}select:-webkit-autofill{-webkit-text-fill-color:inherit;border:1px solid var(--input-bg-color);-webkit-box-shadow:0 0 0 1000px var(--input-bg-color)inset}select:-webkit-autofill:hover{-webkit-text-fill-color:inherit;border:1px solid var(--input-bg-color);-webkit-box-shadow:0 0 0 1000px var(--input-bg-color)inset}select:-webkit-autofill:focus{-webkit-text-fill-color:inherit;border:1px solid var(--input-bg-color);-webkit-box-shadow:0 0 0 1000px var(--input-bg-color)inset}.container{padding-left:20px;padding-right:20px}@media (min-width:576px){.container{padding-left:72px;padding-right:72px}}@media (min-width:1024px){.container{max-width:1020px;margin-left:auto;margin-right:auto;padding-left:120px;padding-right:120px}}.button{color:var(--main-color);background-color:var(--secondary-color);cursor:pointer;border-radius:40px;width:100%;height:56px;font-family:inherit;font-size:16px;font-weight:700;line-height:27px;transition:box-shadow .3s}.button:hover{box-shadow:1px 4px 16px var(--button-hover-shadow-color)}.button:active{box-shadow:1px 4px 16px var(--button-active-shadow-color)}.input{box-sizing:border-box;color:var(--input-accent-color);background-color:var(--input-bg-color);border:1px solid var(--input-bg-color);border-radius:40px;padding:14px 16px;font-family:inherit;font-size:14px;line-height:20px;transition:border-color .3s}.input:hover{border-color:var(--input-hover-border-color)}.input--textarea{resize:none;border-radius:16px;min-height:148px}.input::placeholder{transition:color .3s}.input::placeholder{transition:color .3s}.input:hover::placeholder{color:var(--input-accent-color)}.input:hover::placeholder{color:var(--input-accent-color)}.input:focus{border-color:var(--input-accent-color);outline:none}.input:focus::placeholder{color:var(--input-accent-color)}.input:focus::placeholder{color:var(--input-accent-color)}.page__body{background-color:var(--main-color);min-width:320px}.page__menu{opacity:0;pointer-events:none;transition:all .3s;position:fixed;top:0;left:0;right:0;transform:translate(100%)}.page__menu:target{opacity:1;pointer-events:all;transform:translate(0)}.page:has(.page__menu:target){overflow:hidden}.header{background:url(header-bg.bced6dda.png) 90%/cover}@media (min-width:576px){.header{background-position:50%}}.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;font-size:36px;font-weight:700;line-height:100%}@media (min-width:576px){.header__title{font-size:64px}}@media (min-width:1024px){.header__title{font-size:80px}}.header__bottom{padding-bottom:88px}@media (min-width:576px){.header__bottom{-ms-flex-item-align:center;align-self:center;padding-bottom:203px}}.top-bar{-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;padding-top:24px;padding-bottom:24px;display:-ms-flexbox;display:flex}@media (min-width:576px){.top-bar{padding-top:36px;padding-bottom:36px}}.top-bar__icons{gap:24px;display:-ms-flexbox;display:flex}@media (min-width:576px){.top-bar__icons{gap:32px}}.top-bar__logo-link{display:-ms-flexbox;display:flex}.top-bar__logo{width:130px;height:38px;transition:transform .3s}.top-bar__logo:hover{transform:scale(1.1)}@media (min-width:576px){.top-bar__logo{width:187px;height:56px}}.icon{background-position:50%;background-size:cover;width:24px;height:24px;transition:transform .3s;display:block}@media (min-width:576px){.icon{width:32px;height:32px}}.icon:hover{transform:scale(1.2)}.icon--phone{background-image:url(icon-phone.673d48f7.svg);position:relative}@media (min-width:1024px){.icon--phone:after{content:"+1 234 555-55-55";opacity:0;z-index:-1;color:var(--secondary-color);letter-spacing:2px;transform-origin:100%;width:140px;font-size:12px;font-weight:700;line-height:32px;transition:transform .3s,opacity .3s;position:absolute;right:0;transform:translate(0)}.icon--phone:hover:after{opacity:1;transform:translate(-52px)}}.icon--menu{background-image:url(icon-burger-menu.d4d5103b.svg);transition:background-image .3s}.icon--menu:hover{background-image:url(icon-burger-menu-hover.d4e17b24.svg)}.icon--close{position:relative;overflow:hidden}.icon--close:before{content:"";background:url(icon-close.a33213b2.svg) 50%/cover;width:100%;height:100%;transition:transform .3s;position:absolute}.icon--close:hover:before{transform:rotate(90deg)}.menu{box-sizing:border-box;color:var(--main-color);text-transform:uppercase;background-color:var(--menu-bg-color);height:100vh;font-weight:600;overflow:auto}.menu__top{z-index:1;background-color:var(--menu-bg-color);margin-bottom:24px;position:sticky;top:0}@media (min-width:576px){.menu__top{margin-bottom:8px}}.menu__nav{margin-bottom:40px}.menu__phone-number{margin-bottom:16px;font-size:16px;line-height:27px;transition:filter .3s;display:block}.menu__phone-number:hover{filter:opacity(.5)}.menu__book-link{letter-spacing:2px;border-bottom:1px solid var(--main-color);width:fit-content;padding-bottom:7px;font-size:12px;line-height:16px;transition:filter .3s;display:block}.menu__book-link:hover{filter:opacity(.5)}.nav__list{-ms-flex-direction:column;flex-direction:column;gap:32px;display:-ms-flexbox;display:flex}.nav__link{color:var(--main-color);letter-spacing:2px;font-size:22px;line-height:22px;position:relative}.nav__link:after{content:"";background-color:var(--main-color);transform-origin:0;width:100%;height:1px;transition:transform .3s;display:block;position:absolute;bottom:-8px;transform:scale(0)}.nav__link:hover:after{transform:scale(1)}.main{background-color:inherit}.main__content{row-gap:92px;padding-top:60px;padding-bottom:60px;display:grid}@media (min-width:576px){.main__content{row-gap:120px;padding-top:120px;padding-bottom:120px}}.section-title{text-align:center;letter-spacing:-1.5px;margin-bottom:48px;font-size:32px;font-weight:500;line-height:100%}@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:32px}.about-us{--columns:2;grid-template-columns:repeat(var(--columns),1fr);column-gap:20px;display:grid}@media (min-width:576px){.about-us{--columns:6;column-gap:24px}}@media (min-width:1024px){.about-us{--columns:12}}.about-us__title{grid-column:1/-1}@media (min-width:576px){.about-us__title{grid-column:span 3}}@media (min-width:1024px){.about-us__title{grid-column:span 5}}.about-us__description{grid-column:1/-1;font-size:23px;line-height:140%}@media (min-width:576px){.about-us__description{grid-column:span 3}}@media (min-width:1024px){.about-us__description{grid-column:span 6}}.compare-bikes__products{--columns:2;grid-template-columns:repeat(var(--columns),1fr);gap:40px 20px;display:grid}@media (min-width:576px){.compare-bikes__products{--columns:6;column-gap:24px}}@media (min-width:1024px){.compare-bikes__products{--columns:12}}.compare-bikes__product{grid-column:1/-1}@media (min-width:576px){.compare-bikes__product{grid-column:2/-2}}@media (min-width:1024px){.compare-bikes__product{grid-column:span 4}}.product__photo{width:100%;margin-bottom:32px;transition:transform .3s}.product__photo:hover{transform:scale(1.2)}.product__title,.product__price{font-size:24px;font-weight:700;line-height:140%}.product__title{margin-bottom:8px}.product__description{margin-bottom:16px}.details__wrapper{--columns:2;grid-template-columns:repeat(var(--columns),1fr);gap:40px 20px;display:grid}@media (min-width:576px){.details__wrapper{--columns:6;column-gap:24px}}@media (min-width:1024px){.details__wrapper{--columns:12}}@media (min-width:576px){.details__wrapper{row-gap:48px}}.details__detail,.details__explore{grid-column:1/-1}@media (min-width:576px){.details__explore{grid-column:2/-2}}@media (min-width:1024px){.details__explore{grid-column:5/-5}}.detail__photos{--columns:2;grid-template-columns:repeat(var(--columns),1fr);column-gap:20px;margin-bottom:16px;display:grid}@media (min-width:576px){.detail__photos{--columns:6;column-gap:24px}}@media (min-width:1024px){.detail__photos{--columns:12}}.detail__link{position:relative}@media (min-width:576px){.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:576px){.detail__link--square{grid-column:span 2}}@media (min-width:1024px){.detail__link--square{grid-column:span 4}}.detail__photo{object-fit:cover;width:100%;height:100%;transition:transform .3s;position:absolute}.detail__photo:hover{z-index:1;transform:scale(1.1)}.detail__content{--columns:2;grid-template-columns:repeat(var(--columns),1fr);gap:8px 20px;display:grid}@media (min-width:576px){.detail__content{--columns:6;column-gap:24px}}@media (min-width:1024px){.detail__content{--columns:12}}.detail__title{grid-column:1/-1;font-size:24px;font-weight:700;line-height:140%}@media (min-width:1024px){.detail__title{grid-column:span 8}}.detail__description{grid-column:1/-1;font-size:16px;font-weight:400;line-height:140%}@media (min-width:1024px){.detail__description{grid-column:span 8}}.contacts__wrapper{--columns:2;grid-template-columns:repeat(var(--columns),1fr);gap:48px 20px;display:grid}@media (min-width:576px){.contacts__wrapper{--columns:6;column-gap:24px}}@media (min-width:1024px){.contacts__wrapper{--columns:12}}.contacts__form{grid-column:1/-1}@media (min-width:576px){.contacts__form{grid-column:span 3}}@media (min-width:1024px){.contacts__form{grid-column:span 5}}.contacts__address{grid-column:1/-1}@media (min-width:576px){.contacts__address{grid-column:4/span 2}}@media (min-width:1024px){.contacts__address{grid-column:8/span 3}}.form{-ms-flex-direction:column;flex-direction:column;display:-ms-flexbox;display:flex}.form__input{margin-bottom:16px}.form__input:last-child{margin-bottom:32px}.address__item{margin-bottom:24px}.address__item:last-child{margin-bottom:0}.address__lable{margin-bottom:8px;font-size:14px;line-height:140%}.address__value{transition:filter .3s}.address__value:hover{filter:opacity(.5)}.footer{z-index:-1;background:url(footer-bg.2aeb2652.png) 80%/cover;height:200px;position:sticky;bottom:0}@media (min-width:576px){.footer{height:480px}}@media (min-width:1024px){.footer{height:555px}}
/*# sourceMappingURL=index.3b981f57.css.map */