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

@media(max-width:760px){
  /* Header: account belongs beside the cart, not inside the menu utility block. */
  .mks-tools{gap:.36rem!important}
  .mks-account-link{
    display:grid!important;place-items:center!important;width:42px!important;height:42px!important;min-width:42px!important;
    padding:0!important;border:1px solid rgba(23,27,36,.14)!important;border-radius:999px!important;
    background:rgba(255,255,255,.72)!important;opacity:1!important;box-shadow:0 6px 16px rgba(7,18,37,.055)!important
  }
  .mks-account-link span{display:none!important}
  .mks-account-link i{width:20px!important;height:20px!important;margin:0!important}
  html[data-mks-theme="dark"] .mks-account-link{background:rgba(7,18,37,.72)!important;border-color:rgba(210,174,103,.22)!important;box-shadow:none!important}
  .mks-cart{min-width:54px!important;height:42px!important;min-height:42px!important;padding:.25rem .48rem!important}
  .mks-menu-toggle{gap:.42rem!important;padding:.35rem 0 .35rem .22rem!important}

  /* Menu top: only language + appearance; compact, equal-weight utilities. */
  .mks-mobile__utility{
    display:grid!important;grid-template-columns:minmax(0,1.18fr) minmax(0,.82fr)!important;
    grid-template-areas:"langs theme"!important;gap:.55rem!important;margin:0 0 .9rem!important
  }
  .mks-mobile__tool--langs{grid-area:langs!important;min-height:66px!important}
  .mks-mobile__tool--theme{grid-area:theme!important;min-height:66px!important}
  .mks-mobile__tool--account{display:none!important}
  .mks-mobile__tool{padding:.62rem .68rem!important;border-radius:14px!important}
  .mks-mobile__tool small{font-size:.42rem!important;letter-spacing:.14em!important}
  .mks-mobile__tool strong{font-size:.68rem!important;letter-spacing:.075em!important}
  .mks-mobile__langs{gap:.3rem!important}
  .mks-mobile__langs a{min-height:36px!important;padding:.35rem .26rem!important;border-radius:10px!important}
  .mks-mobile__langs a span{font-size:.76rem!important}
  .mks-mobile__langs a b{font-size:.46rem!important}

  /* Homepage switch guide: same blueprint language as desktop, not the user's rough sketch. */
  .mks-gateway__switch-row{display:grid!important;grid-template-columns:auto minmax(92px,1fr)!important;gap:.78rem!important;align-items:center!important;width:100%!important}
  .mks-view-switch{width:196px!important;max-width:196px!important;height:42px!important}
  .mks-view-switch__btn{min-height:34px!important;padding:.46rem .48rem!important}
  .mks-view-switch__btn b{font-size:.54rem!important;letter-spacing:.1em!important}
  .mks-view-switch__btn span{font-size:.62rem!important}
  .mks-view-switch__hint{
    display:block!important;position:relative!important;height:34px!important;min-width:92px!important;
    color:#21839b!important;font:900 .45rem/1 ui-monospace,SFMono-Regular,Menlo,monospace!important;
    letter-spacing:.14em!important;text-transform:uppercase!important;opacity:.92!important
  }
  .mks-view-switch__hint i{position:absolute!important;left:0!important;right:0!important;top:20px!important;height:1px!important;max-width:none!important;background:linear-gradient(90deg,rgba(33,131,155,.76),rgba(33,131,155,.38))!important}
  .mks-view-switch__hint i::before{content:""!important;position:absolute!important;left:0!important;top:-4px!important;width:8px!important;height:8px!important;border-left:1px solid currentColor!important;border-bottom:1px solid currentColor!important;transform:rotate(45deg)!important}
  .mks-view-switch__hint i::after{display:none!important}
  .mks-view-switch__hint span{
    position:absolute!important;left:50%!important;top:20px!important;transform:translate(-50%,-50%)!important;
    padding:0 .4rem!important;background:#eee9df!important;color:inherit!important;white-space:nowrap!important
  }
  html[data-mks-theme="dark"] .mks-view-switch__hint{color:#48bfdc!important}
  html[data-mks-theme="dark"] .mks-view-switch__hint i{background:linear-gradient(90deg,rgba(72,191,220,.82),rgba(72,191,220,.38))!important}
  html[data-mks-theme="dark"] .mks-view-switch__hint span{background:#071225!important}

  /* My Account: real mobile composition. Strip the desktop card shell and use a mobile nav rail. */
  .mks-account-page{width:calc(100% - 26px)!important;margin:0 auto!important;padding:.65rem 0 4.5rem!important}
  .mks-account-page__head{display:block!important;padding:1.15rem 0 1rem!important;margin:0!important}
  .mks-account-page__head>span{display:block!important;margin:0 0 .62rem!important;font-size:.46rem!important}
  .mks-account-page__head h1{font-size:clamp(3rem,14vw,4rem)!important;line-height:.88!important;margin:0 0 .7rem!important}
  .mks-account-page__head p{max-width:32ch!important;margin:0!important;font-size:.84rem!important;line-height:1.55!important}
  .mks-account-page__content{padding-top:.85rem!important}
  .mks-account-page .woocommerce{display:block!important;width:100%!important;min-width:0!important}
  .mks-account-page .woocommerce>.woocommerce-notices-wrapper{width:100%!important}

  .mks-account-page .woocommerce-MyAccount-navigation{
    position:relative!important;top:auto!important;float:none!important;width:100%!important;grid-column:auto!important;
    margin:0 0 .8rem!important;padding:.35rem!important;border-radius:13px!important;overflow:hidden!important
  }
  .mks-account-page .woocommerce-MyAccount-navigation ul{
    display:flex!important;gap:.32rem!important;overflow-x:auto!important;overflow-y:hidden!important;padding:.08rem!important;
    scroll-snap-type:x proximity!important;-webkit-overflow-scrolling:touch!important;scrollbar-width:none!important
  }
  .mks-account-page .woocommerce-MyAccount-navigation ul::-webkit-scrollbar{display:none!important}
  .mks-account-page .woocommerce-MyAccount-navigation li{flex:0 0 auto!important;margin:0!important;scroll-snap-align:start!important}
  .mks-account-page .woocommerce-MyAccount-navigation a{
    min-height:40px!important;padding:.68rem .82rem!important;border:1px solid transparent!important;border-radius:10px!important;
    white-space:nowrap!important;font-size:.49rem!important;letter-spacing:.1em!important;text-align:center!important
  }
  .mks-account-page .woocommerce-MyAccount-navigation .is-active a{border-color:rgba(210,174,103,.28)!important;background:rgba(210,174,103,.1)!important}

  .mks-account-page .woocommerce-MyAccount-content{
    float:none!important;width:100%!important;grid-column:auto!important;margin:0!important;padding:0!important;
    border:0!important;border-radius:0!important;background:transparent!important;backdrop-filter:none!important;box-shadow:none!important;min-width:0!important
  }
  .mks-member-endpoint--dashboard .woocommerce-MyAccount-content{display:flex!important;flex-direction:column!important;gap:.72rem!important}
  .mks-member-endpoint--dashboard .mks-verify-status{order:0!important;margin:0!important;border-radius:14px!important}
  .mks-member-endpoint--dashboard .mks-dashboard-overview{order:1!important;margin:0!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:.6rem!important;border:0!important;background:transparent!important}
  .mks-member-endpoint--dashboard .woocommerce-MyAccount-content>p{margin:0!important;padding:.92rem 1rem!important;border:1px solid var(--line)!important;border-radius:14px!important;background:rgba(255,255,255,.025)!important;font-size:.84rem!important;line-height:1.6!important;max-width:none!important}
  .mks-member-endpoint--dashboard .woocommerce-MyAccount-content>p:first-of-type{order:2!important}
  .mks-member-endpoint--dashboard .woocommerce-MyAccount-content>p:nth-of-type(2){order:3!important}
  .mks-member-endpoint--dashboard .mks-member-card{order:4!important;margin:0!important;border-radius:14px!important;overflow:hidden!important}
  .mks-member-endpoint--dashboard .mks-achievements{order:5!important;margin-top:.2rem!important}
  .mks-dashboard-overview__card{min-height:126px!important;padding:.9rem!important;border:1px solid var(--line)!important;border-radius:14px!important;background:rgba(7,18,37,.48)!important}
  .mks-dashboard-overview__card strong{font-size:2rem!important}
  .mks-dashboard-overview__card small{font-size:.63rem!important;line-height:1.42!important}
  html[data-mks-theme="light"] .mks-member-endpoint--dashboard .woocommerce-MyAccount-content>p{background:rgba(255,255,255,.58)!important;color:#566171!important}
  html[data-mks-theme="light"] .mks-dashboard-overview__card{background:rgba(255,255,255,.65)!important}

  .mks-account-page .woocommerce-Addresses{grid-template-columns:1fr!important;gap:.75rem!important}
  .mks-account-page .woocommerce-Address{padding:1rem!important;border-radius:14px!important}
  .mks-account-page form .form-row{margin-bottom:.78rem!important}
  .mks-account-page input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=hidden]),
  .mks-account-page select,.mks-account-page textarea,.mks-account-page .select2-container--default .select2-selection--single{min-height:50px!important;border-radius:12px!important}
  .mks-account-page fieldset{padding:1rem!important;border-radius:14px!important;margin-top:1rem!important}
  .mks-account-page button.button,.mks-account-page .button,.mks-account-page input.button,.mks-account-page .woocommerce-Button{width:100%!important;min-height:48px!important;border-radius:2px!important}
  .mks-achievements__head{gap:.8rem!important;margin-bottom:.75rem!important}
  .mks-achievements__head h2{font-size:2rem!important}
  .mks-achievements__grid{grid-template-columns:1fr!important}
  .mks-achievement{min-height:148px!important}
}

@media(max-width:420px){
  .mks-account-link{width:38px!important;height:38px!important;min-width:38px!important}
  .mks-cart{min-width:50px!important;height:38px!important;min-height:38px!important}
  .mks-menu-toggle span{font-size:.64rem!important}
  .mks-gateway__switch-row{grid-template-columns:minmax(0,184px) minmax(84px,1fr)!important;gap:.6rem!important}
  .mks-view-switch{width:184px!important;max-width:184px!important}
  .mks-view-switch__hint{font-size:.41rem!important;letter-spacing:.12em!important}
  .mks-mobile__utility{grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr)!important}
  .mks-mobile__tool{padding:.58rem!important}
  .mks-member-endpoint--dashboard .mks-dashboard-overview{grid-template-columns:1fr!important}
}