/*!
 * 9wickets — Home Design System (Phase 4 · "Midnight Royale")
 * Dark obsidian + electric gold + royal violet + cyan glow.
 * Scoped to body.vk-home.
 */

/* ============================================================
   1. RESET & TOKENS
   ============================================================ */
body.vk,
body.vk * {
    box-sizing: border-box;
}
body.vk {
    /* Surfaces — obsidian black with violet undertone */
    --vk-bg:        #FFF8E1;
    --vk-bg-1:      #FFFFFF;
    --vk-bg-2:      #FFF8E1;
    --vk-bg-card:   #FFFFFF;
    --vk-bg-card-2: #FFFCF2;
    --vk-line:      rgba(30, 27, 20, 0.10);
    --vk-line-2:    rgba(30, 27, 20, 0.18);
    --vk-line-cool: rgba(200, 134, 11, 0.30);

    /* Footer — pure void */
    --vk-bg-dark:   #17150F;
    --vk-bg-dark-2: #0E0C09;

    /* Brand accents — electric gold + royal violet + cyan */
    --vk-gold:       #C8860B;
    --vk-gold-2:     #E8A200;
    --vk-gold-3:     #B5830F;
    --vk-amber:      #8A5A0A;
    --vk-violet:     #C8860B;
    --vk-violet-2:   #B5830F;
    --vk-magenta:    #C8860B;
    --vk-cyan:       #E8A200;
    --vk-emerald:    #34D399;
    --vk-red:        #F43F5E;

    /* Premium gradients */
    --vk-grad-gold:    linear-gradient(135deg, #E8A200 0%, #C8860B 50%, #B5830F 100%);
    --vk-grad-gold-2:  linear-gradient(95deg, #E8A200 0%, #C8860B 50%, #8A5A0A 100%);
    --vk-grad-royal:   linear-gradient(135deg, #E8A200 0%, #C8860B 60%, #8A5A0A 100%);
    --vk-grad-aurora:  linear-gradient(135deg, #E8A200 0%, #C8860B 50%, #B5830F 100%);
    --vk-grad-cyan:    linear-gradient(135deg, #E8A200 0%, #C8860B 50%, #B5830F 100%);
    --vk-grad-magenta: linear-gradient(135deg, #E8A200 0%, #B5830F 100%);
    --vk-grad-text:    linear-gradient(95deg, #2A2620 0%, #1E1B14 100%);
    --vk-grad-em:      linear-gradient(95deg, #C8860B 0%, #8A5A0A 100%);

    /* Text — warm white on void */
    --vk-text:      #1A1813;
    --vk-text-mid:  #5A5347;
    --vk-text-dim:  #8A8270;
    --vk-text-muted: #B0A896;

    /* Spacing & radius */
    --vk-r-sm: 8px;
    --vk-r-md: 14px;
    --vk-r-lg: 22px;
    --vk-r-xl: 32px;
    --vk-r-pill: 999px;

    /* Glow */
    --vk-glow-gold:    0 8px 26px rgba(200, 134, 11, 0.22);
    --vk-glow-gold-hi: 0 14px 40px rgba(200, 134, 11, 0.30);
    --vk-glow-violet:  0 8px 26px rgba(200, 134, 11, 0.18);
    --vk-glow-cyan:    0 8px 26px rgba(200, 134, 11, 0.18);
    --vk-shadow-card:    0 6px 22px rgba(30, 27, 20, 0.10), 0 1px 0 rgba(255,255,255,0.7) inset;
    --vk-shadow-card-hi: 0 16px 44px rgba(30, 27, 20, 0.16);

    /* Type */
    --vk-font-bn:    'Anek Bangla', 'Hind Siliguri', 'Noto Sans Bengali', system-ui, sans-serif;
    --vk-font-en:    'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
    --vk-font-serif: 'Inter', Georgia, serif;

    /* Layout */
    --vk-max:       1280px;
    --vk-pad:       clamp(16px, 4vw, 56px);

    margin: 0;
    background: var(--vk-bg);
    color: var(--vk-text);
    font-family: var(--vk-font-bn);
    font-size: 16px;
    line-height: 1.6;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    overflow-x: hidden;
    overflow-x: clip;
}

/* Reset html so sticky header sits flush at the top.
   Use :not(.wp-toolbar) so we don't override the admin bar's margin-top. */
html:not(.wp-toolbar) { margin: 0; padding: 0; }
html:has(body.vk) { overflow-x: clip; }
/* Strip top spacing that Elementor / parent theme may inject above our header */
body.vk { padding-top: 0 !important; }
body.vk > .vk-header:first-of-type,
body.vk > a.vk-skip + .vk-cursor + .vk-cursor + .vk-header { margin-top: 0 !important; }

/* Latin gets Inter */
body.vk .vk-brand__name,
body.vk .vk-card__sub,
body.vk .vk-stat__num,
body.vk .vk-card__kicker,
body.vk .vk-step__num {
    font-family: var(--vk-font-en);
    font-weight: 800;
    letter-spacing: -0.01em;
}

body.vk img { max-width: 100%; height: auto; display: block; }
body.vk a { color: inherit; text-decoration: none; }
body.vk button { font: inherit; cursor: pointer; }

::selection { background: var(--vk-gold); color: #0A0500; }

.vk-skip {
    position: absolute; left: -9999px; top: 0; padding: 12px 20px;
    background: var(--vk-gold); color: #000; font-weight: 700; z-index: 9999;
}
.vk-skip:focus { left: 12px; top: 12px; }

body.vk.admin-bar { padding-top: 0 !important; }

/* Page-wide ambient backdrop — full-bleed on home, lighter on inner pages. */
body.vk-home {
    background-image:
        radial-gradient(60% 50% at 12% 0%, rgba(255, 199, 44, 0.18), transparent 60%),
        radial-gradient(50% 50% at 100% 30%, rgba(255, 199, 44, 0.10), transparent 65%),
        radial-gradient(70% 60% at 50% 110%, rgba(230, 169, 30, 0.10), transparent 70%);
    background-attachment: fixed;
    background-color: var(--vk-bg);
}
body.vk:not(.vk-home) {
    background-image:
        radial-gradient(50% 40% at 0% 0%, rgba(255, 199, 44, 0.10), transparent 65%),
        radial-gradient(40% 35% at 100% 0%, rgba(255, 199, 44, 0.08), transparent 70%);
    background-attachment: fixed;
    background-color: var(--vk-bg);
}

/* ============================================================
   2. CURSOR FOLLOWER
   ============================================================ */
.vk-cursor {
    position: fixed;
    top: 0; left: 0;
    width: 32px; height: 32px;
    border: 1.5px solid rgba(255, 199, 44, 0.55);
    border-radius: 50%;
    pointer-events: none;
    z-index: 9999;
    transform: translate3d(-100px, -100px, 0);
    transition: width .35s ease, height .35s ease, border-color .35s ease, background .35s ease;
    mix-blend-mode: difference;
    will-change: transform;
}
.vk-cursor--dot {
    width: 6px; height: 6px;
    background: var(--vk-gold);
    border: none;
    mix-blend-mode: normal;
}
.vk-cursor.is-active {
    width: 60px; height: 60px;
    background: rgba(255, 199, 44, 0.10);
    border-color: var(--vk-gold);
}
@media (hover: none), (max-width: 900px) {
    .vk-cursor { display: none; }
}

/* ============================================================
   3. BUTTONS
   ============================================================ */
.vk-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 14px 26px;
    border-radius: var(--vk-r-pill);
    font-family: var(--vk-font-bn);
    font-weight: 700;
    font-size: 15px;
    line-height: 1;
    letter-spacing: 0.005em;
    border: 1px solid transparent;
    transition: transform .35s cubic-bezier(.2,.7,.15,1), box-shadow .35s ease, background .35s ease, color .35s ease, border-color .35s ease;
    position: relative;
    overflow: hidden;
    isolation: isolate;
    white-space: nowrap;
    will-change: transform;
}
.vk-btn::after {
    content: '';
    position: absolute;
    inset: 0 auto 0 -120%;
    width: 60%;
    background: linear-gradient(110deg, transparent 0%, rgba(255, 255, 255, 0.35) 50%, transparent 100%);
    transform: skewX(-22deg);
    transition: left .85s cubic-bezier(.2,.7,.15,1);
    pointer-events: none;
}
.vk-btn:hover::after { left: 130%; }
.vk-btn:focus-visible {
    outline: 2px solid var(--vk-gold);
    outline-offset: 3px;
}
.vk-btn > * { position: relative; z-index: 1; }
.vk-btn svg {
    flex: 0 0 auto;
    overflow: visible;
    display: block;
    width: 18px;
    height: 18px;
    min-width: 18px;
    min-height: 18px;
}
.vk-btn--sm svg { width: 14px; height: 14px; min-width: 14px; min-height: 14px; }
.vk-btn--xl svg { width: 20px; height: 20px; min-width: 20px; min-height: 20px; }

.vk-btn--sm  { padding: 9px 16px; font-size: 13px; }
.vk-btn--lg  { padding: 16px 32px; font-size: 16px; }
.vk-btn--xl  { padding: 20px 40px; font-size: 17px; }
.vk-btn--block { display: flex; width: 100%; }

/* Primary — dark luxe surface with bright gold text (highest readability) */
.vk-btn--primary {
    border: 1px solid transparent;
    background:
        linear-gradient(135deg, #1A0F02 0%, #0A0500 55%, #150A00 100%) padding-box,
        linear-gradient(135deg, #FFE9A8 0%, #FFC72C 50%, #B97818 100%) border-box;
    color:#B5830F;
    font-weight: 700;
    letter-spacing: 0.005em;
    text-shadow: none;
    -webkit-font-smoothing: antialiased;
    box-shadow:
        0 12px 36px rgba(255, 199, 44, 0.30),
        0 1px 0 rgba(255, 217, 112, 0.20) inset;
}
.vk-btn--primary:hover {
    background:
        linear-gradient(135deg, #2A1A05 0%, #150A00 55%, #1F1003 100%) padding-box,
        linear-gradient(135deg, #FFEFB0 0%, #FFD75E 50%, #D99826 100%) border-box;
    color:#C8860B;
    transform: translateY(-2px);
    box-shadow:
        0 20px 52px rgba(255, 199, 44, 0.45),
        0 1px 0 rgba(255, 217, 112, 0.30) inset;
}
.vk-btn--primary:active { transform: translateY(0); }
.vk-btn--primary svg { color:#B5830F; stroke: #FFD75E; }
.vk-btn--primary:hover svg { color:#C8860B; stroke: #FFE9A8; }

/* Ghost — clean dark with gold accent on hover */
.vk-btn--ghost {
    background: rgba(255, 255, 255, 0.05);
    border-color:#B5830F;
    color:#C8860B;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}
.vk-btn--ghost:hover {
    background: rgba(255, 199, 44, 0.12);
    border-color: var(--vk-gold);
    color:#B5830F;
    transform: translateY(-2px);
    box-shadow: 0 14px 36px rgba(255, 199, 44, 0.18);
}

/* Glass — premium frosted with high-contrast gold text */
.vk-btn--glass {
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.08) 0%, rgba(255, 199, 44, 0.06) 100%);
    border-color:#B5830F;
    color:#B5830F;
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    box-shadow:
        0 0 0 1px rgba(255, 255, 255, 0.05) inset,
        0 1px 0 rgba(255, 255, 255, 0.10) inset,
        0 8px 24px rgba(0, 0, 0, 0.35);
}
.vk-btn--glass:hover {
    background: linear-gradient(135deg, rgba(255, 199, 44, 0.18) 0%, rgba(255, 199, 44, 0.12) 100%);
    border-color: var(--vk-gold);
    color:#C8860B;
    transform: translateY(-2px);
    box-shadow:
        0 0 0 1px rgba(255, 199, 44, 0.20) inset,
        0 14px 36px rgba(255, 199, 44, 0.22);
}

/* WhatsApp — brand green with crisp white text */
.vk-btn--whatsapp {
    background: linear-gradient(135deg, #2EE372 0%, #25D366 50%, #128C7E 100%);
    color: #FFFFFF;
    font-weight: 700;
    text-shadow: 0 1px 0 rgba(0, 60, 30, 0.30);
    box-shadow:
        0 12px 36px rgba(37, 211, 102, 0.38),
        0 0 0 1px rgba(255, 255, 255, 0.22) inset,
        0 1px 0 rgba(255, 255, 255, 0.32) inset,
        0 -10px 24px rgba(18, 140, 126, 0.30) inset;
}
.vk-btn--whatsapp:hover {
    transform: translateY(-2px);
    box-shadow:
        0 20px 52px rgba(37, 211, 102, 0.55),
        0 0 0 1px rgba(255, 255, 255, 0.32) inset,
        0 1px 0 rgba(255, 255, 255, 0.45) inset,
        0 -10px 24px rgba(18, 140, 126, 0.35) inset;
}
.vk-btn--whatsapp:active { transform: translateY(0); }
.vk-btn--whatsapp svg { color: #FFFFFF; }

/* ============================================================
   4. HEADER
   ============================================================ */
.vk-header {
    position: sticky;
    top: 0;
    z-index: 100;
    margin: 0;
    background: rgba(11, 27, 48, 0.55);
    backdrop-filter: saturate(160%) blur(22px);
    -webkit-backdrop-filter: saturate(160%) blur(22px);
    border-bottom: 1px solid var(--vk-line);
    transition: background .3s ease, border-color .3s ease, box-shadow .3s ease, padding .3s ease;
}
/* Honour WordPress admin bar so the header sticks just below it (logged-in users) */
body.vk.admin-bar .vk-header { top: 32px; }
@media screen and (max-width: 782px) {
    body.vk.admin-bar .vk-header { top: 46px; }
}
body.vk.admin-bar .vk-mobile { top: 32px; padding-top: 90px; }
@media screen and (max-width: 782px) {
    body.vk.admin-bar .vk-mobile { top: 46px; padding-top: 80px; }
}
.vk-header__bar {
    position: absolute;
    inset: auto 0 -1px 0;
    height: 1px;
    background: linear-gradient(90deg, transparent 0%, rgba(255, 199, 44, 0) 12%, var(--vk-gold) 35%, var(--vk-violet) 65%, rgba(255, 199, 44, 0) 88%, transparent 100%);
    opacity: .8;
    pointer-events: none;
    background-size: 220% 100%;
    animation: vk-bar-shift 14s ease-in-out infinite alternate;
}
@keyframes vk-bar-shift {
    0%   { background-position: 0% 50%; }
    100% { background-position: 100% 50%; }
}
.vk-header.is-scrolled {
    background: rgba(11, 27, 48, 0.86);
    border-color:#B5830F;
    box-shadow: 0 10px 36px rgba(0, 0, 0, 0.45);
}
.vk-header__inner {
    max-width: 100%;
    margin: 0;
    padding: 4px 20px;
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 18px;
    transition: padding .3s ease;
}
.vk-header.is-scrolled .vk-header__inner { padding: 2px 20px; }

/* Horizontal wordmark logo (1536×1024 — 3:2 ratio).
   Layout footprint is small so the header height doesn't grow.
   The visible logo is scaled up via transform — overflows the header bounds
   into the negative space above/below, anchored from the left so it never
   collides with the nav. Padding-right reserves room for the rightward bleed. */
.vk-brand {
    display: inline-flex;
    align-items: center;
    flex-shrink: 0;
    position: relative;
    padding: 0;
    transition: padding .35s cubic-bezier(.2,.7,.15,1);
    overflow: visible;
}
.vk-brand__halo {
    position: absolute;
    inset: 50% auto auto 50%;
    width: 320px; height: 200px;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    background:
        radial-gradient(60% 70% at 50% 50%, rgba(255, 199, 44, 0.55) 0%, rgba(255, 199, 44, 0.22) 40%, transparent 75%),
        radial-gradient(50% 60% at 70% 40%, rgba(230, 169, 30, 0.32) 0%, transparent 65%),
        radial-gradient(40% 50% at 25% 60%, rgba(255, 199, 44, 0.26) 0%, transparent 70%);
    filter: blur(32px);
    pointer-events: none;
    animation: vk-halo 5s ease-in-out infinite;
    will-change: opacity, transform;
}
@keyframes vk-halo {
    0%, 100% { opacity: .65; transform: translate(-50%, -50%) scale(1); }
    50%      { opacity: 1;   transform: translate(-50%, -50%) scale(1.06); }
}
body.vk .vk-brand img {
    --vk-logo-scale: 1.7;
    height: 60px; width: auto; object-fit: contain;
    max-width: none;
    transform: scale(var(--vk-logo-scale));
    transform-origin: left center;
    filter:
        drop-shadow(0 2px 0 rgba(255, 215, 130, 0.25))
        drop-shadow(0 6px 24px rgba(255, 199, 44, 0.75))
        drop-shadow(0 16px 50px rgba(230, 169, 30, 0.32));
    animation: vk-logo-in 1.1s cubic-bezier(.2,.7,.15,1) both;
    position: relative; z-index: 1;
    transition: transform .5s cubic-bezier(.2,.7,.15,1), filter .4s ease, height .35s cubic-bezier(.2,.7,.15,1);
}
body.vk .vk-brand:hover img {
    transform: scale(calc(var(--vk-logo-scale) * 1.05));
    filter:
        drop-shadow(0 2px 0 rgba(255, 215, 130, 0.30))
        drop-shadow(0 8px 28px rgba(255, 199, 44, 0.90))
        drop-shadow(0 16px 50px rgba(230, 169, 30, 0.40));
}

/* Compact (scrolled) header — slightly smaller layout, still big visual */
.vk-header.is-scrolled .vk-brand     { padding: 0; }
body.vk .vk-header.is-scrolled .vk-brand img { --vk-logo-scale: 1.45; height: 50px; }
.vk-header.is-scrolled .vk-brand__halo { width: 220px; height: 130px; opacity: .55; }

.vk-footer .vk-brand        { padding: 0; }
body.vk .vk-footer .vk-brand img    { height: 80px; }
.vk-footer .vk-brand__halo  { width: 280px; height: 160px; }

@media (max-width: 720px) {
    body.vk .vk-brand img { height: 50px; }
    .vk-brand__halo { width: 200px; height: 120px; }
    body.vk .vk-header.is-scrolled .vk-brand img { height: 40px; }
    body.vk .vk-footer .vk-brand img { height: 64px; }
}

@keyframes vk-logo-in {
    0%   { opacity: 0; transform: scale(calc(var(--vk-logo-scale, 1) * 0.7)) rotate(-8deg); }
    60%  { opacity: 1; transform: scale(calc(var(--vk-logo-scale, 1) * 1.06)) rotate(2deg); }
    100% { opacity: 1; transform: scale(var(--vk-logo-scale, 1)) rotate(0deg); }
}
@keyframes vk-logo-float {
    0%, 100% { transform: translateY(0); }
    50%      { transform: translateY(-3px); }
}

.vk-nav { min-width: 0; }
.vk-nav__list {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    gap: 2px;
    margin: 0;
    padding: 0;
    list-style: none;
}
.vk-nav__list a {
    --nav-pad-x: 13px;
    display: inline-flex;
    align-items: center;
    padding: 9px var(--nav-pad-x);
    font-size: 13.5px;
    font-weight: 500;
    color: var(--vk-text-mid);
    border-radius: var(--vk-r-pill);
    transition: color .25s ease, background .25s ease;
    position: relative;
    white-space: nowrap;
    line-height: 1.2;
    overflow: hidden;
    isolation: isolate;
}
.vk-nav__label {
    display: inline-block;
    transform: translateY(0);
    transition: transform .45s cubic-bezier(.2,.7,.15,1);
}
.vk-nav__list a::before {
    content: attr(data-text);
    position: absolute;
    left: var(--nav-pad-x);
    right: var(--nav-pad-x);
    top: 50%;
    transform: translateY(140%);
    color: var(--vk-gold-2);
    transition: transform .45s cubic-bezier(.2,.7,.15,1);
    pointer-events: none;
}
.vk-nav__list a::after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: 2px;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: var(--vk-gold);
    transform: translate(-50%, 6px) scale(0);
    transition: transform .35s cubic-bezier(.2,.7,.15,1), background .25s ease;
    box-shadow: 0 0 8px var(--vk-gold);
}
.vk-nav__list a:hover {
    color: transparent;
    background: rgba(255, 199, 44, 0.06);
}
.vk-nav__list a:hover .vk-nav__label { transform: translateY(-140%); }
.vk-nav__list a:hover::before        { transform: translateY(-50%); }
.vk-nav__list a:hover::after         { transform: translate(-50%, 0) scale(1); }
.vk-nav__list a.is-current {
    color: var(--vk-gold-2);
    background: rgba(255, 199, 44, 0.08);
}
.vk-nav__list a.is-current::after { transform: translate(-50%, 0) scale(1); }

.vk-header__actions {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;
}

/* Icon-only button (search trigger, etc.) */
.vk-icon-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px; height: 38px;
    min-width: 38px;
    flex-shrink: 0;
    padding: 0;
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid var(--vk-line);
    border-radius: 50%;
    color: var(--vk-text-mid);
    transition: background .25s ease, color .25s ease, border-color .25s ease, transform .25s ease;
    line-height: 1;
}
.vk-icon-btn:hover {
    background: rgba(255, 199, 44, 0.10);
    color: var(--vk-gold-2);
    border-color: var(--vk-line-2);
    transform: translateY(-1px);
}
.vk-icon-btn[aria-expanded="true"] {
    background: var(--vk-grad-gold);
    color: #0A0500;
    border-color: transparent;
}

/* CTA pulse around the support button */
.vk-cta-pulse { position: relative; }
.vk-cta-pulse::before {
    content: '';
    position: absolute;
    inset: -1px;
    border-radius: inherit;
    box-shadow: 0 0 0 0 rgba(255, 199, 44, 0.45);
    animation: vk-cta-pulse 2.6s ease-out infinite;
    pointer-events: none;
}
@keyframes vk-cta-pulse {
    0%   { box-shadow: 0 0 0 0 rgba(255, 199, 44, 0.45); }
    70%  { box-shadow: 0 0 0 10px rgba(255, 199, 44, 0); }
    100% { box-shadow: 0 0 0 0 rgba(255, 199, 44, 0); }
}

.vk-burger {
    display: none;
    width: 40px; height: 40px;
    min-width: 40px;
    flex-shrink: 0;
    padding: 0;
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid var(--vk-line);
    border-radius: 12px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 5px;
    color: var(--vk-text);
    transition: background .25s ease, border-color .25s ease;
}
.vk-burger:hover { background: rgba(255, 199, 44, 0.10); border-color: var(--vk-line-2); }
.vk-burger span {
    display: block;
    width: 18px; height: 2px;
    background: currentColor;
    border-radius: 1px;
    transition: transform .3s ease, opacity .3s ease, background .3s ease;
}
.vk-burger[aria-expanded="true"] { background: var(--vk-grad-gold); border-color: transparent; color: #0A0500; }
.vk-burger[aria-expanded="true"] span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
.vk-burger[aria-expanded="true"] span:nth-child(2) { opacity: 0; }
.vk-burger[aria-expanded="true"] span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }

/* ---- Search panel (slides down) ---- */
.vk-search-panel {
    position: absolute;
    inset: 100% 0 auto 0;
    background: rgba(11, 27, 48, 0.92);
    border-bottom: 1px solid var(--vk-line-2);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    overflow: visible;
    animation: vk-panel-down .35s cubic-bezier(.2,.7,.15,1);
    box-shadow: 0 16px 36px rgba(0, 0, 0, 0.5);
}
.vk-search-panel[hidden] { display: none; }
.vk-search-panel__inner {
    max-width: var(--vk-max);
    margin: 0 auto;
    padding: 18px var(--vk-pad);
    display: flex;
    align-items: center;
    gap: 14px;
    color: var(--vk-gold-2);
}
.vk-search-panel input {
    flex: 1;
    background: transparent;
    border: none;
    color: var(--vk-text);
    font-size: 17px;
    font-family: var(--vk-font-bn);
    padding: 4px 0;
    outline: none;
}
.vk-search-panel input::placeholder { color: var(--vk-text-dim); }
.vk-search-panel__close {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px; height: 32px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid var(--vk-line);
    color: var(--vk-text-mid);
    font-size: 22px;
    line-height: 1;
    padding: 0;
    transition: background .2s ease, color .2s ease, transform .2s ease;
}
.vk-search-panel__close:hover {
    background: var(--vk-grad-gold);
    color: #0A0500;
    border-color: transparent;
    transform: rotate(90deg);
}

/* Override theme.css .search-box / .search-box-wrap inside the homepage panel
   so AJAX suggestion JS hooks work without breaking the dark luxe layout */
.vk-search-panel .search-box-wrap {
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    min-width: 0 !important;
    padding: 18px var(--vk-pad) !important;
    box-shadow: none !important;
    z-index: auto;
    position: relative;
}
.vk-search-panel .search-box {
    position: static !important;
    right: auto !important;
    z-index: auto !important;
    display: flex;
    align-items: center;
    gap: 14px;
    flex: 1;
    min-width: 0;
    padding: 8px 14px 8px 18px;
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid var(--vk-line);
    border-radius: 999px;
    transition: border-color .25s ease, background .25s ease, box-shadow .25s ease;
}
.vk-search-panel .search-box:focus-within {
    border-color: var(--vk-line-2);
    background: rgba(255, 199, 44, 0.06);
    box-shadow: 0 0 0 4px rgba(255, 199, 44, 0.10);
}
.vk-search-panel .search-box > svg {
    flex-shrink: 0;
    color: var(--vk-gold-2);
    opacity: .85;
}
.vk-search-panel .search-box .search-field {
    flex: 1;
    background: transparent;
    border: none;
    color: var(--vk-text);
    font-size: 16px;
    font-family: var(--vk-font-bn);
    padding: 8px 0;
    outline: none;
    min-width: 0;
    line-height: 1.3;
}
.vk-search-panel .search-box .search-field::placeholder { color: var(--vk-text-dim); }
/* Hide native browser search clear button (duplicate X) */
.vk-search-panel .search-box .search-field::-webkit-search-cancel-button,
.vk-search-panel .search-box .search-field::-webkit-search-decoration,
.vk-search-panel .search-box .search-field::-webkit-search-results-button,
.vk-search-panel .search-box .search-field::-webkit-search-results-decoration {
    -webkit-appearance: none;
    appearance: none;
    display: none;
}
.vk-search-panel .search-box .search-field::-ms-clear,
.vk-search-panel .search-box .search-field::-ms-reveal { display: none; width: 0; height: 0; }

/* Suggestions dropdown — premium dark luxe theme */
.vk-search-panel .search-suggestions {
    position: absolute;
    top: 100%;
    left: var(--vk-pad);
    right: var(--vk-pad);
    width: auto;
    max-width: 720px;
    margin-top: 6px;
    margin-left: auto;
    margin-right: auto;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.045) 0%, rgba(255, 255, 255, 0.012) 100%),
        rgba(11, 27, 48, 0.96);
    border: 1px solid var(--vk-line-2);
    border-radius: var(--vk-r-md);
    box-shadow:
        0 24px 60px rgba(0, 0, 0, 0.55),
        0 0 0 1px rgba(255, 255, 255, 0.04) inset;
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    overflow: hidden;
    z-index: 9999;
}
.vk-search-panel .search-suggestions .suggestions-list {
    list-style: none;
    margin: 0;
    padding: 6px;
    max-height: 420px;
    overflow-y: auto;
    transition: opacity .15s ease;
}
.vk-search-panel .search-suggestions.is-loading .suggestions-list { opacity: .55; }
.vk-search-panel .search-suggestions.is-loading::before {
    content: '';
    position: absolute;
    top: 8px;
    right: 12px;
    width: 14px;
    height: 14px;
    border: 2px solid rgba(255, 199, 44, 0.3);
    border-top-color: var(--vk-gold);
    border-radius: 50%;
    animation: vk-search-spin 0.7s linear infinite;
    z-index: 2;
}
.vk-search-panel .search-suggestions .suggestions-list::-webkit-scrollbar { width: 6px; }
.vk-search-panel .search-suggestions .suggestions-list::-webkit-scrollbar-track { background: rgba(255, 255, 255, 0.03); }
.vk-search-panel .search-suggestions .suggestions-list::-webkit-scrollbar-thumb { background: rgba(255, 199, 44, 0.28); border-radius: 3px; }
.vk-search-panel .search-suggestions .suggestions-list::-webkit-scrollbar-thumb:hover { background: rgba(255, 199, 44, 0.5); }

.vk-search-panel .search-suggestions .suggestion-item {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 12px;
    border-radius: var(--vk-r-sm);
    cursor: pointer;
    transition: background .2s ease, border-color .2s ease;
    border: 1px solid transparent;
}
.vk-search-panel .search-suggestions .suggestion-item:hover,
.vk-search-panel .search-suggestions .suggestion-item.active {
    background: rgba(255, 199, 44, 0.08);
    border-color:#B5830F;
}

.vk-search-panel .search-suggestions .suggestion-thumb {
    width: 40px;
    height: 40px;
    flex-shrink: 0;
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid rgba(255, 199, 44, 0.32);
    background: rgba(255, 255, 255, 0.04);
}
.vk-search-panel .search-suggestions .suggestion-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.vk-search-panel .search-suggestions .suggestion-info {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
    flex: 1;
}
.vk-search-panel .search-suggestions .suggestion-name {
    color: var(--vk-text);
    font-size: 14px;
    font-weight: 700;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.vk-search-panel .search-suggestions .suggestion-id {
    color: var(--vk-gold-2);
    font-size: 11.5px;
    font-weight: 600;
    font-family: var(--vk-font-en);
    letter-spacing: 0.02em;
}
.vk-search-panel .search-suggestions .suggestion-category {
    color: var(--vk-text-mid);
    font-size: 11px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.vk-search-panel .search-suggestions .suggestion-loading,
.vk-search-panel .search-suggestions .no-suggestions {
    padding: 20px 16px;
    text-align: center;
    color: var(--vk-text-mid);
    font-size: 13px;
}
.vk-search-panel .search-suggestions .suggestion-loading::before {
    content: '';
    display: inline-block;
    width: 14px;
    height: 14px;
    border: 2px solid rgba(255, 199, 44, 0.3);
    border-top-color: var(--vk-gold);
    border-radius: 50%;
    margin-right: 8px;
    animation: vk-search-spin 0.8s linear infinite;
    vertical-align: middle;
}
@keyframes vk-search-spin { to { transform: rotate(360deg); } }

/* ============================================================
   Agent search popup (opens when clicking a suggestion)
   ============================================================ */
body.popup-open { overflow: hidden; }
.search-agent-popup-backdrop {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.72);
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    z-index: 99998;
    animation: vk-popup-fade .2s ease;
}
.search-agent-popup {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 92%;
    max-width: 420px;
    max-height: 90vh;
    overflow-y: auto;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.045) 0%, rgba(255, 255, 255, 0.012) 100%),
        rgba(26, 24, 20, 0.96);
    border: 1px solid var(--vk-line-2);
    border-radius: var(--vk-r-lg);
    box-shadow:
        0 32px 80px rgba(0, 0, 0, 0.65),
        0 0 0 1px rgba(255, 199, 44, 0.08) inset;
    z-index: 99999;
    animation: vk-popup-slide .3s cubic-bezier(.2,.7,.15,1);
}
@keyframes vk-popup-fade { from { opacity: 0; } to { opacity: 1; } }
@keyframes vk-popup-slide {
    from { opacity: 0; transform: translate(-50%, -48%) scale(.95); }
    to   { opacity: 1; transform: translate(-50%, -50%) scale(1); }
}
.search-agent-popup .popup-close-btn {
    position: absolute;
    top: 14px;
    right: 14px;
    width: 32px;
    height: 32px;
    border: 1px solid var(--vk-line-2);
    background: rgba(255, 255, 255, 0.06);
    color: var(--vk-text);
    font-size: 20px;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background .2s ease, color .2s ease, transform .2s ease;
    z-index: 10;
    padding: 0;
}
.search-agent-popup .popup-close-btn:hover {
    background: rgba(244, 63, 94, 0.85);
    color: #fff;
    border-color: transparent;
    transform: rotate(90deg);
}

.search-agent-popup .popup-agent-header {
    padding: 24px 22px 20px;
    display: flex;
    align-items: center;
    gap: 14px;
    border-bottom: 1px solid var(--vk-line);
}
.search-agent-popup .popup-agent-photo {
    position: relative;
    flex-shrink: 0;
}
.search-agent-popup .popup-agent-photo img {
    width: 76px;
    height: 76px;
    border-radius: 16px;
    object-fit: cover;
    border: 2px solid rgba(255, 199, 44, 0.45);
    box-shadow: 0 8px 24px -8px rgba(255, 199, 44, 0.45);
}
.search-agent-popup .popup-verified-badge {
    position: absolute;
    bottom: -4px;
    right: -4px;
    width: 24px;
    height: 24px;
    background: var(--vk-grad-gold);
    color: #0A0500;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid rgba(26, 24, 20, 0.96);
}
.search-agent-popup .popup-verified-badge svg { width: 14px; height: 14px; }
.search-agent-popup .popup-agent-info { flex: 1; min-width: 0; }
.search-agent-popup .popup-agent-name {
    color: var(--vk-text);
    font-size: 18px;
    font-weight: 700;
    margin: 0 0 4px;
    display: flex;
    align-items: center;
    gap: 6px;
}
.search-agent-popup .popup-premium { font-size: 16px; }
.search-agent-popup .popup-agent-group {
    color: var(--vk-gold-2);
    font-size: 13px;
    font-weight: 600;
    margin-bottom: 4px;
}
.search-agent-popup .popup-agent-rating { font-size: 13px; margin-bottom: 4px; }
.search-agent-popup .popup-agent-id {
    color: var(--vk-text-mid);
    font-size: 12px;
    font-family: var(--vk-font-en);
}
.search-agent-popup .popup-agent-id span { color: var(--vk-text-dim); margin-right: 2px; }

.search-agent-popup .popup-contact-section { padding: 16px 22px 22px; }
.search-agent-popup .popup-contact-group {
    margin-bottom: 12px;
    background: rgba(255, 255, 255, 0.025);
    border: 1px solid var(--vk-line);
    border-radius: var(--vk-r-md);
    padding: 12px;
}
.search-agent-popup .popup-contact-group:last-child { margin-bottom: 0; }
.search-agent-popup .popup-contact-header {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    font-weight: 700;
    margin-bottom: 10px;
    padding-bottom: 8px;
    border-bottom: 1px solid var(--vk-line);
    letter-spacing: 0.02em;
}
.search-agent-popup .whatsapp-group .popup-contact-header { color: #25D366; }
.search-agent-popup .messenger-group .popup-contact-header { color: #229ED9; }

.search-agent-popup .popup-contact-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.04);
    gap: 10px;
}
.search-agent-popup .popup-contact-item:last-child { border-bottom: none; padding-bottom: 0; }
.search-agent-popup .popup-contact-number {
    color: var(--vk-text);
    font-size: 13px;
    font-weight: 500;
    font-family: var(--vk-font-en);
    flex: 1;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.search-agent-popup .popup-contact-actions {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-shrink: 0;
}
.search-agent-popup .popup-copy-btn {
    width: 30px;
    height: 30px;
    min-width: 30px;
    border: 1px solid var(--vk-line-2);
    background: rgba(255, 255, 255, 0.04);
    color: var(--vk-text-mid);
    border-radius: 8px;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: background .2s ease, color .2s ease, transform .2s ease;
    padding: 0;
}
.search-agent-popup .popup-copy-btn svg { width: 13px; height: 13px; pointer-events: none; }
.search-agent-popup .popup-copy-btn:hover {
    background: rgba(255, 199, 44, 0.14);
    color: var(--vk-gold-2);
    border-color: var(--vk-gold);
}
.search-agent-popup .popup-copy-btn.copied {
    background: #22C55E;
    color: #fff;
    border-color: transparent;
}
.search-agent-popup .popup-message-btn {
    padding: 7px 14px;
    border-radius: var(--vk-r-pill);
    font-size: 12px;
    font-weight: 700;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    white-space: nowrap;
    transition: transform .2s ease, box-shadow .2s ease;
}
.search-agent-popup .popup-message-btn.whatsapp-btn {
    background: linear-gradient(135deg, #2EE372 0%, #25D366 50%, #128C7E 100%);
    color: #fff;
    box-shadow: 0 6px 14px -4px rgba(37, 211, 102, 0.45);
}
.search-agent-popup .popup-message-btn.whatsapp-btn:hover { transform: translateY(-1px); box-shadow: 0 10px 22px -6px rgba(37, 211, 102, 0.6); }
.search-agent-popup .popup-message-btn.messenger-btn {
    background: linear-gradient(135deg, #4FB3F0 0%, #229ED9 100%);
    color: #fff;
    box-shadow: 0 6px 14px -4px rgba(34, 158, 217, 0.45);
}
.search-agent-popup .popup-message-btn.messenger-btn:hover { transform: translateY(-1px); box-shadow: 0 10px 22px -6px rgba(34, 158, 217, 0.6); }
@keyframes vk-panel-down {
    from { opacity: 0; transform: translateY(-12px); }
    to   { opacity: 1; transform: translateY(0); }
}

/* ---- Mobile menu (fullscreen overlay) ---- */
.vk-mobile {
    position: fixed;
    inset: 0;
    background: rgba(8, 19, 32, 0.96);
    backdrop-filter: blur(24px);
    -webkit-backdrop-filter: blur(24px);
    z-index: 99;
    overflow-y: auto;
    padding: 90px var(--vk-pad) 40px;
    animation: vk-fade-in .35s ease;
}
.vk-mobile[hidden] { display: none; }
.vk-mobile__inner {
    max-width: 480px;
    margin: 0 auto;
}
.vk-mobile ul {
    list-style: none;
    padding: 0;
    margin: 0 0 32px;
    display: flex;
    flex-direction: column;
    gap: 6px;
}
.vk-mobile li {
    opacity: 0;
    transform: translateY(20px);
    animation: vk-mobile-in .5s cubic-bezier(.2,.7,.15,1) forwards;
    animation-delay: calc(0.05s + var(--i, 0) * 0.06s);
}
.vk-mobile li a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 20px;
    font-size: 17px;
    font-weight: 500;
    color: var(--vk-text);
    border-radius: var(--vk-r-md);
    border: 1px solid var(--vk-line);
    background: rgba(255, 255, 255, 0.025);
    transition: background .25s ease, border-color .25s ease, color .25s ease, transform .25s ease;
}
.vk-mobile li a span { color: var(--vk-text-dim); transition: color .25s ease, transform .25s ease; }
.vk-mobile li a:hover {
    background: rgba(255, 199, 44, 0.10);
    border-color: var(--vk-line-2);
    color: var(--vk-gold-2);
    transform: translateX(4px);
}
.vk-mobile li a:hover span { color: var(--vk-gold); transform: translate(2px, -2px); }
.vk-mobile__cta a {
    background: var(--vk-grad-gold) !important;
    border: none !important;
    color: #0A0500 !important;
    justify-content: center;
}
.vk-mobile__foot {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 8px;
    padding-top: 20px;
    border-top: 1px solid var(--vk-line);
    color: var(--vk-text-dim);
    font-size: 12px;
    font-family: var(--vk-font-en);
    letter-spacing: 0.06em;
}
@keyframes vk-mobile-in {
    to { opacity: 1; transform: translateY(0); }
}
@keyframes vk-fade-in { from { opacity: 0; } to { opacity: 1; } }
@keyframes vk-fade-down {
    from { opacity: 0; transform: translateY(-8px); }
    to   { opacity: 1; transform: translateY(0); }
}

body.vk-menu-open { overflow: hidden; }

/* ============================================================
   5. HERO
   ============================================================ */
.vk-hero {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    padding: clamp(80px, 14vw, 160px) var(--vk-pad) clamp(80px, 14vw, 140px);
    min-height: 92vh;
    display: flex;
    align-items: center;
}
.vk-hero__bg {
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
}
.vk-hero__bg::before {
    content: '';
    position: absolute;
    inset: -10%;
    background:
        radial-gradient(50% 60% at 18% 28%, rgba(255, 199, 44, 0.10) 0%, transparent 62%),
        radial-gradient(40% 55% at 82% 22%, rgba(255, 199, 44, 0.13) 0%, transparent 66%),
        radial-gradient(55% 65% at 70% 85%, rgba(230, 169, 30, 0.07) 0%, transparent 62%),
        radial-gradient(45% 55% at 12% 90%, rgba(255, 199, 44, 0.06) 0%, transparent 62%);
    filter: blur(28px) saturate(115%);
    animation: vk-aurora 22s ease-in-out infinite alternate;
}
.vk-grid {
    position: absolute;
    inset: 0;
    background-image:
        linear-gradient(rgba(255, 199, 44, 0.04) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 199, 44, 0.04) 1px, transparent 1px);
    background-size: 60px 60px;
    mask-image: radial-gradient(ellipse 80% 80% at 50% 50%, #000 0%, transparent 100%);
    -webkit-mask-image: radial-gradient(ellipse 80% 80% at 50% 50%, #000 0%, transparent 100%);
}
.vk-noise {
    position: absolute;
    inset: 0;
    background-image: url("data:image/svg+xml;utf8,<svg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3'/><feColorMatrix values='0 0 0 0 1, 0 0 0 0 0.85, 0 0 0 0 0.4, 0 0 0 0.05 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");
    opacity: .4;
    mix-blend-mode: overlay;
    pointer-events: none;
}
@keyframes vk-aurora {
    0%   { transform: translate3d(0, 0, 0) rotate(0deg) scale(1); }
    50%  { transform: translate3d(2%, -1%, 0) rotate(2deg) scale(1.08); }
    100% { transform: translate3d(-2%, 1%, 0) rotate(-2deg) scale(1.04); }
}

.vk-orb {
    position: absolute;
    border-radius: 50%;
    filter: blur(90px);
    opacity: .55;
    will-change: transform;
    mix-blend-mode: screen;
}
.vk-orb--a {
    width: 480px; height: 480px;
    left: -10%; top: 12%;
    background: radial-gradient(circle, var(--vk-gold) 0%, transparent 65%);
    animation: vk-float-a 18s ease-in-out infinite;
}
.vk-orb--b {
    width: 540px; height: 540px;
    right: -12%; top: 30%;
    background: radial-gradient(circle, var(--vk-violet) 0%, transparent 65%);
    animation: vk-float-b 24s ease-in-out infinite;
}
.vk-orb--c {
    width: 360px; height: 360px;
    left: 35%; top: -10%;
    background: radial-gradient(circle, var(--vk-magenta) 0%, transparent 65%);
    animation: vk-float-c 28s ease-in-out infinite;
    opacity: .35;
}
.vk-orb--cta-a {
    width: 460px; height: 460px;
    left: 8%; top: 20%;
    background: radial-gradient(circle, var(--vk-gold) 0%, transparent 65%);
    animation: vk-float-a 20s ease-in-out infinite;
}
.vk-orb--cta-b {
    width: 520px; height: 520px;
    right: 10%; top: 10%;
    background: radial-gradient(circle, var(--vk-violet) 0%, transparent 65%);
    animation: vk-float-b 26s ease-in-out infinite;
}
@keyframes vk-float-a { 0%,100%{transform:translate3d(0,0,0)} 50%{transform:translate3d(50px,-40px,0)} }
@keyframes vk-float-b { 0%,100%{transform:translate3d(0,0,0)} 50%{transform:translate3d(-60px,40px,0)} }
@keyframes vk-float-c { 0%,100%{transform:translate3d(0,0,0)} 50%{transform:translate3d(40px,60px,0)} }

.vk-particles {
    position: absolute;
    inset: 0;
    opacity: .85;
    mix-blend-mode: screen;
}

.vk-hero__inner {
    position: relative;
    z-index: 2;
    max-width: var(--vk-max);
    width: 100%;
    margin: 0 auto;
    text-align: center;
}

.vk-pill {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 9px 18px;
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid var(--vk-line-2);
    border-radius: var(--vk-r-pill);
    font-size: 12.5px;
    font-weight: 600;
    color: var(--vk-gold-2);
    backdrop-filter: blur(10px);
    margin-bottom: 32px;
    letter-spacing: 0.04em;
}
.vk-pill__dot {
    width: 8px; height: 8px;
    background: var(--vk-gold);
    border-radius: 50%;
    box-shadow: 0 0 0 0 rgba(255, 199, 44, 0.55);
    animation: vk-pulse-dot 2.2s ease-in-out infinite;
}
@keyframes vk-pulse-dot {
    0%,100% { box-shadow: 0 0 0 0 rgba(255, 199, 44, 0.55); }
    50%     { box-shadow: 0 0 0 12px rgba(255, 199, 44, 0); }
}
.vk-pill--ring { animation: vk-pulse-ring 2.4s ease-in-out infinite; }
@keyframes vk-pulse-ring {
    0%,100% { box-shadow: 0 8px 30px rgba(255, 199, 44, 0.10), 0 0 0 0 rgba(255, 199, 44, 0.30); }
    50%     { box-shadow: 0 8px 40px rgba(255, 199, 44, 0.20), 0 0 0 14px rgba(255, 199, 44, 0); }
}

body.vk-home .vk-hero__title {
    font-size: clamp(40px, 5.6vw, 78px);
    line-height: 1.22;
    margin: 0 0 28px;
    padding-top: 0.12em; /* breathing room for Bengali matras / শিরোরেখা */
    font-weight: 700;
    letter-spacing: -0.02em;
    font-family: var(--vk-font-bn);
    color: var(--vk-text);
    text-shadow: 0 4px 40px rgba(255, 199, 44, 0.10);
}
body.vk .vk-h1,
body.vk .vk-h2,
body.vk .vk-card__title,
body.vk .vk-step__title,
body.vk .vk-faq__item summary,
body.vk p {
    font-family: var(--vk-font-bn);
}
.vk-headline { display: inline-block; }
.vk-w {
    display: inline-block;
    opacity: 0;
    transform: translateY(36px) scale(.96);
    filter: blur(10px);
    animation: vk-word-in 1s cubic-bezier(.2,.7,.15,1) forwards;
    animation-delay: calc(0.1s + var(--i, 0) * 0.08s);
    margin: 0 .12em;
}
.vk-headline > .vk-w:nth-child(1) { --i: 0; }
.vk-headline > .vk-w:nth-child(2) { --i: 1; }
.vk-headline > .vk-w:nth-child(3) { --i: 2; }
.vk-headline > .vk-w:nth-child(4) { --i: 3; }
.vk-headline > .vk-w:nth-child(5) { --i: 4; }
.vk-headline > .vk-w:nth-child(6) { --i: 5; }
.vk-headline > .vk-w:nth-child(7) { --i: 6; }
.vk-headline > .vk-w:nth-child(8) { --i: 7; }
.vk-w--break { display: block; height: 0; margin: 0; }

.vk-w--accent {
    background: var(--vk-grad-text);
    background-size: 200% 140%;
    background-position: 0 50%;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    /* Bangla matras / শিরোরেখা can rise above the line-box. Pad on top so the
       gradient extends over them; pull-back margin keeps layout footprint unchanged. */
    padding: .18em .04em .06em;
    margin: -.18em -.04em -.06em;
    animation: vk-word-in 1s cubic-bezier(.2,.7,.15,1) forwards calc(0.1s + var(--i, 0) * 0.08s),
               vk-shine 6s linear infinite 1.5s;
}
.vk-w--italic {
    font-family: var(--vk-font-serif);
    font-style: italic;
    font-weight: 500;
    background: linear-gradient(95deg, #FFE9A8 0%, #FFC72C 50%, #FFD75E 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    /* Italic glyphs + Bangla matras overhang the box on the right and top.
       Pad to give them room; negative margin keeps layout footprint unchanged. */
    display: inline-block;
    padding: .25em .22em .08em .04em;
    margin: -.25em -.22em -.08em -.04em;
}
@keyframes vk-word-in { to { opacity: 1; transform: translateY(0) scale(1); filter: blur(0); } }
@keyframes vk-shine { 0%{background-position:0% 50%} 100%{background-position:200% 50%} }

.vk-hero__lead {
    max-width: 720px;
    margin: 0 auto 40px;
    font-size: clamp(15px, 1.6vw, 18px);
    color: var(--vk-text-mid);
    line-height: 1.7;
}
.vk-hero__lead strong {
    background: var(--vk-grad-text);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 700;
    font-family: var(--vk-font-en);
}

.vk-hero__cta {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 14px;
    margin-bottom: 64px;
}

.vk-hero__stats {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
    max-width: 920px;
    margin: 0 auto;
}
.vk-stat {
    background: rgba(255, 255, 255, 0.035);
    border: 1px solid var(--vk-line);
    border-radius: var(--vk-r-lg);
    padding: 24px 18px;
    text-align: center;
    backdrop-filter: blur(14px);
    box-shadow: var(--vk-shadow-card);
    transition: transform .4s ease, border-color .4s ease, background .4s ease, box-shadow .4s ease;
    position: relative;
    overflow: hidden;
}
.vk-stat::before {
    content: '';
    position: absolute;
    inset: auto 0 0 0;
    height: 2px;
    background: var(--vk-grad-gold);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .6s cubic-bezier(.2,.7,.15,1);
}
.vk-stat::after {
    content: '';
    position: absolute;
    inset: 0;
    background: radial-gradient(80% 80% at 50% 100%, rgba(255, 199, 44, 0.10) 0%, transparent 70%);
    opacity: 0;
    transition: opacity .5s ease;
}
.vk-stat:hover {
    transform: translateY(-6px);
    border-color: var(--vk-line-2);
    background: rgba(255, 255, 255, 0.06);
    box-shadow: var(--vk-shadow-card-hi);
}
.vk-stat:hover::before { transform: scaleX(1); }
.vk-stat:hover::after { opacity: 1; }

.vk-stat__num {
    display: block;
    font-size: clamp(32px, 4.4vw, 44px);
    font-weight: 800;
    background: var(--vk-grad-text);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    line-height: 1.3;
    padding-block: 2px;
    margin-bottom: 6px;
    letter-spacing: -0.02em;
}
.vk-stat__num small { font-size: .55em; margin-left: 2px; opacity: .85; }
.vk-stat__lbl {
    display: block;
    font-size: 13px;
    color: var(--vk-text-mid);
    font-weight: 500;
    letter-spacing: 0.02em;
}

.vk-hero__scroll {
    position: absolute;
    bottom: 96px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    color: var(--vk-text-dim);
    font-family: var(--vk-font-en);
    font-size: 10px;
    letter-spacing: 0.3em;
    text-transform: uppercase;
    z-index: 2;
}

/* Hero bottom marquee — premium glass strip */
.vk-hero__marquee {
    position: absolute;
    left: 0; right: 0; bottom: 0;
    z-index: 2;
    overflow: hidden;
    padding: 16px 0;
    background:
        linear-gradient(180deg, rgba(26, 24, 20, 0) 0%, rgba(26, 24, 20, 0.55) 35%, rgba(26, 24, 20, 0.85) 100%),
        linear-gradient(90deg, rgba(255, 199, 44, 0.05), rgba(255, 199, 44, 0.05));
    -webkit-backdrop-filter: blur(10px) saturate(140%);
    backdrop-filter: blur(10px) saturate(140%);
    border-top: 1px solid var(--vk-line);
}
.vk-hero__marquee::before {
    content: "";
    position: absolute;
    left: 8%; right: 8%;
    top: 0; height: 1px;
    background: linear-gradient(90deg, transparent 0%, rgba(255, 199, 44, 0) 8%, var(--vk-gold) 35%, #FFD75E 65%, rgba(255, 199, 44, 0) 92%, transparent 100%);
    opacity: .85;
    pointer-events: none;
}
.vk-hero__marquee::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        linear-gradient(90deg, var(--vk-bg) 0%, rgba(26, 24, 20, 0) 12%, rgba(26, 24, 20, 0) 88%, var(--vk-bg) 100%);
    z-index: 2;
}
.vk-hero__marquee-glow {
    position: absolute;
    bottom: -40%;
    left: 50%;
    transform: translateX(-50%);
    width: 60%;
    height: 80px;
    background: radial-gradient(60% 100% at 50% 0%, rgba(255, 199, 44, 0.25), transparent 70%);
    filter: blur(24px);
    opacity: .5;
    pointer-events: none;
}
.vk-hero__marquee .vk-marquee__track {
    display: flex;
    gap: 44px;
    width: max-content;
    animation: vk-marquee 38s linear infinite;
    position: relative;
    z-index: 1;
}
.vk-hero__marquee:hover .vk-marquee__track { animation-play-state: paused; }
.vk-hero__marquee .vk-marquee__item {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 6px 14px;
    border-radius: var(--vk-r-pill);
    background: rgba(255, 255, 255, 0.025);
    border: 1px solid var(--vk-line);
    color: var(--vk-text-mid);
    font-weight: 600;
    font-size: 13px;
    white-space: nowrap;
    transition: color .25s ease, border-color .25s ease, background .25s ease, transform .25s ease;
}
.vk-hero__marquee .vk-marquee__item:hover {
    color: var(--vk-gold-2);
    border-color:#B5830F;
    background: rgba(255, 199, 44, 0.07);
    transform: translateY(-1px);
}
.vk-hero__marquee .vk-marquee__item svg { color: var(--vk-gold); }
.vk-hero__scroll span {
    display: inline-block;
    width: 1px; height: 36px;
    background: linear-gradient(180deg, transparent, var(--vk-gold));
    position: relative;
    overflow: hidden;
}
.vk-hero__scroll span::before {
    content: '';
    position: absolute;
    inset: 0;
    background: var(--vk-gold);
    transform: translateY(-100%);
    animation: vk-scroll-line 2.6s cubic-bezier(.7,.0,.3,1) infinite;
}
@keyframes vk-scroll-line {
    0%   { transform: translateY(-100%); }
    50%  { transform: translateY(0); }
    100% { transform: translateY(100%); }
}

/* ============================================================
   6. MARQUEE
   ============================================================ */
.vk-marquee {
    overflow: hidden;
    border-block: 1px solid var(--vk-line);
    background: linear-gradient(90deg, rgba(255, 199, 44, 0.04), rgba(255, 199, 44, 0.04));
    padding: 22px 0;
    position: relative;
}
.vk-marquee::before, .vk-marquee::after {
    content: '';
    position: absolute;
    top: 0; bottom: 0;
    width: 120px;
    z-index: 2;
    pointer-events: none;
}
.vk-marquee::before { left: 0;  background: linear-gradient(90deg, var(--vk-bg), transparent); }
.vk-marquee::after  { right: 0; background: linear-gradient(-90deg, var(--vk-bg), transparent); }
.vk-marquee__track {
    display: flex;
    gap: 56px;
    width: max-content;
    animation: vk-marquee 38s linear infinite;
}
.vk-marquee:hover .vk-marquee__track { animation-play-state: paused; }
.vk-marquee__item {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: var(--vk-text-mid);
    font-weight: 600;
    font-size: 15px;
    white-space: nowrap;
    transition: color .25s ease;
}
.vk-marquee__item:hover { color: var(--vk-gold-2); }
.vk-marquee__item svg { color: var(--vk-gold); }
@keyframes vk-marquee { to { transform: translateX(-50%); } }

/* ============================================================
   7. SECTION SHELL
   ============================================================ */
.vk-section {
    padding: clamp(36px, 4.5vw, 64px) var(--vk-pad);
    max-width: var(--vk-max);
    margin: 0 auto;
    position: relative;
}
.vk-section__head {
    text-align: center;
    max-width: 760px;
    margin: 0 auto 32px;
}
.vk-eyebrow {
    display: inline-block;
    padding: 6px 16px;
    background: rgba(255, 199, 44, 0.08);
    border: 1px solid var(--vk-line-2);
    border-radius: var(--vk-r-pill);
    font-size: 11px;
    font-weight: 700;
    color: var(--vk-gold-2);
    letter-spacing: 0.18em;
    text-transform: uppercase;
    margin-bottom: 22px;
    font-family: var(--vk-font-en);
}
.vk-h2 {
    font-size: clamp(30px, 4.8vw, 52px);
    font-weight: 700;
    line-height: 1.25;
    margin: 0 0 18px;
    letter-spacing: -0.015em;
    color: var(--vk-text);
}
.vk-h1 {
    font-size: clamp(36px, 6.4vw, 72px);
    font-weight: 700;
    line-height: 1.22;
    margin: 0 0 20px;
    letter-spacing: -0.02em;
    color: var(--vk-text);
}
.vk-h1 em, .vk-h2 em {
    font-style: italic;
    font-family: var(--vk-font-serif);
    font-weight: 600;
    background: var(--vk-grad-em);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    /* Italic + Bangla matra overhang fix — pad on all sides where glyphs bleed out
       (top for matras, right for italic slant) and pull-back margin so layout
       width is unchanged. inline-block ensures padding is honoured. */
    display: inline-block;
    padding: .22em .18em .06em .04em;
    margin: -.22em -.13em -.06em -.04em;
}
.vk-lead {
    color: var(--vk-text-mid);
    font-size: clamp(15px, 1.5vw, 17px);
    margin: 0;
    line-height: 1.7;
}

/* Reveal */
[data-reveal] {
    opacity: 0;
    transform: translateY(36px);
    transition: opacity .9s cubic-bezier(.2,.7,.15,1), transform .9s cubic-bezier(.2,.7,.15,1);
    transition-delay: var(--d, 0s);
}
[data-reveal].is-in {
    opacity: 1;
    transform: translateY(0);
}

/* ============================================================
   8. LIVE ACTIVITY TICKER — PREMIUM
   ============================================================ */
.vk-live {
    position: relative;
    padding-block: clamp(40px, 5vw, 72px);
    overflow: hidden;
}
.vk-live__aura {
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: 0;
    background:
        radial-gradient(60% 50% at 18% 0%, rgba(255, 199, 44, 0.10), transparent 70%),
        radial-gradient(45% 45% at 82% 100%, rgba(255, 199, 44, 0.10), transparent 70%);
    opacity: .9;
}
.vk-live > *:not(.vk-live__aura) { position: relative; z-index: 1; }

.vk-live__head-premium { margin-bottom: 36px; }
.vk-eyebrow--live {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: linear-gradient(135deg, rgba(244, 63, 94, 0.14), rgba(255, 199, 44, 0.10));
    border: 1px solid rgba(244, 63, 94, 0.32);
    color: #FCA5A8;
    box-shadow: 0 0 24px rgba(244, 63, 94, 0.10) inset;
}
.vk-live__pulse {
    width: 8px; height: 8px;
    background: var(--vk-red);
    border-radius: 50%;
    box-shadow: 0 0 0 0 rgba(244, 63, 94, 0.65);
    animation: vk-live-pulse 1.4s ease-in-out infinite;
    flex: none;
}
@keyframes vk-live-pulse {
    0%,100% { box-shadow: 0 0 0 0 rgba(244, 63, 94, 0.65); }
    50%     { box-shadow: 0 0 0 8px rgba(244, 63, 94, 0); }
}

.vk-live__feed {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}
@media (max-width: 880px) { .vk-live__feed { grid-template-columns: 1fr; } }

.vk-live__item {
    position: relative;
    display: grid;
    grid-template-columns: 52px 1fr auto;
    align-items: center;
    gap: 18px;
    padding: 18px 22px;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.015)),
        #1A1814;
    border: 1px solid var(--vk-line);
    border-radius: var(--vk-r-lg);
    overflow: hidden;
    isolation: isolate;
    transition: transform .35s ease, opacity .35s ease, border-color .35s ease, box-shadow .35s ease, background .35s ease;
}
.vk-live__item.is-swapping {
    opacity: 0;
    transform: translateY(8px) scale(.99);
}
.vk-live__item.is-fresh {
    border-color:#B5830F;
    box-shadow:
        0 0 0 1px rgba(255, 199, 44, 0.25) inset,
        0 14px 40px -16px rgba(255, 199, 44, 0.35),
        0 0 28px rgba(255, 199, 44, 0.18);
    animation: vk-live-fresh .8s ease;
}
@keyframes vk-live-fresh {
    0%   { transform: translateY(-6px); }
    60%  { transform: translateY(0); }
    100% { transform: translateY(0); }
}
@media (prefers-reduced-motion: reduce) {
    .vk-live__item.is-swapping { opacity: 1; transform: none; }
    .vk-live__item.is-fresh { animation: none; }
}
.vk-live__item::before {
    content: "";
    position: absolute;
    left: 0; top: 0; bottom: 0;
    width: 3px;
    background: var(--vk-grad-gold);
    opacity: .8;
    transform-origin: top;
    transform: scaleY(.35);
    transition: transform .4s ease, opacity .4s ease;
}
.vk-live__item--cash::before    { background: linear-gradient(180deg, #34D399, #059669); }
.vk-live__item--win::before     { background: linear-gradient(180deg, #FFD75E, #E6A91E); }
.vk-live__item--bonus::before   { background: linear-gradient(180deg, #FFC72C, #FFC72C); }
.vk-live__item--signup::before  { background: linear-gradient(180deg, #FFE07A, #E6A91E); }
.vk-live__item--support::before { background: linear-gradient(180deg, #FFD75E, #C7901A); }

.vk-live__item:hover {
    transform: translateY(-2px);
    border-color: var(--vk-line-2);
    box-shadow:
        0 14px 40px -18px rgba(0, 0, 0, 0.6),
        0 0 0 1px rgba(255, 199, 44, 0.06) inset;
}
.vk-live__item:hover::before { transform: scaleY(1); opacity: 1; }

.vk-live__shine {
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(115deg, transparent 30%, rgba(255, 217, 112, 0.08) 50%, transparent 70%);
    transform: translateX(-100%);
    transition: transform .9s ease;
}
.vk-live__item:hover .vk-live__shine { transform: translateX(100%); }

.vk-live__avatar {
    position: relative;
    width: 52px; height: 52px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: var(--vk-grad-gold);
    color: #0A0500;
    font-family: var(--vk-font-en);
    font-weight: 800;
    font-size: 18px;
    box-shadow:
        0 8px 22px -10px rgba(255, 199, 44, 0.6),
        0 0 0 2px rgba(10, 5, 0, 0.4) inset;
}
.vk-live__avatar-ring {
    position: absolute;
    inset: -4px;
    border-radius: 50%;
    border: 1px dashed rgba(255, 199, 44, 0.35);
    animation: vk-live-spin 14s linear infinite;
}
@keyframes vk-live-spin { to { transform: rotate(360deg); } }

.vk-live__item--cash    .vk-live__avatar { background: linear-gradient(135deg, #6EE7B7, #059669); }
.vk-live__item--win     .vk-live__avatar { background: var(--vk-grad-gold); }
.vk-live__item--bonus   .vk-live__avatar { background: var(--vk-grad-magenta); }
.vk-live__item--signup  .vk-live__avatar { background: var(--vk-grad-cyan); color: #061E26; }
.vk-live__item--support .vk-live__avatar { background: var(--vk-grad-royal); color: #0B1B30; }

.vk-live__body { min-width: 0; }
.vk-live__who {
    margin: 0 0 6px;
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    color: var(--vk-text);
    flex-wrap: wrap;
}
.vk-live__who strong {
    background: var(--vk-grad-text);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    font-weight: 700;
    letter-spacing: .01em;
}
.vk-live__dot {
    width: 3px; height: 3px;
    border-radius: 50%;
    background: var(--vk-text-dim);
}
.vk-live__where {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 12px;
    color: var(--vk-text-mid);
}
.vk-live__where svg { color: var(--vk-gold); opacity: .8; }

.vk-live__what {
    margin: 0;
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 13.5px;
    color: var(--vk-text-mid);
    line-height: 1.45;
}
.vk-live__tag {
    flex: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px; height: 24px;
    border-radius: 8px;
    background: rgba(255, 199, 44, 0.12);
    border: 1px solid rgba(255, 199, 44, 0.25);
    color: var(--vk-gold-2);
}
.vk-live__tag--cash    { background: rgba(16, 185, 129, 0.14); border-color: rgba(16, 185, 129, 0.32); color: #6EE7B7; }
.vk-live__tag--win     { background: rgba(255, 199, 44, 0.14); border-color:#B5830F; color:#B5830F; }
.vk-live__tag--bonus   { background: rgba(230, 169, 30, 0.14); border-color: rgba(230, 169, 30, 0.32); color: #F0ABFC; }
.vk-live__tag--signup  { background: rgba(255, 199, 44, 0.14); border-color:#B5830F; color:#B5830F; }
.vk-live__tag--support { background: rgba(255, 199, 44, 0.14); border-color:#B5830F; color: #C4B5FD; }

.vk-live__time {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 5px 10px;
    border-radius: var(--vk-r-pill);
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid var(--vk-line);
    font-size: 11px;
    color: var(--vk-text-dim);
    font-family: var(--vk-font-en);
    letter-spacing: 0.04em;
    white-space: nowrap;
}
.vk-live__time-dot {
    width: 6px; height: 6px;
    border-radius: 50%;
    background: #34D399;
    box-shadow: 0 0 8px rgba(52, 211, 153, 0.7);
    animation: vk-live-pulse 1.6s ease-in-out infinite;
}

.vk-live__foot {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-top: 28px;
    padding: 10px 18px;
    border-radius: var(--vk-r-pill);
    background: rgba(255, 255, 255, 0.025);
    border: 1px dashed var(--vk-line-2);
    font-size: 12px;
    color: var(--vk-text-mid);
    letter-spacing: .02em;
}
.vk-live__foot-pulse {
    width: 6px; height: 6px;
    border-radius: 50%;
    background: var(--vk-gold);
    box-shadow: 0 0 10px rgba(255, 199, 44, 0.7);
    animation: vk-live-pulse 1.8s ease-in-out infinite;
}

/* ============================================================
   9. WHY CARDS
   ============================================================ */
.vk-grid-cards {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
}
.vk-why__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.vk-card {
    position: relative;
    padding: 32px 28px 30px;
    background: var(--vk-bg-card);
    border: 1px solid var(--vk-line);
    border-radius: var(--vk-r-lg);
    overflow: hidden;
    box-shadow: var(--vk-shadow-card);
    transition: transform .5s cubic-bezier(.2,.7,.15,1), border-color .4s ease, background .4s ease, box-shadow .4s ease;
    isolation: isolate;
    backdrop-filter: blur(10px);
    transform-style: preserve-3d;
    will-change: transform;
}
.vk-card:hover {
    border-color: var(--vk-line-2);
    background: var(--vk-bg-card-2);
    box-shadow: var(--vk-shadow-card-hi);
}

.vk-card__kicker {
    position: absolute;
    top: 24px; right: 28px;
    font-size: 28px;
    font-weight: 800;
    color:#B5830F;
    letter-spacing: -0.02em;
    transition: color .4s ease;
}
.vk-card:hover .vk-card__kicker { color:#B5830F; }

.vk-card__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    border-radius: 16px;
    background: linear-gradient(135deg, rgba(255, 199, 44, 0.18), rgba(255, 199, 44, 0.10));
    border: 1px solid var(--vk-line-2);
    color: var(--vk-gold-2);
    margin-bottom: 22px;
    transition: transform .5s cubic-bezier(.2,.7,.15,1), background .4s ease, color .4s ease, border-color .4s ease;
}
.vk-card__icon svg { width: 30px; height: 30px; }
.vk-card:hover .vk-card__icon {
    transform: scale(1.08) rotate(-6deg);
    background: var(--vk-grad-gold);
    color: #0A0500;
    border-color: var(--vk-gold);
}

.vk-card__title {
    font-size: 21px;
    font-weight: 700;
    margin: 0 0 12px;
    color: var(--vk-text);
    line-height: 1.3;
}
.vk-card__desc {
    color: var(--vk-text-mid);
    font-size: 14.5px;
    line-height: 1.65;
    margin: 0;
}
.vk-card__glow {
    position: absolute;
    inset: -1px;
    border-radius: var(--vk-r-lg);
    pointer-events: none;
    background: var(--vk-grad-aurora);
    opacity: 0;
    z-index: -1;
    filter: blur(28px);
    transition: opacity .5s ease;
}
.vk-card:hover .vk-card__glow { opacity: .35; }

.vk-card__border {
    position: absolute;
    inset: -1px;
    border-radius: var(--vk-r-lg);
    pointer-events: none;
    padding: 1px;
    background: conic-gradient(from var(--ang, 0deg), transparent 0deg, var(--vk-gold) 60deg, transparent 120deg, transparent 360deg);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
            mask-composite: exclude;
    opacity: 0;
    transition: opacity .4s ease;
    animation: vk-rotate-border 5s linear infinite;
}
.vk-card:hover .vk-card__border { opacity: 1; }
@property --ang {
    syntax: '<angle>';
    inherits: false;
    initial-value: 0deg;
}
@keyframes vk-rotate-border {
    to { --ang: 360deg; }
}

/* ============================================================
   10. AGENT CARDS
   ============================================================ */
.vk-agents__grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    max-width: 1180px;
    margin-left: auto;
    margin-right: auto;
    justify-content: center;
}

.vk-card--agent {
    display: flex;
    flex-direction: column;
    color: inherit;
    padding: 28px 24px 26px;
    overflow: hidden;
    min-height: 320px;
}
.vk-card--agent::before {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: var(--vk-r-lg);
    padding: 1.5px;
    background: var(--vk-grad-gold);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
            mask-composite: exclude;
    opacity: 0;
    transition: opacity .4s ease;
    pointer-events: none;
    z-index: 1;
}
.vk-card--agent:hover::before { opacity: 1; }

.vk-grad--aurora::before  { background: var(--vk-grad-aurora); }
.vk-grad--gold::before    { background: var(--vk-grad-gold); }
.vk-grad--royal::before   { background: var(--vk-grad-royal); }
.vk-grad--cyan::before    { background: var(--vk-grad-cyan); }
.vk-grad--magenta::before { background: var(--vk-grad-magenta); }

.vk-grad--aurora .vk-card__glow  { background: var(--vk-grad-aurora); opacity: 0; }
.vk-grad--gold .vk-card__glow    { background: var(--vk-grad-gold); opacity: 0; }
.vk-grad--royal .vk-card__glow   { background: var(--vk-grad-royal); opacity: 0; }
.vk-grad--cyan .vk-card__glow    { background: var(--vk-grad-cyan); opacity: 0; }
.vk-grad--magenta .vk-card__glow { background: var(--vk-grad-magenta); opacity: 0; }

.vk-card--agent .vk-card__glow {
    position: absolute;
    inset: -2px;
    border-radius: var(--vk-r-lg);
    z-index: -1;
    filter: blur(32px);
    transition: opacity .5s ease;
}
.vk-card--agent:hover .vk-card__glow { opacity: .4; }

.vk-card__badge {
    display: inline-flex;
    align-self: flex-start;
    padding: 5px 12px;
    background: var(--vk-grad-gold);
    border: none;
    color: #0A0500;
    border-radius: var(--vk-r-pill);
    font-size: 10.5px;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    margin-bottom: 22px;
    box-shadow: 0 4px 14px rgba(255, 199, 44, 0.40);
}
.vk-grad--royal .vk-card__badge { background: var(--vk-grad-royal); color: #fff; box-shadow: 0 4px 14px rgba(255, 199, 44, 0.45); }
.vk-grad--cyan .vk-card__badge  { background: var(--vk-grad-cyan); color: #003036; box-shadow: 0 4px 14px rgba(255, 199, 44, 0.40); }
.vk-grad--aurora .vk-card__badge { background: var(--vk-grad-aurora); color: #fff; box-shadow: 0 4px 14px rgba(230, 169, 30, 0.40); }
.vk-grad--magenta .vk-card__badge { background: var(--vk-grad-magenta); color: #fff; box-shadow: 0 4px 14px rgba(230, 169, 30, 0.45); }

.vk-card__sub {
    color: var(--vk-text-dim);
    font-size: 12px;
    margin: -8px 0 14px;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}
.vk-card__meta {
    display: inline-block;
    margin-top: 14px;
    padding: 5px 12px;
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid var(--vk-line);
    border-radius: var(--vk-r-pill);
    font-size: 12px;
    color: var(--vk-text-mid);
    font-family: var(--vk-font-en);
    align-self: flex-start;
    transition: background .3s ease, border-color .3s ease, color .3s ease;
}
.vk-card--agent:hover .vk-card__meta {
    background: rgba(255, 199, 44, 0.10);
    border-color: var(--vk-line-2);
    color: var(--vk-gold-2);
}
.vk-card__cta {
    margin-top: auto;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding-top: 22px;
    color: var(--vk-gold-2);
    font-weight: 600;
    font-size: 14px;
    transition: gap .3s ease, color .3s ease;
}
.vk-card--agent:hover .vk-card__cta { color: var(--vk-gold); gap: 14px; }

.vk-card__shine {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 60%;
    background: linear-gradient(110deg, transparent 0%, rgba(255, 199, 44, 0.18) 50%, transparent 100%);
    transform: translateY(-100%) translateX(-30%) rotate(15deg);
    pointer-events: none;
    transition: transform 1s cubic-bezier(.2,.7,.15,1);
}
.vk-card--agent:hover .vk-card__shine {
    transform: translateY(160%) translateX(30%) rotate(15deg);
}

/* ============================================================
   11. STEPS
   ============================================================ */
.vk-steps {
    position: relative;
    list-style: none;
    padding: 0;
    margin: 0;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 18px;
}
.vk-steps__line {
    position: absolute;
    left: 8%;
    right: 8%;
    top: 60px;
    height: 2px;
    background: linear-gradient(90deg, transparent, var(--vk-gold), var(--vk-violet), transparent);
    opacity: .4;
    z-index: 0;
}
.vk-step {
    position: relative;
    z-index: 1;
    background: var(--vk-bg-card);
    border: 1px solid var(--vk-line);
    border-radius: var(--vk-r-lg);
    padding: 32px 24px 28px;
    box-shadow: var(--vk-shadow-card);
    backdrop-filter: blur(10px);
    transition: transform .4s ease, border-color .4s ease, background .4s ease, box-shadow .4s ease;
}
.vk-step:hover {
    transform: translateY(-6px);
    border-color: var(--vk-line-2);
    background: var(--vk-bg-card-2);
    box-shadow: var(--vk-shadow-card-hi);
}
.vk-step__num {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: var(--vk-grad-gold);
    color: #0A0500;
    font-family: var(--vk-font-en);
    font-size: 20px;
    font-weight: 800;
    margin-bottom: 18px;
    box-shadow: 0 8px 28px rgba(255, 199, 44, 0.45);
    position: relative;
}
.vk-step__num::after {
    content: '';
    position: absolute;
    inset: -4px;
    border-radius: 50%;
    border: 1px solid rgba(255, 199, 44, 0.35);
    animation: vk-step-ring 3s ease-in-out infinite;
}
@keyframes vk-step-ring {
    0%,100% { transform: scale(1); opacity: .8; }
    50%     { transform: scale(1.18); opacity: 0; }
}
.vk-step__title {
    font-size: 18px;
    font-weight: 700;
    margin: 0 0 8px;
    color: var(--vk-text);
}
.vk-step__desc {
    font-size: 14px;
    color: var(--vk-text-mid);
    margin: 0;
    line-height: 1.6;
}

/* ============================================================
   12. TESTIMONIALS
   ============================================================ */
.vk-quotes__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
}
.vk-quote {
    position: relative;
    margin: 0;
    padding: 36px 28px 28px;
    background: var(--vk-bg-card);
    border: 1px solid var(--vk-line);
    border-radius: var(--vk-r-lg);
    box-shadow: var(--vk-shadow-card);
    backdrop-filter: blur(10px);
    transition: transform .4s ease, border-color .4s ease, background .4s ease, box-shadow .4s ease;
    overflow: hidden;
    isolation: isolate;
}
.vk-quote::before {
    content: '';
    position: absolute;
    inset: 0;
    background: radial-gradient(80% 60% at 0% 0%, var(--qt-color, rgba(255, 199, 44, 0.08)), transparent 60%);
    z-index: -1;
    opacity: .6;
    transition: opacity .4s ease;
}
.vk-quote:hover {
    transform: translateY(-6px);
    border-color: var(--vk-line-2);
    background: var(--vk-bg-card-2);
    box-shadow: var(--vk-shadow-card-hi);
}
.vk-quote:hover::before { opacity: 1; }
.vk-quote--gold  { --qt-color:#B5830F; }
.vk-quote--royal { --qt-color:#B5830F; }
.vk-quote--cyan  { --qt-color:#B5830F; }
.vk-quote__mark {
    position: absolute;
    top: 8px; left: 22px;
    font-family: var(--vk-font-serif);
    font-style: italic;
    font-size: 96px;
    line-height: 1;
    color:#B5830F;
    pointer-events: none;
    user-select: none;
}
.vk-quote blockquote {
    margin: 0 0 26px;
    font-size: 15.5px;
    line-height: 1.65;
    color: var(--vk-text);
    position: relative;
    z-index: 1;
}
.vk-quote figcaption {
    display: grid;
    grid-template-columns: 44px 1fr auto;
    align-items: center;
    gap: 14px;
    padding-top: 18px;
    border-top: 1px solid var(--vk-line);
}
.vk-quote__avatar {
    width: 44px; height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: var(--vk-grad-gold);
    color: #0A0500;
    font-family: var(--vk-font-en);
    font-weight: 800;
    font-size: 13px;
    letter-spacing: -0.03em;
}
.vk-quote--royal .vk-quote__avatar { background: var(--vk-grad-royal); color: #fff; }
.vk-quote--cyan .vk-quote__avatar  { background: var(--vk-grad-cyan); color: #003036; }
.vk-quote__who { display: flex; flex-direction: column; line-height: 1.3; }
.vk-quote__who strong { font-size: 14.5px; color: var(--vk-text); font-weight: 700; }
.vk-quote__who small  { font-size: 12px; color: var(--vk-text-dim); margin-top: 3px; }
.vk-quote__rating { display: inline-flex; gap: 1px; color: var(--vk-gold); }

/* ============================================================
   13. SOCIAL COMMUNITY — PREMIUM
   ============================================================ */
.vk-social {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 22px;
}

/* Real brand colors */
.vk-social--fb   { --brand: #1877F2; color: #1877F2; }
.vk-social--page { --brand: #1877F2; color: #1877F2; }
.vk-social--yt   { --brand: #FF0000; color: #FF0000; }
.vk-social--tg   { --brand: #229ED9; color: #229ED9; }
.vk-social--ig   { --brand: #E1306C; color: #E1306C; --brand-bg: linear-gradient(45deg, #FFDC80 0%, #F77737 18%, #F56040 30%, #FD1D1D 45%, #E1306C 58%, #C13584 75%, #833AB4 87%, #5851DB 100%); }
.vk-social--wa   { --brand: #25D366; color: #25D366; }

.vk-social.vk-social--6 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.vk-social.vk-social--6 .vk-social__card {
    position: relative;
    display: flex;
    flex-direction: column;
    padding: 30px 28px 24px;
    border-radius: var(--vk-r-lg);
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.045) 0%, rgba(255, 255, 255, 0.012) 100%),
        #1A1814;
    border: 1px solid var(--vk-line);
    overflow: hidden;
    isolation: isolate;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    transition: transform .45s cubic-bezier(.2,.7,.15,1), border-color .45s ease, box-shadow .45s ease;
    text-decoration: none;
}

/* Top brand bar */
.vk-social.vk-social--6 .vk-social__card::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 2px;
    background: linear-gradient(90deg, transparent 0%, currentColor 25%, currentColor 75%, transparent 100%);
    opacity: .55;
    transition: opacity .45s ease, height .45s ease;
}

/* Brand-tinted ambient glow */
.vk-social.vk-social--6 .vk-social__card::after {
    content: '';
    position: absolute;
    top: -45%; left: -20%;
    width: 90%; height: 90%;
    background: radial-gradient(closest-side, currentColor, transparent 70%);
    opacity: .10;
    z-index: -1;
    transition: opacity .5s ease, transform .7s ease;
    pointer-events: none;
    filter: blur(28px);
}

.vk-social.vk-social--6 .vk-social__card:hover {
    transform: translateY(-6px);
    border-color: color-mix(in srgb, currentColor 55%, transparent);
    box-shadow:
        0 28px 64px -22px rgba(0, 0, 0, 0.6),
        0 0 0 1px color-mix(in srgb, currentColor 25%, transparent) inset,
        0 -16px 48px -28px currentColor inset;
}

.vk-social.vk-social--6 .vk-social__card:hover::before {
    opacity: 1;
    height: 3px;
}

.vk-social.vk-social--6 .vk-social__card:hover::after {
    opacity: .26;
    transform: scale(1.15);
}

/* Top row: icon + count */
.vk-social__top {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 14px;
    margin-bottom: 22px;
}

/* Branded icon box — real brand color tile, white logo */
.vk-social__icon {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 58px;
    height: 58px;
    border-radius: 16px;
    background: var(--brand-bg, var(--brand));
    border: 1px solid color-mix(in srgb, var(--brand) 50%, rgba(255, 255, 255, 0.10));
    color: #FFFFFF;
    overflow: visible;
    box-shadow:
        0 0 0 1px rgba(255, 255, 255, 0.10) inset,
        0 1px 0 rgba(255, 255, 255, 0.22) inset,
        0 -8px 18px rgba(0, 0, 0, 0.18) inset,
        0 10px 26px -10px var(--brand);
    transition: transform .55s cubic-bezier(.2,.7,.15,1), filter .4s ease, box-shadow .4s ease;
}
.vk-social__icon::after {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.18) 0%, rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.10) 100%);
    pointer-events: none;
}
.vk-social.vk-social--6 .vk-social__card .vk-social__icon svg {
    position: relative;
    z-index: 1;
    width: 26px;
    height: 26px;
    min-width: 26px;
    min-height: 26px;
    flex: 0 0 auto;
    display: block;
    overflow: visible;
    margin: 0;
    filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.18));
    transition: transform .5s cubic-bezier(.2,.7,.15,1);
}
.vk-social.vk-social--6 .vk-social__card:hover .vk-social__icon {
    transform: rotate(-4deg) scale(1.06);
    filter: brightness(1.08) saturate(1.1);
    box-shadow:
        0 0 0 1px rgba(255, 255, 255, 0.18) inset,
        0 1px 0 rgba(255, 255, 255, 0.30) inset,
        0 -8px 18px rgba(0, 0, 0, 0.20) inset,
        0 16px 40px -10px var(--brand);
}
.vk-social.vk-social--6 .vk-social__card:hover .vk-social__icon svg { transform: scale(1.05); }

/* Count number */
.vk-social__count {
    text-align: right;
    line-height: 1;
    font-family: var(--vk-font-en);
    font-weight: 800;
    font-size: 26px;
    background: var(--vk-grad-text);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
    letter-spacing: -0.01em;
}
.vk-social__count em {
    display: block;
    margin-top: 6px;
    font-style: normal;
    font-family: var(--vk-font-bn);
    font-size: 10.5px;
    font-weight: 500;
    color: var(--vk-text-dim);
    background: none;
    -webkit-text-fill-color: var(--vk-text-dim);
    letter-spacing: 0.10em;
    text-transform: uppercase;
}

/* Title + description */
.vk-social.vk-social--6 .vk-social__card h3 {
    margin: 0 0 8px;
    font-size: 19px;
    font-weight: 700;
    color: var(--vk-text);
    letter-spacing: -0.005em;
}
.vk-social.vk-social--6 .vk-social__card p {
    margin: 0;
    flex: 1;
    color: var(--vk-text-mid);
    font-size: 13.5px;
    line-height: 1.6;
}

/* CTA bar */
.vk-social.vk-social--6 .vk-social__card .vk-social__cta {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-top: 22px;
    padding-top: 18px;
    border-top: 1px solid var(--vk-line);
    color: currentColor;
    font-weight: 700;
    font-size: 13px;
    letter-spacing: 0.005em;
    transition: gap .3s ease, color .3s ease;
}
.vk-social.vk-social--6 .vk-social__card .vk-social__cta i {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: color-mix(in srgb, currentColor 16%, transparent);
    border: 1px solid color-mix(in srgb, currentColor 30%, transparent);
    font-style: normal;
    font-size: 13px;
    line-height: 1;
    color: currentColor;
    transition: transform .35s cubic-bezier(.2,.7,.15,1), background .35s ease, border-color .35s ease, color .35s ease;
}
.vk-social.vk-social--6 .vk-social__card:hover .vk-social__cta { gap: 12px; }
.vk-social.vk-social--6 .vk-social__card:hover .vk-social__cta i {
    background: var(--brand);
    color: #0A0500;
    border-color: transparent;
    transform: translateX(3px);
    box-shadow: 0 6px 16px -4px var(--brand);
}

/* Hide redundant corner arrow — CTA already has arrow */
.vk-social.vk-social--6 .vk-social__arrow { display: none; }

/* ============================================================
   13.6. BLOG SECTION
   ============================================================ */
.vk-blog__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
    margin-bottom: 36px;
}
.vk-blog__card {
    position: relative;
    background: var(--vk-bg-card);
    border: 1px solid var(--vk-line);
    border-radius: var(--vk-r-lg);
    overflow: hidden;
    box-shadow: var(--vk-shadow-card);
    backdrop-filter: blur(10px);
    transition: transform .4s cubic-bezier(.2,.7,.15,1), border-color .35s ease, background .35s ease, box-shadow .4s ease;
}
.vk-blog__card:hover {
    border-color: var(--vk-line-2);
    background: var(--vk-bg-card-2);
    box-shadow: var(--vk-shadow-card-hi);
}
.vk-blog__link {
    display: flex;
    flex-direction: column;
    height: 100%;
    color: inherit;
}
.vk-blog__cover {
    position: relative;
    aspect-ratio: 16 / 10;
    overflow: hidden;
    background: linear-gradient(135deg, rgba(255, 199, 44, 0.10), rgba(255, 199, 44, 0.10));
    border-bottom: 1px solid var(--vk-line);
}
.vk-blog__cover img {
    width: 100%; height: 100%; object-fit: cover;
    transition: transform .8s cubic-bezier(.2,.7,.15,1);
}
.vk-blog__card:hover .vk-blog__cover img { transform: scale(1.06); }
.vk-blog__cover-fallback {
    width: 100%; height: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color:#B5830F;
}
.vk-blog__cat {
    position: absolute;
    top: 14px; left: 14px;
    padding: 5px 12px;
    background: rgba(11, 27, 48, 0.85);
    border: 1px solid var(--vk-line-2);
    color: var(--vk-gold-2);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    border-radius: var(--vk-r-pill);
    backdrop-filter: blur(8px);
}
.vk-blog__meta {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 18px 24px 0;
    color: var(--vk-text-dim);
    font-size: 12.5px;
    font-family: var(--vk-font-en);
    letter-spacing: 0.02em;
}
.vk-blog__title {
    padding: 8px 24px 0;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.35;
    color: var(--vk-text);
    margin: 0;
    transition: color .3s ease;
}
.vk-blog__card:hover .vk-blog__title { color: var(--vk-gold-2); }
.vk-blog__excerpt {
    padding: 12px 24px;
    font-size: 14px;
    color: var(--vk-text-mid);
    line-height: 1.65;
    margin: 0;
    flex: 1;
}
.vk-blog__cta {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin: 0 24px 22px;
    padding-top: 16px;
    border-top: 1px solid var(--vk-line);
    color: var(--vk-gold-2);
    font-weight: 600;
    font-size: 13.5px;
    transition: gap .3s ease, color .3s ease;
}
.vk-blog__card:hover .vk-blog__cta { gap: 12px; color: var(--vk-gold); }
.vk-blog__empty {
    text-align: center;
    padding: 40px 24px;
    color: var(--vk-text-mid);
    background: var(--vk-bg-card);
    border: 1px dashed var(--vk-line-2);
    border-radius: var(--vk-r-lg);
    margin-bottom: 36px;
}
.vk-blog__more {
    display: flex;
    justify-content: center;
    gap: 14px;
    flex-wrap: wrap;
}

/* ============================================================
   14. PLATFORM LINKS — PREMIUM "VERIFIED GATEWAY"
   ============================================================ */
.vk-platforms {
    position: relative;
    background:
        radial-gradient(60% 80% at 0% 50%, rgba(255, 199, 44, 0.07), transparent 70%),
        radial-gradient(60% 80% at 100% 50%, rgba(255, 199, 44, 0.07), transparent 70%),
        linear-gradient(180deg, transparent, rgba(255, 199, 44, 0.025) 50%, transparent);
    border-block: 1px solid var(--vk-line);
    overflow: hidden;
    isolation: isolate;
}
.vk-platforms__aura {
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: 0;
    background:
        radial-gradient(closest-side, rgba(255, 199, 44, 0.18), transparent 70%) 20% 50% / 40% 60% no-repeat,
        radial-gradient(closest-side, rgba(255, 199, 44, 0.16), transparent 70%) 80% 50% / 40% 60% no-repeat;
    filter: blur(40px);
    opacity: .55;
}
.vk-platforms__inner {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: 1fr 1.1fr;
    gap: 64px;
    align-items: center;
}
.vk-platforms__copy { text-align: left; }
.vk-platforms__copy h2 { text-align: left; }
.vk-platforms__copy .vk-eyebrow,
.vk-platforms__copy .vk-lead { text-align: left; }

.vk-eyebrow--shield {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: linear-gradient(135deg, rgba(255, 199, 44, 0.14), rgba(255, 199, 44, 0.10));
    border: 1px solid rgba(255, 199, 44, 0.32);
    color: var(--vk-gold-2);
}
.vk-eyebrow--shield svg { color: var(--vk-gold); }

.vk-platforms__assure {
    list-style: none;
    margin: 24px 0 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.vk-platforms__assure li {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 7px 12px;
    border-radius: var(--vk-r-pill);
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid var(--vk-line);
    font-size: 12px;
    color: var(--vk-text-mid);
    letter-spacing: 0.01em;
}
.vk-platforms__assure li svg { color: var(--vk-gold); }

.vk-platforms__links {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.vk-plink {
    position: relative;
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 22px;
    padding: 24px 28px;
    border-radius: var(--vk-r-lg);
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.045) 0%, rgba(255, 255, 255, 0.012) 100%),
        rgba(26, 24, 20, 0.65);
    border: 1px solid transparent;
    background-clip: padding-box;
    overflow: hidden;
    isolation: isolate;
    color: var(--vk-text);
    text-decoration: none;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    box-shadow:
        0 12px 36px -16px rgba(0, 0, 0, 0.55),
        0 0 0 1px var(--vk-line) inset;
    transition: transform .45s cubic-bezier(.2,.7,.15,1), box-shadow .45s ease, background .45s ease;
}
.vk-plink::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 1px;
    background: linear-gradient(90deg, transparent, var(--vk-gold) 35%, var(--vk-violet) 65%, transparent);
    opacity: .55;
    transition: opacity .45s ease;
    pointer-events: none;
}
.vk-plink__shine {
    position: absolute;
    inset: 0;
    background: linear-gradient(115deg, transparent 30%, rgba(255, 217, 112, 0.10) 50%, transparent 70%);
    transform: translateX(-100%);
    transition: transform .9s ease;
    pointer-events: none;
    z-index: 0;
}
.vk-plink:hover {
    transform: translateY(-3px);
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.06) 0%, rgba(255, 255, 255, 0.018) 100%),
        rgba(26, 24, 20, 0.7);
    box-shadow:
        0 24px 60px -22px rgba(0, 0, 0, 0.6),
        0 0 0 1px rgba(255, 199, 44, 0.55) inset,
        0 0 32px rgba(255, 199, 44, 0.12) inset;
}
.vk-plink:hover::before { opacity: 1; }
.vk-plink:hover .vk-plink__shine { transform: translateX(100%); }
.vk-plink > * { position: relative; z-index: 1; }

/* Faded oversized index number */
.vk-plink__index {
    position: absolute;
    top: 50%;
    right: 22%;
    transform: translateY(-50%);
    font-family: var(--vk-font-en);
    font-weight: 900;
    font-size: 110px;
    line-height: 1;
    color:#B5830F;
    letter-spacing: -0.04em;
    pointer-events: none;
    z-index: 0;
    transition: color .45s ease, transform .55s ease;
}
.vk-plink:hover .vk-plink__index {
    color:#B5830F;
    transform: translateY(-50%) scale(1.04);
}

/* Verified badge */
.vk-plink__verify {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 56px;
    height: 56px;
    border-radius: 16px;
    background:
        radial-gradient(120% 120% at 30% 20%, rgba(255, 217, 112, 0.20), rgba(255, 199, 44, 0.06) 60%),
        rgba(26, 24, 20, 0.55);
    border: 1px solid rgba(255, 199, 44, 0.45);
    color: var(--vk-gold-2);
    box-shadow:
        0 0 0 1px rgba(255, 255, 255, 0.04) inset,
        0 1px 0 rgba(255, 255, 255, 0.10) inset,
        0 10px 24px -10px rgba(255, 199, 44, 0.45);
    transition: transform .5s cubic-bezier(.2,.7,.15,1), border-color .4s ease, box-shadow .4s ease, color .4s ease;
}
.vk-plink:hover .vk-plink__verify {
    color:#C8860B;
    border-color: var(--vk-gold);
    transform: rotate(-4deg) scale(1.04);
    box-shadow:
        0 0 0 1px rgba(255, 217, 112, 0.25) inset,
        0 1px 0 rgba(255, 255, 255, 0.18) inset,
        0 14px 32px -10px rgba(255, 199, 44, 0.55);
}

/* Body */
.vk-plink__body {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
}
.vk-plink__name {
    font-family: var(--vk-font-bn);
    font-weight: 700;
    font-size: 19px;
    color: var(--vk-text);
    letter-spacing: -0.005em;
}
.vk-plink__sub {
    color: var(--vk-text-mid);
    font-size: 13px;
    line-height: 1.4;
}
.vk-plink__pills {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 10px;
}
.vk-plink__pill {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 4px 10px;
    border-radius: var(--vk-r-pill);
    background: rgba(255, 199, 44, 0.08);
    border: 1px solid rgba(255, 199, 44, 0.22);
    font-family: var(--vk-font-en);
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--vk-gold-2);
    line-height: 1;
}
.vk-plink__pill svg { color: var(--vk-gold); flex: none; }

/* CTA */
.vk-plink__go {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 12px 18px;
    border-radius: var(--vk-r-pill);
    background:
        linear-gradient(135deg, #1A0F02 0%, #0A0500 55%, #150A00 100%) padding-box,
        linear-gradient(135deg, #FFE9A8 0%, #FFC72C 50%, #B97818 100%) border-box;
    border: 1px solid transparent;
    color: var(--vk-gold-2);
    font-family: var(--vk-font-bn);
    font-weight: 700;
    font-size: 13px;
    white-space: nowrap;
    transition: gap .3s ease, color .3s ease, transform .3s ease, box-shadow .3s ease;
    box-shadow: 0 8px 24px -10px rgba(255, 199, 44, 0.40);
}
.vk-plink__go-arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: rgba(255, 199, 44, 0.15);
    border: 1px solid rgba(255, 199, 44, 0.35);
    color: var(--vk-gold-2);
    transition: transform .4s cubic-bezier(.2,.7,.15,1), background .35s ease, color .35s ease, border-color .35s ease;
}
.vk-plink:hover .vk-plink__go {
    color:#C8860B;
    transform: translateX(2px);
    box-shadow: 0 14px 36px -10px rgba(255, 199, 44, 0.55);
}
.vk-plink:hover .vk-plink__go-arrow {
    background: var(--vk-gold);
    color: #0A0500;
    border-color: transparent;
    transform: rotate(-30deg);
}

/* ============================================================
   14.5. SEO CONTENT (long-form Bangla)
   ============================================================ */
.vk-seo {
    padding-block: clamp(48px, 6vw, 80px);
}
.vk-seo__head {
    text-align: center;
    max-width: 820px;
    margin: 0 auto 56px;
}
.vk-seo__head .vk-eyebrow,
.vk-seo__head .vk-h2 { text-align: center; }
.vk-seo__grid {
    display: grid;
    grid-template-columns: 1.4fr 1fr;
    gap: 56px;
    align-items: start;
}
.vk-seo__col p, .vk-seo__col h3 {
    margin: 0 0 12px;
}
.vk-seo__lead {
    font-size: 17px;
    line-height: 1.75;
    color: var(--vk-text);
    margin-bottom: 32px !important;
    padding-left: 18px;
    border-left: 2px solid var(--vk-gold);
}
.vk-seo__col h3 {
    margin-top: 28px;
    font-size: 21px;
    font-weight: 700;
    color: var(--vk-text);
    letter-spacing: -0.005em;
    position: relative;
    padding-left: 22px;
}
.vk-seo__col h3::before {
    content: '';
    position: absolute;
    left: 0; top: 50%;
    width: 12px; height: 12px;
    transform: translateY(-50%);
    border-radius: 50%;
    background: var(--vk-grad-gold);
    box-shadow: 0 0 12px rgba(255, 199, 44, 0.55);
}
.vk-seo__col p {
    color: var(--vk-text-mid);
    font-size: 15px;
    line-height: 1.75;
}
.vk-seo__col p strong {
    color: var(--vk-gold-2);
    font-weight: 700;
    font-family: var(--vk-font-bn);
}
.vk-seo__side { position: sticky; top: 110px; }
.vk-seo__panel {
    background:
        linear-gradient(140deg, rgba(255, 199, 44, 0.10), rgba(255, 199, 44, 0.08)),
        var(--vk-bg-card);
    border: 1px solid var(--vk-line-2);
    border-radius: var(--vk-r-lg);
    padding: 28px 28px 24px;
    box-shadow: var(--vk-shadow-card-hi);
    backdrop-filter: blur(12px);
    margin-bottom: 18px;
    position: relative;
    overflow: hidden;
}
.vk-seo__panel::before {
    content: '';
    position: absolute;
    inset: -1px;
    border-radius: var(--vk-r-lg);
    padding: 1px;
    background: var(--vk-grad-aurora);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
            mask-composite: exclude;
    opacity: .35;
    pointer-events: none;
}
.vk-seo__panel-title {
    font-size: 22px;
    font-weight: 700;
    margin: 0 0 12px;
    color: var(--vk-text);
}
.vk-seo__panel-title em {
    font-style: italic;
    font-family: var(--vk-font-serif);
    background: var(--vk-grad-em);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
    padding: .22em .18em .06em .04em;
    margin: -.22em -.13em -.06em -.04em;
}
.vk-seo__panel p {
    color: var(--vk-text-mid);
    font-size: 14px;
    line-height: 1.7;
    margin: 0 0 16px;
}
.vk-seo__cities {
    list-style: none;
    padding: 0;
    margin: 0 0 16px;
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}
.vk-seo__cities li {
    padding: 5px 12px;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid var(--vk-line);
    border-radius: var(--vk-r-pill);
    font-size: 12.5px;
    color: var(--vk-text-mid);
    transition: background .2s ease, color .2s ease, border-color .2s ease;
}
.vk-seo__cities li:hover {
    background: rgba(255, 199, 44, 0.14);
    color: var(--vk-gold-2);
    border-color: var(--vk-line-2);
}
.vk-seo__panel-note {
    font-size: 13px !important;
    color: var(--vk-text-dim) !important;
    padding-top: 16px;
    border-top: 1px solid var(--vk-line);
    margin: 0 !important;
}
.vk-seo__panel-note a {
    color: var(--vk-gold-2);
    text-decoration: underline;
    text-decoration-color:#B5830F;
    text-underline-offset: 3px;
}
.vk-seo__panel-note a:hover { color: var(--vk-gold); }
.vk-seo__metrics {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
}
.vk-seo__metric {
    background: var(--vk-bg-card);
    border: 1px solid var(--vk-line);
    border-radius: var(--vk-r-md);
    padding: 16px;
    text-align: center;
    transition: background .3s ease, border-color .3s ease;
}
.vk-seo__metric:hover {
    background: var(--vk-bg-card-2);
    border-color: var(--vk-line-2);
}
.vk-seo__metric-num {
    display: block;
    font-family: var(--vk-font-en);
    font-weight: 800;
    font-size: 26px;
    background: var(--vk-grad-text);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 4px;
}
.vk-seo__metric-num small { font-size: .55em; opacity: .85; }
.vk-seo__metric-lbl {
    display: block;
    font-size: 11.5px;
    color: var(--vk-text-mid);
    letter-spacing: 0.04em;
}

/* ============================================================
   14.6. CONTACT HUB
   ============================================================ */
.vk-contact {
    position: relative;
    isolation: isolate;
    overflow: hidden;
}
.vk-contact__bg {
    position: absolute;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    overflow: hidden;
}
.vk-contact__grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 18px;
    margin-bottom: 32px;
}
/* Single-channel layout (e.g. customer-service WhatsApp-only) — one centered, prominent card */
.vk-contact__grid--single {
    grid-template-columns: minmax(0, 1fr);
    max-width: 460px;
    margin-left: auto;
    margin-right: auto;
}
.vk-contact__grid--single .vk-contact__card {
    padding: 40px 34px 36px;
    text-align: center;
    align-items: center;
}
.vk-contact__grid--single .vk-contact__card .vk-contact__icon {
    margin-left: auto;
    margin-right: auto;
}
.vk-contact__grid--single .vk-contact__card .vk-contact__online {
    align-self: center;
}
/* Two-channel layout (e.g. complaints page — two WhatsApp lines) — centered pair */
.vk-contact__grid--duo {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    max-width: 760px;
    margin-left: auto;
    margin-right: auto;
}
.vk-contact__grid--duo .vk-contact__card {
    padding: 36px 30px 32px;
    text-align: center;
    align-items: center;
}
.vk-contact__grid--duo .vk-contact__card .vk-contact__icon {
    margin-left: auto;
    margin-right: auto;
}
.vk-contact__grid--duo .vk-contact__card .vk-contact__online {
    align-self: center;
}
@media (max-width: 560px) {
    .vk-contact__grid--duo {
        grid-template-columns: minmax(0, 1fr);
        max-width: 420px;
    }
}
.vk-contact__card {
    position: relative;
    padding: 28px 26px;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.045) 0%, rgba(255, 255, 255, 0.012) 100%),
        rgba(26, 24, 20, 0.55);
    border: 1px solid var(--vk-line);
    border-radius: var(--vk-r-lg);
    color: inherit;
    overflow: hidden;
    box-shadow: var(--vk-shadow-card);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    transition: transform .4s cubic-bezier(.2,.7,.15,1), border-color .35s ease, background .35s ease, box-shadow .4s ease;
    isolation: isolate;
    display: flex;
    flex-direction: column;
    text-decoration: none;
}
.vk-contact__card::before {
    content: '';
    position: absolute;
    inset: 0;
    background: radial-gradient(75% 100% at 0% 0%, var(--ctc, rgba(255, 199, 44, 0.12)), transparent 60%);
    z-index: 0;
    opacity: .8;
    transition: opacity .35s ease, background .35s ease;
    pointer-events: none;
}
.vk-contact__card > *:not(.vk-contact__pulse) { position: relative; z-index: 1; }
.vk-contact__card:hover {
    border-color: color-mix(in srgb, currentColor 55%, transparent);
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.06) 0%, rgba(255, 255, 255, 0.018) 100%),
        rgba(26, 24, 20, 0.55);
    box-shadow:
        0 28px 64px -22px rgba(0, 0, 0, 0.55),
        0 0 0 1px color-mix(in srgb, currentColor 22%, transparent) inset,
        0 -16px 48px -28px currentColor inset;
}
.vk-contact__card:hover::before {
    opacity: 1;
    background: radial-gradient(80% 110% at 0% 0%, var(--ctc-hi, var(--ctc, rgba(255, 199, 44, 0.22))), transparent 65%);
}
.vk-contact--whatsapp  { --brand: #25D366; --ctc: rgba(37, 211, 102, 0.14);  --ctc-hi: rgba(37, 211, 102, 0.28);  color: #25D366; }
.vk-contact--telegram  { --brand: #229ED9; --ctc: rgba(34, 158, 217, 0.14);  --ctc-hi: rgba(34, 158, 217, 0.28);  color: #229ED9; }
.vk-contact--email     { --brand: #FFC72C; --ctc: rgba(255, 199, 44, 0.14);  --ctc-hi: rgba(255, 199, 44, 0.28);  color: var(--vk-gold-2); }
.vk-contact--complaint { --brand: #F43F5E; --ctc: rgba(244, 63, 94, 0.14);   --ctc-hi: rgba(244, 63, 94, 0.28);   color: #F87171; }
.vk-contact--fb        { --brand: #1877F2; --ctc: rgba(24, 119, 242, 0.14);  --ctc-hi: rgba(24, 119, 242, 0.28);  color: #1877F2; }
.vk-contact--yt        { --brand: #FF0033; --ctc: rgba(255, 0, 51, 0.14);     --ctc-hi: rgba(255, 0, 51, 0.28);     color: #FF4D6D; }
.vk-contact--ig        { --brand: #E1306C; --ctc: rgba(225, 48, 108, 0.14);   --ctc-hi: rgba(225, 48, 108, 0.28);   color: #E1306C; }
.vk-contact--phone     { --brand: #FFD75E; --ctc: rgba(255, 199, 44, 0.14);   --ctc-hi: rgba(255, 199, 44, 0.28);   color: #C084FC; }

/* Branded icon tile — real brand color, white logo */
.vk-contact__icon {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 56px; height: 56px;
    border-radius: 16px;
    background: var(--brand);
    border: 1px solid color-mix(in srgb, var(--brand) 50%, rgba(255, 255, 255, 0.10));
    color: #FFFFFF;
    margin-bottom: 18px;
    overflow: visible;
    box-shadow:
        0 0 0 1px rgba(255, 255, 255, 0.10) inset,
        0 1px 0 rgba(255, 255, 255, 0.22) inset,
        0 -8px 18px rgba(0, 0, 0, 0.18) inset,
        0 10px 26px -10px var(--brand);
    transition: transform .45s cubic-bezier(.2,.7,.15,1), filter .35s ease, box-shadow .4s ease;
}
.vk-contact__icon::after {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.18) 0%, rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.10) 100%);
    pointer-events: none;
}
.vk-contact__icon svg {
    position: relative;
    z-index: 1;
    width: 26px;
    height: 26px;
    min-width: 26px;
    min-height: 26px;
    flex: 0 0 auto;
    overflow: visible;
    display: block;
    filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.18));
    transition: transform .45s cubic-bezier(.2,.7,.15,1);
}
.vk-contact__card:hover .vk-contact__icon {
    transform: rotate(-4deg) scale(1.05);
    filter: brightness(1.08) saturate(1.10);
    box-shadow:
        0 0 0 1px rgba(255, 255, 255, 0.18) inset,
        0 1px 0 rgba(255, 255, 255, 0.30) inset,
        0 -8px 18px rgba(0, 0, 0, 0.20) inset,
        0 16px 38px -10px var(--brand);
}
.vk-contact__card:hover .vk-contact__icon svg { transform: scale(1.05); }
.vk-contact__pulse {
    position: absolute;
    top: 22px; right: 22px;
    z-index: 2;
    width: 10px; height: 10px;
    border-radius: 50%;
    background: #25D366;
    box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.55);
    animation: vk-live-pulse 1.6s ease-in-out infinite;
}
.vk-contact__online {
    align-self: flex-start;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 12px;
    padding: 4px 10px;
    border-radius: var(--vk-r-pill);
    background: color-mix(in srgb, #22C55E 14%, transparent);
    border: 1px solid color-mix(in srgb, #22C55E 28%, transparent);
    color: #6EE7B7;
    font-size: 11px;
    font-weight: 700;
    font-family: var(--vk-font-bn);
    letter-spacing: 0.04em;
    line-height: 1;
}
.vk-contact__online--off {
    background: rgba(255, 255, 255, 0.04);
    border-color: var(--vk-line);
    color: var(--vk-text-mid);
}
.vk-contact__online i {
    width: 6px; height: 6px;
    background: currentColor;
    border-radius: 50%;
    box-shadow: 0 0 8px currentColor;
}
.vk-contact__card h3 {
    font-size: 19px;
    font-weight: 700;
    margin: 0 0 6px;
    color: var(--vk-text);
    letter-spacing: -0.005em;
}
.vk-contact__detail {
    margin: 0 0 6px;
    font-family: var(--vk-font-en);
    font-weight: 700;
    font-size: 14.5px;
    color: var(--vk-text);
    letter-spacing: 0.01em;
    overflow-wrap: anywhere;
    word-break: normal;
    line-height: 1.35;
}
.vk-contact__sub {
    margin: 0 0 18px;
    font-size: 13px;
    color: var(--vk-text-mid);
    flex: 1;
    line-height: 1.5;
    overflow-wrap: anywhere;
}
.vk-contact__cta {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding-top: 14px;
    border-top: 1px solid var(--vk-line);
    color: currentColor;
    font-weight: 700;
    font-size: 13px;
    letter-spacing: 0.005em;
    transition: gap .3s ease, color .3s ease;
}
.vk-contact__cta i {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: color-mix(in srgb, currentColor 16%, transparent);
    border: 1px solid color-mix(in srgb, currentColor 30%, transparent);
    font-style: normal;
    font-size: 13px;
    line-height: 1;
    transition: transform .35s cubic-bezier(.2,.7,.15,1), background .35s ease, color .35s ease, border-color .35s ease;
}
.vk-contact__card:hover .vk-contact__cta { gap: 12px; }
.vk-contact__card:hover .vk-contact__cta i {
    background: var(--brand);
    color: #0A0500;
    border-color: transparent;
    transform: translateX(3px);
    box-shadow: 0 6px 16px -4px var(--brand);
}

.vk-contact__bar {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 12px;
    padding: 20px 26px;
    background:
        linear-gradient(95deg, rgba(255, 199, 44, 0.06), rgba(255, 199, 44, 0.06)),
        var(--vk-bg-card);
    border: 1px solid var(--vk-line-2);
    border-radius: var(--vk-r-lg);
    backdrop-filter: blur(12px);
}
.vk-contact__bar-item {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: var(--vk-text-mid);
    font-size: 14px;
    justify-content: center;
}
.vk-contact__bar-item svg { color: var(--vk-gold); flex-shrink: 0; }
.vk-contact__bar-item strong {
    color: var(--vk-text);
    font-family: var(--vk-font-en);
    font-weight: 800;
}

/* ============================================================
   15. SUPPORT
   ============================================================ */
.vk-support__grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 18px;
}
.vk-support__card,
.vk-support__admin {
    background: var(--vk-bg-card);
    border: 1px solid var(--vk-line);
    border-radius: var(--vk-r-lg);
    padding: 36px 32px;
    box-shadow: var(--vk-shadow-card);
    backdrop-filter: blur(10px);
    transition: border-color .35s ease, background .35s ease, transform .35s ease, box-shadow .35s ease;
}
.vk-support__card:hover,
.vk-support__admin:hover {
    border-color: var(--vk-line-2);
    transform: translateY(-4px);
    box-shadow: var(--vk-shadow-card-hi);
}
.vk-support__card h3 { font-size: 22px; margin: 0 0 12px; color: var(--vk-text); }
.vk-support__card p { color: var(--vk-text-mid); font-size: 14.5px; margin: 0 0 24px; line-height: 1.65; }

.vk-support--service {
    background: linear-gradient(135deg, rgba(255, 199, 44, 0.10), rgba(255, 199, 44, 0.06));
    border-color: var(--vk-line-2);
}
.vk-support--complaint {
    background: linear-gradient(135deg, rgba(244, 63, 94, 0.08), rgba(255, 199, 44, 0.06));
    border-color: rgba(244, 63, 94, 0.22);
}
.vk-support__admin {
    display: grid;
    grid-template-columns: 88px 1fr;
    gap: 18px;
    align-items: start;
    background: linear-gradient(135deg, rgba(255, 199, 44, 0.10), rgba(255, 199, 44, 0.06));
    border-color: var(--vk-line-cool);
}
.vk-support__avatar {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 88px; height: 88px;
    border-radius: 50%;
    background: var(--vk-grad-gold);
    color: #0A0500;
    font-family: var(--vk-font-en);
    font-weight: 800;
    font-size: 22px;
    box-shadow: 0 8px 32px rgba(255, 199, 44, 0.45);
}
.vk-support__admin h3 { font-size: 20px; margin: 6px 0 8px; color: var(--vk-text); }
.vk-support__admin .vk-eyebrow { margin-bottom: 6px; }
.vk-support__status {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #34D399;
    font-size: 13px;
    font-weight: 600;
    margin-bottom: 18px;
}
.vk-support__status i {
    width: 8px; height: 8px;
    background: #34D399;
    border-radius: 50%;
    box-shadow: 0 0 0 0 rgba(52, 211, 153, 0.55);
    animation: vk-pulse-dot 2s ease-in-out infinite;
}

/* Trust / SLA stats card (replaces admin card) */
.vk-support--trust {
    background: linear-gradient(135deg, rgba(255, 199, 44, 0.10), rgba(255, 199, 44, 0.06));
    border-color: var(--vk-line-cool);
    display: flex;
    flex-direction: column;
}
.vk-support--trust .vk-eyebrow { margin-bottom: 8px; }
.vk-support--trust h3 { font-size: 22px; margin: 0 0 18px; color: var(--vk-text); }
.vk-support__stats {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
}
.vk-support__stats li {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 14px 14px;
    border: 1px solid var(--vk-line);
    border-radius: var(--vk-r-md, 14px);
    background: rgba(255, 255, 255, 0.025);
    transition: border-color .25s ease, background .25s ease, transform .25s ease;
}
.vk-support__stats li:hover {
    border-color: var(--vk-line-2);
    background: rgba(255, 255, 255, 0.05);
    transform: translateY(-2px);
}
.vk-support__stat-num {
    font-family: var(--vk-font-en);
    font-weight: 800;
    font-size: 20px;
    color: var(--vk-gold-2);
    line-height: 1.1;
}
.vk-support__stat-label {
    font-size: 13px;
    color: var(--vk-text-mid);
    line-height: 1.4;
}
@media (max-width: 480px){
    .vk-support__stats { grid-template-columns: 1fr; }
}

/* ============================================================
   16. FAQ
   ============================================================ */
.vk-faq__list {
    max-width: 920px;
    margin: 0 auto 36px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.vk-faq__item {
    background: var(--vk-bg-card);
    border: 1px solid var(--vk-line);
    border-radius: var(--vk-r-md);
    overflow: hidden;
    box-shadow: var(--vk-shadow-card);
    backdrop-filter: blur(10px);
    transition: border-color .35s ease, background .35s ease, box-shadow .35s ease;
}
.vk-faq__item[open] {
    border-color: var(--vk-line-2);
    background: var(--vk-bg-card-2);
    box-shadow: var(--vk-shadow-card-hi);
}
.vk-faq__item summary {
    list-style: none;
    cursor: pointer;
    padding: 20px 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    font-weight: 600;
    font-size: 16px;
    color: var(--vk-text);
}
.vk-faq__item summary::-webkit-details-marker { display: none; }
.vk-faq__q { flex: 1; }
.vk-faq__chev {
    width: 34px; height: 34px;
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: rgba(255, 199, 44, 0.10);
    border: 1px solid var(--vk-line);
    color: var(--vk-gold);
    transition: transform .35s ease, background .35s ease, border-color .35s ease, color .35s ease;
}
.vk-faq__chev svg { display: block; transition: transform .35s ease; }
.vk-faq__item[open] .vk-faq__chev { background: var(--vk-grad-gold); border-color: transparent; color: #0A0500; }
.vk-faq__item[open] .vk-faq__chev svg { transform: rotate(180deg); }
.vk-faq__answer {
    padding: 0 24px 22px;
    color: var(--vk-text-mid);
    font-size: 14.5px;
    line-height: 1.75;
    animation: vk-fade-down .4s ease;
}
.vk-faq__answer p { margin: 0; }
.vk-faq__more {
    display: flex;
    justify-content: center;
    gap: 14px;
    flex-wrap: wrap;
}

/* ============================================================
   17. FINAL CTA
   ============================================================ */
.vk-cta {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    padding: clamp(56px, 8vw, 96px) var(--vk-pad);
    text-align: center;
}
.vk-cta__bg {
    position: absolute;
    inset: 0;
    z-index: -1;
    overflow: hidden;
}
.vk-cta__bg::before {
    content: '';
    position: absolute;
    inset: 0;
    background:
        radial-gradient(60% 60% at 50% 50%, rgba(255, 199, 44, 0.20) 0%, transparent 60%),
        radial-gradient(40% 50% at 20% 80%, rgba(255, 199, 44, 0.25) 0%, transparent 60%),
        radial-gradient(40% 50% at 80% 20%, rgba(230, 169, 30, 0.18) 0%, transparent 60%);
    filter: blur(40px);
}
.vk-cta::before {
    content: '';
    position: absolute;
    inset: 0;
    border-block: 1px solid var(--vk-line-2);
    z-index: -2;
    background:
        linear-gradient(180deg, rgba(255, 199, 44, 0.04), transparent 30%, transparent 70%, rgba(255, 199, 44, 0.04));
}
.vk-cta__inner { max-width: 860px; margin: 0 auto; position: relative; z-index: 1; }
.vk-cta__buttons {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 14px;
    margin-top: 36px;
}

/* ============================================================
   18. FOOTER
   ============================================================ */
.vk-footer {
    background: linear-gradient(180deg, var(--vk-bg-dark) 0%, var(--vk-bg-dark-2) 100%);
    border-top: 1px solid var(--vk-line-2);
    padding: 70px var(--vk-pad) 32px;
    color: #C7BA9C;
    position: relative;
    overflow: hidden;
}
.vk-footer__glow {
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 1px;
    background: linear-gradient(90deg, transparent, var(--vk-gold), var(--vk-violet), transparent);
    opacity: .65;
}
.vk-footer__top {
    max-width: var(--vk-max);
    margin: 0 auto 48px;
    display: grid;
    grid-template-columns: 2fr 1fr 1fr 1fr;
    gap: 56px;
    position: relative;
    z-index: 1;
}
.vk-footer .vk-brand {
    margin-bottom: 18px;
    width: auto; height: auto;
    gap: 14px;
}
.vk-footer .vk-brand__text {
    display: flex;
    flex-direction: column;
    line-height: 1;
    position: relative;
    z-index: 1;
}
.vk-footer .vk-brand__name {
    font-size: 20px;
    letter-spacing: 0.10em;
    color: var(--vk-text);
    font-weight: 800;
    font-family: var(--vk-font-en);
}
.vk-footer .vk-brand__name em {
    background: var(--vk-grad-text);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    font-style: normal;
    margin-left: 4px;
}
.vk-footer .vk-brand__tag {
    font-size: 11px;
    color: var(--vk-text-dim);
    margin-top: 6px;
    font-weight: 500;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    font-family: var(--vk-font-en);
}
.vk-footer__brand p {
    color: var(--vk-text-mid);
    font-size: 14px;
    margin: 18px 0;
    max-width: 380px;
    line-height: 1.7;
}
.vk-footer__social {
    display: flex;
    gap: 10px;
}
.vk-footer__social a {
    width: 42px; height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid var(--vk-line);
    color: var(--vk-text-mid);
    transition: background .25s ease, color .25s ease, border-color .25s ease, transform .25s ease;
}
.vk-footer__social a:hover {
    background: var(--vk-grad-gold);
    color: #0A0500;
    border-color: transparent;
    transform: translateY(-3px) rotate(-6deg);
}
.vk-footer__col h4 {
    color: var(--vk-text);
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.18em;
    margin: 0 0 20px;
    font-weight: 700;
    font-family: var(--vk-font-en);
}
.vk-footer__col h4::after {
    content: '';
    display: block;
    width: 24px;
    height: 2px;
    background: var(--vk-grad-gold);
    margin-top: 8px;
    border-radius: 2px;
}
.vk-footer__col ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.vk-footer__col a {
    color: var(--vk-text-mid);
    font-size: 14px;
    transition: color .25s ease, transform .25s ease;
    display: inline-block;
}
.vk-footer__col a:hover { color: var(--vk-gold-2); transform: translateX(4px); }
.vk-footer__bot {
    max-width: var(--vk-max);
    margin: 0 auto;
    padding-top: 28px;
    border-top: 1px solid var(--vk-line);
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 12px;
    color: var(--vk-text-dim);
    font-size: 13px;
    position: relative;
    z-index: 1;
}
.vk-footer__bot p { margin: 0; }
.vk-footer__age {
    padding: 6px 14px;
    border: 1px solid var(--vk-line-2);
    border-radius: var(--vk-r-pill);
    font-size: 12px;
    color: var(--vk-gold-2);
    background: rgba(255, 199, 44, 0.06);
    font-family: var(--vk-font-en);
    letter-spacing: 0.06em;
}

/* ============================================================
   19. RESPONSIVE
   ============================================================ */
@media (max-width: 1180px) {
    .vk-nav__list a { --nav-pad-x: 10px; font-size: 13px; }
}
@media (max-width: 1040px) {
    .vk-nav { display: none; }
    .vk-burger { display: flex; }
    .vk-search-toggle { display: inline-flex; }
    .vk-cta-pulse span { display: none; }
    .vk-cta-pulse { padding: 9px 12px; }
    .vk-agents__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .vk-why__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .vk-quotes__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .vk-steps { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .vk-steps__line { display: none; }
    .vk-platforms__inner { grid-template-columns: 1fr; gap: 32px; }
    .vk-plink { padding: 20px 22px; gap: 16px; }
    .vk-plink__index { font-size: 80px; right: 18%; }
    .vk-support__grid { grid-template-columns: 1fr; }
    .vk-footer__top { grid-template-columns: 1fr 1fr; gap: 32px; }
    .vk-footer__brand { grid-column: 1 / -1; }
    .vk-social.vk-social--6 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .vk-blog__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .vk-blog__card:nth-child(3) { grid-column: 1 / -1; }
    .vk-seo__grid { grid-template-columns: 1fr; gap: 32px; }
    .vk-seo__side { position: static; }
    .vk-contact__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .vk-contact__bar { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 720px) {
    .vk-hero { min-height: auto; }
    .vk-hero__stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .vk-grid-cards,
    .vk-why__grid,
    .vk-agents__grid,
    .vk-quotes__grid,
    .vk-steps,
    .vk-social,
    .vk-social.vk-social--6,
    .vk-blog__grid,
    .vk-contact__grid { grid-template-columns: 1fr; }
    .vk-contact__grid,
    .vk-grid-cards,
    .vk-agents__grid,
    .vk-social,
    .vk-social.vk-social--6 { justify-items: center; }
    body.vk .vk-eyebrow {
        display: block;
        width: -moz-fit-content;
        width: fit-content;
        margin-left: auto !important;
        margin-right: auto !important;
    }
    .vk-contact__grid > .vk-contact__card,
    .vk-grid-cards > *,
    .vk-agents__grid > *,
    .vk-social > *,
    .vk-social.vk-social--6 > * {
        width: 100%;
        max-width: 420px;
        align-items: center;
        text-align: center;
    }
    .vk-contact__grid > .vk-contact__card > *,
    .vk-grid-cards > * > *,
    .vk-agents__grid > * > *,
    .vk-social > * > *,
    .vk-social.vk-social--6 > * > * { margin-left: auto; margin-right: auto; }
    /* Social card top row: stack icon + count vertically and center on mobile */
    body.vk .vk-social__top {
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 10px !important;
        text-align: center !important;
    }
    body.vk .vk-social__count { text-align: center; }
    .vk-blog__card:nth-child(3) { grid-column: auto; }
    .vk-seo__metrics { grid-template-columns: 1fr 1fr; }
    .vk-contact__bar { grid-template-columns: 1fr; gap: 8px; padding: 16px; }
    .vk-contact__bar-item { justify-content: flex-start; }
    .vk-footer__top { grid-template-columns: 1fr; gap: 32px; }
    .vk-footer__brand { grid-column: auto; }
    .vk-live__item { grid-template-columns: 44px 1fr; gap: 14px; padding: 14px 16px; border-radius: var(--vk-r-md); }
    .vk-live__avatar { width: 44px; height: 44px; font-size: 16px; }
    .vk-live__time { grid-column: 2; justify-self: start; font-size: 10.5px; opacity: .9; padding: 4px 8px; }
    .vk-live__what { font-size: 12.5px; }
    .vk-card__kicker { font-size: 24px; top: 18px; right: 22px; }
}
@media (max-width: 480px) {
    .vk-hero__stats { grid-template-columns: 1fr 1fr; }
    .vk-btn--lg, .vk-btn--xl { padding: 14px 22px; font-size: 14px; width: 100%; }
    .vk-hero__cta { flex-direction: column; }
    .vk-quote__mark { font-size: 72px; }
    .vk-card { padding: 26px 22px 24px; }
    .vk-hero__marquee { padding: 12px 0; }
    .vk-hero__marquee .vk-marquee__track { gap: 28px; }
    .vk-hero__marquee .vk-marquee__item { font-size: 12px; padding: 5px 11px; gap: 7px; }
    .vk-hero__scroll { display: none; }
    .vk-plink {
        grid-template-columns: auto 1fr;
        grid-template-rows: auto auto;
        gap: 14px 16px;
        padding: 18px 20px;
    }
    .vk-plink__verify { width: 48px; height: 48px; border-radius: 14px; }
    .vk-plink__verify svg { width: 18px; height: 18px; }
    .vk-plink__go {
        grid-column: 1 / -1;
        justify-content: center;
        padding: 11px 16px;
    }
    .vk-plink__index { font-size: 64px; right: 14px; opacity: .8; }
    .vk-plink__name { font-size: 17px; }
    .vk-plink__pill { padding: 3px 9px; font-size: 10px; }
}

/* ============================================================
   20. REDUCED MOTION
   ============================================================ */
@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after {
        animation: none !important;
        transition-duration: .01ms !important;
    }
    .vk-w { opacity: 1; transform: none; filter: none; }
    [data-reveal] { opacity: 1; transform: none; }
    .vk-cursor { display: none; }
}

/* ============================================================
   PAGE TEMPLATE — Agent list / inner page hero & sections
   ============================================================ */
.vk-pagehero {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    padding: clamp(32px, 4vw, 56px) var(--vk-pad) clamp(24px, 3vw, 40px);
    text-align: center;
    background:
        radial-gradient(60% 70% at 20% 0%, rgba(255, 199, 44, 0.10), transparent 70%),
        radial-gradient(60% 70% at 80% 100%, rgba(255, 199, 44, 0.10), transparent 70%);
    border-bottom: 1px solid var(--vk-line);
}
.vk-pagehero__bg { position: absolute; inset: 0; pointer-events: none; z-index: -1; opacity: .6; }
.vk-pagehero__inner {
    max-width: 920px;
    margin: 0 auto;
}
.vk-breadcrumb {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 12.5px;
    color: var(--vk-text-mid);
    margin-bottom: 12px;
    font-family: var(--vk-font-bn);
}
.vk-breadcrumb a {
    color: var(--vk-text-mid);
    text-decoration: none;
    transition: color .25s ease;
}
.vk-breadcrumb a:hover { color: var(--vk-gold-2); }
.vk-breadcrumb svg { color: var(--vk-text-dim); }
.vk-breadcrumb span { color: var(--vk-gold-2); font-weight: 600; }

.vk-pagehero .vk-eyebrow {
    margin-bottom: 14px;
}

.vk-pagehero__title {
    font-size: clamp(28px, 4.4vw, 52px);
    font-weight: 700;
    line-height: 1.22;
    margin: 0 0 12px;
    letter-spacing: -0.015em;
    color: var(--vk-text);
    font-family: var(--vk-font-bn);
    padding-top: 0.08em;
}
.vk-pagehero__title em {
    font-style: italic;
    font-family: var(--vk-font-serif);
    font-weight: 600;
    background: var(--vk-grad-em);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
    padding: .22em .18em .06em .04em;
    margin: -.22em -.13em -.06em -.04em;
}
.vk-pagehero__lead {
    max-width: 680px;
    margin: 0 auto 18px;
    color: var(--vk-text-mid);
    font-size: clamp(14px, 1.35vw, 16px);
    line-height: 1.6;
}

/* Stats row */
.vk-pagehero__stats {
    list-style: none;
    margin: 0 0 14px;
    padding: 0;
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    justify-content: center;
}
.vk-pagehero__stats li {
    display: flex;
    flex-direction: column;
    gap: 2px;
    align-items: center;
    min-width: 100px;
    padding: 10px 16px;
    border-radius: var(--vk-r-md);
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.012) 100%),
        rgba(26, 24, 20, 0.55);
    border: 1px solid var(--vk-line);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
}
.vk-pagehero__stat-num {
    font-family: var(--vk-font-en);
    font-size: 19px;
    font-weight: 800;
    line-height: 1.25;
    /* Gradient text — extend coverage so Bangla matras / শিরোরেখা don't render transparent */
    background: var(--vk-grad-text);
    background-size: 200% 140%;
    background-position: 0 50%;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
    padding: .12em .04em .04em;
    margin: -.12em -.04em -.04em;
}
.vk-pagehero__stat-lbl {
    color: var(--vk-text-dim);
    font-size: 10.5px;
    line-height: 1.4;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    padding-top: 0.05em;
}

/* Trust badge row */
.vk-pagehero__assure {
    list-style: none;
    margin: 0;
    padding: 0;
    display: inline-flex;
    flex-wrap: wrap;
    gap: 6px;
    justify-content: center;
}
.vk-pagehero__assure li {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 5px 11px;
    border-radius: var(--vk-r-pill);
    background: rgba(255, 199, 44, 0.07);
    border: 1px solid rgba(255, 199, 44, 0.22);
    font-size: 11.5px;
    line-height: 1.4;
    color: var(--vk-gold-2);
    letter-spacing: 0.01em;
}
.vk-pagehero__assure li svg { color: var(--vk-gold); }
/* Breathing room when the trust pills row sits directly after the search box (search page) */
.vk-pagehero .vk-faq__searchbox + .vk-pagehero__assure { margin-top: 14px; }

/* Feature grid (3-up) */
.vk-pagefeatures__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
}
.vk-pagefeature {
    position: relative;
    padding: 28px 26px 26px;
    border-radius: var(--vk-r-lg);
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.04) 0%, rgba(255, 255, 255, 0.012) 100%),
        rgba(26, 24, 20, 0.55);
    border: 1px solid var(--vk-line);
    overflow: hidden;
    isolation: isolate;
    transition: transform .4s cubic-bezier(.2,.7,.15,1), border-color .35s ease, box-shadow .4s ease;
}
.vk-pagefeature::before {
    content: "";
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 1px;
    background: linear-gradient(90deg, transparent, var(--vk-gold) 50%, transparent);
    opacity: .55;
    transition: opacity .35s ease;
}
.vk-pagefeature:hover {
    transform: translateY(-4px);
    border-color:#B5830F;
    box-shadow:
        0 22px 50px -22px rgba(0, 0, 0, 0.6),
        0 0 0 1px rgba(255, 199, 44, 0.22) inset;
}
.vk-pagefeature:hover::before { opacity: 1; }
.vk-pagefeature__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    border-radius: 14px;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.10) 0%, rgba(255, 255, 255, 0.02) 100%),
        rgba(255, 199, 44, 0.12);
    border: 1px solid rgba(255, 199, 44, 0.32);
    color: var(--vk-gold-2);
    margin-bottom: 16px;
    box-shadow: 0 8px 22px -10px rgba(255, 199, 44, 0.45);
}
.vk-pagefeature__title {
    font-size: 18px;
    font-weight: 700;
    color: var(--vk-text);
    margin: 0 0 6px;
    letter-spacing: -0.005em;
}
.vk-pagefeature__desc {
    font-size: 13.5px;
    line-height: 1.6;
    color: var(--vk-text-mid);
    margin: 0;
}

/* Page list section wrapper */
.vk-pagelist__wrap { margin-top: 8px; }

/* Page CTA */
.vk-pagecta {
    text-align: center;
    background:
        radial-gradient(60% 80% at 50% 0%, rgba(255, 199, 44, 0.10), transparent 70%);
    border-top: 1px solid var(--vk-line);
}
.vk-pagecta__inner { max-width: 720px; margin: 0 auto; }
.vk-pagecta .vk-eyebrow { margin-bottom: 18px; }
.vk-pagecta .vk-h2 { margin-bottom: 14px; }
.vk-pagecta__buttons {
    display: inline-flex;
    gap: 14px;
    margin-top: 24px;
    flex-wrap: wrap;
    justify-content: center;
}

/* Responsive */
@media (max-width: 880px) {
    .vk-pagefeatures__grid { grid-template-columns: 1fr; }
    .vk-pagehero__stats li { min-width: 0; flex: 1; padding: 8px 10px; }
    .vk-pagehero__stat-num { font-size: 16px; }
    .vk-pagehero__stat-lbl { font-size: 9.5px; }
}
@media (max-width: 480px) {
    .vk-pagehero { padding: 24px var(--vk-pad) 20px; }
    .vk-pagehero__title { font-size: 26px; }
    .vk-pagehero .vk-eyebrow { margin-bottom: 10px; }
    .vk-breadcrumb { margin-bottom: 8px; font-size: 11.5px; }
    .vk-pagehero__lead { margin: 0 auto 14px; font-size: 13.5px; }
    .vk-pagehero__stats { margin: 0 0 10px; gap: 6px; }
    .vk-pagecta__buttons { flex-direction: column; }
    .vk-pagecta__buttons .vk-btn { width: 100%; }
}


/* ============================================================
   FAQ PAGE — search box + premium accordion enhancements
   ============================================================ */
.vk-faq__searchbox {
    margin: 28px auto 0;
    max-width: 560px;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 14px 18px;
    border-radius: var(--vk-r-pill);
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.012) 100%),
        rgba(26, 24, 20, 0.55);
    border: 1px solid var(--vk-line-2);
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
    transition: border-color .25s ease, box-shadow .25s ease;
}
.vk-faq__searchbox:focus-within {
    border-color: var(--vk-gold);
    box-shadow: 0 0 0 3px rgba(255, 199, 44, 0.15);
}
.vk-faq__searchbox svg { color: var(--vk-gold-2); flex: none; }
.vk-faq__searchbox input {
    flex: 1;
    background: transparent;
    border: none;
    outline: none;
    color: var(--vk-text);
    font-family: var(--vk-font-bn);
    font-size: 14.5px;
    min-width: 0;
}
.vk-faq__searchbox input::placeholder { color: var(--vk-text-dim); }

.vk-faq__num {
    flex: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px; height: 32px;
    border-radius: 10px;
    font-family: var(--vk-font-en);
    font-weight: 800;
    font-size: 12px;
    color: var(--vk-gold-2);
    background: rgba(255, 199, 44, 0.10);
    border: 1px solid rgba(255, 199, 44, 0.25);
    margin-right: 14px;
}
.vk-faq__item[open] .vk-faq__num {
    background: var(--vk-grad-gold);
    color: #0A0500;
    border-color: transparent;
}

.vk-faq__answer {
    color: var(--vk-text-mid);
    line-height: 1.75;
}
.vk-faq__answer p { margin: 0 0 10px; }
.vk-faq__answer p:last-child { margin: 0; }

.vk-faq__empty {
    text-align: center;
    padding: 60px 30px;
    color: var(--vk-text-mid);
    border: 1px dashed var(--vk-line-2);
    border-radius: var(--vk-r-lg);
    background: rgba(255, 255, 255, 0.02);
}
.vk-faq__empty svg { color: var(--vk-gold); margin-bottom: 14px; opacity: .8; }
.vk-faq__empty h3 { color: var(--vk-text); margin: 0 0 6px; font-size: 18px; }
.vk-faq__empty p { margin: 0; font-size: 14px; }

/* ============================================================
   BLOG INDEX — category chips + pagination
   ============================================================ */
.vk-blog__chips {
    margin-top: 26px;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: center;
}
.vk-blog__chip {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 14px;
    border-radius: var(--vk-r-pill);
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid var(--vk-line);
    color: var(--vk-text-mid);
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
    transition: background .25s ease, border-color .25s ease, color .25s ease, transform .25s ease;
}
.vk-blog__chip:hover {
    background: rgba(255, 199, 44, 0.08);
    border-color:#B5830F;
    color: var(--vk-gold-2);
    transform: translateY(-1px);
}
.vk-blog__chip.is-active {
    background: var(--vk-grad-gold);
    color: #0A0500;
    border-color: transparent;
}
.vk-blog__chip-count {
    font-family: var(--vk-font-en);
    font-size: 10.5px;
    padding: 2px 6px;
    border-radius: 999px;
    background: rgba(0, 0, 0, 0.2);
    color: inherit;
}
.vk-blog__chip.is-active .vk-blog__chip-count {
    background: rgba(0, 0, 0, 0.18);
    color: #0A0500;
}

/* Pagination */
.vk-blog__pagination {
    margin-top: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
}
.vk-blog__pagination .page-numbers {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-width: 40px;
    height: 40px;
    padding: 0 14px;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid var(--vk-line);
    color: var(--vk-text-mid);
    font-family: var(--vk-font-en);
    font-weight: 700;
    font-size: 13px;
    text-decoration: none;
    transition: background .25s ease, border-color .25s ease, color .25s ease, transform .25s ease;
}
.vk-blog__pagination .page-numbers:hover {
    background: rgba(255, 199, 44, 0.10);
    border-color:#B5830F;
    color: var(--vk-gold-2);
    transform: translateY(-1px);
}
.vk-blog__pagination .page-numbers.current {
    background: var(--vk-grad-gold);
    color: #0A0500;
    border-color: transparent;
    box-shadow: 0 8px 22px -8px rgba(255, 199, 44, 0.55);
}
.vk-blog__pagination .page-numbers.dots {
    background: transparent;
    border-color: transparent;
    color: var(--vk-text-dim);
}
.vk-blog__pagination svg { vertical-align: -3px; }

/* ============================================================
   SINGLE POST — Premium reading experience
   ============================================================ */
.vk-post { color: var(--vk-text); }

.vk-post__hero { padding-bottom: clamp(14px, 1.8vw, 22px); }
.vk-post__hero-inner { max-width: 760px; }
.vk-post__cat {
    text-decoration: none;
    margin-bottom: 10px;
}
.vk-post__title {
    font-size: clamp(24px, 3.8vw, 44px);
    font-weight: 700;
    line-height: 1.22;
    margin: 0 0 10px;
    letter-spacing: -0.015em;
    color: var(--vk-text);
    padding-top: 0.08em;
}

.vk-post__meta {
    list-style: none;
    margin: 12px 0 0;
    padding: 0;
    display: inline-flex;
    flex-wrap: wrap;
    gap: 6px;
    justify-content: center;
}
.vk-post__meta li {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 5px 12px;
    border-radius: var(--vk-r-pill);
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid var(--vk-line);
    font-size: 12px;
    line-height: 1.4;
}
.vk-post__meta-icon { color: var(--vk-gold); display: inline-flex; }
.vk-post__meta-lbl { color: var(--vk-text-dim); font-size: 11px; }
.vk-post__meta-val { color: var(--vk-text); font-weight: 600; text-decoration: none; }
.vk-post__meta-val:hover { color: var(--vk-gold-2); }

/* Cover image — hero banner with gold-glow underlay */
.vk-post__cover {
    position: relative;
    margin: -6px auto clamp(18px, 2.2vw, 28px);
    max-width: var(--vk-max);
    padding: 0 var(--vk-pad);
    isolation: isolate;
}
.vk-post__cover img {
    display: block;
    width: 100%;
    height: auto;
    max-height: 380px;
    object-fit: cover;
    border-radius: var(--vk-r-lg);
    border: 1px solid rgba(255, 199, 44, 0.20);
    box-shadow:
        0 32px 80px -28px rgba(0, 0, 0, 0.7),
        0 0 0 1px rgba(255, 255, 255, 0.04) inset;
}
.vk-post__cover-glow {
    position: absolute;
    left: 10%;
    right: 10%;
    bottom: -16px;
    height: 60px;
    background: radial-gradient(60% 100% at 50% 0%, rgba(255, 199, 44, 0.30), transparent 70%);
    filter: blur(24px);
    pointer-events: none;
    z-index: -1;
}

/* Body wrap with sticky share rail — tighter padding */
.vk-section.vk-post__body-wrap {
    padding-block: clamp(18px, 2.2vw, 32px);
}
.vk-post__body-wrap {
    display: grid;
    grid-template-columns: 56px minmax(0, 1fr);
    gap: 18px;
    max-width: 920px;
    margin: 0 auto;
    align-items: start;
}
.vk-post__share-rail {
    position: sticky;
    top: 100px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
}
.vk-post__share-label {
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    font-family: var(--vk-font-en);
    font-size: 10px;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: var(--vk-text-dim);
    margin-bottom: 4px;
}
.vk-post__share-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid var(--vk-line);
    color: var(--vk-text-mid);
    cursor: pointer;
    padding: 0;
    transition: transform .3s cubic-bezier(.2,.7,.15,1), background .25s ease, color .25s ease, border-color .25s ease, box-shadow .3s ease;
}
.vk-post__share-btn:hover {
    transform: translateY(-2px) scale(1.05);
    border-color: transparent;
}
.vk-post__share-btn--fb:hover { background: #1877F2; color: #fff; box-shadow: 0 8px 20px -8px rgba(24, 119, 242, 0.65); }
.vk-post__share-btn--x:hover  { background: #fff; color: #000; box-shadow: 0 8px 20px -8px rgba(255, 255, 255, 0.45); }
.vk-post__share-btn--wa:hover { background: #25D366; color: #fff; box-shadow: 0 8px 20px -8px rgba(37, 211, 102, 0.65); }
.vk-post__share-btn--copy:hover { background: var(--vk-grad-gold); color: #0A0500; box-shadow: 0 8px 20px -8px rgba(255, 199, 44, 0.65); }
.vk-post__share-btn.is-copied { background: #22C55E; color: #fff; border-color: transparent; }

/* Article body typography — compact reading */
.vk-post__body {
    color: var(--vk-text);
    font-size: 16px;
    line-height: 1.7;
    font-family: var(--vk-font-bn);
}
.vk-post__body > * { max-width: 100%; }
.vk-post__body p {
    margin: 0 0 0.85em;
    color: var(--vk-text);
}
.vk-post__body p strong { color: var(--vk-gold-2); font-weight: 700; }
.vk-post__body a {
    color: var(--vk-gold-2);
    text-decoration: underline;
    text-decoration-color:#B5830F;
    text-underline-offset: 3px;
    transition: color .2s ease, text-decoration-color .2s ease;
}
.vk-post__body a:hover { color: var(--vk-gold); text-decoration-color: var(--vk-gold); }
.vk-post__body h2,
.vk-post__body h3,
.vk-post__body h4 {
    color: var(--vk-text);
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: -0.005em;
    margin: 1.2em 0 0.4em;
    padding-top: 0.05em;
}
.vk-post__body h2 {
    font-size: 22px;
    padding-bottom: 0.3em;
    border-bottom: 1px solid var(--vk-line);
}
.vk-post__body h3 { font-size: 18px; color: var(--vk-gold-2); }
.vk-post__body h4 { font-size: 16px; }
.vk-post__body ul,
.vk-post__body ol {
    margin: 0 0 0.9em;
    padding-left: 1.5em;
}
.vk-post__body ul { list-style: none; padding-left: 0; }
.vk-post__body ul li {
    position: relative;
    padding-left: 1.4em;
    margin: 0 0 0.3em;
}
.vk-post__body ul li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0.55em;
    width: 6px; height: 6px;
    border-radius: 50%;
    background: var(--vk-grad-gold);
    box-shadow: 0 0 0 3px rgba(255, 199, 44, 0.12);
}
.vk-post__body ol li { margin: 0 0 0.3em; }
.vk-post__body ol li::marker { color: var(--vk-gold-2); font-weight: 700; }

.vk-post__body img,
.vk-post__body figure {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 1em auto;
    border-radius: var(--vk-r-md);
    border: 1px solid var(--vk-line);
}
.vk-post__body figure { padding: 0; background: transparent; }
.vk-post__body figure img { margin: 0; border: none; border-radius: var(--vk-r-md); }
.vk-post__body figcaption {
    text-align: center;
    color: var(--vk-text-dim);
    font-size: 13px;
    margin-top: 8px;
}

.vk-post__body blockquote {
    margin: 1.2em 0;
    padding: 14px 18px 14px 22px;
    border-left: 3px solid var(--vk-gold);
    border-radius: 0 var(--vk-r-md) var(--vk-r-md) 0;
    background:
        linear-gradient(90deg, rgba(255, 199, 44, 0.08), transparent 80%),
        rgba(255, 255, 255, 0.02);
    color: var(--vk-text);
    font-style: italic;
    font-family: var(--vk-font-serif);
    font-size: 17px;
    line-height: 1.5;
}
.vk-post__body blockquote p:last-child { margin-bottom: 0; }
.vk-post__body blockquote cite {
    display: block;
    margin-top: 10px;
    font-style: normal;
    font-family: var(--vk-font-bn);
    font-size: 13px;
    color: var(--vk-text-dim);
}

.vk-post__body code {
    font-family: 'JetBrains Mono', 'Courier New', monospace;
    font-size: 0.92em;
    padding: 2px 8px;
    border-radius: 6px;
    background: rgba(255, 199, 44, 0.08);
    border: 1px solid rgba(255, 199, 44, 0.16);
    color: var(--vk-gold-2);
}
.vk-post__body pre {
    background: rgba(0, 0, 0, 0.55);
    border: 1px solid var(--vk-line);
    border-radius: var(--vk-r-md);
    padding: 14px 18px;
    overflow-x: auto;
    margin: 1em 0;
    font-size: 13.5px;
    line-height: 1.55;
}
.vk-post__body pre code { padding: 0; background: transparent; border: none; color: var(--vk-text); }

.vk-post__body table {
    width: 100%;
    border-collapse: collapse;
    margin: 1.1em 0;
    border-radius: var(--vk-r-md);
    overflow: hidden;
    border: 1px solid var(--vk-line);
}
.vk-post__body th,
.vk-post__body td {
    padding: 9px 14px;
    border-bottom: 1px solid var(--vk-line);
    text-align: left;
}
.vk-post__body th {
    background: rgba(255, 199, 44, 0.08);
    color: var(--vk-gold-2);
    font-weight: 700;
}
.vk-post__body tr:last-child td { border-bottom: none; }

/* Inline share bar at end of article */
.vk-post__share-bar {
    margin: 22px 0 16px;
    padding: 12px 16px;
    border-radius: var(--vk-r-md);
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.012)),
        rgba(26, 24, 20, 0.55);
    border: 1px solid var(--vk-line-2);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
}
.vk-post__share-text {
    font-size: 13.5px;
    color: var(--vk-text-mid);
}
.vk-post__share-buttons {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 8px;
}

/* Author card */
.vk-post__author {
    margin: 18px 0 0;
    padding: 14px 16px;
    border-radius: var(--vk-r-md);
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.012)),
        rgba(26, 24, 20, 0.55);
    border: 1px solid var(--vk-line);
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: 14px;
    align-items: center;
}
.vk-post__author-avatar {
    width: 52px;
    height: 52px;
    border-radius: 50%;
    overflow: hidden;
    border: 2px solid rgba(255, 199, 44, 0.45);
    box-shadow: 0 8px 22px -10px rgba(255, 199, 44, 0.5);
    flex-shrink: 0;
}
.vk-post__author-avatar img { width: 100%; height: 100%; object-fit: cover; display: block; }
.vk-post__author-label {
    font-size: 10.5px;
    font-family: var(--vk-font-en);
    text-transform: uppercase;
    letter-spacing: 0.12em;
    color: var(--vk-text-dim);
}
.vk-post__author-name { margin: 2px 0 4px; font-size: 16px; color: var(--vk-text); }
.vk-post__author-bio { margin: 0; color: var(--vk-text-mid); font-size: 13px; line-height: 1.5; }

/* Related posts */
.vk-post__related { padding-top: clamp(20px, 2.5vw, 36px); padding-bottom: clamp(24px, 3vw, 40px); }
.vk-post__related .vk-section__head { margin-bottom: 20px; }

/* Responsive */
@media (max-width: 880px) {
    .vk-post__body-wrap {
        grid-template-columns: 1fr;
        gap: 0;
    }
    .vk-post__share-rail {
        position: static;
        flex-direction: row;
        justify-content: center;
        margin-bottom: 20px;
    }
    .vk-post__share-label { writing-mode: horizontal-tb; transform: none; margin-bottom: 0; margin-right: 6px; }
    .vk-post__body { font-size: 16px; line-height: 1.8; }
    .vk-post__body h2 { font-size: 24px; }
    .vk-post__body h3 { font-size: 19px; }
    .vk-post__body blockquote { font-size: 17px; padding: 14px 18px 14px 22px; }
}
@media (max-width: 600px) {
    .vk-post__author { grid-template-columns: 1fr; text-align: center; }
    .vk-post__author-avatar { margin: 0 auto; }
    .vk-post__share-bar { flex-direction: column; align-items: stretch; }
    .vk-post__share-buttons { justify-content: center; }
    .vk-post__meta li { padding: 6px 11px; font-size: 11.5px; }
}


/* ============================================================
   SEARCH RESULTS — Premium group headers & empty state
   ============================================================ */
.vk-search-results { padding-top: clamp(20px, 2.5vw, 36px); }
.wickets-agent-search-results { display: flex; flex-direction: column; gap: 28px; }

.vk-search__group { margin: 0; }
.vk-search__group-head {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 18px;
    margin-bottom: 14px;
    border-radius: var(--vk-r-md);
    background:
        linear-gradient(90deg, rgba(255, 199, 44, 0.10), rgba(255, 199, 44, 0.06) 60%, transparent 100%),
        rgba(26, 24, 20, 0.55);
    border: 1px solid var(--vk-line);
    border-left: 3px solid var(--vk-gold);
}
.vk-search__group-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 9px;
    background: var(--vk-grad-gold);
    color: #0A0500;
    flex-shrink: 0;
    box-shadow: 0 6px 16px -8px rgba(255, 199, 44, 0.6);
}
.vk-search__group-title {
    margin: 0;
    flex: 1;
    font-family: var(--vk-font-bn);
    font-size: 18px;
    font-weight: 700;
    color: var(--vk-text);
    letter-spacing: -0.005em;
    line-height: 1.3;
}
.vk-search__group-count {
    flex-shrink: 0;
    padding: 4px 12px;
    border-radius: var(--vk-r-pill);
    background: rgba(255, 199, 44, 0.10);
    border: 1px solid rgba(255, 199, 44, 0.28);
    font-family: var(--vk-font-en);
    font-size: 12px;
    font-weight: 700;
    color: var(--vk-gold-2);
    letter-spacing: 0.02em;
}

/* Pagination — reuse the blog pagination styles, scoped */
.vk-search__pagination { margin-top: 32px; }

/* Empty state — premium */
.vk-search__empty {
    margin: 0 auto;
    max-width: 560px;
    padding: 40px 28px;
    text-align: center;
    border-radius: var(--vk-r-lg);
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.012)),
        rgba(26, 24, 20, 0.62);
    border: 1px solid var(--vk-line-2);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    box-shadow: 0 22px 50px -22px rgba(0, 0, 0, 0.55);
}
.vk-search__empty-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 72px;
    height: 72px;
    margin-bottom: 18px;
    border-radius: 50%;
    background:
        radial-gradient(120% 120% at 30% 20%, rgba(255, 217, 112, 0.20), rgba(255, 199, 44, 0.06) 60%),
        rgba(26, 24, 20, 0.55);
    border: 1px solid rgba(255, 199, 44, 0.32);
    color: var(--vk-gold-2);
    box-shadow: 0 12px 30px -12px rgba(255, 199, 44, 0.45);
}
.vk-search__empty-title {
    margin: 0 0 8px;
    font-size: 22px;
    font-weight: 700;
    color: var(--vk-text);
    font-family: var(--vk-font-bn);
}
.vk-search__empty-text {
    margin: 0 0 20px;
    color: var(--vk-text-mid);
    font-size: 14px;
    line-height: 1.65;
}
.vk-search__empty-text strong { color: var(--vk-gold-2); font-weight: 700; }
.vk-search__empty-suggestions {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
    justify-content: center;
}
.vk-search__empty-label {
    font-size: 11.5px;
    font-family: var(--vk-font-en);
    text-transform: uppercase;
    letter-spacing: 0.12em;
    color: var(--vk-text-dim);
    margin-right: 4px;
}
.vk-search__empty-chip {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 7px 14px;
    border-radius: var(--vk-r-pill);
    background: rgba(255, 199, 44, 0.08);
    border: 1px solid rgba(255, 199, 44, 0.30);
    color: var(--vk-gold-2);
    font-family: var(--vk-font-bn);
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
    transition: background .25s ease, border-color .25s ease, transform .25s ease, color .25s ease;
}
.vk-search__empty-chip:hover {
    background: var(--vk-grad-gold);
    color: #0A0500;
    border-color: transparent;
    transform: translateY(-1px);
}

/* Search re-search box — wider with submit button */
.vk-faq__searchbox.vk-search-redo {
    max-width: 640px;
    padding: 8px 8px 8px 18px;
    gap: 10px;
}
.vk-faq__searchbox.vk-search-redo .vk-btn { flex-shrink: 0; }

@media (max-width: 600px) {
    .vk-search__group-head { padding: 10px 14px; gap: 10px; }
    .vk-search__group-title { font-size: 16px; }
    .vk-search__empty { padding: 30px 20px; }
    .vk-search__empty-icon { width: 60px; height: 60px; }
    .vk-search__empty-title { font-size: 18px; }
}


/* ============================================================
   QUIZ — Premium VIP override (archive + single)
   Matches wickets dark luxe theme. Uses high specificity to win
   over the plugin's frontend.css that loads first.
   ============================================================ */

/* Page wrapper — let body bg show through */
body.vk .qms-arc-page {
    background: transparent !important;
    padding: 0 !important;
    min-height: 0 !important;
    color: var(--vk-text);
}
body.vk .qms-arc-orb,
body.vk .qms-arc-hero-grid { display: none !important; }

/* ── HERO ───────────────────────────────────────────────── */
body.vk .qms-arc-hero {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    padding: clamp(32px, 4vw, 56px) var(--vk-pad) clamp(20px, 2.5vw, 32px) !important;
    text-align: center;
    background:
        radial-gradient(60% 70% at 20% 0%, rgba(255, 199, 44, 0.10), transparent 70%),
        radial-gradient(60% 70% at 80% 100%, rgba(255, 199, 44, 0.10), transparent 70%) !important;
    border-bottom: 1px solid var(--vk-line);
    margin: 0 !important;
}
body.vk .qms-arc-hero-inner {
    max-width: 920px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    background: transparent !important;
}

/* Eyebrow badge */
body.vk .qms-arc-eyebrow-badge {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 6px 14px !important;
    border-radius: var(--vk-r-pill) !important;
    background: linear-gradient(135deg, rgba(255, 199, 44, 0.14), rgba(255, 199, 44, 0.10)) !important;
    border: 1px solid rgba(255, 199, 44, 0.32) !important;
    color: var(--vk-gold-2) !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: 0.1em !important;
    text-transform: uppercase !important;
    margin-bottom: 14px !important;
}
body.vk .qms-arc-eyebrow-icon { color: var(--vk-gold) !important; padding: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; }
body.vk .qms-arc-eyebrow-icon svg { width: 14px; height: 14px; }
body.vk .qms-arc-eyebrow-dots { display: none !important; }
body.vk .qms-arc-eyebrow-text { font-family: var(--vk-font-bn) !important; }
body.vk .qms-arc-eyebrow-label { display: inline-flex; gap: 6px; align-items: center; }

/* Hero title */
body.vk .qms-arc-hero-title {
    font-size: clamp(28px, 4.4vw, 52px) !important;
    font-weight: 700 !important;
    line-height: 1.22 !important;
    margin: 0 0 12px !important;
    letter-spacing: -0.015em !important;
    color: var(--vk-text) !important;
    font-family: var(--vk-font-bn) !important;
    padding-top: 0.08em !important;
    text-shadow: none !important;
}
body.vk .qms-arc-title-highlight {
    font-style: italic !important;
    font-family: var(--vk-font-serif) !important;
    font-weight: 600 !important;
    background: var(--vk-grad-em) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    color: transparent !important;
    display: inline-block !important;
    padding: .22em .18em .06em .04em !important;
    margin: -.22em -.13em -.06em -.04em !important;
}

/* Hero subtitle */
body.vk .qms-arc-hero-sub {
    max-width: 680px !important;
    margin: 0 auto 18px !important;
    color: var(--vk-text-mid) !important;
    font-size: clamp(14px, 1.35vw, 16px) !important;
    line-height: 1.6 !important;
    font-family: var(--vk-font-bn) !important;
}

/* Stats pills row */
body.vk .qms-arc-stats {
    display: inline-flex !important;
    flex-wrap: wrap;
    gap: 8px !important;
    justify-content: center;
    margin: 0 !important;
}
body.vk .qms-arc-stat {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 6px 12px !important;
    border-radius: var(--vk-r-pill) !important;
    background: rgba(255, 255, 255, 0.04) !important;
    border: 1px solid var(--vk-line) !important;
    color: var(--vk-text-mid) !important;
    font-size: 11.5px !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;
    font-family: var(--vk-font-bn) !important;
}
body.vk .qms-arc-stat svg { color: var(--vk-gold-2); }
body.vk .qms-arc-stat-live { background: rgba(34, 197, 94, 0.10) !important; border-color: rgba(34, 197, 94, 0.32) !important; color: #6EE7B7 !important; }
body.vk .qms-arc-stat-upcoming { background: rgba(255, 199, 44, 0.10) !important; border-color:#B5830F !important; color: var(--vk-gold-2) !important; }
body.vk .qms-arc-stat-closed { background: rgba(244, 63, 94, 0.08) !important; border-color: rgba(244, 63, 94, 0.25) !important; color: #FCA5A8 !important; }
body.vk .qms-arc-stat-dot { width: 6px; height: 6px; border-radius: 50%; display: inline-block; }
body.vk .qms-arc-stat-dot-live { background: #22C55E; box-shadow: 0 0 0 0 rgba(34, 197, 94, 0.6); animation: vk-live-pulse 1.6s ease-in-out infinite; }
body.vk .qms-arc-stat-dot-upcoming { background: var(--vk-gold); }
body.vk .qms-arc-stat-dot-closed { background: #F43F5E; }

/* ── CONTAINER + GRID ──────────────────────────────────── */
body.vk .qms-arc-container {
    max-width: var(--vk-max) !important;
    margin: 0 auto !important;
    padding: clamp(28px, 3.5vw, 48px) var(--vk-pad) clamp(24px, 3vw, 40px) !important;
}
body.vk .qms-arc-grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)) !important;
    gap: 18px !important;
    margin: 0 !important;
}

/* ── QUIZ CARD ─────────────────────────────────────────── */
body.vk .qms-arc-card {
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    padding: 0 !important;
    border-radius: var(--vk-r-lg) !important;
    overflow: hidden !important;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.045) 0%, rgba(255, 255, 255, 0.012) 100%),
        rgba(26, 24, 20, 0.62) !important;
    border: 1px solid var(--vk-line) !important;
    isolation: isolate;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    box-shadow: 0 10px 30px -16px rgba(0, 0, 0, 0.55) !important;
    text-decoration: none !important;
    color: var(--vk-text) !important;
    transition: transform .35s cubic-bezier(.2,.7,.15,1), border-color .35s ease, box-shadow .35s ease !important;
}
body.vk .qms-arc-card::before {
    content: "";
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 2px;
    background: linear-gradient(90deg, transparent 10%, var(--vk-gold) 50%, transparent 90%);
    opacity: .55;
    transition: opacity .35s ease;
    z-index: 2;
}
body.vk .qms-card-live::before { background: linear-gradient(90deg, transparent 10%, #22C55E 50%, transparent 90%) !important; }
body.vk .qms-card-upcoming::before { background: linear-gradient(90deg, transparent 10%, var(--vk-gold) 50%, transparent 90%) !important; }
body.vk .qms-card-closed::before { background: linear-gradient(90deg, transparent 10%, rgba(244, 63, 94, 0.55) 50%, transparent 90%) !important; }
body.vk .qms-arc-card:hover {
    transform: translateY(-4px) !important;
    border-color:#B5830F !important;
    box-shadow:
        0 24px 60px -22px rgba(0, 0, 0, 0.65),
        0 0 0 1px rgba(255, 199, 44, 0.22) inset !important;
}
body.vk .qms-arc-card:hover::before { opacity: 1; }
body.vk .qms-card-glow { display: none !important; }

/* Thumb */
body.vk .qms-card-thumb {
    position: relative !important;
    height: 150px !important;
    margin: 0 !important;
    background:
        radial-gradient(70% 80% at 50% 20%, rgba(255, 199, 44, 0.18), transparent 70%),
        rgba(255, 199, 44, 0.04) !important;
    border-bottom: 1px solid var(--vk-line) !important;
    overflow: hidden !important;
    display: flex;
    align-items: center;
    justify-content: center;
}
body.vk .qms-card-thumb img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
}
body.vk .qms-card-thumb-placeholder {
    width: 100% !important;
    height: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: transparent !important;
    border: none !important;
}
body.vk .qms-card-thumb-placeholder svg {
    width: 60px !important;
    height: 60px !important;
    color: var(--vk-gold-2) !important;
    opacity: .85 !important;
    filter: drop-shadow(0 4px 16px rgba(255, 199, 44, 0.4)) !important;
}
body.vk .qms-card-thumb-overlay {
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(180deg, transparent 0%, transparent 50%, rgba(26, 24, 20, 0.65) 100%) !important;
    pointer-events: none;
}

/* Status badge (top-left of thumb) */
body.vk .qms-arc-badge {
    position: absolute !important;
    top: 12px !important;
    left: 12px !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 4px 10px !important;
    border-radius: var(--vk-r-pill) !important;
    font-family: var(--vk-font-bn) !important;
    font-size: 10.5px !important;
    font-weight: 700 !important;
    letter-spacing: 0.06em !important;
    text-transform: uppercase !important;
    line-height: 1 !important;
    z-index: 3 !important;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}
body.vk .qms-badge-live    { background: rgba(34, 197, 94, 0.18) !important; color: #6EE7B7 !important; border: 1px solid rgba(34, 197, 94, 0.42) !important; box-shadow: 0 4px 14px -4px rgba(34, 197, 94, 0.45) !important; }
body.vk .qms-badge-upcoming{ background: rgba(255, 199, 44, 0.16) !important; color: var(--vk-gold-2) !important; border: 1px solid rgba(255, 199, 44, 0.40) !important; box-shadow: 0 4px 14px -4px rgba(255, 199, 44, 0.45) !important; }
body.vk .qms-badge-closed  { background: rgba(244, 63, 94, 0.12) !important; color: #FCA5A8 !important; border: 1px solid rgba(244, 63, 94, 0.32) !important; }
body.vk .qms-badge-pulse {
    width: 6px !important; height: 6px !important;
    background: #22C55E !important;
    border-radius: 50% !important;
    box-shadow: 0 0 0 0 rgba(34, 197, 94, 0.65) !important;
    animation: vk-live-pulse 1.6s ease-in-out infinite !important;
}

/* Question count chip (top-right of thumb) */
body.vk .qms-card-q-chip {
    position: absolute !important;
    top: 12px !important;
    right: 12px !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
    padding: 4px 10px !important;
    border-radius: var(--vk-r-pill) !important;
    background: #1A1814 !important;
    border: 1px solid rgba(255, 199, 44, 0.30) !important;
    color: var(--vk-gold-2) !important;
    font-family: var(--vk-font-bn) !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    z-index: 3 !important;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}
body.vk .qms-card-q-chip svg { color: var(--vk-gold) !important; }

/* Card body */
body.vk .qms-card-body {
    padding: 14px 16px 16px !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    flex: 1 !important;
    background: transparent !important;
}

/* Title */
body.vk .qms-card-title {
    margin: 0 !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    color: var(--vk-text) !important;
    line-height: 1.35 !important;
    letter-spacing: -0.005em !important;
    font-family: var(--vk-font-bn) !important;
}

/* Countdown wrap */
body.vk .qms-card-countdown-wrap {
    margin: 0 !important;
    padding: 8px 10px !important;
    border-radius: var(--vk-r-md) !important;
    background: rgba(255, 255, 255, 0.025) !important;
    border: 1px solid var(--vk-line) !important;
}
body.vk .qms-cd-ended {
    color: var(--vk-text-mid) !important;
    font-size: 12.5px !important;
    text-align: center !important;
    padding: 4px 0 !important;
    font-family: var(--vk-font-bn);
}
body.vk .qms-cd-label {
    font-size: 9.5px !important;
    font-weight: 700 !important;
    color: var(--vk-text-dim) !important;
    letter-spacing: 0.10em !important;
    text-transform: uppercase !important;
    margin: 0 0 6px !important;
    text-align: center;
    font-family: var(--vk-font-en);
}
body.vk .qms-cd-boxes {
    display: flex !important;
    justify-content: space-between !important;
    gap: 6px !important;
    padding: 0 !important;
    background: transparent !important;
    border: none !important;
}
body.vk .qms-cd-unit {
    flex: 1 !important;
    text-align: center !important;
    background: rgba(0, 0, 0, 0.30) !important;
    border: 1px solid rgba(255, 199, 44, 0.18) !important;
    border-radius: 8px !important;
    padding: 5px 4px !important;
}
body.vk .qms-cd-num {
    display: block !important;
    font-family: var(--vk-font-en) !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    background: var(--vk-grad-text) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    color: transparent !important;
    line-height: 1.1 !important;
    background-size: 200% 140% !important;
    background-position: 0 50% !important;
    padding: .08em 0 !important;
    margin: -.08em 0 !important;
}
body.vk .qms-cd-sep {
    display: block !important;
    font-size: 8.5px !important;
    color: var(--vk-text-dim) !important;
    letter-spacing: 0.06em !important;
    text-transform: uppercase !important;
    margin-top: 1px !important;
    font-family: var(--vk-font-bn) !important;
}

/* Prize hint */
body.vk .qms-card-prize-hint {
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
    padding: 4px 10px !important;
    border-radius: var(--vk-r-pill) !important;
    background: rgba(255, 199, 44, 0.10) !important;
    border: 1px solid rgba(255, 199, 44, 0.28) !important;
    color: var(--vk-gold-2) !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    width: fit-content !important;
    font-family: var(--vk-font-bn) !important;
}
body.vk .qms-card-prize-hint svg { color: var(--vk-gold) !important; filter: drop-shadow(0 0 4px rgba(255, 199, 44, 0.5)); }

/* Footer / CTA */
body.vk .qms-card-footer { margin-top: auto !important; padding: 0 !important; background: transparent !important; border: none !important; }
body.vk .qms-card-cta {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    width: 100% !important;
    padding: 10px 18px !important;
    border-radius: var(--vk-r-pill) !important;
    font-family: var(--vk-font-bn) !important;
    font-weight: 700 !important;
    font-size: 13.5px !important;
    text-decoration: none !important;
    transition: transform .3s ease, box-shadow .3s ease, background .3s ease !important;
}
body.vk .qms-cta-live {
    background: linear-gradient(135deg, #2EE372 0%, #25D366 50%, #128C7E 100%) !important;
    color: #fff !important;
    border: none !important;
    box-shadow: 0 8px 24px -10px rgba(37, 211, 102, 0.5);
}
body.vk .qms-arc-card:hover .qms-cta-live { transform: translateY(-2px); box-shadow: 0 14px 32px -10px rgba(37, 211, 102, 0.65); }
body.vk .qms-cta-upcoming {
    background:
        linear-gradient(135deg, #1A0F02 0%, #0A0500 55%, #150A00 100%) padding-box,
        linear-gradient(135deg, #FFE9A8 0%, #FFC72C 50%, #B97818 100%) border-box !important;
    border: 1px solid transparent !important;
    color: var(--vk-gold-2) !important;
    box-shadow: 0 8px 24px -10px rgba(255, 199, 44, 0.4);
}
body.vk .qms-arc-card:hover .qms-cta-upcoming { transform: translateY(-2px); box-shadow: 0 14px 32px -10px rgba(255, 199, 44, 0.55); }
body.vk .qms-cta-closed {
    background: rgba(255, 255, 255, 0.04) !important;
    border: 1px solid var(--vk-line-2) !important;
    color: var(--vk-text-mid) !important;
}
body.vk .qms-arc-card:hover .qms-cta-closed { background: rgba(255, 255, 255, 0.07) !important; color: var(--vk-text) !important; }

/* ── LOAD MORE ─────────────────────────────────────────── */
body.vk .qms-load-more-wrap {
    margin-top: 32px !important;
    text-align: center;
}
body.vk .qms-load-more-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 12px 26px !important;
    border-radius: var(--vk-r-pill) !important;
    background:
        linear-gradient(135deg, #1A0F02 0%, #0A0500 55%, #150A00 100%) padding-box,
        linear-gradient(135deg, #FFE9A8 0%, #FFC72C 50%, #B97818 100%) border-box !important;
    border: 1px solid transparent !important;
    color: var(--vk-gold-2) !important;
    font-family: var(--vk-font-bn) !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    cursor: pointer !important;
    box-shadow: 0 8px 24px -10px rgba(255, 199, 44, 0.4) !important;
    transition: transform .3s ease, box-shadow .3s ease !important;
}
body.vk .qms-load-more-btn:hover { transform: translateY(-2px); box-shadow: 0 14px 32px -10px rgba(255, 199, 44, 0.6) !important; }
body.vk .qms-load-more-btn .qms-lm-icon { color: var(--vk-gold-2); }
body.vk .qms-lm-spinner {
    width: 14px; height: 14px;
    border: 2px solid rgba(255, 199, 44, 0.3);
    border-top-color: var(--vk-gold);
    border-radius: 50%;
    animation: vk-search-spin .8s linear infinite;
    display: none;
}
body.vk .qms-load-more-btn.qms-lm-loading .qms-lm-spinner { display: inline-block; }
body.vk .qms-load-more-btn.qms-lm-loading .qms-lm-icon { display: none; }
body.vk .qms-lm-count {
    color: var(--vk-text-dim) !important;
    font-size: 12px !important;
    margin-top: 12px !important;
    font-family: var(--vk-font-bn);
}

/* ── EMPTY STATE ───────────────────────────────────────── */
body.vk .qms-arc-empty-state {
    text-align: center !important;
    padding: 60px 28px !important;
    border-radius: var(--vk-r-lg) !important;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.012)),
        rgba(26, 24, 20, 0.55) !important;
    border: 1px solid var(--vk-line-2) !important;
    max-width: 560px !important;
    margin: 0 auto !important;
}
body.vk .qms-arc-empty-icon {
    font-size: 56px !important;
    margin-bottom: 14px !important;
    filter: drop-shadow(0 8px 22px rgba(255, 199, 44, 0.3));
}
body.vk .qms-arc-empty-state h3 {
    color: var(--vk-text) !important;
    font-size: 22px !important;
    margin: 0 0 6px !important;
    font-family: var(--vk-font-bn) !important;
}
body.vk .qms-arc-empty-state p {
    color: var(--vk-text-mid) !important;
    font-size: 14px !important;
    margin: 0 !important;
    font-family: var(--vk-font-bn);
}

/* ── SINGLE QUIZ PAGE ──────────────────────────────────── */
body.vk .qms-single-page { background: transparent !important; }
body.vk .qms-single-wrap {
    max-width: var(--vk-max) !important;
    margin: 0 auto !important;
    padding: clamp(28px, 3.5vw, 48px) var(--vk-pad) clamp(40px, 5vw, 72px) !important;
}

/* Schedule notice (upcoming/closed) */
body.vk .qms-schedule-notice,
body.vk .qms-error,
body.vk .qms-quiz-closed {
    max-width: 720px;
    margin: 0 auto !important;
    padding: 32px 28px !important;
    text-align: center;
    border-radius: var(--vk-r-lg) !important;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.012)),
        rgba(26, 24, 20, 0.62) !important;
    border: 1px solid var(--vk-line-2) !important;
    color: var(--vk-text) !important;
}

/* Quiz title */
body.vk .qms-single-wrap > h1,
body.vk .qms-quiz-title {
    font-size: clamp(24px, 3.4vw, 38px) !important;
    font-weight: 700 !important;
    line-height: 1.22 !important;
    color: var(--vk-text) !important;
    margin: 0 0 14px !important;
    letter-spacing: -0.01em !important;
    font-family: var(--vk-font-bn) !important;
    padding-top: 0.08em !important;
}

/* Generic quiz blocks */
body.vk .qms-section,
body.vk .qms-quiz-meta,
body.vk .qms-prize-banner,
body.vk .qms-form-wrap,
body.vk .qms-form,
body.vk .qms-question,
body.vk .qms-results {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.012)),
        rgba(26, 24, 20, 0.55) !important;
    border: 1px solid var(--vk-line) !important;
    border-radius: var(--vk-r-lg) !important;
    color: var(--vk-text) !important;
}

/* Form fields */
body.vk .qms-single-wrap input[type="text"],
body.vk .qms-single-wrap input[type="email"],
body.vk .qms-single-wrap input[type="tel"],
body.vk .qms-single-wrap input[type="number"],
body.vk .qms-single-wrap textarea,
body.vk .qms-single-wrap select {
    background: #FFFFFF !important;
    border: 1px solid rgba(200,134,11,.32) !important;
    border-radius: var(--vk-r-md) !important;
    color: #241F16 !important;
    font-family: var(--vk-font-bn) !important;
    font-size: 14.5px !important;
    padding: 11px 14px !important;
    transition: border-color .25s ease, box-shadow .25s ease;
}
body.vk .qms-single-wrap input:focus,
body.vk .qms-single-wrap textarea:focus,
body.vk .qms-single-wrap select:focus {
    border-color: var(--vk-gold) !important;
    outline: none !important;
    box-shadow: 0 0 0 3px rgba(255, 199, 44, 0.15) !important;
}
body.vk .qms-single-wrap label {
    color: #5A5236 !important;
    font-weight: 600 !important;
    font-family: var(--vk-font-bn) !important;
    font-size: 13.5px !important;
}

/* Buttons in quiz pages */
body.vk .qms-btn,
body.vk .qms-submit,
body.vk .qms-next,
body.vk .qms-prev,
body.vk button[type="submit"],
body.vk .qms-single-wrap .qms-cta-primary {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    padding: 12px 24px !important;
    border-radius: var(--vk-r-pill) !important;
    background:
        linear-gradient(135deg, #1A0F02 0%, #0A0500 55%, #150A00 100%) padding-box,
        linear-gradient(135deg, #FFE9A8 0%, #FFC72C 50%, #B97818 100%) border-box !important;
    border: 1px solid transparent !important;
    color: var(--vk-gold-2) !important;
    font-family: var(--vk-font-bn) !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    cursor: pointer !important;
    text-decoration: none !important;
    transition: transform .3s ease, box-shadow .3s ease !important;
    box-shadow: 0 8px 24px -10px rgba(255, 199, 44, 0.4);
}
body.vk .qms-btn:hover,
body.vk .qms-submit:hover,
body.vk .qms-next:hover,
body.vk button[type="submit"]:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 14px 32px -10px rgba(255, 199, 44, 0.6) !important;
}

/* Question / answer styles */
body.vk .qms-question-text,
body.vk .qms-question h3,
body.vk .qms-question h4 {
    color: var(--vk-text) !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
    margin: 0 0 14px !important;
    font-family: var(--vk-font-bn) !important;
}
body.vk .qms-options,
body.vk .qms-answers,
body.vk .qms-question ul {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex;
    flex-direction: column;
    gap: 8px;
}
body.vk .qms-option,
body.vk .qms-answer,
body.vk .qms-options li,
body.vk .qms-answers li {
    padding: 12px 16px !important;
    border-radius: var(--vk-r-md) !important;
    background: rgba(255, 255, 255, 0.03) !important;
    border: 1px solid var(--vk-line) !important;
    color: var(--vk-text) !important;
    cursor: pointer;
    transition: border-color .25s ease, background .25s ease, transform .25s ease;
    font-family: var(--vk-font-bn) !important;
    font-size: 14px !important;
}
body.vk .qms-option:hover,
body.vk .qms-answer:hover,
body.vk .qms-options li:hover {
    border-color: var(--vk-gold) !important;
    background: rgba(255, 199, 44, 0.06) !important;
    transform: translateX(2px);
}
body.vk .qms-option.is-selected,
body.vk .qms-option.selected,
body.vk .qms-answer.selected,
body.vk .qms-options li.selected {
    border-color: var(--vk-gold) !important;
    background: rgba(255, 199, 44, 0.10) !important;
    color: var(--vk-text) !important;
    box-shadow: 0 0 0 1px rgba(255, 199, 44, 0.25) inset;
}

/* Timer */
body.vk .qms-timer,
body.vk .qms-time-remaining {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 8px 16px !important;
    border-radius: var(--vk-r-pill) !important;
    background: rgba(255, 199, 44, 0.10) !important;
    border: 1px solid rgba(255, 199, 44, 0.30) !important;
    color: var(--vk-gold-2) !important;
    font-family: var(--vk-font-en) !important;
    font-weight: 800 !important;
    font-size: 16px !important;
    letter-spacing: 0.04em !important;
}

/* Result/score */
body.vk .qms-result-score,
body.vk .qms-score {
    font-family: var(--vk-font-en) !important;
    font-size: 36px !important;
    font-weight: 900 !important;
    background: var(--vk-grad-text) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    color: transparent !important;
    line-height: 1.2 !important;
}

/* Responsive tightening */
@media (max-width: 600px) {
    body.vk .qms-arc-grid { gap: 14px !important; grid-template-columns: 1fr !important; }
    body.vk .qms-card-thumb { height: 130px !important; }
    body.vk .qms-card-title { font-size: 15px !important; }
    body.vk .qms-cd-num { font-size: 14px !important; }
}


/* ============================================================
   QUIZ DETAIL — Special premium VIP design
   Game-like UI with gold accents, segmented timer, premium options
   ============================================================ */

/* Wrapper */
body.vk .qms-quiz-wrapper {
    max-width: var(--vk-max);
    margin: 0 auto !important;
    padding: 0 !important;
    background: transparent !important;
}

/* ── HERO (full-width) ─────────────────────────────────── */
body.vk .qms-hero {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    border-radius: var(--vk-r-lg) !important;
    margin: clamp(20px, 2.5vw, 32px) var(--vk-pad) clamp(18px, 2vw, 28px) !important;
    padding: clamp(28px, 4vw, 48px) clamp(24px, 3vw, 40px) !important;
    background:
        radial-gradient(60% 80% at 0% 0%, rgba(255, 199, 44, 0.20), transparent 70%),
        radial-gradient(60% 80% at 100% 100%, rgba(255, 199, 44, 0.18), transparent 70%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.012)),
        rgba(26, 24, 20, 0.85) !important;
    border: 1px solid rgba(255, 199, 44, 0.28) !important;
    box-shadow:
        0 28px 64px -28px rgba(0, 0, 0, 0.7),
        0 0 0 1px rgba(255, 199, 44, 0.10) inset !important;
    text-align: left !important;
    min-height: 0 !important;
}
body.vk .qms-hero::before {
    content: "";
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 2px;
    background: linear-gradient(90deg, transparent, #FFC72C 40%, #FFD75E 60%, transparent);
    opacity: .8;
    z-index: 1;
}
body.vk .qms-hero-no-img { background:
    radial-gradient(60% 80% at 0% 0%, rgba(255, 199, 44, 0.20), transparent 70%),
    radial-gradient(60% 80% at 100% 100%, rgba(255, 199, 44, 0.18), transparent 70%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.012)),
    rgba(26, 24, 20, 0.85) !important;
}
body.vk .qms-hero-img,
body.vk .qms-hero-overlay,
body.vk .qms-hero-grid-overlay { display: none !important; }

body.vk .qms-hero-content {
    position: relative;
    z-index: 2;
    max-width: 100% !important;
    padding: 0 !important;
    background: transparent !important;
}

/* Status badge */
body.vk .qms-hero-badge {
    display: inline-flex !important;
    align-items: center !important;
    gap: 7px !important;
    padding: 6px 14px !important;
    border-radius: var(--vk-r-pill) !important;
    background: rgba(34, 197, 94, 0.16) !important;
    border: 1px solid rgba(34, 197, 94, 0.42) !important;
    color: #6EE7B7 !important;
    font-family: var(--vk-font-bn) !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: 0.10em !important;
    text-transform: uppercase !important;
    line-height: 1 !important;
    margin-bottom: 14px !important;
    box-shadow: 0 6px 18px -6px rgba(34, 197, 94, 0.45) !important;
}
body.vk .qms-hero-badge::before {
    content: "";
    width: 6px; height: 6px;
    border-radius: 50%;
    background: #22C55E;
    box-shadow: 0 0 0 0 rgba(34, 197, 94, 0.6);
    animation: vk-live-pulse 1.6s ease-in-out infinite;
}
body.vk .qms-hero-badge-upcoming {
    background: rgba(255, 199, 44, 0.16) !important;
    border-color:#B5830F !important;
    color: var(--vk-gold-2) !important;
    box-shadow: 0 6px 18px -6px rgba(255, 199, 44, 0.45) !important;
}
body.vk .qms-hero-badge-upcoming::before { background: var(--vk-gold) !important; animation: none !important; box-shadow: none !important; }
body.vk .qms-hero-badge-closed {
    background: rgba(244, 63, 94, 0.12) !important;
    border-color: rgba(244, 63, 94, 0.32) !important;
    color: #FCA5A8 !important;
    box-shadow: none !important;
}
body.vk .qms-hero-badge-closed::before { background: #F43F5E !important; animation: none !important; box-shadow: none !important; }

/* Hero title */
body.vk .qms-hero-title {
    font-family: var(--vk-font-bn) !important;
    font-size: clamp(26px, 4vw, 44px) !important;
    font-weight: 700 !important;
    line-height: 1.18 !important;
    letter-spacing: -0.015em !important;
    color: var(--vk-text) !important;
    margin: 0 0 10px !important;
    padding-top: 0.08em !important;
    text-shadow: none !important;
    background: none !important;
    -webkit-text-fill-color: var(--vk-text) !important;
}
body.vk .qms-hero-desc {
    color: var(--vk-text-mid) !important;
    font-family: var(--vk-font-bn) !important;
    font-size: 14.5px !important;
    line-height: 1.6 !important;
    margin: 0 0 14px !important;
    max-width: 720px !important;
}

/* Meta row */
body.vk .qms-hero-meta {
    display: inline-flex !important;
    flex-wrap: wrap;
    gap: 8px !important;
    align-items: center;
}
body.vk .qms-hero-meta-item {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 6px 12px !important;
    border-radius: var(--vk-r-pill) !important;
    background: rgba(255, 255, 255, 0.04) !important;
    border: 1px solid var(--vk-line) !important;
    color: var(--vk-text-mid) !important;
    font-family: var(--vk-font-bn) !important;
    font-size: 12px !important;
    line-height: 1.4 !important;
}
body.vk .qms-hero-meta-item svg { color: var(--vk-gold-2) !important; }

/* ── 2-COL LAYOUT ─────────────────────────────────────── */
body.vk .qms-layout {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 320px !important;
    gap: 20px !important;
    margin: 0 !important;
    padding: 0 var(--vk-pad) clamp(40px, 5vw, 72px) !important;
    align-items: start;
}
body.vk .qms-main { min-width: 0 !important; }

/* ── SECTION CARDS ────────────────────────────────────── */
body.vk .qms-section-card {
    position: relative;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.012)),
        rgba(26, 24, 20, 0.62) !important;
    border: 1px solid var(--vk-line) !important;
    border-radius: var(--vk-r-lg) !important;
    margin: 0 0 18px !important;
    padding: 18px 20px !important;
    overflow: hidden;
    box-shadow: 0 12px 30px -18px rgba(0, 0, 0, 0.55) !important;
    color: #241F16 !important;
}
body.vk .qms-section-card::before {
    content: "";
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 1px;
    background: linear-gradient(90deg, transparent, var(--vk-gold) 50%, transparent);
    opacity: .55;
}

body.vk .qms-section-head {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 0 !important;
    margin: 0 0 16px !important;
    background: transparent !important;
    border: none !important;
    color: #8A5A0A !important;
    font-family: var(--vk-font-bn) !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    letter-spacing: -0.005em !important;
}
body.vk .qms-section-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 32px !important;
    height: 32px !important;
    border-radius: 9px !important;
    background: var(--vk-grad-gold) !important;
    color: #0A0500 !important;
    font-size: 14px !important;
    flex-shrink: 0 !important;
    box-shadow: 0 6px 14px -6px rgba(255, 199, 44, 0.5);
}

/* ── PROGRESS BAR ─────────────────────────────────────── */
body.vk .qms-q-progress-wrap {
    margin: 0 0 18px !important;
    padding: 12px 14px !important;
    border-radius: var(--vk-r-md) !important;
    background: rgba(255, 255, 255, 0.025) !important;
    border: 1px solid var(--vk-line) !important;
}
body.vk .qms-q-progress-bar {
    height: 8px !important;
    background: rgba(0, 0, 0, 0.4) !important;
    border-radius: var(--vk-r-pill) !important;
    overflow: hidden !important;
    margin: 0 0 8px !important;
    border: 1px solid var(--vk-line) !important;
}
body.vk .qms-q-progress-fill {
    height: 100% !important;
    background: var(--vk-grad-gold) !important;
    border-radius: var(--vk-r-pill) !important;
    transition: width .4s cubic-bezier(.2,.7,.15,1) !important;
    box-shadow: 0 0 12px rgba(255, 199, 44, 0.45);
    position: relative;
    overflow: hidden;
}
body.vk .qms-q-progress-fill::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);
    transform: translateX(-100%);
    animation: vk-progress-shine 2s ease-in-out infinite;
}
@keyframes vk-progress-shine { 100% { transform: translateX(100%); } }
body.vk .qms-q-progress-label {
    display: block !important;
    font-family: var(--vk-font-en) !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    color: var(--vk-text-dim) !important;
    text-align: center !important;
}
body.vk .qms-q-answered {
    color: var(--vk-gold-2) !important;
    font-weight: 800 !important;
}

/* ── QUESTIONS CONTAINER & EACH QUESTION ──────────────── */
body.vk .qms-questions-container {
    display: flex !important;
    flex-direction: column !important;
    gap: 14px !important;
    margin: 0 !important;
    padding: 0 !important;
}
body.vk .qms-question {
    position: relative !important;
    padding: 18px 18px 16px !important;
    border-radius: var(--vk-r-lg) !important;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.01)),
        rgba(26, 24, 20, 0.50) !important;
    border: 1px solid var(--vk-line) !important;
    transition: border-color .3s ease, box-shadow .3s ease, transform .3s ease !important;
}
body.vk .qms-question:hover {
    border-color:#B5830F !important;
    box-shadow: 0 14px 32px -18px rgba(255, 199, 44, 0.30) !important;
}

body.vk .qms-question-header {
    display: flex !important;
    align-items: flex-start !important;
    gap: 12px !important;
    margin: 0 0 14px !important;
}
body.vk .qms-q-num {
    flex-shrink: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 36px !important;
    height: 36px !important;
    border-radius: 10px !important;
    background:
        linear-gradient(135deg, #1A0F02 0%, #0A0500 55%, #150A00 100%) padding-box,
        linear-gradient(135deg, #FFE9A8 0%, #FFC72C 50%, #B97818 100%) border-box !important;
    border: 1px solid transparent !important;
    color: var(--vk-gold-2) !important;
    font-family: var(--vk-font-en) !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    box-shadow: 0 6px 16px -6px rgba(255, 199, 44, 0.45);
}
body.vk .qms-question-text {
    color: var(--vk-text) !important;
    font-family: var(--vk-font-bn) !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    line-height: 1.5 !important;
    padding: 4px 0 !important;
}
body.vk .qms-required {
    color: var(--vk-red) !important;
    margin-left: 4px;
}

/* ── ANSWER OPTIONS ──────────────────────────────────── */
body.vk .qms-question-answer { padding: 0 !important; background: transparent !important; }
body.vk .qms-options-list {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}
@media (max-width: 600px) {
    body.vk .qms-options-list { grid-template-columns: 1fr !important; }
}

body.vk .qms-option {
    position: relative !important;
    display: grid !important;
    grid-template-columns: 28px 1fr 18px !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 11px 14px !important;
    border-radius: var(--vk-r-md) !important;
    background: rgba(255, 255, 255, 0.025) !important;
    border: 1px solid var(--vk-line) !important;
    color: var(--vk-text) !important;
    cursor: pointer !important;
    transition: border-color .25s ease, background .25s ease, transform .25s ease, box-shadow .25s ease !important;
    overflow: hidden;
    margin: 0 !important;
}
body.vk .qms-option:hover {
    border-color:#B5830F !important;
    background: rgba(255, 199, 44, 0.05) !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 8px 18px -10px rgba(255, 199, 44, 0.35) !important;
}
body.vk .qms-option input[type="radio"],
body.vk .qms-option input[type="checkbox"] {
    position: absolute !important;
    opacity: 0 !important;
    pointer-events: none !important;
}
body.vk .qms-option-letter {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 28px !important;
    height: 28px !important;
    border-radius: 8px !important;
    background: rgba(255, 199, 44, 0.10) !important;
    border: 1px solid rgba(255, 199, 44, 0.28) !important;
    color: var(--vk-gold-2) !important;
    font-family: var(--vk-font-bn) !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    flex-shrink: 0 !important;
    transition: background .25s ease, color .25s ease, border-color .25s ease !important;
}
body.vk .qms-option-text {
    color: var(--vk-text) !important;
    font-family: var(--vk-font-bn) !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 1.45 !important;
}
body.vk .qms-option-check {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 18px !important;
    height: 18px !important;
    border-radius: 50% !important;
    border: 1.5px solid var(--vk-line-2) !important;
    color: transparent !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    transition: background .2s ease, color .2s ease, border-color .2s ease, transform .2s ease !important;
    flex-shrink: 0 !important;
}
/* Selected state */
body.vk .qms-option:has(input:checked),
body.vk .qms-option.is-selected {
    border-color: var(--vk-gold) !important;
    background: rgba(255, 199, 44, 0.10) !important;
    box-shadow:
        0 0 0 1px rgba(255, 199, 44, 0.25) inset,
        0 14px 32px -18px rgba(255, 199, 44, 0.5) !important;
}
body.vk .qms-option:has(input:checked) .qms-option-letter {
    background: var(--vk-grad-gold) !important;
    color: #0A0500 !important;
    border-color: transparent !important;
}
body.vk .qms-option:has(input:checked) .qms-option-check {
    background: var(--vk-grad-gold) !important;
    color: #0A0500 !important;
    border-color: transparent !important;
    transform: scale(1.05);
}

/* True/False options — keep 2-column with branded colors */
body.vk .qms-tf-options {
    grid-template-columns: 1fr 1fr !important;
}
body.vk .qms-tf-true:has(input:checked) {
    background: rgba(34, 197, 94, 0.12) !important;
    border-color: rgba(34, 197, 94, 0.55) !important;
}
body.vk .qms-tf-true:has(input:checked) .qms-option-letter,
body.vk .qms-tf-true:has(input:checked) .qms-option-check {
    background: linear-gradient(135deg, #34D399, #059669) !important;
    color: #fff !important;
}
body.vk .qms-tf-false:has(input:checked) {
    background: rgba(244, 63, 94, 0.10) !important;
    border-color: rgba(244, 63, 94, 0.45) !important;
}
body.vk .qms-tf-false:has(input:checked) .qms-option-letter,
body.vk .qms-tf-false:has(input:checked) .qms-option-check {
    background: linear-gradient(135deg, #FB7185, #E11D48) !important;
    color: #fff !important;
}

/* ── USER INFO FORM ──────────────────────────────────── */
body.vk .qms-userinfo-card .qms-fields-grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)) !important;
    gap: 14px !important;
}
body.vk .qms-userinfo-card label,
body.vk .qms-fields-grid label,
body.vk .qms-fields-grid > div > label {
    display: block !important;
    color: #5A5236 !important;
    font-family: var(--vk-font-bn) !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    margin: 0 0 6px !important;
}

/* ── SUBMIT BUTTON ────────────────────────────────────── */
body.vk .qms-submit-wrap,
body.vk .qms-form-actions { text-align: center !important; margin-top: 20px !important; }
body.vk .qms-submit-btn,
body.vk .qms-quiz-form button[type="submit"] {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    padding: 14px 36px !important;
    border-radius: var(--vk-r-pill) !important;
    background:
        linear-gradient(135deg, #FFE9A8 0%, #FFC72C 50%, #E6A91E 100%) !important;
    border: none !important;
    color: #0A0500 !important;
    font-family: var(--vk-font-bn) !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    letter-spacing: 0.005em !important;
    cursor: pointer !important;
    text-decoration: none !important;
    box-shadow:
        0 12px 36px -12px rgba(255, 199, 44, 0.6),
        0 0 0 1px rgba(120, 70, 10, 0.3) inset,
        0 1px 0 rgba(255, 255, 255, 0.4) inset !important;
    transition: transform .3s ease, box-shadow .3s ease !important;
}
body.vk .qms-submit-btn:hover,
body.vk .qms-quiz-form button[type="submit"]:hover {
    transform: translateY(-2px) !important;
    box-shadow:
        0 18px 48px -12px rgba(255, 199, 44, 0.75),
        0 0 0 1px rgba(120, 70, 10, 0.4) inset,
        0 1px 0 rgba(255, 255, 255, 0.55) inset !important;
}

/* ── SIDEBAR ──────────────────────────────────────────── */
body.vk .qms-sidebar,
body.vk .qms-timer-col,
body.vk .qms-sb-card {
    margin: 0 !important;
}
body.vk .qms-sidebar {
    display: flex !important;
    flex-direction: column !important;
    gap: 14px !important;
    position: sticky !important;
    top: 100px;
}
body.vk .qms-timer-col {
    margin: 0 0 14px !important;
}

body.vk .qms-sb-card {
    position: relative;
    padding: 16px 18px !important;
    border-radius: var(--vk-r-lg) !important;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.012)),
        rgba(26, 24, 20, 0.62) !important;
    border: 1px solid var(--vk-line) !important;
    overflow: hidden;
    box-shadow: 0 12px 30px -18px rgba(0, 0, 0, 0.55) !important;
}
body.vk .qms-sb-card::before {
    content: "";
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 1px;
    background: linear-gradient(90deg, transparent, var(--vk-gold) 50%, transparent);
    opacity: .55;
}
body.vk .qms-sb-head {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin: 0 0 12px !important;
    padding: 0 !important;
    background: transparent !important;
    border: none !important;
    color: var(--vk-text) !important;
    font-family: var(--vk-font-bn) !important;
    font-size: 14px !important;
    font-weight: 700 !important;
}
body.vk .qms-sb-head svg { color: var(--vk-gold-2) !important; }
body.vk .qms-sb-head > span:first-child { font-size: 14px !important; }
body.vk .qms-sb-body {
    color: var(--vk-text) !important;
    font-family: var(--vk-font-bn) !important;
    font-size: 13.5px !important;
    line-height: 1.65 !important;
}
body.vk .qms-sb-body p { margin: 0 0 8px !important; color: var(--vk-text) !important; }
body.vk .qms-sb-body p:last-child { margin-bottom: 0 !important; }
body.vk .qms-sb-body ol,
body.vk .qms-sb-body ul {
    margin: 0 !important;
    padding-left: 1.4em !important;
}
body.vk .qms-sb-body li {
    color: var(--vk-text-mid) !important;
    margin: 0 0 6px !important;
    line-height: 1.55 !important;
}
body.vk .qms-sb-body li::marker { color: var(--vk-gold-2) !important; font-weight: 700; }

/* Live dot */
body.vk .qms-sb-live-dot {
    margin-left: auto !important;
    width: 8px !important;
    height: 8px !important;
    border-radius: 50% !important;
    background: #22C55E !important;
    box-shadow: 0 0 0 0 rgba(34, 197, 94, 0.65) !important;
    animation: vk-live-pulse 1.6s ease-in-out infinite !important;
}
body.vk .qms-sb-upcoming-dot {
    margin-left: auto !important;
    width: 8px !important;
    height: 8px !important;
    border-radius: 50% !important;
    background: var(--vk-gold) !important;
}

/* Timer boxes */
body.vk .qms-sb-timer-boxes {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 6px !important;
    margin: 0 !important;
    padding: 0 !important;
}
body.vk .qms-sb-sep { display: none !important; }
body.vk .qms-sb-unit {
    text-align: center !important;
    background:
        linear-gradient(180deg, rgba(255, 199, 44, 0.10), rgba(255, 199, 44, 0.04)),
        rgba(0, 0, 0, 0.45) !important;
    border: 1px solid rgba(255, 199, 44, 0.30) !important;
    border-radius: 10px !important;
    padding: 10px 4px !important;
    position: relative;
    overflow: hidden;
}
body.vk .qms-sb-unit::before {
    content: "";
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(255, 217, 112, 0.6), transparent);
}
body.vk .qms-cd-num {
    display: block !important;
    font-family: var(--vk-font-en) !important;
    font-size: 22px !important;
    font-weight: 900 !important;
    color: transparent !important;
    background: var(--vk-grad-text) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-size: 200% 140% !important;
    background-position: 0 50% !important;
    line-height: 1.1 !important;
    padding: .08em 0 !important;
    margin: -.08em 0 0 !important;
    letter-spacing: 0.02em;
}
body.vk .qms-cd-lbl {
    display: block !important;
    font-family: var(--vk-font-bn) !important;
    font-size: 9.5px !important;
    color: var(--vk-text-dim) !important;
    letter-spacing: 0.06em !important;
    text-transform: uppercase !important;
    margin-top: 3px !important;
}

/* Timer ended state */
body.vk .qms-timer-ended {
    text-align: center;
    padding: 22px 18px !important;
}
body.vk .qms-timer-ended-inner { text-align: center; }
body.vk .qms-timer-ended-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 56px; height: 56px;
    border-radius: 50%;
    background: rgba(244, 63, 94, 0.12);
    border: 1px solid rgba(244, 63, 94, 0.32);
    color: #FCA5A8;
    margin: 0 auto 10px;
}
body.vk .qms-timer-ended-label {
    font-family: var(--vk-font-bn) !important;
    color: var(--vk-text) !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    margin-bottom: 4px;
}
body.vk .qms-timer-ended-date {
    font-family: var(--vk-font-en) !important;
    color: var(--vk-text-mid) !important;
    font-size: 12px !important;
}

/* Prize card — special VIP gold treatment */
body.vk .qms-sb-prize {
    background:
        radial-gradient(70% 100% at 0% 0%, rgba(255, 199, 44, 0.16), transparent 70%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.012)),
        rgba(26, 24, 20, 0.65) !important;
    border-color:#B5830F !important;
    box-shadow: 0 14px 36px -18px rgba(255, 199, 44, 0.45), 0 12px 30px -18px rgba(0, 0, 0, 0.55) !important;
}
body.vk .qms-sb-prize::before {
    background: linear-gradient(90deg, transparent, var(--vk-gold) 30%, var(--vk-gold-2) 50%, var(--vk-gold) 70%, transparent) !important;
    opacity: 1 !important;
    height: 2px !important;
}
body.vk .qms-sb-prize .qms-sb-head { color: var(--vk-gold-2) !important; }
body.vk .qms-sb-prize .qms-sb-body { color: var(--vk-gold-2) !important; }

/* Rules card */
body.vk .qms-sb-rules .qms-sb-body { color: var(--vk-text) !important; }
body.vk .qms-sb-rules .qms-sb-body li { color: var(--vk-text-mid) !important; }

/* Form input fields inside cards */
body.vk .qms-quiz-wrapper input[type="text"],
body.vk .qms-quiz-wrapper input[type="email"],
body.vk .qms-quiz-wrapper input[type="tel"],
body.vk .qms-quiz-wrapper input[type="number"],
body.vk .qms-quiz-wrapper input[type="date"],
body.vk .qms-quiz-wrapper textarea,
body.vk .qms-quiz-wrapper select {
    background: rgba(255, 255, 255, 0.04) !important;
    border: 1px solid var(--vk-line-2) !important;
    border-radius: var(--vk-r-md) !important;
    color: var(--vk-text) !important;
    font-family: var(--vk-font-bn) !important;
    font-size: 14px !important;
    padding: 10px 13px !important;
    width: 100% !important;
    transition: border-color .25s ease, box-shadow .25s ease, background .25s ease !important;
}
body.vk .qms-quiz-wrapper input:focus,
body.vk .qms-quiz-wrapper textarea:focus,
body.vk .qms-quiz-wrapper select:focus {
    border-color: var(--vk-gold) !important;
    background: rgba(255, 255, 255, 0.06) !important;
    outline: none !important;
    box-shadow: 0 0 0 3px rgba(255, 199, 44, 0.15) !important;
}

/* Upcoming/Closed message cards */
body.vk .qms-upcoming-card,
body.vk .qms-closed-card {
    text-align: center !important;
    padding: 32px 24px !important;
}
body.vk .qms-upcoming-icon-wrap,
body.vk .qms-closed-icon-wrap {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 64px !important;
    height: 64px !important;
    border-radius: 50% !important;
    background: rgba(255, 199, 44, 0.12) !important;
    border: 1px solid rgba(255, 199, 44, 0.32) !important;
    color: var(--vk-gold-2) !important;
    margin-bottom: 14px !important;
    box-shadow: 0 12px 30px -12px rgba(255, 199, 44, 0.45) !important;
}
body.vk .qms-closed-icon-wrap {
    background: rgba(244, 63, 94, 0.10) !important;
    border-color: rgba(244, 63, 94, 0.30) !important;
    color: #FCA5A8 !important;
    box-shadow: none !important;
}
body.vk .qms-upcoming-title,
body.vk .qms-closed-title {
    color: var(--vk-text) !important;
    font-family: var(--vk-font-bn) !important;
    font-size: 22px !important;
    font-weight: 700 !important;
    margin: 0 0 8px !important;
}
body.vk .qms-upcoming-msg,
body.vk .qms-closed-msg,
body.vk .qms-closed-sub {
    color: var(--vk-text-mid) !important;
    font-family: var(--vk-font-bn) !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
    margin: 0 0 6px !important;
}
body.vk .qms-upcoming-date-wrap {
    display: inline-flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 4px !important;
    margin: 14px auto 0 !important;
    padding: 12px 22px !important;
    border-radius: var(--vk-r-md) !important;
    background:
        linear-gradient(180deg, rgba(255, 199, 44, 0.10), rgba(255, 199, 44, 0.03)) !important;
    border: 1px solid rgba(255, 199, 44, 0.30) !important;
}
body.vk .qms-upcoming-date-label {
    font-family: var(--vk-font-en) !important;
    color: var(--vk-text-dim) !important;
    font-size: 10.5px !important;
    letter-spacing: 0.10em !important;
    text-transform: uppercase !important;
}
body.vk .qms-upcoming-date-value {
    font-family: var(--vk-font-en) !important;
    color: var(--vk-gold-2) !important;
    font-size: 16px !important;
    font-weight: 700 !important;
}
body.vk .qms-upcoming-divider,
body.vk .qms-closed-divider {
    margin: 16px auto !important;
    height: 1px !important;
    width: 100px !important;
    background: linear-gradient(90deg, transparent, var(--vk-gold), transparent) !important;
    border: none !important;
    opacity: .5 !important;
}
body.vk .qms-upcoming-note,
body.vk .qms-closed-thanks {
    color: var(--vk-gold-2) !important;
    font-family: var(--vk-font-bn) !important;
    font-size: 13.5px !important;
    margin: 0 !important;
}

/* Winner table */
body.vk .qms-winner-row {
    display: grid !important;
    grid-template-columns: 60px 1fr 1.5fr 1fr !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 10px 14px !important;
    border-radius: var(--vk-r-md) !important;
    background: rgba(255, 255, 255, 0.025) !important;
    border: 1px solid var(--vk-line) !important;
    margin-bottom: 6px !important;
    color: var(--vk-text) !important;
    font-family: var(--vk-font-bn) !important;
    font-size: 13.5px !important;
}
body.vk .qms-winner-pos { font-size: 18px; }
body.vk .qms-winner-prize { color: var(--vk-gold-2) !important; font-weight: 700; }
body.vk .qms-winner-phone { font-family: var(--vk-font-en) !important; }

/* Responsive */
@media (max-width: 880px) {
    body.vk .qms-layout {
        grid-template-columns: 1fr !important;
        gap: 14px !important;
    }
    body.vk .qms-sidebar { position: static !important; }
    body.vk .qms-options-list { grid-template-columns: 1fr !important; }
    body.vk .qms-hero-title { font-size: 26px !important; }
    body.vk .qms-q-num { width: 32px !important; height: 32px !important; font-size: 14px !important; }
    body.vk .qms-question-text { font-size: 15px !important; }
}

/* Mobile: lift অংশগ্রহণের নিয়ম (rules) up to sit right after the
   hero/countdown, above the quiz form. Flatten the sidebar with
   display:contents so its cards become grid items of .qms-layout,
   then order them: rules → form → prize. */
@media (max-width: 880px) {
    body.vk .qms-layout .qms-sidebar  { display: contents !important; }
    body.vk .qms-layout .qms-main     { order: 2 !important; }
    body.vk .qms-layout .qms-sb-rules { order: 1 !important; }
    body.vk .qms-layout .qms-sb-prize { order: 3 !important; }
}


/* ============================================================
   QUIZ DETAIL — SPECIAL EDITION (round 2)
   Trophy ornament, dramatic timer, opulent prize, decorative depth
   ============================================================ */

/* HERO: bigger, more cinematic ─────────────────────────── */
body.vk .qms-hero {
    padding: clamp(36px, 5vw, 64px) clamp(28px, 4vw, 56px) clamp(36px, 5vw, 56px) !important;
    background:
        /* Floating gold sparkle dots */
        radial-gradient(2px 2px at 12% 20%, rgba(255, 217, 112, 0.55), transparent 60%),
        radial-gradient(2px 2px at 78% 30%, rgba(255, 217, 112, 0.45), transparent 60%),
        radial-gradient(1.5px 1.5px at 22% 75%, rgba(255, 217, 112, 0.35), transparent 60%),
        radial-gradient(1.5px 1.5px at 88% 78%, rgba(255, 217, 112, 0.4), transparent 60%),
        radial-gradient(1px 1px at 45% 15%, rgba(255, 199, 44, 0.5), transparent 60%),
        radial-gradient(1px 1px at 60% 88%, rgba(255, 199, 44, 0.4), transparent 60%),
        /* Halos */
        radial-gradient(70% 90% at 0% 0%, rgba(255, 199, 44, 0.22), transparent 65%),
        radial-gradient(70% 90% at 100% 100%, rgba(255, 199, 44, 0.20), transparent 65%),
        radial-gradient(40% 70% at 100% 0%, rgba(230, 169, 30, 0.10), transparent 70%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.012)),
        linear-gradient(135deg, #0F0904 0%, #0A0500 55%, #120822 100%) !important;
    border: 1px solid rgba(255, 199, 44, 0.40) !important;
    box-shadow:
        0 36px 80px -32px rgba(0, 0, 0, 0.75),
        0 0 0 1px rgba(255, 199, 44, 0.16) inset,
        0 -1px 0 rgba(255, 217, 112, 0.18) inset !important;
}
/* Enhanced gold beam at top */
body.vk .qms-hero::before {
    height: 3px !important;
    background: linear-gradient(90deg, transparent, #FFC72C 25%, #FFD75E 50%, #FFC72C 75%, transparent) !important;
    opacity: 1 !important;
    box-shadow: 0 0 18px rgba(255, 199, 44, 0.55);
}
/* Floating trophy ornament at far right */
body.vk .qms-hero::after {
    content: "";
    position: absolute;
    right: -40px;
    top: 50%;
    transform: translateY(-50%);
    width: 280px;
    height: 280px;
    pointer-events: none;
    z-index: 0;
    background:
        radial-gradient(closest-side, rgba(255, 199, 44, 0.20), transparent 70%),
        url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23F5C242' stroke-width='1.1' stroke-linecap='round' stroke-linejoin='round'><path d='M8 21h8'/><path d='M12 17v4'/><path d='M7 4h10v6a5 5 0 0 1-10 0V4z'/><path d='M17 5h3a2 2 0 0 1-2 4'/><path d='M7 5H4a2 2 0 0 0 2 4'/></svg>") center/55% no-repeat;
    opacity: .28;
    filter: drop-shadow(0 0 20px rgba(255, 199, 44, 0.4));
    animation: vk-trophy-float 6s ease-in-out infinite;
}
@keyframes vk-trophy-float {
    0%, 100% { transform: translateY(-50%) rotate(-2deg); }
    50%      { transform: translateY(calc(-50% - 8px)) rotate(2deg); }
}
@media (max-width: 880px) {
    body.vk .qms-hero::after { display: none !important; }
}
body.vk .qms-hero-content {
    max-width: min(720px, calc(100% - 240px)) !important;
    position: relative;
    z-index: 2;
}
@media (max-width: 880px) {
    body.vk .qms-hero-content { max-width: 100% !important; }
}

/* Hero badge — more dramatic */
body.vk .qms-hero-badge {
    padding: 7px 16px !important;
    font-size: 11.5px !important;
    box-shadow:
        0 8px 22px -6px rgba(34, 197, 94, 0.55),
        0 0 0 1px rgba(34, 197, 94, 0.18) inset !important;
    backdrop-filter: blur(10px);
}

/* Hero title — gradient text */
body.vk .qms-hero-title {
    font-size: clamp(28px, 4.4vw, 50px) !important;
    background: linear-gradient(95deg, #FFE9A8 0%, #FFD75E 25%, #FFC72C 55%, #FFE9A8 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    color: transparent !important;
    line-height: 1.16 !important;
    letter-spacing: -0.02em !important;
    padding: .12em 0 .04em !important;
    margin: 0 0 12px !important;
    text-shadow: 0 0 50px rgba(255, 199, 44, 0.18) !important;
}

/* Hero meta items — bigger, more premium */
body.vk .qms-hero-meta { gap: 10px !important; margin-top: 4px !important; }
body.vk .qms-hero-meta-item {
    padding: 8px 14px !important;
    background: rgba(255, 199, 44, 0.06) !important;
    border-color:#B5830F !important;
    color: var(--vk-text) !important;
    font-size: 12.5px !important;
    font-weight: 500 !important;
    backdrop-filter: blur(6px);
}
body.vk .qms-hero-meta-item:hover {
    background: rgba(255, 199, 44, 0.10) !important;
    border-color:#B5830F !important;
}

/* QUESTIONS SECTION HEAD: bigger, more game-like ─────── */
body.vk .qms-questions-card {
    padding: 22px 22px !important;
}
body.vk .qms-questions-card .qms-section-head {
    font-size: 18px !important;
    margin-bottom: 18px !important;
    padding-bottom: 14px !important;
    border-bottom: 1px solid var(--vk-line) !important;
    position: relative;
}
body.vk .qms-questions-card .qms-section-head::after {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 60px;
    height: 2px;
    background: var(--vk-grad-gold);
    box-shadow: 0 0 10px rgba(255, 199, 44, 0.5);
    border-radius: 2px;
}
body.vk .qms-questions-card .qms-section-icon {
    width: 38px !important;
    height: 38px !important;
    border-radius: 10px !important;
    font-size: 16px !important;
    box-shadow: 0 8px 20px -6px rgba(255, 199, 44, 0.55) !important;
}

/* Question card with subtle gold glint on top-left corner */
body.vk .qms-question {
    padding: 20px 22px 18px !important;
    background:
        radial-gradient(80% 100% at 0% 0%, rgba(255, 199, 44, 0.06), transparent 60%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.01)),
        rgba(26, 24, 20, 0.55) !important;
}
body.vk .qms-question:hover {
    transform: translateY(-2px) !important;
    box-shadow:
        0 18px 36px -18px rgba(255, 199, 44, 0.32),
        0 0 0 1px rgba(255, 199, 44, 0.16) inset !important;
}

/* Bigger more dramatic question number badge */
body.vk .qms-q-num {
    width: 40px !important;
    height: 40px !important;
    border-radius: 12px !important;
    font-size: 16px !important;
    box-shadow:
        0 8px 20px -6px rgba(255, 199, 44, 0.55),
        0 0 0 1px rgba(255, 217, 112, 0.20) inset !important;
}
body.vk .qms-question-text {
    font-size: 16.5px !important;
    line-height: 1.55 !important;
}

/* Answer options polish — slightly taller, softer hover */
body.vk .qms-option {
    padding: 13px 16px !important;
    grid-template-columns: 32px 1fr 20px !important;
    gap: 14px !important;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0.012)) !important;
}
body.vk .qms-option-letter {
    width: 32px !important;
    height: 32px !important;
    font-size: 14px !important;
    border-radius: 9px !important;
}
body.vk .qms-option-text {
    font-size: 14.5px !important;
    font-weight: 500 !important;
}
body.vk .qms-option:has(input:checked) {
    background:
        linear-gradient(180deg, rgba(255, 199, 44, 0.14), rgba(255, 199, 44, 0.06)) !important;
}

/* SIDEBAR — make it visually centerpiece ─────────────── */
body.vk .qms-sidebar { gap: 16px !important; }

/* Timer card — DRAMATICALLY bigger */
body.vk .qms-sb-timer {
    padding: 20px 20px 22px !important;
    background:
        radial-gradient(80% 100% at 50% 0%, rgba(255, 199, 44, 0.18), transparent 70%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.012)),
        rgba(26, 24, 20, 0.7) !important;
    border-color:#B5830F !important;
    box-shadow:
        0 18px 42px -18px rgba(255, 199, 44, 0.40),
        0 12px 30px -18px rgba(0, 0, 0, 0.55) !important;
}
body.vk .qms-sb-timer .qms-sb-head {
    font-size: 13px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.10em !important;
    color: var(--vk-text-mid) !important;
    margin-bottom: 14px !important;
}
body.vk .qms-sb-timer-boxes {
    gap: 8px !important;
}
body.vk .qms-sb-unit {
    padding: 14px 4px 10px !important;
    border-radius: 12px !important;
    background:
        radial-gradient(60% 80% at 50% 0%, rgba(255, 217, 112, 0.18), transparent 70%),
        linear-gradient(180deg, rgba(255, 199, 44, 0.10), rgba(255, 199, 44, 0.02)),
        linear-gradient(180deg, rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0.7)) !important;
    border: 1px solid rgba(255, 199, 44, 0.40) !important;
    box-shadow:
        0 0 0 1px rgba(255, 217, 112, 0.10) inset,
        0 6px 16px -6px rgba(0, 0, 0, 0.6) !important;
    position: relative;
    overflow: hidden;
}
body.vk .qms-sb-unit::before {
    height: 2px !important;
    background: linear-gradient(90deg, transparent, rgba(255, 217, 112, 0.7), transparent) !important;
}
body.vk .qms-cd-num {
    font-size: 28px !important;
    font-weight: 900 !important;
    line-height: 1.0 !important;
    padding: .1em 0 !important;
    margin: 0 !important;
    letter-spacing: 0.01em !important;
    filter: drop-shadow(0 0 8px rgba(255, 199, 44, 0.35));
}
body.vk .qms-cd-lbl {
    font-size: 9px !important;
    margin-top: 6px !important;
    letter-spacing: 0.10em !important;
    color: rgba(255, 217, 112, 0.65) !important;
}

/* PRIZE CARD — opulent gold treatment, sidebar centerpiece */
body.vk .qms-sb-prize {
    padding: 20px 20px !important;
    background:
        radial-gradient(80% 120% at 0% 0%, rgba(255, 217, 112, 0.22), transparent 60%),
        radial-gradient(60% 100% at 100% 100%, rgba(230, 169, 30, 0.10), transparent 70%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.012)),
        linear-gradient(135deg, #1A0F02 0%, #0A0500 60%, #150A12 100%) !important;
    border: 1px solid rgba(255, 199, 44, 0.45) !important;
    box-shadow:
        0 22px 50px -22px rgba(255, 199, 44, 0.55),
        0 14px 32px -18px rgba(0, 0, 0, 0.6),
        0 0 0 1px rgba(255, 217, 112, 0.12) inset !important;
}
body.vk .qms-sb-prize::before {
    height: 3px !important;
    background: linear-gradient(90deg, transparent, #FFD75E 25%, #FFC72C 50%, #FFD75E 75%, transparent) !important;
    opacity: 1 !important;
    box-shadow: 0 0 14px rgba(255, 199, 44, 0.6);
}
/* Floating mini-trophy in prize card top-right */
body.vk .qms-sb-prize::after {
    content: "";
    position: absolute;
    top: 16px;
    right: 16px;
    width: 36px;
    height: 36px;
    background:
        radial-gradient(closest-side, rgba(255, 199, 44, 0.30), transparent 70%),
        url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFD970' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'><path d='M8 21h8'/><path d='M12 17v4'/><path d='M7 4h10v6a5 5 0 0 1-10 0V4z'/><path d='M17 5h2.5a1.5 1.5 0 0 1 0 3.5'/><path d='M7 5H4.5a1.5 1.5 0 0 0 0 3.5'/></svg>") center/24px no-repeat;
    pointer-events: none;
    filter: drop-shadow(0 4px 10px rgba(255, 199, 44, 0.5));
    opacity: .9;
}
body.vk .qms-sb-prize .qms-sb-head {
    font-size: 13px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.10em !important;
    color: var(--vk-gold-2) !important;
    margin-bottom: 12px !important;
    padding-right: 44px;
}
body.vk .qms-sb-prize .qms-sb-body {
    font-size: 14.5px !important;
    line-height: 1.55 !important;
    color: var(--vk-text) !important;
    font-weight: 600 !important;
}
body.vk .qms-sb-prize .qms-sb-body p {
    color: var(--vk-text) !important;
}
body.vk .qms-sb-prize .qms-sb-body strong,
body.vk .qms-sb-prize .qms-sb-body b {
    color: transparent !important;
    background: var(--vk-grad-text) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
}

/* RULES card — minimal but crisp */
body.vk .qms-sb-rules .qms-sb-head {
    font-size: 13px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.10em !important;
    color: var(--vk-text-mid) !important;
}

/* SUBMIT BUTTON — celebratory shimmer */
body.vk .qms-submit-btn,
body.vk .qms-quiz-form button[type="submit"] {
    padding: 16px 44px !important;
    font-size: 16px !important;
    position: relative;
    overflow: hidden !important;
    isolation: isolate;
    min-width: 260px;
}
body.vk .qms-submit-btn::before,
body.vk .qms-quiz-form button[type="submit"]::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(110deg, transparent 30%, rgba(255, 255, 255, 0.55) 50%, transparent 70%);
    transform: translateX(-100%);
    animation: vk-btn-shimmer 3s ease-in-out infinite;
    z-index: 1;
    pointer-events: none;
}
body.vk .qms-submit-btn > *,
body.vk .qms-quiz-form button[type="submit"] > * {
    position: relative;
    z-index: 2;
}
@keyframes vk-btn-shimmer {
    0%   { transform: translateX(-100%); }
    35%  { transform: translateX(100%); }
    100% { transform: translateX(100%); }
}

/* Glow pulse around submit button */
body.vk .qms-submit-wrap,
body.vk .qms-form-actions {
    margin-top: 28px !important;
    padding: 16px 0 0 !important;
    position: relative;
}
body.vk .qms-submit-wrap::before,
body.vk .qms-form-actions::before {
    content: "";
    position: absolute;
    top: 0; left: 50%;
    transform: translateX(-50%);
    width: 120px;
    height: 1px;
    background: linear-gradient(90deg, transparent, var(--vk-gold), transparent);
    opacity: .45;
}

/* USERINFO card slightly more inviting */
body.vk .qms-userinfo-card {
    padding: 22px 22px !important;
}
body.vk .qms-userinfo-card .qms-section-head {
    font-size: 17px !important;
    margin-bottom: 16px !important;
}

/* Live participants indicator (decorative) — adds via meta item style */
body.vk .qms-hero-meta-item:nth-child(1) {
    background: rgba(34, 197, 94, 0.10) !important;
    border-color: rgba(34, 197, 94, 0.30) !important;
    color: #6EE7B7 !important;
}
body.vk .qms-hero-meta-item:nth-child(1) svg {
    color: #34D399 !important;
}


/* ============================================================
   PRIZE CARD — clean redesign (fixes cluttered overlap)
   ============================================================ */

/* Kill the redundant decorative trophy in corner — emoji already in head */
body.vk .qms-sb-prize::after { display: none !important; }

/* Recompose layout: stacked, centered, ceremonial */
body.vk .qms-sb-prize {
    padding: 22px 18px 18px !important;
    text-align: center;
    background:
        radial-gradient(50% 60% at 50% 0%, rgba(255, 199, 44, 0.10), transparent 70%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0.008)),
        rgba(26, 24, 20, 0.78) !important;
    border-color:#B5830F !important;
    box-shadow:
        0 14px 32px -18px rgba(255, 199, 44, 0.30),
        0 12px 30px -18px rgba(0, 0, 0, 0.55) !important;
}
body.vk .qms-sb-prize::before {
    height: 2px !important;
    background: linear-gradient(90deg, transparent, #FFD75E 30%, #FFC72C 50%, #FFD75E 70%, transparent) !important;
    box-shadow: 0 0 14px rgba(255, 199, 44, 0.7);
    opacity: 1 !important;
}

/* Head: stack trophy + label vertically, centered */
body.vk .qms-sb-prize .qms-sb-head {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    margin: 0 0 14px !important;
    padding: 0 !important;
    text-align: center !important;
}
body.vk .qms-sb-prize .qms-sb-head > span:first-child {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 56px !important;
    height: 56px !important;
    border-radius: 50% !important;
    background:
        radial-gradient(closest-side, rgba(255, 217, 112, 0.30), transparent 75%),
        linear-gradient(135deg, rgba(255, 199, 44, 0.18), rgba(255, 199, 44, 0.06)) !important;
    border: 1px solid rgba(255, 199, 44, 0.45) !important;
    box-shadow:
        0 8px 24px -8px rgba(255, 199, 44, 0.55),
        0 0 0 4px rgba(255, 199, 44, 0.06),
        0 0 0 1px rgba(255, 217, 112, 0.20) inset !important;
}
body.vk .qms-sb-prize .qms-sb-head img.emoji {
    width: 30px !important;
    height: 30px !important;
    filter: drop-shadow(0 4px 10px rgba(255, 199, 44, 0.5));
    margin: 0 !important;
}
/* The text label — gold, uppercase, spaced */
body.vk .qms-sb-prize .qms-sb-head {
    color: var(--vk-gold-2) !important;
    font-family: var(--vk-font-bn) !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    letter-spacing: 0.04em !important;
    text-transform: none !important;
}

/* Body: prominent prize-list panel */
body.vk .qms-sb-prize .qms-sb-body {
    margin: 0 !important;
    padding: 12px 14px !important;
    border-radius: var(--vk-r-md) !important;
    background:
        linear-gradient(180deg, rgba(255, 199, 44, 0.10), rgba(255, 199, 44, 0.025)) !important;
    border: 1px solid rgba(255, 199, 44, 0.25) !important;
    color: var(--vk-text) !important;
    font-family: var(--vk-font-bn) !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1.7 !important;
    text-align: center !important;
    word-spacing: 2px;
    /* visually separate · into gold breaks */
}
body.vk .qms-sb-prize .qms-sb-body p {
    margin: 0 !important;
    color: var(--vk-text) !important;
    font-weight: 600 !important;
}
/* Reset any inherited gradient-on-strong logic */
body.vk .qms-sb-prize .qms-sb-body strong,
body.vk .qms-sb-prize .qms-sb-body b {
    color: var(--vk-gold-2) !important;
    background: none !important;
    -webkit-text-fill-color: var(--vk-gold-2) !important;
    -webkit-background-clip: initial !important;
    background-clip: initial !important;
}


/* Prize podium rows (built by JS from · separated text) */
body.vk .qms-sb-prize .qms-sb-body.vk-prize-podium {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 6px !important;
}
body.vk .vk-prize-row {
    display: grid !important;
    grid-template-columns: 36px 1fr !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 10px 12px !important;
    border-radius: var(--vk-r-md) !important;
    background:
        linear-gradient(180deg, rgba(255, 199, 44, 0.10), rgba(255, 199, 44, 0.025)) !important;
    border: 1px solid rgba(255, 199, 44, 0.22) !important;
    text-align: left !important;
}
body.vk .vk-prize-row.vk-prize-rank-1 {
    background:
        linear-gradient(95deg, rgba(255, 217, 112, 0.16), rgba(255, 199, 44, 0.05)) !important;
    border-color:#B5830F !important;
    box-shadow: 0 8px 22px -10px rgba(255, 199, 44, 0.55) !important;
}
body.vk .vk-prize-row.vk-prize-rank-2 {
    background:
        linear-gradient(95deg, rgba(220, 220, 220, 0.10), rgba(220, 220, 220, 0.03)) !important;
    border-color: rgba(220, 220, 220, 0.30) !important;
}
body.vk .vk-prize-row.vk-prize-rank-3 {
    background:
        linear-gradient(95deg, rgba(205, 127, 50, 0.10), rgba(205, 127, 50, 0.03)) !important;
    border-color: rgba(205, 127, 50, 0.30) !important;
}
body.vk .vk-prize-rank {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 36px !important;
    height: 36px !important;
    border-radius: 10px !important;
    background: var(--vk-grad-gold) !important;
    color: #0A0500 !important;
    font-family: var(--vk-font-bn) !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    letter-spacing: -0.01em !important;
    box-shadow: 0 6px 14px -6px rgba(255, 199, 44, 0.55) !important;
}
body.vk .vk-prize-row.vk-prize-rank-2 .vk-prize-rank {
    background: linear-gradient(135deg, #F0F0F0 0%, #C8C8C8 50%, #999 100%) !important;
    box-shadow: 0 6px 14px -6px rgba(200, 200, 200, 0.55) !important;
}
body.vk .vk-prize-row.vk-prize-rank-3 .vk-prize-rank {
    background: linear-gradient(135deg, #E5A66A 0%, #CD7F32 50%, #8B4513 100%) !important;
    color: #fff !important;
    box-shadow: 0 6px 14px -6px rgba(205, 127, 50, 0.55) !important;
}
body.vk .vk-prize-amt {
    color: var(--vk-text) !important;
    font-family: var(--vk-font-bn) !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
}
body.vk .vk-prize-row.vk-prize-rank-1 .vk-prize-amt {
    background: var(--vk-grad-text) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    color: transparent !important;
    font-size: 15px !important;
    font-weight: 800 !important;
}


/* ============================================================
   PRIZE CARD — high-specificity override (beats plugin's
   .qms-single-page .qms-sb-prize .qms-sb-head amber gradient)
   ============================================================ */

/* Neutralize plugin top-border accents on sidebar cards */
body.vk .qms-quiz-wrapper .qms-sb-prize,
body.vk .qms-single-wrap .qms-sb-prize {
    border-top: 1px solid rgba(255, 199, 44, 0.32) !important;
}
body.vk .qms-quiz-wrapper .qms-sb-rules,
body.vk .qms-single-wrap .qms-sb-rules {
    border-top: 1px solid var(--vk-line) !important;
}
body.vk .qms-quiz-wrapper .qms-sb-timer,
body.vk .qms-single-wrap .qms-sb-timer {
    border-top: 1px solid rgba(255, 199, 44, 0.35) !important;
}

/* Kill plugin's amber gradient on prize head — use ours instead */
body.vk .qms-quiz-wrapper .qms-sb-prize .qms-sb-head,
body.vk .qms-single-wrap .qms-sb-prize .qms-sb-head,
body.vk .qms-single-page .qms-sb-prize .qms-sb-head {
    background: transparent !important;
    backdrop-filter: none !important;
    color: var(--vk-gold-2) !important;
    border-bottom: none !important;
    padding: 0 !important;
    margin: 0 0 14px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 10px !important;
    font-family: var(--vk-font-bn) !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    letter-spacing: 0.04em !important;
    text-shadow: none !important;
}

/* Trophy emoji bubble */
body.vk .qms-quiz-wrapper .qms-sb-prize .qms-sb-head > span:first-child,
body.vk .qms-single-wrap .qms-sb-prize .qms-sb-head > span:first-child,
body.vk .qms-single-page .qms-sb-prize .qms-sb-head > span:first-child {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 56px !important;
    height: 56px !important;
    border-radius: 50% !important;
    background:
        radial-gradient(closest-side, rgba(255, 217, 112, 0.30), transparent 75%),
        linear-gradient(135deg, rgba(255, 199, 44, 0.18), rgba(255, 199, 44, 0.06)) !important;
    border: 1px solid rgba(255, 199, 44, 0.45) !important;
    box-shadow:
        0 8px 24px -8px rgba(255, 199, 44, 0.55),
        0 0 0 4px rgba(255, 199, 44, 0.06),
        0 0 0 1px rgba(255, 217, 112, 0.20) inset !important;
}

/* Plugin sets emoji image to a fixed inline size — force display sizing */
body.vk .qms-quiz-wrapper .qms-sb-prize .qms-sb-head img.emoji,
body.vk .qms-single-wrap .qms-sb-prize .qms-sb-head img.emoji,
body.vk .qms-single-page .qms-sb-prize .qms-sb-head img.emoji {
    width: 28px !important;
    height: 28px !important;
    margin: 0 !important;
    filter: drop-shadow(0 4px 10px rgba(255, 199, 44, 0.5)) !important;
}

/* Body — override plugin background */
body.vk .qms-quiz-wrapper .qms-sb-prize .qms-sb-body,
body.vk .qms-single-wrap .qms-sb-prize .qms-sb-body,
body.vk .qms-single-page .qms-sb-prize .qms-sb-body {
    background: transparent !important;
    color: var(--vk-text) !important;
    padding: 0 !important;
    border: none !important;
}
/* Once the JS converts to .vk-prize-podium, no extra background */
body.vk .qms-quiz-wrapper .qms-sb-prize .qms-sb-body.vk-prize-podium,
body.vk .qms-single-wrap .qms-sb-prize .qms-sb-body.vk-prize-podium,
body.vk .qms-single-page .qms-sb-prize .qms-sb-body.vk-prize-podium {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 6px !important;
}


/* ============================================================
   SECTION HEAD — premium redesign (glass icon + clean type
   + bottom hairline w/ gold accent bar). Targets all
   .qms-section-head variants with high specificity.
   ============================================================ */

body.vk .qms-quiz-wrapper .qms-section-head,
body.vk .qms-single-wrap .qms-section-head,
body.vk .qms-single-page .qms-section-head,
body.vk .qms-quiz-wrapper .qms-userinfo-card .qms-section-head,
body.vk .qms-quiz-wrapper .qms-questions-card .qms-section-head,
body.vk .qms-quiz-wrapper .qms-winners-card .qms-section-head {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    padding: 0 0 14px !important;
    margin: 0 0 18px !important;
    background: transparent !important;
    border: none !important;
    border-bottom: 1px solid var(--vk-line) !important;
    color: #8A5A0A !important;
    font-family: var(--vk-font-bn) !important;
    font-size: 16.5px !important;
    font-weight: 700 !important;
    letter-spacing: -0.005em !important;
    text-transform: none !important;
    position: relative !important;
    overflow: visible !important;
    backdrop-filter: none !important;
    box-shadow: none !important;
    text-shadow: none !important;
}

/* Plugin draws a fading underline via ::after — replace it with a
   compact gold accent bar that sits flush at the bottom-left. */
body.vk .qms-quiz-wrapper .qms-section-head::after,
body.vk .qms-single-wrap .qms-section-head::after,
body.vk .qms-single-page .qms-section-head::after {
    content: "" !important;
    position: absolute !important;
    bottom: -1px !important;
    left: 0 !important;
    right: auto !important;
    width: 56px !important;
    height: 2px !important;
    background: var(--vk-grad-gold) !important;
    border-radius: 2px !important;
    box-shadow: 0 0 10px rgba(255, 199, 44, 0.55) !important;
    opacity: 1 !important;
}
/* Plugin's userinfo ::before purple bar — kill it */
body.vk .qms-quiz-wrapper .qms-userinfo-card .qms-section-head::before,
body.vk .qms-single-wrap .qms-userinfo-card .qms-section-head::before {
    display: none !important;
    content: none !important;
}

/* GLASS ICON BUBBLE — replaces solid gold square */
body.vk .qms-quiz-wrapper .qms-section-head .qms-section-icon,
body.vk .qms-single-wrap .qms-section-head .qms-section-icon,
body.vk .qms-single-page .qms-section-head .qms-section-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    border-radius: 12px !important;
    background:
        radial-gradient(closest-side, rgba(255, 217, 112, 0.25), transparent 75%),
        linear-gradient(135deg, rgba(255, 199, 44, 0.18) 0%, rgba(255, 199, 44, 0.06) 100%),
        rgba(26, 24, 20, 0.4) !important;
    border: 1px solid rgba(255, 199, 44, 0.42) !important;
    color: var(--vk-gold-2) !important;
    font-size: 19px !important;
    line-height: 1 !important;
    flex-shrink: 0 !important;
    box-shadow:
        0 8px 18px -8px rgba(255, 199, 44, 0.45),
        0 0 0 1px rgba(255, 217, 112, 0.10) inset,
        0 1px 0 rgba(255, 217, 112, 0.18) inset !important;
    filter: none !important;
    position: relative;
    isolation: isolate;
}
body.vk .qms-quiz-wrapper .qms-section-head .qms-section-icon::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.06), transparent 60%);
    pointer-events: none;
}

/* Emoji rendered as 16x16 image — bump it up nicely */
body.vk .qms-quiz-wrapper .qms-section-head .qms-section-icon img.emoji,
body.vk .qms-single-wrap .qms-section-head .qms-section-icon img.emoji,
body.vk .qms-single-page .qms-section-head .qms-section-icon img.emoji {
    width: 22px !important;
    height: 22px !important;
    margin: 0 !important;
    vertical-align: middle !important;
    filter: drop-shadow(0 2px 6px rgba(255, 199, 44, 0.45)) !important;
}


/* ============================================================
   FIELD INPUT FIX — hide plugin's generic icon (overlaps text)
   and restore clean placeholder rendering for Bengali script.
   ============================================================ */

/* The plugin renders a generic hamburger SVG behind every input,
   overlapping the placeholder text and making it look doubled. */
body.vk .qms-quiz-wrapper .qms-input-icon,
body.vk .qms-single-wrap .qms-input-icon {
    display: none !important;
}

/* Reset input wrap to a clean block (was flex with icon space) */
body.vk .qms-quiz-wrapper .qms-input-wrap,
body.vk .qms-single-wrap .qms-input-wrap {
    display: block !important;
    position: relative !important;
}

/* Inputs no longer need extra left padding for the icon */
body.vk .qms-quiz-wrapper .qms-input-wrap input[type="text"],
body.vk .qms-quiz-wrapper .qms-input-wrap input[type="email"],
body.vk .qms-quiz-wrapper .qms-input-wrap input[type="tel"],
body.vk .qms-quiz-wrapper .qms-input-wrap input[type="number"],
body.vk .qms-quiz-wrapper .qms-input-wrap input[type="date"],
body.vk .qms-quiz-wrapper .qms-input-wrap textarea,
body.vk .qms-quiz-wrapper .qms-input-wrap select,
body.vk .qms-single-wrap .qms-input-wrap input,
body.vk .qms-single-wrap .qms-input-wrap textarea,
body.vk .qms-single-wrap .qms-input-wrap select {
    padding: 12px 14px !important;
    width: 100% !important;
    background: #FFFFFF !important;
    border: 1px solid rgba(200,134,11,.32) !important;
    border-radius: var(--vk-r-md) !important;
    color: #241F16 !important;
    font-family: var(--vk-font-bn) !important;
    font-size: 14.5px !important;
    line-height: 1.5 !important;
    -webkit-appearance: none !important;
    appearance: none !important;
    text-shadow: none !important;
    box-shadow: none !important;
    transition: border-color .25s ease, background .25s ease, box-shadow .25s ease !important;
}
body.vk .qms-quiz-wrapper .qms-input-wrap input:focus,
body.vk .qms-quiz-wrapper .qms-input-wrap textarea:focus,
body.vk .qms-quiz-wrapper .qms-input-wrap select:focus,
body.vk .qms-single-wrap .qms-input-wrap input:focus,
body.vk .qms-single-wrap .qms-input-wrap textarea:focus,
body.vk .qms-single-wrap .qms-input-wrap select:focus {
    border-color: var(--vk-gold) !important;
    background: rgba(255, 255, 255, 0.06) !important;
    outline: none !important;
    box-shadow: 0 0 0 3px rgba(255, 199, 44, 0.15) !important;
}

/* Crisper placeholders — bump opacity from 0.3 to 0.55 for legibility */
body.vk .qms-quiz-wrapper input::placeholder,
body.vk .qms-quiz-wrapper textarea::placeholder,
body.vk .qms-single-wrap input::placeholder,
body.vk .qms-single-wrap textarea::placeholder {
    color: rgba(244, 239, 226, 0.42) !important;
    opacity: 1 !important;
    font-family: var(--vk-font-bn) !important;
    font-weight: 400 !important;
    text-shadow: none !important;
}
body.vk .qms-quiz-wrapper input::-webkit-input-placeholder,
body.vk .qms-single-wrap input::-webkit-input-placeholder {
    color: rgba(244, 239, 226, 0.42) !important;
}
body.vk .qms-quiz-wrapper input::-moz-placeholder,
body.vk .qms-single-wrap input::-moz-placeholder {
    color: rgba(244, 239, 226, 0.42) !important;
    opacity: 1 !important;
}

/* Field labels — clean above input */
body.vk .qms-quiz-wrapper .qms-form-field label,
body.vk .qms-single-wrap .qms-form-field label {
    display: block !important;
    margin: 0 0 8px !important;
    color: #5A5236 !important;
    font-family: var(--vk-font-bn) !important;
    font-size: 13.5px !important;
    font-weight: 600 !important;
    background: transparent !important;
    padding: 0 !important;
}
body.vk .qms-quiz-wrapper .qms-form-field .qms-required,
body.vk .qms-single-wrap .qms-form-field .qms-required {
    color: var(--vk-red) !important;
    margin-left: 4px !important;
}

/* Field grid spacing */
body.vk .qms-quiz-wrapper .qms-fields-grid,
body.vk .qms-single-wrap .qms-fields-grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)) !important;
    gap: 16px !important;
    padding: 0 !important;
    background: transparent !important;
}
body.vk .qms-quiz-wrapper .qms-form-field {
    background: transparent !important;
    padding: 0 !important;
    border: none !important;
}


/* ════════════════════════════════════════════════════════════════
   AMBASSADOR PAGE — 9wickets Premium VIP redesign
   Targets the 9wickets Ambassador plugin templates (`.baj-*`).
   Uses Midnight Royale tokens (gold + violet on obsidian).
   ════════════════════════════════════════════════════════════════ */

/* Hide WP admin bar offset glitch on this template */
body.vk .baj-page,
body.vk.page-template-9wickets-pro-ambassador {
    background:
        radial-gradient(60% 40% at 18% 0%,  rgba(255, 199, 44, 0.10), transparent 70%),
        radial-gradient(60% 40% at 82% 12%, rgba(255, 199, 44, 0.08), transparent 70%),
        radial-gradient(50% 35% at 50% 100%, rgba(230, 169, 30, 0.06), transparent 70%),
        var(--vk-bg) !important;
    color: var(--vk-text) !important;
    font-family: var(--vk-font-bn) !important;
}
body.vk .baj-page * { box-sizing: border-box; }

/* Reusable gold text */
body.vk .baj-gold-text {
    background: var(--vk-grad-text) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    color: transparent !important;
    padding: 0.08em 0 0.04em !important;
}

/* ════════════════════════════════════════════════════════════
   1. HERO  ────  Cinematic dual-column showcase
   ════════════════════════════════════════════════════════════ */
body.vk .baj-hero {
    position: relative !important;
    isolation: isolate !important;
    overflow: hidden !important;
    min-height: 0 !important;
    margin: clamp(14px, 2vw, 24px) var(--vk-pad) !important;
    border-radius: var(--vk-r-lg) !important;
    border: 1px solid rgba(255, 199, 44, 0.32) !important;
    background: #1A1814 !important;
    box-shadow:
        0 28px 60px -28px rgba(0, 0, 0, 0.8),
        0 0 0 1px rgba(255, 199, 44, 0.12) inset !important;
}
body.vk .baj-hero::before {
    content: "";
    position: absolute;
    top: 0; left: 0; right: 0; height: 2px;
    background: linear-gradient(90deg, transparent, #FFC72C 25%, #FFD75E 50%, #FFC72C 75%, transparent);
    box-shadow: 0 0 18px rgba(255, 199, 44, 0.55);
    z-index: 5;
}
body.vk .baj-hero__slide {
    position: absolute !important;
    inset: 0 !important;
    opacity: 0;
    visibility: hidden;
    transition: opacity .8s ease, visibility 0s .8s !important;
}
body.vk .baj-hero__slide--active {
    opacity: 1 !important;
    visibility: visible !important;
    transition: opacity .8s ease, visibility 0s !important;
    position: relative !important;
}

/* Atmosphere backdrop */
body.vk .baj-hero__atmosphere {
    position: absolute !important;
    inset: 0 !important;
    z-index: 0 !important;
    overflow: hidden !important;
}
body.vk .baj-hero__atm-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    filter: blur(28px) brightness(.45) saturate(.85);
    transform: scale(1.18);
    opacity: .55;
}
body.vk .baj-hero__overlay {
    position: absolute !important;
    inset: 0 !important;
    z-index: 1 !important;
    background:
        radial-gradient(50% 60% at 30% 50%, transparent 0%, rgba(26, 24, 20, 0.65) 80%),
        linear-gradient(180deg, rgba(26, 24, 20, 0.45) 0%, rgba(26, 24, 20, 0.85) 100%);
}

/* Inner grid */
body.vk .baj-hero__inner {
    position: relative !important;
    z-index: 2 !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1.1fr) minmax(280px, 0.9fr) !important;
    gap: clamp(24px, 3vw, 48px) !important;
    align-items: center !important;
    padding: clamp(28px, 3.5vw, 52px) clamp(24px, 4vw, 56px) clamp(64px, 6vw, 84px) !important;
    min-height: 0 !important;
}
@media (max-width: 880px) {
    body.vk .baj-hero__inner { grid-template-columns: 1fr !important; padding: 28px 22px 64px !important; }
}

/* LEFT: text panel */
body.vk .baj-hero__text-col { max-width: 640px; }
body.vk .baj-hero__eyebrow {
    display: inline-flex !important;
    align-items: center;
    gap: 8px;
    padding: 5px 12px !important;
    border-radius: var(--vk-r-pill) !important;
    background: rgba(255, 199, 44, 0.10) !important;
    border: 1px solid rgba(255, 199, 44, 0.32) !important;
    color: var(--vk-gold-2) !important;
    font-family: var(--vk-font-bn) !important;
    font-size: 10.5px !important;
    font-weight: 700 !important;
    letter-spacing: 0.18em !important;
    text-transform: uppercase !important;
    margin-bottom: 12px !important;
    backdrop-filter: blur(8px) !important;
}
body.vk .baj-hero__eyebrow::before {
    content: "";
    width: 6px; height: 6px; border-radius: 50%;
    background: var(--vk-gold);
    box-shadow: 0 0 8px rgba(255, 199, 44, 0.7);
}
body.vk .baj-hero__name {
    font-family: var(--vk-font-bn) !important;
    font-size: clamp(34px, 4.5vw, 64px) !important;
    font-weight: 800 !important;
    line-height: 1.04 !important;
    letter-spacing: -0.025em !important;
    margin: 0 0 12px !important;
    background: linear-gradient(95deg, #FFE9A8 0%, #FFD75E 35%, #FFC72C 70%, #FFE9A8 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    color: transparent !important;
    padding: 0.10em 0 0.04em !important;
    text-shadow: 0 0 70px rgba(255, 199, 44, 0.20) !important;
}
body.vk .baj-hero__rule {
    width: 56px;
    height: 2px;
    background: var(--vk-grad-gold) !important;
    border-radius: 2px;
    margin: 0 0 14px !important;
    box-shadow: 0 0 10px rgba(255, 199, 44, 0.55);
}
body.vk .baj-hero__subtitle {
    color: var(--vk-text-mid) !important;
    font-family: var(--vk-font-bn) !important;
    font-size: clamp(13.5px, 1.1vw, 15.5px) !important;
    font-weight: 500 !important;
    line-height: 1.5 !important;
    letter-spacing: -0.003em !important;
    margin: 0 0 12px !important;
    max-width: 480px;
}
body.vk .baj-hero__quote {
    color: var(--vk-text) !important;
    font-family: 'Inter', Georgia, serif !important;
    font-style: italic !important;
    font-size: clamp(15px, 1.3vw, 18px) !important;
    font-weight: 500 !important;
    line-height: 1.45 !important;
    margin: 0 0 18px !important;
    padding-left: 14px !important;
    border-left: 2px solid rgba(255, 199, 44, 0.45) !important;
    max-width: 520px;
}

/* CTA */
body.vk .baj-cta,
body.vk a.baj-cta,
body.vk button.baj-cta {
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 13px 30px !important;
    border-radius: var(--vk-r-pill) !important;
    background: linear-gradient(135deg, #FFE9A8 0%, #FFC72C 50%, #E6A91E 100%) !important;
    border: none !important;
    color: #0A0500 !important;
    font-family: var(--vk-font-bn) !important;
    font-size: 14.5px !important;
    font-weight: 800 !important;
    letter-spacing: 0.005em !important;
    text-decoration: none !important;
    cursor: pointer !important;
    box-shadow:
        0 12px 32px -10px rgba(255, 199, 44, 0.55),
        0 0 0 1px rgba(120, 70, 10, 0.3) inset,
        0 1px 0 rgba(255, 255, 255, 0.45) inset !important;
    transition: transform .3s ease, box-shadow .3s ease !important;
    position: relative;
    overflow: hidden;
    isolation: isolate;
}
body.vk .baj-cta::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(110deg, transparent 30%, rgba(255, 255, 255, 0.55) 50%, transparent 70%);
    transform: translateX(-100%);
    animation: vk-cta-shimmer 3.5s ease-in-out infinite;
    pointer-events: none;
    z-index: 1;
}
body.vk .baj-cta > * { position: relative; z-index: 2; }
body.vk .baj-cta:hover {
    transform: translateY(-2px) !important;
    box-shadow:
        0 18px 44px -10px rgba(255, 199, 44, 0.70),
        0 0 0 1px rgba(120, 70, 10, 0.4) inset,
        0 1px 0 rgba(255, 255, 255, 0.55) inset !important;
}
body.vk .baj-cta span {
    display: inline-flex !important;
    transition: transform .3s ease !important;
}
body.vk .baj-cta:hover span { transform: translateX(4px) !important; }
@keyframes vk-cta-shimmer {
    0%   { transform: translateX(-100%); }
    35%  { transform: translateX(100%); }
    100% { transform: translateX(100%); }
}

/* RIGHT: portrait frame */
body.vk .baj-hero__portrait-col {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}
body.vk .baj-hero__portrait {
    position: relative !important;
    width: clamp(220px, 22vw, 320px) !important;
    aspect-ratio: 3 / 4 !important;
    isolation: isolate;
}
body.vk .baj-hero__portrait-halo {
    position: absolute !important;
    inset: -32px !important;
    background:
        radial-gradient(closest-side, rgba(255, 199, 44, 0.40), transparent 75%),
        radial-gradient(60% 60% at 50% 50%, rgba(230, 169, 30, 0.20), transparent 75%);
    filter: blur(24px);
    z-index: 0;
    animation: vk-halo-pulse 5s ease-in-out infinite;
}
@keyframes vk-halo-pulse {
    0%, 100% { transform: scale(1);    opacity: .85; }
    50%      { transform: scale(1.06); opacity: 1; }
}
body.vk .baj-hero__portrait-wrap {
    position: relative !important;
    width: 100% !important;
    height: 100% !important;
    overflow: hidden !important;
    border-radius: 20px !important;
    border: 1px solid rgba(255, 199, 44, 0.45) !important;
    background: linear-gradient(135deg, rgba(255, 199, 44, 0.06), rgba(255, 199, 44, 0.04)) !important;
    box-shadow:
        0 30px 60px -22px rgba(0, 0, 0, 0.85),
        0 0 0 1px rgba(255, 217, 112, 0.20) inset !important;
    z-index: 1;
}
body.vk .baj-hero__portrait-img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: top center;
    transition: transform .8s ease;
}
body.vk .baj-hero__portrait:hover .baj-hero__portrait-img { transform: scale(1.04); }

body.vk .baj-hero__portrait-fade {
    position: absolute !important;
    left: 0; right: 0; bottom: 0;
    height: 45%;
    background: linear-gradient(180deg, transparent 0%, rgba(26, 24, 20, 0.85) 80%);
    pointer-events: none;
    z-index: 2;
}
body.vk .baj-hero__portrait-badge {
    position: absolute !important;
    left: 0; right: 0; bottom: 18px;
    text-align: center !important;
    z-index: 3;
}
body.vk .baj-hero__portrait-fname {
    font-family: 'Inter', Georgia, serif !important;
    font-style: italic !important;
    font-size: clamp(36px, 4vw, 56px) !important;
    font-weight: 600 !important;
    background: var(--vk-grad-text) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    color: transparent !important;
    letter-spacing: 0.02em !important;
    text-transform: uppercase !important;
}

/* Gold corner accents */
body.vk .baj-hero__corner {
    position: absolute !important;
    width: 28px !important;
    height: 28px !important;
    border: 2px solid var(--vk-gold) !important;
    z-index: 4;
    box-shadow: 0 0 12px rgba(255, 199, 44, 0.55);
}
body.vk .baj-hero__corner--tl { top: -6px; left: -6px;  border-right: 0; border-bottom: 0; border-radius: 6px 0 0 0; }
body.vk .baj-hero__corner--tr { top: -6px; right: -6px; border-left:  0; border-bottom: 0; border-radius: 0 6px 0 0; }
body.vk .baj-hero__corner--bl { bottom: -6px; left: -6px;  border-right: 0; border-top: 0; border-radius: 0 0 0 6px; }
body.vk .baj-hero__corner--br { bottom: -6px; right: -6px; border-left:  0; border-top: 0; border-radius: 0 0 6px 0; }

/* Hero arrows */
body.vk .baj-hero__arrow {
    position: absolute !important;
    top: auto !important;
    bottom: 14px !important;
    transform: none !important;
    width: 36px !important;
    height: 36px !important;
    border-radius: 50% !important;
    border: 1px solid rgba(255, 199, 44, 0.40) !important;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0.012)),
        rgba(26, 24, 20, 0.78) !important;
    color: var(--vk-gold-2) !important;
    font-size: 14px !important;
    line-height: 1 !important;
    cursor: pointer !important;
    z-index: 6 !important;
    backdrop-filter: blur(12px);
    transition: transform .3s ease, background .3s ease, border-color .3s ease;
    box-shadow: 0 8px 20px -8px rgba(0, 0, 0, 0.55);
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}
body.vk .baj-hero__arrow:hover {
    background:
        radial-gradient(closest-side, rgba(255, 199, 44, 0.22), transparent 70%),
        rgba(26, 24, 20, 0.92) !important;
    border-color: var(--vk-gold) !important;
    transform: scale(1.06) !important;
}
/* Arrows sit at the bottom corners of the hero card so they never
   overlap the text on the left or the portrait on the right. */
body.vk .baj-hero__arrow--prev { left: 16px !important; right: auto !important; }
body.vk .baj-hero__arrow--next { right: 16px !important; left: auto !important; }

/* Hero dots (avatar pagination) */
body.vk .baj-hero__dots {
    position: absolute !important;
    bottom: 18px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    display: flex !important;
    gap: 8px !important;
    padding: 6px 12px !important;
    border-radius: var(--vk-r-pill) !important;
    background: #1A1814 !important;
    border: 1px solid rgba(255, 199, 44, 0.22) !important;
    backdrop-filter: blur(14px);
    z-index: 6 !important;
}
body.vk .baj-hero__dot {
    width: 30px !important;
    height: 30px !important;
    padding: 0 !important;
    border-radius: 50% !important;
    overflow: hidden !important;
    border: 1px solid rgba(255, 199, 44, 0.20) !important;
    background: transparent !important;
    cursor: pointer !important;
    opacity: .55;
    transition: opacity .3s ease, transform .3s ease, border-color .3s ease, box-shadow .3s ease;
}
body.vk .baj-hero__dot img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: top center;
    display: block;
}
body.vk .baj-hero__dot:hover { opacity: .9; transform: scale(1.06); }
body.vk .baj-hero__dot--active {
    opacity: 1 !important;
    border-color: var(--vk-gold) !important;
    box-shadow: 0 0 0 2px rgba(255, 199, 44, 0.30), 0 0 16px rgba(255, 199, 44, 0.55) !important;
    transform: scale(1.10) !important;
}

/* Hero progress bar */
body.vk .baj-hero__progress-track {
    position: absolute !important;
    bottom: 0 !important;
    left: 0; right: 0;
    height: 2px !important;
    background: rgba(255, 199, 44, 0.10) !important;
    z-index: 5;
}
body.vk .baj-hero__progress-bar {
    height: 100% !important;
    background: var(--vk-grad-gold) !important;
    box-shadow: 0 0 10px rgba(255, 199, 44, 0.55);
    transition: width .15s linear;
}

/* ════════════════════════════════════════════════════════════
   2. CAREER GALLERY  ────  Hide if all placeholder images
   ════════════════════════════════════════════════════════════ */
body.vk .baj-career {
    margin: clamp(36px, 5vw, 72px) var(--vk-pad) !important;
    padding: 0 !important;
    background: transparent !important;
    border-radius: var(--vk-r-lg) !important;
    overflow: hidden !important;
    border: 1px solid var(--vk-line) !important;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.025), rgba(255, 255, 255, 0.005)),
        rgba(26, 24, 20, 0.55) !important;
}
body.vk .baj-gallery {
    position: relative;
    padding: 18px 0;
}
body.vk .baj-gallery__mask {
    position: absolute !important;
    top: 0; bottom: 0;
    width: 120px;
    z-index: 3;
    pointer-events: none;
}
body.vk .baj-gallery__mask--left  { left: 0;  background: linear-gradient(90deg, var(--vk-bg) 10%, transparent 100%); }
body.vk .baj-gallery__mask--right { right: 0; background: linear-gradient(270deg, var(--vk-bg) 10%, transparent 100%); }

body.vk .baj-gallery__row {
    overflow: hidden;
    display: flex;
    margin: 4px 0;
}
body.vk .baj-gallery__track {
    display: flex;
    gap: 12px;
    padding: 0 12px;
    animation-duration: 90s !important;
    animation-iteration-count: infinite !important;
    animation-timing-function: linear !important;
}
body.vk .baj-gallery__track--fwd { animation-name: vk-gallery-fwd; }
body.vk .baj-gallery__track--rev { animation-name: vk-gallery-rev; }
@keyframes vk-gallery-fwd { from { transform: translateX(0);    } to { transform: translateX(-50%); } }
@keyframes vk-gallery-rev { from { transform: translateX(-50%); } to { transform: translateX(0);    } }

body.vk .baj-gallery__img {
    width: 180px !important;
    height: 240px !important;
    object-fit: cover !important;
    border-radius: 12px !important;
    border: 1px solid var(--vk-line-2) !important;
    flex-shrink: 0;
    transition: transform .3s ease, border-color .3s ease, box-shadow .3s ease;
}
body.vk .baj-gallery__img:hover {
    transform: translateY(-4px) scale(1.02);
    border-color: var(--vk-gold) !important;
    box-shadow: 0 14px 28px -10px rgba(255, 199, 44, 0.5);
}
/* Hide entire gallery section when only placeholder images present.
   We use :has() (broadly supported in modern browsers) to detect
   that ALL gallery images are the placeholder filename. */
body.vk .baj-career:not(:has(.baj-gallery__img:not([src*="placeholder.png"]))) {
    display: none !important;
}
body.vk .baj-gallery__slide { display: none; }
body.vk .baj-gallery__slide--active { display: block; }

/* ════════════════════════════════════════════════════════════
   3. BEST OF VIDEO  ────  Premium video stage + playlist
   ════════════════════════════════════════════════════════════ */
body.vk .baj-best {
    margin: clamp(36px, 5vw, 72px) var(--vk-pad) !important;
    padding: clamp(28px, 4vw, 48px) clamp(24px, 3vw, 40px) !important;
    background:
        radial-gradient(60% 80% at 0% 0%,  rgba(255, 199, 44, 0.10), transparent 70%),
        radial-gradient(60% 80% at 100% 100%, rgba(255, 199, 44, 0.08), transparent 70%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0.008)),
        rgba(26, 24, 20, 0.65) !important;
    border: 1px solid rgba(255, 199, 44, 0.24) !important;
    border-radius: var(--vk-r-lg) !important;
    box-shadow:
        0 24px 60px -28px rgba(0, 0, 0, 0.7),
        0 0 0 1px rgba(255, 199, 44, 0.10) inset !important;
    position: relative;
    overflow: hidden;
}
body.vk .baj-best::before {
    content: "";
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 1px;
    background: linear-gradient(90deg, transparent, var(--vk-gold) 50%, transparent);
    opacity: .5;
}
body.vk .baj-best__panel { display: none; }
body.vk .baj-best__panel--active { display: block; }
body.vk .baj-best__inner {
    display: grid !important;
    grid-template-columns: minmax(0, 1.5fr) minmax(280px, 1fr) !important;
    gap: clamp(24px, 3vw, 40px) !important;
    align-items: start !important;
}
@media (max-width: 880px) {
    body.vk .baj-best__inner { grid-template-columns: 1fr !important; }
}

/* Video frame */
body.vk .baj-best__vcol { min-width: 0; }
body.vk .baj-best__vframe {
    position: relative;
    aspect-ratio: 16 / 9;
    width: 100%;
    overflow: hidden;
    border-radius: 16px !important;
    border: 1px solid rgba(255, 199, 44, 0.32) !important;
    background: rgba(0, 0, 0, 0.5) !important;
    cursor: pointer;
    box-shadow:
        0 30px 60px -22px rgba(0, 0, 0, 0.80),
        0 0 0 1px rgba(255, 217, 112, 0.10) inset !important;
}
body.vk .baj-best__vimg {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    transition: transform .6s ease, opacity .3s ease;
}
body.vk .baj-best__vframe:hover .baj-best__vimg { transform: scale(1.04); }
body.vk .baj-best__vcounter {
    position: absolute !important;
    top: 14px;
    right: 14px;
    padding: 6px 12px !important;
    border-radius: var(--vk-r-pill) !important;
    background: #1A1814 !important;
    border: 1px solid rgba(255, 199, 44, 0.32) !important;
    color: var(--vk-gold-2) !important;
    font-family: var(--vk-font-en) !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    letter-spacing: 0.04em;
    backdrop-filter: blur(8px);
    z-index: 3;
}
body.vk .baj-best__vsep { opacity: .45; padding: 0 4px; }

/* Play button overlay */
body.vk .baj-play-btn {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: 88px !important;
    height: 88px !important;
    border-radius: 50% !important;
    border: none !important;
    background: linear-gradient(135deg, #FFE9A8 0%, #FFC72C 50%, #E6A91E 100%) !important;
    color: #0A0500 !important;
    cursor: pointer !important;
    z-index: 4 !important;
    box-shadow:
        0 16px 40px -10px rgba(255, 199, 44, 0.7),
        0 0 0 6px rgba(255, 199, 44, 0.18),
        0 0 0 1px rgba(255, 217, 112, 0.40) inset !important;
    transition: transform .3s ease, box-shadow .3s ease !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}
body.vk .baj-play-btn::before {
    content: "";
    position: absolute;
    inset: -8px;
    border-radius: 50%;
    border: 1px solid rgba(255, 199, 44, 0.40);
    animation: vk-play-pulse 2.2s ease-in-out infinite;
}
@keyframes vk-play-pulse {
    0%, 100% { transform: scale(1);    opacity: .8; }
    50%      { transform: scale(1.15); opacity: .25; }
}
body.vk .baj-play-btn:hover {
    transform: translate(-50%, -50%) scale(1.06) !important;
    box-shadow:
        0 22px 50px -10px rgba(255, 199, 44, 0.85),
        0 0 0 8px rgba(255, 199, 44, 0.25),
        0 0 0 1px rgba(255, 217, 112, 0.55) inset !important;
}
body.vk .baj-play-btn__icon { width: 32px; height: 32px; transform: translateX(2px); }
body.vk .baj-play-btn__ring { display: none; }

/* Now playing bar */
body.vk .baj-best__vnow {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin: 14px 0 0 !important;
    padding: 8px 14px !important;
    border-radius: var(--vk-r-pill) !important;
    background: rgba(255, 199, 44, 0.08) !important;
    border: 1px solid rgba(255, 199, 44, 0.22) !important;
    color: var(--vk-text) !important;
    font-family: var(--vk-font-bn) !important;
    font-size: 12.5px !important;
}
body.vk .baj-best__vnow-icon {
    width: 12px; height: 12px;
    color: var(--vk-gold-2) !important;
}
body.vk .baj-best__vnow-label {
    color: var(--vk-gold-2) !important;
    font-weight: 700 !important;
    letter-spacing: 0.10em !important;
    text-transform: uppercase !important;
    font-size: 10.5px !important;
}
body.vk .baj-best__vnow-title {
    color: var(--vk-text) !important;
    font-weight: 500 !important;
}

/* Playlist */
body.vk .baj-best__playlist {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)) !important;
    gap: 10px !important;
    margin: 16px 0 0 !important;
    padding: 0 !important;
}
body.vk .baj-best__vthumb {
    padding: 0 !important;
    border: 1px solid var(--vk-line-2) !important;
    border-radius: 12px !important;
    background: transparent !important;
    cursor: pointer !important;
    overflow: hidden !important;
    transition: transform .3s ease, border-color .3s ease, box-shadow .3s ease !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
}
body.vk .baj-best__vthumb:hover {
    transform: translateY(-3px) !important;
    border-color: var(--vk-gold) !important;
    box-shadow: 0 14px 28px -10px rgba(255, 199, 44, 0.45) !important;
}
body.vk .baj-best__vthumb--active {
    border-color: var(--vk-gold) !important;
    box-shadow: 0 0 0 1px rgba(255, 199, 44, 0.30) inset, 0 14px 28px -10px rgba(255, 199, 44, 0.55) !important;
}
body.vk .baj-best__vthumb-wrap {
    position: relative;
    aspect-ratio: 16/9;
    background: rgba(0,0,0,0.4);
}
body.vk .baj-best__vthumb-wrap img {
    width: 100% !important; height: 100% !important;
    object-fit: cover !important;
    display: block;
}
body.vk .baj-best__vthumb-overlay {
    position: absolute; inset: 0;
    background: linear-gradient(180deg, transparent 50%, rgba(0,0,0,0.55));
    pointer-events: none;
}
body.vk .baj-best__vthumb-play {
    position: absolute;
    top: 50%; left: 50%;
    transform: translate(-50%, -50%);
    width: 32px; height: 32px;
    border-radius: 50%;
    background: #1A1814;
    border: 1px solid rgba(255, 199, 44, 0.45);
    color: var(--vk-gold-2);
    display: inline-flex;
    align-items: center; justify-content: center;
    backdrop-filter: blur(8px);
    transition: background .25s ease, transform .25s ease;
}
body.vk .baj-best__vthumb:hover .baj-best__vthumb-play {
    background: var(--vk-gold) !important;
    color: #0A0500 !important;
    transform: translate(-50%, -50%) scale(1.1);
}
body.vk .baj-best__vthumb-live {
    position: absolute;
    top: 8px; left: 8px;
    padding: 3px 8px;
    border-radius: var(--vk-r-pill);
    background: rgba(34, 197, 94, 0.18);
    border: 1px solid rgba(34, 197, 94, 0.45);
    color: #6EE7B7;
    font-family: var(--vk-font-en);
    font-size: 9.5px;
    font-weight: 800;
    letter-spacing: 0.12em;
    backdrop-filter: blur(6px);
}
body.vk .baj-best__vthumb-label {
    display: block !important;
    padding: 8px 10px !important;
    color: var(--vk-text) !important;
    font-family: var(--vk-font-bn) !important;
    font-size: 12.5px !important;
    font-weight: 600 !important;
    line-height: 1.35 !important;
    text-align: left !important;
    background: transparent !important;
    border: none !important;
}

/* Video bar */
body.vk .baj-best__vbar {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    margin: 16px 0 0 !important;
    padding: 12px 14px !important;
    border-radius: var(--vk-r-md) !important;
    background: rgba(255, 255, 255, 0.03) !important;
    border: 1px solid var(--vk-line) !important;
    color: var(--vk-text-mid) !important;
    font-family: var(--vk-font-bn) !important;
    font-size: 12.5px !important;
}
body.vk .baj-best__vbar-logo { width: 22px; height: 22px; flex-shrink: 0; }
body.vk .baj-best__vbar-label { flex: 1; }
body.vk .baj-best__vbar-badge {
    padding: 4px 10px !important;
    border-radius: var(--vk-r-pill) !important;
    background: rgba(255, 199, 44, 0.10) !important;
    border: 1px solid rgba(255, 199, 44, 0.30) !important;
    color: var(--vk-gold-2) !important;
    font-weight: 700 !important;
    font-size: 11.5px !important;
}

/* Info column */
body.vk .baj-best__icol {
    padding: 6px 0 !important;
}
body.vk .baj-best__eyebrow {
    margin: 0 0 8px !important;
    color: var(--vk-gold-2) !important;
    font-family: var(--vk-font-bn) !important;
    font-size: 11.5px !important;
    font-weight: 700 !important;
    letter-spacing: 0.18em !important;
    text-transform: uppercase !important;
}
body.vk .baj-best__htitle {
    margin: 0 !important;
    color: var(--vk-text) !important;
    font-family: var(--vk-font-bn) !important;
    font-size: clamp(28px, 3vw, 38px) !important;
    font-weight: 600 !important;
    line-height: 1.1 !important;
}
body.vk .baj-best__hname {
    margin: 4px 0 14px !important;
    font-family: var(--vk-font-bn) !important;
    font-size: clamp(36px, 4vw, 56px) !important;
    font-weight: 800 !important;
    line-height: 1.05 !important;
    letter-spacing: -0.02em !important;
}
body.vk .baj-best__hdivider {
    width: 64px; height: 2px;
    background: var(--vk-grad-gold) !important;
    border-radius: 2px;
    margin: 14px 0 18px !important;
    box-shadow: 0 0 12px rgba(255, 199, 44, 0.55);
}
body.vk .baj-best__hquote {
    margin: 0 0 24px !important;
    color: var(--vk-text) !important;
    font-family: 'Inter', Georgia, serif !important;
    font-style: italic !important;
    font-size: 17px !important;
    line-height: 1.55 !important;
    padding-left: 14px !important;
    border-left: 2px solid rgba(255, 199, 44, 0.40) !important;
}
body.vk .baj-best__hstats {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 10px !important;
    margin: 0 0 22px !important;
}
body.vk .baj-best__hstat {
    padding: 14px 16px !important;
    border-radius: var(--vk-r-md) !important;
    background:
        linear-gradient(180deg, rgba(255, 199, 44, 0.08), rgba(255, 199, 44, 0.02)) !important;
    border: 1px solid rgba(255, 199, 44, 0.22) !important;
    text-align: center !important;
}
body.vk .baj-best__hstat-label {
    display: block !important;
    color: var(--vk-text-dim) !important;
    font-family: var(--vk-font-bn) !important;
    font-size: 11px !important;
    letter-spacing: 0.10em !important;
    text-transform: uppercase !important;
    margin-bottom: 6px !important;
}
body.vk .baj-best__hstat-val {
    display: block !important;
    color: var(--vk-gold-2) !important;
    font-family: var(--vk-font-en) !important;
    font-size: 18px !important;
    font-weight: 800 !important;
}
body.vk .baj-best__next-btn { margin-top: 4px; }

/* Ambassador strip (pills) */
body.vk .baj-best__strip {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    margin: 28px 0 0 !important;
    padding: 14px !important;
    border-radius: var(--vk-r-md) !important;
    background: rgba(255, 255, 255, 0.025) !important;
    border: 1px solid var(--vk-line) !important;
    justify-content: center !important;
}
body.vk .baj-best__pill {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 5px 14px 5px 5px !important;
    border-radius: var(--vk-r-pill) !important;
    background: rgba(255, 255, 255, 0.025) !important;
    border: 1px solid var(--vk-line-2) !important;
    color: var(--vk-text) !important;
    font-family: var(--vk-font-bn) !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    transition: background .25s ease, border-color .25s ease, transform .25s ease, box-shadow .25s ease !important;
}
body.vk .baj-best__pill:hover {
    border-color: var(--vk-gold) !important;
    background: rgba(255, 199, 44, 0.08) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 10px 20px -10px rgba(255, 199, 44, 0.45) !important;
}
body.vk .baj-best__pill--active {
    border-color: var(--vk-gold) !important;
    background: rgba(255, 199, 44, 0.12) !important;
    color: var(--vk-gold-2) !important;
    box-shadow: 0 0 0 1px rgba(255, 199, 44, 0.32) inset, 0 12px 24px -10px rgba(255, 199, 44, 0.45) !important;
}
body.vk .baj-best__pill-img-wrap {
    width: 32px !important;
    height: 32px !important;
    border-radius: 50% !important;
    overflow: hidden !important;
    border: 1px solid rgba(255, 199, 44, 0.28) !important;
    flex-shrink: 0;
}
body.vk .baj-best__pill-img-wrap img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: top center;
    display: block;
}

/* ════════════════════════════════════════════════════════════
   4. GRID SECTION  ────  Premium ambassador cards
   ════════════════════════════════════════════════════════════ */
body.vk .baj-grid-sec {
    padding: clamp(40px, 6vw, 80px) var(--vk-pad) !important;
}
body.vk .baj-grid-sec__head {
    text-align: center !important;
    margin: 0 auto clamp(28px, 4vw, 48px) !important;
    max-width: 720px;
}
body.vk .baj-grid-sec__pre {
    color: var(--vk-gold-2) !important;
    font-family: var(--vk-font-bn) !important;
    font-size: 11.5px !important;
    font-weight: 700 !important;
    letter-spacing: 0.20em !important;
    text-transform: uppercase !important;
    margin: 0 0 12px !important;
}
body.vk .baj-sec-title,
body.vk .baj-grid-sec__head h2 {
    margin: 0 0 14px !important;
    color: var(--vk-text) !important;
    font-family: var(--vk-font-bn) !important;
    font-size: clamp(32px, 4vw, 52px) !important;
    font-weight: 800 !important;
    line-height: 1.1 !important;
    letter-spacing: -0.02em !important;
    background: var(--vk-grad-text) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    color: transparent !important;
    padding: 0.10em 0 0.04em !important;
}
body.vk .baj-grid-sec__rule {
    width: 96px;
    height: 3px;
    background: var(--vk-grad-gold) !important;
    border-radius: 3px;
    margin: 4px auto 0 !important;
    box-shadow: 0 0 14px rgba(255, 199, 44, 0.55);
}

body.vk .baj-amb-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: clamp(16px, 2.2vw, 26px) !important;
    margin: 0 auto !important;
    max-width: 1180px;
}
@media (max-width: 980px) {
    body.vk .baj-amb-grid { grid-template-columns: repeat(2, 1fr) !important; }
}
@media (max-width: 540px) {
    body.vk .baj-amb-grid { grid-template-columns: 1fr !important; }
}
body.vk .baj-amb-card {
    position: relative !important;
    display: block !important;
    aspect-ratio: 3 / 4 !important;
    border-radius: var(--vk-r-lg) !important;
    overflow: hidden !important;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.012)),
        rgba(26, 24, 20, 0.6) !important;
    border: 1px solid var(--vk-line-2) !important;
    text-decoration: none !important;
    color: inherit !important;
    box-shadow: 0 22px 50px -22px rgba(0, 0, 0, 0.55) !important;
    transition: transform .4s ease, border-color .4s ease, box-shadow .4s ease !important;
    isolation: isolate;
}
body.vk .baj-amb-card::before {
    content: "";
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 2px;
    background: var(--vk-grad-gold);
    box-shadow: 0 0 12px rgba(255, 199, 44, 0.5);
    z-index: 4;
}
body.vk .baj-amb-card:hover {
    transform: translateY(-6px) !important;
    border-color:#B5830F !important;
    box-shadow:
        0 32px 64px -22px rgba(0, 0, 0, 0.7),
        0 18px 40px -18px rgba(255, 199, 44, 0.45) !important;
}
body.vk .baj-amb-card__photo {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    object-position: center !important;
    background: #1A1814 !important;
    z-index: 1 !important;
    transition: transform .6s ease;
    padding: 14px;
}
body.vk .baj-amb-card:hover .baj-amb-card__photo { transform: scale(1.04); }
body.vk .baj-amb-card__overlay {
    position: absolute !important;
    inset: 0 !important;
    background:
        linear-gradient(180deg, rgba(26, 24, 20, 0.30) 0%, rgba(26, 24, 20, 0.10) 30%, rgba(26, 24, 20, 0.92) 100%);
    z-index: 2 !important;
    pointer-events: none;
}
body.vk .baj-amb-card__top {
    position: absolute !important;
    top: 14px !important;
    left: 14px !important;
    right: 14px !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    gap: 8px !important;
    z-index: 3 !important;
}
body.vk .baj-amb-card__badge {
    padding: 5px 11px !important;
    border-radius: var(--vk-r-pill) !important;
    background: #1A1814 !important;
    border: 1px solid rgba(255, 199, 44, 0.32) !important;
    color: var(--vk-gold-2) !important;
    font-family: var(--vk-font-bn) !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    backdrop-filter: blur(10px);
}
body.vk .baj-amb-card__year {
    padding: 5px 11px !important;
    border-radius: var(--vk-r-pill) !important;
    background: rgba(255, 199, 44, 0.16) !important;
    border: 1px solid rgba(255, 199, 44, 0.42) !important;
    color: var(--vk-gold-2) !important;
    font-family: var(--vk-font-en) !important;
    font-size: 10.5px !important;
    font-weight: 800 !important;
    letter-spacing: 0.04em;
    backdrop-filter: blur(10px);
}
body.vk .baj-amb-card__accent {
    position: absolute !important;
    bottom: 132px !important;
    left: 18px !important;
    width: 36px !important;
    height: 2px !important;
    background: var(--vk-grad-gold) !important;
    border-radius: 2px !important;
    box-shadow: 0 0 10px rgba(255, 199, 44, 0.55) !important;
    z-index: 3 !important;
}
body.vk .baj-amb-card__body {
    position: absolute !important;
    bottom: 0 !important;
    left: 0; right: 0;
    padding: 18px 20px 20px !important;
    z-index: 3 !important;
}
body.vk .baj-amb-card__name {
    margin: 0 0 6px !important;
    color: var(--vk-text) !important;
    font-family: var(--vk-font-bn) !important;
    font-size: 22px !important;
    font-weight: 800 !important;
    line-height: 1.15 !important;
    letter-spacing: -0.015em !important;
}
body.vk .baj-amb-card__sub {
    margin: 0 0 14px !important;
    color: var(--vk-text-mid) !important;
    font-family: var(--vk-font-bn) !important;
    font-size: 12.5px !important;
    line-height: 1.45 !important;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
body.vk .baj-amb-card__btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    color: var(--vk-gold-2) !important;
    font-family: var(--vk-font-bn) !important;
    font-size: 12.5px !important;
    font-weight: 700 !important;
    letter-spacing: 0.04em !important;
    transition: gap .3s ease, color .3s ease;
}
body.vk .baj-amb-card:hover .baj-amb-card__btn {
    gap: 12px !important;
    color:#C8860B !important;
}
body.vk .baj-amb-card__btn svg {
    transition: transform .3s ease;
}
body.vk .baj-amb-card:hover .baj-amb-card__btn svg {
    transform: translateX(2px);
}

/* ════════════════════════════════════════════════════════════
   ELEMENTOR / BLOCK overrides — ensure clean layout on this page
   ════════════════════════════════════════════════════════════ */
body.vk.page-template-9wickets-pro-ambassador main#vk-main {
    padding: 0 !important;
    margin: 0 !important;
}



/* ════════════════════════════════════════════════════════════════
   AMBASSADOR VAULT — v2  Editorial premium (page-ambassador-vault.php)
   ════════════════════════════════════════════════════════════════ */

body.vk .vk-amb-vault,
body.vk .vk-amb-vault * { box-sizing: border-box; }
body.vk .vk-amb-vault {
    color: var(--vk-text);
    font-family: var(--vk-font-bn);
    overflow-x: hidden;
}

/* ── Shared atoms ─────────────────────────────────────────── */
body.vk .vk-amb-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 6px 14px;
    border-radius: var(--vk-r-pill);
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid var(--vk-line-2);
    color: var(--vk-text-mid);
    font-family: var(--vk-font-bn);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.20em;
    text-transform: uppercase;
    backdrop-filter: blur(8px);
    line-height: 1;
}
body.vk .vk-amb-eyebrow--gold {
    background: rgba(255, 199, 44, 0.10);
    border-color:#B5830F;
    color: var(--vk-gold-2);
}
body.vk .vk-amb-eyebrow__dot,
body.vk .vk-amb-eyebrow--gold::before {
    content: "";
    width: 6px; height: 6px; border-radius: 50%;
    background: var(--vk-gold);
    box-shadow: 0 0 10px rgba(255, 199, 44, 0.7);
    flex-shrink: 0;
}
body.vk .vk-amb-eyebrow__dot { animation: vk-amb-blink 2s ease-in-out infinite; }
@keyframes vk-amb-blink { 0%,100% { opacity:1; transform:scale(1); } 50% { opacity:.5; transform:scale(.8); } }

body.vk .vk-amb-h2 {
    margin: 14px 0 0;
    font-family: var(--vk-font-bn);
    font-size: clamp(34px, 4.5vw, 56px);
    font-weight: 800;
    line-height: 1.05;
    letter-spacing: -0.025em;
    color: var(--vk-text);
}
body.vk .vk-amb-gold,
body.vk .vk-amb-vault .vk-amb-gold {
    background: linear-gradient(95deg, #FFE9A8 0%, #FFD75E 35%, #FFC72C 70%, #FFE9A8 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
    padding: 0.10em 0 0.04em;
    display: inline-block;
}
body.vk .vk-amb-section-head {
    text-align: center;
    margin-bottom: clamp(28px, 4vw, 48px);
    max-width: 720px;
    margin-inline: auto;
}
body.vk .vk-amb-section-lead {
    margin: 14px 0 0;
    color: var(--vk-text-mid);
    font-size: 15px;
    line-height: 1.6;
}

body.vk .vk-amb-stat {
    padding: 12px 14px;
    border-radius: var(--vk-r-md);
    background:
        linear-gradient(180deg, rgba(255, 199, 44, 0.08), rgba(255, 199, 44, 0.02));
    border: 1px solid rgba(255, 199, 44, 0.22);
    text-align: center;
}
body.vk .vk-amb-stat__val {
    display: block;
    font-family: var(--vk-font-en);
    font-size: 22px;
    font-weight: 900;
    line-height: 1;
    color: var(--vk-gold-2);
}
body.vk .vk-amb-stat__lbl {
    display: block;
    margin-top: 6px;
    font-family: var(--vk-font-bn);
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: 0.10em;
    text-transform: uppercase;
    color: var(--vk-text-dim);
}

/* ════════════════════════════════════════════════════════════
   1 · COVER HERO  — editorial split (text left · portrait right)
   ════════════════════════════════════════════════════════════ */
body.vk .vk-amb-cover {
    position: relative;
    isolation: isolate;
    margin: clamp(20px, 3vw, 36px) var(--vk-pad);
    padding: clamp(28px, 3.5vw, 56px) clamp(28px, 3vw, 64px) clamp(36px, 4vw, 64px);
    border-radius: var(--vk-r-lg);
    border: 1px solid rgba(255, 199, 44, 0.28);
    overflow: hidden;
    background:
        linear-gradient(180deg, rgba(26, 24, 20, 0.85), rgba(26, 24, 20, 0.96));
    box-shadow:
        0 36px 80px -32px rgba(0, 0, 0, 0.85),
        0 0 0 1px rgba(255, 199, 44, 0.10) inset;
}
body.vk .vk-amb-cover::before {
    content: "";
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 2px;
    background: linear-gradient(90deg, transparent, #FFC72C 25%, #FFD75E 50%, #FFC72C 75%, transparent);
    box-shadow: 0 0 18px rgba(255, 199, 44, 0.5);
    z-index: 5;
}
body.vk .vk-amb-cover__bg {
    position: absolute; inset: 0;
    z-index: 0;
    pointer-events: none;
    overflow: hidden;
}
body.vk .vk-amb-cover__halo {
    position: absolute;
    border-radius: 50%;
    filter: blur(80px);
}
body.vk .vk-amb-cover__halo--gold {
    width: 520px; height: 520px;
    top: -160px; left: -160px;
    background: rgba(255, 199, 44, 0.22);
    animation: vk-amb-halo-1 14s ease-in-out infinite;
}
body.vk .vk-amb-cover__halo--violet {
    width: 580px; height: 580px;
    bottom: -200px; right: -180px;
    background: rgba(255, 199, 44, 0.20);
    animation: vk-amb-halo-2 16s ease-in-out infinite;
}
@keyframes vk-amb-halo-1 { 0%,100% { transform: translate(0,0) scale(1); } 50% { transform: translate(40px,30px) scale(1.08); } }
@keyframes vk-amb-halo-2 { 0%,100% { transform: translate(0,0) scale(1); } 50% { transform: translate(-50px,-40px) scale(1.06); } }

body.vk .vk-amb-cover__inner {
    position: relative;
    z-index: 2;
    max-width: 1320px;
    margin: 0 auto;
}

/* Top row — eyebrow + issue number */
body.vk .vk-amb-cover__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 12px;
    padding-bottom: clamp(20px, 3vw, 36px);
    border-bottom: 1px solid var(--vk-line);
    margin-bottom: clamp(28px, 4vw, 48px);
}
body.vk .vk-amb-cover__issue {
    font-family: var(--vk-font-en);
    font-size: 12px;
    font-weight: 700;
    color: var(--vk-text-dim);
    letter-spacing: 0.20em;
    text-transform: uppercase;
}

/* Body — split editorial */
body.vk .vk-amb-cover__body {
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
    gap: clamp(28px, 4vw, 64px);
    align-items: center;
}
@media (max-width: 880px) {
    body.vk .vk-amb-cover__body { grid-template-columns: 1fr; }
}

body.vk .vk-amb-cover__copy { max-width: 620px; }
body.vk .vk-amb-cover__title {
    margin: 0;
    font-family: var(--vk-font-bn);
    font-size: clamp(46px, 7vw, 100px);
    font-weight: 800;
    line-height: 1.0;
    letter-spacing: -0.035em;
    color: var(--vk-text);
}
body.vk .vk-amb-cover__title span { display: block; }
body.vk .vk-amb-cover__title-em {
    background: linear-gradient(95deg, #FFE9A8 0%, #FFD75E 35%, #FFC72C 70%, #FFE9A8 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
    padding: 0.08em 0 0.04em;
    text-shadow: 0 0 70px rgba(255, 199, 44, 0.18);
    font-style: italic;
    font-family: 'Inter', Georgia, serif;
    font-weight: 600;
    margin-top: -0.05em;
}
body.vk .vk-amb-cover__lead {
    margin: 24px 0 0;
    color: var(--vk-text-mid);
    font-family: var(--vk-font-bn);
    font-size: clamp(15px, 1.4vw, 17px);
    line-height: 1.6;
    max-width: 520px;
}
body.vk .vk-amb-cover__cta-row {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 30px;
}

/* Cover portrait */
body.vk .vk-amb-cover__portrait {
    position: relative;
    margin: 0;
    width: 100%;
    aspect-ratio: 4 / 5;
    isolation: isolate;
}
body.vk .vk-amb-cover__portrait-glow {
    position: absolute;
    inset: -32px;
    background:
        radial-gradient(closest-side, rgba(255, 199, 44, 0.40), transparent 75%),
        radial-gradient(60% 60% at 50% 50%, rgba(230, 169, 30, 0.18), transparent 75%);
    filter: blur(28px);
    z-index: 0;
    animation: vk-amb-halo-pulse 6s ease-in-out infinite;
}
@keyframes vk-amb-halo-pulse {
    0%, 100% { transform: scale(1);    opacity: .85; }
    50%      { transform: scale(1.06); opacity: 1;  }
}
body.vk .vk-amb-cover__portrait-frame {
    position: relative;
    z-index: 1;
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 22px;
    overflow: hidden;
    border: 1px solid rgba(255, 199, 44, 0.40);
    background: #1A1814;
    box-shadow:
        0 32px 64px -22px rgba(0, 0, 0, 0.85),
        0 0 0 1px rgba(255, 217, 112, 0.18) inset;
}
body.vk .vk-amb-cover__portrait-frame img {
    width: 100%; height: 100%;
    object-fit: cover;
    object-position: center top;
    display: block;
    transition: transform 1.2s ease;
}
body.vk .vk-amb-cover__portrait:hover .vk-amb-cover__portrait-frame img { transform: scale(1.04); }
body.vk .vk-amb-cover__portrait-fade {
    position: absolute;
    left: 0; right: 0; bottom: 0;
    height: 45%;
    background: linear-gradient(180deg, transparent 0%, rgba(26, 24, 20, 0.92) 95%);
    pointer-events: none;
    z-index: 2;
}
body.vk .vk-amb-cover__caption {
    position: absolute;
    left: clamp(18px, 3vw, 32px);
    bottom: clamp(18px, 3vw, 28px);
    z-index: 3;
    max-width: calc(100% - 36px);
}
body.vk .vk-amb-cover__cap-no {
    display: block;
    font-family: var(--vk-font-en);
    font-size: 10.5px;
    font-weight: 700;
    color: var(--vk-gold-2);
    letter-spacing: 0.20em;
    text-transform: uppercase;
    margin-bottom: 6px;
    opacity: .95;
}
body.vk .vk-amb-cover__cap-name {
    display: block;
    color: var(--vk-text);
    font-family: var(--vk-font-bn);
    font-size: clamp(22px, 2.4vw, 32px);
    font-weight: 800;
    letter-spacing: -0.02em;
    line-height: 1.1;
    margin-bottom: 4px;
}
body.vk .vk-amb-cover__cap-role {
    display: block;
    color: var(--vk-text-mid);
    font-family: var(--vk-font-bn);
    font-size: 12.5px;
    font-weight: 600;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

/* ════════════════════════════════════════════════════════════
   2 · STATS BAND
   ════════════════════════════════════════════════════════════ */
body.vk .vk-amb-stats-band {
    margin: clamp(20px, 3vw, 36px) var(--vk-pad);
    padding: clamp(20px, 2.5vw, 36px) clamp(24px, 3vw, 48px);
    border-radius: var(--vk-r-lg);
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.03), rgba(255, 255, 255, 0.008)),
        rgba(26, 24, 20, 0.55);
    border: 1px solid var(--vk-line);
}
body.vk .vk-amb-stats-band__list {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    list-style: none;
    margin: 0;
    padding: 0;
}
@media (max-width: 720px) {
    body.vk .vk-amb-stats-band__list { grid-template-columns: repeat(2, 1fr); gap: 22px; }
}
body.vk .vk-amb-stats-band__item {
    text-align: center;
    padding: 10px 14px;
    position: relative;
}
body.vk .vk-amb-stats-band__item + .vk-amb-stats-band__item::before {
    content: "";
    position: absolute;
    left: 0;
    top: 18%;
    bottom: 18%;
    width: 1px;
    background: linear-gradient(180deg, transparent, var(--vk-line-2) 50%, transparent);
}
@media (max-width: 720px) {
    body.vk .vk-amb-stats-band__item + .vk-amb-stats-band__item::before { display: none; }
}
body.vk .vk-amb-stats-band__num {
    display: block;
    font-family: var(--vk-font-en);
    font-size: clamp(34px, 4vw, 52px);
    font-weight: 900;
    line-height: 1;
    background: linear-gradient(95deg, #FFE9A8 0%, #FFD75E 35%, #FFC72C 70%, #FFE9A8 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
    padding: 0.06em 0 0.02em;
    letter-spacing: -0.02em;
}
body.vk .vk-amb-stats-band__num span { font-size: 0.55em; opacity: .9; }
body.vk .vk-amb-stats-band__lbl {
    display: block;
    margin-top: 8px;
    color: var(--vk-text-dim);
    font-family: var(--vk-font-bn);
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}

/* ════════════════════════════════════════════════════════════
   3 · ROSTER  — clean uniform 3-column grid
   ════════════════════════════════════════════════════════════ */
body.vk .vk-amb-roster {
    margin: 0 var(--vk-pad);
    padding: clamp(48px, 6vw, 88px) 0;
}
body.vk .vk-amb-roster__grid {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: clamp(16px, 2vw, 24px);
    max-width: 1280px;
    margin-inline: auto;
}
@media (max-width: 980px)  { body.vk .vk-amb-roster__grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 540px)  { body.vk .vk-amb-roster__grid { grid-template-columns: 1fr; } }

body.vk .vk-amb-roster__item { display: block; }
body.vk .vk-amb-roster__card {
    position: relative;
    display: block;
    width: 100%;
    aspect-ratio: 3 / 4;
    border: 1px solid var(--vk-line-2);
    border-radius: var(--vk-r-lg);
    overflow: hidden;
    cursor: pointer;
    background: #1A1814;
    box-shadow: 0 22px 50px -22px rgba(0, 0, 0, 0.55);
    transition: transform .4s ease, border-color .4s ease, box-shadow .4s ease;
    isolation: isolate;
    padding: 0;
    color: inherit;
    font-family: inherit;
}
body.vk .vk-amb-roster__card::before {
    content: "";
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 2px;
    background: var(--vk-grad-gold);
    box-shadow: 0 0 12px rgba(255, 199, 44, 0.5);
    z-index: 4;
    opacity: 0;
    transition: opacity .3s ease;
}
body.vk .vk-amb-roster__card:hover {
    transform: translateY(-6px);
    border-color:#B5830F;
    box-shadow:
        0 32px 64px -22px rgba(0, 0, 0, 0.7),
        0 18px 40px -18px rgba(255, 199, 44, 0.40);
}
body.vk .vk-amb-roster__card:hover::before { opacity: 1; }

body.vk .vk-amb-roster__photo {
    position: absolute; inset: 0;
    z-index: 1;
    display: block;
}
body.vk .vk-amb-roster__photo img {
    width: 100%; height: 100%;
    object-fit: cover;
    object-position: center top;
    display: block;
    transition: transform .8s ease;
}
body.vk .vk-amb-roster__card:hover .vk-amb-roster__photo img { transform: scale(1.05); }
body.vk .vk-amb-roster__overlay {
    position: absolute; inset: 0;
    z-index: 2;
    background: linear-gradient(180deg, rgba(26, 24, 20, 0.10) 0%, rgba(26, 24, 20, 0.04) 35%, rgba(26, 24, 20, 0.95) 100%);
    pointer-events: none;
}
body.vk .vk-amb-roster__rank {
    position: absolute;
    top: 16px; left: 18px;
    z-index: 3;
    color: var(--vk-gold-2);
    font-family: var(--vk-font-en);
    font-weight: 800;
    font-size: 13.5px;
    letter-spacing: 0.12em;
}
body.vk .vk-amb-roster__rank span {
    color: var(--vk-text-dim);
    font-weight: 600;
    margin-left: 4px;
}
body.vk .vk-amb-roster__caption {
    position: absolute;
    left: 0; right: 0; bottom: 0;
    z-index: 3;
    padding: 22px 22px 22px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0;
}
body.vk .vk-amb-roster__role {
    display: inline-block;
    padding: 4px 10px;
    border-radius: var(--vk-r-pill);
    background: #1A1814;
    border: 1px solid rgba(255, 199, 44, 0.32);
    color: var(--vk-gold-2);
    font-family: var(--vk-font-bn);
    font-size: 10.5px;
    font-weight: 700;
    letter-spacing: 0.10em;
    text-transform: uppercase;
    backdrop-filter: blur(10px);
    margin-bottom: 12px;
}
body.vk .vk-amb-roster__name {
    color: var(--vk-text);
    font-family: var(--vk-font-bn);
    font-size: clamp(20px, 2vw, 26px);
    font-weight: 800;
    line-height: 1.15;
    letter-spacing: -0.018em;
    margin-bottom: 10px;
}
body.vk .vk-amb-roster__cta {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: var(--vk-gold-2);
    font-family: var(--vk-font-bn);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    transition: gap .3s ease, color .3s ease;
}
body.vk .vk-amb-roster__card:hover .vk-amb-roster__cta {
    gap: 12px;
    color:#C8860B;
}

/* ════════════════════════════════════════════════════════════
   4 · SPOTLIGHT  — large editorial spread
   ════════════════════════════════════════════════════════════ */
body.vk .vk-amb-spotlight {
    margin: 0 var(--vk-pad);
    padding: clamp(40px, 5vw, 72px) 0;
}

/* Pill nav (06 ⊕ Rakib · Tania · …) */
body.vk .vk-amb-spotlight__pills {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 6px;
    padding: 6px;
    border-radius: var(--vk-r-pill);
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.03), rgba(255, 255, 255, 0.008)),
        rgba(26, 24, 20, 0.55);
    border: 1px solid var(--vk-line);
    box-shadow: 0 14px 36px -22px rgba(0, 0, 0, 0.55);
    max-width: 100%;
    margin: 0 auto clamp(28px, 4vw, 48px);
    display: flex;
    justify-content: center;
}
body.vk .vk-amb-spotlight__pills::-webkit-scrollbar { display: none; }
body.vk .vk-amb-spotlight__pill {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 16px;
    border-radius: var(--vk-r-pill);
    background: transparent;
    border: 1px solid transparent;
    color: var(--vk-text-mid);
    font-family: var(--vk-font-bn);
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    transition: background .25s ease, border-color .25s ease, color .25s ease;
    white-space: nowrap;
}
body.vk .vk-amb-spotlight__pill:hover {
    background: rgba(255, 199, 44, 0.06);
    color: var(--vk-text);
}
body.vk .vk-amb-spotlight__pill.is-active {
    background: linear-gradient(135deg, #FFE9A8 0%, #FFC72C 50%, #E6A91E 100%);
    color: #0A0500;
    box-shadow: 0 8px 20px -8px rgba(255, 199, 44, 0.55);
}
body.vk .vk-amb-spotlight__pill-no {
    font-family: var(--vk-font-en);
    font-size: 11px;
    font-weight: 800;
    opacity: .7;
}
body.vk .vk-amb-spotlight__pill.is-active .vk-amb-spotlight__pill-no { opacity: .85; }

/* Spotlight panel */
body.vk .vk-amb-spotlight__panel {
    display: none;
    grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr);
    gap: clamp(28px, 4vw, 64px);
    align-items: stretch;
    padding: clamp(28px, 3.5vw, 48px);
    border-radius: var(--vk-r-lg);
    background:
        radial-gradient(60% 80% at 0% 0%,  rgba(255, 199, 44, 0.08), transparent 70%),
        radial-gradient(60% 80% at 100% 100%, rgba(255, 199, 44, 0.08), transparent 70%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.025), rgba(255, 255, 255, 0.006)),
        rgba(26, 24, 20, 0.65);
    border: 1px solid rgba(255, 199, 44, 0.20);
    box-shadow:
        0 32px 70px -28px rgba(0, 0, 0, 0.7),
        0 0 0 1px rgba(255, 199, 44, 0.08) inset;
    position: relative;
    overflow: hidden;
    animation: vk-amb-fade-in .55s ease both;
}
body.vk .vk-amb-spotlight__panel::before {
    content: "";
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 1px;
    background: linear-gradient(90deg, transparent, var(--vk-gold) 50%, transparent);
    opacity: .55;
}
body.vk .vk-amb-spotlight__panel.is-active { display: grid; }
@keyframes vk-amb-fade-in {
    from { opacity: 0; transform: translateY(10px); }
    to   { opacity: 1; transform: translateY(0);    }
}
@media (max-width: 880px) {
    body.vk .vk-amb-spotlight__panel { grid-template-columns: 1fr; }
}

/* Visual */
body.vk .vk-amb-spotlight__visual {
    position: relative;
    margin: 0;
    aspect-ratio: 4 / 5;
    isolation: isolate;
}
body.vk .vk-amb-spotlight__halo {
    position: absolute; inset: -28px;
    background:
        radial-gradient(closest-side, rgba(255, 199, 44, 0.36), transparent 75%),
        radial-gradient(60% 60% at 50% 50%, rgba(230, 169, 30, 0.16), transparent 75%);
    filter: blur(28px);
    z-index: 0;
    animation: vk-amb-halo-pulse 6s ease-in-out infinite;
}
body.vk .vk-amb-spotlight__photo {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    border-radius: 22px;
    overflow: hidden;
    border: 1px solid rgba(255, 199, 44, 0.42);
    background: #1A1814;
    box-shadow:
        0 30px 60px -22px rgba(0, 0, 0, 0.85),
        0 0 0 1px rgba(255, 217, 112, 0.18) inset;
}
body.vk .vk-amb-spotlight__photo img {
    width: 100%; height: 100%;
    object-fit: cover;
    object-position: center top;
    display: block;
    transition: transform 1s ease;
}
body.vk .vk-amb-spotlight__panel.is-active:hover .vk-amb-spotlight__photo img { transform: scale(1.03); }
body.vk .vk-amb-spotlight__plate {
    position: absolute;
    bottom: 18px;
    left: 18px;
    z-index: 2;
    padding: 10px 14px;
    border-radius: var(--vk-r-md);
    background: #1A1814;
    border: 1px solid rgba(255, 199, 44, 0.32);
    backdrop-filter: blur(10px);
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 2px;
    line-height: 1.1;
}
body.vk .vk-amb-spotlight__plate-no {
    font-family: var(--vk-font-en);
    font-size: 10.5px;
    font-weight: 700;
    color: var(--vk-gold-2);
    letter-spacing: 0.18em;
}
body.vk .vk-amb-spotlight__plate-no span {
    color: var(--vk-text-dim);
    margin-left: 4px;
    font-weight: 600;
}
body.vk .vk-amb-spotlight__plate-name {
    font-family: 'Inter', Georgia, serif;
    font-style: italic;
    font-size: 22px;
    font-weight: 600;
    color: var(--vk-text);
    letter-spacing: 0.01em;
}

/* Copy */
body.vk .vk-amb-spotlight__copy {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
body.vk .vk-amb-spotlight__name {
    margin: 14px 0 6px;
    font-family: var(--vk-font-bn);
    font-size: clamp(36px, 4.5vw, 60px);
    font-weight: 800;
    line-height: 1.05;
    letter-spacing: -0.025em;
    background: linear-gradient(95deg, #FFE9A8 0%, #FFD75E 35%, #FFC72C 70%, #FFE9A8 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
    padding: 0.08em 0 0.04em;
}
body.vk .vk-amb-spotlight__years {
    display: block;
    color: var(--vk-text-dim);
    font-family: var(--vk-font-en);
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    margin-bottom: 18px;
}
body.vk .vk-amb-spotlight__bio {
    margin: 0 0 22px;
    color: var(--vk-text-mid);
    font-family: var(--vk-font-bn);
    font-size: 16px;
    line-height: 1.6;
    max-width: 540px;
}
body.vk .vk-amb-spotlight__quote {
    position: relative;
    margin: 0 0 26px;
    padding: 16px 18px 16px 56px;
    border-radius: var(--vk-r-md);
    background:
        linear-gradient(180deg, rgba(255, 199, 44, 0.06), rgba(255, 199, 44, 0.015));
    border-left: 3px solid var(--vk-gold);
    color: var(--vk-text);
    font-family: 'Inter', Georgia, serif;
    font-style: italic;
    font-size: 18.5px;
    line-height: 1.5;
}
body.vk .vk-amb-spotlight__q-mark {
    position: absolute;
    top: 4px;
    left: 16px;
    font-family: 'Inter', Georgia, serif;
    font-style: italic;
    font-size: 56px;
    line-height: 1;
    background: linear-gradient(95deg, #FFE9A8 0%, #FFD75E 35%, #FFC72C 70%, #FFE9A8 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
    pointer-events: none;
}
body.vk .vk-amb-spotlight__stats {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
    margin: 0 0 26px;
}
body.vk .vk-amb-spotlight__nav {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    align-items: center;
}
body.vk .vk-amb-spotlight__navbtn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 11px 22px;
    border-radius: var(--vk-r-pill);
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid var(--vk-line-2);
    color: var(--vk-text);
    font-family: var(--vk-font-bn);
    font-size: 13.5px;
    font-weight: 700;
    cursor: pointer;
    transition: background .25s ease, border-color .25s ease, transform .25s ease, box-shadow .25s ease;
}
body.vk .vk-amb-spotlight__navbtn:hover {
    border-color: var(--vk-gold);
    background: rgba(255, 199, 44, 0.08);
    transform: translateY(-2px);
}
body.vk .vk-amb-spotlight__navbtn--primary {
    background: linear-gradient(135deg, #FFE9A8 0%, #FFC72C 50%, #E6A91E 100%);
    border-color: transparent;
    color: #0A0500;
    box-shadow: 0 12px 32px -10px rgba(255, 199, 44, 0.55);
}
body.vk .vk-amb-spotlight__counter {
    color: var(--vk-text-dim);
    font-family: var(--vk-font-en);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.18em;
    margin: 0 8px;
}

/* ════════════════════════════════════════════════════════════
   5 · QUOTE WALL — single hero pull-quote, rotates
   ════════════════════════════════════════════════════════════ */
body.vk .vk-amb-quotewall {
    position: relative;
    margin: clamp(28px, 4vw, 48px) var(--vk-pad);
    padding: clamp(40px, 5vw, 80px) clamp(28px, 4vw, 64px) clamp(40px, 5vw, 64px);
    border-radius: var(--vk-r-lg);
    border: 1px solid var(--vk-line);
    background:
        radial-gradient(80% 100% at 50% 0%, rgba(255, 199, 44, 0.08), transparent 70%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.025), rgba(255, 255, 255, 0.006)),
        rgba(26, 24, 20, 0.5);
    text-align: center;
    overflow: hidden;
}
body.vk .vk-amb-quotewall__mark {
    position: absolute;
    top: clamp(8px, 2vw, 18px);
    left: 50%;
    transform: translateX(-50%);
    font-family: 'Inter', Georgia, serif;
    font-style: italic;
    font-size: clamp(120px, 16vw, 240px);
    line-height: 0.9;
    background: linear-gradient(180deg, rgba(255, 199, 44, 0.16), rgba(255, 199, 44, 0.0));
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
    pointer-events: none;
    z-index: 0;
    user-select: none;
}
body.vk .vk-amb-quotewall__slide {
    display: none;
    position: relative;
    z-index: 1;
    max-width: 820px;
    margin: 0 auto;
    animation: vk-amb-fade-in .55s ease both;
}
body.vk .vk-amb-quotewall__slide.is-active { display: block; }
body.vk .vk-amb-quotewall__text {
    margin: 0;
    color: var(--vk-text);
    font-family: 'Inter', Georgia, serif;
    font-style: italic;
    font-size: clamp(22px, 2.6vw, 34px);
    font-weight: 500;
    line-height: 1.45;
    letter-spacing: -0.005em;
}
body.vk .vk-amb-quotewall__cite {
    display: inline-flex;
    align-items: center;
    gap: 14px;
    margin-top: 26px;
    padding: 8px 18px 8px 8px;
    border-radius: var(--vk-r-pill);
    background: rgba(255, 199, 44, 0.06);
    border: 1px solid rgba(255, 199, 44, 0.22);
}
body.vk .vk-amb-quotewall__avatar {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    overflow: hidden;
    border: 1px solid rgba(255, 199, 44, 0.42);
    flex-shrink: 0;
}
body.vk .vk-amb-quotewall__avatar img {
    width: 100%; height: 100%;
    object-fit: cover;
    object-position: top center;
}
body.vk .vk-amb-quotewall__cite-text {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    line-height: 1.2;
    text-align: left;
}
body.vk .vk-amb-quotewall__cite-text strong {
    color: var(--vk-text);
    font-family: var(--vk-font-bn);
    font-size: 14px;
    font-weight: 700;
}
body.vk .vk-amb-quotewall__cite-text span {
    color: var(--vk-gold-2);
    font-family: var(--vk-font-bn);
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.10em;
    text-transform: uppercase;
    margin-top: 2px;
}
body.vk .vk-amb-quotewall__dots {
    display: flex;
    justify-content: center;
    gap: 8px;
    margin-top: 30px;
    position: relative;
    z-index: 2;
}
body.vk .vk-amb-quotewall__dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: rgba(255, 199, 44, 0.20);
    border: none;
    cursor: pointer;
    padding: 0;
    transition: background .25s ease, transform .25s ease, width .25s ease;
}
body.vk .vk-amb-quotewall__dot.is-active {
    background: var(--vk-gold);
    width: 24px;
    border-radius: 4px;
    box-shadow: 0 0 10px rgba(255, 199, 44, 0.55);
}
body.vk .vk-amb-quotewall__dot:hover { background: rgba(255, 199, 44, 0.55); }

/* ════════════════════════════════════════════════════════════
   6 · JOIN CTA
   ════════════════════════════════════════════════════════════ */
body.vk .vk-amb-cta {
    margin: clamp(28px, 4vw, 56px) var(--vk-pad) clamp(40px, 5vw, 80px);
}
body.vk .vk-amb-cta__panel {
    position: relative;
    overflow: hidden;
    text-align: center;
    padding: clamp(40px, 6vw, 88px) clamp(28px, 5vw, 64px);
    border-radius: var(--vk-r-lg);
    background:
        radial-gradient(60% 80% at 50% 0%, rgba(255, 199, 44, 0.16), transparent 70%),
        radial-gradient(80% 100% at 0% 100%, rgba(255, 199, 44, 0.16), transparent 70%),
        radial-gradient(80% 100% at 100% 100%, rgba(230, 169, 30, 0.10), transparent 70%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.012)),
        linear-gradient(135deg, #150A02, #0A0500 70%, #150A12);
    border: 1px solid rgba(255, 199, 44, 0.40);
    box-shadow:
        0 36px 80px -28px rgba(0, 0, 0, 0.7),
        0 0 0 1px rgba(255, 217, 112, 0.12) inset;
}
body.vk .vk-amb-cta__panel::before {
    content: "";
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 2px;
    background: linear-gradient(90deg, transparent, #FFC72C 25%, #FFD75E 50%, #FFC72C 75%, transparent);
    box-shadow: 0 0 18px rgba(255, 199, 44, 0.55);
}
body.vk .vk-amb-cta__title {
    margin: 14px 0 0;
    font-family: var(--vk-font-bn);
    font-size: clamp(36px, 5.5vw, 72px);
    font-weight: 800;
    line-height: 1.04;
    letter-spacing: -0.025em;
}
body.vk .vk-amb-cta__lead {
    margin: 18px auto 0;
    max-width: 560px;
    color: var(--vk-text-mid);
    font-size: 15.5px;
    line-height: 1.6;
}
body.vk .vk-amb-cta__btns {
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 12px;
    margin-top: 28px;
}

/* Empty state */
body.vk .vk-amb-empty {
    margin: 80px var(--vk-pad);
    padding: 80px;
    text-align: center;
    border: 1px dashed var(--vk-line-2);
    border-radius: var(--vk-r-lg);
    color: var(--vk-text-mid);
}


/* ══════════════════════════════════════════════════════════════
   3D AMBASSADOR SLIDER (.baj-amb3d) — 9wickets themed
   Adapted from siddharth-nalwaya/qBJYJYR
   ══════════════════════════════════════════════════════════════ */
body.vk .baj-amb3d{
    height: 35rem !important;
    width: 100% !important;
    max-width: 1200px !important;
    margin: 0 auto !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    user-select: none !important;
    position: relative !important;
}
body.vk .baj-amb3d__arrow{
    height: 100% !important;
    width: 8% !important;
    min-width: 48px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    background: transparent !important;
    border: none !important;
    cursor: pointer !important;
    color: rgba(195,137,52,.55) !important;
    transition: color .2s ease, transform .2s ease !important;
    z-index: 5 !important;
    padding: 0 !important;
}
body.vk .baj-amb3d__arrow svg{
    width: 38px;
    height: 38px;
    padding: 8px;
    border-radius: 50%;
    border: 1px solid rgba(195,137,52,.35);
    background: rgba(15,12,8,.55);
    backdrop-filter: blur(4px);
    box-sizing: content-box;
    transition: background .2s ease, border-color .2s ease, color .2s ease;
}
body.vk .baj-amb3d__arrow:hover{ color: var(--vk-gold-2, #f3d27a) !important; transform: scale(1.05) !important; }
body.vk .baj-amb3d__arrow:hover svg{ background: rgba(195,137,52,.18); border-color: rgba(243,210,122,.7); }
body.vk .baj-amb3d__arrow:focus-visible{ outline: none !important; }
body.vk .baj-amb3d__arrow:focus-visible svg{ box-shadow: 0 0 0 3px rgba(243,210,122,.45); }

body.vk .baj-amb3d__stage{
    height: 100% !important;
    width: 84% !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    flex-direction: row !important;
    overflow: hidden !important;
    position: relative !important;
    perspective: 100px !important;
}
body.vk .baj-amb3d__bg{
    height: 100%;
    width: 102%;
    position: absolute;
    top: 0;
    left: -1%;
    background: linear-gradient(
        to right,
        rgba(8,6,4,.92),
        rgba(8,6,4,0) 12%,
        rgba(8,6,4,0) 88%,
        rgba(8,6,4,.92)
    );
    z-index: 3;
    pointer-events: none;
}

body.vk .baj-amb3d__slide{
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    height: 24rem !important;
    max-height: 430px !important;
    width: 15rem !important;
    min-width: 280px !important;
    border-radius: 22px !important;
    z-index: 0;
    transform: translate(-50%,-50%) rotateY(0deg) scale(1,1);
    transform-style: preserve-3d !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    background: #15110a !important;
    transition:
        transform .55s cubic-bezier(.4,.0,.2,1),
        opacity .55s ease,
        left .55s cubic-bezier(.4,.0,.2,1),
        z-index 0s .27s ease,
        box-shadow .55s ease,
        filter .55s ease !important;
    overflow: hidden !important;
    box-shadow: 0 .4rem 1.6rem rgba(0,0,0,.45);
    margin: 0 !important;
    padding: 0 !important;
}

body.vk .baj-amb3d__slide.position-1{
    left: 20% !important;
    z-index: 1 !important;
    transform: translate(-50%,-50%) rotateY(-2deg) scale(.78,.78) !important;
    opacity: 1 !important;
    box-shadow: 0 .4rem 1.6rem rgba(0,0,0,.4) !important;
    filter: blur(5px) brightness(.7) !important;
}
body.vk .baj-amb3d__slide.position-2{
    left: 35% !important;
    z-index: 2 !important;
    transform: translate(-50%,-50%) rotateY(-1deg) scale(.9,.9) !important;
    opacity: 1 !important;
    box-shadow: 0 .4rem 1.6rem rgba(0,0,0,.55) !important;
    filter: blur(2px) brightness(.85) !important;
}
body.vk .baj-amb3d__slide.position-3{
    left: 50% !important;
    z-index: 4 !important;
    transform: translate(-50%,-50%) rotateY(0deg) scale(1,1) !important;
    opacity: 1 !important;
    box-shadow:
        0 .4rem 2rem rgba(0,0,0,.6),
        0 0 0 1px rgba(243,210,122,.5),
        0 0 32px rgba(195,137,52,.18) !important;
    cursor: pointer !important;
    filter: blur(0) brightness(1) !important;
}
body.vk .baj-amb3d__slide.position-3:hover{
    box-shadow:
        0 .4rem 2.6rem rgba(0,0,0,.75),
        0 0 0 1px rgba(243,210,122,.85),
        0 0 48px rgba(195,137,52,.32) !important;
    transform: translate(-50%,-50%) rotateY(0deg) scale(1.04,1.04) !important;
}
body.vk .baj-amb3d__slide.position-4{
    left: 65% !important;
    z-index: 2 !important;
    transform: translate(-50%,-50%) rotateY(1deg) scale(.9,.9) !important;
    opacity: 1 !important;
    box-shadow: 0 .4rem 1.6rem rgba(0,0,0,.55) !important;
    filter: blur(2px) brightness(.85) !important;
}
body.vk .baj-amb3d__slide.position-5{
    left: 80% !important;
    z-index: 1 !important;
    transform: translate(-50%,-50%) rotateY(2deg) scale(.78,.78) !important;
    opacity: 1 !important;
    box-shadow: 0 .4rem 1.6rem rgba(0,0,0,.4) !important;
    filter: blur(5px) brightness(.7) !important;
}
body.vk .baj-amb3d__slide.position-none{
    left: 50% !important;
    z-index: 0 !important;
    transform: translate(-50%,-50%) rotateY(0deg) scale(.7,.7) !important;
    opacity: 0 !important;
    pointer-events: none !important;
    box-shadow: 0 .4rem 1.6rem rgba(0,0,0,0) !important;
}

body.vk .baj-amb3d__media{
    position: absolute !important;
    inset: 0 !important;
    border-radius: 22px !important;
    overflow: hidden !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}
body.vk .baj-amb3d__media img{
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center top !important;
    display: block !important;
    max-width: none !important;
    border-radius: 0 !important;
}
body.vk .baj-amb3d__media::after{
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(8,6,4,.55) 0%, rgba(8,6,4,0) 28%, rgba(8,6,4,0) 48%, rgba(8,6,4,.85) 100%);
    pointer-events: none;
}

body.vk .baj-amb3d__sections{
    position: absolute !important;
    inset: 0 !important;
    border-radius: 22px !important;
    padding: 1rem 1.1rem 1.2rem !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    box-sizing: border-box !important;
    color: #fff !important;
    z-index: 2 !important;
}
body.vk .baj-amb3d__upper,
body.vk .baj-amb3d__btn{
    opacity: 0;
    transition: opacity .55s ease-in-out;
}
body.vk .baj-amb3d__slide.position-3 .baj-amb3d__upper,
body.vk .baj-amb3d__slide.position-3 .baj-amb3d__btn{
    opacity: 1;
}
body.vk .baj-amb3d__upper{
    display: flex !important;
    justify-content: space-between !important;
    align-items: flex-start !important;
    gap: 8px !important;
}
body.vk .baj-amb3d__badge{
    font-size: 9px !important;
    letter-spacing: .16em !important;
    text-transform: uppercase !important;
    font-weight: 700 !important;
    color: var(--vk-gold-2, #f3d27a) !important;
    background: rgba(15,12,8,.55) !important;
    border: 1px solid rgba(243,210,122,.45) !important;
    border-radius: 999px !important;
    padding: 5px 10px !important;
    backdrop-filter: blur(3px) !important;
    line-height: 1 !important;
}
body.vk .baj-amb3d__year{
    font-size: 11px !important;
    font-weight: 700 !important;
    color: #fff !important;
    background: rgba(0,0,0,.45) !important;
    border: 1px solid rgba(255,255,255,.22) !important;
    border-radius: 999px !important;
    padding: 5px 10px !important;
    backdrop-filter: blur(3px) !important;
    line-height: 1 !important;
}
body.vk .baj-amb3d__lower{
    display: flex !important;
    flex-direction: column !important;
    gap: .65rem !important;
    align-items: flex-start !important;
    margin: 0 !important;
}
body.vk .baj-amb3d__caption{
    font-family: var(--vk-font-serif, 'Inter', Georgia, serif) !important;
    font-size: 1.65rem !important;
    line-height: 1.05 !important;
    font-weight: 600 !important;
    letter-spacing: .01em !important;
    color: #fff !important;
    text-shadow: 0 2px 12px rgba(0,0,0,.55) !important;
    margin: 0 !important;
}
body.vk .baj-amb3d__btn{
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    border: 1px solid rgba(243,210,122,.7) !important;
    background: rgba(195,137,52,.18) !important;
    color: var(--vk-gold-2, #f3d27a) !important;
    padding: .55rem 1rem !important;
    border-radius: 999px !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: .16em !important;
    text-transform: uppercase !important;
    cursor: pointer !important;
    backdrop-filter: blur(4px) !important;
    transition: background .2s ease, color .2s ease, border-color .2s ease, transform .2s ease !important;
    margin: 0 !important;
    width: auto !important;
    min-height: 0 !important;
    line-height: 1 !important;
}
body.vk .baj-amb3d__btn:hover{
    background: rgba(243,210,122,.25) !important;
    color: #fff !important;
    border-color: var(--vk-gold-2, #f3d27a) !important;
    transform: translateY(-1px) !important;
}
body.vk .baj-amb3d__btn svg{ display: block; flex-shrink: 0; }

@media (max-width: 980px){
    body.vk .baj-amb3d{ height: 30rem !important; }
    body.vk .baj-amb3d__slide{ height: 21rem !important; min-width: 240px !important; width: 14rem !important; }
    body.vk .baj-amb3d__caption{ font-size: 1.45rem !important; }
}
@media (max-width: 620px){
    body.vk .baj-amb3d{ height: 28rem !important; }
    body.vk .baj-amb3d__slide.position-1, body.vk .baj-amb3d__slide.position-5{ opacity: .45 !important; }
    body.vk .baj-amb3d__slide.position-2, body.vk .baj-amb3d__slide.position-4{ opacity: .95 !important; }
    body.vk .baj-amb3d__slide{ min-width: 220px !important; width: 13rem !important; height: 20rem !important; }
}
@media (max-width: 720px){
    /* Single-card focus layout for mobile — cleaner, no blurry side previews */
    body.vk .baj-amb3d{
        height: auto !important;
        min-height: 26rem !important;
        padding: 8px 0 !important;
    }
    body.vk .baj-amb3d__stage{
        width: 100% !important;
        perspective: none !important;
        min-height: 24rem !important;
    }
    body.vk .baj-amb3d__bg{ display: none !important; }
    /* Hide every off-center card; only the focus card is shown */
    body.vk .baj-amb3d__slide{
        opacity: 0 !important;
        pointer-events: none !important;
        box-shadow: none !important;
        filter: none !important;
        width: min(82vw, 320px) !important;
        min-width: 0 !important;
        height: 22rem !important;
        max-height: 24rem !important;
    }
    body.vk .baj-amb3d__slide.position-1,
    body.vk .baj-amb3d__slide.position-2{
        left: -120% !important;
        transform: translate(-50%,-50%) scale(.85,.85) !important;
    }
    body.vk .baj-amb3d__slide.position-4,
    body.vk .baj-amb3d__slide.position-5{
        left: 220% !important;
        transform: translate(-50%,-50%) scale(.85,.85) !important;
    }
    body.vk .baj-amb3d__slide.position-3{
        opacity: 1 !important;
        pointer-events: auto !important;
        left: 50% !important;
        transform: translate(-50%,-50%) !important;
        width: min(82vw, 320px) !important;
        height: 22rem !important;
        box-shadow:
            0 8px 28px rgba(0,0,0,.55),
            0 0 0 1px rgba(243,210,122,.55),
            0 0 32px rgba(195,137,52,.20) !important;
    }
    /* Floating arrows over the slide — bigger touch targets, brighter */
    body.vk .baj-amb3d__arrow{
        position: absolute !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        height: auto !important;
        width: auto !important;
        min-width: 0 !important;
        z-index: 10 !important;
    }
    body.vk .baj-amb3d__arrow--prev{ left: 6px !important; }
    body.vk .baj-amb3d__arrow--next{ right: 6px !important; }
    body.vk .baj-amb3d__arrow svg{
        width: 36px !important;
        height: 36px !important;
        padding: 8px !important;
        background: rgba(15,12,8,.85) !important;
        border: 1px solid rgba(243,210,122,.55) !important;
        color: var(--vk-gold-2, #f3d27a) !important;
    }
    /* Caption stays readable inside narrow card */
    body.vk .baj-amb3d__caption{ font-size: 1.3rem !important; }
}


/* ══════════════════════════════════════════════════════════════
   MOBILE POLISH — site-wide tweaks for small screens
   Targets: max-width 720px, max-width 480px, max-width 380px.
   Goals: center alignment, comfortable typography, no overflow,
   refined header & footer, tighter card/section padding.
   ══════════════════════════════════════════════════════════════ */
@media (max-width: 820px){
    /* Prevent any rogue horizontal overflow without breaking position:fixed */
    html { overflow-x: clip; }
    body.vk img,
    body.vk iframe,
    body.vk video { max-width: 100%; height: auto; }

    /* Page-side padding tightens but stays comfortable */
    body.vk { --vk-pad: 18px; }

    /* ══════════════════════════════════════════════════════════════
       PREMIUM MOBILE MENU
       Deep obsidian base + subtle gold/violet aurora glow + chrome-gold accents.
       Each link is a glassy card with a numbered chip that lights up gold on tap.
       ══════════════════════════════════════════════════════════════ */
    body.vk .vk-mobile {
        height: 100vh !important;
        height: 100dvh !important;
        min-height: 100vh !important;
        width: 100% !important;
        max-width: 100% !important;
        left: 0 !important;
        right: 0 !important;
        background:
            radial-gradient(120% 60% at 50% -8%, rgba(255, 199, 44,0.22) 0%, rgba(255, 199, 44,0) 55%),
            radial-gradient(70% 40% at 50% 108%, rgba(155,108,224,0.18) 0%, rgba(155,108,224,0) 60%),
            #0B1B30 !important;
        padding: 88px 22px 30px !important;
        z-index: 999 !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
        scrollbar-width: none !important;        /* Firefox */
        -ms-overflow-style: none !important;     /* IE/Edge */
        animation: vk-menu-slide-in .42s cubic-bezier(.2,.7,.15,1) !important;
    }
    body.vk .vk-mobile::-webkit-scrollbar { display: none !important; width: 0 !important; }
    body.vk.admin-bar .vk-mobile { height: calc(100vh - 32px) !important; padding-top: 100px !important; }

    /* Decorative top frame: faint gold line + corner sparkle */
    body.vk .vk-mobile::before {
        content: "";
        position: fixed;
        top: 0; left: 0; right: 0;
        height: 78px;
        background: linear-gradient(180deg, rgba(255, 199, 44,0.08), rgba(255, 199, 44,0));
        border-bottom: 1px solid rgba(255, 199, 44,0.16);
        pointer-events: none;
        z-index: 1;
    }
    body.vk.admin-bar .vk-mobile::before { top: 32px; }

    /* Close button — premium gold halo */
    body.vk .vk-burger[aria-expanded="true"] {
        position: fixed !important;
        top: 18px !important;
        right: 18px !important;
        z-index: 1001 !important;
        width: 44px !important;
        height: 44px !important;
        border-radius: 12px !important;
        background: linear-gradient(135deg, rgba(255, 199, 44,0.20), rgba(255, 199, 44,0.08)) !important;
        border: 1px solid rgba(255, 199, 44,0.55) !important;
        color: var(--vk-gold-2, #f3d27a) !important;
        box-shadow:
            0 8px 24px -8px rgba(255, 199, 44,0.45),
            0 0 0 4px rgba(255, 199, 44,0.06) !important;
    }
    body.vk.admin-bar .vk-burger[aria-expanded="true"] { top: 50px !important; }

    body.vk .vk-mobile__inner {
        max-width: 420px !important;
        margin: 0 auto !important;
        padding: 0 4px !important;
        position: relative;
        z-index: 2;
    }

    /* Brand wordmark with sub-tag (above list) */
    body.vk .vk-mobile__inner::before {
        content: "9wickets \00B7  PRO";
        display: block;
        text-align: center;
        font-family: var(--vk-font-en, 'Inter', sans-serif);
        font-size: 13px;
        font-weight: 800;
        letter-spacing: .55em;
        padding-left: .55em; /* keeps wordmark visually centred with letter-spacing */
        color: transparent;
        background: linear-gradient(90deg, #FFC72C 0%, #f3d27a 50%, #FFC72C 100%);
        -webkit-background-clip: text;
                background-clip: text;
        text-shadow: 0 0 28px rgba(255, 199, 44,0.4);
        margin-bottom: 6px;
    }
    body.vk .vk-mobile__inner::after {
        content: "Bangladesh \00B7 Trusted Network";
        display: block;
        text-align: center;
        font-family: var(--vk-font-en, 'Inter', sans-serif);
        font-size: 10px;
        font-weight: 600;
        letter-spacing: .34em;
        text-transform: uppercase;
        color: rgba(255,255,255,0.62);
        margin-bottom: 26px;
        position: relative;
    }
    /* Gold rule under sub-tag */
    body.vk .vk-mobile__inner > ul {
        position: relative;
    }
    body.vk .vk-mobile__inner > ul::before {
        content: "";
        display: block;
        width: 64px;
        height: 2px;
        margin: -2px auto 22px;
        background: linear-gradient(90deg, transparent, var(--vk-gold-2, #f3d27a), transparent);
        border-radius: 2px;
    }

    /* List */
    body.vk .vk-mobile ul {
        gap: 8px !important;
        margin: 0 0 24px !important;
        padding: 0 !important;
    }

    /* Each link card */
    body.vk .vk-mobile li {
        position: relative !important;
        list-style: none;
    }
    body.vk .vk-mobile li a {
        font-size: 16.5px !important;
        font-weight: 600 !important;
        padding: 16px 18px 16px 60px !important;       /* room for the numbered chip on the left */
        min-height: 60px !important;
        border-radius: 16px !important;
        background:
            linear-gradient(180deg, rgba(255,255,255,0.05), rgba(255,255,255,0.01)),
            rgba(15,12,8,0.55) !important;
        border: 1px solid rgba(255,255,255,0.08) !important;
        color: #fff !important;
        position: relative;
        overflow: hidden;
        font-family: inherit;
        transition: background .25s ease, border-color .25s ease, color .25s ease, transform .25s cubic-bezier(.2,.7,.15,1), box-shadow .25s ease !important;
    }
    /* Numbered "01 / 09" style chip on the left (skipped on the WhatsApp CTA item) */
    body.vk .vk-mobile li:not(.vk-mobile__cta) a::after {
        content: counter(vkitem, decimal-leading-zero);
        counter-increment: vkitem;
        position: absolute;
        left: 12px;
        top: 50%;
        transform: translateY(-50%);
        width: 36px;
        height: 36px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-family: var(--vk-font-en, 'Inter', sans-serif);
        font-size: 11px;
        font-weight: 800;
        letter-spacing: .04em;
        color: rgba(255,255,255,0.45);
        background: rgba(255,255,255,0.04);
        border: 1px solid rgba(255,255,255,0.10);
        border-radius: 10px;
        transition: color .25s ease, background .25s ease, border-color .25s ease, box-shadow .25s ease;
    }
    body.vk .vk-mobile ul { counter-reset: vkitem; }

    /* Gold left rail */
    body.vk .vk-mobile li a::before {
        content: "";
        position: absolute;
        left: 0; top: 8%; bottom: 8%;
        width: 3px;
        background: linear-gradient(180deg, var(--vk-gold-2, #f3d27a), var(--vk-gold, #FFC72C));
        opacity: 0;
        border-radius: 0 3px 3px 0;
        transition: opacity .25s ease;
    }
    body.vk .vk-mobile li a:hover,
    body.vk .vk-mobile li a:focus-visible,
    body.vk .vk-mobile li a.is-current {
        background:
            linear-gradient(180deg, rgba(255, 199, 44,0.20), rgba(155,108,224,0.06)),
            rgba(15,12,8,0.65) !important;
        border-color:#B5830F !important;
        color: var(--vk-gold-2, #f3d27a) !important;
        transform: translateY(-1px) !important;
        box-shadow:
            0 12px 28px -12px rgba(255, 199, 44,0.35),
            0 0 0 1px rgba(255, 199, 44,0.18) inset !important;
    }
    body.vk .vk-mobile li a:hover::before,
    body.vk .vk-mobile li a:focus-visible::before,
    body.vk .vk-mobile li a.is-current::before { opacity: 1; }
    body.vk .vk-mobile li:not(.vk-mobile__cta) a:hover::after,
    body.vk .vk-mobile li:not(.vk-mobile__cta) a:focus-visible::after,
    body.vk .vk-mobile li:not(.vk-mobile__cta) a.is-current::after {
        color: var(--vk-gold-2, #f3d27a) !important;
        background: rgba(255, 199, 44,0.14) !important;
        border-color:#B5830F !important;
        box-shadow: 0 0 16px -4px rgba(255, 199, 44,0.55) inset, 0 0 12px rgba(255, 199, 44,0.18);
    }

    /* The trailing "↗" arrow span — make it a circular chip on the right */
    body.vk .vk-mobile li a span {
        width: 28px !important;
        height: 28px !important;
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        border-radius: 50% !important;
        background: rgba(255,255,255,0.05) !important;
        border: 1px solid rgba(255,255,255,0.10) !important;
        color: rgba(255,255,255,0.60) !important;
        font-size: 12px !important;
        font-weight: 700 !important;
        line-height: 1 !important;
        transition: color .25s ease, background .25s ease, border-color .25s ease, transform .25s ease !important;
    }
    body.vk .vk-mobile li a:hover span,
    body.vk .vk-mobile li a.is-current span {
        color: var(--vk-gold-2, #f3d27a) !important;
        background: rgba(255, 199, 44,0.16) !important;
        border-color:#B5830F !important;
        transform: translate(2px, -2px) rotate(-3deg) !important;
    }

    /* Don't apply the numbered chip / left rail to the WhatsApp CTA list-item */
    body.vk .vk-mobile li.vk-mobile__cta { counter-increment: none !important; }
    body.vk .vk-mobile li.vk-mobile__cta a::before,
    body.vk .vk-mobile li.vk-mobile__cta a::after { display: none !important; }
    body.vk .vk-mobile li.vk-mobile__cta a {
        margin-top: 14px !important;
        padding: 16px 24px !important;
        min-height: 60px !important;
        border-radius: 16px !important;
        font-weight: 800 !important;
        font-size: 15px !important;
        letter-spacing: .06em !important;
        text-transform: uppercase;
        justify-content: center !important;
        text-align: center !important;
        background: linear-gradient(135deg, #FFC72C 0%, #FFF2C2 50%, #FFC72C 100%) !important;
        color: #1a0e00 !important;
        border: none !important;
        box-shadow:
            0 18px 40px -12px rgba(255, 199, 44,0.65),
            0 2px 6px rgba(0,0,0,0.45),
            0 0 0 1px rgba(255, 199, 44,0.55) inset !important;
        position: relative;
    }
    body.vk .vk-mobile__cta a::after {
        /* Shimmer */
        content: "";
        position: absolute;
        top: 0; bottom: 0;
        left: -60%;
        width: 40%;
        background: linear-gradient(90deg, transparent, rgba(255,255,255,0.55), transparent);
        transform: skewX(-20deg);
        animation: vk-shimmer 3s ease-in-out infinite;
        display: block !important;
    }

    /* Footer line under the menu */
    body.vk .vk-mobile__foot {
        margin-top: 28px !important;
        padding: 18px 4px 8px !important;
        border-top: 1px solid rgba(255, 199, 44,0.18) !important;
        flex-direction: column !important;
        align-items: center !important;
        gap: 4px !important;
        color: rgba(255,255,255,0.40) !important;
        text-align: center !important;
        font-size: 11px !important;
        letter-spacing: .14em !important;
    }
    body.vk .vk-mobile__foot span:first-child {
        color: var(--vk-gold-2, #f3d27a) !important;
        font-weight: 700 !important;
        letter-spacing: .22em !important;
        font-size: 11px !important;
    }

    /* Lock body + html scroll while menu is open (prevents the page scrollbar peeking) */
    body.vk.vk-menu-open { overflow: hidden !important; touch-action: none; }
    html:has(body.vk.vk-menu-open) { overflow: hidden !important; }
}

@keyframes vk-menu-slide-in {
    0%   { opacity: 0; transform: translateY(-12px) scale(.98); }
    60%  { opacity: 1; transform: translateY(0) scale(1.001); }
    100% { opacity: 1; transform: translateY(0) scale(1); }
}
@keyframes vk-shimmer {
    0%   { left: -60%; }
    50%  { left: 110%; }
    100% { left: 110%; }
}

@media (max-width: 720px){
    body.vk { --vk-pad: 16px; }

    /* ── HERO ────────────────────────────────────────────── */
    body.vk .vk-hero__inner,
    body.vk .vk-hero__copy,
    body.vk .vk-hero__head { text-align: center !important; }
    body.vk .vk-hero__title,
    body.vk .vk-hero__lede,
    body.vk .vk-hero__copy p { margin-left: auto !important; margin-right: auto !important; }
    body.vk .vk-hero__cta { justify-content: center !important; align-items: stretch !important; }
    body.vk .vk-hero__chips,
    body.vk .vk-hero__badges,
    body.vk .vk-hero__list { justify-content: center !important; align-items: center !important; }

    /* ── SECTION HEADS & GENERIC CENTERING ─────────────────── */
    body.vk .vk-section,
    body.vk .vk-card,
    body.vk .vk-platforms__inner,
    body.vk .vk-support__inner,
    body.vk .vk-contact__inner { text-align: center !important; }
    body.vk .vk-section__head,
    body.vk .vk-section__title,
    body.vk .vk-section__lede,
    body.vk .vk-section h2,
    body.vk .vk-section p { margin-left: auto !important; margin-right: auto !important; max-width: 100% !important; }
    body.vk .vk-section__cta,
    body.vk .vk-section__actions { justify-content: center !important; }

    /* CTAs full-width and stacked */
    body.vk .vk-btn:not(.vk-btn--inline) { width: 100%; max-width: 320px; margin-inline: auto; }
    body.vk .vk-hero__cta,
    body.vk .vk-cta-row,
    body.vk .vk-section__actions { display: flex !important; flex-direction: column !important; gap: 10px !important; align-items: center !important; }

    /* Lists and chips centered */
    body.vk ul.vk-checklist,
    body.vk .vk-feature-list,
    body.vk .vk-chip-list,
    body.vk .vk-tags { justify-content: center !important; flex-wrap: wrap !important; }

    /* ── CARDS ─────────────────────────────────────────────── */
    body.vk .vk-card { padding: 22px 18px !important; }
    body.vk .vk-card__title,
    body.vk .vk-card__sub,
    body.vk .vk-card__body { text-align: center; }

    /* ── FOOTER (CENTER-ALIGNED ON MOBILE) ─────────────────── */
    body.vk .vk-footer { padding: 56px var(--vk-pad) 28px !important; text-align: center; }
    body.vk .vk-footer__brand { display: flex; flex-direction: column; align-items: center; }
    body.vk .vk-footer__brand .vk-brand { justify-content: center !important; margin: 0 auto 14px !important; }
    /* Cap the tagline to its established 380px measure instead of letting it
       stretch edge-to-edge on wider phones/small tablets — same
       max-width + margin:auto centering pattern used elsewhere (e.g.
       .s5-herometa), keeps the centered paragraph reading as an
       intentional boutique column rather than a full-bleed line. */
    body.vk .vk-footer__brand p { margin: 14px auto !important; max-width: min(380px, 100%) !important; text-align: center !important; }
    body.vk .vk-footer__social { justify-content: center !important; margin-top: 6px; }

    body.vk .vk-footer__col { text-align: center; }
    body.vk .vk-footer__col h4 { display: inline-block; padding: 0; }
    body.vk .vk-footer__col h4::after { margin-left: auto; margin-right: auto; }
    body.vk .vk-footer__col ul { align-items: center; }
    body.vk .vk-footer__col a:hover { transform: translateY(-1px) !important; }

    body.vk .vk-footer__bot {
        flex-direction: column !important;
        align-items: center !important;
        text-align: center !important;
        gap: 10px !important;
    }
    body.vk .vk-footer__bot p { width: 100%; }

    /* ══════════════════════════════════════════════════════════
       HEADER & FOOTER LOGO — premium, big, well-positioned
       ══════════════════════════════════════════════════════════ */

    /* Header bar: collapse the empty middle column (the desktop nav is hidden
       via .vk-nav { display: none } at this breakpoint, but its 1fr grid track
       still left a big gap between the logo and the action buttons).
       Use flex so the brand sizes to the image and actions hug the right edge. */
    body.vk .vk-header__inner {
        display: flex !important;
        justify-content: flex-start !important;
        gap: 12px !important;
        padding: 8px var(--vk-pad) !important;
        align-items: center !important;
    }
    body.vk .vk-header .vk-nav { display: none !important; }
    body.vk .vk-header .vk-brand {
        flex: 0 0 auto !important;
        align-items: center !important;
    }
    body.vk .vk-header__actions {
        flex: 0 0 auto !important;
        margin-left: auto !important;
        gap: 8px !important;
    }

    /* Header brand: vertically centered, tighter padding so logo can scale up */
    body.vk .vk-header .vk-brand {
        padding: 0 !important;
        align-items: center !important;
    }
    body.vk .vk-header .vk-brand img {
        width: auto !important;
        height: 84px !important;             /* explicit — overrides cream block's 64px */
        max-height: 84px !important;
        max-width: 100% !important;
        transform: none !important;
        object-fit: contain !important;
        image-rendering: -webkit-optimize-contrast;
        filter: drop-shadow(0 2px 4px rgba(40, 25, 5, 0.22)) !important;
    }
    body.vk .vk-header .vk-brand:hover img { transform: scale(1.04) !important; }

    /* Halo behind header logo so dark elements lift off the obsidian bar */
    body.vk .vk-header .vk-brand__halo {
        width: 220px !important;
        height: 110px !important;
        opacity: .55 !important;
    }

    /* Header pill CTA: tighter and balanced next to the bigger logo */
    body.vk .vk-cta-pulse { padding: 9px 12px !important; }

    /* ── FOOTER BRAND — full centerpiece treatment ── */
    body.vk .vk-footer .vk-brand {
        padding: 0 !important;
        margin: 0 auto 18px !important;
        justify-content: center !important;
    }
    body.vk .vk-footer__brand {
        min-width: 0 !important;            /* allow grid track to shrink */
        max-width: 100% !important;
        overflow: hidden !important;        /* clip if image overshoots while loading */
    }
    body.vk .vk-footer .vk-brand {
        width: 100% !important;
        max-width: 100% !important;
        justify-content: center !important;
        overflow: hidden !important;
    }
    body.vk .vk-footer .vk-brand img {
        width: auto !important;
        height: auto !important;
        max-height: 140px !important;        /* big centerpiece */
        max-width: 100% !important;          /* never exceed parent */
        transform: none !important;
        object-fit: contain !important;
        image-rendering: -webkit-optimize-contrast;
        filter: drop-shadow(0 6px 14px rgba(40, 25, 5, 0.30)) !important;
        animation: vk-logo-float 6s ease-in-out infinite !important;
    }
    /* Halo behind footer logo too */
    body.vk .vk-footer .vk-brand__halo {
        width: 320px !important;
        height: 140px !important;
        opacity: .6 !important;
    }

    /* Mobile menu items get a touch-friendly tap target & center */
    body.vk .vk-mobile li a { font-size: 18px !important; justify-content: space-between !important; }
    body.vk .vk-mobile__inner { padding: 24px 22px 32px !important; }

    /* ── AMBASSADOR PAGE (mobile spacing) ─────────────────── */
    body.vk .baj-hero__inner { gap: 22px !important; }
    body.vk .baj-hero__text-col,
    body.vk .baj-hero__portrait-col,
    body.vk .baj-best__inner,
    body.vk .baj-best__icol { text-align: center !important; align-items: center !important; }
    body.vk .baj-hero__text-col,
    body.vk .baj-best__icol { display: flex !important; flex-direction: column !important; align-items: center !important; }
    body.vk .baj-hero__rule,
    body.vk .baj-best__hdivider { margin-left: auto !important; margin-right: auto !important; }
    body.vk .baj-hero__know-more,
    body.vk .baj-best__next-btn { margin-left: auto !important; margin-right: auto !important; }
    body.vk .baj-best__hstats { justify-content: center !important; gap: 18px !important; flex-wrap: wrap; }
    body.vk .baj-best__strip { justify-content: center !important; }
    body.vk .baj-grid-sec__head { text-align: center !important; }
}

@media (max-width: 480px){
    body.vk { --vk-pad: 14px; }

    /* Tighter heading sizes for small phones */
    body.vk .vk-hero__title { font-size: clamp(28px, 8.5vw, 38px) !important; line-height: 1.15 !important; }
    body.vk .vk-section__title,
    body.vk .vk-section h2,
    body.vk .baj-sec-title { font-size: clamp(22px, 6.6vw, 30px) !important; line-height: 1.2 !important; }
    body.vk .baj-best__htitle { font-size: clamp(20px, 5.6vw, 26px) !important; }
    body.vk .baj-hero__name { font-size: clamp(28px, 9vw, 40px) !important; }

    /* Ambassador hero portrait fits the screen */
    body.vk .baj-hero__portrait { width: min(78vw, 320px) !important; margin: 0 auto !important; }

    /* Video frame full width */
    body.vk .baj-best__vframe { width: 100% !important; }

    /* Carousel — focus card breathes a bit more */
    body.vk .baj-amb3d{ height: 26rem !important; }
    body.vk .baj-amb3d__slide.position-3{ width: min(78vw, 320px) !important; min-width: 0 !important; }

    /* Footer: smaller H4 padding, larger tap targets */
    body.vk .vk-footer__col { margin-bottom: 8px; }
    body.vk .vk-footer__col a { padding: 4px 0; display: inline-block; }
    body.vk .vk-footer__bot { font-size: 12px !important; }

    /* CTA stack with safe touch height */
    body.vk .vk-btn { min-height: 44px; }

    /* Logos on smaller phones (substantial, close the right-side gap) */
    body.vk .vk-header .vk-brand img { height: 76px !important; max-height: 76px !important; max-width: 100% !important; }
    body.vk .vk-footer .vk-brand img { max-height: 120px !important; max-width: 100% !important; }
}

@media (max-width: 380px){
    body.vk .vk-hero__title { font-size: clamp(24px, 8vw, 32px) !important; }
    body.vk .vk-section__title,
    body.vk .vk-section h2 { font-size: clamp(20px, 6.2vw, 26px) !important; }
    body.vk .vk-card { padding: 20px 16px !important; }
}

/* iOS / safe-area aware bottom padding for the footer's age line */
@supports (padding: max(0px)){
    @media (max-width: 720px){
        body.vk .vk-footer { padding-bottom: max(28px, env(safe-area-inset-bottom)) !important; }
    }
}


/* ══════════════════════════════════════════════════════════════
   HEADER & FOOTER — CREAM/CHAMPAGNE BACKGROUND
   The black 9wickets logo needs a light surface to read cleanly.
   We frame the dark page with cream-ivory bars at top + bottom.
   ══════════════════════════════════════════════════════════════ */

/* ── HEADER ── */
body.vk .vk-header {
    background:
        radial-gradient(80% 120% at 0% 0%, rgba(255, 199, 44,0.10) 0%, rgba(255, 199, 44,0) 60%),
        radial-gradient(60% 100% at 100% 100%, rgba(155,108,224,0.06) 0%, rgba(155,108,224,0) 60%),
        linear-gradient(180deg, #EEF4FC 0%, #F2E6BE 100%) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    border-bottom: 1px solid rgba(160, 110, 30, 0.32) !important;
    box-shadow: 0 4px 20px -8px rgba(0,0,0,0.25);
}
body.vk .vk-header.is-scrolled {
    background:
        linear-gradient(180deg, #EEF4FC 0%, #EFE0B0 100%) !important;
    box-shadow: 0 6px 28px -10px rgba(60, 40, 0, 0.4) !important;
}

/* Bottom hairline accent — gold/amber to match the cream */
body.vk .vk-header__bar {
    background: linear-gradient(90deg, transparent, #C18A18, #6B3FB0, transparent) !important;
    opacity: 0.9 !important;
}

/* Nav links — dark on cream */
body.vk .vk-nav__list a {
    color: #2A1A05 !important;
    font-weight: 600 !important;
}
body.vk .vk-nav__list a:hover,
body.vk .vk-nav__list a.is-current {
    color: #8B5A0E !important;
}
body.vk .vk-nav__list a::after {
    background: linear-gradient(90deg, #C18A18, #8B5A0E) !important;
}

/* Search icon button + close X for mobile menu */
body.vk .vk-icon-btn,
body.vk .vk-search-toggle {
    background: rgba(40, 25, 5, 0.06) !important;
    border: 1px solid rgba(160, 110, 30, 0.35) !important;
    color: #2A1A05 !important;
}
body.vk .vk-icon-btn:hover,
body.vk .vk-search-toggle:hover {
    background: rgba(160, 110, 30, 0.18) !important;
    border-color: rgba(160, 110, 30, 0.6) !important;
    color: #8B5A0E !important;
}

/* Hamburger — dark bars on cream bg */
body.vk .vk-burger {
    background: rgba(40, 25, 5, 0.06) !important;
    border: 1px solid rgba(160, 110, 30, 0.35) !important;
    color: #2A1A05 !important;
}
body.vk .vk-burger:hover {
    background: rgba(160, 110, 30, 0.18) !important;
    border-color: rgba(160, 110, 30, 0.6) !important;
}
body.vk .vk-burger span {
    background: #2A1A05 !important;
}
body.vk .vk-burger[aria-expanded="true"] {
    background: linear-gradient(135deg, #6B3FB0, #4A2A8F) !important;
    border-color: transparent !important;
    color: #FFFFFF !important;
}
body.vk .vk-burger[aria-expanded="true"] span {
    background: #FFFFFF !important;
}

/* WhatsApp CTA pill — keep the gold gradient (looks good on cream) */
body.vk .vk-cta-pulse {
    background: linear-gradient(135deg, #C18A18 0%, #8B5A0E 50%, #C18A18 100%) !important;
    color: #FFF6D6 !important;
    border: none !important;
    box-shadow: 0 4px 14px -4px rgba(110, 70, 0, 0.5), 0 0 0 1px rgba(255, 215, 130, 0.4) inset !important;
}
body.vk .vk-cta-pulse:hover { box-shadow: 0 8px 22px -6px rgba(110, 70, 0, 0.7) !important; transform: translateY(-1px); }

/* Logo on cream: bigger desktop size, single tight shadow */
body.vk .vk-header .vk-brand img {
    --vk-logo-scale: 2 !important;        /* 60px × 2 = 120px display on desktop — much bigger */
    height: 64px !important;              /* 64 × 2 = 128 display */
    filter: drop-shadow(0 2px 4px rgba(40, 25, 5, 0.22)) !important;
}
body.vk .vk-header.is-scrolled .vk-brand img {
    --vk-logo-scale: 1.7 !important;     /* shrink slightly when sticky to keep header compact */
    height: 60px !important;
}
/* Halo behind header logo — soften since bg is already light */
body.vk .vk-header .vk-brand__halo {
    background: radial-gradient(ellipse at center, rgba(110, 70, 0, 0.10) 0%, rgba(110, 70, 0, 0) 70%) !important;
    opacity: 0.6 !important;
}

/* Search panel input — adapt to cream bg */
body.vk .vk-search-panel {
    background: rgba(251, 245, 226, 0.92) !important;
    border-bottom: 1px solid rgba(160, 110, 30, 0.32) !important;
}
body.vk .vk-search-panel .search-field {
    color: #2A1A05 !important;
}
body.vk .vk-search-panel .search-field::placeholder {
    color: rgba(40, 25, 5, 0.45) !important;
}
body.vk .vk-search-panel__close {
    color: #2A1A05 !important;
}


/* ── FOOTER ── */
body.vk .vk-footer {
    background:
        radial-gradient(60% 100% at 0% 0%, rgba(255, 199, 44,0.10) 0%, rgba(255, 199, 44,0) 60%),
        radial-gradient(60% 100% at 100% 100%, rgba(155,108,224,0.08) 0%, rgba(155,108,224,0) 60%),
        linear-gradient(180deg, #F2E6BE 0%, #EEF4FC 100%) !important;
    color: #2A1A05 !important;
    border-top: 1px solid rgba(160, 110, 30, 0.32) !important;
}

/* Top hairline accent */
body.vk .vk-footer__glow {
    background: linear-gradient(90deg, transparent, #C18A18, #6B3FB0, transparent) !important;
    opacity: 0.9 !important;
}

/* Footer brand description */
body.vk .vk-footer__brand p {
    color: rgba(40, 25, 5, 0.78) !important;
}

/* Footer column headers */
body.vk .vk-footer__col h4 {
    color: #2A1A05 !important;
}
body.vk .vk-footer__col h4::after {
    background: linear-gradient(90deg, #C18A18, #8B5A0E) !important;
}

/* Footer column links */
body.vk .vk-footer__col a {
    color: rgba(40, 25, 5, 0.72) !important;
}
body.vk .vk-footer__col a:hover {
    color: #8B5A0E !important;
}

/* Social icons */
body.vk .vk-footer__social a {
    background: rgba(40, 25, 5, 0.04) !important;
    border: 1px solid rgba(160, 110, 30, 0.35) !important;
    color: #2A1A05 !important;
}
body.vk .vk-footer__social a:hover {
    background: linear-gradient(135deg, #C18A18, #8B5A0E) !important;
    border-color: transparent !important;
    color: #FFF6D6 !important;
}

/* Bottom row */
body.vk .vk-footer__bot {
    border-top: 1px solid rgba(160, 110, 30, 0.32) !important;
    color: rgba(40, 25, 5, 0.6) !important;
}
body.vk .vk-footer__age {
    background: rgba(160, 110, 30, 0.10) !important;
    border-color: rgba(160, 110, 30, 0.4) !important;
    color: #8B5A0E !important;
}

/* Footer logo on cream: render at natural size (no inherited 1.7x scale from
   the header rule), tight shadow, sharp edges. Aspect-ratio preserved by
   using max-height + max-width:100% so it shrinks gracefully on narrow viewports. */
body.vk .vk-footer__brand {
    min-width: 0 !important;
    max-width: 100% !important;
}
body.vk .vk-footer .vk-brand {
    padding: 0 !important;
    margin: 0 0 18px !important;
    width: 100% !important;
    max-width: 100% !important;
    justify-content: center !important;
}
body.vk .vk-footer .vk-brand img {
    --vk-logo-scale: 1 !important;
    transform: none !important;
    animation: none !important;
    height: auto !important;
    width: auto !important;
    max-height: 130px !important;        /* big desktop footer centerpiece */
    max-width: 100% !important;          /* never exceed parent */
    object-fit: contain !important;
    image-rendering: -webkit-optimize-contrast;
    filter: drop-shadow(0 6px 14px rgba(40, 25, 5, 0.30)) !important;
}
/* Hide the gold halo at desktop too — looks redundant on cream */
body.vk .vk-footer .vk-brand__halo { display: none !important; }
body.vk .vk-footer .vk-brand__halo {
    background: radial-gradient(ellipse at center, rgba(110, 70, 0, 0.12) 0%, rgba(110, 70, 0, 0) 70%) !important;
    opacity: 0.55 !important;
}


/* ══════════════════════════════════════════════════════════════
   FINAL LOGO TREATMENT
   Source: wickets-black-final.png (1536×1024, 3:2 — metallic studio render)
   - BIG sizes
   - NO extra border / radius / shadow / outline / frame from CSS
   - Just the image as-is at the desired height
   ══════════════════════════════════════════════════════════════ */
body.vk .vk-header .vk-brand img,
body.vk .vk-footer .vk-brand img {
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
    outline: none !important;
    padding: 0 !important;
    filter: none !important;
}

/* Mobile (≤720) */
@media (max-width: 720px){
    body.vk .vk-header .vk-brand img {
        height: 64px !important;
        max-height: 64px !important;
        max-width: 100% !important;
        width: auto !important;
    }
    body.vk .vk-footer .vk-brand img {
        height: auto !important;
        max-height: 100px !important;
        max-width: 100% !important;
    }
}
/* Smaller phones (≤480) */
@media (max-width: 480px){
    body.vk .vk-header .vk-brand img {
        height: 56px !important;
        max-height: 56px !important;
    }
    body.vk .vk-footer .vk-brand img {
        max-height: 90px !important;
    }
}
/* Desktop (≥721) */
@media (min-width: 721px){
    body.vk .vk-header .vk-brand img {
        height: 110px !important;
        max-height: 110px !important;
        max-width: none !important;
        --vk-logo-scale: 1 !important;
        transform: none !important;
    }
    body.vk .vk-footer .vk-brand img {
        height: 120px !important;
        max-height: 120px !important;
    }
}

/* Scroll-to-top floating button (bottom-right corner, all pages) */
.vk-totop {
    position: fixed;
    right: clamp(16px, 3vw, 28px);
    bottom: clamp(16px, 3vw, 28px);
    z-index: 90;
    width: 48px;
    height: 48px;
    padding: 0;
    border: none;
    border-radius: 50%;
    background: linear-gradient(135deg, #C18A18 0%, #8B5A0E 50%, #C18A18 100%);
    color: #FFF6D6;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 8px 24px -6px rgba(110, 70, 0, 0.55), 0 0 0 1px rgba(255, 215, 130, 0.45) inset;
    opacity: 0;
    transform: translateY(14px) scale(.92);
    pointer-events: none;
    transition: opacity .3s ease, transform .35s cubic-bezier(.2,.7,.15,1), box-shadow .3s ease;
}
.vk-totop[hidden] { display: none; }
.vk-totop.is-visible {
    opacity: 1;
    transform: translateY(0) scale(1);
    pointer-events: auto;
}
.vk-totop:hover {
    transform: translateY(-3px) scale(1.05);
    box-shadow: 0 14px 32px -8px rgba(110, 70, 0, 0.7), 0 0 0 1px rgba(255, 215, 130, 0.6) inset;
}
.vk-totop:focus-visible {
    outline: 2px solid #FFF6D6;
    outline-offset: 3px;
}
@media (max-width: 480px){
    .vk-totop { width: 44px; height: 44px; }
}

/* Footer brand column — clean centered layout */
body.vk .vk-footer__brand {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
}
body.vk .vk-footer__brand .vk-brand {
    margin: 0 0 16px !important;
    justify-content: center !important;
}
body.vk .vk-footer__brand p {
    margin: 0 auto 18px !important;
    max-width: 420px !important;
    text-align: center !important;
}
body.vk .vk-footer__social {
    justify-content: center !important;
}


/* ── 9wickets footer logo — perfected size & aspect (logo 499×200 = 2.5:1) ── */
body.vk .vk-footer .vk-brand img{
    height:88px !important;
    width:auto !important;
    max-height:88px !important;
    max-width:100% !important;
    aspect-ratio:499 / 200 !important;
    object-fit:contain !important;
}
@media (max-width:720px){
    body.vk .vk-footer .vk-brand img{ height:62px !important; max-height:62px !important; }
}

/* ── 9wickets header logo — perfected size & aspect (logo 499×200 = 2.5:1) ── */
body.vk .vk-header .vk-brand img{
    --vk-logo-scale:1 !important;
    transform:none !important;
    height:56px !important;
    width:auto !important;
    max-height:56px !important;
    max-width:100% !important;
    aspect-ratio:499 / 200 !important;
    object-fit:contain !important;
}
body.vk .vk-header.is-scrolled .vk-brand img{
    height:46px !important;
    max-height:46px !important;
    transform:none !important;
}
body.vk .vk-header .vk-brand:hover img{ transform:scale(1.04) !important; }
@media (max-width:720px){
    body.vk .vk-header .vk-brand img{ height:48px !important; max-height:48px !important; }
}

/* ════════════════════════════════════════════════════════════════
   9wickets BUTTONS — clean professional (solid yellow / navy text)
   ════════════════════════════════════════════════════════════════ */
body.vk .vk-btn{
    border-radius:10px !important;
    font-weight:700 !important;
    letter-spacing:.01em !important;
}
/* Primary — solid yellow, navy label */
body.vk .vk-btn--primary{
    background:#FFC72C !important;
    color:#0B1B30 !important;
    border:1px solid #E6A91E !important;
    text-shadow:none !important;
    box-shadow:0 6px 18px rgba(255,199,44,.28), 0 1px 0 rgba(255,255,255,.30) inset !important;
}
body.vk .vk-btn--primary svg{ color:#0B1B30 !important; stroke:#0B1B30 !important; }
body.vk .vk-btn--primary:hover{
    background:#E6A91E !important;
    color:#0B1B30 !important;
    border-color:#E6A91E !important;
    transform:translateY(-2px) !important;
    box-shadow:0 12px 28px rgba(255,199,44,.40) !important;
}
body.vk .vk-btn--primary:hover svg{ color:#0B1B30 !important; stroke:#0B1B30 !important; }
body.vk .vk-btn--primary:active{ transform:translateY(0) !important; }

/* Secondary (ghost/glass) — navy with yellow outline, fills yellow on hover */
body.vk .vk-btn--ghost,
body.vk .vk-btn--glass{
    background:rgba(255,255,255,.04) !important;
    border:1px solid rgba(255,199,44,.55) !important;
    color:#B5830F !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
    box-shadow:none !important;
}
body.vk .vk-btn--ghost svg,
body.vk .vk-btn--glass svg{ color:#B5830F !important; stroke:#FFC72C !important; }
body.vk .vk-btn--ghost:hover,
body.vk .vk-btn--glass:hover{
    background:#FFC72C !important;
    color:#0B1B30 !important;
    border-color:#B5830F !important;
    transform:translateY(-2px) !important;
    box-shadow:0 10px 24px rgba(255,199,44,.30) !important;
}
body.vk .vk-btn--ghost:hover svg,
body.vk .vk-btn--glass:hover svg{ color:#0B1B30 !important; stroke:#0B1B30 !important; }

/* Header / footer — clean navy surfaces with subtle yellow hairline */
body.vk .vk-header__bar{ background:rgba(11,27,48,.72) !important; border-bottom:1px solid rgba(255,199,44,.16) !important; }
body.vk .vk-header.is-scrolled .vk-header__bar{ background:rgba(11,27,48,.94) !important; }
body.vk .vk-footer{ background:#17150F !important; }

/* ════════════════════════════════════════════════════════════════
   LIGHT & SUNNY — yellow-dominant on warm white, charcoal ink
   Final override layer (wins the cascade)
   ════════════════════════════════════════════════════════════════ */
body.vk{ background-color:#FFFDF6 !important; color:#2A2620 !important; }
body.vk h1,body.vk h2,body.vk h3,body.vk h4,body.vk h5,
body.vk .vk-h1,body.vk .vk-h2,body.vk .vk-h3{ color:#1E1B14; }

/* HEADER — bright yellow band, charcoal content */
body.vk .vk-header__bar{ background:#F2B000 !important; border-bottom:1px solid rgba(30,27,20,.16) !important; box-shadow:0 4px 18px rgba(200,134,11,.20) !important; }
body.vk .vk-header.is-scrolled .vk-header__bar{ background:#F2B000 !important; box-shadow:0 6px 22px rgba(200,134,11,.30) !important; }
body.vk .vk-nav__list a,body.vk .vk-nav__label{ color:#1E1B14 !important; }
body.vk .vk-nav__list a:hover .vk-nav__label{ color:#6E4600 !important; }
body.vk .vk-icon-btn{ color:#1E1B14 !important; border-color:rgba(30,27,20,.25) !important; }
body.vk .vk-burger span{ background:#1E1B14 !important; }

/* FOOTER — charcoal anchor, light text, yellow accents */
body.vk .vk-footer{ background:#17150F !important; color:#E9E2D0 !important; }
body.vk .vk-footer a,body.vk .vk-footer p,body.vk .vk-footer li,body.vk .vk-footer span,
body.vk .vk-footer h1,body.vk .vk-footer h2,body.vk .vk-footer h3,body.vk .vk-footer h4{ color:#E9E2D0 !important; }
body.vk .vk-footer a:hover,body.vk .vk-footer__social a{ color:#F2B000 !important; }

/* CARDS — clean white on light */
body.vk .vk-card{ background:#FFFFFF !important; border:1px solid rgba(30,27,20,.08) !important; box-shadow:0 6px 22px rgba(30,27,20,.08) !important; backdrop-filter:none !important; color:#2A2620 !important; }
body.vk .vk-card:hover{ border-color:rgba(200,134,11,.45) !important; box-shadow:0 16px 44px rgba(30,27,20,.14) !important; }
body.vk .vk-card__kicker{ color:#B5830F !important; }

/* BUTTONS — primary bright yellow / charcoal text */
body.vk .vk-btn--primary{ background:#F2B000 !important; color:#1E1B14 !important; border:1px solid #E8A200 !important; box-shadow:0 6px 16px rgba(200,134,11,.30) !important; }
body.vk .vk-btn--primary:hover{ background:#E8A200 !important; color:#1E1B14 !important; box-shadow:0 10px 24px rgba(200,134,11,.42) !important; }
body.vk .vk-btn--primary svg{ color:#1E1B14 !important; stroke:#1E1B14 !important; }
/* secondary — charcoal outline, fills charcoal on hover */
body.vk .vk-btn--ghost,body.vk .vk-btn--glass{ background:#FFFFFF !important; border:1.5px solid #1E1B14 !important; color:#1E1B14 !important; backdrop-filter:none !important; box-shadow:none !important; }
body.vk .vk-btn--ghost svg,body.vk .vk-btn--glass svg{ color:#1E1B14 !important; stroke:#1E1B14 !important; }
body.vk .vk-btn--ghost:hover,body.vk .vk-btn--glass:hover{ background:#1E1B14 !important; color:#F2B000 !important; border-color:#1E1B14 !important; }
body.vk .vk-btn--ghost:hover svg,body.vk .vk-btn--glass:hover svg{ color:#F2B000 !important; stroke:#F2B000 !important; }

/* CONTENT LINKS — readable amber */
body.vk p a,body.vk li a,body.vk .vk-prose a{ color:#B5830F; }
body.vk p a:hover,body.vk li a:hover{ color:#8A5A0A; }

/* Search panel — light on light theme */
body.vk .vk-search-panel{ background:#FFFFFF !important; border-bottom:1px solid rgba(30,27,20,.15) !important; backdrop-filter:none !important; box-shadow:0 12px 30px rgba(30,27,20,.12) !important; }
body.vk .vk-search-panel .search-field,
body.vk .vk-search-panel input[type="search"]{ color:#1E1B14 !important; }
body.vk .vk-search-panel__close{ color:#1E1B14 !important; }

/* ── Dark accent cards: ensure light, readable text inside ── */
body.vk .vk-social__card{ --vk-text:      #1A1813; color:#CDC3AE !important; }
body.vk .vk-social__card h1,body.vk .vk-social__card h2,body.vk .vk-social__card h3,body.vk .vk-social__card h4{ color:#F6F1E4 !important; }
body.vk .vk-social__card p{ color:#C7BCA4 !important; }
body.vk .vk-social__card .vk-social__count{ color:#F4EEDF !important; }
body.vk .vk-social__card .vk-social__count em{ color:#B9AE96 !important; }
body.vk .vk-social__card .vk-social__cta{ color:#F2B000 !important; }
/* ambassador / quiz dark panels keep light text too */
body.vk .vk-amb-roster__card,body.vk .vk-amb-spotlight__plate,body.vk .baj-hero{ --vk-text:      #1A1813; color:#CDC3AE; }
body.vk .vk-amb-roster__card h1,body.vk .vk-amb-roster__card h2,body.vk .vk-amb-roster__card h3,body.vk .vk-amb-roster__card h4,
body.vk .vk-amb-spotlight__plate h1,body.vk .vk-amb-spotlight__plate h2,body.vk .vk-amb-spotlight__plate h3,body.vk .vk-amb-spotlight__plate h4,
body.vk .baj-hero h1,body.vk .baj-hero h2,body.vk .baj-hero h3{ color:#F6F1E4 !important; }

/* ════════════════════════════════════════════════════════════════
   DEEP YELLOW — bold yellow everywhere, charcoal contrast
   ════════════════════════════════════════════════════════════════ */
body.vk{ background-color:#F7B500 !important; }
body.vk.vk-home, body.vk:not(.vk-home){ background-color:#F7B500 !important; }
/* header — deep yellow bar, crisp charcoal edge */
body.vk .vk-header__bar{ background:#F7B500 !important; border-bottom:2px solid #1A1813 !important; box-shadow:0 4px 18px rgba(26,24,19,.20) !important; }
body.vk .vk-header.is-scrolled .vk-header__bar{ background:#F7B500 !important; box-shadow:0 6px 22px rgba(26,24,19,.30) !important; }
/* primary buttons — charcoal pops on yellow */
body.vk .vk-btn--primary{ background:#1A1813 !important; color:#FFC22A !important; border:1px solid #1A1813 !important; box-shadow:0 6px 16px rgba(26,24,19,.30) !important; }
body.vk .vk-btn--primary:hover{ background:#000000 !important; color:#FFCB3D !important; box-shadow:0 10px 26px rgba(26,24,19,.42) !important; }
body.vk .vk-btn--primary svg{ color:#FFC22A !important; stroke:#FFC22A !important; }
body.vk .vk-btn--primary:hover svg{ color:#FFCB3D !important; stroke:#FFCB3D !important; }
/* secondary — charcoal outline */
body.vk .vk-btn--ghost,body.vk .vk-btn--glass{ background:transparent !important; border:1.5px solid #1A1813 !important; color:#1A1813 !important; }
body.vk .vk-btn--ghost:hover,body.vk .vk-btn--glass:hover{ background:#1A1813 !important; color:#FFC22A !important; border-color:#1A1813 !important; }
body.vk .vk-btn--ghost:hover svg,body.vk .vk-btn--glass:hover svg{ color:#FFC22A !important; stroke:#FFC22A !important; }

/* header: real surface is .vk-header — deep yellow with charcoal edge */
body.vk .vk-header{ background:#F7B500 !important; border-bottom:2px solid #1A1813 !important; box-shadow:0 4px 16px rgba(26,24,19,.18) !important; -webkit-backdrop-filter:none !important; backdrop-filter:none !important; }
body.vk .vk-header.is-scrolled{ background:#F7B500 !important; border-bottom:2px solid #1A1813 !important; box-shadow:0 6px 22px rgba(26,24,19,.32) !important; }
body.vk .vk-header__bar{ opacity:0 !important; }

/* ════════════════════════════════════════════════════════════════
   PREMIUM REBALANCE — 70% cream/white · 20% surfaces · 10% yellow
   (final layer — clean modern hierarchy, restrained yellow)
   ════════════════════════════════════════════════════════════════ */
/* Base: soft cream page, charcoal ink */
body.vk, body.vk.vk-home, body.vk:not(.vk-home){ background:#FFF8E1 !important; color:#1A1813 !important; }
body.vk h1,body.vk h2,body.vk h3,body.vk h4,body.vk h5,
body.vk .vk-h1,body.vk .vk-h2,body.vk .vk-h3{ color:#1A1813 !important; }

/* Sections: consistent soft-cream base + breathing room
   (alternating nth-of-type white removed — cards/panels provide the contrast) */
body.vk .vk-section{ background:#FFF8E1 !important; padding-block:clamp(44px,5.5vw,84px) !important; }

/* Header: light, subtle yellow accent line, charcoal content */
body.vk .vk-header{ background:rgba(255,255,255,.92) !important; border-bottom:1px solid rgba(26,24,19,.10) !important; box-shadow:0 2px 14px rgba(26,24,19,.06) !important; -webkit-backdrop-filter:saturate(160%) blur(12px) !important; backdrop-filter:saturate(160%) blur(12px) !important; }
body.vk .vk-header.is-scrolled{ background:rgba(255,255,255,.97) !important; box-shadow:0 4px 18px rgba(26,24,19,.10) !important; }
body.vk .vk-header__bar{ opacity:1 !important; height:2px !important; background:#F7B500 !important; }
body.vk .vk-nav__list a,body.vk .vk-nav__label{ color:#1A1813 !important; }
body.vk .vk-nav__list a:hover .vk-nav__label{ color:#9A6B00 !important; }
body.vk .vk-icon-btn{ color:#1A1813 !important; border-color:rgba(26,24,19,.22) !important; }
body.vk .vk-burger span{ background:#1A1813 !important; }

/* Footer: charcoal anchor */
body.vk .vk-footer{ background:#1A1813 !important; color:#EDE6D6 !important; }
body.vk .vk-footer a:hover,body.vk .vk-footer__social a{ color:#F7B500 !important; }

/* Default cards: white, subtle shadow/border */
body.vk .vk-card{ background:#FFFFFF !important; border:1px solid rgba(26,24,19,.08) !important; box-shadow:0 8px 24px rgba(26,24,19,.06) !important; backdrop-filter:none !important; }
body.vk .vk-card:hover{ border-color:rgba(247,181,0,.55) !important; box-shadow:0 16px 40px rgba(26,24,19,.12) !important; }

/* Buttons — primary charcoal/yellow · secondary outline · accent yellow */
body.vk .vk-btn--primary{ background:#1A1813 !important; color:#F7B500 !important; border:1px solid #1A1813 !important; box-shadow:0 6px 16px rgba(26,24,19,.18) !important; }
body.vk .vk-btn--primary:hover{ background:#000 !important; color:#FFC22A !important; box-shadow:0 10px 24px rgba(26,24,19,.26) !important; }
body.vk .vk-btn--primary svg{ color:#F7B500 !important; stroke:#F7B500 !important; }
body.vk .vk-btn--primary:hover svg{ color:#FFC22A !important; stroke:#FFC22A !important; }
body.vk .vk-btn--ghost,body.vk .vk-btn--glass{ background:transparent !important; border:1.5px solid #1A1813 !important; color:#1A1813 !important; backdrop-filter:none !important; box-shadow:none !important; }
body.vk .vk-btn--ghost svg,body.vk .vk-btn--glass svg{ color:#1A1813 !important; stroke:#1A1813 !important; }
body.vk .vk-btn--ghost:hover,body.vk .vk-btn--glass:hover{ background:#1A1813 !important; color:#F7B500 !important; border-color:#1A1813 !important; }
body.vk .vk-btn--ghost:hover svg,body.vk .vk-btn--glass:hover svg{ color:#F7B500 !important; stroke:#F7B500 !important; }
body.vk .vk-btn--accent{ background:#F7B500 !important; color:#1A1813 !important; border:1px solid #E8A600 !important; }
body.vk .vk-btn--accent:hover{ background:#E8A600 !important; color:#1A1813 !important; }

/* Hero: clean cream (keeps existing soft yellow glow as the 'optional' accent) */
body.vk .vk-hero{ background:transparent !important; }

/* ════════════════════════════════════════════════════════════════
   HEADER + FOOTER — deep yellow bands, charcoal content
   ════════════════════════════════════════════════════════════════ */
/* Header */
body.vk .vk-header{ background:#F7B500 !important; border-bottom:3px solid #1A1813 !important; box-shadow:0 4px 18px rgba(26,24,19,.18) !important; -webkit-backdrop-filter:none !important; backdrop-filter:none !important; }
body.vk .vk-header.is-scrolled{ background:#F7B500 !important; box-shadow:0 6px 24px rgba(26,24,19,.28) !important; }
body.vk .vk-header__bar{ opacity:0 !important; }
body.vk .vk-nav__list a,body.vk .vk-nav__label{ color:#1A1813 !important; }
body.vk .vk-nav__list a:hover .vk-nav__label{ color:#5A3D00 !important; }
body.vk .vk-icon-btn{ color:#1A1813 !important; border-color:rgba(26,24,19,.32) !important; background:rgba(26,24,19,.06) !important; }
body.vk .vk-burger span{ background:#1A1813 !important; }

/* Footer */
body.vk .vk-footer{ background:#F7B500 !important; color:#1A1813 !important; border-top:3px solid #1A1813 !important; }
body.vk .vk-footer a,body.vk .vk-footer p,body.vk .vk-footer li,body.vk .vk-footer span,
body.vk .vk-footer h1,body.vk .vk-footer h2,body.vk .vk-footer h3,body.vk .vk-footer h4,
body.vk .vk-footer h5,body.vk .vk-footer strong{ color:#1A1813 !important; }
body.vk .vk-footer a:hover{ color:#5A3D00 !important; }
body.vk .vk-footer__social a{ color:#1A1813 !important; border-color:rgba(26,24,19,.30) !important; }
body.vk .vk-footer hr,body.vk .vk-footer [class*="divider"],body.vk .vk-footer [class*="__bottom"],body.vk .vk-footer [class*="__line"]{ border-color:rgba(26,24,19,.22) !important; background:rgba(26,24,19,.18) !important; }

/* ════════════════════════════════════════════════════════════════
   ALL CARDS / BOXES — premium deep yellow
   ════════════════════════════════════════════════════════════════ */
body.vk .vk-card,
body.vk .vk-stat,
body.vk .vk-social__card,
body.vk .vk-seo__panel,
body.vk .vk-live__item,
body.vk .vk-faq__item,
body.vk .vk-support__inner,
body.vk .vk-contact__inner,
body.vk .vk-quote{
    background:linear-gradient(162deg, #FFCB3D 0%, #F7B500 52%, #E6A400 100%) !important;
    border:1px solid rgba(26,24,19,.20) !important;
    box-shadow:0 12px 30px rgba(168,112,0,.28), 0 1px 0 rgba(255,255,255,.55) inset !important;
    color:#1A1813 !important;
    -webkit-backdrop-filter:none !important; backdrop-filter:none !important;
}
body.vk .vk-card:hover,
body.vk .vk-stat:hover,
body.vk .vk-social__card:hover,
body.vk .vk-seo__panel:hover,
body.vk .vk-quote:hover{
    transform:translateY(-4px) !important;
    box-shadow:0 22px 48px rgba(150,98,0,.38), 0 1px 0 rgba(255,255,255,.6) inset !important;
    border-color:#1A1813 !important;
}
/* text inside yellow cards -> charcoal */
body.vk .vk-card, body.vk .vk-social__card, body.vk .vk-quote, body.vk .vk-seo__panel,
body.vk .vk-stat, body.vk .vk-faq__item, body.vk .vk-contact__inner, body.vk .vk-support__inner{ --vk-text:#1A1813 !important; }
body.vk .vk-card h1,body.vk .vk-card h2,body.vk .vk-card h3,body.vk .vk-card h4,body.vk .vk-card__title,
body.vk .vk-social__card h1,body.vk .vk-social__card h2,body.vk .vk-social__card h3,body.vk .vk-social__card h4,
body.vk .vk-quote h3,body.vk .vk-seo__panel h2,body.vk .vk-seo__panel h3{ color:#1A1813 !important; }
body.vk .vk-card p,body.vk .vk-card__body,body.vk .vk-card__sub,
body.vk .vk-social__card p,body.vk .vk-quote p,body.vk .vk-seo__panel p,
body.vk .vk-faq__item p,body.vk .vk-contact__inner p{ color:#2A2410 !important; }
body.vk .vk-card__kicker,body.vk .vk-card__cta,body.vk .vk-social__cta,
body.vk .vk-social__count,body.vk .vk-social__count em{ color:#1A1813 !important; }
/* generic icon chips -> charcoal with yellow glyph (keep social/brand + status avatars) */
body.vk .vk-card__icon{ background:#1A1813 !important; border-color:#1A1813 !important; color:#F7B500 !important; }
body.vk .vk-card__icon svg{ color:#F7B500 !important; fill:#F7B500 !important; stroke:#F7B500 !important; }

/* ── Bolder card CTAs (charcoal label + arrow chip) ── */
body.vk .vk-social__cta,
body.vk .vk-card__cta{
    display:inline-flex !important;
    align-items:center !important;
    gap:9px !important;
    margin-top:6px !important;
    font-weight:800 !important;
    font-size:14.5px !important;
    letter-spacing:.01em !important;
    color:#1A1813 !important;
    text-decoration:none !important;
}
body.vk .vk-social__cta i,
body.vk .vk-card__cta i,
body.vk .vk-social__cta svg,
body.vk .vk-card__cta svg{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:26px !important; height:26px !important;
    border-radius:999px !important;
    background:#1A1813 !important;
    color:#F7B500 !important;
    fill:#F7B500 !important;
    stroke:#F7B500 !important;
    font-style:normal !important;
    font-size:13px !important;
    line-height:1 !important;
    box-shadow:0 3px 8px rgba(26,24,19,.30) !important;
    transition:transform .25s cubic-bezier(.2,.7,.15,1) !important;
}
body.vk .vk-social__card:hover .vk-social__cta i,
body.vk .vk-social__card:hover .vk-social__cta svg,
body.vk .vk-card:hover .vk-card__cta i,
body.vk .vk-card:hover .vk-card__cta svg{ transform:translateX(4px) !important; }

/* CTA label color fix (beat higher-specificity older rule) */
body.vk .vk-social__card .vk-social__cta{ color:#1A1813 !important; }
body.vk .vk-card .vk-card__cta{ color:#1A1813 !important; }
body.vk .vk-social__card .vk-social__cta i{ color:#F7B500 !important; }

/* ════════ NAV HOVER FIX — keep menu items visible on hover ════════ */
body.vk .vk-nav__list a{ color:#1A1813 !important; overflow:visible !important; }
body.vk .vk-nav__list a .vk-nav__label{ transform:none !important; transition:color .2s ease !important; }
body.vk .vk-nav__list a::before{ display:none !important; content:none !important; }
body.vk .vk-nav__list a:hover{ color:#1A1813 !important; background:rgba(26,24,19,.10) !important; }
body.vk .vk-nav__list a:hover .vk-nav__label{ transform:none !important; color:#1A1813 !important; }
body.vk .vk-nav__list a::after{ background:#1A1813 !important; box-shadow:none !important; }
body.vk .vk-nav__list a.is-current{ color:#1A1813 !important; background:rgba(26,24,19,.08) !important; }
body.vk .vk-nav__list a.is-current .vk-nav__label{ color:#1A1813 !important; }

/* ════════ SEARCH FORM — modern redesign ════════ */
body.vk .vk-search-panel{ background:#FFFFFF !important; border-bottom:3px solid #F7B500 !important; box-shadow:0 18px 40px rgba(26,24,19,.16) !important; -webkit-backdrop-filter:none !important; backdrop-filter:none !important; }
body.vk .vk-search-panel__inner{ padding:22px var(--vk-pad) !important; color:#1A1813 !important; }
body.vk .vk-search-panel .search-box{ background:#FFF8E1 !important; border:1.5px solid rgba(26,24,19,.18) !important; border-radius:14px !important; padding:13px 16px !important; gap:12px !important; box-shadow:0 1px 0 rgba(255,255,255,.7) inset !important; }
body.vk .vk-search-panel .search-box:focus-within{ border-color:#F7B500 !important; background:#FFFFFF !important; box-shadow:0 0 0 4px rgba(247,181,0,.28) !important; }
body.vk .vk-search-panel .search-box > svg, body.vk .vk-search-panel .search-box svg{ color:#1A1813 !important; opacity:1 !important; }
body.vk .vk-search-panel input, body.vk .vk-search-panel .search-field{ color:#1A1813 !important; font-size:16px !important; font-weight:500 !important; background:transparent !important; }
body.vk .vk-search-panel input::placeholder, body.vk .vk-search-panel .search-field::placeholder{ color:rgba(26,24,19,.5) !important; }
body.vk .vk-search-panel__close{ background:#1A1813 !important; color:#F7B500 !important; border:none !important; width:36px !important; height:36px !important; }
body.vk .vk-search-panel__close:hover{ background:#000 !important; color:#F7B500 !important; transform:rotate(90deg) !important; }

/* ════════ DROPDOWN SUBMENUS — light theme, readable ════════ */
body.vk .lms-nav__sub,
body.vk .lms-nav__sub--nested{
    background:#FFFFFF !important;
    border:1px solid rgba(26,24,19,.12) !important;
    box-shadow:0 18px 40px rgba(26,24,19,.18) !important;
}
body.vk .lms-nav__sub::before{ background:#F7B500 !important; }
body.vk .lms-nav__sub .lms-nav__sub-item > a,
body.vk .lms-nav__sub .lms-nav__sub-item > a:link,
body.vk .lms-nav__sub .lms-nav__sub-item > a:visited,
body.vk .lms-nav__sub .lms-nav__sub-item > a > span,
body.vk .lms-nav__sub a{ color:#1A1813 !important; }
body.vk .lms-nav__sub .lms-nav__sub-item > a:hover,
body.vk .lms-nav__sub .lms-nav__sub-item.is-current > a{
    background:rgba(247,181,0,.20) !important; color:#1A1813 !important;
}
body.vk .lms-nav__sub .lms-nav__sub-item > a:hover > span{ color:#1A1813 !important; }
/* mobile accordion submenu */
body.vk .lms-mobile__sub-item > a,
body.vk .lms-mobile__sub-item.is-current > a{ color:#1A1813 !important; }

/* ════════════════════════════════════════════════════════════════
   HERO REDESIGN — split two-column + verified-agent card (modern)
   ════════════════════════════════════════════════════════════════ */
/* tone down legacy bg effects for the light theme */
body.vk .vk-hero .vk-grid,
body.vk .vk-hero .vk-noise,
body.vk .vk-hero .vk-orb--c{ display:none !important; }
body.vk .vk-hero .vk-orb{ opacity:.16 !important; filter:blur(50px) !important; }
body.vk .vk-hero .vk-particles{ opacity:.35 !important; }

/* layout */
body.vk .vk-hero{ padding-top:clamp(40px,6vw,72px) !important; padding-bottom:clamp(28px,4vw,56px) !important; }
body.vk .vk-hero__inner--split{
    display:grid !important;
    grid-template-columns:1.05fr .95fr !important;
    align-items:center !important;
    gap:clamp(32px,4vw,64px) !important;
    text-align:left !important;
    max-width:1200px !important; margin:0 auto !important;
}
body.vk .vk-hero__inner--split .vk-hero__copy{ display:flex; flex-direction:column; align-items:flex-start; gap:20px; }
body.vk .vk-hero__inner--split .vk-hero__title{ text-align:left !important; margin:0 !important; }
body.vk .vk-hero__inner--split .vk-hero__lead{ text-align:left !important; margin:0 !important; max-width:42ch; color:#3A352A !important; }
body.vk .vk-hero__inner--split .vk-hero__cta{ justify-content:flex-start !important; margin:0 !important; flex-wrap:wrap; }

/* compact stat strip in hero */
body.vk .vk-hero__inner--split .vk-hero__stats{
    display:grid !important; grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    gap:12px !important; width:100%; margin:6px 0 0 !important;
}
body.vk .vk-hero__inner--split .vk-hero__stats .vk-stat{
    padding:14px 12px !important; text-align:center !important; transform:none !important;
}
body.vk .vk-hero__inner--split .vk-hero__stats .vk-stat:hover{ transform:translateY(-3px) !important; }
body.vk .vk-hero__inner--split .vk-stat__num{ font-size:clamp(20px,2.4vw,26px) !important; }
body.vk .vk-hero__inner--split .vk-stat__lbl{ font-size:11.5px !important; }

/* ── Verified-agent card ── */
body.vk .vk-hero__visual{ display:flex; justify-content:center; position:relative; }
body.vk .vk-agentcard{
    position:relative;
    width:min(420px,100%);
    background:#FFFFFF;
    border:1px solid rgba(26,24,19,.10);
    border-radius:22px;
    padding:24px 24px 22px;
    box-shadow:0 24px 60px rgba(26,24,19,.16), 0 2px 0 rgba(255,255,255,.7) inset;
    color:#1A1813;
    animation:vk-ac-float 6s ease-in-out infinite;
}
@keyframes vk-ac-float{ 0%,100%{transform:translateY(0)} 50%{transform:translateY(-10px)} }
body.vk .vk-agentcard__head{ display:flex; align-items:center; gap:14px; }
body.vk .vk-agentcard__avatar{
    position:relative; flex-shrink:0;
    width:54px; height:54px; border-radius:50%;
    display:flex; align-items:center; justify-content:center;
    font-family:var(--vk-font-bn); font-weight:700; font-size:20px; color:#1A1813;
    background:linear-gradient(160deg,#FFD64A,#F7B500); box-shadow:0 6px 16px rgba(200,134,11,.35);
}
body.vk .vk-agentcard__online{ position:absolute; right:0; bottom:2px; width:13px; height:13px; border-radius:50%; background:#22C55E; border:2.5px solid #fff; }
body.vk .vk-agentcard__id{ display:flex; flex-direction:column; line-height:1.25; min-width:0; }
body.vk .vk-agentcard__name{ font-weight:700; font-size:17px; color:#1A1813; }
body.vk .vk-agentcard__role{ font-size:12.5px; color:#6B6452; }
body.vk .vk-agentcard__badge{
    margin-left:auto; display:inline-flex; align-items:center; gap:5px; flex-shrink:0;
    padding:5px 10px; border-radius:999px; font-size:11.5px; font-weight:700;
    background:rgba(34,197,94,.14); color:#15803D; border:1px solid rgba(34,197,94,.30);
}
body.vk .vk-agentcard__meta{ display:flex; align-items:center; flex-wrap:wrap; gap:6px; margin-top:16px; font-size:13px; color:#3A352A; }
body.vk .vk-agentcard__stars{ color:#F5A800; letter-spacing:1px; }
body.vk .vk-agentcard__meta b{ color:#1A1813; }
body.vk .vk-agentcard__sep{ color:#C9C0AC; }
body.vk .vk-agentcard__note{ margin:14px 0 18px; font-size:13.5px; line-height:1.6; color:#4A4537; }
body.vk .vk-agentcard__actions{ display:grid; grid-template-columns:1fr 1fr; gap:10px; }
body.vk .vk-agentcard__btn{
    display:inline-flex; align-items:center; justify-content:center; gap:8px;
    padding:11px 12px; border-radius:12px; font-weight:700; font-size:13.5px; text-decoration:none;
    transition:transform .2s ease, box-shadow .2s ease, background .2s ease;
}
body.vk .vk-agentcard__btn--wa{ background:#25D366; color:#06301B; box-shadow:0 6px 16px rgba(37,211,102,.32); }
body.vk .vk-agentcard__btn--tg{ background:#1A1813; color:#F7B500; }
body.vk .vk-agentcard__btn:hover{ transform:translateY(-2px); }

/* ── Official platform links panel (under the hero agent card) ── */
body.vk .vk-officiallinks{
    position:relative; z-index:1;
    width:min(388px,100%);
    background:#FFFFFF;
    border:1px solid rgba(26,24,19,.10);
    border-radius:18px;
    padding:16px 16px 14px;
    box-shadow:0 18px 44px rgba(26,24,19,.14), 0 2px 0 rgba(255,255,255,.7) inset;
    color:#1A1813;
}
body.vk .vk-officiallinks__head{ display:flex; align-items:center; gap:9px; margin-bottom:12px; }
body.vk .vk-officiallinks__shield{
    flex-shrink:0; display:inline-flex; align-items:center; justify-content:center;
    width:26px; height:26px; border-radius:8px;
    background:linear-gradient(160deg,#FFD64A,#F7B500); color:#1A1813;
    box-shadow:0 4px 10px rgba(200,134,11,.30);
}
body.vk .vk-officiallinks__title{
    font-family:var(--vk-font-bn); font-weight:700; font-size:14.5px; line-height:1.3; color:#1A1813;
}
body.vk .vk-officiallinks__title em{ font-style:normal; color:#C8860B; }
body.vk .vk-officiallinks__list{ display:flex; flex-direction:column; gap:8px; }
body.vk .vk-officiallink{
    position:relative; overflow:hidden;
    display:flex; align-items:center; gap:10px;
    padding:12px 13px; border-radius:13px; text-decoration:none;
    color:#fff;
    border:1px solid rgba(255,255,255,.22);
    box-shadow:0 8px 20px -8px rgba(0,0,0,.35), 0 1px 0 rgba(255,255,255,.28) inset;
    transition:transform .2s ease, box-shadow .2s ease, filter .2s ease;
}
/* colorful gradient cycle — links look lively even with several rows */
body.vk .vk-officiallink:nth-child(4n+1){ background:linear-gradient(120deg,#F7971E 0%,#FFC93C 55%,#FFD200 100%); }
body.vk .vk-officiallink:nth-child(4n+2){ background:linear-gradient(120deg,#11998E 0%,#2BB673 55%,#38EF7D 100%); }
body.vk .vk-officiallink:nth-child(4n+3){ background:linear-gradient(120deg,#6A11CB 0%,#4361EE 55%,#2575FC 100%); }
body.vk .vk-officiallink:nth-child(4n+4){ background:linear-gradient(120deg,#EB3349 0%,#F2553D 55%,#F45C43 100%); }
body.vk .vk-officiallink:hover{
    transform:translateY(-2px);
    filter:saturate(1.12) brightness(1.04);
    box-shadow:0 14px 30px -10px rgba(0,0,0,.45), 0 1px 0 rgba(255,255,255,.32) inset;
}
/* shine sweep on hover */
body.vk .vk-officiallink::before{
    content:''; position:absolute; top:0; left:-60%; z-index:0;
    width:45%; height:100%; pointer-events:none;
    background:linear-gradient(100deg, transparent, rgba(255,255,255,.5), transparent);
    transform:skewX(-18deg); transition:left .55s ease;
}
body.vk .vk-officiallink:hover::before{ left:130%; }
body.vk .vk-officiallink__url{
    position:relative; z-index:1;
    flex:1 1 auto; min-width:0; margin-right:auto;
    font-family:var(--vk-font-en, "Inter", sans-serif); font-weight:800; font-size:14px; color:#fff;
    text-shadow:0 1px 2px rgba(0,0,0,.22); letter-spacing:.2px;
    direction:ltr; text-align:left;
    white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
body.vk .vk-officiallink__go{
    position:relative; z-index:1;
    flex-shrink:0; display:inline-flex; align-items:center; justify-content:center;
    width:30px; height:30px; border-radius:50%;
    background:rgba(255,255,255,.92); color:#1A1813;
    box-shadow:0 4px 10px rgba(0,0,0,.18);
    transition:transform .2s ease;
}
body.vk .vk-officiallink:hover .vk-officiallink__go{ transform:translateX(3px); }
/* floating accent chips */
body.vk .vk-agentcard__float{
    position:absolute; z-index:3; display:inline-flex; align-items:center; gap:6px;
    padding:8px 12px; border-radius:999px; font-size:12px; font-weight:700;
    background:#fff; box-shadow:0 12px 28px rgba(26,24,19,.18); border:1px solid rgba(26,24,19,.08);
}
body.vk .vk-agentcard__float--verify{ top:-14px; left:-12px; color:#15803D; animation:vk-ac-float 5s ease-in-out infinite; }
body.vk .vk-agentcard__float--verify svg{ color:#22C55E; }
body.vk .vk-agentcard__float--rating{ bottom:8px; right:-14px; color:#1A1813; background:#F7B500; border-color:#E8A600; animation:vk-ac-float 7s ease-in-out infinite reverse; }

/* ── Responsive: stack ── */
@media (max-width:900px){
    body.vk .vk-hero__inner--split{ grid-template-columns:1fr !important; gap:36px !important; text-align:center !important; }
    body.vk .vk-hero__inner--split .vk-hero__copy{ align-items:center; }
    body.vk .vk-hero__inner--split .vk-hero__title,
    body.vk .vk-hero__inner--split .vk-hero__lead,
    body.vk .vk-hero__inner--split .vk-hero__cta{ text-align:center !important; justify-content:center !important; }
    body.vk .vk-hero__inner--split .vk-hero__lead{ margin-inline:auto !important; }
}
@media (max-width:560px){
    body.vk .vk-hero__inner--split .vk-hero__stats{ grid-template-columns:1fr 1fr !important; }
    body.vk .vk-agentcard__float--rating{ right:-6px; }
    body.vk .vk-agentcard__float--verify{ left:-6px; }
}

/* ════════ HERO REFINE — compact height + special accents ════════ */
body.vk .vk-hero{ padding-top:clamp(22px,3vw,44px) !important; padding-bottom:clamp(14px,2vw,28px) !important; overflow:hidden !important; }
body.vk .vk-hero__inner--split{ gap:clamp(26px,3.4vw,54px) !important; }
body.vk .vk-hero__inner--split .vk-hero__copy{ gap:15px !important; }
body.vk .vk-hero__inner--split .vk-hero__title{ font-size:clamp(27px,3.7vw,44px) !important; line-height:1.12 !important; letter-spacing:-.005em !important; }
body.vk .vk-hero__inner--split .vk-headline{ gap:.08em .3em !important; }
body.vk .vk-hero__inner--split .vk-hero__lead{ font-size:14.5px !important; line-height:1.6 !important; max-width:46ch !important; }
body.vk .vk-hero__inner--split .vk-hero__stats{ gap:10px !important; margin-top:2px !important; }
body.vk .vk-hero__inner--split .vk-hero__stats .vk-stat{ padding:11px 10px !important; }
body.vk .vk-hero__inner--split .vk-pill{ margin-bottom:2px !important; }

/* special: highlighter swipe on the trust words */
body.vk .vk-hero__title .vk-w--accent{
    color:#1A1813 !important; -webkit-text-fill-color:#1A1813 !important;
    background:linear-gradient(180deg, transparent 56%, rgba(247,181,0,.9) 56%, rgba(247,181,0,.9) 90%, transparent 90%) !important;
    padding:0 .12em !important; border-radius:2px; font-style:normal !important;
}
body.vk .vk-hero__title .vk-w--italic{ font-style:italic !important; }

/* special: soft glow behind the agent card + tighter card */
body.vk .vk-hero__visual{ position:relative !important; flex-direction:column !important; align-items:center !important; justify-content:center !important; gap:16px !important; }
body.vk .vk-hero__visual::before{
    content:''; position:absolute; inset:6% 2%; z-index:0; pointer-events:none;
    background:radial-gradient(60% 60% at 62% 42%, rgba(247,181,0,.34), transparent 70%);
    filter:blur(52px);
}
body.vk .vk-agentcard{ position:relative; z-index:1; width:min(388px,100%) !important; padding:22px 22px 20px !important; }
body.vk .vk-agentcard__note{ margin:12px 0 16px !important; }

/* ════════ HERO AGENT CARD: centre the inner items ════════ */
body.vk .vk-agentcard__avatar{ width:88px; height:88px; font-size:32px; }
body.vk .vk-agentcard__online{ width:18px; height:18px; bottom:4px; border-width:3px; }
body.vk .vk-agentcard__head{ justify-content:center; }
body.vk .vk-agentcard__id{ align-items:center; text-align:center; }
body.vk .vk-agentcard__meta{ justify-content:center; text-align:center; }
body.vk .vk-agentcard__note{ text-align:center; }

/* ════════ HERO: remove top gap (natural height) ════════ */
body.vk .vk-hero{
    display:block !important;
    min-height:0 !important;
    padding-top:clamp(18px,2.4vw,38px) !important;
    padding-bottom:0 !important;
    overflow:hidden !important;
}

/* ════════ TRUST MARQUEE — premium full-bleed charcoal ticker ════════ */
body.vk .vk-hero__marquee{
    position:relative !important; left:auto !important; right:auto !important; bottom:auto !important;
    margin:clamp(22px,3vw,40px) calc(-1 * var(--vk-pad)) 0 !important;
    padding:15px 0 !important;
    background:#15130E !important;
    border-top:2px solid #F7B500 !important;
    border-bottom:none !important;
    -webkit-backdrop-filter:none !important; backdrop-filter:none !important;
}
body.vk .vk-hero__marquee::before{
    left:0 !important; right:0 !important;
    background:linear-gradient(90deg, transparent, rgba(247,181,0,.0) 6%, #F7B500 38%, #FFD75E 62%, rgba(247,181,0,0) 94%, transparent) !important;
    opacity:.95 !important; height:2px !important;
}
body.vk .vk-hero__marquee::after{
    background:linear-gradient(90deg, #15130E 0%, rgba(21,19,14,0) 9%, rgba(21,19,14,0) 91%, #15130E 100%) !important;
}
body.vk .vk-hero__marquee-glow{ display:none !important; }
body.vk .vk-hero__marquee .vk-marquee__track{ gap:14px !important; }
body.vk .vk-hero__marquee .vk-marquee__item{
    padding:9px 18px !important;
    border-radius:999px !important;
    background:rgba(255,255,255,.05) !important;
    border:1px solid rgba(247,181,0,.32) !important;
    color:#F4ECD6 !important;
    font-weight:600 !important; font-size:13px !important;
    box-shadow:0 1px 0 rgba(255,255,255,.05) inset !important;
}
body.vk .vk-hero__marquee .vk-marquee__item svg{ color:#F7B500 !important; }
body.vk .vk-hero__marquee .vk-marquee__item:hover{
    background:rgba(247,181,0,.16) !important; border-color:#F7B500 !important; color:#FFFFFF !important; transform:translateY(-1px) !important;
}

/* ════════════════════════════════════════════════════════════════
   AGENTS + WHY sections — compact, refined (deep-yellow kept)
   ════════════════════════════════════════════════════════════════ */
/* reduce section height */
body.vk .vk-agents, body.vk .vk-why{ padding-block:clamp(30px,3.6vw,56px) !important; }
body.vk .vk-agents .vk-section__head, body.vk .vk-why .vk-section__head{ margin-bottom:clamp(20px,2.6vw,34px) !important; }
body.vk .vk-agents .vk-lead, body.vk .vk-why .vk-lead{ font-size:14px !important; line-height:1.55 !important; max-width:60ch !important; }
body.vk .vk-agents__grid, body.vk .vk-why__grid{ gap:16px !important; }

/* compact cards */
body.vk .vk-card--agent, body.vk .vk-card--why{ padding:20px 20px 18px !important; }
body.vk .vk-card--agent .vk-card__title, body.vk .vk-card--why .vk-card__title{ font-size:clamp(16.5px,1.5vw,19px) !important; margin:10px 0 6px !important; }
body.vk .vk-card--agent .vk-card__desc, body.vk .vk-card--why .vk-card__desc{ font-size:13.5px !important; line-height:1.55 !important; color:#3A3320 !important; }
body.vk .vk-card--agent .vk-card__sub{ font-size:11.5px !important; opacity:.7 !important; }
body.vk .vk-card--agent .vk-card__badge{ font-size:10.5px !important; padding:4px 10px !important; }
body.vk .vk-card--agent .vk-card__meta{ font-size:12px !important; }

/* refined icon chip: charcoal chip + yellow glyph, compact */
body.vk .vk-card__icon{
    width:46px !important; height:46px !important; border-radius:13px !important;
    background:#1A1813 !important; color:#F7B500 !important; border:none !important;
    box-shadow:0 6px 14px rgba(26,24,19,.28) !important;
    transition:transform .3s cubic-bezier(.2,.7,.15,1) !important;
}
body.vk .vk-card__icon svg{ width:24px !important; height:24px !important; color:#F7B500 !important; fill:#F7B500 !important; }
body.vk .vk-card:hover .vk-card__icon{ transform:translateY(-2px) scale(1.06) !important; }

/* de-emphasize the why kicker number */
body.vk .vk-card--why .vk-card__kicker{
    font-size:18px !important; font-weight:800 !important;
    color:rgba(26,24,19,.28) !important; top:16px !important; right:18px !important;
}

/* refined hover: lift + charcoal edge + deeper shadow */
body.vk .vk-card--agent:hover, body.vk .vk-card--why:hover{
    transform:translateY(-5px) !important;
    border-color:#1A1813 !important;
    box-shadow:0 22px 46px rgba(150,98,0,.34), 0 0 0 2px rgba(26,24,19,.10) !important;
}

/* agent CTA: bold charcoal label + arrow chip */
body.vk .vk-card--agent .vk-card__cta{
    display:inline-flex !important; align-items:center !important; gap:9px !important;
    margin-top:14px !important; font-weight:800 !important; font-size:14px !important; color:#1A1813 !important;
}
body.vk .vk-card--agent .vk-card__cta svg{
    width:26px !important; height:26px !important; padding:6px !important; border-radius:999px !important;
    background:#1A1813 !important; color:#F7B500 !important; stroke:#F7B500 !important;
    box-shadow:0 3px 8px rgba(26,24,19,.3) !important; transition:transform .25s ease !important;
}
body.vk .vk-card--agent:hover .vk-card__cta{ color:#1A1813 !important; }
body.vk .vk-card--agent:hover .vk-card__cta svg{ transform:translateX(4px) !important; }

/* ════════════════════════════════════════════════════════════════
   CONSISTENT RHYTHM — compact spacing across all sections
   ════════════════════════════════════════════════════════════════ */
body.vk .vk-section{ padding-block:clamp(30px,3.8vw,58px) !important; }
body.vk .vk-section__head{ margin-bottom:clamp(20px,2.6vw,34px) !important; }
body.vk .vk-section .vk-lead{ font-size:14px !important; line-height:1.6 !important; max-width:62ch !important; margin-left:auto; margin-right:auto; }

/* How-to steps */
body.vk .vk-step{ padding:16px 16px !important; }
body.vk .vk-step__title{ font-size:16px !important; margin-bottom:4px !important; }
body.vk .vk-step__desc{ font-size:13.5px !important; line-height:1.55 !important; }

/* Live ticker rows */
body.vk .vk-live__item{ padding:11px 14px !important; }

/* Quote / testimonial cards */
body.vk .vk-quote{ padding:22px 22px 20px !important; }

/* Social cards (compact) */
body.vk .vk-social.vk-social--6 .vk-social__card{ padding:22px 22px 18px !important; }
body.vk .vk-social__card p{ font-size:13px !important; line-height:1.5 !important; }

/* SEO panel */
body.vk .vk-seo__panel{ padding:22px 24px 20px !important; }
body.vk .vk-seo__panel p{ font-size:13.5px !important; line-height:1.6 !important; }

/* Contact cards */
body.vk .vk-contact__card{ padding:20px 18px !important; }
body.vk .vk-contact__card h3{ font-size:17px !important; margin:8px 0 4px !important; }
body.vk .vk-contact__sub{ font-size:12px !important; }

/* FAQ */
body.vk .vk-faq__item summary{ padding:14px 18px !important; }
body.vk .vk-faq__q{ font-size:15px !important; }
body.vk .vk-faq__answer{ padding:0 18px 16px !important; }
body.vk .vk-faq__answer p{ font-size:13.5px !important; line-height:1.6 !important; }

/* ════════════════════════════════════════════════════════════════
   PLATFORMS — premium deep-yellow link cards (consistent + compact)
   ════════════════════════════════════════════════════════════════ */
body.vk .vk-platforms__inner{ gap:clamp(26px,3.4vw,50px) !important; align-items:center !important; }
body.vk .vk-platforms__assure li{ color:#3A3320 !important; }
body.vk .vk-platforms__assure li svg{ color:#1A1813 !important; }
body.vk .vk-platforms__links{ gap:14px !important; }

body.vk .vk-plink{
    background:linear-gradient(162deg,#FFCB3D 0%, #F7B500 52%, #E6A400 100%) !important;
    border:1px solid rgba(26,24,19,.20) !important;
    box-shadow:0 12px 30px rgba(168,112,0,.26), 0 1px 0 rgba(255,255,255,.5) inset !important;
    color:#1A1813 !important;
    -webkit-backdrop-filter:none !important; backdrop-filter:none !important;
    padding:18px 20px !important; gap:16px !important;
}
body.vk .vk-plink::before{ background:linear-gradient(90deg,transparent,rgba(26,24,19,.45) 40%,rgba(26,24,19,.45) 60%,transparent) !important; opacity:.3 !important; }
body.vk .vk-plink:hover{ transform:translateY(-4px) !important; border-color:#1A1813 !important; box-shadow:0 20px 44px rgba(150,98,0,.34) !important; }
body.vk .vk-plink__index{ color:rgba(26,24,19,.22) !important; }
body.vk .vk-plink__verify{ background:#1A1813 !important; color:#F7B500 !important; border:none !important; box-shadow:0 6px 14px rgba(26,24,19,.28) !important; }
body.vk .vk-plink__verify svg{ color:#F7B500 !important; fill:#F7B500 !important; }
body.vk .vk-plink__name{ color:#1A1813 !important; }
body.vk .vk-plink__sub{ color:#4A4327 !important; }
body.vk .vk-plink__pill{ background:rgba(26,24,19,.09) !important; color:#1A1813 !important; border:none !important; }
body.vk .vk-plink__pill svg{ color:#1A1813 !important; }
body.vk .vk-plink__go-label{ color:#1A1813 !important; font-weight:700 !important; }
body.vk .vk-plink__go-arrow{ background:#1A1813 !important; color:#F7B500 !important; border-radius:999px !important; }
body.vk .vk-plink__go-arrow svg{ color:#F7B500 !important; stroke:#F7B500 !important; }
body.vk .vk-plink:hover .vk-plink__go-arrow{ transform:translateX(3px) !important; }

/* fix: vk-plink__go is a dark pill -> light/yellow text + popping arrow */
body.vk .vk-plink__go{ background:#1A1813 !important; border:1px solid #1A1813 !important; color:#F7B500 !important; }
body.vk .vk-plink__go-label{ color:#F7B500 !important; }
body.vk .vk-plink__go-arrow{ background:#F7B500 !important; border-color:#F7B500 !important; color:#1A1813 !important; }
body.vk .vk-plink__go-arrow svg{ color:#1A1813 !important; stroke:#1A1813 !important; }
body.vk .vk-plink:hover .vk-plink__go{ color:#FFD75E !important; }
body.vk .vk-plink:hover .vk-plink__go-label{ color:#FFD75E !important; }

/* ════════════════════════════════════════════════════════════════
   SEO/ABOUT — feature-row pattern + premium deep-yellow panel
   ════════════════════════════════════════════════════════════════ */
body.vk .vk-seo__lead{ font-size:15px !important; line-height:1.7 !important; color:#3A3320 !important; margin-bottom:22px !important; }

/* left column -> scannable icon feature rows (deep-yellow cards) */
body.vk .vk-seo__features{ list-style:none !important; margin:0 !important; padding:0 !important; display:flex !important; flex-direction:column !important; gap:14px !important; }
body.vk .vk-seo__feature{
    display:flex !important; gap:14px !important; align-items:flex-start !important;
    background:linear-gradient(162deg,#FFCB3D 0%,#F7B500 55%,#E6A400 100%) !important;
    border:1px solid rgba(26,24,19,.18) !important; border-radius:14px !important;
    padding:16px 18px !important; color:#1A1813 !important;
    box-shadow:0 10px 26px rgba(168,112,0,.22), 0 1px 0 rgba(255,255,255,.5) inset !important;
    transition:transform .3s ease, box-shadow .3s ease, border-color .3s ease !important;
}
body.vk .vk-seo__feature:hover{ transform:translateY(-3px) !important; border-color:#1A1813 !important; box-shadow:0 18px 38px rgba(150,98,0,.30) !important; }
body.vk .vk-seo__feature-icon{ flex-shrink:0 !important; width:44px !important; height:44px !important; border-radius:12px !important; display:flex !important; align-items:center !important; justify-content:center !important; background:#1A1813 !important; color:#F7B500 !important; box-shadow:0 6px 14px rgba(26,24,19,.28) !important; }
body.vk .vk-seo__feature-icon svg{ color:#F7B500 !important; }
body.vk .vk-seo__feature-body h3{ font-size:16px !important; margin:0 0 4px !important; color:#1A1813 !important; line-height:1.25 !important; }
body.vk .vk-seo__feature-body p{ font-size:13.5px !important; line-height:1.55 !important; color:#4A4327 !important; margin:0 !important; }

/* right panel + metrics -> premium deep-yellow */
body.vk .vk-seo__panel{ background:linear-gradient(162deg,#FFCB3D 0%,#F7B500 55%,#E6A400 100%) !important; border:1px solid rgba(26,24,19,.2) !important; color:#1A1813 !important; box-shadow:0 12px 30px rgba(168,112,0,.26) !important; -webkit-backdrop-filter:none !important; backdrop-filter:none !important; }
body.vk .vk-seo__panel-title, body.vk .vk-seo__panel h3{ color:#1A1813 !important; }
body.vk .vk-seo__panel-title em{ color:#7A5200 !important; }
body.vk .vk-seo__panel p{ color:#3A3320 !important; }
body.vk .vk-seo__cities li{ background:rgba(26,24,19,.10) !important; color:#1A1813 !important; border:none !important; }
body.vk .vk-seo__panel-note{ color:#4A4327 !important; }
body.vk .vk-seo__panel-note a{ color:#1A1813 !important; font-weight:700 !important; text-decoration:underline !important; }
body.vk .vk-seo__metric{ background:linear-gradient(162deg,#FFCB3D 0%,#F7B500 55%,#E6A400 100%) !important; border:1px solid rgba(26,24,19,.18) !important; box-shadow:0 8px 20px rgba(168,112,0,.22) !important; }
body.vk .vk-seo__metric-num{ color:#1A1813 !important; }
body.vk .vk-seo__metric-num small{ color:#7A5200 !important; }
body.vk .vk-seo__metric-lbl{ color:#4A4327 !important; }

/* ════════════════════════════════════════════════════════════════
   QUOTES · BLOG · SUPPORT — consistent premium deep-yellow
   ════════════════════════════════════════════════════════════════ */
/* Quotes / testimonials (deep-yellow card already; fix text contrast) */
body.vk .vk-quote{ color:#1A1813 !important; }
body.vk .vk-quote blockquote{ color:#2A2410 !important; font-size:14.5px !important; line-height:1.6 !important; }
body.vk .vk-quote__mark{ color:rgba(26,24,19,.18) !important; }
body.vk .vk-quote__avatar{ background:#1A1813 !important; color:#F7B500 !important; }
body.vk .vk-quote__who strong{ color:#1A1813 !important; }
body.vk .vk-quote__who small{ color:#5A5238 !important; }
body.vk .vk-quote__rating svg{ color:#1A1813 !important; }

/* Blog cards (deep-yellow body, image cover on top) */
body.vk .vk-blog__card{ background:linear-gradient(162deg,#FFCB3D 0%,#F7B500 58%,#E6A400 100%) !important; border:1px solid rgba(26,24,19,.18) !important; border-radius:16px !important; overflow:hidden !important; box-shadow:0 12px 30px rgba(168,112,0,.24) !important; }
body.vk .vk-blog__card:hover{ transform:translateY(-5px) !important; border-color:#1A1813 !important; box-shadow:0 20px 44px rgba(150,98,0,.32) !important; }
body.vk .vk-blog__cat{ background:#1A1813 !important; color:#F7B500 !important; border:none !important; font-weight:700 !important; }
body.vk .vk-blog__meta{ color:#5A5026 !important; }
body.vk .vk-blog__title{ color:#1A1813 !important; font-size:17px !important; line-height:1.3 !important; }
body.vk .vk-blog__excerpt{ color:#4A4327 !important; font-size:13.5px !important; line-height:1.55 !important; }
body.vk .vk-blog__cta{ color:#1A1813 !important; font-weight:800 !important; display:inline-flex !important; align-items:center !important; gap:8px !important; }
body.vk .vk-blog__cta svg{ width:26px !important; height:26px !important; padding:6px !important; border-radius:999px !important; background:#1A1813 !important; color:#F7B500 !important; stroke:#F7B500 !important; }
body.vk .vk-blog__card:hover .vk-blog__cta svg{ transform:translateX(3px) !important; }

/* Support cards (deep-yellow, charcoal text) */
body.vk .vk-support__card{ background:linear-gradient(162deg,#FFCB3D 0%,#F7B500 55%,#E6A400 100%) !important; border:1px solid rgba(26,24,19,.2) !important; color:#1A1813 !important; box-shadow:0 12px 30px rgba(168,112,0,.24) !important; padding:24px 22px !important; }
body.vk .vk-support__card h3{ color:#1A1813 !important; }
body.vk .vk-support__card p{ color:#3A3320 !important; font-size:13.5px !important; line-height:1.6 !important; }
body.vk .vk-support__card .vk-eyebrow{ color:#7A5200 !important; }
body.vk .vk-support__stat-num{ color:#1A1813 !important; }
body.vk .vk-support__stat-label{ color:#4A4327 !important; }
body.vk .vk-support__stats li{ border-color:rgba(26,24,19,.14) !important; }

/* ════════════════════════════════════════════════════════════════
   CONTACT — premium deep-yellow cards (channel glyphs kept)
   ════════════════════════════════════════════════════════════════ */
body.vk .vk-contact__card{
    background:linear-gradient(162deg,#FFCB3D 0%,#F7B500 55%,#E6A400 100%) !important;
    border:1px solid rgba(26,24,19,.2) !important;
    color:#1A1813 !important;
    box-shadow:0 12px 30px rgba(168,112,0,.24), 0 1px 0 rgba(255,255,255,.5) inset !important;
    -webkit-backdrop-filter:none !important; backdrop-filter:none !important;
}
body.vk .vk-contact__card:hover{ transform:translateY(-5px) !important; border-color:#1A1813 !important; box-shadow:0 20px 44px rgba(150,98,0,.32) !important; }
/* icon chip: charcoal chip + channel-colored glyph */
body.vk .vk-contact__icon{ background:#1A1813 !important; border:none !important; box-shadow:0 6px 14px rgba(26,24,19,.28) !important; }
body.vk .vk-contact__icon svg{ color:var(--brand) !important; fill:var(--brand) !important; }
body.vk .vk-contact--email .vk-contact__icon svg{ color:#F7B500 !important; fill:#F7B500 !important; }
/* text -> charcoal */
body.vk .vk-contact__card h3{ color:#1A1813 !important; }
body.vk .vk-contact__detail{ color:#2A2410 !important; }
body.vk .vk-contact__sub{ color:#4A4327 !important; }
body.vk .vk-contact__online{ color:#1A1813 !important; background:rgba(26,24,19,.10) !important; }
/* CTA -> charcoal label + arrow chip */
body.vk .vk-contact__cta{ color:#1A1813 !important; font-weight:800 !important; }
body.vk .vk-contact__cta i{ display:inline-flex !important; align-items:center !important; justify-content:center !important; width:24px !important; height:24px !important; border-radius:999px !important; background:#1A1813 !important; color:#F7B500 !important; font-style:normal !important; }
body.vk .vk-contact__card:hover .vk-contact__cta i{ transform:translateX(3px) !important; }

/* ════════════════════════════════════════════════════════════════
   FAQ — premium accordion (white cards, Q badge, charcoal toggle)
   ════════════════════════════════════════════════════════════════ */
body.vk .vk-faq__list{ max-width:860px !important; margin:0 auto 32px !important; gap:12px !important; }
body.vk .vk-faq__item{
    background:#FFFFFF !important;
    border:1px solid rgba(26,24,19,.10) !important;
    border-radius:16px !important;
    box-shadow:0 6px 20px rgba(26,24,19,.06) !important;
    -webkit-backdrop-filter:none !important; backdrop-filter:none !important;
    transition:border-color .3s ease, box-shadow .3s ease, transform .3s ease !important;
    overflow:hidden !important;
}
body.vk .vk-faq__item:hover{ border-color:rgba(247,181,0,.55) !important; box-shadow:0 12px 30px rgba(26,24,19,.10) !important; }
body.vk .vk-faq__item[open]{
    border-color:#1A1813 !important;
    box-shadow:0 16px 40px rgba(26,24,19,.14) !important;
    background:linear-gradient(180deg,#FFFDF6 0%, #FFFFFF 100%) !important;
}
body.vk .vk-faq__item summary{ padding:16px 18px !important; gap:14px !important; align-items:center !important; color:#1A1813 !important; }
/* Q badge */
body.vk .vk-faq__qbadge{
    flex-shrink:0; width:30px; height:30px; border-radius:9px;
    display:inline-flex; align-items:center; justify-content:center;
    background:#1A1813 !important; color:#F7B500 !important;
    font-family:var(--vk-font-en) !important; font-weight:800 !important; font-size:14px !important;
    box-shadow:0 4px 10px rgba(26,24,19,.25);
}
body.vk .vk-faq__item[open] .vk-faq__qbadge{ background:#F7B500 !important; color:#1A1813 !important; }
body.vk .vk-faq__q{ flex:1 !important; font-size:15.5px !important; font-weight:700 !important; color:#1A1813 !important; line-height:1.35 !important; }
/* toggle */
body.vk .vk-faq__chev{
    width:32px !important; height:32px !important; border-radius:50% !important;
    background:rgba(26,24,19,.08) !important; border:1px solid rgba(26,24,19,.12) !important;
    color:#1A1813 !important;
}
body.vk .vk-faq__chev svg{ color:#1A1813 !important; }
body.vk .vk-faq__item[open] .vk-faq__chev{ background:#1A1813 !important; border-color:#1A1813 !important; color:#F7B500 !important; }
body.vk .vk-faq__item[open] .vk-faq__chev svg{ color:#F7B500 !important; transform:rotate(180deg) !important; }
/* answer */
body.vk .vk-faq__answer{ padding:0 18px 18px 62px !important; }
body.vk .vk-faq__answer p{ color:#4A4537 !important; font-size:13.8px !important; line-height:1.65 !important; margin:0 !important; padding-top:4px !important; border-top:1px solid rgba(26,24,19,.08) !important; }
@media (max-width:560px){ body.vk .vk-faq__answer{ padding-left:18px !important; } }

/* ════════════════════════════════════════════════════════════════
   FAQ PAGE (/faq-bd/) — slim premium hero, on-brand
   ════════════════════════════════════════════════════════════════ */
body.vk .vk-pagehero--faq{
    padding:clamp(24px,3.2vw,44px) var(--vk-pad) clamp(24px,3.2vw,42px) !important;
    background:linear-gradient(180deg,#FFF1C6 0%, #FFF8E1 100%) !important;
    border-bottom:1px solid rgba(26,24,19,.10) !important;
    min-height:0 !important; overflow:hidden !important;
}
body.vk .vk-pagehero--faq .vk-orb{ display:none !important; }
body.vk .vk-pagehero--faq .vk-pagehero__inner{ max-width:900px !important; margin:0 auto !important; text-align:center !important; display:flex !important; flex-direction:column !important; align-items:center !important; gap:11px !important; }
body.vk .vk-pagehero--faq .vk-breadcrumb{ color:#6B6452 !important; }
body.vk .vk-pagehero--faq .vk-breadcrumb a{ color:#1A1813 !important; font-weight:600 !important; }
body.vk .vk-pagehero--faq .vk-breadcrumb svg{ color:#B5830F !important; }
body.vk .vk-pagehero--faq .vk-eyebrow{ background:#F7B500 !important; color:#1A1813 !important; border:none !important; }
body.vk .vk-pagehero--faq .vk-eyebrow svg{ color:#1A1813 !important; }
body.vk .vk-pagehero--faq .vk-pagehero__title{ font-size:clamp(28px,4vw,44px) !important; color:#1A1813 !important; margin:2px 0 !important; line-height:1.12 !important; }
body.vk .vk-pagehero--faq .vk-pagehero__lead{ font-size:14px !important; color:#3A3320 !important; max-width:58ch !important; margin:0 auto !important; }
/* stats -> compact deep-yellow mini cards */
body.vk .vk-pagehero__stats{ display:flex !important; flex-wrap:wrap !important; justify-content:center !important; gap:10px !important; margin:6px 0 2px !important; padding:0 !important; list-style:none !important; }
body.vk .vk-pagehero__stats li{ background:linear-gradient(162deg,#FFCB3D,#F7B500 60%,#E6A400) !important; border:1px solid rgba(26,24,19,.18) !important; border-radius:12px !important; padding:9px 16px !important; min-width:80px !important; text-align:center !important; box-shadow:0 6px 16px rgba(168,112,0,.20) !important; display:flex !important; flex-direction:column !important; gap:2px !important; }
body.vk .vk-pagehero__stat-num{ color:#1A1813 !important; font-weight:800 !important; font-size:18px !important; }
body.vk .vk-pagehero__stat-lbl{ color:#4A4327 !important; font-size:11px !important; }
/* search -> clean white pill */
body.vk .vk-faq__searchbox{ display:flex !important; align-items:center !important; gap:12px !important; width:min(560px,100%) !important; margin:8px auto 0 !important; background:#FFFFFF !important; border:1.5px solid rgba(26,24,19,.16) !important; border-radius:14px !important; padding:12px 16px !important; box-shadow:0 8px 22px rgba(26,24,19,.08) !important; }
body.vk .vk-faq__searchbox:focus-within{ border-color:#F7B500 !important; box-shadow:0 0 0 4px rgba(247,181,0,.25) !important; }
body.vk .vk-faq__searchbox svg{ color:#1A1813 !important; flex-shrink:0 !important; opacity:1 !important; }
body.vk .vk-faq__searchbox input{ flex:1 !important; background:transparent !important; border:none !important; outline:none !important; color:#1A1813 !important; font-size:15px !important; font-family:var(--vk-font-bn) !important; }
body.vk .vk-faq__searchbox input::placeholder{ color:rgba(26,24,19,.5) !important; }
/* number badge -> match premium */
body.vk .vk-faq__num{ flex-shrink:0 !important; width:34px !important; height:34px !important; border-radius:9px !important; display:inline-flex !important; align-items:center !important; justify-content:center !important; background:#1A1813 !important; color:#F7B500 !important; font-family:var(--vk-font-en) !important; font-weight:800 !important; font-size:13px !important; box-shadow:0 4px 10px rgba(26,24,19,.25) !important; }
body.vk .vk-faq__item[open] .vk-faq__num{ background:#F7B500 !important; color:#1A1813 !important; }
/* divider: move from per-paragraph to summary bottom (multi-paragraph safe) */
body.vk .vk-faq__answer p{ border-top:none !important; padding-top:0 !important; }
body.vk .vk-faq__item[open] summary{ border-bottom:1px solid rgba(26,24,19,.08) !important; padding-bottom:14px !important; }
body.vk .vk-faq__answer{ padding-top:14px !important; }

/* ════════════════════════════════════════════════════════════════
   PAGE HEROES (blog/post/faq) — slim + on-brand
   ════════════════════════════════════════════════════════════════ */
body.vk .vk-pagehero{ padding:clamp(24px,3.2vw,44px) var(--vk-pad) clamp(22px,3vw,40px) !important; background:linear-gradient(180deg,#FFF1C6 0%,#FFF8E1 100%) !important; border-bottom:1px solid rgba(26,24,19,.10) !important; min-height:0 !important; overflow:hidden !important; }
body.vk .vk-pagehero .vk-orb{ display:none !important; }
body.vk .vk-pagehero__inner{ max-width:880px !important; margin:0 auto !important; }
body.vk .vk-breadcrumb{ color:#6B6452 !important; }
body.vk .vk-breadcrumb a{ color:#1A1813 !important; font-weight:600 !important; }
body.vk .vk-breadcrumb svg{ color:#B5830F !important; }
body.vk .vk-pagehero .vk-eyebrow{ background:#F7B500 !important; color:#1A1813 !important; border:none !important; }
body.vk .vk-pagehero .vk-eyebrow svg{ color:#1A1813 !important; }
body.vk .vk-pagehero__title{ color:#1A1813 !important; }
body.vk .vk-pagehero__lead{ color:#3A3320 !important; }

/* ════════════════════════════════════════════════════════════════
   SINGLE POST — special premium article design
   ════════════════════════════════════════════════════════════════ */
body.vk .vk-post__hero .vk-post__hero-inner{ text-align:center !important; align-items:flex-start !important; }
body.vk .vk-post__title{ font-size:clamp(26px,3.4vw,40px) !important; line-height:1.18 !important; }
body.vk .vk-post__meta{ display:flex !important; flex-wrap:wrap !important; gap:10px !important; padding:0 !important; margin:8px 0 0 !important; list-style:none !important; }
body.vk .vk-post__meta li{ display:inline-flex !important; align-items:center !important; gap:8px !important; background:#FFFFFF !important; border:1px solid rgba(26,24,19,.12) !important; border-radius:999px !important; padding:6px 13px !important; font-size:12.5px !important; color:#3A3320 !important; }
body.vk .vk-post__meta-icon{ color:#B5830F !important; display:inline-flex !important; }
body.vk .vk-post__meta-lbl{ color:#6B6452 !important; }
body.vk .vk-post__meta-val{ color:#1A1813 !important; font-weight:700 !important; }

body.vk .vk-post__cover{ max-width:900px !important; margin:18px auto 0 !important; padding:0 var(--vk-pad) !important; }
body.vk .vk-post__cover img{ width:100% !important; border-radius:18px !important; box-shadow:0 20px 50px rgba(26,24,19,.18) !important; display:block; }

body.vk .vk-post__body-wrap{ display:flex !important; gap:22px !important; max-width:900px !important; margin:0 auto !important; align-items:flex-start !important; }
/* sticky share rail */
body.vk .vk-post__share-rail{ position:sticky !important; top:96px !important; display:flex !important; flex-direction:column !important; gap:10px !important; align-items:center !important; flex-shrink:0 !important; }
body.vk .vk-post__share-label{ font-size:11px !important; color:#6B6452 !important; font-weight:700 !important; }
body.vk .vk-post__share-btn{ width:40px !important; height:40px !important; border-radius:50% !important; display:inline-flex !important; align-items:center !important; justify-content:center !important; background:#1A1813 !important; color:#F7B500 !important; border:none !important; box-shadow:0 6px 14px rgba(26,24,19,.22) !important; transition:transform .2s ease !important; cursor:pointer; }
body.vk .vk-post__share-btn:hover{ transform:translateY(-2px) !important; }
body.vk .vk-post__share-btn svg{ color:#F7B500 !important; }

/* article card */
body.vk .vk-post__body{ flex:1 !important; min-width:0 !important; background:#FFFFFF !important; border:1px solid rgba(26,24,19,.08) !important; border-radius:18px !important; padding:clamp(22px,3vw,40px) !important; box-shadow:0 12px 36px rgba(26,24,19,.08) !important; color:#2A2620 !important; }
body.vk .vk-post__body p{ font-size:15.5px !important; line-height:1.8 !important; color:#2A2620 !important; margin:0 0 18px !important; }
body.vk .vk-post__body h2{ font-size:clamp(20px,2.2vw,26px) !important; color:#1A1813 !important; margin:30px 0 12px !important; padding-left:14px !important; border-left:4px solid #F7B500 !important; line-height:1.3 !important; }
body.vk .vk-post__body h3{ font-size:clamp(17px,1.8vw,20px) !important; color:#1A1813 !important; margin:24px 0 10px !important; }
body.vk .vk-post__body a{ color:#B5830F !important; text-decoration:underline !important; }
body.vk .vk-post__body strong{ color:#1A1813 !important; }
body.vk .vk-post__body ul{ margin:0 0 18px !important; padding-left:0 !important; list-style:none !important; }
body.vk .vk-post__body ul li{ position:relative !important; padding-left:28px !important; margin-bottom:9px !important; line-height:1.7 !important; color:#3A352A !important; }
body.vk .vk-post__body ul li::before{ content:'✓' !important; position:absolute !important; left:0 !important; top:3px !important; width:18px !important; height:18px !important; border-radius:50% !important; background:#F7B500 !important; color:#1A1813 !important; font-size:11px !important; font-weight:800 !important; display:flex !important; align-items:center !important; justify-content:center !important; }
body.vk .vk-post__body ol{ margin:0 0 18px !important; padding-left:0 !important; list-style:none !important; counter-reset:vkol !important; }
body.vk .vk-post__body ol li{ position:relative !important; padding-left:32px !important; margin-bottom:9px !important; line-height:1.7 !important; color:#3A352A !important; counter-increment:vkol !important; }
body.vk .vk-post__body ol li::before{ content:counter(vkol) !important; position:absolute !important; left:0 !important; top:1px !important; width:21px !important; height:21px !important; border-radius:6px !important; background:#1A1813 !important; color:#F7B500 !important; font-size:11px !important; font-weight:800 !important; display:flex !important; align-items:center !important; justify-content:center !important; }
body.vk .vk-post__body blockquote{ margin:20px 0 !important; padding:14px 18px !important; background:#FFF8E1 !important; border-left:4px solid #F7B500 !important; border-radius:0 10px 10px 0 !important; color:#3A352A !important; font-style:italic !important; }
body.vk .vk-post__body img{ border-radius:12px !important; max-width:100% !important; height:auto !important; }

/* end share bar -> on-brand */
body.vk .vk-post__share-bar{ margin-top:26px !important; padding:18px 20px !important; background:#FFF8E1 !important; border:1px solid rgba(26,24,19,.12) !important; border-radius:14px !important; display:flex !important; flex-wrap:wrap !important; align-items:center !important; justify-content:space-between !important; gap:12px !important; -webkit-backdrop-filter:none !important; backdrop-filter:none !important; }
body.vk .vk-post__share-text{ color:#1A1813 !important; font-weight:700 !important; }

@media (max-width:820px){
    body.vk .vk-post__body-wrap{ flex-direction:column !important; }
    body.vk .vk-post__share-rail{ position:static !important; flex-direction:row !important; flex-wrap:wrap; }
}

/* ════════════════════════════════════════════════════════════════
   AGENT LIST PAGES — premium white agent cards + on-brand
   ════════════════════════════════════════════════════════════════ */
/* hero assurance chips */
body.vk .vk-pagehero__assure{ display:flex !important; flex-wrap:wrap !important; justify-content:center !important; gap:9px !important; list-style:none !important; padding:0 !important; margin:8px 0 0 !important; }
body.vk .vk-pagehero__assure li{ display:inline-flex !important; align-items:center !important; gap:6px !important; color:#3A3320 !important; background:rgba(26,24,19,.06) !important; border:1px solid rgba(26,24,19,.12) !important; border-radius:999px !important; padding:5px 12px !important; font-size:12.5px !important; }
body.vk .vk-pagehero__assure li svg{ color:#B5830F !important; }

/* agent cards -> white premium directory cards */
body.vk .wickets-agent-list-container{ gap:14px !important; }
body.vk .wickets-agent-card{ background:#FFFFFF !important; border:1px solid rgba(26,24,19,.10) !important; box-shadow:0 8px 22px rgba(26,24,19,.07) !important; -webkit-backdrop-filter:none !important; backdrop-filter:none !important; }
body.vk .wickets-agent-card::before{ background:linear-gradient(90deg,transparent,#F7B500 50%,transparent) !important; opacity:.55 !important; }
body:not(.modal-open) .wickets-agent-card:hover{ border-color:rgba(247,181,0,.55) !important; box-shadow:0 16px 40px rgba(26,24,19,.13) !important; transform:translateY(-3px) !important; }
body.vk .wickets-agent-card .agent-name{ color:#1A1813 !important; }
body.vk .wickets-agent-card .agent-group{ color:#B5830F !important; }
body.vk .wickets-agent-card .agent-id-section{ background:rgba(26,24,19,.06) !important; border-color:rgba(26,24,19,.1) !important; }
body.vk .wickets-agent-card .agent-id-label{ color:#6B6452 !important; }
body.vk .wickets-agent-card .agent-id-value{ color:#1A1813 !important; }
body.vk .wickets-agent-card .agent-contact-toggle{ background:#1A1813 !important; color:#F7B500 !important; border:none !important; box-shadow:0 6px 14px rgba(26,24,19,.25) !important; }
body.vk .wickets-agent-card .agent-contact-toggle svg{ color:#F7B500 !important; }
body.vk .wickets-agent-card .agent-verified-badge{ background:#22C55E !important; color:#FFFFFF !important; }

/* feature cards -> deep-yellow premium */
body.vk .vk-pagefeature{ background:linear-gradient(162deg,#FFCB3D 0%,#F7B500 55%,#E6A400 100%) !important; border:1px solid rgba(26,24,19,.2) !important; color:#1A1813 !important; box-shadow:0 12px 30px rgba(168,112,0,.24) !important; padding:24px 22px !important; }
body.vk .vk-pagefeature__icon{ background:#1A1813 !important; color:#F7B500 !important; border:none !important; box-shadow:0 6px 14px rgba(26,24,19,.28) !important; }
body.vk .vk-pagefeature__icon svg{ color:#F7B500 !important; }
body.vk .vk-pagefeature__title{ color:#1A1813 !important; }
body.vk .vk-pagefeature__desc{ color:#3A3320 !important; }

/* ════════════════════════════════════════════════════════════════
   AGENT POPUP — premium white modal (on-brand, channel colors)
   ════════════════════════════════════════════════════════════════ */
body.vk .agent-modal-backdrop{ background:rgba(26,24,19,.55) !important; -webkit-backdrop-filter:blur(6px) !important; backdrop-filter:blur(6px) !important; }
body.vk .agent-contact-section{ background:#FFFFFF !important; border:1px solid rgba(26,24,19,.12) !important; border-radius:20px !important; box-shadow:0 30px 70px rgba(26,24,19,.32) !important; color:#1A1813 !important; overflow:hidden !important; }
/* header */
body.vk .agent-contact-section .modal-header{ background:linear-gradient(180deg,#FFF1C6 0%,#FFF8E1 100%) !important; border-bottom:1px solid rgba(26,24,19,.10) !important; padding:18px 20px !important; }
body.vk .agent-contact-section .modal-title{ color:#1A1813 !important; }
body.vk .agent-contact-section .modal-id-label{ color:#6B6452 !important; }
body.vk .agent-contact-section .modal-id-value{ color:#B5830F !important; }
body.vk .agent-contact-section .modal-close{ background:#1A1813 !important; color:#F7B500 !important; border:none !important; box-shadow:0 4px 10px rgba(26,24,19,.25) !important; transition:transform .25s ease, background .25s ease !important; }
body.vk .agent-contact-section .modal-close:hover{ background:#000000 !important; transform:rotate(90deg) !important; }
/* channel labels */
body.vk .agent-contact-section .contact-header{ color:#1A1813 !important; font-weight:700 !important; }
body.vk .agent-contact-section .whatsapp-column .contact-header svg{ color:#25D366 !important; }
body.vk .agent-contact-section .whatsapp-column .contact-header span{ color:#178A4E !important; }
body.vk .agent-contact-section .messenger-column .contact-header svg{ color:#0084FF !important; }
body.vk .agent-contact-section .messenger-column .contact-header span{ color:#0066CC !important; }
/* number chip */
body.vk .agent-contact-section .contact-item{ background:#FFF8E1 !important; border:1px solid rgba(26,24,19,.12) !important; border-radius:12px !important; }
body.vk .agent-contact-section .contact-number{ color:#1A1813 !important; font-weight:700 !important; }
body.vk .agent-contact-section .copy-btn{ background:#1A1813 !important; color:#F7B500 !important; border:none !important; }
body.vk .agent-contact-section .copy-btn:hover{ background:#000000 !important; }
/* action buttons -> brand */
body.vk .agent-contact-section .whatsapp-message-btn{ background:#25D366 !important; color:#06301B !important; border:none !important; font-weight:700 !important; }
body.vk .agent-contact-section .whatsapp-message-btn:hover{ background:#1FBE5A !important; }
body.vk .agent-contact-section .messenger-message-btn{ background:#0084FF !important; color:#FFFFFF !important; border:none !important; font-weight:700 !important; }
body.vk .agent-contact-section .messenger-message-btn:hover{ background:#0066CC !important; }

/* ════════ AGENT CARD — extra polish ════════ */
body.vk .wickets-agent-card{ padding:16px 18px !important; }
body.vk .wickets-agent-card .agent-rating{ filter:saturate(1.1); }
body.vk .wickets-agent-card .agent-contact-toggle:hover{ background:#000000 !important; transform:translateY(-1px) !important; }
body.vk .wickets-agent-card .agent-id-section{ border-radius:999px !important; padding:3px 10px !important; }

/* ════════════════════════════════════════════════════════════════
   AGENT PAGES — toolbar + search + refined cards
   ════════════════════════════════════════════════════════════════ */
body.vk .vk-pagelist{ padding-top:clamp(26px,3vw,44px) !important; }
body.vk .vk-agentbar{ display:flex !important; align-items:center !important; justify-content:space-between !important; flex-wrap:wrap !important; gap:14px !important; max-width:1180px !important; margin:0 auto 22px !important; }
body.vk .vk-agentbar__label{ display:flex !important; flex-direction:column !important; gap:2px !important; }
body.vk .vk-agentbar__eyebrow{ font-size:11.5px !important; font-weight:700 !important; letter-spacing:.08em !important; text-transform:uppercase !important; color:#B5830F !important; }
body.vk .vk-agentbar__title{ font-size:clamp(20px,2.4vw,28px) !important; color:#1A1813 !important; margin:0 !important; line-height:1.1 !important; }
body.vk .vk-agentbar__title em{ color:#B5830F !important; font-style:italic !important; }
body.vk .vk-agentbar__search{ display:flex !important; align-items:center !important; gap:10px !important; width:min(340px,100%) !important; background:#FFFFFF !important; border:1.5px solid rgba(26,24,19,.15) !important; border-radius:12px !important; padding:11px 15px !important; box-shadow:0 6px 18px rgba(26,24,19,.07) !important; }
body.vk .vk-agentbar__search:focus-within{ border-color:#F7B500 !important; box-shadow:0 0 0 4px rgba(247,181,0,.22) !important; }
body.vk .vk-agentbar__search svg{ color:#1A1813 !important; flex-shrink:0 !important; }
body.vk .vk-agentbar__search input{ flex:1 !important; border:none !important; outline:none !important; background:transparent !important; color:#1A1813 !important; font-size:14px !important; font-family:var(--vk-font-bn) !important; }
body.vk .vk-agentbar__search input::placeholder{ color:rgba(26,24,19,.5) !important; }
body.vk .vk-agentbar__empty{ text-align:center !important; color:#6B6452 !important; padding:30px 0 !important; font-size:14px !important; }
@media (max-width:600px){
    body.vk .vk-agentbar{ justify-content:center !important; }
    body.vk .vk-agentbar__label{ align-items:center !important; text-align:center !important; width:100% !important; }
}

/* card: left-aligned info + group chip */
body.vk .wickets-agent-card .agent-info{ text-align:left !important; align-items:flex-start !important; }
body.vk .wickets-agent-card .agent-name-row{ justify-content:flex-start !important; }
body.vk .wickets-agent-card .agent-group{ display:inline-block !important; background:rgba(247,181,0,.20) !important; color:#8A5A0A !important; padding:3px 10px !important; border-radius:999px !important; font-size:11px !important; font-weight:700 !important; margin:3px 0 !important; }
body.vk .wickets-agent-card .agent-rating{ font-size:12px !important; }
body.vk .wickets-agent-card .agent-id-section{ margin-top:2px !important; }

/* ════════════════════════════════════════════════════════════════
   AGENT AVATAR (missing image) — nice circular monogram
   ════════════════════════════════════════════════════════════════ */
body.vk .wickets-agent-card .agent-photo-wrapper{
    border-radius:50% !important; padding:2.5px !important;
    background:linear-gradient(140deg,#FFE9A8 0%,#F7B500 50%,#C8860B 100%) !important;
    box-shadow:0 8px 20px -8px rgba(200,134,11,.55) !important;
}
body.vk .wickets-agent-card .agent-photo,
body.vk .wickets-agent-card .agent-photo-placeholder{ border-radius:50% !important; width:58px !important; height:58px !important; }
body.vk .wickets-agent-card .agent-photo-placeholder{ color:#FFFFFF !important; position:relative !important; overflow:hidden !important; }
/* glossy top-light highlight */
body.vk .wickets-agent-card .agent-photo-placeholder::after{
    content:'' !important; position:absolute !important; inset:0 !important; pointer-events:none !important;
    background:radial-gradient(120% 85% at 32% 8%, rgba(255,255,255,.38), transparent 56%) !important;
}
/* crisp centered initial */
body.vk .wickets-agent-card .agent-avatar-initial{
    font-family:var(--vk-font-bn) !important; font-size:26px !important; font-weight:800 !important;
    color:#FFFFFF !important; text-shadow:0 2px 6px rgba(0,0,0,.28) !important; position:relative !important; z-index:1 !important;
}
/* refined, cohesive colorful gradients */
body.vk .agent-avatar--v1{ background:linear-gradient(140deg,#F4B043,#C8770E) !important; }
body.vk .agent-avatar--v2{ background:linear-gradient(140deg,#6470F2,#3B45B0) !important; }
body.vk .agent-avatar--v3{ background:linear-gradient(140deg,#19B9C2,#0E7C84) !important; }
body.vk .agent-avatar--v4{ background:linear-gradient(140deg,#F26A86,#C23556) !important; }
body.vk .agent-avatar--v5{ background:linear-gradient(140deg,#27B981,#0E8A57) !important; }
/* keep verified badge tidy on circular avatar */
body.vk .wickets-agent-card .agent-verified-badge{ background:#22C55E !important; color:#FFFFFF !important; border:2px solid #FFFFFF !important; box-shadow:0 2px 6px rgba(0,0,0,.2) !important; }

/* ════════════════════════════════════════════════════════════════
   PAGE HERO — professional premium banner treatment
   ════════════════════════════════════════════════════════════════ */
body.vk .vk-pagehero{
    position:relative !important;
    background:
        radial-gradient(60% 120% at 50% -15%, rgba(247,181,0,.22), transparent 60%),
        linear-gradient(180deg,#FFF4D2 0%, #FFF8E1 100%) !important;
    border-bottom:none !important;
}
/* subtle dotted texture, faded toward content */
body.vk .vk-pagehero::before{
    content:'' !important; position:absolute !important; inset:0 !important; pointer-events:none !important; z-index:0 !important;
    background-image:radial-gradient(rgba(26,24,19,.07) 1px, transparent 1px) !important;
    background-size:22px 22px !important;
    -webkit-mask-image:linear-gradient(180deg,#000 0%, transparent 78%) !important;
    mask-image:linear-gradient(180deg,#000 0%, transparent 78%) !important;
    opacity:.6 !important;
}
/* crisp gold accent line at the base */
body.vk .vk-pagehero::after{
    content:'' !important; position:absolute !important; left:0 !important; right:0 !important; bottom:0 !important; height:3px !important; z-index:1 !important;
    background:linear-gradient(90deg, transparent, #F7B500 28%, #FFD75E 50%, #F7B500 72%, transparent) !important;
}
body.vk .vk-pagehero__inner{ position:relative !important; z-index:2 !important; }

/* ════════════════════════════════════════════════════════════════
   PAGE HERO INNER — compact, tighter premium header
   ════════════════════════════════════════════════════════════════ */
body.vk .vk-pagehero{ padding-top:clamp(16px,2vw,30px) !important; padding-bottom:clamp(16px,2vw,30px) !important; }
body.vk .vk-pagehero__inner{ gap:9px !important; }
body.vk .vk-breadcrumb{ font-size:12px !important; margin:0 !important; }
body.vk .vk-pagehero .vk-eyebrow{ padding:5px 12px !important; font-size:11.5px !important; }
body.vk .vk-pagehero__title{ font-size:clamp(24px,3vw,36px) !important; margin:0 !important; line-height:1.1 !important; }
body.vk .vk-pagehero__lead{ font-size:13.5px !important; line-height:1.5 !important; max-width:54ch !important; margin:0 auto !important; }
body.vk .vk-pagehero__stats{ gap:8px !important; margin:4px 0 0 !important; }
body.vk .vk-pagehero__stats li{ padding:7px 13px !important; min-width:72px !important; }
body.vk .vk-pagehero__stat-num{ font-size:16px !important; }
body.vk .vk-pagehero__stat-lbl{ font-size:10.5px !important; }
body.vk .vk-pagehero__assure{ gap:7px !important; margin:4px 0 0 !important; }
body.vk .vk-pagehero__assure li{ padding:4px 10px !important; font-size:11.5px !important; }
/* post header compact */
body.vk .vk-post__title{ font-size:clamp(23px,3vw,34px) !important; }
body.vk .vk-post__meta{ margin-top:4px !important; }
body.vk .vk-post__meta li{ padding:5px 11px !important; font-size:12px !important; }

/* remove bullet points from nav submenus */
body.vk .lms-nav__sub, body.vk .lms-nav__sub *,
body.vk .lms-nav__sub-item,
body.vk .lms-mobile__sub, body.vk .lms-mobile__sub-item,
body.vk .vk-nav__sub, body.vk .vk-nav__sub li,
body.vk .vk-mobile__sub, body.vk .vk-mobile__sub li{ list-style:none !important; }
body.vk .lms-nav__sub-item::marker, body.vk .lms-mobile__sub-item::marker,
body.vk .lms-nav__sub li::marker{ content:'' !important; }
body.vk .lms-nav__sub, body.vk .lms-nav__sub-item, body.vk .lms-mobile__sub{ padding-left:8px !important; }

/* remove breadcrumb (not needed) */
body.vk .vk-breadcrumb{ display:none !important; }

/* fix: vk-card__meta hover contrast on yellow cards */
body.vk .vk-card--agent .vk-card__meta{ color:#3A3320 !important; }
body.vk .vk-card--agent:hover .vk-card__meta{ color:#1A1813 !important; background:rgba(26,24,19,.10) !important; border-color:rgba(26,24,19,.20) !important; }

/* fix: hero agent-card button icon getting squished/cut */
body.vk .vk-agentcard__btn{ min-width:0 !important; white-space:nowrap !important; padding:11px 10px !important; }
body.vk .vk-agentcard__btn svg{ flex-shrink:0 !important; width:16px !important; height:16px !important; }

/* ════════ ONBOARDING / new-account — step refinement ════════ */
body.vk .vk-step{ background:#FFFFFF !important; border:1px solid rgba(26,24,19,.08) !important; box-shadow:0 8px 24px rgba(26,24,19,.06) !important; border-radius:16px !important; transition:transform .3s ease, box-shadow .3s ease, border-color .3s ease !important; }
body.vk .vk-step:hover{ transform:translateY(-4px) !important; border-color:rgba(247,181,0,.5) !important; box-shadow:0 16px 38px rgba(26,24,19,.12) !important; }
body.vk .vk-step__num{ background:#1A1813 !important; color:#F7B500 !important; border:none !important; box-shadow:0 6px 14px rgba(26,24,19,.26) !important; }
body.vk .vk-step__title{ color:#1A1813 !important; }
body.vk .vk-step__desc{ color:#4A4537 !important; }

/* কোন রুট? (onboarding route cards) — balanced/centered 4-col grid */
body.vk:not(.vk-home) .vk-agents__grid{ grid-template-columns:repeat(4,minmax(0,1fr)) !important; max-width:1180px !important; margin-left:auto !important; margin-right:auto !important; justify-content:center !important; }
@media (max-width:900px){ body.vk:not(.vk-home) .vk-agents__grid{ grid-template-columns:repeat(2,minmax(0,1fr)) !important; } }
@media (max-width:560px){ body.vk:not(.vk-home) .vk-agents__grid{ grid-template-columns:1fr !important; max-width:420px !important; } }

/* compact agent cards on mobile — less height */
@media (max-width:560px){
    body.vk .wickets-agent-card{ padding:9px 14px !important; }
    body.vk .wickets-agent-card .agent-main-section{ gap:12px !important; }
    body.vk .wickets-agent-card .agent-info{ gap:2px !important; }
    body.vk .wickets-agent-card .agent-photo,
    body.vk .wickets-agent-card .agent-photo-placeholder{ width:46px !important; height:46px !important; }
    body.vk .wickets-agent-card .agent-avatar-initial{ font-size:18px !important; }
    body.vk .wickets-agent-card .agent-group{ margin:0 !important; }
    body.vk .wickets-agent-card .agent-id-section{ margin-top:0 !important; }
}

/* ============================================================================
   AMBASSADOR PAGE — BLACK & GOLD "DARK LUXE" (super-premium recolor)
   Scope: body.vk.page-template-9wickets-pro-ambassador  +  body.vk .baj-*
   Appended last → wins the cascade. Warm onyx surfaces + champagne-gold accents
   + amber glows (no violet). Brand-consistent with the site's gold/charcoal id.
   ============================================================================ */
body.vk.page-template-9wickets-pro-ambassador{
    --amb-bg-0:#070604;
    --amb-bg-1:#100D08;
    --amb-surface:#15110A;
    --amb-gold:#EAD08A;     /* readable champagne gold for text/icons */
    --amb-gold-2:#E9C46A;
    --amb-gold-soft:rgba(233,196,106,.28);
    --amb-line:rgba(233,196,106,.22);
    --amb-text:#ECE3CE;
    --amb-text-soft:#C7BC9E;
}

/* Page canvas → warm onyx with twin gold light pools */
body.vk .baj-page,
body.vk.page-template-9wickets-pro-ambassador{
    background:
        radial-gradient(58% 40% at 16% -2%, rgba(233,196,106,.14), transparent 62%),
        radial-gradient(56% 38% at 86% 6%,  rgba(180,131,15,.16), transparent 60%),
        radial-gradient(72% 52% at 50% 110%, rgba(233,196,106,.07), transparent 66%),
        linear-gradient(180deg, #100D08 0%, #070604 100%) !important;
    background-attachment: fixed !important;
    color:#ECE3CE !important;
}

/* ── Surfaces: warm obsidian glass ──────────────────────────────────────── */
body.vk .baj-hero{
    background:
        linear-gradient(160deg, rgba(233,196,106,.06), rgba(233,196,106,.015)),
        #15110A !important;
    border:1px solid rgba(233,196,106,.32) !important;
    box-shadow:
        0 30px 80px -30px rgba(0,0,0,.92),
        0 0 0 1px rgba(233,196,106,.10) inset !important;
}
body.vk .baj-hero__overlay{
    background:
        radial-gradient(60% 70% at 26% 46%, rgba(233,196,106,.14) 0%, transparent 60%),
        radial-gradient(55% 65% at 88% 90%, rgba(120,82,8,.40) 0%, transparent 60%),
        linear-gradient(180deg, rgba(8,6,3,.50) 0%, rgba(8,6,3,.92) 100%) !important;
}
body.vk .baj-hero__atm-img{ filter:blur(30px) brightness(.40) saturate(1.02) sepia(.18) !important; }
body.vk .baj-career{
    background:
        linear-gradient(180deg, rgba(233,196,106,.05), rgba(233,196,106,.012)),
        rgba(18,14,8,.62) !important;
    border:1px solid rgba(233,196,106,.18) !important;
}
body.vk .baj-best{
    background:
        radial-gradient(60% 80% at 0% 0%,    rgba(233,196,106,.12), transparent 70%),
        radial-gradient(60% 80% at 100% 100%, rgba(180,131,15,.12), transparent 70%),
        linear-gradient(180deg, rgba(233,196,106,.035), rgba(233,196,106,.01)),
        rgba(15,11,6,.82) !important;
    border:1px solid rgba(233,196,106,.24) !important;
    box-shadow:
        0 28px 70px -28px rgba(0,0,0,.85),
        0 0 0 1px rgba(233,196,106,.10) inset !important;
}
body.vk .baj-amb-card{
    background:
        linear-gradient(180deg, rgba(233,196,106,.07), rgba(233,196,106,.02)),
        rgba(15,11,6,.76) !important;
    border:1px solid rgba(233,196,106,.22) !important;
}
body.vk .baj-amb-card:hover{
    border-color:rgba(233,196,106,.66) !important;
    box-shadow:
        0 36px 76px -24px rgba(0,0,0,.82),
        0 18px 46px -18px rgba(180,131,15,.55) !important;
}
body.vk .baj-amb-card__overlay{
    background:linear-gradient(180deg, rgba(8,6,3,.16) 0%, rgba(8,6,3,.06) 30%, rgba(8,6,3,.94) 100%) !important;
}
body.vk .baj-hero__portrait-fade{
    background:linear-gradient(180deg, transparent 0%, rgba(8,6,3,.90) 80%) !important;
}
body.vk .baj-hero__portrait-wrap{
    border:1px solid rgba(233,196,106,.50) !important;
    background:linear-gradient(135deg, rgba(233,196,106,.08), rgba(233,196,106,.02)) !important;
    box-shadow:
        0 30px 64px -22px rgba(0,0,0,.90),
        0 0 0 1px rgba(233,196,106,.24) inset !important;
}

/* Dark chips → deep onyx with gold hairline */
body.vk .baj-hero__dots,
body.vk .baj-best__vcounter,
body.vk .baj-amb-card__badge{
    background:rgba(10,8,4,.92) !important;
    border:1px solid rgba(233,196,106,.34) !important;
    color:var(--amb-gold) !important;
}
body.vk .baj-best__vthumb-play{
    background:rgba(10,8,4,.92) !important;
    border:1px solid rgba(233,196,106,.50) !important;
    color:var(--amb-gold) !important;
}
body.vk .baj-amb-card__photo{ background:#100B05 !important; }
body.vk .baj-hero__arrow{
    background:
        linear-gradient(180deg, rgba(233,196,106,.08), rgba(233,196,106,.02)),
        rgba(10,8,4,.84) !important;
    border:1px solid rgba(233,196,106,.40) !important;
    color:var(--amb-gold) !important;
}
body.vk .baj-hero__arrow:hover{
    background:
        radial-gradient(closest-side, rgba(233,196,106,.30), transparent 70%),
        rgba(10,8,4,.96) !important;
    border-color:var(--amb-gold) !important;
}

/* ── Accent lines / rules / dividers → pure champagne-gold gradient ──────── */
body.vk .baj-hero__rule,
body.vk .baj-best__hdivider,
body.vk .baj-grid-sec__rule,
body.vk .baj-hero__progress-bar{
    background:linear-gradient(90deg, #B4830F 0%, #E9C46A 45%, #FBEFC8 100%) !important;
    box-shadow:0 0 12px rgba(233,196,106,.50) !important;
}
body.vk .baj-hero::before{
    background:linear-gradient(90deg, transparent, #B4830F 22%, #FBEFC8 50%, #B4830F 78%, transparent) !important;
    box-shadow:0 0 18px rgba(233,196,106,.55) !important;
}
body.vk .baj-best::before{
    background:linear-gradient(90deg, transparent, #E9C46A 30%, #FBEFC8 70%, transparent) !important;
}
body.vk .baj-amb-card::before{
    background:linear-gradient(90deg, #B4830F, #FBEFC8) !important;
    box-shadow:0 0 12px rgba(233,196,106,.5) !important;
}
body.vk .baj-amb-card__accent{
    background:linear-gradient(90deg, #B4830F, #FBEFC8) !important;
    box-shadow:0 0 10px rgba(233,196,106,.55) !important;
}

/* Portrait halo → warm gold aura */
body.vk .baj-hero__portrait-halo{
    background:
        radial-gradient(closest-side, rgba(233,196,106,.50), transparent 74%),
        radial-gradient(62% 62% at 50% 50%, rgba(180,131,15,.30), transparent 78%) !important;
}

/* Eyebrows, pre-titles, gold accents */
body.vk .baj-hero__eyebrow{
    background:rgba(233,196,106,.10) !important;
    border:1px solid rgba(233,196,106,.40) !important;
    color:var(--amb-gold) !important;
}
body.vk .baj-hero__eyebrow::before{ background:var(--amb-gold) !important; box-shadow:0 0 8px rgba(233,196,106,.7) !important; }
body.vk .baj-best__eyebrow,
body.vk .baj-grid-sec__pre,
body.vk .baj-best__hstat-val,
body.vk .baj-best__vnow-label,
body.vk .baj-best__vbar-badge,
body.vk .baj-amb-card__year{ color:var(--amb-gold) !important; }

/* Section / hero names → champagne-gold gradient */
body.vk .baj-hero__name,
body.vk .baj-sec-title,
body.vk .baj-grid-sec__head h2,
body.vk .baj-best__hname,
body.vk .baj-gold-text,
body.vk .baj-hero__portrait-fname,
body.vk .baj-best__htitle{
    background:linear-gradient(95deg, #FBEFC8 0%, #F0D592 36%, #D9A93B 72%, #FBEFC8 100%) !important;
    -webkit-background-clip:text !important;
    background-clip:text !important;
    -webkit-text-fill-color:transparent !important;
    color:transparent !important;
}

/* Quotes / subtitles / body copy → warm cream for contrast on onyx */
body.vk .baj-hero__subtitle,
body.vk .baj-hero__quote,
body.vk .baj-best__hquote,
body.vk .baj-amb-card__sub,
body.vk .baj-best__vnow-title,
body.vk .baj-best__vthumb-label,
body.vk .baj-best__vbar,
body.vk .baj-best__hstat-label{ color:#D8CEB4 !important; }
body.vk .baj-hero__quote,
body.vk .baj-best__hquote{ border-left-color:rgba(233,196,106,.60) !important; }
body.vk .baj-amb-card__name{
    background:linear-gradient(95deg,#FBEFC8,#D9A93B) !important;
    -webkit-background-clip:text !important; background-clip:text !important;
    -webkit-text-fill-color:transparent !important; color:transparent !important;
}
body.vk .baj-amb-card__btn{ color:var(--amb-gold) !important; }
body.vk .baj-amb-card:hover .baj-amb-card__btn{ color:#FBEFC8 !important; }

/* Stat tiles, now-bar, video bar, strip → gold-tinted glass */
body.vk .baj-best__hstat{
    background:linear-gradient(180deg, rgba(233,196,106,.09), rgba(233,196,106,.025)) !important;
    border:1px solid rgba(233,196,106,.26) !important;
}
body.vk .baj-best__vnow{
    background:rgba(233,196,106,.09) !important;
    border:1px solid rgba(233,196,106,.26) !important;
}
body.vk .baj-best__vnow-icon{ color:var(--amb-gold) !important; }
body.vk .baj-best__strip,
body.vk .baj-best__vbar{
    background:rgba(233,196,106,.05) !important;
    border:1px solid rgba(233,196,106,.18) !important;
}
/* Playlist pills — readable warm-cream text on visible gold-glass chips */
body.vk .baj-best__pill{
    background:rgba(255,247,225,.05) !important;
    border:1px solid rgba(233,196,106,.28) !important;
    color:#ECE3CE !important;
}
body.vk .baj-best__pill .baj-best__pill-name{ color:#ECE3CE !important; }
body.vk .baj-best__pill:hover{
    background:rgba(233,196,106,.12) !important;
    border-color:rgba(233,196,106,.55) !important;
    color:#FBEFC8 !important;
}
body.vk .baj-best__pill:hover .baj-best__pill-name{ color:#FBEFC8 !important; }
body.vk .baj-best__pill--active,
body.vk .baj-best__pill--active .baj-best__pill-name{ color:#FBEFC8 !important; }
body.vk .baj-best__pill--active{
    background:rgba(233,196,106,.16) !important;
    border-color:var(--amb-gold) !important;
    box-shadow:0 0 0 1px rgba(233,196,106,.40) inset, 0 12px 24px -10px rgba(180,131,15,.55) !important;
}
body.vk .baj-best__pill-img-wrap{ border-color:rgba(233,196,106,.45) !important; }

/* ── Active / selected / focus states → gold ring ───────────────────────── */
body.vk .baj-hero__dot--active{
    border-color:var(--amb-gold) !important;
    box-shadow:0 0 0 2px rgba(180,131,15,.55), 0 0 16px rgba(233,196,106,.6) !important;
}
body.vk .baj-best__pill:hover{
    border-color:rgba(233,196,106,.55) !important;
    background:rgba(233,196,106,.09) !important;
    box-shadow:0 10px 20px -10px rgba(180,131,15,.5) !important;
}
body.vk .baj-best__pill--active{
    border-color:var(--amb-gold) !important;
    background:rgba(233,196,106,.14) !important;
    color:var(--amb-gold) !important;
    box-shadow:0 0 0 1px rgba(233,196,106,.42) inset, 0 12px 24px -10px rgba(180,131,15,.5) !important;
}
body.vk .baj-best__vthumb:hover{
    border-color:rgba(233,196,106,.55) !important;
    box-shadow:0 14px 28px -10px rgba(180,131,15,.5) !important;
}
body.vk .baj-best__vthumb--active{
    border-color:var(--amb-gold) !important;
    box-shadow:0 0 0 1px rgba(233,196,106,.4) inset, 0 14px 28px -10px rgba(180,131,15,.6) !important;
}
body.vk .baj-best__vthumb:hover .baj-best__vthumb-play{
    background:var(--amb-gold-2) !important; color:#0A0804 !important;
}
body.vk .baj-gallery__img:hover{
    border-color:var(--amb-gold) !important;
    box-shadow:0 14px 28px -10px rgba(180,131,15,.55) !important;
}

/* CTA + Play button → warm gold aura */
body.vk .baj-cta:hover{
    box-shadow:
        0 18px 44px -10px rgba(233,196,106,.65),
        0 0 0 2px rgba(180,131,15,.45),
        0 1px 0 rgba(255,255,255,.55) inset !important;
}
body.vk .baj-play-btn{
    box-shadow:
        0 16px 40px -10px rgba(233,196,106,.6),
        0 0 0 6px rgba(233,196,106,.14),
        0 0 0 1px rgba(255,217,112,.4) inset !important;
}
body.vk .baj-play-btn::before{ border-color:rgba(233,196,106,.5) !important; }

/* Gallery edge masks fade to the onyx canvas */
body.vk .baj-gallery__mask--left  { background:linear-gradient(90deg,  rgba(10,8,4,.96) 8%, transparent 100%) !important; }
body.vk .baj-gallery__mask--right { background:linear-gradient(270deg, rgba(10,8,4,.96) 8%, transparent 100%) !important; }

/* Corner accents → gold glow */
body.vk .baj-hero__corner{
    border-color:var(--amb-gold) !important;
    box-shadow:0 0 12px rgba(233,196,106,.6) !important;
}

/* 3D slider (.baj-amb3d) → onyx surfaces, gold accents */
body.vk .baj-amb3d__bg{
    background:linear-gradient(to right,
        rgba(8,6,3,.95), rgba(8,6,3,0) 12%,
        rgba(8,6,3,0) 88%, rgba(8,6,3,.95)) !important;
}
body.vk .baj-amb3d__slide{ background:#100B05 !important; }
body.vk .baj-amb3d__media::after{
    background:linear-gradient(180deg, rgba(8,6,3,.55) 0%, rgba(8,6,3,0) 28%, rgba(8,6,3,0) 48%, rgba(8,6,3,.90) 100%) !important;
}
body.vk .baj-amb3d__slide.position-3{
    box-shadow:
        0 .4rem 2rem rgba(0,0,0,.65),
        0 0 0 1px rgba(244,217,139,.6),
        0 0 36px rgba(180,131,15,.40) !important;
}
body.vk .baj-amb3d__slide.position-3:hover{
    box-shadow:
        0 .4rem 2.6rem rgba(0,0,0,.8),
        0 0 0 1px rgba(244,217,139,.9),
        0 0 52px rgba(180,131,15,.55) !important;
}
body.vk .baj-amb3d__arrow{ color:rgba(244,217,139,.6) !important; }
body.vk .baj-amb3d__arrow svg{
    background:rgba(10,8,4,.6) !important;
    border:1px solid rgba(233,196,106,.4) !important;
}
body.vk .baj-amb3d__arrow:hover{ color:#F4D98B !important; }
body.vk .baj-amb3d__arrow:hover svg{ background:rgba(233,196,106,.20) !important; border-color:rgba(244,217,139,.75) !important; }
body.vk .baj-amb3d__badge{
    color:#F4D98B !important;
    background:rgba(10,8,4,.6) !important;
    border:1px solid rgba(244,217,139,.45) !important;
}
body.vk .baj-amb3d__year{
    background:rgba(180,131,15,.28) !important;
    border:1px solid rgba(233,196,106,.5) !important;
}
body.vk .baj-amb3d__btn{
    border:1px solid rgba(244,217,139,.7) !important;
    background:rgba(180,131,15,.22) !important;
    color:#F4D98B !important;
}
body.vk .baj-amb3d__btn:hover{
    background:rgba(244,217,139,.25) !important;
    color:#fff !important;
    border-color:#F4D98B !important;
}


/* ════════ SEARCH SUGGESTIONS DROPDOWN — premium light redesign ════════
   Replaces the old dark-navy panel with the cream/white + deep-yellow +
   charcoal system. Appended last → wins the cascade.                      */
body.vk .vk-search-panel .search-suggestions{
    background:#FFFFFF !important;
    border:1px solid rgba(26,24,19,.12) !important;
    border-radius:16px !important;
    box-shadow:0 24px 60px rgba(26,24,19,.22), 0 2px 0 rgba(255,255,255,.7) inset !important;
    -webkit-backdrop-filter:none !important;
    backdrop-filter:none !important;
    overflow:hidden !important;
    margin-top:8px !important;
}
/* deep-yellow accent bar across the top */
body.vk .vk-search-panel .search-suggestions::after{
    content:"";
    position:absolute; top:0; left:0; right:0; height:3px;
    background:linear-gradient(90deg,#F7B500,#E8A200,#C8860B);
    z-index:3;
}
body.vk .vk-search-panel .search-suggestions .suggestions-list{ padding:8px !important; }

/* item */
body.vk .vk-search-panel .search-suggestions .suggestion-item{
    position:relative;
    border-radius:12px !important;
    border:1px solid transparent !important;
    padding:10px 12px !important;
    transition:background .2s ease, border-color .2s ease, box-shadow .2s ease !important;
}
body.vk .vk-search-panel .search-suggestions .suggestion-item::before{
    content:"";
    position:absolute; left:0; top:50%;
    transform:translateY(-50%) scaleY(0);
    width:3px; height:58%; border-radius:0 3px 3px 0;
    background:linear-gradient(#F7B500,#C8860B);
    transition:transform .22s ease;
}
body.vk .vk-search-panel .search-suggestions .suggestion-item:hover,
body.vk .vk-search-panel .search-suggestions .suggestion-item.active{
    background:linear-gradient(180deg,#FFF8E1,#FFFFFF) !important;
    border-color:rgba(247,181,0,.55) !important;
    box-shadow:0 8px 18px -10px rgba(200,134,11,.5) !important;
}
body.vk .vk-search-panel .search-suggestions .suggestion-item:hover::before,
body.vk .vk-search-panel .search-suggestions .suggestion-item.active::before{
    transform:translateY(-50%) scaleY(1);
}

/* thumbnail */
body.vk .vk-search-panel .search-suggestions .suggestion-thumb{
    border:1px solid rgba(26,24,19,.14) !important;
    background:#FFF8E1 !important;
    border-radius:10px !important;
}
body.vk .vk-search-panel .search-suggestions .suggestion-item:hover .suggestion-thumb,
body.vk .vk-search-panel .search-suggestions .suggestion-item.active .suggestion-thumb{
    border-color:rgba(247,181,0,.6) !important;
}

/* text */
body.vk .vk-search-panel .search-suggestions .suggestion-name{ color:#1A1813 !important; font-weight:700 !important; }
body.vk .vk-search-panel .search-suggestions .suggestion-id{
    align-self:flex-start;
    color:#8A5E08 !important;
    background:rgba(247,181,0,.16) !important;
    border:1px solid rgba(247,181,0,.34) !important;
    padding:1px 8px !important;
    border-radius:999px !important;
    font-size:11px !important;
    font-weight:700 !important;
}
body.vk .vk-search-panel .search-suggestions .suggestion-category{ color:#5A5347 !important; }

/* scrollbar */
body.vk .vk-search-panel .search-suggestions .suggestions-list::-webkit-scrollbar-track{ background:rgba(26,24,19,.05) !important; }
body.vk .vk-search-panel .search-suggestions .suggestions-list::-webkit-scrollbar-thumb{ background:rgba(247,181,0,.5) !important; border-radius:3px !important; }
body.vk .vk-search-panel .search-suggestions .suggestions-list::-webkit-scrollbar-thumb:hover{ background:#C8860B !important; }

/* loading / empty states */
body.vk .vk-search-panel .search-suggestions .suggestion-loading,
body.vk .vk-search-panel .search-suggestions .no-suggestions{ color:#5A5347 !important; font-weight:500 !important; }
body.vk .vk-search-panel .search-suggestions .suggestion-loading::before,
body.vk .vk-search-panel .search-suggestions.is-loading::before{
    border-color:rgba(247,181,0,.35) !important;
    border-top-color:#C8860B !important;
}


/* ════════ SEARCH AGENT POPUP — premium light redesign ════════
   The original popup used a dark obsidian surface; after the light-theme
   switch the charcoal --vk-text became unreadable on it. Re-skin to the
   cream/white + deep-yellow + charcoal system. WhatsApp-green & Messenger-
   blue accents are kept. Appended last → wins the cascade.                */
body.vk .search-agent-popup-backdrop{
    background:rgba(26,24,19,.55) !important;
    -webkit-backdrop-filter:blur(6px) !important;
    backdrop-filter:blur(6px) !important;
}
body.vk .search-agent-popup{
    background:linear-gradient(180deg,#FFFFFF 0%,#FFFDF6 100%) !important;
    border:1px solid rgba(26,24,19,.12) !important;
    border-radius:20px !important;
    box-shadow:0 32px 80px rgba(26,24,19,.28), 0 2px 0 rgba(255,255,255,.7) inset !important;
    overflow:hidden !important;
}
/* deep-yellow accent bar across the top */
body.vk .search-agent-popup::after{
    content:"";
    position:absolute; top:0; left:0; right:0; height:4px;
    background:linear-gradient(90deg,#F7B500,#E8A200,#C8860B);
    z-index:11;
}

/* close button */
body.vk .search-agent-popup .popup-close-btn{
    background:#FFF8E1 !important;
    border:1px solid rgba(26,24,19,.14) !important;
    color:#1A1813 !important;
}
body.vk .search-agent-popup .popup-close-btn:hover{
    background:#E5484D !important;
    color:#fff !important;
    border-color:transparent !important;
}

/* header */
body.vk .search-agent-popup .popup-agent-header{
    background:linear-gradient(180deg,#FFF8E1,#FFFFFF) !important;
    border-bottom:1px solid rgba(26,24,19,.10) !important;
}
body.vk .search-agent-popup .popup-agent-photo img{
    border:2px solid rgba(247,181,0,.55) !important;
    box-shadow:0 8px 22px -10px rgba(200,134,11,.55) !important;
}
body.vk .search-agent-popup .popup-verified-badge{
    border:2px solid #FFFFFF !important;
    box-shadow:0 2px 8px rgba(26,24,19,.2) !important;
}
body.vk .search-agent-popup .popup-agent-name{ color:#1A1813 !important; }
body.vk .search-agent-popup .popup-agent-group{ color:#C8860B !important; }
body.vk .search-agent-popup .popup-agent-id{ color:#5A5347 !important; }
body.vk .search-agent-popup .popup-agent-id span{ color:#8A8470 !important; }

/* contact section */
body.vk .search-agent-popup .popup-contact-group{
    background:#FFF8E1 !important;
    border:1px solid rgba(26,24,19,.10) !important;
    border-radius:14px !important;
}
body.vk .search-agent-popup .popup-contact-header{
    border-bottom:1px solid rgba(26,24,19,.10) !important;
}
body.vk .search-agent-popup .whatsapp-group .popup-contact-header{ color:#128C4A !important; }
body.vk .search-agent-popup .messenger-group .popup-contact-header{ color:#1E7FB0 !important; }
body.vk .search-agent-popup .popup-contact-item{
    border-bottom:1px solid rgba(26,24,19,.08) !important;
}
body.vk .search-agent-popup .popup-contact-number{ color:#1A1813 !important; }

/* copy button */
body.vk .search-agent-popup .popup-copy-btn{
    background:#FFFFFF !important;
    border:1px solid rgba(26,24,19,.16) !important;
    color:#5A5347 !important;
}
body.vk .search-agent-popup .popup-copy-btn:hover{
    background:rgba(247,181,0,.16) !important;
    color:#C8860B !important;
    border-color:#F7B500 !important;
}
body.vk .search-agent-popup .popup-copy-btn.copied{
    background:#22C55E !important;
    color:#fff !important;
    border-color:transparent !important;
}
/* message buttons keep their brand gradients (green / blue) */


/* ════════ TESTIMONIALS (vk-quotes) — premium editorial redesign ════════
   White cards on cream with gold accents — distinct from the deep-yellow
   cards used elsewhere. Appended last → wins the cascade.                  */
body.vk .vk-quotes__grid{ gap:20px !important; }

body.vk .vk-quote{
    background:linear-gradient(180deg,#FFFFFF 0%,#FFFDF6 100%) !important;
    border:1px solid rgba(26,24,19,.10) !important;
    border-radius:18px !important;
    box-shadow:0 14px 34px -18px rgba(26,24,19,.30) !important;
    padding:40px 26px 24px !important;
    overflow:hidden !important;
    isolation:isolate !important;
    -webkit-backdrop-filter:none !important; backdrop-filter:none !important;
    transition:transform .4s ease, border-color .4s ease, box-shadow .4s ease !important;
}
/* gold accent bar across the top (repurpose ::before) */
body.vk .vk-quote::before{
    content:"" !important;
    position:absolute !important;
    top:0 !important; left:0 !important; right:0 !important; bottom:auto !important;
    height:3px !important; width:100% !important;
    background:linear-gradient(90deg,#F7B500,#E8A200,#C8860B) !important;
    opacity:1 !important;
    z-index:2 !important;
}
body.vk .vk-quote:hover{
    transform:translateY(-6px) !important;
    border-color:rgba(247,181,0,.55) !important;
    box-shadow:0 26px 52px -20px rgba(200,134,11,.42) !important;
}

/* big serif quote mark */
body.vk .vk-quote__mark{
    color:rgba(247,181,0,.32) !important;
    font-size:90px !important;
    top:4px !important; left:22px !important;
}

/* quote text */
body.vk .vk-quote blockquote{
    color:#2A2410 !important;
    font-size:15.5px !important;
    line-height:1.7 !important;
    font-weight:500 !important;
    margin:0 0 24px !important;
    position:relative !important; z-index:1 !important;
}

/* footer / caption */
body.vk .vk-quote figcaption{ border-top:1px solid rgba(26,24,19,.10) !important; padding-top:18px !important; }
body.vk .vk-quote__avatar{
    background:linear-gradient(135deg,#1A1813,#2A2620) !important;
    color:#F7B500 !important;
    box-shadow:0 4px 12px -4px rgba(26,24,19,.5) !important;
}
/* subtle per-tone avatar variety (stays warm & cohesive) */
body.vk .vk-quote--gold  .vk-quote__avatar{ background:linear-gradient(135deg,#F7B500,#C8860B) !important; color:#1A1813 !important; }
body.vk .vk-quote--royal .vk-quote__avatar{ background:linear-gradient(135deg,#1A1813,#3A3320) !important; color:#F7B500 !important; }
body.vk .vk-quote--cyan  .vk-quote__avatar{ background:linear-gradient(135deg,#C8860B,#9A6B12) !important; color:#FFF8E1 !important; }

body.vk .vk-quote__who strong{ color:#1A1813 !important; font-weight:700 !important; }
body.vk .vk-quote__who small{ color:#6B6250 !important; }
body.vk .vk-quote__rating svg{ color:#F7B500 !important; }


/* ════════ SEO SIDE PANEL — premium "verified network" trust card ════════
   Charcoal trust-seal panel + gold checklist, distinct from the yellow
   cards. Replaces the old district-chip design. Appended last → wins.      */
body.vk .vk-seo__panel{
    position:relative !important;
    background:linear-gradient(165deg,#221F18 0%,#15130E 100%) !important;
    border:1px solid rgba(247,181,0,.30) !important;
    border-radius:20px !important;
    box-shadow:0 22px 50px -24px rgba(26,24,19,.70), 0 0 0 1px rgba(247,181,0,.08) inset !important;
    color:#F3ECDD !important;
    padding:26px 26px 24px !important;
    overflow:hidden !important;
    -webkit-backdrop-filter:none !important; backdrop-filter:none !important;
}
/* gold accent bar across the top */
body.vk .vk-seo__panel::before{
    content:"" !important;
    position:absolute !important;
    top:0 !important; left:0 !important; right:0 !important; bottom:auto !important;
    width:100% !important; height:3px !important;
    background:linear-gradient(90deg,#F7B500,#E8A200,#C8860B) !important;
    opacity:1 !important; z-index:2 !important;
}
/* verified badge pill */
body.vk .vk-seo__panel-badge{
    display:inline-flex !important; align-items:center !important; gap:7px !important;
    padding:5px 12px !important; margin:0 0 14px !important;
    border-radius:999px !important;
    background:rgba(247,181,0,.14) !important;
    border:1px solid rgba(247,181,0,.40) !important;
    color:#F7B500 !important;
    font-family:var(--vk-font-bn) !important;
    font-size:11px !important; font-weight:700 !important;
    letter-spacing:.12em !important; text-transform:uppercase !important;
    line-height:1 !important;
}
body.vk .vk-seo__panel-title, body.vk .vk-seo__panel h3{ color:#FFFFFF !important; }
body.vk .vk-seo__panel-title em{ color:#F7B500 !important; font-style:normal !important; }
body.vk .vk-seo__panel p{ color:#C9C0AD !important; font-size:13.5px !important; line-height:1.6 !important; }

/* verification checklist */
body.vk .vk-seo__checks{
    list-style:none !important;
    margin:16px 0 4px !important; padding:0 !important;
    display:flex !important; flex-direction:column !important; gap:11px !important;
}
body.vk .vk-seo__checks li{
    display:flex !important; align-items:flex-start !important; gap:11px !important;
    color:#EDE6D6 !important;
    font-family:var(--vk-font-bn) !important;
    font-size:13.5px !important; font-weight:500 !important; line-height:1.45 !important;
    background:none !important; border:none !important; padding:0 !important;
}
body.vk .vk-seo__check-ic{
    flex-shrink:0 !important;
    width:22px !important; height:22px !important;
    display:inline-flex !important; align-items:center !important; justify-content:center !important;
    border-radius:50% !important;
    background:linear-gradient(135deg,#F7B500,#C8860B) !important;
    color:#15130E !important;
    box-shadow:0 3px 8px -3px rgba(247,181,0,.60) !important;
    margin-top:1px !important;
}
/* footer note */
body.vk .vk-seo__panel-note{
    color:#A99F88 !important;
    margin-top:16px !important; padding-top:14px !important;
    border-top:1px solid rgba(247,181,0,.16) !important;
    font-size:12.5px !important;
}
body.vk .vk-seo__panel-note a{
    color:#F7B500 !important; font-weight:700 !important;
    text-decoration:none !important;
    border-bottom:1px solid rgba(247,181,0,.40) !important;
}
body.vk .vk-seo__panel-note a:hover{ color:#FFD75E !important; }

/* ---- mobile centering pass (small-screen premium pass, 2026-07) ----
   The SEO/About block's copy column (long-form numbered paragraph, 3
   feature cards) and the "verified network" side panel are left-aligned
   by design on desktop (two-column editorial layout, panel is sticky).
   Once the grid collapses to one column below 1040px (see the
   .vk-seo__grid rule near line 3877) that left alignment reads as
   flush-left and inconsistent with every other section, which centers
   on mobile. Center the block-level headings + turn the 3 feature
   "cards" and the panel's badge/title/checklist into centered stacks.
   The long numbered paragraph (.vk-seo__lead, a <p> with <br> line
   breaks, not a <ul>) stays LEFT-aligned internally — centering a
   6-line numbered list would read ragged — but the block itself is
   capped + margin-auto'd so it doesn't sit flush against the edge. */
@media (max-width: 640px) {
    body.vk .vk-seo__lead { max-width: 46ch; margin-left: auto !important; margin-right: auto !important; }
    body.vk .vk-seo__col h3 { text-align: center; padding-left: 0; }
    body.vk .vk-seo__col h3::before { display: none; }
    body.vk .vk-seo__feature { flex-direction: column; align-items: center; text-align: center; }
    body.vk .vk-seo__panel { text-align: center; }
    body.vk .vk-seo__panel-badge { margin-left: auto; margin-right: auto; }
    body.vk .vk-seo__checks { align-items: center; }
    body.vk .vk-seo__checks li { justify-content: center; }
}


/* ════════ LIVE ACTIVITY FEED — clean "console" rows (light premium) ════════
   Replaces the flat deep-yellow cards with crisp white rows on cream so the
   feed reads like a real-time dashboard. Colored type accents kept.
   Appended last → wins the cascade.                                          */
body.vk .vk-live__feed{ gap:14px !important; }

body.vk .vk-live__item{
    background:#FFFFFF !important;
    border:1px solid rgba(26,24,19,.10) !important;
    border-radius:14px !important;
    box-shadow:0 10px 26px -16px rgba(26,24,19,.30) !important;
    color:#1A1813 !important;
    padding:13px 16px !important;
    -webkit-backdrop-filter:none !important; backdrop-filter:none !important;
    transition:transform .3s ease, border-color .3s ease, box-shadow .3s ease !important;
}
body.vk .vk-live__item:hover{
    transform:translateY(-3px) !important;
    border-color:rgba(247,181,0,.50) !important;
    box-shadow:0 18px 34px -18px rgba(200,134,11,.42) !important;
}

/* text */
body.vk .vk-live__who strong{ color:#1A1813 !important; font-weight:700 !important; }
body.vk .vk-live__where{ color:#6B6250 !important; }
body.vk .vk-live__where svg{ color:#C8860B !important; opacity:1 !important; }
body.vk .vk-live__dot{ background:rgba(26,24,19,.25) !important; }
body.vk .vk-live__what{ color:#3A3320 !important; }

/* time pill */
body.vk .vk-live__time{
    color:#6B6250 !important;
    background:rgba(26,24,19,.05) !important;
    border:1px solid rgba(26,24,19,.10) !important;
}

/* footer note */
body.vk .vk-live__foot{
    background:#FFFFFF !important;
    border:1px dashed rgba(26,24,19,.18) !important;
    color:#5A5347 !important;
    box-shadow:0 6px 16px -12px rgba(26,24,19,.25) !important;
}

/* keep per-type accent bars vivid on white */
body.vk .vk-live__item--cash::before    { background:linear-gradient(180deg,#34D399,#059669) !important; }
body.vk .vk-live__item--win::before     { background:linear-gradient(180deg,#FFC72C,#C8860B) !important; }
body.vk .vk-live__item--bonus::before   { background:linear-gradient(180deg,#F7B500,#E6A91E) !important; }
body.vk .vk-live__item--signup::before  { background:linear-gradient(180deg,#FFD75E,#E6A91E) !important; }
body.vk .vk-live__item--support::before { background:linear-gradient(180deg,#A78BFA,#7C3AED) !important; }
body.vk .vk-live__item--info::before    { background:linear-gradient(180deg,#60A5FA,#2563EB) !important; }

/* readable type tags on white */
body.vk .vk-live__tag--cash    { background:rgba(5,150,105,.12) !important;  border-color:rgba(5,150,105,.32) !important;  color:#0F7A4F !important; }
body.vk .vk-live__tag--win     { background:rgba(247,181,0,.16) !important;  border-color:rgba(200,134,11,.4) !important;  color:#9A6B00 !important; }
body.vk .vk-live__tag--bonus   { background:rgba(230,169,30,.16) !important; border-color:rgba(200,134,11,.4) !important;  color:#9A6B00 !important; }
body.vk .vk-live__tag--signup  { background:rgba(247,181,0,.14) !important;  border-color:rgba(200,134,11,.36) !important; color:#9A6B00 !important; }
body.vk .vk-live__tag--support { background:rgba(124,58,237,.12) !important; border-color:rgba(124,58,237,.32) !important; color:#6D28D9 !important; }
body.vk .vk-live__tag--info    { background:rgba(37,99,235,.10) !important;  border-color:rgba(37,99,235,.30) !important;  color:#1D4ED8 !important; }

/* ════════ FIX: header blink & "move" on mousemove ════════
   Root cause: the decorative custom cursor was two position:fixed,
   will-change:transform elements (a gold ring + dot) repositioned via JS on
   every mousemove. Sliding that GPU-promoted layer over the sticky header made
   the header appear to blink/shift on every pointer move. The follower is now
   removed from the markup; this guard hides it if it ever returns. We also keep
   the header fully opaque with no backdrop blur (avoids re-rasterise on scroll). */
.vk-cursor,
.vk-cursor--dot{ display:none !important; }

body.vk .vk-header,
body.vk .vk-header.is-scrolled{
    background:#F7B500 !important;   /* match the footer (was reverted to #FFFFFF by the blink fix) */
    -webkit-backdrop-filter:none !important;
    backdrop-filter:none !important;
}


/* ════════════════════════════════════════════════════════════════════════
   MOBILE MENU — REDESIGN: right-side slide-in DRAWER + dark scrim (light theme)
   Completely replaces the old full-screen navy overlay. Appended last → wins.
   ════════════════════════════════════════════════════════════════════════ */
@media (max-width: 900px){

    /* keep it hidden when closed (our display:flex below is !important) */
    body.vk .vk-mobile[hidden]{ display:none !important; }

    /* ── SCRIM (full-screen dim backdrop; panel pinned to the right) ── */
    body.vk .vk-mobile{
        position:fixed !important;
        inset:0 !important;
        top:0 !important; left:0 !important; right:0 !important;
        width:100% !important; max-width:100% !important;
        height:100% !important; min-height:0 !important;
        margin:0 !important; padding:0 !important;
        display:flex !important;
        justify-content:flex-end !important;
        align-items:stretch !important;
        background:rgba(12,8,2,.55) !important;
        -webkit-backdrop-filter:blur(3px) !important;
        backdrop-filter:blur(3px) !important;
        overflow:hidden !important;
        z-index:1000 !important;
        animation:vk-drawer-scrim .28s ease both !important;
    }
    body.vk .vk-mobile::before{ display:none !important; content:none !important; }
    body.vk.admin-bar .vk-mobile{ height:100% !important; padding:0 !important; }

    /* ── PANEL (the drawer itself, slides in from the right) ── */
    body.vk .vk-mobile__inner{
        width:min(86vw,360px) !important;
        max-width:none !important;
        height:100% !important;
        margin:0 !important;
        padding:84px 20px 26px !important;
        background:linear-gradient(180deg,#FFFFFF 0%,#FFF8E1 100%) !important;
        border-left:1px solid rgba(26,24,19,.10) !important;
        box-shadow:-26px 0 60px -22px rgba(26,24,19,.5) !important;
        display:flex !important;
        flex-direction:column !important;
        overflow-y:auto !important;
        overflow-x:hidden !important;
        position:relative !important;
        animation:vk-drawer-slide .36s cubic-bezier(.2,.7,.15,1) both !important;
    }
    /* brand label at the top-left of the drawer (repurpose ::before) */
    body.vk .vk-mobile__inner::before{
        content:"9wickets" !important;
        position:absolute !important;
        top:28px !important; left:20px !important;
        margin:0 !important; padding:0 !important;
        font-family:var(--vk-font-en,'Inter',sans-serif) !important;
        font-size:18px !important; font-weight:800 !important; letter-spacing:0 !important;
        text-align:left !important;
        background:none !important;
        -webkit-text-fill-color:#1A1813 !important;
        color:#1A1813 !important;
        text-shadow:none !important;
    }
    body.vk .vk-mobile__inner::after{ display:none !important; content:none !important; }
    body.vk .vk-mobile__inner > ul::before{ display:none !important; content:none !important; }

    /* ── LIST ── */
    body.vk .vk-mobile ul{
        counter-reset:none !important;
        display:flex !important; flex-direction:column !important;
        gap:2px !important;
        margin:0 0 auto !important; padding:0 !important;
    }
    body.vk .vk-mobile li{ list-style:none !important; }
    body.vk .vk-mobile li a{
        display:flex !important;
        align-items:center !important;
        justify-content:space-between !important;
        min-height:0 !important;
        padding:15px 14px !important;
        border:none !important;
        border-bottom:1px solid rgba(26,24,19,.08) !important;
        border-radius:12px !important;
        background:transparent !important;
        color:#1A1813 !important;
        font-family:inherit !important;
        font-size:16px !important; font-weight:600 !important;
        box-shadow:none !important;
        transform:none !important;
        transition:background .2s ease, color .2s ease, padding .2s ease !important;
    }
    /* kill the old gold rail + numbered counter chips */
    body.vk .vk-mobile li a::before,
    body.vk .vk-mobile li:not(.vk-mobile__cta) a::after{ display:none !important; content:none !important; }
    body.vk .vk-mobile li a:hover,
    body.vk .vk-mobile li a:focus-visible,
    body.vk .vk-mobile li a.is-current{
        background:rgba(247,181,0,.14) !important;
        border-bottom-color:transparent !important;
        color:#9A6B00 !important;
        padding-left:18px !important;
        box-shadow:none !important;
        transform:none !important;
    }
    /* the trailing "↗" → simple gold chevron, no circular chip */
    body.vk .vk-mobile li a span{
        width:auto !important; height:auto !important;
        background:none !important; border:none !important; border-radius:0 !important;
        color:#C8860B !important;
        font-size:15px !important; font-weight:700 !important;
        transform:none !important;
        transition:transform .2s ease, color .2s ease !important;
    }
    body.vk .vk-mobile li a:hover span,
    body.vk .vk-mobile li a:focus-visible span,
    body.vk .vk-mobile li a.is-current span{
        background:none !important; border:none !important;
        color:#9A6B00 !important;
        transform:translateX(3px) !important;
    }
    /* left-align menu item labels (label span was inheriting flex/center) */
    body.vk .vk-mobile .lms-mobile__label{
        display:block !important;
        justify-content:flex-start !important;
        text-align:left !important;
        width:auto !important; height:auto !important;
        background:none !important; border:none !important; border-radius:0 !important;
    }

    /* ── WhatsApp CTA ── */
    body.vk .vk-mobile li.vk-mobile__cta{ margin-top:18px !important; }
    body.vk .vk-mobile li.vk-mobile__cta a{
        margin:0 !important;
        padding:15px 20px !important;
        min-height:0 !important;
        border:none !important; border-bottom:none !important;
        border-radius:14px !important;
        justify-content:center !important; text-align:center !important;
        background:linear-gradient(135deg,#FFE9A8 0%,#FFC72C 50%,#E6A91E 100%) !important;
        color:#1A0E00 !important;
        font-weight:800 !important; font-size:15px !important;
        letter-spacing:.02em !important; text-transform:none !important;
        box-shadow:0 12px 28px -12px rgba(200,134,11,.6) !important;
    }
    body.vk .vk-mobile li.vk-mobile__cta a:hover{ color:#1A0E00 !important; padding-left:20px !important; }
    body.vk .vk-mobile__cta a::before,
    body.vk .vk-mobile__cta a::after{ display:none !important; content:none !important; }

    /* ── FOOTER ── */
    body.vk .vk-mobile__foot{
        margin-top:18px !important;
        padding:16px 4px 4px !important;
        border-top:1px solid rgba(26,24,19,.10) !important;
        flex-direction:column !important;
        align-items:flex-start !important;
        gap:4px !important;
        color:#6B6250 !important;
        text-align:left !important;
        font-size:11.5px !important; letter-spacing:.04em !important;
    }
    body.vk .vk-mobile__foot span:first-child{
        color:#1A1813 !important; font-weight:700 !important;
        letter-spacing:.02em !important; font-size:12px !important;
    }

    /* ── CLOSE button (open burger) → light X pinned top-right over the drawer ── */
    body.vk .vk-burger[aria-expanded="true"]{
        position:fixed !important;
        top:14px !important; right:14px !important;
        z-index:1002 !important;
        width:42px !important; height:42px !important;
        border-radius:12px !important;
        background:#FFFFFF !important;
        border:1px solid rgba(26,24,19,.14) !important;
        color:#1A1813 !important;
        box-shadow:0 8px 22px -8px rgba(26,24,19,.32) !important;
    }
    body.vk .vk-burger[aria-expanded="true"] span{ background:#1A1813 !important; }
    body.vk.admin-bar .vk-burger[aria-expanded="true"]{ top:46px !important; }

    @keyframes vk-drawer-scrim{ from{ opacity:0; } to{ opacity:1; } }
    @keyframes vk-drawer-slide{ from{ transform:translateX(100%); } to{ transform:translateX(0); } }

    body.vk.vk-menu-open{ overflow:hidden !important; }
}

/* =========================================================================
   Notice Ticker — auto-scrolling announcement bar at the top of the header.
   Markup rendered by wicket_render_notice_ticker() (inc/notice-ticker.php).
   ========================================================================= */
body.vk .vk-ticker{
    position: relative;
    z-index: 2;
    background: var(--vk-grad-gold, linear-gradient(95deg, #E8A200 0%, #C8860B 50%, #8A5A0A 100%));
    border-bottom: 1px solid rgba(0,0,0,0.10);
    overflow: hidden;
}
body.vk .vk-ticker__inner{
    display: flex;
    align-items: stretch;
    max-width: 100%;
}
body.vk .vk-ticker__heading{
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    padding: 0 16px;
    font-weight: 700;
    font-size: 14px;
    color: #1A1813;
    background: rgba(0,0,0,0.14);
    white-space: nowrap;
}
body.vk .vk-ticker__viewport{
    flex: 1 1 auto;
    overflow: hidden;
    position: relative;
}
body.vk .vk-ticker__marquee{
    display: flex;
    width: max-content;
    will-change: transform;
    animation: vk-ticker-scroll var(--vk-ticker-duration, 30s) linear infinite;
}
body.vk .vk-ticker:hover .vk-ticker__marquee{
    animation-play-state: paused;
}
body.vk .vk-ticker__track{
    display: flex;
    align-items: center;
    margin: 0;
    padding: 0;
    list-style: none;
}
body.vk .vk-ticker__item{
    display: flex;
    align-items: center;
    white-space: nowrap;
    padding: 7px 26px;
    position: relative;
    font-size: 15px;
    line-height: 1.4;
}
body.vk .vk-ticker__item::before{
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: rgba(0,0,0,0.55);
}
body.vk .vk-ticker__item a,
body.vk .vk-ticker__item span{
    color: #1A1813;
    text-decoration: none;
    font-weight: 600;
}
body.vk .vk-ticker__item a:hover{
    text-decoration: underline;
}
@keyframes vk-ticker-scroll{
    from{ transform: translateX(0); }
    to{ transform: translateX(-50%); }
}
@media (prefers-reduced-motion: reduce){
    body.vk .vk-ticker__marquee{ animation: none; }
    body.vk .vk-ticker__viewport{ overflow-x: auto; }
}
@media (max-width: 600px){
    body.vk .vk-ticker__item{ font-size: 13px; padding: 6px 20px; }
    body.vk .vk-ticker__heading{ font-size: 12px; padding: 0 12px; }
}

/* ════════ Animated colour-changing admin name (below the ticker) ════════ */
body.vk .vk-adminname{
    position: relative;
    z-index: 2;
    text-align: center;
    padding: 7px 14px;
    border-bottom: 1px solid rgba(0,0,0,0.08);
    background: rgba(255,255,255,0.18);
}
body.vk .vk-adminname__text{
    display: inline-block;
    font-weight: 800;
    font-size: 20px;
    letter-spacing: .2px;
    line-height: 1.3;
    background: linear-gradient(90deg,
        #FBEFC8 0%, #F4D98B 11%, #FFB23E 22%, #FF6F91 33%, #E0457B 44%,
        #A78BFA 55%, #38BDF8 66%, #34D399 77%, #F4D98B 88%, #FBEFC8 100%);
    background-size: 400% 100%;
    -webkit-background-clip: text;
    background-clip: text;
    color: #C8860B;                 /* fallback for non-supporting browsers */
    -webkit-text-fill-color: transparent;
    animation: vk-adminname-shift 10s linear infinite;
}
@keyframes vk-adminname-shift{
    from{ background-position: 0% 50%; }
    to{ background-position: 400% 50%; }
}
@media (prefers-reduced-motion: reduce){
    body.vk .vk-adminname__text{ animation: none; }
}
@media (max-width: 600px){
    body.vk .vk-adminname__text{ font-size: 17px; }
}

/* ════════════════════════════════════════════════════════════════════════
   VERIFY-ANYWHERE FEATURE BAND (image + copy split)
   ════════════════════════════════════════════════════════════════════════ */
body.vk .vk-verify__grid{
    display: grid;
    grid-template-columns: minmax(0, 0.85fr) minmax(0, 1fr);
    align-items: center;
    gap: clamp(28px, 5vw, 72px);
    max-width: 1180px;
    margin: 0 auto;
}
/* ---- media side ---- */
body.vk .vk-verify__media{ position: relative; }
body.vk .vk-verify__glow{
    position: absolute; inset: -8% -6% -8% -6%;
    background: radial-gradient(60% 55% at 50% 40%, rgba(247,181,0,.32), transparent 70%);
    filter: blur(34px);
    z-index: 0; pointer-events: none;
}
body.vk .vk-verify__frame{
    position: relative; z-index: 1;
    border-radius: 26px;
    overflow: hidden;
    border: 1px solid rgba(26,24,19,.10);
    box-shadow: 0 28px 64px rgba(26,24,19,.20), 0 2px 0 rgba(255,255,255,.6) inset;
    max-width: 460px;
    margin-inline: auto;
}
body.vk .vk-verify__frame img{
    display: block;
    width: 100%;
    height: 100%;
    aspect-ratio: 4 / 5;
    object-fit: cover;
    object-position: center 28%;
}
/* floating chips over the image */
body.vk .vk-verify__chip{
    position: absolute; z-index: 2;
    display: inline-flex; align-items: center; gap: 7px;
    padding: 9px 14px; border-radius: 999px;
    font-weight: 700; font-size: 13px; line-height: 1;
    background: rgba(255,255,255,.92);
    -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px);
    box-shadow: 0 10px 26px rgba(26,24,19,.18);
    animation: vk-verify-float 5.5s ease-in-out infinite;
}
body.vk .vk-verify__chip svg{ color: #16A34A; }
body.vk .vk-verify__chip--top{ top: 16px; left: 16px; color: #15803D; }
body.vk .vk-verify__chip--bottom{
    bottom: 18px; right: 16px; color: #1A1813;
    animation-delay: -2.6s;
}
body.vk .vk-verify__chip-dot{
    width: 9px; height: 9px; border-radius: 50%;
    background: #22C55E; box-shadow: 0 0 0 4px rgba(34,197,94,.22);
}
@keyframes vk-verify-float{ 0%,100%{ transform: translateY(0); } 50%{ transform: translateY(-8px); } }
/* ---- copy side ---- */
body.vk .vk-verify__list{
    list-style: none; margin: 22px 0 26px; padding: 0;
    display: grid; gap: 13px;
}
body.vk .vk-verify__list li{
    display: flex; align-items: flex-start; gap: 11px;
    font-size: 15.5px; line-height: 1.5; color: #3A352A;
    font-family: var(--vk-font-bn);
}
body.vk .vk-verify__list li svg{
    flex-shrink: 0; margin-top: 1px;
    color: #16A34A;
    background: rgba(34,197,94,.14);
    border-radius: 50%; padding: 3px;
    width: 24px; height: 24px;
}
body.vk .vk-verify__cta .vk-btn{ min-width: 200px; justify-content: center; }
@media (prefers-reduced-motion: reduce){
    body.vk .vk-verify__chip{ animation: none; }
}
@media (max-width: 860px){
    body.vk .vk-verify__grid{ grid-template-columns: 1fr; gap: 32px; }
    body.vk .vk-verify__copy{ text-align: center; }
    body.vk .vk-verify__list{ display: inline-grid; text-align: left; }
    body.vk .vk-verify__cta{ display: flex; justify-content: center; }
}

/* ════════════════════════════════════════════════════════════════════════
   AMBASSADOR HERO — premium polish (depth, glow, smoother fade)
   ════════════════════════════════════════════════════════════════════════ */
/* Richer layered backdrop so even cross-fade gaps read luxe, not flat black */
body.vk .baj-hero{
    background:
        radial-gradient(46% 72% at 80% 48%, rgba(233,196,106,.16), transparent 70%),
        radial-gradient(62% 95% at 6% 28%, rgba(180,131,15,.14), transparent 72%),
        radial-gradient(130% 120% at 50% -12%, rgba(255,221,140,.06), transparent 62%),
        linear-gradient(158deg, #1B160C 0%, #100C06 56%, #0A0704 100%) !important;
}
/* Confident height + vertical rhythm */
body.vk .baj-hero__inner{
    min-height: clamp(440px, 56vh, 600px) !important;
    align-items: center !important;
}
/* Smoother, snappier cross-fade */
body.vk .baj-hero__slide{ transition: opacity .5s ease, visibility 0s .5s !important; }
body.vk .baj-hero__slide--active{ opacity:1 !important; visibility:visible !important; transition: opacity .5s ease, visibility 0s !important; }

/* Eyebrow — crisper pill */
body.vk .baj-hero__eyebrow{
    padding: 6px 14px !important;
    background: linear-gradient(180deg, rgba(233,196,106,.14), rgba(233,196,106,.05)) !important;
    border-color: rgba(233,196,106,.42) !important;
    box-shadow: 0 6px 18px -8px rgba(180,131,15,.5) !important;
}
/* Name — animated champagne sheen */
body.vk .baj-hero__name{
    background: linear-gradient(100deg,#FBEFC8 0%,#F0D592 28%,#E9C46A 50%,#FBEFC8 72%,#E9C46A 100%) !important;
    background-size: 220% 100% !important;
    -webkit-background-clip:text !important; background-clip:text !important;
    -webkit-text-fill-color:transparent !important; color:transparent !important;
    text-shadow: 0 0 80px rgba(233,196,106,.18) !important;
    animation: baj-name-sheen 7s linear infinite !important;
}
@keyframes baj-name-sheen{ from{ background-position:0% 50%; } to{ background-position:220% 50%; } }
/* Rule — wider with stronger glow */
body.vk .baj-hero__rule{ width:64px !important; height:3px !important; box-shadow:0 0 14px rgba(233,196,106,.6) !important; }

/* Portrait — layered gold halo + gentle float + richer frame */
body.vk .baj-hero__portrait-halo{
    background:
        radial-gradient(closest-side, rgba(233,196,106,.52), transparent 72%),
        radial-gradient(72% 72% at 50% 52%, rgba(180,131,15,.34), transparent 80%) !important;
    filter: blur(6px) !important;
}
body.vk .baj-hero__portrait{ animation: baj-portrait-float 6.5s ease-in-out infinite !important; }
@keyframes baj-portrait-float{ 0%,100%{ transform: translateY(0); } 50%{ transform: translateY(-12px); } }
body.vk .baj-hero__portrait-wrap{
    border:1px solid rgba(233,196,106,.55) !important;
    box-shadow:
        0 40px 84px -30px rgba(0,0,0,.92),
        0 0 0 1px rgba(233,196,106,.28) inset,
        0 0 64px -12px rgba(180,131,15,.38) !important;
}
body.vk .baj-hero__corner{ border-color:#FBEFC8 !important; box-shadow:0 0 14px rgba(233,196,106,.7) !important; }

@media (prefers-reduced-motion: reduce){
    body.vk .baj-hero__name{ animation: none !important; }
    body.vk .baj-hero__portrait{ animation: none !important; }
}

/* Ambassador hero — mobile refinements (stacked layout) */
@keyframes baj-portrait-float-sm{ 0%,100%{ transform: translateY(0); } 50%{ transform: translateY(-7px); } }
@media (max-width: 880px){
    body.vk .baj-hero__inner{
        min-height: auto !important;     /* flow naturally, no forced empty space */
        align-items: start !important;   /* top-anchor the stacked column */
        gap: 18px !important;
        padding-top: clamp(22px, 5vw, 32px) !important;
    }
    /* softer float so the portrait can't nudge into the thumbnail nav */
    body.vk .baj-hero__portrait{ animation: baj-portrait-float-sm 6.5s ease-in-out infinite !important; }
    /* keep the warm backdrop punchy but pull the glow toward the portrait (now centered) */
    body.vk .baj-hero{
        background:
            radial-gradient(60% 40% at 50% 64%, rgba(233,196,106,.16), transparent 70%),
            radial-gradient(90% 60% at 50% 6%, rgba(180,131,15,.12), transparent 72%),
            linear-gradient(160deg, #1B160C 0%, #100C06 60%, #0A0704 100%) !important;
    }
}
@media (max-width: 480px){
    body.vk .baj-hero__portrait-fname{ font-size: clamp(28px, 11vw, 44px) !important; }
}

/* ════════════════════════════════════════════════════════════════════════
   LOTTERY LIVE — "GRAND LOTTERY HALL" premium black-&-gold redesign
   Overrides the LMS plugin frontend.css (loaded earlier). The plugin text is
   gold/cream (built for dark) but was rendering on cream cards -> unreadable.
   This restores a cohesive dark-luxe stage between the gold header & footer.
   ════════════════════════════════════════════════════════════════════════ */

/* Page title "Lottery Live" -> champagne-gold animated wordmark */
body.vk.page-id-3277 .entry-header.inner-common-header{ background:transparent !important; padding:18px 0 6px !important; }
body.vk.page-id-3277 .entry-title{
    text-align:center !important;
    font-family: var(--vk-font-bn), Inter, sans-serif !important;
    font-weight:800 !important;
    letter-spacing:-.01em !important;
    font-size:clamp(34px, 5vw, 62px) !important;
    background:linear-gradient(100deg,#FBEFC8 0%,#F0D592 28%,#E9C46A 52%,#FBEFC8 74%,#E9C46A 100%) !important;
    background-size:220% 100% !important;
    -webkit-background-clip:text !important; background-clip:text !important;
    -webkit-text-fill-color:transparent !important; color:transparent !important;
    text-shadow:0 0 80px rgba(233,196,106,.20) !important;
    animation: baj-name-sheen 7s linear infinite !important;
}

/* The lottery panel -> dark onyx stage */
body.vk .lms-lottery-wrapper{
    background:
        radial-gradient(55% 38% at 14% 0%, rgba(233,196,106,.12), transparent 64%),
        radial-gradient(58% 40% at 86% 6%, rgba(180,131,15,.14), transparent 62%),
        radial-gradient(80% 50% at 50% 108%, rgba(233,196,106,.06), transparent 66%),
        linear-gradient(180deg,#120E07 0%,#0A0704 100%) !important;
    border:1px solid rgba(233,196,106,.24) !important;
    border-radius:28px !important;
    padding:clamp(14px,2.4vw,30px) !important;
    box-shadow:0 50px 100px -50px rgba(0,0,0,.85), 0 0 0 1px rgba(233,196,106,.06) inset !important;
    color:#ECE3CE !important;
}

/* Hero banner */
body.vk .lms-hero{
    background:
        radial-gradient(85% 120% at 50% 0%, rgba(233,196,106,.16), transparent 58%),
        linear-gradient(180deg,#1A1408 0%,#0C0904 100%) !important;
    border:1px solid rgba(233,196,106,.34) !important;
    box-shadow:0 30px 70px -34px rgba(0,0,0,.85), 0 0 0 1px rgba(233,196,106,.10) inset !important;
}
body.vk .lms-hero-corner,
body.vk .lms-corner-tl, body.vk .lms-corner-tr,
body.vk .lms-corner-bl, body.vk .lms-corner-br{ border-color:#FBEFC8 !important; box-shadow:0 0 12px rgba(233,196,106,.6) !important; }
body.vk .lms-hero-title{
    background:linear-gradient(100deg,#FBEFC8,#F0D592 40%,#E9C46A 72%,#FBEFC8) !important;
    -webkit-background-clip:text !important; background-clip:text !important;
    -webkit-text-fill-color:transparent !important; color:transparent !important;
    text-shadow:0 0 70px rgba(233,196,106,.22) !important;
}
body.vk .lms-brand-logo, body.vk .lms-brand-mark, body.vk .lms-brand-tag{ color:#EAD08A !important; }
body.vk .lms-state-chip{ background:rgba(233,196,106,.12) !important; border:1px solid rgba(233,196,106,.4) !important; color:#EAD08A !important; }
body.vk .lms-grand-prize{
    background:linear-gradient(180deg, rgba(233,196,106,.14), rgba(233,196,106,.04)) !important;
    border:1px solid rgba(233,196,106,.5) !important;
    box-shadow:0 14px 34px -16px rgba(180,131,15,.5) !important;
}
body.vk .lms-gp-label{ color:#C9A24B !important; }
body.vk .lms-gp-title{ color:#FBEFC8 !important; }
body.vk .lms-meta-pill{ background:rgba(10,8,4,.5) !important; border:1px solid rgba(233,196,106,.26) !important; }
body.vk .lms-meta-num{ color:#F4D98B !important; }
body.vk .lms-meta-lbl{ color:#C3B795 !important; }
body.vk .lms-meta-sep{ background:rgba(233,196,106,.3) !important; }

/* Eligibility note */
body.vk .lms-eligibility-note{
    background:linear-gradient(180deg, rgba(233,196,106,.08), rgba(233,196,106,.03)) !important;
    border:1px solid rgba(233,196,106,.24) !important;
    color:#D8CEB4 !important;
    border-radius:14px !important;
}
body.vk .lms-note-glyph{ color:#EAD08A !important; }

/* Tabs */
body.vk .lms-tabs-wrap, body.vk .lms-tabs{
    background:rgba(10,8,4,.55) !important;
    border:1px solid rgba(233,196,106,.22) !important;
    border-radius:16px !important;
}
body.vk .lms-tab{ color:#C3B795 !important; background:transparent !important; }
body.vk .lms-tab.is-active, body.vk .lms-tab[aria-selected="true"]{ color:#FBEFC8 !important; }
body.vk .lms-tab-icon{ color:#EAD08A !important; }
body.vk .lms-tabs-indicator{
    background:linear-gradient(90deg,#B4830F,#F4D98B) !important;
    box-shadow:0 0 16px rgba(233,196,106,.55) !important;
}

/* Form shell + state cards + info cards: one dark-glass surface */
body.vk .lms-form-shell,
body.vk .lms-state-closed, body.vk .lms-result-pending,
body.vk .lms-prizes-card, body.vk .lms-rules-card,
body.vk .lms-brand-footer{
    background:
        radial-gradient(60% 80% at 100% 0%, rgba(233,196,106,.10), transparent 70%),
        linear-gradient(180deg, rgba(233,196,106,.035), rgba(233,196,106,.012)),
        rgba(13,10,5,.86) !important;
    border:1px solid rgba(233,196,106,.24) !important;
    box-shadow:0 26px 60px -30px rgba(0,0,0,.8), 0 0 0 1px rgba(233,196,106,.06) inset !important;
    border-radius:20px !important;
}
body.vk .lms-info-corner-tl, body.vk .lms-info-corner-tr,
body.vk .lms-info-corner-bl, body.vk .lms-info-corner-br,
body.vk .lms-info-corner{ border-color:rgba(233,196,106,.55) !important; }
body.vk .lms-info-card-eyebrow{ color:#C9A24B !important; }
body.vk .lms-info-card-head, body.vk .lms-info-card-titles{ color:#FBEFC8 !important; }
body.vk .lms-info-glyph{ color:#0A0804 !important; background:linear-gradient(135deg,#FFE9A8,#E6A91E) !important; }

/* state (closed/pending) card */
body.vk .lms-state-msg, body.vk .lms-state-row{ color:#D8CEB4 !important; }
body.vk .lms-state-glyph-wrap{ border-color:rgba(233,196,106,.4) !important; background:rgba(233,196,106,.08) !important; box-shadow:0 0 30px -6px rgba(233,196,106,.4) !important; }
body.vk .lms-state-glyph{ color:#EAD08A !important; }
body.vk .lms-pending-eyebrow{ color:#C9A24B !important; }
body.vk .lms-pending-sub{ color:#C3B795 !important; }

/* Prize showcase rows */
body.vk .lms-prize-item{
    background:linear-gradient(180deg, rgba(233,196,106,.07), rgba(233,196,106,.02)) !important;
    border:1px solid rgba(233,196,106,.20) !important;
    border-radius:14px !important;
    transition:border-color .25s ease, transform .25s ease, box-shadow .25s ease !important;
}
body.vk .lms-prize-item:hover{
    border-color:rgba(233,196,106,.55) !important;
    transform:translateY(-2px) !important;
    box-shadow:0 16px 34px -18px rgba(180,131,15,.6) !important;
}
body.vk .lms-prize-name{ color:#FBEFC8 !important; }
body.vk .lms-prize-desc{ color:#C3B795 !important; }
body.vk .lms-prize-tier-label{ color:#C9A24B !important; }
body.vk .lms-prize-count{
    background:rgba(10,8,4,.7) !important;
    border:1px solid rgba(233,196,106,.4) !important;
    color:#F4D98B !important;
    border-radius:10px !important;
}
body.vk .lms-prize-rank-ring{ box-shadow:0 0 0 1px rgba(233,196,106,.25), 0 6px 16px -6px rgba(0,0,0,.6) !important; }

/* Rules / Terms */
body.vk .lms-rules-body, body.vk .lms-rules-body *{ color:#D8CEB4 !important; }
body.vk .lms-state-bullet{ background:linear-gradient(135deg,#FFE9A8,#E6A91E) !important; color:#0A0804 !important; border:none !important; box-shadow:0 4px 10px -3px rgba(180,131,15,.6) !important; }
body.vk .lms-rules-footer, body.vk .lms-rules-footer-text{ color:#C9A24B !important; }
body.vk .lms-rules-footer-line, body.vk .lms-brand-footer-line, body.vk .lms-pending-divider-line{ background:linear-gradient(90deg,transparent,rgba(233,196,106,.5),transparent) !important; }

/* Brand footer "Presented by" */
body.vk .lms-brand-footer-text{ color:#C9A24B !important; }
body.vk .lms-brand-footer-logo{ color:#EAD08A !important; }
body.vk .lms-ornament-diamond{ background:#E9C46A !important; box-shadow:0 0 10px rgba(233,196,106,.6) !important; }
body.vk .lms-ornament-line{ background:linear-gradient(90deg,transparent,rgba(233,196,106,.5),transparent) !important; }

/* Submit button (registration open state) */
body.vk .lms-submit-btn{
    background:linear-gradient(135deg,#FFE9A8 0%,#FFC72C 50%,#E6A91E 100%) !important;
    color:#0A0500 !important;
    border:none !important;
    box-shadow:0 14px 34px -12px rgba(233,196,106,.6), 0 1px 0 rgba(255,255,255,.45) inset !important;
}
body.vk .lms-submit-btn-text, body.vk .lms-submit-btn-arrow{ color:#0A0500 !important; }
body.vk .lms-form-field input, body.vk .lms-form-field select{
    background:rgba(10,8,4,.6) !important;
    border:1px solid rgba(233,196,106,.3) !important;
    color:#ECE3CE !important;
}

/* Lottery redesign — heading contrast fixes (appended last, wins) */
/* Bare headings inside the dark lottery panel were using the theme's dark
   default color -> invisible on dark. Force them light gold. */
body.vk .lms-lottery-wrapper h2:not([class]),
body.vk .lms-lottery-wrapper h3:not([class]){
    color:#FBEFC8 !important;
    -webkit-text-fill-color:#FBEFC8 !important;
}
/* "Lottery Live" title sits on the cream page body — use a deeper gold so it
   reads with contrast (the light-champagne version washed out). */
body.vk.page-id-3277 .entry-title{
    background:linear-gradient(100deg,#C8860B 0%,#9A6B0F 26%,#E6A91E 50%,#C8860B 74%,#8A5A0A 100%) !important;
    background-size:220% 100% !important;
    text-shadow:0 2px 18px rgba(180,131,15,.28) !important;
}

/* Re-assert text clip on the title (the background shorthand above reset it
   to border-box, painting a gold rectangle instead of clipping to the text). */
body.vk.page-id-3277 .entry-title{
    -webkit-background-clip:text !important;
    background-clip:text !important;
    -webkit-text-fill-color:transparent !important;
    color:transparent !important;
}

/* Grand Prize plaque — was a light cream box hiding its gold prize name */
body.vk .lms-gp-content{
    background:linear-gradient(180deg, rgba(233,196,106,.12), rgba(10,8,4,.5)) !important;
    border:1px solid rgba(233,196,106,.35) !important;
    box-shadow:0 0 24px -6px rgba(233,196,106,.35) inset !important;
}
body.vk .lms-gp-icon{ color:#F4D98B !important; }

/* Result tab (winners-pending state) — keep the dark luxe consistent */
body.vk .lms-result-area{ background:transparent !important; }
body.vk .lms-pending-orb{
    background:rgba(233,196,106,.10) !important;
    border:1px solid rgba(233,196,106,.42) !important;
    box-shadow:0 0 32px -6px rgba(233,196,106,.45) !important;
}
body.vk .lms-pending-orb-icon{ color:#EAD08A !important; }
body.vk .lms-pending-ring, body.vk .lms-pending-ring-2{ border-color:rgba(233,196,106,.35) !important; }
body.vk .lms-pending-prize-grid .lms-pending-prize-item{
    background:linear-gradient(180deg, rgba(233,196,106,.07), rgba(233,196,106,.02)) !important;
    border:1px solid rgba(233,196,106,.2) !important;
    border-radius:12px !important;
}
body.vk .lms-pending-prize-tier, body.vk .lms-pending-prize-rank{ color:#C9A24B !important; }
body.vk .lms-pending-prize-title{ color:#FBEFC8 !important; }
body.vk .lms-pending-divider-text{ color:#C9A24B !important; }

/* ── Lottery results (winners published) — dark-gold celebration board ── */
body.vk .lms-result-celebration{ color:#ECE3CE !important; }
body.vk .lms-celebration-head{
    background:radial-gradient(70% 110% at 50% 0%, rgba(233,196,106,.16), transparent 58%), rgba(13,10,5,.6) !important;
    border:1px solid rgba(233,196,106,.26) !important;
    border-radius:20px !important;
}
body.vk .lms-celebration-corner{ border-color:rgba(233,196,106,.55) !important; }
body.vk .lms-celebration-eyebrow{ color:#C9A24B !important; }
body.vk .lms-celebration-head h2{ color:#FBEFC8 !important; -webkit-text-fill-color:#FBEFC8 !important; }
body.vk .lms-celebration-head p{ color:#C3B795 !important; }

/* tier blocks */
body.vk .lms-tier-block{
    background:linear-gradient(180deg, rgba(233,196,106,.05), rgba(233,196,106,.015)), rgba(13,10,5,.78) !important;
    border:1px solid rgba(233,196,106,.22) !important;
    border-radius:18px !important;
}
body.vk .lms-tier-medal-num{ color:#F4D98B !important; }
body.vk .lms-tier-medal-ring{ color:rgba(233,196,106,.5) !important; }
body.vk .lms-tier-eyebrow{ color:#C9A24B !important; }
body.vk .lms-tier-title{ color:#FBEFC8 !important; -webkit-text-fill-color:#FBEFC8 !important; }
body.vk .lms-tier-desc{ color:#C3B795 !important; }
body.vk .lms-tier-count-badge{ background:rgba(10,8,4,.7) !important; border:1px solid rgba(233,196,106,.4) !important; border-radius:12px !important; }
body.vk .lms-tier-count-badge strong{ color:#F4D98B !important; }
body.vk .lms-tier-count-badge span{ color:#C3B795 !important; }
/* tier medal rank accents (gold / silver / bronze / gold) */
body.vk .lms-tier-rank-1 .lms-tier-medal-num{ color:#FFD75E !important; }
body.vk .lms-tier-rank-2 .lms-tier-medal-num{ color:#DCE0EA !important; }
body.vk .lms-tier-rank-3 .lms-tier-medal-num{ color:#E3A86C !important; }

/* winner cards */
body.vk .lms-winner-card{
    background:linear-gradient(180deg, rgba(233,196,106,.07), rgba(233,196,106,.02)), rgba(10,8,4,.7) !important;
    border:1px solid rgba(233,196,106,.22) !important;
    border-radius:14px !important;
    transition:border-color .25s ease, transform .25s ease, box-shadow .25s ease !important;
}
body.vk .lms-winner-card:hover{
    border-color:rgba(233,196,106,.55) !important;
    transform:translateY(-2px) !important;
    box-shadow:0 16px 32px -16px rgba(180,131,15,.55) !important;
}
body.vk .lms-winner-card-corner{ border-color:rgba(233,196,106,.5) !important; }
body.vk .lms-winner-pos{ color:#C9A24B !important; }
body.vk .lms-winner-avatar{ background:linear-gradient(135deg,#FFE9A8,#E6A91E) !important; color:#0A0804 !important; box-shadow:0 6px 16px -6px rgba(180,131,15,.6) !important; }
body.vk .lms-winner-name{ color:#FBEFC8 !important; -webkit-text-fill-color:#FBEFC8 !important; }
body.vk .lms-winner-username{ color:#C9A24B !important; }
body.vk .lms-winner-detail-lbl{ color:#9E927A !important; }
body.vk .lms-winner-detail > span:not(.lms-winner-detail-lbl){ color:#D8CEB4 !important; }
body.vk .lms-winner-detail code{
    background:rgba(10,8,4,.75) !important;
    border:1px solid rgba(233,196,106,.32) !important;
    color:#F4D98B !important;
    border-radius:6px !important;
}

/* celebration footer */
body.vk .lms-celebration-footer .lms-cf-text{ color:#C9A24B !important; }
body.vk .lms-cf-line{ background:linear-gradient(90deg,transparent,rgba(233,196,106,.5),transparent) !important; }

/* tier header bar + celebration footer were still light gradients */
body.vk .lms-tier-head{
    background:linear-gradient(135deg, rgba(233,196,106,.12), rgba(233,196,106,.03)) !important;
    border-bottom:1px solid rgba(233,196,106,.18) !important;
}
body.vk .lms-celebration-footer{ background:transparent !important; }

/* Lottery — mobile: stack the registration form's half-width fields
   (they were squeezed into an uneven 2-column grid on narrow screens). */
@media (max-width: 600px){
    body.vk .lms-form-grid{ grid-template-columns: 1fr !important; }
    body.vk .lms-field-half{ grid-column: 1 / -1 !important; }
}

/* ════════════════════════════════════════════════════════════════════════
   LOTTERY ARCHIVE (/lottery/) — "Grand Lottery Hall" black-&-gold redesign
   Matches /lottery-live/. Overrides the LMS plugin frontend.css (loaded first).
   ════════════════════════════════════════════════════════════════════════ */

/* The whole archive → dark onyx stage between the gold header & footer */
body.vk .lms-archive-shell{
    background:
        radial-gradient(50% 30% at 14% 0%, rgba(233,196,106,.12), transparent 64%),
        radial-gradient(54% 32% at 86% 4%, rgba(180,131,15,.14), transparent 62%),
        linear-gradient(180deg,#120E07 0%,#0A0704 100%) !important;
    border:1px solid rgba(233,196,106,.24) !important;
    border-radius:28px !important;
    padding:clamp(14px,2.4vw,30px) !important;
    box-shadow:0 50px 100px -50px rgba(0,0,0,.85), 0 0 0 1px rgba(233,196,106,.06) inset !important;
    color:#ECE3CE !important;
    margin-inline:clamp(8px,2vw,24px) !important;
}

/* Hero */
body.vk .lms-archive-hero{
    background:
        radial-gradient(85% 120% at 50% 0%, rgba(233,196,106,.16), transparent 56%),
        linear-gradient(180deg,#1A1408 0%,#0C0904 100%) !important;
    border:1px solid rgba(233,196,106,.30) !important;
    box-shadow:0 30px 70px -34px rgba(0,0,0,.85), 0 0 0 1px rgba(233,196,106,.10) inset !important;
}
body.vk .lms-hero-corner,
body.vk .lms-corner-tl, body.vk .lms-corner-tr,
body.vk .lms-corner-bl, body.vk .lms-corner-br{ border-color:#FBEFC8 !important; box-shadow:0 0 12px rgba(233,196,106,.6) !important; }
body.vk .lms-archive-tag{ color:#C9A24B !important; }
body.vk .lms-brand-logo, body.vk .lms-brand-mark, body.vk .lms-brand-tag{ color:#EAD08A !important; }
body.vk .lms-archive-h1{
    background:linear-gradient(100deg,#FBEFC8 0%,#F0D592 28%,#E9C46A 52%,#FBEFC8 74%,#E9C46A 100%) !important;
    background-size:220% 100% !important;
    -webkit-background-clip:text !important; background-clip:text !important;
    -webkit-text-fill-color:transparent !important; color:transparent !important;
    text-shadow:0 0 80px rgba(233,196,106,.20) !important;
    animation: baj-name-sheen 7s linear infinite !important;
}

/* Hero stat cards */
body.vk .lms-hero-stats{
    background:rgba(10,8,4,.5) !important;
    border:1px solid rgba(233,196,106,.24) !important;
    border-radius:16px !important;
}
body.vk .lms-stat-num{ color:#F4D98B !important; }
body.vk .lms-stat-eyebrow, body.vk .lms-stat-lbl{ color:#C3B795 !important; }
body.vk .lms-stat-sep{ background:rgba(233,196,106,.28) !important; }
body.vk .lms-stat-live{ color:#FFD75E !important; }
body.vk .lms-stat-upcoming{ color:#E9C46A !important; }

/* Filter bar + pills */
body.vk .lms-filter-bar{
    background:rgba(10,8,4,.55) !important;
    border:1px solid rgba(233,196,106,.22) !important;
    border-radius:16px !important;
}
body.vk .lms-filter-pill{ color:#C3B795 !important; background:transparent !important; border:1px solid transparent !important; }
body.vk .lms-filter-pill.is-active, body.vk .lms-filter-pill[aria-selected="true"]{
    color:#FBEFC8 !important;
    background:rgba(233,196,106,.12) !important;
    border:1px solid rgba(233,196,106,.4) !important;
}
body.vk .lms-pill-icon{ color:#EAD08A !important; }
body.vk .lms-pill-count{ background:rgba(10,8,4,.7) !important; border:1px solid rgba(233,196,106,.34) !important; color:#F4D98B !important; }

/* Lottery cards */
body.vk .lms-card{
    background:
        radial-gradient(60% 70% at 100% 0%, rgba(233,196,106,.10), transparent 70%),
        linear-gradient(180deg, rgba(233,196,106,.035), rgba(233,196,106,.012)),
        rgba(13,10,5,.88) !important;
    border:1px solid rgba(233,196,106,.24) !important;
    border-radius:18px !important;
    box-shadow:0 24px 56px -30px rgba(0,0,0,.8) !important;
    transition:border-color .25s ease, transform .25s ease, box-shadow .25s ease !important;
}
body.vk .lms-card:hover{
    border-color:rgba(233,196,106,.6) !important;
    transform:translateY(-4px) !important;
    box-shadow:0 36px 70px -28px rgba(0,0,0,.82), 0 18px 44px -20px rgba(180,131,15,.5) !important;
}
body.vk .lms-card-corner-tl, body.vk .lms-card-corner-tr,
body.vk .lms-card-corner-bl, body.vk .lms-card-corner-br{ border-color:rgba(233,196,106,.5) !important; }
body.vk .lms-card-thumb, body.vk .lms-card-placeholder{
    background:
        radial-gradient(80% 100% at 50% 0%, rgba(233,196,106,.14), transparent 56%),
        linear-gradient(180deg,#1A1408,#0C0904) !important;
    border-bottom:1px solid rgba(233,196,106,.18) !important;
}
body.vk .lms-card-badge{ background:rgba(233,196,106,.12) !important; border:1px solid rgba(233,196,106,.4) !important; color:#EAD08A !important; }
body.vk .lms-card-title{ color:#FBEFC8 !important; -webkit-text-fill-color:#FBEFC8 !important; }

/* Prize box on card */
body.vk .lms-card-prize{
    background:linear-gradient(135deg, rgba(233,196,106,.12), rgba(10,8,4,.45)) !important;
    border:1px solid rgba(233,196,106,.34) !important;
    border-radius:12px !important;
}
body.vk .lms-card-prize-icon{ color:#F4D98B !important; }
body.vk .lms-card-prize-tier{ color:#C9A24B !important; }
body.vk .lms-card-prize-title{ color:#FBEFC8 !important; }

/* status row */
body.vk .lms-card-cd-row, body.vk .lms-card-cd-ended, body.vk .lms-card .lms-state-row{ color:#C3B795 !important; }
body.vk .lms-state-chip, body.vk .lms-state-chip-closed{ background:rgba(233,196,106,.10) !important; border:1px solid rgba(233,196,106,.34) !important; color:#EAD08A !important; }

/* CTA button → gold */
body.vk .lms-card-cta{
    background:linear-gradient(135deg,#FFE9A8 0%,#FFC72C 50%,#E6A91E 100%) !important;
    color:#0A0500 !important;
    border:none !important;
    box-shadow:0 12px 28px -12px rgba(233,196,106,.6), 0 1px 0 rgba(255,255,255,.45) inset !important;
}
body.vk .lms-card-cta-text, body.vk .lms-card-cta-arrow{ color:#0A0500 !important; }

/* empty filter state + brand footer */
body.vk .lms-filter-empty, body.vk .lms-empty-glyph{ color:#C3B795 !important; }
body.vk .lms-brand-footer{
    background:linear-gradient(180deg, rgba(233,196,106,.035), rgba(233,196,106,.012)), rgba(13,10,5,.86) !important;
    border:1px solid rgba(233,196,106,.24) !important;
    border-radius:18px !important;
}
body.vk .lms-brand-footer-text{ color:#C9A24B !important; }
body.vk .lms-brand-footer-logo{ color:#EAD08A !important; }
body.vk .lms-brand-footer-line, body.vk .lms-ornament-line{ background:linear-gradient(90deg,transparent,rgba(233,196,106,.5),transparent) !important; }
body.vk .lms-ornament-diamond{ background:#E9C46A !important; box-shadow:0 0 10px rgba(233,196,106,.6) !important; }

/* Card body + status row were still light cream (hiding title/prize/status) */
body.vk .lms-card-body{ background:transparent !important; }
body.vk .lms-card-cd-row, body.vk .lms-card-cd-ended{
    background:rgba(233,196,106,.06) !important;
    border:1px solid rgba(233,196,106,.20) !important;
    color:#C3B795 !important;
    border-radius:10px !important;
}

/* Empty-filter state (Live/Upcoming tabs with 0 entries) */
body.vk .lms-filter-empty{
    background:linear-gradient(180deg, rgba(233,196,106,.04), rgba(233,196,106,.012)), rgba(13,10,5,.8) !important;
    border:1px solid rgba(233,196,106,.2) !important;
    border-radius:18px !important;
    color:#C3B795 !important;
}
body.vk .lms-empty-glyph{ background:rgba(233,196,106,.10) !important; border:1px solid rgba(233,196,106,.3) !important; color:#EAD08A !important; }

/* Lottery archive — mobile: wrap the filter pills so all four are visible
   (they overflowed a no-wrap scrolling bar, hiding "Concluded"). */
@media (max-width: 600px){
    body.vk .lms-filter-bar{
        flex-wrap: wrap !important;
        overflow-x: visible !important;
        justify-content: center !important;
        gap: 8px !important;
    }
    body.vk .lms-filter-pill{
        flex: 0 0 auto !important;
        padding-left: 14px !important;
        padding-right: 14px !important;
    }
}

/* ════════════════════════════════════════════════════════════════════════
   LOTTERY PAGES — SUPER PREMIUM (on-brand obsidian + champagne gold)
   Restructure + refined typography layered over the black-gold base.
   /lottery-live/ (page-id-3277) + /lottery/ archive.
   ════════════════════════════════════════════════════════════════════════ */

/* ── DISPLAY TITLES — bigger, tighter, animated champagne sheen ── */
body.vk.page-id-3277 .entry-title,
body.vk .lms-archive-h1{
    font-family:'Inter', var(--vk-font-bn), sans-serif !important;
    font-size:clamp(42px, 6.5vw, 84px) !important;
    font-weight:800 !important;
    letter-spacing:-.022em !important;
    line-height:1.02 !important;
    background:linear-gradient(100deg,#FBEFC8 0%,#FFD970 24%,#E9C46A 48%,#FBEFC8 70%,#E0B24A 100%) !important;
    background-size:220% 100% !important;
    -webkit-background-clip:text !important; background-clip:text !important;
    -webkit-text-fill-color:transparent !important; color:transparent !important;
    text-shadow:0 0 90px rgba(233,196,106,.25) !important;
    animation: baj-name-sheen 7.5s linear infinite !important;
    margin-bottom:.18em !important;
}
body.vk .lms-archive-h1{ font-family:var(--vk-font-bn), 'Inter', sans-serif !important; }
body.vk .lms-hero-title{ font-size:clamp(30px, 5vw, 60px) !important; letter-spacing:-.012em !important; line-height:1.08 !important; }

/* ── EYEBROWS / TAGS / TIER LABELS — refined uppercase tracking ── */
body.vk .lms-archive-tag, body.vk .lms-info-card-eyebrow,
body.vk .lms-prize-tier-label, body.vk .lms-card-prize-tier,
body.vk .lms-stat-eyebrow, body.vk .lms-tier-eyebrow, body.vk .lms-pending-eyebrow,
body.vk .lms-celebration-eyebrow, body.vk .lms-gp-label{
    text-transform:uppercase !important;
    letter-spacing:.22em !important;
    font-weight:700 !important;
    font-size:10px !important;
}
body.vk .lms-card-badge, body.vk .lms-state-chip, body.vk .lms-state-chip-closed{
    text-transform:uppercase !important; letter-spacing:.16em !important; font-weight:700 !important; font-size:10px !important;
}

/* ── HERO — more presence ── */
body.vk .lms-archive-hero, body.vk .lms-hero{ padding:clamp(34px,5vw,70px) clamp(20px,4vw,58px) !important; }
body.vk .lms-archive-hero{ border-radius:24px !important; }

/* ── PREMIUM STAT ROW — light numerals + hairline dividers ── */
body.vk .lms-hero-stats{ overflow:hidden !important; }
body.vk .lms-stat-card{ position:relative !important; padding:16px clamp(16px,3vw,36px) !important; }
body.vk .lms-stat-card + .lms-stat-card::before{
    content:"" !important; position:absolute !important; left:0; top:24%; bottom:24%; width:1px !important;
    background:linear-gradient(180deg,transparent,rgba(233,196,106,.42),transparent) !important;
}
body.vk .lms-stat-num{ font-size:clamp(28px,3.2vw,42px) !important; font-weight:300 !important; letter-spacing:.01em !important; color:#FBEFC8 !important; line-height:1 !important; }
body.vk .lms-stat-lbl{ text-transform:uppercase !important; letter-spacing:.16em !important; font-size:9px !important; margin-top:6px !important; }
body.vk .lms-stat-sep{ display:none !important; }

/* ── ARCHIVE CARDS — elevated premium ── */
body.vk .lms-card{
    border-radius:20px !important;
    overflow:hidden !important;
    position:relative !important;
    box-shadow:0 30px 64px -34px rgba(0,0,0,.85), 0 0 0 1px rgba(233,196,106,.08) inset !important;
}
body.vk .lms-card::after{
    content:"" !important; position:absolute !important; top:0; left:16%; right:16%; height:1px !important;
    background:linear-gradient(90deg,transparent,rgba(233,196,106,.65),transparent) !important; z-index:4 !important;
}
body.vk .lms-card:hover{
    transform:translateY(-6px) !important;
    border-color:rgba(233,196,106,.62) !important;
    box-shadow:0 46px 84px -30px rgba(0,0,0,.88), 0 22px 50px -22px rgba(180,131,15,.55), 0 0 0 1px rgba(233,196,106,.22) inset !important;
}
body.vk .lms-card-title{ font-size:clamp(17px,1.4vw,20px) !important; font-weight:700 !important; letter-spacing:-.01em !important; line-height:1.3 !important; color:#FBEFC8 !important; }
body.vk .lms-card-body{ padding:clamp(16px,1.4vw,22px) !important; }

/* ── GOLD-FOIL PRIZE CHIP (both pages) ── */
body.vk .lms-card-prize, body.vk .lms-prize-item, body.vk .lms-gp-content{
    background:
        linear-gradient(135deg, rgba(255,221,112,.18), rgba(233,196,106,.04)),
        rgba(10,8,4,.42) !important;
    border:1px solid rgba(233,196,106,.42) !important;
    box-shadow:0 1px 0 rgba(255,255,255,.10) inset, 0 10px 22px -14px rgba(180,131,15,.5) !important;
    border-radius:12px !important;
}
body.vk .lms-card-prize-title, body.vk .lms-prize-name, body.vk .lms-gp-title{ color:#FBEFC8 !important; font-weight:700 !important; letter-spacing:-.005em !important; }
body.vk .lms-card-prize-icon, body.vk .lms-gp-icon{ color:#FFD970 !important; }

/* ── PREMIUM GOLD CTA (both pages) ── */
body.vk .lms-card-cta, body.vk .lms-submit-btn{
    background:linear-gradient(135deg,#FFEFB8 0%,#F4D98B 30%,#E6A91E 100%) !important;
    color:#1A0F02 !important;
    font-weight:800 !important;
    letter-spacing:.13em !important;
    text-transform:uppercase !important;
    border-radius:12px !important;
    box-shadow:0 16px 32px -12px rgba(233,196,106,.6), 0 1px 0 rgba(255,255,255,.55) inset !important;
}
body.vk .lms-card-cta-text, body.vk .lms-submit-btn-text{ font-weight:800 !important; letter-spacing:.13em !important; }
body.vk .lms-card-cta-text, body.vk .lms-card-cta-arrow,
body.vk .lms-submit-btn-text, body.vk .lms-submit-btn-arrow{ color:#1A0F02 !important; }

/* ── ELEGANT THIN CORNER BRACKETS ── */
body.vk .lms-card-corner-tl, body.vk .lms-card-corner-tr,
body.vk .lms-card-corner-bl, body.vk .lms-card-corner-br,
body.vk .lms-hero-corner, body.vk .lms-corner-tl, body.vk .lms-corner-tr,
body.vk .lms-corner-bl, body.vk .lms-corner-br{
    width:20px !important; height:20px !important; border-width:1.5px !important;
}

/* ── LOTTERY-LIVE prize tiers — premium row rhythm ── */
body.vk .lms-prize-item{ padding:14px 16px !important; }
body.vk .lms-prize-tier-label{ color:#C9A24B !important; }
body.vk .lms-prize-desc{ color:#B7AB8C !important; letter-spacing:.005em !important; }
body.vk .lms-prize-count{ letter-spacing:.06em !important; }

/* ── Section heads (Prize Showcase / Terms / etc.) — refined ── */
body.vk .lms-info-card-head, body.vk .lms-info-card-titles,
body.vk .lms-lottery-wrapper h2:not([class]), body.vk .lms-lottery-wrapper h3:not([class]){
    font-weight:800 !important; letter-spacing:-.01em !important;
}

/* ── Eligibility note / lead text — refined ── */
body.vk .lms-eligibility-note{ letter-spacing:.005em !important; }

/* ── Filter pills — premium active ── */
body.vk .lms-filter-pill{ letter-spacing:.04em !important; font-weight:600 !important; }
body.vk .lms-filter-pill.is-active, body.vk .lms-filter-pill[aria-selected="true"]{ font-weight:800 !important; }

/* ════════════════════════════════════════════════════════════════════════
   LOTTERY ARCHIVE — template restructure: featured spotlight + card meta row
   ════════════════════════════════════════════════════════════════════════ */

/* Catalogue meta row (tiers · winners · date) */
body.vk .lms-card-meta{
    display:flex; flex-wrap:wrap; gap:8px 16px;
    margin:10px 0 14px;
}
body.vk .lms-card-meta-item{
    display:inline-flex; align-items:center; gap:6px;
    font-size:11.5px; font-weight:600; letter-spacing:.01em;
    color:#B7AB8C !important;
}
body.vk .lms-card-meta-item svg{ width:14px; height:14px; color:#E9C46A !important; flex-shrink:0; }

/* ── Featured spotlight (first card) — full-width horizontal showcase ── */
@media (min-width:1000px){
    body.vk .lms-card--featured{ grid-column:1 / -1 !important; }
    /* ribbon replaces the in-thumb badge on the featured card (avoid overlap) */
    /* keep the normal state badge on the featured card (top-left of the thumb) */
    body.vk .lms-card--featured .lms-card-badge{ z-index:6 !important; }
    body.vk .lms-card--featured .lms-card-link{
        display:grid !important;
        grid-template-columns:minmax(0,1.05fr) minmax(0,1fr) !important;
        align-items:stretch !important;
        min-height:340px !important;
    }
    body.vk .lms-card--featured .lms-card-thumb{
        height:100% !important; min-height:340px !important;
        border-radius:20px 0 0 20px !important; border-bottom:0 !important;
        border-right:1px solid rgba(233,196,106,.18) !important;
    }
    body.vk .lms-card--featured .lms-card-placeholder,
    body.vk .lms-card--featured .lms-card-img{ height:100% !important; }
    body.vk .lms-card--featured .lms-card-body{
        display:flex !important; flex-direction:column !important; justify-content:center !important;
        padding:clamp(26px,3vw,48px) !important; gap:4px !important;
    }
    body.vk .lms-card--featured .lms-card-title{
        font-size:clamp(24px,2.4vw,38px) !important; line-height:1.26 !important; margin-bottom:8px !important;
        padding-bottom:.04em !important; overflow:visible !important;
    }
    body.vk .lms-card--featured .lms-card-meta{ margin:6px 0 18px !important; gap:10px 22px !important; }
    body.vk .lms-card--featured .lms-card-meta-item{ font-size:13px !important; }
    body.vk .lms-card--featured .lms-card-prize{ padding:16px 20px !important; max-width:420px !important; }
    body.vk .lms-card--featured .lms-card-prize-title{ font-size:18px !important; }
    body.vk .lms-card--featured .lms-card-cd-row{ max-width:420px !important; }
    body.vk .lms-card--featured .lms-card-cta{
        align-self:flex-start !important; margin-top:18px !important; padding:15px 38px !important;
    }
    /* (custom corner ribbon removed — it was clipped by the card's rounded
       overflow:hidden edge; the normal state badge is used instead) */
    body.vk .lms-card--featured::before{ content:none !important; display:none !important; }
}

/* ════════════════════════════════════════════════════════════════════════
   LOTTERY PAGES — FIXES: text clipping + header/menu blink
   ════════════════════════════════════════════════════════════════════════ */

/* ── FIX 1: Bengali title text getting cut (tight line-height + bg-clip crop) ── */
body.vk.page-id-3277 .entry-title,
body.vk .lms-archive-h1,
body.vk .lms-hero-title{
    line-height:1.22 !important;
    padding-top:.06em !important;
    padding-bottom:.18em !important;
    overflow:visible !important;
}
body.vk .lms-card--featured .lms-card-title,
body.vk .lms-card-title,
body.vk .lms-info-card-head, body.vk .lms-info-card-titles,
body.vk .lms-prize-name, body.vk .lms-card-prize-title,
body.vk .lms-tier-title, body.vk .lms-winner-name{
    line-height:1.34 !important;
    overflow:visible !important;
    padding-bottom:.04em !important;
}

/* ── FIX 2: Menu/header BLINK — neutralise mix-blend-mode + backdrop-filter that
   force the sticky header to re-composite on every scroll/mousemove frame.
   (Same root cause as the original cursor-blink fix.) ── */
body.vk .lms-hero-noise,
body.vk .lms-card-placeholder-noise,
body.vk .lms-hero-pattern{
    mix-blend-mode:normal !important;
}
body.vk .lms-brand-mark,
body.vk .lms-state-chip, body.vk .lms-state-chip-closed, body.vk .lms-state-chip-live,
body.vk .lms-card-badge,
body.vk .lms-meta-pill, body.vk .lms-pill-count,
body.vk .lms-tabs, body.vk .lms-tabs-wrap,
body.vk .lms-filter-bar, body.vk .lms-hero-stats,
body.vk .lms-card-prize, body.vk .lms-prize-count{
    -webkit-backdrop-filter:none !important;
    backdrop-filter:none !important;
}

/* FIX: featured card thumb overflowing its grid column (overlapping the body).
   Grid items default to min-width:auto; the placeholder logo forces the thumb
   wider than its track. Constrain them so they respect the columns. */
@media (min-width:1000px){
    body.vk .lms-card--featured .lms-card-link > *{ min-width:0 !important; }
    body.vk .lms-card--featured .lms-card-thumb,
    body.vk .lms-card--featured .lms-card-body{ min-width:0 !important; overflow:hidden !important; }
    body.vk .lms-card--featured .lms-card-thumb{ overflow:hidden !important; }
    body.vk .lms-card--featured .lms-card-placeholder{ width:100% !important; height:100% !important; min-width:0 !important; }
    body.vk .lms-card--featured .lms-card-placeholder-brand{
        max-width:72% !important; width:auto !important; height:auto !important; max-height:46% !important; object-fit:contain !important;
    }
    body.vk .lms-card--featured .lms-card-img{ width:100% !important; height:100% !important; object-fit:cover !important; }
    /* keep body content clear of the divider */
    body.vk .lms-card--featured .lms-card-body{ overflow:visible !important; }
}

/* FIX: featured thumb width was driven by its aspect-ratio (× height) and
   overflowed the grid column. Let it fill the track instead. */
@media (min-width:1000px){
    body.vk .lms-card--featured .lms-card-thumb{
        aspect-ratio:auto !important;
        width:100% !important; height:100% !important;
    }
}

/* ════════════════════════════════════════════════════════════════════════
   LOTTERY FILTER STEPS — premium colourful segmented tabs (All/Live/Upcoming/
   Concluded), each with its own accent. + brand-footer logo fix.
   ════════════════════════════════════════════════════════════════════════ */

body.vk .lms-filter-bar{ gap:8px !important; padding:8px !important; }

body.vk .lms-filter-pill{
    flex:1 1 0% !important;
    justify-content:center !important;
    gap:9px !important;
    padding:14px 16px !important;
    border-radius:13px !important;
    border:1px solid rgba(255,255,255,.07) !important;
    background:rgba(255,255,255,.025) !important;
    color:rgba(255,255,255,.72) !important;
    font-weight:700 !important; letter-spacing:.03em !important;
    transition:background .25s ease, border-color .25s ease, color .25s ease, box-shadow .25s ease, transform .2s ease !important;
    position:relative !important;
}

/* per-state accent (R,G,B triplets used in rgba(var(--acc), a)) */
body.vk .lms-filter-pill[data-filter="all"]{      --acc:233,196,106; }
body.vk .lms-filter-pill[data-filter="live"]{     --acc:251,113,133; }
body.vk .lms-filter-pill[data-filter="upcoming"]{ --acc:96,165,250; }
body.vk .lms-filter-pill[data-filter="closed"]{   --acc:52,211,153; }

/* icon + live dot tinted with the accent */
body.vk .lms-filter-pill .lms-pill-icon{ color:rgb(var(--acc)) !important; }
body.vk .lms-filter-pill .lms-pill-dot-live{ background:rgb(var(--acc)) !important; box-shadow:0 0 8px rgba(var(--acc),.85) !important; }

/* count badge — accent pill */
body.vk .lms-pill-count{
    background:rgba(var(--acc),.16) !important;
    border:1px solid rgba(var(--acc),.42) !important;
    color:rgb(var(--acc)) !important;
    min-width:26px !important; height:23px !important; padding:0 7px !important;
    display:inline-flex !important; align-items:center !important; justify-content:center !important;
    font-weight:800 !important; font-size:12px !important; border-radius:999px !important;
}

/* hover (inactive) */
body.vk .lms-filter-pill:not(.is-active):hover{
    background:rgba(var(--acc),.08) !important;
    border-color:rgba(var(--acc),.35) !important;
    color:#FFFFFF !important;
    transform:translateY(-1px) !important;
}

/* active — filled accent + glow */
body.vk .lms-filter-pill.is-active{
    background:linear-gradient(135deg, rgba(var(--acc),.24), rgba(var(--acc),.07)) !important;
    border-color:rgba(var(--acc),.62) !important;
    color:#FFFFFF !important;
    box-shadow:0 0 0 1px rgba(var(--acc),.30) inset, 0 10px 26px -10px rgba(var(--acc),.6) !important;
}
body.vk .lms-filter-pill.is-active .lms-pill-count{
    background:rgb(var(--acc)) !important; color:#0A0804 !important; border-color:transparent !important;
}
/* neutralise any leftover plugin underline indicator */
body.vk .lms-filter-pill::after{ display:none !important; }

/* ── BRAND-FOOTER LOGO — was small & dim on the dark footer (color: on an
   <img> does nothing). Make it read with size + a warm glow. ── */
body.vk .lms-brand-footer-logo{
    height:40px !important; width:auto !important; max-width:170px !important;
    object-fit:contain !important;
    opacity:1 !important;
    filter:
        drop-shadow(0 1px 0 rgba(255,255,255,.18))
        drop-shadow(0 4px 16px rgba(233,196,106,.5)) !important;
}

/* Footer logo -> SOLID GOLD (colorise the PNG to one champagne-gold tone) */
body.vk .lms-brand-footer-logo{
    filter:
        brightness(0) saturate(100%)
        invert(80%) sepia(38%) saturate(640%) hue-rotate(352deg) brightness(96%) contrast(88%)
        drop-shadow(0 4px 14px rgba(233,196,106,.45)) !important;
}

/* ════════════════════════════════════════════════════════════════════════
   /drawn/ LIVE-DRAW PAGE — premium dark-gold (matches lottery pages)
   Locked card (public) + admin draw console.  body.vk scope.
   ════════════════════════════════════════════════════════════════════════ */

/* ── Restricted-access locked card (public view) ── */
body.vk .lms-draw-locked{
    background:
        radial-gradient(60% 75% at 50% 0%, rgba(233,196,106,.20), transparent 60%),
        linear-gradient(180deg, rgba(233,196,106,.05), rgba(233,196,106,.015)),
        rgba(13,10,5,.94) !important;
    border:1px solid rgba(233,196,106,.30) !important;
    box-shadow:0 44px 96px -42px rgba(0,0,0,.82), 0 0 0 1px rgba(233,196,106,.08) inset !important;
    border-radius:22px !important;
    color:#ECE3CE !important;
}
body.vk .lms-draw-locked h2{
    color:#FBEFC8 !important; -webkit-text-fill-color:#FBEFC8 !important;
    font-weight:800 !important; letter-spacing:-.01em !important;
}
body.vk .lms-draw-locked p{ color:#C3B795 !important; }
body.vk .lms-draw-locked-eyebrow{ color:#C9A24B !important; text-transform:uppercase !important; letter-spacing:.22em !important; }
body.vk .lms-draw-locked-glyph{
    color:#EAD08A !important;
    border-color:rgba(233,196,106,.45) !important;
    background:rgba(233,196,106,.10) !important;
    box-shadow:0 0 34px -6px rgba(233,196,106,.55) !important;
}

/* ── Admin draw console (hero) ── */
body.vk .lms-draw-fe, body.vk .lms-draw-container{ color:#ECE3CE !important; }
body.vk .lms-draw-hero{
    background:
        radial-gradient(85% 120% at 50% 0%, rgba(233,196,106,.16), transparent 56%),
        linear-gradient(180deg,#1A1408 0%,#0C0904 100%) !important;
    border:1px solid rgba(233,196,106,.30) !important;
    box-shadow:0 30px 70px -34px rgba(0,0,0,.85), 0 0 0 1px rgba(233,196,106,.10) inset !important;
    border-radius:24px !important;
}
body.vk .lms-draw-hero-corner{ border-color:#FBEFC8 !important; box-shadow:0 0 12px rgba(233,196,106,.6) !important; }
body.vk .lms-draw-hero-h1{
    background:linear-gradient(100deg,#FBEFC8 0%,#F0D592 38%,#E9C46A 72%,#FBEFC8 100%) !important;
    -webkit-background-clip:text !important; background-clip:text !important;
    -webkit-text-fill-color:transparent !important; color:transparent !important;
    line-height:1.22 !important; padding-bottom:.12em !important;
}
body.vk .lms-draw-hero-tag{ color:#C3B795 !important; }

/* ── Console cards / panels ── */
body.vk .lms-draw-card, body.vk .lms-draw-col, body.vk .lms-draw-ledger,
body.vk .lms-draw-empty, body.vk .lms-draw-cta-frame{
    background:
        radial-gradient(60% 80% at 100% 0%, rgba(233,196,106,.08), transparent 70%),
        linear-gradient(180deg, rgba(233,196,106,.035), rgba(233,196,106,.012)),
        rgba(15,11,6,.88) !important;
    border:1px solid rgba(233,196,106,.24) !important;
    box-shadow:0 26px 60px -30px rgba(0,0,0,.8) !important;
    border-radius:18px !important;
    color:#ECE3CE !important;
}
body.vk .lms-draw-card-corner, body.vk .lms-draw-empty-corner{ border-color:rgba(233,196,106,.5) !important; }
body.vk .lms-draw-card-eyebrow, body.vk .lms-draw-empty-eyebrow,
body.vk .lms-draw-cta-eyebrow, body.vk .lms-draw-fieldset-eyebrow,
body.vk .lms-draw-selector-label{ color:#C9A24B !important; text-transform:uppercase !important; letter-spacing:.2em !important; }
body.vk .lms-draw-card-head, body.vk .lms-draw-card-head-row{ color:#FBEFC8 !important; }
body.vk .lms-draw-empty-hint-text{ color:#C3B795 !important; }

/* stats / numbers */
body.vk .lms-draw-stat-num{ color:#F4D98B !important; }
body.vk .lms-draw-stat-lbl{ color:#C3B795 !important; }

/* selector / fields */
body.vk .lms-draw-selector-wrap select, body.vk .lms-draw-field input,
body.vk .lms-draw-field select, body.vk .lms-draw-fieldset select{
    background:rgba(10,8,4,.6) !important; border:1px solid rgba(233,196,106,.3) !important; color:#ECE3CE !important;
}

/* buttons / CTAs -> gold */
body.vk .lms-draw-btn, body.vk .lms-draw-cta-primary, body.vk .lms-draw-all-btn,
body.vk .lms-draw-cta, body.vk .lms-draw-cta-mini{
    background:linear-gradient(135deg,#FFEFB8 0%,#F4D98B 30%,#E6A91E 100%) !important;
    color:#1A0F02 !important; border:none !important;
    box-shadow:0 14px 30px -12px rgba(233,196,106,.6), 0 1px 0 rgba(255,255,255,.5) inset !important;
    font-weight:800 !important;
}
body.vk .lms-draw-cta-secondary{
    background:rgba(233,196,106,.10) !important; border:1px solid rgba(233,196,106,.4) !important; color:#EAD08A !important;
}
body.vk .lms-draw-cta-text, body.vk .lms-draw-cta-icon, body.vk .lms-draw-cta-icon-lead{ color:#1A0F02 !important; }

/* ornaments / dividers / accents */
body.vk .lms-draw-ornament-line, body.vk .lms-draw-empty-ornament-line,
body.vk .lms-draw-empty-hint-line{ background:linear-gradient(90deg,transparent,rgba(233,196,106,.5),transparent) !important; }
body.vk .lms-draw-ornament-diamond, body.vk .lms-draw-empty-ornament-diamond{ background:#E9C46A !important; box-shadow:0 0 10px rgba(233,196,106,.6) !important; }
body.vk .lms-draw-empty-glyph{ color:#EAD08A !important; }
body.vk .lms-draw-error{ color:#FCA5A5 !important; }
body.vk .lms-draw-end-date, body.vk .lms-draw-hint{ color:#B7AB8C !important; }

/* ── /drawn/ console — FIXES: dark backdrop only (keep plugin layout intact) ──
   IMPORTANT: do NOT add padding/margin/border to .lms-draw-fe — the plugin's
   admin.css positions the inner cards relative to it; box-model changes here
   cause overflow + card overlap. Recolour the backdrop only. */
body.vk .lms-draw-fe{
    background:
        radial-gradient(55% 40% at 14% 0%, rgba(233,196,106,.12), transparent 64%),
        radial-gradient(58% 40% at 86% 6%, rgba(180,131,15,.14), transparent 62%),
        linear-gradient(180deg,#120E07 0%,#0A0704 100%) !important;
}
/* empty-state heading contrast (was dark) */
body.vk .lms-draw-empty h2, body.vk .lms-draw-empty h3,
body.vk .lms-draw-card h2, body.vk .lms-draw-card h3,
body.vk .lms-draw-col h2, body.vk .lms-draw-col h3{
    color:#FBEFC8 !important; -webkit-text-fill-color:#FBEFC8 !important;
    font-weight:800 !important;
}
body.vk .lms-draw-empty p, body.vk .lms-draw-card p, body.vk .lms-draw-col p{ color:#C3B795 !important; }
/* the empty glyph ring */
body.vk .lms-draw-empty-glyph{
    background:rgba(233,196,106,.10) !important;
    border:1px solid rgba(233,196,106,.45) !important;
    color:#1A0F02 !important;
    box-shadow:0 0 34px -6px rgba(233,196,106,.55) !important;
}
/* selector dropdown */
body.vk .lms-draw-selector, body.vk .lms-draw-selector-wrap,
body.vk .lms-draw-selector select{
    background:rgba(10,8,4,.6) !important;
    border:1px solid rgba(233,196,106,.34) !important;
    color:#ECE3CE !important;
    border-radius:12px !important;
}

/* ── "Tonight's Lottery" dropdown — collapse the triple-nested boxes
   (wrap > form > select all had bg+border) into ONE clean control. ── */
body.vk .lms-draw-selector,
body.vk .lms-draw-selector-wrap{
    background:transparent !important; background-color:transparent !important;
    border:0 !important; box-shadow:none !important; border-radius:0 !important;
}
body.vk .lms-draw-selector-label{
    color:#C9A24B !important; display:block !important; margin-bottom:9px !important;
    text-transform:uppercase !important; letter-spacing:.2em !important; font-weight:700 !important; font-size:10.5px !important;
}
body.vk .lms-draw-selector select{
    width:100% !important; box-sizing:border-box !important;
    background-color:rgba(10,8,4,.65) !important;
    background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23E9C46A' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>") !important;
    background-repeat:no-repeat !important;
    background-position:right 16px center !important;
    background-size:14px 14px !important;
    border:1px solid rgba(233,196,106,.42) !important;
    border-radius:12px !important;
    color:#ECE3CE !important;
    padding:14px 46px 14px 18px !important;
    font-size:15px !important; font-weight:600 !important;
    -webkit-appearance:none !important; -moz-appearance:none !important; appearance:none !important;
    cursor:pointer !important;
    transition:border-color .2s ease, box-shadow .2s ease !important;
}
body.vk .lms-draw-selector select:hover,
body.vk .lms-draw-selector select:focus{
    border-color:rgba(233,196,106,.7) !important;
    box-shadow:0 0 0 3px rgba(233,196,106,.14) !important;
    outline:none !important;
}
body.vk .lms-draw-selector select option{ background:#15110A !important; color:#ECE3CE !important; }

/* ── Draw console typography — was inheriting Bengali fonts for English text.
   Apply the brand stack: Latin glyphs → Inter, Bengali → Anek Bangla. ── */
body.vk .lms-draw-fe,
body.vk .lms-draw-fe p,
body.vk .lms-draw-fe span,
body.vk .lms-draw-fe div,
body.vk .lms-draw-fe button,
body.vk .lms-draw-fe select,
body.vk .lms-draw-fe label{
    font-family:'Inter', var(--vk-font-bn) !important;
}
/* Display headings — premium weight + tighter tracking to match archive H1 */
body.vk .lms-draw-hero-h1,
body.vk .lms-draw-empty h2,
body.vk .lms-draw-error h2,
body.vk .lms-draw-card-head,
body.vk .lms-draw-card-head h2,
body.vk .lms-draw-card-head h3{
    font-family:'Inter', var(--vk-font-bn) !important;
    font-weight:800 !important;
    letter-spacing:-.018em !important;
}
/* Empty-state body line — italic was reading thin; give it real presence */
body.vk .lms-draw-empty p,
body.vk .lms-draw-error p{
    font-family:'Inter', var(--vk-font-bn) !important;
    font-style:normal !important;
    font-weight:400 !important;
    letter-spacing:.002em !important;
}
/* Eyebrows / labels — clean uppercase Inter with luxe tracking */
body.vk .lms-draw-empty-eyebrow,
body.vk .lms-draw-error-eyebrow,
body.vk .lms-draw-selector-label,
body.vk .lms-draw-stat-eyebrow,
body.vk .lms-draw-state-chip,
body.vk .lms-draw-empty-hint-text,
body.vk .lms-draw-card-eyebrow,
body.vk .lms-draw-fieldset-eyebrow,
body.vk .lms-draw-cta-eyebrow{
    font-family:'Inter', var(--vk-font-bn) !important;
    font-weight:700 !important;
    text-transform:uppercase !important;
    letter-spacing:.2em !important;
}
/* Numerals — tabular Inter for the stat counters */
body.vk .lms-draw-stat-num,
body.vk .lms-draw-tier-pill-count{
    font-family:'Inter', var(--vk-font-bn) !important;
    font-feature-settings:'tnum' 1 !important;
    font-variant-numeric:tabular-nums !important;
}

/* ── Draw hero H1 — was a dull mid-gold gradient + muddy black shadow.
   Brighten to luminous champagne gold with a clean glow + live sheen. ── */
body.vk .lms-draw-hero-h1{
    background:linear-gradient(100deg,#FBEFC8 0%,#FFD970 24%,#F4D98B 48%,#FBEFC8 70%,#E9C46A 100%) !important;
    background-size:220% 100% !important;
    -webkit-background-clip:text !important; background-clip:text !important;
    -webkit-text-fill-color:transparent !important; color:transparent !important;
    text-shadow:none !important;
    filter:drop-shadow(0 0 34px rgba(255,199,44,.22)) !important;
    animation: baj-name-sheen 7.5s linear infinite !important;
}

/* Details page — registration form eyebrow was off-theme burnt-orange (#B45309); match the gold eyebrow tone used everywhere else. */
body.vk .lms-form-shell-eyebrow{ color:#C9A24B !important; }

/* ═══════════════════════════════════════════════════════════════════
   DRAW CONSOLE — full body restyle. The hero was styled but everything
   that appears once a lottery loads (heads, tier pills, filters, date
   inputs, buttons, ledger) ran on broken default styles: cream/white
   boxes, slate-blue labels, dark-on-dark button text, overlapping titles.
   New cohesive scheme: obsidian surfaces · champagne-gold accents ·
   ivory text · emerald for "complete". High contrast, clean structure.
   ═══════════════════════════════════════════════════════════════════ */

/* ---- shared card shell ---- */
body.vk .lms-draw-card{
    background:linear-gradient(180deg,#17130B 0%,#100C06 100%) !important;
    border:1px solid rgba(233,196,106,.20) !important;
    border-radius:18px !important;
    overflow:hidden !important;
}

/* ---- card heads — kill the cream gradient, stack eyebrow over title ---- */
body.vk .lms-draw-card-head{
    background:linear-gradient(180deg,rgba(233,196,106,.06),rgba(233,196,106,0)) !important;
    border-bottom:1px solid rgba(233,196,106,.16) !important;
    padding:20px 24px 18px !important;
}
body.vk .lms-draw-card-head:not(.lms-draw-card-head-row){
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    gap:6px !important;
}
body.vk .lms-draw-card-head-row{
    display:flex !important;
    flex-direction:row !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:14px !important;
}
body.vk .lms-draw-card-head-row > div{
    display:flex !important; flex-direction:column !important; gap:6px !important;
}
body.vk .lms-draw-card-eyebrow{
    color:#E4BE72 !important;
    font-family:'Inter', var(--vk-font-bn) !important;
    font-weight:700 !important;
    text-transform:uppercase !important;
    letter-spacing:.24em !important;
    font-size:10.5px !important;
    line-height:1 !important;
}
body.vk .lms-draw-card-head h3{
    color:#F6F0E2 !important;
    font-family:'Inter', var(--vk-font-bn) !important;
    font-weight:800 !important;
    font-size:clamp(20px,2.1vw,27px) !important;
    letter-spacing:-.01em !important;
    line-height:1.2 !important;
    margin:0 !important;
}

/* ---- body padding ---- */
body.vk .lms-draw-card-body{ padding:22px 24px 24px !important; }
body.vk .lms-draw-card-body-flush{ padding:18px !important; }

/* ---- tier pills — dark inset, not a cream box ---- */
body.vk .lms-draw-tier-pills{
    background:rgba(8,6,2,.55) !important;
    border:1px solid rgba(233,196,106,.16) !important;
    border-radius:14px !important;
    padding:14px !important;
    display:flex !important; flex-wrap:wrap !important; gap:9px !important;
    margin-bottom:22px !important;
}
body.vk .lms-draw-tier-pill{
    background:rgba(233,196,106,.07) !important;
    border:1px solid rgba(233,196,106,.24) !important;
    border-radius:9px !important;
    padding:7px 13px !important;
    display:inline-flex !important; align-items:center !important; gap:8px !important;
}
body.vk .lms-draw-tier-pill-tier{
    color:#F3E4BC !important; font-weight:700 !important; font-size:13px !important;
    font-family:'Inter', var(--vk-font-bn) !important;
}
body.vk .lms-draw-tier-pill-count{
    color:#A99E7C !important; font-size:12.5px !important;
    font-variant-numeric:tabular-nums !important;
}
body.vk .lms-draw-tier-pill-count .lms-tier-picked{ color:#E9C46A !important; }
/* a tier that's fully drawn → emerald "complete" accent */
body.vk .lms-draw-tier-pill.is-full{
    background:rgba(52,211,153,.10) !important;
    border-color:rgba(52,211,153,.34) !important;
}
body.vk .lms-draw-tier-pill.is-full .lms-draw-tier-pill-tier,
body.vk .lms-draw-tier-pill.is-full .lms-tier-picked{ color:#5BE6B0 !important; }

/* ---- fieldsets ---- */
body.vk .lms-draw-fieldset{ margin-bottom:22px !important; }
body.vk .lms-draw-fieldset-eyebrow{
    display:block !important;
    color:#E4BE72 !important;
    font-family:'Inter', var(--vk-font-bn) !important;
    font-weight:700 !important;
    text-transform:uppercase !important;
    letter-spacing:.22em !important;
    font-size:10.5px !important;
    padding-bottom:10px !important;
    margin-bottom:14px !important;
    border-bottom:1px solid rgba(233,196,106,.14) !important;
}

/* ---- date filter row + labels + inputs ---- */
body.vk .lms-draw-row{ display:flex !important; gap:14px !important; }
body.vk .lms-draw-col{ flex:1 1 0 !important; min-width:0 !important; display:flex !important; flex-direction:column !important; }
body.vk .lms-draw-col label{
    color:#C7BD9E !important;
    font-family:'Inter', var(--vk-font-bn) !important;
    font-weight:600 !important;
    text-transform:uppercase !important;
    letter-spacing:.14em !important;
    font-size:10px !important;
    margin-bottom:8px !important;
}
body.vk .lms-draw-fe input[type=date],
body.vk .lms-draw-field select{
    width:100% !important; box-sizing:border-box !important;
    background:#0D0A04 !important;
    border:1px solid rgba(233,196,106,.26) !important;
    border-radius:11px !important;
    color:#F6F0E2 !important;
    padding:13px 14px !important;
    font-size:14.5px !important;
    font-family:'Inter', var(--vk-font-bn) !important;
    transition:border-color .2s ease, box-shadow .2s ease !important;
}
body.vk .lms-draw-fe input[type=date]:focus,
body.vk .lms-draw-field select:focus{
    border-color:rgba(233,196,106,.6) !important;
    box-shadow:0 0 0 3px rgba(233,196,106,.13) !important;
    outline:none !important;
}
/* make the native calendar icon visible/gold on dark */
body.vk .lms-draw-fe input[type=date]::-webkit-calendar-picker-indicator{
    filter:invert(74%) sepia(38%) saturate(620%) hue-rotate(2deg) brightness(95%) !important;
    cursor:pointer !important; opacity:.95 !important;
}
/* tier select — add a gold chevron */
body.vk .lms-draw-field{ position:relative !important; }
body.vk .lms-draw-field select{
    -webkit-appearance:none !important; -moz-appearance:none !important; appearance:none !important;
    padding-right:42px !important;
    background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23E9C46A' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>") !important;
    background-repeat:no-repeat !important;
    background-position:right 15px center !important;
    cursor:pointer !important;
}
body.vk .lms-draw-fe select option{ background:#15110A !important; color:#F6F0E2 !important; }
body.vk .lms-draw-hint{
    color:#9C926F !important;
    font-family:'Inter', var(--vk-font-bn) !important;
    font-size:12.5px !important; font-style:normal !important;
    line-height:1.5 !important; margin-top:11px !important;
}

/* ---- action buttons ---- */
body.vk .lms-draw-actions{ display:flex !important; flex-direction:column !important; gap:12px !important; }
body.vk .lms-draw-cta{
    display:flex !important; align-items:center !important; gap:14px !important;
    border-radius:13px !important; padding:15px 18px !important;
    text-decoration:none !important; cursor:pointer !important; width:100% !important;
    border:1px solid transparent !important;
    transition:transform .15s ease, box-shadow .2s ease !important;
}
body.vk .lms-draw-cta:hover{ transform:translateY(-1px) !important; }
body.vk .lms-draw-cta-inner{ display:flex !important; flex-direction:column !important; gap:3px !important; text-align:left !important; flex:1 1 auto !important; }
body.vk .lms-draw-cta-eyebrow{
    font-family:'Inter', var(--vk-font-bn) !important;
    font-weight:700 !important; text-transform:uppercase !important;
    letter-spacing:.18em !important; font-size:9.5px !important;
}
body.vk .lms-draw-cta-text{
    font-family:'Inter', var(--vk-font-bn) !important;
    font-weight:800 !important; font-size:16px !important; letter-spacing:-.005em !important;
}
body.vk .lms-draw-cta-icon-lead svg{ width:20px !important; height:20px !important; }
body.vk .lms-draw-cta-icon svg{ width:18px !important; height:18px !important; }

/* primary — solid champagne gold, dark text (high contrast) */
body.vk .lms-draw-cta-primary{
    background:linear-gradient(135deg,#FBEFC8 0%,#F4D98B 45%,#E9C46A 100%) !important;
    border-color:rgba(255,224,122,.7) !important;
    box-shadow:0 10px 26px -10px rgba(233,196,106,.55) !important;
}
body.vk .lms-draw-cta-primary .lms-draw-cta-eyebrow{ color:rgba(26,15,2,.62) !important; }
body.vk .lms-draw-cta-primary .lms-draw-cta-text{ color:#1A1306 !important; }
body.vk .lms-draw-cta-primary svg{ color:#231803 !important; stroke:#231803 !important; }
body.vk .lms-draw-cta-primary .lms-draw-cta-icon-lead{
    background:rgba(35,24,3,.14) !important; border-radius:50% !important;
    width:40px !important; height:40px !important; display:flex !important;
    align-items:center !important; justify-content:center !important; flex:0 0 auto !important;
}

/* secondary — dark with gold border, IVORY text (was invisible dark-on-dark) */
body.vk .lms-draw-cta-secondary{
    background:rgba(233,196,106,.06) !important;
    border-color:rgba(233,196,106,.30) !important;
}
body.vk .lms-draw-cta-secondary:hover{ background:rgba(233,196,106,.11) !important; border-color:rgba(233,196,106,.5) !important; }
body.vk .lms-draw-cta-secondary .lms-draw-cta-eyebrow{ color:#E4BE72 !important; }
body.vk .lms-draw-cta-secondary .lms-draw-cta-text{ color:#F6F0E2 !important; }
body.vk .lms-draw-cta-secondary svg{ color:#E9C46A !important; stroke:#E9C46A !important; }
body.vk .lms-draw-cta-secondary .lms-draw-cta-icon-lead{
    background:rgba(233,196,106,.12) !important; border-radius:50% !important;
    width:40px !important; height:40px !important; display:flex !important;
    align-items:center !important; justify-content:center !important; flex:0 0 auto !important;
}

/* download mini button on the ledger head */
body.vk .lms-draw-cta-mini{
    width:auto !important; padding:8px 14px !important; gap:8px !important;
    background:rgba(233,196,106,.08) !important;
    border:1px solid rgba(233,196,106,.30) !important;
    border-radius:10px !important; color:#F3E4BC !important;
    font-family:'Inter', var(--vk-font-bn) !important; font-weight:600 !important; font-size:13px !important;
}
body.vk .lms-draw-cta-mini svg{ color:#E9C46A !important; stroke:#E9C46A !important; }

/* ---- ledger empty state ---- */
body.vk .lms-empty-winners{ text-align:center !important; padding:34px 22px !important; }
body.vk .lms-empty-winners-glyph{ color:#E9C46A !important; opacity:.85 !important; margin-bottom:14px !important; }
body.vk .lms-empty-winners-eyebrow{
    color:#E4BE72 !important;
    font-family:'Inter', var(--vk-font-bn) !important;
    font-weight:700 !important; text-transform:uppercase !important;
    letter-spacing:.22em !important; font-size:11px !important; margin-bottom:8px !important;
}
body.vk .lms-empty-winners p{
    color:#C7BD9E !important;
    font-family:'Inter', var(--vk-font-bn) !important;
    font-style:normal !important; font-size:14px !important; line-height:1.6 !important;
    max-width:340px !important; margin:0 auto !important;
}

/* ---- ledger populated: tier blocks + winner rows ---- */
body.vk .lms-winners-tier-head{
    display:flex !important; align-items:center !important; gap:12px !important;
    padding:12px 4px !important; border-bottom:1px solid rgba(233,196,106,.14) !important;
    margin-bottom:12px !important;
}
body.vk .lms-winners-tier-medallion{
    width:34px !important; height:34px !important; flex:0 0 auto !important;
    display:flex !important; align-items:center !important; justify-content:center !important;
    background:rgba(233,196,106,.12) !important; border:1px solid rgba(233,196,106,.32) !important;
    border-radius:50% !important;
}
body.vk .lms-winners-tier-rank{ color:#E9C46A !important; font-weight:800 !important; font-size:13px !important; font-variant-numeric:tabular-nums !important; }
body.vk .lms-winners-tier-info{ display:flex !important; flex-direction:column !important; gap:2px !important; flex:1 1 auto !important; }
body.vk .lms-winners-tier-eyebrow{ color:#E4BE72 !important; font-weight:700 !important; text-transform:uppercase !important; letter-spacing:.16em !important; font-size:9.5px !important; }
body.vk .lms-winners-tier-title{ color:#F6F0E2 !important; font-weight:700 !important; font-size:14px !important; font-family:'Inter', var(--vk-font-bn) !important; }
body.vk .lms-winners-tier-count{ color:#A99E7C !important; font-variant-numeric:tabular-nums !important; font-size:13px !important; }
body.vk .lms-winners-tier-count strong{ color:#E9C46A !important; }

body.vk .lms-winner-row{
    display:flex !important; align-items:flex-start !important; gap:12px !important;
    background:rgba(233,196,106,.04) !important;
    border:1px solid rgba(233,196,106,.14) !important;
    border-radius:12px !important; padding:13px 14px !important; margin-bottom:9px !important;
}
body.vk .lms-winner-row-pos{ color:#9C926F !important; font-weight:700 !important; font-size:12px !important; font-variant-numeric:tabular-nums !important; padding-top:9px !important; }
body.vk .lms-winner-row-avatar{
    width:42px !important; height:42px !important; flex:0 0 auto !important;
    display:flex !important; align-items:center !important; justify-content:center !important;
    background:linear-gradient(135deg,#F4D98B,#C8860B) !important; color:#1A1306 !important;
    font-weight:800 !important; font-size:14px !important; border-radius:50% !important;
    font-family:'Inter', var(--vk-font-bn) !important;
}
body.vk .lms-winner-row-meta{ flex:1 1 auto !important; min-width:0 !important; }
body.vk .lms-winner-row-name{ color:#F6F0E2 !important; font-weight:700 !important; font-size:15px !important; font-family:'Inter', var(--vk-font-bn) !important; }
body.vk .lms-winner-row-detail{ color:#A99E7C !important; font-size:12.5px !important; margin-top:2px !important; display:flex !important; flex-wrap:wrap !important; gap:5px !important; align-items:center !important; }
body.vk .lms-winner-row-sep{ color:#5C5440 !important; }
body.vk .lms-winner-row-ticket{ margin-top:6px !important; display:flex !important; align-items:center !important; gap:7px !important; }
body.vk .lms-winner-row-ticket-lbl{ color:#9C926F !important; text-transform:uppercase !important; letter-spacing:.14em !important; font-size:9px !important; font-weight:700 !important; }
body.vk .lms-winner-row-ticket code{
    color:#E9C46A !important; background:rgba(233,196,106,.10) !important;
    border:1px solid rgba(233,196,106,.22) !important; border-radius:6px !important;
    padding:2px 8px !important; font-size:12px !important; font-family:'JetBrains Mono','Courier New',monospace !important;
}
body.vk .lms-remove-winner-btn{
    flex:0 0 auto !important; width:28px !important; height:28px !important;
    display:flex !important; align-items:center !important; justify-content:center !important;
    background:rgba(248,113,113,.08) !important; border:1px solid rgba(248,113,113,.26) !important;
    border-radius:8px !important; color:#F87171 !important; cursor:pointer !important;
    transition:background .15s ease !important;
}
body.vk .lms-remove-winner-btn:hover{ background:rgba(248,113,113,.18) !important; }

/* ---- error box ---- */
body.vk .lms-draw-error{
    color:#FCA5A5 !important; background:rgba(248,113,113,.08) !important;
    border:1px solid rgba(248,113,113,.3) !important; border-radius:10px !important;
    padding:12px 14px !important; font-size:13.5px !important; margin-top:14px !important;
    font-family:'Inter', var(--vk-font-bn) !important;
}

/* Primary CTA: the inner .lms-draw-cta-frame paints a dark fill over the gold
   gradient, hiding it. Make it transparent on PRIMARY only so the solid gold
   shows and the dark label reads. Secondary keeps its dark frame (ivory text). */
body.vk .lms-draw-cta-primary .lms-draw-cta-frame{ background:transparent !important; background-image:none !important; }

/* Stats marquee — was a cream gradient box (same broken pattern as tier pills).
   Make it a dark inset panel so the gold numerals read. */
body.vk .lms-draw-stats{
    background:linear-gradient(180deg,#17130B 0%,#100C06 100%) !important;
    border:1px solid rgba(233,196,106,.20) !important;
    border-radius:16px !important;
}
body.vk .lms-draw-stat-eyebrow{ color:#E4BE72 !important; text-transform:uppercase !important; letter-spacing:.2em !important; font-weight:700 !important; }
body.vk .lms-draw-stat-num{ color:#F4D98B !important; font-variant-numeric:tabular-nums !important; }
body.vk .lms-draw-stat-lbl{ color:#A99E7C !important; text-transform:uppercase !important; letter-spacing:.16em !important; }
body.vk .lms-draw-stat-sep{ background:rgba(233,196,106,.20) !important; }

/* ═══════════════════════════════════════════════════════════════════
   DRAW OVERLAY ("Live Draw In Progress") — full redesign.
   Was: a blue→cream radial vignette backdrop + a red/blue/amber multicolor
   spinner + floating white text. Now: a solid obsidian blurred backdrop with
   a warm center aura, and a framed glass "reveal chamber" card with a pure
   champagne-gold spinner and glowing ticket readout.
   ═══════════════════════════════════════════════════════════════════ */

@keyframes lms-ovl-pulse{ 0%,100%{ transform:scale(1); opacity:1; } 50%{ transform:scale(1.6); opacity:.45; } }
@keyframes lms-ovl-aura{ 0%,100%{ opacity:.55; } 50%{ opacity:.9; } }

/* ---- backdrop: full obsidian cover + warm center aura + blur ---- */
body.vk #lms-draw-overlay{
    background:radial-gradient(circle at 50% 42%, rgba(36,26,9,.92) 0%, rgba(10,7,3,.97) 55%, rgba(5,3,1,.99) 100%) !important;
    -webkit-backdrop-filter:blur(11px) saturate(1.1) !important;
    backdrop-filter:blur(11px) saturate(1.1) !important;
    align-items:center !important; justify-content:center !important;
}

/* ---- the reveal-chamber card ---- */
body.vk #lms-draw-overlay .lms-overlay-inner{
    position:absolute !important;
    top:50% !important; left:50% !important; right:auto !important; bottom:auto !important;
    transform:translate(-50%,-50%) !important;
    display:flex !important; flex-direction:column !important; align-items:center !important;
    width:min(94vw,468px) !important; box-sizing:border-box !important;
    padding:42px 38px 38px !important;
    background:linear-gradient(180deg, rgba(26,20,10,.86) 0%, rgba(14,10,5,.92) 100%) !important;
    border:1px solid rgba(233,196,106,.30) !important;
    border-radius:26px !important;
    box-shadow:0 40px 120px -30px rgba(0,0,0,.9), 0 0 0 1px rgba(0,0,0,.4), 0 0 70px -10px rgba(233,196,106,.22) inset !important;
}
/* soft gold aura halo behind the card */
body.vk #lms-draw-overlay .lms-overlay-inner::before{
    content:"" !important; position:absolute !important; inset:-2px !important; z-index:-1 !important;
    border-radius:28px !important;
    background:radial-gradient(circle at 50% 30%, rgba(255,199,44,.20), rgba(255,199,44,0) 70%) !important;
    filter:blur(14px) !important;
    animation:lms-ovl-aura 3.2s ease-in-out infinite !important;
}

/* ---- spinner: pure champagne-gold ring ---- */
body.vk #lms-draw-overlay .lms-spinner-wrap{ width:104px !important; height:104px !important; margin-bottom:8px !important; }
body.vk #lms-draw-overlay .lms-spinner-arc{
    border:3px solid rgba(233,196,106,.14) !important;
    border-top-color:#FFD970 !important;
    border-right-color:#E9C46A !important;
    border-bottom-color:rgba(233,196,106,.30) !important;
    border-left-color:rgba(233,196,106,.14) !important;
    box-shadow:0 0 26px -4px rgba(255,199,44,.35) !important;
}
body.vk #lms-draw-overlay .lms-spinner-icon svg{ width:46px !important; height:46px !important; filter:drop-shadow(0 4px 14px rgba(255,199,44,.4)) !important; }

/* ---- eyebrow with pulsing live dot ---- */
body.vk #lms-draw-overlay .lms-overlay-eyebrow{
    display:inline-flex !important; align-items:center !important; gap:9px !important;
    color:#E9C46A !important;
    font-family:'Inter', var(--vk-font-bn) !important;
    font-weight:700 !important; text-transform:uppercase !important;
    letter-spacing:.28em !important; font-size:10.5px !important;
    margin-top:20px !important;
}
body.vk #lms-draw-overlay .lms-overlay-eyebrow::before{
    content:"" !important; width:7px !important; height:7px !important; border-radius:50% !important;
    background:#FF5C5C !important; box-shadow:0 0 10px 1px rgba(255,92,92,.8) !important;
    animation:lms-ovl-pulse 1.1s ease-in-out infinite !important;
}

/* ---- title ---- */
body.vk #lms-draw-overlay .lms-searching-text{
    color:#F6F0E2 !important;
    font-family:'Inter', var(--vk-font-bn) !important;
    font-weight:800 !important; font-size:23px !important; letter-spacing:-.01em !important;
    margin:11px 0 26px !important; text-align:center !important;
}
body.vk #lms-draw-overlay #lms-search-dots{ color:#E9C46A !important; }

/* ---- ticket readout box ---- */
body.vk #lms-draw-overlay .lms-id-box{
    width:100% !important; box-sizing:border-box !important;
    background:rgba(8,6,2,.6) !important;
    border:1px solid rgba(233,196,106,.40) !important;
    border-radius:15px !important;
    padding:18px 20px 20px !important;
    box-shadow:0 0 34px -6px rgba(255,199,44,.28), inset 0 0 30px -14px rgba(255,199,44,.35) !important;
    text-align:center !important;
}
body.vk #lms-draw-overlay .lms-id-label{
    color:#C9A24B !important;
    font-family:'Inter', var(--vk-font-bn) !important;
    font-weight:700 !important; text-transform:uppercase !important;
    letter-spacing:.24em !important; font-size:9.5px !important; margin-bottom:12px !important;
}
body.vk #lms-draw-overlay #lms-rolling-id{
    color:#FFD970 !important;
    font-family:'JetBrains Mono','Courier New',monospace !important;
    font-weight:700 !important;
    font-size:clamp(22px,4vw,32px) !important;
    letter-spacing:.1em !important;
    white-space:nowrap !important;
    font-variant-numeric:tabular-nums !important;
    text-shadow:0 0 22px rgba(255,199,44,.5) !important;
    line-height:1.1 !important;
}
/* corner accents on the ticket box → champagne gold */
body.vk #lms-draw-overlay .lms-id-corner{ border-color:#E9C46A !important; }

/* Result-published banner — had a cream bg with near-white heading text
   (invisible) + slate-blue subtext. Restyle to the dark premium scheme. */
body.vk .lms-result-banner{
    background:linear-gradient(135deg, rgba(233,196,106,.11) 0%, rgba(233,196,106,.03) 100%) !important;
    border:1px solid rgba(233,196,106,.24) !important;
    border-left:3px solid #E9C46A !important;
    border-radius:14px !important;
}
body.vk .lms-result-banner-glyph{ color:#E9C46A !important; }
body.vk .lms-result-banner strong{ color:#F6F0E2 !important; }
body.vk .lms-result-banner span{ color:#C3B795 !important; }

/* ═══════════════════════════════════════════════════════════════════
   QUIZ ARCHIVE — premium dark-gold redesign (was a half-themed mess:
   cream body, semi-dark cards with near-black unreadable titles, indigo
   plugin palette). Now matches the Grand Lottery Hall: obsidian surfaces,
   champagne-gold accents, ivory text.   Scope: body.vk + quiz archive only.
   ═══════════════════════════════════════════════════════════════════ */

/* page canvas → obsidian (only on the quiz archive) */
body.vk.post-type-archive-qms_quiz{ background:#0a0703 !important; }
body.vk .qms-arc-page{ background:transparent !important; color:#E9DFC8 !important; }

/* ambient orbs → warm gold glows */
body.vk .qms-arc-orb-1{ background:radial-gradient(circle, rgba(233,196,106,.10), transparent 70%) !important; }
body.vk .qms-arc-orb-2{ background:radial-gradient(circle, rgba(200,134,11,.09), transparent 70%) !important; }
body.vk .qms-arc-orb-3{ background:radial-gradient(circle, rgba(255,199,44,.07), transparent 70%) !important; }

/* ── hero ── */
body.vk .qms-arc-hero{
    background:
        radial-gradient(70% 80% at 50% 0%, rgba(233,196,106,.10), rgba(233,196,106,0) 60%),
        linear-gradient(180deg, rgba(22,17,9,.9), rgba(8,6,3,.4)) !important;
    border-bottom:1px solid rgba(233,196,106,.14) !important;
}
body.vk .qms-arc-hero-grid{ opacity:.4 !important; }
body.vk .qms-arc-eyebrow-badge{
    background:linear-gradient(135deg, rgba(233,196,106,.12), rgba(233,196,106,.03)) !important;
    border:1px solid rgba(233,196,106,.30) !important;
}
body.vk .qms-arc-eyebrow-icon{ color:#E9C46A !important; }
body.vk .qms-arc-eyebrow-text{
    color:#E4BE72 !important; font-family:'Inter', var(--vk-font-bn) !important;
    text-transform:uppercase !important; letter-spacing:.18em !important; font-weight:700 !important;
}
body.vk .qms-arc-hero-title{
    color:#F3ECDA !important; font-family:var(--vk-font-bn),'Inter',sans-serif !important;
    font-weight:800 !important;
}
body.vk .qms-arc-title-highlight{
    background:linear-gradient(100deg,#FBEFC8,#FFD970 40%,#E9C46A 75%,#FBEFC8) !important;
    -webkit-background-clip:text !important; background-clip:text !important;
    -webkit-text-fill-color:transparent !important; color:transparent !important;
}
body.vk .qms-arc-hero-sub{ color:#C3B795 !important; }

/* stat pills */
body.vk .qms-arc-stat{
    background:rgba(8,6,2,.55) !important;
    border:1px solid rgba(233,196,106,.20) !important;
    color:#D9CFB4 !important;
}
body.vk .qms-arc-stat-total{ color:#E4BE72 !important; }
body.vk .qms-arc-stat-total svg{ color:#E9C46A !important; }
body.vk .qms-arc-stat-closed{ color:#C3B795 !important; }
body.vk .qms-arc-stat-dot-live{ background:#FF5C5C !important; }
body.vk .qms-arc-stat-dot-upcoming{ background:#60A5FA !important; }
body.vk .qms-arc-stat-dot-closed{ background:#A99E7C !important; }

/* ── cards ── */
body.vk .qms-arc-card{
    background:linear-gradient(180deg,#181308 0%,#0E0B05 100%) !important;
    border:1px solid rgba(233,196,106,.18) !important;
    border-radius:18px !important;
    overflow:hidden !important;
    transition:transform .25s ease, box-shadow .3s ease, border-color .3s ease !important;
}
body.vk .qms-arc-card:hover{
    transform:translateY(-4px) !important;
    border-color:rgba(233,196,106,.42) !important;
    box-shadow:0 24px 50px -22px rgba(0,0,0,.85), 0 0 40px -16px rgba(233,196,106,.4) !important;
}
body.vk .qms-card-glow{ background:radial-gradient(circle at 50% 0%, rgba(233,196,106,.18), transparent 70%) !important; }

/* thumb / placeholder */
body.vk .qms-card-thumb{
    background:
        radial-gradient(circle at 50% 32%, rgba(233,196,106,.16), rgba(233,196,106,0) 62%),
        linear-gradient(180deg,#1B1509,#0C0904) !important;
    border-bottom:1px solid rgba(233,196,106,.12) !important;
}
body.vk .qms-card-thumb-placeholder{ color:#E9C46A !important; opacity:.92 !important; filter:drop-shadow(0 6px 18px rgba(233,196,106,.3)) !important; }
body.vk .qms-card-thumb-overlay{ background:linear-gradient(180deg, transparent 40%, rgba(8,6,3,.75)) !important; }

/* question-count chip */
body.vk .qms-card-q-chip{
    background:rgba(8,6,2,.78) !important;
    border:1px solid rgba(233,196,106,.32) !important;
    color:#F0D98C !important; font-weight:700 !important;
    backdrop-filter:none !important;
}
body.vk .qms-card-q-chip svg{ color:#E9C46A !important; }

/* state badges */
body.vk .qms-arc-badge{ font-family:'Inter', var(--vk-font-bn) !important; font-weight:700 !important; text-transform:uppercase !important; letter-spacing:.1em !important; }
body.vk .qms-badge-closed{ background:rgba(169,158,124,.16) !important; border:1px solid rgba(169,158,124,.34) !important; color:#D9CFB4 !important; }
body.vk .qms-badge-live{ background:rgba(248,113,113,.16) !important; border:1px solid rgba(248,113,113,.4) !important; color:#FCA5A5 !important; }
body.vk .qms-badge-upcoming{ background:rgba(96,165,250,.16) !important; border:1px solid rgba(96,165,250,.4) !important; color:#93C5FD !important; }

/* card body text — the critical readability fix */
body.vk .qms-card-title{ color:#F3ECDA !important; font-family:var(--vk-font-bn),'Inter',sans-serif !important; font-weight:700 !important; }
body.vk .qms-cd-label{ color:#A99E7C !important; text-transform:uppercase !important; letter-spacing:.14em !important; font-size:10px !important; font-weight:700 !important; }
body.vk .qms-cd-num{ color:#F0D98C !important; font-variant-numeric:tabular-nums !important; }
body.vk .qms-cd-sep{ color:#8A8068 !important; }
body.vk .qms-cd-boxes{ background:rgba(8,6,2,.5) !important; border:1px solid rgba(233,196,106,.14) !important; border-radius:10px !important; }
body.vk .qms-cd-ended{
    background:rgba(169,158,124,.08) !important;
    border:1px solid rgba(169,158,124,.22) !important;
    color:#C3B795 !important; border-radius:9px !important;
}
body.vk .qms-card-prize-hint{
    background:rgba(233,196,106,.10) !important;
    border:1px solid rgba(233,196,106,.28) !important;
    color:#E4BE72 !important;
}
body.vk .qms-card-prize-hint svg{ color:#E9C46A !important; }

/* card CTA */
body.vk .qms-card-cta{
    background:rgba(233,196,106,.08) !important;
    border:1px solid rgba(233,196,106,.30) !important;
    color:#F0D98C !important; font-weight:700 !important;
    transition:background .2s ease, border-color .2s ease !important;
}
body.vk .qms-arc-card:hover .qms-card-cta{ background:rgba(233,196,106,.16) !important; border-color:rgba(233,196,106,.5) !important; }
body.vk .qms-cta-live{ background:linear-gradient(135deg,#F4D98B,#E9C46A) !important; border-color:rgba(255,224,122,.6) !important; color:#1A1306 !important; }

/* load-more + count */
body.vk .qms-load-more-btn{
    background:linear-gradient(135deg, rgba(233,196,106,.10), rgba(233,196,106,.03)) !important;
    border:1px solid rgba(233,196,106,.34) !important;
    color:#F0D98C !important; font-family:var(--vk-font-bn),'Inter',sans-serif !important; font-weight:700 !important;
}
body.vk .qms-load-more-btn:hover{ background:rgba(233,196,106,.16) !important; border-color:rgba(233,196,106,.55) !important; }
body.vk .qms-lm-icon, body.vk .qms-load-more-btn svg{ color:#E9C46A !important; }
body.vk .qms-lm-count{ color:#A99E7C !important; }
body.vk .qms-lm-count span{ color:#E4BE72 !important; }

/* empty state */
body.vk .qms-arc-empty-state{ color:#C3B795 !important; }
body.vk .qms-arc-empty-state h3{ color:#F3ECDA !important; }

/* Question-count chip was stretched to full thumb height (top+bottom both set).
   Reset to a compact pill in the top-right corner. */
body.vk .qms-card-q-chip{
    top:12px !important; right:12px !important; bottom:auto !important; left:auto !important;
    width:auto !important; height:auto !important;
    align-self:flex-start !important;
}

/* ═══════════════════════════════════════════════════════════════════
   QUIZ SINGLE / DETAILS — premium dark-gold redesign. Was a cream body
   with half-themed translucent cards + near-black unreadable text +
   leftover indigo/green plugin accents. Covers closed, upcoming, live
   form, winners table, timer & sidebar.   Scope: body.vk + single quiz.
   ═══════════════════════════════════════════════════════════════════ */

body.vk.single-qms_quiz{ background:linear-gradient(180deg,#FFF8E1 0%,#FBEFC8 60%,#F6E6B8 100%) !important; }
body.vk .qms-single-wrap, body.vk .qms-quiz-wrapper{ background:transparent !important; color:#E9DFC8 !important; }

/* ── hero ── */
body.vk .qms-hero-meta-item{
    background:rgba(233,196,106,.10) !important;
    border:1px solid rgba(233,196,106,.28) !important;
    color:#E4BE72 !important;
}
body.vk .qms-hero-meta-item svg{ color:#E9C46A !important; }
body.vk .qms-hero-desc{ color:#C3B795 !important; }

/* ── shared section / sidebar cards → bright ── */
body.vk .qms-section-card,
body.vk .qms-sb-card{
    background:#FFFFFF !important;
    border:1px solid rgba(200,134,11,.28) !important;
    border-radius:16px !important;
    box-shadow:0 18px 44px -26px rgba(120,90,10,.30) !important;
}
body.vk .qms-section-head,
body.vk .qms-sb-head{
    color:#8A5A0A !important;
    background:linear-gradient(180deg,rgba(200,134,11,.07),rgba(200,134,11,0)) !important;
    border-bottom:1px solid rgba(200,134,11,.18) !important;
    font-family:'Inter', var(--vk-font-bn) !important; font-weight:700 !important;
    text-transform:uppercase !important; letter-spacing:.12em !important;
}
body.vk .qms-sb-body{ color:#3A331F !important; }
body.vk .qms-sb-body strong, body.vk .qms-sb-body b{ color:#1E1B14 !important; }
body.vk .qms-sb-body a{ color:#A06A0A !important; }

/* ── closed state ── */
body.vk .qms-closed-icon-wrap{ background:rgba(220,38,38,.10) !important; border:1px solid rgba(220,38,38,.28) !important; color:#DC2626 !important; }
body.vk .qms-closed-title{ color:#1E1B14 !important; font-family:var(--vk-font-bn),'Inter',sans-serif !important; font-weight:800 !important; }
body.vk .qms-closed-msg{ color:#4A4230 !important; }
body.vk .qms-closed-sub{ color:#6B5E3E !important; }
body.vk .qms-closed-divider{ background:linear-gradient(90deg,transparent,rgba(200,134,11,.45),transparent) !important; height:1px !important; border:0 !important; }
body.vk .qms-closed-thanks{ color:#8A5A0A !important; }

/* ── upcoming state ── */
body.vk .qms-upcoming-icon-wrap{ background:rgba(37,99,235,.10) !important; border:1px solid rgba(37,99,235,.28) !important; color:#2563EB !important; }
body.vk .qms-upcoming-title{ color:#1E1B14 !important; font-family:var(--vk-font-bn),'Inter',sans-serif !important; font-weight:800 !important; }
body.vk .qms-upcoming-msg, body.vk .qms-upcoming-note{ color:#4A4230 !important; }
body.vk .qms-upcoming-date-wrap{ background:rgba(200,134,11,.06) !important; border:1px solid rgba(200,134,11,.22) !important; border-radius:12px !important; }
body.vk .qms-upcoming-date-label{ color:#6B5E3E !important; text-transform:uppercase !important; letter-spacing:.14em !important; }
body.vk .qms-upcoming-date-value{ color:#8A5A0A !important; font-weight:700 !important; }
body.vk .qms-upcoming-divider{ background:linear-gradient(90deg,transparent,rgba(200,134,11,.45),transparent) !important; height:1px !important; }

/* ── winners results table ── */
body.vk .qms-winners-table-head{ color:#8A5A0A !important; border-bottom:1px solid rgba(200,134,11,.22) !important; text-transform:uppercase !important; letter-spacing:.08em !important; font-weight:700 !important; }
body.vk .qms-winner-row{
    background:rgba(200,134,11,.05) !important;
    border:1px solid rgba(200,134,11,.18) !important;
    border-radius:11px !important; color:#241F16 !important;
}
body.vk .qms-winner-prize{ color:#8A5A0A !important; font-weight:700 !important; }
body.vk .qms-winner-name{ color:#1E1B14 !important; }
body.vk .qms-winner-phone{ color:#6B5E3E !important; font-variant-numeric:tabular-nums !important; }

/* ── winners results: position badge ── */
body.vk .qms-winner-pos {
    color: #5A3A06 !important;
    font-weight: 800 !important;
    background: linear-gradient(135deg, #FFE08A, #F2B23A) !important;
    border: 1px solid rgba(138, 90, 10, .35) !important;
    box-shadow: 0 1px 2px rgba(138, 90, 10, .18) !important;
}
/* Medal emojis (top 3): no filled badge, just the medal */
body.vk .qms-winner-pos:has(img.emoji) {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    width: auto !important;
    height: auto !important;
}
body.vk .qms-winner-pos img.emoji { width: 24px !important; height: 24px !important; }

/* ── winners results: slim stacked card layout on mobile ── */
@media (max-width: 640px) {
    body.vk .qms-winners-table-head { display: none !important; }
    body.vk .qms-winner-row,
    body.vk .qms-winner-row.qms-no-pos {
        display: flex !important;
        flex-wrap: wrap !important;
        align-items: center !important;
        gap: 2px 9px !important;
        padding: 7px 12px !important;
        margin-bottom: 5px !important;
    }
    body.vk .qms-winner-pos   { order: 1; flex: 0 0 auto; width: 27px !important; height: 27px !important; font-size: 12px !important; }
    body.vk .qms-winner-pos:has(img.emoji) { width: auto !important; height: auto !important; }
    body.vk .qms-winner-pos img.emoji { width: 22px !important; height: 22px !important; }
    body.vk .qms-winner-name  { order: 2; flex: 1 1 auto; min-width: 0; font-size: 13.5px !important; }
    body.vk .qms-winner-prize { order: 3; flex: 0 0 auto; margin-left: auto !important; display: block !important; white-space: nowrap; font-size: 13.5px !important; }
    body.vk .qms-winner-phone { order: 4; flex: 1 1 100%; padding-left: 36px; font-size: 12px !important; }
    body.vk .qms-winner-row.qms-no-pos .qms-winner-phone { padding-left: 0; }
}

/* ── live quiz form: user-info fields ── */
body.vk .qms-fields-grid label,
body.vk .qms-field-label{ color:#5A5236 !important; font-weight:600 !important; }
body.vk .qms-fields-grid input,
body.vk .qms-fields-grid textarea,
body.vk .qms-fields-grid select,
body.vk .qms-text-input,
body.vk .qms-essay-input{
    background:#FFFFFF !important;
    border:1px solid rgba(200,134,11,.32) !important;
    border-radius:10px !important;
    color:#241F16 !important;
}
body.vk .qms-fields-grid input::placeholder,
body.vk .qms-text-input::placeholder,
body.vk .qms-essay-input::placeholder{ color:#9A8E6E !important; }
body.vk .qms-fields-grid input:focus,
body.vk .qms-text-input:focus,
body.vk .qms-essay-input:focus{ border-color:rgba(200,134,11,.7) !important; box-shadow:0 0 0 3px rgba(200,134,11,.14) !important; outline:none !important; }

/* ── progress bar ── */
body.vk .qms-q-progress-bar{ background:rgba(200,134,11,.12) !important; border:1px solid rgba(200,134,11,.20) !important; }
body.vk .qms-q-progress-label{ color:#6B5E3E !important; }
body.vk .qms-q-answered{ color:#8A5A0A !important; }

/* ── questions ── */
body.vk .qms-question{
    background:#FFFDF7 !important;
    border:1px solid rgba(200,134,11,.20) !important;
    border-radius:13px !important;
}
body.vk .qms-q-num{
    background:linear-gradient(135deg,#F4D98B,#C8860B) !important;
    color:#1A1306 !important; font-weight:800 !important;
}
body.vk .qms-question-text{ color:#241F16 !important; }
body.vk .qms-required{ color:#DC2626 !important; }

/* ── options ── */
body.vk .qms-option{
    background:#FFFDF7 !important;
    border:1px solid rgba(200,134,11,.22) !important;
    border-radius:11px !important; color:#241F16 !important;
    transition:border-color .18s ease, background .18s ease !important;
}
body.vk .qms-option:hover{ border-color:rgba(200,134,11,.5) !important; background:rgba(200,134,11,.06) !important; }
body.vk .qms-option-letter{
    background:rgba(200,134,11,.12) !important;
    border:1px solid rgba(200,134,11,.32) !important;
    color:#8A5A0A !important; font-weight:700 !important;
}
body.vk .qms-option-text{ color:#241F16 !important; }
body.vk .qms-option input:checked ~ .qms-option-text{ color:#5A3A04 !important; font-weight:600 !important; }
body.vk .qms-option:has(input:checked){
    border-color:rgba(200,134,11,.7) !important;
    background:rgba(233,196,106,.20) !important;
    box-shadow:0 0 0 1px rgba(200,134,11,.35) !important;
}
body.vk .qms-option:has(input:checked) .qms-option-letter{ background:linear-gradient(135deg,#F4D98B,#E9C46A) !important; color:#1A1306 !important; }
body.vk .qms-option-check{ color:#A06A0A !important; }
body.vk .qms-rating-label span{ background:rgba(200,134,11,.07) !important; border:1px solid rgba(200,134,11,.28) !important; color:#8A5A0A !important; }
body.vk .qms-rating-label input:checked + span{ background:linear-gradient(135deg,#F4D98B,#E9C46A) !important; color:#1A1306 !important; }
body.vk .qms-word-count{ color:#6B5E3E !important; }

/* ── submit button ── */
body.vk .qms-submit-btn{
    background:linear-gradient(135deg,#FBEFC8 0%,#F4D98B 45%,#E9C46A 100%) !important;
    border:1px solid rgba(255,224,122,.7) !important;
    color:#1A1306 !important; font-family:var(--vk-font-bn),'Inter',sans-serif !important; font-weight:800 !important;
    box-shadow:0 12px 30px -12px rgba(233,196,106,.6) !important;
}
body.vk .qms-submit-btn svg{ color:#231803 !important; stroke:#231803 !important; }
body.vk .qms-submit-btn:hover{ transform:translateY(-2px) !important; }

/* ── timer card ── */
body.vk .qms-timer-ended-icon{ background:rgba(220,38,38,.10) !important; border:1px solid rgba(220,38,38,.28) !important; color:#DC2626 !important; }
body.vk .qms-timer-ended-label{ color:#1E1B14 !important; font-weight:700 !important; }
body.vk .qms-timer-ended-date{ color:#6B5E3E !important; font-variant-numeric:tabular-nums !important; }
body.vk .qms-sb-timer-boxes{ }
body.vk .qms-sb-unit{ background:#FFFDF7 !important; border:1px solid rgba(200,134,11,.26) !important; border-radius:10px !important; }
body.vk .qms-sb-unit .qms-cd-num{ color:#8A5A0A !important; font-variant-numeric:tabular-nums !important; font-weight:800 !important; }
body.vk .qms-sb-unit .qms-cd-lbl{ color:#6B5E3E !important; text-transform:uppercase !important; letter-spacing:.1em !important; }
body.vk .qms-sb-sep{ color:#B08A3A !important; }
body.vk .qms-sb-live-dot{ background:#5BE6B0 !important; box-shadow:0 0 8px rgba(91,230,176,.7) !important; }
body.vk .qms-sb-upcoming-dot{ background:#60A5FA !important; box-shadow:0 0 8px rgba(96,165,250,.7) !important; }

/* Quiz prize card — the 1st-place amount used transparent gradient-clipped
   text (a dark gradient → invisible on the dark card). Make amounts solid. */
body.vk .qms-sb-prize .vk-prize-row{
    background:rgba(200,134,11,.06) !important;
    border:1px solid rgba(200,134,11,.20) !important;
    border-radius:11px !important;
}
body.vk .qms-sb-prize .vk-prize-amt{
    color:#1E1B14 !important;
    -webkit-text-fill-color:#1E1B14 !important;
    background:none !important;
}
body.vk .qms-sb-prize .vk-prize-rank-1 .vk-prize-amt{
    color:#8A5A0A !important; -webkit-text-fill-color:#8A5A0A !important; font-weight:700 !important;
}

/* Lottery details countdown card — had a cream card bg + navy→cream number
   boxes, with light-on-cream labels/caption (unreadable). Make it dark to
   match the rest of the details page; the gold/ivory text then reads. */
body.vk .lms-cd-card{
    background:linear-gradient(180deg,#181308 0%,#0E0B05 100%) !important;
    border:1px solid rgba(233,196,106,.24) !important;
}
body.vk .lms-cd-num-wrap{
    background:linear-gradient(180deg,#1C1509 0%,#0C0904 100%) !important;
    border:1px solid rgba(233,196,106,.30) !important;
    box-shadow:inset 0 1px 0 rgba(233,196,106,.12), 0 8px 20px -10px rgba(0,0,0,.7) !important;
}
body.vk .lms-cd-num{ color:#FFD970 !important; text-shadow:0 0 18px rgba(255,199,44,.35) !important; }
body.vk .lms-cd-lbl{ color:#A99E7C !important; text-transform:uppercase !important; letter-spacing:.14em !important; }
body.vk .lms-cd-eyebrow{ color:#E4BE72 !important; }
body.vk .lms-cd-sep{ color:#C8860B !important; }
body.vk .lms-cd-meta-text{ color:#C3B795 !important; }
body.vk .lms-cd-corner{ border-color:#E9C46A !important; }

/* Lottery archive — was a contained rounded shell (24px margins + radius) on a
   cream body, so it showed cream edges. Make the background full-width dark,
   matching the quiz archive: dark body + edge-to-edge shell. */
body.vk.post-type-archive-lms_lottery{ background:#0A0704 !important; }
body.vk.post-type-archive-lms_lottery .lms-archive-shell{
    margin-inline:0 !important;
    border-radius:0 !important;
    border-left:0 !important;
    border-right:0 !important;
    border-top:0 !important;
    box-shadow:none !important;
}

/* Lottery details (single) — cream body showed through the transparent
   full-width container as cream gaps around the dark cards. Make the
   full-width page background dark, matching the archive. */
body.vk.single-lms_lottery{ background:#0A0704 !important; }

/* /drawn console page — cream body showed as a gap after the header around
   the dark console/locked card. Make the full-width page background dark. */
body.vk.page-id-3288,
body.vk:has(.lms-draw-fe),
body.vk:has(.lms-draw-locked){ background:#0A0704 !important; }

/* Ambassador "best" video player — the .baj-best__yt-slot overlay rules live in
   the plugin's ambassador.css which isn't enqueued, so the injected <video>
   flowed below the poster and got clipped by overflow:hidden → audio only, no
   picture. Restore the absolute overlay + fill so clips actually show. */
body.vk .baj-best__yt-slot{
    position:absolute !important; inset:0 !important; z-index:6 !important;
    background:#000 !important;
}
body.vk .baj-best__yt-slot video,
body.vk .baj-best__yt-slot iframe{
    position:absolute !important; inset:0 !important;
    width:100% !important; height:100% !important;
    border:0 !important; display:block !important;
    object-fit:contain !important;   /* whole clip visible — no crop (portrait reels safe) */
}

/* Agent contact modal — show the agent photo/avatar in the header (was name+ID only). */
body.vk .agent-contact-section .modal-header-main{ display:flex; align-items:center; gap:14px; min-width:0; }
body.vk .agent-contact-section .modal-agent-photo{ position:relative; flex:0 0 auto; width:56px; height:56px; }
body.vk .agent-contact-section .modal-photo-img{
    width:56px !important; height:56px !important; border-radius:50% !important; object-fit:cover !important;
    display:flex !important; align-items:center !important; justify-content:center !important;
    border:2px solid rgba(255,255,255,.85) !important; box-shadow:0 4px 14px rgba(0,0,0,.18) !important; }
body.vk .agent-contact-section .modal-agent-photo .agent-avatar-initial{ font-size:23px; font-weight:800; color:#fff; line-height:1; }
body.vk .agent-contact-section .modal-verified-badge{
    position:absolute; right:-2px; bottom:-2px; width:19px; height:19px; border-radius:50%;
    background:#22c55e; color:#fff; display:flex; align-items:center; justify-content:center;
    border:2px solid #fff; box-shadow:0 2px 6px rgba(0,0,0,.25); }
body.vk .agent-contact-section .modal-verified-badge svg{ width:11px; height:11px; }

/* Testimonial avatar — profile-photo placeholder silhouette (replaces initials). */
body.vk .vk-quote__avatar{ overflow:hidden; }
body.vk .vk-quote__avatar .vk-quote__avatar-ph{ width:30px; height:30px; color:#0A0500; display:block; }

/* ── Header menu blink fix ──────────────────────────────────────────────
   .vk-brand__halo ran an infinite animation on a filter:blur(32px) element
   INSIDE the position:sticky .vk-header. An animated blur inside a sticky
   element forces the whole header to re-rasterize every frame → the visible
   "blink" of the menu on scroll / mouse-move (all pages, incl. agent lists).
   The halo's stacked radial-gradients are already soft, so the live blur is
   redundant — drop it. The gentle opacity/scale pulse stays (GPU-composited).
   We can't promote the header to its own layer via transform/will-change
   because .vk-mobile (position:fixed) lives inside <header> and would anchor
   to it; removing the blur trigger is the clean, side-effect-free fix. */
body.vk .vk-header .vk-brand__halo{ filter:none !important; }

/* Blog meta row — centre on mobile (cards are single-column at ≤720px). */
@media (max-width:720px){
    body.vk .vk-blog__meta{ justify-content:center !important; flex-wrap:wrap; text-align:center; }
}

/* Ambassador portrait first-name — italic + background-clip:text. The last
   letter's italic overhang sits outside the element box, where the gradient
   isn't painted, so it renders transparent ("cut on the right"). Pad the box
   so the gradient covers the overhang. (70px clearance to the frame edge.) */
body.vk .baj-hero__portrait-fname{ padding-right:0.16em !important; }

/* ============================================================
   QUIZ PAGE — FINAL LIGHT-THEME OVERRIDES
   The quiz single page now uses a bright backdrop with bright cards and
   dark text. Several earlier high-specificity rules still forced light
   (gold/cream) text that was tuned for the old dark cards; this block
   (loaded last) restores readable dark-on-light values: dark-amber
   headings, near-black body, warm-grey secondary.
   ============================================================ */

/* Bright page background: kill the plugin's leftover indigo/violet/cyan
   ambient glows that read as off-theme smudges on the light backdrop. */
body.vk .qms-single-page .qms-single-wrap::before,
body.vk .qms-single-page .qms-single-wrap::after,
body.vk .qms-single-page .qms-quiz-wrapper::before,
body.vk .qms-single-page .qms-quiz-wrapper::after,
body.vk .qms-single-page .qms-sb-timer::before,
body.vk .qms-single-page .qms-sb-timer::after{
    background:none !important;
    content:none !important;
}

/* Sidebar + timer card headings → dark amber */
body.vk .qms-single-page .qms-sb-card .qms-sb-head,
body.vk .qms-quiz-wrapper .qms-sb-card .qms-sb-head,
body.vk .qms-single-page .qms-sb-timer .qms-sb-head,
body.vk .qms-quiz-wrapper .qms-sb-timer .qms-sb-head{
    color:#8A5A0A !important;
}

/* Rules card → bright card with subtle gold heading (plugin shipped an
   off-theme sky-blue gradient here). */
body.vk .qms-single-page .qms-sb-rules .qms-sb-head,
body.vk .qms-quiz-wrapper .qms-sb-rules .qms-sb-head{
    color:#8A5A0A !important;
    background:linear-gradient(180deg,rgba(200,134,11,.08),rgba(200,134,11,0)) !important;
    border-bottom:1px solid rgba(200,134,11,.18) !important;
    -webkit-text-fill-color:#8A5A0A !important;
}
body.vk .qms-single-page .qms-sb-rules,
body.vk .qms-quiz-wrapper .qms-sb-rules{
    background:#FFFFFF !important;
    border:1px solid rgba(200,134,11,.28) !important;
}

/* Sidebar body copy → near-black, warm-grey list items, emphasised black */
body.vk .qms-single-page .qms-sb-card .qms-sb-body,
body.vk .qms-quiz-wrapper .qms-sb-card .qms-sb-body,
body.vk .qms-single-page .qms-sb-card .qms-sb-body p,
body.vk .qms-quiz-wrapper .qms-sb-card .qms-sb-body p{
    color:#3A331F !important;
}
body.vk .qms-single-page .qms-sb-card .qms-sb-body li,
body.vk .qms-quiz-wrapper .qms-sb-card .qms-sb-body li{
    color:#4A4230 !important;
}
body.vk .qms-single-page .qms-sb-card .qms-sb-body strong,
body.vk .qms-single-page .qms-sb-card .qms-sb-body b,
body.vk .qms-quiz-wrapper .qms-sb-card .qms-sb-body strong,
body.vk .qms-quiz-wrapper .qms-sb-card .qms-sb-body b{
    color:#1E1B14 !important;
}
body.vk .qms-single-page .qms-sb-card .qms-sb-body a,
body.vk .qms-quiz-wrapper .qms-sb-card .qms-sb-body a{
    color:#A06A0A !important;
}

/* Prize details body → near-black; podium children keep their own colors. */
body.vk .qms-single-page .qms-sb-prize .qms-sb-body,
body.vk .qms-quiz-wrapper .qms-sb-prize .qms-sb-body{
    color:#1E1B14 !important;
}

/* Prize rank badges (gold 1st / silver 2nd) inherited white from a plugin
   rule — unreadable on the light medal gradients. Force dark text; keep the
   bronze 3rd badge white since it reads on the darker bronze gradient. */
body.vk .qms-single-page .qms-sb-prize .vk-prize-rank,
body.vk .qms-quiz-wrapper .qms-sb-prize .vk-prize-rank{
    color:#2A1A02 !important; -webkit-text-fill-color:#2A1A02 !important;
}
body.vk .qms-single-page .qms-sb-prize .vk-prize-row.vk-prize-rank-3 .vk-prize-rank,
body.vk .qms-quiz-wrapper .qms-sb-prize .vk-prize-row.vk-prize-rank-3 .vk-prize-rank{
    color:#FFFFFF !important; -webkit-text-fill-color:#FFFFFF !important;
}

/* ════════════════════════════════════════════════════════════════════
   QUIZ PAGE — PREMIUM POLISH
   Refined depth, richer gold, crisp SVG icons (replacing emoji),
   polished option / badge / input states. Loaded last; scoped to the
   single quiz page so nothing else is affected.
   ════════════════════════════════════════════════════════════════════ */

/* ── Outer cards: crisp white, layered shadow, hairline + inner highlight ── */
body.vk .qms-single-page .qms-section-card,
body.vk .qms-single-page .qms-sb-card{
    background:#FFFFFF !important;
    border:1px solid rgba(176,122,18,.20) !important;
    border-radius:18px !important;
    box-shadow:
        0 1px 0 rgba(255,255,255,.85) inset,
        0 2px 5px rgba(120,86,12,.04),
        0 18px 40px -26px rgba(120,86,12,.32) !important;
}

/* Refined gold top accent on section cards */
body.vk .qms-single-page .qms-section-card::before{
    height:2px !important;
    background:linear-gradient(90deg,transparent,#E9C46A 30%,#C8860B 50%,#E9C46A 70%,transparent) !important;
    opacity:.7 !important;
}

/* ── Section / sidebar headings: tighter premium type ── */
body.vk .qms-single-page .qms-section-head,
body.vk .qms-single-page .qms-sb-head{
    color:#7A5208 !important;
    font-weight:700 !important;
    letter-spacing:.01em !important;
    text-transform:none !important;
    font-size:15.5px !important;
    border-bottom:1px solid rgba(176,122,18,.14) !important;
    padding-bottom:14px !important;
    gap:12px !important;
}

/* ── Premium icon bubbles + crisp monochrome SVG (replaces emoji) ── */
body.vk .qms-single-page .qms-section-icon,
body.vk .qms-single-page .qms-sb-prize .qms-sb-head > span:first-child,
body.vk .qms-single-page .qms-sb-rules .qms-sb-head > span:first-child{
    position:relative !important;
    display:inline-flex !important;
    align-items:center !important; justify-content:center !important;
    width:36px !important; height:36px !important; min-width:36px !important;
    border-radius:11px !important;
    background:linear-gradient(145deg,#FCEBC4 0%,#EAC76C 52%,#D3A23A 100%) !important;
    border:1px solid rgba(176,122,18,.42) !important;
    box-shadow:
        0 5px 12px -5px rgba(176,122,18,.55),
        0 1px 0 rgba(255,255,255,.65) inset !important;
    font-size:0 !important; color:transparent !important; overflow:hidden !important;
}
/* hide the WP emoji image */
body.vk .qms-single-page .qms-section-icon img.emoji,
body.vk .qms-single-page .qms-sb-prize .qms-sb-head > span:first-child img.emoji,
body.vk .qms-single-page .qms-sb-rules .qms-sb-head > span:first-child img.emoji{
    opacity:0 !important; width:0 !important; height:0 !important; margin:0 !important;
}
/* draw the icon with a mask so it picks up a crisp dark-bronze tint */
body.vk .qms-single-page .qms-section-icon::after,
body.vk .qms-single-page .qms-sb-prize .qms-sb-head > span:first-child::after,
body.vk .qms-single-page .qms-sb-rules .qms-sb-head > span:first-child::after{
    content:"" !important;
    position:absolute !important; inset:0 !important; margin:auto !important;
    width:19px !important; height:19px !important;
    background:#3A2606 !important;
    -webkit-mask-position:center !important; mask-position:center !important;
    -webkit-mask-repeat:no-repeat !important; mask-repeat:no-repeat !important;
    -webkit-mask-size:contain !important; mask-size:contain !important;
}
/* per-card icons */
body.vk .qms-single-page .qms-userinfo-card .qms-section-icon::after{
    -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3C/svg%3E");
            mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3C/svg%3E");
}
body.vk .qms-single-page .qms-questions-card .qms-section-icon::after{
    -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3'/%3E%3Cline x1='12' y1='17' x2='12.01' y2='17'/%3E%3C/svg%3E");
            mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3'/%3E%3Cline x1='12' y1='17' x2='12.01' y2='17'/%3E%3C/svg%3E");
}
body.vk .qms-single-page .qms-winners-card .qms-section-icon::after,
body.vk .qms-single-page .qms-sb-prize .qms-sb-head > span:first-child::after{
    -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9H4.5a2.5 2.5 0 0 1 0-5H6'/%3E%3Cpath d='M18 9h1.5a2.5 2.5 0 0 0 0-5H18'/%3E%3Cpath d='M4 22h16'/%3E%3Cpath d='M10 14.66V17c0 .55-.47.98-.97 1.21C7.85 18.75 7 20.24 7 22'/%3E%3Cpath d='M14 14.66V17c0 .55.47.98.97 1.21C16.15 18.75 17 20.24 17 22'/%3E%3Cpath d='M18 2H6v7a6 6 0 0 0 12 0V2Z'/%3E%3C/svg%3E");
            mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9H4.5a2.5 2.5 0 0 1 0-5H6'/%3E%3Cpath d='M18 9h1.5a2.5 2.5 0 0 0 0-5H18'/%3E%3Cpath d='M4 22h16'/%3E%3Cpath d='M10 14.66V17c0 .55-.47.98-.97 1.21C7.85 18.75 7 20.24 7 22'/%3E%3Cpath d='M14 14.66V17c0 .55.47.98.97 1.21C16.15 18.75 17 20.24 17 22'/%3E%3Cpath d='M18 2H6v7a6 6 0 0 0 12 0V2Z'/%3E%3C/svg%3E");
}
body.vk .qms-single-page .qms-sb-rules .qms-sb-head > span:first-child::after{
    -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='8' y1='6' x2='21' y2='6'/%3E%3Cline x1='8' y1='12' x2='21' y2='12'/%3E%3Cline x1='8' y1='18' x2='21' y2='18'/%3E%3Cline x1='3' y1='6' x2='3.01' y2='6'/%3E%3Cline x1='3' y1='12' x2='3.01' y2='12'/%3E%3Cline x1='3' y1='18' x2='3.01' y2='18'/%3E%3C/svg%3E");
            mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='8' y1='6' x2='21' y2='6'/%3E%3Cline x1='8' y1='12' x2='21' y2='12'/%3E%3Cline x1='8' y1='18' x2='21' y2='18'/%3E%3Cline x1='3' y1='6' x2='3.01' y2='6'/%3E%3Cline x1='3' y1='12' x2='3.01' y2='12'/%3E%3Cline x1='3' y1='18' x2='3.01' y2='18'/%3E%3C/svg%3E");
}

/* ── Inner question cards: distinct warm tint, soft depth ── */
body.vk .qms-single-page .qms-question{
    background:#FFFCF6 !important;
    border:1px solid rgba(176,122,18,.16) !important;
    border-radius:15px !important;
    box-shadow:0 1px 2px rgba(120,86,12,.03) !important;
    transition:border-color .2s ease, box-shadow .2s ease !important;
}
body.vk .qms-single-page .qms-question:hover{
    border-color:rgba(176,122,18,.30) !important;
    box-shadow:0 10px 26px -18px rgba(176,122,18,.45) !important;
}
body.vk .qms-single-page .qms-question-text{ color:#241B0E !important; font-weight:600 !important; }

/* Question number badge — refined medallion */
body.vk .qms-single-page .qms-q-num{
    background:linear-gradient(145deg,#F6DB97 0%,#D9A53C 55%,#C8860B 100%) !important;
    color:#2A1A02 !important; font-weight:800 !important;
    border:1px solid rgba(255,255,255,.45) !important;
    box-shadow:0 6px 14px -7px rgba(200,134,11,.75), 0 1px 0 rgba(255,255,255,.5) inset !important;
}

/* ── Options: refined pills with hover lift + clean select state ── */
body.vk .qms-single-page .qms-option{
    background:#FFFDF8 !important;
    border:1px solid rgba(176,122,18,.18) !important;
    border-radius:13px !important;
    color:#241B0E !important;
    box-shadow:0 1px 2px rgba(120,86,12,.03) !important;
    transition:transform .16s ease, border-color .16s ease, background .16s ease, box-shadow .16s ease !important;
}
body.vk .qms-single-page .qms-option:hover{
    transform:translateY(-1px) !important;
    border-color:rgba(176,122,18,.42) !important;
    background:#FFFFFF !important;
    box-shadow:0 8px 20px -12px rgba(176,122,18,.55) !important;
}
body.vk .qms-single-page .qms-option-letter{
    width:30px !important; height:30px !important; min-width:30px !important;
    border-radius:9px !important;
    background:linear-gradient(145deg,#FBEFD2,#EAD6A2) !important;
    border:1px solid rgba(176,122,18,.30) !important;
    color:#8A5A0A !important; font-weight:700 !important;
    box-shadow:0 1px 0 rgba(255,255,255,.6) inset !important;
}
body.vk .qms-single-page .qms-option-text{ color:#241B0E !important; }

/* selected option */
body.vk .qms-single-page .qms-option:has(input:checked){
    border-color:#C8860B !important;
    background:linear-gradient(180deg,#FFF7E2,#FCEFCB) !important;
    box-shadow:0 0 0 1px #C8860B, 0 10px 22px -14px rgba(200,134,11,.65) !important;
}
body.vk .qms-single-page .qms-option:has(input:checked) .qms-option-letter{
    background:linear-gradient(135deg,#F4D98B,#C8860B) !important; color:#2A1A02 !important;
    border-color:rgba(176,122,18,.5) !important;
}
body.vk .qms-single-page .qms-option:has(input:checked) .qms-option-text{ color:#3A2606 !important; font-weight:600 !important; }

/* check indicator — empty ring by default, filled gold check when selected */
body.vk .qms-single-page .qms-option-check{
    display:inline-flex !important; align-items:center !important; justify-content:center !important;
    width:21px !important; height:21px !important; min-width:21px !important;
    border-radius:50% !important;
    background:transparent !important;
    border:1.5px solid rgba(176,122,18,.30) !important;
    color:transparent !important; font-size:11px !important; line-height:1 !important;
    transition:all .16s ease !important;
}
body.vk .qms-single-page .qms-option:has(input:checked) .qms-option-check{
    background:linear-gradient(135deg,#E9C46A,#C8860B) !important;
    border-color:transparent !important; color:#fff !important;
    box-shadow:0 3px 8px -3px rgba(200,134,11,.7) !important;
}

/* ── Inputs: refined, with soft inner shading + clean focus ring ── */
body.vk .qms-single-page .qms-fields-grid input,
body.vk .qms-single-page .qms-fields-grid textarea,
body.vk .qms-single-page .qms-fields-grid select,
body.vk .qms-single-page .qms-text-input,
body.vk .qms-single-page .qms-essay-input,
body.vk .qms-single-page .qms-input-wrap input,
body.vk .qms-single-page .qms-input-wrap textarea,
body.vk .qms-single-page .qms-input-wrap select{
    background:#FFFDF9 !important;
    border:1px solid rgba(176,122,18,.26) !important;
    border-radius:12px !important;
    color:#241B0E !important;
    box-shadow:0 1px 2px rgba(120,86,12,.04) inset !important;
    transition:border-color .18s ease, box-shadow .18s ease, background .18s ease !important;
}
body.vk .qms-single-page .qms-fields-grid input:focus,
body.vk .qms-single-page .qms-text-input:focus,
body.vk .qms-single-page .qms-essay-input:focus,
body.vk .qms-single-page .qms-input-wrap input:focus,
body.vk .qms-single-page .qms-input-wrap textarea:focus{
    border-color:#C8860B !important;
    background:#FFFFFF !important;
    box-shadow:0 0 0 4px rgba(200,134,11,.12) !important;
    outline:none !important;
}
body.vk .qms-single-page .qms-fields-grid label,
body.vk .qms-single-page .qms-form-field label,
body.vk .qms-single-page .qms-field-label{
    color:#6B5A33 !important; font-weight:600 !important; letter-spacing:.005em !important;
}

/* ── Progress bar: rounded, slimmer, premium track ── */
body.vk .qms-single-page .qms-q-progress-bar{
    height:8px !important;
    background:rgba(176,122,18,.12) !important;
    border:none !important; border-radius:99px !important; overflow:hidden !important;
}
body.vk .qms-single-page .qms-q-progress-fill{ border-radius:99px !important; }
body.vk .qms-single-page .qms-q-progress-label{ color:#7A6A40 !important; font-weight:600 !important; }

/* ── Sidebar / timer refinements ── */
body.vk .qms-single-page .qms-sb-unit{
    background:linear-gradient(180deg,#FFFFFF,#FFFBF1) !important;
    border:1px solid rgba(176,122,18,.22) !important;
    border-radius:12px !important;
    box-shadow:0 1px 0 rgba(255,255,255,.7) inset, 0 6px 16px -12px rgba(176,122,18,.5) !important;
}
body.vk .qms-single-page .qms-sb-unit .qms-cd-num{ color:#8A5A0A !important; font-weight:800 !important; }

/* ── Submit button: deeper premium gold with sheen ── */
body.vk .qms-single-page .qms-submit-btn{
    background:linear-gradient(135deg,#FBE6B0 0%,#EAC366 42%,#C8860B 100%) !important;
    border:1px solid rgba(176,122,18,.6) !important;
    color:#2A1A02 !important; font-weight:800 !important; letter-spacing:.01em !important;
    border-radius:14px !important;
    box-shadow:0 14px 30px -12px rgba(200,134,11,.6), 0 1px 0 rgba(255,255,255,.5) inset !important;
}
body.vk .qms-single-page .qms-submit-btn svg{ color:#2A1A02 !important; stroke:#2A1A02 !important; }

/* ════════════════════════════════════════════════════════════════════
   FEATURED IMAGE HERO — two separate premium boxes
   The theme was hiding the featured image. Instead of overlaying the
   title on the photo, present them as a stacked pair: a clean rounded
   image banner on top, and a separate white title card below it that
   matches the page's light premium cards. Only applies to
   .qms-hero-has-img; image-less quizzes keep the designed dark hero.
   ════════════════════════════════════════════════════════════════════ */

/* hero becomes a transparent 2-column grid (image | title card) */
body.vk .qms-hero.qms-hero-has-img{
    display:grid !important;
    grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) !important;
    gap:16px !important;
    align-items:stretch !important;
    background:none !important;
    border:none !important;
    box-shadow:none !important;
    padding:0 !important;
    height:auto !important;
    min-height:0 !important;
    overflow:visible !important;
    isolation:auto !important;
}
body.vk .qms-hero.qms-hero-has-img::before,
body.vk .qms-hero.qms-hero-has-img::after{ display:none !important; }

/* ── BOX 1 (left): image banner ──
   Show the FULL featured image (banners often have baked-in text/prizes at
   the edges). Height is auto so the image renders at its natural ratio and is
   never cropped; the box self-centers vertically beside the taller title card. */
body.vk .qms-hero.qms-hero-has-img .qms-hero-img{
    display:block !important;
    position:relative !important; inset:auto !important;
    align-self:center !important;
    width:100% !important; height:auto !important;
    min-height:0 !important; max-height:none !important;
    margin:0 !important; padding:0 !important; z-index:auto !important;
    border-radius:14px !important;
    overflow:hidden !important;
    background:#15120c !important;
    border:1px solid rgba(176,122,18,.30) !important;
    box-shadow:0 1px 0 rgba(255,255,255,.55) inset, 0 20px 44px -26px rgba(120,86,12,.45) !important;
}
body.vk .qms-hero.qms-hero-has-img .qms-hero-img::after{
    content:"" !important; position:absolute !important; inset:0 !important;
    border-radius:inherit !important; pointer-events:none !important;
    box-shadow:0 0 0 1px rgba(255,255,255,.12) inset !important;
    background:linear-gradient(180deg, rgba(255,255,255,.06), transparent 28%) !important;
}
body.vk .qms-hero.qms-hero-has-img .qms-hero-img img{
    width:100% !important; height:auto !important;
    object-fit:contain !important; object-position:center !important;
    display:block !important; border-radius:0 !important; max-width:none !important;
}
body.vk .qms-hero.qms-hero-has-img .qms-hero-overlay,
body.vk .qms-hero.qms-hero-has-img .qms-hero-grid-overlay{ display:none !important; }

/* ── BOX 2 (right): title — blends into the cream page theme ── */
body.vk .qms-hero.qms-hero-has-img .qms-hero-content{
    position:relative !important; z-index:auto !important;
    display:flex !important; flex-direction:column !important; justify-content:center !important;
    height:auto !important; min-height:100% !important; max-width:100% !important;
    background:transparent !important;
    border:none !important;
    border-radius:0 !important;
    padding:clamp(10px,1.2vw,16px) clamp(12px,1.4vw,18px) !important;
    box-shadow:none !important;
    overflow:visible !important;
}
/* compact title for the two-column hero */
body.vk .qms-hero.qms-hero-has-img .qms-hero-content .qms-hero-title{
    font-size:clamp(17px, 1.9vw, 24px) !important;
    line-height:1.18 !important;
    margin:0 0 7px !important;
}
body.vk .qms-hero.qms-hero-has-img .qms-hero-content .qms-hero-badge{ margin-bottom:8px !important; }
body.vk .qms-hero.qms-hero-has-img .qms-hero-content .qms-hero-desc{ display:none !important; }
body.vk .qms-hero.qms-hero-has-img .qms-hero-content .qms-hero-meta{ margin-top:0 !important; }
body.vk .qms-hero.qms-hero-has-img .qms-hero-content::before{ display:none !important; content:none !important; }
/* title → deep gold gradient, readable on white */
body.vk .qms-hero.qms-hero-has-img .qms-hero-content .qms-hero-title{
    background:linear-gradient(95deg,#8A5A0A 0%,#C8860B 45%,#9A6A0C 100%) !important;
    -webkit-background-clip:text !important; background-clip:text !important;
    -webkit-text-fill-color:transparent !important; color:transparent !important;
    text-shadow:none !important;
}
body.vk .qms-hero.qms-hero-has-img .qms-hero-content .qms-hero-desc{ color:#5B4D34 !important; }
/* meta pills on white */
body.vk .qms-hero.qms-hero-has-img .qms-hero-content .qms-hero-meta-item{
    background:rgba(176,122,18,.08) !important;
    border:1px solid rgba(176,122,18,.28) !important;
    color:#6B5A33 !important;
}
body.vk .qms-hero.qms-hero-has-img .qms-hero-content .qms-hero-meta-item svg{ color:#C8860B !important; }
/* status badge on white */
body.vk .qms-hero.qms-hero-has-img .qms-hero-content .qms-hero-badge{
    background:rgba(34,197,94,.12) !important;
    border:1px solid rgba(34,197,94,.45) !important;
    color:#15803D !important;
    box-shadow:0 6px 16px -8px rgba(34,197,94,.40) !important;
}
body.vk .qms-hero.qms-hero-has-img .qms-hero-content .qms-hero-badge-upcoming{
    background:rgba(176,122,18,.12) !important; border-color:rgba(176,122,18,.5) !important; color:#8A5A0A !important;
}
body.vk .qms-hero.qms-hero-has-img .qms-hero-content .qms-hero-badge-closed{
    background:rgba(220,38,38,.10) !important; border-color:rgba(220,38,38,.40) !important; color:#DC2626 !important;
}

/* ── Countdown timer relocated into the title box ── */
body.vk .qms-hero.qms-hero-has-img .qms-hero-content .qms-sb-timer{
    background:transparent !important;
    border:none !important;
    box-shadow:none !important;
    border-radius:0 !important;
    overflow:visible !important;
    padding:0 !important;
    margin:12px 0 0 !important;
    width:100% !important;
    order:0 !important;        /* cancel the plugin's mobile order:-1 (it floated the timer above the title) */
    grid-row:auto !important; grid-column:auto !important;
}
/* thin gold divider above the countdown */
body.vk .qms-hero.qms-hero-has-img .qms-hero-content .qms-sb-timer::before{
    content:"" !important; display:block !important;
    height:1px !important; margin:0 0 10px !important;
    background:linear-gradient(90deg, rgba(176,122,18,.30), rgba(176,122,18,.06) 70%, transparent) !important;
}
body.vk .qms-hero.qms-hero-has-img .qms-hero-content .qms-sb-head{
    color:#8A5A0A !important;
    background:none !important; border:none !important;
    padding:0 !important; margin:0 0 8px !important;
    gap:6px !important;
    font-size:11px !important; letter-spacing:.08em !important; text-transform:uppercase !important;
}
/* replace the inline (broken-looking) clock svg with a crisp mask icon */
body.vk .qms-hero.qms-hero-has-img .qms-hero-content .qms-sb-head svg{ display:none !important; }
body.vk .qms-hero.qms-hero-has-img .qms-hero-content .qms-sb-head::before{
    content:"" !important;
    width:14px !important; height:14px !important; flex:0 0 14px !important;
    background:#C8860B !important;
    -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpolyline points='12 6 12 12 16 14'/%3E%3C/svg%3E") center/contain no-repeat !important;
            mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpolyline points='12 6 12 12 16 14'/%3E%3C/svg%3E") center/contain no-repeat !important;
}
/* live dot → subtle gold to match the theme */
body.vk .qms-hero.qms-hero-has-img .qms-hero-content .qms-sb-head .qms-sb-live-dot{
    width:6px !important; height:6px !important;
    background:#C8860B !important;
    box-shadow:0 0 0 3px rgba(200,134,11,.16) !important;
}
body.vk .qms-hero.qms-hero-has-img .qms-hero-content .qms-sb-timer-boxes{
    display:flex !important; gap:7px !important; align-items:stretch !important; width:100% !important;
}
body.vk .qms-hero.qms-hero-has-img .qms-hero-content .qms-sb-sep{ display:none !important; }
body.vk .qms-hero.qms-hero-has-img .qms-hero-content .qms-sb-unit{
    flex:1 1 0 !important; min-width:0 !important;
    padding:7px 3px 6px !important;
    background:rgba(200,134,11,.07) !important;
    border:1px solid rgba(176,122,18,.22) !important;
    border-radius:9px !important;
    box-shadow:none !important;
}
body.vk .qms-hero.qms-hero-has-img .qms-hero-content .qms-sb-unit .qms-cd-num{
    color:#8A5A0A !important; font-weight:800 !important; font-size:clamp(15px,1.6vw,19px) !important;
}
body.vk .qms-hero.qms-hero-has-img .qms-hero-content .qms-sb-unit .qms-cd-lbl{
    color:#6B5A33 !important; font-size:9px !important;
}

/* responsive: stack the two boxes on narrow screens */
@media (max-width: 820px){
    body.vk .qms-hero.qms-hero-has-img{
        grid-template-columns:1fr !important;
        height:auto !important;
        min-height:0 !important;
    }
    body.vk .qms-hero.qms-hero-has-img .qms-hero-img{
        height:auto !important;
        min-height:0 !important;
    }
    body.vk .qms-hero.qms-hero-has-img .qms-hero-content{
        height:auto !important;
        align-items:center !important;
        text-align:center !important;
    }
    /* center the badge, title, meta + countdown header on mobile */
    body.vk .qms-hero.qms-hero-has-img .qms-hero-content .qms-hero-title,
    body.vk .qms-hero.qms-hero-has-img .qms-hero-content .qms-hero-meta{
        text-align:center !important; justify-content:center !important;
    }
    body.vk .qms-hero.qms-hero-has-img .qms-hero-content .qms-sb-timer{ text-align:center !important; }
    body.vk .qms-hero.qms-hero-has-img .qms-hero-content .qms-sb-head{ justify-content:center !important; }
    body.vk .qms-hero.qms-hero-has-img .qms-hero-content .qms-sb-timer::before{ margin-left:auto !important; margin-right:auto !important; }
}

/* ════════════════════════════════════════════════════════════════════
   QUIZ FORM — FORCE QUESTIONS-FIRST ORDER
   Always render প্রশ্নসমূহ (questions) above আপনার তথ্য (user info),
   regardless of the per-quiz "Form Fields Position" admin setting.
   Flex + order reflows the cards visually; submit bar stays last.
   ════════════════════════════════════════════════════════════════════ */
body.vk .qms-single-page .qms-quiz-form{
    display:flex !important;
    flex-direction:column !important;
}
body.vk .qms-single-page .qms-quiz-form .qms-questions-card{ order:1 !important; }
body.vk .qms-single-page .qms-quiz-form .qms-userinfo-card{  order:2 !important; }
body.vk .qms-single-page .qms-quiz-form .qms-submit-bar{     order:3 !important; }

/* ════════════════════════════════════════════════════════════════════
   QUIZ FORM — SLIM MOBILE LAYOUT
   Tighten card / question / option / field spacing on phones so the form
   reads compact instead of bulky.
   ════════════════════════════════════════════════════════════════════ */
@media (max-width: 600px){
    /* cards */
    body.vk .qms-single-page .qms-section-card{
        padding:14px !important; border-radius:14px !important; margin-bottom:14px !important;
    }
    body.vk .qms-single-page .qms-section-head{
        padding-bottom:11px !important; margin-bottom:13px !important;
        font-size:14px !important; gap:10px !important;
    }
    body.vk .qms-single-page .qms-section-icon{
        width:30px !important; height:30px !important; min-width:30px !important; border-radius:9px !important;
    }
    body.vk .qms-single-page .qms-section-icon::after{ width:16px !important; height:16px !important; }

    /* progress bar */
    body.vk .qms-single-page .qms-q-progress-wrap{ margin-bottom:12px !important; }

    /* questions */
    body.vk .qms-single-page .qms-questions-container{ gap:10px !important; }
    body.vk .qms-single-page .qms-question{
        padding:12px 13px !important; border-radius:12px !important; margin-bottom:0 !important;
    }
    body.vk .qms-single-page .qms-question-header{
        padding:0 !important; margin-bottom:11px !important; gap:9px !important;
        background:transparent !important; border:none !important;
    }
    body.vk .qms-single-page .qms-q-num{
        width:26px !important; height:26px !important; min-width:26px !important;
        font-size:12px !important; border-radius:8px !important;
    }
    body.vk .qms-single-page .qms-question-text{ font-size:14px !important; line-height:1.45 !important; }

    /* options */
    body.vk .qms-single-page .qms-options-list{ gap:6px !important; }
    body.vk .qms-single-page .qms-option{
        padding:9px 11px !important; gap:10px !important; border-radius:10px !important;
    }
    body.vk .qms-single-page .qms-option-letter{
        width:25px !important; height:25px !important; min-width:25px !important;
        font-size:12px !important; border-radius:7px !important;
    }
    body.vk .qms-single-page .qms-option-text{ font-size:13.5px !important; }
    body.vk .qms-single-page .qms-option-check{ width:18px !important; height:18px !important; min-width:18px !important; }

    /* user-info fields */
    body.vk .qms-single-page .qms-fields-grid{ gap:10px 12px !important; padding:0 !important; }
    body.vk .qms-single-page .qms-form-field{ margin-bottom:0 !important; }
    body.vk .qms-single-page .qms-fields-grid input,
    body.vk .qms-single-page .qms-text-input,
    body.vk .qms-single-page .qms-essay-input,
    body.vk .qms-single-page .qms-input-wrap input{
        padding:10px 12px !important; font-size:14px !important; border-radius:10px !important;
    }
    body.vk .qms-single-page .qms-fields-grid label,
    body.vk .qms-single-page .qms-form-field label{ font-size:12.5px !important; margin-bottom:4px !important; }

    /* submit */
    body.vk .qms-single-page .qms-submit-bar{ margin-top:6px !important; }
    body.vk .qms-single-page .qms-submit-btn{
        padding:13px 26px !important; min-width:0 !important; width:100% !important; font-size:15px !important;
    }
}

/* ════════════════════════════════════════════════════════════════════
   QUIZ ARCHIVE (LISTING) — LIGHT THEME
   Re-skins the quiz listing to the same bright cream / white-card / gold
   premium look as the single quiz details page.
   ════════════════════════════════════════════════════════════════════ */
body.vk.post-type-archive-qms_quiz{
    background:linear-gradient(180deg,#FFF8E1 0%,#FBEFC8 60%,#F6E6B8 100%) !important;
}
/* drop dark ambient orbs / grid on the light backdrop */
body.vk .qms-arc-page .qms-arc-orb,
body.vk .qms-arc-hero .qms-arc-orb,
body.vk .qms-arc-hero-grid{ display:none !important; }

/* ── hero ── */
body.vk .qms-arc-hero{
    background:radial-gradient(70% 80% at 50% 0%, rgba(200,134,11,.10), rgba(200,134,11,0) 60%) !important;
    border-bottom:1px solid rgba(176,122,18,.16) !important;
}
body.vk .qms-arc-hero-title,
body.vk .qms-arc-title-highlight{
    background:linear-gradient(95deg,#8A5A0A 0%,#C8860B 45%,#9A6A0C 100%) !important;
    -webkit-background-clip:text !important; background-clip:text !important;
    -webkit-text-fill-color:transparent !important; color:transparent !important;
    text-shadow:none !important;
}
body.vk .qms-arc-hero-sub{ color:#5B4D34 !important; }
body.vk .qms-arc-eyebrow-badge{
    background:rgba(200,134,11,.10) !important;
    border:1px solid rgba(176,122,18,.30) !important;
    color:#8A5A0A !important;
}
body.vk .qms-arc-eyebrow-icon,
body.vk .qms-arc-eyebrow-icon svg{ color:#C8860B !important; }
body.vk .qms-arc-eyebrow-text{ color:#8A5A0A !important; }

/* status / count chips */
body.vk .qms-arc-stat{
    background:#FFFFFF !important;
    border:1px solid rgba(176,122,18,.24) !important;
    color:#6B5A33 !important;
    box-shadow:0 6px 16px -12px rgba(176,122,18,.45) !important;
}
body.vk .qms-arc-stat strong,
body.vk .qms-arc-stat b{ color:#8A5A0A !important; }
body.vk .qms-arc-stat-dot-live{ background:#16A34A !important; box-shadow:0 0 8px rgba(22,163,74,.6) !important; }
body.vk .qms-arc-stat-dot-closed{ background:#DC2626 !important; }

/* ── cards ── */
body.vk .qms-arc-card{
    background:#FFFFFF !important;
    border:1px solid rgba(176,122,18,.22) !important;
    border-radius:18px !important;
    color:#241B0E !important;
    box-shadow:0 1px 0 rgba(255,255,255,.85) inset, 0 18px 40px -26px rgba(120,86,12,.32) !important;
    transition:transform .2s ease, border-color .2s ease, box-shadow .2s ease !important;
}
body.vk .qms-arc-card:hover{
    transform:translateY(-3px) !important;
    border-color:rgba(176,122,18,.45) !important;
    box-shadow:0 26px 50px -24px rgba(120,86,12,.42) !important;
}
body.vk .qms-arc-card .qms-card-glow{ opacity:.18 !important; }

/* thumb / placeholder */
body.vk .qms-card-thumb{ background:linear-gradient(145deg,#FFFBEF 0%,#F4E3B6 100%) !important; }
body.vk .qms-card-thumb-placeholder,
body.vk .qms-card-thumb-placeholder svg{ color:#C8860B !important; opacity:.5 !important; }
body.vk .qms-card-thumb-overlay{ background:linear-gradient(180deg, transparent 45%, rgba(20,14,3,.30) 100%) !important; }

/* card body */
body.vk .qms-card-title{ color:#241B0E !important; }
body.vk .qms-card-body{ color:#4A4230 !important; }
body.vk .qms-card-q-chip{
    background:rgba(200,134,11,.10) !important;
    border:1px solid rgba(176,122,18,.28) !important;
    color:#8A5A0A !important;
}
body.vk .qms-card-q-chip svg{ color:#C8860B !important; }
body.vk .qms-card-prize-hint{
    background:rgba(200,134,11,.10) !important;
    border:1px solid rgba(176,122,18,.28) !important;
    color:#8A5A0A !important;
}
body.vk .qms-card-footer{ color:#4A4230 !important; border-top-color:rgba(176,122,18,.16) !important; }

/* card countdown */
body.vk .qms-card-countdown-wrap{
    background:rgba(200,134,11,.06) !important;
    border:1px solid rgba(176,122,18,.20) !important;
    color:#6B5A33 !important;
}
body.vk .qms-card-countdown-wrap .qms-cd-num{ color:#8A5A0A !important; }
body.vk .qms-card-countdown-wrap .qms-cd-lbl{ color:#6B5A33 !important; }

/* CTA button → premium gold, dark text */
body.vk .qms-card-cta{
    background:linear-gradient(135deg,#FBE6B0 0%,#EAC366 42%,#C8860B 100%) !important;
    border:1px solid rgba(176,122,18,.55) !important;
    color:#2A1A02 !important; font-weight:800 !important;
    box-shadow:0 12px 26px -12px rgba(200,134,11,.55) !important;
}
body.vk .qms-card-cta svg{ color:#2A1A02 !important; stroke:#2A1A02 !important; }
body.vk .qms-card-cta.qms-card-closed,
body.vk .qms-card-cta[disabled]{
    background:rgba(176,122,18,.10) !important; color:#8A5A0A !important;
    border-color:rgba(176,122,18,.30) !important; box-shadow:none !important;
}

/* load-more button */
body.vk .qms-load-more-btn{
    background:rgba(200,134,11,.08) !important;
    border:1px solid rgba(176,122,18,.35) !important;
    color:#8A5A0A !important;
    box-shadow:0 8px 20px -14px rgba(176,122,18,.5) !important;
}
body.vk .qms-load-more-btn:hover{ background:rgba(200,134,11,.14) !important; }

/* ════════════════════════════════════════════════════════════════════
   QUIZ ARCHIVE HERO — cinematic dark banner (mirrors single-quiz hero)
   Turns the flat cream listing hero into the same premium dark/gold
   banner used on the quiz details page (.qms-hero).
   ════════════════════════════════════════════════════════════════════ */
body.vk .qms-arc-hero{
    position:relative;
    isolation:isolate;
    overflow:hidden;
    width:calc(100% - 2 * clamp(16px, 4vw, 56px)) !important;
    max-width:var(--vk-max) !important;
    margin:clamp(20px, 2.5vw, 32px) auto clamp(10px, 1.5vw, 18px) !important;
    padding:clamp(34px, 4.5vw, 60px) clamp(24px, 4vw, 48px) !important;
    border-radius:var(--vk-r-lg) !important;
    border:1px solid rgba(255, 199, 44, 0.40) !important;
    border-bottom:1px solid rgba(255, 199, 44, 0.40) !important;
    background:
        /* floating gold sparkle dots */
        radial-gradient(2px 2px at 12% 20%, rgba(255, 217, 112, 0.55), transparent 60%),
        radial-gradient(2px 2px at 78% 30%, rgba(255, 217, 112, 0.45), transparent 60%),
        radial-gradient(1.5px 1.5px at 22% 75%, rgba(255, 217, 112, 0.35), transparent 60%),
        radial-gradient(1.5px 1.5px at 88% 78%, rgba(255, 217, 112, 0.40), transparent 60%),
        radial-gradient(1px 1px at 45% 15%, rgba(255, 199, 44, 0.50), transparent 60%),
        radial-gradient(1px 1px at 60% 88%, rgba(255, 199, 44, 0.40), transparent 60%),
        /* halos */
        radial-gradient(70% 90% at 0% 0%, rgba(255, 199, 44, 0.22), transparent 65%),
        radial-gradient(70% 90% at 100% 100%, rgba(255, 199, 44, 0.20), transparent 65%),
        radial-gradient(40% 70% at 100% 0%, rgba(230, 169, 30, 0.10), transparent 70%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.012)),
        linear-gradient(135deg, #0F0904 0%, #0A0500 55%, #120822 100%) !important;
    box-shadow:
        0 36px 80px -32px rgba(0, 0, 0, 0.75),
        0 0 0 1px rgba(255, 199, 44, 0.16) inset,
        0 -1px 0 rgba(255, 217, 112, 0.18) inset !important;
}
/* gold beam at top */
body.vk .qms-arc-hero::before{
    content:"";
    position:absolute;
    top:0; left:0; right:0;
    height:3px;
    background:linear-gradient(90deg, transparent, #FFC72C 25%, #FFD75E 50%, #FFC72C 75%, transparent) !important;
    box-shadow:0 0 18px rgba(255, 199, 44, 0.55);
    z-index:1;
    opacity:1;
}
/* floating trophy ornament at far right */
body.vk .qms-arc-hero::after{
    content:"";
    position:absolute;
    right:-30px;
    top:50%;
    transform:translateY(-50%);
    width:240px;
    height:240px;
    pointer-events:none;
    z-index:0;
    background:
        radial-gradient(closest-side, rgba(255, 199, 44, 0.18), transparent 70%),
        url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23F5C242' stroke-width='1.1' stroke-linecap='round' stroke-linejoin='round'><path d='M8 21h8'/><path d='M12 17v4'/><path d='M7 4h10v6a5 5 0 0 1-10 0V4z'/><path d='M17 5h3a2 2 0 0 1-2 4'/><path d='M7 5H4a2 2 0 0 0 2 4'/></svg>") center/55% no-repeat;
    opacity:.22;
    filter:drop-shadow(0 0 20px rgba(255, 199, 44, 0.4));
    animation:vk-trophy-float 6s ease-in-out infinite;
}
@media (max-width: 1100px){
    body.vk .qms-arc-hero::after{ display:none !important; }
}

/* hero inner sits above ornaments */
body.vk .qms-arc-hero-inner{ position:relative; z-index:2; }

/* eyebrow badge → gold glass on dark */
body.vk .qms-arc-eyebrow-badge{
    background:linear-gradient(135deg, rgba(255, 199, 44, 0.16), rgba(255, 199, 44, 0.10)) !important;
    border:1px solid rgba(255, 199, 44, 0.34) !important;
    color:#FFD75E !important;
    box-shadow:0 6px 18px -8px rgba(255, 199, 44, 0.45) !important;
}
body.vk .qms-arc-eyebrow-icon,
body.vk .qms-arc-eyebrow-icon svg{ color:#FFD75E !important; }
body.vk .qms-arc-eyebrow-text{ color:#FFE9A8 !important; }
body.vk .qms-arc-eyebrow-dots{ display:inline-flex !important; }

/* hero title → bright gold gradient text with glow */
body.vk .qms-arc-hero-title{
    background:linear-gradient(95deg, #FFE9A8 0%, #FFD75E 25%, #FFC72C 55%, #FFE9A8 100%) !important;
    -webkit-background-clip:text !important; background-clip:text !important;
    -webkit-text-fill-color:transparent !important; color:transparent !important;
    text-shadow:0 0 50px rgba(255, 199, 44, 0.18) !important;
}
body.vk .qms-arc-title-highlight{
    background:linear-gradient(95deg, #FFF3CC 0%, #FFD75E 50%, #FFC72C 100%) !important;
    -webkit-background-clip:text !important; background-clip:text !important;
    -webkit-text-fill-color:transparent !important; color:transparent !important;
}
/* hero subtitle → readable warm cream */
body.vk .qms-arc-hero-sub{ color:#E7D9B0 !important; }

/* stat / count chips → dark glass on the banner */
body.vk .qms-arc-stat{
    background:rgba(255, 255, 255, 0.05) !important;
    border:1px solid rgba(255, 199, 44, 0.22) !important;
    color:#EBDDB6 !important;
    box-shadow:none !important;
}
body.vk .qms-arc-stat svg{ color:#FFD75E !important; }
body.vk .qms-arc-stat strong,
body.vk .qms-arc-stat b{ color:#FFD75E !important; }
body.vk .qms-arc-stat-live{ background:rgba(34, 197, 94, 0.14) !important; border-color:rgba(34, 197, 94, 0.40) !important; color:#6EE7B7 !important; }
body.vk .qms-arc-stat-upcoming{ background:rgba(255, 199, 44, 0.14) !important; border-color:rgba(255, 199, 44, 0.42) !important; color:#FFD75E !important; }
body.vk .qms-arc-stat-closed{ background:rgba(244, 63, 94, 0.12) !important; border-color:rgba(244, 63, 94, 0.34) !important; color:#FCA5A8 !important; }
body.vk .qms-arc-stat-dot-live{ background:#22C55E !important; box-shadow:0 0 8px rgba(34, 197, 94, 0.7) !important; }
body.vk .qms-arc-stat-dot-upcoming{ background:#FFC72C !important; }
body.vk .qms-arc-stat-dot-closed{ background:#F43F5E !important; }

@media (max-width: 600px){
    body.vk .qms-arc-hero{ padding:clamp(26px, 7vw, 36px) clamp(18px, 5vw, 24px) !important; }
}

/* ════════════════════════════════════════════════════════════════════
   QUIZ ARCHIVE CARDS — PREMIUM PASS
   Adds depth, glow, refined icons & a luxe gold finish on top of the
   light cream/white-card base.
   ════════════════════════════════════════════════════════════════════ */

/* ── Card shell: layered depth + soft gold top sheen ── */
body.vk .qms-arc-card{
    background:
        radial-gradient(120% 70% at 50% -10%, rgba(255, 199, 44, 0.10), transparent 60%),
        #FFFFFF !important;
    border:1px solid rgba(176, 122, 18, 0.20) !important;
    border-radius:20px !important;
    box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.9) inset,
        0 2px 6px rgba(120, 86, 12, 0.06),
        0 22px 46px -28px rgba(120, 86, 12, 0.40) !important;
    transition:transform .32s cubic-bezier(.2,.7,.15,1), border-color .32s ease, box-shadow .32s ease !important;
}
/* gold beam across the top of every card */
body.vk .qms-arc-card::before{
    content:"" !important;
    position:absolute !important;
    top:0 !important; left:0 !important; right:0 !important;
    height:2px !important;
    background:linear-gradient(90deg, transparent 8%, #E8A200 50%, transparent 92%) !important;
    opacity:.5 !important;
    z-index:4 !important;
    transition:opacity .32s ease !important;
}
body.vk .qms-card-live::before{ background:linear-gradient(90deg, transparent 8%, #16A34A 50%, transparent 92%) !important; }
body.vk .qms-card-closed::before{ background:linear-gradient(90deg, transparent 8%, rgba(244,63,94,.6) 50%, transparent 92%) !important; }
body.vk .qms-arc-card:hover{
    transform:translateY(-6px) !important;
    border-color:rgba(200, 134, 11, 0.55) !important;
    box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.95) inset,
        0 0 0 1px rgba(200, 134, 11, 0.18),
        0 34px 60px -26px rgba(120, 86, 12, 0.50) !important;
}
body.vk .qms-arc-card:hover::before{ opacity:1 !important; }

/* ── Thumbnail: warm gradient + faint dot texture + image zoom ── */
body.vk .qms-card-thumb{
    height:160px !important;
    background:
        radial-gradient(70% 90% at 50% 12%, rgba(255, 199, 44, 0.22), transparent 70%),
        radial-gradient(rgba(176, 122, 18, 0.10) 1px, transparent 1px) 0 0 / 16px 16px,
        linear-gradient(150deg, #FFFBEF 0%, #F6E4B6 100%) !important;
    border-bottom:1px solid rgba(176, 122, 18, 0.16) !important;
}
body.vk .qms-card-thumb img{
    transition:transform .55s cubic-bezier(.2,.7,.15,1) !important;
}
body.vk .qms-arc-card:hover .qms-card-thumb img{ transform:scale(1.07) !important; }

/* ── Placeholder: glowing gold trophy in a halo, perfectly centered ── */
body.vk .qms-card-thumb-placeholder{
    position:absolute !important;
    inset:0 !important;
    width:100% !important; height:100% !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    color:#C8860B !important;
    opacity:1 !important;
}
body.vk .qms-card-thumb-placeholder::before{
    content:"" !important;
    position:absolute !important;
    top:50% !important; left:50% !important;
    transform:translate(-50%, -50%) !important;
    width:96px !important; height:96px !important;
    border-radius:50% !important;
    background:radial-gradient(circle, rgba(255, 199, 44, 0.35) 0%, rgba(255, 199, 44, 0.08) 45%, transparent 72%) !important;
    box-shadow:0 0 0 1px rgba(200, 134, 11, 0.18) inset !important;
}
body.vk .qms-card-thumb-placeholder svg{
    position:relative !important;
    z-index:1 !important;
    width:46px !important; height:46px !important;
    color:#C8860B !important;
    opacity:.95 !important;
    stroke-width:1.4 !important;
    filter:drop-shadow(0 4px 12px rgba(200, 134, 11, 0.45)) !important;
    transition:transform .4s ease !important;
}
body.vk .qms-arc-card:hover .qms-card-thumb-placeholder svg{ transform:translateY(-3px) scale(1.05) !important; }

/* ── Status badge: subtle gradient + lift ── */
body.vk .qms-arc-badge{ padding:5px 11px !important; box-shadow:0 6px 16px -8px rgba(0,0,0,.4) !important; }
body.vk .qms-badge-live{
    background:linear-gradient(135deg, rgba(34,197,94,.95), rgba(16,163,74,.95)) !important;
    color:#FFFFFF !important; border:1px solid rgba(255,255,255,.25) !important;
    box-shadow:0 8px 18px -8px rgba(22,163,74,.7) !important;
}
body.vk .qms-badge-upcoming{
    background:linear-gradient(135deg, #FFE9A8, #FFC72C) !important;
    color:#5A3B05 !important; border:1px solid rgba(180,120,18,.4) !important;
    box-shadow:0 8px 18px -8px rgba(255,199,44,.7) !important;
}
body.vk .qms-badge-closed{
    background:rgba(255,255,255,.9) !important; color:#B23A4A !important;
    border:1px solid rgba(244,63,94,.35) !important;
}

/* ── Question chip: dark luxe pill ── */
body.vk .qms-card-q-chip{
    background:linear-gradient(135deg, #241B0E, #0E0A05) !important;
    border:1px solid rgba(255, 199, 44, 0.40) !important;
    color:#FFD75E !important;
    box-shadow:0 6px 16px -8px rgba(0,0,0,.5) !important;
}
body.vk .qms-card-q-chip svg{ color:#FFD75E !important; }

/* ── Title: hover → gold-brown ── */
body.vk .qms-card-title{ color:#241B0E !important; transition:color .25s ease !important; }
body.vk .qms-arc-card:hover .qms-card-title{ color:#8A5A0A !important; }

/* ── Countdown: luxe gold-on-dark segmented units ── */
/* one cohesive dark-luxe countdown panel (ties back to the hero) */
body.vk .qms-card-countdown-wrap{
    background:
        radial-gradient(120% 140% at 50% -20%, rgba(255, 199, 44, 0.14), transparent 60%),
        linear-gradient(150deg, #2A2014 0%, #120C05 55%, #0A0703 100%) !important;
    border:1px solid rgba(255, 199, 44, 0.30) !important;
    border-radius:14px !important;
    padding:11px 12px 12px !important;
    box-shadow:
        0 10px 24px -14px rgba(0,0,0,.6),
        0 1px 0 rgba(255, 217, 112, 0.14) inset !important;
}
body.vk .qms-cd-label{
    color:#FFD75E !important;
    font-weight:800 !important;
    letter-spacing:.14em !important;
    text-align:center !important;
    text-transform:uppercase !important;
    opacity:.9 !important;
    margin:0 0 8px !important;
}
body.vk .qms-cd-boxes{ gap:7px !important; }
body.vk .qms-cd-unit{
    background:linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.02)) !important;
    border:1px solid rgba(255, 199, 44, 0.22) !important;
    border-radius:10px !important;
    padding:7px 4px 6px !important;
    box-shadow:0 1px 0 rgba(255, 217, 112, 0.10) inset !important;
}
body.vk .qms-card-countdown-wrap .qms-cd-num,
body.vk .qms-cd-boxes .qms-cd-num{
    background:linear-gradient(180deg, #FFF3CC 0%, #FFD75E 50%, #F5B400 100%) !important;
    -webkit-background-clip:text !important; background-clip:text !important;
    -webkit-text-fill-color:transparent !important; color:transparent !important;
    background-size:auto !important;
    background-position:0 0 !important;
    text-shadow:none !important;
    font-size:19px !important;
    font-weight:800 !important;
    line-height:1.15 !important;
    font-variant-numeric:tabular-nums !important;
    filter:drop-shadow(0 1px 6px rgba(255, 199, 44, 0.35)) !important;
}
body.vk .qms-cd-sep{
    color:#B59A6A !important;
    font-size:8px !important;
    letter-spacing:.04em !important;
    margin-top:2px !important;
}
body.vk .qms-cd-ended{
    color:#FFD9DC !important; font-weight:700 !important;
    text-align:center !important;
    padding:6px 0 !important;
}

/* ── Card grid: don't stretch short cards to the tallest in a row ──
   (prevents the big empty gap on closed cards beside a live card) */
body.vk .qms-arc-grid{ align-items:start !important; }
/* give every card a comfortable min-height so short closed cards
   still feel substantial / consistent */
body.vk .qms-arc-card{ min-height:300px !important; }

/* ── Prize hint: gem glow ── */
body.vk .qms-card-prize-hint{
    background:linear-gradient(135deg, rgba(255,199,44,.16), rgba(255,199,44,.08)) !important;
    border:1px solid rgba(176,122,18,.34) !important;
    color:#8A5A0A !important;
    font-weight:800 !important;
}
body.vk .qms-card-prize-hint svg{
    color:#E8A200 !important;
    filter:drop-shadow(0 0 5px rgba(255,199,44,.7)) !important;
    animation:vk-gem-twinkle 2.4s ease-in-out infinite !important;
}
@keyframes vk-gem-twinkle{
    0%,100%{ opacity:1; transform:scale(1); }
    50%    { opacity:.7; transform:scale(.9); }
}

/* ── CTA: premium gold with shimmer sweep + arrow slide ── */
body.vk .qms-card-cta{
    position:relative !important;
    overflow:hidden !important;
    padding:11px 20px !important;
    font-weight:800 !important;
    background:linear-gradient(135deg, #FFE9A8 0%, #EAC366 42%, #C8860B 100%) !important;
    border:1px solid rgba(176, 122, 18, 0.55) !important;
    color:#2A1A02 !important;
    box-shadow:0 12px 26px -12px rgba(200, 134, 11, 0.6), 0 1px 0 rgba(255,255,255,.5) inset !important;
}
body.vk .qms-card-cta::before{
    content:"" !important;
    position:absolute !important;
    top:0 !important; left:-130% !important;
    width:55% !important; height:100% !important;
    background:linear-gradient(90deg, transparent, rgba(255,255,255,.6), transparent) !important;
    transform:skewX(-20deg) !important;
    transition:left .6s ease !important;
    pointer-events:none !important;
}
body.vk .qms-arc-card:hover .qms-card-cta::before{ left:130% !important; }
body.vk .qms-card-cta svg{ position:relative !important; z-index:1 !important; transition:transform .3s ease !important; }
body.vk .qms-arc-card:hover .qms-card-cta svg{ transform:translateX(4px) !important; }
body.vk .qms-arc-card:hover .qms-card-cta{
    transform:translateY(-2px) !important;
    background:linear-gradient(135deg, #FFEFC0 0%, #F0CC72 42%, #D4900F 100%) !important;
    border-color:rgba(176, 122, 18, 0.65) !important;
    box-shadow:0 18px 34px -12px rgba(200, 134, 11, 0.7), 0 1px 0 rgba(255,255,255,.6) inset !important;
}
/* live → keep brand green, premium depth */
body.vk .qms-cta-live{
    background:linear-gradient(135deg, #2EE372 0%, #16A34A 55%, #0E7C5A 100%) !important;
    color:#FFFFFF !important; border:1px solid rgba(255,255,255,.22) !important;
    box-shadow:0 12px 26px -12px rgba(22,163,74,.65), 0 1px 0 rgba(255,255,255,.25) inset !important;
}
body.vk .qms-cta-live svg{ color:#FFFFFF !important; stroke:#FFFFFF !important; }
/* closed / results → muted but refined */
body.vk .qms-cta-closed{
    background:linear-gradient(135deg, rgba(255,255,255,.9), rgba(250,243,225,.9)) !important;
    border:1px solid rgba(176,122,18,.30) !important;
    color:#8A5A0A !important;
    box-shadow:0 8px 20px -14px rgba(176,122,18,.4) !important;
}

/* hover overrides per CTA variant — must beat the legacy
   `.qms-arc-card:hover .qms-card-cta` faint-fill rule (higher specificity) */
body.vk .qms-arc-card:hover .qms-cta-live{
    background:linear-gradient(135deg, #3BF07E 0%, #1BB257 55%, #0F8A64 100%) !important;
    border-color:rgba(255,255,255,.32) !important;
    box-shadow:0 18px 34px -12px rgba(22,163,74,.75), 0 1px 0 rgba(255,255,255,.3) inset !important;
}
body.vk .qms-arc-card:hover .qms-cta-closed{
    background:linear-gradient(135deg, #FFFFFF, #FBF3E1) !important;
    border-color:rgba(176,122,18,.42) !important;
    color:#7A4F08 !important;
}

/* ── Thumbnail: show full image, no crop, box grows to image height ── */
body.vk .qms-card-thumb {
    height: auto !important;
    display: block !important;
}
body.vk .qms-card-thumb img {
    width: 100% !important;
    height: auto !important;
    object-fit: contain !important;
    display: block !important;
}
body.vk .qms-card-thumb-placeholder {
    position: relative !important;
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 16 / 9 !important;
}