/* จังหวะระยะห่าง: ตัวกรอง → ผลลัพธ์ → ส่วนเสริม → ติดต่อร้าน */
.kok-catalog .result-count { padding-top: 16px; padding-bottom: 16px; min-height: 0; }
.kok-catalog #sortSelect { min-height: 44px; max-width: 100%; padding: 8px 12px !important; background: var(--bg) !important; color: var(--text) !important; border-color: var(--line-strong) !important; font-size: 13px !important; }
.kok-catalog #productGrid { padding-bottom: 24px; }
.kok-catalog #catalogPagination { margin-top: 0; margin-bottom: 16px; padding-top: 16px; padding-bottom: 16px; }
.kok-catalog #recentProducts { margin: 16px var(--gutter) 24px; padding: 20px 0 12px; }
.kok-catalog .recent-heading { margin-bottom: 12px; }
.kok-catalog #recentProducts .recent-heading h2 { font-size: 22px; }
.kok-catalog .hscroll-section { margin-top: 20px; padding-top: 18px; padding-bottom: 16px; border-bottom: 0; }
.kok-catalog .hscroll-title { padding-bottom: 12px; font-size: 22px; }
.kok-catalog .parts-help { margin-top: 20px; margin-bottom: 24px; padding: 22px 24px; gap: 24px; }
.kok-catalog .parts-help h2 { font-size: 26px; }
.kok-catalog .parts-copy-status:empty { min-height: 0; margin: 0; }
.kok-catalog .parts-help-contact { margin-top: 12px; }
@media(max-width:760px) {
  .kok-catalog .result-count { padding: 12px 8px; }
  .kok-catalog #productGrid { padding-bottom: 16px; }
  .kok-catalog #catalogPagination { margin-bottom: 12px; }
  .kok-catalog #recentProducts { margin: 12px 8px 20px; padding-top: 16px; }
  .kok-catalog .recent-heading { gap: 8px; }
  .kok-catalog .parts-help { margin: 16px 8px 20px; padding: 18px 16px; gap: 18px; }
  .kok-catalog .parts-help h2 { font-size: 24px; }
}

/* Very narrow phones (320-360px): the header buttons were wider than the screen, so the menu button was clipped and the page scrolled sideways. Only tighter spacing here; nothing changes from 361px up. */
@media (max-width: 360px) {
  header .header-top { padding-left: 10px; padding-right: 10px; gap: 6px; }
  header .header-top img { width: 72px; max-width: 72px; }
  header .header-actions { gap: 4px; }
  header .cart-btn { padding-left: 10px; gap: 6px; }
}