/* =========================================================
   DAVECTO KOLLEKTIONEN V3 – ROBUSTER ACCESSOIRES-FIX
   Diese Datei überschreibt die alten Kollektionshintergründe.
   ========================================================= */

.collection-grid .collection-card {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background-color: #0b0f14;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: cover !important;
}

/* Herren */
.collection-grid .collection-men,
.collection-grid .collection-card:nth-child(1) {
  background-image:
    linear-gradient(
      to top,
      rgba(5, 7, 10, 0.82),
      rgba(5, 7, 10, 0.08) 62%
    ),
    url("../images/kollektion-herren.webp") !important;
}

/* Damen */
.collection-grid .collection-women,
.collection-grid .collection-card:nth-child(2) {
  background-image:
    linear-gradient(
      to top,
      rgba(5, 7, 10, 0.82),
      rgba(5, 7, 10, 0.08) 62%
    ),
    url("../images/kollektion-damen.webp") !important;
}

/*
  Accessoires & Living:
  Die Regeln greifen sowohl bei der neuen Klasse collection-living
  als auch bei einer eventuell noch vorhandenen alten collection-gods-Klasse.
  Zusätzlich wird die dritte Kachel direkt angesprochen.
*/
.collection-grid .collection-living,
.collection-grid .collection-gods,
.collection-grid .collection-card:nth-child(3) {
  background-image:
    linear-gradient(
      to top,
      rgba(5, 7, 10, 0.84),
      rgba(5, 7, 10, 0.10) 62%
    ),
    url("../images/kollektion-accessoires-living.webp") !important;
}

/* Beschriftungen */
.collection-grid .collection-card::after {
  position: absolute;
  left: 24px;
  right: 24px;
  bottom: 22px;
  z-index: 3;
  color: #ffffff;
  font-size: clamp(1.3rem, 2.2vw, 2.25rem);
  font-weight: 950;
  line-height: 1;
  letter-spacing: -0.035em;
  text-transform: uppercase;
  text-shadow:
    0 4px 18px rgba(0, 0, 0, 0.95),
    0 0 24px rgba(0, 0, 0, 0.65);
  pointer-events: none;
}

.collection-grid .collection-men::after,
.collection-grid .collection-card:nth-child(1)::after {
  content: "Herren";
}

.collection-grid .collection-women::after,
.collection-grid .collection-card:nth-child(2)::after {
  content: "Damen & Schildmaiden";
}

.collection-grid .collection-living::after,
.collection-grid .collection-gods::after,
.collection-grid .collection-card:nth-child(3)::after {
  content: "Accessoires & Living";
}

/* Harmonische Darstellung auf Mobilgeräten */
@media (max-width: 700px) {
  .collection-grid .collection-card {
    min-height: 420px;
  }

  .collection-grid .collection-card::after {
    left: 18px;
    right: 18px;
    bottom: 18px;
  }
}