.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}}.page{color:#1b2129;scroll-behavior:smooth;font-family:Manrope,sans-serif;font-size:16px;font-style:normal;font-weight:400;line-height:22px}.page:has(.page__menu:target){overflow:hidden}.page__body{min-width:320px;margin:0}.page__menu{opacity:0;pointer-events:none;transition:all .3s;position:fixed;top:0;left:0;right:0;transform:translate(-100%)}.page__menu:target{opacity:1;pointer-events:all;transform:translate(0)}.header{background-image:url(header-bg-mobile.758ca939.png);background-position:50%;background-size:cover}.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{letter-spacing:0;text-align:left;color:#fff;margin:0;font-size:36px;font-style:normal;font-weight:700;line-height:36px}@media (min-width:576px){.header__title{font-size:48px}}.header__bottom{padding-bottom:40px}@media (min-width:576px){.header__bottom{padding-bottom:64px}}.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}.top-bar__logo-link{display:-ms-flexbox;display:flex}.top-bar__logo{height:16px;transition:transform .3s}.top-bar__logo:hover{transform:scale(1.2)}@media (min-width:576px){.top-bar__logo{background:0 0/228px 24px no-repeat;width:228px;height:24px}}.icon{height:cover;background-position:50%;width:24px;height:24px;transition:transform .3s;display:block;position:relative}.icon:hover{transform:scale(1.2)}@media (min-width:576px){.icon{background:0 0/32px 32px no-repeat;width:32px;height:32px}}.icon--phone{background-image:url(icon-phone.d537418c.png)}@media (min-width:1024px){.icon--phone:hover:before{color:#000;content:"+1 234 5555-55-55";outline:none;width:150px;height:20px;position:absolute;top:5px;right:26px}}.icon--menu{background-image:url(icon-burger-menu.10077314.png)}.icon--menu:hover{background-image:url(icon-burger-menu-hover.6fd1e9dd.png)}.icon--close{background-image:url(icon-close.a6310590.png)}.menu{box-sizing:border-box;background-color:#f9f9f9;height:100vh;overflow:hidden}.menu__top{margin-bottom:32px}@media (min-width:576px){.menu__top{margin-bottom:56px}}.menu__nav{margin-bottom:48px}.menu__phone-number{color:inherit;letter-spacing:2px;margin-bottom:16px;font-size:16px;font-weight:700;line-height:140%;text-decoration:none;display:block}.menu__call-to-order{color:inherit;text-transform:uppercase;letter-spacing:2px;border-bottom:1px solid #1b2129;width:fit-content;padding-bottom:4px;font-size:16px;font-weight:700;line-height:140%;text-decoration:none;display:block}.nav__list{-ms-flex-direction:column;flex-direction:column;gap:32px;margin:0;padding:0;list-style:none;display:-ms-flexbox;display:flex}.nav__link{color:inherit;font-size:22px;font-weight:700;line-height:22px;text-decoration:none;position:relative}.nav__link:after{content:"";transform-origin:0;background-color:#1b2129;width:100%;height:1px;transition:transform .3s;display:block;position:absolute;bottom:-8px;transform:scale(0)}.nav__link:hover:after{transform:scale(1)}.main{background-color:#fff}.main__table{width:100%;padding-top:96px;display:block}@media (min-width:576px){.main__table{padding-top:120px}}.main__content{row-gap:96px;padding-bottom:64px;display:grid}@media (min-width:576px){.main__content{row-gap:120px;padding-bottom:120px}}.section-title{letter-spacing:-1.5px;margin-top:64px;margin-bottom:48px;font-size:32px;font-weight:700;line-height:100%}@media (min-width:576px){.section-title{margin-top:120px;margin-bottom:56px;font-size:40px}}@media (min-width:1024px){.section-title{font-size:48px}}.product__photo{width:100%;transition:transform .3s}.product__photo:hover{transform:scale(1.1)}.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:576px){.recommended__product{grid-column:2/-2}}@media (min-width:1024px){.recommended__product{grid-column:span 4}}.soundbars{--columns:2;grid-template-columns:repeat(var(--columns),1fr);column-gap:20px;padding-top:48px;display:grid}@media (min-width:576px){.soundbars{--columns:6;column-gap:24px}}@media (min-width:1024px){.soundbars{--columns:12}}@media (min-width:576px){.soundbars{padding-top:120px}}.soundbars__title{grid-column:1/-1;margin:0;padding-bottom:24px}@media (min-width:576px){.soundbars__title{grid-column:1/4}}@media (min-width:1024px){.soundbars__title{grid-column:span 6}}.soundbars__content{grid-column:1/-1;padding-bottom:48px}@media (min-width:576px){.soundbars__content{grid-column:span 3;padding-bottom:120px}}@media (min-width:1024px){.soundbars__content{grid-column:8/-1}}.soundbars__description{margin:0;line-height:22.5px}.categories__wrapper{row-gap:40px;display:grid}@media (min-width:576px){.categories__wrapper{row-gap:64px}}.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}}.category__link{height:0;padding-bottom:100%;position:relative}@media (min-width:576px){.category__link--first{grid-column:span 3}}@media (min-width:1024px){.category__link--first{grid-column:span 6}}@media (min-width:576px){.category__link--second{grid-column:span 3}}@media (min-width:1024px){.category__link--second{grid-column:span 6}}.category__photo{object-fit:cover;width:100%;height:100%;transition:transform .3s;position:absolute}.category__photo:hover{transform:scale(1.07)}.category__title{font-weight:700;font-style:24px;margin:0;line-height:140%}.category__button{color:#fff;text-align:center;background-color:#f98921;border:1px solid transparent;border-radius:8px;outline:none;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;width:100%;height:56px;margin-top:40px;padding:0 48px;font-size:16px;font-style:normal;font-weight:700;line-height:27px;text-decoration:none;transition-property:background-color;transition-duration:.3s;display:grid}@media (min-width:1024px){.category__button{width:100%;max-width:324px}}.category__button:hover{cursor:pointer;background-color:#1b2129}.category__button:active{background-color:#010810}.categories-title{margin:0;padding-top:96px;padding-bottom:47px}@media (min-width:576px){.categories-title{padding-top:120px;padding-bottom:56px}}.contact__contact-place{margin-bottom:64px}@media (min-width:576px){.contact__contact-place{margin-bottom:120px}}@media (min-width:1024px){.contact__contact-place{--columns:2;grid-template-columns:repeat(var(--columns),1fr);column-gap:20px;display:grid}}@media (min-width:1024px) and (min-width:576px){.contact__contact-place{--columns:6;column-gap:24px}}@media (min-width:1024px) and (min-width:1024px){.contact__contact-place{--columns:12}}@media (min-width:1024px){.contact__date{grid-column:span 6}}.contact__name,.contact__emaill,.contact__message{color:#7e7e83;letter-spacing:.15px;box-sizing:border-box;background-color:#f9f9f9;border:1px solid transparent;border-radius:8px;width:100%;height:48px;margin-bottom:16px;padding-left:16px;font-family:inherit;font-size:14px;font-weight:400;line-height:20px}.contact__message{resize:none;width:100%;height:148px}.contact__send{cursor:pointer;text-align:center;color:#fff;background-color:#f98921;border:1px solid transparent;border-radius:8px;outline:none;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;width:100%;height:56px;margin-top:16px;margin-bottom:48px;padding:0 48px;font-size:16px;font-style:normal;font-weight:700;line-height:27px;text-decoration:none;transition-property:background-color;transition-duration:.3s;display:-ms-flexbox;display:flex}@media (min-width:576px){.contact__send{margin-bottom:80px}}@media (min-width:1024px){.contact__send{margin-bottom:120px}}.contact__send:hover{background-color:#1b2129}.contact__send:focus{background-color:#010810}.contact__name:hover,.contact__emaill:hover,.contact__message:hover{border:1px solid #dbdbdb}.contact__name:focus,.contact__emaill:focus,.contact__message:focus{border:2px solid #f98921;outline:none;font-family:inherit}.contact__name::placeholder{color:#7e7e83}.contact__name::placeholder{color:#7e7e83}.contact__emaill::placeholder{color:#7e7e83}.contact__emaill::placeholder{color:#7e7e83}.contact__message::placeholder{color:#7e7e83}.contact__message::placeholder{color:#7e7e83}.contact__name:focus::placeholder{color:#1b2129;font-family:inherit}.contact__name:focus::placeholder{color:#1b2129;font-family:inherit}.contact__emaill:focus::placeholder{color:#1b2129;font-family:inherit}.contact__emaill:focus::placeholder{color:#1b2129;font-family:inherit}.contact__message:focus::placeholder{color:#1b2129;font-family:inherit}.contact__message:focus::placeholder{color:#1b2129;font-family:inherit}.contact__name:hover::placeholder{color:#1b2129;font-family:inherit}.contact__name:hover::placeholder{color:#1b2129;font-family:inherit}.contact__emaill:hover::placeholder{color:#1b2129;font-family:inherit}.contact__emaill:hover::placeholder{color:#1b2129;font-family:inherit}.contact__message:hover::placeholder{color:#1b2129;font-family:inherit}.contact__message:hover::placeholder{color:#1b2129;font-family:inherit}.contact__info{letter-spacing:.15px;color:#9393a3;grid-column:8/-1;margin-bottom:8px;font-size:14px;font-weight:400;line-height:20px;text-decoration:none;display:block}.contact__deteils{letter-spacing:.15px;color:#191919;margin-bottom:24px;font-size:16px;font-weight:400;line-height:22px;text-decoration:none;transition:transform .3s;display:block}.contact__deteils:hover{transform:scale(1.07)}.contact__references{grid-column:8/10;margin-bottom:48px;font-family:inherit}@media (min-width:576px){.contact__references{margin-bottom:120px}}
/*# sourceMappingURL=index.1f306071.css.map */