.page{color:#1b2129;scroll-behavior:smooth;font-family:Manrope,Arial,sans-serif}.page__body{min-width:320px;margin:0}.page__menu{pointer-events:none;opacity:0;transition:all .3s;position:fixed;top:0;left:0;right:0;transform:translate(-100%)}.page__menu:target{pointer-events:all;opacity:1;transform:translate(0)}.page:has(.page__menu:target){overflow:hidden}.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(bg-image.9f6da91b.avif);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{color:#fff;margin:0;font-size:36px;font-weight:700;line-height:36px}@media (min-width:576px){.header__title{font-size:48px;line-height:48px}}@media (min-width:1024px){.header__title{font-size:56px;line-height:56px}}.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{gap:24px;display:-ms-flexbox;display:flex}@media (min-width:576px){.top-bar__icons{gap:32px}}.top-bar__logo-link{display:-ms-flexbox;display:flex}.top-bar__logo{width:152px;height:16px;transition:transform .3s}@media (min-width:576px){.top-bar__logo{width:228px;height:24px}}.top-bar__logo:hover{transform:scale(1.05)}.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;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:-4px;transform:scale(0)}.nav__link:hover:after{transform:scale(1)}.menu{box-sizing:border-box;background-color:#e5e5e5;height:100vh;font-weight:700;overflow:auto}.menu__top{z-index:1;margin-bottom:32px;position:sticky;top:0}@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:22px;text-decoration:none;display:block}.menu__call-to-order{color:inherit;letter-spacing:2px;text-transform:uppercase;border-bottom:1px solid #1b2129;width:fit-content;padding-bottom:4px;font-size:16px;line-height:22px;text-decoration:none;display:block}.icon{background-position:50%;background-size:cover;width:24px;height:24px;transition:transform .3s;display:block}.icon:hover{transform:scale(1.05)}@media (min-width:576px){.icon{width:32px;height:32px}}.icon--phone{background-image:url(icon-phone-call.f6952e2b.avif)}@media (min-width:1024px){.icon--phone{color:inherit;text-wrap:nowrap;letter-spacing:2px;font-family:Inter,Arial,sans-serif;font-size:12px;font-weight:700;line-height:16px;text-decoration:none;display:-ms-flexbox;display:flex;position:relative}.icon--phone:after{content:"+1 234 555-55-55";-ms-flex-item-align:center;align-self:center;display:none;position:absolute;left:-8px;transform:translate(-100%)}.icon--phone:hover:after{display:block}}.icon--menu{background-image:url(icon-burger-menu.143c2a1c.avif);transition:background-image .3s}.icon--menu:hover{background-image:url(icon-burger-menu-hover.261c90e2.avif)}.icon--close{background-image:url(icon-close.bcf68ac2.avif)}.main__content{row-gap:96px;padding-top:64px;padding-bottom:64px;display:grid}@media (min-width:576px){.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:576px){.section-title{margin-bottom:56px;font-size:40px}}@media (min-width:1024px){.section-title{font-size:48px}}.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:2/-2}}@media (min-width:1024px){.recommended__product{grid-column:span 4}}.button{color:#fff;cursor:pointer;background-color:#f98921;border:none;border-radius:8px;outline:none;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;height:56px;font-size:16px;font-weight:700;transition:background-color .3s;display:-ms-flexbox;display:flex}.button:hover{background-color:#1b2129}.button:active{background-color:#010810}.categories__wrapper{row-gap:40px;display:grid}@media (min-width:576px){.categories__wrapper{row-gap:56px}}.categories__button{--columns:2;grid-template-columns:repeat(var(--columns),1fr);column-gap:20px;display:grid}@media (min-width:576px){.categories__button{--columns:6;column-gap:24px}}@media (min-width:1024px){.categories__button{--columns:12}}.categories__link{grid-column:1/-1;text-decoration:none}@media (min-width:1024px){.categories__link{grid-column:1/5}}.category:last-child{margin-bottom:40px}@media (min-width:576px){.category:last-child{margin-bottom: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{transition:transform .3s}@media (max-width:575.98px){.category__link{height:0;padding-bottom:100%;position:relative}}@media (min-width:576px){.category__link{grid-column:span 3}}@media (min-width:1024px){.category__link{grid-column:span 6}}.category__link:hover{transform:scale(1.05)}.category__photo{object-fit:cover;border-radius:4px;width:100%;height:100%}@media (max-width:575.98px){.category__photo{position:absolute}}.category__title{margin:0;font-size:18px;font-weight:700;line-height:25px}.product{font-weight:700;transition:transform .3s}.product:hover{transform:scale(1.05)}.product__photo{border-radius:4px;width:100%}.product__title{margin:0 0 8px;font-size:18px;line-height:25px}.product__description{letter-spacing:.15px;margin:0 0 12px;font-size:16px;font-weight:400;line-height:22px}.product__price{margin:0;font-size:16px;line-height:22px}.about-us{background-color:#fcfaef;margin:0 -20px}@media (min-width:576px){.about-us{margin:0 -72px}}@media (min-width:1024px){.about-us{margin:0 -120px}}.about-us__image{background-image:url(main-about-image.18056c64.avif);background-position:50%;background-size:cover;grid-column:1/-1;height:200px;margin-bottom:48px}@media (min-width:576px){.about-us__image{height:400px;margin-bottom:120px}}@media (min-width:1024px){.about-us__image{height:460px}}.about-us__content{--columns:2;grid-template-columns:repeat(var(--columns),1fr);column-gap:20px;margin:0 20px;display:grid}@media (min-width:576px){.about-us__content{--columns:6;column-gap:24px}}@media (min-width:1024px){.about-us__content{--columns:12}}@media (min-width:576px){.about-us__content{margin:0 72px}}@media (min-width:1024px){.about-us__content{margin:0 120px}}.about-us__title{grid-column:1/-1;margin-bottom:24px}@media (min-width:576px){.about-us__title{grid-column:1/4;margin-bottom:0}}@media (min-width:1024px){.about-us__title{grid-column:1/7}}@media (min-width:576px){.about-us__title--phrase-1{display:block}}@media (min-width:1024px){.about-us__title--phrase-1{display:inline}}@media (max-width:575.98px){.about-us__title--phrase-2{display:block}}.about-us__description{letter-spacing:.15px;grid-column:1/-1;margin:0 0 48px;font-size:16px;font-weight:400;line-height:22px}@media (min-width:576px){.about-us__description{grid-column:4/-1;margin-bottom:120px}}@media (min-width:1024px){.about-us__description{grid-column:8/-1}}.contact-us__content{--columns:2;grid-template-columns:repeat(var(--columns),1fr);gap:48px 20px;display:grid}@media (min-width:576px){.contact-us__content{--columns:6;column-gap:24px}}@media (min-width:1024px){.contact-us__content{--columns:12}}@media (min-width:576px){.contact-us__content{row-gap:80px}}.contact-us__form{grid-column:1/-1}@media (min-width:1024px){.contact-us__form{grid-column:1/7}}.contact-us__contacts{grid-column:1/-1}@media (min-width:1024px){.contact-us__contacts{grid-column:8/-1}}.form{display:grid}.form__field{box-sizing:border-box;letter-spacing:.15px;color:inherit;background-color:#f9f9f9;border:1px solid transparent;border-radius:8px;outline:none;height:48px;margin-bottom:16px;padding:0 16px;font-family:inherit;font-size:14px;font-weight:400;line-height:20px;transition:border-color .3s,color .3s}.form__field--textarea{resize:none;height:148px;padding:14px 16px}.form__field::placeholder{color:#7e7e83}.form__field::placeholder{color:#7e7e83}.form__field:nth-last-child(2){margin-bottom:32px}.form__field:hover{border-color:#dbdbdb}.form__field:hover::placeholder{color:inherit}.form__field:hover::placeholder{color:inherit}.form__field:focus{border:2px solid #f98921}.contacts__item:not(:last-child){margin-bottom:24px}.contacts__title{letter-spacing:.15px;color:#9393a3;margin:0 0 8px;font-size:14px;font-weight:400;line-height:20px}.contacts__link{letter-spacing:.15px;color:#191919;margin:0;font-size:16px;font-weight:400;line-height:22px;text-decoration:none;transition:opacity .3s}.contacts__link:hover{opacity:.8}
/*# sourceMappingURL=index.7bf1020c.css.map */