/* Fonturi: preload non-blocking via plugin KMI v1.4 (fără @import blocant). */

/* =============================================================================
   ELEMENTOR / WORDPRESS — corecție scală (pagina părea la ~80%, ca un zoom 125%)
   Tema WP schimbă font-size pe html → rem-urile noastre devin prea mici.
   ============================================================================= */
/* Scala e în publish-body.html (zoom 1.25) — acolo o ajustezi, nu aici */

.km-corporate-chrome {
  position: relative;
  z-index: 210;
  width: 100%;
  max-width: 100%;
}
@media (min-width: 1024px) {
  .km-corporate-chrome {
    position: sticky;
    top: 0;
    z-index: 210;
  }
}
.km-corporate-root {
  line-height: 1.7;
  width: 100%;
  max-width: 100%;
}

.elementor-widget-html .elementor-widget-container {
  padding: 0 !important;
  margin: 0 !important;
  max-width: 100% !important;
  width: 100% !important;
}

.elementor-section.elementor-section-boxed > .elementor-container,
.e-con, .e-con-inner {
  max-width: 100% !important;
}

/* VARIANTA FINALA: roz #e91e63 + albastru inchis #2d3359 (kids-mania.info) */
    :root {
      --km-navy: #2d3359;
      --km-navy-dark: #1e2240;
      --km-dark: #2d3359;
      --km-slate: #32373c;
      --km-pink: #e91e63;
      --km-pink-dark: #c2185b;
      --km-pink-light: #f06292;
      --km-pink-soft: #fce4ec;
      --km-pink-glow: #fde8ef;
      --km-magenta: #a81d84;
      --km-purple: #9c27b0;
      --km-blue: #0693e3;
      --km-blue-light: #8ed1fc;
      --km-blue-soft: #e3f4fd;
      --km-accent: #e91e63;
      --km-accent-light: #f06292;
      --km-accent-soft: #fce4ec;
      --km-green: #e91e63;
      --km-green-dark: #c2185b;
      --km-green-soft: #e3f4fd;
      --km-green-glow: #fde8ef;
      --km-coral: #0693e3;
      --km-coral-dark: #0575b8;
      --km-gold: #fbbc04;
      --km-white: #ffffff;
      --km-cream: #f8f9fc;
      --km-gray-100: #e5e5e5;
      --km-gray-400: #8a94a6;
      --km-gray-600: #5a6278;
      --km-gray-800: #2d3359;
      --km-radius: 14px;
      --km-radius-sm: 10px;
      --km-shadow: 0 8px 30px rgba(45, 51, 89, 0.08);
      --km-shadow-lg: 0 16px 48px rgba(45, 51, 89, 0.14);
      --km-max: 1200px;
      --km-font: "Nunito", system-ui, sans-serif;
      --km-font-display: "Poppins", system-ui, sans-serif;
      --km-gradient-pink: linear-gradient(135deg, #a81d84 0%, #e91e63 55%, #ea3970 100%);
      --km-gradient-hero: linear-gradient(145deg, #1e2240 0%, #2d3359 50%, #32373c 100%);
    }
    *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
    html { scroll-behavior: smooth; }
    body {
      font-family: var(--km-font);
      font-size: 1.0625rem;
      line-height: 1.7;
      color: var(--km-gray-800);
      background: var(--km-cream);
      -webkit-font-smoothing: antialiased;
    }
    img { max-width: 100%; height: auto; display: block; }
    a { color: var(--km-blue); text-decoration: none; transition: color .2s; }
    a:hover { color: var(--km-pink); }

    .km-trustbar { background: var(--km-gradient-pink); color: rgba(255,255,255,.95); font-size: .75rem; font-weight: 700; padding: .55rem 0; overflow: hidden; }
    .km-trustbar__track { display: inline-flex; gap: 2rem; animation: km-scroll 30s linear infinite; white-space: nowrap; }
    .km-trustbar__dot { color: var(--km-gold); }

    /* HEADER */
    .km-header {
      position: sticky; top: 0; z-index: 200;
      background: rgba(255,255,255,.97);
      backdrop-filter: blur(12px);
      border-bottom: 1px solid var(--km-gray-100);
    }
    .km-header__inner {
      max-width: var(--km-max); margin: 0 auto;
      padding: .75rem 1.5rem;
      display: flex; align-items: center; justify-content: space-between; gap: 1rem;
    }
    .km-logo {
      font-weight: 800; font-size: 1.05rem; color: var(--km-dark); text-decoration: none;
      letter-spacing: -.02em;
    }
    .km-logo small {
      display: block; font-size: .65rem; font-weight: 700;
      letter-spacing: .12em; text-transform: uppercase; color: var(--km-pink); margin-top: .1rem;
    }
    .km-logo em { font-style: normal; color: var(--km-accent); }
    .km-header__phone {
      display: none; font-size: .875rem; font-weight: 700; color: var(--km-dark); text-decoration: none;
    }
    @media (min-width: 768px) { .km-header__phone { display: block; } }
    .km-header__phone:hover { color: var(--km-pink); }
    .km-header__nav a {
      font-size: .875rem; font-weight: 600; color: var(--km-gray-600); text-decoration: none;
    }
    .km-header__nav a:hover { color: var(--km-pink); }
    .km-btn {
      display: inline-flex; align-items: center; justify-content: center; gap: .5rem;
      font-family: var(--km-font); font-weight: 700; font-size: .9375rem;
      padding: .8rem 1.6rem; border-radius: 10px; border: none; cursor: pointer;
      text-decoration: none; transition: transform .2s, box-shadow .2s, background .2s;
    }
    .km-btn--primary {
      background: var(--km-gradient-pink);
      color: var(--km-white); box-shadow: 0 6px 24px rgba(233,30,99,.35);
    }
    .km-btn--primary:hover { transform: translateY(-2px); box-shadow: 0 10px 32px rgba(233,30,99,.45); color: var(--km-white); text-decoration: none; }
    .km-btn--green {
      background: var(--km-blue);
      color: var(--km-white); box-shadow: 0 4px 16px rgba(6,147,227,.3);
    }
    .km-btn--green:hover { background: var(--km-coral-dark); transform: translateY(-2px); color: var(--km-white); text-decoration: none; }
    .km-btn--outline {
      background: transparent; color: var(--km-white);
      border: 2px solid rgba(255,255,255,.35);
    }
    .km-btn--outline:hover { border-color: var(--km-pink-light); color: var(--km-pink-light); text-decoration: none; }
    .km-btn--outline-dark {
      background: var(--km-white); color: var(--km-navy);
      border: 2px solid var(--km-gray-100);
    }
    .km-btn--outline-dark:hover { border-color: var(--km-pink); color: var(--km-pink); text-decoration: none; }
    .km-btn--white {
      background: var(--km-white); color: var(--km-navy);
      box-shadow: var(--km-shadow);
    }
    .km-btn--white:hover { color: var(--km-pink); text-decoration: none; }

    /* HERO — navy + roz (ca kids-mania.info) */
    .km-hero {
      position: relative; overflow: hidden;
      background: var(--km-gradient-hero);
      min-height: auto;
      display: block;
      color: var(--km-white);
    }
    .km-hero::before {
      content: ""; position: absolute; top: -30%; right: -15%;
      width: 55%; height: 80%; border-radius: 50%;
      background: radial-gradient(circle, rgba(233,30,99,.22) 0%, transparent 70%);
      pointer-events: none;
    }
    .km-hero::after {
      content: ""; position: absolute; bottom: -20%; left: -10%;
      width: 40%; height: 60%; border-radius: 50%;
      background: radial-gradient(circle, rgba(6,147,227,.15) 0%, transparent 70%);
      pointer-events: none;
    }
    .km-hero__bg, .km-hero__blob { display: none; }
    .km-hero__inner {
      position: relative; z-index: 2;
      max-width: var(--km-max); margin: 0 auto;
      padding: 3.5rem 1.5rem 2.5rem;
      display: grid; gap: 2.5rem; align-items: start;
    }
    @media (min-width: 960px) {
      .km-hero__inner { grid-template-columns: 1.1fr .9fr; gap: 3rem; padding: 4rem 1.5rem 3rem; }
    }
    .km-eyebrow {
      display: inline-flex; align-items: center; gap: .5rem;
      background: rgba(233,30,99,.18); border: 1px solid rgba(233,30,99,.35);
      color: var(--km-pink-light); font-size: .75rem; font-weight: 700;
      letter-spacing: .06em; text-transform: uppercase;
      padding: .45rem 1rem; border-radius: 999px; margin-bottom: 1.5rem;
    }
    .km-eyebrow::before {
      content: ""; width: 8px; height: 8px; border-radius: 50%;
      background: var(--km-pink); box-shadow: 0 0 12px var(--km-pink-light);
    }
    .km-hero h1 {
      font-family: var(--km-font-display);
      font-size: clamp(2.125rem, 5.5vw, 3.25rem);
      font-weight: 800; line-height: 1.1; letter-spacing: -.03em;
      color: var(--km-white); margin-bottom: 1.25rem;
    }
    .km-hero h1 .hl-pink { color: var(--km-pink-light); }
    .km-hero h1 .hl-blue { color: var(--km-blue-light); }
    .km-hero__hook {
      font-size: 1.0625rem; font-weight: 600; font-style: italic;
      color: var(--km-pink-light); margin-bottom: .75rem; max-width: 34rem;
    }
    .km-hero__lead {
      font-size: 1.125rem; line-height: 1.65;
      color: rgba(255,255,255,.78); max-width: 36rem; margin-bottom: 2rem;
    }
    .km-breadcrumb {
      max-width: var(--km-max); margin: 0 auto;
      padding: .65rem 1.5rem; font-size: .75rem; color: var(--km-gray-400);
    }
    .km-breadcrumb a { color: var(--km-gray-600); }
    .km-breadcrumb span { color: var(--km-pink); font-weight: 600; }
    .km-seo-block { max-width: 52rem; }
    .km-seo-block p { font-size: 1rem; color: var(--km-gray-600); margin-bottom: 1rem; line-height: 1.75; }
    .km-seo-block a { font-weight: 600; }
    .km-seo-keywords { display: flex; flex-wrap: wrap; gap: .5rem; margin-top: 1.5rem; }
    .km-seo-keywords a {
      font-size: .75rem; font-weight: 700; padding: .35rem .75rem;
      background: var(--km-white); border: 1px solid var(--km-gray-100);
      border-radius: 999px; color: var(--km-navy);
    }
    .km-seo-keywords a:hover { border-color: var(--km-pink); color: var(--km-pink); }
    .km-hero__actions { display: flex; flex-wrap: wrap; gap: .875rem; margin-bottom: 1.5rem; }
    .km-hero__metrics {
      display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem;
      margin-bottom: 0;
    }
    .km-hero--spoke .km-hero__lead { margin-bottom: 1.5rem; }
    .km-hero--spoke .km-hero__actions { margin-bottom: 0; }
    .km-hero--spoke .km-hero__actions + .km-hero__metrics {
      margin-top: 1.25rem; padding-top: 1.25rem;
      border-top: 1px solid rgba(255,255,255,.12);
    }
    .km-metric {
      background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.12);
      backdrop-filter: blur(8px);
      border-radius: var(--km-radius-sm); padding: 1rem; text-align: center;
    }
    .km-metric strong {
      display: block; font-size: clamp(0.9rem, 2.2vw, 1.5rem); font-weight: 800;
      color: var(--km-pink-light); line-height: 1.15;
      word-break: break-word; hyphens: auto;
    }
    .km-metric span { font-size: .7rem; font-weight: 600; color: rgba(255,255,255,.55); text-transform: uppercase; letter-spacing: .04em; }
    .km-hero__card {
      background: rgba(255,255,255,.97); border-radius: var(--km-radius);
      padding: 1.75rem; box-shadow: var(--km-shadow-lg);
      border-top: 4px solid var(--km-pink);
    }
    .km-hero__card-title {
      font-size: .7rem; font-weight: 800; letter-spacing: .08em;
      text-transform: uppercase; color: var(--km-navy); margin-bottom: 1rem;
    }
    .km-hero__card-list { list-style: none; display: grid; gap: .6rem; }
    .km-hero__card-list li {
      display: flex; gap: .6rem; align-items: flex-start;
      font-size: .875rem; font-weight: 500; color: var(--km-gray-600);
    }
    .km-hero__card-list li::before {
      content: ""; flex-shrink: 0; width: 18px; height: 18px; margin-top: 2px;
      background: var(--km-pink-soft); border-radius: 50%;
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%23e91e63'%3E%3Cpath fill-rule='evenodd' d='M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z'/%3E%3C/svg%3E");
      background-size: 12px; background-repeat: no-repeat; background-position: center;
    }

    /* MARQUEE TRUST */
    .km-marquee {
      background: var(--km-navy-dark); color: rgba(255,255,255,.9);
      padding: .875rem 0; overflow: hidden; white-space: nowrap;
    }
    .km-marquee__track {
      display: inline-flex; gap: 3rem;
      animation: km-scroll 28s linear infinite;
      font-size: .8125rem; font-weight: 700; letter-spacing: .04em; text-transform: uppercase;
    }
    @keyframes km-scroll {
      0% { transform: translateX(0); }
      100% { transform: translateX(-50%); }
    }

    /* SECTIONS */
    .km-section { padding: 5rem 1.5rem; }
    .km-section--pink { background: var(--km-accent-soft); }
    .km-section--blue { background: var(--km-blue-soft); }
    .km-section--green { background: var(--km-blue-soft); }
    .km-section--dark { background: var(--km-gradient-hero); color: var(--km-white); }
    .km-container { max-width: var(--km-max); margin: 0 auto; }
    .km-label {
      display: inline-block; font-size: .7rem; font-weight: 800;
      letter-spacing: .1em; text-transform: uppercase;
      color: var(--km-pink); margin-bottom: .75rem;
    }
    .km-section--dark .km-label { color: var(--km-pink-light); }
    .km-section h2 {
      font-family: var(--km-font-display);
      font-size: clamp(1.75rem, 3.5vw, 2.5rem);
      font-weight: 800; line-height: 1.15; letter-spacing: -.02em;
      color: var(--km-dark); margin-bottom: 1rem;
    }
    .km-section--dark h2 { color: var(--km-white); }
    .km-intro { font-size: 1.0625rem; color: var(--km-gray-600); max-width: 40rem; margin-bottom: 3rem; }
    .km-section--dark .km-intro { color: rgba(255,255,255,.65); }

    /* INTEREST — pain */
    .km-pain-grid { display: grid; gap: 1.25rem; }
    @media (min-width: 768px) { .km-pain-grid { grid-template-columns: repeat(3, 1fr); } }
    .km-pain {
      background: var(--km-white); border-radius: var(--km-radius);
      padding: 2rem 1.75rem; box-shadow: var(--km-shadow);
      border-top: 4px solid var(--km-pink);
      transition: transform .25s;
    }
    .km-pain:nth-child(2) { border-top-color: var(--km-gold); }
    .km-pain:nth-child(3) { border-top-color: var(--km-pink-light); }
    .km-pain:hover { transform: translateY(-4px); }
    .km-pain__num {
      font-size: 2.5rem; font-weight: 800; line-height: 1;
      background: linear-gradient(135deg, var(--km-pink), var(--km-blue));
      -webkit-background-clip: text; -webkit-text-fill-color: transparent;
      background-clip: text; margin-bottom: 1rem;
    }

    /* VALORI — ce doare in corporate */
    .km-values { display: grid; gap: 1.25rem; }
    @media (min-width: 768px) { .km-values { grid-template-columns: repeat(2, 1fr); } }
    @media (min-width: 1024px) { .km-values { grid-template-columns: repeat(4, 1fr); } }
    .km-value {
      background: var(--km-white); border-radius: var(--km-radius);
      padding: 1.75rem 1.5rem; box-shadow: var(--km-shadow);
      border-bottom: 3px solid var(--km-pink);
      transition: transform .25s;
    }
    .km-value:nth-child(2) { border-bottom-color: var(--km-blue); }
    .km-value:nth-child(3) { border-bottom-color: var(--km-magenta); }
    .km-value:nth-child(4) { border-bottom-color: var(--km-navy); }
    .km-value:hover { transform: translateY(-4px); }
    .km-value__icon { font-size: 1.75rem; margin-bottom: .75rem; }
    .km-value h3 { font-family: var(--km-font-display); font-size: 1rem; font-weight: 700; color: var(--km-navy); margin-bottom: .5rem; }
    .km-value p { font-size: .875rem; color: var(--km-gray-600); line-height: 1.55; }
    .km-value__fact {
      margin-top: .85rem; padding-top: .85rem; border-top: 1px solid var(--km-gray-100);
      font-size: .8125rem; font-weight: 700; color: var(--km-pink);
    }

    /* RECENZII GOOGLE */
    .km-reviews { display: grid; gap: 1.25rem; }
    @media (min-width: 768px) { .km-reviews { grid-template-columns: repeat(3, 1fr); } }
    .km-review {
      background: var(--km-white); border-radius: var(--km-radius);
      padding: 1.5rem; box-shadow: var(--km-shadow);
      border-left: 4px solid var(--km-pink); height: 100%;
    }
    .km-review__stars { color: var(--km-gold); letter-spacing: 2px; margin-bottom: .75rem; }
    .km-review p { font-size: .9375rem; font-style: italic; color: var(--km-gray-600); line-height: 1.6; margin-bottom: 1rem; }
    .km-review cite { font-size: .8125rem; font-weight: 700; color: var(--km-navy); font-style: normal; }
    .km-google-badge {
      display: inline-flex; align-items: center; gap: .5rem;
      background: var(--km-white); border: 1px solid var(--km-gray-100);
      border-radius: 999px; padding: .5rem 1.1rem; font-weight: 800;
      font-size: .875rem; color: var(--km-navy); box-shadow: var(--km-shadow);
      margin-bottom: 2rem;
    }
    .km-pain h3 { font-size: 1.125rem; font-weight: 700; color: var(--km-dark); margin-bottom: .625rem; }
    .km-pain p { font-size: .9375rem; color: var(--km-gray-600); }

    /* SERVICES — image cards */
    .km-ratio-note {
      display: flex; flex-wrap: wrap; align-items: center; gap: 1rem;
      background: linear-gradient(135deg, var(--km-blue-soft), var(--km-pink-soft));
      border: 1px solid rgba(6,147,227,.2);
      border-radius: var(--km-radius); padding: 1.25rem 1.5rem; margin-bottom: 2.5rem;
    }
    .km-ratio-note strong { color: var(--km-navy); font-size: 1.125rem; }
    .km-ratio-note span { font-size: .9375rem; color: var(--km-gray-600); }

    .km-services { display: grid; gap: 1.25rem; }
    @media (min-width: 600px) { .km-services { grid-template-columns: repeat(2, 1fr); } }
    @media (min-width: 1024px) { .km-services { grid-template-columns: repeat(3, 1fr); } }
    .km-svc {
      background: var(--km-white); border-radius: var(--km-radius);
      overflow: hidden; box-shadow: var(--km-shadow);
      transition: transform .3s, box-shadow .3s;
      display: flex; flex-direction: column;
    }
    .km-svc:hover { transform: translateY(-6px); box-shadow: var(--km-shadow-lg); }
    .km-svc--hot { outline: 3px solid var(--km-accent); outline-offset: -3px; }
    .km-svc__img-wrap { position: relative; aspect-ratio: 4/3; overflow: hidden; }
    .km-svc__img {
      width: 100%; height: 100%; object-fit: cover;
      transition: transform .5s;
    }
    .km-svc:hover .km-svc__img { transform: scale(1.06); }
    .km-svc__badge {
      position: absolute; top: .875rem; left: .875rem;
      background: var(--km-gradient-pink); color: var(--km-white);
      font-size: .625rem; font-weight: 800; letter-spacing: .06em;
      text-transform: uppercase; padding: .3rem .65rem; border-radius: 6px;
    }
    .km-svc__badge--blue { background: var(--km-blue); }
    .km-svc__body { padding: 1.375rem 1.5rem 1.5rem; flex: 1; display: flex; flex-direction: column; }
    .km-svc h3 { font-size: 1.0625rem; font-weight: 700; color: var(--km-dark); margin-bottom: .5rem; }
    .km-svc p { font-size: .875rem; color: var(--km-gray-600); flex: 1; line-height: 1.55; }

    /* PACKAGES */
    .km-packages { display: grid; gap: 1.5rem; }
    @media (min-width: 900px) { .km-packages { grid-template-columns: repeat(3, 1fr); align-items: stretch; } }
    .km-pkg {
      background: var(--km-white); border-radius: var(--km-radius);
      padding: 2rem 1.75rem; box-shadow: var(--km-shadow);
      display: flex; flex-direction: column;
      position: relative; border: 2px solid transparent;
    }
    .km-pkg--star {
      border-color: var(--km-pink);
      box-shadow: 0 20px 60px rgba(233,30,99,.15);
    }
    .km-pkg__ribbon {
      position: absolute; top: -14px; left: 50%; transform: translateX(-50%);
      background: linear-gradient(135deg, var(--km-accent), #d81b60); color: #fff !important;
      color: var(--km-white); font-size: .65rem; font-weight: 800;
      letter-spacing: .08em; text-transform: uppercase;
      padding: .4rem 1rem; border-radius: 999px; white-space: nowrap;
    }
    .km-pkg__audience {
      font-size: .75rem; font-weight: 700; color: var(--km-navy);
      background: var(--km-blue-soft); display: inline-block;
      padding: .3rem .7rem; border-radius: 6px; margin-bottom: .75rem;
    }
    .km-pkg h3 { font-size: 1.375rem; font-weight: 800; color: var(--km-dark); margin-bottom: .25rem; }
    .km-pkg__anim {
      font-size: .875rem; font-weight: 600; color: var(--km-pink); margin-bottom: 1.25rem;
    }
    .km-pkg ul { list-style: none; flex: 1; margin-bottom: 1.75rem; }
    .km-pkg li {
      font-size: .9rem; padding: .45rem 0 .45rem 1.625rem;
      position: relative; color: var(--km-gray-600); border-bottom: 1px solid var(--km-gray-100);
    }
    .km-pkg li:last-child { border-bottom: none; }
    .km-pkg li::before {
      content: ""; position: absolute; left: 0; top: .7rem;
      width: 10px; height: 10px; border-radius: 3px; background: var(--km-pink);
    }
    .km-pkg .km-btn { width: 100%; }

    /* GALLERY STRIP */
    .km-gallery {
      display: grid; grid-template-columns: repeat(2, 1fr); gap: .75rem;
    }
    @media (min-width: 768px) { .km-gallery { grid-template-columns: repeat(4, 1fr); } }
    .km-gallery img {
      border-radius: var(--km-radius-sm); aspect-ratio: 4/3; object-fit: cover; width: 100%;
    }

    /* TRUST */
    .km-trust-grid { display: grid; gap: 2rem; }
    @media (min-width: 800px) { .km-trust-grid { grid-template-columns: 1.1fr .9fr; align-items: center; } }
    .km-checklist { list-style: none; display: grid; gap: 1rem; }
    .km-checklist li {
      display: flex; gap: 1rem; align-items: flex-start;
      background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.1);
      border-radius: var(--km-radius-sm); padding: 1.125rem 1.25rem;
    }
    .km-checklist__icon {
      flex-shrink: 0; width: 36px; height: 36px; border-radius: 10px;
      background: var(--km-gradient-pink);
      display: flex; align-items: center; justify-content: center;
      font-size: 1rem;
    }
    .km-checklist strong { display: block; color: var(--km-white); font-size: .9375rem; margin-bottom: .2rem; }
    .km-checklist span { font-size: .8125rem; color: rgba(255,255,255,.55); }
    .km-quote {
      background: var(--km-white); border-radius: var(--km-radius);
      padding: 2rem; box-shadow: var(--km-shadow-lg);
      border-left: 5px solid var(--km-pink);
    }
    .km-quote p { font-size: 1.0625rem; font-style: italic; color: var(--km-dark); line-height: 1.65; margin-bottom: 1.25rem; }
    .km-quote cite { font-size: .875rem; font-weight: 600; color: var(--km-blue); font-style: normal; }
    .km-quote__stars { color: var(--km-gold); font-size: 1.125rem; margin-bottom: 1rem; letter-spacing: 2px; }

    /* FAQ */
    .km-faq { max-width: 760px; margin: 0 auto; }
    .km-faq details {
      background: var(--km-white); border-radius: var(--km-radius-sm);
      margin-bottom: .75rem; border: 1px solid var(--km-gray-100);
      overflow: hidden;
    }
    .km-faq summary {
      padding: 1.25rem 1.5rem; font-weight: 700; font-size: .975rem;
      color: var(--km-dark); cursor: pointer; list-style: none;
      display: flex; justify-content: space-between; align-items: center; gap: 1rem;
    }
    .km-faq summary::-webkit-details-marker { display: none; }
    .km-faq summary::after {
      content: "+"; flex-shrink: 0; width: 28px; height: 28px;
      background: var(--km-pink-soft); color: var(--km-pink);
      border-radius: 50%; display: flex; align-items: center; justify-content: center;
      font-size: 1.125rem; font-weight: 700;
    }
    .km-faq details[open] summary::after { content: "−"; background: var(--km-blue-soft); color: var(--km-blue); }
    .km-faq__a { padding: 0 1.5rem 1.25rem; font-size: .9375rem; color: var(--km-gray-600); }

    /* CTA FORM */
    .km-cta {
      background: linear-gradient(160deg, var(--km-navy-dark) 0%, var(--km-navy) 45%, #a81d84 110%);
      padding: 5rem 1.5rem; position: relative; overflow: hidden;
    }
    .km-cta__blob {
      position: absolute; width: 500px; height: 500px; border-radius: 50%;
      filter: blur(100px); opacity: .25; pointer-events: none;
    }
    .km-cta__blob--p { background: var(--km-pink); top: -200px; right: -100px; }
    .km-cta__blob--g { background: var(--km-blue); bottom: -200px; left: -100px; }
    .km-cta__grid {
      position: relative; z-index: 2;
      display: grid; gap: 3rem; align-items: start;
    }
    @media (min-width: 960px) { .km-cta__grid { grid-template-columns: 1fr 1.05fr; gap: 4rem; } }
    .km-cta h2 { font-size: clamp(1.75rem, 3vw, 2.375rem); font-weight: 800; color: var(--km-white); margin-bottom: 1rem; }
    .km-cta p { color: rgba(255,255,255,.7); margin-bottom: .75rem; }
    .km-cta__contacts { list-style: none; margin-top: 2rem; display: grid; gap: .5rem; }
    .km-cta__contacts a { color: var(--km-blue-light); font-weight: 600; }
    .km-form {
      position: relative;
      background: var(--km-white); border-radius: var(--km-radius);
      padding: 2rem; box-shadow: var(--km-shadow-lg);
    }
    .km-form__head { margin: 0 0 0.65rem; }
    .km-form__head h3 { font-size: 1.25rem; font-weight: 800; color: var(--km-dark); margin: 0 0 0.15rem; }
    .km-form__sub { font-size: .8125rem; color: var(--km-gray-400); margin: 0; line-height: 1.45; }
    .km-field { margin-bottom: .875rem; }
    .km-field label { display: block; font-size: .75rem; font-weight: 700; color: var(--km-dark); margin-bottom: .3rem; text-transform: uppercase; letter-spacing: .04em; }
    .km-field input, .km-field select, .km-field textarea {
      width: 100%; font-family: var(--km-font); font-size: .975rem;
      padding: .8rem 1rem; border: 2px solid var(--km-gray-100);
      border-radius: 10px; background: var(--km-cream); transition: border-color .2s;
    }
    .km-field input:focus, .km-field select:focus, .km-field textarea:focus {
      outline: none; border-color: var(--km-pink); background: var(--km-white);
    }
    .km-field-row { display: grid; gap: .875rem; }
    @media (min-width: 500px) { .km-field-row { grid-template-columns: 1fr 1fr; } }
    .km-field textarea { min-height: 88px; resize: vertical; }
    .km-gdpr {
      display: flex; gap: .65rem; align-items: flex-start;
      font-size: .8125rem; color: var(--km-gray-600); line-height: 1.55;
      margin: 1rem 0; cursor: pointer;
    }
    .km-gdpr input[type="checkbox"] {
      flex-shrink: 0; width: 1.1rem; height: 1.1rem; margin: .15rem 0 0;
      accent-color: var(--km-pink); cursor: pointer;
    }
    .km-gdpr__text { flex: 1; min-width: 0; }
    .km-gdpr a { color: var(--km-pink); font-weight: 600; text-decoration: underline; text-underline-offset: 2px; }
    .km-gdpr a:hover { color: var(--km-navy); }
    .km-form__hp { display: none !important; }
    .km-form__status {
      font-size: .875rem; font-weight: 700; margin: 0 0 0.65rem; padding: .55rem .75rem;
      border-radius: 8px; line-height: 1.45;
    }
    .km-form__status[hidden], .km-form__status:empty {
      display: none !important; margin: 0 !important; padding: 0 !important;
      height: 0 !important; min-height: 0 !important; border: 0 !important;
    }
    .km-form__status--ok { background: #e8f8ef; color: #1a7a42; }
    .km-form__status--error { background: #fdecea; color: #b42318; }
    .km-form--loading { opacity: .85; pointer-events: none; }
    .km-form__actions { margin-top: .25rem; }

    /* CONTACT + LEGAL PAGES */
    .km-contact-card--wide { grid-column: 1 / -1; }
    @media (min-width: 768px) {
      .km-contact-cards { grid-template-columns: repeat(2, 1fr); }
      .km-contact-card--wide { grid-column: 1 / -1; }
    }
    .km-contact-cards {
      display: grid; gap: 1.25rem;
      grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    }
    .km-contact-card {
      background: var(--km-white); border: 1px solid var(--km-gray-100);
      border-radius: var(--km-radius); padding: 1.35rem 1.5rem;
      box-shadow: var(--km-shadow-sm);
    }
    .km-contact-card h2 { font-size: 1rem; font-weight: 800; color: var(--km-navy); margin-bottom: .5rem; }
    .km-contact-card p { font-size: .9375rem; color: var(--km-gray-600); margin: .25rem 0; }
    .km-contact-card a { font-weight: 700; color: var(--km-pink); }
    .km-contact-card--wa .km-btn--wa { margin-top: .5rem; }
    .km-contact-card__meta { font-size: .8125rem !important; color: var(--km-gray-400) !important; }
    .km-legal-prose { max-width: 780px; }
    .km-legal-prose h2 { font-size: 1.25rem; font-weight: 800; color: var(--km-navy); margin: 2rem 0 .75rem; }
    .km-legal-prose h3 { font-size: 1.05rem; font-weight: 700; color: var(--km-dark); margin: 1.25rem 0 .5rem; }
    .km-legal-prose p, .km-legal-prose li { font-size: .9375rem; line-height: 1.7; color: var(--km-gray-600); }
    .km-legal-prose ul { margin: .5rem 0 1rem 1.25rem; }
    .km-legal-prose a { color: var(--km-pink); font-weight: 600; }
    .km-legal-updated { font-size: .875rem; color: var(--km-gray-400); margin-top: .5rem; }
    .km-legal-links { margin-top: 2.5rem; padding-top: 1.5rem; border-top: 1px solid var(--km-gray-100); font-weight: 600; }
    .km-hero--legal .km-hero__inner { max-width: 820px; }

    /* FOOTER + WA */
    .km-footer {
      background: var(--km-dark); color: rgba(255,255,255,.45);
      padding: 2rem 1.5rem; text-align: center; font-size: .8125rem;
      border-top: 1px solid rgba(255,255,255,.06);
    }
    .km-footer a { color: rgba(255,255,255,.75); }
    .km-wa {
      position: fixed; bottom: 1.5rem; right: 1.5rem; z-index: 300;
      width: 58px; height: 58px; border-radius: 50%;
      background: #25d366; color: #fff;
      display: flex; align-items: center; justify-content: center;
      box-shadow: 0 6px 28px rgba(37,211,102,.5);
      text-decoration: none; transition: transform .2s;
    }
    .km-wa:hover { transform: scale(1.1); color: #fff; }
    .km-wa svg { width: 28px; height: 28px; fill: currentColor; }

    /* HOMEPAGE — trasee + preț teaser */
    .km-paths { display: grid; gap: 1.25rem; }
    @media (min-width: 768px) { .km-paths { grid-template-columns: 1fr 1fr; } }
    .km-path {
      background: var(--km-white); border-radius: var(--km-radius);
      padding: 2rem 1.75rem; box-shadow: var(--km-shadow);
      border: 2px solid transparent; transition: transform .25s, border-color .25s;
      display: flex; flex-direction: column; gap: .75rem; height: 100%;
    }
    .km-path:hover { transform: translateY(-4px); border-color: var(--km-pink); }
    .km-path--corp { border-top: 4px solid var(--km-navy); }
    .km-path--b2c { border-top: 4px solid var(--km-pink); }
    .km-path__tag {
      font-size: .65rem; font-weight: 800; letter-spacing: .08em;
      text-transform: uppercase; color: var(--km-pink);
    }
    .km-path--corp .km-path__tag { color: var(--km-navy); }
    .km-path h3 {
      font-family: var(--km-font-display); font-size: 1.35rem;
      font-weight: 800; color: var(--km-navy); line-height: 1.2;
    }
    .km-path p { font-size: .9rem; color: var(--km-gray-600); flex: 1; }
    .km-pkg__price {
      font-family: var(--km-font-display); font-size: 2rem; font-weight: 800;
      color: var(--km-pink); line-height: 1; margin: .5rem 0 1rem;
    }
    .km-pkg__price small {
      display: block; font-size: .75rem; font-weight: 600;
      color: var(--km-gray-400); margin-top: .25rem;
    }
    .km-hero__video {
      border-radius: var(--km-radius); overflow: hidden;
      box-shadow: var(--km-shadow-lg); aspect-ratio: 16/9;
      background: rgba(0,0,0,.25);
    }
    .km-hero__video iframe { width: 100%; height: 100%; border: 0; display: block; }

    /* MOBILE FIX — fără overflow */
    .km-corporate-root { overflow-x: hidden; }
    html, body { overflow-x: hidden; max-width: 100vw; }
    .km-hero__inner--stack { grid-template-columns: 1fr !important; }
    .km-hero__media img { width: 100%; border-radius: var(--km-radius); box-shadow: var(--km-shadow-lg); }
    .km-hero__metrics--inline { margin-top: 1.5rem; }
    @media (max-width: 959px) {
      .km-hero__inner { padding: 2rem 1rem 1.5rem; gap: 1.5rem; }
      .km-hero__card { margin: 0; }
      .km-section { padding: 3rem 1rem; }
      .km-header__inner { padding: .65rem 1rem; flex-wrap: wrap; }
      .km-header__cta { display: none; }
      .km-header__phone { font-size: .8rem; }
      .km-btn { padding: .7rem 1.1rem; font-size: .875rem; }
      .km-categories { grid-template-columns: 1fr !important; }
      .km-services { grid-template-columns: 1fr !important; }
      .km-values { grid-template-columns: 1fr !important; }
      .km-paths { grid-template-columns: 1fr !important; }
      .km-packages { grid-template-columns: 1fr !important; }
      .km-reviews { grid-template-columns: 1fr !important; }
      .km-footer-rich__grid { grid-template-columns: 1fr !important; }
      .km-anpc { flex-direction: column; align-items: center; }
    }

    /* CATEGORII homepage */
    .km-categories { display: grid; gap: 1.5rem; }
    @media (min-width: 900px) { .km-categories { grid-template-columns: repeat(3, 1fr); } }
    .km-cat {
      background: var(--km-white); border-radius: var(--km-radius);
      overflow: hidden; box-shadow: var(--km-shadow-lg);
      display: flex; flex-direction: column; height: 100%;
      border-top: 5px solid var(--km-pink); transition: transform .25s;
    }
    .km-cat:nth-child(2) { border-top-color: var(--km-blue); }
    .km-cat:nth-child(3) { border-top-color: var(--km-navy); }
    .km-cat:hover { transform: translateY(-6px); }
    .km-cat__img { aspect-ratio: 16/10; object-fit: cover; width: 100%; }
    .km-cat__body { padding: 1.5rem; flex: 1; display: flex; flex-direction: column; }
    .km-cat__body h3 { font-family: var(--km-font-display); font-size: 1.25rem; font-weight: 800; color: var(--km-navy); margin-bottom: .5rem; }
    .km-cat__body p { font-size: .9rem; color: var(--km-gray-600); flex: 1; margin-bottom: 1rem; }
    .km-cat__links { list-style: none; font-size: .8rem; margin-bottom: 1rem; }
    .km-cat__links li { padding: .25rem 0; }
    .km-cat__links a { font-weight: 600; color: var(--km-blue); }

    /* NAV dropdown + mobile */
    .km-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0; }
    .km-header__actions-mobile {
      display: flex; align-items: center; gap: .5rem; margin-left: auto;
    }
    .km-header__wa {
      display: inline-flex; padding: .5rem .75rem; font-size: .75rem; font-weight: 800;
      border-radius: 8px; white-space: nowrap;
    }
    @media (min-width: 1024px) {
      .km-header__wa { display: none !important; }
      .km-header__actions-mobile { display: none; }
    }
    .km-nav-toggle {
      display: flex; flex-direction: column; gap: 5px; background: none; border: none;
      padding: .5rem; cursor: pointer;
    }
    .km-nav-toggle__bar { display: block; width: 22px; height: 2px; background: var(--km-navy); border-radius: 2px; }
    @media (min-width: 1024px) {
      .km-nav-toggle { display: none; }
      .km-nav-mobile { display: none !important; }
    }
    .km-header__nav--desktop { display: none; }
    @media (min-width: 1024px) {
      .km-header__nav--desktop { display: flex; align-items: center; gap: .25rem; }
      .km-header__cta { display: inline-flex !important; }
    }
    .km-nav-dd { position: relative; }
    .km-nav-dd > a { font-size: .875rem; font-weight: 600; color: var(--km-gray-600); padding: .5rem .75rem; display: block; }
    .km-header__nav-contact,
    .km-header__nav-noutati {
      font-size: .875rem; font-weight: 700; color: var(--km-navy); padding: .5rem .75rem;
      text-decoration: none; white-space: nowrap;
    }
    .km-header__nav-noutati { color: var(--km-blue); }
    .km-header__nav-contact:hover,
    .km-header__nav-noutati:hover { color: var(--km-pink); }
    .km-nav-mobile__noutati {
      display: block; text-align: center; font-weight: 800; color: var(--km-blue);
      padding: .85rem 1rem; margin: .75rem 0 .25rem; background: var(--km-blue-light, #e3f2fd);
      border-radius: var(--km-radius-sm); text-decoration: none;
    }
    .km-nav-mobile__noutati:hover { background: var(--km-pink-soft); color: var(--km-pink); }
    .km-nav-mobile__contact {
      display: block; text-align: center; font-weight: 800; color: var(--km-navy);
      padding: .85rem 1rem; margin-top: .5rem; border: 2px solid var(--km-pink-soft);
      border-radius: var(--km-radius-sm); text-decoration: none;
    }
    .km-nav-mobile__contact:hover { background: var(--km-pink-soft); color: var(--km-pink); }
    .km-footer__contact-cta { font-weight: 800; color: var(--km-pink) !important; }
    .km-nav-dd__panel {
      display: none; position: absolute; top: 100%; left: 0; min-width: 220px;
      background: var(--km-white); border-radius: var(--km-radius-sm);
      box-shadow: var(--km-shadow-lg); padding: .5rem 0; z-index: 300;
      border: 1px solid var(--km-gray-100);
    }
    .km-nav-dd:hover .km-nav-dd__panel,
    .km-nav-dd.is-open .km-nav-dd__panel { display: block; }
    .km-nav-dd__panel a { display: block; padding: .55rem 1rem; font-size: .8125rem; font-weight: 600; color: var(--km-gray-600); }
    .km-nav-dd__panel a:hover { background: var(--km-pink-soft); color: var(--km-pink); }
    @media (min-width: 1024px) {
      .km-header { position: static; }
      .km-header__inner { position: static; }
      .km-header__nav--desktop { position: static; }
      .km-nav-dd--mega { position: static; }
      .km-nav-dd__panel--counties {
        position: absolute; left: 0 !important; right: 0 !important; top: 100%;
        width: 100% !important; min-width: 100% !important; max-width: none !important;
        margin: -28px 0 0; padding: calc(1.25rem + 28px) 2rem 1.5rem; border-radius: 0;
        border-left: none; border-right: none;
        box-shadow: 0 12px 32px rgba(45, 51, 89, .14);
        max-height: calc(100vh - 6rem);
        overflow-y: auto; z-index: 260;
      }
      .km-nav-dd__panel--counties::before {
        content: ''; position: absolute; left: 0; right: 0; top: 0; height: 28px;
        background: transparent; pointer-events: auto;
      }
      .km-nav-dd.is-open .km-nav-dd__panel--counties {
        display: block !important;
      }
    }
    .km-nav-county-col__all { display: block; margin-bottom: .5rem; padding: .5rem 0 !important; max-width: 1100px; margin-left: auto; margin-right: auto; }
    .km-nav-deplasari-layout { max-width: 1100px; margin: .5rem auto 0; }
    .km-nav-county-tabs {
      display: flex; flex-wrap: wrap; gap: .35rem; margin-bottom: 1rem;
      border-bottom: 2px solid var(--km-gray-100); padding-bottom: .65rem;
    }
    .km-nav-county-tab {
      font-family: var(--km-font); font-size: .8125rem; font-weight: 700;
      padding: .45rem .9rem; border-radius: 8px; border: 1px solid var(--km-gray-100);
      background: var(--km-white); color: var(--km-gray-600); cursor: pointer;
    }
    .km-nav-county-tab:hover, .km-nav-county-tab.is-active {
      background: var(--km-pink-soft); border-color: var(--km-pink); color: var(--km-navy);
    }
    .km-nav-county-pane[hidden] { display: none !important; }
    .km-nav-county-pane__hub { margin: 0 0 .75rem; font-size: .8125rem; }
    .km-nav-county-pane__hub a { font-weight: 700; color: var(--km-navy); text-decoration: none; }
    .km-nav-county-pane__hub a:hover { color: var(--km-pink); }
    .km-nav-cat-grid {
      display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem 1.5rem;
    }
    .km-nav-cat-col { min-width: 0; }
    .km-nav-cat-col__title {
      display: block; font-weight: 800; color: var(--km-navy) !important;
      font-size: .8125rem !important; padding: 0 0 .4rem !important;
      border-bottom: 2px solid var(--km-pink-soft); margin-bottom: .35rem;
    }
    .km-nav-cat-col a:not(.km-nav-cat-col__title) {
      display: block; padding: .28rem 0 !important; font-size: .75rem !important;
      line-height: 1.35; font-weight: 600;
    }
    .km-nav-cat-col a:last-child { margin-top: .25rem; font-weight: 700 !important; color: var(--km-pink) !important; font-size: .7rem !important; }
    @media (max-width: 900px) {
      .km-nav-cat-grid { grid-template-columns: 1fr; }
    }
    .km-nav-mobile__sub--cat { margin-left: .75rem; margin-top: .35rem; }
    .km-nav-mobile__sub--cat summary { color: var(--km-navy); font-size: .75rem; }
    .km-btn--wa { background: #25d366 !important; border-color: #25d366 !important; color: #fff !important; }
    .km-btn--wa:hover { background: #1da851 !important; color: #fff !important; }
    .km-nav-mobile__sub { margin: 0 0 .5rem 1rem; border: 1px solid var(--km-gray-100); border-radius: var(--km-radius-sm); }
    .km-nav-mobile__sub summary { padding: .65rem 1rem; font-weight: 700; font-size: .8125rem; cursor: pointer; color: var(--km-pink); }
    .km-nav-mobile__sub a { padding-left: 1.25rem !important; font-size: .8125rem !important; }
    .km-nav-mobile {
      display: none;
      background: var(--km-white); border-top: 1px solid var(--km-gray-100);
      padding: 1rem; max-height: min(85vh, 640px); overflow-y: auto;
      -webkit-overflow-scrolling: touch;
    }
    .km-nav-mobile[hidden] { display: none !important; }
    @media (max-width: 1023px) {
      .km-nav-mobile:not([hidden]) { display: block; }
    }
    .km-nav-mobile__group summary,
    .km-nav-mobile__sub summary {
      min-height: 44px;
      display: flex;
      align-items: center;
      -webkit-tap-highlight-color: transparent;
    }
    .km-header__inner { flex-wrap: nowrap; }
    @media (max-width: 1023px) {
      .km-header__nav--desktop { display: none !important; }
    }
    .km-nav-mobile__group { margin-bottom: .5rem; border: 1px solid var(--km-gray-100); border-radius: var(--km-radius-sm); }
    .km-nav-mobile__group summary { padding: .85rem 1rem; font-weight: 700; cursor: pointer; color: var(--km-navy); }
    .km-nav-mobile__group a { display: block; padding: .5rem 1rem .5rem 1.5rem; font-size: .875rem; color: var(--km-gray-600); border-top: 1px solid var(--km-gray-100); }
    .km-nav-mobile__ctas { display: grid; grid-template-columns: 1fr 1fr; gap: .5rem; margin-top: 1rem; }
    .km-nav-mobile__cta { display: block; text-align: center; margin-top: 0; padding: .75rem .5rem; font-size: .8125rem; }

    /* FOOTER rich + ANPC */
    .km-footer-rich { background: var(--km-navy-dark); color: rgba(255,255,255,.65); }
    .km-footer-rich__grid { display: grid; gap: 2rem; padding: 3rem 1.5rem; }
    @media (min-width: 768px) { .km-footer-rich__grid { grid-template-columns: 1.4fr 1fr 1fr 1fr; } }
    .km-footer-rich__brand { font-size: 1.25rem; font-weight: 800; color: #fff; margin-bottom: .75rem; }
    .km-footer-rich__brand em { color: var(--km-pink-light); font-style: normal; }
    .km-footer-rich__title { font-weight: 800; color: #fff; margin-bottom: .75rem; font-size: .875rem; text-transform: uppercase; letter-spacing: .06em; }
    .km-footer-rich ul { list-style: none; }
    .km-footer-rich li { margin-bottom: .4rem; }
    .km-footer-rich a { color: rgba(255,255,255,.75); font-size: .875rem; }
    .km-footer-rich a:hover { color: var(--km-pink-light); }
    .km-footer-rich__legal { border-top: 1px solid rgba(255,255,255,.08); padding: 1.5rem; text-align: center; font-size: .75rem; }
    .km-footer-rich__legal-inner { display: flex; flex-direction: column; align-items: center; gap: 1rem; }
    .km-anpc { display: flex; flex-wrap: wrap; gap: 1rem; justify-content: center; align-items: center; }
    .km-anpc img { max-width: 220px; height: auto; border-radius: 6px; }

    /* Interlinks */
    .km-interlinks { margin-top: 2.5rem; padding-top: 2rem; border-top: 1px solid var(--km-gray-100); }
    .km-interlinks h3 { font-size: 1rem; font-weight: 800; color: var(--km-navy); margin-bottom: .75rem; }
    .km-interlinks ul { list-style: none; display: flex; flex-wrap: wrap; gap: .5rem 1rem; }
    .km-interlinks a { font-size: .875rem; font-weight: 600; }

    /* Deplasări compact pe homepage */
    .km-section--compact { padding: 2rem 1.5rem; }
    .km-loc-bar {
      display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 1rem;
      background: var(--km-white); border-radius: var(--km-radius);
      padding: 1.25rem 1.5rem; box-shadow: var(--km-shadow);
      border-left: 4px solid var(--km-blue);
    }
    .km-loc-bar__text { font-size: .9rem; color: var(--km-gray-600); margin: 0; max-width: 28rem; }
    .km-loc-chips { display: flex; flex-wrap: wrap; gap: .5rem; }
    .km-loc-chips a {
      font-size: .75rem; font-weight: 700; padding: .4rem .85rem;
      background: var(--km-blue-soft); color: var(--km-navy);
      border-radius: 999px; border: 1px solid rgba(6,147,227,.2);
    }
    .km-loc-chips a:hover { background: var(--km-pink-soft); color: var(--km-pink); border-color: var(--km-pink); }

    .km-checklist-spoke { list-style: none; display: grid; gap: .6rem; max-width: 40rem; }
    .km-checklist-spoke li {
      padding: .65rem 0 .65rem 1.5rem; position: relative;
      font-size: .9375rem; color: var(--km-gray-600); border-bottom: 1px solid var(--km-gray-100);
    }

    /* Galerie personaje — categorii + anchor nav */
    .km-personaje-nav {
      display: flex; flex-wrap: wrap; gap: .5rem; margin: 1.25rem 0 2rem;
      position: sticky; top: .5rem; z-index: 5;
      padding: .75rem; background: rgba(255,255,255,.92);
      border-radius: var(--km-radius); box-shadow: var(--km-shadow);
      backdrop-filter: blur(6px);
    }
    .km-personaje-nav a {
      font-size: .8125rem; font-weight: 700; padding: .45rem .9rem;
      background: var(--km-blue-soft); color: var(--km-navy);
      border-radius: 999px; border: 1px solid rgba(6,147,227,.2);
      scroll-margin-top: 5rem;
    }
    .km-personaje-nav a:hover { background: var(--km-pink-soft); color: var(--km-pink); border-color: var(--km-pink); }
    .km-personaje-cat { scroll-margin-top: 6rem; margin-bottom: 2.5rem; }
    .km-personaje-cat h3 {
      font-size: 1.25rem; font-weight: 800; color: var(--km-navy);
      margin-bottom: 1rem; padding-bottom: .5rem;
      border-bottom: 2px solid var(--km-pink-soft);
    }
    .km-personaje-grid {
      display: grid; grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); gap: 1rem;
    }
    .km-personaje-card {
      margin: 0; background: var(--km-white); border-radius: var(--km-radius);
      overflow: hidden; box-shadow: var(--km-shadow);
      border: 1px solid var(--km-gray-100);
    }
    .km-personaje-card img {
      width: 100%; height: auto; aspect-ratio: 4/5; object-fit: cover; display: block;
    }
    .km-personaje-card figcaption {
      font-size: .75rem; font-weight: 700; color: var(--km-navy);
      padding: .5rem .65rem; line-height: 1.3; text-align: center;
    }
    .km-personaje-parent {
      display: block;
      font-size: 0.72rem;
      font-weight: 600;
      color: var(--km-navy, #2d3359);
      opacity: 0.65;
      margin-top: 0.2rem;
    }

    /* Catalog gonflabile — castele, bouncere, video */
    .km-gonflabile-nav {
      display: flex; flex-wrap: wrap; gap: .5rem; margin: 1.25rem 0 2rem;
      position: sticky; top: .5rem; z-index: 5;
      padding: .75rem; background: rgba(255,255,255,.92);
      border-radius: var(--km-radius); box-shadow: var(--km-shadow);
    }
    .km-gonflabile-nav a {
      font-size: .8125rem; font-weight: 700; padding: .45rem .9rem;
      background: var(--km-pink-soft); color: var(--km-navy);
      border-radius: 999px; border: 1px solid rgba(255,105,180,.25);
    }
    .km-gonflabile-nav a:hover { background: var(--km-blue-soft); color: var(--km-blue); }
    .km-gonflabile-product {
      scroll-margin-top: 6rem; margin-bottom: 3rem; padding-bottom: 2rem;
      border-bottom: 1px solid var(--km-gray-100);
    }
    .km-gonflabile-product:last-child { border-bottom: 0; }
    .km-gonflabile-product__head {
      display: grid; gap: 1.5rem; margin-bottom: 1.25rem;
    }
    @media (min-width: 768px) {
      .km-gonflabile-product__head { grid-template-columns: 1fr 1.1fr; align-items: start; }
    }
    .km-gonflabile-product__hero {
      width: 100%; height: auto; border-radius: var(--km-radius);
      box-shadow: var(--km-shadow); object-fit: cover;
    }
    .km-gonflabile-product__tag { color: var(--km-gray-600); margin: .35rem 0 .75rem; }
    .km-gonflabile-product__dims { font-size: .9rem; margin-bottom: 1rem; }
    .km-gonflabile-prices {
      display: flex; flex-wrap: wrap; gap: .65rem; margin: 0 0 1rem;
    }
    .km-gonflabile-price {
      background: var(--km-white); border: 2px solid var(--km-pink-soft);
      border-radius: 10px; padding: .5rem .85rem; font-size: .8125rem;
    }
    .km-gonflabile-price strong { display: block; font-size: 1.1rem; color: var(--km-navy); }
    .km-gonflabile-prices--offer { font-weight: 700; color: var(--km-blue); }
    .km-gonflabile-grid {
      display: grid; grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
      gap: .75rem; margin-top: 1.25rem;
    }
    .km-gonflabile-grid img {
      width: 100%; height: auto; aspect-ratio: 4/3; object-fit: cover;
      border-radius: 10px; box-shadow: var(--km-shadow-sm);
    }
    .km-gonflabile-video {
      margin: 1.25rem 0; max-width: 720px;
    }
    .km-gonflabile-video video {
      width: 100%; border-radius: var(--km-radius);
      background: var(--km-dark); box-shadow: var(--km-shadow);
    }
    .km-gonflabile-video__cap {
      font-size: .75rem; color: var(--km-gray-400); margin-top: .5rem;
    }
    .km-checklist-spoke li::before {
      content: ""; position: absolute; left: 0; top: .85rem;
      width: 8px; height: 8px; border-radius: 50%; background: var(--km-pink);
    }

    /* Spoke — poveste + beneficii (în loc de listă lungă) */
    .km-spoke-story {
      display: grid; gap: 2rem; align-items: center;
    }
    @media (min-width: 900px) {
      .km-spoke-story { grid-template-columns: 1fr 1.1fr; gap: 2.5rem; }
    }
    .km-spoke-story__media img {
      width: 100%; border-radius: var(--km-radius);
      box-shadow: var(--km-shadow-lg);
    }
    .km-benefit-mini {
      display: grid; gap: .75rem; margin-top: 1.5rem;
    }
    @media (min-width: 560px) {
      .km-benefit-mini { grid-template-columns: repeat(2, 1fr); }
    }
    .km-benefit-mini article {
      background: var(--km-white); border-radius: var(--km-radius-sm);
      padding: 1rem 1.1rem; border: 1px solid var(--km-gray-100);
      box-shadow: var(--km-shadow);
    }
    .km-benefit-mini h3 {
      font-size: .9rem; font-weight: 800; color: var(--km-navy); margin-bottom: .35rem;
    }
    .km-benefit-mini p { font-size: .8125rem; color: var(--km-gray-600); margin: 0; line-height: 1.5; }
    .km-seo-prose { max-width: 48rem; }
    .km-seo-prose p {
      font-size: 1rem; line-height: 1.75; color: var(--km-gray-600); margin-bottom: 1rem;
    }
    .km-seo-prose a { font-weight: 600; }
    @media (max-width: 479px) {
      .km-hero__metrics { gap: .5rem; }
      .km-metric { padding: .65rem .35rem; }
      .km-hero__actions .km-btn { flex: 1 1 100%; justify-content: center; }
    }

    /* HARTĂ SITE + 404 util */
    .km-hero--404 .km-eyebrow { color: #ffb74d; }
    /* 404 — header compact: fără buton Ofertă lângă logo/WhatsApp/burger */
    body.km-404-page .km-header__cta { display: none !important; }
    .km-hero--sitemap .km-eyebrow { color: var(--km-blue-light); }
    .km-sitemap { padding: 2.5rem 0 3.5rem; background: var(--km-white); }
    .km-sitemap__toolbar { margin-bottom: 2rem; }
    .km-sitemap__search {
      width: 100%; max-width: 32rem; padding: .85rem 1.1rem;
      font-family: var(--km-font); font-size: 1rem;
      border: 2px solid var(--km-gray-100); border-radius: var(--km-radius-sm);
    }
    .km-sitemap__search:focus { border-color: var(--km-pink); outline: none; }
    .km-sitemap__hint { font-size: .8125rem; color: var(--km-gray-400); margin-top: .5rem; }
    .km-sitemap__block { margin-bottom: 2.5rem; }
    .km-sitemap__block--hidden { display: none !important; }
    .km-sitemap__block-title {
      font-family: var(--km-font-display); font-size: 1.35rem; font-weight: 800;
      color: var(--km-navy); margin-bottom: .35rem;
    }
    .km-sitemap__block-lead { font-size: .9rem; color: var(--km-gray-600); margin-bottom: 1.25rem; }
    .km-sitemap__grid { display: grid; gap: 1.25rem 1.5rem; }
    .km-sitemap__grid--3 { grid-template-columns: 1fr; }
    @media (min-width: 768px) { .km-sitemap__grid--3 { grid-template-columns: repeat(3, 1fr); } }
    .km-sitemap__col-title {
      font-size: .875rem; font-weight: 800; color: var(--km-pink);
      border-bottom: 2px solid var(--km-pink-soft); padding-bottom: .35rem; margin-bottom: .5rem;
    }
    .km-sitemap__list { list-style: none; margin: 0; padding: 0; }
    .km-sitemap__list--inline { display: flex; flex-wrap: wrap; gap: .5rem 1.25rem; }
    .km-sitemap__list--inline .km-sitemap__item { display: inline; }
    .km-sitemap__item { margin: 0; }
    .km-sitemap__item--hidden { display: none !important; }
    .km-sitemap__link {
      display: block; padding: .28rem 0; font-size: .8125rem; font-weight: 600;
      color: var(--km-gray-600); text-decoration: none;
    }
    .km-sitemap__link:hover { color: var(--km-pink); }
    .km-sitemap__col--compact .km-sitemap__link { font-size: .75rem; }
    .km-sitemap__counties { display: grid; gap: .65rem; }
    .km-sitemap__county {
      border: 1px solid var(--km-gray-100); border-radius: var(--km-radius-sm);
      background: var(--km-white); overflow: hidden;
    }
    .km-sitemap__county--hidden { display: none !important; }
    .km-sitemap__county-title {
      padding: .85rem 1rem; font-weight: 800; font-size: .9375rem;
      color: var(--km-navy); cursor: pointer; list-style: none;
    }
    .km-sitemap__county-title span { font-weight: 600; color: var(--km-gray-400); font-size: .8125rem; margin-left: .35rem; }
    .km-sitemap__county[open] .km-sitemap__county-title { background: var(--km-pink-soft); color: var(--km-navy); }
    .km-sitemap__county .km-sitemap__grid { padding: 0 1rem 1rem; }
    .km-sitemap__list--hub { padding: 0 1rem .75rem; }
    .km-sitemap__cta {
      margin-top: 2rem; padding: 1.5rem; text-align: center;
      background: var(--km-pink-soft); border-radius: var(--km-radius-sm);
    }
    .km-sitemap__cta p { font-weight: 700; color: var(--km-navy); margin-bottom: 1rem; }
    .km-sitemap__cta-actions { display: flex; flex-wrap: wrap; gap: .75rem; justify-content: center; }

    /* B2B — studii de caz */
    .km-case-studies { display: grid; gap: 1.25rem; }
    @media (min-width: 768px) { .km-case-studies { grid-template-columns: repeat(3, 1fr); } }
    .km-case-card {
      background: var(--km-white); border-radius: var(--km-radius);
      overflow: hidden; box-shadow: var(--km-shadow);
      display: flex; flex-direction: column; transition: transform .25s;
    }
    .km-case-card:hover { transform: translateY(-4px); }
    .km-case-card__img-wrap { position: relative; display: block; aspect-ratio: 16/10; overflow: hidden; }
    .km-case-card__img-wrap img { width: 100%; height: 100%; object-fit: cover; transition: transform .4s; }
    .km-case-card:hover .km-case-card__img-wrap img { transform: scale(1.05); }
    .km-case-card__tag {
      position: absolute; top: .75rem; left: .75rem;
      background: var(--km-gradient-pink); color: var(--km-white);
      font-size: .625rem; font-weight: 800; letter-spacing: .06em;
      text-transform: uppercase; padding: .3rem .65rem; border-radius: 6px;
    }
    .km-case-card__body { padding: 1.25rem 1.5rem 1.5rem; flex: 1; display: flex; flex-direction: column; }
    .km-case-card__client { font-size: .75rem; font-weight: 700; color: var(--km-pink); margin-bottom: .35rem; text-transform: uppercase; letter-spacing: .04em; }
    .km-case-card h3 { font-size: 1rem; font-weight: 700; margin-bottom: .5rem; }
    .km-case-card h3 a { color: var(--km-navy); text-decoration: none; }
    .km-case-card h3 a:hover { color: var(--km-pink); }
    .km-case-card p { font-size: .875rem; color: var(--km-gray-600); flex: 1; line-height: 1.55; }

    /* B2B — proces achiziție */
    .km-process { display: grid; gap: 1rem; }
    @media (min-width: 768px) { .km-process { grid-template-columns: repeat(2, 1fr); } }
    @media (min-width: 1024px) { .km-process { grid-template-columns: repeat(4, 1fr); } }
    .km-process__step {
      background: var(--km-white); border-radius: var(--km-radius);
      padding: 1.5rem; box-shadow: var(--km-shadow);
      border-left: 4px solid var(--km-pink);
    }
    .km-process__step:nth-child(2) { border-left-color: var(--km-blue); }
    .km-process__step:nth-child(3) { border-left-color: var(--km-gold); }
    .km-process__step:nth-child(4) { border-left-color: var(--km-magenta); }
    .km-process__num {
      display: inline-block; font-size: .75rem; font-weight: 800;
      color: var(--km-pink); letter-spacing: .08em; margin-bottom: .5rem;
    }
    .km-process__step h3 { font-size: 1rem; font-weight: 700; color: var(--km-navy); margin-bottom: .5rem; }
    .km-process__step p { font-size: .875rem; color: var(--km-gray-600); line-height: 1.55; }

    /* B2B — sectoare clienți */
    .km-sectors { display: grid; gap: 1rem; }
    @media (min-width: 600px) { .km-sectors { grid-template-columns: repeat(2, 1fr); } }
    @media (min-width: 1024px) { .km-sectors { grid-template-columns: repeat(3, 1fr); } }
    .km-sector {
      background: var(--km-white); border-radius: var(--km-radius-sm);
      padding: 1.25rem 1.5rem; box-shadow: var(--km-shadow);
      border-top: 3px solid var(--km-blue);
    }
    .km-sector:nth-child(even) { border-top-color: var(--km-pink); }
    .km-sector h3 { font-size: .9375rem; font-weight: 800; color: var(--km-navy); margin-bottom: .35rem; }
    .km-sector p { font-size: .8125rem; color: var(--km-gray-600); }

    /* B2B — pagină studiu de caz */
    .km-case-detail { display: grid; gap: 2.5rem; }
    @media (min-width: 900px) { .km-case-detail { grid-template-columns: 1fr 1fr; } }
    .km-case-detail__block h2 { font-size: 1.25rem; margin-bottom: .75rem; }
    .km-case-detail__services { list-style: none; margin-top: 1rem; padding: 0; display: flex; flex-wrap: wrap; gap: .5rem; }
    .km-case-detail__services a {
      display: inline-block; font-size: .8125rem; font-weight: 700;
      padding: .4rem .85rem; border-radius: 999px;
      background: var(--km-blue-soft); color: var(--km-navy); text-decoration: none;
    }
    .km-case-detail__services a:hover { background: var(--km-pink-soft); color: var(--km-pink); }
    .km-checklist-spoke--results li { margin-bottom: .65rem; }

    /* Articole / blog ghiduri */
    .km-hero--article .km-hero__inner--stack { max-width: 48rem; }
    .km-article__body { max-width: 42rem; }
    .km-article__body h2 { font-size: 1.35rem; font-weight: 800; color: var(--km-navy); margin: 2rem 0 .75rem; }
    .km-article__body p { margin-bottom: 1rem; color: var(--km-gray-600); line-height: 1.7; }
    .km-article__lead { font-size: 1.125rem; font-weight: 600; color: var(--km-navy); }
    .km-article-gallery { display: grid; grid-template-columns: repeat(auto-fill, minmax(10rem, 1fr)); gap: .75rem; margin: 1.25rem 0 1.75rem; }
    .km-article-figure { margin: 0; border-radius: var(--km-radius-md, .5rem); overflow: hidden; background: var(--km-gray-50, #f8f9fc); }
    .km-article-figure img { width: 100%; height: auto; display: block; aspect-ratio: 4/3; object-fit: cover; }
    .km-article-figure figcaption { font-size: .75rem; color: var(--km-gray-500); padding: .35rem .5rem; }
    .km-article-hub-pilon { margin-bottom: 3.5rem; }
    .km-article-hub-pilon > h2 {
      font-family: var(--km-font-display); font-size: 1.75rem; font-weight: 800;
      color: var(--km-navy); margin-bottom: .75rem;
    }
    .km-article-hub-block { margin-bottom: 2.5rem; }
    .km-article-hub-block h3 {
      font-size: 1.15rem; font-weight: 700; color: var(--km-navy);
      margin-bottom: 1rem; padding-bottom: .35rem;
      border-bottom: 2px solid var(--km-gray-100);
    }
    .km-article-hub-block h2 {
      font-family: var(--km-font-display); font-size: 1.5rem; font-weight: 800;
      color: var(--km-navy); margin-bottom: 1.25rem; padding-bottom: .5rem;
      border-bottom: 3px solid var(--km-pink-soft);
    }
    .km-article-hub-count {
      font-size: .8125rem; font-weight: 700; color: var(--km-pink);
      margin-left: .5rem;
    }
    .km-article-grid { display: grid; gap: 1.25rem; }
    @media (min-width: 768px) { .km-article-grid { grid-template-columns: repeat(2, 1fr); } }
    @media (min-width: 1024px) { .km-article-grid:not(.km-article-grid--compact) { grid-template-columns: repeat(3, 1fr); } }
    .km-article-card {
      background: var(--km-white); border-radius: var(--km-radius);
      padding: 1.5rem; box-shadow: var(--km-shadow);
      display: flex; flex-direction: column; transition: transform .2s;
    }
    .km-article-card:hover { transform: translateY(-3px); }
    .km-article-card--compact { padding: 1.25rem; }
    .km-article-card__meta { font-size: .75rem; font-weight: 700; color: var(--km-pink); text-transform: uppercase; letter-spacing: .04em; margin-bottom: .5rem; }
    .km-article-card h3 { font-size: 1rem; font-weight: 700; margin-bottom: .5rem; flex: 1; }
    .km-article-card h3 a { color: var(--km-navy); text-decoration: none; }
    .km-article-card h3 a:hover { color: var(--km-pink); }
    .km-article-card p { font-size: .875rem; color: var(--km-gray-600); line-height: 1.55; flex: 1; }
    .km-article__cta-row { display: flex; flex-wrap: wrap; gap: .5rem; margin-top: 2rem; padding-top: 1.5rem; border-top: 1px solid var(--km-gray-100); }
    .km-table--article { width: 100%; border-collapse: collapse; margin: 1.25rem 0; font-size: .875rem; }
    .km-table--article th, .km-table--article td { border: 1px solid var(--km-gray-100); padding: .6rem .75rem; text-align: left; vertical-align: top; }
    .km-table--article th { background: var(--km-gray-100); font-weight: 800; color: var(--km-navy); }
    .km-quote { margin: 1.5rem 0; padding: 1rem 1.25rem; border-left: 4px solid var(--km-pink); background: var(--km-pink-soft); border-radius: 0 var(--km-radius-sm) var(--km-radius-sm) 0; }
    .km-quote cite { display: block; margin-top: .5rem; font-size: .8125rem; font-weight: 700; color: var(--km-gray-600); font-style: normal; }
    /* Noutăți — toate articolele */
    .km-hero--noutati .km-eyebrow { color: var(--km-blue-light); }
    .km-section--noutati { padding-top: 2rem; }
    .km-noutati__toolbar { margin-bottom: 2rem; }
    .km-noutati__filters { display: flex; flex-wrap: wrap; gap: .5rem; margin: 1rem 0; }
    .km-noutati__filter {
      padding: .5rem 1rem; border: 2px solid var(--km-gray-100); border-radius: 999px;
      background: var(--km-white); font-weight: 700; font-size: .8125rem; cursor: pointer; color: var(--km-navy);
    }
    .km-noutati__filter.is-active { border-color: var(--km-pink); background: var(--km-pink-soft); color: var(--km-pink); }
    .km-noutati__grid { display: grid; gap: 1.25rem; }
    @media (min-width: 768px) { .km-noutati__grid { grid-template-columns: repeat(2, 1fr); } }
    @media (min-width: 1100px) { .km-noutati__grid { grid-template-columns: repeat(3, 1fr); } }
    .km-noutati-card {
      background: var(--km-white); border-radius: var(--km-radius-sm); padding: 1.25rem;
      box-shadow: var(--km-shadow); display: flex; flex-direction: column; border: 1px solid var(--km-gray-100);
    }
    .km-noutati-card--hidden { display: none !important; }
    .km-noutati-card__meta { font-size: .7rem; font-weight: 700; text-transform: uppercase; letter-spacing: .04em; color: var(--km-gray-400); margin-bottom: .5rem; }
    .km-noutati-card__tag { padding: .15rem .45rem; border-radius: 4px; }
    .km-noutati-card__tag--b2b { background: #e8eaf6; color: var(--km-navy); }
    .km-noutati-card__tag--parinti { background: var(--km-pink-soft); color: var(--km-pink); }
    .km-noutati-card h3 { font-size: 1rem; font-weight: 800; margin-bottom: .5rem; flex: 1; }
    .km-noutati-card h3 a { color: var(--km-navy); text-decoration: none; }
    .km-noutati-card h3 a:hover { color: var(--km-pink); }
    .km-noutati-card p { font-size: .8125rem; color: var(--km-gray-600); line-height: 1.5; margin-bottom: .75rem; }
    .km-noutati-card__link { align-self: flex-start; font-size: .8125rem !important; padding: .5rem .85rem !important; }
    .km-noutati__empty { text-align: center; padding: 2rem; color: var(--km-gray-600); }

    /* Meniu corporate — mega categorii eveniment */
    .km-nav-dd__panel--corporate { min-width: 16.5rem; }
    .km-nav-dd__panel--corp-mega { min-width: 42rem; max-width: 52rem; padding: 1rem 1.15rem 1.1rem; }
    .km-nav-dd__panel--corporate .km-nav-dd__lead {
      font-size: .7rem; font-weight: 800; text-transform: uppercase;
      letter-spacing: .06em; color: var(--km-pink); margin: 0 0 .65rem; padding: 0;
    }
    .km-nav-dd__panel--corporate a { display: block; padding: .35rem 0; font-size: .875rem; }
    .km-nav-corp-cols {
      display: grid; gap: .75rem 1.25rem;
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    @media (min-width: 1100px) { .km-nav-corp-cols { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
    .km-nav-corp-col__title {
      font-size: .65rem; font-weight: 800; text-transform: uppercase;
      letter-spacing: .05em; color: var(--km-gray-500); margin: 0 0 .25rem; padding: 0;
    }
    .km-nav-corp-footer {
      margin-top: .75rem; padding-top: .65rem; border-top: 1px solid var(--km-gray-100);
      display: flex; flex-wrap: wrap; gap: .5rem 1rem;
    }
    .km-nav-dd__panel--corporate .km-nav-dd__footer { margin-top: .5rem; padding-top: .5rem; border-top: 1px solid var(--km-gray-100); }
    .km-nav-mobile__hint {
      font-size: .8125rem; color: var(--km-gray-600); margin: .35rem 0 .65rem; padding: 0 .25rem; line-height: 1.45;
    }

    /* Pagini categorii corporate */
    .km-cat-card-grid {
      display: grid; gap: 1rem;
      grid-template-columns: repeat(auto-fill, minmax(15rem, 1fr));
    }
    .km-cat-card-grid--compact { grid-template-columns: repeat(auto-fill, minmax(12rem, 1fr)); }
    .km-cat-card {
      background: var(--km-white); border-radius: var(--km-radius-sm);
      box-shadow: var(--km-shadow); overflow: hidden;
    }
    .km-cat-card__link {
      display: flex; flex-direction: column; height: 100%;
      padding: 1.15rem 1.25rem; text-decoration: none; color: inherit;
    }
    .km-cat-card__link:hover { background: var(--km-gray-50); }
    .km-cat-card__icon { font-size: 1.35rem; margin-bottom: .4rem; }
    .km-cat-card h3 { font-size: .95rem; font-weight: 700; color: var(--km-navy); margin-bottom: .35rem; }
    .km-cat-card p { font-size: .8125rem; color: var(--km-gray-600); line-height: 1.5; flex: 1; margin-bottom: .65rem; }
    .km-cat-card__cta { font-size: .8125rem; font-weight: 700; color: var(--km-pink); }
    .km-cat-card--compact .km-cat-card__link { padding: .9rem 1rem; }
    .km-cat-card--compact h3 { font-size: .875rem; margin-bottom: .25rem; }
    .km-cat-hub-footer { text-align: center; margin-top: 1.5rem; font-size: .875rem; }
    .km-cat-interlink {
      max-width: 48rem; margin: 0 auto 1.5rem; padding: 1rem 1.25rem;
      background: var(--km-blue-50); border-radius: var(--km-radius-sm);
      border-left: 4px solid var(--km-pink); font-size: .9rem; color: var(--km-gray-700);
    }
    .km-cat-interlink a { font-weight: 700; }
    .km-cat-rec-grid { display: grid; gap: 1rem; }
    @media (min-width: 768px) { .km-cat-rec-grid { grid-template-columns: repeat(2, 1fr); } }
    .km-cat-rec {
      background: var(--km-white); border-radius: var(--km-radius-sm);
      padding: 1.25rem 1.5rem; box-shadow: var(--km-shadow);
      border-left: 4px solid var(--km-pink);
    }
    .km-cat-rec h3 { font-size: 1rem; font-weight: 700; margin-bottom: .35rem; }
    .km-cat-rec h3 a { color: var(--km-navy); text-decoration: none; }
    .km-cat-rec h3 a:hover { color: var(--km-pink); }
    .km-cat-rec p { font-size: .875rem; color: var(--km-gray-600); margin-bottom: .75rem; }
    .km-process-list { margin: 0 0 1.5rem 1.25rem; color: var(--km-gray-600); line-height: 1.7; }
    .km-process-list li { margin-bottom: .5rem; }