.container{padding-inline:20px}@media (min-width: 744px){.container{padding-inline:72px}}@media (min-width: 1024px){.container{min-width:1020px;margin-inline:auto;padding-inline:120px}}.header{background-image:url(https://PrinceValue.github.io/layout_landing-page/assets/header-bg-DXn-fcsz.png);background-size:cover;background-position:center;margin-bottom:120px}.header__content{height:100vh;display:flex;flex-direction:column;justify-content:space-between;max-width:1020px;margin-inline:auto}.header__title{color:#fff;font-weight:700;font-size:36px}@media (min-width: 744px){.header__title{font-size:48px}}@media (min-width: 1024px){.header__title{font-size:56px}}.header__bottom{padding-block:40px}.top-bar{padding-block:24px;display:flex;justify-content:space-between;align-items:center}@media (min-width: 744px){.top-bar{padding-block:30px}}.top-bar__phone-number{opacity:0;pointer-events:none;transform:translate(-100%);transition:.3s}.top-bar__phone-number .icon-phone:hover .top-bar__phone-number{opacity:1;transform:translate(0)}.top-bar__icons{display:flex;gap:24px}.top-bar__logo-link{display:flex}.top-bar__logo{height:16px;transition:transform .3s}.top-bar__logo:hover{transform:scale(1.2)}@media (min-width: 744px){.top-bar{height:24px}}.icon{display:block;height:24px;width:24px;background-repeat:no-repeat;background-size:cover;transition:transform .3s}.icon:hover{transform:scale(1.2)}@media (min-width: 744px){.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_6817_383)'%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_6817_383'%3e%3crect%20width='24'%20height='24'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e")}@media (min-width: 1024px){.icon--phone:before{transition:.3s;color:#1b2129;content:"+1 234 5555-55-55";position:absolute;right:100%;top:5px;margin-right:20px;font-weight:700;opacity:0;pointer-events:none;transform:translate(-100%);width:max-content;font-family:inherit;letter-spacing:2px}.icon--phone:hover:before{opacity:1;transform:translate(0);pointer-events:all}}.icon--burger{transition:.3s;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_6817_384)'%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_6817_384'%3e%3crect%20width='24'%20height='24'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e")}.icon--burger: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_6817_385)'%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_6817_385'%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")}.page{font-family:Manrope,sans-serif;color:#1b2129;font-size:16px;line-height:140%;scroll-behavior:smooth}.page:has(.page__menu:target){overflow:hidden}.page__body{margin:0;padding:0;min-width:320px}.page__menu{position:fixed;top:0;right:0;left:0;transform:translate(-100%);transition:.3s;opacity:0;pointer-events:none}.page__menu:target{transform:translate(0);opacity:1;pointer-events:all}.menu{overflow:hidden;box-sizing:border-box;height:100vh;background-color:#fff;font-weight:700}.menu__content{max-width:1020px;margin-inline:auto}.menu__phone-number{color:inherit;text-decoration:none;font-size:22px;display:block;letter-spacing:2px;line-height:140%;margin-bottom:16px}.menu__call-to-order{position:relative;color:inherit;text-decoration:none;font-size:16px;text-transform:uppercase;letter-spacing:2px;line-height:140%;padding-bottom:4px;border-bottom:1px solid #1b2129;width:fit-content}.menu__nav{margin-bottom:48px}.menu__top{position:sticky;top:0;z-index:1;margin-bottom:32px}@media (min-width: 744px){.menu__top{margin-bottom:56px}}@media (min-width: 744px){.menu{margin-bottom:0}}.nav__list{margin:0 0 48px;padding:0;list-style:none;display:flex;flex-direction:column;gap:32px}.nav__link{position:relative;text-decoration:none;font-size:22px;line-height:140%;color:#1b2129}.nav__link:after{content:" ";position:absolute;display:block;width:100%;bottom:-8px;height:1px;background-color:#1b2129;transition:.3s;transform:scale(0);transform-origin:center}.nav__link:hover:after{transform:scale(1)}.product{transition:transform .3s}.product:hover{transform:scale(1.05)}.product{cursor:pointer}.product__photo{width:100%;border-radius:6px}.product__price{font-weight:700}.recommended__products{display:grid;column-gap:20px;--columns: 2;grid-template-columns:repeat(var(--columns),1fr)}@media (min-width: 744px){.recommended__products{column-gap:24px;--columns: 6}}@media (min-width: 1024px){.recommended__products{--columns: 12}}.recommended__products{row-gap:40px}.recommended__product{grid-column:1/-1}@media (min-width: 1024px){.recommended__product{grid-column:span 4}}.categories__wrapper{display:grid;row-gap:40px}@media (min-width: 744px){.categories__wrapper{row-gap:56px}}.categories .category__photos{display:grid;column-gap:20px;--columns: 2;grid-template-columns:repeat(var(--columns),1fr)}@media (min-width: 744px){.categories .category__photos{column-gap:24px;--columns: 6}}@media (min-width: 1024px){.categories .category__photos{--columns: 12}}.categories .category__photos{margin-bottom:16px;gap:20px}@media (min-width: 744px){.categories .category__photos{gap:24px}}.categories .category__link{grid-column:span 1}@media (min-width: 744px){.categories .category__link{grid-column:span 3}}@media (min-width: 1024px){.categories .category__link{grid-column:span 6}}.categories .category__photo{width:100%;height:100%;object-fit:cover;transition:transform .3s}.categories .category__photo:hover{transform:scale(1.05)}.categories .category__title{margin:0;font-weight:700;font-size:24px;line-height:140%}.categories__extend{display:grid;column-gap:20px;--columns: 2;grid-template-columns:repeat(var(--columns),1fr)}@media (min-width: 744px){.categories__extend{column-gap:24px;--columns: 6}}@media (min-width: 1024px){.categories__extend{--columns: 12}}.categories__view-all-button{transition:.3s;display:grid;place-items:center;background-color:#f98921;border-radius:8px;box-sizing:border-box}.categories__view-all-button:hover{background-color:#1b2129}.categories__view-all-button:active{background-color:#010810}.categories__view-all-button{grid-column:span 2}@media (min-width: 744px){.categories__view-all-button{grid-column:span 6}}@media (min-width: 1024px){.categories__view-all-button{grid-column:span 4}}.categories__view-all-link{text-decoration:none;color:#fff;height:48px;width:100%;font-weight:700;letter-spacing:1px;line-height:48px;text-align:center}.section-title{margin:0 0 48px;font-weight:700;font-size:32px;text-align:left;line-height:100%}@media (min-width: 744px){.section-title{font-size:40px;margin-bottom:56px}}@media (min-width: 1024px){.section-title{font-size:48px}}.main__content{display:grid;row-gap:96px;padding-bottom:96px;max-width:1020px;margin-inline:auto}@media (min-width: 744px){.main__content{row-gap:120px;padding-block:120px}}.description{background-color:#fcfaef;margin-bottom:64px}@media (min-width: 744px){.description{margin-bottom:0}}.description__photo{background-image:url(https://PrinceValue.github.io/layout_landing-page/assets/img-block-D9WwFN5G.png);background-size:cover;background-position:center;height:200px;margin-bottom:48px;min-width:100vw}@media (min-width: 744px){.description__photo{height:400px;margin-bottom:0}}@media (min-width: 1024px){.description__photo{height:460px}}.description__wrapper{padding-inline:20px}@media (min-width: 744px){.description__wrapper{padding-inline:72px}}@media (min-width: 1024px){.description__wrapper{min-width:1020px;margin-inline:auto;padding-inline:120px}}.description__wrapper{display:grid;column-gap:20px;--columns: 2;grid-template-columns:repeat(var(--columns),1fr)}@media (min-width: 744px){.description__wrapper{column-gap:24px;--columns: 6}}@media (min-width: 1024px){.description__wrapper{--columns: 12}}.description__wrapper{max-width:1020px;padding-block:120px}.description__title{grid-column:span 2}@media (min-width: 744px){.description__title{grid-column:span 3}}@media (min-width: 1024px){.description__title{grid-column:span 6}}.description__content{grid-column:span 2}@media (min-width: 744px){.description__content{grid-column:span 3}}@media (min-width: 1024px){.description__content{grid-column:8/-1}}.contact-us__content{display:grid;column-gap:20px;--columns: 2;grid-template-columns:repeat(var(--columns),1fr)}@media (min-width: 744px){.contact-us__content{column-gap:24px;--columns: 6}}@media (min-width: 1024px){.contact-us__content{--columns: 12}}.contact-us__message-form{grid-column:span 2}@media (min-width: 744px){.contact-us__message-form{grid-column:span 6}}.contact-us__info{display:flex;flex-direction:column;row-gap:24px;grid-column:span 2}@media (min-width: 1024px){.contact-us__info{grid-column:8/10}}.contact-us__info-section{display:grid;row-gap:8px}.contact-us__link{text-decoration:none;color:#1b2129}.contact-us__link:hover{color:#9393a3}.contact-us__gray{margin:0;padding:0;color:#9393a3;font-size:14px}.message-form{display:flex;flex-direction:column;row-gap:16px;margin-bottom:80px}.message-form__label{background-color:#f9f9f9;width:100%;height:48px;box-sizing:border-box;border-radius:8px;cursor:text;border:1px solid transparent;padding:13px 16px}.message-form__label--big{height:148px}.message-form__label:hover{border-color:#dbdbdb}.message-form__label:focus-within{border-color:#dbdbdb}.message-form__label:active{border:2px solid #f98921;padding:12px 15px}.message-form__input{font-size:14px;all:unset;height:100%;width:100%;line-height:140%;box-sizing:border-box}.message-form__input:hover{pointer-events:all}.message-form__input--big{height:148px}.message-form__submit-button{all:unset;cursor:pointer;width:100%;height:100%;text-align:center;color:#fff;font-weight:700}.message-form__submit-label{transition:.3s;display:grid;place-items:center;background-color:#f98921;border-radius:8px;box-sizing:border-box}.message-form__submit-label:hover{background-color:#1b2129}.message-form__submit-label:active{background-color:#010810}.message-form__submit-label{height:56px}