.main{background-color:#fff}.main__content{display:grid;row-gap:96px;padding-block:64px}@media (min-width: 576px){.main__content{padding-block:120px}}h1,h2,h3,.menu{font-family:Space Grotesk,sans-serif;font-weight:700;line-height:100%}h3{line-height:140%}.header{background-image:url(/My_Pro_layout_landing-page/assets/Image-Ddf2zXIm.png);background-size:cover;background-position:center}.header__content{display:flex;flex-direction:column;justify-content:space-between;height:100vh}.header__title{margin:0;font-family:Space Grotesk,sans-serif;font-size:36px;font-style:normal}@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:48px}}.top-bar{padding-block:24px;display:flex;justify-content:space-between;align-items:center}@media (min-width: 576px){.top-bar{padding-block:64px}}.top-bar__logo{height:16px;transition:transform .25s}.top-bar__logo:hover{transform:scale(1.2)}@media (min-width: 576px){.top-bar__logo{height:24px}}.top-bar__logo-link{display:flex}.top-bar__icons{display:flex;gap:16px;align-items:center}@media (min-width: 576px){.top-bar__icons{gap:32px}}.top-bar__wrap{display:flex;flex-direction:row-reverse;gap:8px;align-items:center}@media (min-width: 576px){.top-bar__wrap{gap:14px}}.top-bar__wrap--number{color:#292929;font-family:Inter,sans-serif;font-size:12px;font-weight:700;letter-spacing:2px;opacity:0;transition:opacity .25s;pointer-events:none}@media (max-width: 375px){.top-bar__wrap--number{display:none}}.top-bar__wrap--icon:hover+.top-bar__wrap--number{opacity:1}.icon{display:block;height:24px;width:24px;background-size:cover;background-position:center;transition:transform .25s}.icon:hover{transform:scale(1.2)}@media (min-width: 576px){.icon{height:32px;width:32px}}.icon--phone{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_360)'%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_360'%3e%3crect%20width='24'%20height='24'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e")}.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%20id='Icon-Burger-menu'%20clip-path='url(%23clip0_6802_361)'%3e%3cpath%20id='Vector'%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%3cg%20id='Icon-Close'%3e%3cpath%20id='Vector'%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/g%3e%3c/svg%3e")}.page{font-family:Space Mono,monospace;font-size:16px;font-weight:400;line-height:140%;color:#292929;scroll-behavior:smooth}.page__body{margin:0;min-width:320px;overflow-x:hidden}.page__menu{position:fixed;top:0;right:0;left:0;opacity:0;transition:all .25s;transform:translateY(-100%);pointer-events:none}.page__menu:target{opacity:1;transform:translateY(0);pointer-events:all}:has(.page__menu:target){position:fixed;overflow-y:scroll;width:100vw}:has(.page__menu:target) ::-webkit-scrollbar{background-color:#e5e6e8}.menu{box-sizing:border-box;height:100vh;background-color:#e5e6e8;text-transform:uppercase;overflow:auto}.menu__top{margin-bottom:32px;position:sticky;top:0;z-index:1;background-color:#e5e5e5}@media (min-width: 576px){.menu__top{margin-bottom:0}}.menu__phone-number{display:block;font-size:16px;line-height:140%;letter-spacing:2px;color:inherit;text-decoration:none;margin-bottom:16px}.menu__call-to-order{padding-bottom:4px;border-bottom:1px solid #292929;width:fit-content;display:block;font-size:16px;line-height:140%;letter-spacing:2px;color:inherit;text-decoration:none}.menu__nav{margin-bottom:48px}.nav{text-transform:capitalize}.nav__list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:32px}.nav__link{position:relative;color:inherit;text-decoration:none;font-size:22px;line-height:22px;letter-spacing:2px;cursor:pointer}.nav__link:after{content:"";display:block;width:100%;position:absolute;bottom:-8px;height:1px;background-color:#292929;transition:transform .25s;transform:scale(0);transform-origin:left}.nav__link:hover:after{transform:scale(1)}.footer__image{height:200px;width:100%;background-image:url(/My_Pro_layout_landing-page/assets/before-about-us-picture-bsQ-o5J_.png);background-size:cover;background-position:center}@media (min-width: 576px){.footer__image{height:400px}}@media (min-width: 1024px){.footer__image{height:460px}}.footer__content{padding-top:56px;padding-bottom:120px;padding-inline:20px}@media (min-width: 576px){.footer__content{padding-inline:72px}}@media (min-width: 1024px){.footer__content{max-width:1600px;padding-inline:120px;margin-inline:auto}}.section-title{margin:0 0 48px;color:#292929;font-size:48px;font-style:normal;line-height:48px;text-align:left}@media (min-width: 576px){.section-title{font-size:48px;margin-bottom:56px}}@media (min-width: 1024px){.section-title{font-size:48px}}.recommended__products{--columns: 2;display:grid;column-gap:20px;grid-template-columns:repeat(var(--columns),1fr);margin-bottom:60px;row-gap:40px}@media (min-width: 576px){.recommended__products{--columns: 6;column-gap:24px}}@media (min-width: 1024px){.recommended__products{--columns: 12}}.recommended__product{display:block;grid-column:1/-1}@media (min-width: 576px){.recommended__product{grid-column:1/-1}}@media (min-width: 1024px){.recommended__product{grid-column:span 4}}.product{padding-bottom:0}.product__photo{width:100%;cursor:pointer}.product__photo:hover{transition:transform .25s}.product__photo:hover:hover{transform:scale(1.04)}.product__title{font-family:Space Grotesk,sans-serif;font-size:16px;font-style:normal;padding:0;margin:0}@media (min-width: 1024px){.product__title{font-size:18px}}.product__title a{color:#292929;text-decoration:none;cursor:pointer}.product__title a:hover{text-shadow:1px 1px 5px #292929}.product__price{font-family:Space Grotesk,sans-serif;padding:0;margin:0}.item-link{color:#292929;text-decoration:none;font-family:Space Grotesk,sans-serif;padding:0;margin:0;cursor:pointer;transition:text-shadow .25s}.item-link:hover{text-shadow:1px 1px 5px #292929}.about-us{--columns: 2;display:grid;column-gap:20px;grid-template-columns:repeat(var(--columns),1fr);margin-bottom:60px}@media (min-width: 576px){.about-us{--columns: 6;column-gap:24px}}@media (min-width: 1024px){.about-us{--columns: 12}}.about-us__section-title{white-space:nowrap}.about-us__title{margin-bottom:24px;grid-column:1/-1}@media (min-width: 576px){.about-us__title{grid-column:1/5}}@media (min-width: 1024px){.about-us__title{grid-column:1/7}}.about-us__description{line-height:140%;grid-column:1/-1}@media (min-width: 576px){.about-us__description{margin-top:8px;padding-bottom:80px;grid-column:4/7}}@media (min-width: 1024px){.about-us__description{grid-column:7/12}}.container{padding-inline:20px}@media (min-width: 576px){.container{padding-inline:72px}}@media (min-width: 1024px){.container{max-width:1600px;padding-inline:120px;margin-inline:auto}}.categories>.section-title{max-width:585px}.categories__wrapper{display:flex;flex-direction:column;gap:40px}@media (min-width: 576px){.categories__wrapper{gap:48px}}.categories__button-wrap{margin-top:30px}.categories__button.button{width:100%;max-width:324px;height:56px;border-radius:8px;padding-inline:48px;line-height:56px;box-sizing:border-box;font-family:Space Grotesk,sans-serif;font-size:16px;font-weight:700;font-style:normal;letter-spacing:0;text-align:center}.categories .category__photos{display:grid;grid-template-columns:2fr 1fr;gap:16px;margin-bottom:16px;height:130px}@media (min-width: 576px){.categories .category__photos{gap:24px;height:184px}}@media (min-width: 1024px){.categories .category__photos{height:324px}}.categories .category__link{overflow:hidden;border-radius:4px;display:block;height:100%;transition:transform .25s}.categories .category__link:hover{transform:scale(1.04)}@media (min-width: 576px){.categories .category__link{border-radius:6px}}.categories .category__photo{width:100%;height:100%;object-fit:cover;display:block}.categories .category__title{font-size:20px}@media (min-width: 576px){.categories .category__title{font-size:24px}}.button{display:block;height:56px;width:100%;background-color:#292929;border-radius:8px;border:2px solid #292929;font-family:Space Grotesk,sans-serif;font-size:16px;text-decoration:none;cursor:pointer;color:#fff;text-align:center;line-height:56px;transition:all .25s}.button:hover{color:#292929;border:2px solid #f0f1f4;background-color:#f8f8fa}.button:active{background-color:#111;color:#fff}.contact-us__gridWrapper{--columns: 2;display:grid;column-gap:20px;grid-template-columns:repeat(var(--columns),1fr);margin-bottom:60px;row-gap:48px}@media (min-width: 576px){.contact-us__gridWrapper{--columns: 6;column-gap:24px}}@media (min-width: 1024px){.contact-us__gridWrapper{--columns: 12}}.contact-us__input-form{display:flex;flex-direction:column;grid-column:1/-1}@media (min-width: 1024px){.contact-us__input-form{grid-column:1/6}}.contact-us__input-form input,.contact-us__input-form textarea{font-family:Space Mono,monospace;width:100%;padding:14px 16px;border:1px solid #f8f8fa;border-radius:8px;background-color:#f8f8fa;color:#292929;font-size:14px;font-weight:400;line-height:140%;box-sizing:border-box;cursor:text}.contact-us__input-form input:hover,.contact-us__input-form textarea:hover{border-color:#d5d7de}.contact-us__input-form input:focus,.contact-us__input-form textarea:focus{border-color:#292929;outline:none}.contact-us__input-form input::placeholder,.contact-us__input-form textarea::placeholder{color:#7e7e83;font-family:Space Mono,monospace;font-size:14px;font-weight:400;line-height:140%}.contact-us__input-form input:-webkit-autofill,.contact-us__input-form input:-webkit-autofill:hover,.contact-us__input-form input:-webkit-autofill:focus,.contact-us__input-form textarea:-webkit-autofill,.contact-us__input-form textarea:-webkit-autofill:hover,.contact-us__input-form textarea:-webkit-autofill:focus{-webkit-box-shadow:0 0 0px 1000px #f8f8fa inset;-webkit-text-fill-color:#292929;transition:background-color 5000s ease-in-out 0s}.contact-us__input-form input{height:48px;margin-bottom:16px}.contact-us__input-form textarea{height:148px;margin-bottom:32px;resize:none}.contact-us__contacts{display:grid;row-gap:14px;grid-column:1/-1}@media (min-width: 1024px){.contact-us__contacts{grid-column:7/-1}}.contact-us__contacts h3{margin-bottom:8px;color:#9393a3;font-family:Space Grotesk,sans-serif;font-size:14px;font-weight:400;line-height:140%}.contact-us__contacts a,.contact-us__contacts p{color:#191919;font-family:Space Mono,monospace;text-decoration:none;font-size:16px;font-weight:400;line-height:140%}.contact-us__contacts a{cursor:pointer}.contact-us__contacts a:hover{text-decoration:underline}