/* Koi Auswahl page content only. Header and footer intentionally untouched. */
body.page-id-2218 {
  --selection-ink: #101914;
  --selection-muted: rgba(16, 25, 20, 0.68);
  --selection-red: #d71920;
  --selection-red-dark: #a5121b;
  --selection-ivory: #fffaf2;
  --selection-paper: #fffdf8;
  --selection-line: rgba(16, 25, 20, 0.13);
  --selection-dark: #05090a;
  --selection-shadow: 0 28px 88px rgba(16, 25, 20, 0.11);
}

body.page-id-2218 .content-main {
  width: min(1880px, calc(100vw - clamp(16px, 2.4vw, 56px))) !important;
  max-width: none !important;
  margin-inline: auto !important;
  padding-top: clamp(42px, 5vw, 82px) !important;
}

body.page-id-2218 .content-article-koi-auswahl {
  width: 100% !important;
  max-width: none !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.page-id-2218 .content-article-koi-auswahl > h1 {
  width: min(100%, 1880px) !important;
  margin: 0 auto clamp(18px, 2.4vw, 32px) !important;
  padding: 0 !important;
  color: var(--selection-ink) !important;
  font-size: clamp(46px, 5.2vw, 82px) !important;
  line-height: 0.92 !important;
  letter-spacing: 0 !important;
}

body.page-id-2218 .content-article-koi-auswahl > h1::after {
  width: min(112px, 22vw) !important;
  height: 3px !important;
  margin-top: 22px !important;
  background: linear-gradient(90deg, var(--selection-red), rgba(215, 25, 32, 0)) !important;
}

body.page-id-2218 .content-article-koi-auswahl > .entry-content {
  max-width: none !important;
}

body.page-id-2218 .koi-shop-entry {
  position: relative !important;
  width: min(100%, 1880px) !important;
  max-width: none !important;
  margin: 0 auto clamp(34px, 5vw, 72px) !important;
  padding: clamp(22px, 3vw, 44px) !important;
  display: grid !important;
  gap: clamp(18px, 2vw, 28px) !important;
  overflow: hidden !important;
  border: 1px solid rgba(16, 25, 20, 0.1) !important;
  border-radius: 0 !important;
  background:
    radial-gradient(circle at 88% 8%, rgba(215, 25, 32, 0.095), transparent 34%),
    radial-gradient(circle at 0% 86%, rgba(20, 76, 51, 0.08), transparent 38%),
    linear-gradient(115deg, #fffdf8 0%, #fff8ed 54%, #eef5e9 100%) !important;
  box-shadow: var(--selection-shadow) !important;
}

body.page-id-2218 .koi-shop-entry::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  background:
    linear-gradient(90deg, rgba(16, 25, 20, 0.028) 1px, transparent 1px),
    linear-gradient(180deg, rgba(16, 25, 20, 0.02) 1px, transparent 1px) !important;
  background-size: 86px 86px !important;
  pointer-events: none !important;
}

body.page-id-2218 .koi-shop-entry > * {
  position: relative !important;
  z-index: 1 !important;
}

body.page-id-2218 .koi-shop-entry__head {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(220px, 420px) !important;
  gap: 10px 28px !important;
  align-items: end !important;
}

body.page-id-2218 .koi-shop-entry__head span {
  grid-column: 1 !important;
  margin: 0 !important;
  color: var(--selection-red-dark) !important;
  font-size: clamp(12px, 1vw, 14px) !important;
  font-weight: 920 !important;
  line-height: 1 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
}

body.page-id-2218 .koi-shop-entry__head strong {
  grid-column: 1 !important;
  max-width: 15ch !important;
  color: var(--selection-ink) !important;
  font-size: clamp(38px, 4vw, 72px) !important;
  font-weight: 920 !important;
  line-height: 0.96 !important;
  letter-spacing: 0 !important;
}

body.page-id-2218 .koi-shop-entry__head p {
  grid-column: 2 !important;
  grid-row: 1 / span 2 !important;
  max-width: 42ch !important;
  margin: 0 !important;
  color: var(--selection-muted) !important;
  font-size: clamp(15px, 1.1vw, 18px) !important;
  line-height: 1.58 !important;
}

body.page-id-2218 .koi-shop-entry__head strong::after {
  content: "" !important;
  display: block !important;
  width: 78px !important;
  height: 3px !important;
  margin-top: 18px !important;
  background: linear-gradient(90deg, var(--selection-red), rgba(215, 25, 32, 0)) !important;
}

body.page-id-2218 .koi-shop-entry__cards {
  display: grid !important;
  grid-template-columns: 1.18fr repeat(4, minmax(0, 1fr)) !important;
  gap: clamp(10px, 1.2vw, 16px) !important;
}

body.page-id-2218 .koi-shop-entry-card,
body.page-id-2218 .koi-shop-entry-card--all {
  position: relative !important;
  min-height: clamp(236px, 17vw, 310px) !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  gap: 7px !important;
  overflow: hidden !important;
  padding: clamp(16px, 1.6vw, 24px) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  border-radius: 8px !important;
  background: #05090a !important;
  color: #fffaf2 !important;
  text-decoration: none !important;
  box-shadow: 0 18px 46px rgba(5, 9, 10, 0.2) !important;
  transform: translateZ(0) !important;
  transition:
    transform 220ms cubic-bezier(0.2, 0.8, 0.2, 1),
    border-color 220ms ease,
    box-shadow 220ms ease !important;
}

body.page-id-2218 .koi-shop-entry-card:hover,
body.page-id-2218 .koi-shop-entry-card:focus-visible {
  border-color: rgba(215, 25, 32, 0.72) !important;
  box-shadow: 0 24px 70px rgba(5, 9, 10, 0.26), 0 0 0 1px rgba(215, 25, 32, 0.28) inset !important;
  transform: translateY(-3px) !important;
}

body.page-id-2218 .koi-shop-entry-card img {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  filter: saturate(1.05) contrast(1.05) !important;
  transition: transform 420ms cubic-bezier(0.2, 0.8, 0.2, 1) !important;
}

body.page-id-2218 .koi-shop-entry-card:hover img,
body.page-id-2218 .koi-shop-entry-card:focus-visible img {
  transform: scale(1.045) !important;
}

body.page-id-2218 .koi-shop-entry-card::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  background:
    linear-gradient(180deg, rgba(5, 9, 10, 0.02) 0%, rgba(5, 9, 10, 0.42) 48%, rgba(5, 9, 10, 0.9) 100%),
    radial-gradient(circle at 0 100%, rgba(215, 25, 32, 0.36), transparent 48%) !important;
  pointer-events: none !important;
}

body.page-id-2218 .koi-shop-entry-card > span,
body.page-id-2218 .koi-shop-entry-card > strong,
body.page-id-2218 .koi-shop-entry-card > em,
body.page-id-2218 .koi-shop-entry-card > b {
  position: relative !important;
  z-index: 2 !important;
}

body.page-id-2218 .koi-shop-entry-card span,
body.page-id-2218 .koi-shop-entry-card--all span {
  max-width: 10ch !important;
  color: #fff !important;
  font-size: clamp(30px, 2.6vw, 48px) !important;
  font-weight: 950 !important;
  line-height: 0.94 !important;
  letter-spacing: 0 !important;
  text-transform: uppercase !important;
  text-shadow: 0 3px 18px rgba(0, 0, 0, 0.38) !important;
}

body.page-id-2218 .koi-shop-entry-card strong {
  color: rgba(255, 250, 242, 0.96) !important;
  font-size: clamp(16px, 1.2vw, 20px) !important;
  font-weight: 900 !important;
  line-height: 1 !important;
}

body.page-id-2218 .koi-shop-entry-card em {
  max-width: 22ch !important;
  color: rgba(255, 250, 242, 0.82) !important;
  font-size: clamp(12px, 0.9vw, 14px) !important;
  font-style: normal !important;
  font-weight: 760 !important;
  line-height: 1.3 !important;
}

body.page-id-2218 .koi-shop-entry-card b {
  width: fit-content !important;
  min-height: 34px !important;
  margin-top: 8px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 8px 12px !important;
  border: 1px solid rgba(255, 255, 255, 0.22) !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.12) !important;
  color: #fffaf2 !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  backdrop-filter: blur(10px) !important;
}

body.page-id-2218 .koi-shop-entry-card b::after {
  content: ">" !important;
  width: 22px !important;
  height: 22px !important;
  display: inline-grid !important;
  place-items: center !important;
  border-radius: 999px !important;
  background: var(--selection-red) !important;
  color: #fff !important;
  font-size: 14px !important;
  line-height: 1 !important;
}

body.page-id-2218 .koi-shop-entry-breeders {
  display: grid !important;
  grid-template-columns: minmax(230px, 0.34fr) minmax(0, 1fr) !important;
  gap: clamp(18px, 2.4vw, 34px) !important;
  align-items: stretch !important;
  padding: clamp(18px, 2.2vw, 30px) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-left: 5px solid var(--selection-red) !important;
  border-radius: 8px !important;
  background:
    radial-gradient(circle at 100% 0%, rgba(215, 25, 32, 0.22), transparent 35%),
    linear-gradient(135deg, #05090a, #101513 72%, #05090a) !important;
  color: #fffaf2 !important;
  box-shadow: 0 24px 72px rgba(5, 9, 10, 0.22) !important;
}

body.page-id-2218 .koi-shop-entry-breeders__text {
  display: grid !important;
  align-content: center !important;
  gap: 10px !important;
}

body.page-id-2218 .koi-shop-entry-breeders__text span {
  color: #ffb8b8 !important;
  font-size: 12px !important;
  font-weight: 920 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
}

body.page-id-2218 .koi-shop-entry-breeders__text strong {
  color: #fff !important;
  font-size: clamp(26px, 2vw, 36px) !important;
  font-weight: 850 !important;
  line-height: 1.04 !important;
}

body.page-id-2218 .koi-shop-entry-breeders__text p {
  max-width: 26ch !important;
  margin: 0 !important;
  color: rgba(255, 250, 242, 0.76) !important;
  font-size: 15px !important;
  line-height: 1.5 !important;
}

body.page-id-2218 .koi-shop-entry-breeders__all {
  width: fit-content !important;
  min-height: 44px !important;
  margin-top: 8px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 16px !important;
  border: 1px solid rgba(215, 25, 32, 0.9) !important;
  border-radius: 0 !important;
  background: rgba(215, 25, 32, 0.08) !important;
  color: #fffaf2 !important;
  font-size: 12px !important;
  font-weight: 920 !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
}

body.page-id-2218 .koi-shop-entry-breeders__all::after {
  content: ">" !important;
  margin-left: 10px !important;
  color: var(--selection-red) !important;
  font-size: 17px !important;
}

body.page-id-2218 .koi-shop-entry-breeders__links {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(160px, 1fr)) !important;
  gap: 10px !important;
  align-content: center !important;
}

body.page-id-2218 .koi-shop-entry-breeders__links a {
  min-width: 0 !important;
  min-height: 58px !important;
  width: 100% !important;
  display: grid !important;
  grid-template-columns: 58px minmax(0, 1fr) auto !important;
  gap: 10px !important;
  align-items: center !important;
  padding: 8px 10px !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.1) !important;
  color: #fffaf2 !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  text-decoration: none !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
  transition: background 170ms ease, border-color 170ms ease, transform 170ms ease !important;
}

body.page-id-2218 .koi-shop-entry-breeders__links a:hover,
body.page-id-2218 .koi-shop-entry-breeders__links a:focus-visible {
  border-color: rgba(215, 25, 32, 0.78) !important;
  background: rgba(215, 25, 32, 0.16) !important;
  transform: translateY(-1px) !important;
}

body.page-id-2218 .koi-shop-entry-breeders__links img,
body.page-id-2218 .koi-shop-entry-breeder-mark {
  width: 58px !important;
  height: 38px !important;
  min-width: 58px !important;
  flex-basis: auto !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 10px !important;
  background: #fffaf2 !important;
  color: #111 !important;
  object-fit: contain !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
}

body.page-id-2218 .koi-shop-entry-breeder-mark.is-compact {
  font-size: 11px !important;
  line-height: 0.9 !important;
  white-space: pre-line !important;
}

body.page-id-2218 .koi-shop-entry-breeders__links span {
  min-width: 0 !important;
  overflow: hidden !important;
  color: inherit !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

body.page-id-2218 .koi-shop-entry-breeders__links em {
  min-width: 30px !important;
  min-height: 30px !important;
  display: inline-grid !important;
  place-items: center !important;
  border-radius: 999px !important;
  background: #fffaf2 !important;
  color: var(--selection-ink) !important;
  font-size: 12px !important;
  font-style: normal !important;
  font-weight: 950 !important;
}

body.page-id-2218 .japan-selection-story--koi-auswahl {
  width: min(100%, 1880px) !important;
  margin: 0 auto clamp(40px, 6vw, 90px) !important;
  padding: clamp(18px, 2.4vw, 34px) !important;
  border: 1px solid rgba(16, 25, 20, 0.12) !important;
  border-radius: 0 !important;
  background:
    linear-gradient(115deg, rgba(255, 253, 248, 0.98), rgba(255, 248, 237, 0.94)),
    #fffdf8 !important;
  box-shadow: var(--selection-shadow) !important;
}

body.page-id-2218 .japan-selection-story--koi-auswahl .japan-selection-hero {
  align-items: stretch !important;
}

body.page-id-2218 .japan-selection-story--koi-auswahl .japan-selection-card,
body.page-id-2218 .japan-selection-story--koi-auswahl .japan-selection-card--wide {
  border-radius: 8px !important;
  overflow: hidden !important;
}

@media (max-width: 1320px) {
  body.page-id-2218 .koi-shop-entry__cards {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }

  body.page-id-2218 .koi-shop-entry-card--all {
    grid-column: 1 / -1 !important;
  }

  body.page-id-2218 .koi-shop-entry-breeders__links {
    grid-template-columns: repeat(3, minmax(160px, 1fr)) !important;
  }
}

@media (max-width: 920px) {
  body.page-id-2218 .content-main {
    padding-top: 22px !important;
  }

  body.page-id-2218 .content-article-koi-auswahl {
    width: calc(100% - 16px) !important;
  }

  body.page-id-2218 .content-article-koi-auswahl > h1 {
    font-size: clamp(36px, 10vw, 56px) !important;
  }

  body.page-id-2218 .koi-shop-entry {
    padding: 16px !important;
  }

  body.page-id-2218 .koi-shop-entry__head {
    grid-template-columns: 1fr !important;
    gap: 8px !important;
  }

  body.page-id-2218 .koi-shop-entry__head span,
  body.page-id-2218 .koi-shop-entry__head strong,
  body.page-id-2218 .koi-shop-entry__head p {
    grid-column: auto !important;
    grid-row: auto !important;
  }

  body.page-id-2218 .koi-shop-entry__head strong {
    max-width: 13ch !important;
    font-size: clamp(32px, 8.6vw, 44px) !important;
  }

  body.page-id-2218 .koi-shop-entry__head p {
    max-width: 58ch !important;
    font-size: 15px !important;
  }

  body.page-id-2218 .koi-shop-entry__cards {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body.page-id-2218 .koi-shop-entry-card,
  body.page-id-2218 .koi-shop-entry-card--all {
    min-height: clamp(174px, 42vw, 230px) !important;
    padding: 14px !important;
  }

  body.page-id-2218 .koi-shop-entry-card--all {
    grid-column: 1 / -1 !important;
  }

  body.page-id-2218 .koi-shop-entry-breeders {
    grid-template-columns: 1fr !important;
  }

  body.page-id-2218 .koi-shop-entry-breeders__links {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 520px) {
  body.page-id-2218 .content-article-koi-auswahl {
    width: 100% !important;
  }

  body.page-id-2218 .content-article-koi-auswahl > h1 {
    width: calc(100% - 16px) !important;
    margin-bottom: 12px !important;
  }

  body.page-id-2218 .koi-shop-entry {
    width: 100% !important;
    padding: 14px !important;
    gap: 14px !important;
    border-inline: 0 !important;
  }

  body.page-id-2218 .koi-shop-entry__cards {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  body.page-id-2218 .koi-shop-entry-card,
  body.page-id-2218 .koi-shop-entry-card--all {
    min-height: 150px !important;
    border-radius: 7px !important;
    padding: 11px !important;
  }

  body.page-id-2218 .koi-shop-entry-card--all {
    min-height: 172px !important;
  }

  body.page-id-2218 .koi-shop-entry-card span,
  body.page-id-2218 .koi-shop-entry-card--all span {
    font-size: clamp(22px, 7vw, 30px) !important;
  }

  body.page-id-2218 .koi-shop-entry-card strong {
    font-size: 13px !important;
  }

  body.page-id-2218 .koi-shop-entry-card em {
    display: none !important;
  }

  body.page-id-2218 .koi-shop-entry-card b {
    min-height: 28px !important;
    margin-top: 4px !important;
    padding: 5px 8px !important;
    font-size: 10px !important;
  }

  body.page-id-2218 .koi-shop-entry-card b::after {
    width: 18px !important;
    height: 18px !important;
    font-size: 12px !important;
  }

  body.page-id-2218 .koi-shop-entry-breeders {
    padding: 14px !important;
    border-radius: 0 !important;
  }

  body.page-id-2218 .koi-shop-entry-breeders__links {
    grid-template-columns: 1fr !important;
    gap: 7px !important;
  }

  body.page-id-2218 .koi-shop-entry-breeders__links a {
    min-height: 52px !important;
    grid-template-columns: 52px minmax(0, 1fr) 28px !important;
    border-radius: 10px !important;
    font-size: 13px !important;
  }

  body.page-id-2218 .koi-shop-entry-breeders__links img,
  body.page-id-2218 .koi-shop-entry-breeder-mark {
    width: 52px !important;
    height: 34px !important;
    min-width: 52px !important;
  }

  body.page-id-2218 .koi-shop-entry-breeders__links em {
    min-width: 26px !important;
    min-height: 26px !important;
  }

  body.page-id-2218 .japan-selection-story--koi-auswahl {
    width: 100% !important;
    padding: 14px !important;
    border-inline: 0 !important;
  }
}

/* Clean selection pass: same layout, fewer frames, calmer color. */
body.page-id-2218 {
  --selection-muted: rgba(16, 25, 20, 0.62);
  --selection-red-dark: #b9161e;
  --selection-line: rgba(16, 25, 20, 0.07);
  --selection-shadow: 0 12px 34px rgba(16, 25, 20, 0.08);
}

body.page-id-2218 .content-main {
  background: #fffdf8 !important;
}

body.page-id-2218 .koi-shop-entry {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.page-id-2218 .koi-shop-entry::before {
  display: none !important;
  content: none !important;
}

body.page-id-2218 .koi-shop-entry__head p {
  color: var(--selection-muted) !important;
}

body.page-id-2218 .koi-shop-entry-card,
body.page-id-2218 .koi-shop-entry-card--all {
  border: 0 !important;
  border-radius: 10px !important;
  box-shadow: 0 12px 30px rgba(5, 9, 10, 0.13) !important;
}

body.page-id-2218 .koi-shop-entry-card:hover,
body.page-id-2218 .koi-shop-entry-card:focus-visible {
  border-color: transparent !important;
  box-shadow: 0 18px 42px rgba(5, 9, 10, 0.16) !important;
}

body.page-id-2218 .koi-shop-entry-card::before {
  background: linear-gradient(180deg, rgba(5, 9, 10, 0.02) 0%, rgba(5, 9, 10, 0.38) 48%, rgba(5, 9, 10, 0.86) 100%) !important;
}

body.page-id-2218 .koi-shop-entry-card b {
  border: 0 !important;
  background: rgba(255, 255, 255, 0.94) !important;
  color: var(--selection-ink) !important;
  box-shadow: 0 8px 20px rgba(5, 9, 10, 0.14) !important;
  backdrop-filter: none !important;
}

body.page-id-2218 .koi-shop-entry-card b::after {
  background: transparent !important;
  color: var(--selection-red) !important;
}

body.page-id-2218 .koi-shop-entry-breeders {
  border: 0 !important;
  background: linear-gradient(135deg, #111713, #18211c 70%, #0b100d) !important;
  box-shadow: 0 14px 34px rgba(5, 9, 10, 0.12) !important;
}

body.page-id-2218 .koi-shop-entry-breeders__all,
body.page-id-2218 .koi-shop-entry-breeders__links a {
  border-color: transparent !important;
  box-shadow: none !important;
}

body.page-id-2218 .japan-selection-story--koi-auswahl {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}