.container{padding-inline:20px;margin-inline:auto}@media (min-width: 600px){.container{max-width:744px;padding-inline:72px}}@media (min-width: 1020px){.container{max-width:1260px;padding-inline:120px}}.container--products{display:flex;flex-direction:column;gap:96px;padding-block:96px}@media (min-width: 600px){.container--products{gap:120px;padding-block:120px}}.container--infos{display:flex;flex-direction:column;gap:96px;padding-top:48px;padding-bottom:96px}@media (min-width: 600px){.container--infos{gap:120px;padding-top:56px;padding-bottom:120px}}html{box-sizing:border-box}body{box-sizing:inherit;margin:0}img{display:block;max-width:100%}.top-bar{padding-block:28px;display:flex;justify-content:space-between;align-items:center}@media (min-width: 600px){.top-bar{padding-block:36px}}.top-bar__icons{display:flex;gap:24px}.top-bar__logo-link{cursor:pointer;display:flex;transition:transform .35s}.top-bar__logo-link:hover{transform:scale(1.04)}.top-bar__logo{display:flex;height:16px;width:auto}@media (min-width: 600px){.top-bar__logo{height:24px}}.header{background-image:url(/layout_landing-page/assets/hero-Ci99En4H.png);background-size:cover;background-position:center}.header__content{height:100vh;display:flex;flex-direction:column;justify-content:space-between}.header__title{margin:0;font-family:Space Grotesk,sans-serif;font-weight:700;font-size:36px}@media (min-width: 600px){.header__title{max-width:392px;font-size:48px}}@media (min-width: 1020px){.header__title{max-width:498}}.header__bottom{padding-bottom:40px}@media (min-width: 600px){.header__bottom{padding-bottom:65px}}.menu{box-sizing:border-box;height:100vh;background-color:#e5e6e8;overflow:auto}.menu__top{margin-bottom:32px;background-color:#e5e5e5;position:sticky;top:0;z-index:1}@media (min-width: 600px){.menu__top{margin-bottom:56px}}.menu__nav{margin-bottom:40px}.menu__phone-number{text-transform:uppercase;text-decoration:none;display:block;margin-bottom:16px;color:inherit;font-weight:500}.menu__call-to-order{text-transform:uppercase;text-decoration:none;display:block;width:fit-content;padding-bottom:3px;border-bottom:1px solid #292929;letter-spacing:2px;color:inherit;font-weight:500}.nav__list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:32px}.nav__link{text-decoration:none;color:inherit;font-weight:500;font-size:22px;line-height:22px;letter-spacing:2px;position:relative}.nav__link:after{content:"";position:absolute;bottom:-4px;display:block;height:1px;background-color:transparent;width:100%;transition:transform .35s;transform:scale(0);transform-origin:left}.nav__link:hover:after{background-color:#292929;transform:scale(1)}.icon{display:block;height:24px;width:24px;background-size:contain;background-repeat:no-repeat;background-position:center}@media (min-width: 600px){.icon{height:32px;width:32px}}.icon--phone{background-image:url("data:image/svg+xml,%3csvg%20width='18'%20height='18'%20viewBox='0%200%2018%2018'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M17.01%2012.38C15.78%2012.38%2014.59%2012.18%2013.48%2011.82C13.13%2011.7%2012.74%2011.79%2012.47%2012.06L10.9%2014.03C8.07%2012.68%205.42%2010.13%204.01%207.2L5.96%205.54C6.23%205.26%206.31%204.87%206.2%204.52C5.83%203.41%205.64%202.22%205.64%200.99C5.64%200.45%205.19%200%204.65%200H1.19C0.65%200%200%200.24%200%200.99C0%2010.28%207.73%2018%2017.01%2018C17.72%2018%2018%2017.37%2018%2016.82V13.37C18%2012.83%2017.55%2012.38%2017.01%2012.38Z'%20fill='%23292929'/%3e%3c/svg%3e");background-position:right center;position:relative;transition:transform .35s}.icon--phone:hover{transform:scale(1.04)}.icon--phone:before{content:"+1 234 555-55-55";position:absolute;right:100%;top:50%;transform:translateY(-50%) translate(10px);margin-right:8px;opacity:0;pointer-events:none;font-weight:700;font-size:12px;line-height:16px;letter-spacing:2px;color:#292929;white-space:nowrap;transition:opacity .35s,transform .35s;display:none}@media (min-width: 600px){.icon--phone:before{display:block}}.icon--phone:hover:before{opacity:1;transform:translateY(-50%) translate(0)}.icon--menu{background-image:url("data:image/svg+xml,%3csvg%20width='18'%20height='12'%20viewBox='0%200%2018%2012'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M0%2011C0%2011.5523%200.447715%2012%201%2012H17C17.5523%2012%2018%2011.5523%2018%2011C18%2010.4477%2017.5523%2010%2017%2010H1C0.447716%2010%200%2010.4477%200%2011ZM0%206C0%206.55228%200.447715%207%201%207H17C17.5523%207%2018%206.55228%2018%206C18%205.44772%2017.5523%205%2017%205H1C0.447716%205%200%205.44772%200%206ZM1%200C0.447716%200%200%200.447715%200%201C0%201.55228%200.447715%202%201%202H17C17.5523%202%2018%201.55228%2018%201C18%200.447715%2017.5523%200%2017%200H1Z'%20fill='%23292929'/%3e%3c/svg%3e");transition:transform .35s}.icon--menu:hover{transform:scale(1.04)}.icon--menu:hover{background-image:url("data:image/svg+xml,%3csvg%20width='18'%20height='12'%20viewBox='0%200%2018%2012'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M0%2011C0%2011.5523%200.447715%2012%201%2012H8C8.55229%2012%209%2011.5523%209%2011C9%2010.4477%208.55229%2010%208%2010H1C0.447715%2010%200%2010.4477%200%2011ZM0%206C0%206.55228%200.447715%207%201%207H17C17.5523%207%2018%206.55228%2018%206C18%205.44772%2017.5523%205%2017%205H1C0.447716%205%200%205.44772%200%206ZM1%200C0.447715%200%200%200.447715%200%201C0%201.55228%200.447715%202%201%202H12C12.5523%202%2013%201.55228%2013%201C13%200.447715%2012.5523%200%2012%200H1Z'%20fill='%23292929'/%3e%3c/svg%3e")}.icon--close{background-image:url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M14.7224%201.94522C15.1673%201.50024%2015.1673%200.778774%2014.7224%200.33379C14.2774%20-0.111193%2013.5559%20-0.111193%2013.1109%200.33379L7.52808%205.91665L1.94522%200.333792C1.50024%20-0.111192%200.778774%20-0.111193%200.33379%200.33379C-0.111193%200.778774%20-0.111193%201.50024%200.33379%201.94522L5.91665%207.52808L0.333792%2013.1109C-0.111192%2013.5559%20-0.111193%2014.2774%200.33379%2014.7224C0.778774%2015.1673%201.50024%2015.1673%201.94522%2014.7224L7.52808%209.13951L13.1109%2014.7224C13.5559%2015.1673%2014.2774%2015.1673%2014.7224%2014.7224C15.1673%2014.2774%2015.1673%2013.5559%2014.7224%2013.1109L9.13951%207.52808L14.7224%201.94522Z'%20fill='%23292929'/%3e%3c/svg%3e");transition:transform .35s}.icon--close:hover{transform:rotate(45deg)}.page{font-family:Space Grotesk,sans-serif;color:#292929;line-height:1.4;font-size:16px;scroll-behavior:smooth}.page__body{margin:0;min-width:320px}.page__menu{position:fixed;top:0;left:0;right:0;transition:all .35s;opacity:0;transform:translate3d(-100%,0,0);pointer-events:none}.page__menu:target{opacity:1;transform:translateZ(0);pointer-events:all}.page:has(.page__menu:target){overflow:hidden}.section-title{margin:0 0 48px;font-weight:700;font-size:32px}@media (min-width: 600px){.section-title{margin-bottom:56px;font-size:40px}}@media (min-width: 1020px){.section-title{margin-bottom:56px;font-size:48px}}.recommended__products{--columns: 2;display:grid;width:100%;column-gap:20px;grid-template-columns:repeat(var(--columns),1fr)}@media (min-width: 600px){.recommended__products{--columns: 6;column-gap:24px}}@media (min-width: 1020px){.recommended__products{--columns: 12}}.recommended__products{row-gap:40px}@media (min-width: 600px){.recommended__products{row-gap:56px}}.recommended__product{border-radius:4px;grid-column:span 2}@media (min-width: 600px){.recommended__product{grid-column:span 6}}@media (min-width: 1020px){.recommended__product{grid-column:span 4}}.product{overflow:hidden}.product__photo{width:100%;transition:transform .35s}.product__photo:hover{transform:scale(1.04)}.product__title{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:18px;margin:24px 0 0;line-height:1.4}.product__description{font-family:Space Mono,monospace;margin:8px 0 0;font-weight:400;font-size:16px;line-height:1.4}.product__price{font-family:Space Grotesk,sans-serif;margin:12px 0 0;font-weight:700;font-size:16px;line-height:1.4}.about{--columns: 2;display:grid;width:100%;column-gap:20px;grid-template-columns:repeat(var(--columns),1fr)}@media (min-width: 600px){.about{--columns: 6;column-gap:24px}}@media (min-width: 1020px){.about{--columns: 12}}.about__photo-link{display:block;overflow:hidden;transition:transform .35s}.about__photo-link:hover{transform:scale(1.04)}.about__photo{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;max-height:200px}@media (min-width: 600px){.about__photo{max-height:400px}}@media (min-width: 1020px){.about__photo{max-height:460px}}.about__title{grid-column:1/-1}@media (min-width: 600px){.about__title{grid-column:1/4}}@media (min-width: 1020px){.about__title{grid-column:span 6}}.about__text{margin:0;line-height:1.4;grid-column:1/-1}@media (min-width: 600px){.about__text{grid-column:4/-1}}@media (min-width: 1020px){.about__text{grid-column:span 6}}.categories__wrapper{display:grid;row-gap:40px;margin-bottom:40px}@media (min-width: 600px){.categories__wrapper{row-gap:56px}}.categories__button{display:block;text-align:center;color:#fff;font-family:Space Grotesk,sans-serif;font-size:16px;font-weight:700;border:2px solid #292929;border-radius:8px;padding-block:14px;padding-inline:48px;background-color:#292929;margin-top:32px;cursor:pointer;text-decoration:none;transition:background-color .35s}.categories__button:hover{background-color:#f8f8fa}.categories__button{transition:background-color .35s,color .35s}.categories__button:hover{background-color:#f8f8fa;border-color:#f0f1f4;color:#292929}.categories__button{margin-top:32px}.category__photos{--columns: 2;display:grid;width:100%;column-gap:20px;grid-template-columns:repeat(var(--columns),1fr)}@media (min-width: 600px){.category__photos{--columns: 6;column-gap:24px}}@media (min-width: 1020px){.category__photos{--columns: 12}}.category__photos{margin-bottom:16px;align-items:stretch}.category__link{overflow:hidden;display:block;position:relative;width:100%}.category__link--wide{grid-column:span 1;aspect-ratio:1}@media (min-width: 600px){.category__link--wide{grid-column:span 4;aspect-ratio:2/1}}@media (min-width: 1020px){.category__link--wide{grid-column:span 8}}.category__link--square{grid-column:span 1;aspect-ratio:1}@media (min-width: 600px){.category__link--square{grid-column:span 2}}@media (min-width: 1020px){.category__link--square{grid-column:span 4}}.category__photo{display:block;border-radius:4px;width:100%;height:100%;object-fit:cover;transition:transform .35s}.category__photo:hover{transform:scale(1.04)}.category__title{margin:0;font-weight:700;font-size:24px;line-height:1.4}.contacts__wrapper{--columns: 2;display:grid;width:100%;column-gap:20px;grid-template-columns:repeat(var(--columns),1fr)}@media (min-width: 600px){.contacts__wrapper{--columns: 6;column-gap:24px}}@media (min-width: 1020px){.contacts__wrapper{--columns: 12}}.contacts__wrapper{row-gap:48px}@media (min-width: 600px){.contacts__wrapper{row-gap:80px}}.contacts__form{grid-column:1/-1}@media (min-width: 1020px){.contacts__form{grid-column:span 5}}.contacts__inputs{display:flex;flex-direction:column;row-gap:16px;line-height:1.4}.contacts__input{box-sizing:border-box;overflow:hidden;background-color:#f8f8fa;border:1px solid transparent;border-radius:8px;width:100%;min-height:48px;padding:14px 16px;font-size:14px}.contacts__input::placeholder{color:#7e7e83;font-family:Space Mono,monospace}.contacts__input--textarea{min-height:148px}.contacts__input:hover{border-color:#292929}.contacts__input:hover::placeholder{color:#292929}.contacts__input:focus{border-color:#292929;outline:none}.contacts__button{display:block;text-align:center;color:#fff;font-family:Space Grotesk,sans-serif;font-size:16px;font-weight:700;border:2px solid #292929;border-radius:8px;padding-block:14px;padding-inline:48px;background-color:#292929;margin-top:32px;cursor:pointer;text-decoration:none;transition:background-color .35s}.contacts__button:hover{background-color:#f8f8fa}.contacts__button{transition:background-color .35s,color .35s}.contacts__button:hover{background-color:#f8f8fa;border-color:#f0f1f4;color:#292929}.contacts__button{width:100%;margin-top:32px}.contacts__info{grid-column:1/-1}@media (min-width: 1020px){.contacts__info{grid-column:7/-1}}.contacts__info{display:flex;flex-direction:column;row-gap:24px}.contacts__item{display:flex;flex-direction:column;row-gap:8px}.contacts__label{margin:0;font-family:Space Grotesk,sans-serif;font-size:14px;color:#9393a3;line-height:1.4}.contacts__value{color:#191919;font-family:Space Mono,monospace;font-size:16px;text-decoration:none;transition:color .35s}.contacts__value:hover{color:#9393a3}.footer{position:sticky;z-index:-1}