:root {
    --container: 1300px;
    --background: lab(97.7008% .776768 3.72832);
    --pvp-servers-page-background: lab(97.7008% .776768 3.72832 / .1);
    --foreground: lab(13.808% 4.91476 -10.0251);
    --light-gray: lab(93.7476% 0 -.0000119209);
    --primary: lab(77.6545% 24.3055 63.7016);
    --primary-hover: lab(72.703% 33.5376 73.7886);
    --primary-adaptive: lab(22.0886% 2.23804 -7.13213);
    --secondary-adaptive: lab(38.7682% -34.7523 19.3816);
    --error-red: lab(56.1299% 66.3048 41.2853);
    --success-green: lab(62.0355% -67.5794 38.1163);
    --status-waiting: lab(58.5341% 39.6628 97.5523);
    --status-success: lab(87.3207% -57.5114 37.4037);
    --status-error: lab(56.4094% 57.0915 30.9774);
    --action: lab(21.0827% -.414029 -3.70963);
    --action-hover: lab(32.684% -.436768 -3.72098);
    --header-bg: lab(97.7008% .776768 3.72832 / .8);
    --header-border: lab(100% 0 0 / .15);
    --logo-color: lab(2.75381% 0 0);
    --footer-bg: lab(88.3126% .997573 -3.63154);
    --footer-top-bg: lab(82.5125% .999123 -3.63058);
    --purple-bg: lab(41.0039% 67.8472 -92.6236);
    --blog-bg: lab(57.2187% -10.7492 -17.7213);
    --primary-bg: lab(94.3381% 8.43081 40.3296);
    --dashboard-bg: lab(97.68% -.0000298023 .0000119209);
    --dashboard-panel-bg: lab(100% 0 0);
    --window-bg: lab(1.99197% 1.07683 3.23585);
    --customer-bg1: lab(97.7008% .776768 3.72832 / .85);
    --customer-bg2: lab(97.7008% .776768 3.72832 / .9);
    --customer-bg3: lab(97.7008% .776768 3.72832);
    --sidebar-stroke: lab(1.99197% 1.07683 3.23585 / .2);
    --action-button: lab(55.8766% -57.8788 31.8771);
    --action-button-secondary: lab(89.6116% -59.6235 24.3884);
    --slider-yellow: lab(85.3679% 7.03621 86.762);
    --store-tab-active-bg: lab(96.52% -.0000298023 .0000119209);
    --primary-gradient: linear-gradient(105deg, lab(90.6203% -10.6854 78.3828) 9.35%, var(--primary) 95.7%);
    --discount-gradient: linear-gradient(91deg, lab(66.857% 31.4161 52.1739) 0.77%, lab(57.241% 55.33 -.701273) 100.85%);
    --gray-text: lab(36.1107% 1.02846 -3.6139);
    --green-text: lab(49.6275% -39.1557 89.5347);
    --card: lab(100% 0 0);
    --card-foreground: lab(2.75381% 0 0);
    --popover: lab(100% 0 0);
    --popover-foreground: lab(2.75381% 0 0);
    --primary-foreground: #171717;
    --secondary: lab(13.36% 5.64557 -11.2557);
    --secondary-foreground: lab(77.3614% 24.9484 65.5783);
    --muted: lab(96.52% -.0000298023 .0000119209);
    --muted-foreground: lab(48.496% 0 0);
    --accent: lab(96.52% -.0000298023 .0000119209);
    --accent-foreground: lab(7.78201% -.0000149012 0);
    --destructive: lab(48.4493% 77.4328 61.5452);
    --border: lab(90.952% 0 -.0000119209);
    --input: lab(90.952% 0 -.0000119209);
    --ring: lab(66.128% -.0000298023 .0000119209);
    --sidebar: lab(98.26% 0 0);
    --sidebar-foreground: lab(2.75381% 0 0);
    --footer-primary: lab(94.1481% .590801 -2.1836);
    --footer-bottom: lab(88.348% .591278 -2.18327);
    --footer-top: lab(66.3593% 1.2868 3.55797);
    --giveaway-yellow: lab(92.0441% -2.96539 68.5726);
    --radius: 10px;
}

html[data-theme="dark"]{
    --background: lab(8% 1 -3);
    --foreground: lab(95% 0 0);
    --header-bg: lab(10% 1 -3 / .85);
    --header-border: lab(100% 0 0 / .08);
    --card: lab(12% 1 -3);
    --card-foreground: lab(95% 0 0);
    --muted: lab(15% 0 0);
    --muted-foreground: lab(70% 0 0);
    --accent: lab(18% 1 -2);
    --accent-foreground: lab(95% 0 0);
    --border: lab(25% 0 0);
    --input: lab(18% 0 0);
    --logo-color: lab(98% 0 0);
    --footer-bg: lab(10% 1 -3);
    --footer-top-bg: lab(12% 1 -3);
    --footer-primary: lab(14% 1 -3);
    --footer-bottom: lab(8% 1 -3);
    --gray-text: lab(70% 0 0);
}

*,*::before,*::after{box-sizing:border-box}
html,body{margin:0;padding:0}

/* a11y / SEO — ekran okuyucu için görünür, görsel olarak gizli */
.sr-only{
    position:absolute !important;
    width:1px;height:1px;
    padding:0;margin:-1px;
    overflow:hidden;clip:rect(0,0,0,0);
    white-space:nowrap;border:0;
}
body{
    background:var(--background);
    color:var(--foreground);
    font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
    font-size:14px;
    line-height:1.5;
    -webkit-font-smoothing:antialiased;
    transition:background .2s ease,color .2s ease;
}
/* ─── Ambient mid-page glow ──────────────────────────────────────── */
body::before{
    content:'';
    position:fixed;
    left:-10%;right:-10%;
    top:50%;
    transform:translateY(-50%);
    height:70vh;
    background:linear-gradient(
        to right,
        color-mix(in srgb,var(--primary) 38%,transparent) 5%,
        transparent 50%,
        color-mix(in srgb,var(--primary-hover) 28%,transparent) 95%
    );
    opacity:.22;
    filter:blur(60px);
    pointer-events:none;
    z-index:-1;
}
html[data-theme="dark"] body::before{opacity:.32}
a{color:inherit;text-decoration:none}
input,textarea,select,button,optgroup{font-family:inherit !important;font-size:inherit}
/* Native form widget'lar (select dropdown, date picker, scrollbar vs.) OS temasıyla uyumlu olsun */
input,textarea,select{color-scheme:light dark}
/* Native <option> dropdown — browser çoğunlukla CSS'i ignore eder ama Chrome/FF kısmen uygular */
select option{background:var(--card);color:var(--foreground)}
button{cursor:pointer;border:0;background:transparent;color:inherit}
img{display:block;max-width:100%}

/* ─── Header ───────────────────────────── */
.site-header{
    /* sticky: aşağı kaydırınca header takip eder; .is-scrolled toggle (footer.php) frosted cam ekler */
    position:sticky; top:0; z-index:50;
    background:rgba(250,246,243,.8); /* fallback */
    background:lab(97.7008% .776768 3.72832/.8);
    padding-bottom:10px;
    border-bottom:1px solid transparent;
    transition:background .35s ease, border-color .35s ease, box-shadow .35s ease, backdrop-filter .35s ease;
}
html[data-theme="dark"] .site-header{
    background:rgba(16,14,12,.8); /* fallback */
    background:lab(13% .8 3.7/.8);
}
.site-header__topbar{background:transparent}
.site-header.is-scrolled{
    background:rgba(255,255,255,.72);
    border-bottom-color:rgba(0,0,0,.05);
    box-shadow:
        0 1px 0 rgba(255,255,255,.6) inset,
        0 4px 8px -2px rgba(0,0,0,.08),
        0 20px 50px -8px rgba(0,0,0,.18),
        0 2px 28px -6px color-mix(in srgb,var(--primary) 22%,transparent);
    backdrop-filter:saturate(200%) blur(28px);
    -webkit-backdrop-filter:saturate(200%) blur(28px);
}
.site-header.is-scrolled .site-nav{
    border-top:1px solid rgba(0,0,0,.05);
}
html[data-theme="dark"] .site-header.is-scrolled{
    background:rgba(12,12,14,.65);
    border-bottom-color:rgba(255,255,255,.05);
    box-shadow:
        0 1px 0 rgba(255,255,255,.07) inset,
        0 4px 8px -2px rgba(0,0,0,.4),
        0 20px 50px -8px rgba(0,0,0,.75),
        0 2px 30px -6px color-mix(in srgb,var(--primary) 20%,transparent);
    backdrop-filter:saturate(200%) blur(28px);
    -webkit-backdrop-filter:saturate(200%) blur(28px);
}
html[data-theme="dark"] .site-header.is-scrolled .site-nav{
    border-top-color:rgba(255,255,255,.05);
}
.site-header__inner{
    max-width:var(--container);margin:0 auto;
    padding:0 24px;
    display:grid;
    grid-template-columns:auto minmax(0,1fr) auto;
    align-items:center;gap:16px;
    height:72px;
}
.site-header__left{
    display:flex;align-items:center;gap:14px;
    justify-self:start;min-width:0;
}
.site-logo{color:var(--logo-color);display:flex;align-items:center}
.site-logo svg{width:124px;height:42px}

/* Üst Duyuru Bar (Topbar) — koyu modern, brand chip vurgu */
.site-announcebar{
    background:#0b0e16;
    color:rgba(255,255,255,.85);
    font-size:12px;
    position:relative;
}
[data-theme="dark"] .site-announcebar{
    background:#070910;
}
.site-announcebar__inner{
    position:relative;
    max-width:var(--container,1400px);margin:0 auto;
    display:flex;align-items:center;justify-content:flex-end;gap:14px;
    padding:0 20px;
    height:36px;
}
.site-announcebar__right{display:inline-flex;align-items:center;gap:5px;flex-shrink:0}
.site-announcebar__links{display:inline-flex;gap:0}
.site-announcebar__links a{
    display:inline-flex;align-items:center;gap:5px;
    padding:0 11px;height:36px;
    color:rgba(255,255,255,.7);font-size:11.5px;font-weight:500;
    border-right:1px solid rgba(255,255,255,.08);
    transition:color .15s,background .15s;
}
.site-announcebar__links a:first-child{border-left:1px solid rgba(255,255,255,.08)}
.site-announcebar__links a:hover{color:#fff;background:rgba(255,255,255,.06)}
.site-announcebar__links a i{font-size:13px;opacity:.85}

.site-announcebar__socials{display:inline-flex;gap:0;margin-left:0}
.site-announcebar__socials a{
    display:inline-flex;align-items:center;justify-content:center;
    width:34px;height:36px;
    color:rgba(255,255,255,.65);font-size:14px;
    border-right:1px solid rgba(255,255,255,.08);
    transition:color .15s,background .15s;
}
.site-announcebar__socials a:last-child{border-right:0}
.site-announcebar__socials a:hover{color:var(--soc-c,#fff);background:rgba(255,255,255,.08)}

/* Mobile-only top-bar araçları — İlan Ekle CTA + sağ tools (bakiye/dil/tema) */
.site-announcebar__mobile{display:none;align-items:center;gap:8px}
.site-announcebar__mobile-tools{display:none;align-items:center;gap:4px;margin-left:auto}
.site-announcebar__cta{
    display:inline-flex;align-items:center;gap:6px;
    height:26px;padding:0 12px;
    background:var(--primary);color:#0a0a0a;
    border-radius:99px;font-size:12px;font-weight:700;
    text-decoration:none;line-height:1;
    transition:background .15s;
}
.site-announcebar__cta i{font-size:14px}
.site-announcebar__cta:hover{background:var(--primary-hover)}
.site-announcebar__wallet{
    display:inline-flex;align-items:center;gap:5px;
    height:26px;padding:0 10px 0 8px;
    background:color-mix(in srgb,var(--primary) 18%,transparent);
    color:#fff;border:1px solid color-mix(in srgb,var(--primary) 35%,transparent);
    border-radius:99px;font-size:11.5px;font-weight:700;
    text-decoration:none;line-height:1;font-variant-numeric:tabular-nums;
    transition:background .15s,border-color .15s;
}
.site-announcebar__wallet:hover{background:color-mix(in srgb,var(--primary) 28%,transparent);border-color:var(--primary);color:#fff}
.site-announcebar__wallet i{font-size:13px;color:var(--primary)}
.site-announcebar__lang{
    display:inline-flex;align-items:center;gap:2px;
    height:28px;padding:0 4px 0 6px;background:transparent;border:0;cursor:pointer;
    color:rgba(255,255,255,.85);border-radius:6px;transition:background .15s;
}
.site-announcebar__lang:hover{background:rgba(255,255,255,.08)}
.site-announcebar__lang .lang-flag{width:20px;height:14px;border-radius:2px;overflow:hidden;display:inline-flex;align-items:center;justify-content:center}
.site-announcebar__lang .lang-flag svg{width:100%;height:100%;display:block}
.site-announcebar__lang i{font-size:13px;opacity:.7}
/* Mobile lang dropdown menu — koyu zemin üzerinde açılır */
.lang-dd--mobile{position:relative}
.lang-dd--mobile .lang-dd__menu{
    position:absolute;top:calc(100% + 6px);right:0;
    min-width:180px;background:var(--card);color:var(--foreground);
    border:1px solid var(--border);border-radius:10px;
    box-shadow:0 12px 32px rgba(0,0,0,.25);
    padding:6px;display:none;z-index:120;
}
.lang-dd--mobile.open .lang-dd__menu{display:block}
.site-announcebar__theme{
    display:inline-flex;align-items:center;justify-content:center;
    width:28px;height:28px;background:transparent;border:0;cursor:pointer;
    color:rgba(255,255,255,.75);border-radius:6px;transition:background .15s,color .15s;
}
.site-announcebar__theme:hover{background:rgba(255,255,255,.08);color:#fff}
.site-announcebar__theme i{font-size:15px;line-height:1}

/* Auth chip — non-auth giriş/kayıt linkleri + auth avatar (top-bar mobile) */
.site-announcebar__authlink{
    display:inline-flex;align-items:center;gap:4px;
    height:26px;padding:0 10px;
    color:rgba(255,255,255,.9);font-size:11.5px;font-weight:600;
    border-radius:99px;text-decoration:none;line-height:1;
    border:1px solid rgba(255,255,255,.18);
    transition:background .15s,border-color .15s,color .15s;
}
.site-announcebar__authlink:hover{background:rgba(255,255,255,.08);color:#fff;border-color:rgba(255,255,255,.35)}
.site-announcebar__authlink i{font-size:13px}
.site-announcebar__authlink--primary{
    background:var(--primary);color:#0a0a0a;border-color:var(--primary);
}
.site-announcebar__authlink--primary:hover{background:var(--primary-hover);border-color:var(--primary-hover);color:#0a0a0a}
.site-announcebar__account{
    display:inline-flex;align-items:center;gap:6px;
    height:28px;padding:2px 10px 2px 2px;
    border-radius:99px;
    color:rgba(255,255,255,.9);font-size:11.5px;font-weight:600;
    text-decoration:none;line-height:1;
    border:1px solid rgba(255,255,255,.2);
    background:rgba(255,255,255,.04);
    transition:background .15s,border-color .15s,color .15s;
}
.site-announcebar__account:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.4);color:#fff}
.site-announcebar__account img{width:22px;height:22px;border-radius:50%;object-fit:cover;display:block;flex-shrink:0}
.site-announcebar__account i{font-size:13px;opacity:.7}
.site-announcebar__account span{white-space:nowrap}

@media (max-width:768px){
    .site-announcebar__links a span{display:none}
    .site-announcebar__links a{padding:0 9px}
}
@media (max-width:520px){
    .site-announcebar__links{display:none}
    .site-announcebar__inner{gap:10px;padding:0 14px}
    .site-announcebar__socials a{width:30px}
}
/* Mobil: announce-bar görünür + mobile-tools aktif, kurumsal/sosyal gizli */
@media (max-width:980px){
    .site-announcebar__inner{justify-content:flex-start;padding:0 12px;height:40px;gap:8px}
    .site-announcebar__mobile{display:inline-flex}
    .site-announcebar__mobile-tools{display:inline-flex}
    .site-announcebar__right{display:none}
    /* Tema + İlan Ekle top-bar'a taşındı — site-actions'tan gizle */
    .site-actions #theme-toggle,
    .site-actions .listing-new-btn{display:none}
    /* Bakiye + notif + sepet yan yana — kompakt */
    .site-actions{gap:4px}
}
@media (max-width:380px){
    .site-announcebar__cta i{font-size:15px}
    /* Bakiye chip dar ekranda sadece icon */
    .site-announcebar__wallet span{display:none}
    .site-announcebar__wallet{padding:0;width:28px;height:28px;justify-content:center;border-radius:8px}
    .site-announcebar__inner{padding:0 8px;gap:4px}
}

/* search */
.site-search{
    justify-self:stretch;width:100%;max-width:640px;
    margin:0 auto;position:relative;
    display:flex;align-items:center;
    height:46px;
    background:var(--card);
    border:1px solid var(--border);
    border-radius:999px;
    padding:0 4px 0 16px;
    transition:border-color .2s,box-shadow .2s;
    box-sizing:border-box;
}
.site-search:focus-within{
    border-color:var(--primary);
    box-shadow:0 0 0 4px rgba(247,180,40,.18);
}
.site-search__icon{
    color:var(--muted-foreground);
    font-size:18px;line-height:1;
    margin-right:10px;
    flex:0 0 auto;
    display:inline-flex;align-items:center;
}
.site-search input{
    flex:1 1 auto;min-width:0;
    align-self:stretch;
    background:transparent;color:var(--foreground);
    border:0;outline:none;
    font-size:14px;font-weight:500;
    padding:0;margin:0;
    line-height:normal;
    font-family:inherit;
}
.site-search input::placeholder{color:var(--muted-foreground);font-weight:400}
.site-search input::-webkit-search-cancel-button{-webkit-appearance:none}
.site-search__submit{
    flex:0 0 auto;
    display:inline-flex;align-items:center;gap:6px;
    height:38px;padding:0 18px;margin-left:8px;
    background:var(--primary);color:#0a0a0a;
    border:0;border-radius:999px;
    font-weight:700;font-size:13px;line-height:1;
    cursor:pointer;
    transition:background .2s,transform .1s;
}
.site-search__submit i{font-size:15px}
.site-search__submit:hover{background:var(--primary-hover)}
.site-search__submit:active{transform:scale(.97)}
@media (max-width:640px){
    .site-search__submit span{display:none}
    .site-search__submit{padding:0 12px}
}

/* Wrap + dropdown */
.site-search-wrap{position:relative;width:100%;max-width:640px;margin:0 auto;justify-self:stretch}
.site-search-wrap .site-search{margin:0}
.site-search__loader{
    position:absolute;right:120px;top:50%;transform:translateY(-50%);
    display:none;color:var(--muted-foreground);font-size:18px;line-height:1;pointer-events:none;
}
.site-search-wrap.is-loading .site-search__loader{display:inline-flex}
.site-search__loader i{animation:siteSearchSpin .9s linear infinite}
@keyframes siteSearchSpin{from{transform:rotate(0)}to{transform:rotate(360deg)}}
@media (max-width:640px){.site-search__loader{right:60px}}

.site-search__dd{
    position:absolute;top:calc(100% + 6px);left:0;right:0;
    background:color-mix(in srgb,var(--card) 80%,transparent);
    border:1px solid color-mix(in srgb,var(--foreground) 10%,transparent);border-radius:14px;
    -webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.5), 0 12px 32px -8px rgba(20,24,40,.22), 0 2px 18px -8px color-mix(in srgb,var(--primary) 18%,transparent);
    overflow:hidden;z-index:60;max-height:70vh;overflow-y:auto;
}
html[data-theme="dark"] .site-search__dd{
    background:color-mix(in srgb,var(--card) 72%,transparent);
    border-color:color-mix(in srgb,#fff 12%,transparent);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.08), 0 16px 40px -12px rgba(0,0,0,.6), 0 2px 20px -8px color-mix(in srgb,var(--primary) 16%,transparent);
}
.site-search__dd[hidden]{display:none}
.site-search__dd-section{padding:6px 0}
.site-search__dd-section+.site-search__dd-section{border-top:1px solid var(--border)}
.site-search__dd-head{
    padding:8px 14px 4px;font-size:11px;font-weight:700;
    color:var(--muted-foreground);text-transform:uppercase;letter-spacing:.4px;
}
.site-search__item{
    display:flex;align-items:center;gap:10px;
    padding:8px 14px;text-decoration:none;color:var(--foreground);
    transition:background .15s ease,transform .15s ease;
}
.site-search__item:hover,.site-search__item.is-active{background:color-mix(in srgb,var(--foreground) 8%,transparent);transform:translateX(3px)}
.site-search__item-thumb{
    width:38px;height:38px;border-radius:8px;background:var(--muted);
    overflow:hidden;flex-shrink:0;display:flex;align-items:center;justify-content:center;
}
.site-search__item-thumb img{width:100%;height:100%;object-fit:cover}
.site-search__item-thumb i{font-size:18px;color:var(--muted-foreground)}
.site-search__item-body{flex:1;min-width:0}
.site-search__item-name{
    display:block;font-size:13.5px;font-weight:600;color:var(--foreground);
    overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.site-search__item-sub{display:block;font-size:11.5px;color:var(--muted-foreground);margin-top:1px}
.site-search__item-price{font-size:12.5px;font-weight:800;color:var(--foreground);font-variant-numeric:tabular-nums;white-space:nowrap;letter-spacing:-.01em}
.site-search__empty{padding:18px 14px;font-size:13px;color:var(--muted-foreground);text-align:center}

/* header actions */
.site-actions{display:flex;align-items:center;gap:6px;justify-self:end;flex-wrap:nowrap}
.icon-btn{
    width:42px;height:42px;display:inline-grid;place-items:center;
    border-radius:12px;color:var(--foreground);
    background:transparent;border:0;cursor:pointer;
    transition:background .2s,color .2s;
    position:relative;
    text-decoration:none;
}
.icon-btn:hover{background:var(--accent)}
.icon-btn i{font-size:20px;line-height:1}
.cart-badge{
    position:absolute;top:4px;right:4px;
    min-width:18px;height:18px;padding:0 5px;
    background:var(--primary);color:#0a0a0a;
    font-size:11px;font-weight:700;
    border-radius:9px;display:grid;place-items:center;
    line-height:1;
}

.auth-btns{display:flex;gap:6px;margin:0 4px 0 6px}
.auth-btns .btn{padding:0 14px}
.btn{
    height:42px;padding:0 16px;
    border-radius:12px;
    font-weight:600;font-size:13px;line-height:1;
    display:inline-flex;align-items:center;gap:6px;
    text-decoration:none;
    cursor:pointer;border:0;
    transition:background .2s,color .2s,border-color .2s,transform .15s;
}
.btn i{font-size:16px;line-height:1}
.btn:active{transform:scale(.97)}
.btn--ghost{color:var(--foreground)}
.btn--ghost:hover{background:var(--accent)}
.btn--primary{background:color-mix(in srgb,var(--primary) 82%,transparent);color:#0a0a0a;border:1px solid color-mix(in srgb,#fff 26%,var(--primary));-webkit-backdrop-filter:blur(14px) saturate(180%);backdrop-filter:blur(14px) saturate(180%);box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 6px 16px -8px color-mix(in srgb,var(--primary) 55%,transparent)}
.btn--primary:hover{background:var(--primary-hover)}

/* İlan Ekle CTA — solid turuncu/gold bg, siyah text */
.btn--accent{
    background:color-mix(in srgb,var(--primary) 82%,transparent);
    color:#0a0a0a;
    border:1px solid color-mix(in srgb,#fff 26%,var(--primary));
    font-weight:700;
    -webkit-backdrop-filter:blur(14px) saturate(180%);
    backdrop-filter:blur(14px) saturate(180%);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 6px 16px -8px color-mix(in srgb,var(--primary) 55%,transparent);
}
.btn--accent:hover{
    background:var(--primary-hover);
    border-color:var(--primary-hover);
    color:#0a0a0a;
}
.btn--accent i{font-size:15px;color:#0a0a0a}
.listing-new-btn{white-space:nowrap;padding:0 12px}

/* ═══ Header CTA cam efekti — İlan Ekle (gold frost) + Giriş Yap (nötr frost) ═══
   Header'a özel (diğer .btn--ghost/.btn--accent etkilenmez). @supports fallback solid. */
@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){
  /* İlan Ekle — liquid gold glass: gold tint + frost + iç parlama; siyah text okunur */
  .listing-new-btn.btn--accent{
      background:color-mix(in srgb,var(--primary) 78%,transparent);
      border:1px solid color-mix(in srgb,#fff 30%,var(--primary));
      -webkit-backdrop-filter:blur(14px) saturate(180%);
      backdrop-filter:blur(14px) saturate(180%);
      box-shadow:inset 0 1px 0 rgba(255,255,255,.45), 0 4px 14px -6px color-mix(in srgb,var(--primary) 55%,transparent);
  }
  .listing-new-btn.btn--accent:hover{
      background:color-mix(in srgb,var(--primary) 90%,transparent);
      border-color:color-mix(in srgb,#fff 35%,var(--primary));
  }
  /* Giriş Yap — top-bar tonunda SOLID siyah. SADECE login linki;
     hesap dropdown trigger'ı (.acc-dd__btn = avatar/user alanı) HARİÇ. */
  .auth-btns .btn--ghost:not(.acc-dd__btn){
      background:#0b0e16;
      color:#fff;
      border:1px solid rgba(255,255,255,.14);
      box-shadow:inset 0 1px 0 rgba(255,255,255,.1), 0 4px 14px -6px rgba(0,0,0,.35);
  }
  .auth-btns .btn--ghost:not(.acc-dd__btn) i{color:#fff}
  .auth-btns .btn--ghost:not(.acc-dd__btn):hover{
      background:#161b27;
      border-color:rgba(255,255,255,.24);
  }
  /* Kayıt Ol — gold cam (İlan Ekle ile aynı dil) */
  .auth-btns .btn--primary{
      background:color-mix(in srgb,var(--primary) 80%,transparent);
      color:#0a0a0a;
      border:1px solid color-mix(in srgb,#fff 30%,var(--primary));
      -webkit-backdrop-filter:blur(14px) saturate(180%);
      backdrop-filter:blur(14px) saturate(180%);
      box-shadow:inset 0 1px 0 rgba(255,255,255,.45), 0 4px 14px -6px color-mix(in srgb,var(--primary) 55%,transparent);
  }
  .auth-btns .btn--primary:hover{
      background:color-mix(in srgb,var(--primary) 92%,transparent);
      border-color:color-mix(in srgb,#fff 35%,var(--primary));
  }
}

/* currency dropdown */
.cur-dd{position:relative}
.cur-dd__btn{
    display:inline-flex;align-items:center;gap:5px;
    width:auto;min-width:auto;padding:0 8px;
}
.cur-dd__btn .cur-dd__sym{
    width:auto;height:auto;background:transparent;padding:0;font-size:14px;
    color:var(--foreground);font-weight:800;
}
.cur-dd__btn .cur-dd__code{
    font-size:12px;font-weight:800;letter-spacing:.04em;
    color:var(--muted-foreground);
}
.cur-dd__btn i{font-size:14px;color:var(--muted-foreground)}
.cur-dd__menu{
    position:absolute;right:0;top:calc(100% + 8px);
    min-width:220px;background:var(--card);
    border:1px solid var(--border);border-radius:var(--radius);
    padding:6px;box-shadow:0 12px 32px rgba(0,0,0,.12);
    display:none;z-index:60;
}
.cur-dd.open .cur-dd__menu{display:block}
.cur-dd__item{
    display:flex;align-items:center;gap:12px;
    padding:8px 10px;border-radius:8px;
    font-size:13px;text-decoration:none;color:var(--foreground);
}
.cur-dd__item:hover{background:var(--muted)}
.cur-dd__item.is-active{background:var(--accent);color:var(--primary)}
.cur-dd__item .cur-dd__sym{
    width:32px;height:32px;display:grid;place-items:center;
    background:var(--muted);border-radius:8px;
    font-weight:800;font-size:15px;
    color:var(--foreground);flex-shrink:0;
}
.cur-dd__item.is-active .cur-dd__sym{background:color-mix(in srgb,var(--primary) 18%,var(--card));color:var(--primary)}
.cur-dd__meta{display:flex;flex-direction:column;gap:1px;flex:1;min-width:0}
.cur-dd__meta .cur-dd__name{font-size:13px;font-weight:600;color:var(--foreground);line-height:1.2}
.cur-dd__meta .cur-dd__code{font-size:11px;font-weight:700;color:var(--muted-foreground);letter-spacing:.04em}
.cur-dd__check{font-size:16px;color:var(--primary);flex-shrink:0}

/* lang dropdown */
.lang-dd{position:relative}
.lang-dd__menu{
    position:absolute;right:0;top:calc(100% + 8px);
    min-width:160px;background:var(--card);
    border:1px solid var(--border);border-radius:var(--radius);
    padding:6px;box-shadow:0 12px 32px rgba(0,0,0,.12);
    display:none;z-index:60;
}
.lang-dd.open .lang-dd__menu{display:block}
.lang-dd__menu a{
    display:flex;align-items:center;gap:8px;
    padding:8px 10px;border-radius:8px;font-size:13px;
}
.lang-dd__menu a:hover{background:var(--muted)}

/* account dropdown */
.acc-dd{position:relative}
.acc-dd__btn{
    display:inline-flex;align-items:center;gap:9px;
    padding:0 8px 0 4px;height:40px;border-radius:999px;
    cursor:pointer;line-height:1;
    background:transparent;border:0;
    transition:opacity .15s ease;
}
.acc-dd__btn:hover{opacity:.85}
.acc-dd__avatar{
    width:32px;height:32px;border-radius:50%;
    background:var(--muted);
    display:grid;place-items:center;overflow:hidden;flex-shrink:0;
}
.acc-dd__avatar img{width:100%;height:100%;object-fit:cover;display:block}
.acc-dd__id{
    display:flex;flex-direction:column;align-items:flex-start;line-height:1.1;min-width:0;
    max-width:160px;text-align:left;
}
.acc-dd__name{
    font-size:13px;font-weight:700;color:var(--foreground);
    overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
    text-align:left;width:100%;
}
.acc-dd__handle{
    font-size:11px;font-weight:500;color:var(--muted-foreground);
    overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:2px;
    letter-spacing:.01em;
    text-align:left;width:100%;
}
.acc-dd__caret{font-size:14px;color:var(--muted-foreground);transition:transform .15s ease}
.acc-dd.open .acc-dd__caret{transform:rotate(180deg)}
.acc-dd__menu{
    position:absolute;right:0;top:calc(100% + 8px);
    width:360px;max-width:calc(100vw - 24px);
    background:var(--card);
    border:1px solid var(--border);border-radius:14px;
    padding:8px;box-shadow:0 12px 32px rgba(0,0,0,.12);
    display:none;z-index:60;
}
.acc-dd.open .acc-dd__menu{display:block;animation:accDdIn .16s ease-out}
@keyframes accDdIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}

/* Üst kimlik başlığı — tıklayınca Hesabım paneline gider */
.acc-dd__head{
    display:flex;align-items:center;gap:11px;
    padding:10px 11px;margin-bottom:8px;border-radius:11px;
    background:transparent;
    border:1px solid color-mix(in srgb,var(--foreground) 10%,transparent);
    text-decoration:none;transition:border-color .15s,background .15s;
}
.acc-dd__head:hover{border-color:color-mix(in srgb,var(--foreground) 22%,transparent);background:color-mix(in srgb,var(--foreground) 5%,transparent)}
.acc-dd__head-av{width:42px;height:42px;border-radius:50%;overflow:hidden;background:var(--muted);flex-shrink:0;display:grid;place-items:center}
.acc-dd__head-av img{width:100%;height:100%;object-fit:cover;display:block}
.acc-dd__head-id{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}
.acc-dd__head-id strong{font-size:14px;font-weight:800;color:var(--foreground);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.acc-dd__head-id small{font-size:11.5px;color:var(--muted-foreground);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.acc-dd__head > i{font-size:16px;color:var(--muted-foreground);flex-shrink:0;transition:transform .15s,color .15s}
.acc-dd__head:hover > i{color:var(--foreground);transform:translate(2px,-2px)}

/* 2-kolon item grid (PC) */
.acc-dd__grid{display:grid;grid-template-columns:1fr 1fr;gap:2px}
.acc-dd__item{
    display:flex;align-items:center;gap:9px;
    padding:9px 10px;border-radius:9px;
    font-size:12.5px;font-weight:600;
    color:var(--foreground);text-decoration:none;min-width:0;
    transition:background .16s ease,color .16s ease,transform .16s ease;
}
.acc-dd__item span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.acc-dd__item i{font-size:16px;color:var(--muted-foreground);flex-shrink:0;transition:color .16s ease,transform .16s ease}
.acc-dd__item:hover{background:color-mix(in srgb,var(--foreground) 8%,transparent);transform:translateX(3px)}
.acc-dd__item:hover i{color:var(--foreground);transform:scale(1.15)}

/* Alt: çıkış — tam genişlik, ortalı */
.acc-dd__foot{margin-top:8px;padding-top:8px;border-top:1px solid var(--border)}
.acc-dd__foot .acc-dd__item{justify-content:center}
.acc-dd__item--danger{color:#dc2626}
.acc-dd__item--danger i{color:#dc2626}
.acc-dd__item--danger:hover{background:color-mix(in srgb,#dc2626 10%,transparent)}
.acc-dd__item--danger:hover i{color:#dc2626}

/* Dar ekran → tek kolon */
@media (max-width:520px){
    .acc-dd__menu{width:300px}
    .acc-dd__grid{grid-template-columns:1fr}
}

/* Cam panel — header cam diliyle uyumlu; @supports fallback opak kalır */
@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){
  .acc-dd__menu{
      background:color-mix(in srgb,var(--card) 80%,transparent);
      border-color:color-mix(in srgb,#fff 50%,var(--border));
      -webkit-backdrop-filter:blur(20px) saturate(180%);
      backdrop-filter:blur(20px) saturate(180%);
      box-shadow:inset 0 1px 0 rgba(255,255,255,.6), 0 12px 32px -8px rgba(20,24,40,.22), 0 2px 18px -8px color-mix(in srgb,var(--primary) 20%,transparent);
  }
  html[data-theme="dark"] .acc-dd__menu{
      background:color-mix(in srgb,var(--card) 72%,transparent);
      border-color:color-mix(in srgb,#fff 12%,var(--border));
      box-shadow:inset 0 1px 0 rgba(255,255,255,.08), 0 16px 40px -12px rgba(0,0,0,.6), 0 2px 20px -8px color-mix(in srgb,var(--primary) 18%,transparent);
  }
}


/* ─── Primary nav ───────────────────────── */
.site-nav{
    background:transparent;
    padding:0px 0 0;
}
.site-nav__inner{
    max-width:var(--container);margin:0 auto;
    padding:0 20px;
    display:flex;align-items:center;gap:0px;
    overflow-x:auto;scrollbar-width:none;
    height:44px;
    justify-content: center;
}
.site-nav__inner::-webkit-scrollbar{display:none}
.site-nav a{
    position:relative;
    display:inline-flex;align-items:center;gap:7px;
    height:50px;min-height:fit-content;
    padding:8px 10px;
    color:var(--foreground);background:transparent;
    border-radius:9px;
    font-weight:700;font-size:12px;
    text-transform:uppercase;
    transition:color .2s ease,background .2s ease;
    white-space:nowrap;text-decoration:none;
}
.site-nav a::after{
    content:"";
    position:absolute;left:50%;bottom:6px;
    width:0;height:2px;border-radius:2px;
    background:var(--primary);
    transform:translateX(-50%);
    transition:width .3s ease;
}
.site-nav a:hover{color:var(--foreground);background:color-mix(in srgb,var(--foreground) 8%,transparent)}
.site-nav a:hover::after{width:0}
.site-nav a img{width:20px;height:20px;border-radius:4px;object-fit:contain}

/* ─── Mobile ───────────────────────────── */
.menu-toggle{display:none}
@media (max-width:980px){
    .menu-toggle{display:grid}
    .site-search{order:5;flex-basis:100%;max-width:none;margin:0 0 12px}
    .site-header__inner{flex-wrap:wrap;height:auto;padding:12px 16px}
    .auth-btns .btn span{display:none}
    .btn{padding:0 12px}
}
@media (max-width:640px){
    .site-logo svg{width:84px;height:28px}
}

/* ─── Page stub (placeholder pages: marketplace, giveaway, streamers) ── */
.page-stub{padding:80px 0 60px}
.page-stub .home-section__inner{max-width:880px}
.page-stub__head{text-align:center;margin-bottom:36px}
.page-stub__title{
    font-size:clamp(26px,3.4vw,40px);font-weight:800;
    letter-spacing:-.02em;line-height:1.15;margin:0 0 14px;
    color:var(--foreground);
}
.page-stub__lead{
    font-size:clamp(15px,1.4vw,17px);line-height:1.55;
    color:var(--muted-foreground);margin:0;
}
.page-stub__points{
    list-style:none;margin:0 0 32px;padding:0;
    display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
}
.page-stub__points li{
    display:flex;align-items:center;gap:12px;
    padding:14px 16px;border:1px solid var(--border);border-radius:14px;
    background:var(--card);color:var(--foreground);font-size:14px;font-weight:600;
}
.page-stub__points i{
    font-size:20px;color:var(--primary);
    width:36px;height:36px;display:grid;place-items:center;
    background:color-mix(in srgb,var(--primary) 14%,transparent);
    border-radius:10px;flex-shrink:0;
}
.page-stub__notice{
    display:flex;align-items:center;gap:10px;
    padding:14px 18px;border-radius:12px;
    background:color-mix(in srgb,var(--primary) 8%,var(--card));
    border:1px dashed color-mix(in srgb,var(--primary) 35%,var(--border));
    color:var(--muted-foreground);font-size:13.5px;
}
.page-stub__notice i{font-size:18px;color:var(--primary);flex-shrink:0}

/* ─── Home sections ─────────────────────── */
.home-section{padding:64px 0 52px}
.home-section + .home-section{padding-top:32px}
.home-section__inner{max-width:var(--container);margin:0 auto;padding:0 24px}

.home-section__head{
    display:flex;align-items:center;justify-content:space-between;
    gap:20px;margin-bottom:24px;flex-wrap:wrap;
}
.home-section__title{display:flex;align-items:center;gap:16px}
.home-section__icon{
    width:48px;height:48px;display:grid;place-items:center;
    background:#f70000;
    border:0;
    border-radius:14px;
    color:#fff;font-size:22px;
    box-shadow:0 10px 24px -10px rgba(247,0,0,.55);
}
.home-section__title h2{
    margin:0;font-size:clamp(20px,1.8vw,26px);
    font-weight:800;letter-spacing:-.02em;
    color:var(--foreground);
}
.home-section__title p{
    margin:2px 0 0;font-size:13px;color:var(--gray-text);
}
.home-section__more{
    display:inline-flex;align-items:center;gap:6px;
    padding:10px 16px;
    background:transparent;color:var(--foreground);
    border:1px solid var(--border);border-radius:999px;
    font-size:13px;font-weight:600;text-decoration:none;
    transition:background .2s,border-color .2s,transform .15s;
}
.home-section__more:hover{
    background:var(--primary);color:#0a0a0a;
    border-color:var(--primary);transform:translateX(2px);
}
.home-section__more i{font-size:15px}

/* Category carousel */
.home-section__actions{display:flex;align-items:center;gap:8px}
.cat-nav-btn{
    position:relative;
    width:40px;height:40px;
    display:inline-flex;align-items:center;justify-content:center;
    background:color-mix(in srgb,var(--card) 55%,transparent);
    color:var(--foreground);
    border:1px solid color-mix(in srgb,var(--foreground) 14%,transparent);
    border-radius:999px;
    cursor:pointer;
    font:inherit;
    -webkit-backdrop-filter:blur(14px) saturate(180%);
    backdrop-filter:blur(14px) saturate(180%);
    transition:background .2s, color .2s, border-color .2s, transform .15s, box-shadow .2s;
}
.cat-nav-btn i{font-size:22px;line-height:1}
.cat-nav-btn:hover{
    background:var(--primary);color:#0a0a0a;
    border-color:var(--primary);
    transform:scale(1.06);
    box-shadow:0 6px 16px -6px rgba(247,180,40,.55);
}
.cat-nav-btn:active{transform:scale(.96)}
.cat-nav-btn.swiper-button-disabled{opacity:.4;pointer-events:none}

.cat-swiper{overflow:hidden}
.cat-swiper .swiper-slide{
    height:auto;
}
.cat-card{
    position:relative;
    display:flex;flex-direction:column;
    width:100%;
    background:transparent;
    border:0;border-radius:14px;
    color:var(--foreground);text-decoration:none;
    transition:transform .25s ease;
}
.cat-card:hover{transform:translateY(-4px)}
.cat-card__cover{
    position:relative;
    aspect-ratio:1/1;
    background:var(--muted);
    border-radius:14px;
    overflow:hidden;
    display:grid;place-items:center;
    transition:box-shadow .25s ease;
}
.cat-card:hover .cat-card__cover{
    box-shadow:
        0 18px 36px -16px rgba(0,0,0,.25),
        0 0 0 3px rgba(247,180,40,.18);
}
.cat-card__cover img{
    width:100%;height:100%;
    object-fit:cover;display:block;
    transition:transform .5s ease-out;
}
.cat-card:hover .cat-card__cover img{transform:scale(1.07)}
.cat-card__icon{font-size:56px;color:var(--primary)}
.cat-card__body{
    padding:12px 4px 0;text-align:center;
}
.cat-card__name{
    font-size:14px;font-weight:700;letter-spacing:.005em;
    color:var(--foreground);
    overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
    display:block;
}


/* ─── New Arrivals (swiper showcase) ────── */
.home-section__icon--new{
    background:#10b981;
    box-shadow:0 10px 24px -10px rgba(16,185,129,.55);
}
.new-swiper{overflow:hidden}
.new-swiper .swiper-slide{width:auto;height:auto}
.new-card{
    position:relative;
    display:flex;flex-direction:column;
    width:300px;
    border-radius:22px;
    overflow:hidden;
    text-decoration:none;color:#fff;
    background:linear-gradient(135deg,#0e1322 0%,#1a2030 100%);
    box-shadow:
        0 18px 40px -22px rgba(0,0,0,.35),
        0 6px 16px -10px rgba(0,0,0,.18);
    transition:transform .35s ease, box-shadow .35s ease;
}
.new-card:hover{
    transform:translateY(-6px);
    box-shadow:
        0 32px 60px -22px rgba(16,185,129,.35),
        0 14px 28px -14px rgba(0,0,0,.25);
}
.new-card__cover{
    position:relative;
    aspect-ratio:5/4;
    overflow:hidden;
    background:linear-gradient(135deg,#10b98122 0%,#0e1322 100%);
    display:grid;place-items:center;
}
.new-card__cover img{
    width:100%;height:100%;object-fit:cover;
    transition:transform .8s ease-out, filter .3s;
}
.new-card:hover .new-card__cover img{
    transform:scale(1.08);
    filter:saturate(1.15);
}
.new-card__icon{
    position:relative;font-size:56px;color:#10b981;
    text-shadow:0 6px 18px rgba(0,0,0,.5);
}
.new-card__shade{
    position:absolute;inset:0;
    background:
        radial-gradient(80% 80% at 50% 0%, rgba(16,185,129,.18) 0%, transparent 60%),
        linear-gradient(180deg, rgba(0,0,0,0) 30%, rgba(0,0,0,.55) 95%);
}
.new-card__badge{
    position:absolute;top:14px;left:14px;z-index:3;
    display:inline-flex;align-items:center;gap:5px;
    padding:6px 12px;
    background:#10b981;color:#fff;
    border-radius:999px;
    font-size:11px;font-weight:800;letter-spacing:.10em;
    box-shadow:0 8px 18px -4px rgba(16,185,129,.65);
}
.new-card__badge i{font-size:13px;animation:new-spark 2s ease-in-out infinite}
@keyframes new-spark{
    0%,100%{transform:rotate(0deg) scale(1)}
    50%{transform:rotate(25deg) scale(1.18)}
}
.new-card__body{
    position:relative;
    display:flex;flex-direction:column;gap:8px;
    padding:18px 20px 20px;
    background:linear-gradient(180deg,rgba(14,19,34,.6) 0%,rgba(14,19,34,1) 100%);
    backdrop-filter:blur(8px);
}
.new-card__body h3{
    margin:0;
    font-size:17px;font-weight:800;letter-spacing:-.015em;line-height:1.2;
    color:#fff;
    overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.new-card__body p{
    margin:0;
    font-size:13px;line-height:1.5;color:rgba(255,255,255,.7);
    display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
.new-card__cta{
    margin-top:4px;
    display:inline-flex;align-items:center;gap:6px;
    align-self:flex-start;
    padding:8px 16px;
    background:rgba(16,185,129,.16);
    border:1px solid rgba(16,185,129,.35);
    border-radius:999px;
    color:#10b981;
    font-size:12px;font-weight:800;letter-spacing:.02em;
    transition:background .2s, color .2s, border-color .2s, transform .2s;
}
.new-card__cta i{font-size:14px;transition:transform .2s}
.new-card:hover .new-card__cta{
    background:#10b981;color:#fff;border-color:#10b981;
}
.new-card:hover .new-card__cta i{transform:translateX(3px)}

@media (max-width:1024px){.new-card{width:260px}}
@media (max-width:760px){.new-card{width:240px}}
@media (max-width:480px){.new-card{width:78vw;max-width:300px}}
@media (max-width:380px){.new-card{width:84vw}}

/* ─── CD-Key showcase grid ──────────────── */
.home-section__icon--alt{
    background:#1c2cd6;
    border:0;
    color:#fff;
    box-shadow:0 10px 24px -10px rgba(28,44,214,.55);
}
.cdkey-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:18px;
}
.cdkey-card{
    position:relative;
    display:block;
    aspect-ratio:3/4;
    overflow:hidden;
    border-radius:20px;
    color:#fff;text-decoration:none;
    background:linear-gradient(135deg,#0f1320 0%,#1a2030 100%);
    box-shadow:
        0 22px 50px -24px rgba(0,0,0,.35),
        0 6px 16px -10px rgba(0,0,0,.18);
    transition:transform .35s ease, box-shadow .35s ease;
}
.cdkey-card:hover{
    transform:translateY(-5px);
    box-shadow:
        0 32px 60px -24px rgba(0,0,0,.45),
        0 12px 24px -12px rgba(0,0,0,.25);
}
.cdkey-card__img{
    position:absolute;inset:0;width:100%;height:100%;
    object-fit:cover;z-index:1;
    transition:transform .9s ease-out;
}
.cdkey-card:hover .cdkey-card__img{transform:scale(1.08)}
.cdkey-card__shade{
    position:absolute;inset:0;z-index:2;
    background:linear-gradient(160deg,rgba(8,10,14,0) 30%,rgba(8,10,14,.55) 70%,rgba(8,10,14,.92) 100%);
}
.cdkey-card__body{
    position:absolute;left:0;right:0;bottom:0;z-index:3;
    padding:22px 24px 22px;
    display:flex;flex-direction:column;gap:8px;
}
.cdkey-card__tag{
    align-self:flex-start;
    display:inline-flex;align-items:center;gap:6px;
    padding:5px 12px;
    background:rgba(247,180,40,.18);
    border:1px solid rgba(247,180,40,.45);
    backdrop-filter:blur(8px);
    border-radius:999px;
    font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;
    color:var(--primary);
}
.cdkey-card__tag i{font-size:13px}
.cdkey-card__name{
    margin:0;
    font-size:clamp(18px,1.6vw,24px);
    font-weight:800;letter-spacing:-.02em;line-height:1.1;
    text-shadow:0 2px 14px rgba(0,0,0,.55);
}
.cdkey-card__sub{
    margin:0;font-size:13px;line-height:1.5;
    opacity:.85;text-shadow:0 1px 6px rgba(0,0,0,.4);
    display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
.cdkey-card__cta{
    margin-top:6px;
    align-self:flex-start;
    display:inline-flex;align-items:center;gap:6px;
    padding:9px 16px;
    background:rgba(255,255,255,.12);
    border:1px solid rgba(255,255,255,.22);
    backdrop-filter:blur(8px);
    border-radius:999px;
    color:#fff;
    font-size:12px;font-weight:700;letter-spacing:.02em;
    transition:background .2s, transform .2s, border-color .2s;
}
.cdkey-card__cta i{font-size:14px;transition:transform .2s}
.cdkey-card:hover .cdkey-card__cta{
    background:var(--primary);color:#0a0a0a;
    border-color:var(--primary);
}
.cdkey-card:hover .cdkey-card__cta i{transform:translateX(3px)}
@media (max-width:1100px){
    .cdkey-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:560px){
    .cdkey-grid{grid-template-columns:1fr}
    .cdkey-card{aspect-ratio:16/10}
}

/* ─── Earn promo (minimal) ──────────────── */
.earn-wrap{padding-top:24px}
.earn{
    position:relative;
    padding:36px 40px;
    border-radius:20px;
    overflow:hidden;
    color:var(--foreground);
    background:
        radial-gradient(80% 120% at 100% 0%, rgba(247,180,40,.14) 0%, transparent 55%),
        var(--card);
    border:1px solid var(--border);
}
html[data-theme="dark"] .earn{
    background:
        radial-gradient(80% 120% at 100% 0%, rgba(247,180,40,.10) 0%, transparent 55%),
        var(--card);
}

.earn__halo{display:none}

.earn__head{
    position:relative;z-index:1;
    margin-bottom:24px;
    max-width:640px;
}
.earn__pill{
    display:inline-flex;align-items:center;gap:6px;
    padding:5px 12px;margin-bottom:14px;
    background:rgba(247,180,40,.10);
    border:1px solid rgba(247,180,40,.35);
    border-radius:999px;
    font-size:11px;font-weight:700;letter-spacing:.10em;text-transform:uppercase;
    color:var(--primary);
}
.earn__pill i{font-size:13px}
.earn__head h2{
    margin:0;
    font-size:clamp(22px,2.4vw,32px);
    font-weight:800;letter-spacing:-.025em;line-height:1.1;
    color:var(--foreground);
}
.earn__head h2 em{
    font-style:normal;
    color:var(--primary);
}
.earn__head p{
    margin:10px 0 0;
    font-size:14px;line-height:1.55;color:var(--gray-text);
    max-width:540px;
}

/* Steps */
.earn__steps{
    position:relative;z-index:1;
    list-style:none;margin:0;padding:0;
    display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;
}
.earn__steps li{
    position:relative;
    padding:18px 18px 16px;
    background:transparent;
    border:1px solid var(--border);
    border-radius:14px;
    transition:border-color .2s ease, background .2s ease;
}
.earn__steps li:hover{
    border-color:rgba(247,180,40,.55);
    background:rgba(247,180,40,.04);
}
.earn__num{
    position:absolute;top:14px;right:16px;
    font-family:ui-monospace,SFMono-Regular,Menlo,monospace;
    font-size:11px;font-weight:700;letter-spacing:.08em;
    color:var(--gray-text);
    opacity:.55;
}
.earn__steps li i{
    display:inline-grid;place-items:center;
    width:36px;height:36px;border-radius:10px;
    background:rgba(247,180,40,.10);
    color:var(--primary);font-size:18px;
    margin-bottom:10px;
}
.earn__steps li h3{
    margin:0 0 4px;
    font-size:14px;font-weight:800;letter-spacing:-.01em;
    color:var(--foreground);
}
.earn__steps li p{
    margin:0;font-size:12px;line-height:1.5;
    color:var(--gray-text);
}

/* Foot */
.earn__foot{
    position:relative;z-index:1;
    display:flex;align-items:center;justify-content:space-between;
    gap:20px;flex-wrap:wrap;
    margin-top:24px;padding-top:22px;
    border-top:1px solid var(--border);
}
.earn__stats{
    display:flex;align-items:center;gap:28px;flex-wrap:wrap;
}
.earn__stats > div{display:flex;flex-direction:column;gap:1px}
.earn__stats strong{
    font-size:18px;font-weight:800;letter-spacing:-.02em;
    color:var(--foreground);line-height:1;
}
.earn__stats span{
    font-size:11px;color:var(--gray-text);
    text-transform:uppercase;letter-spacing:.06em;
}
.earn__cta{
    display:inline-flex;align-items:center;gap:8px;
    padding:11px 20px;
    background:var(--primary);color:#0a0a0a;
    border-radius:10px;
    font-weight:700;font-size:13px;letter-spacing:.01em;
    text-decoration:none;
    transition:transform .2s, background .2s;
}
.earn__cta:hover{
    transform:translateY(-1px);
    background:var(--primary-hover);
}
.earn__cta i{font-size:15px;transition:transform .2s}
.earn__cta:hover i{transform:translateX(3px)}

@media (max-width:880px){
    .earn{padding:28px 24px}
    .earn__steps{grid-template-columns:1fr;gap:10px}
    .earn__foot{flex-direction:column;align-items:flex-start;gap:16px}
    .earn__stats{gap:20px}
}
/* ─── Streamer grid ─────────────────────── */
.home-section__icon--stream{
    background:#9146ff;
    box-shadow:0 10px 24px -10px rgba(145,70,255,.55);
}
.streamer-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:16px;
}
.streamer-card{
    position:relative;
    display:flex;align-items:center;gap:14px;
    padding:14px;
    background:var(--card);
    border:1px solid var(--border);
    border-radius:16px;
    color:var(--foreground);text-decoration:none;
    overflow:hidden;
    transition:transform .25s, border-color .25s, box-shadow .25s;
}
.streamer-card:hover{
    transform:translateY(-3px);
    border-color:var(--primary);
    box-shadow:
        0 16px 32px -18px rgba(0,0,0,.2),
        0 0 0 4px rgba(247,180,40,.10);
}
.streamer-card__avatar{
    position:relative;flex:0 0 auto;
    width:72px;height:72px;
    border-radius:50%;
}
.streamer-card__avatar img{
    width:100%;height:100%;border-radius:50%;
    object-fit:cover;
    border:2px solid var(--border);
    transition:border-color .25s;
}
.streamer-card:hover .streamer-card__avatar img{border-color:var(--primary)}
.streamer-card__live{
    position:absolute;bottom:-4px;left:50%;transform:translateX(-50%);
    display:inline-flex;align-items:center;gap:5px;
    padding:3px 8px;
    background:#ef4444;color:#fff;
    border-radius:999px;
    font-size:10px;font-weight:700;letter-spacing:.06em;
    box-shadow:0 4px 10px -2px rgba(239,68,68,.55);
}
.streamer-card__live span{
    width:6px;height:6px;border-radius:50%;background:#fff;
    animation:live-pulse 1.5s ease-in-out infinite;
}
@keyframes live-pulse{
    0%,100%{opacity:1;transform:scale(1)}
    50%{opacity:.4;transform:scale(.8)}
}
.streamer-card__body{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}
.streamer-card__head{display:flex;align-items:center;gap:8px}
.streamer-card__head h3{
    margin:0;font-size:15px;font-weight:800;letter-spacing:-.01em;
    color:var(--foreground);
    overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
    min-width:0;
}
.streamer-card__platform{
    display:inline-grid;place-items:center;
    width:22px;height:22px;border-radius:6px;
    color:#fff;flex:0 0 auto;
}
.streamer-card__platform i,
.streamer-card__platform svg{font-size:13px}
.streamer-card__platform--twitch{background:#9146ff}
.streamer-card__platform--kick{background:#53fc18;color:#0a0a0a}
.streamer-card__handle{
    margin:0;font-size:12px;color:var(--gray-text);
    overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.streamer-card__meta{
    display:flex;gap:14px;
    font-size:12px;color:var(--gray-text);
    margin-top:2px;
}
.streamer-card__meta span{display:inline-flex;align-items:center;gap:4px}
.streamer-card__meta i{font-size:14px;color:var(--primary)}
.streamer-card__watch{
    margin-top:6px;
    display:inline-flex;align-items:center;gap:6px;
    width:max-content;
    font-size:12px;font-weight:700;color:var(--foreground);
    transition:color .2s, transform .2s;
}
.streamer-card__watch i{font-size:16px;color:var(--primary)}
.streamer-card:hover .streamer-card__watch{color:var(--primary);transform:translateX(3px)}

@media (max-width:900px){.streamer-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.streamer-grid{grid-template-columns:1fr}}

/* ─── Blog grid ─────────────────────────── */
.home-section__icon--blog{
    background:#10b981;
    box-shadow:0 10px 24px -10px rgba(16,185,129,.55);
}
.blog-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:24px;
}
.blog-card{
    background:transparent;
    border-radius:16px;
    overflow:hidden;
}
.blog-card__link{
    display:flex;flex-direction:column;gap:14px;
    height:100%;
    text-decoration:none;color:var(--foreground);
}
.blog-card__media{
    position:relative;
    aspect-ratio:16/10;
    border-radius:14px;
    overflow:hidden;
    background:var(--muted);
}
.blog-card__media::after{
    content:"";position:absolute;inset:0;
    background:linear-gradient(180deg,rgba(0,0,0,0) 55%,rgba(0,0,0,.35) 100%);
    opacity:0;transition:opacity .25s;
}
.blog-card:hover .blog-card__media::after{opacity:1}
.blog-card__media img{
    width:100%;height:100%;
    object-fit:cover;display:block;
    transition:transform .7s ease-out;
}
.blog-card:hover .blog-card__media img{transform:scale(1.08)}
.blog-card__cat{
    position:absolute;top:12px;left:12px;z-index:2;
    display:inline-flex;align-items:center;gap:5px;
    padding:5px 11px;
    background:var(--primary);color:#0a0a0a;
    border-radius:999px;
    font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;
    box-shadow:0 6px 16px -4px rgba(247,180,40,.5);
}
.blog-card__body{
    display:flex;flex-direction:column;gap:8px;
    padding:0 2px;
    flex:1;
}
.blog-card__title{
    margin:0;
    font-size:16px;font-weight:800;letter-spacing:-.015em;
    line-height:1.3;
    color:var(--foreground);
    display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;
    overflow:hidden;
    transition:color .2s;
}
.blog-card:hover .blog-card__title{color:var(--primary)}
.blog-card__summary{
    margin:0;
    font-size:13px;line-height:1.55;
    color:var(--gray-text);
    display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;
    overflow:hidden;
}
.blog-card__meta{
    margin-top:auto;
    display:flex;align-items:center;justify-content:space-between;
    gap:12px;
    padding-top:12px;
    border-top:1px solid var(--border);
    font-size:12px;color:var(--gray-text);
}
.blog-card__meta time{
    display:inline-flex;align-items:center;gap:6px;
    font-weight:600;
}
.blog-card__meta time i{font-size:14px;color:var(--primary)}
.blog-card__more{
    display:inline-flex;align-items:center;gap:5px;
    font-weight:800;color:var(--foreground);font-size:12px;
    text-transform:uppercase;letter-spacing:.04em;
    transition:color .2s, transform .2s;
}
.blog-card__more i{font-size:14px;transition:transform .2s}
.blog-card:hover .blog-card__more{color:var(--primary)}
.blog-card:hover .blog-card__more i{transform:translateX(4px)}

@media (max-width:1100px){.blog-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.blog-grid{grid-template-columns:1fr}}

/* ─── Footer (always dark) ──────────────── */
.site-footer{
    --f-bg:        #0a0a0c;
    --f-bg-2:      #111114;
    --f-bg-3:      #07070a;
    --f-fg:        #e8e8ec;
    --f-mute:      #9a9aa3;
    --f-mute-2:    #b8b8c1;
    --f-border:    rgba(255,255,255,.08);
    --f-border-2:  rgba(255,255,255,.14);
    --f-icon:      #d4d4d8;
    background:var(--f-bg);
    color:var(--f-fg);
}
.site-footer__container{max-width:var(--container);margin:0 auto;padding:0 24px}

/* Trust strip */
.site-footer__trust{
    background:var(--f-bg-2);
    border-bottom:1px solid var(--f-border);
}
.trust-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:20px;
    padding:22px 0;
}
.trust-item{display:flex;align-items:center;gap:14px;min-width:0}
.trust-item i{
    font-size:36px;line-height:1;color:var(--primary);flex:0 0 auto;
    display:inline-flex;align-items:center;justify-content:center;
}
.trust-item strong{
    display:block;font-size:13px;font-weight:700;color:var(--f-fg);
    margin-bottom:2px;
}
.trust-item span{
    display:block;font-size:12px;color:var(--f-mute);
    overflow:hidden;text-overflow:ellipsis;
}

/* Main */
.site-footer__main{padding:48px 0 40px}
.footer-main{
    display:grid;
    grid-template-columns:340px 1fr;
    gap:48px;
}
.footer-brand{display:flex;flex-direction:column;gap:14px;min-width:0}
.footer-brand__logo{display:inline-flex;color:var(--f-fg)}
.footer-brand__logo svg{width:180px;height:60px}
.footer-brand__company{
    margin:8px 0 0;font-size:13px;font-weight:700;
    letter-spacing:.04em;text-transform:uppercase;color:var(--f-fg);
}
.footer-brand__addr{
    margin:0;font-size:12px;line-height:1.6;color:var(--f-mute);
    max-width:320px;
}
.footer-brand__tags{display:flex;flex-direction:column;gap:8px;margin-top:6px}
.footer-tag{
    display:inline-flex;align-items:center;gap:8px;
    width:max-content;max-width:100%;
    padding:0;
    font-size:13px;color:var(--f-mute-2);
    background:transparent;border:0;
    text-decoration:none;
    transition:color .2s;
}
.footer-tag i{font-size:16px;color:var(--primary)}
.footer-tag:hover{color:var(--f-fg)}
.footer-brand__social{display:flex;gap:8px;margin-top:6px}
.footer-brand__social a{
    width:36px;height:36px;display:grid;place-items:center;
    background:transparent;border:0;
    color:var(--f-mute-2);font-size:22px;text-decoration:none;
    transition:color .2s,transform .15s;
}
.footer-brand__social a:hover{color:var(--primary);transform:translateY(-2px)}

.footer-cols{
    display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px;
}
.footer-col h3{
    margin:0 0 16px;font-size:13px;font-weight:700;
    color:var(--f-fg);text-transform:uppercase;letter-spacing:.06em;
}
.footer-col ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.footer-col a{
    font-size:13px;color:var(--f-mute);text-decoration:none;
    transition:color .2s;
}
.footer-col a:hover{color:var(--primary)}

/* Bottom */
.site-footer__bot{
    border-top:1px solid var(--f-border);
    background:#000;
    padding:18px 0;
}
.bot-row{
    display:flex;align-items:center;justify-content:space-between;
    gap:16px;flex-wrap:wrap;
}
.bot-row p{margin:0;font-size:12px;color:var(--f-mute)}
.bot-links{display:flex;flex-wrap:wrap;gap:18px}
.bot-links a{font-size:12px;color:var(--f-mute);text-decoration:none;transition:color .2s}
.bot-links a:hover{color:var(--primary)}

@media (max-width:1080px){
    .footer-main{grid-template-columns:1fr;gap:32px}
    .footer-cols{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:780px){
    .trust-grid{grid-template-columns:repeat(2,1fr);gap:16px}
}
@media (max-width:560px){
    .trust-grid{grid-template-columns:1fr}
    .footer-cols{grid-template-columns:1fr}
    .bot-row{flex-direction:column;align-items:flex-start}
}

/* ─── Hero / Swiper (full concept) ───────── */
.home-hero{padding:24px 0 8px}
.home-hero__inner{
    max-width:var(--container);margin:0 auto;padding:0 24px;
}
.hero-stage{position:relative;padding-bottom:0;min-width:0}

/* 2-col grid: main slider + 2 side boxes stacked */
.home-hero__grid{
    display:grid;
    grid-template-columns:minmax(0,1fr) 360px;
    gap:16px;
    align-items:stretch;
}
.home-hero__grid > .hero-stage,
.home-hero__grid > .hero-side{
    min-height:0;
}

.hero-side{
    display:grid;
    grid-template-rows:1fr 1fr;
    gap:16px;
    min-width:0;
}
.hero-box{
    position:relative;
    display:block;
    border-radius:18px;
    overflow:hidden;
    text-decoration:none;
    background:var(--muted);
    box-shadow:
        0 18px 40px -22px rgba(0,0,0,.25),
        0 6px 16px -10px rgba(0,0,0,.12);
    transition:transform .3s ease, box-shadow .3s ease;
    min-height:0;
}
.hero-box:hover{
    transform:translateY(-3px);
    box-shadow:
        0 28px 50px -22px rgba(0,0,0,.35),
        0 10px 20px -10px rgba(0,0,0,.18);
}
.hero-box img{
    width:100%;height:100%;
    object-fit:cover;display:block;
    transition:transform .8s ease-out;
}
.hero-box:hover img{transform:scale(1.04)}

.home-swiper{
    position:relative;
    width:100%;
    aspect-ratio:16/7;
    max-height:560px;
    min-height:420px;
    border-radius:24px;
    overflow:hidden;
    background:var(--muted);
    box-shadow:
        0 24px 60px -20px rgba(0,0,0,.25),
        0 8px 24px -12px rgba(0,0,0,.15);
}
.home-swiper .swiper-wrapper,
.home-swiper .swiper-slide{height:100%}

.hero-slide{
    position:relative;
    width:100%;height:100%;
    color:#fff;
    overflow:hidden;
    --slide-color:#fff;
}

/* Background layer — overlay yok, sadece admin'in yüklediği görsel */
.hero-slide__bg{
    position:absolute;inset:0;z-index:1;
    background:transparent;
    overflow:hidden;
}
.hero-slide__cover{
    position:absolute;inset:0;width:100%;height:100%;
    object-fit:cover;opacity:1;
    filter:none;
}

/* Mobil: img doğal yüksekliği yönetir */
@media (max-width:900px){
    .home-swiper{aspect-ratio:auto;min-height:0;max-height:none}
    .home-swiper .swiper-wrapper,
    .home-swiper .swiper-slide{height:auto}
    .hero-slide{height:auto}
    .hero-slide__bg{position:relative;inset:auto}
    .hero-slide__cover{
        position:relative;inset:auto;height:auto;
        object-fit:initial;
    }
}

.hero-slide__glow,
.hero-slide__grid{display:none}

/* Tüm slide tıklanır — link katmanı bg üstü, içerik altı */
.hero-slide__link{
    position:absolute;inset:0;z-index:3;
    display:block;
}

/* Content */
.hero-slide__content{
    position:relative;z-index:4;
    height:100%;
    display:flex;align-items:center;
    padding:0 48px 60px 80px;
    pointer-events:none; /* tıklamalar alttaki hero-slide__link'e geçsin */
}
/* Yalnız etkileşimli öğeler tıklamayı yakalar */
.hero-slide__content a,
.hero-slide__content button{pointer-events:auto}
@media (max-width:900px){
    .hero-slide__content{position:absolute;inset:0;height:auto}
}
.hero-slide__text{
    display:grid;gap:18px;
    align-content:center;
    max-width:560px;
}
.hero-slide__tag{
    justify-self:start;
    display:inline-flex;align-items:center;
    padding:6px 12px;
    background:rgba(255,255,255,.10);
    border:1px solid rgba(255,255,255,.18);
    backdrop-filter:blur(8px);
    border-radius:999px;
    font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;
    color:var(--slide-color);
}
.hero-slide__title{
    margin:0;
    font-size:clamp(26px,3.2vw,46px);
    line-height:1.04;
    font-weight:800;letter-spacing:-.035em;
    font-feature-settings:"ss01","cv11";
    text-shadow:0 2px 24px rgba(0,0,0,.55);
}
.hero-slide__title em{
    font-style:normal;
    background:linear-gradient(90deg,var(--primary) 0%,#ffd270 100%);
    -webkit-background-clip:text;background-clip:text;
    -webkit-text-fill-color:transparent;color:transparent;
}
.hero-slide__summary{
    margin:0;
    font-size:clamp(14px,1.15vw,16px);
    line-height:1.6;letter-spacing:.005em;
    opacity:.86;max-width:480px;
    text-shadow:0 1px 8px rgba(0,0,0,.35);
}
.hero-slide__cta{
    justify-self:start;
    display:inline-flex;align-items:center;gap:10px;
    padding:13px 24px;
    background:var(--primary);color:#0a0a0a;
    border-radius:999px;
    font-weight:700;font-size:13px;letter-spacing:.02em;
    text-decoration:none;
    box-shadow:0 12px 28px -8px rgba(247,180,40,.55);
    transition:transform .25s ease, box-shadow .25s ease, background .2s;
}
.hero-slide__cta i{font-size:16px}
.hero-slide__cta:hover{
    background:var(--primary-hover);
    transform:translateY(-2px);
    box-shadow:0 18px 40px -8px rgba(247,180,40,.7);
}
.hero-slide__cta svg{transition:transform .25s}
.hero-slide__cta:hover svg{transform:translateX(4px)}

/* Staggered entry animation */
.hero-slide [data-anim]{
    opacity:0;transform:translateY(28px);
    transition:opacity .9s cubic-bezier(.2,.7,.2,1), transform .9s cubic-bezier(.2,.7,.2,1);
}
.swiper-slide-active [data-anim]{opacity:1;transform:translateY(0)}
.swiper-slide-active [data-anim="1"]{transition-delay:.15s}
.swiper-slide-active [data-anim="2"]{transition-delay:.30s}
.swiper-slide-active [data-anim="3"]{transition-delay:.45s}
.swiper-slide-active [data-anim="4"]{transition-delay:.60s}

/* Pagination — pill bullets */
.home-swiper{
    --swiper-pagination-bottom:22px;
    --swiper-pagination-top:auto;
}
.home-swiper .swiper-horizontal>.swiper-pagination-bullets,
.home-swiper .swiper-pagination-bullets.swiper-pagination-horizontal,
.home-swiper .swiper-pagination-custom,
.home-swiper .swiper-pagination-fraction,
.home-swiper .hero-pagination{
    position:absolute;left:0;right:0;
    bottom:22px;top:auto;z-index:11;
    display:flex;align-items:center;justify-content:center;gap:10px;
    pointer-events:auto;
    width:auto;
}
.hero-bullet{
    width:8px;height:8px;border-radius:50%;
    background:rgba(255,255,255,.35);
    cursor:pointer;
    transition:width .35s ease, background .25s ease, transform .2s;
    box-shadow:0 1px 4px rgba(0,0,0,.25);
}
.hero-bullet:hover{background:rgba(255,255,255,.65);transform:scale(1.2)}
.hero-bullet--active{
    width:8px;
    background:var(--primary);
    box-shadow:0 2px 10px rgba(255,140,0,.55);
    transform:scale(1.35);
}

/* Nav buttons — glass */
.hero-nav{
    position:absolute;top:50%;z-index:10;
    width:52px;height:52px;
    transform:translateY(-50%);
    display:inline-flex;align-items:center;justify-content:center;
    color:#fff;
    background:rgba(255,255,255,.08);
    border:1px solid rgba(255,255,255,.18);
    border-radius:999px;
    backdrop-filter:blur(18px) saturate(160%);
    -webkit-backdrop-filter:blur(18px) saturate(160%);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.25),
        inset 0 -1px 0 rgba(0,0,0,.15),
        0 12px 30px -10px rgba(0,0,0,.45);
    cursor:pointer;
    opacity:.85;
    transition:opacity .25s ease, transform .25s ease, background .25s ease, border-color .25s ease;
}
.home-swiper:hover .hero-nav{opacity:1}
.hero-nav:hover{
    background:rgba(255,255,255,.18);
    border-color:rgba(255,255,255,.35);
    transform:translateY(-50%) scale(1.08);
}
.hero-nav:active{transform:translateY(-50%) scale(.96)}
.hero-nav i{font-size:26px;line-height:1;text-shadow:0 1px 4px rgba(0,0,0,.4)}
.hero-nav--prev{left:18px}
.hero-nav--next{right:18px}


/* Empty state */
.home-hero__empty{
    padding:96px 24px;text-align:center;
    background:var(--muted);border:1px dashed var(--border);
    border-radius:24px;color:var(--gray-text);
}
.home-hero__empty h1{margin:0 0 8px;color:var(--foreground)}

/* Responsive */
@media (max-width:1100px){
    .home-hero__grid{grid-template-columns:1fr;gap:16px}
    .hero-side{grid-template-rows:auto auto;grid-template-columns:1fr 1fr;gap:12px}
    .hero-box{min-height:180px}
}
@media (max-width:900px){
    .hero-slide__content{padding:0 28px 52px 28px}
    .hero-slide__text{max-width:none}
}
@media (max-width:640px){
    .hero-side{grid-template-columns:1fr}
    .hero-nav{display:none}
    .hero-slide__title{font-size:22px}
}

/* ── Popüler Mağazalar ────────────────────────────────────────────────── */
.home-section__icon--shop{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff}

.pshop-table{
    background:#fff;border:1px solid #ececec;border-radius:14px;overflow:hidden;
    box-shadow:0 1px 2px rgba(0,0,0,.04);
}
.pshop-row{
    display:grid;grid-template-columns:64px 2fr 1.4fr 1.2fr 1fr 140px;
    align-items:center;gap:14px;padding:14px 18px;
    border-top:1px solid #f0f0f0;transition:background .15s;
}
.pshop-row:first-child{border-top:0}
.pshop-row:not(.pshop-row--head):hover{background:#fafafa}
.pshop-row--head{
    background:#f5f5f5;
    font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;
    color:#737373;padding:11px 18px;
}
.pshop-col{min-width:0}
.pshop-col--rank{text-align:center}

.pshop-rank{
    display:inline-flex;align-items:center;justify-content:center;
    width:32px;height:32px;border-radius:10px;
    font-weight:700;font-size:14px;color:#737373;background:#f5f5f5;
}
.pshop-rank--1{background:linear-gradient(135deg,#fde68a,#f59e0b);color:#7c2d12;box-shadow:0 4px 10px rgba(245,158,11,.25)}
.pshop-rank--2{background:linear-gradient(135deg,#e5e5e5,#a3a3a3);color:#171717}
.pshop-rank--3{background:linear-gradient(135deg,#fed7aa,#c2410c);color:#7c2d12}

.pshop-shop{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none;min-width:0}
.pshop-shop:hover .pshop-name{color:var(--primary)}
.pshop-avatar{
    flex-shrink:0;width:44px;height:44px;border-radius:50%;overflow:hidden;
    background:#f5f5f5;display:inline-flex;align-items:center;justify-content:center;
    border:2px solid #fff;box-shadow:0 0 0 1px #e5e5e5;
}
.pshop-avatar img{width:100%;height:100%;object-fit:cover;display:block}
.pshop-name{font-weight:600;font-size:14px;color:#171717;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:color .15s}

.pshop-col--rating{display:flex;align-items:center;gap:8px}
.pshop-stars{display:inline-flex;gap:1px;color:#f59e0b;font-size:15px;line-height:1}
.pshop-stars .ri-star-line{color:#e5e5e5}
.pshop-rating-num{font-weight:700;font-size:13px;color:#171717}

.pshop-col--badges{display:flex;flex-wrap:wrap;gap:6px}
.pshop-badge{
    display:inline-flex;align-items:center;justify-content:center;
    width:28px;height:28px;border-radius:8px;font-size:14px;
    background:#f5f5f5;color:#737373;
}
.pshop-badge--verified{background:rgba(245,158,11,.15);color:#b45309}
.pshop-badge--top{background:rgba(245,158,11,.15);color:#b45309}
.pshop-badge--fast{background:rgba(16,185,129,.15);color:#047857}
.pshop-badge--new{background:rgba(236,72,153,.15);color:#be185d}

.pshop-col--count strong{font-size:15px;font-weight:700;color:#171717}

.pshop-follow{
    display:inline-flex;align-items:center;gap:6px;
    padding:8px 14px;border:1px solid #e5e5e5;border-radius:10px;
    background:#fff;color:#171717;font-weight:600;font-size:13px;cursor:pointer;
    transition:all .15s;
}
.pshop-follow i{font-size:15px}
.pshop-follow:hover{background:#171717;color:#fff;border-color:#171717;transform:translateY(-1px)}

@media (max-width:900px){
    .pshop-row--head{display:none}
    .pshop-row{
        grid-template-columns:48px 1fr auto;
        grid-template-areas:
            "rank shop action"
            "rank rating rating"
            "rank badges badges"
            "rank count  count";
        row-gap:6px;padding:14px 16px;
    }
    .pshop-col--rank{grid-area:rank;align-self:start;padding-top:4px}
    .pshop-col--shop{grid-area:shop;min-width:0}
    .pshop-col--rating{grid-area:rating}
    .pshop-col--badges{grid-area:badges}
    .pshop-col--count{grid-area:count}
    .pshop-col--action{grid-area:action}
    .pshop-col--rating::before,.pshop-col--badges::before,.pshop-col--count::before{
        content:attr(data-label) ":";font-size:11px;color:#94a3b8;
        font-weight:600;text-transform:uppercase;letter-spacing:.04em;margin-right:6px;
    }
}

/* ── Popüler Mağazalar — Dark Mode ────────────────────────────────────── */
html[data-theme="dark"] .pshop-table{
    background:var(--card);border-color:var(--border);box-shadow:0 1px 2px rgba(0,0,0,.4);
}
html[data-theme="dark"] .pshop-row{border-top-color:var(--border)}
html[data-theme="dark"] .pshop-row:not(.pshop-row--head):hover{background:var(--accent)}
html[data-theme="dark"] .pshop-row--head{
    background:var(--muted);color:var(--muted-foreground);
}
html[data-theme="dark"] .pshop-rank{background:var(--muted);color:var(--muted-foreground)}
html[data-theme="dark"] .pshop-rank--1{background:linear-gradient(135deg,#fbbf24,#b45309);color:#1c1207}
html[data-theme="dark"] .pshop-rank--2{background:linear-gradient(135deg,#d4d4d4,#737373);color:#111}
html[data-theme="dark"] .pshop-rank--3{background:linear-gradient(135deg,#fb923c,#7c2d12);color:#1c0a04}
html[data-theme="dark"] .pshop-name{color:var(--foreground)}
html[data-theme="dark"] .pshop-shop:hover .pshop-name{color:var(--primary)}
html[data-theme="dark"] .pshop-avatar{background:var(--muted);border-color:var(--background);box-shadow:0 0 0 1px var(--border)}
html[data-theme="dark"] .pshop-stars .ri-star-line{color:var(--border)}
html[data-theme="dark"] .pshop-rating-num{color:var(--foreground)}
html[data-theme="dark"] .pshop-badge{background:var(--muted);color:var(--muted-foreground)}
html[data-theme="dark"] .pshop-badge--verified{background:rgba(250,204,21,.15);color:#fde68a}
html[data-theme="dark"] .pshop-badge--top{background:rgba(245,158,11,.2);color:#fbbf24}
html[data-theme="dark"] .pshop-badge--fast{background:rgba(16,185,129,.2);color:#6ee7b7}
html[data-theme="dark"] .pshop-badge--new{background:rgba(236,72,153,.2);color:#f9a8d4}
html[data-theme="dark"] .pshop-col--count strong{color:var(--foreground)}
html[data-theme="dark"] .pshop-follow{
    background:var(--muted);border-color:var(--border);color:var(--foreground);
}
html[data-theme="dark"] .pshop-follow:hover{background:var(--primary);border-color:var(--primary);color:#111}
@media (max-width:900px){
    html[data-theme="dark"] .pshop-col--rating::before,
    html[data-theme="dark"] .pshop-col--badges::before,
    html[data-theme="dark"] .pshop-col--count::before{color:var(--muted-foreground)}
}

/* ── Language Dropdown — Flag Icons ───────────────────────────────────── */
.lang-flag{
    display:inline-flex;align-items:center;justify-content:center;
    width:24px;height:24px;flex-shrink:0;line-height:0;
}
.lang-flag svg{width:100%;height:100%;display:block;border-radius:5px;box-shadow:none !important;outline:none}
.lang-dd__btn{
    display:inline-flex;align-items:center;gap:4px;
    width:auto;min-width:0;height:42px;padding:0 8px;
}
.lang-dd__btn .lang-flag{width:22px;height:22px;flex:0 0 auto}
.lang-dd__caret{font-size:14px;opacity:.7;flex:0 0 auto;transition:transform .2s}
.lang-dd.open .lang-dd__caret{transform:rotate(180deg);opacity:1}
.lang-dd__menu{min-width:200px}
.lang-dd__item{
    display:flex !important;align-items:center;gap:10px !important;
    padding:9px 12px;
}
.lang-dd__item .lang-name{flex:1;font-weight:500}
.lang-dd__item .lang-code{font-size:11px;color:#a3a3a3;font-weight:700;letter-spacing:.04em}
.lang-dd__item.is-active{background:rgba(245,158,11,.10);color:#b45309}
.lang-dd__item.is-active .lang-code{color:#b45309}

html[data-theme="dark"] .lang-flag svg{box-shadow:none;border-radius:5px}
html[data-theme="dark"] .lang-dd__item .lang-code{color:#737373}
html[data-theme="dark"] .lang-dd__item.is-active{background:rgba(245,158,11,.15);color:#fbbf24}
html[data-theme="dark"] .lang-dd__item.is-active .lang-code{color:#fbbf24}

/* ── Wallet pill (header) ──────────────────────────────────────────────── */
.wallet-pill{position:relative;display:inline-flex;align-items:center;margin-left:10px}
.wallet-pill__btn{
    display:inline-flex;align-items:center;gap:10px;
    height:42px;padding:0 14px 0 6px;
    background:linear-gradient(180deg,
        color-mix(in srgb, var(--primary) 6%, var(--card)) 0%,
        var(--card) 100%);
    border:1px solid var(--border);
    border-radius:12px;
    color:var(--foreground);
    font:700 13.5px/1 inherit;
    cursor:pointer;
    box-shadow:0 1px 0 rgba(255,255,255,.04) inset, 0 1px 2px rgba(0,0,0,.04);
    transition:border-color .18s, box-shadow .18s, transform .1s, background .18s;
}
.wallet-pill__btn:hover{
    border-color:color-mix(in srgb, var(--primary) 55%, var(--border));
    box-shadow:0 4px 14px -4px color-mix(in srgb, var(--primary) 35%, transparent), 0 1px 0 rgba(255,255,255,.06) inset;
}
.wallet-pill__btn:active{transform:scale(.98)}
.wallet-pill__btn > i:first-child{
    display:inline-grid;place-items:center;
    width:30px;height:30px;border-radius:8px;
    background:color-mix(in srgb, #16a34a 16%, transparent);
    color:#16a34a;font-size:16px;font-style:normal;
    flex:0 0 auto;
}
.wallet-pill__amt{
    font-variant-numeric:tabular-nums;letter-spacing:-.01em;
    font-size:14px;font-weight:800;color:var(--foreground);
}
.wallet-pill__code{
    font-size:10px;font-weight:700;letter-spacing:.05em;
    color:var(--muted-foreground);
    padding:2px 5px;border-radius:4px;
    background:color-mix(in srgb, var(--primary) 10%, transparent);
    margin-left:2px;
}
.wallet-pill__eye{
    display:inline-flex;align-items:center;justify-content:center;
    width:26px;height:26px;border-radius:7px;
    margin-left:2px;cursor:pointer;
    color:var(--muted-foreground);
    transition:background .15s,color .15s;
    border-left:1px solid color-mix(in srgb, var(--border) 70%, transparent);
    padding-left:6px;margin-left:6px;
}
.wallet-pill__eye:hover{background:var(--muted);color:var(--foreground)}
.wallet-pill__eye i{font-size:15px !important;color:inherit !important}
.wallet-pill__caret{font-size:15px;color:var(--muted-foreground) !important;margin-left:4px;transition:transform .2s}
.wallet-pill.open .wallet-pill__caret{transform:rotate(180deg);color:var(--primary) !important}

/* ═══ Header cam: arama çubuğu + bakiye pill (beyaz sırıtmasın) ═══════════════
   Kendi backdrop-filter'ı var → header tepede şeffafken arkadaki hero'yu,
   scroll'da (glass header) içeriği buzlandırır. Header .is-scrolled cam diliyle
   uyumlu. @supports fallback: backdrop-filter yoksa eski opak yüzey kalır. */
@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){
  .site-search,
  .wallet-pill__btn{
      background:color-mix(in srgb,var(--card) 48%,transparent);
      border-color:color-mix(in srgb,var(--foreground) 12%,transparent);
      -webkit-backdrop-filter:blur(18px) saturate(190%);
      backdrop-filter:blur(18px) saturate(190%);
      box-shadow:inset 0 1px 0 rgba(255,255,255,.35), 0 2px 10px -3px rgba(20,24,40,.12);
  }
  /* Odakta/hover'da biraz daha dolu → metin/bakiye okunur kalsın */
  .site-search:focus-within{
      background:color-mix(in srgb,var(--card) 62%,transparent);
      border-color:var(--primary);
      box-shadow:inset 0 1px 0 rgba(255,255,255,.35), 0 0 0 4px rgba(247,180,40,.18);
  }
  .wallet-pill__btn:hover{
      border-color:color-mix(in srgb,var(--primary) 55%,var(--border));
      box-shadow:inset 0 1px 0 rgba(255,255,255,.4), 0 6px 16px -5px color-mix(in srgb,var(--primary) 35%,transparent);
  }

  /* Dark mode — beyaz sheen kısık, nötr kenar */
  html[data-theme="dark"] .site-search,
  html[data-theme="dark"] .wallet-pill__btn{
      background:color-mix(in srgb,var(--card) 44%,transparent);
      border-color:color-mix(in srgb,#fff 14%,transparent);
      box-shadow:inset 0 1px 0 rgba(255,255,255,.08), 0 2px 12px -4px rgba(0,0,0,.4);
  }
  html[data-theme="dark"] .site-search:focus-within{
      background:color-mix(in srgb,var(--card) 60%,transparent);
      border-color:var(--primary);
      box-shadow:inset 0 1px 0 rgba(255,255,255,.08), 0 0 0 4px rgba(247,180,40,.18);
  }
}

.wallet-dd{
    display:none;position:absolute;top:calc(100% + 8px);right:0;z-index:80;
    min-width:280px;
    background:var(--card);
    border:1px solid var(--border);
    border-radius:14px;
    box-shadow:0 20px 50px -12px rgba(0,0,0,.22), 0 4px 12px -2px rgba(0,0,0,.08);
    padding:8px;
    animation:wpillDd .18s ease-out;
}
@keyframes wpillDd{
    from{opacity:0;transform:translateY(-6px) scale(.98)}
    to{opacity:1;transform:translateY(0) scale(1)}
}
.wallet-pill.open .wallet-dd{display:block}
.wallet-dd__head{
    padding:10px 12px 6px;
    font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;
    color:var(--muted-foreground);
}
.wallet-dd__row{
    display:flex;align-items:center;justify-content:space-between;gap:12px;
    width:100%;
    padding:11px 12px;border-radius:10px;
    background:transparent;border:0;cursor:pointer;
    font:inherit;color:var(--foreground);text-align:left;
    transition:background .15s, transform .1s;
    position:relative;
}
.wallet-dd__row:hover{background:var(--muted)}
.wallet-dd__row:active{transform:scale(.99)}
.wallet-dd__row + .wallet-dd__row{margin-top:2px}
.wallet-dd__row.is-active{
    background:color-mix(in srgb, var(--primary) 14%, transparent);
    box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--primary) 30%, transparent);
}
.wallet-dd__cur{
    font-weight:800;letter-spacing:.05em;font-size:11px;
    color:var(--muted-foreground);
    padding:4px 8px;border-radius:6px;
    background:var(--muted);
    flex:0 0 auto;min-width:44px;text-align:center;
}
.wallet-dd__row.is-active .wallet-dd__cur{
    background:var(--primary);color:#0a0a0a;
}
.wallet-dd__bal{flex:1;font-weight:800;font-variant-numeric:tabular-nums;font-size:14px;color:var(--foreground);text-align:right;letter-spacing:-.01em}
.wallet-dd__check{font-size:15px;color:var(--primary);margin-left:2px}
.wallet-dd__cta{
    display:flex;align-items:center;justify-content:center;gap:8px;
    margin-top:8px;padding:11px 12px;border-radius:10px;
    background:linear-gradient(135deg,
        var(--primary) 0%,
        color-mix(in srgb, var(--primary) 80%, #fff) 100%);
    color:#0a0a0a;
    font-weight:800;font-size:12.5px;letter-spacing:.02em;text-decoration:none;
    transition:transform .12s, box-shadow .18s, filter .18s;
    box-shadow:0 4px 12px -3px color-mix(in srgb, var(--primary) 50%, transparent);
}
.wallet-dd__cta:hover{filter:brightness(1.05);box-shadow:0 6px 18px -3px color-mix(in srgb, var(--primary) 60%, transparent)}
.wallet-dd__cta:active{transform:scale(.98)}
.wallet-dd__cta i{font-size:15px}

@media (max-width:1080px){
    .wallet-pill__btn{padding:0 12px 0 5px;gap:8px}
    .wallet-pill__amt{font-size:13px}
}
@media (max-width:980px){
    .wallet-pill{margin-left:6px}
    .wallet-pill__btn{height:40px;padding:0 10px 0 5px;gap:7px}
    .wallet-pill__code,
    .wallet-pill__caret{display:none}
    .wallet-pill__amt{font-size:12.5px;font-weight:800}
    .wallet-pill__btn > i:first-child{width:28px;height:28px;font-size:15px}
    .wallet-dd{
        right:auto;left:50%;transform:translateX(-50%);
        min-width:260px;
    }
}
@media (max-width:560px){
    .wallet-pill{margin-left:4px}
    .wallet-pill__btn{height:38px;padding:0 8px 0 4px;gap:6px}
    .wallet-pill__amt{font-size:12px}
    .wallet-pill__btn > i:first-child{width:26px;height:26px;font-size:14px}
    .wallet-pill__eye{padding-left:0;margin-left:0;border-left:0}
}
@media (max-width:380px){
    .wallet-pill__amt,
    .wallet-pill__eye{display:none}
    .wallet-pill__btn{padding:0;width:40px;justify-content:center}
}

/* ── Hızlı Menü (Shortcuts) ────────────────────────────────────────────── */
.home-section--qm{padding:24px 0 0;position:relative;z-index:40}
.home-section--qm + .home-section{padding-top:24px}

.qm-bar{
    position:relative;
    display:grid;grid-template-columns:repeat(8,minmax(0,1fr));
    width:100%;
    background:rgba(255,255,255,.88);
    border:1px solid rgba(0,0,0,.08);
    border-radius:12px;
    backdrop-filter:saturate(180%) blur(24px);
    -webkit-backdrop-filter:saturate(180%) blur(24px);
    box-shadow:
        0 1px 0 rgba(255,255,255,.7) inset,
        0 6px 20px -8px rgba(0,0,0,.12);
}
.qm-item--xl{display:flex}

.qm-item{position:relative;display:flex;min-width:0}
.qm-item.is-open,
.qm-item:hover{z-index:60}
.qm-trigger{
    display:flex;align-items:center;gap:8px;flex:1;min-width:0;
    padding:10px 6px;
    text-decoration:none;color:inherit;cursor:pointer;
    transition:background .2s;position:relative;
    border-radius:inherit;
}
.qm-trigger:hover,
.qm-item.is-open .qm-trigger{background:rgba(0,0,0,.04)}
/* Trigger ↔ popover köprüsü — hover boşluğa düşmesin */
.qm-item::after{
    content:"";position:absolute;left:0;right:0;top:100%;height:14px;
}

/* Bar köşeleri — corner item'larda hover bg taşmasın */
.qm-bar > .qm-item:first-child .qm-trigger{border-radius:12px 0 0 12px}
.qm-bar > .qm-item:last-child  .qm-trigger{border-radius:0 12px 12px 0}

.qm-thumb-wrap{position:relative;display:block;flex-shrink:0;width:36px;height:36px}
.qm-thumb{
    width:36px;height:36px;flex-shrink:0;
    border-radius:8px;object-fit:cover;display:block;
}
.qm-thumb--icon{
    display:inline-flex;align-items:center;justify-content:center;
    background:var(--qm-accent,var(--muted));color:#fff;font-size:20px;
}
.qm-badge{
    position:absolute;top:-6px;right:-8px;
    display:inline-flex;align-items:center;justify-content:center;
    padding:2px 6px;border-radius:6px;
    font-size:9px;font-weight:800;letter-spacing:.06em;line-height:1;
    color:#fff;
    box-shadow:0 4px 10px -2px rgba(0,0,0,.25);
    pointer-events:none;
    transform:rotate(8deg);
}
.qm-badge--hot{
    background:linear-gradient(135deg,#ef4444,#b91c1c);
    animation:qm-hot-pulse 1.6s ease-in-out infinite;
}
.qm-badge--new{
    background:linear-gradient(135deg,#10b981,#047857);
}
@keyframes qm-hot-pulse{
    0%,100%{transform:rotate(8deg) scale(1);box-shadow:0 4px 10px -2px rgba(239,68,68,.4)}
    50%   {transform:rotate(8deg) scale(1.08);box-shadow:0 6px 16px -2px rgba(239,68,68,.6)}
}
.qm-text{display:flex;flex-direction:column;align-items:flex-start;flex:1;min-width:0;gap:2px}
.qm-title{
    margin:0;font-size:12px;font-weight:700;
    text-transform:uppercase;letter-spacing:.02em;
    color:var(--foreground);
    width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.qm-sub{
    margin:0;font-size:10px;font-weight:500;
    text-transform:uppercase;letter-spacing:.04em;
    color:rgba(0,0,0,.45);
    width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
html[data-theme="dark"] .qm-sub{color:rgba(255,255,255,.5)}
.qm-divider{
    width:3px;height:32px;flex-shrink:0;
    background:rgba(0,0,0,.06);border-radius:3px;
    margin-left:auto;
}
.qm-item:last-child .qm-divider{display:none}

.qm-underline{
    position:absolute;left:0;right:0;bottom:0;height:3px;
    background:var(--qm-accent,var(--primary));
    opacity:0;transition:opacity .2s;
    pointer-events:none;border-radius:0 0 12px 12px;
}
.qm-trigger:hover .qm-underline,
.qm-item.is-open .qm-underline{opacity:1}

/* Popover — Apple frosted glass */
.qm-pop{
    position:absolute;top:calc(100% + 6px);left:0;
    width:100%;min-width:240px;z-index:100;
    background:rgba(255,255,255,.97);
    border:1px solid rgba(0,0,0,.10);
    border-radius:12px;
    box-shadow:
        0 1px 0 rgba(255,255,255,.8) inset,
        0 28px 64px -18px rgba(0,0,0,.32),
        0 10px 24px -10px rgba(0,0,0,.18);
    backdrop-filter:saturate(180%) blur(28px);
    -webkit-backdrop-filter:saturate(180%) blur(28px);
    overflow:hidden;
    display:flex;flex-direction:column;
    opacity:0;transform:translateY(-4px);pointer-events:none;
    transition:opacity .15s ease, transform .15s ease;
}
/* Görünmez hover köprüsü — trigger ↔ popover arası boşluk hover'ı kesmesin */
.qm-pop::before{
    content:"";position:absolute;left:0;right:0;top:-8px;height:8px;
}
.qm-item:hover .qm-pop,
.qm-item.is-open .qm-pop{
    opacity:1;transform:translateY(0);pointer-events:auto;
}
.qm-item:nth-last-child(-n+2) .qm-pop{left:auto;right:0}

.qm-pop__row{
    display:flex;align-items:center;justify-content:space-between;
    padding:12px 16px;
    color:rgba(0,0,0,.7);
    text-decoration:none;font-size:13px;font-weight:600;
    border-top:1px solid rgba(0,0,0,.06);
    transition:background .15s, color .15s;
}
.qm-pop__row:first-child{border-top:0}
.qm-pop__row .qm-pop__name{margin:0;font-size:inherit;font-weight:inherit;line-height:1.2}
.qm-pop__row i{font-size:18px;opacity:.4;transition:opacity .15s, transform .15s;flex-shrink:0}
.qm-pop__row:hover{background:rgba(0,0,0,.04);color:var(--foreground)}
.qm-pop__row:hover i{opacity:.9;transform:translateX(2px);color:var(--qm-accent,var(--primary))}

html[data-theme="dark"] .qm-bar{
    background:rgba(22,22,24,.88);
    border-color:rgba(255,255,255,.08);
    box-shadow:
        0 1px 0 rgba(255,255,255,.06) inset,
        0 6px 20px -8px rgba(0,0,0,.5);
}
html[data-theme="dark"] .qm-trigger:hover,
html[data-theme="dark"] .qm-item.is-open .qm-trigger{background:rgba(255,255,255,.05)}
html[data-theme="dark"] .qm-divider{background:rgba(255,255,255,.08)}
html[data-theme="dark"] .qm-pop{
    background:rgba(22,22,24,.97);
    border-color:rgba(255,255,255,.1);
    box-shadow:
        0 1px 0 rgba(255,255,255,.08) inset,
        0 28px 64px -18px rgba(0,0,0,.75),
        0 10px 24px -10px rgba(0,0,0,.5);
}
html[data-theme="dark"] .qm-pop__row{
    color:rgba(255,255,255,.7);
    border-top-color:rgba(255,255,255,.08);
}
html[data-theme="dark"] .qm-pop__row:hover{background:rgba(255,255,255,.05);color:var(--foreground)}

/* Tek satır kalsın — küçüldükçe scale küçült */
@media (max-width:1280px){
    .qm-title{font-size:11px}
    .qm-sub{font-size:9px}
    .qm-trigger{padding:8px 4px;gap:6px}
}
/* Pop konumu — yatay scroll şeridinde tetikleyici item altında açılır */

/* ── Tipsy — minimal siyah tooltip (sade, şık) ──────────────────────────── */
[data-tipsy]{position:relative}
[data-tipsy]::before,
[data-tipsy]::after{
    position:absolute;left:50%;top:calc(100% + 8px);
    opacity:0;pointer-events:none;
    transition:opacity .15s ease, transform .15s ease;
    transform:translateX(-50%) translateY(-2px);
    z-index:200;
}
[data-tipsy]::before{
    content:attr(data-tipsy);
    padding:5px 9px;
    background:#1f2937;color:#f9fafb;
    font-size:11.5px;font-weight:500;letter-spacing:0;
    white-space:nowrap;
    border-radius:6px;
    box-shadow:0 4px 12px -2px rgba(0,0,0,.25);
}
[data-tipsy]::after{
    content:"";top:calc(100% + 3px);
    width:0;height:0;
    border:5px solid transparent;border-bottom-color:#1f2937;
}
[data-tipsy]:hover::before,
[data-tipsy]:hover::after,
[data-tipsy]:focus-visible::before,
[data-tipsy]:focus-visible::after{
    opacity:1;transform:translateX(-50%) translateY(0);
    transition-delay:.15s;
}
html[data-theme="dark"] [data-tipsy]::before{background:#f9fafb;color:#111827}
html[data-theme="dark"] [data-tipsy]::after{border-bottom-color:#f9fafb}

/* ════════════════════════════════════════════════════════════════════
   MOBİL POLİSAJ — modern, akıcı, dokunma-dostu responsive katman
   ════════════════════════════════════════════════════════════════════ */

/* iOS safe-area + tap highlight kill */
@supports(padding:max(0px)){
    .site-header__inner,
    .site-nav__inner,
    .home-hero__inner,
    .home-section__inner,
    .site-footer__container{
        padding-left:max(16px,env(safe-area-inset-left));
        padding-right:max(16px,env(safe-area-inset-right));
    }
}
a,button{-webkit-tap-highlight-color:transparent}
input,select,textarea{font-size:16px} /* iOS zoom engeli */

/* ── Hamburger butonu (mobil) ────────────────────────────────── */
.menu-toggle{
    width:42px;height:42px;display:none;place-items:center;
    border-radius:12px;background:transparent;border:0;cursor:pointer;
    color:var(--foreground);transition:background .2s;
}
.menu-toggle:hover{background:var(--accent)}
.menu-toggle i{font-size:22px;line-height:1}

/* ── Header: tablet/mobil layout ─────────────────────────────── */
@media (max-width:1280px){
    .site-header__inner{gap:12px}
    .site-search{max-width:520px}
    .auth-btns .btn span{display:none}
    .auth-btns .btn{padding:0;width:42px;justify-content:center}
    .auth-btns .btn i{font-size:18px}
}
@media (max-width:1080px){
    .site-header__inner{gap:10px}
    .site-search{max-width:440px}
}
@media (max-width:980px){
    .menu-toggle{display:grid}
    /* Mobilde drawer'a + top-bar'a taşınanlar header'dan gizlenir */
    .cat-dd,
    .lang-dd,
    .auth-btns{display:none}

    .site-header__inner{
        display:grid;
        grid-template-columns:auto 1fr auto;
        align-items:center;
        gap:10px;padding:10px 14px;height:auto;
        max-width:100%;
    }
    .site-header__left{grid-column:1;display:flex;align-items:center;gap:6px;min-width:0}
    .site-logo{flex-shrink:0}
    .site-logo svg{width:90px;height:30px}
    .site-actions{grid-column:3;gap:2px;flex-shrink:0;min-width:0}
    .site-search-wrap{grid-column:1 / -1;order:5;margin:2px 0 0;max-width:none;width:100%}
    .site-search{grid-column:auto;order:0;margin:0;height:44px;max-width:none}
    .site-search input{height:44px;min-width:0}
    .site-search__submit{height:36px}
    .site-search__loader{right:60px}
    .icon-btn{width:40px;height:40px;flex-shrink:0}
    .icon-btn i{font-size:20px}

    /* CTA button'lar (İlan Ekle, Bakiye Yükle) icon-only kareye dön — text kaldırma */
    .listing-new-btn, .deposit-btn{
        width:40px;height:40px;padding:0;
        justify-content:center;border-radius:12px;flex-shrink:0;
    }
    .listing-new-btn span, .deposit-btn span{display:none}
    .listing-new-btn i, .deposit-btn i{font-size:20px;margin:0}

    /* Alt nav — yatay scroll row, kırılma yok */
    .site-nav{
        margin:0;padding:0;
        border-top:1px solid var(--border);
        background:var(--background);
    }
    .site-nav__inner{
        height:52px;gap:4px;padding:0 12px;
        overflow-x:auto;overflow-y:hidden;
        scroll-snap-type:x proximity;
        -webkit-overflow-scrolling:touch;
        white-space:nowrap;flex-wrap:nowrap;
    }
    .site-nav a{
        flex:0 0 auto;
        display:inline-flex;flex-direction:row;align-items:center;gap:8px;
        height:36px;padding:0 12px;
        white-space:nowrap;
        scroll-snap-align:start;
    }
    .site-nav a img{width:20px;height:20px;flex-shrink:0}
    .site-nav a span{white-space:nowrap}
}
@media (max-width:560px){
    .site-header__inner{padding:8px 10px;gap:6px}
    .site-logo svg{width:78px;height:26px}
    .menu-toggle{width:40px;height:40px}
    .icon-btn{width:38px;height:38px;border-radius:10px}
    .listing-new-btn, .deposit-btn{width:38px;height:38px;border-radius:10px}
    .listing-new-btn i, .deposit-btn i{font-size:18px}
    .site-search{height:42px;padding:0 4px 0 12px}
    .site-search input{height:42px;font-size:16px}
    .site-search__icon{font-size:16px;margin-right:8px}
    .site-search__submit{height:32px;padding:0 10px}
    .site-search__loader{right:54px}
    .site-nav__inner{height:48px;padding:0 10px}
    .site-nav a{padding:0 10px;font-size:11px}
}
@media (max-width:380px){
    .site-actions{gap:0}
    .icon-btn{width:36px;height:36px}
    .listing-new-btn, .deposit-btn{width:36px;height:36px}
    .site-logo svg{width:68px;height:22px}
    .site-header__inner{padding:6px 8px;gap:4px}
    /* Top-bar auth chip — kayıt buton padding daralt, hesabım label gizle */
    .site-announcebar__authlink{padding:0 8px;font-size:11px;height:24px}
    .site-announcebar__account{height:26px;padding:2px;border-radius:50%;width:26px;justify-content:center}
    .site-announcebar__account img{width:22px;height:22px}
    .site-announcebar__account span,
    .site-announcebar__account i{display:none}
}

/* ── Drawer (mobil yan menü) ─────────────────────────────────── */
.site-drawer{
    position:fixed;inset:0;z-index:100;
    visibility:hidden;pointer-events:none;
}
.site-drawer.is-open{visibility:visible;pointer-events:auto}
.site-drawer__scrim{
    position:absolute;inset:0;
    background:rgba(0,0,0,.5);
    opacity:0;transition:opacity .25s ease;
}
.site-drawer.is-open .site-drawer__scrim{opacity:1}
.site-drawer__panel{
    position:absolute;top:0;left:0;bottom:0;
    width:min(86vw,340px);
    background:var(--card);color:var(--foreground);
    box-shadow:8px 0 32px rgba(0,0,0,.22);
    transform:translateX(-100%);
    transition:transform .3s cubic-bezier(.32,.72,0,1);
    display:flex;flex-direction:column;
    overflow:hidden;
}
.site-drawer.is-open .site-drawer__panel{transform:translateX(0)}

/* ── Head: user card veya guest CTA + close ────────────────────── */
.site-drawer__head{
    position:relative;
    display:flex;align-items:center;gap:10px;
    padding:18px 16px 16px;
    background:linear-gradient(135deg,
        color-mix(in srgb,var(--primary) 8%,var(--card)) 0%,
        var(--card) 100%);
    border-bottom:1px solid var(--border);
}
.site-drawer__close{
    position:absolute;top:12px;right:12px;
    width:32px;height:32px;background:transparent;border:0;cursor:pointer;
    color:var(--muted-foreground);border-radius:8px;
    display:inline-flex;align-items:center;justify-content:center;
    transition:background .15s,color .15s;
}
.site-drawer__close:hover{background:var(--muted);color:var(--foreground)}
.site-drawer__close i{font-size:20px;line-height:1}

/* Auth user card */
.site-drawer__user{
    display:flex;align-items:center;gap:12px;
    flex:1;min-width:0;padding-right:40px;
    text-decoration:none;color:inherit;
}
.site-drawer__avatar{
    width:46px;height:46px;border-radius:50%;
    object-fit:cover;flex-shrink:0;
    border:2px solid var(--card);
    box-shadow:0 0 0 2px color-mix(in srgb,var(--primary) 35%,transparent);
}
.site-drawer__user-info{display:flex;flex-direction:column;gap:1px;min-width:0;flex:1}
.site-drawer__user-info strong{
    font-size:14.5px;font-weight:700;color:var(--foreground);
    overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.site-drawer__user-info small{
    font-size:11.5px;color:var(--muted-foreground);
    overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.site-drawer__user-chev{font-size:18px;color:var(--muted-foreground);flex-shrink:0}

/* Guest (non-auth) head */
.site-drawer__guest{display:flex;flex-direction:column;gap:10px;flex:1;padding-right:40px}
.site-drawer__guest-title{font-size:14px;font-weight:700;color:var(--foreground)}
.site-drawer__guest-actions{display:flex;gap:6px}
.site-drawer__guest-actions .btn{flex:1;justify-content:center;height:34px;font-size:12.5px;padding:0 10px;border-radius:8px}
.btn--sm{height:34px;padding:0 12px;font-size:12.5px}

/* ── Body: sections + items ────────────────────────────────────── */
.site-drawer__body{
    flex:1;overflow-y:auto;padding:4px 0 12px;
    -webkit-overflow-scrolling:touch;
}
.drawer-section{padding:8px 0 4px}
.drawer-section + .drawer-section{border-top:1px solid color-mix(in srgb,var(--border) 55%,transparent)}
.drawer-section h4{
    margin:0;padding:10px 18px 6px;
    font-size:10.5px;font-weight:700;letter-spacing:.1em;
    text-transform:uppercase;color:var(--muted-foreground);
    opacity:.85;
}
.drawer-list{list-style:none;margin:0;padding:0}
.drawer-list li{margin:0}
.drawer-list a{
    display:flex;align-items:center;gap:12px;
    padding:11px 18px;
    color:var(--foreground);text-decoration:none;
    font-size:13.5px;font-weight:500;
    position:relative;
    transition:background .12s,color .12s,padding .15s;
}
.drawer-list a::after{
    content:"";position:absolute;right:14px;top:50%;transform:translateY(-50%);
    width:6px;height:6px;border-right:1.5px solid var(--muted-foreground);
    border-bottom:1.5px solid var(--muted-foreground);
    rotate:-45deg;opacity:0;transition:opacity .15s,right .15s;
}
.drawer-list a:hover,
.drawer-list a:active{
    background:color-mix(in srgb,var(--primary) 6%,transparent);
    color:var(--foreground);
    padding-left:22px;
}
.drawer-list a:hover::after{opacity:.5;right:18px}
.drawer-list a i{font-size:17px;color:var(--muted-foreground);width:20px;text-align:center;flex-shrink:0}
.drawer-list a:hover i{color:var(--primary)}
.drawer-list a img{width:22px;height:22px;border-radius:5px;flex-shrink:0;object-fit:cover}
.drawer-list a span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* Dil listesi — flag + isim + kod chip */
.drawer-list--lang a strong{
    font-size:10px;font-weight:800;color:var(--muted-foreground);
    background:var(--muted);padding:3px 7px;border-radius:99px;letter-spacing:.05em;
}
.drawer-list--lang a.is-active{
    background:color-mix(in srgb,var(--primary) 10%,transparent);
    color:var(--primary);
}
.drawer-list--lang a.is-active strong{
    background:color-mix(in srgb,var(--primary) 20%,transparent);
    color:var(--primary);
}
.drawer-list--lang .lang-flag{
    width:22px;height:16px;display:inline-flex;align-items:center;justify-content:center;
    border-radius:3px;overflow:hidden;flex-shrink:0;
}
.drawer-list--lang .lang-flag svg{width:100%;height:100%;display:block}

/* ── Footer: CTA + logout ──────────────────────────────────────── */
.site-drawer__foot{
    display:flex;flex-direction:column;gap:8px;
    padding:14px 16px calc(14px + env(safe-area-inset-bottom,0px));
    border-top:1px solid var(--border);
    background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--muted) 30%,var(--card)));
}
.site-drawer__cta{
    width:100%;height:44px;justify-content:center;
    border-radius:12px;font-size:14px;
    box-shadow:0 4px 14px -4px color-mix(in srgb,var(--primary) 50%,transparent);
}
.site-drawer__logout{
    display:inline-flex;align-items:center;justify-content:center;gap:6px;
    padding:8px 10px;color:var(--muted-foreground);font-size:12.5px;font-weight:600;
    text-decoration:none;border-radius:8px;transition:color .15s,background .15s;
}
.site-drawer__logout:hover{color:#dc2626;background:color-mix(in srgb,#dc2626 8%,transparent)}
.site-drawer__logout i{font-size:14px}

/* ── Hero: dikey stack + yan banner yatay kaydırma ──────────── */
@media (max-width:1024px){
    .home-hero__grid{grid-template-columns:1fr;gap:14px}
    .hero-side{
        display:flex;gap:12px;
        overflow-x:auto;scrollbar-width:none;
        scroll-snap-type:x mandatory;
        -webkit-overflow-scrolling:touch;
    }
    .hero-side::-webkit-scrollbar{display:none}
    .hero-side .hero-box{
        flex:0 0 88%;scroll-snap-align:start;
        aspect-ratio:16/8;
    }
}
@media (max-width:760px){
    .home-hero{padding-top:15px}
    .hero-slide__title{font-size:clamp(20px,5vw,28px);line-height:1.15}
    .hero-slide__summary{font-size:13px;-webkit-line-clamp:2}
    .hero-slide__cta{height:40px;padding:0 16px;font-size:13px}
    .hero-slide__tag{font-size:10px;padding:4px 10px}
    .hero-nav{width:36px;height:36px}
    .hero-pagination{bottom:10px}
}
@media (max-width:480px){
    .hero-stage{border-radius:14px}
    .hero-slide__content{padding:18px}
    .hero-side .hero-box{flex-basis:92%;border-radius:14px}
}

/* ── Home section: dikey ritim sıkılaştır ───────────────────── */
@media (max-width:980px){
    .home-section{padding:36px 0 8px}
    .home-section + .home-section{padding-top:24px}
    .home-hero + .home-section{padding-top:24px}
    .home-section__inner{padding:0 16px}
    .home-section__head{gap:12px;margin-bottom:16px}
    .home-section__title{gap:12px}
    .home-section__icon{width:40px;height:40px}
    .home-section__icon i{font-size:18px}
    .home-section__head h2{font-size:18px}
    .home-section__head p{font-size:12px}
    .home-section__more{font-size:12px}
}
@media (max-width:560px){
    .home-section{padding:18px 0 6px}
    .home-section + .home-section{padding-top:16px}
    .home-hero + .home-section{padding-top:16px}
    .home-section__inner,
    .home-hero__inner{padding:0 12px}
    .home-section__head{margin-bottom:12px}
}

/* ── QM bar: yatay kaydırma şeridi — orijinal row item ─────── */
@media (max-width:900px){
    .home-section--qm{padding-top:12px}
    .qm-bar{
        display:flex !important;grid-template-columns:none !important;
        gap:8px;
        overflow-x:auto;scrollbar-width:none;
        scroll-snap-type:x proximity;
        padding:8px 12px;margin:0;scroll-padding-left:12px;
        background:transparent;border:0;box-shadow:none;
        backdrop-filter:none;-webkit-backdrop-filter:none;
        -webkit-overflow-scrolling:touch;
    }
    .qm-bar::-webkit-scrollbar{display:none}

    .qm-item{flex:0 0 auto;scroll-snap-align:start}
    .qm-item--xl{display:flex !important}

    /* Köşe radius'larını sıfırla — her item bağımsız kart */
    .qm-bar > .qm-item:first-child .qm-trigger,
    .qm-bar > .qm-item:last-child  .qm-trigger,
    .qm-trigger{border-radius:12px !important}

    /* Row layout korunur: icon solda, text sağda */
    .qm-trigger{
        display:flex !important;flex-direction:row !important;
        align-items:center !important;
        gap:10px !important;
        padding:10px 14px !important;
    }
    .qm-trigger:hover{background:color-mix(in srgb,var(--primary) 6%,var(--card))}

    .qm-text{display:flex !important;flex-direction:column;align-items:flex-start;text-align:left}
    .qm-title{font-size:12.5px;line-height:1.2;font-weight:700;white-space:nowrap}
    .qm-sub{font-size:10.5px;line-height:1.2;white-space:nowrap;color:var(--muted-foreground)}

    .qm-divider{display:none}
    .qm-thumb-wrap,.qm-thumb{width:32px;height:32px;flex-shrink:0}

    /* Mobilde alt menü yok — tap doğrudan link */
    .qm-pop{display:none !important}
    .qm-item::after{display:none}
}
@media (max-width:520px){
    .qm-bar{padding:6px 12px;gap:6px;}
    .qm-trigger{padding:9px 12px !important;gap:8px !important}
    .qm-thumb-wrap,.qm-thumb{width:30px;height:30px}
    .qm-title{font-size:12px}
    .qm-sub{font-size:10px}
    .qm-pop{min-width:200px;max-width:88vw}
}

/* ── Earn (3 adım) ──────────────────────────────────────────── */
@media (max-width:760px){
    .earn{padding:28px 18px;border-radius:18px}
    .earn__head h2{font-size:clamp(20px,5vw,28px)}
    .earn__head p{font-size:13px}
    .earn__steps{grid-template-columns:1fr;gap:14px}
    .earn__foot{flex-direction:column;align-items:stretch;gap:16px}
    .earn__stats{justify-content:space-between;gap:12px;flex-wrap:wrap}
    .earn__stats > div{flex:1 1 calc(50% - 6px);min-width:120px}
    .earn__cta{justify-content:center}
}

/* ── Pshop tablo → kart düzeni ──────────────────────────────── */
@media (max-width:760px){
    .pshop-table{gap:10px;background:transparent;padding:0}
    .pshop-row--head{display:none}
    .pshop-row{
        display:grid;
        grid-template-columns:auto 1fr auto;
        grid-template-areas:
            "rank shop action"
            "rank rating rating"
            "badges badges count";
        gap:8px 12px;
        padding:14px;
        background:var(--card);
        border:1px solid var(--border);
        border-radius:14px;
        align-items:center;
    }
    .pshop-col--rank{grid-area:rank}
    .pshop-col--shop{grid-area:shop;justify-content:flex-start}
    .pshop-col--rating{grid-area:rating;justify-content:flex-start}
    .pshop-col--badges{grid-area:badges;justify-content:flex-start;flex-wrap:wrap;gap:6px}
    .pshop-col--count{grid-area:count;justify-content:flex-end}
    .pshop-col--action{grid-area:action;justify-content:flex-end}
    .pshop-col[data-label]::before{display:none}
    .pshop-follow{padding:8px 12px;font-size:12px}
    .pshop-follow i{font-size:14px}
    .pshop-name{font-size:14px}
    .pshop-avatar{width:36px;height:36px}
}
@media (max-width:420px){
    .pshop-follow span,.pshop-follow{font-size:0}
    .pshop-follow i{font-size:18px}
    .pshop-follow{padding:8px;width:36px;height:36px;display:grid;place-items:center}
    .pshop-follow i{font-size:16px}
}

/* ── Pshop mobil → tam genişlik yatay kaydırma ───────────────── */
@media (max-width:900px){
    .pshop-row--head{display:grid !important}
    /* tablo full-bleed: section padding'i aş */
    .home-section .pshop-table{
        margin:0 -16px;border-radius:0;border-left:0;border-right:0;
        overflow-x:auto;overflow-y:hidden;
        -webkit-overflow-scrolling:touch;
        scrollbar-width:thin;
    }
    .home-section .pshop-table::-webkit-scrollbar{height:6px}
    .home-section .pshop-table::-webkit-scrollbar-thumb{
        background:var(--border);border-radius:3px;
    }
    /* desktop grid kolonlarını geri getir + min-width zorla */
    .pshop-row,
    .pshop-row--head{
        grid-template-columns:56px minmax(180px,2fr) minmax(140px,1.4fr) minmax(120px,1.2fr) minmax(90px,1fr) 140px;
        grid-template-areas:none;
        min-width:760px;
        padding:14px 16px;
    }
    .pshop-col{grid-area:auto !important;justify-content:flex-start}
    .pshop-col--rank{text-align:center;justify-content:center}
    .pshop-col--count{justify-content:flex-end}
    .pshop-col--count::before{content:none}
    .pshop-col--action{justify-content:flex-end}
    .pshop-col[data-label]::before{display:none;content:none}
    .pshop-col--badges{flex-wrap:nowrap}
    .pshop-follow{
        width:auto;height:auto;padding:8px 14px;font-size:13px;
        background:#fff;color:#171717;border:1px solid #e5e5e5;border-radius:10px;
        display:inline-flex;gap:6px;
    }
    .pshop-follow i{font-size:15px}
    .pshop-follow:hover{background:#171717;color:#fff;border-color:#171717}
}
@media (max-width:560px){
    .home-section .pshop-table{margin:0 -12px}
}

/* ── Footer trust strip ─────────────────────────────────────── */
@media (max-width:900px){
    .trust-grid{grid-template-columns:repeat(2,1fr);gap:14px}
    .trust-item i{font-size:22px}
    .trust-item strong{font-size:13px}
    .trust-item span{font-size:11px}
}
@media (max-width:480px){
    .trust-grid{grid-template-columns:1fr 1fr;gap:10px}
    .trust-item{padding:12px;gap:10px}
}

/* ── Footer main: kolonlar ──────────────────────────────────── */
@media (max-width:1080px){
    .footer-main{grid-template-columns:1fr;gap:32px}
    .footer-cols{grid-template-columns:repeat(2,1fr);gap:24px}
}
@media (max-width:560px){
    .site-footer__main{padding:32px 0 16px}
    .footer-cols{grid-template-columns:1fr;gap:6px}
    .footer-col{
        border-bottom:1px solid rgba(0,0,0,.06);
        padding-bottom:14px;
    }
    html[data-theme="dark"] .footer-col{border-bottom-color:rgba(255,255,255,.08)}
    .footer-col:last-child{border-bottom:0}
    .footer-col h3{margin-bottom:10px;font-size:13px}
    .footer-col ul{gap:6px}
    .footer-col a{font-size:13px;padding:4px 0;display:inline-block}
    .footer-brand__logo svg{width:120px;height:auto}
    .footer-brand__addr{font-size:13px}
    .footer-brand__tags{flex-wrap:wrap;gap:8px}
    .footer-brand__social a{width:36px;height:36px}
}

/* ── Footer pay + bot rows ──────────────────────────────────── */
@media (max-width:760px){
    .bot-row{flex-direction:column;align-items:center;gap:14px;text-align:center}
    .bot-links{flex-wrap:wrap;justify-content:center;gap:8px 14px;row-gap:6px}
    .bot-links a{font-size:12px}
}

/* ── Blog kartları ──────────────────────────────────────────── */
@media (max-width:760px){
    .blog-card__title{font-size:14px;-webkit-line-clamp:2}
    .blog-card__summary{font-size:12px;-webkit-line-clamp:2}
    .blog-card__media{aspect-ratio:16/9}
}

/* ── Streamer kartları ──────────────────────────────────────── */
@media (max-width:560px){
    .streamer-card{padding:12px;gap:12px}
    .streamer-card__avatar{width:56px;height:56px}
    .streamer-card__head h3{font-size:14px}
    .streamer-card__handle{font-size:12px}
}

/* ── Swiper nav (popüler/yeni) ──────────────────────────────── */
@media (max-width:760px){
    .cat-nav-btn{width:36px;height:36px}
    .home-section__actions{gap:8px}
    .home-section__more{padding:0 12px;font-size:12px}
}
@media (max-width:480px){
    .home-section__more{display:none} /* aksiyon yığılması engelle */
}

/* ── CDKEY grid ─────────────────────────────────────────────── */
@media (max-width:760px){
    /* CD-Key grid → yatay scroll carousel */
    .cdkey-grid{
        display:flex;gap:12px;
        grid-template-columns:none;
        overflow-x:auto;scrollbar-width:none;
        scroll-snap-type:x mandatory;
        -webkit-overflow-scrolling:touch;
        padding:4px 12px 8px;
        margin:0 -12px;
    }
    .cdkey-grid::-webkit-scrollbar{display:none}
    .cdkey-card{
        flex:0 0 64%;
        scroll-snap-align:start;
        aspect-ratio:3/4;
        min-width:0;
    }
    .cdkey-card__name{font-size:15px}
    .cdkey-card__sub{font-size:12px}
    .cdkey-card__body{padding:18px 18px 18px}
}
@media (max-width:480px){
    .cdkey-card{flex-basis:72%}
}
@media (max-width:380px){
    .cdkey-card{flex-basis:84%}
}

/* ── SQL debug panel mobilde küçült ─────────────────────────── */
@media (max-width:760px){
    details[style*="z-index:99999"]{font-size:11px;max-height:40vh}
}

/* ═══════════════════════════════════════════════════════════════════════════
   APP MODAL (generic)
   ═══════════════════════════════════════════════════════════════════════════ */
html.app-modal-open{overflow:hidden}
.app-modal{
    position:fixed;inset:0;z-index:200;
    visibility:hidden;pointer-events:none;
    opacity:0;transition:opacity .25s ease, visibility 0s linear .25s;
    display:grid;place-items:center;
    padding:20px;
}
.app-modal.is-open{
    visibility:visible;pointer-events:auto;opacity:1;
    transition:opacity .25s ease;
}
.app-modal__scrim{
    position:absolute;inset:0;
    background:rgba(8,10,14,.62);
    backdrop-filter:blur(6px);
    -webkit-backdrop-filter:blur(6px);
}
.app-modal__panel{
    position:relative;z-index:1;
    background:var(--card);
    border-radius:20px;
    box-shadow:0 40px 80px -20px rgba(0,0,0,.4);
    max-width:100%;
    max-height:calc(100vh - 40px);
    transform:translateY(20px) scale(.98);
    transition:transform .3s cubic-bezier(.4,0,.2,1);
    overflow:hidden;
}
.app-modal.is-open .app-modal__panel{transform:translateY(0) scale(1)}
.app-modal__close{
    position:absolute;top:14px;right:14px;z-index:5;
    width:36px;height:36px;
    display:grid;place-items:center;
    background:#dc2626;color:#fff;
    border:0;border-radius:50%;cursor:pointer;
    box-shadow:0 6px 16px -4px rgba(220,38,38,.45);
    transition:background .2s,transform .15s,box-shadow .2s;
}
.app-modal__close:hover{
    background:#b91c1c;
    transform:rotate(90deg);
    box-shadow:0 8px 20px -4px rgba(220,38,38,.55);
}
.app-modal__close:active{transform:rotate(90deg) scale(.92)}
.app-modal__close i{font-size:20px;line-height:1;color:#fff}

/* ═══════════════════════════════════════════════════════════════════════════
   AUTH MODAL (login + register)
   ═══════════════════════════════════════════════════════════════════════════ */
.auth-modal .app-modal__panel{
    width:min(940px,100%);
    display:grid;
    grid-template-columns:1fr 1fr;
}
.auth-modal--lg .app-modal__panel{width:min(1040px,100%)}

.auth-modal__form{
    padding:44px 40px 36px;
    overflow-y:auto;
    max-height:calc(100vh - 40px);
    display:flex;flex-direction:column;gap:12px;
    scrollbar-width:thin;
}
.auth-modal__form::-webkit-scrollbar{width:6px}
.auth-modal__form::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}
.auth-modal__title{
    margin:0 0 4px;
    font-size:clamp(22px,2.4vw,28px);
    font-weight:800;letter-spacing:-.02em;line-height:1.15;
    color:var(--foreground);
}
.auth-modal__sub{
    margin:0 0 10px;
    font-size:13.5px;color:var(--muted-foreground);line-height:1.55;
}

/* Sosyal */
.auth-social{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:4px}
.auth-social__btn{
    display:inline-flex;align-items:center;justify-content:center;gap:8px;
    height:46px;padding:0 14px;
    background:var(--card);
    border:1px solid var(--border);border-radius:12px;
    color:var(--foreground);font-weight:600;font-size:13px;
    text-decoration:none;
    transition:border-color .2s,transform .15s,background .2s,box-shadow .2s;
}
.auth-social__btn i,.auth-social__btn svg{font-size:18px;line-height:1;flex-shrink:0}
.auth-social__btn:hover{
    transform:translateY(-1px);
    border-color:var(--primary);
    box-shadow:0 4px 12px -4px rgba(0,0,0,.12);
}
.auth-social__btn--google i{color:#ea4335}
.auth-social__btn--twitch i{color:#9146ff}
.auth-social__btn--kick svg{color:#53fc18}

.auth-divider{
    display:flex;align-items:center;gap:12px;
    color:var(--muted-foreground);font-size:11px;font-weight:600;
    text-transform:uppercase;letter-spacing:.14em;
    margin:14px 0 8px;
}
.auth-divider::before,.auth-divider::after{
    content:"";flex:1;height:1px;background:var(--border);
}

/* Field */
.auth-field{
    position:relative;
    display:flex;align-items:center;
    background:var(--card);
    border:1px solid var(--border);border-radius:12px;
    height:46px;padding:0 12px 0 40px;
    transition:border-color .2s,box-shadow .2s;
    margin-bottom:8px;
    box-sizing:border-box;
    width:100%;min-width:0;
}
.auth-field:focus-within{
    border-color:var(--primary);
    box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 18%,transparent);
}
.auth-field__ico{
    position:absolute;left:12px;top:50%;transform:translateY(-50%);
    color:var(--muted-foreground);font-size:17px;
    pointer-events:none;
}
.auth-field input{
    flex:1;width:100%;height:100%;
    border:0;outline:0;background:transparent;
    color:var(--foreground);font-size:14px;font-family:inherit;
    padding:0;min-width:0;
    box-sizing:border-box;
}
.auth-field input::placeholder{color:var(--muted-foreground)}
.auth-field__pw{
    background:transparent;border:0;cursor:pointer;
    width:32px;height:32px;display:grid;place-items:center;
    color:var(--muted-foreground);
    margin-right:-6px;
}
.auth-field__pw:hover{color:var(--foreground)}

.auth-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:8px;min-width:0}
.auth-grid .auth-field{margin-bottom:0;min-width:0}
.auth-grid--phone{grid-template-columns:110px 1fr}
.auth-field--cc{padding-left:36px}
.auth-field--cc .auth-field__ico{left:10px;font-size:15px}

.auth-row{
    display:flex;align-items:center;justify-content:space-between;
    flex-wrap:wrap;gap:10px;
    margin:4px 0 8px;
}
.auth-link{color:var(--primary);font-size:13px;font-weight:600;text-decoration:none}
.auth-link:hover{text-decoration:underline}

.btn--block{
    width:100%;justify-content:center;
    height:50px;font-size:14px;font-weight:700;
    margin-top:6px;
}

.auth-foot{
    margin:14px 0 0;text-align:center;
    padding-top:14px;
    border-top:1px solid var(--border);
    font-size:13px;color:var(--muted-foreground);
    display:flex;justify-content:center;align-items:center;gap:6px;flex-wrap:wrap;
}
.auth-foot a{color:var(--primary);font-weight:700;text-decoration:none}
.auth-foot a:hover{text-decoration:underline}
.auth-foot__link{margin-right:4px}
.auth-foot__sep{color:var(--muted-foreground);opacity:.5}

.captcha-wrap{
    display:flex;justify-content:center;
    margin:4px 0;min-height:65px;
}
.captcha-wrap:empty{display:none}

.auth-info{
    display:flex;align-items:flex-start;gap:8px;
    padding:10px 12px;margin-top:8px;
    background:color-mix(in srgb,var(--primary) 12%,var(--card));
    border:1px solid color-mix(in srgb,var(--primary) 32%,var(--border));
    border-radius:10px;
    font-size:12px;color:var(--foreground);line-height:1.5;
}
.auth-info i{color:var(--primary);font-size:16px;flex-shrink:0;margin-top:1px}

/* ─── Standalone auth sayfası (reset-password) — modal değil, tam sayfa kart ─── */
.auth-standalone{
    min-height:60vh;
    display:flex;align-items:center;justify-content:center;
    padding:48px 16px;
}
.auth-standalone__card{
    width:100%;max-width:420px;
    background:var(--card);
    border:1px solid var(--border);
    border-radius:18px;
    padding:32px 30px;
    box-shadow:0 14px 50px -18px color-mix(in srgb,var(--foreground) 28%,transparent);
}
.auth-standalone__icon{
    width:54px;height:54px;border-radius:14px;
    display:flex;align-items:center;justify-content:center;
    font-size:26px;margin-bottom:16px;
    background:color-mix(in srgb,var(--primary) 14%,var(--card));
    color:var(--primary);
}
.auth-standalone__icon--error{
    background:color-mix(in srgb,#dc2626 12%,var(--card));
    color:#dc2626;
}
.auth-standalone__card .auth-modal__title{margin-bottom:6px}
.auth-standalone__card .btn{margin-top:6px}

/* Sağ hero */
.auth-modal__hero{
    position:relative;
    background-size:cover;background-position:center;
    min-height:560px;
    display:flex;align-items:flex-end;
    border-radius:0 20px 20px 0;
    overflow:hidden;
}
.auth-modal--lg .auth-modal__hero{min-height:640px}
.auth-modal__hero-overlay{
    width:100%;padding:36px 32px;
    background:linear-gradient(180deg,rgba(8,10,14,0) 0%,rgba(8,10,14,.5) 45%,rgba(8,10,14,.94) 100%);
    color:#fff;
    display:flex;flex-direction:column;gap:12px;
}
.auth-hero__chip{
    align-self:flex-start;
    display:inline-flex;align-items:center;gap:6px;
    padding:5px 12px;
    background:rgba(255,255,255,.14);
    border:1px solid rgba(255,255,255,.22);
    backdrop-filter:blur(8px);
    border-radius:999px;
    font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;
}
.auth-modal__hero .auth-hero__title{
    margin:0;font-size:clamp(22px,2.6vw,30px);
    font-weight:800;letter-spacing:-.02em;line-height:1.15;
}
.auth-modal__hero p{margin:0;font-size:14px;opacity:.9;line-height:1.5}
.auth-hero__bullets{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:6px;font-size:13px}
.auth-hero__bullets li{display:flex;align-items:center;gap:8px}
.auth-hero__bullets li i{color:var(--primary)}

/* ═══════════════════════════════════════════════════════════════════════════
   APP CHECK (custom checkbox)
   ═══════════════════════════════════════════════════════════════════════════ */
.app-check{
    display:inline-flex;align-items:flex-start;gap:10px;
    cursor:pointer;
    font-size:13px;line-height:1.5;
    color:var(--foreground);
    user-select:none;
}
.app-check input[type="checkbox"]{
    position:absolute;opacity:0;pointer-events:none;
}
.app-check__box{
    flex-shrink:0;
    width:22px;height:22px;
    border:2px solid var(--border);
    background:var(--card);
    border-radius:6px;
    display:flex;align-items:center;justify-content:center;
    transition:background .15s,border-color .15s,transform .12s;
    margin-top:0;
}
.app-check__box i{
    font-size:17px;font-weight:900;
    color:#fff;opacity:0;transform:scale(.5);
    transition:opacity .15s,transform .15s;
    line-height:1;
    -webkit-text-stroke:1.5px currentColor;
    display:block;
}
.app-check.is-on .app-check__box,
.app-check input:checked + .app-check__box{
    background:var(--primary);border-color:var(--primary);
}
.app-check.is-on .app-check__box i,
.app-check input:checked + .app-check__box i{
    opacity:1;transform:scale(1);
    color:#171717;
}
.app-check:hover .app-check__box{border-color:var(--primary)}
.app-check__label{flex:1}
.app-check--sm{font-size:12px}
.app-check--sm .app-check__box{width:18px;height:18px;border-radius:5px}

.app-check--master{
    padding:10px 12px;
    margin-top:6px;
    background:color-mix(in srgb,var(--primary) 10%,var(--card));
    border:1px solid color-mix(in srgb,var(--primary) 30%,var(--border));
    border-radius:8px;
    font-size:12.5px;
}
.app-check--master .app-check__box{width:18px;height:18px;border-radius:5px}
.app-check--master .app-check__box i{font-size:14px}
.app-check--master .app-check__label{font-weight:600}
.app-check--master .app-check__label strong{font-weight:700}

.auth-terms{
    display:flex;flex-direction:column;gap:4px;
    padding:8px 10px;
    margin-top:2px;
    border:1px dashed var(--border);
    border-radius:8px;
    background:color-mix(in srgb,var(--muted) 40%,transparent);
}
.auth-terms .app-check{
    gap:8px;
    padding:2px 4px;
    align-items:center;
    font-size:11.5px;
    line-height:1.35;
}
.auth-terms .app-check__box{
    width:16px;height:16px;border-width:1.5px;border-radius:4px;
}
.auth-terms .app-check__box i{font-size:12px}
.auth-terms .app-check__label{
    font-size:11.5px;color:var(--muted-foreground);
    overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.auth-terms .app-check__label a{color:var(--primary);font-weight:600}

/* ═══════════════════════════════════════════════════════════════════════════
   PASSWORD METER
   ═══════════════════════════════════════════════════════════════════════════ */
.pw-meter{
    display:flex;align-items:center;gap:12px;
    margin:-4px 0 4px;
    padding:0 4px;
}
.pw-meter__track{
    flex:1;height:6px;
    background:var(--muted);
    border-radius:3px;overflow:hidden;
}
.pw-meter__bar{
    display:block;height:100%;width:0%;
    background:#dc2626;
    transition:width .25s,background .25s;
    border-radius:3px;
}
.pw-meter__label{font-size:11px;font-weight:700;min-width:72px;text-align:right;letter-spacing:.02em}

/* ═══════════════════════════════════════════════════════════════════════════
   FORM MESSAGE (inline)
   ═══════════════════════════════════════════════════════════════════════════ */
.form-msg{
    display:none;
    align-items:flex-start;gap:8px;
    margin:8px 0;
    padding:10px 12px;
    border-radius:10px;
    font-size:13px;line-height:1.45;
    border:1px solid transparent;
    animation:form-msg-in .25s ease;
}
.form-msg.is-on{display:flex}
.form-msg i{font-size:18px;flex-shrink:0;line-height:1.2;margin-top:1px}
.form-msg span{flex:1}
.form-msg--success{
    background:color-mix(in srgb,#16a34a 12%,var(--card));
    border-color:color-mix(in srgb,#16a34a 35%,var(--border));
    color:#16a34a;
}
.form-msg--error{
    background:color-mix(in srgb,#dc2626 12%,var(--card));
    border-color:color-mix(in srgb,#dc2626 35%,var(--border));
    color:#dc2626;
}
.form-msg--warning{
    background:color-mix(in srgb,#f59e0b 12%,var(--card));
    border-color:color-mix(in srgb,#f59e0b 35%,var(--border));
    color:#b45309;
}
.form-msg--info{
    background:color-mix(in srgb,#3b82f6 12%,var(--card));
    border-color:color-mix(in srgb,#3b82f6 35%,var(--border));
    color:#3b82f6;
}
@keyframes form-msg-in{
    from{opacity:0;transform:translateY(-4px)}
    to{opacity:1;transform:translateY(0)}
}

/* ═══════════════════════════════════════════════════════════════════════════
   FORM SHAKE (ajax error)
   ═══════════════════════════════════════════════════════════════════════════ */
@keyframes form-shake{
    0%,100%{transform:translateX(0)}
    15%,45%,75%{transform:translateX(-6px)}
    30%,60%,90%{transform:translateX(6px)}
}
.shake{animation:form-shake .55s cubic-bezier(.36,.07,.19,.97) both}

/* ═══════════════════════════════════════════════════════════════════════════
   BUTTON LOADING STATE
   ═══════════════════════════════════════════════════════════════════════════ */
.btn-loading{position:relative;color:transparent !important;pointer-events:none}
.btn-loading > *{visibility:hidden}
.btn-loading::after{
    content:"";
    position:absolute;left:50%;top:50%;
    width:18px;height:18px;
    margin:-9px 0 0 -9px;
    border:2px solid #171717;
    border-top-color:transparent !important;
    border-radius:50%;
    animation:btn-spin .6s linear infinite;
}
.btn--ghost.btn-loading::after{border-color:var(--foreground)}
/* Loading sırasında buton :disabled alır → bg var(--muted) olur (light'ta açık, dark'ta koyu gri).
   Spinner her iki temada da muted üstünde görünmesi için var(--foreground) (tek doğru değer).
   Eski hardcoded #fff (sell) light'ta, #171717 (buy) dark'ta görünmüyordu. */
.prod-card__cart.btn-loading::after,
.prod-card__buy.btn-loading::after,
.prod-card__sell.btn-loading::after{border-color:var(--foreground)}
.prod-card__cart.btn-loading::after,
.prod-card__buy.btn-loading::after,
.prod-card__sell.btn-loading::after{border-top-color:transparent !important}
@keyframes btn-spin{to{transform:rotate(360deg)}}

/* ═══════════════════════════════════════════════════════════════════════════
   SwalAlert2 — tema rengi override
   ═══════════════════════════════════════════════════════════════════════════ */
.app-swal.swal2-popup{border-radius:18px;font-family:Inter,sans-serif}
.app-swal .swal2-confirm{font-weight:700 !important;border-radius:10px !important}
.app-swal .swal2-cancel{font-weight:600 !important;border-radius:10px !important}

/* ═══════════════════════════════════════════════════════════════════════════
   AUTH MODAL — responsive
   ═══════════════════════════════════════════════════════════════════════════ */
@media (max-width:820px){
    .auth-modal .app-modal__panel{grid-template-columns:1fr}
    .auth-modal__hero{display:none}
    .auth-modal__form{padding:28px 22px 24px}
    .auth-modal__title{font-size:22px}
    .auth-social{grid-template-columns:1fr 1fr 1fr}
    .auth-social__btn span{display:none}
    .auth-social__btn{padding:0;height:44px;gap:0}
}
@media (max-width:480px){
    /* Mobil: tam ekran + içerik tek scroll */
    .app-modal{padding:0;align-items:stretch;display:flex}
    .app-modal__panel{
        border-radius:0;
        width:100% !important;max-width:none;
        max-height:100vh;height:100vh;
        display:flex;flex-direction:column;
    }
    .auth-modal__form{
        max-height:none;height:100%;
        padding:60px 18px 24px;
        gap:10px;
        overflow-y:auto;
        -webkit-overflow-scrolling:touch;
        overscroll-behavior:contain;
    }
    .auth-modal__title{font-size:20px}
    .auth-modal__sub{font-size:13px}
    .auth-field{height:44px;padding:0 10px 0 38px;margin-bottom:6px}
    .auth-field__ico{left:11px;font-size:16px}
    .auth-grid{grid-template-columns:1fr;gap:6px;margin-bottom:6px}
    .auth-grid--phone{grid-template-columns:96px 1fr;gap:8px}
    .auth-terms{padding:12px 14px;gap:10px}
    .auth-terms .app-check{font-size:12px}
    .btn--block{height:48px}
    .app-modal__close{top:10px;right:10px;width:34px;height:34px}
    .app-modal__close i{font-size:18px}
    .auth-social{gap:8px}
    .pw-meter{padding:0 2px}
}

/* ═══════════════════════════════════════════════════════════════════════════
   CATEGORY DETAIL (/categories/{slug})
   ═══════════════════════════════════════════════════════════════════════════ */

/* ═══ page-hero — tekrar kullanılabilir header altı hero bileşeni ═══
   parts/_page-hero.php tarafından render edilir. Image yok, gradient mesh + brand glow.
   Compact (~180px) ve theme-aware (light/dark uyumlu). */
.page-hero{
    position:relative;isolation:isolate;overflow:hidden;
    padding:48px 0 44px;
    background:transparent; /* header transparent — uyumlu kalsın */
}
.page-hero--compact{padding:28px 0 24px}
.page-hero--tall   {padding:72px 0 64px}
/* Mesh — sayfa bg'sine fısıltı seviyesinde primary glow, header'la pürüzsüz akar */
.page-hero__mesh{
    position:absolute;inset:0;z-index:0;pointer-events:none;
    background:
        radial-gradient(70% 100% at 10% 0%, color-mix(in srgb,var(--primary) 14%,transparent) 0%, transparent 60%),
        radial-gradient(50% 100% at 95% 100%, color-mix(in srgb,var(--primary) 8%,transparent) 0%, transparent 65%);
}
.page-hero__inner{
    position:relative;z-index:1;
    max-width:var(--container);margin:0 auto;padding:0 24px;
}
.page-hero__crumb{
    display:flex;align-items:center;gap:8px;flex-wrap:wrap;
    font-size:12.5px;font-weight:500;color:var(--muted-foreground);
    margin-bottom:22px;
}
.page-hero__crumb a{color:var(--muted-foreground);text-decoration:none;transition:color .15s;display:inline-flex;align-items:center;gap:4px}
.page-hero__crumb a:hover{color:var(--foreground)}
.page-hero__crumb a > i{font-size:14px}
.page-hero__crumb-sep{opacity:.45}
.page-hero__crumb .is-active{color:var(--foreground);font-weight:600;display:inline-flex;align-items:center;gap:4px}
.page-hero__crumb .is-active i{font-size:14px}

.page-hero__head{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.page-hero__icon{
    width:68px;height:68px;flex-shrink:0;
    display:grid;place-items:center;border-radius:18px;
    background:color-mix(in srgb,var(--primary) 16%,transparent);
    color:var(--primary);
    border:1px solid color-mix(in srgb,var(--primary) 28%,var(--border));
    font-size:30px;
    box-shadow:0 8px 24px -10px color-mix(in srgb,var(--primary) 50%,transparent);
}
.page-hero__text{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}
.page-hero__title{margin:0;font-size:32px;font-weight:800;color:var(--foreground);letter-spacing:-.025em;line-height:1.15}
.page-hero__sub{margin:0;font-size:14.5px;color:var(--muted-foreground);line-height:1.6;max-width:720px}
.page-hero__actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-left:auto}
@media (max-width:760px){
    .page-hero{padding:32px 0 28px}
    .page-hero__actions{margin-left:0;width:100%}
    .page-hero__title{font-size:24px}
    .page-hero__icon{width:54px;height:54px;font-size:24px;border-radius:14px}
    .page-hero__sub{font-size:13.5px}
}
.page-hero__btn{
    display:inline-flex;align-items:center;gap:7px;
    padding:10px 16px;border-radius:10px;
    background:linear-gradient(135deg,var(--primary),var(--primary-hover));
    color:#0a0a0a;font-weight:700;font-size:13px;text-decoration:none;
    box-shadow:0 4px 14px -6px color-mix(in srgb,var(--primary) 55%,transparent);
    transition:transform .15s,box-shadow .15s;white-space:nowrap;border:0;cursor:pointer
}
.page-hero__btn:hover{transform:translateY(-1px);box-shadow:0 8px 22px -6px color-mix(in srgb,var(--primary) 70%,transparent);color:#0a0a0a}
.page-hero__btn i{font-size:15px}
.page-hero__btn--ghost{background:var(--card);color:var(--foreground);border:1px solid var(--border);box-shadow:none}
.page-hero__btn--ghost:hover{border-color:var(--primary);color:var(--primary);box-shadow:none;transform:none}

.page-hero__stats{
    display:flex;gap:10px;flex-wrap:wrap;
    margin-top:18px;
}
.page-hero__stat{
    display:inline-flex;align-items:center;gap:10px;
    padding:8px 14px 8px 8px;
    border:1px solid var(--border);border-radius:12px;
    background:color-mix(in srgb,var(--card) 70%,transparent);
    backdrop-filter:blur(4px);
}
.page-hero__stat-ic{
    width:34px;height:34px;flex-shrink:0;
    display:grid;place-items:center;border-radius:9px;
    background:color-mix(in srgb,var(--primary) 14%,transparent);
    color:var(--primary);font-size:16px;
}
.page-hero__stat-body{display:flex;flex-direction:column;gap:1px;line-height:1.15}
.page-hero__stat-body strong{font-size:15px;font-weight:800;color:var(--foreground);font-variant-numeric:tabular-nums}
.page-hero__stat-body small{font-size:10.5px;color:var(--muted-foreground);text-transform:uppercase;letter-spacing:.4px;font-weight:600}
.page-hero__stat.is-soon .page-hero__stat-body strong{color:var(--muted-foreground);font-weight:700;font-size:12.5px;text-transform:uppercase;letter-spacing:.4px}
.page-hero__stat.is-soon .page-hero__stat-ic{background:color-mix(in srgb,var(--muted-foreground) 14%,transparent);color:var(--muted-foreground)}
@media (max-width:520px){
    .page-hero__stat{flex:1 1 calc(50% - 5px);min-width:0}
}

/* ═══ legacy cat-hero (kapaklı sayfa-spesifik hero) ═══ */
/* Hero — kapak görseli + glow */
.cat-hero{
    position:relative;isolation:isolate;overflow:hidden;
    padding:56px 0 64px;
    min-height:240px;
    background:#0a0e16 center/cover no-repeat;
    color:#fff;
    display:flex;align-items:flex-end;
}
.cat-hero--no-cover{
    background:
        radial-gradient(60% 60% at 18% 0%, color-mix(in srgb,var(--primary) 18%,#0a0e16) 0%, #0a0e16 75%),
        #0a0e16;
}
.cat-hero__veil,
.cat-hero__glow{display:none}
/* Resmi karartmak için tek katmanlı overlay */
.cat-hero::after{
    content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
    background:rgba(0,0,0,.5);
}
.cat-hero__inner{position:relative;z-index:2}
.cat-hero__inner{
    position:relative;z-index:3;
    width:100%;
    max-width:var(--container);margin:0 auto;padding:0 24px;
}
.cat-crumb-nav{
    display:flex;align-items:center;gap:8px;
    color:rgba(255,255,255,.7);font-size:12px;font-weight:500;
    margin-bottom:18px;
    flex-wrap:wrap;
}
.cat-crumb-nav a{
    color:rgba(255,255,255,.7);text-decoration:none;
    transition:color .15s;
}
.cat-crumb-nav a:hover{color:#fff}
.cat-crumb-nav a > i{font-size:14px}
.cat-crumb-sep{opacity:.4}
.cat-crumb-nav .is-active{color:#fff;font-weight:600}

.cat-hero__head{
    display:flex;align-items:center;gap:20px;
    flex-wrap:wrap;
}
.cat-hero__icon{
    width:56px;height:56px;flex-shrink:0;
    display:grid;place-items:center;
    background:rgba(255,255,255,.08);
    border:1px solid rgba(255,255,255,.14);
    backdrop-filter:blur(10px);
    border-radius:14px;
    box-shadow:0 12px 28px -16px rgba(0,0,0,.45);
}
.cat-hero__icon i{font-size:28px;color:#fff}
.cat-hero__icon--img{padding:0;overflow:hidden;background:transparent !important}
.cat-hero__icon--img img{width:100%;height:100%;object-fit:cover;display:block}
.cat-hero__title{
    margin:0;
    font-size:clamp(22px,3.2vw,36px);
    font-weight:800;letter-spacing:-.02em;line-height:1.1;
    color:#fff;
    text-shadow:0 2px 12px rgba(0,0,0,.35);
}
.cat-hero__sub{
    margin:6px 0 0;max-width:680px;
    color:rgba(255,255,255,.72);
    font-size:14px;line-height:1.5;
    text-shadow:0 1px 8px rgba(0,0,0,.3);
}
.cat-hero__desc{
    margin:10px 0 0;max-width:720px;
    color:rgba(255,255,255,.62);
    font-size:13px;line-height:1.55;
    text-shadow:0 1px 8px rgba(0,0,0,.25);
    display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;
}

/* Alt kategoriler — büyük görsel grid (kartsız) */
.cat-children-wrap{padding-top:8px}
.cat-children{
    display:grid;
    grid-template-columns:repeat(auto-fill,minmax(240px,1fr));
    gap:24px;
}
.cat-child{
    display:flex;flex-direction:column;gap:14px;
    text-decoration:none;color:inherit;
    transition:transform .2s;
}
.cat-child:hover{transform:translateY(-5px)}
.cat-child__cover{
    position:relative;aspect-ratio:1/1;overflow:hidden;
    border-radius:20px;
    transition:box-shadow .25s;
}
.cat-child:hover .cat-child__cover{
    box-shadow:0 22px 40px -18px rgba(0,0,0,.32);
}
.cat-child__cover img{
    width:100%;height:100%;object-fit:cover;display:block;
    transition:transform .55s ease-out;
}
.cat-child:hover .cat-child__cover img{transform:scale(1.05)}

/* Icon fallback — sade gradient bg */
.cat-child__icon-wrap{
    width:100%;height:100%;
    display:grid;place-items:center;
    background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 18%,#0f1320) 0%,#0f1320 100%);
}
.cat-child__icon{font-size:64px;color:rgba(255,255,255,.5)}

.cat-child__label{
    display:flex;flex-direction:column;gap:4px;
    padding:0 6px;
}
.cat-child__label h3{
    margin:0;font-size:16px;font-weight:700;letter-spacing:-.01em;
    color:var(--foreground);line-height:1.35;
    /* Kırpma yok — tam satırı göster, gerekirse 2 satır wrap */
    display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;
    overflow:hidden;word-break:break-word;
}
.cat-child__label p{
    margin:0;font-size:13px;color:var(--muted-foreground);
    line-height:1.45;
    display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;
    overflow:hidden;
}

/* ── Tab'lı içerik bölümü — renksiz, minimal ─────────────────── */
.cat-tabs-wrap{padding-top:32px}
.cat-tabs{
    background:transparent;
    border:0;
}
.cat-tabs__nav{
    display:flex;gap:2px;
    border-bottom:1px solid var(--border);
    overflow-x:auto;scrollbar-width:none;
    margin-bottom:24px;
}
.cat-tabs__nav::-webkit-scrollbar{display:none}
.cat-tabs__btn{
    display:inline-flex;align-items:center;gap:8px;
    padding:14px 18px;
    background:transparent;border:0;cursor:pointer;
    color:var(--muted-foreground);
    font-size:13.5px;font-weight:600;font-family:inherit;
    border-bottom:2px solid transparent;
    margin-bottom:-1px;
    white-space:nowrap;
    transition:color .15s,border-color .15s;
}
.cat-tabs__btn i{font-size:16px;opacity:.7}
.cat-tabs__btn:hover{color:var(--foreground)}
.cat-tabs__btn.is-on{
    color:var(--foreground);
    border-bottom-color:var(--foreground);
}
.cat-tabs__btn.is-on i{opacity:1}
.cat-tabs__panel{display:none}
.cat-tabs__panel.is-on{display:block}

/* ── FAQ accordion — premium ───────────────────────────────────── */
.cat-rich--faq{display:flex;flex-direction:column;gap:10px;max-width:none}
.cat-faq-item{
    position:relative;
    background:var(--card);
    border:1px solid var(--border);
    border-radius:14px;
    overflow:hidden;
    transition:border-color .2s,box-shadow .25s,transform .15s;
    margin-bottom: 10px;
}
.cat-faq-item:hover{
    border-color:color-mix(in srgb,var(--primary) 35%,var(--border));
    box-shadow:0 4px 14px -8px rgba(0,0,0,.1);
}
.cat-faq-item[open]{
    border-color:color-mix(in srgb,var(--primary) 50%,var(--border));
    box-shadow:0 12px 28px -16px color-mix(in srgb,var(--primary) 25%,rgba(0,0,0,.2));
}
.cat-faq-item[open]::before{
    content:"";
    position:absolute;left:0;top:0;bottom:0;width:3px;
    background:var(--primary);
    border-radius:14px 0 0 14px;
}

.cat-faq-item > summary{
    position:relative;cursor:pointer;list-style:none;
    display:flex;align-items:center;gap:14px;
    padding:18px 56px 18px 20px;
    font-size:15px;font-weight:700;color:var(--foreground);
    letter-spacing:-.01em;line-height:1.4;
    transition:color .15s,background .15s;
}
.cat-faq-item > summary::-webkit-details-marker{display:none}
.cat-faq-item > summary:hover{background:color-mix(in srgb,var(--primary) 4%,transparent)}

.cat-faq-item__icon{
    flex-shrink:0;
    width:34px;height:34px;
    display:grid;place-items:center;
    background:color-mix(in srgb,var(--primary) 14%,var(--card));
    color:var(--primary);
    border-radius:10px;
    font-size:18px;
    transition:background .25s,color .25s,transform .25s;
}
.cat-faq-item[open] .cat-faq-item__icon{
    background:var(--primary);
    color:#171717;
    transform:rotate(-8deg) scale(1.05);
}

.cat-faq-item > summary::after{
    content:"";
    position:absolute;right:22px;top:50%;
    width:10px;height:10px;
    border-right:2.5px solid var(--muted-foreground);
    border-bottom:2.5px solid var(--muted-foreground);
    border-radius:0 0 2px 0;
    transform:translateY(-70%) rotate(45deg);
    transition:transform .25s,border-color .2s;
}
.cat-faq-item[open] > summary::after{
    transform:translateY(-25%) rotate(-135deg);
    border-color:var(--primary);
}

.cat-faq-item__body{
    padding:0 20px 18px 68px;
    animation:faq-slide-in .25s ease;
}
.cat-faq-item__body :first-child{margin-top:0}
.cat-faq-item__body :last-child{margin-bottom:0}
.cat-faq-item__body p,
.cat-faq-item__body li{
    font-size:14px;line-height:1.7;color:var(--muted-foreground);
}
@keyframes faq-slide-in{
    from{opacity:0;transform:translateY(-6px)}
    to{opacity:1;transform:translateY(0)}
}

/* ── View toggle (grid/list) ───────────────────────────────────── */
.view-toggle{
    display:inline-flex;gap:2px;
    background:var(--muted);
    border:1px solid var(--border);
    border-radius:10px;
    padding:3px;
}
.view-toggle__btn{
    display:grid;place-items:center;
    width:36px;height:32px;
    background:transparent;border:0;cursor:pointer;
    color:var(--muted-foreground);
    border-radius:7px;
    transition:background .15s,color .15s;
}
.view-toggle__btn i{font-size:16px}
.view-toggle__btn:hover{color:var(--foreground)}
.view-toggle__btn.is-on{
    background:var(--card);
    color:var(--primary);
    box-shadow:0 1px 3px rgba(0,0,0,.08);
}

/* ── Ürün listesi — premium kart ───────────────────────────────── */
.cat-products-wrap{padding-top:36px}
.prod-search{position:relative;display:inline-flex;align-items:center}
.prod-search i{position:absolute;left:11px;color:var(--muted-foreground);font-size:14px;pointer-events:none;z-index:2}
.prod-search input{
    height:36px;padding:0 12px 0 32px;
    border:1px solid color-mix(in srgb,var(--foreground) 14%,transparent);border-radius:8px;
    background:color-mix(in srgb,var(--card) 55%,transparent);color:var(--foreground);
    -webkit-backdrop-filter:blur(14px) saturate(180%);backdrop-filter:blur(14px) saturate(180%);
    font:inherit;font-size:13px;
    min-width:200px;outline:none;
    transition:border-color .15s,box-shadow .15s;
}
.prod-search input:focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 18%,transparent)}
.prod-search input::-webkit-search-cancel-button{appearance:none}
.prod-search input{padding-right:32px}
.prod-search__clear{
    position:absolute;right:8px;top:50%;transform:translateY(-50%);z-index:2;
    width:22px;height:22px;display:grid;place-items:center;
    border-radius:50%;color:var(--muted-foreground);text-decoration:none;
    transition:all .15s ease;
}
.prod-search__clear:hover{background:var(--muted);color:var(--foreground)}
.prod-search__clear i{position:static;font-size:14px;color:inherit}
.prod-empty-search{padding:40px 20px;text-align:center;color:var(--muted-foreground);border:1px dashed var(--border);border-radius:14px;background:var(--card)}
.prod-empty-search i{font-size:34px;display:block;margin-bottom:8px;opacity:.7;color:var(--primary)}
.prod-empty-search p{margin:0;font-size:13.5px}
@media (max-width:600px){.prod-search input{min-width:0;width:100%}}
.cat-products{
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:14px;
}
@media (max-width:1280px){.cat-products{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}}
@media (max-width:1100px){.cat-products{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}}
@media (max-width:780px){.cat-products{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}}
.cat-products--list{
    display:flex;flex-direction:column;gap:8px;
}
.cat-products--list .prod-card{
    flex-direction:row;
    align-items:stretch;
}
.cat-products--list .prod-card__cover{
    width:136px;flex-shrink:0;aspect-ratio:1/1;
}
/* Body: sol info kolonu (brand/name/sub/meta) + sağda tek satır halinde price/qty/actions */
.cat-products--list .prod-card__body{
    flex:1;display:grid;
    grid-template-columns:minmax(0,1fr) auto auto auto;
    grid-template-rows:auto auto auto auto;
    grid-template-areas:
        "brand  price qty actions"
        "name   price qty actions"
        "sub    price qty actions"
        "meta   price qty actions";
    column-gap:12px;row-gap:1px;
    padding:10px 14px;align-items:center;
}
.cat-products--list .prod-card__body > .prod-card__brand   {grid-area:brand;align-self:end;margin:0}
.cat-products--list .prod-card__body > .prod-card__name    {grid-area:name;margin:0;font-size:14.5px;-webkit-line-clamp:1;min-height:0}
.cat-products--list .prod-card__body > .prod-card__sub     {grid-area:sub;margin:0;font-size:11.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1;color:var(--muted-foreground)}
.cat-products--list .prod-card__body > .prod-card__meta-row{grid-area:meta;justify-self:start;align-self:start;margin-top:4px}

.cat-products--list .prod-card__body > .prod-card__price-block{
    grid-area:price;justify-self:end;align-self:center;
    padding:6px 10px;min-width:130px;justify-content:flex-end;
}
.cat-products--list .prod-card__price-unit{margin-left:6px}

.cat-products--list .prod-card__body > .prod-card__qty{
    grid-area:qty;justify-self:end;align-self:center;height:32px;
}
.cat-products--list .prod-card__qty-btn{width:28px;height:30px}
.cat-products--list .prod-card__qty-input{width:36px;height:30px}

.cat-products--list .prod-card__body > .prod-card__actions{
    grid-area:actions;justify-self:end;align-self:center;
    display:flex;gap:6px;margin:0;
}
.cat-products--list .prod-card__cart,
.cat-products--list .prod-card__buy{padding:0 12px;min-width:100px;height:32px;font-size:12px}
.cat-products--list .prod-card__sell{height:32px;padding:0 10px}
.cat-products--list .prod-card__badge{top:8px;left:8px}
.prod-card{
    --prod-radius:16px;
    position:relative;
    display:flex;flex-direction:column;
    background:var(--card);
    border:1px solid var(--border);
    border-radius:var(--prod-radius);
    overflow:hidden;
    transition:transform .2s,border-color .2s,box-shadow .25s;
}
.prod-card:hover{
    transform:translateY(-3px);
    border-color:color-mix(in srgb,var(--primary) 50%,var(--border));
    box-shadow:0 18px 32px -16px color-mix(in srgb,var(--primary) 25%,rgba(0,0,0,.25));
}

/* ═══ Ürün kartları cam — pure-white (--card lab100%) sıcak sayfa bg üstünde
   sırıtıyordu. Yarı-saydam → sayfa sıcak tonu sızar, beyazlık kırılır + hafif frost.
   Grid'de çok kart var → blur mobilde KAPALI (perf). @supports fallback opak. */
@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){
  .prod-card{
      background:color-mix(in srgb,var(--card) 70%,transparent);
      -webkit-backdrop-filter:blur(12px) saturate(160%);
      backdrop-filter:blur(12px) saturate(160%);
  }
  html[data-theme="dark"] .prod-card{
      background:color-mix(in srgb,var(--card) 62%,transparent);
  }
  /* Mobil: çok kartlı grid'de blur pahalı → kapat, dolguyu opaklaştır */
  @media (max-width:780px){
      .prod-card{
          -webkit-backdrop-filter:none;backdrop-filter:none;
          background:color-mix(in srgb,var(--card) 88%,transparent);
      }
      html[data-theme="dark"] .prod-card{background:color-mix(in srgb,var(--card) 84%,transparent)}
  }
}
.prod-card.is-oos{opacity:.7}
/* Bize Sat aktifse: kart opacity'sini geri al — sell akışı canlı kalsın */
.prod-card.is-oos.has-buy{opacity:1}
.prod-card.is-oos.has-buy .prod-card__cover,
.prod-card.is-oos.has-buy .prod-card__name,
.prod-card.is-oos.has-buy .prod-card__sub,
.prod-card.is-oos.has-buy .prod-card__price-block,
.prod-card.is-oos.has-buy .prod-card__cart,
.prod-card.is-oos.has-buy .prod-card__buy{opacity:.6}
.prod-card.is-oos.has-buy .prod-card__sell{opacity:1;filter:none}

.prod-card__badge{
    position:absolute;top:10px;left:10px;z-index:3;
    display:inline-flex;align-items:center;
    padding:5px 10px;
    background:linear-gradient(135deg,#dc2626,#ef4444);
    color:#fff;
    border-radius:8px;
    font-size:11px;font-weight:800;letter-spacing:.04em;
    box-shadow:0 6px 14px -4px rgba(220,38,38,.55);
}
.prod-card__badge--inline{
    position:static;
    padding:2px 6px;
    gap:3px;
    background:color-mix(in srgb,#dc2626 12%, transparent);
    color:#dc2626;
    border-radius:4px;
    font-size:10.5px;font-weight:700;letter-spacing:.02em;
    box-shadow:none;
    white-space:nowrap;
    align-self:center;
}
.prod-card__badge--inline i{font-size:11px}
/* List (yatay) görünümde: indirim badge'i fiyatın altına alın, satır kaymasın */
.cat-products--list .prod-card__badge--inline{
    flex-basis:100%;
    margin-top:2px;
    align-self:flex-end;
    margin-left:auto;
	max-width: 100px;
}

.prod-card__cover{
    position:relative;aspect-ratio:5/6;overflow:hidden;
    background:linear-gradient(135deg,#0f1320 0%,#1a2030 100%);
    display:grid;place-items:center;
    text-decoration:none;
}
.prod-card__cover img{
    width:100%;height:100%;object-fit:cover;display:block;
    transition:transform .55s ease-out;
}
.prod-card:hover .prod-card__cover img{transform:scale(1.05)}
.prod-card__icon-wrap{
    width:100%;height:100%;
    display:grid;place-items:center;
}
.prod-card__icon-wrap i{font-size:78px;color:rgba(255,255,255,.45)}

.prod-card__body{
    padding:12px 14px 14px;
    display:flex;flex-direction:column;gap:8px;
    flex:1;
}
.prod-card__body > .prod-card__actions{margin-top:auto}
.prod-card__brand{
    display:inline-flex;align-items:center;gap:5px;
    font-size:11px;font-weight:700;letter-spacing:.02em;
    color:var(--muted-foreground);
    margin:0 0 4px;
    text-transform:uppercase;
}
.prod-card__brand-name{
    color:var(--foreground);opacity:.85;
}
.prod-card__brand-verified{
    color:#3b82f6;font-size:14px;line-height:1;
}
.prod-card__price-block{
    display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;
    padding:4px 0;
    background:transparent;
    border:0;
}
.prod-card__price-unit{
    margin-left:auto;
    font-size:11px;font-weight:600;color:var(--muted-foreground);
}
.prod-card__head{display:flex;flex-direction:column;gap:2px;min-width:0}
.prod-card__name{
    margin:0;
    font-size:14.5px;font-weight:700;letter-spacing:-.01em;line-height:1.3;
    color:var(--foreground);
    display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;
    overflow:hidden;
}
.prod-card__name a{color:inherit;text-decoration:none;transition:color .15s}
.prod-card__name a:hover{color:var(--primary)}
.prod-card__sub{
    margin:0;font-size:12px;color:var(--muted-foreground);
    line-height:1.4;
    display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;
}
.prod-card__buy-bar{
    display:flex;align-items:center;justify-content:space-between;gap:8px;
    padding:6px 8px;
    background:color-mix(in srgb,var(--primary) 7%,var(--card));
    border:1px solid color-mix(in srgb,var(--primary) 22%,var(--border));
    border-radius:10px;
    margin-top:auto;
}
.prod-card__price{
    display:flex;align-items:baseline;gap:6px;flex-wrap:wrap;min-width:0;
}
.prod-card__price-old{
    color:var(--muted-foreground);
    font-size:11px;font-weight:500;
    text-decoration:line-through;
    opacity:.75;
}
.prod-card__price-new{
    font-size:16px;font-weight:800;letter-spacing:-.02em;
    color:var(--primary);
    line-height:1;
}

.prod-card__meta-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.prod-card__stock{
    display:inline-flex;align-items:center;gap:5px;
    font-size:11px;font-weight:600;
    padding:3px 0;
    width:fit-content;
}
.prod-card__stock i{font-size:13px}
.prod-card__stock--ok{color:#16a34a}
.prod-card__stock--low{color:#f59e0b}
.prod-card__stock--oos{color:#dc2626}

.prod-card__chip{
    display:inline-flex;align-items:center;gap:4px;
    padding:3px 8px;
    background:color-mix(in srgb,var(--primary) 14%,var(--card));
    color:var(--primary);
    border-radius:6px;
    font-size:10.5px;font-weight:700;
    text-transform:uppercase;letter-spacing:.04em;
}
.prod-card__chip i{font-size:12px}

.prod-card__qty{
    display:flex;align-items:center;
    background:var(--card);
    border:1px solid var(--border);
    border-radius:8px;
    overflow:hidden;
    height:30px;
    width:fit-content;
    flex-shrink:0;
}
.prod-card__qty-btn{
    width:26px;height:28px;
    background:transparent;border:0;cursor:pointer;
    color:var(--foreground);
    display:grid;place-items:center;
    transition:background .15s;
}
.prod-card__qty-btn:hover{background:var(--muted)}
.prod-card__qty-btn i{font-size:14px}
.prod-card__qty-input{
    width:34px;height:28px;
    border:0;outline:0;
    background:transparent;
    text-align:center;
    font-size:12.5px;font-weight:700;
    color:var(--foreground);
    -moz-appearance:textfield;
}
.prod-card__qty-input::-webkit-outer-spin-button,
.prod-card__qty-input::-webkit-inner-spin-button{
    -webkit-appearance:none;margin:0;
}

.prod-card__actions{
    display:grid;grid-template-columns:1fr 1fr;gap:6px;
    margin-top:auto;
}
.prod-card__actions.has-sell{
    grid-template-columns:1fr 1fr;
}
.prod-card__actions.has-sell .prod-card__sell{
    grid-column:1 / -1;
}
.prod-card__cart,
.prod-card__buy,
.prod-card__sell{
    display:inline-flex;align-items:center;justify-content:center;gap:5px;
    height:34px;padding:0 10px;
    border:0;cursor:pointer;
    border-radius:8px;
    font-size:12px;font-weight:700;font-family:inherit;
    letter-spacing:-.005em;
    transition:transform .12s,background .2s,box-shadow .2s,opacity .2s,border-color .2s;
}
.prod-card__cart i,.prod-card__buy i,.prod-card__sell i{font-size:14px}
.prod-card__cart{
    background:#0b0e16;color:#fff;
    border:1px solid rgba(255,255,255,.14);
}
.prod-card__cart:hover{
    background:#161b27;
    border-color:rgba(255,255,255,.24);
    color:#fff;
}
.prod-card__buy{
    background:color-mix(in srgb,var(--primary) 86%,transparent);
    color:#171717;
    border:1px solid color-mix(in srgb,#fff 22%,var(--primary));
    box-shadow:inset 0 1px 0 rgba(255,255,255,.4), 0 4px 10px -5px color-mix(in srgb,var(--primary) 55%,transparent);
}
.prod-card__buy:hover{
    transform:translateY(-1px);
    box-shadow:0 8px 14px -6px color-mix(in srgb,var(--primary) 65%,transparent);
}
.prod-card__sell{
    justify-content:space-between;
    background:linear-gradient(135deg,#7f1d1d,#991b1b);
    color:#fff;
    border:1px solid #7f1d1d;
    padding:0 12px;
    box-shadow:0 4px 10px -5px rgba(127,29,29,.55);
}
.prod-card__sell:hover{
    background:linear-gradient(135deg,#991b1b,#b91c1c);
    border-color:#991b1b;
    box-shadow:0 8px 16px -6px rgba(127,29,29,.7);
    transform:translateY(-1px);
}
.prod-card__sell-lbl{
    display:inline-flex;align-items:center;gap:4px;
    font-size:11px;font-weight:800;
    text-transform:uppercase;letter-spacing:.05em;
    color:inherit;
}
.prod-card__sell-price{
    font-size:13px;font-weight:800;color:inherit;
    letter-spacing:-.01em;
}
.prod-card__cart:disabled,
.prod-card__buy:disabled,
.prod-card__sell:disabled,
.prod-card__cart[aria-disabled="true"],
.prod-card__buy[aria-disabled="true"],
.prod-card__sell[aria-disabled="true"]{
    opacity:.45 !important;
    cursor:not-allowed !important;
    transform:none !important;
    pointer-events:none;
    filter:grayscale(.4);
    background:color-mix(in srgb,var(--muted) 70%,transparent) !important;
    color:var(--muted-foreground) !important;
    border-color:var(--border) !important;
    box-shadow:none !important;
}
.prod-card__cart:disabled:hover,
.prod-card__buy:disabled:hover,
.prod-card__sell:disabled:hover{transform:none !important;background:color-mix(in srgb,var(--muted) 70%,transparent) !important}

/* ── Kategori sayfalama ───────────────────────────────────────── */
.cat-pagination{
    display:flex;flex-wrap:wrap;align-items:center;justify-content:center;
    gap:6px;margin-top:24px;padding:16px 8px;
}
.cat-pagination__btn{
    display:inline-flex;align-items:center;justify-content:center;gap:4px;
    min-width:36px;height:36px;padding:0 10px;
    border:1px solid var(--border);border-radius:8px;
    background:var(--card);color:var(--foreground);
    font-size:13px;font-weight:600;text-decoration:none;
    transition:all .2s ease;
}
.cat-pagination__btn:hover{
    background:color-mix(in srgb,var(--primary) 10%,var(--card));
    border-color:var(--primary);
}
.cat-pagination__btn.is-active{
    background:var(--primary);
    border-color:var(--primary);
    color:#000;cursor:default;
}
.cat-pagination__btn--nav{padding:0 14px}
.cat-pagination__sep{
    display:inline-flex;align-items:center;justify-content:center;
    min-width:28px;height:36px;color:var(--muted-foreground);font-weight:700;
}
.pd-cart:disabled,
.pd-buy-now:disabled,
.pd-sell:disabled{
    opacity:.45 !important;cursor:not-allowed !important;transform:none !important;
    pointer-events:none;filter:grayscale(.4);
}

/* ═══ Liste görünümü — tablet (601–900px): dar ekranda 4-kolon grid sıkışıp
   fiyat/adet dikey kutu gibi yan yana eziliyordu. Bilgiyi üste stack et, fiyat +
   adet + aksiyonu altta tek yatay şeride al. Kapak solda kalır. */
@media (min-width:601px) and (max-width:900px){
    .cat-products--list .prod-card__body{
        grid-template-columns:auto auto minmax(0,1fr);
        grid-template-rows:auto auto auto auto auto;
        grid-template-areas:
            "brand brand brand"
            "name  name  name"
            "sub   sub   sub"
            "meta  meta  meta"
            "price qty   actions";
        column-gap:10px;row-gap:4px;align-items:center;
    }
    .cat-products--list .prod-card__body > .prod-card__brand,
    .cat-products--list .prod-card__body > .prod-card__name,
    .cat-products--list .prod-card__body > .prod-card__sub,
    .cat-products--list .prod-card__body > .prod-card__meta-row{
        justify-self:start;align-self:start;
    }
    .cat-products--list .prod-card__body > .prod-card__price-block{
        justify-self:start;min-width:0;padding-left:0;
    }
    .cat-products--list .prod-card__body > .prod-card__qty{justify-self:start}
    .cat-products--list .prod-card__body > .prod-card__actions{
        justify-self:stretch;flex-wrap:wrap;justify-content:flex-end;
    }
    .cat-products--list .prod-card__cart,
    .cat-products--list .prod-card__buy{min-width:0;flex:1 1 auto}
}

@media (max-width:600px){
    .cat-products{grid-template-columns:repeat(2,1fr);gap:8px}
    .prod-card__name{font-size:12.5px;min-height:32px}
    .prod-card__price-new{font-size:14.5px}
    .prod-card__body{padding:10px}
    .prod-card__actions{grid-template-columns:1fr 1fr}
    .prod-card__cart span,.prod-card__buy span{font-size:11.5px}
    .prod-card__badge{padding:4px 8px;font-size:10px}

    /* List mode mobilde column'a düş.
       ÖNEMLİ: body base'de display:grid → sadece flex-direction vermek grid'i
       bozmaz, 4-kolon grid kalır (fiyat/adet sıkışır). display:flex'e zorla +
       grid-area'ları sıfırla. */
    .cat-products--list .prod-card{flex-direction:column}
    .cat-products--list .prod-card__cover{width:100%;aspect-ratio:16/9}
    .cat-products--list .prod-card__body{
        display:flex;flex-direction:column;flex-wrap:nowrap;align-items:stretch;
        grid-template-columns:none;grid-template-areas:none;
        gap:8px;padding:12px;
    }
    .cat-products--list .prod-card__body > .prod-card__brand,
    .cat-products--list .prod-card__body > .prod-card__name,
    .cat-products--list .prod-card__body > .prod-card__sub,
    .cat-products--list .prod-card__body > .prod-card__meta-row,
    .cat-products--list .prod-card__body > .prod-card__price-block,
    .cat-products--list .prod-card__body > .prod-card__qty,
    .cat-products--list .prod-card__body > .prod-card__actions{
        justify-self:auto;align-self:auto;margin:0;
    }
    .cat-products--list .prod-card__price-block{min-width:0;justify-content:flex-start}
    .cat-products--list .prod-card__qty{align-self:flex-start}
    .cat-products--list .prod-card__buy-bar,
    .cat-products--list .prod-card__meta-row{align-items:flex-start;flex-direction:row}
    .cat-products--list .prod-card__actions{grid-template-columns:1fr 1fr;display:grid}

    /* Auto varsayılan: masaüstünde list, mobilde 2-kolon grid. SSR
       'cat-products--list cat-products--auto' basar → list kartları zaten dikey
       forma düşüyor; konteyneri grid'e çevirince ızgara görünümü çıkar.
       .cat-products.cat-products--auto (0,2,0) > .cat-products--list (0,1,0). */
    .cat-products.cat-products--auto{
        display:grid;
        grid-template-columns:repeat(2,1fr);
        gap:8px;
    }
}

/* Rich text */
.cat-rich{
    font-size:15px;line-height:1.75;color:var(--foreground);
    max-width:880px;
}
.cat-rich :first-child{margin-top:0}
.cat-rich :last-child{margin-bottom:0}
.cat-rich h1,.cat-rich h2,.cat-rich h3,.cat-rich h4{
    margin:22px 0 10px;font-weight:800;letter-spacing:-.02em;
    color:var(--foreground);
}
.cat-rich h2{font-size:22px;line-height:1.25}
.cat-rich h3{font-size:18px;line-height:1.3}
.cat-rich h4{font-size:15px}
.cat-rich p{margin:0 0 14px;color:var(--muted-foreground)}
.cat-rich p strong{color:var(--foreground)}
.cat-rich p:empty{display:none}
.cat-rich ul,.cat-rich ol{margin:0 0 14px;padding-left:22px;color:var(--muted-foreground)}
.cat-rich li{margin-bottom:6px;line-height:1.6}
.cat-rich a{color:var(--primary);text-decoration:underline;text-underline-offset:3px;font-weight:600}
.cat-rich a:hover{text-decoration-thickness:2px}
.cat-rich code{
    padding:2px 6px;border-radius:4px;
    background:var(--muted);font-family:ui-monospace,monospace;font-size:13px;
}
.cat-rich blockquote{
    margin:0 0 14px;padding:12px 16px;
    border-left:3px solid var(--primary);
    background:color-mix(in srgb,var(--primary) 8%,var(--card));
    border-radius:0 10px 10px 0;
    color:var(--foreground);
}
.cat-rich img{max-width:100%;height:auto;border-radius:10px;margin:10px 0}
.cat-rich hr{
    margin:20px 0;border:0;
    border-top:1px solid var(--border);
}

/* Galeri */
.cat-gallery{
    display:grid;
    grid-template-columns:repeat(auto-fill,minmax(180px,1fr));
    gap:10px;
}
.cat-gallery__item{
    display:block;aspect-ratio:1/1;overflow:hidden;
    border-radius:10px;border:1px solid var(--border);
    transition:transform .2s,border-color .2s;
}
.cat-gallery__item:hover{transform:scale(1.02);border-color:var(--primary)}
.cat-gallery__item img{width:100%;height:100%;object-fit:cover;display:block}

/* Mobil */
@media (max-width:900px){
    .cat-hero{padding:40px 0 48px;min-height:180px}
    .cat-hero__inner{padding:0 18px}
    .cat-hero__head{gap:14px}
    .cat-hero__icon{width:46px;height:46px;border-radius:12px}
    .cat-hero__icon i{font-size:22px}
    .cat-hero__title{font-size:clamp(20px,5vw,26px)}
    .cat-hero__sub{font-size:13px}
    .cat-children{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:18px}
    .cat-tabs__panel{padding:18px 16px}
    .cat-tabs__btn{padding:12px 14px;font-size:12.5px}
    .cat-rich{font-size:14px}
    .cat-rich h2{font-size:19px}
    .cat-rich h3{font-size:16px}
    .cat-gallery{grid-template-columns:repeat(3,1fr);gap:8px}
}
@media (max-width:560px){
    .cat-hero{padding:28px 0 32px;min-height:auto}
    .cat-hero__inner{padding:0 14px}
    .cat-hero__head{gap:10px;flex-wrap:nowrap;align-items:center}
    .cat-hero__icon{width:38px;height:38px;border-radius:10px}
    .cat-hero__icon i{font-size:18px}
    .cat-hero__title{font-size:18px;line-height:1.2}
    .cat-hero__sub{font-size:12px;margin-top:4px}
    .cat-hero__desc{display:none}
    .cat-crumb-nav{margin-bottom:12px;font-size:11px}
}
@media (max-width:480px){
    .cat-children{grid-template-columns:repeat(2,1fr);gap:14px}
    .cat-child__label h3{font-size:14px}
    .cat-tabs{border-radius:14px}
    .cat-tabs__panel{padding:16px 14px}
    .cat-gallery{grid-template-columns:repeat(2,1fr)}
}

/* ═══════════════════════════════════════════════════════════════════════════
   GAMES PAGE (/gaming/all-games)
   ═══════════════════════════════════════════════════════════════════════════ */

/* Hero — sinematik görsel arka plan */
.games-hero{
    position:relative;
    isolation:isolate;
    overflow:hidden;
    padding:88px 0 96px;
    background:#0a0e16 center/cover no-repeat;
    color:#fff;
}
/* Görsel üzerinde koyu film + alt fade (yumuşak geçiş) */
.games-hero__veil{
    position:absolute;inset:0;z-index:1;pointer-events:none;
    background:
        linear-gradient(135deg, rgba(8,10,14,.82) 0%, rgba(8,10,14,.5) 45%, rgba(8,10,14,.15) 100%),
        linear-gradient(180deg,
            rgba(8,10,14,0) 0%,
            rgba(8,10,14,0) 40%,
            color-mix(in srgb, var(--background) 30%, transparent) 65%,
            color-mix(in srgb, var(--background) 70%, transparent) 85%,
            var(--background) 100%);
}
/* Alt kenar — sticky filter ile karışsın */
.games-hero::after{
    content:"";position:absolute;left:0;right:0;bottom:-1px;height:120px;z-index:2;
    pointer-events:none;
    background:linear-gradient(180deg, transparent 0%, var(--background) 100%);
}
/* Renkli glow blob'lar */
.games-hero__glow{
    position:absolute;z-index:1;pointer-events:none;
    border-radius:50%;
    filter:blur(80px);opacity:.65;
}
.games-hero__glow--1{
    width:520px;height:520px;left:-120px;top:-160px;
    background:radial-gradient(circle, color-mix(in srgb,var(--primary) 80%,transparent), transparent 70%);
}
.games-hero__glow--2{
    width:420px;height:420px;right:-100px;bottom:-140px;
    background:radial-gradient(circle, rgba(124,58,237,.7), transparent 70%);
}
/* Subtle grid overlay */
.games-hero__grid{
    position:absolute;inset:0;z-index:2;pointer-events:none;
    background-image:
        linear-gradient(rgba(255,255,255,.04) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.04) 1px, transparent 1px);
    background-size:48px 48px;
    mask-image:radial-gradient(ellipse at 50% 40%, #000 0%, transparent 80%);
    -webkit-mask-image:radial-gradient(ellipse at 50% 40%, #000 0%, transparent 80%);
}

.games-hero__inner{
    position:relative;z-index:3;
    max-width:var(--container);margin:0 auto;padding:0 24px;
    display:grid;grid-template-columns:1fr auto;gap:40px;align-items:end;
}

.games-hero__chip{
    display:inline-flex;align-items:center;gap:6px;
    padding:7px 14px;
    background:rgba(255,255,255,.08);
    border:1px solid rgba(255,255,255,.18);
    backdrop-filter:blur(10px);
    border-radius:999px;
    color:var(--primary);
    font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;
}
.games-hero__chip i{font-size:14px}

.games-hero__title{
    margin:18px 0 14px;
    font-size:clamp(36px,5.5vw,68px);
    font-weight:900;letter-spacing:-.035em;line-height:1;
    color:#fff;
    text-shadow:0 4px 32px rgba(0,0,0,.5);
}
.games-hero__title-em{
    display:block;
    font-size:.45em;font-weight:600;letter-spacing:.04em;
    color:var(--primary);
    text-transform:uppercase;
    margin-bottom:6px;
    text-shadow:none;
}

.games-hero__sub{
    margin:0;max-width:540px;
    color:rgba(255,255,255,.78);
    font-size:15px;line-height:1.6;
    text-shadow:0 2px 12px rgba(0,0,0,.4);
}

.games-hero__cta{
    display:flex;gap:10px;flex-wrap:wrap;
    margin-top:22px;
}
.games-hero__cta .btn{height:46px;padding:0 20px}
.btn--ghost-light{
    background:rgba(255,255,255,.1);
    border:1px solid rgba(255,255,255,.22);
    color:#fff;
    backdrop-filter:blur(8px);
}
.btn--ghost-light:hover{background:rgba(255,255,255,.18);border-color:rgba(255,255,255,.35)}

.games-hero__stats{display:flex;gap:14px}
.games-hero__stat{
    padding:16px 22px;text-align:center;
    background:rgba(255,255,255,.08);
    border:1px solid rgba(255,255,255,.16);
    backdrop-filter:blur(14px);
    border-radius:16px;
    min-width:96px;
    box-shadow:0 20px 40px -20px rgba(0,0,0,.6);
}
.games-hero__stat strong{
    display:block;
    font-size:24px;font-weight:800;letter-spacing:-.02em;
    color:#fff;
    line-height:1.1;
}
.games-hero__stat span{
    margin-top:4px;display:block;
    font-size:10.5px;color:rgba(255,255,255,.65);
    text-transform:uppercase;letter-spacing:.12em;font-weight:600;
}

/* Filter bar */
.games-filter{
    position:sticky;top:0;z-index:20;
    background:color-mix(in srgb,var(--background) 92%,transparent);
    backdrop-filter:saturate(180%) blur(20px);
    -webkit-backdrop-filter:saturate(180%) blur(20px);
    border-top:1px solid var(--border);
    border-bottom:1px solid var(--border);
    padding:14px 0;
}
.games-filter__inner{
    max-width:var(--container);margin:0 auto;padding:0 24px;
    display:flex;flex-direction:column;gap:12px;
}
.games-filter__bar{
    display:flex;align-items:center;gap:14px;flex-wrap:wrap;
}
.games-filter__search{
    position:relative;flex:1;min-width:260px;
    display:flex;align-items:center;
    height:44px;padding:0 14px 0 40px;
    background:var(--card);
    border:1px solid var(--border);border-radius:12px;
    transition:border-color .2s,box-shadow .2s;
}
.games-filter__search:focus-within{
    border-color:var(--primary);
    box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 18%,transparent);
}
.games-filter__search > i{
    position:absolute;left:14px;top:50%;transform:translateY(-50%);
    color:var(--muted-foreground);font-size:18px;
}
.games-filter__search input{
    flex:1;height:100%;border:0;outline:0;background:transparent;
    color:var(--foreground);font-size:14px;font-family:inherit;
}
.games-filter__clear{
    display:grid;place-items:center;
    width:28px;height:28px;border-radius:50%;
    background:var(--muted);color:var(--muted-foreground);
    text-decoration:none;
}
.games-filter__clear:hover{background:#dc2626;color:#fff}

.games-filter__sort{display:flex;align-items:center;gap:10px}
.games-filter__sort-lbl{font-size:12px;color:var(--muted-foreground);font-weight:600}
.games-filter__chips{display:flex;gap:6px;flex-wrap:wrap}
.games-chip{
    display:inline-flex;align-items:center;gap:6px;
    height:36px;padding:0 12px;
    background:var(--card);
    border:1px solid var(--border);
    border-radius:10px;
    color:var(--foreground);
    font-size:12.5px;font-weight:600;
    text-decoration:none;
    transition:border-color .2s,background .2s,transform .12s;
}
.games-chip i{font-size:14px;color:var(--muted-foreground)}
.games-chip:hover{border-color:var(--primary);transform:translateY(-1px)}
.games-chip.is-on{
    background:var(--primary);color:#171717;
    border-color:var(--primary);
}
.games-chip.is-on i{color:#171717}

.games-quick{
    display:flex;gap:8px;flex-wrap:wrap;
    padding-top:4px;
}
.games-quick__chip{
    display:inline-flex;align-items:center;gap:8px;
    height:36px;padding:0 14px;
    background:color-mix(in srgb,var(--muted) 60%,transparent);
    border:1px solid var(--border);border-radius:999px;
    color:var(--foreground);
    font-size:12px;font-weight:600;
    text-decoration:none;
    transition:all .15s;
}
.games-quick__chip i{font-size:15px;color:var(--primary)}
.games-quick__chip:hover{
    border-color:var(--primary);
    background:color-mix(in srgb,var(--primary) 8%,var(--card));
    transform:translateY(-1px);
}

/* Grid + card — UZUN POSTER (Steam Store stili) */
.games-grid-wrap{padding-top:32px}
.games-grid{
    display:grid;
    grid-template-columns:repeat(auto-fill,minmax(220px,1fr));
    gap:22px;
}
.game-card{
    --game-accent:var(--primary);
    position:relative;
    display:flex;flex-direction:column;gap:10px;
    background:transparent;
    border:0;
    border-radius:0;
    text-decoration:none;color:inherit;
    transition:transform .25s ease;
}
.game-card:hover{transform:translateY(-4px)}

.game-card__cover{
    position:relative;
    aspect-ratio:3/4;            /* UZUN poster */
    overflow:hidden;
    border-radius:14px;
    background:linear-gradient(135deg,#0f1320 0%,#1a2030 100%);
    display:grid;place-items:center;
    box-shadow:0 6px 22px -10px rgba(0,0,0,.35);
    transition:box-shadow .25s ease, transform .25s ease;
}
.game-card:hover .game-card__cover{
    box-shadow:
        0 18px 36px -16px color-mix(in srgb,var(--game-accent) 45%,rgba(0,0,0,.45)),
        0 0 0 2px color-mix(in srgb,var(--game-accent) 60%,transparent);
}
.game-card__cover img{
    width:100%;height:100%;object-fit:cover;display:block;
    transition:transform .7s ease-out;
}
.game-card:hover .game-card__cover img{transform:scale(1.06)}
.game-card__icon{font-size:72px;color:rgba(255,255,255,.4)}
.game-card__shade{display:none}

.game-card__body{
    display:flex;flex-direction:column;gap:3px;
    padding:0 4px;
}
.game-card__name{
    margin:0;
    font-size:15px;font-weight:700;letter-spacing:-.01em;
    color:var(--foreground);
    overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.game-card__sub{
    margin:0;
    font-size:12px;color:var(--muted-foreground);
    overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.4;
}
.game-card__cta{display:none}

/* Empty state */
.games-empty{
    text-align:center;padding:60px 20px;
    display:flex;flex-direction:column;align-items:center;gap:14px;
}
.games-empty i{
    font-size:64px;
    color:var(--muted-foreground);opacity:.6;
}
.games-empty h3{margin:0;font-size:20px;color:var(--foreground)}
.games-empty p{margin:0;color:var(--muted-foreground);font-size:14px;max-width:420px}
.games-empty .btn{margin-top:8px}

/* ── Mobil ─────────────────────────────────────────────────────────────── */
@media (max-width:1024px){
    .games-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))!important;gap:16px}
}
@media (max-width:768px){
    .games-grid-wrap{padding-top:16px}
    .games-grid{gap:12px}
    .game-card{gap:7px}
    .game-card__cover{border-radius:12px}
    .game-card__icon{font-size:44px}
    .game-card__name{font-size:12.5px}
    .game-card__sub{font-size:11px}
    .game-card__body{gap:2px;padding:0 2px}
}
@media (max-width:600px){
    .games-grid-wrap{padding-top:10px}
    .game-card{gap:6px}
    .game-card__icon{font-size:36px}
    .game-card__cover{border-radius:10px}
    .game-card__name{font-size:12px;letter-spacing:-.005em}
    .game-card__sub{font-size:10.5px;line-height:1.3}
    .game-card__body{padding:0 1px;gap:1px}
}
@media (max-width:420px){
    .games-grid{gap:8px}
    .game-card__icon{font-size:32px}
    .game-card__name{font-size:11.5px}
    .game-card__sub{font-size:10px}
}

/* ═══════════════════════════════════════════════════════════════════════════
   GAMES — DAHA FAZLA GÖSTER (animasyonlu şık buton)
   ═══════════════════════════════════════════════════════════════════════════ */

.games-more{
    display:flex;justify-content:center;
    margin:40px 0 8px;
}

.games-more__btn{
    position:relative;
    display:inline-flex;align-items:center;justify-content:center;
    min-width:240px;
    padding:13px 26px;
    border:1px solid var(--border);
    border-radius:12px;
    background:var(--card);
    color:var(--foreground);
    font-family:inherit;font-size:14px;font-weight:600;
    letter-spacing:-.005em;
    cursor:pointer;
    overflow:hidden;
    transition:border-color .2s ease,
               background-color .2s ease,
               color .2s ease,
               transform .15s ease;
}
.games-more__btn:hover{
    border-color:color-mix(in srgb,var(--primary) 55%,var(--border));
    background:color-mix(in srgb,var(--primary) 6%,var(--card));
    color:var(--foreground);
}
.games-more__btn:active{transform:translateY(1px)}
.games-more__btn:focus-visible{
    outline:2px solid color-mix(in srgb,var(--primary) 60%,transparent);
    outline-offset:2px;
}

.games-more__btn-inner{
    display:inline-flex;align-items:center;gap:10px;
    transition:opacity .2s;
}
.games-more__icon{
    display:inline-flex;align-items:center;justify-content:center;
    width:18px;height:18px;
    font-size:16px;line-height:1;
    color:var(--muted-foreground);
    transition:color .2s ease,transform .25s ease;
}
.games-more__btn:hover .games-more__icon{
    color:var(--primary);
    transform:rotate(90deg);
}
.games-more__label{font-size:14px;font-weight:600}
.games-more__count{
    font-size:12px;font-weight:500;
    color:var(--muted-foreground);
    letter-spacing:0;
    font-variant-numeric:tabular-nums;
    padding-left:10px;
    margin-left:2px;
    border-left:1px solid var(--border);
}

/* Loading state — minimal thin ring spinner */
.games-more__spinner{
    position:absolute;
    inset:0;
    display:none;
    align-items:center;justify-content:center;
}
.games-more__spinner span{display:none}
.games-more__spinner::after{
    content:"";
    width:18px;height:18px;border-radius:50%;
    border:1.5px solid color-mix(in srgb,var(--foreground) 18%,transparent);
    border-top-color:var(--primary);
    animation:gmSpin .7s linear infinite;
}
@keyframes gmSpin{to{transform:rotate(360deg)}}

.games-more__btn.is-loading .games-more__btn-inner{opacity:0}
.games-more__btn.is-loading .games-more__spinner{display:flex}
.games-more__btn.is-loading{cursor:wait}

.games-more__btn.is-done{
    border-color:color-mix(in srgb,#16a34a 45%,var(--border));
    background:color-mix(in srgb,#16a34a 8%,var(--card));
    color:#16a34a;
    cursor:default;
}
.games-more__btn.is-done .games-more__icon,
.games-more__btn.is-done .games-more__count{color:inherit;border-color:color-mix(in srgb,#16a34a 25%,var(--border))}
.games-more__btn:disabled{cursor:wait}

/* Yeni eklenen kartlar — stagger reveal animasyon */
.game-card--in{
    animation:gameCardIn .45s cubic-bezier(.34,1.56,.64,1) backwards;
}
@keyframes gameCardIn{
    0%   {opacity:0;transform:translateY(20px) scale(.95)}
    100% {opacity:1;transform:translateY(0) scale(1)}
}

@media (max-width:600px){
    .games-more__btn{min-width:0;width:100%;padding:12px 16px}
    .games-more__btn-inner{gap:8px;flex-wrap:wrap;justify-content:center}
    .games-more__label{font-size:13px}
    .games-more__count{font-size:11px;padding-left:8px}
}

/* ═══════════════════════════════════════════════════════════════════════════
   CAT-TEMPLATE — in-game-currency (Goldbar Alış/Satış)
   ═══════════════════════════════════════════════════════════════════════════ */

.igc-wrap{padding:24px 0 64px}
.igc-layout{display:flex;flex-direction:column;gap:20px}
.igc-layout--with-side{display:grid;grid-template-columns:280px 1fr;gap:20px;align-items:flex-start}

.igc-side{
    position:sticky;top:80px;
    max-height:calc(100vh - 100px);overflow-y:auto;
    background:var(--card);
    border:1px solid var(--border);
    border-radius:14px;
    padding:8px;
}
.igc-side::-webkit-scrollbar{width:6px}
.igc-side::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}
.igc-side__list{display:flex;flex-direction:column;gap:4px}

.igc-sib{
    display:flex;align-items:center;gap:10px;
    padding:8px 10px;border-radius:10px;
    text-decoration:none;color:var(--foreground);
    font-size:13.5px;font-weight:600;
    border:1px solid transparent;
    transition:background .15s, border-color .15s, transform .12s;
}
.igc-sib:hover{
    background:color-mix(in srgb,var(--muted) 60%,transparent);
    transform:translateX(2px);
}
.igc-sib.is-active{
    background:linear-gradient(90deg,
        color-mix(in srgb,var(--primary) 15%,var(--card)),
        var(--card));
    border-color:color-mix(in srgb,var(--primary) 40%,var(--border));
    box-shadow:0 4px 14px -6px color-mix(in srgb,var(--primary) 35%,transparent);
}
.igc-sib__thumb{
    flex-shrink:0;
    width:44px;height:44px;border-radius:8px;
    background:color-mix(in srgb,var(--primary) 8%,var(--muted));
    overflow:hidden;
    display:grid;place-items:center;
    color:var(--primary);
}
.igc-sib__thumb img{width:100%;height:100%;object-fit:cover;display:block}
.igc-sib__thumb i{font-size:22px}
.igc-sib__name{
    flex:1;min-width:0;
    overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.igc-sib.is-active .igc-sib__name{color:var(--primary);font-weight:800}
.igc-sib__active-ind{
    color:var(--primary);font-size:18px;
    animation:igcCoinSpin 3s linear infinite;
}
@keyframes igcCoinSpin{
    0%   {transform:rotateY(0deg)}
    100% {transform:rotateY(360deg)}
}

.igc-main{min-width:0;display:flex;flex-direction:column;gap:14px}

.igc-notice{
    display:flex;align-items:flex-start;gap:12px;
    padding:14px 16px;
    background:linear-gradient(135deg,
        color-mix(in srgb,var(--primary) 8%,var(--card)),
        var(--card));
    border:1px solid color-mix(in srgb,var(--primary) 25%,var(--border));
    border-left:4px solid var(--primary);
    border-radius:10px;
    color:var(--foreground);
    font-size:13.5px;line-height:1.55;
}
.igc-notice i{color:var(--primary);font-size:20px;line-height:1;flex-shrink:0;margin-top:1px}
.igc-notice p{margin:0}

.igc-table{
    background:var(--card);
    border:1px solid var(--border);
    border-radius:14px;
    overflow:hidden;
}
.igc-table__head,
.igc-row{
    display:grid;
    grid-template-columns: minmax(0, 2.2fr) 110px 110px 130px 220px;
    align-items:center;
    gap:14px;
    padding:14px 18px;
}
.igc-table__head{
    background:color-mix(in srgb,var(--muted) 50%,var(--card));
    border-bottom:1px solid var(--border);
    color:var(--muted-foreground);
    font-size:12px;font-weight:700;
    text-transform:uppercase;letter-spacing:.05em;
}
.igc-row{
    border-bottom:1px solid color-mix(in srgb,var(--border) 60%,transparent);
    transition:background .15s;
}
.igc-row:last-child{border-bottom:0}
.igc-row:hover{background:color-mix(in srgb,var(--primary) 4%,transparent)}
.igc-row.is-oos{opacity:.65}

.igc-row__name{
    display:block;
    font-size:14.5px;font-weight:700;color:var(--foreground);
    letter-spacing:-.01em;
}
.igc-row__sub{
    display:block;margin-top:3px;
    font-size:12px;color:var(--muted-foreground);
    line-height:1.4;
}

.igc-price{
    font-size:14.5px;font-weight:800;
    font-variant-numeric:tabular-nums;
    letter-spacing:-.015em;
}
.igc-price--buy{color:#16a34a}
.igc-price--sell{color:var(--primary)}
.igc-price--na{color:var(--muted-foreground);font-weight:600}

.igc-stock-icons{display:inline-flex;gap:6px;align-items:center}
.igc-stock-ic{
    width:32px;height:32px;border-radius:8px;
    display:inline-grid;place-items:center;
    background:var(--muted);color:var(--muted-foreground);
    font-size:15px;line-height:1;
    transition:all .15s;
    cursor:default;
}
.igc-stock-ic--box.ok       {background:color-mix(in srgb,#f59e0b 15%,var(--muted));color:#b45309}
.igc-stock-ic--box.low      {background:color-mix(in srgb,#dc2626 15%,var(--muted));color:#dc2626}
.igc-stock-ic--box.oos      {background:color-mix(in srgb,#dc2626 15%,var(--muted));color:#dc2626;opacity:.5}
.igc-stock-ic--box.unlimited{background:color-mix(in srgb,#16a34a 15%,var(--muted));color:#16a34a}
.igc-stock-ic--deliv        {background:color-mix(in srgb,var(--foreground) 8%,var(--muted))}
.igc-stock-ic--deliv.is-instant{
    background:color-mix(in srgb,var(--primary) 18%,var(--muted));
    color:var(--primary);
}
.igc-stock-ic--bell{
    background:color-mix(in srgb,#16a34a 14%,var(--muted));
    color:#16a34a;cursor:pointer;
}
.igc-stock-ic--bell:hover{background:color-mix(in srgb,#16a34a 25%,var(--muted));transform:scale(1.08)}

.igc-td--actions{display:flex;gap:8px;justify-content:flex-end;align-items:center}
.igc-btn{
    flex:0 0 auto;
    height:38px;padding:0 18px;
    border:0;border-radius:8px;
    font-family:inherit;font-size:13px;font-weight:800;
    letter-spacing:.02em;text-transform:uppercase;
    cursor:pointer;
    transition:transform .12s, box-shadow .18s, background .15s, filter .15s;
}
.igc-btn--sell{
    background:transparent;
    border:1.5px solid var(--primary);
    color:var(--primary);
}
.igc-btn--sell:hover{
    background:color-mix(in srgb,var(--primary) 12%,transparent);
    transform:translateY(-1px);
}
.igc-btn--buy{
    background:var(--primary);
    color:#0a0e16;
    box-shadow:0 4px 12px -4px color-mix(in srgb,var(--primary) 55%,transparent);
}
.igc-btn--buy:hover{
    transform:translateY(-2px);
    box-shadow:0 8px 20px -6px color-mix(in srgb,var(--primary) 65%,transparent);
    filter:brightness(1.05);
}
.igc-btn.is-disabled,
.igc-btn:disabled{
    opacity:.5;cursor:not-allowed;
    transform:none !important;
    box-shadow:none !important;
}

.igc-empty{
    text-align:center;padding:50px 20px;
    background:var(--card);border:1px dashed var(--border);
    border-radius:14px;
    display:flex;flex-direction:column;align-items:center;gap:8px;
    color:var(--muted-foreground);
}
.igc-empty i{font-size:42px;opacity:.5;color:var(--primary)}
.igc-empty h3{margin:4px 0 0;font-size:18px;color:var(--foreground)}
.igc-empty p{margin:0;font-size:13.5px}

@media (max-width:960px){
    .igc-layout--with-side{grid-template-columns:1fr}
    .igc-side{position:static;max-height:none}
    .igc-side__list{flex-direction:row;flex-wrap:wrap;gap:6px}
    .igc-sib{flex:1 1 auto;min-width:160px}
}
@media (max-width:720px){
    .igc-table__head{display:none}
    .igc-row{grid-template-columns:1fr 1fr;gap:10px;padding:14px}
    .igc-td--name{grid-column:1 / -1}
    .igc-td--actions{grid-column:1 / -1;justify-content:stretch}
    .igc-btn{flex:1 1 0}
    .igc-td--buy::before,
    .igc-td--sell::before,
    .igc-td--stock::before{
        content:attr(data-label);
        display:block;font-size:10px;font-weight:700;
        color:var(--muted-foreground);text-transform:uppercase;
        margin-bottom:2px;letter-spacing:.05em;
    }
}

/* ── İlan Pazarı (home section) ─────────────────────────────────────────── */
.home-section__icon--mp{
    background:linear-gradient(135deg,#0ea5e9 0%,#0284c7 100%);
    box-shadow:0 10px 24px -10px color-mix(in srgb, #0ea5e9 60%, transparent);
    color:#fff;
}
.home-section--mp .home-section__head h2 + p strong{color:var(--foreground);font-weight:700}

.mp-rail{position:relative}
.mp-rail__swiper{overflow:hidden;padding:6px 2px 8px}
.mp-rail__slide{height:auto;display:flex}
.mp-rail__slide > .lc{width:100%;height:100%}

/* Vitrin shine — showcase perk'i olan kartlara hafif parıltı */
.mp-rail__slide .lc--showcase{position:relative}
.mp-rail__slide .lc--showcase::after{
    content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;z-index:3;
    background:linear-gradient(125deg,
        transparent 30%,
        color-mix(in srgb,#fff 22%,transparent) 48%,
        color-mix(in srgb,#fff 32%,transparent) 50%,
        color-mix(in srgb,#fff 22%,transparent) 52%,
        transparent 70%);
    transform:translateX(-110%);
    transition:transform .9s ease;
    mix-blend-mode:overlay;
}
.mp-rail__slide:hover .lc--showcase::after{transform:translateX(110%)}

/* ── Popüler Mağazalar — gerçek veri eklemeleri ───────────────────────────── */
.pshop-avatar{position:relative}
.pshop-online{
    position:absolute;right:0;bottom:0;
    width:11px;height:11px;border-radius:50%;
    background:#16a34a;
    box-shadow:0 0 0 2px var(--card, #fff),
               0 0 0 3px color-mix(in srgb,#16a34a 35%,transparent);
    animation:pshopPulse 1.8s ease-out infinite;
}
@keyframes pshopPulse{
    0%   { box-shadow:0 0 0 2px var(--card, #fff), 0 0 0 3px color-mix(in srgb,#16a34a 35%,transparent); }
    70%  { box-shadow:0 0 0 2px var(--card, #fff), 0 0 0 9px color-mix(in srgb,#16a34a 0%,transparent); }
    100% { box-shadow:0 0 0 2px var(--card, #fff), 0 0 0 3px color-mix(in srgb,#16a34a 0%,transparent); }
}

/* "Satış" sütunu */
.pshop-sold{
    display:inline-flex;align-items:center;gap:6px;
    padding:5px 10px;border-radius:999px;
    background:color-mix(in srgb,var(--primary) 12%,transparent);
    border:1px solid color-mix(in srgb,var(--primary) 26%,transparent);
    color:var(--foreground);font-size:13px;font-weight:600;line-height:1;
    white-space:nowrap;
}
.pshop-sold i{font-size:14px;color:var(--primary)}
.pshop-sold strong{font-weight:800;color:var(--foreground)}
.pshop-sold__lbl{color:var(--muted-foreground);font-weight:500;font-size:12px}
.pshop-sold--zero{
    background:color-mix(in srgb,#64748b 10%,transparent);
    border-color:color-mix(in srgb,#64748b 20%,transparent);
    color:var(--muted-foreground);font-weight:500;
}
.pshop-sold--zero i{color:#64748b}

/* "Mağazayı Gör" CTA — pshop-follow ile aynı görünüm */
a.pshop-follow{text-decoration:none;display:inline-flex;align-items:center;gap:6px}

/* ── Öne Çıkan Oyunlar (home tab section) ───────────────────────────────── */
/* default home-section padding korunur */
.fg-stage{position:relative;display:flex;flex-direction:column;gap:18px}

/* Tabs */
.fg-tabs{
    display:flex;flex-wrap:wrap;gap:8px;
    padding:6px;border-radius:14px;
    background:var(--card);
    border:1px solid var(--border);
    align-self:flex-start;
}
.fg-tab{
    --fg-accent:var(--primary);
    appearance:none;border:0;cursor:pointer;
    display:inline-flex;align-items:center;gap:10px;
    padding:8px 16px 8px 8px;border-radius:10px;
    background:transparent;color:var(--muted-foreground);
    font-weight:600;font-size:14px;letter-spacing:-.005em;
    transition:background .2s ease, color .2s ease, transform .15s ease;
}
.fg-tab:hover{background:color-mix(in srgb,var(--fg-accent) 8%,transparent);color:var(--foreground)}
.fg-tab.is-active{
    background:linear-gradient(135deg,
        color-mix(in srgb,var(--fg-accent) 92%,#000),
        color-mix(in srgb,var(--fg-accent) 75%,#000));
    color:#fff;
    box-shadow:0 8px 22px -10px color-mix(in srgb,var(--fg-accent) 65%,transparent);
}
.fg-tab__icon{
    flex-shrink:0;width:28px;height:28px;border-radius:8px;overflow:hidden;
    background:color-mix(in srgb,var(--fg-accent) 18%,transparent);
    display:inline-flex;align-items:center;justify-content:center;
    color:var(--fg-accent);font-size:16px;
}
.fg-tab.is-active .fg-tab__icon{background:rgba(255,255,255,.18);color:#fff}
.fg-tab__icon img{width:100%;height:100%;object-fit:cover;display:block}

/* Panels */
.fg-panel{display:none}
.fg-panel.is-active{display:block;animation:fgFade .35s ease}
@keyframes fgFade{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}

/* Hero strip — category cover bg + slogan + cta */
.fg-hero{
    position:relative;overflow:hidden;border-radius:18px;
    padding:24px 28px;margin-bottom:18px;
    background:var(--card);border:1px solid var(--border);
    min-height:160px;
    isolation:isolate;
}
.fg-hero__bg{
    position:absolute;inset:0;background-size:cover;background-position:center;
    filter:saturate(.95) blur(0px);
    z-index:-2;
}
.fg-hero__veil{
    position:absolute;inset:0;z-index:-1;
    background:linear-gradient(105deg,
        color-mix(in srgb,var(--fg-accent) 90%,#000) 0%,
        color-mix(in srgb,var(--fg-accent) 68%,#000) 35%,
        color-mix(in srgb,#000 70%,transparent)     85%,
        color-mix(in srgb,#000 30%,transparent)     100%);
}
.fg-hero__glow{
    position:absolute;top:-30%;right:-10%;width:380px;height:380px;border-radius:50%;
    background:radial-gradient(circle, color-mix(in srgb,#fff 18%,transparent) 0%, transparent 65%);
    z-index:-1;pointer-events:none;
}
.fg-hero__body{position:relative;max-width:620px;color:#fff}
.fg-hero__chip{
    display:inline-flex;align-items:center;gap:6px;
    padding:5px 11px;border-radius:999px;
    background:rgba(255,255,255,.14);
    backdrop-filter:blur(6px);
    font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;
    border:1px solid rgba(255,255,255,.2);
}
.fg-hero__chip i{color:#fbbf24}
.fg-hero__title{
    margin:12px 0 6px;font-size:26px;font-weight:800;line-height:1.15;letter-spacing:-.02em;
    text-shadow:0 2px 14px rgba(0,0,0,.25);
}
.fg-hero__slogan{
    /* Şimdilik gizli — oynayan video üstünü kapatmasın. Geri açmak için display satırını sil. */
    display:none;
    margin:0 0 16px;font-size:14.5px;line-height:1.55;
    color:rgba(255,255,255,.88);max-width:560px;
}
.fg-hero__cta{
    display:inline-flex;align-items:center;gap:8px;
    padding:10px 18px;border-radius:11px;
    background:#fff;color:#0f172a;
    font-size:13.5px;font-weight:700;text-decoration:none;
    transition:transform .15s ease, box-shadow .15s ease;
    box-shadow:0 8px 22px -8px rgba(0,0,0,.35);
}
.fg-hero__cta:hover{transform:translateY(-1px);color:#0f172a;box-shadow:0 12px 28px -8px rgba(0,0,0,.45)}
.fg-hero__cta i{font-size:15px}

/* Product grid */
.fg-grid{
    display:grid;gap:14px;
    grid-template-columns:repeat(6, minmax(0,1fr));
}
@media (max-width:1280px){ .fg-grid{grid-template-columns:repeat(4,minmax(0,1fr))} }
@media (max-width:860px){  .fg-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px} }
@media (max-width:520px){  .fg-grid{grid-template-columns:repeat(2,minmax(0,1fr))} }

/* Product carousel (swiper) */
.fg-cards{position:relative}
.fg-swiper{overflow:hidden}
.fg-swiper .swiper-wrapper{align-items:stretch}
.fg-slide{height:auto;display:flex}
.fg-slide > .fg-card{width:100%}
.fg-nav{
    position:absolute;top:38%;transform:translateY(-50%);z-index:5;
    box-shadow:0 6px 18px -6px rgba(0,0,0,.35);
}
.fg-nav--prev{left:-6px}
.fg-nav--next{right:-6px}
.fg-nav.swiper-button-disabled{opacity:0;pointer-events:none}
@media (max-width:860px){
    .fg-nav{display:none}
}

.fg-card{
    --fg-accent:var(--primary);
    display:flex;flex-direction:column;text-decoration:none;
    background:var(--card);color:var(--foreground);
    border:1px solid var(--border);border-radius:14px;overflow:hidden;
    transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease;
    position:relative;
}
.fg-card:hover{
    transform:translateY(-3px);
    border-color:color-mix(in srgb,var(--fg-accent) 55%,var(--border));
    box-shadow:0 14px 30px -16px color-mix(in srgb,var(--fg-accent) 45%,transparent);
}
.fg-card__media{
    position:relative;aspect-ratio:1/1;
    background:color-mix(in srgb,var(--fg-accent) 8%,var(--muted));
    overflow:hidden;
}
.fg-card__media img{
    width:100%;height:100%;object-fit:cover;display:block;
    transition:transform .35s ease;
}
.fg-card:hover .fg-card__media img{transform:scale(1.05)}
.fg-card__placeholder{
    position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
    color:color-mix(in srgb,var(--fg-accent) 80%,var(--foreground));font-size:38px;
}
.fg-card__discount{
    position:absolute;top:8px;left:8px;z-index:2;
    padding:4px 9px;border-radius:999px;
    background:linear-gradient(135deg,#16a34a,#15803d);
    color:#fff;font-size:11px;font-weight:800;letter-spacing:.04em;
    box-shadow:0 4px 14px -4px rgba(22,163,74,.5);
}
.fg-card__body{padding:10px 12px 12px;display:flex;flex-direction:column;gap:4px}
.fg-card__brand{
    display:inline-flex;align-items:center;gap:4px;
    font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;
    color:var(--muted-foreground);
    white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.fg-card__brand i{color:#3b82f6;font-size:13px;flex-shrink:0}
.fg-card__name{
    margin:0;font-size:13.5px;font-weight:700;line-height:1.3;color:var(--foreground);
    display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
    min-height:36px;
}
.fg-card__price{
    margin-top:4px;display:flex;align-items:baseline;gap:6px;flex-wrap:wrap;
}
.fg-card__price-old{font-size:11.5px;color:var(--muted-foreground);text-decoration:line-through}
.fg-card__price-now{font-size:15px;font-weight:800;color:var(--foreground);letter-spacing:-.005em}
.fg-card__cta{
    margin-top:8px;display:inline-flex;align-items:center;justify-content:center;gap:6px;
    padding:7px 10px;border-radius:9px;
    background:color-mix(in srgb,var(--fg-accent) 12%,transparent);
    border:1px solid color-mix(in srgb,var(--fg-accent) 28%,transparent);
    color:color-mix(in srgb,var(--fg-accent) 75%,var(--foreground));
    font-size:12px;font-weight:700;
    transition:background .18s ease, color .18s ease;
}
.fg-card:hover .fg-card__cta{
    background:color-mix(in srgb,var(--fg-accent) 88%,#000);
    color:#fff;
    border-color:transparent;
}

/* Dark mode hero — fully covered by veil so no extra rules needed */
@media (max-width:640px){
    .fg-hero{padding:18px 18px;min-height:140px}
    .fg-hero__title{font-size:22px}
    .fg-hero__slogan{font-size:13px}
    /* Tab bar: yatay kaydırılır şerit — başlıklar görünür kalır */
    .fg-tabs{
        align-self:stretch;
        flex-wrap:nowrap;
        overflow-x:auto;
        scrollbar-width:none;
        -webkit-overflow-scrolling:touch;
        scroll-snap-type:x proximity;
    }
    .fg-tabs::-webkit-scrollbar{display:none}
    .fg-tab{flex:0 0 auto;padding:8px 14px 8px 8px;scroll-snap-align:start}
    .fg-tab__name{font-size:13px;white-space:nowrap}
}