/* ============ HOSENKNÖPFE (Präfix hk-) ============ */
.hk-colors { grid-template-columns: repeat(6, 1fr); }
.hk-colors img { max-width: 110px; }
.hk-colors span { font-size: .9375rem; font-weight: 700; color: #1a4480; margin-top: 4px; }
@media (max-width: 900px) { .hk-colors { grid-template-columns: repeat(3, 1fr); } }
.hk-types { grid-template-columns: repeat(3, minmax(0, 1fr)); }
@media (max-width: 900px) { .hk-types { grid-template-columns: 1fr; } }
.hk-nail { align-items: center; }
.hk-nail-fig { margin: 0; text-align: center; max-width: 160px; }
.hk-nail-fig img { width: 100%; max-width: 140px; aspect-ratio: 1; object-fit: contain; background: #fff; border-radius: 12px; display: block; margin: 0 auto; }
.hk-nail-fig figcaption { font-size: .8125rem; font-weight: 700; color: #1a4480; margin-top: 6px; }
.wp-tenax.hk-nail { grid-template-columns: minmax(0, 1fr) 160px; }
@media (max-width: 560px) { .wp-tenax.hk-nail { grid-template-columns: 1fr 110px; gap: 14px; } }
#strass .wp-dims, #jeansnieten .wp-dims { grid-template-columns: repeat(3, minmax(0, 1fr)); display: grid; gap: 6px; }
#strass .wp-dims li, #jeansnieten .wp-dims li { min-width: 0; }
#strass .wp-sub { margin-top: 28px; }
#jeansknoepfe-14-17 .wp-dims, #hosenhaken .wp-dims { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px; }
#kunststoff .wp-dims { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px; }
.oe-banner img[src$="banner-kunststoff.jpg"] { width: 100%; height: auto; aspect-ratio: 2000 / 767; max-height: 560px; object-fit: cover; display: block; }
.oe-banner img[src$="banner-hosenhaken.jpg"] { width: 100%; height: auto; aspect-ratio: 2000 / 767; max-height: 560px; object-fit: cover; display: block; }
/* Enthalten in (Stil wie Ösen) */
.oe-sets { margin-top: 10px; padding: 8px 10px; background: #fff4e0; border-radius: 8px; font-size: .75rem; line-height: 1.45; color: #7a4a00; display: grid; gap: 2px; }
.oe-sets-h { font-size: .6875rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: #9a5b00; }
.oe-sets b { font-weight: 700; }
#neutral .wp-dims, #stern .wp-dims, #girlande .wp-dims { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px; }
/* Nagel + Sortiment */
.hk-dims2 { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px; }
.oe-sets { margin-top: 10px; padding: 8px 10px; background: #fff4e0; border-radius: 8px; font-size: .75rem; line-height: 1.45; color: #7a4a00; display: grid; gap: 2px; }
.oe-sets-h { font-size: .6875rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: #9a5b00; }
.oe-sets b { font-weight: 700; }
.wp-dims.hk-dims3 { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 6px; }
#alofx .wp-dims.hk-dims3 { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
#alofx .wp-dims.hk-dims3 li:first-child { grid-column: 1 / -1; }
#jeansnagel { margin-top: 40px; }