.page{font-family:Poppins,Arial,sans-serif;color:#fff}.page__body,.header__title{margin:0}html{height:100%}.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}}.header{background-image:url(/mybike-landing-page/assets/mobile-background-image-GzridGoY.webp);background-size:cover;background-position:right}@media (min-width: 576px){.header{background-position:center}}.header__content{display:flex;flex-direction:column;justify-content:space-between;height:100vh}.header__logo{height:38px;transition:transform .3s}.header__logo:hover{transform:scale(1.2)}@media (min-width: 576px){.header__logo{height:56px}}.header__logo-link{display:flex}.header__top{display:flex;justify-content:space-between;align-items:center}.header__title{color:#fff;font-size:32px;font-weight:700;letter-spacing:-1.5px;text-align:center}@media (min-width: 576px){.header__title{font-size:64px}}.header__bottom{padding-bottom:40px}@media (min-width: 576px){.header__bottom{padding-bottom:64px}}.icon{display:flex;align-items:center;justify-content:center;height:24px;width:24px;background-repeat:no-repeat;background-position:center;background-size:cover;text-decoration:none;color:#fff;cursor:auto;transition:transform .3s}.icon:hover{transform:scale(1.2)}@media (min-width: 576px){.icon{height:32px;width:32px}}.icon:hover{cursor:pointer}.icon--phone{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAGUSURBVHgB7ZnhbcMgEIWfM0E2KBs0I9ANskHTDbpBukG7QbNBuoE7QjcgnSDd4HrIRIqiHAaLGIj4JJQfseE9cxz4DDQajUaRENEzN0PjbFEigeJPrJCJhec/hXCWyMQCaVDIhM/ALyrAZ+CIcIpcAzEz8IhM+AwcEE6RM/CDcJacSjUy4DPwjTg0MiAa6LruwD9/CCdmxuaBw+IjcCd+RYnYuB4RfuS2Rsk4kdcwOc9AwbDINyrsABcFC1WCgXfUAovta58FaTH3qAUWuxNMlJlCL2Gh9rggZSSNGrBPWzBguCnUgGdB12HChZKp3cSK/Du0CuxHu7CcPx3zoBuSsSb0yP2X68k+kD0NO//GmdM3NUfyMePEVrhPkTyDwf3MZcLQWUg58YbiiCkwTDKxCRDx6cT3NAFp7A6JoCFW97hRkYvfEK9qTVWZswPYV8onbl+oHRdShhKCuaEh3neUCOQilRHk5syIoQmgJFjPOtKMkfpKlkanQkP6VRgqe8o1+8HkwV1ii2svnOXqz26NRuMO+QfHg8a8zLFtDwAAAABJRU5ErkJggg==)}@media (min-width: 1024px){.icon--phone:hover:after{position:absolute;left:-158px;content:"+1 234 555-55-55";font-size:12px;font-weight:700;line-height:16px}}.icon--menu{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABySURBVHgB7dXBDYAgDIXh1gl0AzdjBkdwUtxANqj1rHAiKST/l7xwaEja0xMBAADAh5klz23xsifV9tTGAdmfXcZQVHX7GyyNT6uMo9QGrQMOzyXx3uVPAYC5GE3cFU0ciSYGMCOjibuiiSPRxAAAABUPAqLEZfeSe1EAAAAASUVORK5CYII=)}.icon--menu:hover{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACWSURBVHgB7dfBDcMgEAXRTypIOkhnqSElpFLSgd3BGp8tA9J6jWzNkxAHDsBptBIAAAA2zOxT1mRx8nqHnFLlA7lsb8WaU0ovOTwqZ0/Fm+VU+8C3rL/irI//CQDu6YQS98pWKfboEvfaLfboEvfaLfbIEvei2ACuyPwlznbAzNsSXWL3zNsSXWL3zNsSWWIKCgAAEGwBefhU1WH67NcAAAAASUVORK5CYII=)}.icon--close{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAGwSURBVHgB7ZjBbYQwEEWHpACSIwck0sGWkg7C3nJNJVEqCHSQlJIKEgnuWdEAOyOBhJCBsf19Wc2TELs2tv/bRTAykWEYhmHcOkVRPJdl+c/HyMc7JYLn/pzW+JU1NWMyzUUyIZ+qRVPTdd2ZgEh4PtWLpguv8Xg07o50VKvv9bQgBEd44UEzVivQOtogEhvhaRzHD8VwutdcNAzDV57nT/zxtOo6cXvF/d8UwFZ4pu37/pUUqAQEtMReeL73a1KiFhBQEqjwgpeAECuBDC94CwihEujwQpCA4CuRIrwQLCBoJVKFF1Rv4iM4YMOnF0dXM51rR190eAEiIOxIuICEF6JuoSU7t9MaWHgBJiAoJKDhBW0t5MMY2BcE9B/YedrMRNVOLmACivAzUAmIwN5zno8fAlexS6IFjl5SqUrxmSgB7Rs2pUSwgG95kEoiSCC0tkkh4S0QW5ihJbwEUFUlUkItgC6JURIqgWk3zrVLEFXbICS0O3OuGgZWmG2V4jz/YT5VMZdl2WXVBK0qp7na1Zp/mrEqAd4lOy8mhJfEgsw578bJD8af38gwDMMwbp0rHbwy3VLceSAAAAAASUVORK5CYII=)}.menu{box-sizing:border-box;height:100vh;background-color:#c2c2c2;color:#1d1d1d;overflow:auto;font-weight:600;text-transform:uppercase}.menu__call{display:block;margin-top:40px}.menu__phone-number{font-size:16px;line-height:27px;color:inherit;text-decoration:none}.menu__book-test-ride{display:block;width:fit-content;padding-bottom:8px;margin-top:16px;border-bottom:solid 1px #1d1d1d;font-size:12px;line-height:16px;color:inherit;text-decoration:none;letter-spacing:2px}.menu__nav{margin-bottom:40px}.menu__top{margin-bottom:32px;position:sticky;top:0;z-index:1}.nav__list{display:flex;flex-direction:column;gap:32px;margin:0;padding:0;list-style:none}.nav__link{position:relative;color:inherit;text-decoration:none;font-size:22px;font-weight:600px;letter-spacing:2px;line-height:22px}.nav__link:after{content:"";position:absolute;bottom:-8px;display:block;height:1px;width:100%;background-color:#1d1d1d;transition:transform .3s;transform:scale(0);transform-origin:left}.nav__link:hover:after{transform:scale(1)}.page{scroll-behavior:smooth}.page__body{min-width:320px}.page__menu{position:fixed;top:0;left:0;right:0;overflow:auto;transition:all .3s;opacity:0;transform:translate(-100%);pointer-events:none}.page__menu:target{opacity:1;transform:translate(0);pointer-events:all}.page:has(.page__menu:target){overflow:hidden}.top-bar{display:flex;justify-content:space-between;align-items:center;padding-block:24px}@media (min-width: 576px){.top-bar{padding-block:36px}}.top-bar__logo{height:38px;transition:transform .3s}.top-bar__logo:hover{transform:scale(1.2)}@media (min-width: 576px){.top-bar__logo{height:56px}}.top-bar__icons{display:flex;gap:24px}@media (min-width: 576px){.top-bar__icons{gap:36px}}.section-title{margin:0 0 48px;font-weight:700;font-size:32px;line-height:32px;text-align:center;letter-spacing:-1.5px}@media (min-width: 576px){.section-title{margin-bottom:64px;font-size:40px}}@media (min-width: 1024px){.section-title{font-size:48px}}.section-title--align--left{text-align:left}.comparebikes{margin:0}.comparebikes__products{row-gap:40px;--columns: 2;display:grid;column-gap:20px;grid-template-columns:repeat(var(--columns),1fr)}@media (min-width: 576px){.comparebikes__products{--columns: 6;column-gap:24px}}@media (min-width: 1024px){.comparebikes__products{--columns: 12}}.comparebikes__product{grid-column:1/-1}@media (min-width: 576px){.comparebikes__product{grid-column:2/6}}@media (min-width: 1024px){.comparebikes__product{grid-column:span 4}}.product__photo{width:100%;transition:transform .3s}.product__photo:hover{transform:scale(1.1)}.product__title,.product__price{font-weight:700;font-size:24px}.product__link{color:inherit;text-decoration:none}.product__link:hover{color:#afaaaa}.main{min-height:100%;position:relative;z-index:1;padding-bottom:200px}@media (min-width: 576px){.main{padding-bottom:480px}}@media (min-width: 1024px){.main{padding-bottom:555px}}.main__background{background-color:#1d1d1d}.main__content{display:grid;row-gap:96px;padding-block:96px;background-color:#1d1d1d}@media (min-width: 576px){.main__content{padding-block:120px;row-gap:120px}}@media (min-width: 1024px){.main__content{padding-block:180px;row-gap:180px}}.details__content{display:grid;row-gap:40px}@media (min-width: 576px){.details__content{row-gap:64px}}.aboutus{--columns: 2;display:grid;column-gap:20px;grid-template-columns:repeat(var(--columns),1fr)}@media (min-width: 576px){.aboutus{--columns: 6;column-gap:24px}}@media (min-width: 1024px){.aboutus{--columns: 12}}.aboutus__title{grid-column:1/-1}@media (min-width: 576px){.aboutus__title{grid-column:1/4}}@media (min-width: 1024px){.aboutus__title{grid-column:1/6}}.aboutus__description{grid-column:1/-1;margin:0;font-weight:500;font-size:23px}@media (min-width: 576px){.aboutus__description{grid-column:4/-1}}@media (min-width: 1024px){.aboutus__description{grid-column:6/-2}}.advantages__photos{margin-bottom:16px;--columns: 2;display:grid;column-gap:20px;grid-template-columns:repeat(var(--columns),1fr)}@media (min-width: 576px){.advantages__photos{--columns: 6;column-gap:24px}}@media (min-width: 1024px){.advantages__photos{--columns: 12}}.advantages__photo{position:absolute;width:100%;height:100%;object-fit:cover;transition:transform .3s}.advantages__photo:hover{z-index:1;transform:scale(1.1)}.advantages__button{--columns: 2;display:grid;column-gap:20px;grid-template-columns:repeat(var(--columns),1fr)}@media (min-width: 576px){.advantages__button{--columns: 6;column-gap:24px}}@media (min-width: 1024px){.advantages__button{--columns: 12}}.advantages__explore{grid-column:1/-1}@media (min-width: 576px){.advantages__explore{grid-column:2/6}}@media (min-width: 1024px){.advantages__explore{grid-column:5/9}}.advantages__link{position:relative}@media (min-width: 576px){.advantages__link--wide{grid-column:span 4}}@media (min-width: 1024px){.advantages__link--wide{grid-column:span 8}}.advantages__link--square{height:0;padding-bottom:100%}@media (min-width: 576px){.advantages__link--square{grid-column:span 2}}@media (min-width: 1024px){.advantages__link--square{grid-column:span 4}}.advantages__title{font-weight:700;font-size:24px}.advantages__description{font-size:16px}.footer{background-image:url(/mybike-landing-page/assets/footer-photo-DC8vUaBu.webp);background-size:cover;background-position:center;position:fixed;left:0;bottom:0;z-index:-1;width:100%;height:200px}@media (min-width: 576px){.footer{height:480px}}@media (min-width: 1024px){.footer{height:555px}}.button{display:flex;justify-content:center;align-items:center;border:0;cursor:pointer;text-decoration:none;height:56px;width:100%;box-sizing:border-box;border-radius:40px;text-align:center;font-size:16px;font-weight:700;color:#000;background-color:#fff;transition:box-shadow .3s}.button:hover{box-shadow:1px 4px 16px #e8e8f066}.button:active{box-shadow:1px 4px 16px #e8e8f0a3}.feedback{padding-bottom:48px}.feedback__field{box-sizing:border-box;margin-bottom:16px;padding:14px 16px;width:100%;line-height:20px;font-family:inherit;font-size:14px;border-radius:40px;border:0;color:#292929}.feedback__field--area{resize:none;border-radius:16px}.feedback__field:focus{outline:none}.contacts__form{--columns: 2;display:grid;column-gap:20px;grid-template-columns:repeat(var(--columns),1fr)}@media (min-width: 576px){.contacts__form{--columns: 6;column-gap:24px}}@media (min-width: 1024px){.contacts__form{--columns: 12}}.contacts__feedback{grid-column:1/-1}@media (min-width: 576px){.contacts__feedback{grid-column:span 3}}@media (min-width: 1024px){.contacts__feedback{grid-column:span 5}}.contacts__ourinformation{grid-column:1/-1}@media (min-width: 576px){.contacts__ourinformation{grid-column:4/-1}}@media (min-width: 1024px){.contacts__ourinformation{grid-column:8/-1}}.contacts__titleinformation{margin:0;font-size:14px;font-weight:400}.contacts__information{font-size:16px;font-weight:500;line-height:22.4px}.contacts__item{color:inherit;text-decoration:none}.contacts__item:hover{color:#afaaaa}
