h1{font-family:Roboto,sans-serif;font-weight:400}@font-face{font-family:Roboto;src:url(Roboto-Regular-webfont.1b7be813.woff) format("woff");font-weight:400;font-style:normal}*{box-sizing:border-box}html{font-family:Inter,sans-serif;scroll-behavior:smooth}body{background:#fff}.body-menu--opened{overflow:hidden}body,h1,h2,p{margin:0}.header__phone,.header__toggle,.main__category-box,.nav{display:flex;justify-content:center}.header{background:url(Header-background-744px.33f75ac3.png);background-size:cover;background-repeat:no-repeat;background-position:30% 0;padding:0 20px}.header,.header__container{height:100vh;display:flex;flex-direction:column}.header__container{max-width:1260px}.header__menu{display:flex;justify-content:space-between;width:100%;min-height:96px;padding:40px 0 0}.header__logo{display:flex;align-items:center;flex-grow:1;max-height:30px}.header__logo-img{max-width:130px}.header__buttons{display:flex;flex-grow:1;justify-content:flex-end;align-items:center;max-height:30px}.header__phone{margin-right:30px}.header__phone-img{max-width:18px;margin:0}.header__toggle{position:relative;width:18px;height:18px;background-repeat:no-repeat;transition:.3s ease;background-position:50%}.header__toggle:hover{transform:rotate(-90deg)}.header__top-line{position:absolute;top:2.5px;width:100%;height:.15rem;border-radius:20px;background-color:#292929;transition:.3s ease}.header__toggle:hover .header__top-line{width:13px}.header__center-line{top:50%;transform:translateY(-50%)}.header__bottom-line,.header__center-line{position:absolute;width:100%;height:.15rem;border-radius:20px;background-color:#292929;transition:.3s ease}.header__bottom-line{bottom:2.5px}.header__toggle:hover .header__bottom-line{width:13px}.header__nav{position:fixed;top:0;left:0;right:0;bottom:0}.header__advertising{display:flex;flex-direction:column;justify-content:flex-end;flex-grow:1;padding:0 0 48px}.header__vector{background:url(Header-vector.22f1e2f0.svg);background-size:cover;width:32px;height:27px}.header__advice{margin-top:15px;font-size:32px;font-weight:800;font-style:italic;letter-spacing:-1.5px;line-height:100%;color:#292929}@media (min-width:744px){.header{background:url(Header-background-1200px.4a4c9bf4.png);background-size:cover;background-position:top;background-repeat:no-repeat;padding:0 72px}.header__menu{padding:52px 0 0}.header__logo-img{max-width:190px}.header__phone{position:relative}.header__phone:before{content:"+1 234 5555-55-55";position:absolute;width:max-content;font-size:12px;font-weight:700;top:50%;transform:translateY(-50%);left:-130px;color:#292929;visibility:hidden;opacity:0;transition:all .5s ease}.header__phone:hover:before{visibility:visible;opacity:1}.header__phone-img{max-width:24px;max-height:24px}.header__toggle{width:24px}.header__toggle:before{content:"";position:absolute;top:1px;width:100%;height:.15rem;border-radius:20px;background-color:#292929;transition:.3s ease}.header__toggle:hover:before{width:10px}.header__top-line{top:38%;transform:translateY(-38%)}.header__toggle:hover .header__top-line{width:16px}.header__center-line{top:69%;transform:translateY(-69%)}.header__bottom-line{bottom:0}.header__toggle:hover .header__bottom-line{width:18px}.header__advertising{padding:0 0 40px}.header__vector{background:url(Sound-waves.84ac2a23.svg);background-size:cover;width:63px;height:76px}.header__advice{font-size:40px}}@media (min-width:1260px){.header{background-position:center 50%;background-size:cover;padding:0 120px}.header__container{max-width:1200px}.header__menu{padding:52px 0 0}.header__advertising{padding:0 0 64px}.header__advice{font-size:48px}}.nav{flex-direction:column;background-color:#e8eff9;padding:0 20px}.nav__container{flex-grow:1;max-width:1020px}.nav__head{justify-content:space-between;background-color:#e8eff9;width:100%;min-height:96px;padding:40px 0 0}.nav__head,.nav__logo{display:flex;max-height:30px}.nav__logo{align-items:center;flex-grow:1}.nav__logo-img{max-width:130px}.nav__button{display:flex;align-items:center;justify-content:flex-end;flex-grow:1;max-height:30px}.nav__button-close{width:18px;height:18px}.nav--open{transform:translateY(0);transition:.3s ease}.nav--closed{transform:translateY(-100%);transition:.3s ease}.nav__catalog{display:flex;flex-direction:column;width:100%;padding-left:32px 0 0 0}.nav__link{position:relative;width:max-content;margin:14.5px 0;font-size:22px;font-weight:700;letter-spacing:2px;color:#292929;text-decoration:none;padding-bottom:5px}.nav__link:before{content:"";position:absolute;bottom:0;left:0;width:0;height:1px;background-color:#292929;transition:.3s ease}.nav__link:hover:before{width:100%}.nav__contacts{padding-top:45px;display:flex;flex-direction:column;flex-grow:1}.nav__contact-number{width:max-content;position:relative;font-size:16px;font-weight:700;text-transform:uppercase;text-decoration:none;padding-bottom:5px;color:#292929}.nav__contact-number:before{content:"";position:absolute;bottom:0;left:0;width:0;height:1px;background-color:#292929;transition:.3s ease}.nav__contact-number:hover:before{width:100%}.nav__contact-order{width:max-content;position:relative;margin-top:27px;font-size:12px;font-weight:700;color:#292929;letter-spacing:2px;text-transform:uppercase;text-decoration:none;padding-bottom:5px}.nav__contact-order:before{content:"";position:absolute;bottom:0;left:0;width:0;height:1px;background-color:#292929;transition:.3s ease}.nav__contact-order:hover:before{width:100%}@media (min-width:744px){.nav{padding:0 72px}.nav__container{max-width:1020px}.nav__logo-img{max-width:190px}.nav__button-close{width:21px;height:21px}.nav__head{padding:52px 0 0}.nav__catalog{padding:36px 0 0}}@media (min-width:1260px){.nav{padding:0 120px}.nav__container{max-width:1200px}.nav__head{padding:48px 0 0}.nav__catalog{padding:40px 0 0}}.main{background-color:#fff;padding-bottom:120px}.main__recom-title{width:100%;font-size:32px;font-weight:700;color:#292929;letter-spacing:-1.5px;text-align:center;padding-top:130px}.main__recommended{display:grid;grid-template-columns:280px;justify-content:center}@media (min-width:744px){.main__recommended{grid-template-columns:392px}.main__recommended__category{max-width:392px;font-size:40px}}@media (min-width:1260px){.main__recommended{grid-template-columns:repeat(3,324px);column-gap:24px}.main__recommended__category{max-width:500px;font-size:48px}}.main__card{margin-top:50px}.main__category{text-align:center;max-width:280px;margin-top:120px;font-size:32px;font-weight:700;letter-spacing:-1.5px;color:#292929}@media (min-width:744px){.main__category{max-width:392px;font-size:40px}}@media (min-width:1260px){.main__category{max-width:500px;font-size:48px}}.main__reasons{margin:60px 0 0}.main__contacts{margin:120px 0 0}.card{display:flex;flex-direction:column;width:280px;justify-content:flex-start;padding:15px;border-radius:10px;border:1px solid #fff;transition:border .3s,transform .5s;cursor:pointer}.card:hover{border:1px solid #e5e5e5;transform:scale(1.03)}.card__pictures{display:flex;justify-content:center}.card__img{width:280px}.card__item{font-weight:700;padding-top:36px}.card__category,.card__item{font-size:16px;color:#292929}.card__category{padding-top:15px;font-weight:400}.card__price{font-size:16px;font-weight:700;padding-top:22px}@media (min-width:744px){.card,.card__img{width:392px}}@media (min-width:1260px){.card,.card__img{width:324px}}.products{padding:0 0 40px;align-items:center}.products,.products__card{display:flex;flex-direction:column}.products__card{min-width:282px;height:max-content;margin:40px 0 0}.products__card-pictures{display:flex}.products__big-img{margin-right:10px;position:relative;width:130px;height:130px;transition:box-shadow .5s,transform .5s;cursor:pointer;transition:transform .3s}.products__big-img:hover{transform:scale(1.04)}.products__big-img--1{background:url(earbuds-picture-320px.4df46ff4.svg)}.products__big-img--2{background:url(speaker-bigger-320px.2965f5be.svg)}.products__big-img--3{margin:0 0 0 10px;background:url(sunglasses-woman-320px.0de5df2a.svg)}.products__big-img:before{content:"View";position:absolute;display:flex;align-items:center;justify-content:center;width:100%;height:100%;background-color:rgba(62,62,62,.5);color:#fff;font-size:16px;font-weight:700;visibility:hidden;opacity:0;transition:visibility .3s,opacity .3s}.products__big-img:hover:before{visibility:visible;opacity:1}.products__small-img{margin-left:10px;position:relative;width:130px;height:130px;transition:box-shadow .5s,transform .5s;cursor:pointer;transition:transform .3s}.products__small-img:hover{transform:scale(1.04)}.products__small-img--1{background:url(headphones-picture-320px.e7f300f6.svg)}.products__small-img--2{background:url(speaker-small-320px.30d490dd.svg)}.products__small-img--3{margin:0 10px 0 0;background:url(sunglasses-man-320px.c9feb294.svg)}.products__small-img:before{content:"View";position:absolute;display:flex;align-items:center;justify-content:center;width:100%;height:100%;background-color:rgba(62,62,62,.5);color:#fff;font-size:16px;font-weight:700;visibility:hidden;opacity:0;transition:visibility .3s,opacity .3s}.products__small-img:hover:before{visibility:visible;opacity:1}.products__title{font-size:16px;font-weight:700;color:#292929;padding-top:18px}.products__button{text-align:center;margin:40px 0 0;font-size:16px;font-weight:700;color:#fff;text-decoration:none;width:280px;height:56px;line-height:52px;background-color:#292929;border-radius:40px;border:3px solid #292929;transition:background-color .3s,color .3s}.products__button:hover{background-color:#fff;color:#292929}@media (min-width:744px){.products__card{margin:64px 0 0}.products__big-img{width:392px;height:187px}.products__big-img--1{background:url(earbuds-picture-744px.dd4e1096.svg)}.products__big-img--2{background:url(speaker-bigger-744px.f075e13b.svg)}.products__big-img--3{margin:0 0 0 10px;background:url(sunglasses-woman-744px.77290101.svg)}.products__big-img:before{font-size:18px}.products__small-img{width:187px;height:187px;background-size:cover}.products__small-img:before{font-size:18px}.products__title{font-size:24px}.products__button{width:392px;height:56px}}@media (min-width:1260px){.products__big-img{width:672px;height:321px;background-repeat:no-repeat;background-size:cover}.products__big-img:before{font-size:20px}.products__small-img{width:324px;height:320px;background-size:cover}.products__small-img:before{font-size:20px}.products__button{width:324px;height:56px}}.reasons{padding:0 20px;display:flex;justify-content:center}.reasons__box{display:grid;grid-template-columns:1fr;justify-content:center}.reasons__title{font-size:32px;font-weight:700;color:#292929;letter-spacing:-1.5px;margin:16px 0}.reasons__subtitle{display:flex;flex-direction:column}.reasons__advantages{font-size:16px;font-weight:700;color:#292929;margin:16px 0 0}.reasons__few-words{font-size:16px;font-weight:400;color:#292929;margin:40px 0 0}@media (min-width:744px){.reasons{padding:0 73px}.reasons__box{max-width:900px;grid-template-columns:1fr 1fr;column-gap:10px}.reasons__title{font-size:40px}}@media (min-width:1000px){.reasons{padding:0 120px}}.contacts{padding:0 10px}.contacts__title{font-size:32px;font-weight:700;letter-spacing:-1.5px;color:#292929;text-align:center}.contacts__box{display:grid;grid-template-columns:1fr}.contacts__form{display:flex;flex-direction:column;margin-top:48px;text-align:center}.contacts__name{width:100%;padding:0 0 0 16px;height:48px;background:#f8f8fa;border-radius:40px;outline:0;border:none}.contacts__name::placeholder{font-size:14px;font-weight:400}.contacts__email{width:100%;padding:0 0 0 16px;height:48px;background:#f8f8fa;border-radius:40px;outline:0;border:none;margin:16px 0 0}.contacts__email::placeholder{font-size:14px;font-weight:400}.contacts__comment{font-family:Inter,sans-serif;resize:none;outline:none;width:100%;min-height:148px;border-radius:16px;padding:14px 16px;background:#f8f8fa;border:none;margin:16px 0 0}.contacts__comment::placeholder{font-size:14px;font-weight:400}.contacts__button{width:100%;height:56px;border-radius:40px;background-color:#292929;border:3px solid #292929;color:#fff;cursor:pointer;margin:46px 0 0;font-size:16px;font-weight:700;transition:background-color .3s,color .3s}.contacts__button:hover{background-color:#fff;color:#292929}.contacts__address{margin:40px 0 0}.contacts__address-label{color:#9fadc2;font-size:14px;font-weight:400;padding:10px 0}.contacts__address-title{display:block;max-width:max-content;margin:0 0 16px;font-size:16px;font-weight:400;color:#3e3e3e;text-decoration:none;transition:color .3s}.contacts__address-title:hover{color:#9fadc2}@media (min-width:744px){.contacts{display:flex;flex-direction:column;align-items:center;padding:0 75px}.contacts__title{font-size:40px}.contacts__box{grid-template-columns:repeat(2,1fr);column-gap:24px}}@media (min-width:1260px){.contacts{padding:0 120px}.contacts__title{font-size:48px}.contacts__box{column-gap:120px}.contacts__form{max-width:400px}}.footer{width:100%;height:200px;background:url(footer-background-320px.284759af.svg);background-size:cover;background-repeat:no-repeat;background-position:50%}.footer__section{position:sticky;bottom:0;z-index:-1}@media (min-width:744px){.footer{height:400px;background:url(footer-background-744px.1e0ba703.svg);background-size:cover;background-repeat:no-repeat;background-position:50%}}@media (min-width:1260px){.footer{height:460px;background:url(footer-background-1260px.713f9c74.svg);background-size:cover;background-repeat:no-repeat;background-position:50%}}
/*# sourceMappingURL=styles.d14a6af5.css.map */