/*
 * Multimedia Zauber – hervorgehobene Angebote
 *
 * Ausschliesslich Karten mit der Klasse "featured" werden verändert.
 * Alle übrigen Angebote behalten ihr bisheriges Aussehen.
 */

.offers-v18 .package-card-v18.featured {
  position: relative !important;
  display: flex !important;
  align-self: stretch;
  width: 100% !important;
  max-width: 100%;
  min-width: 0;
  margin-bottom: 0 !important;
  isolation: isolate;
  overflow: hidden;
  background:
    radial-gradient(
      circle at 100% 0,
      rgba(255, 209, 102, 0.34),
      transparent 36%
    ),
    radial-gradient(
      circle at 0 100%,
      rgba(230, 61, 157, 0.38),
      transparent 42%
    ),
    linear-gradient(145deg, #241451 0%, #4c238f 50%, #81295f 100%) !important;
  color: #ffffff !important;
  border: 2px solid #ffd166 !important;
  box-shadow:
    0 2rem 5.5rem rgba(76, 35, 143, 0.34),
    0 0 2.5rem rgba(230, 61, 157, 0.2) !important;
}

.offers-v18 .package-card-v18.featured::before {
  position: absolute;
  z-index: 2;
  inset: 0 0 auto;
  height: 0.45rem;
  background: linear-gradient(90deg, #ffd166, #ff70b7, #9f8cff, #55d6be);
  content: "";
}

.offers-v18 .package-card-v18.featured h3 {
  color: #ffffff !important;
  text-shadow: 0 0.25rem 1.3rem rgba(9, 9, 26, 0.28);
}

.offers-v18 .package-card-v18.featured .package-category {
  background: rgba(255, 255, 255, 0.14) !important;
  color: #ffffff !important;
  border: 1px solid rgba(255, 255, 255, 0.32) !important;
}

.offers-v18 .package-card-v18.featured .package-badge {
  gap: 0.4rem;
  background: linear-gradient(
    90deg,
    #ffd166 0%,
    #ff8fab 48%,
    #cbbcff 100%
  ) !important;
  color: #24143f !important;
  border: 1px solid rgba(255, 255, 255, 0.7) !important;
  box-shadow: 0 0.65rem 1.8rem rgba(255, 112, 183, 0.3);
}

.offers-v18 .package-card-v18.featured .package-badge::before {
  content: "★";
  font-size: 0.82rem;
}

.offers-v18 .package-card-v18.featured .package-price-box {
  background: linear-gradient(135deg, #ffffff, #fff5d6 52%, #ffe3f1) !important;
  color: #211438 !important;
  border: 1px solid rgba(255, 255, 255, 0.88) !important;
  box-shadow: 0 1rem 2.8rem rgba(21, 11, 51, 0.18);
}

.offers-v18 .package-card-v18.featured .package-price-box small {
  color: #653c92 !important;
}

.offers-v18 .package-card-v18.featured .package-price span,
.offers-v18 .package-card-v18.featured .package-price em {
  color: #5a476e !important;
}

.offers-v18 .package-card-v18.featured .package-price b {
  color: #211438 !important;
}

.offers-v18 .package-card-v18.featured .package-meta,
.offers-v18 .package-card-v18.featured .package-list-block,
.offers-v18 .package-card-v18.featured .package-result {
  border-top-color: rgba(255, 255, 255, 0.26) !important;
}

.offers-v18 .package-card-v18.featured .package-meta b,
.offers-v18 .package-card-v18.featured .package-list-block b,
.offers-v18 .package-card-v18.featured .package-result b {
  color: #ffd978 !important;
}

.offers-v18 .package-card-v18.featured .package-meta span {
  background: rgba(255, 255, 255, 0.14) !important;
  color: #ffffff !important;
  border: 1px solid rgba(255, 255, 255, 0.2);
}

.offers-v18 .package-card-v18.featured .package-list-block li,
.offers-v18 .package-card-v18.featured .package-result {
  color: #f8f5ff !important;
}

.offers-v18 .package-card-v18.featured .package-list-block li::before {
  background: linear-gradient(135deg, #ffd166, #ff70b7) !important;
  box-shadow: 0 0 0.8rem rgba(255, 209, 102, 0.45);
}

.offers-v18 .package-card-v18.featured .button {
  background: linear-gradient(
    90deg,
    #ffd166 0%,
    #ff8fab 48%,
    #cbbcff 100%
  ) !important;
  color: #211438 !important;
  box-shadow: 0 1rem 2.5rem rgba(21, 11, 51, 0.24);
}

@media (hover: hover) and (pointer: fine) {
  .offers-v18 .package-card-v18.featured .button:hover {
    filter: brightness(1.06) saturate(1.08);
    box-shadow: 0 1.2rem 3rem rgba(21, 11, 51, 0.32);
  }
}

@media (max-width: 32.5rem) {
  .offers-v18 .package-card-v18.featured .package-badge {
    white-space: normal !important;
  }
}