@font-face{font-family:"Droid Sans";font-weight:400;font-style:normal;font-display:swap;src:url(/static/media/droid-sans.41aa7eb0.woff2) format("woff2"),url(/static/media/droid-sans.5259d01f.woff) format("woff")}@font-face{font-family:"Droid Sans";font-weight:700;font-style:normal;font-display:swap;src:url(/static/media/droid-sans-bold.501606db.woff2) format("woff2"),url(/static/media/droid-sans-bold.2d93375a.woff) format("woff")}@font-face{font-family:"Poppins";font-weight:400;font-style:normal;font-display:swap;src:url(/static/media/poppins.408e3747.woff2) format("woff2"),url(/static/media/poppins.a63a1775.woff) format("woff")}*,:after,:before{box-sizing:border-box}a{text-decoration:none}:focus{outline:1px solid rgba(159,158,158,.5);outline-offset:1px}img{max-width:100%;height:auto}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;border:0;padding:0;white-space:nowrap;-webkit-clip-path:inset(100%);clip-path:inset(100%);clip:rect(0 0 0 0);overflow:hidden}.page{display:grid;grid-template-rows:-webkit-min-content 1fr -webkit-min-content;grid-template-rows:min-content 1fr min-content;width:100%;height:100%;min-height:100vh;margin:0;padding:0;background-color:#fff;font-family:"Droid Sans","Arial",sans-serif;font-style:normal;font-weight:400;font-size:16px;line-height:20px;color:#000;letter-spacing:.05em}.page__header{grid-row:1}.page__main{grid-row:2}.page__footer{grid-row:3}.nav{display:flex;align-items:center}.nav__list{display:flex;list-style:none;grid-row-gap:10px;row-gap:10px;margin:0;padding:0;flex-wrap:wrap}.nav__item{margin-right:40px}.nav__item:last-child{margin-right:0}.nav__link{font-size:14px;letter-spacing:.08em;color:#000}.nav__link:hover{color:#474747}.nav__link:active{color:#474747;opacity:.5;outline:none}.nav-user{display:flex;align-items:center}.nav-user__list{display:flex;list-style:none;margin:0;padding:0}.nav-user__item{display:block;width:40px;height:40px}.nav-user__item:not(:last-child){margin-right:13px}.nav-user__link{display:flex;width:100%;height:100%;align-items:center;justify-content:center;color:#000}.nav-user__link:hover{color:#474747}.nav-user__link:active{color:#474747;opacity:.5;outline:none}.nav-user__index{color:#f20505;font-size:10px;line-height:12px;margin-left:2px;margin-top:-10px}.logo{color:#000;fill:currentColor}.logo--footer{color:#fff}.header{width:100%;min-height:110px;background-color:rgba(30,9,6,.14902);margin-bottom:250px;position:relative}.header:after{display:block;height:4px;top:134px;background-color:#3f3f3f;box-shadow:0 14px 0 #3f3f3f,0 28px 0 #3f3f3f,0 42px 0 #3f3f3f,0 56px 0 #3f3f3f,0 70px 0 #3f3f3f}.header:after,.header:before{content:"";width:100%;position:absolute}.header:before{height:293px;background-image:url(/static/media/image_header.23922728.png);background-repeat:no-repeat;background-position:100% 100%;top:78px;z-index:1}.header__wrapper{display:flex;padding:20px 40px;justify-content:flex-start;min-width:1020px;max-width:1430px;margin:0 auto}.header__logo{margin-right:113px;display:flex;justify-content:center}.header__nav-user{margin-left:auto}.footer{width:100%;background-color:#3f3f3f;margin-top:79px;position:relative}.footer:before{height:85px;background-image:url(/static/media/image_guitar_footer.47bd0c83.png);background-repeat:no-repeat;background-position:0 0;top:-85px}.footer:after,.footer:before{content:"";position:absolute;width:100%}.footer:after{height:6px;background-color:#3f3f3f;top:-16px}.footer__wrapper{display:flex;padding:60px 40px 50px;justify-content:flex-start;min-width:1020px;max-width:1430px;margin:0 auto}.footer__column{display:flex;flex-direction:column;justify-content:space-between;font-size:10px;color:#fff;padding-left:1px}.footer__column--info{display:flex;flex-direction:row;padding:0 30px;grid-column-gap:15px;-webkit-column-gap:15px;column-gap:15px;margin-left:92px}.footer__column--contacts{min-width:140px;margin-left:auto;grid-gap:1px;gap:1px;justify-content:flex-start}.footer__title{font-size:14px;letter-spacing:.1em;opacity:.7;margin:20px 0 9px}.footer__info-item{width:145px;display:flex;flex-direction:column}.footer__list{list-style:none;padding:0;margin:0}.footer__list-item{letter-spacing:.12em;overflow:hidden}.footer__link{line-height:20px;color:#fff}.footer__link:hover{color:#e27f00}.footer__link:focus{color:#9f9e9e}.footer__text{line-height:12px;letter-spacing:.03em;margin-top:4px;margin-bottom:8px}.main{width:100%;margin-bottom:60px;background-color:#fff}.main__wrapper{display:block;padding:0 40px;min-width:1020px;max-width:1430px;margin:0 auto}.main__title{font-size:22px;line-height:26px;color:#000;font-weight:700;position:relative;margin:-36px 0 0}.main__title--cart{margin-top:-12px}.social{display:flex;flex-wrap:wrap;margin-top:-6px;max-width:120px}.social__link{color:#fff;fill:currentColor}.social__link:hover{color:#9f9e9e}.social__link:focus{color:#6c6c6c}.social__link:not(:nth-last-child(3n)){margin-left:23px}.button{font-weight:700;font-size:12px;line-height:15px;letter-spacing:.02em;color:#fff;display:flex;align-items:center;justify-content:center;padding:4px 10px;border-radius:2px;border:none;cursor:pointer}.button:hover{border-color:rgba(88,87,87,.7)}.button:focus{background-color:#da8b26}.contacts{display:flex;flex-direction:column;line-height:12px}.contacts__phone{color:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='10' height='10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.536 7.142l-1.693-1.54a.417.417 0 00-.58.018l-.997 1.025c-.24-.046-.723-.196-1.22-.692-.496-.497-.646-.98-.69-1.219l1.024-.997a.417.417 0 00.018-.58l-1.54-1.693a.417.417 0 00-.58-.037l-.904.776a.417.417 0 00-.12.27c-.007.104-.126 2.572 1.787 4.486 1.67 1.669 3.76 1.79 4.336 1.79.084 0 .136-.002.15-.002a.413.413 0 00.27-.122l.775-.904a.415.415 0 00-.036-.58z' fill='%23fff'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:0;padding-left:15px}.contacts__phone:hover{opacity:.5}.contacts__address{display:flex;flex-direction:column;font-style:normal;letter-spacing:.11em}.contacts__title{width:100%}.contacts__item{display:flex;flex-direction:column}.contacts__item:not(:last-child){margin-bottom:13px}.contacts__timetable{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='10' height='10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 .625a4.375 4.375 0 100 8.75 4.375 4.375 0 000-8.75zm1.724 5.72l-.28.38a.078.078 0 01-.109.017L4.72 5.564a.077.077 0 01-.032-.063V2.812c0-.042.035-.078.078-.078h.47c.042 0 .077.036.077.079v2.416l1.393 1.007a.077.077 0 01.018.109z' fill='%23fff'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:0;padding-left:15px}.catalog{display:grid;grid-template-columns:208px 1fr;grid-template-rows:-webkit-min-content 1fr -webkit-min-content;grid-template-rows:min-content 1fr min-content;grid-gap:0 32px;gap:0 32px;grid-template-areas:"filters sorter" "filters catalog" "filters pagination";justify-content:start;align-content:start;justify-items:start;align-items:start;width:100%;margin-top:50px}.catalog__pagination{margin-top:28px}.breadcrumbs{list-style:none;display:flex;padding:0;margin:20px 0}.breadcrumbs__item{display:flex;margin-right:12px;align-items:center}.breadcrumbs__item:not(:last-child):after{content:"";display:block;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 13 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.147.646a.5.5 0 01.708 0l3 3a.5.5 0 010 .708l-3 3a.5.5 0 01-.708-.708L10.794 4 8.147 1.354a.5.5 0 010-.708z' fill='%23000'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 4a.5.5 0 01.5-.5H11a.5.5 0 010 1H.5A.5.5 0 010 4z' fill='%23000'/%3E%3C/svg%3E");background-position:50%;width:13px;height:8px;margin-left:10px}.breadcrumbs__item a{color:inherit}.breadcrumbs__item a:hover{color:#474747}.breadcrumbs__item a:focus{color:#474747;opacity:.5}.sorter{grid-area:sorter;width:100%;display:flex;letter-spacing:.08em;justify-content:flex-start}.sorter__title{color:#000;margin-right:18px}.sorter__list{margin:0;padding:0;display:flex;list-style:none}.sorter__item{color:#585757;cursor:pointer}.sorter__item--active{color:#000}.sorter__item:hover{color:#e27f00}.sorter__item:focus{color:#000}.sorter__item:not(:last-child){margin-right:33px}.sorter__buttons{margin-left:auto;display:flex;align-items:center;margin-right:9px;padding-bottom:6px}.sorter__button{color:#6c6c6c;background-color:transparent;border-color:transparent;border-width:9px;width:0;height:0;padding:0;-webkit-transform:scaleY(1.1) scaleX(.7);transform:scaleY(1.1) scaleX(.7);cursor:pointer}.sorter__button--up{-webkit-transform:rotate(180deg) scaleY(1.1) scaleX(.7);transform:rotate(180deg) scaleY(1.1) scaleX(.7);margin-right:19px}.sorter__button--down,.sorter__button--up{border-top-color:#6c6c6c;border-bottom-width:0}.sorter__button:hover{border-top-color:#e27f00}.sorter__button:focus{border-top-color:#000}.filter{display:flex;flex-direction:column;grid-area:filters;width:208px}.filter__title{font-size:18px;line-height:21px;font-weight:700;padding-bottom:29px;margin-top:-3px}.filter__block,.filter__title{border-bottom:1px solid #dddada}.filter__block{display:flex;flex-direction:column;padding-top:30px;width:100%}.filter__block:last-of-type{border-bottom:none}.filter__block-title{font-size:18px;line-height:21px;font-weight:700;width:100%;margin-bottom:24px;letter-spacing:.02em}.filter__block-item{margin-bottom:29px}.filter__button{width:120px;height:30px;background:#c1c1c1;border-radius:2px;font-weight:700;font-size:12px;line-height:14px;text-transform:uppercase;color:#fff;border:none;margin-top:11px}.cards{grid-area:catalog;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;min-height:972px;align-content:flex-start}.card{width:220px;height:304px;border:1px solid #dddada;padding:16px 13px 19px;display:flex;flex-direction:column;justify-content:flex-start;grid-row-gap:6px;row-gap:6px;font-size:14px;line-height:15px;letter-spacing:.05em;overflow:hidden;margin-top:28px;margin-bottom:2px}.card:last-child{flex-grow:0}.card__image{height:190px;width:100%;display:flex;justify-content:center;align-items:center}.card__rating{display:flex;font-size:10px;line-height:15px;letter-spacing:.1em;color:#9f9e9e}.card__buttons,.card__info{display:flex;justify-content:space-between;align-content:center;align-items:center;overflow:hidden}.card__buttons{margin-top:auto}.card__title{max-width:60%;overflow:hidden;letter-spacing:.07em;text-overflow:ellipsis}.card__button:hover{background-color:#585757}.card__button:focus{background-color:#9f9e9e}.card__button--cart{background-color:#e27f00;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='11' height='11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 4h6.969l.25-1H3V2h6.86a.5.5 0 01.22.05.5.5 0 01.174.142.5.5 0 01.095.204.499.499 0 01-.004.226l-1.25 5a.5.5 0 01-.177.272A.5.5 0 018.61 8H1.5a.5.5 0 01-.354-.146A.5.5 0 011 7.5v-6H0v-1h1.5a.5.5 0 01.354.146A.5.5 0 012 1v3zm0 7a1 1 0 110-2 1 1 0 010 2zm6 0a1 1 0 110-2 1 1 0 010 2z' fill='%23fff'/%3E%3C/svg%3E");background-position:left 11px center;background-repeat:no-repeat;padding:4px 12px 4px 28px;letter-spacing:.06em}.card__button--cart:hover{background-color:#ffa839}.card__button--cart:focus{background-color:#da8b26}.card__button--product{background:#c1c1c1}.card__price{max-width:40%;text-align:right}.rating{display:flex;flex-direction:row-reverse;color:#ffd168}.rating__label{display:flex;align-items:center;margin-right:4px}.pagination{grid-area:pagination;display:flex;justify-content:flex-end;width:100%}.pagination__button{min-width:24px;height:24px;display:flex;justify-content:center;align-items:center;border:.7px solid #9f9e9e;box-sizing:border-box;border-radius:2px;font-size:12px;line-height:18px;letter-spacing:.05em}.pagination__button--active{background-color:#585757;color:#fff}.pagination__button--next,.pagination__button--previous{padding:2px 21px 2px 20px}.pagination__button--previous{margin-right:14px}.pagination__button--next{margin-left:14px}.pagination__button:hover{opacity:.5}.pagination__button:active{opacity:.7}.pagination__button:not(:last-child){margin-right:10px}.pagination__pages-list{display:flex}.pagination__button--not-active:focus,.pagination__button--not-active:hover{opacity:1}.price{display:flex;justify-content:space-between;position:relative}.price:after{content:"";position:absolute;display:block;width:14px;height:2px;background-color:#585757;top:50%;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.price__input{font-size:14px;line-height:28px;letter-spacing:.05em;color:#000;opacity:.6;width:84px;height:28px;border:.7px solid #9f9e9e;border-radius:2px;text-align:center}.price__input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;appearance:none}.price__input[type=number]:invalid{border:2px solid red;outline:none}.price__input::-webkit-input-placeholder{color:#ddd}.price__input:-ms-input-placeholder{color:#ddd}.price__input::placeholder{color:#ddd}.price__input:hover{border-color:#585757}.price__input:focus{opacity:1}.checkbox-filter{display:flex;flex-direction:column;align-items:flex-start;overflow:hidden}.checkbox-filter__label{display:flex;align-items:center;font-size:16px;line-height:19px;letter-spacing:.02em;margin-bottom:12px;overflow:hidden}.checkbox-filter__label:last-child{margin-bottom:0}.checkbox-filter__label:before{content:"";display:block;width:24px;height:24px;border:.7px solid #9f9e9e;border-radius:2px;margin-right:17px}.checkbox-filter__label:hover{color:#9f9e9e}input[type=checkbox]:checked+.checkbox-filter__label:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='14' height='14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.283 11.191l-3.9-3.877a.24.24 0 010-.342l.985-.985a.24.24 0 01.34 0l2.567 2.552a.242.242 0 00.341-.001L11.29 2.81a.242.242 0 01.342-.001l.985.985a.241.241 0 01.001.34l-6.18 6.236h.002l-.815.82a.242.242 0 01-.341 0z' fill='%23585757'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat}input[type=checkbox]:disabled+.checkbox-filter__label:before{background:#f6f3f3;border-color:#ddd}input[type=checkbox]:hover+.checkbox-filter__label:before{border-color:#585757}input[type=checkbox]:focus+.checkbox-filter__label:before{border-color:#c1c1c1}input[type=checkbox]:focus+.checkbox-filter__label{color:#da8b26}.cart{margin-top:26px;margin-bottom:32px}.cart__item{display:flex;width:100%;border-top:.7px solid #dddada;padding:19px 0 12px;align-content:flex-start;flex-direction:row;flex-wrap:nowrap;align-items:flex-start;justify-content:flex-start}.cart__item:nth-last-of-type(2){border-bottom:.7px solid #dddada}.cart__item-info{padding-top:2px}.cart__close-button{margin-right:24px}.cart__image{width:48px;height:132px;margin-right:70px;display:flex;justify-content:center;align-items:center}.cart__title{font-weight:700;font-size:16px;line-height:15px;letter-spacing:.08em;text-transform:uppercase;padding:0;margin:0}.cart__article{margin-top:14px;margin-bottom:6px}.cart__article,.cart__info{font-size:14px;line-height:15px;letter-spacing:.05em}.cart__info{margin:0}.cart__item-price{margin-left:auto;margin-right:85px}.cart__item-price,.cart__item-price-total{font-size:20px;line-height:15px;letter-spacing:.05em;margin-top:60px}.cart__item-price-total{width:170px;font-weight:700;text-align:end}.cart__item-count{display:flex;height:30px;border:1px solid #9f9e9e;margin-top:20px}.cart__item-count-input{display:flex;padding:0;border:1px solid #9f9e9e;border-top:none;border-bottom:none;width:27px;height:29px;background-color:transparent;text-align:center}.cart__item-count-input::-webkit-inner-spin-button{-webkit-appearance:none;appearance:none}.cart__item-count-input:hover{opacity:.5}.cart__item-count-button{background:transparent;border:none;width:27px;height:30px;font-size:20px}.cart__item-count-button:hover{opacity:.5}.cart__footer{display:flex;flex-direction:row;flex-wrap:nowrap;height:95px;justify-content:space-between;align-content:stretch;margin-top:40px}.cart__coupon{flex:0 0 50%}.cart__order-action{display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between;flex:0 0 50%}.cart__total-price{margin:0;font-size:20px}.cart__order-button,.cart__total-price{font-weight:700;line-height:15px;letter-spacing:.08em}.cart__order-button{min-width:220px;height:36px;background:#e27f00;border-radius:2px;border:none;font-size:16px;color:#fff}.cart__order-button:hover{background-color:#ffa839}.cart__order-button:focus{background-color:#da8b26}.close-button{position:relative;background-color:transparent;padding:5px;width:18px;height:18px;border:none;justify-self:end;cursor:pointer}.close-button:before{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.close-button:after,.close-button:before{content:"";width:18px;height:1px;background-color:#9f9e9e;position:absolute;top:8px;left:0}.close-button:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.close-button:hover:after,.close-button:hover:before{background-color:#f20505}.coupon{display:flex;flex-direction:row;flex-wrap:wrap;grid-column-gap:33px;-webkit-column-gap:33px;column-gap:33px}.coupon__title{font-weight:700;font-size:16px;margin:0 0 9px}.coupon__label,.coupon__title{width:100%;line-height:15px;letter-spacing:.08em}.coupon__label{font-size:12px;margin:0 0 20px}.coupon__label--error{color:#f20505}.coupon__input{min-width:170px;height:36px;border:2px solid #dddada;border-radius:2px;font-size:16px;line-height:15px;letter-spacing:.08em;text-align:center;flex:0 0}.coupon__input:hover{border-color:#9f9e9e}.coupon__button{min-width:200px;height:36px;background:#c1c1c1;border-radius:2px;font-weight:700;font-size:16px;line-height:15px;letter-spacing:.08em;color:#fff;border:none}.coupon__button:hover{background-color:#585757}.coupon__button:focus{background-color:#9f9e9e}.modal{display:flex;flex-direction:column;justify-content:flex-start;align-content:flex-start;align-items:flex-start;width:740px;height:-webkit-min-content;height:min-content;padding:30px 50px 12px;z-index:2;background-color:#fff;box-shadow:0 5px 6px #3f3f3f;border-radius:4px;overflow:hidden;position:relative;-webkit-transform:scale(.5);transform:scale(.5);transition:all 1s}.modal--active{-webkit-transform:scale(1);transform:scale(1);transition:all 1s}.modal__close-button{position:absolute;right:20px;top:20px}.modal__button{height:46px;margin-left:auto;font-weight:700;font-size:12px;line-height:15px;letter-spacing:.02em;color:#fff;display:flex;align-items:center;justify-content:center;padding:4px 10px;border-radius:2px;border:none;cursor:pointer;margin-top:15px}.modal__button--action{min-width:220px;background:#e27f00;font-size:16px;line-height:15px;letter-spacing:.08em}.modal__button--action:hover{background-color:#ffa839}.modal__button--action:focus{background-color:#da8b26}.modal__button--second-action{border:1px solid #585757;color:#585757;box-sizing:border-box;border-radius:2px;font-weight:700;font-size:16px;line-height:15px;letter-spacing:.08em;background-color:#fff}.modal__button--second-action:hover{border-color:rgba(88,87,87,.7);opacity:.7}.modal__button--second-action:focus{border-color:hsla(0,0%,42.4%,.5);opacity:.5}.modal__button--success{margin-left:0}.modal__title{width:100%;font-weight:700;font-size:18px;line-height:15px;margin:0 0 25px}.modal__content{display:flex;width:100%}.modal__content--success-block{justify-content:center;grid-gap:37px;gap:37px;margin-bottom:42px}.modal__image{width:56px;height:128px}.modal__product-info{margin:14px 40px}.modal__buttons{margin-top:14px;grid-gap:16px;gap:16px;margin-left:auto}.modal__buttons,.overlay{display:flex;flex-direction:column}.overlay{width:100vw;height:100vh;align-content:center;justify-content:center;align-items:center;background-color:rgba(88,87,87,.6);z-index:1;position:fixed;top:0;left:0;opacity:0;transition:.5s;pointer-events:none}.overlay--active{opacity:1;pointer-events:all}.picture{overflow:hidden}.picture__img{height:inherit}.product-info__title{font-weight:700;font-size:16px;line-height:15px;letter-spacing:.08em;text-transform:uppercase;padding:0;margin:0}.product-info__article{margin-top:14px;margin-bottom:6px}.product-info__article,.product-info__info{font-size:14px;line-height:15px;letter-spacing:.08em}.product-info__info{margin:0}.product-info__price{font-weight:700;font-size:20px;line-height:15px;letter-spacing:.08em;margin-top:20px}
/*# sourceMappingURL=main.69267ce2.chunk.css.map */