/* JICOA Category V9 — proportional, medium-sized department thumbnails.
   Keep original complete 330x180 V8 images; never crop or distort them.
   Larger than V8; not large feature cards. */
.category-section { padding-top: 23px !important; }
.category-grid {
  display: flex !important;
  flex-flow: row nowrap !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  gap: 12px !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  overscroll-behavior-x: contain;
  padding: 0 0 8px !important;
  scrollbar-width: thin;
  scrollbar-color: #d8dddb transparent;
  scroll-snap-type: x proximity;
}
.category-card {
  flex: 0 0 clamp(158px, 11.25vw, 178px) !important;
  width: clamp(158px, 11.25vw, 178px) !important;
  min-width: clamp(158px, 11.25vw, 178px) !important;
  max-width: clamp(158px, 11.25vw, 178px) !important;
  gap: 9px !important;
  padding: 0 !important;
  margin: 0 !important;
  text-align: center !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  scroll-snap-align: start;
}
.category-picture {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 11 / 6 !important;
  overflow: hidden !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 11px !important;
  background: #f2f2f2 !important;
}
.category-picture img {
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  object-fit: contain !important;
  object-position: center center !important;
  mix-blend-mode: normal !important;
  transform: none !important;
  filter: none !important;
}
.category-card:hover .category-picture img { transform: none !important; filter: brightness(.975) !important; }
.category-card > span:last-child {
  display: block !important;
  width: 100% !important;
  min-height: 35px !important;
  margin: 0 !important;
  padding: 0 2px !important;
  font-size: 12.5px !important;
  font-weight: 600 !important;
  line-height: 1.27 !important;
  color: #17191a !important;
  text-align: center !important;
}
@media (min-width: 1900px) {
  .category-grid { display: grid !important; grid-template-columns: repeat(10, minmax(0, 1fr)) !important; overflow-x: visible !important; }
  .category-card { width: 100% !important; min-width: 0 !important; max-width: none !important; }
}
@media (max-width: 760px) {
  .category-section { padding-top: 18px !important; }
  .category-grid { gap: 11px !important; }
  .category-card { flex-basis: 145px !important; width: 145px !important; min-width: 145px !important; max-width: 145px !important; }
  .category-card > span:last-child { font-size: 11.5px !important; }
}