/* Koifutter full-width light utility hero. Loaded after the main theme CSS. */
.content-article-koifutter {
  --food-utility-ink: #101914;
  --food-utility-muted: #5b665d;
  --food-utility-red: #d71920;
  --food-utility-ivory: #fffaf0;
  --food-utility-green: #edf5e8;
  --food-utility-line: rgba(16, 25, 20, 0.12);
}

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

body.page-id-2092 .content-article-koifutter {
  width: 100% !important;
  max-width: none !important;
}

.content-article-koifutter .food-sticky-order {
  display: none !important;
}

.content-article-koifutter .food-landing {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
}

.content-article-koifutter .food-landing__hero {
  position: relative !important;
  left: 50% !important;
  width: 100vw !important;
  max-width: 100vw !important;
  min-height: auto !important;
  margin: 0 0 clamp(48px, 7vw, 92px) -50vw !important;
  padding: clamp(34px, 5vw, 76px) clamp(18px, 5vw, 84px) !important;
  display: grid !important;
  grid-template-columns:
    minmax(300px, 0.95fr)
    minmax(250px, 0.68fr)
    minmax(300px, 0.78fr) !important;
  grid-template-areas:
    "copy media order"
    "proof media order" !important;
  gap: clamp(22px, 3.4vw, 54px) !important;
  align-items: start !important;
  overflow: hidden !important;
  border: 0 !important;
  border-radius: 0 !important;
  background:
    radial-gradient(circle at 72% 16%, rgba(215, 25, 32, 0.1), transparent 34%),
    radial-gradient(circle at 50% 86%, rgba(31, 74, 48, 0.12), transparent 42%),
    linear-gradient(118deg, #fffdf8 0%, #fff8ec 45%, var(--food-utility-green) 100%) !important;
  box-shadow: none !important;
  isolation: isolate !important;
}

.content-article-koifutter .food-landing__hero::before {
  content: "" !important;
  position: absolute !important;
  inset: clamp(14px, 2.2vw, 32px) !important;
  z-index: -1 !important;
  border: 1px solid rgba(16, 25, 20, 0.08) !important;
  background:
    linear-gradient(90deg, rgba(255, 255, 255, 0.56), transparent 35%),
    repeating-linear-gradient(90deg, rgba(16, 25, 20, 0.032) 0 1px, transparent 1px 84px) !important;
  pointer-events: none !important;
}

.content-article-koifutter .food-landing__hero::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: clamp(18px, 5vw, 86px) !important;
  width: min(420px, 42vw) !important;
  height: 5px !important;
  background: linear-gradient(90deg, var(--food-utility-red), rgba(215, 25, 32, 0)) !important;
  pointer-events: none !important;
}

.content-article-koifutter .food-landing__copy {
  grid-area: copy !important;
  max-width: 600px !important;
}

.content-article-koifutter .food-landing__media {
  grid-area: media !important;
  min-height: clamp(340px, 34vw, 500px) !important;
  display: grid !important;
  place-items: center !important;
  overflow: visible !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.content-article-koifutter .food-landing__order-panel {
  grid-area: order !important;
  max-width: 430px !important;
  justify-self: stretch !important;
  align-self: start !important;
  display: grid !important;
  gap: 14px !important;
  padding: clamp(18px, 2.1vw, 30px) !important;
  border: 1px solid rgba(16, 25, 20, 0.14) !important;
  border-radius: 10px !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.9), rgba(255, 250, 240, 0.84)),
    #fffdf8 !important;
  box-shadow: 0 28px 80px rgba(16, 25, 20, 0.12) !important;
}

.content-article-koifutter .food-landing__copy .eyebrow,
.content-article-koifutter .food-landing__order-panel .eyebrow {
  margin-bottom: 12px !important;
  color: var(--food-utility-red) !important;
  letter-spacing: 0.06em !important;
}

.content-article-koifutter .food-landing__copy h2 {
  max-width: 16ch !important;
  margin: 0 !important;
  color: var(--food-utility-ink) !important;
  font-size: clamp(42px, 4.2vw, 68px) !important;
  line-height: 0.98 !important;
  letter-spacing: 0 !important;
}

.content-article-koifutter .food-landing__copy p {
  max-width: 54ch !important;
  margin-top: 20px !important;
  color: var(--food-utility-muted) !important;
  font-size: clamp(17px, 1.2vw, 20px) !important;
  line-height: 1.62 !important;
}

.content-article-koifutter .food-landing__actions {
  gap: 12px !important;
  margin-top: 28px !important;
}

.content-article-koifutter .food-landing__actions .button,
.content-article-koifutter .food-landing__primary-buy {
  min-height: 54px !important;
  border-radius: 8px !important;
  font-size: 0.9rem !important;
}

.content-article-koifutter .food-landing__actions .button.secondary {
  border-color: rgba(16, 25, 20, 0.2) !important;
  background: rgba(255, 255, 255, 0.72) !important;
  color: var(--food-utility-ink) !important;
  box-shadow: none !important;
}

.content-article-koifutter .food-proof-list {
  grid-area: proof !important;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
  margin-top: -24px !important;
}

.content-article-koifutter .food-proof-list span {
  position: relative !important;
  min-height: 56px !important;
  padding: 13px 14px 13px 38px !important;
  border: 1px solid rgba(16, 25, 20, 0.12) !important;
  border-radius: 8px !important;
  background: rgba(255, 255, 255, 0.72) !important;
  color: var(--food-utility-ink) !important;
  font-size: 0.93rem !important;
  font-weight: 850 !important;
  line-height: 1.18 !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.92) !important;
}

.content-article-koifutter .food-proof-list span::before {
  content: "" !important;
  position: absolute !important;
  top: 19px !important;
  left: 16px !important;
  width: 9px !important;
  height: 9px !important;
  border-radius: 50% !important;
  background: var(--food-utility-red) !important;
  box-shadow: 0 0 0 5px rgba(215, 25, 32, 0.1) !important;
}

.content-article-koifutter .food-landing__media::before {
  content: "" !important;
  position: absolute !important;
  width: min(420px, 34vw) !important;
  aspect-ratio: 1 !important;
  border: 1px solid rgba(16, 25, 20, 0.09) !important;
  border-radius: 50% !important;
  background: radial-gradient(circle at 48% 45%, rgba(255, 255, 255, 0.96), rgba(255, 248, 236, 0.42) 48%, rgba(238, 245, 233, 0.34) 100%) !important;
  box-shadow: 0 34px 90px rgba(16, 25, 20, 0.1) !important;
  pointer-events: none !important;
}

.content-article-koifutter .food-landing__media::after {
  content: "4,5 kg / 4-6 mm" !important;
  position: absolute !important;
  right: clamp(0px, 1.5vw, 18px) !important;
  bottom: clamp(16px, 3vw, 40px) !important;
  z-index: 3 !important;
  padding: 10px 13px !important;
  border: 1px solid rgba(16, 25, 20, 0.12) !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.86) !important;
  color: var(--food-utility-ink) !important;
  font-size: 0.78rem !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  box-shadow: 0 18px 42px rgba(16, 25, 20, 0.12) !important;
}

.content-article-koifutter .food-landing__media img {
  position: relative !important;
  z-index: 2 !important;
  width: min(360px, 86%) !important;
  max-height: 490px !important;
  object-fit: contain !important;
  filter: drop-shadow(0 34px 38px rgba(16, 25, 20, 0.26)) !important;
}

.content-article-koifutter .food-landing__order-panel h3 {
  max-width: 19ch !important;
  margin: 0 !important;
  color: var(--food-utility-ink) !important;
  font-size: clamp(25px, 2vw, 34px) !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
}

.content-article-koifutter .food-landing__pack-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

.content-article-koifutter .food-landing__pack-option {
  position: relative !important;
  min-height: 92px !important;
  width: 100% !important;
  display: grid !important;
  align-content: center !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  grid-template-rows: auto auto auto !important;
  gap: 7px !important;
  padding: 15px 12px !important;
  border: 1px solid rgba(16, 25, 20, 0.14) !important;
  border-radius: 8px !important;
  background: rgba(255, 255, 255, 0.82) !important;
  color: var(--food-utility-ink) !important;
  font: inherit !important;
  text-align: left !important;
  text-decoration: none !important;
  cursor: pointer !important;
}

.content-article-koifutter .food-landing__pack-option:hover,
.content-article-koifutter .food-landing__pack-option:focus-visible,
.content-article-koifutter .food-landing__pack-option.is-selected,
.content-article-koifutter .food-landing__pack-option.is-recommended {
  border-color: rgba(215, 25, 32, 0.66) !important;
  background: rgba(255, 245, 239, 0.94) !important;
  box-shadow: 0 14px 30px rgba(215, 25, 32, 0.12) !important;
}

.content-article-koifutter .food-landing__pack-option.is-selected {
  outline: 3px solid rgba(215, 25, 32, 0.16) !important;
  outline-offset: 2px !important;
}

.content-article-koifutter .food-landing__pack-option.is-selected::after {
  content: "ausgewählt" !important;
  position: static !important;
  display: block !important;
  grid-column: 1 / -1 !important;
  grid-row: 3 !important;
  color: var(--food-utility-red) !important;
  font-size: 0.66rem !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}

.content-article-koifutter .food-landing__pack-option small {
  position: static !important;
  grid-column: 2 !important;
  grid-row: 1 !important;
  justify-self: end !important;
  align-self: start !important;
  padding: 4px 7px !important;
  border-radius: 999px !important;
  background: var(--food-utility-red) !important;
  color: #fffaf2 !important;
  font-size: 0.62rem !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
}

.content-article-koifutter .food-landing__pack-option > span,
.content-article-koifutter .food-landing__pack-option > b {
  display: block !important;
  line-height: 1.05 !important;
  text-decoration: none !important;
}

.content-article-koifutter .food-landing__pack-option > span {
  grid-column: 1 !important;
  grid-row: 1 !important;
  min-width: 0 !important;
  color: var(--food-utility-ink) !important;
  font-size: 0.9rem !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
}

.content-article-koifutter .food-landing__pack-option > b {
  grid-column: 1 / -1 !important;
  grid-row: 2 !important;
  color: var(--food-utility-red) !important;
  font-size: 1.05rem !important;
  font-weight: 950 !important;
  white-space: nowrap !important;
}

.content-article-koifutter .food-landing__pack-option > b .woocommerce-Price-amount {
  display: inline-flex !important;
  align-items: baseline !important;
  gap: 0.18em !important;
  white-space: nowrap !important;
}

.content-article-koifutter .food-landing__pack-option > b .woocommerce-Price-currencySymbol {
  display: inline !important;
  white-space: nowrap !important;
}

.content-article-koifutter .food-landing__primary-buy {
  width: 100% !important;
  min-height: 56px !important;
  background: var(--food-utility-red) !important;
  color: #fffaf2 !important;
  box-shadow: 0 20px 42px rgba(215, 25, 32, 0.2) !important;
}

.content-article-koifutter .food-landing__selected-pack {
  margin: -2px 0 0 !important;
  color: var(--food-utility-muted) !important;
  font-size: 0.9rem !important;
  font-weight: 850 !important;
}

.content-article-koifutter .food-landing__order-panel > .added_to_cart {
  display: none !important;
}

.content-article-koifutter .food-landing__cart-notice {
  display: grid !important;
  gap: 8px !important;
  padding: 13px 14px !important;
  border: 1px solid rgba(31, 122, 69, 0.26) !important;
  border-radius: 8px !important;
  background: rgba(237, 245, 232, 0.88) !important;
  color: var(--food-utility-ink) !important;
  opacity: 0 !important;
  transform: translateY(4px) !important;
  transition: opacity 220ms ease, transform 220ms ease !important;
}

.content-article-koifutter .food-landing__cart-notice[hidden] {
  display: none !important;
}

.content-article-koifutter .food-landing__cart-notice.is-visible {
  opacity: 1 !important;
  transform: translateY(0) !important;
}

.content-article-koifutter .food-landing__cart-notice strong,
.content-article-koifutter .food-landing__cart-notice span {
  display: block !important;
}

.content-article-koifutter .food-landing__cart-notice a {
  width: fit-content !important;
  color: var(--food-utility-red) !important;
  font-weight: 950 !important;
  text-decoration: underline !important;
  text-decoration-thickness: 2px !important;
  text-underline-offset: 4px !important;
}

.content-article-koifutter .food-landing__calculator-link {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 44px !important;
  border: 1px solid rgba(16, 25, 20, 0.16) !important;
  border-radius: 8px !important;
  background: rgba(255, 255, 255, 0.64) !important;
  color: var(--food-utility-ink) !important;
  font-weight: 900 !important;
  text-align: center !important;
  text-decoration: none !important;
}

.content-article-koifutter .food-landing__trust-notes {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  padding-top: 4px !important;
}

.content-article-koifutter .food-landing__trust-notes span {
  padding: 7px 10px !important;
  border: 1px solid rgba(16, 25, 20, 0.12) !important;
  border-radius: 999px !important;
  background: rgba(238, 245, 233, 0.72) !important;
  color: var(--food-utility-muted) !important;
  font-size: 0.74rem !important;
  font-weight: 850 !important;
  white-space: nowrap !important;
}

@media (max-width: 1180px) {
  .content-article-koifutter .food-landing__hero {
    grid-template-columns: minmax(0, 1fr) minmax(300px, 0.78fr) !important;
    grid-template-areas:
      "copy order"
      "proof order"
      "media order" !important;
  }
}

@media (max-width: 760px) {
  .content-article-koifutter .food-landing__hero {
    grid-template-columns: 1fr !important;
    grid-template-areas:
      "copy"
      "order"
      "proof"
      "media" !important;
    gap: 18px !important;
    padding: 26px 18px 34px !important;
  }

  .content-article-koifutter .food-landing__copy h2 {
    max-width: 14ch !important;
    font-size: clamp(32px, 8.7vw, 42px) !important;
    line-height: 1 !important;
  }

  .content-article-koifutter .food-landing__copy p {
    margin-top: 14px !important;
    font-size: 16px !important;
    line-height: 1.5 !important;
  }

  .content-article-koifutter .food-landing__actions {
    display: none !important;
  }

  .content-article-koifutter .food-landing__actions .button,
  .content-article-koifutter .food-landing__primary-buy {
    min-height: 50px !important;
  }

  .content-article-koifutter .food-proof-list {
    gap: 8px !important;
    margin-top: 18px !important;
  }

  .content-article-koifutter .food-proof-list span {
    min-height: 44px !important;
    padding: 10px 10px 10px 30px !important;
    font-size: 0.78rem !important;
    line-height: 1.12 !important;
  }

  .content-article-koifutter .food-proof-list span::before {
    top: 16px !important;
    left: 12px !important;
    width: 7px !important;
    height: 7px !important;
    box-shadow: 0 0 0 4px rgba(215, 25, 32, 0.1) !important;
  }

  .content-article-koifutter .food-landing__media {
    min-height: 280px !important;
  }

  .content-article-koifutter .food-landing__media::before {
    width: min(300px, 78vw) !important;
  }

  .content-article-koifutter .food-landing__media img {
    width: min(238px, 70vw) !important;
    max-height: 280px !important;
  }

  .content-article-koifutter .food-landing__order-panel {
    max-width: none !important;
    padding: 18px 16px !important;
  }

  .content-article-koifutter .food-landing__order-panel h3 {
    max-width: 18ch !important;
    font-size: clamp(23px, 6.5vw, 30px) !important;
  }

  .content-article-koifutter .food-landing__pack-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .content-article-koifutter .food-landing__pack-option {
    min-height: 98px !important;
    padding: 16px 12px 14px !important;
  }

  .content-article-koifutter .food-landing__pack-option > span {
    font-size: 0.86rem !important;
  }

  .content-article-koifutter .food-landing__pack-option > b {
    font-size: 1rem !important;
  }
}

@media (max-width: 380px) {
  .content-article-koifutter .food-landing__pack-grid {
    grid-template-columns: 1fr !important;
  }
}

/* Clean food page pass: keep commerce controls, reduce frames and red weight. */
.content-article-koifutter {
  --food-utility-red: #b9161e;
  --food-utility-line: rgba(16, 25, 20, 0.07);
  --food-utility-muted: rgba(16, 25, 20, 0.62);
}

.content-article-koifutter .food-landing__order-panel,
.content-article-koifutter .food-proof-list span,
.content-article-koifutter .food-landing__media::before,
.content-article-koifutter .food-landing__media::after,
.content-article-koifutter .food-landing__pack-option,
.content-article-koifutter .food-landing__calculator-link,
.content-article-koifutter .food-landing__trust-notes span {
  border-color: transparent !important;
  box-shadow: none !important;
}

.content-article-koifutter .food-landing__order-panel,
.content-article-koifutter .food-proof-list span,
.content-article-koifutter .food-landing__pack-option,
.content-article-koifutter .food-landing__calculator-link,
.content-article-koifutter .food-landing__trust-notes span {
  background: rgba(255, 255, 255, 0.68) !important;
}

.content-article-koifutter .food-landing__pack-option:hover,
.content-article-koifutter .food-landing__pack-option:focus-visible,
.content-article-koifutter .food-landing__pack-option.is-selected,
.content-article-koifutter .food-landing__pack-option.is-recommended {
  border-color: transparent !important;
  background: rgba(185, 22, 30, 0.075) !important;
  box-shadow: none !important;
}

.content-article-koifutter .food-landing__primary-buy {
  box-shadow: none !important;
}