.container{padding-inline:20px}@media (min-width: 576px){.container{padding-inline:72px}}@media (min-width: 1144px){.container{max-width:1020px;margin-inline:auto;padding-inline:120px}}.button{cursor:pointer;font-weight:700;text-align:center;background-color:#fff;border-radius:40px;grid-column:1/3;justify-self:center;font-size:16px;line-height:27px;padding:16px 0;width:100%;border:none}.button:hover{box-shadow:1px 4px 16px #e8e8f066}.page{font-family:Poppins,sans-serif;font-weight:400;font-style:normal;color:#fff;scroll-behavior:smooth}.page__body{margin:0;background-color:#1d1d1d}.page__body:has(.page__menu:target){overflow:hidden;height:100vh}.page__menu{position:fixed;top:0;right:0;left:0;transition:all .7s;transform:translate(-100%);opacity:0;pointer-events:none}.page__menu:target{opacity:1;transform:translate(0);pointer-events:all}.header{background-image:url(https://zrozik-cmd.github.io/Modern-Landing-Page/assets/header-bg-mobile-CVAlaaGO.png);background-position:right}@media (min-width: 576px){.header{background-image:url(https://zrozik-cmd.github.io/Modern-Landing-Page/assets/header-bg-tablet-Dh9WUoZP.png);background-position:center}}@media (min-width: 1144px){.header{background-image:url(https://zrozik-cmd.github.io/Modern-Landing-Page/assets/header-bg-desktop-BSC6puMk.png);background-position:center}}.header{background-size:cover;background-repeat:no-repeat}.header__content{height:100vh;display:flex;flex-direction:column;justify-content:space-between}.header__title{margin:0;font-size:36px}@media (min-width: 576px){.header__title{font-size:64px}}@media (min-width: 1144px){.header__title{font-size:80px}}.header__title{font-weight:700;letter-spacing:-1.5px;line-height:1;text-align:center}.header__bottom{padding-bottom:88px}@media (min-width: 576px){.header__bottom{padding-bottom:130px}}@media (min-width: 1144px){.header__bottom{padding-bottom:203px}}.top-bar{padding-block:24px}@media (min-width: 576px){.top-bar{padding-block:36px}}.top-bar{display:flex;justify-content:space-between;align-items:center}.top-bar__logo{display:flex;transition:transform .2s}.top-bar__logo:hover{transform:scale(1.1)}.top-bar__icons{display:flex;gap:24px}.icon{display:block;width:24px;height:24px;background-size:cover;transition:transform .3s}.icon:hover{transform:scale(1.1)}@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")}.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--cross{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")}.menu{box-sizing:border-box;overflow:hidden;height:100vh;background-color:#c2c2c2;font-weight:600;text-transform:uppercase;color:#1d1d1d}.menu__nav{padding-bottom:40px}.menu__top{margin-bottom:24px}@media (min-width: 576px){.menu__top{margin-bottom:8px}}@media (min-width: 1144px){.menu__top{margin-bottom:24px}}.menu__phone-number{display:block;margin-bottom:16px;color:inherit;text-decoration:none;font-size:16px;line-height:27px;letter-spacing:0}.menu__book-ride{display:block;padding-bottom:7px;border-bottom:1px solid #1d1d1d;width:fit-content;color:inherit;text-decoration:none;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}.nav__link{position:relative;color:inherit;text-decoration:none;font-size:22px;line-height:1;letter-spacing:2px}.nav__link:after{content:"";position:absolute;bottom:-8px;display:block;height:1px;width:100%;background-color:#1d1d1d;transition:transform .33s;transform:scale(0);transform-origin:left}.nav__link:hover:after{transform:scale(1)}.section-title{font-size:32px;font-weight:500;letter-spacing:-1.5px;color:#fff;text-align:center;margin:0}@media (min-width: 576px){.section-title{font-size:48px}}@media (min-width: 1144px){.section-title{font-size:64px}}.section-title--align-left{text-align-last:left;margin:0}.move{--coloms: 2;display:grid;column-gap:20px;grid-template-columns:repeat(var(--coloms),1fr)}@media (min-width: 576px){.move{--coloms: 6;column-gap:24px}}@media (min-width: 1144px){.move{--coloms: 12}}.move__title{grid-column:1/-1}@media (min-width: 576px){.move__title{grid-column:1/4}}@media (min-width: 1144px){.move__title{grid-column:1/6}}.move-section{display:grid;row-gap:32px;margin-block:60px 92px}@media (min-width: 576px){.move-section{margin-block:120px 132px}}@media (min-width: 1144px){.move-section{margin-block:120px 164px}}.move__content{margin:0;padding:0;font-size:23px;font-weight:500;line-height:140%;grid-column:1/-1}@media (min-width: 576px){.move__content{grid-column:4/-1}}@media (min-width: 1144px){.move__content{grid-column:6/-2}}.bikes{display:grid;row-gap:48px;margin-bottom:92px}@media (min-width: 576px){.bikes{margin-bottom:120px}}@media (min-width: 1144px){.bikes{row-gap:56px;margin-bottom:144px}}.bikes__products{--coloms: 2;display:grid;column-gap:20px;grid-template-columns:repeat(var(--coloms),1fr)}@media (min-width: 576px){.bikes__products{--coloms: 6;column-gap:24px}}@media (min-width: 1144px){.bikes__products{--coloms: 12}}.bikes__products{row-gap:40px}@media (min-width: 576px){.bikes__products{row-gap:48px}}.bikes__product{grid-column:1/-1}@media (min-width: 576px){.bikes__product{grid-column:2/-2}}@media (min-width: 1144px){.bikes__product{grid-column:span 4}}.details{display:grid;row-gap:48px;margin-bottom:60px}@media (min-width: 576px){.details{row-gap:64px;margin-bottom:120px}}@media (min-width: 1144px){.details{row-gap:47px;margin-bottom:180px}}.details__wrapper{display:grid;row-gap:40px}@media (min-width: 576px){.details__wrapper{row-gap:48px}}.details__button{--coloms: 2;display:grid;column-gap:20px;grid-template-columns:repeat(var(--coloms),1fr)}@media (min-width: 576px){.details__button{--coloms: 6;column-gap:24px}}@media (min-width: 1144px){.details__button{--coloms: 12}}@media (min-width: 576px){.details__button-btn{grid-column:2/6}}@media (min-width: 1144px){.details__button-btn{grid-column:5/9}}.details__button-btn:hover{box-shadow:1px 4px 16px #e8e8f066}.detail__photos{--coloms: 2;display:grid;column-gap:20px;grid-template-columns:repeat(var(--coloms),1fr)}@media (min-width: 576px){.detail__photos{--coloms: 6;column-gap:24px}}@media (min-width: 1144px){.detail__photos{--coloms: 12}}.detail__photos{margin-block:0 16px}@media (min-width: 576px){.detail__link--wide{grid-column:span 4}}@media (min-width: 1144px){.detail__link--wide{grid-column:span 8}}@media (min-width: 576px){.detail__link--square{grid-column:span 2}}@media (min-width: 1144px){.detail__link--square{grid-column:span 4}}.detail__photo{margin:0;width:100%;height:100%;object-fit:cover;transition:all .2s}.detail__photo:hover{transform:scale(1.05)}.detail__title{font-size:24px;font-weight:700;line-height:140%;margin-block:0 8px}.detail__content{--coloms: 2;display:grid;column-gap:20px;grid-template-columns:repeat(var(--coloms),1fr)}@media (min-width: 576px){.detail__content{--coloms: 6;column-gap:24px}}@media (min-width: 1144px){.detail__content{--coloms: 12}}.detail__desc{margin:0;font-size:16px;font-weight:400;line-height:140%;grid-column:1/-1}@media (min-width: 576px){.detail__desc{grid-column:span 8}}.contact-us__title{margin-bottom:48px}.contact-us__content{--coloms: 2;display:grid;column-gap:20px;grid-template-columns:repeat(var(--coloms),1fr)}@media (min-width: 576px){.contact-us__content{--coloms: 6;column-gap:24px}}@media (min-width: 1144px){.contact-us__content{--coloms: 12}}.contact-us__content{grid-column:1/-1}.contact-us__content-form{grid-column:1/-1;width:100%}@media (min-width: 576px){.contact-us__content-form{grid-column:span 3}}@media (min-width: 1144px){.contact-us__content-form{grid-column:span 5}}.contact-us__content-info{grid-column:1/-1;margin-bottom:120px}@media (min-width: 576px){.contact-us__content-info{grid-column:span 3}}@media (min-width: 1144px){.contact-us__content-info{grid-column:8/-1}}.contact-us__content-info{font-size:16px;line-height:140%;font-weight:500;cursor:pointer}.contact-us__types{outline:none;box-sizing:border-box;width:100%;border-radius:40px;padding:14px 16px;background-color:#f8f8fa;margin-bottom:16px;cursor:pointer;border:none}.contact-us__label{display:inline-block;margin-bottom:8px}.contact-us__link{color:inherit;text-decoration:none;display:block;margin-bottom:24px}.contact-us__link:last-child{margin-bottom:0}.contact-us__link-title{font-weight:400;font-size:14px;margin:0}.contact-us__button{margin-bottom:48px}@media (min-width: 576px){.contact-us__button{margin-bottom:120px}}@media (min-width: 1144px){.contact-us__button{margin-bottom:182px}}.contact-us__form-message{resize:none;outline:none;box-sizing:border-box;font-family:Poppins,sans-serif;width:100%;border-radius:16px;background-color:#f8f8fa;margin-bottom:32px;padding:14px 16px;cursor:pointer;border:none}.product{display:grid}.product__photo{width:100%;margin-block:0 32px;transition:all .3s}.product__photo:hover{transform:scale(1.1)}.product__title{font-size:24px;font-weight:700;line-height:140%;margin-block:0 8px}.product__desc{font-size:16px;font-weight:400;line-height:140%;margin-block:0 16px}.product__price{font-size:24px;font-weight:700;line-height:140%;margin:0}.footer{height:200px}@media (min-width: 576px){.footer{height:480px}}@media (min-width: 1144px){.footer{height:555px}}.footer{bottom:0;z-index:-1;background-image:url(https://zrozik-cmd.github.io/Modern-Landing-Page/assets/footer-bg-BXheF2Hs.png);background-position:center;background-repeat:no-repeat;background-size:cover}.phone{position:relative;display:inline-flex;align-items:center;text-decoration:none}.phone .phone__number{position:absolute;white-space:nowrap;right:45px;top:50%;transform:translate(-8px) translateY(-50%);opacity:0;pointer-events:none;color:#fff;font-size:14px;transition:opacity .2s ease,transform .2s ease}@media (min-width: 1144px){.phone:hover .phone__number{opacity:1;transform:translateY(-50%) translate(0)}}