/* Kravtsov Dental (/cases/sites/kravtsov-dental-group) — кейс группы компаний.
   Per-case стили scoped под .kvz, токены .rl.
   Подключается через Assets::elementorCssLink(5836) на странице кейса. */

/* Бейджи-фишки под hero-подзаголовком */
.kvz-featline { display: flex; flex-wrap: wrap; gap: 8px 10px; margin-top: 22px; }
.kvz-featline span {
    display: inline-flex; align-items: center; gap: 7px;
    padding: 7px 12px; border-radius: 6px;
    background: var(--card, rgba(255, 255, 255, .04));
    border: 1px solid var(--border, rgba(255, 255, 255, .1));
    font-size: 13px; color: var(--muted-hi, rgba(255, 255, 255, .75));
}
.kvz-featline span::before {
    content: ""; width: 6px; height: 6px; border-radius: 50%;
    background: var(--accent, #E3C083);
}

/* Карточка-сайдбар с фактами о клиенте */
.kvz-client { display: flex; flex-direction: column; gap: 10px; }
.kvz-client__mark { font-size: 30px; line-height: 1; margin-bottom: 4px; }
.kvz-client__name {
    font-size: 20px; font-weight: 800; color: var(--text, #fff);
    letter-spacing: -.01em; margin-bottom: 6px;
}
.kvz-client__facts { display: flex; flex-direction: column; gap: 6px; margin-top: 4px; }
.kvz-client__facts > div {
    display: flex; justify-content: space-between; gap: 12px;
    font-size: 13px; padding: 5px 0;
    border-bottom: 1px solid var(--border, rgba(255, 255, 255, .08));
}
.kvz-client__facts > div:last-child { border-bottom: none; }
.kvz-client__facts span { color: var(--muted, rgba(255, 255, 255, .55)); }
.kvz-client__facts b { color: var(--text, #fff); font-weight: 600; }

/* Галерея скриншотов — masonry-подобная сетка, портретные и landscape рядом */
.kvz-shots {
    display: grid; grid-template-columns: repeat(2, 1fr); gap: 28px;
}
.kvz-shot { margin: 0; }
.kvz-shot img {
    display: block; width: 100%; aspect-ratio: 17 / 12;
    object-fit: cover; object-position: top;
    border: 1px solid var(--border, rgba(255, 255, 255, .12));
    border-radius: var(--radius, 6px);
    background: #0f1115;
    box-shadow: 0 18px 40px -12px rgba(0, 0, 0, .55);
    transition: transform .2s ease, box-shadow .2s ease;
}
.kvz-shot:hover img {
    transform: translateY(-3px);
    box-shadow: 0 24px 50px -12px rgba(0, 0, 0, .65);
}
.kvz-shot figcaption {
    margin-top: 12px;
    font-size: 14px; line-height: 1.5; color: var(--sec, rgba(255, 255, 255, .7));
}
.kvz-shot figcaption b { color: var(--text, #fff); font-weight: 700; }

@media (max-width: 760px) {
    .kvz .rl-hero-grid { grid-template-columns: 1fr !important; }
    .kvz-shots { grid-template-columns: 1fr; gap: 24px; }
}