.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:#1b2129;scroll-behavior:smooth;font-family:Manrope,serif;font-weight:700}.page:has(.page__menu:target){overflow:hidden}.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)}.header{background-image:url(header-bg.afdc802c.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{size:36px;color:#fff;line-height:36px}@media (min-width:576px){.header__title{font-size:48px;line-height:48px}}.header__bottom{padding-bottom:40px}@media (min-width:576px){.header__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:32px;padding-bottom:32px}}.top-bar__icons,.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: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(icon-phone.d181234c.svg)}.icon--menu{background-image:url(icon-burger-menu.fd26e13d.svg);margin-left:24px}.icon--menu:hover{background-image:url(icon-burger-menu-hover.535f3edf.svg)}.icon--close{background-image:url(icon-close.31bb77d6.svg)}.menu{box-sizing:border-box;background-color:#f9f9f9;height:100vh;font-weight:700}.menu-top{margin-bottom:32px}@media (min-width:576px){.menu-top{margin-bottom:56px}}.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{letter-spacing:2px;color:inherit;text-transform:uppercase;border-bottom:1px solid #1b2129;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;margin:0;padding:0;list-style-type:none;display:-ms-flexbox;display:flex}.nav__item{margin-top:32px}.nav__item:first-child{margin-top:0}.nav__link{letter-spacing:0;color:inherit;font-size:22px;line-height:22px;text-decoration:none;position:relative}.nav__link:after{content:"";transform-origin:0;background-color:#1b2129;width:100%;height:1px;transition:transform .3s;display:block;position:absolute;bottom:-8px;transform:scale(0)}.nav__link:hover:after{transform:scale(1)}.main-container{background-color:#fff;row-gap:96px;padding-top:64px;padding-bottom:64px;display:grid}@media (min-width:576px){.main-container{row-gap:120px;padding-top:120px;padding-bottom:120px}}.recomended__products{grid-template-columns:repeat(2,1fr);gap:40px 20px;display:grid}@media (min-width:576px){.recomended__products{grid-template-columns:repeat(6,1fr)}}@media (min-width:1024px){.recomended__products{grid-template-columns:repeat(12,1fr)}}.recomended__product{grid-column:1/-1}@media (min-width:576px){.recomended__product{grid-column:2/-2}}@media (min-width:1024px){.recomended__product{grid-column:span 4}}.section-title{margin:0 0 48px;font-size:32px;font-weight:700;line-height:100%}@media (min-width:576px){.section-title{margin-bottom:56px;font-size:40px}}@media (min-width:1024px){.section-title{font-size:48px}}.product{letter-spacing:1px;font-weight:700}.product__link{width:100%;transition:transform .3s;display:block}.product__link:hover{transform:scale(1.1)}.product__photo{width:100%}.product__title{margin:24px 0 0;font-size:18px;line-height:25.2px}.product__desctiption{margin:8px 0 0;font-size:16px;font-weight:400;line-height:22.4px}.product__price{margin:12px 0 0;font-size:18px;line-height:25.2px}@media (min-width:576px){.product__price{margin-top:34px}}@media (min-width:1024px){.product__price{margin-top:12px}}.categories__wrapper{row-gap:40px;display:grid}@media (min-width:576px){.categories__wrapper{row-gap:56px}}.categories__btn{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}@media (min-width:576px){.categories__btn{grid-template-columns:repeat(6,1fr)}}@media (min-width:1024px){.categories__btn{grid-template-columns:repeat(12,1fr)}}.categories__link{text-align:center;color:#fff;background-color:#f98921;border-radius:8px;grid-column:1/-1;padding:14.5px 0;text-decoration:none;transition:all .3s}.categories__link:hover{background-color:#1b2129}.categories__link:active{background-color:#010810}@media (min-width:1024px){.categories__link{grid-column:1/4}}.components{row-gap:16px;display:grid}.components__photos{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}@media (min-width:576px){.components__photos{grid-template-columns:repeat(6,1fr)}}@media (min-width:1024px){.components__photos{grid-template-columns:repeat(12,1fr)}}@media (min-width:576px){.components__photos{column-gap:24px}}.components__photo{width:100%}.components__link{grid-column:1 span;transition:transform .3s;display:block}.components__link:hover{transform:scale(1.05)}@media (min-width:576px){.components__link{grid-column:3 span}}@media (min-width:1024px){.components__link{grid-column:6 span}}.components__title{letter-spacing:1px;margin:0;font-size:18px;font-weight:700;line-height:25.2px}@media (min-width:576px){.components__title{font-size:24px;line-height:33.6px}}.about-us{background-color:#fcfaef}.about-us__img{background-image:url(about-us-2x.0482215d.png);background-position:50%;background-size:cover;height:200px;margin:0}.about-us__all-text{color:#1b2129;grid-template-columns:repeat(2,1fr);gap:20px;padding:48px 0;display:grid}@media (min-width:576px){.about-us__all-text{grid-template-columns:repeat(6,1fr)}}@media (min-width:1024px){.about-us__all-text{grid-template-columns:repeat(12,1fr)}}@media (min-width:576px){.about-us__all-text{padding:120px 0}}.about-us__title{letter-spacing:1px;grid-column:1/-1;margin:0;font-size:32px;font-weight:700;line-height:32px}@media (min-width:576px){.about-us__title{grid-column:1/3;gap:24px}}@media (min-width:1024px){.about-us__title{grid-column:1/6}}.about-us__description{letter-spacing:.15px;grid-column:1/-1;margin:0;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:8/-1}}.contact-us__box{grid-template-columns:repeat(2,1fr);gap:48px 20px;display:grid}@media (min-width:576px){.contact-us__box{grid-template-columns:repeat(6,1fr)}}@media (min-width:1024px){.contact-us__box{grid-template-columns:repeat(12,1fr)}}@media (min-width:576px){.contact-us__box{row-gap:80px}}.contact-us__form{grid-column:1/-1}@media (min-width:576px){.contact-us__form{gap:24px}}@media (min-width:1024px){.contact-us__form{grid-column:1/7}}.contact-us__contacts{grid-column:1/-1}@media (min-width:576px){.contact-us__contacts{grid-column:span 2;gap:24px}}@media (min-width:1024px){.contact-us__contacts{grid-column:8/-1}}.contacts{row-gap:24px;display:grid}.contacts__contact{row-gap:8px;display:grid}.contacts__title{letter-spacing:1px;color:#9393a3;margin:0;font-size:14px;font-weight:400;line-height:19.6px}.contacts__inf{letter-spacing:1px;color:#191919;font-size:16px;font-weight:400;line-height:22.4px;text-decoration:none}.contacts__inf:hover{cursor:pointer;color:#f98921}.form{row-gap:32px;display:grid}.form__inputs{row-gap:16px;display:grid}.form__input{color:#1b2129;background-color:#f9f9f9;border:none;border-radius:8px;padding:14px 16px;text-decoration:none}.form__input-textarea{resize:none;height:148px}.form__input::placeholder{color:#7e7e83}.form__input::placeholder{color:#7e7e83}.form__input:hover{border:1px solid #dbdbdb}.form__input:focus{border:3px solid #f98921;outline:none}.form__btn{text-align:center;color:#fff;background-color:#f98921;border:none;border-radius:8px;padding:14.5px 0;text-decoration:none;transition:all .3s}.form__btn:hover{background-color:#1b2129}.form__btn:active{background-color:#010810}
/*# sourceMappingURL=index.9da10aac.css.map */