.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}}@keyframes fade-in-scale{0%{opacity:0;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}@keyframes slide-in-left{0%{opacity:0;transform:translate(-100px)}to{opacity:1;transform:translate(0)}}.header{background-image:url(header-bg-mobile.4c004bb5.png);background-position:50%;background-size:cover;animation:.7s ease-out forwards fade-in-scale}.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-weight:700;line-height:36px;transition:transform .3s ease-in-out;display:inline-block}@media (min-width:576px){.header__title{font-size:48px;line-height:48px}}@media (min-width:1024px){.header__title:hover{transform:scale(1.07)}}.header__bottom{padding-bottom:40px}@media (min-width:576px){.header__bottom{padding-bottom:64px}}.icon{background-image:url(icon-burger-menu-2x.33b494e7.png);background-size:cover;width:24px;height:24px;transition:transform .3s;display:block}@media (min-width:576px){.icon{width:32px;height:32px}}.icon:hover{transform:scale(1.2)}.icon--phone{background-image:url(icon-phone-2x.aaf44b98.png)}.icon--menu{background-image:url(icon-burger-menu-2x.33b494e7.png)}.icon--menu:hover{background-image:url(icon-burger-menu-hover-2x.1b774b39.png)}.icon--close{background-image:url(icon-close-2x.f1d79893.png)}.icon__phone-number{visibility:hidden;opacity:0;white-space:nowrap;color:#1b2129;letter-spacing:2px;padding-right:8px;font-size:16px;font-weight:700;line-height:32px;text-decoration:none;transition:transform .3s ease-out,opacity .3s ease-out;position:absolute;top:55%;left:calc(-500% - 10px);transform:translateY(-50%)translate(-10px)}.icon__phone-wrapper{display:inline-block;position:relative}@media (min-width:1024px){.icon__phone-wrapper:hover .icon__phone-number{visibility:visible;opacity:1;transform:translateY(-50%)translate(0)}}.menu{box-sizing:border-box;background-color:#f9f9f9;height:100vh;font-weight:700;overflow:auto}.menu__top{padding-left:20px;padding-right:20px}@media (min-width:576px){.menu__top{padding-left:72px;padding-right:72px}}@media (min-width:1024px){.menu__top{max-width:1020px;margin-left:auto;margin-right:auto;padding-left:120px;padding-right:120px}}.menu__top--wrapper{z-index:1;background-color:#f9f9f9;margin-bottom:32px;position:sticky;top:0}.menu__nav{margin-bottom:48px}.menu__phone-number{color:inherit;letter-spacing:2px;margin-bottom:16px;font-size:16px;line-height:22.4px;text-decoration:none;display:block}.menu__call-to-order{width:fit-content;color:inherit;letter-spacing:2px;text-transform:uppercase;border-bottom:1px solid #1b2129;padding-bottom:3px;font-size:16px;line-height:22.4px;text-decoration:none;display:block}.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;border-radius:2px;width:100%;height:1px;transition:transform .3s;display:block;position:absolute;bottom:-4px;transform:scale(0)}.nav__link:hover:after{transform:scale(1)}.nav__list{-ms-flex-direction:column;flex-direction:column;gap:32px;margin:0;padding:0;list-style:none;display:-ms-flexbox;display:flex}.page{color:#1b2129;scroll-behavior:smooth;font-family:Manrope,serif;font-size:16px;line-height:22.4px}.page__body{min-width:320px;margin:0}.page__menu{opacity:0;pointer-events:none;transition:all .4s ease-in-out;position:fixed;top:0;left:0;right:0;transform:translate(-100%)}.page__menu:target{opacity:1;pointer-events:all;transform:translate(0)}.page:has(.page__menu:target){overflow:hidden}.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{height:16px;transition:transform .3s}@media (min-width:576px){.top-bar__logo{height:24px}}.top-bar__logo:hover{transform:scale(1.09)}.main__content{row-gap:64px;padding-top:64px;padding-bottom:64px;display:grid}@media (min-width:576px){.main__content{row-gap:120px;padding-top:120px;padding-bottom:120px}}section:target{animation:1.5s ease-out forwards slide-in-left}.button{cursor:pointer;color:#fff;background-color:#f98921;border-radius:8px;height:48px;font-size:16px;font-weight:700;transition:background-color .5s ease-in-out,transform .3s ease-in-out}.button:hover{color:#fff;background-color:#1b2129;transform:scale(1.03)}.button:active{color:#fff;background-color:#010810;transform:scale(.97)}.section-title{margin:0 0 48px;font-size:32px;font-weight:700;line-height:100%;transition:transform .3s ease-in-out;display:inline-block}@media (min-width:1024px){.section-title:hover{transform:scale(1.07)}}@media (min-width:576px){.section-title{margin-bottom:56px;font-size:40px}}@media (min-width:1024px){.section-title{font-size:48px}}.section-title--about-us{margin:0}.recommended{padding-left:20px;padding-right:20px}@media (min-width:576px){.recommended{padding-left:72px;padding-right:72px}}@media (min-width:1024px){.recommended{max-width:1020px;margin-left:auto;margin-right:auto;padding-left:120px;padding-right:120px}}.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:1024px){.recommended__product{grid-column:span 4}}.product{cursor:pointer}.product__title{text-transform:uppercase;margin-top:24px;margin-bottom:8px}.product__photo{width:100%;transition:transform .3s ease-in-out}.product:hover .product__photo{transform:scale(1.05)}@media (min-width:1024px){.product:hover .product__photo{transform:scale(1.1)}}.product__description{margin-bottom:12px}@media (min-width:576px){.product__description{margin-bottom:34px}}@media (min-width:1024px){.product__description{margin-bottom:12px}}.product__price{font-weight:700}.about-us{background-color:#fcfaef;width:100%;margin:0 auto}.about-us__content{padding:48px 20px}@media (min-width:576px){.about-us__content{padding:120px 72px}}@media (min-width:1024px){.about-us__content{max-width:1020px;margin:0 auto;padding:120px}}.about-us__image{background-image:url(Music-mobile.447fa04b.png);background-position:50%;background-size:cover;height:200px;transition:transform .5s ease-out}@media (min-width:1024px){.about-us__image:hover{transform:scale(1.04)}}@media (min-width:576px){.about-us__image{background-image:url(Music-tablet.99edaea5.png);background-size:cover;height:400px}}@media (min-width:1024px){.about-us__image{background-image:url(Music.e0f1658a.png);background-position:50%;height:460px}}.about-us__description{--columns:2;grid-template-columns:repeat(var(--columns),1fr);gap:24px 20px;display:grid}@media (min-width:576px){.about-us__description{--columns:6;column-gap:24px}}@media (min-width:1024px){.about-us__description{--columns:12}}.about-us__text{grid-column:1/-1;margin:0;line-height:22.4px;transition:transform .3s ease-in-out}@media (min-width:576px){.about-us__text{grid-column:span 3}}@media (min-width:1024px){.about-us__text{grid-column:8/-1}.about-us__text:hover{transform:scale(1.04)}}.about-us__title{grid-column:1/-1}@media (min-width:576px){.about-us__title{grid-column:span 3}}@media (min-width:1024px){.about-us__title{grid-column:span 6}}.categories{padding-left:20px;padding-right:20px}@media (min-width:576px){.categories{padding-left:72px;padding-right:72px}}@media (min-width:1024px){.categories{max-width:1020px;margin-left:auto;margin-right:auto;padding-left:120px;padding-right:120px}}.categories__wrapper{row-gap:40px;display:grid}@media (min-width:576px){.categories__wrapper{row-gap:56px}}.categories__button-wrapper{--columns:2;grid-template-columns:repeat(var(--columns),1fr);column-gap:20px;display:grid}@media (min-width:576px){.categories__button-wrapper{--columns:6;column-gap:24px}}@media (min-width:1024px){.categories__button-wrapper{--columns:12}}.categories__button{grid-column:1/-1;margin-top:40px}@media (min-width:576px){.categories__button{margin-top:56px}}@media (min-width:1024px){.categories__button{grid-column:span 4}}.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}}@media (min-width:576px){.category__link{grid-column:span 3}}@media (min-width:1024px){.category__link{grid-column:span 6}}.category__photo{width:100%;transition:transform .3s ease-in-out;display:block}.category__photo:hover{transform:scale(1.05)}@media (min-width:1024px){.category__photo:hover{transform:scale(1.07)}}.category__title{margin:0;font-size:24px;font-weight:700;line-height:140%;transition:transform .3s ease-in-out;display:inline-block}@media (min-width:1024px){.category__title:hover{transform:scale(1.07)}}.contacts{padding-left:20px;padding-right:20px}@media (min-width:576px){.contacts{padding-left:72px;padding-right:72px}}@media (min-width:1024px){.contacts{width:calc(100% - 240px);max-width:1020px;margin-left:auto;margin-right:auto;padding-left:120px;padding-right:120px}}.contacts__wrapper{--columns:2;grid-template-columns:repeat(var(--columns),1fr);gap:48px 20px;display:grid}@media (min-width:576px){.contacts__wrapper{--columns:6;column-gap:24px}}@media (min-width:1024px){.contacts__wrapper{--columns:12}}.contacts__form{-ms-flex-direction:column;flex-direction:column;grid-column:span 2;gap:16px;display:-ms-flexbox;display:flex}@media (min-width:576px){.contacts__form{grid-column:span 6}}.contacts__form-input{box-sizing:border-box;color:#1b2129;letter-spacing:.15px;background-color:#f9f9f9;border-radius:8px;height:48px;padding:14px 16px;font-size:14px;font-weight:400;transition:border .4s ease-in-out;display:block}.contacts__form-input--textarea{height:148px}.contacts__form-input:hover{border:1px solid #dbdbdb}.contacts__form-input:focus{border:2px solid #f98921}.contacts__details{grid-column:span 2}@media (min-width:1024px){.contacts__details{grid-column:8/11}}.contacts__contact{margin-bottom:24px;transition:transform .3s ease-in-out,box-shadow .3s ease-in-out}.contacts__label{color:#9393a3;margin-bottom:8px;font-size:14px}.contacts__content:hover{color:#f98921}input:-webkit-autofill{color:#1b2129;background-color:#f9f9f9;box-shadow:inset 0 0 0 1000px #f9f9f9}input:-webkit-autofill:hover{color:#1b2129;background-color:#f9f9f9;box-shadow:inset 0 0 0 1000px #f9f9f9}input:-webkit-autofill:focus{color:#1b2129;background-color:#f9f9f9;box-shadow:inset 0 0 0 1000px #f9f9f9}textarea:-webkit-autofill{color:#1b2129;background-color:#f9f9f9;box-shadow:inset 0 0 0 1000px #f9f9f9}textarea:-webkit-autofill:hover{color:#1b2129;background-color:#f9f9f9;box-shadow:inset 0 0 0 1000px #f9f9f9}textarea:-webkit-autofill:focus{color:#1b2129;background-color:#f9f9f9;box-shadow:inset 0 0 0 1000px #f9f9f9}select:-webkit-autofill{color:#1b2129;background-color:#f9f9f9;box-shadow:inset 0 0 0 1000px #f9f9f9}select:-webkit-autofill:hover{color:#1b2129;background-color:#f9f9f9;box-shadow:inset 0 0 0 1000px #f9f9f9}select:-webkit-autofill:focus{color:#1b2129;background-color:#f9f9f9;box-shadow:inset 0 0 0 1000px #f9f9f9}body{margin:0;overflow-x:hidden}p,h3{margin:0}a{all:unset;cursor:pointer}form,input,button{box-sizing:border-box;-ms-appearance:none;appearance:none;font:inherit;background:0 0;border:none;outline:none;margin:0;padding:0}textarea{all:unset}
/*# sourceMappingURL=index.dc2bd9db.css.map */