/* Card Style 1 – Vertical Cards */

.cards-carousel .swiper-slide > article.custom-card.style-1 {
  width: 100%;
  max-width: 440px;
  height: auto;
}

article.custom-card.style-1 {
  color: #AEB1C7;
  padding: 16px;
  display: flex;
  flex-direction: column;
  border-radius: 16px;
  border: 1px solid rgba(174, 177, 199, 0.10);
  background: #1F2028;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.10);
  box-sizing: border-box;
  position: relative;
}

article.custom-card.style-1 .card-thumbnail img {
  width: 100%;
  aspect-ratio: 16 / 9 !important;
  object-fit: cover;
  border-radius: 8px !important;
  border: 1px solid rgba(174, 177, 199, 0.10) !important;
}

.card-grid-style-1 {
  display: flex;
  flex-wrap: wrap;
  gap: 32px;
}

.card-grid-style-1 > article.custom-card.style-1 {
  flex: 1 1 280px;
  max-width: 100%;
}

@supports (display: grid) {
  .card-grid-style-1 {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 32px;
  }

  .card-grid-style-1 > article.custom-card.style-1 {
    width: 100%;
    max-width: 440px;
  }
}

article.custom-card.style-1 a.card-thumbnail {
  line-height: normal;
}

article.custom-card.style-1 a.card-thumbnail:hover {
  opacity: 0.8;
}

article.custom-card.style-1 .card-bottom p {
  margin: 0;
  line-height: 1;
}

@media (max-width: 768px) {
  article.custom-card.style-1 {
    flex-direction: column;
  }

  article.custom-card.style-1 .card-thumbnail img {
    width: 100%;
    height: auto;
  }
}