/**
 * YON header — YON renk paleti (dark only)
 * Kaynak: yon tailwind config + navbar sınıfları
 */
.yon-shell--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-blue: #007bff;
    --yn-gold: #ffc107;
    --yn-shadow: 0 8px 24px rgba(0, 0, 0, 0.35);
    --yon-shell-max: 1680px;
    --yon-shell-pad: clamp(14px, 2.2vw, 22px);
    --yn-corp-radius: 8px;
    --yn-corp-radius-lg: 10px;
    --yn-corp-border: var(--yn-border);
    --yn-corp-surface: var(--yn-bg-card);
    --yn-corp-surface-raised: var(--yn-bg-input);
    --yn-corp-shadow: 0 1px 0 var(--yn-border);
    font-family: "Plus Jakarta Sans", Inter, system-ui, sans-serif;
    -webkit-font-smoothing: antialiased;

    --ys-bg: var(--yn-bg);
    --ys-bg-2: var(--yn-bg-header);
    --ys-bg-3: var(--yn-bg-raised);
    --ys-border: var(--yn-border);
    --ys-text: var(--yn-text-bright);
    --ys-muted: var(--yn-text-muted);
    --ys-purple: var(--yn-accent);
    --ys-purple-2: #a5b4fc;
    --ys-orange: var(--yn-gold);
    --ys-green: var(--yn-green-bright);

    --h-bg-page: var(--yn-bg);
    --h-bg-header: var(--yn-bg-header);
    --h-bg-card: var(--yn-bg-card);
    --h-bg-raised: var(--yn-bg-raised);
    --h-border: var(--yn-border);
    --h-text: var(--yn-text);
    --h-text-bright: var(--yn-text-bright);
    --h-text-muted: var(--yn-text-muted);
    --h-green: var(--yn-green-bright);
    --h-green-dark: var(--yn-green);
    --h-green-text-on: #04140a;
    --h-blue: var(--yn-accent);
    --h-blue-dark: var(--yn-accent-2);
    --h-blue-text: #c7d2fe;
    --h-blue-soft: color-mix(in srgb, var(--yn-accent) 12%, var(--yn-bg-input));
    --h-orange: var(--yn-gold);
    --h-gradient-green: linear-gradient(135deg, var(--yn-green-bright) 0%, var(--yn-green) 100%);
    --h-gradient-listing: linear-gradient(135deg, var(--yn-gold) 0%, var(--h-orange-dark, #e6ac00) 100%);
    --h-shadow-blue: 0 2px 8px rgba(102, 122, 250, 0.22);
    --h-shadow-green: 0 4px 10px rgba(52, 211, 153, 0.22);
    --h-shadow-header: 0 4px 20px rgba(0, 0, 0, 0.22);

    color: var(--yn-text);
    background: transparent;
    box-shadow: none;
}

/* Shell — opak kurumsal (blur/cam yok) */
.yon-shell--yon .yon-shell__core {
    background: rgba(22, 27, 40, 0.58);
    border-bottom: 1px solid var(--yn-border-soft);
    box-shadow: var(--h-shadow-header);
    backdrop-filter: blur(20px) saturate(165%);
    -webkit-backdrop-filter: blur(20px) saturate(165%);
    transition: background 0.25s ease, box-shadow 0.25s ease, backdrop-filter 0.25s ease;
}

.yon-shell--yon.is-scrolled,
.yon-shell--yon .yon-shell__core.is-scrolled,
.yon-shell--yon.is-scrolled .yon-shell__core {
    background: rgba(22, 27, 40, 0.76);
    box-shadow:
        0 4px 24px rgba(0, 0, 0, 0.32),
        0 0 0 1px color-mix(in srgb, var(--h-blue) 14%, var(--h-border));
    backdrop-filter: blur(22px) saturate(175%);
    -webkit-backdrop-filter: blur(22px) saturate(175%);
}

.yon-shell--yon.yon-shell--has-stories .yon-site-stories {
    background: rgba(43, 45, 62, 0.55);
    border-bottom: 1px solid var(--yn-border-soft);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    box-shadow: inset 0 1px 0 color-mix(in srgb, var(--yn-text-bright) 4%, transparent);
}

/* Üst bar — saydam katman */
.yon-shell--yon .yon-site-topbar {
    background: rgba(22, 23, 35, 0.42);
    border-bottom: 1px solid var(--yn-border-soft);
}

.yon-shell--yon .yon-site-topbar__inner,
.yon-shell--yon .yon-site-topbar__inner--yon {
    max-width: var(--yon-shell-max);
    margin: 0 auto;
    width: 100%;
    padding: 0 var(--yon-shell-pad);
    box-sizing: border-box;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.yon-shell--yon .yon-site-topbar__left,
.yon-shell--yon .yon-site-topbar__right {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
}

.yon-shell--yon .yon-site-topbar__left {
    flex: 1 1 auto;
    overflow: hidden;
}

.yon-shell--yon .yon-site-topbar__right {
    flex: 0 0 auto;
    flex-shrink: 0;
}

.yon-shell--yon .yon-site-topbar__left-links {
    display: flex;
    align-items: center;
    gap: 14px;
    min-width: 0;
    overflow: hidden;
}

.yon-shell--yon .yon-site-topbar__left-links a {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    white-space: nowrap;
    color: var(--yn-text-muted);
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 0.01em;
    text-decoration: none;
    transition: color 0.15s ease;
}

.yon-shell--yon .yon-site-topbar__left-links a:hover {
    color: var(--yn-text-bright);
}

.yon-shell--yon .yon-site-topbar__social {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-right: 4px;
}

.yon-shell--yon .yon-social {
    width: 28px;
    height: 28px;
    border-radius: 6px;
    border: 1px solid var(--yn-border);
    background: var(--yn-bg-input);
    color: var(--yn-text-muted);
    font-size: 14px;
    transition: color 0.15s ease, background 0.15s ease, border-color 0.15s ease;
}

.yon-shell--yon .yon-social:hover {
    border-color: var(--yn-border);
    background: var(--yn-bg-card);
    color: var(--yn-text-bright);
    transform: none;
}

.yon-shell--yon .yon-site-topbar__select {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    height: 28px;
    padding: 0 10px;
    border-radius: 6px;
    border: 1px solid var(--yn-border);
    background: var(--yn-bg-input);
    color: var(--yn-text);
    font-size: 11px;
    font-family: inherit;
    line-height: 1;
    cursor: pointer;
    white-space: nowrap;
    flex-shrink: 0;
}

.yon-shell--yon .yon-site-topbar__select img {
    display: block;
    flex-shrink: 0;
}

.yon-shell--yon .yon-site-topbar__select i {
    font-size: 14px;
    line-height: 1;
    opacity: 0.75;
}

.yon-shell--yon .yon-site-topbar__select:hover {
    border-color: color-mix(in srgb, var(--yn-accent) 45%, var(--yn-border));
    background: var(--yn-bg-card);
}

.yon-shell--yon .yon-topbar-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    height: 28px;
    padding: 0 12px;
    border-radius: var(--yn-corp-radius);
    font-size: 11px;
    font-weight: 600;
    line-height: 1;
    text-decoration: none;
    white-space: nowrap;
    flex-shrink: 0;
    letter-spacing: 0.02em;
    transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.yon-shell--yon .yon-topbar-btn i {
    font-size: 14px;
    line-height: 1;
}

.yon-shell--yon .yon-topbar-btn--register {
    background: transparent;
    color: var(--yn-green-bright);
    border: 1px solid color-mix(in srgb, var(--yn-green-bright) 40%, var(--yn-border));
    box-shadow: none;
}

.yon-shell--yon .yon-topbar-btn--login {
    background: var(--yn-accent);
    color: #fff;
    border: 1px solid var(--yn-accent);
    box-shadow: none;
}

.yon-shell--yon .yon-topbar-btn--register:hover {
    background: color-mix(in srgb, var(--yn-green-bright) 8%, var(--yn-bg-input));
    border-color: color-mix(in srgb, var(--yn-green-bright) 50%, var(--yn-border));
}

.yon-shell--yon .yon-topbar-btn--login:hover {
    background: var(--yn-accent-2);
    border-color: var(--yn-accent-2);
}

/* Ana header — opak */
.yon-shell--yon .yon-site-header {
    background: transparent;
    border-bottom: 1px solid var(--yn-border-soft);
    box-shadow: none;
}

.yon-shell--yon .yon-site-header::after {
    display: none;
}

.yon-shell--yon .yon-site-header__inner {
    max-width: var(--yon-shell-max);
    margin: 0 auto;
    width: 100%;
    padding: 10px var(--yon-shell-pad);
    box-sizing: border-box;
    display: flex;
    align-items: center;
    gap: 16px;
    min-height: 64px;
}

.yon-shell--yon .yon-site-header__left {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
}

.yon-shell--yon .yon-site-header__search {
    flex: 1 1 420px;
    min-width: 0;
    max-width: min(760px, 100%);
}

.yon-shell--yon .yon-site-header__actions {
    flex: 0 1 auto;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    min-width: 0;
    margin-left: auto;
}

.yon-shell--yon .yon-site-header__quick {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;
}

/* Hızlı aksiyonlar — kurumsal ghost */
.yon-shell--yon .yon-site-header__quick-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    height: 40px;
    padding: 0 13px;
    border-radius: var(--yn-corp-radius);
    border: 1px solid var(--yn-corp-border);
    background: var(--yn-corp-surface);
    color: var(--yn-text);
    font-size: 12px;
    font-weight: 500;
    line-height: 1;
    text-decoration: none;
    white-space: nowrap;
    flex-shrink: 0;
    box-sizing: border-box;
    transition: border-color 0.15s ease, background 0.15s ease, color 0.15s ease;
}

.yon-shell--yon .yon-site-header__quick-btn i {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    color: var(--yn-accent);
    font-size: 15px;
    line-height: 1;
    flex-shrink: 0;
    opacity: 0.9;
}

.yon-shell--yon .yon-site-header__quick-btn span {
    line-height: 1.2;
}

.yon-shell--yon .yon-site-header__quick-btn:hover {
    border-color: var(--yn-accent);
    background: var(--yn-bg-input);
    color: var(--yn-text-bright);
}

.yon-shell--yon .yon-search-wrap--yon .yon-search {
    height: 42px !important;
    border-radius: var(--yn-corp-radius-lg) !important;
    padding: 0 14px !important;
    background: var(--yn-bg-input) !important;
    border: 1px solid var(--yn-border) !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    transition: border-color 0.15s ease !important;
}

.yon-shell--yon .yon-search-wrap--yon .yon-search:hover {
    border-color: color-mix(in srgb, var(--yn-accent) 35%, var(--yn-border)) !important;
}

.yon-shell--yon .yon-search-wrap--yon .yon-search:focus-within {
    border-color: var(--yn-accent) !important;
    box-shadow: none !important;
    transform: none !important;
    background: var(--yn-bg-input) !important;
}

.yon-shell--yon .yon-search-wrap--yon .yon-search__icon {
    order: 2;
    margin-left: auto !important;
    margin-right: 0 !important;
    color: var(--yn-text-muted) !important;
    font-size: 18px !important;
}

.yon-shell--yon .yon-search-wrap--yon .yon-search:focus-within .yon-search__icon {
    color: var(--yn-accent) !important;
}

.yon-shell--yon .yon-search-wrap--yon .yon-search input {
    order: 1;
    flex: 1;
    font-size: 13px !important;
    color: var(--yn-text-bright) !important;
}

.yon-shell--yon .yon-search-wrap--yon .yon-search input::placeholder {
    color: var(--yn-text-muted) !important;
}

.yon-shell--yon .yon-search-wrap--yon .yon-search__submit,
.yon-shell--yon .yon-search-wrap--yon .ysp-kbd,
.yon-shell--yon .yon-search-wrap--yon .yon-search__loader {
    display: none !important;
}

.yon-shell--yon .yon-site-header__cart-mobile {
    border: 1px solid var(--yn-border);
    background: var(--yn-bg-card);
    color: var(--yn-text-bright);
    border-radius: var(--yn-corp-radius);
}

.yon-shell--yon .yon-site-balance__amount {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-height: 36px;
    padding: 0 12px 0 10px;
    border-radius: var(--yn-corp-radius);
    border: 1px solid color-mix(in srgb, var(--yn-green-bright) 35%, var(--yn-border));
    background: color-mix(in srgb, var(--yn-green-bright) 6%, var(--yn-bg-input));
    color: var(--yn-green-bright);
    font-weight: 600;
    font-size: 12px;
    text-decoration: none;
    box-shadow: none;
}

.yon-shell--yon .yon-site-balance__amount i {
    width: 24px;
    height: 24px;
    border-radius: 6px;
    display: grid;
    place-items: center;
    background: color-mix(in srgb, var(--yn-green-bright) 12%, transparent);
    font-size: 14px;
}

.yon-shell--yon .yon-site-balance__eye {
    width: 32px;
    height: 32px;
    border-radius: var(--yn-corp-radius);
    border: 1px solid var(--yn-border);
    background: var(--yn-bg-input);
    color: var(--yn-text-muted);
}

.yon-shell--yon .yon-header-icon,
.yon-shell--yon .yon-msg,
.yon-shell--yon .yon-user {
    border: 1px solid var(--yn-border);
    background: var(--yn-bg-card);
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    border-radius: var(--yn-corp-radius);
}

.yon-shell--yon .yon-header-icon:hover,
.yon-shell--yon .yon-msg:hover,
.yon-shell--yon .yon-user:hover {
    border-color: color-mix(in srgb, var(--yn-accent) 40%, var(--yn-border));
    background: var(--yn-bg-input);
    color: var(--yn-text-bright);
}

.yon-shell--yon .yon-site-nav--yon .yon-site-nav__arrow {
    align-self: center;
    flex-shrink: 0;
}

.yon-shell--yon .yon-site-balance,
.yon-shell--yon .yon-msg,
.yon-shell--yon .yon-header-icon,
.yon-shell--yon .yon-hdrop {
    align-self: center;
}

.yon-shell--yon .yon-site-balance {
    gap: 0;
    padding: 0;
    border: 0;
    background: transparent;
    color: var(--yn-green-bright);
}

.yon-shell--yon .yon-msg__badge,
.yon-shell--yon .yon-cart__badge,
.yon-shell--yon .yon-notif__badge {
    border: 2px solid var(--yn-bg-header);
    box-shadow: none;
}

.yon-shell--yon .yon-msg__badge {
    background: #ef4444;
    color: #fff;
}

.yon-shell--yon .yon-cart__badge {
    background: var(--yn-accent);
    color: #fff;
}

.yon-shell--yon .yon-notif__badge {
    background: var(--yn-accent);
    color: #fff;
}

/* Nav — layout (stil: dosya sonu profesyonel blok) */
.yon-shell--yon .yon-site-nav--yon {
    background: rgba(43, 45, 62, 0.38);
    border-bottom: 1px solid var(--yn-border-soft);
}

.yon-shell--yon .yon-site-nav--yon .yon-site-nav__inner {
    max-width: var(--yon-shell-max);
    margin: 0 auto;
    width: 100%;
    padding: 0 var(--yon-shell-pad);
    box-sizing: border-box;
    display: flex;
}

.yon-shell--yon .yon-site-nav--yon:not(:has(.yon-site-nav__start)) .yon-site-nav__viewport {
    padding-left: 0;
}

.yon-site-nav__link-icon,
.yon-site-nav__cats-icon-img {
    width: 16px;
    height: 16px;
    object-fit: contain;
    flex-shrink: 0;
    display: block;
}

.yon-shell--yon .yon-site-nav--yon .yon-site-nav__cta.yon-site-nav__cart-btn {
    margin-left: auto;
    flex-shrink: 0;
}

@media (min-width: 768px) {
    .yon-shell--yon .yon-site-nav--yon .yon-site-nav__cta.yon-site-nav__cart-btn span {
        display: inline !important;
    }
}

/* Scroll — katmanlar opak kalır */
.yon-shell--yon.is-scrolled .yon-site-header,
.yon-shell--yon.is-scrolled .yon-site-nav,
.yon-shell--yon .yon-shell__core.is-scrolled .yon-site-header,
.yon-shell--yon .yon-shell__core.is-scrolled .yon-site-nav,
.yon-shell--yon.is-scrolled .yon-site-topbar {
    background: inherit;
}

.yon-shell--yon .yon-header-admin {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    height: 36px;
    padding: 0 12px;
    border-radius: var(--yn-corp-radius);
    border: 1px solid color-mix(in srgb, var(--yn-accent) 35%, var(--yn-border));
    background: var(--yn-bg-card);
    color: var(--h-blue-text, #c7d2fe);
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.02em;
    text-decoration: none;
    flex-shrink: 0;
    transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.yon-shell--yon .yon-header-admin:hover {
    color: #fff;
    border-color: var(--yn-accent);
    background: var(--yn-bg-input);
}

.yon-shell--yon .yon-header-admin i {
    font-size: 16px;
}

.yon-shell--yon .yon-site-topbar__link {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    height: 28px;
    padding: 0 10px;
    border-radius: 8px;
    color: var(--yn-text-muted);
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 0.01em;
    text-decoration: none;
}

.yon-shell--yon .yon-site-topbar__link:hover {
    color: var(--yn-text-bright);
    background: var(--yn-bg-input);
}

.yon-shell--yon .yon-logo__img--adapt-white {
    filter: none;
}

@media (max-width: 1199px) {
    .yon-shell--yon .yon-site-header__quick {
        display: none;
    }
}

@media (max-width: 767px) {
    .yon-shell--yon .yon-site-topbar__left-links a span,
    .yon-shell--yon .yon-site-topbar__select span,
    .yon-shell--yon .yon-topbar-btn span {
        display: none;
    }

    .yon-shell--yon .yon-topbar-btn {
        width: 34px;
        padding: 0;
        justify-content: center;
    }

    .yon-shell--yon .yon-site-header__inner {
        min-height: 58px;
        padding-top: 6px;
        padding-bottom: 6px;
        gap: 10px;
    }

    .yon-shell--yon .yon-search-wrap--yon .yon-search {
        height: 40px !important;
        border-radius: var(--yn-corp-radius) !important;
    }
}

/* ═══════════════════════════════════════════════════════════════
   YON shell — cila (katman hiyerarşisi, aktif göstergeler, a11y)
   ═══════════════════════════════════════════════════════════════ */

/* Katman ayırıcı — sade border, gradient yok */
.yon-shell--yon .yon-site-topbar::after,
.yon-shell--yon .yon-site-header::after {
    display: none;
}

/* Logo — kurumsal, abartısız */
.yon-shell--yon .yon-logo {
    border-radius: var(--yn-corp-radius);
    transition: opacity 0.18s ease;
}

.yon-shell--yon .yon-logo:hover {
    opacity: 0.88;
    transform: none;
}

/* Mobil menü — kurumsal */
.yon-shell--yon .yon-menu-btn {
    border: 1px solid var(--yn-corp-border);
    background: var(--yn-corp-surface);
    color: var(--yn-text-bright);
    border-radius: var(--yn-corp-radius);
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
}

.yon-shell--yon .yon-menu-btn:hover {
    border-color: color-mix(in srgb, var(--yn-accent) 45%, var(--yn-border));
    background: var(--yn-bg-input);
}

/* Aktif nav — alt çizgi (detay: dosya sonu) */
.yon-shell--yon .yon-site-nav--yon .yon-site-nav__link {
    position: relative;
    transition: color 0.16s ease;
}

.yon-shell--yon .yon-site-nav--yon .yon-site-nav__cats-btn {
    box-shadow: none;
}

/* Dropdown — opak panel */
.yon-shell--yon .yon-hdrop__panel {
    border: 1px solid var(--yn-corp-border);
    background: var(--yn-bg-card);
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    box-shadow: var(--yn-shadow);
    border-radius: var(--yn-corp-radius-lg);
}

/* Arama paneli */
.yon-shell--yon .yon-search-panel,
.yon-shell--yon .ysp-panel {
    border: 1px solid var(--yn-corp-border);
    background: var(--yn-bg-card);
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    border-radius: var(--yn-corp-radius-lg);
    box-shadow: var(--yn-shadow);
}

/* Klavye erişilebilirliği — tutarlı focus ring */
.yon-shell--yon a:focus-visible,
.yon-shell--yon button:focus-visible,
.yon-shell--yon input:focus-visible {
    outline: 2px solid var(--yn-accent);
    outline-offset: 2px;
    border-radius: 10px;
}

/* Hover cihazı olmayan ekranlarda transform kapalı */
@media (hover: none) {
    .yon-shell--yon .yon-logo:hover,
    .yon-shell--yon .yon-site-header__quick-btn:hover,
    .yon-shell--yon .yon-social:hover,
    .yon-shell--yon .yon-topbar-btn--register:hover,
    .yon-shell--yon .yon-topbar-btn--login:hover {
        transform: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    .yon-shell--yon *,
    .yon-shell--yon *::before,
    .yon-shell--yon *::after {
        transition-duration: 0.01ms !important;
        animation-duration: 0.01ms !important;
    }
}

/* Blur desteklemeyen tarayıcılar — opak yüzeye düş */
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
    .yon-shell--yon .yon-shell__core {
        background: var(--yn-bg-top);
    }

    .yon-shell--yon .yon-site-header {
        background: var(--yn-bg-header);
    }

    .yon-shell--yon .yon-site-nav--yon {
        background: var(--yn-bg-nav);
    }

    .yon-shell--yon .yon-site-topbar {
        background: var(--yn-bg-top);
    }
}

/* Mobil — dokunmatik hedefler ve safe-area */
@media (max-width: 767px) {
    .yon-shell--yon .yon-site-header__inner,
    .yon-shell--yon .yon-site-nav--yon .yon-site-nav__inner,
    .yon-shell--yon .yon-site-topbar__inner--yon {
        padding-left: max(var(--yon-shell-pad), env(safe-area-inset-left));
        padding-right: max(var(--yon-shell-pad), env(safe-area-inset-right));
    }

    .yon-shell--yon .yon-menu-btn,
    .yon-shell--yon .yon-site-header__cart-mobile {
        width: 40px;
        height: 40px;
    }

    .yon-shell--yon .yon-site-nav--yon .yon-site-nav__link.is-active::after {
        left: 10px;
        right: 10px;
        bottom: 2px;
    }
}

/* yon-header.css cam kurallarını ez — scroll'da opak kal */
.yon-shell.yon-shell--yon.is-scrolled .yon-shell__core,
.yon-shell.yon-shell--yon .yon-shell__core.is-scrolled {
    background: var(--yn-bg-header) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.22) !important;
}

.yon-shell.yon-shell--yon.is-scrolled .yon-site-header,
.yon-shell.yon-shell--yon.is-scrolled .yon-site-nav,
.yon-shell.yon-shell--yon .yon-shell__core.is-scrolled .yon-site-header,
.yon-shell.yon-shell--yon .yon-shell__core.is-scrolled .yon-site-nav {
    background: inherit !important;
}

.yon-shell.yon-shell--yon.is-scrolled .yon-site-stories,
.yon-shell.yon-shell--yon .yon-shell__core.is-scrolled .yon-site-stories,
.yon-shell.yon-shell--yon.yon-shell--has-stories.is-scrolled .yon-site-stories {
    background: var(--yn-bg-nav) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

/* ═══════════════════════════════════════════════════════════════
   Kurumsal reset — yon-header / yon-shell-extras cam & glow ez
   ═══════════════════════════════════════════════════════════════ */

.yon-shell.yon-shell--yon {
    background: transparent !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

.yon-shell.yon-shell--yon.is-scrolled {
    background: transparent !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    box-shadow: none !important;
}

.yon-shell.yon-shell--yon .yon-site-header {
    background: var(--yn-bg-header) !important;
    border-bottom: 1px solid var(--yn-border) !important;
    box-shadow: none !important;
}

.yon-shell.yon-shell--yon .yon-site-header::after {
    display: none !important;
}

.yon-shell.yon-shell--yon .yon-header-icon-group {
    padding: 0;
    gap: 6px;
    border: 0;
    background: transparent;
    box-shadow: none;
    border-radius: 0;
}

.yon-shell.yon-shell--yon .yon-shell .yon-search,
.yon-shell.yon-shell--yon .yon-search-wrap--yon .yon-search {
    box-shadow: none !important;
    transform: none !important;
}

.yon-shell.yon-shell--yon .yon-shell .yon-search:focus-within,
.yon-shell.yon-shell--yon .yon-search-wrap--yon .yon-search:focus-within {
    box-shadow: none !important;
    transform: none !important;
}

.yon-shell.yon-shell--yon .yon-site-balance,
.yon-shell.yon-shell--yon .yon-site-balance:hover {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    transform: none !important;
    overflow: visible;
}

.yon-shell.yon-shell--yon .yon-site-balance__eye:hover {
    background: var(--yn-bg-input) !important;
}

.yon-shell.yon-shell--yon .yon-user {
    max-width: min(240px, 30vw);
    padding: 4px 10px 4px 4px;
    border-radius: var(--yn-corp-radius);
    border: 1px solid var(--yn-border);
    background: var(--yn-bg-card);
}

.yon-shell.yon-shell--yon .yon-user:hover,
.yon-shell.yon-shell--yon .yon-msg:hover,
.yon-shell.yon-shell--yon .yon-notify-wrap .yon-icon-btn:hover,
.yon-shell.yon-shell--yon .yon-site-header__actions .yon-hdrop__trigger.yon-cart:hover,
.yon-shell.yon-shell--yon .yon-site-header__actions .yon-header-icon:hover {
    transform: none !important;
    box-shadow: none !important;
    background: var(--yn-bg-input) !important;
    border-color: color-mix(in srgb, var(--yn-accent) 35%, var(--yn-border)) !important;
    color: var(--yn-text-bright) !important;
}

.yon-shell.yon-shell--yon .yon-msg,
.yon-shell.yon-shell--yon .yon-notify-wrap .yon-icon-btn,
.yon-shell.yon-shell--yon .yon-site-header__actions .yon-hdrop__trigger.yon-cart,
.yon-shell.yon-shell--yon .yon-site-header__actions .yon-header-icon {
    box-shadow: none !important;
    background: var(--yn-bg-card) !important;
    border: 1px solid var(--yn-border) !important;
    border-radius: var(--yn-corp-radius) !important;
}

.yon-shell.yon-shell--yon .yon-cart__badge {
    background: var(--yn-green-bright) !important;
    color: var(--h-green-text-on) !important;
    border: 2px solid var(--yn-bg-header);
}

.yon-shell.yon-shell--yon .yon-cart-drop__cta:hover {
    filter: none !important;
    transform: none !important;
    box-shadow: none !important;
}

/* ═══════════════════════════════════════════════════════════════
   yon-site-nav — profesyonel ana menü (v2)
   ═══════════════════════════════════════════════════════════════ */

.yon-shell.yon-shell--yon .yon-site-nav--yon {
    --yn-nav-h: 46px;
    --yn-nav-link-pad: 13px;
    background: var(--yn-bg-nav);
    border-bottom: 1px solid var(--yn-border);
    box-shadow: inset 0 1px 0 color-mix(in srgb, var(--yn-text-bright) 5%, transparent);
}

.yon-shell.yon-shell--yon .yon-site-nav.yon-site-nav--yon {
    position: relative;
    z-index: 90 !important;
}

.yon-shell.yon-shell--yon .yon-site-nav--yon .yon-site-nav__inner {
    min-height: var(--yn-nav-h);
    height: var(--yn-nav-h);
    gap: 0;
    align-items: stretch;
}

.yon-shell.yon-shell--yon .yon-site-nav--yon .yon-site-nav__start {
    margin-left: calc(-1 * var(--yon-shell-pad));
    margin-right: 0;
    border-right: 1px solid var(--yn-border);
}

.yon-shell.yon-shell--yon .yon-site-nav--yon .yon-site-nav__cats-btn {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    height: var(--yn-nav-h);
    min-width: 148px;
    padding: 0 16px;
    margin: 0;
    border: 0;
    border-radius: 0;
    background: var(--yn-accent) !important;
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.01em;
    text-transform: none !important;
    box-shadow: none !important;
    filter: none !important;
    transition: background 0.15s ease;
}

.yon-shell.yon-shell--yon .yon-site-nav--yon .yon-site-nav__cats-btn:hover,
.yon-shell.yon-shell--yon .yon-site-nav--yon .yon-site-nav__cats-btn.is-open {
    background: var(--yn-accent-2) !important;
    filter: none !important;
}

.yon-shell.yon-shell--yon .yon-site-nav--yon .yon-site-nav__cats-icon {
    width: 18px;
    height: 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 17px;
    color: #fff;
    opacity: 1;
}

.yon-shell.yon-shell--yon .yon-site-nav--yon .yon-site-nav__cats-chev {
    font-size: 15px;
    color: color-mix(in srgb, #fff 75%, transparent);
    opacity: 1;
    margin-left: auto;
}

.yon-shell.yon-shell--yon .yon-site-nav--yon .yon-site-nav__cats-label {
    line-height: 1.2;
    white-space: nowrap;
}

.yon-shell.yon-shell--yon .yon-site-nav--yon .yon-site-nav__viewport {
    flex: 1 1 auto;
    min-width: 0;
    padding: 0 6px 0 8px;
    display: flex;
    align-items: stretch;
    height: 100%;
}

.yon-shell.yon-shell--yon .yon-site-nav--yon .yon-site-nav__links {
    align-items: stretch;
    height: 100%;
    gap: 1px;
    padding: 0;
}

.yon-shell.yon-shell--yon .yon-site-nav--yon .yon-site-nav__viewport::before {
    background: linear-gradient(90deg, var(--yn-bg-nav) 24%, transparent);
    width: 32px;
}

.yon-shell.yon-shell--yon .yon-site-nav--yon .yon-site-nav__viewport::after {
    background: linear-gradient(270deg, var(--yn-bg-nav) 24%, transparent);
    width: 32px;
}

.yon-shell.yon-shell--yon .yon-site-nav--yon .yon-site-nav__link {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    height: var(--yn-nav-h);
    padding: 0 var(--yn-nav-link-pad);
    margin: 0;
    border-radius: 0;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: -0.01em;
    text-transform: none !important;
    color: var(--yn-text-muted);
    background: transparent;
    white-space: nowrap;
    text-decoration: none;
    transition: color 0.15s ease, background 0.15s ease;
}

.yon-shell.yon-shell--yon .yon-site-nav--yon .yon-site-nav__link i {
    width: 20px;
    height: 20px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    line-height: 1;
    border-radius: 5px;
    background: color-mix(in srgb, var(--yn-bg-card) 88%, var(--yn-bg-nav));
    color: var(--yn-text-muted);
    opacity: 1;
    flex-shrink: 0;
    transition: background 0.15s ease, color 0.15s ease;
}

.yon-shell.yon-shell--yon .yon-site-nav--yon .yon-site-nav__link-icon {
    width: 20px;
    height: 20px;
    padding: 2px;
    box-sizing: border-box;
    border-radius: 5px;
    background: color-mix(in srgb, var(--yn-bg-card) 88%, var(--yn-bg-nav));
    opacity: 1;
    flex-shrink: 0;
}

.yon-shell.yon-shell--yon .yon-site-nav--yon .yon-site-nav__link:hover {
    color: var(--yn-text-bright);
    background: color-mix(in srgb, var(--yn-bg-input) 45%, transparent);
}

.yon-shell.yon-shell--yon .yon-site-nav--yon .yon-site-nav__link:hover i {
    color: var(--yn-accent);
    background: color-mix(in srgb, var(--yn-accent) 12%, var(--yn-bg-card));
}

.yon-shell.yon-shell--yon .yon-site-nav--yon .yon-site-nav__link.is-active {
    color: var(--yn-text-bright);
    background: transparent;
    font-weight: 600;
}

.yon-shell.yon-shell--yon .yon-site-nav--yon .yon-site-nav__link.is-active i {
    color: var(--yn-accent);
    background: color-mix(in srgb, var(--yn-accent) 14%, var(--yn-bg-card));
}

.yon-shell.yon-shell--yon .yon-site-nav--yon .yon-site-nav__link::after {
    display: block !important;
    content: "";
    position: absolute;
    left: var(--yn-nav-link-pad);
    right: var(--yn-nav-link-pad);
    bottom: 0;
    height: 2px;
    border-radius: 2px 2px 0 0;
    background: transparent;
    transition: background 0.18s ease;
}

.yon-shell.yon-shell--yon .yon-site-nav--yon .yon-site-nav__link.is-active::after {
    background: var(--yn-accent);
}

.yon-shell.yon-shell--yon .yon-site-nav--yon .yon-site-nav__link.is-accent,
.yon-shell.yon-shell--yon .yon-site-nav--yon .yon-site-nav__link.is-accent i {
    color: var(--yn-gold);
}

.yon-shell.yon-shell--yon .yon-site-nav--yon .yon-site-nav__link.is-accent i {
    background: color-mix(in srgb, var(--yn-gold) 12%, var(--yn-bg-card));
}

.yon-shell.yon-shell--yon .yon-site-nav--yon .yon-site-nav__link.is-accent.is-active::after {
    background: var(--yn-gold);
}

.yon-shell.yon-shell--yon .yon-site-nav--yon .yon-site-nav__chev {
    font-size: 13px;
    opacity: 0.55;
    margin-left: -4px;
}

.yon-shell.yon-shell--yon .yon-site-nav--yon .yon-site-nav__sep {
    flex-shrink: 0;
    width: 1px;
    height: 20px;
    margin: 0 8px;
    align-self: center;
    background: var(--yn-border);
    opacity: 0.85;
}

.yon-shell.yon-shell--yon .yon-site-nav--yon .yon-site-nav__game {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    height: 30px;
    padding: 0 9px 0 7px;
    margin: 0 1px;
    align-self: center;
    border-radius: 6px;
    border: 1px solid var(--yn-border);
    background: var(--yn-bg-card);
    font-size: 11px;
    font-weight: 500;
    color: var(--yn-text-muted);
    text-decoration: none;
    white-space: nowrap;
    flex-shrink: 0;
    transition: border-color 0.15s ease, background 0.15s ease, color 0.15s ease;
}

.yon-shell.yon-shell--yon .yon-site-nav--yon .yon-site-nav__game:hover {
    color: var(--yn-text-bright);
    border-color: color-mix(in srgb, var(--yn-accent) 35%, var(--yn-border));
    background: var(--yn-bg-input);
}

.yon-shell.yon-shell--yon .yon-site-nav--yon .yon-site-nav__game-logo {
    width: 16px;
    height: 16px;
    border-radius: 4px;
    object-fit: cover;
    flex-shrink: 0;
}

.yon-shell.yon-shell--yon .yon-site-nav__arrow {
    align-self: center;
    width: 30px;
    height: 30px;
    margin: 0 3px;
    border: 1px solid var(--yn-border);
    border-radius: 6px;
    background: var(--yn-bg-card);
    color: var(--yn-text-muted);
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    transition: border-color 0.15s ease, background 0.15s ease, color 0.15s ease;
}

.yon-shell.yon-shell--yon .yon-site-nav__arrow:hover {
    border-color: color-mix(in srgb, var(--yn-accent) 38%, var(--yn-border));
    background: var(--yn-bg-input);
    color: var(--yn-text-bright);
}

.yon-shell.yon-shell--yon .yon-site-nav--yon .yon-site-nav__cta {
    position: relative;
    align-self: center;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    height: 36px;
    margin: 0 0 0 10px;
    padding: 0 16px 0 18px !important;
    border-radius: 0 !important;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.01em;
    text-decoration: none;
    box-shadow: none !important;
    filter: none !important;
    transform: none !important;
    flex-shrink: 0;
}

.yon-shell.yon-shell--yon .yon-site-nav--yon .yon-site-nav__cta::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 22px;
    background: var(--yn-border);
}

.yon-shell.yon-shell--yon .yon-site-nav--yon .yon-site-nav__cta:not(.yon-site-nav__cart-btn) {
    background: var(--yn-gold) !important;
    border: 0 !important;
    color: #1a1400 !important;
    min-width: 118px;
}

.yon-shell.yon-shell--yon .yon-site-nav--yon .yon-site-nav__cta:not(.yon-site-nav__cart-btn):hover,
.yon-shell.yon-shell--yon .yon-site-nav--yon .yon-site-nav__cta:not(.yon-site-nav__cart-btn).is-active {
    background: color-mix(in srgb, var(--yn-gold) 92%, #fff) !important;
}

/* Sepet — eski pill + dolu mavi, kurumsal */
.yon-shell.yon-shell--yon .yon-site-nav--yon .yon-site-nav__cta.yon-site-nav__cart-btn {
    height: 36px;
    min-width: 120px;
    margin: 0 0 0 12px !important;
    padding: 0 16px 0 14px !important;
    border-radius: 999px !important;
    background: var(--yn-accent) !important;
    border: 1px solid color-mix(in srgb, var(--yn-accent-2) 50%, var(--yn-border)) !important;
    color: #fff !important;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.01em;
    box-shadow: none !important;
    filter: none !important;
    transform: none !important;
    transition: background 0.15s ease, border-color 0.15s ease;
}

.yon-shell.yon-shell--yon .yon-site-nav--yon .yon-site-nav__cta.yon-site-nav__cart-btn::before {
    display: none;
}

.yon-shell.yon-shell--yon .yon-site-nav--yon .yon-site-nav__cta.yon-site-nav__cart-btn i {
    color: #fff !important;
    font-size: 17px;
    line-height: 1;
    flex-shrink: 0;
}

.yon-shell.yon-shell--yon .yon-site-nav--yon .yon-site-nav__cta.yon-site-nav__cart-btn span {
    line-height: 1.2;
    white-space: nowrap;
}

.yon-shell.yon-shell--yon .yon-site-nav--yon .yon-site-nav__cta.yon-site-nav__cart-btn:hover,
.yon-shell.yon-shell--yon .yon-site-nav--yon .yon-site-nav__cta.yon-site-nav__cart-btn.is-active {
    background: var(--yn-accent-2) !important;
    border-color: var(--yn-accent-2) !important;
    color: #fff !important;
    filter: none !important;
    transform: none !important;
    box-shadow: none !important;
}

.yon-shell.yon-shell--yon .yon-site-nav__cart-count {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 18px;
    height: 18px;
    padding: 0 5px;
    margin-left: 4px;
    border-radius: 999px;
    background: color-mix(in srgb, #fff 26%, var(--yn-accent));
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    line-height: 1;
    border: 1px solid color-mix(in srgb, #fff 20%, transparent);
    flex-shrink: 0;
}

.yon-shell.yon-shell--yon .yon-site-nav--yon .yon-site-nav__cta.yon-site-nav__cart-btn:hover .yon-site-nav__cart-count,
.yon-shell.yon-shell--yon .yon-site-nav--yon .yon-site-nav__cta.yon-site-nav__cart-btn.is-active .yon-site-nav__cart-count {
    background: color-mix(in srgb, #fff 32%, var(--yn-accent-2));
    color: #fff;
    border-color: color-mix(in srgb, #fff 28%, transparent);
}

.yon-shell.yon-shell--yon .yon-site-nav--yon .yon-site-nav__link:focus-visible,
.yon-shell.yon-shell--yon .yon-site-nav--yon .yon-site-nav__game:focus-visible,
.yon-shell.yon-shell--yon .yon-site-nav--yon .yon-site-nav__cta:focus-visible,
.yon-shell.yon-shell--yon .yon-site-nav__arrow:focus-visible,
.yon-shell.yon-shell--yon .yon-site-nav--yon .yon-site-nav__cats-btn:focus-visible {
    outline: 2px solid var(--yn-accent);
    outline-offset: -2px;
}

/* yon-header eski nav kurallarını ez */
.yon-shell.yon-shell--yon .yon-site-nav--yon .yon-site-nav__cta:not(.yon-site-nav__cart-btn) {
    border-radius: 0 !important;
    box-shadow: none !important;
    filter: none !important;
    transform: none !important;
}

.yon-shell.yon-shell--yon .yon-site-nav--yon .yon-site-nav__cta.yon-site-nav__cart-btn {
    box-shadow: none !important;
    filter: none !important;
    transform: none !important;
}

@media (max-width: 991px) {
    .yon-shell.yon-shell--yon .yon-site-nav--yon {
        --yn-nav-link-pad: 10px;
    }

    .yon-shell.yon-shell--yon .yon-site-nav--yon .yon-site-nav__link {
        font-size: 12px;
        gap: 6px;
    }

    .yon-shell.yon-shell--yon .yon-site-nav--yon .yon-site-nav__cats-btn {
        min-width: 128px;
        padding: 0 12px;
        font-size: 12px;
    }

    .yon-shell.yon-shell--yon .yon-site-nav--yon .yon-site-nav__game span {
        max-width: 72px;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .yon-shell.yon-shell--yon .yon-site-nav--yon .yon-site-nav__cta:not(.yon-site-nav__cart-btn) {
        margin-right: calc(-1 * var(--yon-shell-pad));
    }

    .yon-shell.yon-shell--yon .yon-site-nav--yon .yon-site-nav__cta.yon-site-nav__cart-btn {
        margin-right: 0 !important;
    }
}

@media (max-width: 767px) {
    .yon-shell.yon-shell--yon .yon-site-nav--yon {
        --yn-nav-h: 44px;
        --yn-nav-link-pad: 11px;
    }

    .yon-shell.yon-shell--yon .yon-site-nav--yon .yon-site-nav__start {
        margin-left: calc(-1 * max(var(--yon-shell-pad), env(safe-area-inset-left)));
    }

    .yon-shell.yon-shell--yon .yon-site-nav--yon .yon-site-nav__cats-btn {
        min-width: auto;
        padding: 0 12px;
        gap: 7px;
    }

    .yon-shell.yon-shell--yon .yon-site-nav--yon .yon-site-nav__cats-label {
        display: none;
    }

    .yon-shell.yon-shell--yon .yon-site-nav--yon .yon-site-nav__link {
        padding: 0 var(--yn-nav-link-pad);
        min-width: 42px;
        justify-content: center;
    }

    .yon-shell.yon-shell--yon .yon-site-nav--yon .yon-site-nav__link span:not(.yon-site-nav__chev) {
        display: none;
    }

    .yon-shell.yon-shell--yon .yon-site-nav--yon .yon-site-nav__link i,
    .yon-shell.yon-shell--yon .yon-site-nav--yon .yon-site-nav__link-icon {
        width: 22px;
        height: 22px;
    }

    .yon-shell.yon-shell--yon .yon-site-nav--yon .yon-site-nav__game {
        width: 34px;
        height: 34px;
        padding: 0;
        justify-content: center;
    }

    .yon-shell.yon-shell--yon .yon-site-nav--yon .yon-site-nav__game span {
        display: none;
    }

    .yon-shell.yon-shell--yon .yon-site-nav--yon .yon-site-nav__sep {
        margin: 0 5px;
        height: 16px;
    }

    .yon-shell.yon-shell--yon .yon-site-nav--yon .yon-site-nav__cta:not(.yon-site-nav__cart-btn) {
        width: auto;
        min-width: 0;
        height: 34px;
        margin: 0 calc(-1 * max(var(--yon-shell-pad), env(safe-area-inset-right))) 0 6px;
        padding: 0 12px !important;
    }

    .yon-shell.yon-shell--yon .yon-site-nav--yon .yon-site-nav__cta.yon-site-nav__cart-btn {
        width: 40px;
        min-width: 40px;
        height: 40px;
        margin: 0 0 0 8px !important;
        padding: 0 !important;
        border-radius: 999px !important;
        justify-content: center;
    }

    .yon-shell.yon-shell--yon .yon-site-nav--yon .yon-site-nav__cta:not(.yon-site-nav__cart-btn)::before {
        display: none;
    }

    .yon-shell.yon-shell--yon .yon-site-nav--yon .yon-site-nav__cta:not(.yon-site-nav__cart-btn) span {
        display: none;
    }

    .yon-shell.yon-shell--yon .yon-site-nav--yon .yon-site-nav__cta.yon-site-nav__cart-btn span {
        display: none;
    }

    .yon-shell.yon-shell--yon .yon-site-nav--yon .yon-site-nav__cta.yon-site-nav__cart-btn .yon-site-nav__cart-count {
        position: absolute;
        top: -5px;
        right: -4px;
        margin: 0;
        min-width: 16px;
        height: 16px;
        font-size: 9px;
        background: var(--yn-green-bright);
        color: var(--h-green-text-on);
        border: 2px solid var(--yn-bg-nav);
    }
}

.yon-shell.yon-shell--yon.yon-shell--has-stories .yon-site-stories,
.yon-shell.yon-shell--yon .yon-shell--has-stories .yon-site-stories {
    background: var(--yn-bg-nav) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    box-shadow: inset 0 1px 0 color-mix(in srgb, var(--yn-text-bright) 4%, transparent) !important;
    border-bottom: 1px solid var(--yn-border) !important;
}

.yon-shell.yon-shell--yon .yon-site-stories__inner {
    max-width: var(--yon-shell-max);
    padding-inline: var(--yon-shell-pad);
}

.yon-shell.yon-shell--yon .yon-site-stories__nav {
    width: 36px;
    height: 36px;
    border: 1px solid var(--yn-border);
    background: var(--yn-bg-card);
    border-radius: var(--yn-corp-radius);
    color: var(--yn-text-muted);
    flex-shrink: 0;
}

.yon-shell.yon-shell--yon .yon-site-stories__nav:hover {
    background: var(--yn-bg-input);
    border-color: color-mix(in srgb, var(--yn-accent) 35%, var(--yn-border));
    color: var(--yn-text-bright);
}

.yon-shell.yon-shell--yon .yon-site-stories__track {
    gap: 10px;
    scroll-snap-type: x mandatory;
}

.yon-shell.yon-shell--yon .yon-site-story__ring {
    background: linear-gradient(135deg, var(--yn-green-bright) 0%, var(--yn-accent) 60%, var(--yn-accent-2) 100%);
    box-shadow: 0 0 0 1px var(--yn-border);
}

.yon-shell.yon-shell--yon .yon-site-story__ring--violet {
    background: linear-gradient(135deg, var(--yn-accent), var(--yn-accent-2));
}

.yon-shell.yon-shell--yon .yon-site-story__ring--cyan {
    background: linear-gradient(135deg, color-mix(in srgb, var(--yn-green-bright) 35%, var(--yn-accent)), var(--yn-accent-2));
}

.yon-shell.yon-shell--yon .yon-site-story__ring--emerald {
    background: linear-gradient(135deg, var(--yn-green-bright), var(--yn-green));
}

.yon-shell.yon-shell--yon .yon-site-story__ring--amber {
    background: linear-gradient(135deg, var(--yn-gold), color-mix(in srgb, var(--yn-gold) 55%, #c27803));
}

.yon-shell.yon-shell--yon .yon-site-story__ring--rose {
    background: linear-gradient(135deg, color-mix(in srgb, var(--yn-accent) 25%, #e879a9), var(--yn-accent-2));
}

.yon-shell.yon-shell--yon .yon-site-story__ring--sky {
    background: linear-gradient(135deg, color-mix(in srgb, var(--yn-accent) 45%, #60a5fa), var(--yn-accent-2));
}

.yon-shell.yon-shell--yon .yon-site-story__avatar {
    background: var(--yn-bg-input);
    border-color: var(--yn-bg-nav);
}

.yon-shell.yon-shell--yon .yon-site-story__label {
    color: var(--yn-text-muted);
    font-weight: 600;
}

@media (hover: hover) {
    .yon-shell.yon-shell--yon .yon-site-story:hover .yon-site-story__label {
        color: var(--yn-text);
    }

    .yon-shell.yon-shell--yon .yon-site-story:hover .yon-site-story__ring {
        box-shadow: 0 0 0 1px color-mix(in srgb, var(--yn-accent) 38%, var(--yn-border));
    }
}

@media (max-width: 900px) {
    .yon-shell.yon-shell--yon .yon-site-stories__nav {
        display: none;
    }

    .yon-shell.yon-shell--yon .yon-site-stories {
        padding-left: env(safe-area-inset-left, 0px);
        padding-right: env(safe-area-inset-right, 0px);
    }

    .yon-shell.yon-shell--yon .yon-site-stories__inner {
        padding-inline: max(10px, env(safe-area-inset-left, 0px)) max(10px, env(safe-area-inset-right, 0px));
    }

    .yon-shell.yon-shell--yon .yon-site-story {
        width: 60px;
    }

    .yon-shell.yon-shell--yon .yon-site-story__ring {
        width: 54px;
        height: 54px;
    }
}

.yon-shell.yon-shell--yon .yon-ad-shop-cta,
.yon-shell.yon-shell--yon .yon-site-header__quick-btn--listing {
    background: var(--yn-gold) !important;
    border: 1px solid color-mix(in srgb, var(--yn-gold) 60%, var(--yn-border)) !important;
    color: #1a1400 !important;
    box-shadow: none !important;
    filter: none !important;
    transform: none !important;
    font-weight: 600;
}

.yon-shell.yon-shell--yon .yon-ad-shop-cta:hover {
    filter: none !important;
    transform: none !important;
    box-shadow: none !important;
    background: color-mix(in srgb, var(--yn-gold) 88%, #fff) !important;
}

.yon-shell.yon-shell--yon .yon-hdrop__panel,
.yon-shell.yon-shell--yon .yon-cart-drop,
.yon-shell.yon-shell--yon .yon-auth-drop {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

.yon-shell.yon-shell--yon .yon-cart-drop__cta {
    background: var(--yn-green-bright) !important;
    box-shadow: none !important;
    filter: none !important;
}

.yon-shell.yon-shell--yon .yon-cart-drop__cta:hover {
    filter: none !important;
    transform: none !important;
    box-shadow: none !important;
}

/* ═══════════════════════════════════════════════════════════════
   YON shell — Kurumsal v3 (geniş cila, opak katmanlar)
   ═══════════════════════════════════════════════════════════════ */

.yon-shell.yon-shell--yon {
    --yn-corp-radius: 8px;
    --yn-corp-radius-lg: 12px;
    --yn-corp-radius-pill: 999px;
    --yn-corp-topbar-h: 36px;
    --yn-corp-header-h: 68px;
    --yn-corp-nav-h: 48px;
    --yn-corp-icon: 40px;
    --yn-corp-gap: 8px;
    --yn-corp-divider: color-mix(in srgb, var(--yn-border) 88%, var(--yn-text-bright) 12%);
    --yn-corp-surface-0: var(--yn-bg-top);
    --yn-corp-surface-1: var(--yn-bg-header);
    --yn-corp-surface-2: var(--yn-bg-nav);
    --yn-corp-surface-3: var(--yn-bg-card);
    --yn-corp-surface-input: var(--yn-bg-input);
    --yn-corp-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.14);
    --yn-corp-shadow-md: 0 4px 14px rgba(0, 0, 0, 0.2);
    --yn-corp-accent-line: color-mix(in srgb, var(--yn-accent) 55%, var(--yn-border));
}

.yon-shell.yon-shell--yon .yon-shell__core {
    background: var(--yn-corp-surface-1);
    border-bottom: 1px solid var(--yn-corp-divider);
    box-shadow: var(--yn-corp-shadow-sm);
}

.yon-shell.yon-shell--yon.is-scrolled .yon-shell__core,
.yon-shell.yon-shell--yon .yon-shell__core.is-scrolled {
    box-shadow: var(--yn-corp-shadow-md);
}

.yon-shell.yon-shell--yon.is-scrolled .yon-shell__core::after,
.yon-shell.yon-shell--yon .yon-shell__core.is-scrolled::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 1px;
    pointer-events: none;
    background: linear-gradient(
        90deg,
        transparent 0%,
        var(--yn-corp-accent-line) 18%,
        var(--yn-corp-accent-line) 82%,
        transparent 100%
    );
    opacity: 0.65;
}

.yon-shell.yon-shell--yon .yon-site-topbar {
    background: var(--yn-corp-surface-0);
    border-bottom: 1px solid var(--yn-corp-divider);
}

.yon-shell.yon-shell--yon .yon-site-topbar__inner,
.yon-shell.yon-shell--yon .yon-site-topbar__inner--yon {
    height: var(--yn-corp-topbar-h);
    min-height: var(--yn-corp-topbar-h);
}

.yon-shell.yon-shell--yon .yon-site-topbar__left-links {
    gap: 0;
}

.yon-shell.yon-shell--yon .yon-site-topbar__left-links a {
    position: relative;
    padding: 0 12px;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.03em;
    text-transform: uppercase;
}

.yon-shell.yon-shell--yon .yon-site-topbar__left-links a + a::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 12px;
    background: var(--yn-corp-divider);
}

.yon-shell.yon-shell--yon .yon-social {
    width: 30px;
    height: 30px;
    border-radius: var(--yn-corp-radius);
    border-color: var(--yn-corp-divider);
    background: var(--yn-corp-surface-3);
}

.yon-shell.yon-shell--yon .yon-site-topbar__select {
    height: 30px;
    border-radius: var(--yn-corp-radius);
    border-color: var(--yn-corp-divider);
    background: var(--yn-corp-surface-3);
    font-weight: 600;
}

.yon-shell.yon-shell--yon .yon-site-header {
    background: var(--yn-corp-surface-1);
    border-bottom: 1px solid var(--yn-corp-divider);
}

.yon-shell.yon-shell--yon .yon-site-header__inner {
    min-height: var(--yn-corp-header-h);
    padding-top: 12px;
    padding-bottom: 12px;
    gap: 14px 18px;
}

.yon-shell.yon-shell--yon .yon-logo {
    padding: 2px 4px;
}

.yon-shell.yon-shell--yon .yon-logo__text {
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 0.06em;
    color: var(--yn-text-bright);
}

.yon-shell.yon-shell--yon .yon-search-wrap--yon .yon-search {
    height: 44px !important;
    border-radius: var(--yn-corp-radius-pill) !important;
    padding: 0 16px 0 18px !important;
    background: var(--yn-corp-surface-input) !important;
    border: 1px solid var(--yn-corp-divider) !important;
}

.yon-shell.yon-shell--yon .yon-search-wrap--yon .yon-search:focus-within {
    border-color: var(--yn-accent) !important;
    background: color-mix(in srgb, var(--yn-corp-surface-input) 92%, var(--yn-accent) 8%) !important;
}

.yon-shell.yon-shell--yon .yon-search-wrap--yon .yon-search input {
    font-size: 13px !important;
    font-weight: 500 !important;
}

.yon-shell.yon-shell--yon .yon-site-header__quick {
    padding: 3px;
    border-radius: var(--yn-corp-radius-lg);
    border: 1px solid var(--yn-corp-divider);
    background: var(--yn-corp-surface-3);
    gap: 2px;
}

.yon-shell.yon-shell--yon .yon-site-header__quick-btn {
    height: 36px;
    padding: 0 12px;
    border: 0;
    border-radius: var(--yn-corp-radius);
    background: transparent;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.02em;
}

.yon-shell.yon-shell--yon .yon-site-header__quick-btn:hover {
    background: var(--yn-corp-surface-input);
    border-color: transparent;
    color: var(--yn-text-bright);
}

.yon-shell.yon-shell--yon .yon-site-header__quick-btn i {
    width: 18px;
    height: 18px;
    font-size: 16px;
    color: var(--yn-accent);
    opacity: 1;
}

.yon-shell.yon-shell--yon .yon-header-icon-group {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 4px;
    border-radius: var(--yn-corp-radius-lg);
    border: 1px solid var(--yn-corp-divider);
    background: color-mix(in srgb, var(--yn-corp-surface-3) 88%, var(--yn-corp-surface-1));
}

.yon-shell.yon-shell--yon .yon-site-balance__amount {
    min-height: var(--yn-corp-icon);
    padding: 0 14px 0 10px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.01em;
}

.yon-shell.yon-shell--yon .yon-site-balance__eye,
.yon-shell.yon-shell--yon .yon-msg,
.yon-shell.yon-shell--yon .yon-notify-wrap .yon-icon-btn,
.yon-shell.yon-shell--yon .yon-header-admin {
    width: var(--yn-corp-icon);
    height: var(--yn-corp-icon);
    min-width: var(--yn-corp-icon);
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.yon-shell.yon-shell--yon .yon-header-admin span {
    display: none;
}

.yon-shell.yon-shell--yon .yon-user {
    max-width: min(220px, 28vw);
    height: var(--yn-corp-icon);
    min-height: var(--yn-corp-icon);
    padding: 0 10px 0 4px;
    gap: 8px;
}

.yon-shell.yon-shell--yon .yon-user__icon {
    width: 32px;
    height: 32px;
    border-radius: var(--yn-corp-radius);
    overflow: hidden;
    flex-shrink: 0;
    background: var(--yn-corp-surface-input);
    border: 1px solid var(--yn-corp-divider);
}

.yon-shell.yon-shell--yon .yon-user__icon img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.yon-shell.yon-shell--yon .yon-user__text {
    min-width: 0;
    line-height: 1.15;
}

.yon-shell.yon-shell--yon .yon-user__text strong {
    display: block;
    font-size: 12px;
    font-weight: 700;
    color: var(--yn-text-bright);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 120px;
}

.yon-shell.yon-shell--yon .yon-user__text small {
    display: block;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--yn-text-muted);
}

.yon-shell.yon-shell--yon .yon-user__chev {
    font-size: 16px;
    color: var(--yn-text-muted);
    flex-shrink: 0;
}

.yon-shell.yon-shell--yon .yon-site-nav--yon {
    --yn-nav-h: var(--yn-corp-nav-h);
    background: var(--yn-corp-surface-2);
    border-bottom: 1px solid var(--yn-corp-divider);
    box-shadow: inset 0 1px 0 color-mix(in srgb, var(--yn-text-bright) 4%, transparent);
}

.yon-shell.yon-shell--yon .yon-site-nav--yon .yon-site-nav__cats-btn {
    min-width: 156px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.yon-shell.yon-shell--yon .yon-site-nav--yon .yon-site-nav__link {
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.01em;
}

.yon-shell.yon-shell--yon .yon-site-nav--yon .yon-site-nav__link.is-active::after {
    height: 3px;
    border-radius: 3px 3px 0 0;
}

.yon-shell.yon-shell--yon .yon-site-nav--yon .yon-site-nav__cta:not(.yon-site-nav__cart-btn) {
    min-width: 124px;
    font-weight: 700;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    font-size: 11px;
}

.yon-shell.yon-shell--yon .yon-site-stories {
    background: var(--yn-corp-surface-2) !important;
    border-bottom: 1px solid var(--yn-corp-divider) !important;
    padding-top: 10px;
    padding-bottom: 12px;
}

.yon-shell.yon-shell--yon .yon-site-story__ring,
.yon-shell.yon-shell--yon .yon-site-story__ring--violet,
.yon-shell.yon-shell--yon .yon-site-story__ring--cyan,
.yon-shell.yon-shell--yon .yon-site-story__ring--emerald,
.yon-shell.yon-shell--yon .yon-site-story__ring--amber,
.yon-shell.yon-shell--yon .yon-site-story__ring--rose,
.yon-shell.yon-shell--yon .yon-site-story__ring--sky {
    background: none;
    padding: 2px;
    border: 2px solid var(--yn-accent);
    box-shadow: none;
}

.yon-shell.yon-shell--yon .yon-site-story__ring--emerald { border-color: var(--yn-green-bright); }
.yon-shell.yon-shell--yon .yon-site-story__ring--amber { border-color: var(--yn-gold); }
.yon-shell.yon-shell--yon .yon-site-story__ring--violet,
.yon-shell.yon-shell--yon .yon-site-story__ring--cyan,
.yon-shell.yon-shell--yon .yon-site-story__ring--sky { border-color: var(--yn-accent); }
.yon-shell.yon-shell--yon .yon-site-story__ring--rose { border-color: color-mix(in srgb, var(--yn-gold) 45%, var(--yn-accent)); }

.yon-shell.yon-shell--yon .yon-site-story__label {
    font-size: 10px;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

.yon-shell.yon-shell--yon .yon-hdrop__panel,
.yon-shell.yon-shell--yon .yon-cart-drop,
.yon-shell.yon-shell--yon .yon-auth-drop,
.yon-shell.yon-shell--yon .yon-search-panel,
.yon-shell.yon-shell--yon .ysp-panel {
    border: 1px solid var(--yn-corp-divider);
    background: var(--yn-corp-surface-3);
    border-radius: var(--yn-corp-radius-lg);
    box-shadow: var(--yn-corp-shadow-md);
}

.yon-shell.yon-shell--yon .yon-menu-btn,
.yon-shell.yon-shell--yon .yon-site-header__cart-mobile {
    width: var(--yn-corp-icon);
    height: var(--yn-corp-icon);
}

@media (max-width: 1199px) {
    .yon-shell.yon-shell--yon .yon-site-header__inner {
        gap: 10px 12px;
    }
}

@media (max-width: 767px) {
    .yon-shell.yon-shell--yon {
        --yn-corp-header-h: 58px;
        --yn-corp-nav-h: 44px;
    }

    .yon-shell.yon-shell--yon .yon-site-header__inner {
        flex-wrap: wrap;
        padding-top: 8px;
        padding-bottom: 8px;
    }

    .yon-shell.yon-shell--yon .yon-site-header__search {
        flex: 1 1 100%;
        order: 3;
    }

    .yon-shell.yon-shell--yon .yon-search-wrap--yon .yon-search {
        height: 40px !important;
    }

    .yon-shell.yon-shell--yon .yon-header-icon-group {
        border: 0;
        padding: 0;
        background: transparent;
        gap: 4px;
    }
}

@media (hover: none) {
    .yon-shell.yon-shell--yon .yon-site-header__quick-btn,
    .yon-shell.yon-shell--yon .yon-site-nav--yon .yon-site-nav__link,
    .yon-shell.yon-shell--yon .yon-site-nav--yon .yon-site-nav__cta {
        min-height: 44px;
    }
}

/* ═══════════════════════════════════════════════════════════════
   YON shell — Kurumsal v2 (genis gelistirme)
   ═══════════════════════════════════════════════════════════════ */

.yon-shell.yon-shell--yon .yon-shell__core {
    position: sticky;
}

.yon-shell.yon-shell--yon .yon-site-header__actions {
    gap: 10px;
}

.yon-shell.yon-shell--yon .yon-icon-btn,
.yon-shell.yon-shell--yon .yon-notify-trigger {
    width: var(--yn-corp-icon);
    height: var(--yn-corp-icon);
    border-radius: var(--yn-corp-radius);
    border: 1px solid var(--yn-corp-divider);
    background: var(--yn-corp-surface-3);
    color: var(--yn-text-muted);
    transition: border-color 0.15s ease, background 0.15s ease, color 0.15s ease;
}

.yon-shell.yon-shell--yon .yon-icon-btn:hover,
.yon-shell.yon-shell--yon .yon-notify-trigger:hover,
.yon-shell.yon-shell--yon .yon-icon-btn.is-active,
.yon-shell.yon-shell--yon .yon-notify-trigger.is-active {
    border-color: color-mix(in srgb, var(--yn-accent) 45%, var(--yn-corp-divider));
    background: var(--yn-corp-surface-input);
    color: var(--yn-text-bright);
    box-shadow: none;
    transform: none;
}

.yon-shell.yon-shell--yon .yon-header-icon-group .yon-notify-wrap {
    display: inline-flex;
}

.yon-shell.yon-shell--yon .yon-header-icon-group .yon-notify-wrap .yon-icon-btn {
    border: 0;
    background: transparent;
}

.yon-shell.yon-shell--yon .yon-header-icon-group .ynm-bell-badge {
    background: var(--yn-accent);
    color: #fff;
    border: 2px solid var(--yn-corp-surface-1);
    box-shadow: none;
    font-size: 9px;
    font-weight: 800;
    min-width: 17px;
    height: 17px;
}

.yon-shell.yon-shell--yon .yon-hdrop__panel,
.yon-shell.yon-shell--yon .yon-cart-drop {
    padding: 0;
    overflow: hidden;
}

.yon-shell.yon-shell--yon .yon-cart-drop__head,
.yon-shell.yon-shell--yon .yon-hdrop__panel-head {
    padding: 12px 14px;
    border-bottom: 1px solid var(--yn-corp-divider);
    background: var(--yn-corp-surface-2);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: var(--yn-text-muted);
}

.yon-shell.yon-shell--yon .yon-cart-drop__item,
.yon-shell.yon-shell--yon .yon-hdrop__panel a,
.yon-shell.yon-shell--yon .yon-hdrop__panel button {
    border-radius: var(--yn-corp-radius);
}

.yon-shell.yon-shell--yon .yon-cart-drop__cta {
    border-radius: var(--yn-corp-radius) !important;
    font-weight: 700 !important;
    letter-spacing: 0.02em;
}

.yon-shell.yon-shell--yon .ysp-panel,
.yon-shell.yon-shell--yon .yon-search-panel {
    border-radius: var(--yn-corp-radius-lg);
    overflow: hidden;
}

.yon-shell.yon-shell--yon .yon-site-nav--yon .yon-site-nav__start {
    border-right-color: var(--yn-corp-divider);
}

.yon-shell.yon-shell--yon .yon-site-nav--yon .yon-site-nav__cats-btn {
    border-right: 1px solid color-mix(in srgb, var(--yn-accent-2) 55%, #000);
}

.yon-shell.yon-shell--yon .yon-site-nav--yon .yon-site-nav__link.is-active {
    background: color-mix(in srgb, var(--yn-accent) 6%, transparent);
}

.yon-shell.yon-shell--yon .yon-site-nav--yon .yon-site-nav__cta:not(.yon-site-nav__cart-btn) {
    border-left: 1px solid var(--yn-corp-divider);
    margin-right: calc(-1 * var(--yon-shell-pad));
    padding-right: calc(var(--yon-shell-pad) + 16px) !important;
}

.yon-shell.yon-shell--yon .yon-site-stories__inner {
    gap: 8px;
}

.yon-shell.yon-shell--yon .yon-site-story {
    transition: opacity 0.15s ease;
}

.yon-shell.yon-shell--yon .yon-site-story:hover {
    opacity: 0.92;
}

.yon-shell.yon-shell--yon .ynm-root .ynm-backdrop {
    background: rgba(22, 27, 40, 0.78);
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
}

.yon-shell.yon-shell--yon .yon-mobile-menu,
.yon-shell.yon-shell--yon .yon-drawer {
    background: var(--yn-corp-surface-1);
    border-color: var(--yn-corp-divider);
}

.yon-shell.yon-shell--yon .yon-mobile-menu__head,
.yon-shell.yon-shell--yon .yon-drawer__head {
    border-bottom: 1px solid var(--yn-corp-divider);
    background: var(--yn-corp-surface-0);
}

@media (min-width: 1200px) {
    .yon-shell.yon-shell--yon .yon-site-header__inner {
        display: grid;
        grid-template-columns: auto minmax(280px, 1fr) auto;
        align-items: center;
    }

    .yon-shell.yon-shell--yon .yon-site-header__left {
        grid-column: 1;
    }

    .yon-shell.yon-shell--yon .yon-site-header__search {
        grid-column: 2;
        justify-self: center;
        max-width: 640px;
        width: 100%;
    }

    .yon-shell.yon-shell--yon .yon-site-header__actions {
        grid-column: 3;
    }
}

@media (max-width: 767px) {
    .yon-shell.yon-shell--yon .yon-site-header__left {
        flex: 1 1 auto;
        min-width: 0;
    }

    .yon-shell.yon-shell--yon .yon-site-header__actions {
        flex: 0 0 auto;
    }
}

/* =================================================================
   YON shell — Kurumsal v3 definitive (glass + katman + CTA)
   deploy-marker: yon-shell-v3-glass
   ================================================================= */

.yon-shell.yon-shell--yon .yon-shell__core,
.yon-shell.yon-shell--yon.is-scrolled .yon-shell__core,
.yon-shell.yon-shell--yon .yon-shell__core.is-scrolled {
    background: rgba(22, 27, 40, 0.58) !important;
    backdrop-filter: blur(20px) saturate(165%) !important;
    -webkit-backdrop-filter: blur(20px) saturate(165%) !important;
}

.yon-shell.yon-shell--yon.is-scrolled .yon-shell__core,
.yon-shell.yon-shell--yon .yon-shell__core.is-scrolled {
    background: rgba(22, 27, 40, 0.76) !important;
    backdrop-filter: blur(22px) saturate(175%) !important;
    -webkit-backdrop-filter: blur(22px) saturate(175%) !important;
    box-shadow:
        0 6px 28px rgba(0, 0, 0, 0.38),
        0 0 0 1px color-mix(in srgb, var(--h-blue) 22%, var(--h-border)) !important;
}

.yon-shell.yon-shell--yon .yon-site-topbar {
    background: rgba(22, 23, 35, 0.42) !important;
    box-shadow: inset 0 -1px 0 color-mix(in srgb, var(--h-blue) 12%, var(--h-border));
}

.yon-shell.yon-shell--yon .yon-site-header {
    background: transparent !important;
    box-shadow: inset 0 -1px 0 var(--h-border-soft);
}

.yon-shell.yon-shell--yon .yon-site-nav.yon-site-nav--yon {
    background: rgba(43, 45, 62, 0.38) !important;
    box-shadow: inset 0 1px 0 color-mix(in srgb, var(--h-text-bright) 5%, transparent);
}

.yon-shell.yon-shell--yon .yon-search-wrap--yon .yon-search {
    border-radius: 999px !important;
    box-shadow: inset 0 1px 0 color-mix(in srgb, var(--h-text-bright) 4%, transparent) !important;
}

.yon-shell.yon-shell--yon .yon-search-wrap--yon .yon-search:focus-within {
    box-shadow:
        0 0 0 3px var(--h-blue-soft),
        inset 0 1px 0 color-mix(in srgb, var(--h-text-bright) 4%, transparent) !important;
}

.yon-shell.yon-shell--yon .yon-site-nav--yon .yon-site-nav__cats-btn {
    background: linear-gradient(135deg, var(--h-blue) 0%, var(--h-blue-dark) 100%) !important;
    box-shadow:
        0 0 0 1px color-mix(in srgb, var(--h-blue) 45%, #fff 10%),
        0 4px 18px color-mix(in srgb, var(--h-blue) 48%, transparent) !important;
    font-weight: 800 !important;
    letter-spacing: 0.07em !important;
    text-transform: uppercase !important;
}

.yon-shell.yon-shell--yon .yon-site-nav--yon .yon-site-nav__cats-btn:hover,
.yon-shell.yon-shell--yon .yon-site-nav--yon .yon-site-nav__cats-btn.is-open {
    filter: brightness(1.07) !important;
    box-shadow:
        0 0 0 1px color-mix(in srgb, var(--h-blue) 55%, #fff 14%),
        0 8px 26px color-mix(in srgb, var(--h-blue) 55%, transparent) !important;
}

.yon-shell.yon-shell--yon .yon-site-nav--yon .yon-site-nav__cta:not(.yon-site-nav__cart-btn) {
    background: linear-gradient(135deg, var(--h-blue) 0%, var(--h-blue-dark) 100%) !important;
    color: #fff !important;
    font-weight: 800 !important;
    letter-spacing: 0.04em !important;
    box-shadow:
        0 6px 22px color-mix(in srgb, var(--h-blue) 42%, transparent),
        inset 0 1px 0 color-mix(in srgb, #fff 20%, transparent) !important;
}

.yon-shell.yon-shell--yon .yon-site-nav--yon .yon-site-nav__cta:not(.yon-site-nav__cart-btn):hover,
.yon-shell.yon-shell--yon .yon-site-nav--yon .yon-site-nav__cta:not(.yon-site-nav__cart-btn).is-active {
    filter: brightness(1.06) !important;
}

.yon-shell.yon-shell--yon .yon-header-icon-group {
    border: 1px solid color-mix(in srgb, var(--h-blue) 28%, var(--h-border)) !important;
    background: color-mix(in srgb, var(--h-bg-card) 72%, transparent) !important;
    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
    box-shadow: 0 3px 16px rgba(0, 0, 0, 0.22) !important;
}

.yon-shell.yon-shell--yon .yon-header-icon-group .ynm-bell-badge,
.yon-shell.yon-shell--yon .yon-msg__badge {
    background: var(--h-blue) !important;
    min-width: 18px !important;
    height: 18px !important;
    font-size: 9px !important;
    box-shadow:
        0 0 0 2px rgba(22, 27, 40, 0.85),
        0 2px 10px color-mix(in srgb, var(--h-blue) 58%, transparent) !important;
}

.yon-shell.yon-shell--yon .yon-msg__badge {
    background: var(--h-danger) !important;
    box-shadow:
        0 0 0 2px rgba(22, 27, 40, 0.85),
        0 2px 8px color-mix(in srgb, var(--h-danger) 45%, transparent) !important;
}

.yon-shell.yon-shell--yon .yon-site-balance__amount {
    border-radius: 999px !important;
    background: color-mix(in srgb, var(--h-green) 10%, var(--h-bg-raised)) !important;
    border-color: color-mix(in srgb, var(--h-green) 35%, var(--h-border)) !important;
    box-shadow: var(--h-shadow-green) !important;
}

.yon-shell.yon-shell--yon.yon-shell--has-stories .yon-site-stories {
    background: rgba(43, 45, 62, 0.55) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border-bottom: 1px solid var(--h-border-soft) !important;
}

@media (max-width: 767px) {
    .yon-shell.yon-shell--yon .yon-shell__core {
        padding-top: env(safe-area-inset-top, 0px);
    }

    .yon-shell.yon-shell--yon .yon-menu-btn,
    .yon-shell.yon-shell--yon .yon-site-header__cart-mobile,
    .yon-shell.yon-shell--yon .yon-icon-btn,
    .yon-shell.yon-shell--yon .yon-notify-trigger {
        min-width: 44px;
        min-height: 44px;
    }
}

@media (hover: none) {
    .yon-shell.yon-shell--yon .yon-site-header__quick-btn,
    .yon-shell.yon-shell--yon .yon-site-nav--yon .yon-site-nav__link,
    .yon-shell.yon-shell--yon .yon-site-nav--yon .yon-site-nav__cta,
    .yon-shell.yon-shell--yon .yon-icon-btn {
        min-height: 44px;
    }
}

/* =================================================================
   YON shell — Kurumsal v4 (glass hierarchy + CTA polish)
   deploy-marker: yon-shell-v4
   ================================================================= */

.yon-shell.yon-shell--yon {
    --yn-v4-topbar: rgba(14, 16, 26, 0.58);
    --yn-v4-header: rgba(22, 27, 40, 0.48);
    --yn-v4-nav: rgba(51, 53, 72, 0.52);
    --yn-v4-ring: color-mix(in srgb, var(--h-blue) 32%, var(--h-border));
}

.yon-shell.yon-shell--yon .yon-shell__core,
.yon-shell.yon-shell--yon.is-scrolled .yon-shell__core,
.yon-shell.yon-shell--yon .yon-shell__core.is-scrolled {
    background: rgba(22, 27, 40, 0.52) !important;
    backdrop-filter: blur(22px) saturate(172%) !important;
    -webkit-backdrop-filter: blur(22px) saturate(172%) !important;
    border-bottom-color: color-mix(in srgb, var(--h-blue) 14%, var(--h-border)) !important;
}

.yon-shell.yon-shell--yon.is-scrolled .yon-shell__core,
.yon-shell.yon-shell--yon .yon-shell__core.is-scrolled {
    background: rgba(22, 27, 40, 0.82) !important;
    backdrop-filter: blur(24px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(24px) saturate(180%) !important;
    box-shadow:
        0 10px 36px rgba(0, 0, 0, 0.44),
        0 0 0 1px var(--yn-v4-ring),
        inset 0 1px 0 color-mix(in srgb, var(--h-blue) 18%, transparent) !important;
}

.yon-shell.yon-shell--yon.is-scrolled .yon-shell__core::after,
.yon-shell.yon-shell--yon .yon-shell__core.is-scrolled::after {
    opacity: 0.9;
    height: 2px;
    background: linear-gradient(
        90deg,
        transparent 0%,
        color-mix(in srgb, var(--h-blue) 70%, transparent) 22%,
        color-mix(in srgb, var(--h-blue) 70%, transparent) 78%,
        transparent 100%
    );
}

.yon-shell.yon-shell--yon .yon-site-topbar {
    background: var(--yn-v4-topbar) !important;
    box-shadow:
        inset 0 -1px 0 color-mix(in srgb, var(--h-blue) 16%, var(--h-border)),
        inset 0 1px 0 color-mix(in srgb, var(--h-text-bright) 4%, transparent) !important;
}

.yon-shell.yon-shell--yon .yon-site-header {
    background: var(--yn-v4-header) !important;
    box-shadow: inset 0 -1px 0 var(--h-border-soft) !important;
}

.yon-shell.yon-shell--yon .yon-site-nav.yon-site-nav--yon {
    background: var(--yn-v4-nav) !important;
    box-shadow:
        inset 0 1px 0 color-mix(in srgb, var(--h-text-bright) 7%, transparent),
        0 1px 0 color-mix(in srgb, var(--h-blue) 10%, transparent) !important;
}

.yon-shell.yon-shell--yon .yon-search-wrap--yon .yon-search {
    background: color-mix(in srgb, var(--h-bg-raised) 78%, transparent) !important;
    border-color: color-mix(in srgb, var(--h-blue) 18%, var(--h-border)) !important;
    box-shadow:
        inset 0 1px 2px rgba(0, 0, 0, 0.18),
        inset 0 1px 0 color-mix(in srgb, var(--h-text-bright) 5%, transparent) !important;
}

.yon-shell.yon-shell--yon .yon-search-wrap--yon .yon-search:focus-within {
    border-color: var(--h-blue) !important;
    background: color-mix(in srgb, var(--h-bg-raised) 88%, var(--h-blue) 6%) !important;
    box-shadow:
        0 0 0 4px var(--h-blue-soft),
        inset 0 1px 2px rgba(0, 0, 0, 0.12),
        inset 0 1px 0 color-mix(in srgb, var(--h-text-bright) 6%, transparent) !important;
}

.yon-shell.yon-shell--yon .yon-search-wrap--yon .yon-search__icon {
    color: var(--h-blue-text) !important;
}

.yon-shell.yon-shell--yon .yon-header-icon-group {
    border: 1px solid color-mix(in srgb, var(--h-blue) 34%, var(--h-border)) !important;
    background: color-mix(in srgb, var(--h-bg-card) 68%, transparent) !important;
    backdrop-filter: blur(12px) saturate(160%) !important;
    -webkit-backdrop-filter: blur(12px) saturate(160%) !important;
    box-shadow:
        0 4px 20px rgba(0, 0, 0, 0.26),
        inset 0 1px 0 color-mix(in srgb, var(--h-text-bright) 5%, transparent) !important;
}

.yon-shell.yon-shell--yon .yon-header-icon-group .yon-icon-btn,
.yon-shell.yon-shell--yon .yon-header-icon-group .yon-notify-trigger {
    border-radius: 10px !important;
}

.yon-shell.yon-shell--yon .yon-header-icon-group .yon-icon-btn:hover,
.yon-shell.yon-shell--yon .yon-header-icon-group .yon-notify-trigger:hover,
.yon-shell.yon-shell--yon .yon-header-icon-group .yon-icon-btn.is-active,
.yon-shell.yon-shell--yon .yon-header-icon-group .yon-notify-trigger.is-active {
    background: color-mix(in srgb, var(--h-blue) 12%, var(--h-bg-raised)) !important;
    box-shadow: 0 0 0 1px color-mix(in srgb, var(--h-blue) 28%, transparent) !important;
}

.yon-shell.yon-shell--yon .yon-header-icon-group .ynm-bell-badge,
.yon-shell.yon-shell--yon .yon-msg__badge {
    min-width: 19px !important;
    height: 19px !important;
    font-size: 9px !important;
    font-weight: 800 !important;
    box-shadow:
        0 0 0 2px rgba(14, 16, 26, 0.9),
        0 3px 12px color-mix(in srgb, var(--h-blue) 62%, transparent) !important;
}

.yon-shell.yon-shell--yon .yon-msg__badge {
    background: var(--h-danger) !important;
    box-shadow:
        0 0 0 2px rgba(14, 16, 26, 0.9),
        0 3px 10px color-mix(in srgb, var(--h-danger) 50%, transparent) !important;
}

.yon-shell.yon-shell--yon .yon-site-balance__amount {
    border-radius: 999px !important;
    background: linear-gradient(
        135deg,
        color-mix(in srgb, var(--h-green) 14%, var(--h-bg-raised)) 0%,
        color-mix(in srgb, var(--h-green) 8%, var(--h-bg-card)) 100%
    ) !important;
    border: 1px solid color-mix(in srgb, var(--h-green) 42%, var(--h-border)) !important;
    box-shadow:
        var(--h-shadow-green),
        inset 0 1px 0 color-mix(in srgb, var(--h-green) 22%, transparent) !important;
    color: var(--h-green) !important;
    font-weight: 800 !important;
}

.yon-shell.yon-shell--yon .yon-user {
    border: 1px solid color-mix(in srgb, var(--h-blue) 22%, var(--h-border)) !important;
    background: color-mix(in srgb, var(--h-bg-card) 72%, transparent) !important;
    border-radius: 999px !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    box-shadow: inset 0 1px 0 color-mix(in srgb, var(--h-text-bright) 5%, transparent) !important;
}

.yon-shell.yon-shell--yon .yon-user:hover {
    border-color: color-mix(in srgb, var(--h-blue) 38%, var(--h-border)) !important;
    background: color-mix(in srgb, var(--h-bg-raised) 82%, transparent) !important;
}

.yon-shell.yon-shell--yon .yon-user__icon {
    border-color: color-mix(in srgb, var(--h-blue) 28%, var(--h-border)) !important;
    box-shadow: 0 0 0 1px color-mix(in srgb, var(--h-blue) 12%, transparent) !important;
}

.yon-shell.yon-shell--yon .yon-site-nav--yon .yon-site-nav__cats-btn {
    background: linear-gradient(135deg, var(--h-blue) 0%, var(--h-blue-dark) 55%, color-mix(in srgb, var(--h-blue-dark) 80%, #000) 100%) !important;
    box-shadow:
        0 0 0 1px color-mix(in srgb, var(--h-blue) 50%, #fff 12%),
        0 6px 24px color-mix(in srgb, var(--h-blue) 55%, transparent),
        inset 0 1px 0 color-mix(in srgb, #fff 22%, transparent) !important;
    font-weight: 800 !important;
    letter-spacing: 0.08em !important;
}

.yon-shell.yon-shell--yon .yon-site-nav--yon .yon-site-nav__cats-btn:hover,
.yon-shell.yon-shell--yon .yon-site-nav--yon .yon-site-nav__cats-btn.is-open {
    filter: brightness(1.08) !important;
    transform: translateY(-1px);
    box-shadow:
        0 0 0 1px color-mix(in srgb, var(--h-blue) 62%, #fff 16%),
        0 10px 32px color-mix(in srgb, var(--h-blue) 58%, transparent),
        inset 0 1px 0 color-mix(in srgb, #fff 28%, transparent) !important;
}

.yon-shell.yon-shell--yon .yon-site-nav--yon .yon-site-nav__link {
    border-radius: 10px;
    transition: background 0.14s ease, color 0.14s ease, transform 0.14s ease;
}

.yon-shell.yon-shell--yon .yon-site-nav--yon .yon-site-nav__link:hover {
    background: color-mix(in srgb, var(--h-blue) 10%, transparent) !important;
    color: var(--h-text-bright) !important;
}

.yon-shell.yon-shell--yon .yon-site-nav--yon .yon-site-nav__link:hover i {
    color: var(--h-blue-text) !important;
    transform: translateY(-1px);
}

.yon-shell.yon-shell--yon .yon-site-nav--yon .yon-site-nav__link.is-active {
    background: color-mix(in srgb, var(--h-blue) 14%, transparent) !important;
    color: var(--h-text-bright) !important;
}

.yon-shell.yon-shell--yon .yon-site-nav--yon .yon-site-nav__cta:not(.yon-site-nav__cart-btn) {
    background: linear-gradient(135deg, var(--h-blue) 0%, var(--h-blue-dark) 100%) !important;
    font-weight: 800 !important;
    letter-spacing: 0.05em !important;
    box-shadow:
        0 8px 28px color-mix(in srgb, var(--h-blue) 48%, transparent),
        0 0 0 1px color-mix(in srgb, var(--h-blue) 40%, #fff 10%),
        inset 0 1px 0 color-mix(in srgb, #fff 24%, transparent) !important;
}

.yon-shell.yon-shell--yon .yon-site-nav--yon .yon-site-nav__cta:not(.yon-site-nav__cart-btn):hover,
.yon-shell.yon-shell--yon .yon-site-nav--yon .yon-site-nav__cta:not(.yon-site-nav__cart-btn).is-active {
    filter: brightness(1.08) !important;
    transform: translateY(-1px);
    box-shadow:
        0 12px 34px color-mix(in srgb, var(--h-blue) 55%, transparent),
        0 0 0 1px color-mix(in srgb, var(--h-blue) 50%, #fff 14%),
        inset 0 1px 0 color-mix(in srgb, #fff 30%, transparent) !important;
}

.yon-shell.yon-shell--yon.yon-shell--has-stories .yon-site-stories {
    background: color-mix(in srgb, var(--h-bg-raised) 62%, transparent) !important;
    backdrop-filter: blur(14px) saturate(165%) !important;
    -webkit-backdrop-filter: blur(14px) saturate(165%) !important;
    border-bottom: 1px solid color-mix(in srgb, var(--h-blue) 16%, var(--h-border)) !important;
    box-shadow: inset 0 1px 0 color-mix(in srgb, var(--h-text-bright) 4%, transparent) !important;
}

.yon-shell.yon-shell--yon.yon-shell--has-stories .yon-site-story__ring {
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--h-bg-page) 80%, transparent) !important;
}

.yon-shell.yon-shell--yon .yon-menu-btn {
    border: 1px solid color-mix(in srgb, var(--h-blue) 28%, var(--h-border)) !important;
    background: color-mix(in srgb, var(--h-bg-card) 75%, transparent) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    box-shadow: inset 0 1px 0 color-mix(in srgb, var(--h-text-bright) 5%, transparent) !important;
}

.yon-shell.yon-shell--yon .yon-menu-btn:hover,
.yon-shell.yon-shell--yon .yon-menu-btn.is-active {
    border-color: var(--h-blue) !important;
    background: color-mix(in srgb, var(--h-blue) 12%, var(--h-bg-raised)) !important;
    color: var(--h-text-bright) !important;
}

.yon-shell.yon-shell--yon .yon-mobile-menu,
.yon-shell.yon-shell--yon .yon-drawer {
    background: color-mix(in srgb, var(--h-bg-header) 88%, transparent) !important;
    backdrop-filter: blur(22px) saturate(170%) !important;
    -webkit-backdrop-filter: blur(22px) saturate(170%) !important;
    border-color: color-mix(in srgb, var(--h-blue) 22%, var(--h-border)) !important;
    box-shadow: 0 24px 64px rgba(0, 0, 0, 0.48) !important;
}

.yon-shell.yon-shell--yon .yon-mobile-menu__head,
.yon-shell.yon-shell--yon .yon-drawer__head {
    background: color-mix(in srgb, var(--h-bg-page) 72%, transparent) !important;
    border-bottom-color: color-mix(in srgb, var(--h-blue) 18%, var(--h-border)) !important;
}

@media (max-width: 767px) {
    .yon-shell.yon-shell--yon .yon-shell__core {
        padding-top: env(safe-area-inset-top, 0px);
    }

    .yon-shell.yon-shell--yon .yon-search-wrap--yon .yon-search {
        height: 40px !important;
        border-radius: 999px !important;
    }

    .yon-shell.yon-shell--yon .yon-menu-btn,
    .yon-shell.yon-shell--yon .yon-site-header__cart-mobile,
    .yon-shell.yon-shell--yon .yon-icon-btn,
    .yon-shell.yon-shell--yon .yon-notify-trigger {
        min-width: 44px;
        min-height: 44px;
    }

    .yon-shell.yon-shell--yon .yon-mobile-menu,
    .yon-shell.yon-shell--yon .yon-drawer {
        padding-bottom: env(safe-area-inset-bottom, 0px);
    }
}

@media (hover: none) {
    .yon-shell.yon-shell--yon .yon-site-nav--yon .yon-site-nav__link,
    .yon-shell.yon-shell--yon .yon-site-nav--yon .yon-site-nav__cta,
    .yon-shell.yon-shell--yon .yon-menu-btn {
        min-height: 44px;
    }
}

/* =================================================================
   YON shell — Kurumsal v4 KAPSAMLI (tüm yüzeyler, cascade kazanır)
   yon-shell-v4-comprehensive
   deploy-marker: yon-shell-v4-kapsamli
   ================================================================= */

.yon-shell.yon-shell--yon {
    --yn-k4-topbar: rgba(12, 14, 22, 0.62);
    --yn-k4-header: rgba(22, 27, 40, 0.44);
    --yn-k4-nav: rgba(43, 45, 62, 0.56);
    --yn-k4-glass-ring: color-mix(in srgb, var(--h-blue) 36%, var(--h-border));
    --yn-k4-glow-blue: 0 8px 32px color-mix(in srgb, var(--h-blue) 42%, transparent);
    --yn-k4-glow-orange: 0 6px 24px color-mix(in srgb, var(--h-orange) 38%, transparent);
}

/* ── Sticky core — blur + scroll state ── */
.yon-shell.yon-shell--yon .yon-shell__core {
    background: rgba(22, 27, 40, 0.48) !important;
    backdrop-filter: blur(20px) saturate(168%) !important;
    -webkit-backdrop-filter: blur(20px) saturate(168%) !important;
    border-bottom: 1px solid color-mix(in srgb, var(--h-blue) 12%, var(--h-border)) !important;
    transition:
        background 0.22s ease,
        backdrop-filter 0.22s ease,
        box-shadow 0.22s ease,
        border-color 0.22s ease !important;
}

.yon-shell.yon-shell--yon.is-scrolled .yon-shell__core,
.yon-shell.yon-shell--yon .yon-shell__core.is-scrolled {
    background: rgba(22, 27, 40, 0.86) !important;
    backdrop-filter: blur(26px) saturate(188%) !important;
    -webkit-backdrop-filter: blur(26px) saturate(188%) !important;
    box-shadow:
        0 12px 40px rgba(0, 0, 0, 0.46),
        0 0 0 1px var(--yn-k4-glass-ring),
        inset 0 1px 0 color-mix(in srgb, var(--h-text-bright) 10%, transparent) !important;
}

.yon-shell.yon-shell--yon.is-scrolled .yon-shell__core::after,
.yon-shell.yon-shell--yon .yon-shell__core.is-scrolled::after {
    opacity: 1 !important;
    height: 2px !important;
    background: linear-gradient(
        90deg,
        transparent 0%,
        color-mix(in srgb, var(--h-blue) 75%, transparent) 20%,
        color-mix(in srgb, var(--h-orange) 55%, transparent) 50%,
        color-mix(in srgb, var(--h-blue) 75%, transparent) 80%,
        transparent 100%
    ) !important;
}

/* ── Topbar — sosyal glass, linkler, dil/para pill ── */
.yon-shell.yon-shell--yon .yon-site-topbar {
    background: var(--yn-k4-topbar) !important;
    min-height: var(--yn-corp-topbar-h, 36px);
    box-shadow:
        inset 0 -1px 0 color-mix(in srgb, var(--h-blue) 14%, var(--h-border)),
        inset 0 1px 0 color-mix(in srgb, var(--h-text-bright) 5%, transparent) !important;
}

.yon-shell.yon-shell--yon .yon-site-topbar__left-links a {
    position: relative;
    padding: 4px 0;
    transition: color 0.14s ease, opacity 0.14s ease !important;
}

.yon-shell.yon-shell--yon .yon-site-topbar__left-links a:hover {
    color: var(--h-text-bright) !important;
}

.yon-shell.yon-shell--yon .yon-site-topbar__left-links a:hover i {
    color: var(--h-blue-text) !important;
}

.yon-shell.yon-shell--yon .yon-social {
    width: 30px !important;
    height: 30px !important;
    border-radius: 8px !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) 55%, transparent) !important;
    backdrop-filter: blur(8px) saturate(150%) !important;
    -webkit-backdrop-filter: blur(8px) saturate(150%) !important;
    box-shadow: inset 0 1px 0 color-mix(in srgb, var(--h-text-bright) 6%, transparent) !important;
    transition: border-color 0.14s ease, background 0.14s ease, color 0.14s ease, transform 0.14s ease !important;
}

.yon-shell.yon-shell--yon .yon-social:hover {
    border-color: color-mix(in srgb, var(--h-blue) 48%, var(--h-border)) !important;
    background: color-mix(in srgb, var(--h-blue) 12%, var(--h-bg-raised)) !important;
    color: var(--h-text-bright) !important;
    transform: translateY(-1px);
    box-shadow:
        var(--h-shadow-blue),
        inset 0 1px 0 color-mix(in srgb, var(--h-text-bright) 8%, transparent) !important;
}

.yon-shell.yon-shell--yon .yon-site-topbar__select {
    height: 30px !important;
    padding: 0 12px !important;
    border-radius: 999px !important;
    border: 1px solid color-mix(in srgb, var(--h-blue) 20%, var(--h-border)) !important;
    background: color-mix(in srgb, var(--h-bg-raised) 72%, transparent) !important;
    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
    font-weight: 600 !important;
    box-shadow: inset 0 1px 0 color-mix(in srgb, var(--h-text-bright) 5%, transparent) !important;
}

.yon-shell.yon-shell--yon .yon-site-topbar__select:hover {
    border-color: color-mix(in srgb, var(--h-blue) 42%, var(--h-border)) !important;
    background: color-mix(in srgb, var(--h-blue) 8%, var(--h-bg-raised)) !important;
    color: var(--h-text-bright) !important;
}

.yon-shell.yon-shell--yon .yon-topbar-btn--register {
    border-radius: 999px !important;
    border-color: color-mix(in srgb, var(--h-green) 45%, var(--h-border)) !important;
    background: color-mix(in srgb, var(--h-green) 8%, transparent) !important;
}

.yon-shell.yon-shell--yon .yon-topbar-btn--login {
    border-radius: 999px !important;
    background: var(--h-gradient-green) !important;
    border-color: color-mix(in srgb, var(--h-green) 60%, var(--h-border)) !important;
    box-shadow: var(--h-shadow-green) !important;
}

/* ── Ana header — logo, pill arama, auth/guest ── */
.yon-shell.yon-shell--yon .yon-site-header {
    background: var(--yn-k4-header) !important;
    box-shadow: inset 0 -1px 0 var(--h-border-soft) !important;
}

.yon-shell.yon-shell--yon .yon-logo {
    filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.22));
    transition: opacity 0.14s ease, transform 0.14s ease !important;
}

.yon-shell.yon-shell--yon .yon-logo:hover {
    opacity: 0.92;
    transform: translateY(-1px);
}

.yon-shell.yon-shell--yon .yon-search-wrap--yon .yon-search {
    height: 44px !important;
    border-radius: 999px !important;
    padding-inline: 16px !important;
    background: color-mix(in srgb, var(--h-bg-raised) 80%, transparent) !important;
    border: 1px solid color-mix(in srgb, var(--h-blue) 20%, var(--h-border)) !important;
    box-shadow:
        inset 0 1px 3px rgba(0, 0, 0, 0.16),
        inset 0 1px 0 color-mix(in srgb, var(--h-text-bright) 6%, transparent) !important;
}

.yon-shell.yon-shell--yon .yon-search-wrap--yon .yon-search__icon {
    color: var(--h-blue-text) !important;
    font-size: 18px !important;
    margin-right: 10px !important;
}

.yon-shell.yon-shell--yon .yon-search-wrap--yon .yon-search input::placeholder {
    color: var(--h-text-muted) !important;
    opacity: 0.85;
}

.yon-shell.yon-shell--yon .yon-search-wrap--yon .yon-search:focus-within {
    border-color: var(--h-blue) !important;
    background: color-mix(in srgb, var(--h-bg-raised) 90%, var(--h-blue) 5%) !important;
    box-shadow:
        0 0 0 4px var(--h-blue-soft),
        inset 0 1px 2px rgba(0, 0, 0, 0.1),
        var(--h-shadow-blue) !important;
}

.yon-shell.yon-shell--yon .yon-site-header__quick-btn {
    border-radius: 999px !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;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    min-height: 40px !important;
    padding-inline: 14px !important;
    font-weight: 700 !important;
    transition: background 0.14s ease, border-color 0.14s ease, transform 0.14s ease !important;
}

.yon-shell.yon-shell--yon .yon-site-header__quick-btn: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;
    color: var(--h-text-bright) !important;
    transform: translateY(-1px);
}

.yon-shell.yon-shell--yon .yon-site-header__quick-btn--listing {
    background: var(--h-gradient-listing) !important;
    border-color: color-mix(in srgb, var(--h-orange) 55%, var(--h-border)) !important;
    color: var(--h-text-bright) !important;
    box-shadow: var(--h-shadow-orange) !important;
}

/* ── Bakiye yeşil pill, badge'ler, profil ── */
.yon-shell.yon-shell--yon .yon-site-balance__amount {
    min-height: 36px !important;
    padding: 0 14px !important;
    font-size: 13px !important;
    letter-spacing: 0.02em !important;
}

.yon-shell.yon-shell--yon .yon-header-icon-group {
    gap: 2px !important;
    padding: 4px !important;
    border-radius: 14px !important;
    border: 1px solid color-mix(in srgb, var(--h-blue) 38%, var(--h-border)) !important;
    background: color-mix(in srgb, var(--h-bg-card) 62%, transparent) !important;
    backdrop-filter: blur(14px) saturate(165%) !important;
    -webkit-backdrop-filter: blur(14px) saturate(165%) !important;
    box-shadow:
        0 6px 24px rgba(0, 0, 0, 0.28),
        inset 0 1px 0 color-mix(in srgb, var(--h-text-bright) 7%, transparent) !important;
}

.yon-shell.yon-shell--yon .yon-header-icon-group .yon-icon-btn,
.yon-shell.yon-shell--yon .yon-header-icon-group .yon-notify-trigger {
    width: 40px !important;
    height: 40px !important;
    border-radius: 10px !important;
}

.yon-shell.yon-shell--yon .yon-header-icon-group .ynm-bell-badge,
.yon-shell.yon-shell--yon .yon-site-header__cart-mobile .yon-cart-badge,
.yon-shell.yon-shell--yon .yon-hdrop__trigger .yon-cart-badge {
    min-width: 20px !important;
    height: 20px !important;
    font-size: 10px !important;
    font-weight: 800 !important;
    background: linear-gradient(135deg, var(--h-blue) 0%, var(--h-blue-dark) 100%) !important;
    box-shadow:
        0 0 0 2px rgba(14, 16, 26, 0.92),
        0 3px 12px color-mix(in srgb, var(--h-blue) 58%, transparent) !important;
}

.yon-shell.yon-shell--yon .yon-msg__badge {
    background: var(--h-danger) !important;
    box-shadow:
        0 0 0 2px rgba(14, 16, 26, 0.92),
        0 3px 12px color-mix(in srgb, var(--h-danger) 52%, transparent) !important;
}

.yon-shell.yon-shell--yon .yon-user {
    min-height: 40px !important;
    padding: 4px 12px 4px 4px !important;
    gap: 8px !important;
}

.yon-shell.yon-shell--yon .yon-user__icon {
    width: 32px !important;
    height: 32px !important;
    border-radius: 999px !important;
}

.yon-shell.yon-shell--yon .yon-user__name {
    font-weight: 700 !important;
    font-size: 13px !important;
    color: var(--h-text-bright) !important;
}

/* ── Nav bar — KATEGORİ, merkez linkler, + İlan ── */
.yon-shell.yon-shell--yon .yon-site-nav.yon-site-nav--yon {
    background: var(--yn-k4-nav) !important;
    min-height: var(--yn-corp-nav-h, 48px) !important;
    box-shadow:
        inset 0 1px 0 color-mix(in srgb, var(--h-text-bright) 8%, transparent),
        0 1px 0 color-mix(in srgb, var(--h-blue) 12%, transparent) !important;
}

.yon-shell.yon-shell--yon .yon-site-nav--yon .yon-site-nav__cats-btn {
    text-transform: uppercase !important;
    font-size: 11px !important;
    letter-spacing: 0.1em !important;
    background: linear-gradient(
        135deg,
        var(--h-blue) 0%,
        var(--h-blue-dark) 52%,
        color-mix(in srgb, var(--h-blue-dark) 78%, #000) 100%
    ) !important;
    box-shadow:
        0 0 0 1px color-mix(in srgb, var(--h-blue) 55%, #fff 14%),
        var(--yn-k4-glow-blue),
        inset 0 1px 0 color-mix(in srgb, #fff 26%, transparent) !important;
}

.yon-shell.yon-shell--yon .yon-site-nav--yon .yon-site-nav__cats-btn.is-open,
.yon-shell.yon-shell--yon .yon-site-nav--yon .yon-site-nav__cats-btn[aria-expanded="true"] {
    filter: brightness(1.1) !important;
    box-shadow:
        0 0 0 1px color-mix(in srgb, var(--h-blue) 68%, #fff 18%),
        0 12px 36px color-mix(in srgb, var(--h-blue) 62%, transparent),
        inset 0 1px 0 color-mix(in srgb, #fff 32%, transparent) !important;
}

.yon-shell.yon-shell--yon .yon-site-nav--yon .yon-site-nav__link {
    border-radius: 10px !important;
    font-weight: 600 !important;
    gap: 7px !important;
}

.yon-shell.yon-shell--yon .yon-site-nav--yon .yon-site-nav__link i,
.yon-shell.yon-shell--yon .yon-site-nav--yon .yon-site-nav__link-icon {
    transition: color 0.14s ease, transform 0.14s ease, background 0.14s ease !important;
}

.yon-shell.yon-shell--yon .yon-site-nav--yon .yon-site-nav__link:hover {
    background: color-mix(in srgb, var(--h-blue) 12%, transparent) !important;
    color: var(--h-text-bright) !important;
}

.yon-shell.yon-shell--yon .yon-site-nav--yon .yon-site-nav__link:hover i {
    color: var(--h-blue-text) !important;
}

.yon-shell.yon-shell--yon .yon-site-nav--yon .yon-site-nav__link.is-active {
    background: color-mix(in srgb, var(--h-orange) 12%, transparent) !important;
    color: var(--h-text-bright) !important;
}

.yon-shell.yon-shell--yon .yon-site-nav--yon .yon-site-nav__link.is-active i {
    color: var(--h-orange) !important;
    background: color-mix(in srgb, var(--h-orange) 16%, var(--h-bg-card)) !important;
}

.yon-shell.yon-shell--yon .yon-site-nav--yon .yon-site-nav__link.is-active::after {
    background: var(--h-gradient-listing) !important;
    height: 3px !important;
    box-shadow: var(--h-shadow-orange) !important;
}

.yon-shell.yon-shell--yon .yon-site-nav--yon .yon-site-nav__cta:not(.yon-site-nav__cart-btn) {
    background: linear-gradient(135deg, var(--h-blue) 0%, var(--h-blue-dark) 100%) !important;
    font-weight: 800 !important;
    letter-spacing: 0.06em !important;
    text-transform: uppercase !important;
    font-size: 11px !important;
    box-shadow:
        var(--yn-k4-glow-blue),
        0 0 0 1px color-mix(in srgb, var(--h-blue) 45%, #fff 12%),
        inset 0 1px 0 color-mix(in srgb, #fff 26%, transparent) !important;
}

.yon-shell.yon-shell--yon .yon-site-nav--yon .yon-site-nav__cta:not(.yon-site-nav__cart-btn):hover {
    filter: brightness(1.1) !important;
    transform: translateY(-2px) !important;
    box-shadow:
        0 14px 38px color-mix(in srgb, var(--h-blue) 58%, transparent),
        0 0 0 1px color-mix(in srgb, var(--h-blue) 52%, #fff 16%),
        inset 0 1px 0 color-mix(in srgb, #fff 32%, transparent) !important;
}

/* ── Stories bar ── */
.yon-shell.yon-shell--yon.yon-shell--has-stories .yon-site-stories {
    background: color-mix(in srgb, var(--h-bg-raised) 58%, transparent) !important;
    backdrop-filter: blur(16px) saturate(170%) !important;
    -webkit-backdrop-filter: blur(16px) saturate(170%) !important;
    border-bottom: 1px solid color-mix(in srgb, var(--h-blue) 18%, var(--h-border)) !important;
}

.yon-shell.yon-shell--yon .yon-site-stories__track {
    scroll-snap-type: x mandatory !important;
    scroll-padding-inline: 12px !important;
    -webkit-overflow-scrolling: touch;
    gap: 12px !important;
}

.yon-shell.yon-shell--yon .yon-site-story {
    scroll-snap-align: start !important;
}

.yon-shell.yon-shell--yon .yon-site-story.is-active .yon-site-story__ring,
.yon-shell.yon-shell--yon .yon-site-story.is-viewed .yon-site-story__ring {
    background: var(--h-gradient-listing) !important;
    box-shadow:
        0 0 0 2px color-mix(in srgb, var(--h-bg-page) 82%, transparent),
        var(--h-shadow-orange) !important;
}

.yon-shell.yon-shell--yon .yon-site-story__ring {
    padding: 2px !important;
    border-radius: 999px !important;
}

.yon-shell.yon-shell--yon .yon-site-story__label {
    font-size: 10px !important;
    font-weight: 700 !important;
    letter-spacing: 0.01em !important;
}

/* ── Mobile — nav gizle, hamburger, safe-area ── */
@media (max-width: 767px) {
    .yon-shell.yon-shell--yon .yon-site-nav.yon-site-nav--yon {
        display: none !important;
    }

    .yon-shell.yon-shell--yon .yon-shell__core {
        padding-top: env(safe-area-inset-top, 0px) !important;
    }

    .yon-shell.yon-shell--yon .yon-site-header__inner {
        gap: 8px !important;
        padding-inline: max(12px, env(safe-area-inset-left, 0px)) max(12px, env(safe-area-inset-right, 0px)) !important;
    }

    .yon-shell.yon-shell--yon .yon-search-wrap--yon .yon-search {
        height: 40px !important;
    }

    .yon-shell.yon-shell--yon .yon-menu-btn,
    .yon-shell.yon-shell--yon .yon-site-header__cart-mobile,
    .yon-shell.yon-shell--yon .yon-icon-btn,
    .yon-shell.yon-shell--yon .yon-notify-trigger,
    .yon-shell.yon-shell--yon .yon-site-header__quick-btn,
    .yon-shell.yon-shell--yon .yon-user {
        min-width: 44px !important;
        min-height: 44px !important;
    }

    .yon-shell.yon-shell--yon .yon-site-stories__track {
        padding-inline: max(12px, env(safe-area-inset-left, 0px)) max(12px, env(safe-area-inset-right, 0px)) !important;
    }
}

@media (hover: none) {
    .yon-shell.yon-shell--yon .yon-social:hover,
    .yon-shell.yon-shell--yon .yon-logo:hover,
    .yon-shell.yon-shell--yon .yon-site-nav--yon .yon-site-nav__link:hover,
    .yon-shell.yon-shell--yon .yon-site-nav--yon .yon-site-nav__cta:hover {
        transform: none !important;
    }

    .yon-shell.yon-shell--yon .yon-site-topbar__select,
    .yon-shell.yon-shell--yon .yon-topbar-btn,
    .yon-shell.yon-shell--yon .yon-site-header__quick-btn,
    .yon-shell.yon-shell--yon .yon-header-icon-group .yon-icon-btn,
    .yon-shell.yon-shell--yon .yon-menu-btn {
        min-height: 44px !important;
    }
}

/* =================================================================
   yon-shell--yon v5 — kurumsal kapsamlı geliştirme
   deploy-marker: yon-shell-v5
   ================================================================= */

.yon-shell.yon-shell--yon {
    --yn-v5-glass: rgba(22, 27, 40, 0.62);
    --yn-v5-glass-scrolled: rgba(22, 27, 40, 0.82);
    --yn-v5-nav-glass: rgba(43, 45, 62, 0.58);
}

.yon-shell.yon-shell--yon .yon-shell__core {
    background: var(--yn-v5-glass) !important;
    backdrop-filter: blur(22px) saturate(175%) !important;
    -webkit-backdrop-filter: blur(22px) saturate(175%) !important;
    border-bottom: 1px solid color-mix(in srgb, var(--h-blue) 16%, var(--h-border)) !important;
    box-shadow:
        0 8px 32px rgba(0, 0, 0, 0.28),
        inset 0 1px 0 color-mix(in srgb, var(--h-text-bright) 6%, transparent) !important;
}

.yon-shell.yon-shell--yon.is-scrolled .yon-shell__core,
.yon-shell.yon-shell--yon .yon-shell__core.is-scrolled {
    background: var(--yn-v5-glass-scrolled) !important;
    box-shadow:
        0 12px 40px rgba(0, 0, 0, 0.36),
        0 0 0 1px color-mix(in srgb, var(--h-blue) 18%, var(--h-border)),
        inset 0 1px 0 color-mix(in srgb, var(--h-text-bright) 8%, transparent) !important;
}

.yon-shell.yon-shell--yon .yon-site-topbar__inner--yon {
    border-bottom: 1px solid color-mix(in srgb, var(--h-border) 65%, transparent);
}

.yon-shell.yon-shell--yon .yon-site-header__inner {
    min-height: 68px;
    gap: clamp(10px, 1.6vw, 18px);
}

.yon-shell.yon-shell--yon .yon-site-header {
    position: relative;
    z-index: 100 !important;
}

.yon-shell.yon-shell--yon .yon-search-wrap--yon .yon-search {
    border-radius: 999px !important;
    border: 1px solid color-mix(in srgb, var(--h-blue) 22%, var(--h-border)) !important;
    background: color-mix(in srgb, var(--h-bg-raised) 88%, transparent) !important;
    backdrop-filter: blur(14px) saturate(160%) !important;
    -webkit-backdrop-filter: blur(14px) saturate(160%) !important;
    box-shadow:
        inset 0 1px 0 color-mix(in srgb, var(--h-text-bright) 5%, transparent),
        0 4px 18px rgba(0, 0, 0, 0.18) !important;
}

.yon-shell.yon-shell--yon .yon-search-wrap--yon .yon-search:focus-within {
    border-color: var(--h-blue) !important;
    box-shadow:
        0 0 0 3px color-mix(in srgb, var(--h-blue) 22%, transparent),
        inset 0 1px 0 color-mix(in srgb, var(--h-text-bright) 6%, transparent) !important;
}

.yon-shell.yon-shell--yon .yon-header-icon-group {
    gap: 4px !important;
    padding: 5px !important;
    border-radius: 14px !important;
    border: 1px solid color-mix(in srgb, var(--h-blue) 32%, var(--h-border)) !important;
    background: color-mix(in srgb, var(--h-bg-card) 68%, transparent) !important;
    backdrop-filter: blur(16px) saturate(168%) !important;
    -webkit-backdrop-filter: blur(16px) saturate(168%) !important;
    box-shadow:
        0 8px 28px rgba(0, 0, 0, 0.3),
        inset 0 1px 0 color-mix(in srgb, var(--h-text-bright) 8%, transparent) !important;
}

.yon-shell.yon-shell--yon .yon-header-icon-group .yon-icon-btn,
.yon-shell.yon-shell--yon .yon-header-icon-group .yon-notify-trigger,
.yon-shell.yon-shell--yon .yon-hdrop--user > .yon-hdrop__trigger.yon-user {
    border-radius: 10px !important;
    transition: background 0.14s ease, border-color 0.14s ease, color 0.14s ease !important;
}

.yon-shell.yon-shell--yon .yon-header-icon-group .yon-icon-btn:hover,
.yon-shell.yon-shell--yon .yon-header-icon-group .yon-notify-trigger:hover,
.yon-shell.yon-shell--yon .yon-hdrop--user > .yon-hdrop__trigger.yon-user:hover {
    background: color-mix(in srgb, var(--h-blue) 12%, var(--h-bg-raised)) !important;
    border-color: color-mix(in srgb, var(--h-blue) 34%, var(--h-border)) !important;
    color: var(--h-text-bright) !important;
}

.yon-shell.yon-shell--yon .yon-site-balance__amount {
    border-radius: 999px !important;
    background: color-mix(in srgb, var(--h-green) 14%, var(--h-bg-raised)) !important;
    border: 1px solid color-mix(in srgb, var(--h-green) 38%, var(--h-border)) !important;
    color: var(--h-green) !important;
    font-weight: 800 !important;
    box-shadow: var(--h-shadow-green) !important;
}

.yon-shell.yon-shell--yon .yon-site-nav.yon-site-nav--yon {
    background: var(--yn-v5-nav-glass) !important;
    backdrop-filter: blur(16px) saturate(165%) !important;
    -webkit-backdrop-filter: blur(16px) saturate(165%) !important;
    border-top: 1px solid color-mix(in srgb, var(--h-blue) 12%, var(--h-border)) !important;
    border-bottom: 1px solid color-mix(in srgb, var(--h-border) 80%, transparent) !important;
    z-index: 90 !important;
}

.yon-shell.yon-shell--yon .yon-site-nav--yon .yon-site-nav__cats-btn,
.yon-shell.yon-shell--yon .yon-site-nav--yon .yon-site-nav__cta:not(.yon-site-nav__cart-btn) {
    border-radius: 10px !important;
}

.yon-shell.yon-shell--yon .yon-hdrop.is-open > .yon-hdrop__trigger.yon-user {
    background: color-mix(in srgb, var(--h-blue) 14%, var(--h-bg-raised)) !important;
    border-color: color-mix(in srgb, var(--h-blue) 40%, var(--h-border)) !important;
}

.yon-shell.yon-shell--yon .yon-notify-wrap.is-open .yon-notify-trigger {
    background: color-mix(in srgb, var(--h-blue) 14%, var(--h-bg-raised)) !important;
    border-color: color-mix(in srgb, var(--h-blue) 40%, var(--h-border)) !important;
    color: var(--h-blue-text) !important;
}

@media (max-width: 767px) {
    .yon-shell.yon-shell--yon .yon-site-header__inner {
        min-height: 60px;
    }

    .yon-shell.yon-shell--yon .yon-search-wrap--yon {
        order: 3;
        width: 100%;
    }
}

/* =================================================================
   yon-shell v6 — kurumsal bütünleşik tasarım (glass + net tipografi)
   deploy-marker: yon-shell-v6-corp
   ================================================================= */

.yon-shell.yon-shell--yon {
    --yn-corp-topbar-h: 36px;
    --yn-corp-header-h: 68px;
    --yn-corp-nav-h: 48px;
    --yn-corp-radius: 12px;
    --yn-corp-radius-pill: 999px;
    --yn-corp-glass: rgba(22, 27, 40, 0.58);
    --yn-corp-glass-strong: rgba(22, 27, 40, 0.82);
    --yn-corp-nav-glass: rgba(43, 45, 62, 0.62);
    --yn-corp-line: color-mix(in srgb, var(--h-blue) 18%, var(--h-border));
    --yn-corp-glow-blue: 0 8px 28px color-mix(in srgb, var(--h-blue) 38%, transparent);
    --yn-corp-glow-green: 0 6px 20px color-mix(in srgb, var(--h-green) 32%, transparent);
}

/* — Sticky cam çekirdek — */
.yon-shell.yon-shell--yon .yon-shell__core {
    position: sticky;
    top: 0;
    z-index: 61;
    background: var(--yn-corp-glass) !important;
    backdrop-filter: blur(20px) saturate(170%) !important;
    -webkit-backdrop-filter: blur(20px) saturate(170%) !important;
    border-bottom: 1px solid var(--h-border-soft) !important;
    box-shadow:
        var(--h-shadow-header),
        inset 0 1px 0 color-mix(in srgb, var(--h-text-bright) 6%, transparent) !important;
    transition:
        background 0.22s ease,
        box-shadow 0.22s ease,
        backdrop-filter 0.22s ease;
}

.yon-shell.yon-shell--yon.is-scrolled .yon-shell__core,
.yon-shell.yon-shell--yon .yon-shell__core.is-scrolled {
    background: var(--yn-corp-glass-strong) !important;
    backdrop-filter: blur(22px) saturate(178%) !important;
    -webkit-backdrop-filter: blur(22px) saturate(178%) !important;
    box-shadow:
        0 10px 36px rgba(0, 0, 0, 0.34),
        0 0 0 1px color-mix(in srgb, var(--h-blue) 14%, var(--h-border)),
        inset 0 1px 0 color-mix(in srgb, var(--h-text-bright) 8%, transparent) !important;
}

/* — Katman 1: Top bar (~36px) — */
.yon-shell.yon-shell--yon .yon-site-topbar {
    background: rgba(22, 23, 35, 0.45) !important;
    border-bottom: 1px solid color-mix(in srgb, var(--h-border) 75%, transparent) !important;
}

.yon-shell.yon-shell--yon .yon-site-topbar__inner,
.yon-shell.yon-shell--yon .yon-site-topbar__inner--yon {
    height: var(--yn-corp-topbar-h) !important;
    min-height: var(--yn-corp-topbar-h) !important;
}

.yon-shell.yon-shell--yon .yon-site-topbar__left-links a {
    font-size: 10.5px !important;
    font-weight: 600 !important;
    letter-spacing: 0.04em !important;
    text-transform: uppercase !important;
    color: var(--h-text-muted) !important;
}

.yon-shell.yon-shell--yon .yon-site-topbar__left-links a:hover {
    color: var(--h-text-bright) !important;
}

.yon-shell.yon-shell--yon .yon-social {
    width: 30px !important;
    height: 30px !important;
    border-radius: 8px !important;
    border: 1px solid var(--h-border-soft) !important;
    background: color-mix(in srgb, var(--h-bg-raised) 82%, transparent) !important;
    color: var(--h-text-muted) !important;
    transition: color 0.14s ease, border-color 0.14s ease, background 0.14s ease !important;
}

.yon-shell.yon-shell--yon .yon-social:hover {
    color: var(--h-blue-text) !important;
    border-color: color-mix(in srgb, var(--h-blue) 32%, var(--h-border)) !important;
    background: var(--h-blue-soft) !important;
}

.yon-shell.yon-shell--yon .yon-site-topbar__select {
    height: 28px !important;
    border-radius: 8px !important;
    border: 1px solid var(--h-border-soft) !important;
    background: color-mix(in srgb, var(--h-bg-raised) 80%, transparent) !important;
    font-size: 10.5px !important;
    font-weight: 600 !important;
}

.yon-shell.yon-shell--yon .yon-topbar-btn--register {
    color: var(--h-green) !important;
    border: 1px solid color-mix(in srgb, var(--h-green) 42%, var(--h-border)) !important;
    background: color-mix(in srgb, var(--h-green) 8%, transparent) !important;
}

.yon-shell.yon-shell--yon .yon-topbar-btn--login {
    background: linear-gradient(135deg, var(--h-blue) 0%, var(--h-blue-dark) 100%) !important;
    border: 1px solid color-mix(in srgb, var(--h-blue) 55%, var(--h-border)) !important;
    color: #fff !important;
    box-shadow: var(--h-shadow-blue) !important;
}

/* — Katman 2: Ana header (~68px) — */
.yon-shell.yon-shell--yon .yon-site-header {
    position: relative;
    z-index: 100 !important;
    background: transparent !important;
    border-bottom: 1px solid color-mix(in srgb, var(--h-border) 55%, transparent) !important;
}

.yon-shell.yon-shell--yon .yon-site-header__inner {
    min-height: var(--yn-corp-header-h) !important;
    padding-block: 10px !important;
    gap: clamp(10px, 1.5vw, 18px) !important;
}

.yon-shell.yon-shell--yon .yon-logo {
    transition: opacity 0.14s ease, transform 0.14s ease;
}

.yon-shell.yon-shell--yon .yon-logo:hover {
    opacity: 0.92;
    transform: translateY(-1px);
}

.yon-shell.yon-shell--yon .yon-logo__text {
    font-weight: 800 !important;
    letter-spacing: 0.06em !important;
    color: var(--h-text-bright) !important;
}

/* Pill arama */
.yon-shell.yon-shell--yon .yon-search-wrap--yon .yon-search {
    height: 44px !important;
    border-radius: var(--yn-corp-radius-pill) !important;
    padding: 0 16px !important;
    border: 1px solid color-mix(in srgb, var(--h-blue) 18%, var(--h-border)) !important;
    background: color-mix(in srgb, var(--h-bg-raised) 86%, transparent) !important;
    backdrop-filter: blur(12px) saturate(160%) !important;
    -webkit-backdrop-filter: blur(12px) saturate(160%) !important;
    box-shadow:
        inset 0 1px 0 color-mix(in srgb, var(--h-text-bright) 5%, transparent),
        0 4px 16px rgba(0, 0, 0, 0.14) !important;
    transition: border-color 0.14s ease, box-shadow 0.14s ease !important;
}

.yon-shell.yon-shell--yon .yon-search-wrap--yon .yon-search:focus-within {
    border-color: var(--h-blue) !important;
    box-shadow:
        0 0 0 3px color-mix(in srgb, var(--h-blue) 22%, transparent),
        inset 0 1px 0 color-mix(in srgb, var(--h-text-bright) 6%, transparent) !important;
}

.yon-shell.yon-shell--yon .yon-search-wrap--yon .yon-search input {
    font-size: 13.5px !important;
    font-weight: 500 !important;
}

.yon-shell.yon-shell--yon .yon-search-wrap--yon .yon-search__icon {
    color: var(--h-blue-text) !important;
}

/* Hızlı aksiyon ghost chip */
.yon-shell.yon-shell--yon .yon-site-header__quick-btn {
    height: 40px !important;
    padding: 0 14px !important;
    border-radius: var(--yn-corp-radius) !important;
    border: 1px solid var(--h-border-soft) !important;
    background: color-mix(in srgb, var(--h-bg-card) 72%, transparent) !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    color: var(--h-text) !important;
    transition: background 0.14s ease, border-color 0.14s ease, color 0.14s ease, transform 0.14s ease !important;
}

.yon-shell.yon-shell--yon .yon-site-header__quick-btn i {
    color: var(--h-blue-text) !important;
}

.yon-shell.yon-shell--yon .yon-site-header__quick-btn:hover {
    border-color: color-mix(in srgb, var(--h-blue) 34%, var(--h-border)) !important;
    background: var(--h-blue-soft) !important;
    color: var(--h-text-bright) !important;
    transform: translateY(-1px);
}

/* İkon grubu — cam kart */
.yon-shell.yon-shell--yon .yon-header-icon-group {
    gap: 4px !important;
    padding: 5px !important;
    border-radius: 14px !important;
    border: 1px solid color-mix(in srgb, var(--h-blue) 28%, var(--h-border)) !important;
    background: color-mix(in srgb, var(--h-bg-card) 65%, transparent) !important;
    backdrop-filter: blur(14px) saturate(165%) !important;
    -webkit-backdrop-filter: blur(14px) saturate(165%) !important;
    box-shadow:
        0 6px 24px rgba(0, 0, 0, 0.26),
        inset 0 1px 0 color-mix(in srgb, var(--h-text-bright) 7%, transparent) !important;
}

.yon-shell.yon-shell--yon .yon-site-balance__amount {
    min-height: 38px !important;
    padding: 0 14px 0 10px !important;
    border-radius: var(--yn-corp-radius-pill) !important;
    border: 1px solid color-mix(in srgb, var(--h-green) 42%, var(--h-border)) !important;
    background: color-mix(in srgb, var(--h-green) 12%, var(--h-bg-raised)) !important;
    color: var(--h-green) !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    box-shadow: var(--yn-corp-glow-green) !important;
}

.yon-shell.yon-shell--yon .yon-site-balance__amount i {
    background: color-mix(in srgb, var(--h-green) 18%, transparent) !important;
    color: var(--h-green) !important;
}

.yon-shell.yon-shell--yon .yon-header-icon-group .yon-icon-btn,
.yon-shell.yon-shell--yon .yon-header-icon-group .yon-notify-trigger,
.yon-shell.yon-shell--yon .yon-header-icon-group .yon-msg,
.yon-shell.yon-shell--yon .yon-hdrop--user > .yon-hdrop__trigger.yon-user {
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    border-radius: 10px !important;
    border: 1px solid transparent !important;
    background: transparent !important;
    color: var(--h-text-muted) !important;
}

.yon-shell.yon-shell--yon .yon-header-icon-group .yon-icon-btn:hover,
.yon-shell.yon-shell--yon .yon-header-icon-group .yon-notify-trigger:hover,
.yon-shell.yon-shell--yon .yon-header-icon-group .yon-msg:hover,
.yon-shell.yon-shell--yon .yon-hdrop--user > .yon-hdrop__trigger.yon-user:hover {
    background: var(--h-blue-soft) !important;
    border-color: color-mix(in srgb, var(--h-blue) 28%, var(--h-border)) !important;
    color: var(--h-blue-text) !important;
}

.yon-shell.yon-shell--yon .yon-user {
    min-height: 40px !important;
    padding: 4px 12px 4px 4px !important;
    border-radius: var(--yn-corp-radius-pill) !important;
    border: 1px solid color-mix(in srgb, var(--h-blue) 22%, var(--h-border)) !important;
    background: color-mix(in srgb, var(--h-bg-raised) 75%, transparent) !important;
}

.yon-shell.yon-shell--yon .yon-user__icon {
    width: 32px !important;
    height: 32px !important;
    border: 2px solid color-mix(in srgb, var(--h-blue) 35%, var(--h-border)) !important;
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--h-blue) 12%, transparent) !important;
}

.yon-shell.yon-shell--yon .yon-user__text strong {
    font-size: 13px !important;
    font-weight: 700 !important;
    color: var(--h-text-bright) !important;
}

.yon-shell.yon-shell--yon .yon-user__text small {
    font-size: 10px !important;
    font-weight: 600 !important;
    letter-spacing: 0.03em !important;
    text-transform: uppercase !important;
    color: var(--h-text-muted) !important;
}

.yon-shell.yon-shell--yon .yon-msg__badge {
    background: var(--h-danger) !important;
    box-shadow: 0 0 0 2px var(--h-bg-header) !important;
}

.yon-shell.yon-shell--yon .yon-header-icon-group .ynm-bell-badge {
    background: linear-gradient(135deg, var(--h-blue) 0%, var(--h-blue-dark) 100%) !important;
    box-shadow: 0 0 0 2px var(--h-bg-header), var(--h-shadow-blue) !important;
}

/* — Katman 3: Nav bar (~48px) — */
.yon-shell.yon-shell--yon .yon-site-nav.yon-site-nav--yon {
    position: relative;
    z-index: 90 !important;
    min-height: var(--yn-corp-nav-h) !important;
    background: var(--yn-corp-nav-glass) !important;
    backdrop-filter: blur(16px) saturate(165%) !important;
    -webkit-backdrop-filter: blur(16px) saturate(165%) !important;
    border-top: 1px solid var(--yn-corp-line) !important;
    border-bottom: 1px solid var(--h-border-soft) !important;
    box-shadow: inset 0 1px 0 color-mix(in srgb, var(--h-text-bright) 5%, transparent) !important;
}

.yon-shell.yon-shell--yon .yon-site-nav--yon .yon-site-nav__inner {
    min-height: var(--yn-corp-nav-h) !important;
    height: var(--yn-corp-nav-h) !important;
}

.yon-shell.yon-shell--yon .yon-site-nav--yon .yon-site-nav__cats-btn {
    min-height: 36px !important;
    padding: 0 16px !important;
    border-radius: 10px !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    letter-spacing: 0.1em !important;
    text-transform: uppercase !important;
    background: linear-gradient(135deg, var(--h-blue) 0%, var(--h-blue-dark) 100%) !important;
    border: 1px solid color-mix(in srgb, var(--h-blue) 50%, #fff 10%) !important;
    box-shadow: var(--h-shadow-blue), inset 0 1px 0 color-mix(in srgb, #fff 22%, transparent) !important;
}

.yon-shell.yon-shell--yon .yon-site-nav--yon .yon-site-nav__link {
    min-height: 36px !important;
    padding: 0 12px !important;
    border-radius: 10px !important;
    font-size: 12.5px !important;
    font-weight: 600 !important;
    color: var(--h-text) !important;
    transition: background 0.14s ease, color 0.14s ease !important;
}

.yon-shell.yon-shell--yon .yon-site-nav--yon .yon-site-nav__link i {
    color: var(--h-text-muted) !important;
    transition: color 0.14s ease !important;
}

.yon-shell.yon-shell--yon .yon-site-nav--yon .yon-site-nav__link:hover {
    background: var(--h-blue-soft) !important;
    color: var(--h-text-bright) !important;
}

.yon-shell.yon-shell--yon .yon-site-nav--yon .yon-site-nav__link:hover i {
    color: var(--h-blue-text) !important;
}

.yon-shell.yon-shell--yon .yon-site-nav--yon .yon-site-nav__link.is-active {
    background: color-mix(in srgb, var(--h-orange) 12%, transparent) !important;
    color: var(--h-text-bright) !important;
}

.yon-shell.yon-shell--yon .yon-site-nav--yon .yon-site-nav__link.is-active i {
    color: var(--h-orange) !important;
}

.yon-shell.yon-shell--yon .yon-site-nav--yon .yon-site-nav__link.is-active::after {
    height: 3px !important;
    background: var(--h-gradient-listing) !important;
    box-shadow: var(--h-shadow-orange) !important;
}

.yon-shell.yon-shell--yon .yon-site-nav--yon .yon-site-nav__cta:not(.yon-site-nav__cart-btn) {
    min-height: 36px !important;
    padding: 0 16px !important;
    border-radius: var(--yn-corp-radius-pill) !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    letter-spacing: 0.06em !important;
    text-transform: uppercase !important;
    background: linear-gradient(135deg, var(--h-blue) 0%, var(--h-blue-dark) 100%) !important;
    border: 1px solid color-mix(in srgb, var(--h-blue) 48%, var(--h-border)) !important;
    box-shadow: var(--yn-corp-glow-blue), inset 0 1px 0 color-mix(in srgb, #fff 20%, transparent) !important;
}

.yon-shell.yon-shell--yon .yon-site-nav--yon .yon-site-nav__cta:not(.yon-site-nav__cart-btn):hover {
    filter: brightness(1.08);
    transform: translateY(-1px);
}

.yon-shell.yon-shell--yon .yon-site-header__quick-btn--listing,
.yon-shell.yon-shell--yon .yon-ad-shop-cta {
    background: var(--h-gradient-listing) !important;
    border: 1px solid color-mix(in srgb, var(--h-orange) 55%, var(--h-border)) !important;
    color: var(--h-text-bright) !important;
    box-shadow: var(--h-shadow-orange) !important;
    font-weight: 700 !important;
}

/* Stories bar */
.yon-shell.yon-shell--yon.yon-shell--has-stories .yon-site-stories {
    background: color-mix(in srgb, var(--h-bg-raised) 55%, transparent) !important;
    backdrop-filter: blur(14px) saturate(165%) !important;
    -webkit-backdrop-filter: blur(14px) saturate(165%) !important;
    border-bottom: 1px solid var(--h-border-soft) !important;
}

.yon-shell.yon-shell--yon .yon-site-story.is-active .yon-site-story__ring,
.yon-shell.yon-shell--yon .yon-site-story.is-viewed .yon-site-story__ring {
    background: var(--h-gradient-listing) !important;
    box-shadow:
        0 0 0 2px color-mix(in srgb, var(--h-bg-page) 82%, transparent),
        var(--h-shadow-orange) !important;
}

/* Mobil kurumsal */
@media (max-width: 767px) {
    .yon-shell.yon-shell--yon .yon-site-nav.yon-site-nav--yon {
        display: none !important;
    }

    .yon-shell.yon-shell--yon .yon-shell__core {
        padding-top: env(safe-area-inset-top, 0px) !important;
    }

    .yon-shell.yon-shell--yon .yon-site-header__inner {
        min-height: 60px !important;
        padding-inline: max(12px, env(safe-area-inset-left, 0px)) max(12px, env(safe-area-inset-right, 0px)) !important;
    }

    .yon-shell.yon-shell--yon .yon-search-wrap--yon .yon-search {
        height: 42px !important;
    }

    .yon-shell.yon-shell--yon .yon-menu-btn,
    .yon-shell.yon-shell--yon .yon-site-header__cart-mobile,
    .yon-shell.yon-shell--yon .yon-icon-btn,
    .yon-shell.yon-shell--yon .yon-notify-trigger {
        min-width: 44px !important;
        min-height: 44px !important;
        border-radius: 12px !important;
    }
}

@media (hover: none) {
    .yon-shell.yon-shell--yon .yon-site-header__quick-btn:hover,
    .yon-shell.yon-shell--yon .yon-site-nav--yon .yon-site-nav__link:hover,
    .yon-shell.yon-shell--yon .yon-site-nav--yon .yon-site-nav__cta:hover,
    .yon-shell.yon-shell--yon .yon-logo:hover {
        transform: none !important;
    }
}