/* Mert Karataş Shop v1.6.26 --------------------------------------------- */

@media(max-width:760px){
  /* Keep the menu utilities at the top, but with the same compact visual
     language as desktop rather than oversized dashboard cards. */
  .mks-mobile{
    padding:6.55rem 1.15rem 1.15rem!important;
    grid-template-rows:auto 1fr auto!important;
  }
  .mks-mobile__utility{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:.52rem!important;
    width:max-content!important;
    max-width:100%!important;
    margin:.45rem 0 1.65rem!important;
  }

  .mks-mobile__utility .mks-langs{
    display:flex!important;
    align-items:center!important;
    gap:.12rem!important;
    margin:0!important;
    padding:.2rem!important;
    width:auto!important;
    min-height:38px!important;
    border:1px solid rgba(198,211,235,.14)!important;
    border-radius:0!important;
    background:rgba(7,18,37,.42)!important;
    box-shadow:none!important;
  }
  .mks-mobile__utility .mks-langs a{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:.28rem!important;
    min-width:auto!important;
    min-height:30px!important;
    padding:.34rem .46rem!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    color:rgba(255,255,255,.48)!important;
    font-size:.52rem!important;
    text-decoration:none!important;
    box-shadow:none!important;
  }
  .mks-mobile__utility .mks-langs a span{font-size:.78rem!important;line-height:1!important}
  .mks-mobile__utility .mks-langs a b{font:900 .48rem/1 Inter,sans-serif!important;letter-spacing:.1em!important}
  .mks-mobile__utility .mks-langs a.is-current{
    color:var(--gold)!important;
    background:rgba(210,174,103,.07)!important;
  }

  .mks-mobile__utility .mks-theme-toggle{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:.42rem!important;
    min-width:78px!important;
    min-height:38px!important;
    margin:0!important;
    padding:.44rem .5rem!important;
    border:1px solid var(--line)!important;
    border-radius:0!important;
    background:transparent!important;
    color:#d9dfeb!important;
    box-shadow:none!important;
    font:800 .5rem/1 Inter,system-ui,sans-serif!important;
    letter-spacing:.12em!important;
  }
  .mks-mobile__utility .mks-theme-toggle span{
    position:relative!important;
    width:18px!important;height:18px!important;
    flex:0 0 18px!important;
    border:1px solid rgba(210,174,103,.55)!important;
    border-radius:50%!important;
    background:transparent!important;
  }
  .mks-mobile__utility .mks-theme-toggle span::before{
    content:"☾"!important;position:absolute!important;inset:0!important;display:grid!important;place-items:center!important;
    color:var(--gold)!important;font-size:.66rem!important;z-index:2!important
  }
  .mks-mobile__utility .mks-theme-toggle span::after{
    content:""!important;position:absolute!important;inset:3px!important;border-radius:50%!important;
    background:var(--gold)!important;transform:scale(.55)!important;opacity:.16!important
  }
  .mks-mobile__utility .mks-theme-toggle b{font:inherit!important}

  html[data-mks-theme="light"] .mks-mobile__utility .mks-langs{
    background:rgba(255,255,255,.44)!important;
    border-color:rgba(40,55,76,.14)!important;
  }
  html[data-mks-theme="light"] .mks-mobile__utility .mks-langs a{color:#697281!important}
  html[data-mks-theme="light"] .mks-mobile__utility .mks-langs a.is-current{
    color:#8b6426!important;background:rgba(210,174,103,.12)!important
  }
  html[data-mks-theme="light"] .mks-mobile__utility .mks-theme-toggle{
    color:#343a48!important;border-color:rgba(40,55,76,.14)!important;background:rgba(255,255,255,.44)!important
  }
  html[data-mks-theme="light"] .mks-mobile__utility .mks-theme-toggle span::before{content:"☀"!important;color:#8b6426!important}
  html[data-mks-theme="light"] .mks-mobile__utility .mks-theme-toggle span::after{opacity:.34!important}

  /* Restore breathing room between utility controls and the actual menu. */
  .mks-mobile nav:not(.mks-mobile__langs){
    margin-top:.35rem!important;
    align-content:start!important;
  }
  .mks-mobile nav:not(.mks-mobile__langs) a{
    padding:.72rem 0!important;
  }
  .mks-mobile nav:not(.mks-mobile__langs) span{
    font-size:clamp(1.9rem,8.8vw,2.8rem)!important;
    line-height:.98!important;
  }
  .mks-mobile footer{margin-top:1.45rem!important}
}

@media(max-width:390px){
  .mks-mobile{padding-inline:1rem!important}
  .mks-mobile__utility{gap:.42rem!important;margin-bottom:1.45rem!important}
  .mks-mobile__utility .mks-langs a{padding:.32rem .38rem!important}
  .mks-mobile__utility .mks-theme-toggle{min-width:72px!important;padding:.42rem .46rem!important}
  .mks-mobile nav:not(.mks-mobile__langs) span{font-size:clamp(1.72rem,8.7vw,2.45rem)!important}
}