/**
 * v26 — Mobile category strip: compact scroll, white bar, 4 + half of 5th visible
 */
@media (max-width: 1023px) {
  .store-header-wrap .store-cat-strip {
    background: #fff !important;
    border-bottom: 1px solid #f0ecef !important;
    padding: 4px 0 0 !important;
    gap: 0 !important;
  }
  .store-header-wrap .cat-strip-nav {
    display: none !important;
  }
  .store-header-wrap .store-cat-strip-viewport {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    width: 100% !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch !important;
    scroll-snap-type: x proximity !important;
    scrollbar-width: none;
  }
  .store-header-wrap .store-cat-strip-viewport::-webkit-scrollbar {
    display: none;
  }
  .store-header-wrap .store-cat-strip-inner {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: flex-start !important;
    width: max-content !important;
    min-width: 0 !important;
    max-width: none !important;
    gap: 3px !important;
    padding: 0 6px !important;
    overflow: visible !important;
  }
  .store-header-wrap .store-cat-chip {
    flex: 0 0 calc((100vw - 18px) / 4.5) !important;
    width: calc((100vw - 18px) / 4.5) !important;
    min-width: calc((100vw - 18px) / 4.5) !important;
    max-width: calc((100vw - 18px) / 4.5) !important;
    color: #1a1218 !important;
    scroll-snap-align: start;
    box-sizing: border-box;
  }
  .store-header-wrap .store-cat-chip-ring {
    margin: 0 auto 3px !important;
    padding: 0 !important;
    background: transparent !important;
    animation: none !important;
    border-radius: 10px !important;
  }
  .store-header-wrap .store-cat-chip-circle {
    width: 52px !important;
    height: 52px !important;
    margin: 0 auto !important;
    border-radius: 10px !important;
    border: 1px solid #eee !important;
    box-shadow: 0 1px 4px rgba(26, 18, 24, 0.06) !important;
    font-size: 20px !important;
  }
  .store-header-wrap .store-cat-chip-label {
    font-size: 9px !important;
    font-weight: 800 !important;
    color: #1a1218 !important;
    line-height: 1.15 !important;
    min-height: 0 !important;
    -webkit-line-clamp: 1 !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis;
    letter-spacing: 0.02em !important;
  }
}