.cc_QhHCYAhDO9_lo0HERGntM .category-feature-section { font-family: var(--kt-font, "cc_QhHCYAhDO9_Google Sans", "Google Sans Fallback", "Google Sans Fallback Android", "Segoe UI", Arial, sans-serif); color: var(--kt-ink, #20272b); }
.cc_QhHCYAhDO9_lo0HERGntM .category-feature-wrap { padding-bottom: 48px; }

/* ===== Two large cards ===== */
.cc_QhHCYAhDO9_lo0HERGntM .category-feature-top { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
.cc_QhHCYAhDO9_lo0HERGntM .category-feature-top.is-single { grid-template-columns: 1fr; }
.cc_QhHCYAhDO9_lo0HERGntM .category-feature { min-width: 0; min-height: 195px; position: relative; overflow: hidden; display: flex; align-items: center; padding: 24px; border-radius: 11px; background: var(--cf-bg, #e4f2d6); color: var(--kt-ink, #20272b); text-decoration: none; isolation: isolate; }
/* Colour wash covers the whole card; the photo's left edge sits under its solid part */
.cc_QhHCYAhDO9_lo0HERGntM .category-feature::before { position: absolute; z-index: -1; content: ""; top: 0; right: 0; bottom: 0; left: 0; background: linear-gradient(90deg, var(--cf-bg, #e4f2d6) 0%, color-mix(in srgb, var(--cf-bg, #e4f2d6) 94%, transparent) 43%, color-mix(in srgb, var(--cf-bg, #e4f2d6) 13%, transparent) 100%); }
.cc_QhHCYAhDO9_lo0HERGntM .category-feature img { position: absolute; z-index: -2; top: 0; right: 0; bottom: 0; width: 64%; height: 100%; object-fit: cover; }
.cc_QhHCYAhDO9_lo0HERGntM .category-feature-copy { position: relative; min-width: 0; max-width: 57%; display: flex; flex-direction: column; align-items: flex-start; }
.cc_QhHCYAhDO9_lo0HERGntM .category-feature small { display: block; margin-bottom: 8px; color: var(--cf-kicker, #49752d); font-size: 9px; font-weight: 850; letter-spacing: .12em; }
.cc_QhHCYAhDO9_lo0HERGntM .category-feature h3 { max-width: 100%; margin: 0 0 11px; font-size: clamp(18px, 2.2vw, 25px); line-height: 1.2; overflow-wrap: anywhere; }
.cc_QhHCYAhDO9_lo0HERGntM .category-feature strong { display: inline-block; padding: 7px 19px; border-radius: 999px; background: var(--cf-button, #368527); color: #fff; font-size: 11px; }
.cc_QhHCYAhDO9_lo0HERGntM .category-feature:focus-visible, .cc_QhHCYAhDO9_lo0HERGntM .category-feature-tile:focus-visible { outline: 3px solid var(--kt-orange, #c2450e); outline-offset: 3px; }

/* ===== Four tiles ===== */
.cc_QhHCYAhDO9_lo0HERGntM .category-feature-tiles { display: grid; grid-template-columns: repeat(var(--cf-count, 4), minmax(0, 1fr)); gap: 18px; margin-top: 18px; }
.cc_QhHCYAhDO9_lo0HERGntM .category-feature-top:empty + .category-feature-tiles, .cc_QhHCYAhDO9_lo0HERGntM .category-feature-wrap > .category-feature-tiles:first-of-type { margin-top: 0; }
.cc_QhHCYAhDO9_lo0HERGntM .category-feature-tile { min-width: 0; min-height: 165px; position: relative; overflow: hidden; display: flex; align-items: center; padding: 20px; border-radius: 11px; background: var(--cf-bg, #eaf0fb); color: var(--kt-ink, #20272b); text-decoration: none; isolation: isolate; }
.cc_QhHCYAhDO9_lo0HERGntM .category-feature-tile::before { position: absolute; z-index: -1; content: ""; top: 0; right: 0; bottom: 0; left: 0; background: linear-gradient(90deg, var(--cf-bg, #eaf0fb) 0%, color-mix(in srgb, var(--cf-bg, #eaf0fb) 94%, transparent) 38%, transparent 100%); }
.cc_QhHCYAhDO9_lo0HERGntM .category-feature-tile img { position: absolute; z-index: -2; top: 0; right: 0; bottom: 0; width: 69%; height: 100%; object-fit: cover; transition: transform .35s ease; }
.cc_QhHCYAhDO9_lo0HERGntM .category-feature-tile:hover img { transform: scale(1.05); }
.cc_QhHCYAhDO9_lo0HERGntM .category-feature-tile-copy { position: relative; min-width: 0; display: flex; flex-direction: column; align-items: flex-start; }
.cc_QhHCYAhDO9_lo0HERGntM .category-feature-tile h3 { max-width: 125px; margin: 0 0 11px; font-size: 18px; line-height: 1.15; overflow-wrap: anywhere; }
.cc_QhHCYAhDO9_lo0HERGntM .category-feature-tile strong { display: inline-block; padding: 6px 13px; border-radius: 999px; background: var(--cf-button, #167baa); color: #fff; font-size: 10px; }

/* ===== Tablet ===== */
@media (max-width: 1100px) {
  .cc_QhHCYAhDO9_lo0HERGntM .category-feature-tiles { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 850px) {
  .cc_QhHCYAhDO9_lo0HERGntM .category-feature-wrap { padding-bottom: 32px; }
}

/* ===== Mobile ===== */
@media (max-width: 520px) {
  .cc_QhHCYAhDO9_lo0HERGntM .category-feature-top { grid-template-columns: 1fr; gap: 10px; }
  .cc_QhHCYAhDO9_lo0HERGntM .category-feature { min-height: 160px; padding: 19px; }
  .cc_QhHCYAhDO9_lo0HERGntM .category-feature-tiles { gap: 10px; margin-top: 10px; }
  .cc_QhHCYAhDO9_lo0HERGntM .category-feature-tile { min-height: 140px; padding: 13px; }
  .cc_QhHCYAhDO9_lo0HERGntM .category-feature-tile h3 { max-width: 100px; font-size: 15px; }
}