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

/* -------------------------------------------------------------------------
   Mobile pass. Desktop composition stays intact; only handset/tablet behaviour
   is tightened so the UI feels deliberate instead of oversized.
   ---------------------------------------------------------------------- */
@media(max-width:760px){
  .mks-tools{gap:.45rem!important}
  .mks-tools .mks-langs,
  .mks-tools .mks-theme-toggle{display:none!important}

  .mks-brand--logo .mks-brand__logo{max-height:38px;width:auto}

  .mks-cart{
    display:grid!important;grid-template-columns:auto auto!important;place-items:center!important;
    gap:.38rem!important;min-width:48px!important;min-height:42px!important;padding:.3rem .48rem!important;
    border:1px solid rgba(23,27,36,.14)!important;border-radius:999px!important;background:rgba(255,255,255,.74)!important;
    box-shadow:0 6px 16px rgba(7,18,37,.06)!important
  }
  .mks-cart__icon{width:17px;height:17px}
  .mks-cart__icon svg{width:17px;height:17px}
  .mks-cart span{display:none!important}
  .mks-cart-count{
    width:22px!important;height:22px!important;border-color:rgba(210,174,103,.45)!important;
    font-size:.58rem!important;line-height:1!important
  }
  html[data-mks-theme="dark"] .mks-cart{background:rgba(7,18,37,.7)!important;border-color:rgba(210,174,103,.22)!important;box-shadow:none!important}

  .mks-menu-toggle{padding:.35rem .1rem .35rem .3rem!important;gap:.48rem!important}
  .mks-menu-toggle span{font-size:.7rem;font-weight:800;letter-spacing:.13em}
  .mks-menu-toggle i{width:16px}

  .mks-mobile{
    grid-template-rows:auto 1fr auto!important;align-content:start!important;
    padding:5.8rem 1.1rem 1.2rem!important;overflow:auto!important
  }
  .mks-mobile nav{align-content:start!important}
  .mks-mobile nav a{grid-template-columns:28px minmax(0,1fr)!important;padding:.62rem 0!important}
  .mks-mobile nav small{font-size:.52rem!important}
  .mks-mobile nav span{font-size:clamp(2rem,9.2vw,3rem)!important}
  .mks-mobile__archive{font-size:24vw!important;opacity:.03!important}
  .mks-mobile__signal{right:-4.6rem!important;top:10.25rem!important;font-size:.68rem!important}

  .mks-mobile__utility{
    display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.62rem;
    margin:0 0 1rem;align-items:stretch
  }
  .mks-mobile__tool{
    display:grid;align-content:start;gap:.5rem;min-height:78px;padding:.72rem .75rem;
    border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.03);color:inherit;
    text-decoration:none;border-radius:14px;box-shadow:inset 0 1px 0 rgba(255,255,255,.02)
  }
  .mks-mobile__tool small{display:block;color:var(--gold);font-size:.45rem;font-weight:900;letter-spacing:.15em}
  .mks-mobile__tool strong{display:flex;align-items:center;gap:.52rem;color:#f4f1ea;font:800 .72rem/1.2 Inter,sans-serif;letter-spacing:.08em;text-transform:uppercase}
  .mks-mobile__tool--theme{cursor:pointer;font-family:inherit}
  .mks-mobile__tool--theme strong span{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;flex:0 0 auto;border:1px solid rgba(255,255,255,.22);background:linear-gradient(90deg,#f1d58f 50%,#071225 50%)}
  .mks-mobile__tool--langs{gap:.46rem}
  .mks-mobile__langs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem;margin:0!important}
  .mks-mobile__langs a{display:flex;align-items:center;justify-content:center;gap:.28rem;min-width:0!important;padding:.54rem .4rem!important;border-radius:11px!important;font-size:.56rem!important;background:rgba(255,255,255,.02)}
  .mks-mobile__langs a span{font-size:.9rem!important}
  .mks-mobile__langs a b{font-size:.52rem!important}
  .mks-mobile footer{margin-top:1rem;padding-top:1rem!important}

  html[data-mks-theme="light"] .mks-mobile{
    background:#f1ece3!important;color:#171b24!important
  }
  html[data-mks-theme="light"] .mks-mobile::before{
    background:
      linear-gradient(rgba(42,56,77,.065) 1px,transparent 1px),
      linear-gradient(90deg,rgba(42,56,77,.05) 1px,transparent 1px),
      radial-gradient(circle at 78% 10%,rgba(255,85,183,.10),transparent 28%),
      linear-gradient(180deg,rgba(255,255,255,.65),rgba(241,236,227,.94))!important;
    background-size:48px 48px,48px 48px,auto,auto!important
  }
  html[data-mks-theme="light"] .mks-mobile nav a{border-bottom-color:rgba(25,35,50,.1)!important}
  html[data-mks-theme="light"] .mks-mobile nav span{color:#1b2230!important}
  html[data-mks-theme="light"] .mks-mobile nav .is-merted span{color:#6b174d!important;text-shadow:1px 0 rgba(214,37,139,.18),-1px 0 rgba(0,128,158,.15)!important}
  html[data-mks-theme="light"] .mks-mobile__tool{border-color:rgba(30,44,63,.12)!important;background:rgba(255,255,255,.58)!important;box-shadow:0 10px 25px rgba(17,27,40,.06)!important}
  html[data-mks-theme="light"] .mks-mobile__tool strong{color:#171b24!important}
  html[data-mks-theme="light"] .mks-mobile__langs a{background:#fff!important;border-color:rgba(40,55,76,.12)!important}
  html[data-mks-theme="light"] .mks-mobile footer{border-top-color:rgba(25,35,50,.1)!important}
  html[data-mks-theme="light"] .mks-mobile footer a{color:#333b49!important}

  .mks-gateway__utility{gap:.38rem!important;justify-items:start!important;align-items:flex-start!important}
  .mks-view-switch{width:min(100%,208px)!important;max-width:208px!important;height:40px!important}
  .mks-view-switch__btn{min-height:34px!important;padding:.42rem .5rem!important}
  .mks-view-switch__btn span{font-size:.6rem!important}
  .mks-view-switch__btn b{font-size:.54rem!important;letter-spacing:.09em!important}

  .mks-product-section summary{grid-template-columns:minmax(0,1fr) 34px!important;padding:0 1rem!important;font-size:.54rem!important;letter-spacing:.12em!important}
  .mks-product-section summary i{width:28px!important;height:28px!important}
  .mks-product-section__body{padding:1rem!important}
  .mks-product-section__body>h2,
  .mks-product-section--reviews #comments>h2{font-size:clamp(1.8rem,8.8vw,2.55rem)!important;line-height:.98!important;max-width:10ch!important}
  .mks-product-section--reviews .comment-reply-title{font-size:clamp(1.1rem,6vw,1.55rem)!important}
  .mks-product-section--reviews .woocommerce-Reviews{gap:1rem!important}
  .mks-product-section--reviews #review_form_wrapper{padding:1rem!important;border-radius:14px!important}
  .mks-product-section--reviews .comment-notes,
  .mks-product-section--reviews .woocommerce-noreviews{font-size:.84rem!important;line-height:1.6!important}

  .mks-account-page{padding:1rem 0 5rem!important}
  .mks-account-page__head{gap:.55rem 1rem!important;padding:1.35rem 0 1.1rem!important}
  .mks-account-page__head h1{font-size:clamp(2.6rem,15vw,4.25rem)!important;line-height:.9!important}
  .mks-account-page__head p{max-width:30ch!important;font-size:.9rem!important;line-height:1.55!important}
  .mks-account-page .woocommerce-MyAccount-navigation{padding:.3rem!important;border-radius:16px!important}
  .mks-account-page .woocommerce-MyAccount-navigation a{min-height:40px!important;padding:.7rem .85rem!important;font-size:.56rem!important}
  .mks-account-page .woocommerce-MyAccount-content{padding:1rem!important;border-radius:18px!important}
  .mks-member-endpoint--dashboard .woocommerce-MyAccount-content>p{padding:.8rem 0!important;font-size:.92rem!important;line-height:1.65!important}
  .mks-member-endpoint--dashboard .woocommerce-MyAccount-content>p a{text-decoration:none!important;border-bottom:1px solid rgba(210,174,103,.38)}
  .mks-dashboard-overview{grid-template-columns:repeat(2,minmax(0,1fr))!important;margin:1rem 0 1.15rem!important}
  .mks-dashboard-overview__card{min-height:110px!important;padding:.9rem!important}
  .mks-dashboard-overview__card strong{font-size:2rem!important}
  .mks-dashboard-overview__card small{font-size:.64rem!important;max-width:none!important}
  .mks-member-card__body{padding:0 1rem 1rem!important}
  .mks-member-card__body p{font-size:.74rem!important}
}

@media(max-width:420px){
  .mks-mobile__utility{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .mks-mobile__tool{min-height:0!important}
  .mks-mobile__tool--langs{grid-column:1/-1!important}
  .mks-mobile nav span{font-size:clamp(1.7rem,10vw,2.45rem)!important}
  .mks-view-switch{max-width:192px!important;height:38px!important}
  .mks-view-switch__btn b{font-size:.5rem!important}
  .mks-dashboard-overview{grid-template-columns:1fr!important}
}