/* Hilal's Kitchen mobile menu hardening — loaded after the main bundle. */
@media (max-width: 768px) {
  .hk-full-menu-section {
    padding-top: 12px;
    overflow-x: clip;
  }

  .hk-full-menu-section .hk-container {
    width: 100%;
    max-width: 100%;
    padding-inline: 14px;
  }

  .hk-menu-layout,
  .hk-menu-content,
  .hk-items-grid,
  .hk-item-card {
    width: 100%;
    min-width: 0;
    max-width: 100%;
  }

  .hk-menu-layout {
    display: block;
  }

  .hk-category-sidebar {
    box-sizing: border-box;
    display: flex;
    width: 100%;
    max-width: 100%;
    margin: 0 0 20px;
    padding: 10px;
    gap: 8px;
    flex-flow: row nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    overscroll-behavior-inline: contain;
    scroll-snap-type: inline proximity;
    scrollbar-width: thin;
    -webkit-overflow-scrolling: touch;
  }

  .hk-category-sidebar-item {
    flex: 0 0 auto;
    min-height: 44px;
    padding: 10px 15px;
    scroll-snap-align: start;
    touch-action: manipulation;
  }

  .hk-items-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
  }

  .hk-item-body {
    min-width: 0;
    padding: 18px;
  }

  .hk-item-name,
  .hk-item-desc,
  .hk-item-ingredients {
    overflow-wrap: anywhere;
  }

  .hk-item-footer {
    flex-wrap: wrap;
    gap: 12px;
  }

  .hk-item-qty {
    flex: 0 0 auto;
  }

  .hk-qty-btn {
    min-width: 42px;
    min-height: 42px;
  }

  .hk-btn-basket {
    min-height: 48px;
    white-space: normal;
  }
}

@media (max-width: 576px) {
  .hk-page-hero {
    min-height: 210px;
  }

  .hk-page-hero-title {
    font-size: clamp(34px, 11vw, 46px);
  }

  .hk-items-grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 16px;
  }

  .hk-item-card {
    margin-inline: auto;
  }

  .hk-item-img-wrap {
    height: clamp(190px, 58vw, 250px);
  }
}

@media (max-width: 380px) {
  .hk-full-menu-section .hk-container {
    padding-inline: 10px;
  }

  .hk-item-body {
    padding: 16px 14px;
  }

  .hk-item-footer {
    align-items: flex-start;
    flex-direction: column;
  }
}