#collections { padding-inline: clamp(24px, 5vw, 80px); }
#collections > .section-head,
#collections > .seo-collection-links,
#collections > .collection-list { max-width: 1440px; margin-inline: auto; }
#collections .collection-list { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 16px; border: 0; }
#collections .collection-list .collection { display: flex; flex-direction: column; align-items: stretch; gap: 0; min-width: 0; min-height: 0; padding: 0; border: 1px solid #c7cec5; background: #fff; color: #17382e; text-decoration: none; transition: border-color .18s, box-shadow .18s; }
#collections .collection > span,
#collections .collection > b { display: none; }
#collections .collection > img { display: block; width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: contain; padding: 12px; box-sizing: border-box; background: #fff; }
#collections .collection > div { padding: 14px; margin-top: auto; }
#collections .collection h3 { margin: 0; font-size: 16px; line-height: 1.4; font-weight: 600; overflow-wrap: anywhere; }
#collections .collection p { display: none; }
#collections .collection p.category-product-count { display: block; margin: 8px 0 0; font-size: 12px; line-height: 1.4; color: #607167; }
#collections .collection:hover { border-color: #17382e; box-shadow: 0 3px 12px #17382e14; }
#collections .collection:focus-visible { outline: 3px solid #17382e; outline-offset: 3px; }
@media (max-width: 1100px) { #collections .collection-list { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 600px) {
  #collections .collection-list { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
  #collections .collection > div { padding: 12px; }
  #collections .collection h3 { font-size: 15px; }
}
@media (prefers-reduced-motion: reduce) { #collections .collection { transition: none; } }