/* Karbantartás (Premium Care) oldal (/karbantartas/) – Figma 013. Az audit.css aud-* osztályaira épül. */

.kb-page .site-content { display: block; }

/* ---- Hero ---- */
.aud.kb .aud-hero { grid-template-columns: minmax(0, 1fr) 540px; }

/* Fotó: Figma export az árnyékkal együtt (670×708 a 538×617-es grafika körül).
   A kép a természetes méretén ül, az árnyék a negatív margókkal lóg ki, így a grafika
   ugyanakkora, mint a tervben. A háttere #111, a lighten keverés eltünteti. */
.aud.kb .aud-bocs-kep { width: 670px; max-width: none; margin: -40px -65.8px -51.5px -66.3px; }
.aud.kb .aud-bocs-kep img { width: 100%; height: auto; mix-blend-mode: lighten; filter: none; }
@media (max-width: 1100px) {
  /* A grafika (árnyék nélkül) legfeljebb 460 px széles, középen; az árnyék arányosan lóg ki. */
  .aud.kb .aud-bocs-kep { --g: min(460px, 100%); width: calc(var(--g) * 1.2455); justify-self: center; left: 0;
    margin: calc(var(--g) * -0.0744) 0 calc(var(--g) * -0.0957) 0; transform: translateX(calc(var(--g) * 0.0004)); }
}
.aud.kb .aud-hero h1 { font-size: clamp(36px, calc(10px + 2.4vw), 54px); line-height: 1.11; }
.aud.kb .aud-hero .aud-hero-kerdes { font-size: clamp(32px, calc(12px + 1.9vw), 44px); line-height: 1.1; }
@media (max-width: 1024px) {
  .aud.kb .aud-hero { grid-template-columns: minmax(0, 1fr); }
  .aud.kb .kb-riport { justify-self: center; }
}

/* Riport mockup */
.kb-riport { width: min(540px, 100%); background: #fff; border-radius: 16px; overflow: hidden; box-shadow: 0 40px 80px rgba(0,0,0,.55); color: #1f1f24; font-size: 14px; line-height: 20px; }
.kb-riport p { margin: 0; }
.kb-riport-fej { display: flex; flex-direction: column; gap: 16px; padding: 30px 34px; background: #0f0f12; }
.kb-riport-fej img { display: block; height: 21px; width: auto; }
.kb-riport-cim { color: var(--yellow); font-size: 30px; line-height: 34px; }
.kb-riport-meta { color: #bfbfc7; font-size: 14px; line-height: 20px; font-weight: 500; }
.kb-riport-test { display: flex; flex-direction: column; gap: 24px; padding: 28px 34px 32px; }
.kb-riport-mutatok { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; }
.kb-riport-mutatok div { display: flex; flex-direction: column; gap: 2px; padding: 12px; border-radius: 10px; background: #f4f6f6; min-width: 0; }
.kb-riport-mutatok b { font-size: 21px; line-height: 26px; font-weight: 700; }
.kb-riport-mutatok span { color: #6b6b75; font-size: 12px; line-height: 16px; font-weight: 500; }
.kb-riport-blokk > p { color: #6b6b75; font-size: 11px; line-height: 16px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.kb-riport-blokk ul { list-style: none; margin: 0; padding: 0; }
.kb-riport-blokk li { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 9px 0; border-bottom: 1px solid #e6e6eb; }
.kb-riport-blokk li b { padding: 3px 10px; border-radius: 99px; background: #e3f7ed; color: #0d7f4c; font-size: 12px; line-height: 16px; font-weight: 600; white-space: nowrap; }
.kb-riport-ok { display: flex; align-items: center; gap: 10px; padding: 13px 16px; border-radius: 10px; background: #e8f8ee; border: 1px solid rgba(18,212,136,.6); color: #0d6b3d; font-size: 15px; line-height: 20px; font-weight: 600; }
.kb-riport-ok::before { content: ""; width: 10px; height: 10px; border-radius: 50%; background: var(--accent); flex-shrink: 0; }
@media (max-width: 560px) {
  .kb-riport-fej, .kb-riport-test { padding-inline: 22px; }
  .kb-riport-mutatok { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .kb-riport-cim { font-size: 26px; line-height: 30px; }
}

/* ---- Opciók ---- */
.aud.kb .kb-csomagok { grid-template-columns: repeat(2, minmax(0, 1fr)); max-width: 940px; margin-inline: auto; width: 100%; }
.aud.kb .kb-tovabbi { color: var(--contrast-3); font-size: 15px; line-height: 22px; }
.aud.kb .aud-csomag .pill { align-self: flex-start; }
@media (max-width: 1024px) { .aud.kb .kb-csomagok { grid-template-columns: minmax(0, 1fr); max-width: 560px; } }

/* ---- Esettanulmányok ---- */
.aud.kb .kb-ref .aud-ref-pontok { grid-template-columns: minmax(0, 1fr); }
.aud.kb .kb-ref .aud-ref-pont { gap: 12px; align-items: flex-start; }
.aud.kb .kb-ref .aud-ref-pont .btn { margin-top: 8px; }
.aud.kb .aud-ref-logo img[src*="yurkov"] { height: 32px; }
.aud.kb .kb-ref-lista { display: flex; flex-direction: column; gap: 30px; }