/* STAR MUSIK V6.1 — categories responsive — 21 octobre 2026. */
.sms61 .elementor .sig-home.v5-home {
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  max-width: 100%;
}
.sms61 .elementor .sig-home.v5-home .sig-section {
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  max-width: 1360px;
  margin-inline: auto;
  align-self: center;
  padding-inline: clamp(16px, 3vw, 30px) !important;
}
.sms61 .sig-home .sig-section > .e-con-inner,
.sms61 .sig-home .sig-section .elementor-widget,
.sms61 .sig-home .sig-section .elementor-widget-container,
.sms61 .sig-home .sig-section .elementor-shortcode {
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  max-width: 100%;
}
.sms61 .sig-home #univers.v5-categories {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  align-items: start;
  gap: 20px;
  width: 100%;
  min-width: 0;
  max-width: 100%;
}
.sms61 .sig-home #univers > .sig-category {
  display: block;
  grid-column: auto;
  min-width: 0;
  max-width: 100%;
  overflow-wrap: anywhere;
}
.sms61 .sig-home #univers .v5-category-photo {
  position: relative;
  width: 100%;
  height: auto;
  min-height: 0;
  aspect-ratio: 7 / 6;
  max-height: 240px;
  overflow: hidden;
}
.sms61 .sig-home #univers .v5-category-photo > img {
  position: absolute;
  inset: 0;
  display: block;
  width: 100% !important;
  height: 100% !important;
  min-width: 0;
  min-height: 0;
  max-width: 100%;
  max-height: 100%;
  aspect-ratio: auto;
  object-fit: cover;
  /* Existing object-position values remain intact. */
  transform: none;
  transition: transform 180ms ease;
}
@media (max-width: 1024px) {
  .sms61 .sig-home #univers.v5-categories {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .sms61 .sig-home #univers > .sig-category { grid-column: span 2; }
  .sms61 .sig-home #univers > .sig-category:nth-child(n+4) { grid-column: span 3; }
  .sms61 .sig-home #univers .v5-category-photo { aspect-ratio: 4 / 3; }
}
@media (max-width: 600px) {
  .sms61 .sig-home #univers.v5-categories {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px 16px;
  }
  .sms61 .sig-home #univers > .sig-category,
  .sms61 .sig-home #univers > .sig-category:nth-child(n+4) { grid-column: auto; }
  .sms61 .sig-home #univers > .sig-category:last-child {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    align-items: center;
    gap: 16px;
  }
}
@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
  .sms61 .sig-home #univers > .sig-category:hover .v5-category-photo > img {
    transform: scale(1.025);
  }
}
@media (prefers-reduced-motion: reduce) {
  .sms61 .sig-home #univers .v5-category-photo > img { transition: none; }
}

/* Compact header: preserve the three controls at 360px. */
@media (max-width: 380px) {
  .sms61 .sms6-header .sig-top { column-gap: 3px; }
}
