*{margin:0;padding:0}.header{background-image:url(Cover_photo.a64647db.png);background-size:cover;background-position:100%}.header__content{height:100vh;display:flex;flex-direction:column;justify-content:space-between}.header__title{text-align:center;font-size:36px;font-style:normal;font-weight:700;line-height:100%;letter-spacing:-1.5px}@media (min-width:576px){.header__title{font-size:64px}}.header__bottom{padding-bottom:88px}@media (min-width:576px){.header__bottom{padding-bottom:130px}}.icon{display:block;height:24px;width:24px;background-size:cover;background-position:50%}@media (min-width:576px){.icon{height:32px;width:32px}}@media (min-width:1024px){.icon{transition:transform .3s}.icon:hover{transform:scale(1.2)}}.icon--phone{background-image:url(Icon-Phone-call.6d4a6815.svg)}.icon--menu{background-image:url(Icon-Burger-menu.cf0f67f7.svg)}@media (min-width:1024px){.icon--menu:hover{background-image:url(Icon-Burger-menu-hover.9ad02bc8.svg)}}.icon--close{background-image:url(Icon-Close.a0ef42ef.svg)}.phone-icon--wrapper{display:flex}@media (min-width:1024px){.phone-icon--wrapper:hover:before{content:"+1 234 555-55-55";align-items:center;text-align:right;color:#fff;font-size:12px;font-weight:700;line-height:16px;letter-spacing:2px;text-transform:uppercase;padding-right:20px}}.menu{height:100vh;background-color:#c2c2c2;font-weight:600px;text-transform:uppercase;overflow:auto;z-index:1}.menu__top{margin-bottom:32px;position:sticky;top:0;z-index:1}@media (min-width:576px){.menu__top{margin-bottom:0}}.menu__nav{margin-bottom:40px}.menu__phone-number{margin-bottom:16px;font-size:16px;line-height:27px}.menu__call-to-book,.menu__phone-number{text-decoration:none;display:block;color:#1d1d1d;font-style:normal;font-weight:600}.menu__call-to-book{width:fit-content;padding-bottom:7px;border-bottom:1px solid #1d1d1d;font-size:12px;line-height:16px;letter-spacing:2px}.page{font-family:Poppins,sans-serif;color:#fff;scroll-behavior:smooth}.page:has(.page__menu:target){overflow:hidden}.page__body{margin:0;min-width:320px}.page__menu{position:fixed;top:0;left:0;right:0;opacity:0;transition:all .3s;transform:translateX(-100%);pointer-events:none}.page__menu:target{opacity:1;transform:translateX(0);pointer-events:all;overflow:hidden}.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}}.nav__link{position:relative;color:#1d1d1d;text-decoration:none;font-size:22px;font-weight:600;line-height:22px;letter-spacing:2px}@media (min-width:1024px){.nav__link:after{content:"";position:absolute;bottom:-8px;display:block;height:1px;width:100%;background-color:#1d1d1d;transition:transform .3s;transform:scale(0)}.nav__link:hover:after{transform:scale(1);transform-origin:left}}.nav__list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:32px}.top-bar{padding-block:24px;display:flex;justify-content:space-between;align-items:center}@media (min-width:576px){.top-bar{padding-block:36px}}.top-bar__icons{display:flex;gap:24px}.top-bar__logo-link{display:flex}.top-bar__logo{height:38px}@media (min-width:576px){.top-bar__logo{height:56px}}@media (min-width:1024px){.top-bar__logo{transition:transform .3s}.top-bar__logo:hover{transform:scale(1.2)}}.section-title{text-align:center;font-size:32px;font-style:normal;font-weight:500;line-height:32px;letter-spacing:-1.5px}@media (min-width:576px){.section-title{font-size:48px;line-height:48px}}@media (min-width:1024px){.section-title{font-size:64px;line-height:64px}}.section-title--align--left{text-align:left}.main{background-color:#1d1d1d}.main__content{display:grid;row-gap:60px;padding-block:60px}@media (min-width:576px){.main__content{row-gap:120px;padding-block:120px}}@media (min-width:1024px){.bikes{margin-top:44px}}.bikes__compared{--columns:2;display:grid;column-gap:20px;grid-template-columns:repeat(var(--columns),1fr);row-gap:40px;margin-top:48px}@media (min-width:576px){.bikes__compared{--columns:6;column-gap:24px}}@media (min-width:1024px){.bikes__compared{--columns:12}}.bikes__model{grid-column:1/-1}@media (min-width:576px){.bikes__model{grid-column:2/-2}}@media (min-width:1024px){.bikes__model{grid-column:span 4}}.bike__photo{width:100%}@media (min-width:1024px){.bike__photo{cursor:pointer;transition:transform .3s}.bike__photo:hover{transform:scale(1.2)}}.bike__name{padding-top:32px}.bike__description{padding-top:8px}.bike__price{padding-top:16px}.company{--columns:2;display:grid;column-gap:20px;grid-template-columns:repeat(var(--columns),1fr)}@media (min-width:576px){.company{--columns:6;column-gap:24px}}@media (min-width:1024px){.company{--columns:12}}.company__motto{grid-column:1/-1}@media (min-width:576px){.company__motto{grid-column:1/4}}@media (min-width:1024px){.company__motto{grid-column:span 5}}.company__description{margin-top:32px;grid-column:1/-1}@media (min-width:576px){.company__description{margin-top:0;grid-column:4/7}}@media (min-width:1024px){.company__description{margin-top:0;grid-column:span 5}}.company__slogan{font-size:23px;font-weight:500;line-height:140%}@media (min-width:1024px){.details{margin-top:24px}}.details__wrapper{display:grid;row-gap:40px;margin-top:48px}@media (min-width:576px){.details__wrapper{row-gap:48px;margin-top:64px}}@media (min-width:1024px){.details__wrapper{margin-top:48px}}.detail__photos{--columns:2;display:grid;column-gap:20px;grid-template-columns:repeat(var(--columns),1fr);margin-bottom:16px}@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;transition:transform .3s}.detail__link--wide:hover{transform:scale(1.07)}}.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;transition:transform .3s}.detail__link--square:hover{transform:scale(1.15)}}.detail__photo{position:absolute;width:100%;height:100%;object-fit:cover}.detail__description-title{font-size:24px;font-weight:700;line-height:140%;margin-bottom:8px}.detail__description-text{font-size:16px;font-weight:400;line-height:140%}.button{--columns:2;display:grid;column-gap:20px;grid-template-columns:repeat(var(--columns),1fr)}@media (min-width:576px){.button{--columns:6;column-gap:24px}}@media (min-width:1024px){.button{--columns:12}}.button__wrapper{background-color:#fff;border-radius:40px;height:56px;display:flex;justify-content:center;align-items:center;cursor:pointer;grid-column:1/-1}@media (min-width:576px){.button__wrapper{grid-column:2/-2}}@media (min-width:1024px){.button__wrapper{grid-column:5/-5;transition:box-shadow .3s}.button__wrapper:hover{box-shadow:1px 4px 16px 0 rgba(232,232,240,.4)}.button__wrapper:active{box-shadow:1px 4px 16px 0 rgba(232,232,240,.64)}}.button__link{text-decoration:none;color:#1d1d1d;font-size:16px;font-weight:700}.contacts__wrapper{--columns:2;display:grid;column-gap:20px;grid-template-columns:repeat(var(--columns),1fr);padding-top:32px}@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:1/4}}@media (min-width:1024px){.contacts__form{grid-column:1/6}}.contacts__information{display:flex;flex-direction:column;gap:24px;margin-top:48px;grid-column:1/-1}@media (min-width:576px){.contacts__information{grid-column:span 2;margin:0}}@media (min-width:1024px){.contacts__information{grid-column:8/-2;margin:0}}.information-block{display:flex;flex-direction:column;gap:8px}.information-block--title{font-size:14px;font-weight:400;line-height:140%}.information-block--data{text-decoration:none;color:#f8f8fa;font-size:16px;font-weight:500;line-height:140%}@media (min-width:1024px){.information-block--data{transition:color .3s;transition:scale .3s}.information-block--data:hover{color:#fff;scale:1.04}}.form{display:flex;flex-direction:column;gap:16px}.form__textfield{box-sizing:border-box;height:48px;flex-shrink:0;border-radius:40px;display:inline-block;padding-left:16px;background:#f8f8fa;color:#292929;font-size:14px;font-weight:400;line-height:20px;border:none}@media (min-width:1024px){.form__textfield{transition:border .3s}.form__textfield:hover{border:1px solid #d5d7de}.form__textfield:active{border:1px solid #292929}}.form__textfield::placeholder{color:#7e7e83;font-size:14px;font-weight:400}.form__textarea{padding:14px 16px;gap:10px;border-radius:16px;background:#f8f8fa;color:#292929;font-size:14px;font-weight:400;line-height:20px;font-family:Poppins,sans-serif;border:none;resize:none}.form__textarea::placeholder{color:#7e7e83;font-size:16px;font-weight:400}.form__button{height:56px;margin-top:32px;border-radius:40px;background:#fff;font-size:16px;font-weight:700;line-height:27px;cursor:pointer}@media (min-width:1024px){.form__button{transition:box-shadow .3s}.form__button:hover{box-shadow:1px 4px 16px 0 rgba(232,232,240,.4)}.form__button:active{box-shadow:1px 4px 16px 0 rgba(232,232,240,.64)}}.footer{background-image:url(Footer_photo.e07ef4fe.png);background-size:cover;background-position:100%;height:200px;width:100%;position:sticky;bottom:0;z-index:-1}@media (min-width:576px){.footer{height:480px}}@media (min-width:1024px){.footer{height:555px}}
/*# sourceMappingURL=main.e24f62f6.css.map */