.container{padding-inline:20px}@media (min-width: 576px){.container{max-width:1020px;margin-inline:auto;padding-inline:72px}}.page{font-family:Space Grotesk,sans-serif;color:#292929;font-size:16px;line-height:140%;scroll-behavior:smooth}.page__body{overflow-x:hidden;margin:0;min-width:320px}.page__menu{position:fixed;top:0;right:0;left:0;opacity:0;transform:translate(-100%);transition:all .3s;pointer-events:none}.page__menu:target{opacity:1;transform:translate(0);pointer-events:all}.page:has(.page__menu:target){overflow:hidden}.header{background-image:url(/layout_landing-page/assets/background-C8EbPPz2.png);background-size:cover;background-position:center}.header__content{height:100vh;display:flex;flex-direction:column;justify-content:space-between}.header__title{font-weight:700;font-size:36px;line-height:100%;margin:0}@media (min-width: 576px){.header__title{font-size:48px}}@media (min-width: 1024px){.header__title{font-size:56px}}.header__bottom{padding-bottom:40px}@media (min-width: 576px){.header__bottom{padding-bottom:65px}}.icon{display:block;width:24px;height:24px;background-size:cover;transition:transform .3s}.icon:hover{transform:scale(1.2)}@media (min-width: 576px){.icon{height:32px;width:32px}}.icon--phone{position:relative;background-image:url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_6802_312)'%3e%3cpath%20d='M20.01%2015.38C18.78%2015.38%2017.59%2015.18%2016.48%2014.82C16.13%2014.7%2015.74%2014.79%2015.47%2015.06L13.9%2017.03C11.07%2015.68%208.42%2013.13%207.01%2010.2L8.96%208.54C9.23%208.26%209.31%207.87%209.2%207.52C8.83%206.41%208.64%205.22%208.64%203.99C8.64%203.45%208.19%203%207.65%203H4.19C3.65%203%203%203.24%203%203.99C3%2013.28%2010.73%2021%2020.01%2021C20.72%2021%2021%2020.37%2021%2019.82V16.37C21%2015.83%2020.55%2015.38%2020.01%2015.38Z'%20fill='%23292929'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_6802_312'%3e%3crect%20width='24'%20height='24'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");text-decoration:none;transition:.3s}@media (min-width: 1024px){.icon--phone:before{content:"+1 234 5555-55-55";position:absolute;height:100%;right:100%;top:50%;transform:translateY(-50%);padding:0 5px;line-height:225%;font-weight:600;font-size:14px;white-space:nowrap;background-color:#fff;color:#292929;border-radius:8px;opacity:0}.icon--phone:hover:before{opacity:1;transition:.3s}}.icon--menu{background-image:url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_6802_361)'%3e%3cpath%20d='M3%2017C3%2017.5523%203.44772%2018%204%2018H20C20.5523%2018%2021%2017.5523%2021%2017C21%2016.4477%2020.5523%2016%2020%2016H4C3.44772%2016%203%2016.4477%203%2017ZM3%2012C3%2012.5523%203.44772%2013%204%2013H20C20.5523%2013%2021%2012.5523%2021%2012C21%2011.4477%2020.5523%2011%2020%2011H4C3.44772%2011%203%2011.4477%203%2012ZM4%206C3.44772%206%203%206.44772%203%207C3%207.55228%203.44772%208%204%208H20C20.5523%208%2021%207.55228%2021%207C21%206.44772%2020.5523%206%2020%206H4Z'%20fill='%23292929'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_6802_361'%3e%3crect%20width='24'%20height='24'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e")}.icon--menu:hover{background-image:url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_6802_362)'%3e%3cpath%20d='M3%2017C3%2017.5523%203.44772%2018%204%2018H11C11.5523%2018%2012%2017.5523%2012%2017C12%2016.4477%2011.5523%2016%2011%2016H4C3.44772%2016%203%2016.4477%203%2017ZM3%2012C3%2012.5523%203.44772%2013%204%2013H20C20.5523%2013%2021%2012.5523%2021%2012C21%2011.4477%2020.5523%2011%2020%2011H4C3.44772%2011%203%2011.4477%203%2012ZM4%206C3.44772%206%203%206.44772%203%207C3%207.55228%203.44772%208%204%208H15C15.5523%208%2016%207.55228%2016%207C16%206.44772%2015.5523%206%2015%206H4Z'%20fill='%23292929'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_6802_362'%3e%3crect%20width='24'%20height='24'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e")}.icon--close{background-image:url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M19.1943%206.41714C19.6393%205.97216%2019.6393%205.2507%2019.1943%204.80571C18.7493%204.36073%2018.0278%204.36073%2017.5829%204.80571L12%2010.3886L6.41714%204.80572C5.97216%204.36073%205.2507%204.36073%204.80571%204.80571C4.36073%205.2507%204.36073%205.97216%204.80571%206.41714L10.3886%2012L4.80572%2017.5829C4.36073%2018.0278%204.36073%2018.7493%204.80571%2019.1943C5.2507%2019.6393%205.97216%2019.6393%206.41714%2019.1943L12%2013.6114L17.5829%2019.1943C18.0278%2019.6393%2018.7493%2019.6393%2019.1943%2019.1943C19.6393%2018.7493%2019.6393%2018.0278%2019.1943%2017.5829L13.6114%2012L19.1943%206.41714Z'%20fill='%23292929'/%3e%3c/svg%3e")}.menu{box-sizing:border-box;height:100vh;background-color:#e5e6e8;font-weight:700}.menu__top{margin-bottom:32px}@media (min-width: 576px){.menu__top{margin-bottom:0}}.menu__nav{margin-bottom:48px}.menu__phone-number{display:block;margin-bottom:16px;font-size:16px;letter-spacing:2px;color:inherit;text-decoration:none}.menu__call-to-order{display:block;width:fit-content;padding-bottom:7px;border-bottom:1px solid #292929;font-size:16px;letter-spacing:2px;color:inherit;text-decoration:none;text-transform:uppercase}.nav__list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:32px}.nav__link{position:relative;font-size:22px;line-height:22px;letter-spacing:2px;color:inherit;text-decoration:none}.nav__link:after{content:"";position:absolute;bottom:-8px;display:block;height:1px;width:100%;background-color:#292929;transform:scale(0);transition:transform .3s;transform-origin:left}.nav__link:hover:after{transform:scale(1)}.top-bar{padding-block:24px;display:flex;align-items:center;justify-content:space-between}@media (min-width: 576px){.top-bar{padding-block:64px}}.top-bar__logo{display:flex;height:16px;transition:transform .3s}.top-bar__logo:hover{transform:scale(1.2)}@media (min-width: 576px){.top-bar__logo{height:24px}}.top-bar__icons{display:flex;gap:24px}.section__title{margin:0 0 48px;font-weight:700;font-size:32px;line-height:100%;text-align:left;letter-spacing:1px}@media (min-width: 576px){.section__title{font-size:40px;margin-bottom:56px}}@media (min-width: 1024px){.section__title{font-size:48px;margin-bottom:56px}}.product{padding:0}.product__title{margin:0 0 8px;font-weight:700;font-size:16px;line-height:140%}.product__photo{margin-bottom:24px;width:100%}.product__description{margin:0 0 12px;font-weight:400;font-size:16px;line-height:140%}@media (min-width: 1024px){.product__description--hide{display:none}}.product__price{margin:0;font-weight:700;font-size:16px;line-height:140%}.recommended__products{--columns: 2;display:grid;column-gap:20px;grid-template-columns:repeat(var(--columns),1fr)}@media (min-width: 576px){.recommended__products{--columns: 6;column-gap:24px}}@media (min-width: 1024px){.recommended__products{--columns: 12;column-gap:24px}}.recommended__products{row-gap:40px}.recommended__product{grid-column:1/-1;cursor:pointer}@media (min-width: 1024px){.recommended__product{grid-column:span 4}}.recommended__product{transition:transform .3s}.recommended__product:hover{transform:scale(1.05)}.about-us{--columns: 2;display:grid;column-gap:20px;grid-template-columns:repeat(var(--columns),1fr)}@media (min-width: 576px){.about-us{--columns: 6;column-gap:24px}}@media (min-width: 1024px){.about-us{--columns: 12;column-gap:24px}}.about-us__content{grid-column:1/-1}@media (min-width: 576px){.about-us__content{grid-column:4/7}}@media (min-width: 1024px){.about-us__content{grid-column:span 6}}.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{margin:0;font-weight:400;font-size:16px;line-height:140%;letter-spacing:0}.categories__wrapper{--columns: 2;display:grid;column-gap:20px;grid-template-columns:repeat(var(--columns),1fr)}@media (min-width: 576px){.categories__wrapper{--columns: 6;column-gap:24px}}@media (min-width: 1024px){.categories__wrapper{--columns: 12;column-gap:24px}}.categories__wrapper{row-gap:40px}@media (min-width: 576px){.categories{row-gap:64px}}.categories__btn{display:flex;justify-content:center;align-items:center;grid-column:1/-1;box-sizing:border-box;height:56px;color:#fff;text-decoration:none;font-weight:700;font-size:16px;border-radius:8px;background-color:#292929;transition:.3s}@media (min-width: 1024px){.categories__btn{grid-column:span 4}}.categories__btn:hover{background-color:#f8f8fa;color:#292929;border:2px solid #f0f1f4}.categories__btn:active{background-color:#111;color:#fff}.category{--columns: 2;display:grid;column-gap:20px;grid-template-columns:repeat(var(--columns),1fr)}@media (min-width: 576px){.category{--columns: 6;column-gap:24px}}@media (min-width: 1024px){.category{--columns: 12;column-gap:24px}}.category{grid-column:1/-1}@media (min-width: 576px){.category{grid-column:span 6}}@media (min-width: 1024px){.category{grid-column:span 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{padding-bottom:100%;height:0}@media (min-width: 576px){.category__link--square{grid-column:span 2}}@media (min-width: 1024px){.category__link--square{grid-column:span 4}}.category__photo{box-sizing:border-box;position:absolute;width:100%;height:100%;object-fit:cover;transition:transform .3s}.category__photo:hover{transform:scale(1.05)}.category__title{position:relative;margin:16px 0 0;font-weight:700;font-size:18px;line-height:140%;grid-column:span 2}@media (min-width: 576px){.category__title{font-size:24px}}@media (min-width: 1024px){.category__title{font-size:24px}}.contacts{--columns: 2;display:grid;column-gap:20px;grid-template-columns:repeat(var(--columns),1fr)}@media (min-width: 576px){.contacts{--columns: 6;column-gap:24px}}@media (min-width: 1024px){.contacts{--columns: 12;column-gap:24px}}.contacts,.contacts__title{grid-column:1/-1}.contacts__info{grid-column:span 2;margin-top:48px}@media (min-width: 576px){.contacts__info{grid-column:span 4;margin-top:80px}}@media (min-width: 1024px){.contacts__info{grid-column:7/-1;margin-top:0}}.contacts__item{margin-bottom:24px}.contacts__item-title{color:#9393a3;font-weight:400;font-size:14px;line-height:140%;margin:0 0 8px}.contacts__link{color:#191919;font-weight:400;line-height:140%;text-decoration:none}.contacts__link:hover{text-decoration:underline}.contacts__form{--columns: 2;display:grid;column-gap:20px;grid-template-columns:repeat(var(--columns),1fr)}@media (min-width: 576px){.contacts__form{--columns: 6;column-gap:24px}}@media (min-width: 1024px){.contacts__form{--columns: 12;column-gap:24px}}.contacts__form{row-gap:16px;grid-column:1/-1}@media (min-width: 1024px){.contacts__form{grid-column:span 5}}.contacts__input{font-family:Space Grotesk,sans-serif;box-sizing:border-box;height:48px;width:100%;border:none;border-radius:8px;grid-column:1/-1;padding:14px 16px;background-color:#f8f8fa}.contacts__input::placeholder{font-family:Space Grotesk,sans-serif;color:#7e7e83;font-size:14px;font-weight:400;line-height:140%}.contacts__message{font-family:Space Grotesk,sans-serif;grid-column:1/-1;box-sizing:border-box;width:100%;height:148px;border-radius:8px;padding:14px 16px;border:none;resize:none;background-color:#f8f8fa}.contacts__message::placeholder{font-family:Space Grotesk,sans-serif;color:#7e7e83;font-size:14px;font-weight:400;line-height:140%}.contacts__btn{display:flex;justify-content:center;align-items:center;grid-column:1/-1;box-sizing:border-box;height:56px;cursor:pointer;color:#fff;text-decoration:none;font-weight:700;font-size:16px;border-radius:8px;background-color:#292929;transition:.3s}.contacts__btn:hover{background-color:#f8f8fa;color:#292929;border:2px solid #f0f1f4}.contacts__btn:active{background-color:#111;color:#fff}.main{background-color:#fff}.main__content{display:grid;row-gap:96px;padding-block:96px}@media (min-width: 576px){.main__content{padding-block:120px;row-gap:120px}}.main__section-separator{width:100vw;margin-left:calc(-50vw + 50%);height:200px;object-fit:cover}@media (min-width: 576px){.main__section-separator{height:400px}}@media (min-width: 1024px){.main__section-separator{height:460px}}