/* --- Полотно раздела --------------------------------------------------------- */
.cab-main:has(> .cab-view.kb) { max-width: calc(1120px + 2 * var(--gutter)); }
.cab-view.kb { grid-template-columns: minmax(0, 1fr); justify-items: center; gap: clamp(2.25rem, 1.7rem + 2.2vw, 3.5rem); }
.cab-view.kb > * { width: 100%; }
.kb .w560 { max-width: 560px; }
.kb .w720 { max-width: 720px; }
.kb .w880 { max-width: 880px; }
.kb-row.w880, .kb-row.w720 { margin-inline: auto; }

/* --- Верх раздела и блоки ------------------------------------------------------ */
.kb-hero { display: grid; justify-items: center; text-align: center; gap: var(--s-3); }
.kb-h1.cab-h1 { font-size: clamp(1.8rem, 1.4rem + 1.7vw, 2.5rem); line-height: 1.12; text-wrap: balance; }
.kb-lead { color: var(--ink-2); font-size: var(--t-base); max-width: 48ch; text-wrap: balance; }
.kb-hero > .kb-acts { margin-top: var(--s-4); }

.kb-b { display: grid; gap: var(--s-5); justify-items: center; }
.kb-b > * { width: 100%; }
.kb-bh { display: grid; gap: var(--s-2); justify-items: center; text-align: center; }
.kb-h2 { font-family: var(--font-display); font-size: clamp(1.2rem, 1.05rem + 0.75vw, 1.6rem); font-weight: 600; line-height: 1.18; letter-spacing: -0.016em; text-wrap: balance; }
.kb-bh p { color: var(--ink-2); font-size: var(--t-sm); max-width: 52ch; }
.kb-acts { display: flex; flex-wrap: wrap; justify-content: center; gap: var(--s-3); }
.kb-empty { text-align: center; color: var(--ink-3); font-size: var(--t-sm); }

/* --- Ряд равных колонок --------------------------------------------------------- */
.kb-row { display: grid; gap: var(--s-4); grid-template-columns: repeat(var(--n, 1), minmax(0, 1fr)); }
.kb-row.n2 { --n: 2; }
.kb-row.n3 { --n: 3; }
.kb-row.n4 { --n: 4; }
.kb-row.n6 { --n: 6; }
@media (max-width: 1179px) {
  .kb-row.n4 { --n: 2; }
  .kb-row.n6 { --n: 3; }
  .kb-row.n3:not(.is-tiles) { --n: 1; max-width: 560px; margin-inline: auto; }
}
@media (max-width: 719px) {
  .kb-row.n2 { --n: 1; }
  .kb-row.n4:not(.is-tiles) { --n: 1; }
  .kb-row.n6 { --n: 2; }
}

/* --- Карточка ряда --------------------------------------------------------------- */
.kb-card { position: relative; display: flex; flex-direction: column; gap: var(--s-3); padding: var(--s-5); text-align: left; color: var(--ink); transition: box-shadow var(--dur-2) var(--ease), transform var(--dur-2) var(--ease); }
.kb-card h3, .kb-card .lv-head h2 { font-size: clamp(1.0625rem, 1rem + 0.3vw, 1.2rem); font-weight: 700; line-height: 1.25; letter-spacing: -0.01em; }
.kb-card p { font-size: var(--t-sm); color: var(--ink-2); line-height: 1.5; }
.kb-ic { display: grid; place-items: center; flex-shrink: 0; width: 44px; height: 44px; margin-bottom: var(--s-2); border-radius: 14px; background: color-mix(in srgb, var(--accent) 16%, transparent); color: var(--cab-link); }
.kb-ic.is-ok { background: color-mix(in srgb, var(--cab-ok) 16%, transparent); color: var(--cab-ok); }
.kb-ic.is-mute { background: color-mix(in srgb, var(--ink-3) 14%, transparent); color: var(--ink-2); }
.kb-foot { display: flex; flex-wrap: wrap; align-items: center; gap: var(--s-2); margin-top: auto; padding-top: var(--s-3); min-height: calc(46px + var(--s-3)); }
.kb-foot > .btn { flex: 1 1 auto; justify-content: center; }
a.kb-card:hover, button.kb-card:hover, a.kb-tile:hover, button.kb-tile:hover { box-shadow: var(--glass-edge), var(--glass-drop), 0 0 0 1px color-mix(in srgb, var(--accent) 34%, transparent); transform: translateY(-2px); }
.kb-card:focus-visible, .kb-tile:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }

/* Выделенная карточка — как выделенный тариф на главной: свет изнутри и обводка акцентом */
.kb-card.is-feat {
  background: radial-gradient(440px circle at var(--mx, -999px) var(--my, -999px), var(--glass-spot), transparent 62%),
    radial-gradient(130% 100% at 50% -20%, color-mix(in srgb, var(--accent) 30%, transparent), transparent 64%), var(--glass-fill);
  box-shadow: var(--glass-edge), inset 0 0 0 1px color-mix(in srgb, var(--accent) 55%, transparent), 0 24px 60px -24px color-mix(in srgb, var(--accent) 60%, transparent);
}

/* Карточка-число: подпись, крупная цифра, шкала, пояснение, кнопка внизу */
.kb-cap { font-size: var(--t-sm); font-weight: 600; color: var(--ink-2); }
.kb-num { font-family: var(--font-display); font-size: clamp(1.7rem, 1.35rem + 1.3vw, 2.25rem); font-weight: 600; letter-spacing: -0.025em; line-height: 1.1; }
.kb-num i { font-style: normal; font-family: var(--font); font-size: 0.5em; font-weight: 600; color: var(--ink-3); letter-spacing: 0; white-space: nowrap; }
.kb-card.is-num { gap: var(--s-2); }
.kb-card.is-num .cab-prog { margin-block: var(--s-3) var(--s-1); height: 8px; }

/* Тариф */
.kb-row.is-plans { align-items: stretch; }
@media (min-width: 1180px) {
  .kb-row.is-plans { padding-block: 14px; }
}
.kb-check { display: grid; gap: 0.6rem; padding-block: var(--s-2); }
.kb-check li { display: grid; grid-template-columns: 20px minmax(0, 1fr); gap: 0.65rem; font-size: var(--t-sm); color: var(--ink-2); line-height: 1.45; }
.kb-check svg { color: var(--cab-link); margin-top: 2px; }
.kb-check b { color: var(--ink); font-weight: 600; }

/* --- Шаги линией ------------------------------------------------------------------- */
.kb-steps { display: grid; gap: var(--s-5); grid-template-columns: repeat(var(--n, 3), minmax(0, 1fr)); }
.kb-steps.n3 { --n: 3; }
.kb-steps.n4 { --n: 4; }
.kb-steps > li { position: relative; display: flex; flex-direction: column; align-items: center; gap: var(--s-2); text-align: center; min-width: 0; }
.kb-step-n {
  position: relative; z-index: 1; display: grid; place-items: center; width: 48px; height: 48px; margin-bottom: var(--s-3); border-radius: 50%;
  font-family: var(--font-display); font-size: var(--t-lg); font-weight: 600; color: #fff;
  background: radial-gradient(circle at 35% 28%, rgba(255, 255, 255, 0.35), rgba(255, 255, 255, 0.04) 48%), linear-gradient(160deg, #7c48f5, #5428ce);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0 0 26px -6px rgba(109, 61, 255, 0.75);
}
.kb-steps > li:not(:last-child)::after {
  content: ''; position: absolute; top: 24px; left: calc(50% + 34px); width: calc(100% - 68px + var(--s-5)); height: 2px;
  background: linear-gradient(to right, color-mix(in srgb, var(--accent) 45%, transparent), color-mix(in srgb, var(--ink-3) 22%, transparent));
}
.kb-steps h3 { font-size: clamp(1.0625rem, 1rem + 0.3vw, 1.2rem); font-weight: 700; line-height: 1.25; text-wrap: balance; }
.kb-steps p { font-size: var(--t-sm); color: var(--ink-2); max-width: 30ch; text-wrap: balance; }
@media (max-width: 859px) {
  .kb-steps { --n: 1 !important; gap: var(--s-6); }
  .kb-steps > li:not(:last-child)::after { display: none; }
}

/* --- Полоса чисел --------------------------------------------------------------------- */
.kb-stats.n2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.kb-stats.n4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.kb-stats .cab-stat { padding-block: 1.25rem; }
@media (max-width: 719px) {
  .kb-stats.n4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .kb-stats.n4 .cab-stat:nth-child(3) { box-shadow: inset 0 1px 0 var(--cab-rule); border-radius: 0 0 0 var(--cab-r); }
  .kb-stats.n4 .cab-stat:nth-child(4) { box-shadow: inset 1px 1px 0 var(--cab-rule); }
  .kb-stats.n4 .cab-stat:nth-child(2) { border-radius: 0 var(--cab-r) 0 0; }
  .kb-stats.n4 .cab-stat:first-child { border-radius: var(--cab-r) 0 0 0; }
}

/* --- Таблица-панель --------------------------------------------------------------------- */
.cab-card.kb-table { padding: 0; overflow: clip; container-type: inline-size; container-name: kbt; }
.kb-tr { display: grid; grid-template-columns: var(--cols); gap: var(--s-4); align-items: center; width: 100%; min-height: 60px; padding: 0.8rem var(--cab-pad, var(--s-5)); text-align: left; font-size: var(--t-sm); color: var(--ink-2); transition: background var(--dur-1) var(--ease); }
.kb-tr + .kb-tr { box-shadow: inset 0 1px 0 var(--cab-rule); }
.kb-tr > span { min-width: 0; }
.kb-tr > span:last-child { justify-self: end; text-align: right; }
.kb-tr b { color: var(--ink); font-weight: 600; }
.kb-th { min-height: 48px; font-size: var(--t-xs); font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; color: var(--ink-3); }
.kb-th > span { white-space: nowrap; }
/* числовая колонка — справа, цифры по разряду */
.kb-tr > span.is-n { justify-self: end; text-align: right; font-variant-numeric: tabular-nums; }
button.kb-tr:hover, a.kb-tr:hover, .kb-tr.is-mine { background: color-mix(in srgb, var(--accent) 7%, transparent); }
.kb-tr > svg { color: var(--ink-3); justify-self: end; }
.kb-tf { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-start; gap: var(--s-2) var(--s-4); padding: var(--s-4) var(--cab-pad, var(--s-5)); box-shadow: inset 0 1px 0 var(--cab-rule); }
.kb-tf small { font-size: var(--t-xs); color: var(--ink-3); }
.kb-table.is-spec .kb-tr { min-height: 72px; }
.kb-table.is-spec .kb-tr > span:first-child { font-weight: 700; color: var(--ink); }
.kb-table.is-spec .kb-tr > span:nth-child(2) { display: grid; gap: 1px; }
.kb-table.is-spec small { font-size: var(--t-xs); color: var(--ink-3); }
.kb-table .cab-amt { font-weight: 600; }
/* Узкая таблица — по ширине САМОЙ таблицы, а не окна: при боковом меню полотно вдвое уже окна (884 → 577 px) */
@container kbt (max-width: 800px) {
  .kb-tr { grid-template-columns: var(--cols-m, var(--cols)); gap: var(--s-3); padding-inline: var(--cab-pad, var(--s-4)); }
  .kb-tr .is-x { display: none; }
}

/* --- Переключатель-кнопка ----------------------------------------------------------------- */
.kb-switch { display: inline-flex; padding: 4px; border-radius: 99px; }
.kb-switch:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
.kb-switch .cab-row-e { gap: 0; }

/* --- Центральная панель-призыв -------------------------------------------------------------- */
.kb-cta { display: grid; justify-items: center; text-align: center; gap: var(--s-4); padding: clamp(1.75rem, 1.2rem + 3vw, 3rem) var(--s-5);
  background: radial-gradient(130% 110% at 50% -30%, color-mix(in srgb, var(--accent) 26%, transparent), transparent 66%), var(--glass-fill); }
.kb-cta > p { color: var(--ink-2); font-size: var(--t-sm); max-width: 50ch; text-wrap: balance; }
.kb-cta .cab-code { width: min(100%, 460px); border-radius: var(--r-pill); padding-left: 1.1rem; }

/* --- Плитка-ссылка ---------------------------------------------------------------------------- */
.kb-tile { display: grid; justify-items: center; align-content: center; gap: 0.3rem; min-height: 132px; padding: 1.1rem 0.75rem; text-align: center; color: var(--ink); transition: box-shadow var(--dur-2) var(--ease), transform var(--dur-2) var(--ease); }
.kb-tile .kb-ic { margin-bottom: var(--s-2); }
.kb-tile b { font-size: var(--t-sm); font-weight: 600; line-height: 1.25; }
.kb-tile small { font-size: var(--t-xs); color: var(--ink-3); line-height: 1.3; }

.kb-slots { display: flex; flex-wrap: wrap; gap: 7px; }
.kb-slots i { width: 14px; height: 14px; border-radius: 50%; box-shadow: inset 0 0 0 1.5px color-mix(in srgb, var(--ink-3) 55%, transparent); }
.kb-slots i.is-used { background: var(--accent); box-shadow: none; }
.kb-slots i.is-on { background: var(--cab-ok); box-shadow: 0 0 9px color-mix(in srgb, var(--cab-ok) 70%, transparent); }

/* === Подписка ===================================================================================== */

/* Членская карта: тёмная в обеих темах — это предмет {
  position: relative; isolation: isolate; overflow: hidden;
  display: grid; grid-template-rows: auto 1fr auto; width: min(100%, 452px); aspect-ratio: 1.586; margin-top: var(--s-5);
  padding: 1.35rem 1.5rem 1.4rem; border-radius: 26px; text-align: left; color: #fff;
  background: radial-gradient(110% 90% at 88% -12%, rgba(168, 135, 255, 0.6), transparent 56%),
    radial-gradient(90% 80% at -5% 112%, rgba(84, 40, 206, 0.62), transparent 60%), linear-gradient(145deg, #1e1840, #0b0a13 72%);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.13), inset 0 1px 0 rgba(255, 255, 255, 0.4),
    0 34px 60px -30px rgba(0, 0, 0, 0.85), 0 22px 60px -26px rgba(109, 61, 255, 0.6);
  transition: transform 0.6s var(--ease);
}

/* Большое кольцо срока */
.cab-ring.is-xl { width: clamp(180px, 22vw, 220px); height: clamp(180px, 22vw, 220px); margin-bottom: var(--s-4); }
.cab-ring.is-xl svg { filter: drop-shadow(0 0 14px rgba(124, 72, 245, 0.45)); }
.cab-ring.is-xl .tr, .cab-ring.is-xl .fg { stroke-width: 6; }
.cab-ring.is-xl .cab-ring-c b { font-size: clamp(3rem, 2.4rem + 2vw, 3.75rem); }
.cab-ring.is-xl .cab-ring-c small { font-size: var(--t-sm); color: var(--ink-2); margin-top: 6px; }

@media (prefers-reduced-motion: reduce) {
  .kb-card:hover, .kb-tile:hover { transform: none; }
}

/* === Общие дополнения ============================================================================== */
.cab-view.kb { padding-top: var(--s-2); }
.kb-hero > .cab-ring.is-xl, .kb-hero > .kb-medal, .kb-hero > .kb-ava { margin-top: var(--s-2); }
.kb-b.is-tight { gap: var(--s-3); }
.kb-b.is-tight .kb-h2 { font-family: var(--font); font-size: var(--t-sm); font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: var(--ink-2); }
.kb-card.is-c { align-items: center; text-align: center; }
.kb-card.is-c .cab-perks, .kb-card.is-c .kb-check { text-align: left; align-self: stretch; margin-top: var(--s-2); }
.kb-card.kb-half { padding: clamp(1.25rem, 1rem + 1.2vw, 2rem); }

/* Поле со ссылкой по центру — таблетка */
.cab-code.kb-code { width: min(100%, 460px); border-radius: var(--r-pill); padding-left: 1.1rem; text-align: left; }
.kb-hero > .kb-code, .kb-hero > .kb-qr, .kb-hero > .kb-prog { margin-top: var(--s-3); }
.kb-prog { width: min(100%, 360px); }
.kb-prog .cab-prog { height: 8px; }

/* Код QR в рамке */
.kb-qr { display: grid; place-items: center; padding: 14px; border-radius: 26px; background: var(--glass-fill); box-shadow: var(--glass-edge), var(--glass-drop), 0 30px 70px -34px color-mix(in srgb, var(--accent) 70%, transparent); }
.kb-qr svg { display: block; border-radius: 14px; background: #fff; color: #17171c; }
.kb-td-n { display: flex; align-items: center; gap: 0.7rem; min-width: 0; }
.kb-td-n b { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.kb-td-n .cab-ic { width: 34px; height: 34px; border-radius: 11px; }
.kb-step-n.is-s { width: 36px; height: 36px; margin: 0; font-size: var(--t-sm); }

/* Прежние три шага внутри карточки-половины */
.cab-steps.is-in { padding: 0; }
.cab-steps.is-in .cab-step:first-child { padding-top: var(--s-2); }

/* === Друзья ========================================================================================= */
.kb-medal { position: relative; display: grid; place-items: center; width: 132px; height: 132px; }
.kb-medal::before { content: ''; position: absolute; inset: -18%; border-radius: 50%; background: radial-gradient(closest-side, color-mix(in srgb, var(--accent) 38%, transparent), transparent); filter: blur(6px); }
.kb-medal .cab-gem { width: 108px; height: 108px; box-shadow: inset 0 0 0 1.5px rgba(255, 255, 255, 0.4), 0 18px 40px -16px var(--g1); }
.kb-card .cab-perks { margin-top: var(--s-2); }

/* === Профиль ========================================================================================= */
.cab-ava.kb-ava { width: 112px; height: 112px; font-size: 2.7rem; box-shadow: 0 0 0 2px color-mix(in srgb, var(--ink) 22%, transparent), 0 0 0 7px color-mix(in srgb, var(--accent) 16%, transparent), 0 24px 50px -20px rgba(109, 61, 255, 0.85); }
.cab-ava.kb-ava.is-m { width: 76px; height: 76px; font-size: 1.8rem; }
.kb-clubimg { border-radius: 14px; margin-bottom: var(--s-2); }
.kb-me { display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: var(--s-4); }
.kb-me > div { display: grid; gap: 2px; }
.kb-me b { font-size: var(--t-lg); font-weight: 600; }
.kb-me small { font-size: var(--t-sm); color: var(--ink-3); }
.kb-more { align-self: flex-start; color: var(--cab-link); font-size: var(--t-sm); font-weight: 600; }
.kb-more:hover { text-decoration: underline; text-underline-offset: 3px; }
.kb .cab-legal { margin-top: calc(var(--s-5) * -1); }

.kb-table.is-ctl .kb-tr > span:last-child { display: flex; justify-content: flex-end; }

.cab-row.is-slot { opacity: 0.7; }
.cab-row.is-slot:hover { opacity: 1; }

@media (max-width: 419px) { .kb-foot > .btn { flex-basis: 100%; } }
@media (max-width: 419px) { .kb-stats .cab-stat { padding-inline: 0.3rem; } .kb-stats .cab-stat b { white-space: normal; font-size: 1.05rem; } .kb-stats .cab-stat b i { display: block; } .kb-stats .cab-stat small { overflow-wrap: anywhere; } }
@media (max-width: 559px) {
  .kb-row.n3.is-tiles .kb-tile > :first-child { grid-row: span 2; margin: 0; }
}
/* Сводная таблица на телефоне: название и значение столбиком слева, действие справа */
@media (max-width: 719px) {
  .kb-table.is-spec .kb-tr { grid-template-columns: minmax(0, 1fr) auto; row-gap: 2px; align-items: center; }
  .kb-table.is-spec .kb-tr > span:first-child { grid-column: 1; grid-row: 1; }
  .kb-table.is-spec .kb-tr > span:nth-child(2) { grid-column: 1; grid-row: 2; }
  .kb-table.is-spec .kb-tr > span:last-child { grid-column: 2; grid-row: 1 / span 2; }
  .kb-table.is-ctl .kb-tr:has(.cab-seg) { grid-template-columns: minmax(0, 1fr); }
  .kb-table.is-ctl .kb-tr:has(.cab-seg) > span:last-child { grid-column: 1; grid-row: 2; justify-self: stretch; justify-content: flex-start; }
}

/* === Единый стиль разделов (2026-10-03) ============================================================= */

/* Панель-список с шапкой внутри — вместо прописной надписи над списком */
.kb-list > .ov-h { margin: 0; padding: 1.15rem 1.15rem 0.9rem; }
.kb-list > .ov-h + .cab-row { box-shadow: inset 0 1px 0 var(--cab-rule); }
.kb-stack { display: grid; gap: var(--s-4); margin-inline: auto; }
.kb-card > .ov-h { margin-bottom: 0; }
.kb-card > .ov-h > span { color: var(--ink-2); font-size: var(--t-sm); }

/* Конец страницы аккаунта */
.kb-end { display: grid; justify-items: center; gap: var(--s-2); }
.kb .kb-end .cab-legal { margin-top: 0; }

/* Кнопки в столбце сводной таблицы — одной ширины, правый край ровный */
.kb-table.is-spec .btn { min-width: 8.5rem; justify-content: center; }
@media (max-width: 719px) { .kb-table.is-spec .btn { min-width: 6.75rem; } }
/* Состояние устройства не переносится на вторую строку */
.kb-tr > span:has(> .ov-dot) { white-space: nowrap; }

/* Плитки платформ: те же значки, что на главной */
.kb-ic.is-os { width: 34px; height: 34px; margin-bottom: 0.3rem; border-radius: 0; background: none; color: var(--ink); }
.kb-ic.is-os svg { width: 28px; height: 28px; }
.kb-row.is-os .kb-tile { min-height: 104px; }

/* Уровни на телефоне: название целиком, метка «вы здесь» не наезжает (строка и так подсвечена) */
@media (max-width: 719px) {
  .kb-table.is-tiers .cab-pill { display: none; }
  .kb-table.is-tiers .kb-td-n { gap: 0.5rem; }
  .kb-table.is-tiers .kb-td-n b { overflow: visible; text-overflow: clip; white-space: normal; }
}

/* Оформление подписки */
.kb-hero > .cab-back { justify-self: center; margin-bottom: calc(var(--s-1) * -1); }
.kb-who { width: min(100%, 360px); margin-top: var(--s-2); }
.kb-buy { gap: var(--s-3); }
.kb-sub { display: flex; align-items: baseline; justify-content: space-between; gap: var(--s-3); margin-top: var(--s-3); }
.kb-card .kb-sub h3 { font-size: var(--t-sm); font-weight: 600; letter-spacing: 0; }
.kb-sub span { font-size: var(--t-xs); color: var(--ink-3); text-align: right; }
.kb-buy .cab-opts { grid-template-columns: repeat(auto-fit, minmax(84px, 1fr)); }
.kb-buy .cab-opts.is-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
@media (max-width: 479px) { .kb-buy .cab-opts.is-2 { grid-template-columns: minmax(0, 1fr); } }
.kb-pick { display: grid; gap: 2px; justify-items: start; text-align: left; padding: 0.85rem 1rem; }
.kb-pick b { font-size: var(--t-base); }
.kb-pick small + small { color: var(--ink-3); }
.kb-card p.kb-team { font-size: var(--t-xs); color: var(--ink-3); }
.kb-team a { color: var(--cab-link); font-weight: 600; }
.kb-gift { display: grid; gap: var(--s-3); }
/* Список способов оплаты внутри карточки — плоский: стекло в стекле читается как ошибка */
.kb-buy .cab-list { background: none; -webkit-backdrop-filter: none; backdrop-filter: none; box-shadow: inset 0 0 0 1px var(--cab-rule); border-radius: 14px; }
.kb-buy .cab-sum { padding-top: var(--s-2); }

/* Цели под палец не ниже 40 px: ссылки в шапках карточек, «Все операции», тумблер в таблице (строка при этом не растёт) */
.cab .ov-h a, .cab .ov-h button, .kb-more { padding-block: 9px; margin-block: -9px; }
.kb-switch { padding: 6px; }

/* Значки плиток и карточек разделов — белые, без цветной подложки, как у плиток платформ в «Устройствах» (владелец 2026-10-03) */
.kb .kb-ic, .kb .kb-ic.is-ok, .kb .kb-ic.is-mute { width: 34px; height: 34px; margin-bottom: 0.3rem; border-radius: 0; background: none; color: var(--ink); }
.kb .kb-ic svg { width: 28px; height: 28px; }
/* «Все операции» — тем же цветом, что остальной текст карточки, со стрелкой */
.kb-more { display: inline-flex; align-items: center; gap: 0.2rem; color: var(--ink); }
.kb-more svg { color: var(--ink-3); transition: transform var(--dur-2) var(--ease); }
.kb-more:hover svg { transform: translateX(3px); }
@media (prefers-reduced-motion: reduce) { .kb-more:hover svg { transform: none; } }

/* «Реферальный кабинет» в нижней панели телефона — коротко: «Рефералы» */
@media (max-width: 860px) { .cab-tab-l { font-size: 0 !important; } .cab-tab-l::after { content: attr(data-short); font-size: 0.6875rem; } }

/* === Правки владельца 2026-10-03 (вечер) ================================================================ */
/* Три числа обзора — кнопки: у подписи стрелка, подпись ярче, при наведении стрелка едет */
a.cab-stat small { display: inline-flex; align-items: center; gap: 2px; color: var(--ink-2); }
a.cab-stat small svg { flex: none; color: var(--ink-3); transition: transform var(--dur-2) var(--ease), color var(--dur-2) var(--ease); }
a.cab-stat:hover small, a.cab-stat:hover small svg { color: var(--ink); }
a.cab-stat:hover small svg { transform: translateX(3px); }
a.cab-stat:focus-visible { outline: 2px solid var(--accent); outline-offset: -2px; }
/* Карандаш в поле реферальной ссылки */
.cab-code-e { flex: none; display: grid; place-items: center; width: 40px; height: 40px; margin-right: -2px; border-radius: 50%; color: var(--ink-2); transition: color var(--dur-1) var(--ease), background var(--dur-1) var(--ease); }
.cab-code-e:hover { color: var(--ink); background: color-mix(in srgb, var(--ink) 9%, transparent); }
.cab-code-e:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
/* Метка «скоро» на плитке */
.kb-tile { position: relative; }
.kb-soon { position: absolute; top: 10px; right: 10px; padding: 2px 8px; border-radius: var(--r-pill); border: 1px solid color-mix(in srgb, var(--ink) 20%, transparent); color: var(--ink-2); font-style: normal; font-size: 0.625rem; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; line-height: 1.5; }
/* Подпись под кнопками скачивания */
.kb-osnote { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 0.4rem; margin-top: var(--s-3); font-size: var(--t-xs); color: var(--ink-3); text-align: center; }
.kb-osnote svg { flex: none; color: var(--ink-2); }
/* Три тарифа в оформлении, корпоративный — третьим */
.kb-buy .cab-opts.is-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.kb-buy .cab-opts.is-3 .cab-opt { padding-inline: 0.8rem; }
.kb-buy .cab-opts.is-3 .cab-opt b { display: block; max-width: 100%; font-size: 0.9375rem; letter-spacing: -0.01em; line-height: 1.25; }
@media (min-width: 1024px) and (max-width: 1279px) { .kb-buy .cab-opts.is-3 .cab-opt b { font-size: 0.8125rem; } }
@media (max-width: 1023px) { .kb-buy .cab-opts.is-3 { grid-template-columns: minmax(0, 1fr); } }
/* Логотип клуба — круглый, без чёрного квадрата вокруг */
.kb-clubimg { border-radius: 50%; }
/* Выход из кабинета — заметная кнопка */
.kb-end .btn { min-width: 220px; }

/* === Уровни-карты: ПРЕДЛОЖЕНИЕ НА СОГЛАСОВАНИЕ (?lv=1), см. cab-referrals.js ============================ */
.lv-plate, .lv-badge { --g1: #8f8f9e; --g2: #dcdce6; --g3: #4d4d5a; --eng: color-mix(in srgb, var(--g3) 52%, #000); --edge: color-mix(in srgb, var(--g3) 72%, #000); }
.lv-bronze { --g1: #b9773f; --g2: #f3cfa6; --g3: #6e411c; }
.lv-silver { --g1: #a9adba; --g2: #f6f7fb; --g3: #666a78; }
.lv-gold { --g1: #d6a534; --g2: #ffecb0; --g3: #86620e; }
.lv-platinum { --g1: #9fb4c8; --g2: #f4f9ff; --g3: #566e86; }
.lv-diamond { --g1: #7fb6ff; --g2: #eaf6ff; --g3: #6a4cf0; }

/* Лестница */
.lv-rail { position: relative; display: grid; grid-template-columns: repeat(var(--n), minmax(0, 1fr)); }
.lv-rail::before, .lv-rail::after { content: ''; position: absolute; top: 33px; left: calc(50% / var(--n)); height: 3px; border-radius: 2px; }
.lv-rail::before { right: calc(50% / var(--n)); background: color-mix(in srgb, var(--ink) 12%, transparent); }
.lv-rail::after { width: calc((100% - 100% / var(--n)) * var(--p)); background: linear-gradient(90deg, color-mix(in srgb, var(--accent) 45%, transparent), var(--accent)); }
.lv-node { position: relative; z-index: 1; display: grid; justify-items: center; gap: 2px; padding: 4px 2px 8px; border-radius: 16px; color: var(--ink-2); transition: color var(--dur-2) var(--ease); }
.lv-badge { width: 58px; height: 58px; margin-bottom: 8px; overflow: visible; filter: saturate(0.6) brightness(0.56) drop-shadow(0 6px 8px rgba(0, 0, 0, 0.45)); transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1), filter 0.5s cubic-bezier(0.16, 1, 0.3, 1); }
.lv-node.is-done .lv-badge { filter: drop-shadow(0 7px 9px rgba(0, 0, 0, 0.5)); }
.lv-node b { font-size: var(--t-sm); font-weight: 600; }
.lv-node small { font-size: var(--t-xs); color: var(--ink-3); }
button.lv-node:hover .lv-badge { transform: translateY(-3px); }
.lv-node[aria-pressed='true'] { color: var(--ink); }
.lv-node[aria-pressed='true'] .lv-badge { transform: translateY(-4px) scale(1.16); filter: drop-shadow(0 12px 14px rgba(0, 0, 0, 0.55)) drop-shadow(0 6px 18px color-mix(in srgb, var(--g1) 55%, transparent)); }
.lv-node:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
.lv-bn { font-family: var(--font-display); font-size: 17px; font-weight: 700; text-anchor: middle; dominant-baseline: central; fill: var(--eng); letter-spacing: 0.02em; }
.lv-bn.is-l { fill: #fff; opacity: 0.55; }
.lv-bn.is-s { font-size: 8px; text-anchor: start; }
.lv-bd { fill: var(--eng); opacity: 0.75; }
.lv-var { display: grid; gap: var(--s-2); }
.lv-var p { font-size: var(--t-sm); font-weight: 600; color: var(--ink-2); text-align: center; }
.lv-var + .lv-rail:not(.is-demo) { margin-top: var(--s-5); }

/* Карта уровня — перенос из мини-аппа (.mt2/.rw2): тёмный металл в цвет уровня, тиснение, пупырчатая «T» с переливом */
.rt-start    { --m1: #777a8a; --m2: #33343e; --m3: #4a4c59; --m4: #17181e; --engc: rgba(16, 18, 26, 0.7); --enghi: rgba(255, 255, 255, 0.22); --glowc: #8b90c0; --btint: grayscale(1) brightness(2.18) contrast(1.62); --irop: 0.42; --irid: conic-gradient(from 210deg at 50% 50%, #2b2f3a 0%, #3a4150 9%, #4a5a86 18%, #5b73c4 27%, #2f5cff 37%, #4a86e6 46%, #34c6e6 55%, #aee4f2 63%, #cdd6ea 70%, #8f7fe0 78%, #5a3fc4 86%, #34394a 94%, #2b2f3a 100%); }
.rt-bronze   { --m1: #e7b67e; --m2: #a86b38; --m3: #d39a5e; --m4: #7a481f; --engc: rgba(58, 32, 10, 0.74); --enghi: rgba(255, 236, 210, 0.55); --glowc: #ff9a3c; --btint: brightness(1.46) contrast(1.62) sepia(0.66) saturate(2.7) hue-rotate(-14deg); --irop: 0.48; --irid: conic-gradient(from 210deg at 50% 50%, #3a2410 0deg, #7a4a1f 42deg, #c2823a 88deg, #f0c074 132deg, #ffe6b0 168deg, #e69a6e 210deg, #c46a3c 252deg, #8a5a86 300deg, #4a6a8e 336deg, #3a2410 360deg); }
.rt-silver   { --m1: #f0f3f9; --m2: #a7aec0; --m3: #d2d8e4; --m4: #828a9c; --engc: rgba(38, 44, 58, 0.6); --enghi: rgba(255, 255, 255, 0.7); --glowc: #bcd2ff; --btint: grayscale(1) brightness(2.62) contrast(1.66) saturate(0); --irop: 0.42; --irid: conic-gradient(from -90deg at 50% 50%, #2b2f3a 0%, #5b6b86 12%, #aeb9cf 26%, #eef4ff 40%, #cdd6ff 52%, #b9c2ff 60%, #7fb0d6 72%, #9aa6e0 84%, #5b6b86 92%, #2b2f3a 100%); }
.rt-gold     { --m1: #f9e09a; --m2: #c79a3c; --m3: #edc86f; --m4: #8d6a22; --engc: rgba(66, 46, 8, 0.72); --enghi: rgba(255, 244, 205, 0.6); --glowc: #ffcf52; --btint: brightness(1.76) contrast(1.5) sepia(0.7) saturate(3.05); --irop: 0.46; --irid: conic-gradient(from 210deg at 50% 50%, #8a5a14 0deg, #c98a22 52deg, #e3ab38 96deg, #f6d97e 140deg, #fff4d0 176deg, #ead08a 212deg, #c2c155 252deg, #9fae3e 288deg, #d9a445 324deg, #8a5a14 360deg); }
.rt-platinum { --m1: #f7faff; --m2: #c3cbd9; --m3: #e6ecf6; --m4: #99a1b4; --engc: rgba(42, 49, 66, 0.58); --enghi: rgba(255, 255, 255, 0.78); --glowc: #cfe2ff; --btint: grayscale(0.62) brightness(2.7) contrast(1.62); --irop: 0.46; --irid: conic-gradient(from 210deg at 50% 50%, #cdd6e6 0%, #eef4ff 11%, #b9cbe8 24%, #aec6ef 37%, #c8c4ec 50%, #b7d4ee 63%, #d6e6f4 76%, #c0cbdd 88%, #cdd6e6 100%); }
.rt-diamond  { --m1: #ecdfff; --m2: #a98cff; --m3: #bdf0df; --m4: #7e57f0; --engc: rgba(44, 18, 80, 0.6); --enghi: rgba(255, 255, 255, 0.6); --glowc: #9a6dff; --btint: brightness(2.05) contrast(1.5) saturate(2.2) sepia(0.3) hue-rotate(206deg); --irop: 0.52; --irid: conic-gradient(from -60deg at 50% 50%, #eaf2ff 0deg, #aac4ff 46deg, #7e9cff 92deg, #6f7dff 146deg, #8f6cff 198deg, #b083ff 250deg, #c489ff 292deg, #9fb4ff 330deg, #eaf2ff 360deg); }
.lv-show { justify-content: center; align-items: center; }
.lv-scene { width: min(100%, 440px); perspective: 1100px; animation: lv-in 0.55s cubic-bezier(0.16, 1, 0.3, 1) both; }
@keyframes lv-in { from { opacity: 0; transform: translateY(10px) scale(0.965); } }
/* Лицо карты: шлифованный металл уровня. Световая полоса идёт за курсором (--mx), поэтому при наклоне металл «играет» */
.lv-plate { --hi: color-mix(in srgb, var(--m1) 92%, #fff); --lo: color-mix(in srgb, var(--m4) 62%, #07060b);
  position: relative; overflow: hidden; isolation: isolate; aspect-ratio: 1.586; border-radius: 20px; will-change: transform;
  transform: rotateX(var(--rx, 5deg)) rotateY(var(--ry, -9deg));
  background:
    repeating-linear-gradient(92deg, rgba(255, 255, 255, 0.045) 0 1px, transparent 1px 2px, rgba(0, 0, 0, 0.05) 2px 3px, transparent 3px 5px),
    linear-gradient(112deg, var(--lo) 0%, color-mix(in srgb, var(--m2) 78%, #0a0810) 26%, color-mix(in srgb, var(--m3) 84%, #0a0810) 50%, color-mix(in srgb, var(--m2) 70%, #0a0810) 74%, var(--lo) 100%);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 1px 0 0 rgba(255, 255, 255, 0.18), inset 0 -1px 0 rgba(0, 0, 0, 0.7), inset 0 -40px 60px -40px rgba(0, 0, 0, 0.55), 0 0 0 1px rgba(0, 0, 0, 0.75),
    1px 2px 0 color-mix(in srgb, var(--m4) 60%, #000), 2px 4px 0 color-mix(in srgb, var(--m4) 44%, #000), 3px 6px 0 color-mix(in srgb, var(--m4) 30%, #000),
    0 34px 60px -22px rgba(0, 0, 0, 0.95), 0 16px 36px -14px color-mix(in srgb, var(--glowc) 26%, transparent); }
.lv-plate.rt-diamond::before { content: ''; position: absolute; inset: 0; z-index: 1; mix-blend-mode: overlay; opacity: 0.5; pointer-events: none;
  background: conic-gradient(from 25deg at var(--mx, 30%) 40%, rgba(182, 108, 255, 0.6), rgba(45, 224, 166, 0.4), rgba(150, 216, 255, 0.5), rgba(220, 200, 255, 0.55), rgba(182, 108, 255, 0.6)); }
.lv-waves { position: absolute; inset: 0; z-index: 0; width: 100%; height: 100%; fill: none; pointer-events: none; opacity: 0.8; }
.lv-waves .d { stroke: var(--engc); stroke-width: 1.4; }
.lv-waves .l { stroke: var(--enghi); stroke-width: 1; }
.lv-band { position: absolute; inset: 0; z-index: 2; pointer-events: none; mix-blend-mode: screen;
  background: linear-gradient(104deg, transparent calc(var(--mx, 30%) - 34%), color-mix(in srgb, var(--hi) 30%, transparent) calc(var(--mx, 30%) - 8%), color-mix(in srgb, #fff 34%, transparent) var(--mx, 30%), color-mix(in srgb, var(--hi) 22%, transparent) calc(var(--mx, 30%) + 9%), transparent calc(var(--mx, 30%) + 36%)); }
/* пупырчатая «T» клуба: настоящая картинка, окрашенная в металл уровня, с тенью под выпуклостями и переливом */
.lv-T { position: absolute; right: 8%; top: 50%; z-index: 3; width: 33%; aspect-ratio: 480 / 396; translate: 0 -54%; pointer-events: none; filter: drop-shadow(0 1px 0.5px rgba(0, 0, 0, 0.95)) drop-shadow(0 4px 5px rgba(0, 0, 0, 0.6)) drop-shadow(0 -1px 0.5px var(--enghi)); }
.lv-T img { display: block; width: 100%; height: 100%; object-fit: contain; filter: grayscale(1) brightness(2.3) contrast(1.75); }
.lv-T-tint, .lv-T-irid { position: absolute; inset: 0; -webkit-mask: url(../img/t-bumps.png) center / contain no-repeat; mask: url(../img/t-bumps.png) center / contain no-repeat; }
.lv-T-tint { background: linear-gradient(160deg, var(--m1), var(--m2) 60%, var(--m4)); mix-blend-mode: multiply; }
.lv-T-irid { mix-blend-mode: screen; opacity: calc(var(--irop, 0.45) * 0.8); background: var(--irid); background-size: 320% 320%; background-repeat: no-repeat; animation: lv-irid 13s linear infinite; animation-play-state: paused; }
.lv-scene:hover .lv-T-irid { animation-play-state: running; }
@keyframes lv-irid { from { background-position: 0% 0%; } 50% { background-position: 100% 100%; } to { background-position: 0% 0%; } }
.lv-top, .lv-sig { position: absolute; z-index: 6; left: 7.5%; }
.lv-top { top: 11%; display: flex; align-items: center; gap: 10px; font-family: var(--font-display); font-size: 0.75rem; font-weight: 600; letter-spacing: 0.2em; color: var(--hi); text-shadow: 0 1px 1px rgba(0, 0, 0, 0.55); }
.lv-crown { display: grid; place-items: center; width: 28px; height: 28px; border-radius: 8px; color: var(--lo); background: linear-gradient(160deg, var(--hi), color-mix(in srgb, var(--m2) 80%, #000)); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7), inset 0 -1px 0 rgba(0, 0, 0, 0.3), 0 2px 4px rgba(0, 0, 0, 0.45); }
.lv-sig { bottom: 12%; display: grid; gap: 0.5em; }
/* название — выпуклая чеканка сплошным металлом уровня (без градиента по буквам): свет сверху, тень снизу */
.lv-name { font-family: var(--font-display); font-size: clamp(1.5rem, 1.15rem + 1.6vw, 2.1rem); font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; line-height: 1; color: var(--hi);
  text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.55), 0 1px 0 color-mix(in srgb, var(--m4) 70%, #000), 0 2px 0 color-mix(in srgb, var(--m4) 45%, #000), 0 4px 6px rgba(0, 0, 0, 0.55); }
.lv-brand { font-size: 0.6875rem; font-weight: 700; letter-spacing: 0.22em; text-transform: uppercase; color: var(--hi); text-shadow: 0 1px 0 color-mix(in srgb, var(--m4) 60%, #000), 0 2px 3px rgba(0, 0, 0, 0.6); }
.lv-glare { position: absolute; inset: 0; z-index: 7; pointer-events: none; mix-blend-mode: screen; background: radial-gradient(48% 70% at var(--mx, 30%) var(--my, 16%), rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0) 68%); }
/* «Старт» — закрытая карта: воронёная сталь, без волн */
.lv-plate.rt-start { --hi: #b4b7c6; --lo: #08080c; }
.lv-plate.rt-start .lv-T { opacity: 0.55; }

/* Панель уровня */
.lv-head { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--s-2); }
.lv-my { display: grid; gap: var(--s-2); }
.lv-my .kb-prog { width: 100%; }
.lv-my small { font-size: var(--t-sm); color: var(--ink-2); }

/* Приглашение полосой */
.lv-invite { display: grid; grid-template-columns: auto minmax(0, 1fr) minmax(0, 26rem) auto; align-items: center; gap: var(--s-3) var(--s-5); padding: var(--s-4) var(--s-5); }
.lv-invite .kb-qr { padding: 8px; border-radius: 16px; }
.lv-invite-t { display: grid; gap: 2px; }
.lv-invite-t h2 { font-size: var(--t-base); font-weight: 600; }
.lv-invite-t p { font-size: var(--t-sm); color: var(--ink-2); }
.lv-invite .cab-code.kb-code { width: 100%; }
.lv-invite > .btn { min-height: 48px; }
@media (max-width: 1279px) { .lv-invite { grid-template-columns: auto minmax(0, 1fr); } .lv-invite .cab-code, .lv-invite > .btn { grid-column: 1 / -1; } }
@media (max-width: 719px) {
  .lv-rail::before, .lv-rail::after { top: 24px; }
  .lv-badge { width: 40px; height: 40px; }
  .lv-node b { font-size: 0.6875rem; } .lv-node small { display: none; }
}
@media (prefers-reduced-motion: reduce) { .lv-badge, a.cab-stat small svg { transition: none; } .lv-plate { transform: none; } .lv-T-irid { animation: none; } }

/* «Мои устройства»: в конце строки карандаш и корзина вместо стрелки (владелец 2026-10-03) */
.kb-td-a { display: flex; justify-content: flex-end; gap: 4px; margin-right: -8px; }
.kb-ib { display: grid; place-items: center; width: 40px; height: 40px; border-radius: 50%; color: var(--ink-2); transition: color var(--dur-1) var(--ease), background var(--dur-1) var(--ease); }
.kb-ib:hover { color: var(--ink); background: color-mix(in srgb, var(--ink) 9%, transparent); }
.kb-ib.is-sure { color: var(--bad); background: color-mix(in srgb, var(--bad) 16%, transparent); }
.kb-ib:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }

/* Кристалл уровня: ребро, блик, мерцание граней, материал по уровню (предложение ?lv=1) */
.lv-ge { fill: var(--edge); }
.lv-gr { stroke: #fff; stroke-width: 0.6; opacity: 0.5; }
.lv-diamond .lv-gt { fill-opacity: 0.55; }
.lv-shine { fill: #fff; opacity: 0.5; transform: translateX(-44px) skewX(-22deg); animation: lv-shine 2.4s cubic-bezier(0.16, 1, 0.3, 1) infinite; animation-delay: calc(var(--i, 0) * 0.3s); animation-play-state: paused; }
.lv-tw { animation: lv-tw 3.6s ease-in-out infinite alternate; animation-delay: var(--d, 0s); animation-play-state: paused; }
/* блик и мерцание граней — только пока на кристалл/карточку навели курсор или фокус (DIRECTION «Движение»: вечных циклов нет) */
.lv-node:hover :is(.lv-shine, .lv-tw, .lv-spark), .lv-node:focus-visible :is(.lv-shine, .lv-tw, .lv-spark),
.cab-club:hover :is(.lv-shine, .lv-tw, .lv-spark), .cab-club:focus-within :is(.lv-shine, .lv-tw, .lv-spark) { animation-play-state: running; }
.lv-node:not(.is-done) .lv-shine, .lv-node:not(.is-done) .lv-tw { animation: none; }
@keyframes lv-shine { 0%, 58% { transform: translateX(-44px) skewX(-22deg); } 100% { transform: translateX(104px) skewX(-22deg); } }
@keyframes lv-tw { from { opacity: 0.08; } to { opacity: 0.6; } }
@media (prefers-reduced-motion: reduce) { .lv-shine, .lv-tw, .lv-spark, .lv-scene { animation: none; } .lv-shine { opacity: 0; } }

/* Материалы кристаллов: «Старт» — мрачный обсидиан (не путать с серебром и платиной), платина — холодная и светлая */
.lv-badge.lv-start { --g1: #34343f; --g2: #6c6c7c; --g3: #121218; --edge: #08080b; }
.lv-badge.lv-silver { --g1: #a4a7b0; --g2: #f2f3f6; --g3: #5d6068; }
.lv-badge.lv-platinum { --g1: #b9d3ea; --g2: #ffffff; --g3: #6f93b4; }
.lv-badge.lv-diamond { --edge: #3a2aa8; }
.lv-node.is-done .lv-badge.lv-diamond, .lv-node[aria-pressed='true'] .lv-badge.lv-diamond { filter: drop-shadow(0 8px 10px rgba(0, 0, 0, 0.5)) drop-shadow(0 0 14px rgba(120, 160, 255, 0.55)); }
.lv-spark { transform-box: fill-box; transform-origin: center; animation: lv-spark 3.2s ease-in-out infinite; animation-play-state: paused; }
.lv-node:not(.is-done) .lv-spark { animation: none; opacity: 0.5; }
@keyframes lv-spark { 0%, 100% { opacity: 0.25; transform: scale(0.6) rotate(0deg); } 50% { opacity: 1; transform: scale(1.15) rotate(45deg); } }

/* Бриллиант: силуэт огранки сбоку, ледяной свет */
.lv-tw.is-d { animation-name: lv-tw-d; }
@keyframes lv-tw-d { from { opacity: 0.55; } to { opacity: 1; } }
.lv-spark.is-2 { animation-delay: 1.4s; }
.lv-node.is-done .lv-badge.lv-diamond, .lv-node[aria-pressed='true'] .lv-badge.lv-diamond { filter: drop-shadow(0 8px 10px rgba(0, 0, 0, 0.5)) drop-shadow(0 0 12px rgba(130, 190, 255, 0.6)); }