/**
 * Site footer — yon shell (matches yon-home--yon section/trust system)
 * Theme-aware: dark + light + mobile
 */
.ysf {
    --ysf-bg: var(--h-bg-page);
    --ysf-surface: var(--h-bg-card);
    --ysf-raised: var(--h-bg-raised);
    --ysf-border: var(--h-border);
    --ysf-text: var(--h-text);
    --ysf-text-bright: var(--h-text-bright);
    --ysf-muted: var(--h-text-muted);
    --ysf-accent: var(--h-green);
    --ysf-radius: 12px;
    --ysf-shell-pad: clamp(16px, 3vw, 28px);
    margin-top: auto;
    position: relative;
    isolation: isolate;
    background: var(--ysf-bg);
    border-top: 1px solid var(--ysf-border);
    color: var(--ysf-muted);
    font-size: 0.8125rem;
}

.ysf::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: 0;
    background:
        radial-gradient(ellipse 55% 42% at 0% 100%, rgba(61, 90, 254, 0.07), transparent 55%),
        radial-gradient(ellipse 48% 38% at 100% 0%, rgba(13, 184, 102, 0.06), transparent 52%);
}

.ysf > * {
    position: relative;
    z-index: 1;
}

.ysf__inner {
    max-width: var(--h-container, 1680px);
    margin: 0 auto;
    padding-left: var(--ysf-shell-pad);
    padding-right: var(--ysf-shell-pad);
}

/* ── Trust ── */
.ysf__trust {
    border-bottom: 1px solid var(--ysf-border);
}

.ysf__trust-row {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
    padding: 22px 0;
}

@media (min-width: 900px) {
    .ysf__trust-row {
        grid-template-columns: repeat(var(--ysf-trust-cols, 4), minmax(0, 1fr));
        gap: 16px;
        padding: 26px 0;
    }
}

.ysf__trust-item {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 16px 14px;
    border-radius: var(--ysf-radius);
    border: 1px solid var(--ysf-border);
    background: linear-gradient(180deg, var(--ysf-raised) 0%, var(--ysf-surface) 100%);
    box-shadow: var(--h-shadow-card);
    transition: border-color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
}

.ysf__trust-item:hover {
    border-color: rgba(17, 211, 119, 0.35);
    transform: translateY(-2px);
    box-shadow: var(--h-shadow-elevated);
}

.ysf__trust-item i {
    flex-shrink: 0;
    width: 44px;
    height: 44px;
    border-radius: 12px;
    display: grid;
    place-items: center;
    font-size: 1.2rem;
    color: var(--h-green);
    background: var(--h-green-soft);
    border: 1px solid rgba(17, 211, 119, 0.25);
}

.ysf__trust-item:nth-child(2) i {
    color: var(--h-blue-text);
    background: var(--h-blue-soft);
    border-color: rgba(61, 90, 254, 0.28);
}

.ysf__trust-item:nth-child(3) i {
    color: var(--h-blue);
    background: var(--h-blue-soft);
    border-color: rgba(61, 90, 254, 0.28);
}

.ysf__trust-item:nth-child(4) i {
    color: var(--h-orange);
    background: var(--h-orange-soft);
    border-color: rgba(255, 179, 0, 0.28);
}

.ysf__trust-item strong {
    display: block;
    color: var(--ysf-text-bright);
    font-size: 0.8125rem;
    font-weight: 800;
    line-height: 1.25;
}

.ysf__trust-item span {
    display: block;
    margin-top: 4px;
    font-size: 0.7rem;
    color: var(--ysf-muted);
    line-height: 1.45;
}

/* ── Quick access strip ── */
.ysf__quick {
    border-bottom: 1px solid var(--ysf-border);
    padding: 16px 0 18px;
}

.ysf__quick-head {
    margin-bottom: 12px;
}

.ysf__quick-label {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--ysf-muted);
}

.ysf__quick-label i {
    color: var(--h-orange);
    font-size: 0.9rem;
}

.ysf__quick-track {
    display: flex;
    flex-wrap: nowrap;
    gap: 10px;
    overflow-x: auto;
    overscroll-behavior-x: contain;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    padding-bottom: 2px;
}

.ysf__quick-track::-webkit-scrollbar {
    display: none;
}

.ysf__quick-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;
    min-height: 38px;
    padding: 0 14px;
    border-radius: 999px;
    border: 1px solid var(--ysf-border);
    background: var(--ysf-surface);
    color: var(--ysf-text);
    font-size: 0.78rem;
    font-weight: 700;
    text-decoration: none;
    white-space: nowrap;
    box-shadow: var(--h-shadow-card);
    transition: transform 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease, background 0.18s ease;
}

.ysf__quick-link i {
    width: 28px;
    height: 28px;
    border-radius: 8px;
    display: grid;
    place-items: center;
    font-size: 0.95rem;
    flex-shrink: 0;
}

.ysf__quick-link--green i {
    color: var(--h-green);
    background: var(--h-green-soft);
    border: 1px solid rgba(17, 211, 119, 0.22);
}

.ysf__quick-link--blue i {
    color: var(--h-blue);
    background: var(--h-blue-soft);
    border: 1px solid rgba(61, 90, 254, 0.22);
}

.ysf__quick-link--orange i {
    color: var(--h-orange);
    background: var(--h-orange-soft);
    border: 1px solid rgba(255, 179, 0, 0.22);
}

.ysf__quick-link--purple i {
    color: var(--h-blue-text);
    background: var(--h-blue-soft);
    border: 1px solid rgba(61, 90, 254, 0.22);
}

.ysf__quick-link:hover {
    transform: translateY(-2px);
    box-shadow: var(--h-shadow-elevated);
}

.ysf__quick-link--green:hover { border-color: rgba(17, 211, 119, 0.4); }
.ysf__quick-link--blue:hover { border-color: rgba(61, 90, 254, 0.35); }
.ysf__quick-link--orange:hover { border-color: rgba(255, 179, 0, 0.35); }
.ysf__quick-link--purple:hover { border-color: rgba(61, 90, 254, 0.35); }

@media (min-width: 1024px) {
    .ysf__quick-track {
        flex-wrap: wrap;
        overflow: visible;
    }
}

/* ── CTA ── */
.ysf__cta {
    border-bottom: 1px solid var(--ysf-border);
    padding: 20px 0;
}

.ysf__cta-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 24px 26px;
    border-radius: var(--ysf-radius);
    border: 1px solid rgba(61, 90, 254, 0.18);
    background: linear-gradient(135deg, var(--ysf-surface) 0%, var(--ysf-raised) 100%);
    box-shadow: var(--h-shadow-card);
    position: relative;
    overflow: hidden;
}

.ysf__cta-row::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 180px;
    height: 180px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(61, 90, 254, 0.12) 0%, transparent 70%);
    pointer-events: none;
    transform: translate(30%, -30%);
}

.ysf__cta-badge {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    margin-bottom: 8px;
    padding: 4px 10px;
    border-radius: 999px;
    font-size: 0.65rem;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--h-green);
    background: var(--h-green-soft);
    border: 1px solid rgba(17, 211, 119, 0.25);
}

.ysf__cta-copy {
    position: relative;
    z-index: 1;
    min-width: 0;
    flex: 1 1 280px;
}

.ysf__cta-copy h3 {
    margin: 0;
    font-size: clamp(1rem, 2vw, 1.2rem);
    font-weight: 900;
    color: var(--ysf-text-bright);
    letter-spacing: -0.02em;
}

.ysf__cta-copy p {
    margin: 8px 0 0;
    max-width: 540px;
    font-size: 0.84rem;
    color: var(--ysf-muted);
    line-height: 1.55;
}

.ysf__cta-actions {
    position: relative;
    z-index: 1;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    flex-shrink: 0;
}

.ysf__cta-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
    min-height: 42px;
    padding: 0 1.15rem;
    border-radius: 12px;
    border: 0;
    background: var(--h-gradient-green);
    color: var(--h-green-text-on);
    font-size: 0.8125rem;
    font-weight: 800;
    text-decoration: none;
    box-shadow: var(--h-shadow-green);
    transition: transform 0.18s ease, filter 0.18s ease, box-shadow 0.18s ease, background 0.18s ease;
    white-space: nowrap;
}

.ysf__cta-btn:hover {
    transform: translateY(-2px);
    filter: brightness(1.06);
    box-shadow: 0 8px 22px var(--h-green-glow);
}

.ysf__cta-btn:active {
    transform: translateY(0);
}

.ysf__cta-btn--ghost {
    background: var(--ysf-surface);
    color: var(--ysf-text);
    border: 1px solid var(--ysf-border);
    box-shadow: none;
}

.ysf__cta-btn--ghost:hover {
    filter: none;
    border-color: rgba(61, 90, 254, 0.28);
    background: var(--h-blue-soft);
    color: var(--h-blue-dark);
    box-shadow: var(--h-shadow-card);
}

.ysf__cta-btn--chat:hover {
    border-color: rgba(17, 211, 119, 0.35);
    background: var(--h-green-soft);
    color: #047857;
}

/* ── Main grid ── */
.ysf__main {
    padding: 40px 0 24px;
}

.ysf__grid {
    display: grid;
    gap: 28px 24px;
    grid-template-columns: 1fr;
}

@media (min-width: 640px) {
    .ysf__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (min-width: 1024px) {
    .ysf__grid {
        grid-template-columns: minmax(280px, 1.5fr) repeat(var(--ysf-cols, 4), minmax(0, 1fr));
        gap: 28px 22px;
    }
}

/* ── Brand card ── */
.ysf__brand {
    min-width: 0;
}

.ysf__brand-card {
    padding: 22px 20px;
    border-radius: var(--ysf-radius);
    border: 1px solid var(--ysf-border);
    background: linear-gradient(180deg, var(--ysf-surface) 0%, var(--ysf-raised) 100%);
    box-shadow: var(--h-shadow-card);
}

.ysf__logo {
    display: inline-flex;
    align-items: center;
    text-decoration: none;
    margin-bottom: 14px;
    min-height: var(--ysf-logo-h, 48px);
}

.ysf__logo-text {
    font-size: 1.4rem;
    font-weight: 900;
    letter-spacing: -0.03em;
    color: var(--ysf-text-bright);
}

.ysf__logo-img {
    width: auto;
    max-width: var(--ysf-logo-w, 160px);
    height: var(--ysf-logo-h, 48px);
    object-fit: contain;
    display: none;
}

.ysf__logo-img--night { display: block; }
.ysf__logo-img--day { display: none; }

html[data-theme="light"] .ysf__logo-img--night { display: none; }
html[data-theme="light"] .ysf__logo-img--day { display: block; }

.ysf__logo-img--white { filter: brightness(0) invert(1); }
.ysf__logo-img--ink { filter: brightness(0) saturate(100%); opacity: 0.9; }

html[data-theme="light"] .ysf__logo-img--white { filter: none; }
html[data-theme="dark"] .ysf__logo-img--ink { filter: none; }

.ysf__tagline {
    margin: 0 0 16px;
    max-width: 320px;
    line-height: 1.55;
    color: var(--ysf-muted);
    font-size: 0.8125rem;
}

.ysf__stats {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
    margin-bottom: 18px;
}

.ysf__stat {
    padding: 10px 8px;
    border-radius: 10px;
    border: 1px solid var(--ysf-border);
    background: var(--ysf-bg);
    text-align: center;
}

.ysf__stat strong {
    display: block;
    font-size: 0.85rem;
    font-weight: 900;
    color: var(--ysf-text-bright);
    letter-spacing: -0.02em;
    line-height: 1.1;
}

.ysf__stat span {
    display: block;
    margin-top: 3px;
    font-size: 0.62rem;
    font-weight: 700;
    color: var(--ysf-muted);
    line-height: 1.2;
}

.ysf__address {
    display: flex;
    align-items: flex-start;
    gap: 6px;
    margin: 0 0 16px;
    max-width: 320px;
    font-size: 0.75rem;
    line-height: 1.45;
    color: var(--ysf-muted);
}

.ysf__address i {
    margin-top: 1px;
    color: var(--h-blue);
}

.ysf__contacts {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-bottom: 18px;
}

.ysf__contact {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: var(--ysf-muted);
    text-decoration: none;
    font-size: 0.8125rem;
    font-weight: 600;
    transition: color 0.15s ease;
}

.ysf__contact i {
    width: 32px;
    height: 32px;
    border-radius: 10px;
    display: grid;
    place-items: center;
    background: var(--ysf-bg);
    border: 1px solid var(--ysf-border);
    font-size: 0.95rem;
    color: var(--ysf-text);
    transition: border-color 0.15s ease, background 0.15s ease;
}

.ysf__contact:hover {
    color: var(--ysf-text-bright);
}

.ysf__contact:hover i {
    border-color: rgba(61, 90, 254, 0.25);
    background: var(--h-blue-soft);
}

.ysf__contact--accent {
    color: var(--h-green);
}

.ysf__contact--accent i {
    color: var(--h-green);
    border-color: rgba(17, 211, 119, 0.3);
    background: var(--h-green-soft);
}

.ysf__socials {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.ysf__social {
    width: 40px;
    height: 40px;
    border-radius: 11px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--ysf-border);
    background: var(--ysf-bg);
    color: var(--ysf-muted);
    font-size: 1.1rem;
    text-decoration: none;
    transition: transform 0.15s ease, color 0.15s ease, border-color 0.15s ease, background 0.15s ease;
}

.ysf__social:hover {
    transform: translateY(-2px);
    color: var(--s, var(--ysf-accent));
    border-color: color-mix(in srgb, var(--s, var(--ysf-accent)) 45%, transparent);
    background: color-mix(in srgb, var(--s, var(--ysf-accent)) 12%, transparent);
}

/* ── Columns ── */
.ysf__col-toggle {
    display: none;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 0;
    border: 0;
    background: transparent;
    cursor: pointer;
    text-align: left;
}

.ysf__col h4 {
    margin: 0 0 14px;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--ysf-text-bright);
    position: relative;
    padding-bottom: 10px;
}

.ysf__col h4::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 28px;
    height: 2px;
    border-radius: 999px;
    background: var(--h-orange);
}

.ysf__col-toggle h4 {
    margin: 0;
    padding-bottom: 0;
}

.ysf__col-toggle h4::after {
    display: none;
}

.ysf__col-chevron {
    font-size: 1.1rem;
    color: var(--ysf-muted);
    transition: transform 0.2s ease;
    flex-shrink: 0;
}

.ysf__col.is-open .ysf__col-chevron {
    transform: rotate(180deg);
}

.ysf__col-links {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.ysf__col-link {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 7px 10px;
    margin: 0 -10px;
    border-radius: 10px;
    color: var(--ysf-muted);
    text-decoration: none;
    font-size: 0.8125rem;
    font-weight: 600;
    line-height: 1.35;
    transition: color 0.15s ease, background 0.15s ease, transform 0.15s ease;
}

.ysf__col-link i {
    flex-shrink: 0;
    width: 30px;
    height: 30px;
    border-radius: 9px;
    display: grid;
    place-items: center;
    font-size: 0.95rem;
    color: var(--h-blue);
    background: var(--h-blue-soft);
    border: 1px solid rgba(61, 90, 254, 0.18);
    transition: border-color 0.15s ease, background 0.15s ease, color 0.15s ease;
}

.ysf__col-link span {
    min-width: 0;
}

.ysf__col-link:hover {
    color: var(--ysf-text-bright);
    background: rgba(61, 90, 254, 0.08);
    transform: translateX(2px);
}

.ysf__col-link:hover i {
    border-color: rgba(61, 90, 254, 0.35);
    background: rgba(61, 90, 254, 0.14);
    color: var(--h-blue-text);
}

html[data-theme="light"] .ysf__col-link:hover {
    color: var(--h-blue-dark);
}

.ysf__col-links a:not(.ysf__col-link) {
    display: block;
    padding: 5px 0;
    color: var(--ysf-muted);
    text-decoration: none;
    transition: color 0.15s ease, transform 0.15s ease;
    line-height: 1.45;
}

.ysf__col-links a:not(.ysf__col-link):hover {
    color: var(--ysf-text-bright);
    transform: translateX(3px);
}

html[data-theme="light"] .ysf__col-links a:not(.ysf__col-link):hover {
    color: var(--h-blue-dark);
}

/* ── Security badges ── */
.ysf__badges {
    border-top: 1px solid var(--ysf-border);
    border-bottom: 1px solid var(--ysf-border);
    padding: 14px 0;
    background: color-mix(in srgb, var(--ysf-raised) 60%, transparent);
}

.ysf__badges-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

@media (min-width: 768px) {
    .ysf__badges-row {
        justify-content: flex-start;
    }
}

.ysf__badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 12px;
    border-radius: 999px;
    border: 1px solid var(--ysf-border);
    background: var(--ysf-surface);
    font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: 0.03em;
    color: var(--ysf-muted);
    white-space: nowrap;
}

.ysf__badge i {
    font-size: 0.85rem;
    color: var(--h-green);
}

.ysf__badge:nth-child(2) i { color: var(--h-blue); }
.ysf__badge:nth-child(3) i { color: var(--h-orange); }
.ysf__badge:nth-child(4) i { color: var(--h-blue-text); }

/* ── Bottom bar ── */
.ysf__bottom {
    background: var(--ysf-raised);
}

.ysf__bottom-row {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 14px;
    padding: 18px 0 22px;
    text-align: center;
}

@media (min-width: 768px) {
    .ysf__bottom-row {
        flex-direction: row;
        justify-content: space-between;
        text-align: left;
    }
}

.ysf__copy {
    margin: 0;
    font-size: 0.75rem;
    color: var(--ysf-muted);
}

.ysf__payments {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 6px;
}

.ysf__pay {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 5px 10px;
    border-radius: 8px;
    border: 1px solid var(--ysf-border);
    background: var(--ysf-surface);
    font-size: 0.65rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--ysf-muted);
}

.ysf__pay i {
    font-size: 0.85rem;
    opacity: 0.85;
}

.ysf__pay[data-pay="visa"] i { color: #1a1f71; }
.ysf__pay[data-pay="mastercard"] i { color: #eb001b; }
.ysf__pay[data-pay="troy"] i { color: #00a651; }
.ysf__pay[data-pay="papara"] i { color: #6c3fc5; }

html[data-theme="dark"] .ysf__pay[data-pay="visa"] i { color: #93c5fd; }
html[data-theme="dark"] .ysf__pay[data-pay="mastercard"] i { color: #fca5a5; }
html[data-theme="dark"] .ysf__pay[data-pay="troy"] i { color: #86efac; }
html[data-theme="dark"] .ysf__pay[data-pay="papara"] i { color: #c4b5fd; }

/* ── Mobile ── */
@media (max-width: 639px) {
    .ysf__main {
        padding: 28px 0 18px;
    }

    .ysf__grid {
        gap: 0;
    }

    .ysf__brand {
        margin-bottom: 8px;
    }

    .ysf__brand-card {
        padding: 18px 16px;
    }

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

    .ysf__col {
        border-bottom: 1px solid var(--ysf-border);
    }

    .ysf__col-toggle {
        display: flex;
        padding: 14px 0;
    }

    .ysf__col > h4 {
        display: none;
    }

    .ysf__col-links {
        display: none;
        padding: 0 0 14px;
    }

    .ysf__col.is-open .ysf__col-links {
        display: block;
    }

    .ysf__cta {
        padding: 14px 0;
    }

    .ysf__cta-row {
        padding: 18px 16px;
        flex-direction: column;
        align-items: stretch;
    }

    .ysf__cta-actions {
        flex-direction: column;
    }

    .ysf__cta-btn {
        width: 100%;
    }

    .ysf__trust-row {
        grid-template-columns: 1fr;
        padding: 18px 0;
    }

    .ysf__badges-row {
        gap: 6px;
    }

    .ysf__badge {
        font-size: 0.62rem;
        padding: 5px 10px;
    }
}

@media (min-width: 640px) {
    .ysf__col-links {
        display: block !important;
    }
}

.yon-site-footer {
    display: contents;
}

/* ═══ YON header-style footer (mirrors yon-shell--yon layers) ═══ */
.ysf--yon {
    --yn-bg: #161b28;
    --yn-bg-top: #161723;
    --yn-bg-header: #222433;
    --yn-bg-nav: #2b2d3e;
    --yn-bg-input: #333548;
    --yn-bg-card: #2f3144;
    --yn-bg-raised: #333548;
    --yn-border: #32394e;
    --yn-border-soft: rgba(50, 57, 78, 0.72);
    --yn-text: #d7d8e6;
    --yn-text-bright: #ffffff;
    --yn-text-muted: #9192a5;
    --yn-accent: #667afa;
    --yn-accent-2: #6366f1;
    --yn-green: #43a047;
    --yn-green-bright: #34d399;
    --yn-gold: #ffc107;
    --ysf-shell-pad: clamp(12px, 2vw, 18px);
    --ysf-bg: var(--yn-bg-top);
    --ysf-surface: var(--yn-bg-card);
    --ysf-raised: var(--yn-bg-raised);
    --ysf-border: var(--yn-border);
    --ysf-text: var(--yn-text);
    --ysf-text-bright: var(--yn-text-bright);
    --ysf-muted: var(--yn-text-muted);
    --ysf-accent: var(--yn-green-bright);
    background: var(--yn-bg-top);
    border-top: 1px solid var(--yn-border-soft);
    box-shadow: 0 -1px 0 rgba(255, 255, 255, 0.03);
    font-family: "Plus Jakarta Sans", Inter, system-ui, sans-serif;
}

.ysf--yon::before {
    display: none;
}

.ysf--yon .ysf__inner {
    max-width: 1680px;
}

.ysf--yon .ysf__band--top {
    background: var(--yn-bg-top);
    border-bottom: 1px solid var(--yn-border-soft);
}

.ysf--yon .ysf__band--quick {
    background: var(--yn-bg-header);
    border-bottom: 1px solid var(--yn-border-soft);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
}

.ysf--yon .ysf__band--cta {
    background: var(--yn-bg-header);
    border-bottom: 1px solid var(--yn-border-soft);
}

.ysf--yon .ysf__band--main {
    background: var(--yn-bg-header);
    border-bottom: 1px solid var(--yn-border-soft);
}

.ysf--yon .ysf__band--nav {
    background: var(--yn-bg-nav);
    border-bottom: 1px solid var(--yn-border-soft);
}

.ysf--yon .ysf__band--bottom {
    background: var(--yn-bg-top);
}

/* Trust — compact header-topbar tone */
.ysf--yon .ysf__trust-row {
    padding: 18px 0;
    gap: 10px;
}

.ysf--yon .ysf__trust-item {
    padding: 12px 14px;
    border-radius: 10px;
    border-color: var(--yn-border);
    background: var(--yn-bg-input);
    box-shadow: none;
}

.ysf--yon .ysf__trust-item:hover {
    border-color: rgba(102, 122, 250, 0.4);
    background: var(--yn-bg-card);
    transform: none;
    box-shadow: none;
}

.ysf--yon .ysf__trust-item i {
    width: 38px;
    height: 38px;
    border-radius: 10px;
    font-size: 1.05rem;
}

.ysf--yon .ysf__trust-item strong {
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.01em;
}

.ysf--yon .ysf__trust-item span {
    font-size: 0.68rem;
}

/* Quick links — header quick-btn style */
.ysf--yon .ysf__quick {
    border-bottom: 0;
    padding: 14px 0 16px;
}

.ysf--yon .ysf__quick-label {
    font-size: 11px;
    letter-spacing: 0.06em;
    color: var(--yn-text-muted);
}

.ysf--yon .ysf__quick-label i {
    color: var(--yn-gold);
}

.ysf--yon .ysf__quick-link {
    min-height: 44px;
    padding: 0 14px;
    border-radius: 10px;
    border: 1px solid var(--yn-border);
    background: var(--yn-bg-card);
    color: var(--yn-text);
    font-size: 12px;
    font-weight: 600;
    box-shadow: none;
}

.ysf--yon .ysf__quick-link i {
    width: 18px;
    height: 18px;
    border-radius: 0;
    border: 0;
    background: transparent;
    font-size: 17px;
    color: var(--yn-accent);
}

.ysf--yon .ysf__quick-link--green i { color: var(--yn-green-bright); }
.ysf--yon .ysf__quick-link--blue i { color: var(--yn-accent); }
.ysf--yon .ysf__quick-link--orange i { color: var(--yn-gold); }
.ysf--yon .ysf__quick-link--purple i { color: #c7d2fe; }

.ysf--yon .ysf__quick-link:hover {
    border-color: rgba(102, 122, 250, 0.45);
    background: rgba(102, 122, 250, 0.1);
    color: var(--yn-text-bright);
    transform: none;
    box-shadow: none;
}

/* CTA — register / login button palette */
.ysf--yon .ysf__cta {
    border-bottom: 0;
    padding: 16px 0;
}

.ysf--yon .ysf__cta-row {
    padding: 20px 22px;
    border-radius: 12px;
    border: 1px solid var(--yn-border);
    background: var(--yn-bg-input);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
}

.ysf--yon .ysf__cta-row::after {
    display: none;
}

.ysf--yon .ysf__cta-badge {
    color: var(--yn-green-bright);
    background: rgba(52, 211, 153, 0.1);
    border-color: rgba(52, 211, 153, 0.28);
    font-size: 10px;
}

.ysf--yon .ysf__cta-copy h3 {
    font-size: 1.05rem;
    font-weight: 800;
    color: var(--yn-text-bright);
}

.ysf--yon .ysf__cta-copy p {
    color: var(--yn-text-muted);
    font-size: 0.8125rem;
}

.ysf--yon .ysf__cta-btn {
    min-height: 44px;
    border-radius: 10px;
    background: linear-gradient(135deg, var(--yn-green-bright) 0%, var(--yn-green) 100%);
    color: #fff;
    box-shadow: 0 4px 12px rgba(67, 160, 71, 0.35);
    font-size: 12px;
    font-weight: 700;
}

.ysf--yon .ysf__cta-btn:hover {
    filter: brightness(1.08);
    transform: translateY(-1px);
    box-shadow: 0 6px 16px rgba(67, 160, 71, 0.4);
}

.ysf--yon .ysf__cta-btn--ghost {
    background: var(--yn-bg-card);
    color: var(--yn-text);
    border: 1px solid var(--yn-border);
    box-shadow: none;
}

.ysf--yon .ysf__cta-btn--ghost:hover {
    border-color: rgba(102, 122, 250, 0.45);
    background: rgba(102, 122, 250, 0.1);
    color: var(--yn-text-bright);
    filter: none;
    transform: none;
}

/* Main grid — header surface */
.ysf--yon .ysf__main {
    padding: 32px 0 24px;
}

.ysf--yon .ysf__brand-card {
    padding: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
}

.ysf--yon .ysf__tagline {
    color: var(--yn-text-muted);
    font-size: 0.8125rem;
    line-height: 1.6;
}

.ysf--yon .ysf__stats {
    gap: 8px;
}

.ysf--yon .ysf__stat {
    padding: 10px 8px;
    border-radius: 10px;
    border: 1px solid var(--yn-border);
    background: var(--yn-bg-input);
}

.ysf--yon .ysf__stat strong {
    color: var(--yn-green-bright);
    font-size: 0.82rem;
}

.ysf--yon .ysf__stat span {
    color: var(--yn-text-muted);
    font-size: 0.62rem;
    font-weight: 600;
}

.ysf--yon .ysf__contact i {
    border-radius: 10px;
    border-color: var(--yn-border);
    background: var(--yn-bg-input);
    color: var(--yn-accent);
}

.ysf--yon .ysf__contact:hover {
    color: var(--yn-text-bright);
}

.ysf--yon .ysf__contact:hover i {
    border-color: rgba(102, 122, 250, 0.45);
    background: rgba(102, 122, 250, 0.1);
}

.ysf--yon .ysf__contact--accent,
.ysf--yon .ysf__contact--accent i {
    color: var(--yn-green-bright);
}

.ysf--yon .ysf__social {
    border-radius: 10px;
    border-color: var(--yn-border);
    background: var(--yn-bg-input);
}

.ysf--yon .ysf__social:hover {
    border-color: rgba(102, 122, 250, 0.45);
    background: rgba(102, 122, 250, 0.1);
}

/* Columns — nav link style */
.ysf--yon .ysf__col h4 {
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--yn-gold);
    margin-bottom: 14px;
    padding-bottom: 10px;
}

.ysf--yon .ysf__col h4::after {
    background: linear-gradient(90deg, var(--yn-gold), rgba(255, 193, 7, 0.2));
    width: 32px;
    height: 2px;
}

.ysf--yon .ysf__col-links {
    gap: 1px;
}

.ysf--yon .ysf__col-link {
    padding: 8px 10px;
    margin: 0 -10px;
    border-radius: 8px;
    font-size: 0.8125rem;
    font-weight: 600;
    color: var(--yn-text-muted);
}

.ysf--yon .ysf__col-link i {
    width: 28px;
    height: 28px;
    border-radius: 8px;
    font-size: 0.9rem;
    color: var(--yn-accent);
    background: rgba(102, 122, 250, 0.1);
    border: 1px solid rgba(102, 122, 250, 0.18);
}

.ysf--yon .ysf__col-link:hover {
    color: var(--yn-text-bright);
    background: rgba(102, 122, 250, 0.1);
    transform: none;
    padding-left: 12px;
}

.ysf--yon .ysf__col-link:hover i {
    color: var(--yn-text-bright);
    border-color: rgba(102, 122, 250, 0.45);
    background: rgba(102, 122, 250, 0.16);
}

.ysf--yon .ysf__col-links a:not(.ysf__col-link) {
    padding: 6px 0;
    font-size: 0.8125rem;
    font-weight: 600;
    color: var(--yn-text-muted);
}

.ysf--yon .ysf__col-links a:not(.ysf__col-link):hover {
    color: var(--yn-text-bright);
    transform: none;
    padding-left: 4px;
}

.ysf--yon .ysf__grid {
    gap: 32px 28px;
}

.ysf--yon .ysf__col {
    min-width: 0;
}

/* Badges — nav bar strip */
.ysf--yon .ysf__badges {
    border: 0;
    padding: 12px 0;
    background: transparent;
}

.ysf--yon .ysf__badge {
    border-radius: 8px;
    border-color: var(--yn-border);
    background: var(--yn-bg-input);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: var(--yn-text-muted);
}

.ysf--yon .ysf__badge i {
    color: var(--yn-green-bright);
}

.ysf--yon .ysf__badge:nth-child(2) i { color: var(--yn-accent); }
.ysf--yon .ysf__badge:nth-child(3) i { color: var(--yn-gold); }
.ysf--yon .ysf__badge:nth-child(4) i { color: #c7d2fe; }

/* Bottom — topbar tone */
.ysf--yon .ysf__bottom {
    background: transparent;
}

.ysf--yon .ysf__bottom-row {
    padding: 14px 0 18px;
}

.ysf--yon .ysf__copy {
    font-size: 11px;
    font-weight: 600;
    color: var(--yn-text-muted);
}

.ysf--yon .ysf__pay {
    border-radius: 8px;
    border-color: var(--yn-border);
    background: var(--yn-bg-input);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.05em;
    color: var(--yn-text-muted);
}

@media (max-width: 639px) {
    .ysf--yon .ysf__main {
        padding: 24px 0 16px;
    }

    .ysf--yon .ysf__col h4 {
        color: var(--yn-text-bright);
    }

    .ysf--yon .ysf__col {
        border-bottom-color: var(--yn-border-soft);
    }

    .ysf--yon .ysf__trust-row {
        grid-template-columns: 1fr;
    }
}

/* ═══ YON rich footer — features / popular / social / contact ═══ */
.ysf--yon .ysf__band--features {
    background: var(--yn-bg-top);
    border-bottom: 1px solid var(--yn-border-soft);
    padding: 36px 0 28px;
}

.ysf--yon .ysf__features {
    display: grid;
    grid-template-columns: 1fr;
    gap: 16px;
}

@media (min-width: 768px) {
    .ysf--yon .ysf__features {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 20px;
    }
}

.ysf--yon .ysf__feature {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 28px 22px 24px;
    border-radius: 16px;
    border: 1px solid var(--yn-border);
    background: linear-gradient(180deg, var(--yn-bg-card) 0%, var(--yn-bg-raised) 100%);
    box-shadow: 0 4px 18px rgba(0, 0, 0, 0.22);
    transition: border-color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
}

.ysf--yon .ysf__feature:hover {
    border-color: rgba(102, 122, 250, 0.4);
    transform: translateY(-3px);
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.3);
}

.ysf--yon .ysf__feature-icon {
    width: 72px;
    height: 72px;
    border-radius: 20px;
    display: grid;
    place-items: center;
    margin-bottom: 16px;
    font-size: 2rem;
    color: #fff;
    background: linear-gradient(145deg, var(--yn-accent) 0%, var(--yn-accent-2) 100%);
    box-shadow: 0 8px 22px rgba(102, 122, 250, 0.35);
}

.ysf--yon .ysf__feature--orange .ysf__feature-icon {
    background: linear-gradient(145deg, var(--yn-gold) 0%, #e6ac00 100%);
    box-shadow: 0 8px 22px rgba(255, 193, 7, 0.28);
    color: #1a1400;
}

.ysf--yon .ysf__feature--green .ysf__feature-icon {
    background: linear-gradient(145deg, var(--yn-green-bright) 0%, var(--yn-green) 100%);
    box-shadow: 0 8px 22px rgba(52, 211, 153, 0.3);
    color: #04140a;
}

.ysf--yon .ysf__feature-title {
    margin: 0 0 8px;
    font-size: 1.05rem;
    font-weight: 800;
    color: var(--yn-text-bright);
    letter-spacing: -0.02em;
}

.ysf--yon .ysf__feature-text {
    margin: 0 0 18px;
    max-width: 280px;
    font-size: 0.8125rem;
    line-height: 1.55;
    color: var(--yn-text-muted);
    flex: 1;
}

.ysf--yon .ysf__feature-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 42px;
    padding: 0 22px;
    border-radius: 999px;
    background: linear-gradient(135deg, var(--yn-accent) 0%, var(--yn-accent-2) 100%);
    color: #fff;
    font-size: 0.8125rem;
    font-weight: 700;
    text-decoration: none;
    box-shadow: 0 4px 14px rgba(102, 122, 250, 0.35);
    transition: transform 0.18s ease, filter 0.18s ease, box-shadow 0.18s ease;
}

.ysf--yon .ysf__feature-btn:hover {
    transform: translateY(-2px);
    filter: brightness(1.06);
    box-shadow: 0 8px 20px rgba(102, 122, 250, 0.42);
}

.ysf--yon .ysf__feature--green .ysf__feature-btn {
    background: linear-gradient(135deg, var(--yn-green-bright) 0%, var(--yn-green) 100%);
    box-shadow: 0 4px 14px rgba(52, 211, 153, 0.32);
    color: #04140a;
}

.ysf--yon .ysf__feature--orange .ysf__feature-btn {
    background: linear-gradient(135deg, var(--yn-gold) 0%, #e6ac00 100%);
    box-shadow: 0 4px 14px rgba(255, 193, 7, 0.28);
    color: #1a1400;
}

/* Popular links grid */
.ysf--yon .ysf__band--popular {
    background: var(--yn-bg-header);
    border-bottom: 1px solid var(--yn-border-soft);
    padding: 28px 0 30px;
}

.ysf--yon .ysf__popular-head {
    margin-bottom: 18px;
}

.ysf--yon .ysf__popular-title {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin: 0;
    font-size: 1rem;
    font-weight: 800;
    color: var(--yn-text-bright);
    letter-spacing: -0.01em;
}

.ysf--yon .ysf__popular-title i {
    color: var(--yn-gold);
    font-size: 1.15rem;
}

.ysf--yon .ysf__popular-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px 28px;
}

@media (min-width: 900px) {
    .ysf--yon .ysf__popular-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 8px 32px;
    }
}

.ysf--yon .ysf__popular-col {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.ysf--yon .ysf__popular-link {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: var(--yn-text-muted);
    text-decoration: none;
    font-size: 0.8125rem;
    font-weight: 600;
    line-height: 1.4;
    transition: color 0.15s ease, transform 0.15s ease;
}

.ysf--yon .ysf__popular-dot,
.ysf--yon .ysf__dot {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    flex-shrink: 0;
    background: rgba(215, 216, 230, 0.55);
}

.ysf--yon .ysf__popular-link:hover {
    color: var(--yn-text-bright);
    transform: translateX(2px);
}

.ysf--yon .ysf__popular-link:hover .ysf__popular-dot {
    background: var(--yn-accent);
}

/* Rich main grid */
.ysf--yon .ysf__grid--rich {
    grid-template-columns: 1fr;
}

@media (min-width: 720px) {
    .ysf--yon .ysf__grid--rich {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (min-width: 1100px) {
    .ysf--yon .ysf__grid--rich {
        grid-template-columns: minmax(220px, 1.2fr) repeat(2, minmax(0, 0.9fr)) minmax(200px, 1fr) minmax(220px, 1.1fr);
        gap: 28px 24px;
    }
}

.ysf--yon .ysf__col-title {
    display: none;
}

@media (min-width: 640px) {
    .ysf--yon .ysf__col-title {
        display: block;
        margin: 0 0 14px;
        font-size: 11px;
        font-weight: 800;
        letter-spacing: 0.08em;
        text-transform: uppercase;
        color: var(--yn-gold);
        padding-bottom: 10px;
        position: relative;
    }

    .ysf--yon .ysf__col-title::after {
        content: "";
        position: absolute;
        left: 0;
        bottom: 0;
        width: 32px;
        height: 2px;
        border-radius: 999px;
        background: linear-gradient(90deg, var(--yn-gold), rgba(255, 193, 7, 0.2));
    }
}

.ysf--yon .ysf__col-link--dot {
    gap: 10px;
    padding: 6px 0;
    margin: 0;
    border-radius: 0;
    background: transparent;
}

.ysf--yon .ysf__col-link--dot:hover {
    background: transparent;
    padding-left: 2px;
    color: var(--yn-text-bright);
}

.ysf--yon .ysf__col-link--dot:hover .ysf__dot {
    background: var(--yn-accent);
}

/* Discord card */
.ysf--yon .ysf__discord {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 14px;
    margin-bottom: 14px;
    border-radius: 14px;
    border: 1px solid rgba(102, 122, 250, 0.35);
    background: linear-gradient(135deg, rgba(102, 122, 250, 0.22) 0%, rgba(88, 101, 242, 0.12) 100%);
    text-decoration: none;
    transition: border-color 0.18s ease, transform 0.18s ease, box-shadow 0.18s ease;
}

.ysf--yon .ysf__discord:hover {
    border-color: rgba(102, 122, 250, 0.55);
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(102, 122, 250, 0.22);
}

.ysf--yon .ysf__discord-left {
    display: flex;
    align-items: flex-start;
    gap: 12px;
}

.ysf--yon .ysf__discord-left > i {
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    border-radius: 12px;
    display: grid;
    place-items: center;
    font-size: 1.35rem;
    color: #fff;
    background: #5865f2;
}

.ysf--yon .ysf__discord-left strong {
    display: block;
    font-size: 0.8125rem;
    font-weight: 800;
    color: var(--yn-text-bright);
    margin-bottom: 2px;
}

.ysf--yon .ysf__discord-left span {
    display: block;
    font-size: 0.7rem;
    color: var(--yn-text-muted);
    line-height: 1.4;
}

.ysf--yon .ysf__discord-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 34px;
    padding: 0 14px;
    border-radius: 999px;
    background: #5865f2;
    color: #fff;
    font-size: 0.72rem;
    font-weight: 800;
    align-self: flex-start;
}

.ysf--yon .ysf__socials--grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(40px, 1fr));
    gap: 8px;
    max-width: 220px;
}

.ysf--yon .ysf__socials--grid .ysf__social {
    width: 40px;
    height: 40px;
}

/* Contact panel */
.ysf--yon .ysf__contact-panel {
    gap: 14px;
}

.ysf--yon .ysf__contact--wa,
.ysf--yon .ysf__contact--wa i {
    color: #25d366;
}

.ysf--yon .ysf__contact span {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.ysf--yon .ysf__help-hint {
    font-style: normal;
    font-size: 0.68rem;
    font-weight: 600;
    color: var(--yn-gold);
    line-height: 1.35;
}

.ysf--yon .ysf__ticket-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    min-height: 42px;
    margin-top: 4px;
    padding: 0 14px;
    border-radius: 10px;
    border: 1px solid var(--yn-border);
    background: var(--yn-bg-input);
    color: var(--yn-text-bright);
    font-size: 0.78rem;
    font-weight: 700;
    text-decoration: none;
    transition: border-color 0.18s ease, background 0.18s ease, transform 0.18s ease;
}

.ysf--yon .ysf__ticket-btn:hover {
    border-color: rgba(102, 122, 250, 0.45);
    background: rgba(102, 122, 250, 0.12);
    transform: translateY(-1px);
}

.ysf--yon .ysf__meta-row {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 14px;
    padding: 18px 0;
}

@media (min-width: 900px) {
    .ysf--yon .ysf__meta-row {
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
    }
}

.ysf--yon .ysf__meta-row .ysf__payments {
    justify-content: center;
    gap: 8px;
}

.ysf--yon .ysf__meta-row .ysf__pay {
    min-height: 36px;
    padding: 6px 12px;
    opacity: 0.85;
    transition: opacity 0.15s ease, border-color 0.15s ease, transform 0.15s ease;
}

.ysf--yon .ysf__meta-row .ysf__pay:hover {
    opacity: 1;
    border-color: rgba(102, 122, 250, 0.35);
    transform: translateY(-1px);
}

.ysf--yon .ysf__band--bottom .ysf__bottom-row {
    justify-content: center;
    text-align: center;
}

.ysf--yon .ysf__band--bottom .ysf__copy {
    width: 100%;
    text-align: center;
}

@media (max-width: 639px) {
    .ysf--yon .ysf__band--features {
        padding: 22px 0 18px;
    }

    .ysf--yon .ysf__feature {
        padding: 22px 18px 20px;
        align-items: stretch;
    }

    .ysf--yon .ysf__feature-btn {
        width: 100%;
        min-height: 44px;
    }

    .ysf--yon .ysf__band--popular {
        padding: 20px 0 22px;
    }

    .ysf--yon .ysf__popular-grid {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .ysf--yon .ysf__col-title {
        display: none;
    }

    .ysf--yon .ysf__socials--grid {
        max-width: none;
    }

    .ysf--yon .ysf__ticket-btn {
        min-height: 44px;
    }
}

@media (hover: none) {
    .ysf--yon .ysf__feature:hover,
    .ysf--yon .ysf__discord:hover,
    .ysf--yon .ysf__feature-btn:hover {
        transform: none;
    }
}

/* =================================================================
   Footer — shell görsel sürekliliği (header glass uyumu)
   yon-shell-v4-comprehensive
   deploy-marker: yon-shell-v4-kapsamli
   ================================================================= */

.ysf--yon {
    border-top: 1px solid color-mix(in srgb, var(--h-blue) 14%, var(--h-border)) !important;
    background: var(--h-gradient-footer) !important;
}

.ysf--yon .ysf__band--top,
.ysf--yon .ysf__band--quick {
    background: color-mix(in srgb, var(--h-bg-header) 88%, transparent) !important;
    border-bottom: 1px solid color-mix(in srgb, var(--h-blue) 12%, var(--h-border)) !important;
}

.ysf--yon .ysf__trust-item,
.ysf--yon .ysf__quick-link,
.ysf--yon .ysf__feature {
    border-radius: 12px !important;
    border: 1px solid color-mix(in srgb, var(--h-border) 80%, transparent) !important;
    background: color-mix(in srgb, var(--h-bg-card) 72%, transparent) !important;
    transition: border-color 0.14s ease, background 0.14s ease, transform 0.14s ease !important;
}

.ysf--yon .ysf__trust-item:hover,
.ysf--yon .ysf__quick-link:hover,
.ysf--yon .ysf__feature:hover {
    border-color: color-mix(in srgb, var(--h-blue) 32%, var(--h-border)) !important;
    background: color-mix(in srgb, var(--h-blue) 8%, var(--h-bg-card)) !important;
    transform: translateY(-2px);
}

.ysf--yon .ysf__cta-btn {
    border-radius: 999px !important;
    font-weight: 800 !important;
    box-shadow: var(--h-shadow-green) !important;
}

.ysf--yon .ysf__cta-btn--ghost {
    border-radius: 999px !important;
    border: 1px solid color-mix(in srgb, var(--h-blue) 28%, var(--h-border)) !important;
    background: color-mix(in srgb, var(--h-blue) 8%, transparent) !important;
}

.ysf--yon .ysf__social {
    border-radius: 10px !important;
    border: 1px solid color-mix(in srgb, var(--h-blue) 22%, var(--h-border)) !important;
    background: color-mix(in srgb, var(--h-bg-card) 68%, transparent) !important;
}

.ysf--yon .ysf__social:hover {
    border-color: color-mix(in srgb, var(--h-blue) 42%, var(--h-border)) !important;
    background: color-mix(in srgb, var(--h-blue) 10%, var(--h-bg-raised)) !important;
}

.ysf--yon .ysf__band--bottom {
    border-top: 1px solid color-mix(in srgb, var(--h-blue) 10%, var(--h-border)) !important;
}

@media (max-width: 767px) {
    .ysf--yon .ysf__inner {
        padding-inline: max(16px, env(safe-area-inset-left, 0px)) max(16px, env(safe-area-inset-right, 0px)) !important;
        padding-bottom: env(safe-area-inset-bottom, 0px) !important;
    }

    .ysf--yon .ysf__quick-link,
    .ysf--yon .ysf__ticket-btn,
    .ysf--yon .ysf__feature-btn {
        min-height: 44px !important;
    }
}

@media (hover: none) {
    .ysf--yon .ysf__trust-item:hover,
    .ysf--yon .ysf__quick-link:hover,
    .ysf--yon .ysf__feature:hover {
        transform: none !important;
    }
}