/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.15}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}
@font-face{font-display:swap;font-family:Montserrat;font-style:normal;font-weight:400;src:url(ceb11275ab638627a643.ttf) format("ttf")}@font-face{font-display:swap;font-family:Montserrat;font-style:normal;font-weight:500;src:url(c86e3b9010ff63c99166.ttf) format("ttf")}@font-face{font-display:swap;font-family:Montserrat;font-style:normal;font-weight:600;src:url(d5e0cc788cba9ced1fb9.ttf) format("ttf")}@font-face{font-display:swap;font-family:Montserrat;font-style:normal;font-weight:700;src:url(2c155811b35513d5beaa.ttf) format("ttf")}
.page{background-color:#eaeaea;display:grid;font-family:Montserrat,Arial,sans-serif;grid-template-columns:1fr;justify-items:center;margin:0 auto;min-height:100vh}
.header{display:flex;justify-content:space-between;max-width:1110px;padding:15px 0;width:100%}@media screen and (max-width:1200px){.header{max-width:800px}}@media screen and (max-width:900px){.header{max-width:600px}}@media screen and (max-width:680px){.header{max-width:300px}}
.header__menu{-moz-column-gap:35px;column-gap:35px;display:flex;list-style-type:none;margin:0;padding:0}
.header__menu-item{display:block;position:relative}
.header__icon{display:block;height:22px;width:22px;z-index:1}.header__icon:hover{cursor:pointer}
.header__count{background-color:#ffa542;border-radius:50%;color:#fff;font-size:15px;font-weight:500;line-height:1.2;margin:0;min-width:18px;padding:0;position:absolute;right:-9px;text-align:center;top:-9px;z-index:10}
.logo{height:30px;width:85px}
.main-page{max-width:1110px;width:100%}@media screen and (max-width:1200px){.main-page{max-width:800px}}@media screen and (max-width:900px){.main-page{max-width:600px}}@media screen and (max-width:680px){.main-page{max-width:310px}}
.headphones{display:flex;flex-direction:column;margin-top:28px}
.headphones__list{-moz-column-gap:30px;column-gap:30px;display:grid;grid-template-columns:repeat(3,1fr);list-style-type:none;margin:20px 0 0;padding:0;row-gap:30px;width:100%}@media screen and (max-width:1200px){.headphones__list{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:680px){.headphones__list{grid-template-columns:1fr}}
.section-title{color:#838383;font-size:20px;font-weight:600;line-height:1.2;margin:0;padding:0}
.headphones-item{background-color:#fff;border-radius:30px;box-shadow:0 0 20px rgba(0,0,0,.1);box-sizing:border-box;display:grid;padding:15px 22px 26px;width:100%}
.headphones-item__image{grid-column:1/3;grid-row:1/2;height:237px;justify-self:center;margin-bottom:55px;-o-object-fit:contain;object-fit:contain;width:220px}
.headphones-item__title{color:#1c1c27;font-size:17px;font-weight:600;grid-column:1/2;grid-row:2/3;line-height:1.2;margin:0;padding:0}
.headphones-item__price{font-weight:600;grid-column:2/3;grid-row:2/3;line-height:1.2;text-align:right}
.headphones-item__finaly-price{color:#ffa542;font-size:17px;margin:0;padding:0}
.headphones-item__initial-price{color:#ffce7f;font-size:13px;margin:0;padding:0;text-decoration-line:line-through}
.headphones-item__initial-price_hidden{display:none}
.headphones-item__rate{-moz-column-gap:10px;column-gap:10px;display:flex;grid-column:1/2;grid-row:3/4;margin-top:25px}
.headphones-item__icon-star{display:block;height:22px;-o-object-fit:cover;object-fit:cover;width:22px}
.headphones-item__rating-value{color:#838383;font-size:17px;font-weight:600;line-height:1.2;margin:0;padding:0}
.headphones-item__button{background-color:transparent;border:none;box-sizing:border-box;color:#000;font-size:17px;font-weight:600;grid-column:2/3;grid-row:3/4;justify-self:end;line-height:1.2;margin:15px 0 0;max-width:65px;padding:0;text-align:right;width:100%}.headphones-item__button:hover{cursor:pointer}
.footer{background:#fff;border-radius:30px 30px 0 0;box-shadow:0 0 20px rgba(0,0,0,.1);box-sizing:border-box;display:flex;justify-content:space-between;margin-top:20px;max-width:1110px;padding:30px;width:100%}@media screen and (max-width:1200px){.footer{max-width:800px}}@media screen and (max-width:900px){.footer{max-width:600px}}@media screen and (max-width:680px){.footer{flex-direction:column;max-width:310px;row-gap:10px}}
.footer__links{-moz-column-gap:174px;column-gap:174px;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,auto);list-style-type:none;margin:0;padding:0;row-gap:10px}@media screen and (max-width:1200px){.footer__links{-moz-column-gap:20px;column-gap:20px}}@media screen and (max-width:680px){.footer__links{grid-template-columns:1fr;row-gap:5px}}
.footer__link-item_place_row-one-col-one{grid-column:1/2;grid-row:1/2}
.footer__link-item_place_row-three-col-one{grid-column:1/2;grid-row:3/4}
.footer__link-item_place_row-two-col-one{grid-column:1/2;grid-row:2/3}
.footer__link-item_place_row-three-col-two{grid-column:2/3;grid-row:3/4}@media screen and (max-width:680px){.footer__link-item_place_row-three-col-two{grid-column:1/2;grid-row:5/6}}
.footer__link{color:#000;font-size:17px;font-weight:400;line-height:1.2;text-decoration:none}.footer__link:hover{cursor:pointer}
.footer__langs{-moz-column-gap:15px;column-gap:15px;display:flex;list-style-type:none;margin:0;padding:0}
.footer__lang-link{color:#101010;font-size:15px;font-weight:700;font-weight:500;line-height:1.2;text-decoration:none}.footer__lang-link:hover{cursor:pointer}
.footer__lang-link_active{color:#ffa542;font-weight:700}
.footer__social-networks-list{-moz-column-gap:18px;column-gap:18px;display:flex;height:-moz-fit-content;height:fit-content;list-style-type:none;margin:0;padding:0}
.footer__social-network-link:hover{cursor:pointer}
.footer__social-network-logo{display:block;height:30px;-o-object-fit:contain;object-fit:contain;width:30px}

