*{box-sizing:border-box}body,h1,h2,h3,h4,h5,h6,p,ul,input,button,textarea{margin:0;padding:0}ul{list-style:none}button{cursor:pointer;background:0 0;border:none}table{border-collapse:collapse;border-spacing:0}label{cursor:pointer}input{background:0 0;border:none;outline:none}textarea{border:none;outline:none}a{color:inherit;text-decoration:none}.container{padding-left:20px;padding-right:20px}@media (min-width:744px){.container{padding-left:72px;padding-right:72px}}@media (min-width:1260px){.container{max-width:1020px;margin:0 auto;padding-left:0;padding-right:0}}.header{background-image:url(header-bg.c10059d0.png);background-position:50%;background-size:cover}.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{margin:0;font-size:36px;line-height:100%}@media (min-width:744px){.header__title{max-width:392px;font-size:48px}}@media (min-width:1260px){.header__title{max-width:500px;font-size:56px}}.header__bottom{padding-bottom:40px}@media (min-width:744px){.header__bottom{padding-bottom:65px}}.page{color:#292929;scroll-behavior:smooth;font-family:Space Grotesk,sans-serif;font-size:16px;line-height:140%}.page__body{min-width:320px;margin:0}.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}.top-bar{-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;padding-top:28px;padding-bottom:28px;display:-ms-flexbox;display:flex}@media (min-width:744px){.top-bar{padding-top:36px;padding-bottom:36px}}.top-bar__icons{gap:24px;display:-ms-flexbox;display:flex}.top-bar__logo-link{display:-ms-flexbox;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}}.icon{background-position:50%;background-size:cover;width:24px;height:24px;transition:transform .3s;display:block}.icon:hover{transform:scale(1.2)}@media (min-width:744px){.icon{width:32px;height:32px}}.icon--phone{background-image:url(icon-phone.1ab430c1.svg);position:relative}.icon--phone:before{content:"+1 234 555-55-55";width:139px;font-size:14px;font-weight:700;display:none;position:absolute;top:20%}.icon--phone:hover:before{display:block;transform:translate(-125px)}.icon--menu{background-image:url(icon-burger-menu.9c919167.svg)}.icon--menu:hover{background-image:url(icon-burger-menu-hover.9d6e516e.svg)}.icon--close{background-image:url(icon-close.31bb77d6.svg)}.menu{box-sizing:border-box;background-color:#e5e6e8;height:100vh;overflow:auto}.menu__top{z-index:1;background-color:#e5e5e5;margin-bottom:32px;position:sticky;top:0}.menu__nav{margin-bottom:48px}.menu__phone-number{color:inherit;letter-spacing:2px;margin-bottom:16px;font-size:16px;line-height:22.4px;text-decoration:none;display:block}.menu__call-to-order{color:inherit;letter-spacing:2px;text-transform:uppercase;width:-moz-fit-content;border-bottom:1px solid #292929;width:fit-content;padding-bottom:3px;font-size:16px;line-height:22.4px;text-decoration:none;display:block}.nav__list{-ms-flex-direction:column;flex-direction:column;gap:32px;margin:0;padding:0;list-style-type: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:#292929;width:94%;height:1px;transition:transform .3s;display:block;position:absolute;bottom:-2px;transform:scale(0)}.nav__link:hover:after{transform:scale(1)}.main__content{row-gap:96px;padding-top:64px;padding-bottom:64px;display:grid}@media (min-width:744px){.main__content{row-gap:120px;padding-top:120px;padding-bottom:120px}}.section-title{margin:0 0 48px;font-size:32px;font-weight:700;line-height:100%}@media (min-width:744px){.section-title{margin-bottom:56px;font-size:40px}}@media (min-width:1260px){.section-title{font-size:48px}}.section-title--sm--margin{margin-bottom:24px}@media (min-width:744px){.section-title--sm--margin{margin-bottom:0}}.recommended__products{--columns:2;grid-template-columns:repeat(var(--columns),1fr);gap:40px 20px;display:grid}@media (min-width:744px){.recommended__products{--columns:6;column-gap:24px}}@media (min-width:1260px){.recommended__products{--columns:12}}.recommended__product{grid-column:1/-1}@media (min-width:744px){.recommended__product{grid-column:2/-2}}@media (min-width:1260px){.recommended__product{grid-column:span 4}}.product__photo{width:100%;transition:transform .3s;display:block}.product__photo:hover{transform:scale(1.05)}.product__title{margin:24px 0 8px}.product__desc{margin-bottom:12px;font-family:Space Mono,sans-serif}.categories__wrapper{row-gap:40px;display:grid}@media (min-width:744px){.categories__wrapper{row-gap:64px}}.categories__button{color:#fff;text-align:center;background-color:#292929;border-radius:8px;font-weight:700;line-height:56px;text-decoration:none;transition:background-color .3s}@media (min-width:1260px){.categories__button{max-width:324px}}.categories__button:hover{color:#292929;background-color:#f8f8fa;outline:2px solid #f0f1f4}.categories__button:active{color:#fff;background-color:#111}.category__photos{--columns:2;grid-template-columns:repeat(var(--columns),1fr);column-gap:20px;margin-bottom:16px;display:grid}@media (min-width:744px){.category__photos{--columns:6;column-gap:24px}}@media (min-width:1260px){.category__photos{--columns:12}}.category__link{position:relative}@media (min-width:744px){.category__link--wide{grid-column:span 4}}@media (min-width:1260px){.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:1260px){.category__link--square{grid-column:span 4}}.category__photo{object-fit:cover;border-radius:5px;width:100%;height:100%;transition:transform .3s;position:absolute}.category__photo:hover{transform:scale(1.05)}.category__title{margin:0;font-size:18px;font-weight:700}.separator{background-image:url(back-phone.85fb605e.png);background-position:50%;background-size:cover;height:200px}@media (min-width:744px){.separator{height:400px}}@media (min-width:1260px){.separator{height:460px}}.about{--columns:2;grid-template-columns:repeat(var(--columns),1fr);column-gap:20px;font-family:Space Mono,sans-serif;font-weight:400;display:grid}@media (min-width:744px){.about{--columns:6;column-gap:24px}}@media (min-width:1260px){.about{--columns:12}}.about__title{grid-column:1/-1}@media (min-width:744px){.about__title{grid-column:1/4}}.about__content{grid-column:1/-1;margin:0}@media (min-width:744px){.about__content{grid-column:4/7}}@media (min-width:1260px){.about__content{grid-column:7/-1}}.about__content:not(:last-child){margin-bottom:14px}.contacts__content{-ms-flex-direction:column;flex-direction:column;gap:48px;display:-ms-flexbox;display:flex}@media (min-width:744px){.contacts__content{gap:80px}}@media (min-width:1260px){.contacts__content{-ms-flex-direction:row;flex-direction:row;gap:111px}.contacts__form{max-width:411px}}.contacts__form--item{background-color:#f8f8fa;border-radius:8px;width:100%;padding:14px 16px;font-family:Space Mono,sans-serif;font-size:14px;font-weight:400;line-height:20px}.contacts__form--item::placeholder{color:#7e7e83}.contacts__form--item::placeholder{color:#7e7e83}.contacts__form--item:not(:-ms-placeholder-shown){color:#292929}.contacts__form--item:not(:-ms-placeholder-shown){color:#292929}.contacts__form--item:not(:placeholder-shown){color:#292929}.contacts__form--item:hover{outline:1px solid #d5d7de}.contacts__form--item:focus{outline:1px solid #292929}.contacts__form--item:not(:nth-child(3)){margin-bottom:16px}.contacts__form--item:nth-child(3){margin-bottom:32px}.contacts__form--button{color:#fff;background-color:#292929;border-radius:8px;width:100%;font-family:Space Grotesk,sans-serif;font-size:16px;font-weight:700;line-height:56px;transition:background-color .3s}.contacts__form--button:hover{color:#292929;background-color:#f8f8fa;outline:2px solid #f0f1f4}.contacts__form--button:active{color:#fff;background-color:#111}.contacts .textarea{resize:vertical;min-height:148px}.contacts__refs{-ms-flex-direction:column;flex-direction:column;gap:24px;display:-ms-flexbox;display:flex}.contacts__refs--title{color:#9393a3;font-size:14px;font-weight:400}.contacts__refs--content{color:#191919;font-family:Space Mono,sans-serif}.contacts__refs--content:hover{color:#7e7e83}
/*# sourceMappingURL=index.4b1ce431.css.map */