
.aml-container {
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(var(--desktop-cols, 4), 1fr);
}

.aml-item {
  position: relative;
  overflow: hidden;
  border-radius: 10px;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  box-shadow: 0 0 calc(var(--glow-strength, 20px) / 2) var(--glow-color, transparent);
}

.aml-item:hover {
  transform: scale(1.05);
  box-shadow: 
    0 0 var(--glow-strength, 20px) var(--glow-spread, 0px) var(--glow-color, #ff0000),
    0 0 calc(var(--glow-strength, 20px) * 2) var(--glow-spread, 0px) var(--glow-color, #ff0000);
}

.aml-poster img { width: 100%; border-radius: 8px; }
.aml-info {
  background: rgba(0,0,0,0.7);
  color: #fff;
  text-align: center;
  padding: 10px;
  position: absolute;
  bottom: 0;
  width: 100%;
}
.aml-hover { display: none; font-size: 14px; }
.aml-item:hover .aml-hover { display: block; }
.aml-title { margin: 0; font-size: 16px; font-weight: bold; }

/* Laptop */
@media (max-width: 1200px) {
  .aml-container { grid-template-columns: repeat(var(--laptop-cols, 3), 1fr); }
}

/* Tablet */
@media (max-width: 992px) {
  .aml-container { grid-template-columns: repeat(var(--tablet-cols, 2), 1fr); }
  .aml-container[data-tablet-layout="slider"] {
    display: flex; overflow-x: auto; scroll-snap-type: x mandatory;
  }
  .aml-container[data-tablet-layout="slider"] .aml-item {
    flex: 0 0 calc(100% / var(--tablet-cols, 2)); scroll-snap-align: center;
  }
}

/* Mobile */
@media (max-width: 576px) {
  .aml-container { grid-template-columns: repeat(var(--mobile-cols, 1), 1fr); }
  .aml-container[data-mobile-layout="slider"] {
    display: flex; overflow-x: auto; scroll-snap-type: x mandatory;
  }
  .aml-container[data-mobile-layout="slider"] .aml-item {
    flex: 0 0 calc(100% / var(--mobile-cols, 1)); scroll-snap-align: center;
  }
}
