.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}}.header{background-image:url(header-bg-mobile.0fd76612.png);background-position:50%;background-size:cover;margin-bottom:64px}@media (min-width:576px){.header{margin-bottom:120px}}.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;font-weight:700;line-height:36px}@media (min-width:576px){.header__title{max-width:400px;font-size:48px;font-weight:700;line-height:48px}}@media (min-width:1024px){.header__title{max-width:500px;font-size:56px;font-weight:700;line-height:56px}}.header__bottom{padding-bottom:40px}@media (min-width:576px){.header__bottom{padding-bottom:65px}}.icon{background-image:url(Icon-Burger-menu.1cd0b7d5.png);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(Icon-Phone-call.657af3f4.svg)}@media (min-width:1024px){.icon--phone:after{content:"+1 234 555-55-55";letter-spacing:2px;color:#292929;width:140px;font-size:12px;font-weight:700;display:block;position:absolute;top:8px;right:30px;transform:scale(0)}.icon--phone:hover:after{transform:scale(1)}}.icon--menu{background-image:url(Icon-Burger-menu.bd10eb8f.svg)}.icon--menu:hover{background-image:url(Icon-Burger-menu-hover.9d6e516e.svg)}.icon--сlose{background-image:url(Icon-Close.31bb77d6.svg)}.menu{box-sizing:border-box;background-color:#e5e6e8;height:100vh;font-weight:700;overflow:auto}.menu__phone-number{color:inherit;letter-spacing:2px;margin-bottom:16px;font-size:16px;line-height:22px;text-decoration:none;display:block}.menu__call-to-order{color:inherit;text-transform:uppercase;letter-spacing:2px;border-bottom:1px solid #292929;width:fit-content;padding-bottom:4px;font-size:16px;line-height:22px;text-decoration:none;display:block}.menu__top{margin-bottom:32px}@media (min-width:576px){.menu__top{margin-bottom:0}}.menu__nav{margin-bottom:46px}.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:#292929;width:100%;height:1px;transition:transform .3s;display:block;position:absolute;bottom:-4px;transform:scale(0)}.nav__link:hover:after{transform:scale(1)}.page{color:#292929;scroll-behavior:smooth;font-family:Space Grotesk,sans-serif}.page:has(.page__menu:target){overflow:hidden}.page__body{min-width:320px;margin:0}.page__menu{z-index:100;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%)}.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: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:16px;transition:transform .3s}@media (min-width:576px){.top-bar__logo{height:24px}}.top-bar__logo:hover{transform:scale(1.2)}.section-title{color:#292929;text-align:left;margin:0 0 48px;font-size:32px;font-weight:700;line-height:100%}@media (min-width:1024px){.section-title{margin-bottom:56px;font-size:48px;line-height:100%}}@media (min-width:576px){.section-title{margin-bottom:56px;font-size:40px;line-height:100%}}.main__content{row-gap:96px;padding-bottom:96px;display:grid}@media (min-width:576px){.main__content{row-gap:120px;padding-bottom:120px}}.product{-ms-flex-direction:column;flex-direction:column;transition:transform .3s;display:-ms-flexbox;display:flex}.product:hover{transform:scale(1.1)}.product__photo{width:100%}.product__title{text-align:left;margin-top:24px;margin-bottom:8px;font-size:18px;font-weight:700;line-height:25.2px}.product__description{color:#292929;margin-top:0;margin-bottom:12px;font-family:Space Mono,sans-serif;font-size:16px;font-weight:400;line-height:22.4px}.product__price{text-align:left;margin-top:auto;font-size:16px;font-weight:700;line-height:22.4px}.recommended__products{--columns:2;grid-template-columns:repeat(var(--columns),1fr);gap:40px 20px;display:grid}@media (min-width:576px){.recommended__products{--columns:6;column-gap:24px}}@media (min-width:1024px){.recommended__products{--columns:12}}.recommended__product{grid-column:1/-1}@media (min-width:576px){.recommended__product{grid-column:1/-1}}@media (min-width:1024px){.recommended__product{grid-column:span 4}}.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__photo{object-fit:cover;width:100%;height:100%;transition:transform .3s;position:absolute}.category__photo:hover{transform:scale(.9)}.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__title{text-align:left;margin:0;font-size:18px;font-weight:700;line-height:25.2px}@media (min-width:576px){.category__title{font-size:24px;line-height:33.6px}}.button{text-align:center;color:#fff;background-color:#292929;border:0;border-radius:8px;width:100%;height:56px;font-size:16px;font-weight:700;line-height:56px;text-decoration:none;transition:all .3s}@media (min-width:1024px){.button{width:411px}}.button:hover{color:#292929;cursor:pointer;background-color:#f8f8fa;border:2px #f0f1f4}.button:active{color:#fff;background-color:#111}.about-us__text-area{--columns:2;grid-template-columns:repeat(var(--columns),1fr);column-gap:20px;display:grid}@media (min-width:576px){.about-us__text-area{--columns:6;column-gap:24px}}@media (min-width:1024px){.about-us__text-area{--columns:12}}.about-us__title{grid-column:span 2}@media (min-width:576px){.about-us__title{grid-column:span 3}}@media (min-width:1024px){.about-us__title{grid-column:span 6}}.about-us__paragraph{color:#292929;grid-column:span 2;margin:0;font-family:Space Mono,sans-serif;font-size:16px;font-weight:400;line-height:22.4px}@media (min-width:576px){.about-us__paragraph{grid-column:span 3}}@media (min-width:1024px){.about-us__paragraph{grid-column:span 6}}.about-us__wrapper{row-gap:48px;display:grid}@media (min-width:576px){.about-us__wrapper{row-gap:56px}}.image{background-image:url(background-mobile.d96df6b6.png);background-position:50%;background-repeat:no-repeat;background-size:cover;width:100%;height:200px;margin:0 0 48px}@media (min-width:576px){.image{height:400px;margin-bottom:56px}}@media (min-width:1024px){.image{background-image:url(background.40e98997.png);height:460px}}.contacts input:-webkit-autofill{-webkit-text-fill-color:#292929;border:#292929;transition:background-color 5000s ease-in-out;-webkit-box-shadow:inset 0 0 0 1000px #f8f8fa}.contacts input:-webkit-autofill:hover{-webkit-text-fill-color:#292929;border:#292929;transition:background-color 5000s ease-in-out;-webkit-box-shadow:inset 0 0 0 1000px #f8f8fa}.contacts input:-webkit-autofill:focus{-webkit-text-fill-color:#292929;border:#292929;transition:background-color 5000s ease-in-out;-webkit-box-shadow:inset 0 0 0 1000px #f8f8fa}.contacts textarea:-webkit-autofill{-webkit-text-fill-color:#292929;border:#292929;transition:background-color 5000s ease-in-out;-webkit-box-shadow:inset 0 0 0 1000px #f8f8fa}.contacts textarea:-webkit-autofill:hover{-webkit-text-fill-color:#292929;border:#292929;transition:background-color 5000s ease-in-out;-webkit-box-shadow:inset 0 0 0 1000px #f8f8fa}.contacts textarea:-webkit-autofill:focus{-webkit-text-fill-color:#292929;border:#292929;transition:background-color 5000s ease-in-out;-webkit-box-shadow:inset 0 0 0 1000px #f8f8fa}.contacts select:-webkit-autofill{-webkit-text-fill-color:#292929;border:#292929;transition:background-color 5000s ease-in-out;-webkit-box-shadow:inset 0 0 0 1000px #f8f8fa}.contacts select:-webkit-autofill:hover{-webkit-text-fill-color:#292929;border:#292929;transition:background-color 5000s ease-in-out;-webkit-box-shadow:inset 0 0 0 1000px #f8f8fa}.contacts select:-webkit-autofill:focus{-webkit-text-fill-color:#292929;border:#292929;transition:background-color 5000s ease-in-out;-webkit-box-shadow:inset 0 0 0 1000px #f8f8fa}.contacts__wrapper{row-gap:80px;display:grid}@media (min-width:1024px){.contacts__wrapper{--columns:2;grid-template-columns:repeat(var(--columns),1fr);column-gap:20px;display:grid}}@media (min-width:1024px) and (min-width:576px){.contacts__wrapper{--columns:6;column-gap:24px}}@media (min-width:1024px) and (min-width:1024px){.contacts__wrapper{--columns:12}}.contacts__form{row-gap:32px;display:grid}@media (min-width:1024px){.contacts__form{grid-column:span 5}}.contacts__text-areas{row-gap:16px;display:grid}.contacts__input{color:#292929;box-sizing:border-box;background-color:#f8f8fa;border:0;border-radius:8px;outline:none;width:100%;height:48px;padding:14px 16px;font-family:Space Mono,sans-serif;font-size:14px;font-weight:400;line-height:19.6px}.contacts__input:hover{border:1px solid #d5d7de}.contacts__input:hover::placeholder{color:#292929}.contacts__input:hover::placeholder{color:#292929}.contacts__input:focus{color:#292929;border:1px solid #292929}.contacts__message{resize:none;height:148px}.contacts__info{-ms-flex-direction:column;flex-direction:column;gap:24px;display:-ms-flexbox;display:flex}@media (min-width:1024px){.contacts__info{grid-column:7/-1}}.contacts__info-name{color:#9393a3;margin:0 0 8px;font-family:Space Mono,sans-serif;font-size:14px;font-weight:400}.contacts__info-details{color:#292929;margin:0;font-family:Space Mono,sans-serif;font-size:16px;font-weight:400;line-height:22.4px;text-decoration:none}.contacts__info-details:hover{text-decoration:underline}
/*# sourceMappingURL=index.3ddb53cc.css.map */