/* DJ NIKOLAS — Products Grid 4 per row v1.7.0.4
   Desktop: exact 4 produse pe rând, pornind din stânga sub "Muzică originală DJ Nikolas".
   Responsive: 3 / 2 / 1 pe ecrane mai mici.
*/

#music{
  box-sizing:border-box!important;
}

/* Aliniere exact cu marginea stângă a secțiunii/titlului. */
#music .product-grid.product-grid-v169{
  width:100%!important;
  max-width:none!important;
  margin:22px 0 0!important;
  padding:0!important;
  display:grid!important;
  grid-template-columns:repeat(4, minmax(0, 1fr))!important;
  gap:18px!important;
  justify-content:stretch!important;
  justify-items:stretch!important;
  align-items:start!important;
  overflow:visible!important;
}

/* Fiecare card ocupă exact coloana lui; nu mai este centrat la o lățime fixă. */
#music .product-grid-v169 .product-card-v169{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  margin:0!important;
  box-sizing:border-box!important;
  height:auto!important;
  overflow:hidden!important;
}

/* Păstrăm coperta compactă și clară. */
#music .product-grid-v169 .product-card-v169>.cover{
  width:min(66%,180px)!important;
  max-width:180px!important;
  margin:16px auto 4px!important;
}

#music .product-grid-v169 .product-card-v169.is-album>.cover{
  width:min(var(--album-cover-percent,50%),180px)!important;
  max-width:180px!important;
}

/* Conținutul trebuie să rămână în interiorul coloanei. */
#music .product-grid-v169 .product-card-v169 .product-body,
#music .product-grid-v169 .promo-box,
#music .product-grid-v169 .promo-price-stack,
#music .product-grid-v169 .actions{
  min-width:0!important;
  max-width:100%!important;
  box-sizing:border-box!important;
}

#music .product-grid-v169 .promo-price-now,
#music .product-grid-v169 .promo-price-old,
#music .product-grid-v169 .price{
  overflow-wrap:anywhere!important;
}

/* Laptop / desktop mai îngust: 3 pe rând ca să nu fie înghesuite. */
@media (max-width:1199px){
  #music .product-grid.product-grid-v169{
    grid-template-columns:repeat(3, minmax(0, 1fr))!important;
  }
}

/* Tabletă: 2 pe rând. */
@media (max-width:820px){
  #music .product-grid.product-grid-v169{
    grid-template-columns:repeat(2, minmax(0, 1fr))!important;
    gap:14px!important;
  }

  #music .product-grid-v169 .product-card-v169{
    max-width:none!important;
  }
}

/* Telefon: 1 pe rând, lățime completă și fără scroll orizontal. */
@media (max-width:560px){
  #music .product-grid.product-grid-v169{
    grid-template-columns:1fr!important;
    gap:16px!important;
  }

  #music .product-grid-v169 .product-card-v169{
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
  }

  #music .product-grid-v169 .product-card-v169>.cover{
    width:min(48%,165px)!important;
    max-width:165px!important;
  }

  #music .product-grid-v169 .product-card-v169.is-album>.cover{
    width:min(var(--album-cover-percent,50%),165px)!important;
    max-width:165px!important;
  }
}