.container{padding-inline:20px}@media (min-width:744px){.container{padding-inline:72px}}@media (min-width:1024px){.container{max-width:1020px;margin-inline:auto;padding-inline:120px}}.header{background-image:url(header-bg.f513e7a8.png);background-size:cover;background-position:50%}.header__content{height:100vh;display:flex;flex-direction:column;justify-content:space-between}.header__title{margin:0;font-weight:700;font-size:36px;line-height:100%}@media (min-width:744px){.header__title{font-size:48px}}@media (min-width:1024px){.header__title{font-size:56px}}.header__bottom{padding-bottom:40px}@media (min-width:744px){.header__bottom{padding-bottom:64px}}.page{font-family:Space Grotesk,sans-serif;font-size:16px;line-height:140%;color:#292929;overflow-x:hidden;scroll-behavior:smooth}.page__body{margin:0;min-width:320px}.page__menu{position:fixed;top:0;right:0;left:0;transition:all .3s;opacity:0;transform:translateX(-100%);pointer-events:none}.page__menu:target{opacity:1;transform:translateX(0);pointer-events:all}.disable-scroll{overflow:hidden;height:100vh;position:fixed;left:0;top:0;width:100%}.top-bar{padding-block:24px;display:flex;justify-content:space-between;align-items:center}@media (min-width:744px){.top-bar{padding-block:64px}}.top-bar__icons{display:flex;gap:24px}.top-bar__logo-link{display:flex}.top-bar__logo{height:16px;transition:transform .3s}.top-bar__logo:hover{transform:scale(1.2)}@media (min-width:744px){.top-bar__logo{height:24px}}.menu{box-sizing:border-box;height:100vh;background-color:#ececec;font-weight:700;z-index:2}.menu__top{margin-bottom:32px}@media (min-width:744px){.menu__top{margin-bottom:0}}.menu__nav{margin-bottom:40px}.menu__phone-number{margin-bottom:16px}.menu__call-to-order,.menu__phone-number{display:block;font-size:16px;line-height:140%;letter-spacing:2px;color:inherit;text-decoration:none}.menu__call-to-order{width:fit-content;padding-bottom:4px;border-bottom:1px solid #292929}.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{content:"";position:absolute;bottom:-8px;display:block;height:1px;width:100%;background-color:#292929;transition:transform .3s;transform:scale(0);transform-origin:left}.nav__link:hover:after{transform:scale(1)}.icon{display:block;height:24px;width:24px;background-size:cover;background-position:50%;transition:transform .3s}.icon:hover{transform:scale(1.2)}@media (min-width:744px){.icon{height:32px;width:32px}}.icon--phone{position:relative;background-image:url(icon-phone.766c43ee.svg);transition:all .3s;text-decoration:none}.icon--phone:before{content:"+1 234 555-55-55";color:#292929;letter-spacing:2px;text-transform:uppercase;font-weight:700;font-size:12px;line-height:16px;min-width:max-content;position:absolute;right:25px;top:4px;transition:all .5s ease-in-out;scale:0;transform-origin:right}@media (min-width:744px){.icon--phone:before{right:30px;top:9px}}@media (min-width:1024px){.icon--phone:before{right:35px}}.icon:hover:before{scale:1}.icon--menu{background-image:url(icon-burger-menu.7ba546b0.svg)}.icon--menu:hover{background-image:url(icon-burger-menu-hover.23e1ce64.svg)}.icon--close{background-image:url(icon-close.2fa8315e.svg)}.section-title{margin:0 0 48px;font-weight:700;font-size:32px;line-height:100%}@media (min-width:744px){.section-title{margin-bottom:64px;font-size:40px}}@media (min-width:1024px){.section-title{font-size:48px}}.main{background-color:#fff;overflow:hidden;position:relative}.main__content{display:grid;row-gap:96px;padding-block:96px}@media (min-width:744px){.main__content{padding-block:120px;row-gap:120px}}.main__background{background-repeat:no-repeat;height:200px;background-image:url(main-bg.cfb6cf23.png);background-size:cover;background-position:bottom}@media (min-width:744px){.main__background{height:400px}}@media (min-width:1024px){.main__background{height:460px}}.product__photo{width:100%;transition:transform .3s}.product__photo:hover{transform:scale(1.05)}.recommended__products{--columns:2;display:grid;column-gap:20px;grid-template-columns:repeat(var(--columns),1fr);row-gap:40px}@media (min-width:744px){.recommended__products{--columns:6;column-gap:24px}}@media (min-width:1024px){.recommended__products{--columns:12}}.recommended__product{grid-column:1/-1}@media (min-width:744px){.recommended__product{grid-column:2/-2}}@media (min-width:1024px){.recommended__product{grid-column:span 4}}.categories__wrapper{display:grid;row-gap:40px;margin-bottom:40px}@media (min-width:744px){.categories__wrapper{row-gap:56px;margin-bottom:56px}}.categories__view-all-link{--columns:2;display:grid;column-gap:20px;grid-template-columns:repeat(var(--columns),1fr);text-decoration:none}@media (min-width:744px){.categories__view-all-link{--columns:6;column-gap:24px}}@media (min-width:1024px){.categories__view-all-link{--columns:12}}.categories__view-all-text{box-sizing:border-box;text-align:center;color:#fff;background-color:#292929;border-radius:8px;grid-column:1/-1;border:1px solid #f0f1f4;padding:14.5px;transition:all .4s ease-in}.categories__view-all-text:hover{color:#292929;background:#f8f8fa;cursor:pointer}@media (min-width:1024px){.categories__view-all-text{grid-column:span 4}}.category__photos{--columns:2;display:grid;column-gap:20px;grid-template-columns:repeat(var(--columns),1fr);margin-bottom:16px}@media (min-width:744px){.category__photos{--columns:6;column-gap:24px}}@media (min-width:1024px){.category__photos{--columns:12}}.category__link{position:relative}@media (min-width:744px){.category__link--wide{grid-column:span 4}}@media (min-width:1024px){.category__link--wide{grid-column:span 8}}.category__link--square{height:0;padding-bottom:100%}@media (min-width:744px){.category__link--square{grid-column:span 2}}@media (min-width:1024px){.category__link--square{grid-column:span 4}}.category__photo{position:absolute;width:100%;height:100%;object-fit:cover;transition:all .2s ease-in}.category__photo:hover{z-index:2;transform:scale(1.05)}.category__title{margin:0;font-weight:700;font-size:24px;line-height:140%}.about-us{--columns:2;display:grid;column-gap:20px;grid-template-columns:repeat(var(--columns),1fr)}@media (min-width:744px){.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:744px){.about-us__title{grid-column:1/4}}@media (min-width:1024px){.about-us__title{grid-column:span 6}}.about-us__content{grid-column:1/-1}@media (min-width:744px){.about-us__content{grid-column:4/7}}@media (min-width:1024px){.about-us__content{grid-column:span 6}}.about-us__benefits{display:grid;row-gap:16px;margin:0;padding:0;list-style:none;font-size:16px;line-height:140%}.contact-us{margin:0}.contact-us__content{--columns:2;display:grid;column-gap:20px;grid-template-columns:repeat(var(--columns),1fr)}@media (min-width:744px){.contact-us__content{--columns:6;column-gap:24px}}@media (min-width:1024px){.contact-us__content{--columns:12}}.contact-us__form{grid-column:1/-1;margin-bottom:48px}@media (min-width:744px){.contact-us__form{margin-bottom:80px}}@media (min-width:1024px){.contact-us__form{grid-column:span 5}}.contact-us__contacts{grid-column:1/-1}@media (min-width:1024px){.contact-us__contacts{grid-column:7/-1}}.form__input{font-family:Space Grotesk,sans-serif;box-sizing:border-box;background:#f8f8fa;border-radius:8px;border:#f8f8fa;height:48px;width:100%;margin-bottom:16px;padding-left:16px}.form__input:hover{padding-left:15px;border:1px solid #d5d7de;cursor:pointer}.form__input--massege{padding-top:15px;height:148px;resize:none}.form__button{font-weight:700;font-size:16px;line-height:27px;color:#fff;background:#292929;border-radius:8px;width:100%;height:48px;margin-top:32px;transition:all .4s ease-in}.form__button:hover{color:#292929;background:#f8f8fa;border:1px solid #f0f1f4;cursor:pointer}.contacts__list{list-style:none;padding:0;margin:0}.contacts__title{font-size:14px;line-height:140%;color:#9393a3;margin-bottom:8px}.contacts__text{color:#191919;margin-bottom:24px}.contacts__text--link{text-decoration:none;color:#191919}.contacts__text--link:hover{color:#4a4a4b;border-bottom:1px solid #9393a3}
/*# sourceMappingURL=style.d285ca91.css.map */