.container{padding-left:20px;padding-right:20px}@media (min-width:576px){.container{padding-left:72px;padding-right:72px}}@media (min-width:1024px){.container{max-width:1020px;margin-left:auto;margin-right:auto;padding-left:120px;padding-right:120px}}.page{color:#fff;scroll-behavior:smooth;background-color:#1d1d1d;font-family:Poppins,sans-serif;font-size:16px;line-height:140%}.page__body{min-width:320px;margin:0}.page__body img{transition:all .3s;transform:scale(1)}.page__body img:hover{z-index:1;transform:scale(1.05)}.page__menu{opacity:0;pointer-events:none;transition:all .3s;position:fixed;top:0;left:0;right:0;transform:translate(-100%)}.page__menu:target{opacity:1;pointer-events:all;transform:translate(0)}.page:has(.page__menu:target){overflow:hidden}.header{box-sizing:border-box;background-image:url(Header_photo.51d9c6ac.jpg);background-position:100%;background-size:cover;height:100vh}.header__content{-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:justify;justify-content:space-between;height:100vh;display:-ms-flexbox;display:flex}.header__title{letter-spacing:-1.5px;text-align:center;margin-bottom:88px;font-size:36px;font-weight:700;line-height:100%}@media (min-width:576px){.header__title{font-size:64px}}.header__title__bottom{padding-bottom:40px}@media (min-width:576px){.header__title__bottom{padding-bottom:64px}}.top-bar{-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;padding-top:24px;padding-bottom:24px;display:-ms-flexbox;display:flex}@media (min-width:576px){.top-bar{padding-top:64px;padding-bottom:64px}}.top-bar__icons{gap:24px;display:-ms-flexbox;display:flex}.top-bar__logo-link{display:-ms-flexbox;display:flex}.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}}.icon{background-position:50%;background-size:cover;width:24px;transition:transform .3s;display:block}.icon:hover{transform:scale(1.2)}@media (min-width:576px){.icon{width:32px;height:32px}}.icon__phone{background-image:url(Icon-Phone-call.673d48f7.svg);font-size:0;position:relative}@media (min-width:1024px){.icon__phone:after{content:"+1 234 555-55-55";letter-spacing:2px;color:#fff;white-space:nowrap;opacity:0;-ms-flex-align:end;align-items:end;font-family:Poppins,sans-serif;font-size:12px;font-weight:700;transition:all .3s;position:absolute;top:50%;right:calc(100% + 24px);transform:translateY(-50%)translate(24px)}.icon__phone:hover:after{opacity:1;transform:translateY(-50%)translate(0)}}.icon__menu{background-image:url(Icon-Burger-menu.d4d5103b.svg)}.icon__menu:hover{background-image:url(Icon-Burger-menu-hover.d4e17b24.svg)}.icon__close{background-image:url(Icon-Close.a33213b2.svg)}.menu{box-sizing:border-box;text-transform:uppercase;color:#1d1d1d;background:#c2c2c2 url(Header-bg-menu.3491f31e.jpg) 50% calc(100% + 110px)/100% no-repeat;height:100vh;font-weight:700;overflow:auto}@media (min-width:576px){.menu{background-position:right calc(100% + 120px);background-size:80%}}@media (min-width:1024px){.menu{background-position:right calc(100% + 230px);background-size:75%}}.menu__top{margin-bottom:24px;position:sticky}@media (min-width:576px){.menu__top{margin-bottom:0}}.menu__nav{margin-bottom:40px}.menu__phone-number{color:inherit;letter-spacing:0;margin-bottom:16px;font-size:16px;line-height:27px;text-decoration:none;transition:all .3s;display:block}.menu__phone-number:hover{text-shadow:1px 4px 16px rgba(71,69,69,.8);transform:scale(1)}.menu__call-to-order{color:inherit;letter-spacing:2px;border-bottom:1px solid #1d1d1d;width:-moz-fit-content;width:fit-content;padding-bottom:7px;font-size:12px;line-height:16px;text-decoration:none;transition:all .3s;display:block}.menu__call-to-order:hover{text-shadow:1px 4px 16px rgba(71,69,69,.8);transform:scale(1.02)}.nav__list{-ms-flex-direction:column;flex-direction:column;gap:32px;margin:0;padding:0;list-style:none;display:-ms-flexbox;display:flex}.nav__link{color:inherit;letter-spacing:2px;font-size:22px;line-height:22px;text-decoration:none;position:relative}.nav__link:after{content:"";transform-origin:0;background-color:#1d1d1d;width:100%;height:1px;transition:transform .3s;display:block;position:absolute;bottom:-8px;transform:scale(0)}.nav__link:hover:after{transition:transform .3s;transform:scale(1)}.section-title{letter-spacing:-1.5px;text-align:center;margin:0 0 48px;font-size:32px;font-weight:500;line-height:100%}@media (min-width:576px){.section-title{margin-bottom:48px;font-size:48px}}@media (min-width:1024px){.section-title{font-size:64px}}.section-title--align--left{text-align-last:left}.main__content{row-gap:92px;padding-top:92px;padding-bottom:92px;display:grid}@media (min-width:576px){.main__content{row-gap:120px;padding-top:120px;padding-bottom:120px}}@media (min-width:1024px){.main__content{row-gap:164px;padding-top:120px;padding-bottom:120px}}.product__photo{width:100%}.product__title{color:#fff;font-size:24px;font-weight:700}.product__text{font-weight:400}.product__price{color:#fff;font-size:24px;font-weight:700}.compare__products{--columns:2;grid-template-columns:repeat(var(--columns),1fr);gap:40px 20px;display:grid}@media (min-width:576px){.compare__products{--columns:6;column-gap:24px}}@media (min-width:1024px){.compare__products{--columns:12}}.compare__product{grid-column:1/-1}@media (min-width:576px){.compare__product{grid-column:2/-2}}@media (min-width:1024px){.compare__product{grid-column:span 4}}.about-us{--columns:2;grid-template-columns:repeat(var(--columns),1fr);column-gap:20px;display:grid}@media (min-width:576px){.about-us{--columns:6;column-gap:24px}}@media (min-width:1024px){.about-us{--columns:12}}.about-us__title{grid-column:1/-1}@media (min-width:576px){.about-us__title{grid-column:1/4}}@media (min-width:1024px){.about-us__title{grid-column:span 5}}.about-us__description{grid-column:1/-1;margin:0;font-size:23px;font-weight:500;line-height:140%}@media (min-width:576px){.about-us__description{grid-column:4/7}}@media (min-width:1024px){.about-us__description{grid-column:span 5}}.detailies__wrapper{row-gap:40px;display:grid}@media (min-width:576px){.detailies__wrapper{row-gap:64px}}.detailies__buttom{z-index:1;cursor:pointer;background-color:#fff;border-radius:40px;width:278px;height:56px;margin:0 auto;padding-left:48px;padding-right:48px;transition:all .3s;display:block}@media (min-width:576px){.detailies__buttom{width:392px}}@media (min-width:1024px){.detailies__buttom{width:324px}}.detailies__buttom__title{text-align:center;color:#1d1d1d;margin:0;font-size:16px;font-weight:700;line-height:27px}.detailies__buttom:hover{transform:scale(1.1);box-shadow:1px 4px 16px rgba(232,232,240,.4)}.detailies__buttom:active{box-shadow:1px 4px 16px rgba(232,232,240,.64)}.details__photos{--columns:2;grid-template-columns:repeat(var(--columns),1fr);column-gap:20px;margin-bottom:16px;display:grid}@media (min-width:576px){.details__photos{--columns:6;column-gap:24px}}@media (min-width:1024px){.details__photos{--columns:12}}.details__photo{object-fit:cover;width:100%;height:100%;position:absolute}.details__link{position:relative}@media (min-width:576px){.details__link--wide{grid-column:span 4}}@media (min-width:1024px){.details__link--wide{grid-column:span 8}}.details__link--square{height:0;padding-bottom:100%}@media (min-width:576px){.details__link--square{grid-column:span 2}}@media (min-width:1024px){.details__link--square{grid-column:span 4}}.details__name{font-size:24px;font-weight:700;line-height:140%}.details__title{padding-bottom:48px;font-size:16px;font-weight:400;line-height:140%}.contacts{justify-items:center}.contacts__content{--columns:2;grid-template-columns:repeat(var(--columns),1fr);column-gap:20px;display:grid}@media (min-width:576px){.contacts__content{--columns:6;column-gap:24px}}@media (min-width:1024px){.contacts__content{--columns:12}}.contacts__content__inputs{grid-column:1/-1;-ms-flex-line-pack:center;-ms-flex-pack:center;align-content:center;justify-content:center;display:grid}@media (min-width:576px){.contacts__content__inputs{grid-column:1/4}}@media (min-width:1024px){.contacts__content__inputs{grid-column:span 5}}.contacts__content__us{grid-column:1/-1}@media (min-width:576px){.contacts__content__us{grid-column:5/7}}@media (min-width:1024px){.contacts__content__us{grid-column:-5/-1}}.contacts__buttom{z-index:1;cursor:pointer;background-color:#fff;border-radius:40px;height:56px;margin-bottom:48px;padding-left:48px;padding-right:48px;transition:all .3s}.contacts__buttom__title{text-align:center;color:#1d1d1d;margin:0;font-size:16px;font-weight:700;line-height:27px}.contacts__buttom:hover{transform:scale(1.1);box-shadow:1px 4px 16px rgba(232,232,240,.4)}.contacts__buttom:active{box-shadow:1px 4px 16px rgba(232,232,240,.64)}.input{box-sizing:border-box;background-color:#f8f8fa;border-radius:40px;width:288px;margin-bottom:16px;padding:14px 16px}.input__name,.input__email{height:48px}.input__message{resize:vertical;color:#7e7e83;border-radius:16px;height:148px;min-height:50px;font-family:Poppins,sans-serif;font-size:14px;font-weight:400;line-height:20px}.input:hover{color:#292929;border:1px solid #d5d7de}.input:active{color:#292929;border:1px solid #292929}.input ::placeholder{color:#7e7e83;font-size:14px;font-weight:400;line-height:20px}.input ::placeholder{color:#7e7e83;font-size:14px;font-weight:400;line-height:20px}.input:valid{color:#292929;border-color:#209c43}.input:invalid:not(:-ms-placeholder-shown){color:#292929;border-color:#ac1c1c}.input:invalid:not(:placeholder-shown){color:#292929;border-color:#ac1c1c}@media (min-width:1024px){.input{width:411px}}.contact__name{color:#fff;margin:0;padding-bottom:8px;font-size:14px;font-weight:400;line-height:140%}.contact__us{color:#fff;margin:0;padding-bottom:24px;font-size:16px;font-weight:500;line-height:140%;transition:all .3s}.contact__us:hover{text-shadow:3px 3px 18px rgba(238,237,237,.7);transform:scale(1.02)}.contact__link{text-decoration:none}.footer{box-sizing:border-box;z-index:-1;background-image:url(Footer-full.b6f50b39.png);background-position:100%;background-repeat:no-repeat;background-size:cover;width:100%;height:200px;transition:all .3s}@media (min-width:576px){.footer{height:480px}}@media (min-width:1024px){.footer{height:555px}}.footer:hover{text-shadow:1px 4px 16px rgba(232,232,240,.4);transform:scale(1.02)}
/*# sourceMappingURL=index.0b9b045a.css.map */
