.container{max-width:1024px;padding-left:20px;padding-right:20px}@media (min-width:576px){.container{padding-left:72px;padding-right:72px}}@media (min-width:1024px){.container{margin-left:auto;margin-right:auto;padding-left:120px;padding-right:120px}}.page{color:#292929;scroll-behavior:smooth;min-width:320px}.page:has(.page__menu:target){overflow:hidden}.page__body{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)}.header{background-image:url(header_image.6904a578.png);background-position:50%;background-size:cover;font-family:Space Grotesk,sans-serif}.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__top{-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex}.header__bottom{padding-bottom:40px}.header__title{text-align:left;margin:0;font-size:36px;font-weight:700;line-height:36px}@media (min-width:576px){.header__title{font-size:48px}}@media (min-width:1024px){.header__title{text-align:left;font-size:56px;font-weight:700;line-height:56px}}.top-bar{-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;padding-top:20px;padding-bottom:20px;display:-ms-flexbox;display:flex}@media (min-width:576px){.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;display:-ms-flexbox;display:flex}.top-bar__logo:hover{transform:scale(1.2)}@media (min-width:576px){.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:576px){.icon{width:32px;height:32px}}.icon--phone{background-image:url(Phone-number.1ab430c1.svg);position:relative}@media (min-width:1024px){.icon--phone{transition:transform .3s}.icon--phone:hover{transform:scale(1.2)}.icon--phone:hover:before{content:"+1 234 5555-55-55";letter-spacing:2px;text-align:left;color:#292929;white-space:nowrap;font-family:Inter,sans-serif;font-size:12px;font-weight:700;display:-ms-flexbox;display:flex;position:absolute;transform:translate(-105%,60%)}}.icon--menu{background-image:url(Icon-Burger-menu.9c919167.svg)}.icon--menu:hover{background-image:url(Icon-Burger-menu-hover.76a74d08.svg)}.icon--close{background-image:url(Icon-Close.31bb77d6.svg)}.menu{box-sizing:border-box;background-color:#e5e6e8;height:100vh;font-family:Space Grotesk,sans-serif;font-weight:700;overflow:auto}.menu__top{z-index:1;background-color:#e5e5e5;margin-bottom:0;position:sticky;top:0}.menu__bottom{margin-top:56px}.menu__nav{margin-bottom:48px}.menu__phone-number{letter-spacing:2px;color:inherit;margin-bottom:16px;font-size:16px;line-height:22.4px;text-decoration:none;display:block}.menu__call-to-order{text-transform:uppercase;letter-spacing:2px;color:inherit;border-bottom:1px solid #292929;width:fit-content;padding-bottom:4px;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:none;display:-ms-flexbox;display:flex}.nav__link{color:inherit;letter-spacing:2px;text-align:left;font-size:22px;line-height:22px;text-decoration:none;position:relative}.nav__link:after{content:"";transform-origin:0;background-color:#292929;width:100%;height:1px;transition:transform .3s;display:block;position:absolute;bottom:-4px;transform:scale(0)}.nav__link:hover:after{transform:scale(1)}.main{background-color:#fff}.main__content{row-gap:96px;padding-top:96px;padding-bottom:96px;display:grid}@media (min-width:576px){.main__content{row-gap:120px;padding-top:120px;padding-bottom:120px}}.section-title{margin:0;font-family:Space Grotesk,sans-serif;font-size:32px;font-weight:700;line-height:40px}.section-title--recommended,.section-title--category{margin-bottom:48px}.section-title--about-us{margin-bottom:24px}.section-title--contacts{margin-bottom:48px}@media (min-width:576px){.section-title{margin-bottom:56px;font-size:40px}}@media (min-width:1024px){.section-title{font-size:48px}}.recommended__products{row-gap:40px;display:grid}@media (min-width:576px){.recommended__products{justify-items:center}}@media (min-width:1024px){.recommended__products{grid-template-columns:repeat(3,1fr);justify-items:stretch;column-gap:24px}}.product__photo{width:100%}@media (min-width:1024px){.product__photo{transition:transform .3s}.product__photo:hover{transform:scale(1.05)}}.product__title{font-family:Space Grotesk,sans-serif}.product__description{text-align:left;font-family:Space Mono,monospace;font-size:16px;font-weight:400;line-height:22.4px}.product__price{text-align:left;font-family:Space Grotesk,sans-serif;font-size:16px;font-weight:700}.categories__button{color:#fff;text-align:center;background-color:#292929;border-radius:8px;width:280px;height:56px;margin-top:40px;font-family:Space Grotesk,sans-serif;font-size:16px;font-weight:700}@media (min-width:576px){.categories__button{margin-top:56px}}@media (min-width:1024px){.categories__button{width:324px;left:0}}.categories__button:hover{color:#292929;background-color:#f8f8fa;border:2px solid #f0f1f4}.categories__button__button:active{color:#fff;background-color:#111;border:2px solid #f0f1f4}.categories__wrapper{row-gap:40px;display:grid}@media (min-width:576px){.categories__wrapper{row-gap:56px}}.category__photos{--columns:2;grid-template-columns:repeat(var(--columns),1fr);column-gap:20px;margin-bottom:16px;display:grid}@media (min-width:576px){.category__photos{--columns:6;column-gap:24px}}@media (min-width:1024px){.category__photos{--columns:12}}.category__link{position:relative}@media (min-width:576px){.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:576px){.category__link--square{grid-column:span 2}}@media (min-width:1024px){.category__link--square{grid-column:span 4}}.category__photo{object-fit:cover;width:100%;height:100%;transition:transform .3s;position:absolute}.category__photo:hover{transform:scale(1.05)}.category__title{text-align:left;font-family:Space Grotesk,sans-serif;font-size:18px;font-weight:700;line-height:25.2px}.full-screen-image{object-fit:fill;width:100%;height:200px}@media (min-width:576px){.full-screen-image{height:400px}}@media (min-width:1024px){.full-screen-image{height:460px}}.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 6}}.about-us__description{text-align:left;grid-column:1/-1;margin:0;font-family:Space Mono,sans-serif;font-size:16px;font-weight:400;line-height:22.4px}@media (min-width:576px){.about-us__description{grid-column:4/-1}}@media (min-width:1024px){.about-us__description{grid-column:span 6}}.inputs{box-sizing:border-box;background:#f8f8fa;border:1px solid #f8f8fa;border-radius:8px;width:100%;margin-bottom:16px;font-family:Space Mono,sans-serif;font-size:14px;font-weight:400}.inputs:hover{box-sizing:border-box;color:#292929;border:1px solid #f0f1f4}.inputs:focus{box-sizing:border-box;border:1px solid #292929;outline:none}.input:-webkit-autofill{-webkit-box-shadow:inset 0 0 0 1000px #f8f8fa}.textarea:-webkit-autofill{-webkit-box-shadow:inset 0 0 0 1000px #f8f8fa}.contacts__grid{--columns:2;grid-template-columns:repeat(var(--columns),1fr);column-gap:20px;display:grid}@media (min-width:576px){.contacts__grid{--columns:6;column-gap:24px}}@media (min-width:1024px){.contacts__grid{--columns:12}}.contacts__fields{grid-column:span 2}@media (min-width:576px){.contacts__fields{grid-column:span 6}}@media (min-width:1024px){.contacts__fields{grid-column:span 5}}.contacts__fields--name,.contacts__fields--email{box-sizing:border-box;height:48px;padding-left:16px}.contacts__fields--message{box-sizing:border-box;resize:none;height:148px;padding-bottom:50px;padding-left:16px}.contacts__fields--button{border:2px solid #f0f1f4;height:56px;margin-top:16px;margin-bottom:24px;font-family:Space Grotesk,sans-serif;font-weight:700}.contacts__fields--button:hover{cursor:pointer}.contacts__footer{grid-column:span 2}@media (min-width:576px){.contacts__footer{grid-column:span 4}}@media (min-width:1024px){.contacts__footer{grid-column:7/-1}}.contacts__footer--title{color:#9393a3;margin-top:24px;font-family:Space Grotesk,sans-serif;font-size:14px;font-weight:400}@media (min-width:1024px){.contacts__footer--phone{margin-top:0}}.contacts__footer--value{text-align:left;color:#191919;margin-top:8px;font-family:Space Mono,sans-serif;font-size:16px;font-weight:400;line-height:22.4px;text-decoration:none}.contacts__footer--value:hover{color:green}.contacts__footer--value--address{text-decoration:none}
/*# sourceMappingURL=index.811baadc.css.map */