.mobile-settings-toggle,.mobile-settings-panel{display:none!important}
.header-heart,.shared-heart{display:grid!important;width:36px!important;height:40px!important;padding:0!important;place-items:center!important;border:1px solid transparent!important;background:transparent!important;color:#fff!important;font-size:23px!important;line-height:1!important;cursor:pointer!important;transition:color .2s ease,border-color .2s ease,transform .2s ease,text-shadow .2s ease!important}
.header-heart:hover,.header-heart:focus-visible,.shared-heart:hover,.shared-heart:focus-visible{color:#e2b400!important;border-color:#e2b400!important;transform:translateY(-2px)!important;text-shadow:0 0 9px rgba(226,180,0,.55)!important;outline:none!important}
.header-heart.is-active{color:#e2b400!important;text-shadow:0 0 9px rgba(226,180,0,.55)}

@media(max-width:620px){
  :root{--mobile-gutter:16px}
  body.mobile-nav-open{overflow:hidden}
  .wrap{width:calc(100% - 32px)}

  .announcement{height:34px;padding:0 16px!important;justify-content:center!important}
  .announcement>b,.announcement>span{display:none!important}
  .announcement .delivery-cart-link{padding:6px 8px;font-size:0;white-space:nowrap}
  .announcement .delivery-cart-link::after{content:'Акция! Бесплатная доставка при покупке от 24.990.';font-size:8px}
  html[lang="en"] .announcement .delivery-cart-link::after{content:'Special offer! Free delivery on orders over ₽24,990.'}
  html[lang="kk"] .announcement .delivery-cart-link::after{content:'Акция! 24.990 ₽-ден бастап тапсырысқа тегін жеткізу.'}

  body>header .head-main{height:122px!important;min-height:122px!important;padding:0 16px 10px!important;display:flex!important;flex-wrap:wrap!important;align-content:flex-start!important;align-items:center!important;column-gap:7px!important;row-gap:0!important}
  body>header .head-main>.logo{order:1;height:auto!important;font-size:21px;letter-spacing:2.5px;white-space:nowrap}
  body>header .head-main>.search{position:static!important;order:3!important;flex:0 0 100%!important;width:100%!important;height:46px!important;margin:0!important;padding:0 15px!important;border:1px solid #454641!important;background:#181917!important;display:flex!important;align-items:center!important;justify-content:space-between!important;box-shadow:inset 3px 0 0 #e2b400!important;color:#a9aaa5!important}
  body>header .head-main>.search:hover,body>header .head-main>.search:focus-visible{border-color:#e2b400!important;color:#fff!important}
  body>header .search>span{display:block!important;font-size:13px!important}
  body>header .search>b{font-size:23px}
  body>header .head-actions{order:2;height:66px!important;margin:0 0 0 auto!important;display:flex!important;align-items:center!important;gap:0!important}
  body>header .head-actions>.language-menu,body>header .head-actions>.currency-menu,body>header .head-actions>a{display:none!important}
  body>header .head-actions .mobile-heart,body>header .head-actions .mobile-settings-toggle{display:grid!important;width:36px!important;height:40px!important;padding:0!important;place-items:center!important;border:1px solid transparent!important;background:transparent!important;color:#fff!important;font-size:23px!important;line-height:1!important;transition:color .2s ease,border-color .2s ease,transform .2s ease!important}
  body>header .head-actions .mobile-settings-toggle{width:34px!important;height:34px!important;border-color:transparent!important;border-radius:0!important;font-size:11px!important;font-weight:800!important;letter-spacing:.6px!important}
  body>header .head-actions .mobile-heart:hover,body>header .head-actions .mobile-heart:focus-visible,body>header .head-actions .mobile-settings-toggle:hover,body>header .head-actions .mobile-settings-toggle:focus-visible,body>header .head-actions .mobile-settings-toggle[aria-expanded="true"]{color:#e2b400!important;border-color:#e2b400!important;transform:translateY(-2px)!important;outline:none!important}
  body>header .head-actions .mobile-settings-toggle:hover,body>header .head-actions .mobile-settings-toggle:focus-visible,body>header .head-actions .mobile-settings-toggle[aria-expanded="true"]{border-color:transparent!important}
  body>header .mobile-settings-panel{display:none!important;position:fixed;z-index:95;top:156px;right:12px;width:min(330px,calc(100% - 24px));padding:16px;background:#111210;border:1px solid #44453f;box-shadow:0 18px 45px rgba(0,0,0,.55);color:#fff}
  body>header .mobile-settings-panel.open{display:block!important}
  body>header .mobile-settings-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px;color:#e2b400;font-size:12px;text-transform:uppercase;letter-spacing:1px}
  body>header .mobile-settings-heading button{width:32px;height:32px;border:0;background:transparent;color:#fff;font-size:24px}
  body>header .mobile-settings-group{display:grid;grid-template-columns:62px 1fr;align-items:center;gap:10px;margin-top:11px}
  body>header .mobile-settings-group>span{color:#999;font-size:10px;text-transform:uppercase}
  body>header .mobile-settings-group>div{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:5px}
  body>header .mobile-settings-group button{height:40px!important;border:1px solid #373834!important;background:#191a18!important;color:#fff!important;font-size:11px!important;font-weight:800!important}
  body>header .mobile-settings-group button.active,body>header .mobile-settings-group button:hover,body>header .mobile-settings-group button:focus-visible{border-color:#e2b400!important;background:#e2b400!important;color:#111!important;outline:none!important}
  body>header .head-actions .bag{height:40px;padding:0 5px!important;border-color:transparent;font-size:0}
  body>header .head-actions .bag i{margin:0;width:24px;height:24px;font-size:10px}
  body>header .head-actions .menu{display:grid!important;width:40px;height:40px;padding:0!important;place-items:center;border:1px solid transparent;font-size:20px}
  body>header .head-actions .menu:hover,body>header .head-actions .menu:focus-visible{border-color:#e2b400;color:#e2b400}

  body>header>nav{position:fixed!important;inset:156px 0 0!important;z-index:80!important;height:auto!important;margin:0!important;padding:18px 16px 28px!important;background:rgba(8,9,8,.985)!important;display:none!important;overflow-y:auto!important;align-content:start!important}
  body>header.mobile-open>nav{display:block!important}
  body>header>nav>div{display:grid!important;height:auto!important;gap:0!important}
  body>header>nav a{display:flex!important;align-items:center!important;justify-content:flex-start!important;width:100%!important;height:50px!important;min-height:50px!important;margin:0!important;padding:0 13px!important;border:0!important;border-bottom:1px solid #292a27!important;font-size:12px!important;transform:none!important}
  body>header>nav .catalog-nav-button{color:#e2b400!important}
  body>header .nav-promos{display:grid!important;margin:0!important}
  body>header .mobile-nav-settings{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:20px 0 10px}
  body>header .mobile-nav-settings .language-menu,body>header .mobile-nav-settings .currency-menu{display:flex!important;width:100%}
  body>header .mobile-nav-settings .language-picker,body>header .mobile-nav-settings .currency-picker{width:100%;height:46px;justify-content:center;border:1px solid #3c3d39}
  body>header .mobile-login{display:flex!important;height:50px!important;margin-top:8px!important;border:1px solid #e2b400!important;color:#e2b400!important;justify-content:center!important}

  .hero{height:590px!important;min-height:590px;margin:0!important;background:#080908}
  .hero-slide{background-position:center!important;background-size:cover!important}
  .hero-slide:nth-child(1){background-image:url('assets/fonstein-hero-mobile-guitar.png')!important}
  .hero-slide:nth-child(2){background-image:url('assets/fonstein-hero-mobile-violin.png')!important}
  .hero-slide:nth-child(3){background-image:url('assets/fonstein-hero-mobile-piano.png')!important}
  .hero-slides::after{background:linear-gradient(180deg,rgba(5,6,6,.05) 15%,rgba(5,6,6,.35) 48%,rgba(5,6,6,.94) 88%)!important}
  .hero::after{display:none!important}
  .hero-copy{left:0;right:0;bottom:54px;margin:0 20px!important;align-self:auto!important;position:absolute!important;z-index:3}
  .hero .kicker{margin-bottom:12px;font-size:8px}
  .hero h1{font-size:48px!important;line-height:.96;margin-bottom:17px;letter-spacing:-1px}
  .hero p{max-width:330px;margin-bottom:23px;font-size:12px;line-height:1.55;color:#c5c5bf}
  .hero-buttons{display:grid;gap:9px;width:min(100%,330px)}
  .hero-buttons .btn{width:100%;height:48px}
  .hero-buttons .btn.outline{height:34px;border:0;justify-content:flex-start;padding:0;color:#ddd}
  .hero-arrow{display:none}
  .hero .slide-count{display:none}
  .hero-dots{left:50%!important;bottom:20px!important;transform:translateX(-50%)}

  .benefits{grid-template-columns:repeat(2,1fr)!important;height:auto!important}
  .benefits>div{height:108px!important;padding:12px 10px!important;justify-content:flex-start!important;gap:10px!important;transform:none!important}
  .benefits>div:nth-child(2n){border-right:0}
  .benefits>div p{margin:0}
  .benefits>div strong{font-size:8px;line-height:1.35}
  .benefits>div span{font-size:7px;line-height:1.35}
  .benefits>div>b{transform:scale(.86)!important}

  .section-inner{padding-block:64px}
  .section-title{margin-bottom:28px}
  .section-title h2{font-size:38px}
  .category-grid{gap:12px;padding-bottom:5px}
  .category-card{min-width:86vw;height:405px}
  .category-card .number{height:48px;padding:16px 20px}
  .cat-photo{height:275px}
  .cat-text{height:96px;padding:18px 20px}
  .cat-text h3{font-size:23px}
  .expand-catalog{margin-top:22px;font-size:19px}
  .dark-section .section-inner{padding-bottom:42px}

  .products-section .section-title{display:block}
  .tabs{width:100%;overflow-x:auto;gap:20px;padding-bottom:4px}
  .tabs button{white-space:nowrap}
  .product-grid{gap:12px;padding-bottom:6px}
  .product{min-width:86vw}
  .product-visual{height:285px}
  .product .add{display:block;opacity:1;height:44px}

  .sales-inner{padding-block:64px}
  .sales-heading{margin-bottom:28px}
  .sales-heading h2{font-size:40px}
  .sales-heading>p{display:none}
  .sales-grid{gap:12px;padding-bottom:6px}
  .sale-card{min-width:86vw}

  .brands-section .section-inner{padding-block:64px}
  .brand-grid{grid-template-columns:repeat(2,1fr)!important}
  .brand-grid span{height:82px!important;border-right:1px solid var(--line)!important;border-bottom:1px solid var(--line)!important;font-size:15px}
  .brand-grid span:nth-child(2n){border-right:0!important}

  .story-inner{display:flex!important;flex-direction:column;align-items:center!important;text-align:center;padding-block:58px;gap:27px}
  .story-logo{width:170px;height:170px}
  .story h2{font-size:32px}
  .story p{font-size:10px;line-height:1.55}
  .story .btn{grid-column:auto;width:100%;max-width:340px;margin:0!important;height:50px}

  .btn.gold,.story .btn{font-size:18px!important}
  .about-strip .privacy-button,.about-strip .company-button,.about-strip .call-button{font-size:18px!important}

  .site-footer.site-footer .site-footer-main{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;padding:30px 0!important;gap:20px!important}
  .site-footer .site-footer-brand{align-items:center!important;text-align:center!important}
  .site-footer .site-footer-main>p{width:100%!important;margin:0!important;text-align:center!important;line-height:1.5!important}
  .site-footer .site-social{width:100%!important;align-items:center!important;text-align:center!important}
  .site-footer .site-social>div{justify-content:center!important}
  .site-footer .site-footer-strip{height:auto!important;padding:7px 0!important}
  .site-footer .site-footer-strip>.wrap{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;align-items:stretch!important;gap:5px!important}
  .site-footer .site-phone{display:contents!important}
  .site-footer .site-footer-button{width:100%!important;min-width:0!important;min-height:46px!important;padding:5px 4px!important;display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;white-space:normal!important;font-size:12px!important;line-height:1.15!important;letter-spacing:.45px!important}
}