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

@media(max-width:760px){
  /* Blueprint note: keep the desktop language, only lift the label 3px so
     the hairline passes below it rather than through it. */
  .mks-view-switch__hint span{top:17px!important}

  /* Menu utility controls: full-width, equal and centred. Language remains a
     single desktop-like segmented control; appearance mirrors the web button. */
  .mks-mobile__utility{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    align-items:stretch!important;
    justify-content:stretch!important;
    gap:.7rem!important;
    width:100%!important;
    max-width:100%!important;
    margin:.45rem auto 2.25rem!important;
  }
  .mks-mobile__utility .mks-langs,
  .mks-mobile__utility .mks-theme-toggle{
    width:100%!important;
    min-width:0!important;
    min-height:44px!important;
    justify-content:center!important;
    margin:0!important;
  }
  .mks-mobile__utility .mks-langs{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    padding:.22rem!important;
  }
  .mks-mobile__utility .mks-langs a{
    width:100%!important;
    min-width:0!important;
    min-height:36px!important;
    padding:.36rem .38rem!important;
    justify-content:center!important;
  }
  .mks-mobile__utility .mks-theme-toggle{
    display:inline-flex!important;
    gap:.48rem!important;
    padding:.5rem .7rem!important;
    text-align:center!important;
  }
  .mks-mobile__utility .mks-theme-toggle b{
    display:block!important;
    min-width:0!important;
    font:900 .53rem/1 Inter,system-ui,sans-serif!important;
    letter-spacing:.11em!important;
    text-transform:uppercase!important;
  }

  /* Give the actual collection navigation its own field; it should not look
     attached to the utility controls. */
  .mks-mobile nav:not(.mks-mobile__langs){
    margin-top:.9rem!important;
  }

  /* Product density: one old mobile card footprint now fits two cards. This
     applies to catalogue/archive grids and Mert's Picks alike. */
  .mks-product-grid,
  .mks-product-grid--picks,
  .mks-catalogue-results .mks-product-grid,
  .woocommerce ul.products,
  .woocommerce .products{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    column-gap:.7rem!important;
    row-gap:1rem!important;
  }
  .mks-product-card{min-width:0!important}
  .mks-product-card__media{
    aspect-ratio:4/5!important;
    border-radius:14px!important;
  }
  .mks-product-card__media>span{
    left:8px!important;top:8px!important;
    padding:.3rem .4rem!important;
    font-size:.42rem!important;
    letter-spacing:.1em!important;
  }
  .mks-product-card__copy,
  .mks-product-card>div{
    padding:.58rem .05rem .08rem!important;
  }
  .mks-product-card__copy small,
  .mks-product-card>div small{
    min-height:0!important;
    font-size:.43rem!important;
    letter-spacing:.055em!important;
    line-height:1.35!important;
  }
  .mks-product-card__copy h3,
  .mks-product-card>div h3{
    margin:.25rem 0 .15rem!important;
    font-size:clamp(.82rem,3.7vw,1rem)!important;
    line-height:1.08!important;
  }
  .mks-product-card__copy p,
  .mks-product-card>div>p{
    margin:.12rem 0 0!important;
    font-size:.66rem!important;
    line-height:1.3!important;
  }
  .mks-product-card .mks-wishlist-btn--card{
    width:32px!important;height:32px!important;
    right:.42rem!important;top:.42rem!important;
  }
  .mks-product-card .mks-wishlist-btn--card svg{width:12px!important;height:12px!important}

  /* WooCommerce-native cards, when used by an extension/archive. */
  .woocommerce ul.products li.product,
  .woocommerce .products li.product{
    width:auto!important;
    min-width:0!important;
    margin:0!important;
  }
  .woocommerce ul.products li.product .woocommerce-loop-product__title,
  .woocommerce .products li.product .woocommerce-loop-product__title{
    font-size:.9rem!important;
    line-height:1.08!important;
    padding:.45rem 0 .1rem!important;
  }
  .woocommerce ul.products li.product .price,
  .woocommerce .products li.product .price{font-size:.7rem!important}
}

@media(max-width:390px){
  .mks-mobile__utility{gap:.55rem!important;margin-bottom:2rem!important}
  .mks-mobile__utility .mks-theme-toggle{padding-inline:.5rem!important}
  .mks-mobile__utility .mks-theme-toggle b{font-size:.49rem!important;letter-spacing:.08em!important}
  .mks-mobile__utility .mks-langs a{padding-inline:.28rem!important}
  .mks-mobile nav:not(.mks-mobile__langs){margin-top:.75rem!important}

  /* Keep two-up even on narrow phones; tighten the gap rather than falling
     back to the oversized one-card layout. */
  .mks-product-grid,
  .mks-product-grid--picks,
  .mks-catalogue-results .mks-product-grid,
  .woocommerce ul.products,
  .woocommerce .products{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:.58rem!important;
  }
  .mks-product-card__copy h3,.mks-product-card>div h3{font-size:.8rem!important}
  .mks-product-card__copy p,.mks-product-card>div>p{font-size:.62rem!important}
}