body,form,h1,h2,h3,input,p,section,ul{margin:0;padding:0}button,input{outline:none;border:0}.wrapper{padding-inline:20px}@media (min-width:576px){.wrapper{padding-inline:72px}}@media (min-width:1260px){.wrapper{margin-inline:auto;max-width:1260px;padding-inline:120px}}.header{background-image:url(bg-mobile.3c3c18b6.png);background-size:cover;background-repeat:no-repeat;background-position:100%}@media (min-width:576px){.header{background-image:url(bg.97d82753.png)}}.header__content{height:100vh;box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between}.header__bottom{padding-bottom:88px;text-align:center}@media (min-width:576px){.header__bottom{padding-bottom:130px}}@media (min-width:1260px){.header__bottom{padding-bottom:200px}}.header__title{font-size:36px;font-weight:700;line-height:100%;letter-spacing:-1.5px}@media (min-width:576px){.header__title{font-size:64px}}@media (min-width:1260px){.header__title{font-size:80px}}*{box-sizing:border-box}.page{font-family:Poppins,sans-serif;font-size:16px;font-weight:400;line-height:140%;color:#fff;scroll-behavior:smooth}.page ::-webkit-scrollbar{display:none}.page__body{background-color:#1d1d1d}.page__menu{position:fixed;top:0;right:0;left:0;opacity:0;transition:all .3s;pointer-events:none}.page__menu:target{z-index:1;opacity:1;pointer-events:all}.page:has(.page__menu:target){overflow:hidden}.icon{display:block;height:24px;width:24px;transition:transform .3s}.icon:hover{transform:scale(1.2)}@media (min-width:576px){.icon{height:32px;width:32px}}.icon--phone{position:relative;background-image:url(Icon-Phone-call.a92dc1bb.png);background-size:cover;background-repeat:no-repeat;transition:all .3s}@media (min-width:1260px){.icon--phone:hover:before{position:absolute;right:44px;top:10px;content:"+1 234 555-55-55";width:180px;color:#fff;text-decoration:none;text-align:right;font-weight:700;line-height:16px;letter-spacing:2px;text-transform:uppercase}}.icon--menu{background-image:url(Icon-Burger-menu.51ce1edc.png);background-size:cover;background-repeat:no-repeat}.icon--menu:hover{background-image:url(Icon-Burger-menu-hover.bb6edcd1.png)}.icon--close{background-image:url(Icon-Close.f5c0bd1a.png);background-size:cover;background-repeat:no-repeat}.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__logo-link{display:flex;transition:transform .3s}.top-bar__logo-link:hover{transform:scale(1.05)}.top-bar__logo{height:38px}@media (min-width:576px){.top-bar__logo{height:56px}}.top-bar__icons{display:flex;gap:24px;align-items:center}@media (min-width:576px){.top-bar__icons{gap:32px}}.menu{padding-bottom:110px;height:100vh;background-color:#c2c2c2;font-weight:600;text-transform:uppercase;color:#1d1d1d;overflow:auto}@media (min-width:576px){.menu{padding-bottom:160px}}@media (min-width:1260px){.menu{padding-bottom:200px}}.menu__top{position:sticky;top:0;z-index:1;margin-bottom:24px;background-color:#c2c2c2}@media (min-width:576px){.menu__top{margin-bottom:0}}@media (min-width:1260px){.menu__top{margin-bottom:24px}}.menu__nav{margin-bottom:40px}.menu__phone-number{display:block;margin-bottom:16px;font-size:16px;line-height:27px;color:inherit;text-decoration:none;transition:transform .3s}.menu__phone-number:hover{transform:scale(1.05)}.menu__call-to-order{display:block;width:fit-content;padding-bottom:8px;border-bottom:1px solid #1d1d1d;font-size:12px;line-height:16px;letter-spacing:2px;color:inherit;text-decoration:none;cursor:pointer;transition:transform .3s}.menu__call-to-order:hover{transform:scale(1.05)}.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:22px;letter-spacing:2px}.nav__link:after{display:block;position:absolute;content:"";margin-top:8px;width:100%;height:1px;background-color:#1d1d1d;transition:transform .3s;transform:scale(0);transform-origin:left}.nav__link:hover:after{transform:scale(1)}.main{background-color:#1d1d1d}.main__content{display:flex;flex-direction:column;gap:92px;padding:60px 0 120px}@media (min-width:576px){.main__content{padding:120px 0;row-gap:120px}}@media (min-width:1260px){.main__content{display:block}}.section-title{font-size:32px;font-weight:500;line-height:100%;letter-spacing:-1.5px}@media (min-width:576px){.section-title{font-size:48px}}@media (min-width:1260px){.section-title{font-size:64px}}.about{--columns:2;display:grid;column-gap:20px;grid-template-columns:repeat(var(--columns),1fr)}@media (min-width:576px){.about{column-gap:24px;--columns:6}}@media (min-width:1260px){.about{--columns:12;margin-bottom:164px}}.about__title{grid-column:1/-1;margin-bottom:32px}@media (min-width:576px){.about__title{grid-column:1/4}}@media (min-width:1260px){.about__title{grid-column:span 5}}.about__description{grid-column:1/-1;margin:0;font-size:23px;font-weight:500;line-height:140%}@media (min-width:576px){.about__description{grid-column:4/-1}}@media (min-width:1260px){.about__description{grid-column:span 6}}.compare{display:grid;row-gap:48px}@media (min-width:1260px){.compare{margin-bottom:144px}}.compare__title{text-align:center;text-transform:capitalize}.compare__cards{--columns:2;display:grid;column-gap:20px;grid-template-columns:repeat(var(--columns),1fr);row-gap:40px;align-items:baseline}@media (min-width:576px){.compare__cards{column-gap:24px;--columns:6}}@media (min-width:1260px){.compare__cards{--columns:12}}@media (min-width:576px){.compare__cards{row-gap:48px}}.compare__card{grid-column:1/-1}@media (min-width:576px){.compare__card{grid-column:2/6}}@media (min-width:1260px){.compare__card{grid-column:span 4}}.card__photo{display:block;width:100%;margin-bottom:32px;transition:transform .3s}.card__photo:hover{transform:scale(1.05)}.card__title{font-size:24px;font-weight:700;line-height:140%;margin-bottom:8px}.card__description{margin-bottom:16px}.card__price{font-size:24px;font-weight:700;line-height:140%}.details{display:grid;row-gap:40px}@media (min-width:1260px){.details{margin-bottom:180px}}.details__title{text-align:center}.details__wrapper{--columns:2;display:grid;column-gap:20px;grid-template-columns:repeat(var(--columns),1fr);row-gap:40px;align-items:center}@media (min-width:576px){.details__wrapper{column-gap:24px;--columns:6}}@media (min-width:1260px){.details__wrapper{--columns:12}}@media (min-width:576px){.details__wrapper{row-gap:48px}}.details__detail{grid-column:1/-1;--columns:2;display:grid;column-gap:20px;grid-template-columns:repeat(var(--columns),1fr)}@media (min-width:576px){.details__detail{column-gap:24px;--columns:6}}@media (min-width:1260px){.details__detail{--columns:12}}@media (min-width:576px){.details__detail{grid-column:span 6}}@media (min-width:1260px){.details__detail{grid-column:span 12}}.details__button{grid-column:1/-1}@media (min-width:576px){.details__button{grid-column:2/6}}@media (min-width:1260px){.details__button{grid-column:5/9}}.detail__photos{grid-column:1/-1;--columns:2;display:grid;column-gap:20px;grid-template-columns:repeat(var(--columns),1fr);margin-bottom:16px}@media (min-width:576px){.detail__photos{column-gap:24px;--columns:6}}@media (min-width:1260px){.detail__photos{--columns:12}}.detail__link{position:relative}.detail__link--wide{transition:transform .3s}@media (min-width:576px){.detail__link--wide{grid-column:span 4}}@media (min-width:1260px){.detail__link--wide{grid-column:span 8}}.detail__link--wide:hover{transform:scale(1.03)}.detail__link--small{padding-bottom:100%;height:100%;transition:transform .3s}@media (min-width:576px){.detail__link--small{grid-column:span 2}}@media (min-width:1260px){.detail__link--small{grid-column:span 4}}.detail__link--small:hover{transform:scale(1.03)}.detail__img{position:absolute;width:100%;height:100%;border-radius:10px;object-fit:cover}.detail__title{font-size:24px;font-weight:700;line-height:140%;margin-bottom:8px}.detail__description,.detail__title{grid-column:1/-1}@media (min-width:1260px){.detail__description{grid-column:span 8}}.button{text-align-last:center;background-color:#fff;padding-block:15px;border-radius:40px;font-family:inherit;font-size:inherit;text-decoration:none;line-height:27px;font-weight:700;color:#1d1d1d;cursor:pointer}.button:focus,.button:hover{box-shadow:1px 4px 16px rgba(232,232,240,.4)}.contacts{--columns:2;display:grid;column-gap:20px;grid-template-columns:repeat(var(--columns),1fr);row-gap:48px}@media (min-width:576px){.contacts{column-gap:24px;--columns:6}}@media (min-width:1260px){.contacts{--columns:12;margin-bottom:180px}}.contacts__title{grid-column:1/-1;text-align:center}@media (min-width:1260px){.contacts__title{font-size:48px;font-weight:600}}.contacts__wrapper{grid-column:1/-1;display:grid;row-gap:36px}@media (min-width:576px){.contacts__wrapper{grid-column:1/4}}@media (min-width:1260px){.contacts__wrapper{grid-column:span 5}}.contacts__form{display:grid;row-gap:32px}.contacts__input-wraper{display:grid;row-gap:16px}.contacts__input{width:100%;padding:14px 16px;border-radius:40px;border:0;outline:none;background:#f8f8fa;color:#7e7e83}.contacts__input,.contacts__input:focus{font-size:14px;line-height:20px;font-family:inherit}.contacts__input:focus{color:#292929;font-weight:400}.contacts__input--textarea{border-radius:16px;resize:none}.contacts__info{grid-column:1/-1;display:flex;flex-direction:column}@media (min-width:576px){.contacts__info{grid-column:span 3}}@media (min-width:1260px){.contacts__info{grid-column:8/12}}.contacts__info-wrapp{display:flex;flex-direction:column;margin-bottom:24px}.contacts__name{font-size:14px;margin-bottom:8px;padding:0}.contacts__link{text-decoration:none;color:#fff;transition:color .3s}.contacts__link:hover{color:#7e7e83}.footer{height:200px;position:sticky;bottom:0;z-index:-1;background-image:url(footer-bg.b7524262.png);background-size:cover;background-position:50%;background-repeat:no-repeat}@media (min-width:576px){.footer{height:480px}}@media (min-width:1260px){.footer{height:555px}}
/*# sourceMappingURL=main.f454772e.css.map */