/* 1.04.2: lighter controls and readable labels within the existing mobile layout. */
@media (max-width: 760px) {
  .mk-header-main { gap:8px; }
  .mk-header-main .mk-mobile-menu,
  .mk-header-tools .mk-cart { width:44px;min-width:44px;height:48px; }
  .mk-header-main .mk-mobile-menu svg,
  .mk-header-tools .mk-cart>svg { width:28px;height:28px;stroke-width:1.8; }
  .mk-header-main .mk-header-tools { gap:8px;margin-left:0; }
  .mk-header-tools .mk-language { font-size:14px;gap:2px; }
  .mk-header-tools .mk-language a { min-width:32px;min-height:48px; }
  .mk-header-tools .mk-cart span {
    min-width:18px;height:18px;line-height:18px;font-size:10px;top:1px;right:2px;
  }

  /* Keep the original tile dimensions; use their inner space for larger labels. */
  .mk-category-tiles--readable .mk-category-tile {
    height:var(--mk-tile-height);min-height:0;min-width:0;
    font-size:clamp(12px, 2.9vw, 13px);line-height:1.25;font-weight:700;color:var(--green);
  }
  .mk-category-tiles--readable .mk-category-art {
    position:relative;flex:1 1 auto;min-height:0;height:auto;max-height:72px;
  }
  .mk-category-tiles--readable .mk-category-art img {
    position:absolute;inset:0;width:100%;height:100%;object-fit:contain;
  }
  .mk-category-tiles--readable .mk-category-art>svg { max-height:100%; }
  .mk-category-tiles--readable .mk-category-tile>span:not(.mk-category-art) {
    flex:none;max-width:100%;text-wrap:balance;overflow-wrap:anywhere;
  }

  .mk-mobile-nav a,
  .mk-mobile-nav button {
    min-width:0;font-size:clamp(10px, calc(2.5vw + 2px), 11px);
    font-weight:500;line-height:1.25;gap:4px;
  }
  .mk-mobile-nav :is(a,button)>span { max-width:100%;white-space:nowrap; }
  .mk-mobile-nav svg { width:21px;height:21px;stroke-width:1.8; }
}