*,*:before,*:after{box-sizing:border-box}.page{font-family:Poppins,sans-serif;font-weight:400;font-size:16px;line-height:140%;scroll-behavior:smooth}.page__body{margin:0;min-width:320px}.page__menu{position:fixed;top:0;right:0;left:0;transition:all .3s;transform:translate(-100%);opacity:0;pointer-events:none}.page__menu:target{transform:translate(0);opacity:1;pointer-events:all}.header{width:100%;height:100vh;background-image:url(/my-bike-landing-page/assets/mobile-C3DfuRhz.png);background-repeat:no-repeat;background-size:cover;background-position:right;display:flex;flex-direction:column;justify-content:space-between;align-items:center}@media (min-width: 576px){.header{background-image:url(/my-bike-landing-page/assets/tablet-B5OQMFyq.png);background-position:center}}@media (min-width: 1024px){.header{background-image:url(/my-bike-landing-page/assets/desktop-aIxHM4JU.png);background-position:center}}@media (min-width: 1340px){.header{background-position:center 15%}}.header__title{color:#fff;font-weight:700;font-size:36px;line-height:100%;letter-spacing:-1.5px;text-align:center;margin:0}@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{padding-bottom:130px}}.header__bottom{padding-inline:20px}@media (min-width: 576px){.header__bottom{padding-inline:72px}}@media (min-width: 1024px){.header__bottom{padding-inline:112px}}.nav__list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:32px}.nav__link{position:relative;text-decoration:none;color:inherit;line-height:22px;letter-spacing:2px}.nav__link:after{content:"";position:absolute;display:block;margin-bottom:-8px;height:1px;width:100%;background-color:#000;transform:scale(0);transition:transform .3s;transform-origin:left}.nav__link:hover:after{transform:scale(1)}.menu{height:100vh;background-color:#c2c2c2;display:flex;flex-direction:column;align-items:center;text-transform:uppercase;font-weight:600;font-size:22px}.menu__nav{margin-bottom:40px}.menu__phone-number{display:block;text-decoration:none;color:inherit;font-size:16px;line-height:27px;font-weight:600;margin-bottom:16px}.menu__book-a-test-ride{display:block;text-decoration:none;color:inherit;font-weight:600;font-size:12px;line-height:16px;letter-spacing:2px;width:fit-content;padding:7px;border-bottom:black solid 1px}.menu__content{width:100%;padding-inline:20px}@media (min-width: 576px){.menu__content{padding-inline:72px}}@media (min-width: 1024px){.menu__content{padding-inline:112px}}@media (min-width: 576px){.menu__content{max-width:744px}}@media (min-width: 1024px){.menu__content{max-width:1260px}}.menu__top-bar{display:flex;justify-content:center;width:100%;padding-bottom:24px}.top-bar{width:100%;padding-block:24px;padding-inline:20px}@media (min-width: 576px){.top-bar{padding-inline:72px}}@media (min-width: 1024px){.top-bar{padding-inline:112px}}.top-bar{display:flex;justify-content:space-between;align-items:center}@media (min-width: 576px){.top-bar{max-width:744px;padding-block:36px}}@media (min-width: 1024px){.top-bar{max-width:1260px}}.top-bar__phone-number{opacity:0;visibility:hidden;position:absolute;right:100%;top:8px;white-space:nowrap;color:#fff;transition:all .3s ease-in-out}.top-bar__phone-wrapper{display:flex;align-items:center;text-decoration:none;position:relative}.top-bar__phone-wrapper:hover .top-bar__phone-number{opacity:1;visibility:visible;transform:translate(-15px)}.top-bar__phone-wrapper:hover .icon--phone{animation:ring .6s ease-in-out}.top-bar__icons{display:flex;gap:24px}.top-bar__logo-link{display:flex}.top-bar__logo{width:100%;height:38px}@media (min-width: 576px){.top-bar__logo{height:56px}}.icon{display:block;height:24px;width:24px;background-size:cover;transition:transform .3s}.icon:hover{transform:scale(1.2)}@media (min-width: 576px){.icon{height:32px;width:32px}}.icon--phone{background-image:url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_0_200)'%3e%3cpath%20d='M20.01%2015.38C18.78%2015.38%2017.59%2015.18%2016.48%2014.82C16.13%2014.7%2015.74%2014.79%2015.47%2015.06L13.9%2017.03C11.07%2015.68%208.42%2013.13%207.01%2010.2L8.96%208.54C9.23%208.26%209.31%207.87%209.2%207.52C8.83%206.41%208.64%205.22%208.64%203.99C8.64%203.45%208.19%203%207.65%203H4.19C3.65%203%203%203.24%203%203.99C3%2013.28%2010.73%2021%2020.01%2021C20.72%2021%2021%2020.37%2021%2019.82V16.37C21%2015.83%2020.55%2015.38%2020.01%2015.38Z'%20fill='white'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_0_200'%3e%3crect%20width='24'%20height='24'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");transition:transform .2s ease-in-out;transform-origin:center}.icon--menu{background-image:url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_26_312)'%3e%3cpath%20d='M3%2017C3%2017.5523%203.44772%2018%204%2018H20C20.5523%2018%2021%2017.5523%2021%2017C21%2016.4477%2020.5523%2016%2020%2016H4C3.44772%2016%203%2016.4477%203%2017ZM3%2012C3%2012.5523%203.44772%2013%204%2013H20C20.5523%2013%2021%2012.5523%2021%2012C21%2011.4477%2020.5523%2011%2020%2011H4C3.44772%2011%203%2011.4477%203%2012ZM4%206C3.44772%206%203%206.44772%203%207C3%207.55228%203.44772%208%204%208H20C20.5523%208%2021%207.55228%2021%207C21%206.44772%2020.5523%206%2020%206H4Z'%20fill='white'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_26_312'%3e%3crect%20width='24'%20height='24'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e")}.icon--menu:hover{background-image:url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_26_315)'%3e%3cpath%20d='M3%2017C3%2017.5523%203.44772%2018%204%2018H11C11.5523%2018%2012%2017.5523%2012%2017C12%2016.4477%2011.5523%2016%2011%2016H4C3.44772%2016%203%2016.4477%203%2017ZM3%2012C3%2012.5523%203.44772%2013%204%2013H20C20.5523%2013%2021%2012.5523%2021%2012C21%2011.4477%2020.5523%2011%2020%2011H4C3.44772%2011%203%2011.4477%203%2012ZM4%206C3.44772%206%203%206.44772%203%207C3%207.55228%203.44772%208%204%208H15C15.5523%208%2016%207.55228%2016%207C16%206.44772%2015.5523%206%2015%206H4Z'%20fill='white'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_26_315'%3e%3crect%20width='24'%20height='24'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e")}.icon--close{background-image:url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M19.1943%206.41714C19.6393%205.97216%2019.6393%205.2507%2019.1943%204.80571C18.7493%204.36073%2018.0278%204.36073%2017.5829%204.80571L12%2010.3886L6.41714%204.80572C5.97216%204.36073%205.2507%204.36073%204.80571%204.80571C4.36073%205.2507%204.36073%205.97216%204.80571%206.41714L10.3886%2012L4.80572%2017.5829C4.36073%2018.0278%204.36073%2018.7493%204.80571%2019.1943C5.2507%2019.6393%205.97216%2019.6393%206.41714%2019.1943L12%2013.6114L17.5829%2019.1943C18.0278%2019.6393%2018.7493%2019.6393%2019.1943%2019.1943C19.6393%2018.7493%2019.6393%2018.0278%2019.1943%2017.5829L13.6114%2012L19.1943%206.41714Z'%20fill='%231D1D1D'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:center}@keyframes ring{0%{transform:rotate(0)}10%{transform:rotate(-25deg)}20%{transform:rotate(21deg)}30%{transform:rotate(-18deg)}40%{transform:rotate(14deg)}50%{transform:rotate(-10deg)}60%{transform:rotate(7deg)}70%{transform:rotate(-4deg)}80%{transform:rotate(2deg)}90%{transform:rotate(-1deg)}to{transform:rotate(0)}}.footer{width:100%;min-height:200px;background-image:url(/my-bike-landing-page/assets/on-phone-B8zyBaPD.png);background-size:cover;background-position:center;background-repeat:no-repeat}@media (min-width: 576px){.footer{background-image:url(/my-bike-landing-page/assets/on-tablet-DQNWL2-i.png);min-height:480px}}@media (min-width: 1024px){.footer{background-image:url(/my-bike-landing-page/assets/on-desktop-BXNTUKFX.png);min-height:555px}}.card__picture{overflow:hidden;display:block;line-height:0}.card__img{width:100%;margin-bottom:32px;transition:all .3s ease-out}.card__img:hover{transform:scale(1.1)}.card__img:hover{cursor:pointer}.card__title{margin:0 0 8px;font-weight:700;font-size:24px;line-height:140%}.card__description{margin:0 0 16px;font-weight:400;font-size:16px;line-height:140%}.card__price{font-weight:700;font-size:24px;line-height:140%}.details-item{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:auto 16px auto 8px auto;column-gap:20px}@media (min-width: 576px){.details-item{grid-template-columns:repeat(6,1fr)}}@media (min-width: 1024px){.details-item{grid-template-columns:repeat(12,1fr)}}.details-item__picture{width:100%;height:100%;grid-row:1}@media (min-width: 576px){.details-item__picture--wide{grid-column:span 4}}@media (min-width: 1024px){.details-item__picture--wide{grid-column:span 8}}@media (min-width: 576px){.details-item__picture--square{grid-column:span 2}}@media (min-width: 1024px){.details-item__picture--square{grid-column:span 4}}.details-item__img{display:block;width:100%;height:100%;object-fit:cover;position:relative;z-index:1;transition:all .3s ease-in-out;cursor:pointer;border:solid 1px transparent}.details-item__img:hover{z-index:2;transform:scale(1.05);border-radius:15px;border:solid 1px wheat}.details-item__title{grid-row:3;grid-column:1/-1;margin:0;font-weight:700;font-size:24px;line-height:140%}.details-item__description{grid-row:5;grid-column:1/-1;margin:0;font-weight:400;font-size:16px;line-height:140%}.sections{display:grid;place-items:center;background-color:#1d1d1d;color:#fff;padding-inline:20px}@media (min-width: 576px){.sections{padding-inline:72px}}@media (min-width: 1024px){.sections{padding-inline:120px}}.sections__compare-bikes{margin-top:92px}@media (min-width: 576px){.sections__compare-bikes{margin-top:132px}}@media (min-width: 1024px){.sections__compare-bikes{margin-top:164px}}.sections__details{margin-top:92px}@media (min-width: 576px){.sections__details{margin-top:120px}}@media (min-width: 1024px){.sections__details{margin-top:144px}}.sections__contacts{margin-top:80px;margin-bottom:120px}@media (min-width: 576px){.sections__contacts{margin-top:120px;margin-bottom:102px}}@media (min-width: 1024px){.sections__contacts{margin-top:180px;margin-bottom:164px}}.about-us{width:100%}@media (min-width: 576px){.about-us{max-width:792px}}@media (min-width: 1024px){.about-us{max-width:1260px}}.about-us{max-width:1020px;padding-top:60px;display:flex;flex-direction:column;align-items:flex-start}@media (min-width: 576px){.about-us{flex-direction:row;gap:20px;justify-content:space-between}}.about-us__title{font-weight:500;font-size:32px;line-height:1;letter-spacing:-1.5px;text-align:center;text-transform:capitalize;margin:0 0 32px;flex-shrink:0}@media (min-width: 576px){.about-us__title{margin-bottom:0;font-size:48px}}@media (min-width: 1024px){.about-us__title{margin-bottom:0;font-size:64px}}.about-us__intro{width:100%;margin:0;font-weight:500;font-size:23px;line-height:140%}@media (min-width: 576px){.about-us__intro{max-width:288px}}@media (min-width: 1024px){.about-us__intro{max-width:498px}}@media (min-width: 576px){.compare-bikes{max-width:392px}}@media (min-width: 1024px){.compare-bikes{max-width:1020px}}.compare-bikes__title{font-weight:500;font-size:32px;line-height:1;letter-spacing:-1.5px;text-align:center;text-transform:capitalize;margin:0 0 48px}@media (min-width: 576px){.compare-bikes__title{font-size:48px}}@media (min-width: 1024px){.compare-bikes__title{margin-bottom:56px;font-size:64px}}.compare-bikes__card{margin-top:40px}@media (min-width: 1024px){.compare-bikes__grid{display:grid;grid-template-columns:repeat(3,1fr);column-gap:24px}}.details{max-width:1020px}.details__title{font-weight:500;font-size:32px;line-height:1;letter-spacing:-1.5px;text-align:center;text-transform:capitalize;margin:0 0 48px}@media (min-width: 576px){.details__title{margin-bottom:64px;font-size:48px}}@media (min-width: 1024px){.details__title{font-size:64px}}.details__details-item{margin-bottom:40px}@media (min-width: 576px){.details__details-item{margin-bottom:48px}}.details__button{width:100%;display:block;margin:0;padding:0;border:none;border-radius:0;box-shadow:none;outline:none;font-family:inherit;font-size:14px;line-height:20px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff;color:#7e7e83}.details__button:-webkit-autofill,.details__button:-webkit-autofill:hover,.details__button:-webkit-autofill:focus{-webkit-shadow-box:0 0 0 1000px white inset!important;-webkit-text-fill-color:#000!important;transition:background-color 5000s ease-in-out 0s}.details__button{font-weight:700;font-size:16px;line-height:27px;text-align:center;color:#1d1d1d;border-radius:40px;height:56px;cursor:pointer;transition:box-shadow .3s}.details__button:hover{box-shadow:1px 4px 16px #e8e8f066}.details__button:focus{box-shadow:1px 4px 16px #e8e8f0a3}.details__button{justify-self:center;max-width:392px}@media (min-width: 1024px){.details__button{max-width:324px}}.contacts{display:grid;column-gap:20px}@media (min-width: 576px){.contacts{grid-template-columns:repeat(6,1fr);column-gap:24px}}@media (min-width: 1024px){.contacts{grid-template-columns:repeat(12,1fr);column-gap:24px}}.contacts{width:100%;max-width:1020px}.contacts__title{grid-row:1;grid-column:1/-1;font-weight:500;font-size:32px;line-height:1;letter-spacing:-1.5px;text-align:center;text-transform:capitalize;margin:0 0 48px}@media (min-width: 576px){.contacts__title{font-size:48px}}@media (min-width: 1024px){.contacts__title{font-size:64px}}.contacts__form{grid-row:2}@media (min-width: 576px){.contacts__form{grid-column:span 3}}@media (min-width: 1024px){.contacts__form{grid-column:span 5}}.contacts__form{display:grid;grid-template-rows:auto 16px auto 16px auto 32px auto}.contacts__name{height:48px;margin:0;padding:0;border:none;border-radius:0;box-shadow:none;outline:none;font-family:inherit;font-size:14px;line-height:20px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff;color:#7e7e83}.contacts__name:-webkit-autofill,.contacts__name:-webkit-autofill:hover,.contacts__name:-webkit-autofill:focus{-webkit-shadow-box:0 0 0 1000px white inset!important;-webkit-text-fill-color:#000!important;transition:background-color 5000s ease-in-out 0s}.contacts__name{padding:14px 16px;color:#1d1d1d;border-radius:40px;grid-row:1}.contacts__name::placeholder{transition:all .3s ease-in-out}.contacts__name:hover::placeholder{color:#1d1d1d}.contacts__name:focus::placeholder{color:#1d1d1d;opacity:0}.contacts__email{height:48px;margin:0;padding:0;border:none;border-radius:0;box-shadow:none;outline:none;font-family:inherit;font-size:14px;line-height:20px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff;color:#7e7e83}.contacts__email:-webkit-autofill,.contacts__email:-webkit-autofill:hover,.contacts__email:-webkit-autofill:focus{-webkit-shadow-box:0 0 0 1000px white inset!important;-webkit-text-fill-color:#000!important;transition:background-color 5000s ease-in-out 0s}.contacts__email{padding:14px 16px;color:#1d1d1d;border-radius:40px;grid-row:3}.contacts__email::placeholder{transition:all .3s ease-in-out}.contacts__email:hover::placeholder{color:#1d1d1d}.contacts__email:focus::placeholder{color:#1d1d1d;opacity:0}.contacts__textarea{height:148px;margin:0;padding:0;border:none;border-radius:0;box-shadow:none;outline:none;font-family:inherit;font-size:14px;line-height:20px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff;color:#7e7e83}.contacts__textarea:-webkit-autofill,.contacts__textarea:-webkit-autofill:hover,.contacts__textarea:-webkit-autofill:focus{-webkit-shadow-box:0 0 0 1000px white inset!important;-webkit-text-fill-color:#000!important;transition:background-color 5000s ease-in-out 0s}.contacts__textarea{padding:14px 16px;color:#1d1d1d;resize:none;border-radius:16px;grid-row:5}.contacts__textarea::placeholder{transition:all .3s ease-in-out}.contacts__textarea:hover::placeholder{color:#1d1d1d}.contacts__textarea:focus::placeholder{color:#1d1d1d;opacity:0}.contacts__button{width:100%;justify-self:center;display:block;margin:0;padding:0;border:none;border-radius:0;box-shadow:none;outline:none;font-family:inherit;font-size:14px;line-height:20px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff;color:#7e7e83}.contacts__button:-webkit-autofill,.contacts__button:-webkit-autofill:hover,.contacts__button:-webkit-autofill:focus{-webkit-shadow-box:0 0 0 1000px white inset!important;-webkit-text-fill-color:#000!important;transition:background-color 5000s ease-in-out 0s}.contacts__button{font-weight:700;font-size:16px;line-height:27px;text-align:center;color:#1d1d1d;border-radius:40px;height:56px;cursor:pointer;transition:box-shadow .3s}.contacts__button:hover{box-shadow:1px 4px 16px #e8e8f066}.contacts__button:focus{box-shadow:1px 4px 16px #e8e8f0a3}.contacts__button{grid-row:7}.contacts__list{grid-row:3;margin:48px 0 0}@media (min-width: 576px){.contacts__list{grid-row:2;grid-column:span 2;margin-top:0}}@media (min-width: 1024px){.contacts__list{grid-column:8/-1;margin-top:0}}.contacts__item{font-weight:400;font-size:14px;line-height:140%}.contacts__item:not(:first-child){margin-top:8px}.contacts__value{font-weight:500;font-size:16px;line-height:140%;margin:16px 0 0}.contacts__link{text-decoration:none;color:#fff}.contacts__address{font-style:normal}.contacts__map-link{text-decoration:none;color:#fff}