/* Category image rail only: native listing, facets and commerce stay in place. */
#category .breadcrumb { padding: 10px 28px 0; font-size: 9px; }
#category .uc-visual-heading { margin: 0; padding: 8px 28px 18px; text-align: left; }
#category .uc-visual-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 20px; min-height: 44px; }
#category .uc-visual-heading h1 { margin: 0; max-width: none; font: 400 13px/1.5 Arial,Helvetica,sans-serif; text-transform: none; letter-spacing: 0; overflow-wrap: anywhere; }
#category .uc-visual-back { display: inline-flex; align-items: center; gap: 6px; min-height: 44px; color: #777; font-size: 10px; }
#category .uc-visual-back:hover { color: #111; text-decoration: underline; text-underline-offset: 4px; }
#category .uc-visual-heading .uc-description { flex-basis: auto; max-width: 560px; margin: 0 0 0 auto; width: auto; text-align: left; font-size: 10px; }
#category .uc-visual-heading .uc-description summary { justify-content: flex-start; gap: 12px; min-height: 44px; }
#category .uc-visual-heading .u2-category-description { font-size: 11px; line-height: 1.7; }
#category .uc-image-nav { display: flex; justify-content: safe center; align-items: flex-start; gap: 12px; overflow-x: auto; padding: 8px 2px 10px; margin: 0; scroll-snap-type: x proximity; scrollbar-width: thin; scrollbar-color: #bbb transparent; }
#category .uc-image-category { display: block; flex: 0 0 112px; width: 112px; min-width: 0; scroll-snap-align: start; color: #151515; text-decoration: none; text-align: center; }
#category .uc-image-media { display: block; aspect-ratio: 2/3; overflow: hidden; background: #f3f3f3; }
#category .uc-image-media img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .35s ease; }
#category .uc-image-category:hover img { transform: scale(1.035); }
#category .uc-image-label { display: block; min-height: 38px; padding: 10px 0 5px; font: 400 10px/1.45 Arial,Helvetica,sans-serif; overflow-wrap: anywhere; border-bottom: 1px solid transparent; }
#category .uc-image-category[aria-current=page] .uc-image-label { border-bottom-color: #151515; }
#category .uc-image-category:focus-visible { outline: 2px solid #33c260; outline-offset: 3px; }
#category .uc-visual-back:focus-visible { outline: 2px solid #33c260; outline-offset: 3px; }
/* Native text-only subcategory links remain the fallback without visual cards. */
#category .uc-visual-heading:has(.uc-image-nav) + .u2-subcategories { display: none; }
@media(max-width:767px) {
  #category .breadcrumb { padding: 8px 16px 0; font-size: 8px; }
  #category .uc-visual-heading { padding: 4px 16px 12px; }
  #category .uc-visual-meta { gap: 0 14px; }
  #category .uc-visual-heading h1 { font-size: 12px; }
  #category .uc-visual-back { font-size: 9px; }
  #category .uc-visual-heading .uc-description { max-width: 100%; font-size: 9px; }
  #category .uc-image-nav { justify-content: flex-start; gap: 10px; margin-inline: -16px; padding-inline: 16px; }
  #category .uc-image-category { flex-basis: 80px; width: 80px; }
  #category .uc-image-label { padding-top: 8px; font-size: 10px; }
}
@media(prefers-reduced-motion:reduce) { #category .uc-image-media img { transition: none; } }
