/* SanalEvrenim stil dosyası
   1. Değişkenler ve temel  2. Ortak parçalar  3. Başlık ve alt bilgi  4. Kartlar
   5. Sayfalar  6. Panel  7. Duyarlı düzen */

/* ───── 1. Değişkenler ve temel ───── */
:root{
  --bg:#0a0e16;--surface:#111722;--surface-2:#182030;--surface-3:#1f2a3d;--line:#263247;--line-strong:#35455f;
  --text:#e9edf5;--muted:#9aa6ba;--accent:#168aff;--accent-soft:#6fb8ff;--accent-bg:#168aff1f;
  --success:#4fd18b;--warning:#f0b354;--danger:#ff6b81;
  --radius:12px;--radius-sm:8px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:40px;
  --font:'DM Sans',system-ui,sans-serif;--font-head:'Manrope',system-ui,sans-serif;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font:400 15px/1.55 var(--font);-webkit-font-smoothing:antialiased}
h1,h2,h3{margin:0;font-family:var(--font-head);font-weight:800;line-height:1.25;letter-spacing:-.01em}
h1{font-size:30px}h2{font-size:21px}h3{font-size:16px}
p{margin:0}a{color:inherit;text-decoration:none}img{max-width:100%}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer}
[hidden]{display:none!important}
:focus-visible{outline:2px solid var(--accent-soft);outline-offset:2px}
.wrap{width:min(1240px,100% - 32px);margin-inline:auto}
.wrap.narrow{width:min(820px,100% - 32px)}
.route-shell{min-height:60vh;padding:var(--space-5) 0 var(--space-6)}
.muted{color:var(--muted);font-size:13px}
.icon{width:18px;height:18px;flex:none}
.eyebrow{font:700 12px/1 var(--font-head);letter-spacing:.08em;color:var(--accent-soft);text-transform:uppercase}
.text-link{color:var(--accent-soft);font-weight:600;font-size:14px}
.text-link:hover{text-decoration:underline}

/* ───── 2. Ortak parçalar ───── */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:0 16px;border:1px solid transparent;border-radius:var(--radius-sm);font:700 14px/1 var(--font-head);white-space:nowrap;transition:background .15s,border-color .15s,transform .15s}
.btn:active{transform:translateY(1px)}
.btn[disabled],.btn[aria-disabled="true"]{opacity:.5;pointer-events:none}
.btn-primary{background:var(--accent);color:#04121f}
.btn-primary:hover{background:#3d9dff}
.btn-quiet{background:var(--surface-2);border-color:var(--line);color:var(--text)}
.btn-quiet:hover{border-color:var(--line-strong);background:var(--surface-3)}
.btn-danger{background:transparent;border-color:#ff6b8155;color:var(--danger)}
.btn-danger:hover{background:#ff6b811a}
.btn-glass{background:#ffffff1a;border-color:#ffffff33;color:#fff;backdrop-filter:blur(6px)}
.btn-glass:hover{background:#ffffff2b}
.btn-small{min-height:34px;padding:0 12px;font-size:13px}
.btn-large{min-height:48px;font-size:15px;width:100%}
.icon-btn{position:relative;display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 10px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-2);color:var(--text);font-size:13px;font-weight:600}
.icon-btn:hover{border-color:var(--line-strong)}
.badge{position:absolute;top:-6px;right:-6px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--danger);color:#fff;font:700 11px/18px var(--font-head);font-style:normal;text-align:center}
.chip,.chip-link,.filter-chip,.form-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border:1px solid var(--line);border-radius:999px;background:var(--surface-2);font-size:12px;font-weight:600;color:var(--text)}
.chip .icon{width:14px;height:14px}
.chip-link:hover,.filter-chip:hover{border-color:var(--accent);color:var(--accent-soft)}
.chip-link em,.type-tabs em{font-style:normal;color:var(--muted);font-size:12px}

.verified-badge{display:inline-grid;place-items:center;width:16px;height:16px;margin-left:6px;border-radius:50%;background:var(--accent);color:#04121f;font:800 10px/1 var(--font-head);font-style:normal;vertical-align:middle}
.status-pill{display:inline-block;padding:4px 10px;border-radius:999px;font:700 12px/1.3 var(--font-head);background:var(--surface-3);color:var(--text)}
.status-pending{background:#f0b3541f;color:var(--warning)}
.status-accepted,.status-delivered{background:var(--accent-bg);color:var(--accent-soft)}
.status-completed{background:#4fd18b1f;color:var(--success)}
.status-cancelled,.status-disputed{background:#ff6b811f;color:var(--danger)}
label{display:grid;gap:6px;font-size:13px;font-weight:600;color:#c7d0e0}
label small{font-weight:400;color:var(--muted)}
input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=color]),select,textarea{width:100%;min-height:42px;padding:9px 12px;border:1px solid var(--line);border-radius:var(--radius-sm);background:#0c111b;color:var(--text);font-size:14px;font-weight:400}
textarea{resize:vertical;min-height:90px}
input:focus,select:focus,textarea:focus{outline:0;border-color:var(--accent);box-shadow:0 0 0 3px #168aff26}
input[disabled]{opacity:.6}
input[type=file]{font-size:13px;color:var(--muted)}
input[type=color]{width:56px;height:40px;padding:2px;border:1px solid var(--line);border-radius:var(--radius-sm);background:#0c111b}
input[type=checkbox]{width:17px;height:17px;accent-color:var(--accent)}
.check-line{display:flex;align-items:center;gap:8px;font-weight:500}
.form-error,.auth-error{color:var(--danger);font-size:13px;font-weight:600}
.form-error:empty,.auth-error:empty{display:none}
fieldset{margin:0;padding:var(--space-4);border:1px solid var(--line);border-radius:var(--radius)}
legend{padding:0 8px;font:700 14px var(--font-head)}
hr{border:0;border-top:1px solid var(--line);margin:var(--space-5) 0}
details{border:1px solid var(--line);border-radius:var(--radius-sm);padding:10px 12px;margin-top:8px}
summary{cursor:pointer;font-weight:600;font-size:14px}
code{font-family:ui-monospace,Consolas,monospace;font-size:13px}
.page-heading{display:grid;gap:8px;margin-bottom:var(--space-5)}
.page-heading p{color:var(--muted)}
.section{margin-top:var(--space-6)}
.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-4)}
.section-head p{color:var(--muted);font-size:14px;margin-top:4px}
.panel-card,.auth-card,.notice,.verification-card{padding:var(--space-5);border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}
.panel-card+.panel-card,.panel-card+.panel-columns,.panel-columns+.panel-card,.metric-grid+.panel-card,.metric-grid+.panel-columns,.type-tabs+.panel-card{margin-top:var(--space-4)}
.panel-card>h2{margin-bottom:var(--space-3)}
.panel-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-4)}
.panel-card-head p{color:var(--muted);font-size:13px;margin-top:4px}
.verification-card{display:grid;gap:10px;background:var(--surface-2)}
.verification-card p{color:var(--muted);font-size:14px}
.notice{display:grid;gap:4px;margin:var(--space-4) 0}
.notice-warn{border-color:#f0b35466;background:#f0b35414;margin-bottom:var(--space-4)}
.empty-state,.error-state{display:grid;justify-items:center;gap:10px;padding:var(--space-6) var(--space-4);border:1px dashed var(--line-strong);border-radius:var(--radius);text-align:center}
.empty-state p,.error-state p{color:var(--muted);max-width:420px}
.empty-symbol{font-size:28px;color:var(--accent-soft)}
.type-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:var(--space-4)}
.type-tabs a,.type-tabs button,.filter-pill,.period-tabs a{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--muted);font:600 13px var(--font-head)}
.type-tabs .icon{width:15px;height:15px}
.type-tabs a:hover,.type-tabs button:hover,.filter-pill:hover,.period-tabs a:hover{color:var(--text);border-color:var(--line-strong)}
.type-tabs .active,.filter-pill.active,.period-tabs a.active{background:var(--accent-bg);border-color:var(--accent);color:var(--accent-soft)}
.pager{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:var(--space-5);color:var(--muted);font-size:14px}
.toast{position:fixed;left:50%;bottom:84px;z-index:60;transform:translate(-50%,20px);padding:12px 18px;border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface-3);font-size:14px;font-weight:600;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;max-width:calc(100vw - 32px)}
.toast.show{opacity:1;transform:translate(-50%,0)}
.modal{width:min(460px,calc(100vw - 32px));padding:0;border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--surface);color:var(--text)}
.modal::backdrop{background:#04070ccc}
.modal-form{display:grid;gap:var(--space-4);padding:var(--space-5)}
.modal-actions{display:flex;justify-content:flex-end;gap:8px}
.seller-avatar,.store-avatar,.mini-art{display:inline-grid;place-items:center;flex:none;width:28px;height:28px;border-radius:50%;background:var(--surface-3);color:var(--accent-soft);font:800 11px/1 var(--font-head)}
.store-avatar{width:52px;height:52px;border-radius:14px;font-size:17px;border:2px solid var(--surface)}
.store-avatar.large{width:88px;height:88px;border-radius:20px;font-size:28px}
.mini-art{width:38px;height:38px;border-radius:10px;font-size:13px}
.has-photo{padding:0;overflow:hidden}
.has-photo img{width:100%;height:100%;object-fit:cover;display:block}
.game-mark{max-width:70%;max-height:60%;object-fit:contain;filter:drop-shadow(0 4px 14px #0008)}
.game-wordmark{display:none;flex-direction:column;align-items:center;gap:4px;text-align:center;color:#fff}
.game-wordmark b{font:800 26px/1 var(--font-head)}
.game-wordmark i{font-style:normal;font-size:12px;opacity:.85}
.game-wordmark.no-logo,.mark-fallback>.game-wordmark{display:flex}

/* ───── 3. Başlık ve alt bilgi ───── */
.site-header{position:sticky;top:0;z-index:40;background:#0a0e16ee;backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}

.brand{display:flex;align-items:center;gap:10px;flex:none}
.brand-emblem{height:38px}.brand-word{height:30px}
.global-search{position:relative;display:flex;align-items:center;gap:10px;flex:1 1 auto;min-width:0;height:44px;padding:0 14px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--muted)}
.global-search:focus-within{border-color:var(--accent)}
.global-search input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=color]){min-height:0;height:100%;padding:0;border:0;background:transparent;box-shadow:none}
.search-suggestions{display:none;position:absolute;top:calc(100% + 8px);left:0;right:0;z-index:50;padding:var(--space-3);border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--surface-2);box-shadow:0 18px 40px #000a}
.global-search:focus-within .search-suggestions{display:grid;gap:8px}
.search-suggestions>small{font:700 11px var(--font-head);letter-spacing:.08em;color:var(--muted)}
.search-suggestions>div{display:flex;flex-wrap:wrap;gap:6px}
.search-suggestions a{padding:6px 10px;border-radius:var(--radius-sm);background:var(--surface-3);color:var(--text);font-size:13px}
.search-suggestions>.search-suggestion-list{flex-direction:column;flex-wrap:nowrap}
.search-suggestion-list a{display:flex;gap:10px;align-items:center}
.search-suggestion-list a small{color:var(--muted);min-width:64px}

.mobile-menu{display:none}

.footer{margin-top:var(--space-6);border-top:1px solid var(--line);background:#080b12;padding:var(--space-6) 0 var(--space-5)}

.mobile-bottom{display:none}

/* ───── 4. Kartlar ───── */
.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:var(--space-4)}
.product-card{position:relative;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);overflow:hidden;transition:border-color .15s,transform .15s}
.product-card:hover{border-color:var(--line-strong);transform:translateY(-2px)}

.favorite-toggle{position:absolute;top:10px;right:10px;z-index:2;width:36px;height:36px;border:1px solid #ffffff33;border-radius:50%;background:#0a0e16cc;color:#ff7d9c;font-size:18px;line-height:1}
.favorite-toggle:hover{background:#0a0e16}
.compare-toggle{position:absolute;top:10px;left:10px;z-index:2;padding:6px 10px;border:1px solid #ffffff33;border-radius:999px;background:#0a0e16cc;color:#fff;font-size:12px;font-weight:600;opacity:0;transition:opacity .15s}
.product-card:hover .compare-toggle,.compare-toggle:focus-visible{opacity:1}

.rating{margin-left:auto;color:var(--warning);font-weight:700;flex:none}

.games-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:var(--space-4)}
.game-card{display:grid;gap:4px;padding:8px 8px 12px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);transition:border-color .15s,transform .15s}
.game-card:hover{border-color:var(--accent);transform:translateY(-2px)}
.game-card-art{display:grid;place-items:center;aspect-ratio:16/10;margin-bottom:6px;border-radius:var(--radius-sm);background:linear-gradient(140deg,var(--game-a),var(--game-b))}
.game-card strong{padding:0 6px;font:700 15px var(--font-head)}
.game-card small{padding:0 6px;color:var(--muted);font-size:12px}
.category-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:var(--space-3)}
.category-card{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);transition:border-color .15s}
.category-card:hover{border-color:var(--accent)}
.category-card>i,.category-row-head>i,.how-grid i{display:grid;place-items:center;flex:none;width:44px;height:44px;border-radius:12px;background:var(--accent-bg);color:var(--accent-soft)}
.category-card>i .icon,.category-row-head>i .icon,.how-grid i .icon{width:22px;height:22px}
.category-card>span{display:grid;min-width:0}
.category-card b{font:700 15px var(--font-head)}
.category-card small{color:var(--muted);font-size:12px}
.category-card em{margin-left:auto;flex:none;font-style:normal;color:var(--muted);font-size:12px;font-weight:600}
.store-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--space-4)}
.store-card{display:grid;gap:6px;padding:0 var(--space-4) var(--space-4);border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);overflow:hidden;transition:border-color .15s}
.store-card:hover{border-color:var(--line-strong)}
.store-banner-small{height:64px;margin:0 calc(var(--space-4)*-1) 26px;background:linear-gradient(120deg,var(--store-accent,var(--accent)),#0a0e16);display:flex;align-items:flex-end;padding:0 var(--space-4)}

.store-card h2,.store-card h3{font-size:16px}
.store-card p{color:var(--muted);font-size:13px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.store-stats{display:flex;flex-wrap:wrap;gap:6px 14px;color:var(--muted);font-size:13px}
.store-card .store-stats{margin-top:6px;padding-top:10px;border-top:1px solid var(--line)}
.presence{font-weight:700}

/* ───── 5. Sayfalar ───── */
.hero{position:relative;height:380px;border-radius:calc(var(--radius) + 6px);overflow:hidden;border:1px solid var(--line)}
.hero-slide{position:absolute;inset:0;display:flex;align-items:center;padding:0 var(--space-6);background:linear-gradient(120deg,var(--art-b),var(--art-a));opacity:0;visibility:hidden;transition:opacity .6s,visibility .6s}
.hero-slide.active{opacity:1;visibility:visible}
.hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:70% 20%}
.hero-slide::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0a0e16f2 0%,#0a0e16b3 42%,#0a0e1600 75%)}
.hero-mark{position:absolute;z-index:1;right:8%;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:min(340px,36%);aspect-ratio:1}
.hero-mark .game-mark{max-width:100%;max-height:100%}
.hero-copy{position:relative;z-index:1;display:grid;gap:var(--space-3);max-width:520px}
.hero-title{font-size:44px;line-height:1.1}
.hero-title span{color:var(--accent-soft)}
.hero-copy p{color:#cfd7e6;font-size:16px}
.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:8px}
.hero-controls{position:absolute;z-index:2;left:var(--space-6);bottom:var(--space-4);display:flex;align-items:center;gap:8px}
.hero-controls button{width:30px;height:30px;border:1px solid #ffffff33;border-radius:50%;background:#0a0e1699;color:#fff;font-size:16px;line-height:1}
.hero-controls .hero-dot{width:10px;height:10px;padding:0;background:#ffffff55;border:0}
.hero-controls .hero-dot.active{width:26px;border-radius:5px;background:var(--accent)}
.stats-strip,.metric-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-3)}
.stats-strip{margin-top:var(--space-6)}
.stats-strip>div,.metric-grid>article{position:relative;display:grid;gap:4px;padding:var(--space-4);border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}
.stats-strip b,.metric-grid b{font:800 26px/1.1 var(--font-head)}
.stats-strip span,.metric-grid span,.metric-grid small{color:var(--muted);font-size:13px}
.metric-grid article>i{position:absolute;top:14px;right:14px;font-style:normal;color:var(--accent-soft);opacity:.7}
.how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4);margin-top:var(--space-6)}
.how-grid article{display:flex;gap:var(--space-3);padding:var(--space-4);border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}
.how-grid p{color:var(--muted);font-size:14px;margin-top:4px}
.seller-cta{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin-top:var(--space-6);padding:var(--space-5);border:1px solid #168aff55;border-radius:var(--radius);background:linear-gradient(120deg,#168aff24,#111722)}
.seller-cta p{color:var(--muted);margin-top:6px}
.seller-cta h2{margin-top:8px}

.market-layout{display:grid;grid-template-columns:270px minmax(0,1fr);gap:var(--space-5);align-items:start}
.filter-panel{position:sticky;top:132px;padding:var(--space-4);border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}
.filter-panel form{display:grid;gap:var(--space-3)}
.filter-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.results-bar{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);min-height:42px}
.active-filters{display:flex;flex-wrap:wrap;gap:6px;flex:1}
.sort-select{display:flex;align-items:center;gap:8px;flex:none;color:var(--muted)}
.sort-select select{width:auto;min-height:38px}
.filter-toggle{display:none}

.game-hero{display:flex;align-items:center;gap:var(--space-5);padding:var(--space-5);margin-bottom:var(--space-4);border-radius:var(--radius);background:linear-gradient(120deg,var(--game-a),var(--game-b))}

.game-hero>div:last-child{display:grid;gap:8px;justify-items:start}
.game-hero .eyebrow{color:#ffffffcc}
.game-hero p{color:#ffffffd9}
.category-list{display:grid;gap:var(--space-3)}
.category-row{display:grid;grid-template-columns:minmax(220px,1.1fr) 150px minmax(0,2fr);align-items:center;gap:var(--space-4);padding:var(--space-4);border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}
.category-row-head{display:flex;align-items:center;gap:var(--space-3)}
.category-row-head span,.category-row-meta{display:grid}
.category-row-head b{font:700 16px var(--font-head)}
.category-row-head:hover b{color:var(--accent-soft)}
.category-row small{color:var(--muted);font-size:13px}
.category-row-games{display:flex;flex-wrap:wrap;gap:6px}
.store-hero{display:flex;align-items:center;gap:var(--space-5);padding:var(--space-5);border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(120deg,color-mix(in srgb,var(--store-accent,var(--accent)) 30%,#0a0e16),var(--surface));background-size:cover;background-position:center}

.store-promotions{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-4)}
.store-promotions article{display:flex;align-items:center;gap:var(--space-3);padding:12px 16px;border:1px dashed var(--accent);border-radius:var(--radius-sm);background:var(--accent-bg);color:var(--accent-soft)}
.store-promotions span{display:grid;color:var(--text)}
.store-promotions small{color:var(--muted)}
.store-promotions code,.promo-card code{padding:4px 10px;border-radius:6px;background:#0c111b;color:var(--accent-soft);font-weight:700;user-select:all}

.breadcrumbs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:var(--space-4);color:var(--muted);font-size:13px}
.breadcrumbs a:hover{color:var(--text)}

.buybox-price{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.buybox-price strong{font:800 30px/1 var(--font-head)}
.buybox-price span{color:var(--muted);font-size:13px}

.password-field{display:flex;gap:6px}
.password-field .icon-btn{flex:none;min-height:42px}

.detail-text{white-space:pre-line;overflow-wrap:anywhere;color:#d3dae8}
.detail-specs{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1px;margin:var(--space-4) 0 0;border:1px solid var(--line);border-radius:var(--radius-sm);overflow:hidden;background:var(--line)}
.detail-specs div{display:grid;gap:2px;padding:10px 12px;background:var(--surface)}
.detail-specs dt{color:var(--muted);font-size:12px}
.detail-specs dd{margin:0;font-weight:600;font-size:14px}

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

.review-row,.question-row{display:grid;gap:6px;padding:var(--space-3) 0;border-top:1px solid var(--line)}
.review-row:first-child,.question-row:first-child{border-top:0}
.review-row b{color:var(--warning);letter-spacing:2px}
.review-row b i{color:var(--line-strong);font-style:normal}
.review-row small{color:var(--muted);font-size:12px}
.question-answer{display:grid;gap:4px;margin-top:6px;padding:10px 12px;border-left:3px solid var(--accent);border-radius:0 var(--radius-sm) var(--radius-sm) 0;background:var(--surface-2);font-size:14px}
.request-form,.editor-form{display:grid;gap:var(--space-4)}
.editor-form form,.panel-card>form{display:grid;gap:var(--space-4)}
.request-form{margin-top:var(--space-4)}
.auth-layout{display:grid;grid-template-columns:minmax(0,440px) minmax(0,380px);justify-content:center;align-items:center;gap:var(--space-6);padding:var(--space-5) 0}
.auth-layout.single{grid-template-columns:minmax(0,440px)}
.auth-card{display:grid;gap:var(--space-4)}
.auth-card h1,.auth-card h2{font-size:26px}
.auth-forgot{text-align:right;margin-top:-6px}
.auth-switch{text-align:center;color:var(--muted);font-size:14px}
.auth-story{display:grid;gap:var(--space-4)}
.auth-story ul{display:grid;gap:var(--space-3);margin:0;padding:0;list-style:none}
.auth-story li{display:flex;gap:var(--space-3);color:#cfd7e6}
.auth-story .icon{color:var(--accent-soft);margin-top:2px}
.local-note{display:block;color:var(--muted);font-size:12px}

.topic-list{display:grid}
.topic-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-3) 0;border-top:1px solid var(--line)}
.topic-row:first-child{border-top:0}
.topic-row span{display:grid;gap:2px;min-width:0}
.topic-row b{font:700 15px var(--font-head);overflow-wrap:anywhere}
.topic-row:hover b{color:var(--accent-soft)}
.topic-row small{color:var(--muted);font-size:13px}
.topic-row em{flex:none;font-style:normal;color:var(--muted);font-size:13px}
.community-post{display:grid;gap:10px}

progress{width:100%;height:8px;accent-color:var(--accent)}
.guide-grid,.promo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-4)}
.guide-grid .panel-card,.promo-grid>*{display:grid;gap:10px;align-content:start;margin:0}
.guide-grid+.panel-card{margin-top:var(--space-4)}
.promo-card{padding:var(--space-5);border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);justify-items:start}
.promo-card strong{color:var(--accent-soft);font:800 20px var(--font-head)}
.event-prize{padding:8px 12px;border:1px solid var(--line);border-radius:var(--radius-sm);font-size:14px}
.compare-table{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(170px,1fr);overflow-x:auto;border:1px solid var(--line);border-radius:var(--radius)}
.compare-table>*{display:grid;grid-template-rows:repeat(10,minmax(48px,auto))}
.compare-table>*>*{padding:10px 14px;border-bottom:1px solid var(--line);font-size:14px;overflow-wrap:anywhere}
.compare-labels{background:var(--surface-2);color:var(--muted)}
.compare-table article{border-left:1px solid var(--line);background:var(--surface)}
.legal-page .panel-card h2{margin:var(--space-5) 0 6px;font-size:17px}
.legal-page .panel-card h2:first-child{margin-top:0}
.legal-page .panel-card p{color:#c0c9d9;line-height:1.75}

/* ───── 6. Panel ───── */

.panel-sidebar{position:sticky;top:132px;display:grid;gap:var(--space-4);padding:var(--space-4);border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}

.status-dot{display:inline-block;width:8px;height:8px;margin-right:6px;border-radius:50%;background:var(--success)}

.panel-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4);align-items:start}
.panel-columns>.panel-card{margin:0}
[data-autotabs] .panel-columns{display:block}
.seller-list{display:grid}
.seller-row,.admin-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) 0;border-top:1px solid var(--line)}
.seller-row:first-child{border-top:0}
.seller-row>span:nth-child(2),.admin-row>:first-child{display:grid;gap:2px;flex:1;min-width:0}
.seller-row small,.admin-row small{color:var(--muted);font-size:13px;overflow-wrap:anywhere}
.seller-row strong{flex:none;font-family:var(--font-head)}
.seller-row button,.admin-row button{padding:7px 12px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-2);color:var(--text);font-size:13px;font-weight:600}
.seller-row button:hover,.admin-row button:hover{border-color:var(--line-strong)}
.admin-row>:first-child+*{display:flex;gap:8px;align-items:center;flex-wrap:wrap;flex:none}

.editor-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-4);align-items:end}

.listing-extra{display:grid;gap:var(--space-4)}
.panel-form-actions{display:flex;justify-content:flex-end;gap:10px;padding-top:var(--space-4);border-top:1px solid var(--line)}
.game-preferences>div{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px}

.bulk-toolbar{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;padding:var(--space-3);margin-bottom:var(--space-3);border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-2)}
.bulk-toolbar label{display:flex;align-items:center;gap:8px}
.bulk-toolbar select{width:auto}
.owned-listings{display:grid}
.owned-listing{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) 0;border-top:1px solid var(--line)}

.order-list{display:grid;gap:var(--space-3)}
.order-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--space-3) var(--space-4);padding:var(--space-4);border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-2)}

.order-delivery,.order-dispute{display:grid;gap:6px;margin-top:6px;padding:10px 12px;border:1px solid var(--line);border-radius:var(--radius-sm);font-size:13px}
.order-delivery code{display:block;padding:6px 8px;border-radius:6px;background:#0c111b;color:var(--success);overflow-wrap:anywhere;user-select:all}
.order-dispute{border-color:#f0b35466;background:#f0b35414}
.order-chat{grid-column:1/-1;margin:0}
.order-chat-messages{display:grid;gap:8px;margin:10px 0;font-size:14px}
.order-chat-messages p{padding:8px 12px;border-radius:var(--radius-sm);background:var(--surface)}
.order-chat-messages small{margin-left:8px;color:var(--muted);font-size:12px}
.order-chat-form{display:grid;gap:8px;justify-items:start}

.answer-form{display:grid;gap:8px;justify-items:start;margin-top:8px}
.subheading{margin:var(--space-5) 0 var(--space-2)}
.wishlist-block{margin-top:var(--space-5)}
.wishlist-block h3{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:var(--space-3)}
.wishlist-block h3 span{color:var(--muted);font-size:13px;font-weight:500}
.wishlist-public-tools{display:flex;align-items:center;gap:var(--space-3);margin-bottom:8px;font-size:13px}
.wishlist-public-tools label{display:flex;align-items:center;gap:8px}
.wishlist-remove{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:var(--space-3)}
.wishlist-remove button{padding:5px 10px;border:1px solid var(--line);border-radius:999px;background:none;color:var(--muted);font-size:12px}
.wishlist-remove button:hover{border-color:var(--danger);color:var(--danger)}
.collection-intro{margin-bottom:var(--space-4)}
.store-collection-form{display:grid;gap:var(--space-4)}
.collection-listings{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:320px;overflow:auto}
.collection-option{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-2)}
.collection-option span{display:grid}
.collection-editor-card{margin-top:var(--space-4)}
.collection-editor-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.analytics-period{overflow:hidden}
.period-tabs{display:flex;gap:6px;flex-wrap:wrap}
.period-comparison{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;color:var(--muted);font-size:13px}
.period-comparison b{color:var(--text)}
.period-note{display:block;margin:10px 0;color:var(--muted);font-size:12px}
.analytics-legend{display:flex;gap:16px;margin:12px 0;color:var(--muted);font-size:13px}
.analytics-legend span{display:flex;align-items:center;gap:6px}
.analytics-legend i{width:10px;height:10px;border-radius:3px}
.views-key,.views-bar{background:var(--accent)}.sales-key,.sales-bar{background:#a77aff}
.analytics-chart-scroll{overflow-x:auto}
.analytics-chart{display:grid;grid-template-columns:repeat(var(--analytics-days),minmax(18px,1fr));gap:5px;min-width:680px;padding-top:14px;border-top:1px solid var(--line)}
.analytics-day{display:grid;grid-template-rows:120px 18px;align-items:end}
.analytics-bars{height:100%;display:flex;justify-content:center;align-items:flex-end;gap:3px}
.analytics-bars i{width:6px;border-radius:4px 4px 1px 1px}
.analytics-day small{text-align:center;color:var(--muted);font-size:10px;white-space:nowrap}
.audit-list{display:grid;max-height:420px;overflow:auto}

/* ───── 7. Duyarlı düzen ───── */
@media(max-width:1000px){
  .market-layout{grid-template-columns:minmax(0,1fr)}
  
  .filter-toggle{display:inline-flex}
  .filter-panel{position:static;display:none}
  .filter-panel.open{display:block}
  .panel-sidebar{position:static;display:flex;gap:6px;padding:8px;overflow-x:auto;scrollbar-width:none}
  .panel-sidebar::-webkit-scrollbar{display:none}
  
  
  
  .category-row{grid-template-columns:minmax(0,1fr) auto}
  .category-row-games{grid-column:1/-1}
  
  .header-wallet span{display:none}
  .how-grid{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:720px){
  body{padding-bottom:64px}
  h1{font-size:24px}h2{font-size:19px}
  
  .brand-word{display:none}
  .header-wallet{display:none}
  .mobile-menu{display:inline-flex}
  
  
  
  
  .mobile-bottom{position:fixed;left:0;right:0;bottom:0;z-index:45;display:grid;grid-template-columns:repeat(5,1fr);height:60px;border-top:1px solid var(--line);background:#0a0e16f5;backdrop-filter:blur(12px)}
  .mobile-bottom a{position:relative;display:grid;place-items:center;align-content:center;gap:3px;color:var(--muted);font-size:11px;font-weight:600}
  .mobile-bottom .badge{top:8px;right:calc(50% - 16px);min-width:9px;width:9px;height:9px;padding:0}
  .hero{height:320px}
  .hero-slide{padding:0 var(--space-4)}
  .hero-title{font-size:30px}
  .hero-mark{opacity:.35;right:-10%;width:70%}
  .hero-controls{left:var(--space-4)}
  .product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  
  
  .compare-toggle{display:none}
  .games-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .section-head,.seller-cta,.panel-card-head{flex-direction:column;align-items:flex-start}
  .store-hero,.game-hero{flex-direction:column;align-items:flex-start}
  .panel-columns,.auth-layout,.collection-listings{grid-template-columns:minmax(0,1fr)}
  .auth-story{display:none}
  
  .order-row{grid-template-columns:minmax(0,1fr)}
  
  .owned-listing{flex-wrap:wrap}
  .panel-card,.auth-card{padding:var(--space-4)}
  
  .results-bar{flex-wrap:wrap}
}
/* ───── 8. Canlı tema: renkli eylemler, oyun kısayolları, vitrin ve fırsatlar ───── */
:root{--orange:#ff8a1f;--green:#22c55e;--violet:#8b5cf6;--pink:#ec4899;--gold:#f5c542}
body{background:radial-gradient(900px 500px at 10% 0,#168aff26,transparent 60%) no-repeat,radial-gradient(800px 500px at 95% 0,#8b5cf61f,transparent 60%) no-repeat,var(--bg)}
.btn-orange{background:linear-gradient(135deg,#ffa53d,var(--orange));color:#1b0d00;box-shadow:0 6px 20px #ff8a1f40}
.btn-orange:hover{filter:brightness(1.08)}
.btn-green{background:linear-gradient(135deg,#3ee07d,var(--green));color:#03200f;box-shadow:0 6px 20px #22c55e40}
.btn-green:hover{filter:brightness(1.08)}
.btn-glow{box-shadow:0 8px 26px #168aff66}
.topbar{background:#070a10;border-bottom:1px solid var(--line);font-size:13px}
.topbar .wrap{display:flex;align-items:center;gap:18px;height:38px;overflow-x:auto;scrollbar-width:none}
.topbar a{display:inline-flex;align-items:center;gap:6px;flex:none;color:var(--muted);font-weight:600}
.topbar a:hover,.topbar a.active{color:var(--text)}
.topbar .icon{width:15px;height:15px}

.game-tile{display:grid;place-items:center;flex:none;width:34px;height:34px;border-radius:10px;background:linear-gradient(140deg,var(--game-a,var(--accent)),var(--game-b,#0a0e16));color:#fff;font:800 11px var(--font-head);font-style:normal;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff1f}
.game-tile img{width:80%;height:80%;object-fit:contain}
.game-tile .icon{width:18px;height:18px}
.tile-accent{background:linear-gradient(140deg,#3d9dff,#1559c9)}

/* Bağlantılar kendi alanında kayar; eylem butonları bu alanın dışında durur ve hiçbir öğenin üstüne binmez. */

.support-fab{position:fixed;right:20px;bottom:20px;z-index:44;display:inline-flex;align-items:center;gap:8px;padding:12px 18px;border-radius:999px;background:linear-gradient(135deg,var(--accent),var(--violet));color:#fff;font:700 14px var(--font-head);box-shadow:0 10px 30px #168aff55}
.support-fab:hover{filter:brightness(1.1)}
.hero{height:440px;border:0;border-radius:18px 18px 0 0;box-shadow:0 20px 60px #0008}
.hero-slide::after{background:linear-gradient(90deg,#0a0e16f0 0%,#0a0e1699 45%,#0a0e1600 75%),linear-gradient(0deg,#0a0e16aa,transparent 40%)}
.hero-slide:not(:has(.hero-image)){background:radial-gradient(600px 400px at 75% 50%,color-mix(in srgb,var(--art-a) 70%,transparent),transparent 70%),linear-gradient(120deg,#0a0e16,var(--art-b))}
.hero-title{font-size:52px;text-shadow:0 4px 30px #0009}
.hero-title span{background:linear-gradient(90deg,#6fb8ff,#c084fc);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));border:1px solid var(--line);border-top:0;border-radius:0 0 18px 18px;background:linear-gradient(180deg,#121a2b,#0d1320);overflow:hidden}
.hero-strip a{display:grid;place-items:center;height:72px;padding:12px;border-left:1px solid var(--line);transition:background .15s}
.hero-strip a:first-child{border-left:0}
.hero-strip a:hover{background:#ffffff0d}
.hero-strip img{max-width:100%;max-height:40px;object-fit:contain;filter:grayscale(1) brightness(1.6);opacity:.7;transition:filter .2s,opacity .2s}
.hero-strip a:hover img{filter:none;opacity:1}
.deal-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-3);margin-top:var(--space-4)}
.deal-tile{position:relative;display:flex;align-items:center;gap:var(--space-3);padding:18px;border-radius:var(--radius);background:linear-gradient(120deg,color-mix(in srgb,var(--game-a) 55%,#0a0e16),#111722 80%);border:1px solid #ffffff14;overflow:hidden;transition:transform .15s,box-shadow .15s}
.deal-tile:hover{transform:translateY(-3px);box-shadow:0 12px 30px color-mix(in srgb,var(--game-a) 35%,transparent)}
.deal-tile .game-tile{width:46px;height:46px;border-radius:12px}
.deal-tile span{display:grid}
.deal-tile b{font:800 16px var(--font-head)}
.deal-tile small{color:#cbd5e6;font-size:12px}
.deal-tile>.icon{position:absolute;right:14px;top:14px;color:var(--gold);opacity:.8}
.section-head h2{display:flex;align-items:center;gap:10px}
.section-head h2::before{content:"";width:4px;height:22px;border-radius:2px;background:linear-gradient(180deg,var(--accent),var(--violet))}
.section-head h2 .icon{color:var(--gold)}
.showcase{padding:var(--space-5);border:1px solid #f5c54233;border-radius:18px;background:linear-gradient(160deg,#f5c54212,transparent 50%),var(--surface)}
.product-card:hover{border-color:#168aff88;box-shadow:0 14px 34px #000a,0 0 0 1px #168aff44}
.product-card.is-featured{border-color:#f5c54266}
.product-card.is-featured:hover{box-shadow:0 14px 34px #000a,0 0 0 1px #f5c54288}

.discount-badge{position:absolute;right:10px;bottom:10px;padding:4px 9px;border-radius:8px;background:linear-gradient(135deg,#ff5f7a,#e11d48);color:#fff;font:800 13px var(--font-head);box-shadow:0 4px 14px #e11d4855}

.category-card>i,.category-row-head>i{background:linear-gradient(140deg,var(--c1,#3d9dff),var(--c2,#1559c9));color:#fff;box-shadow:0 6px 18px color-mix(in srgb,var(--c1,#3d9dff) 35%,transparent)}
.category-card:nth-child(9n+2)>i,.category-row:nth-child(9n+2) .category-row-head>i{--c1:#a78bfa;--c2:#6d28d9}
.category-card:nth-child(9n+3)>i,.category-row:nth-child(9n+3) .category-row-head>i{--c1:#facc15;--c2:#ca8a04}
.category-card:nth-child(9n+4)>i,.category-row:nth-child(9n+4) .category-row-head>i{--c1:#4ade80;--c2:#15803d}
.category-card:nth-child(9n+5)>i,.category-row:nth-child(9n+5) .category-row-head>i{--c1:#fb923c;--c2:#c2410c}
.category-card:nth-child(9n+6)>i,.category-row:nth-child(9n+6) .category-row-head>i{--c1:#f472b6;--c2:#be185d}
.category-card:nth-child(9n+7)>i,.category-row:nth-child(9n+7) .category-row-head>i{--c1:#22d3ee;--c2:#0e7490}
.category-card:nth-child(9n+8)>i,.category-row:nth-child(9n+8) .category-row-head>i{--c1:#f87171;--c2:#b91c1c}
.category-card:nth-child(9n+9)>i,.category-row:nth-child(9n+9) .category-row-head>i{--c1:#94a3b8;--c2:#475569}
.category-card:hover,.game-card:hover,.store-card:hover{box-shadow:0 12px 30px #0009}
.page-heading-glow{padding:var(--space-5);border:1px solid var(--line);border-radius:18px;background:radial-gradient(500px 220px at 90% 0%,#8b5cf633,transparent 70%),radial-gradient(500px 220px at 0% 100%,#168aff2e,transparent 70%),var(--surface)}
.page-heading-glow .eyebrow{display:flex;align-items:center;gap:6px}
.seller-cta{border-color:#ff8a1f55;background:radial-gradient(500px 200px at 100% 0%,#ff8a1f2e,transparent 70%),linear-gradient(120deg,#168aff1f,#111722)}
.stats-strip b{background:linear-gradient(90deg,#fff,#9cc9ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.ticket{margin-top:var(--space-3);padding:0;overflow:hidden}
.ticket>summary{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:12px 14px}
.ticket>summary small{color:var(--muted);font-size:12px;margin-left:auto}
.ticket-messages{display:grid;gap:8px;padding:0 14px}
.ticket-messages p{display:grid;gap:2px;padding:10px 12px;border-radius:var(--radius-sm);background:var(--surface-2);font-size:14px}
.ticket-messages p.from-staff{border-left:3px solid var(--accent);background:var(--accent-bg)}
.ticket-messages small{color:var(--muted);font-size:12px}
.ticket-reply{display:grid;gap:8px;padding:12px 14px}
.ticket-reply>div{display:flex;gap:8px}
.status-ticket-open{background:#f0b3541f;color:var(--warning)}.status-ticket-answered{background:#4fd18b1f;color:var(--success)}.status-ticket-closed{background:var(--surface-3);color:var(--muted)}

.about-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}
.about-grid article{display:flex;gap:var(--space-3)}
.about-grid i{display:grid;place-items:center;flex:none;width:44px;height:44px;border-radius:12px;background:linear-gradient(140deg,#3d9dff,#6d28d9);color:#fff}

@media(max-width:1000px){
  .deal-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}
  
  .about-grid{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:720px){
  .topbar{display:none}
  
  
  
  
  
  .support-fab{bottom:76px;right:14px;padding:12px}
  .support-fab span{display:none}
  .hero{height:340px}
  .hero-title{font-size:32px}
  .hero-strip{grid-template-columns:repeat(5,minmax(0,1fr))}
  .hero-strip a{height:54px;padding:8px}
  .hero-strip a:nth-child(n+6){display:none}
  .deal-tile{padding:12px}
  .deal-tile b{font-size:14px}
  .showcase{padding:var(--space-3)}
  
  
  
}
/* ───── 9. Ana sayfa bölümleri, hızlı satın alma, seviye, Pass, puan ───── */
.spotlight-bar{display:flex;align-items:center;gap:var(--space-4);flex-wrap:wrap;padding:var(--space-3) var(--space-4);margin-bottom:var(--space-4);border:1px solid var(--line);border-radius:16px;background:var(--surface)}
.spotlight-bar>.game-tile{width:44px;height:44px;border-radius:12px}
.spotlight-title h2{font-size:17px}
.spotlight-title p{color:var(--muted);font-size:13px}
.spotlight-tabs{display:flex;gap:4px;padding:5px;border-radius:14px;background:var(--surface-2)}
.spotlight-tabs button{display:inline-flex;align-items:center;gap:7px;padding:9px 18px;border:0;border-radius:10px;background:none;color:var(--muted);font:700 14px var(--font-head)}
.spotlight-tabs button:hover{color:var(--text)}
.spotlight-tabs button.active{background:linear-gradient(135deg,#4f6bff,#3d4ff0);color:#fff;box-shadow:0 6px 18px #4f6bff55}
.spotlight-tabs .icon{width:16px;height:16px}
.spotlight-games{display:flex;align-items:center;gap:10px;margin-left:auto}
.spotlight-games .game-tile{width:42px;height:42px;border-radius:12px}
.spotlight-games a:hover .game-tile{box-shadow:0 0 0 2px var(--accent)}
.spotlight-empty{padding:var(--space-5);border:1px dashed var(--line-strong);border-radius:var(--radius);text-align:center}
.spotlight .product-grid,.home .product-grid{grid-template-columns:repeat(auto-fill,minmax(196px,1fr))}

.quick-buy{display:flex;gap:8px;margin-top:4px}
.stepper{display:flex;align-items:center;flex:1;min-width:0;height:36px;border:1px solid var(--line);border-radius:10px;background:var(--surface-2);overflow:hidden}
.stepper button{width:34px;height:100%;border:0;background:none;color:var(--muted);font-size:17px}
.stepper button:hover{color:var(--text);background:var(--surface-3)}
.stepper input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=color]){flex:1;min-width:0;min-height:0;height:100%;padding:0;border:0;background:none;text-align:center;font-weight:700;box-shadow:none;-moz-appearance:textfield}
.stepper input::-webkit-outer-spin-button,.stepper input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.quick-buy-btn{display:grid;place-items:center;flex:none;width:42px;height:36px;border:1px solid #4f6bff88;border-radius:10px;background:#4f6bff26;color:#9fb0ff}
.quick-buy-btn:hover{background:#4f6bff;color:#fff}

@keyframes ticker{from{transform:translateX(30%)}to{transform:translateX(-100%)}}
.news-strip{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--space-3)}
.news-card{display:grid;gap:6px;align-content:start;padding:var(--space-4);border:1px solid #ffffff14;border-radius:var(--radius);background:linear-gradient(140deg,color-mix(in srgb,var(--game-a) 40%,#0a0e16),var(--surface) 75%)}
.news-card b{font:800 16px var(--font-head)}
.news-card p{color:#cfd7e6;font-size:14px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.news-card small{color:var(--muted);font-size:12px}
.feed-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4);align-items:stretch}
.feed-grid .panel-card{margin:0}

.pass-badge{display:inline-block;padding:2px 8px;margin-left:6px;border-radius:6px;background:linear-gradient(135deg,#ffb347,#ff6a00);color:#1b0d00;font:800 11px/1.5 var(--font-head);letter-spacing:.06em;vertical-align:middle}

.level-chip{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:999px;font:800 11px var(--font-head);background:var(--surface-3);color:var(--muted)}
.level-chip .icon{width:13px;height:13px}
.level-bronze{background:#cd7f3226;color:#e8a063}.level-silver{background:#c0c7d426;color:#d5dbe6}.level-gold{background:#f5c54226;color:var(--gold)}.level-diamond{background:#67e8f926;color:#67e8f9}

.theme-toggle{display:grid;place-items:center;flex:none;width:28px;height:28px;border:1px solid var(--line);border-radius:8px;background:var(--surface-2);color:var(--text)}
.theme-toggle .icon{width:15px;height:15px}
@media(max-width:1000px){
  .feed-grid{grid-template-columns:minmax(0,1fr)}
  .spotlight-games{margin-left:0}
}
@media(max-width:720px){
  .spotlight-tabs{width:100%;overflow-x:auto;scrollbar-width:none}
  .spotlight-tabs button{flex:none;padding:8px 12px}
  .spotlight-games .game-tile{display:none}
  .spotlight .product-grid,.home .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  
  
}

/* ───── 10. Açık tema ───── */
[data-theme="light"]{--bg:#f3f5fa;--surface:#ffffff;--surface-2:#eef1f7;--surface-3:#e2e7f1;--line:#d7dde9;--line-strong:#b9c3d6;--text:#111827;--muted:#5b667a;--accent-soft:#0b6fe0;--accent-bg:#168aff1a}
[data-theme="light"] body{background:var(--bg)}
[data-theme="light"] .site-header{background:#ffffffee}
[data-theme="light"] .topbar,[data-theme="light"] .footer{background:#e9edf5}
[data-theme="light"] .mobile-bottom{background:#fffffff5}
[data-theme="light"] input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=color]),[data-theme="light"] select,[data-theme="light"] textarea{background:#fff}
[data-theme="light"] label{color:#374151}

[data-theme="light"] .hero-strip{background:#111827}
[data-theme="light"] .detail-text,[data-theme="light"] .legal-page .panel-card p,[data-theme="light"] .auth-story li{color:#374151}

[data-theme="light"] .store-hero:not(.has-banner){background:linear-gradient(120deg,color-mix(in srgb,var(--store-accent,var(--accent)) 18%,#fff),#fff)}
[data-theme="light"] .deal-tile,[data-theme="light"] .news-card{color:#fff}
[data-theme="light"] .page-heading-glow,[data-theme="light"] .seller-cta,[data-theme="light"] .showcase{background:var(--surface)}
[data-theme="light"] .stats-strip b{background:none;color:var(--text)}
[data-theme="light"] .order-delivery code,[data-theme="light"] .store-promotions code,[data-theme="light"] .promo-card code{background:#eef1f7}
[data-theme="light"] .modal{background:#fff}
[data-theme="light"] .hero-copy,[data-theme="light"] .hero-title,[data-theme="light"] .game-hero h1{color:#fff}
[data-theme="light"] .brand{padding:6px 10px;border-radius:10px;background:#0f1626}

/* ───── 11. Hareket: yükleme çubuğu, belirme, vitrin, parlama ───── */
@keyframes rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@keyframes pop{0%{transform:scale(.4)}60%{transform:scale(1.25)}100%{transform:scale(1)}}
@keyframes loadbar{0%{transform:translateX(-100%)}60%{transform:translateX(-15%)}100%{transform:translateX(0)}}
@keyframes kenburns{from{transform:scale(1)}to{transform:scale(1.08)}}
@keyframes shimmer{from{background-position:-200% 0}to{background-position:200% 0}}
@keyframes float{0%,100%{transform:translateY(-50%)}50%{transform:translateY(calc(-50% - 12px))}}
@keyframes glowpulse{0%,100%{box-shadow:0 0 0 0 #168aff55}50%{box-shadow:0 0 0 10px #168aff00}}
@keyframes marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes hue{from{background-position:0 50%}to{background-position:200% 50%}}
@keyframes drift{0%,100%{transform:translate(0,0)}50%{transform:translate(40px,30px)}}
body::before,body::after{content:"";position:fixed;z-index:-1;width:520px;height:520px;border-radius:50%;filter:blur(90px);opacity:.35;pointer-events:none;animation:drift 18s ease-in-out infinite}
body::before{left:-160px;top:120px;background:#168aff}
body::after{right:-180px;top:420px;background:#8b5cf6;animation-duration:24s;animation-direction:reverse}
body.is-loading::selection{color:inherit}
.site-header::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:2px;background:linear-gradient(90deg,var(--accent),var(--violet),var(--pink));transform:translateX(-100%);opacity:0}
body.is-loading .site-header::after{opacity:1;animation:loadbar 1.2s ease-out forwards}
.route-shell>*{animation:rise .35s ease both}
.reveal{opacity:0;transform:translateY(22px);transition:opacity .55s ease,transform .55s cubic-bezier(.2,.7,.2,1)}
.reveal.in{opacity:1;transform:none}
.reveal.in .product-grid>*,.reveal.in .games-grid>*,.reveal.in .store-grid>*,.reveal.in .category-grid>*,.product-grid>*,.games-grid>*{animation:rise .45s ease both;animation-delay:calc(var(--i,0)*45ms)}
.badge.pop{animation:pop .35s ease}
.hero-slide.active .hero-image{animation:kenburns 9s ease-out both}
.hero-slide.active .hero-copy>*{animation:rise .6s ease both}
.hero-slide.active .hero-copy>*:nth-child(2){animation-delay:.08s}
.hero-slide.active .hero-copy>*:nth-child(3){animation-delay:.16s}
.hero-slide.active .hero-copy>*:nth-child(4){animation-delay:.24s}
.hero-slide.active .hero-mark{animation:float 6s ease-in-out infinite}

.btn-glow,.support-fab{animation:glowpulse 2.6s ease-in-out infinite}
.btn{position:relative;overflow:hidden}
.btn-primary::after,.btn-orange::after,.btn-green::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,#ffffff40 50%,transparent 70%);transform:translateX(-120%);transition:transform .5s ease}
.btn-primary:hover::after,.btn-orange:hover::after,.btn-green:hover::after{transform:translateX(120%)}
.game-tile{transition:transform .2s ease}
a:hover>.game-tile{transform:translateY(-2px) rotate(-4deg) scale(1.06)}
.category-card>i,.how-grid i{transition:transform .25s ease}
.category-card:hover>i,.how-grid article:hover i{transform:rotate(-8deg) scale(1.1)}
.quick-buy-btn.added{animation:pop .4s ease;background:var(--success);border-color:var(--success);color:#03200f}
.favorite-toggle:active{animation:pop .3s ease}
.showcase,.flash-deal{position:relative}
.spotlight-tabs button{transition:background .2s,color .2s,transform .15s}
.spotlight-tabs button:active{transform:scale(.96)}
.modal[open]{animation:rise .25s ease}
.toast.show{transition:opacity .2s,transform .35s cubic-bezier(.2,1.4,.4,1)}
details[open]>*:not(summary){animation:rise .25s ease}

/* ───── 12. Ana sayfa ek bölümleri, sepet, cüzdan ekleri ───── */
.flash-deal{display:grid;grid-template-columns:minmax(0,1fr) auto 220px;align-items:center;gap:var(--space-5);margin-top:var(--space-5);padding:var(--space-5);border-radius:18px;border:1px solid #ff8a1f55;background:radial-gradient(500px 260px at 100% 50%,color-mix(in srgb,var(--game-a) 60%,transparent),transparent 70%),linear-gradient(120deg,#2a1608,#111722);overflow:hidden}
.flash-copy{display:grid;gap:10px;min-width:0}
.flash-copy .eyebrow{display:flex;align-items:center;gap:6px;color:var(--orange)}
.flash-copy h2{font-size:26px;overflow-wrap:anywhere}
.flash-copy p{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.flash-copy p b{font:800 26px var(--font-head);color:var(--success)}
.flash-copy p s{color:var(--muted)}
.flash-copy .discount-badge{position:static}
.flash-timer{display:grid;gap:6px;justify-items:center}
.flash-timer small{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.08em}
.flash-timer span{display:flex;align-items:center;gap:6px;font:800 20px var(--font-head)}
.flash-timer b{display:grid;place-items:center;min-width:48px;height:52px;border-radius:12px;background:#0a0e16cc;border:1px solid #ffffff1f;font-size:24px}
.flash-art{display:grid;place-items:center;height:120px}
.search-chips{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:var(--space-4)}
.search-chips>b{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:13px;margin-right:4px}
.trust-band{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-3);margin-top:var(--space-6)}
.trust-band article{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:2px 14px;padding:var(--space-4);border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(140deg,#168aff14,var(--surface) 60%)}
.trust-band i{grid-row:span 2;display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:linear-gradient(140deg,#3d9dff,#6d28d9);color:#fff}
.trust-band b{font:800 28px/1 var(--font-head)}
.trust-band span{color:var(--muted);font-size:13px}
.game-marquee{margin-top:var(--space-6);overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.game-marquee>div{display:flex;gap:12px;width:max-content;animation:marquee 60s linear infinite}
.game-marquee:hover>div{animation-play-state:paused}
.game-marquee a{display:inline-flex;align-items:center;gap:10px;padding:8px 16px 8px 8px;border:1px solid var(--line);border-radius:999px;background:var(--surface);font:700 14px var(--font-head);white-space:nowrap}
.game-marquee a:hover{border-color:var(--accent)}
.social-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}
.social-grid .panel-card{margin:0}
.leaderboard{display:grid}
.leaderboard a{display:flex;align-items:center;gap:var(--space-3);padding:10px 0;border-top:1px solid var(--line)}
.leaderboard a:first-child{border-top:0}
.leaderboard span{display:grid;flex:1;min-width:0}
.leaderboard small{color:var(--muted);font-size:13px}
.leaderboard a:hover b{color:var(--accent-soft)}
.rank{display:grid;place-items:center;flex:none;width:28px;height:28px;border-radius:50%;background:var(--surface-3);font:800 13px var(--font-head);font-style:normal;color:var(--muted)}

.faq-band{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:var(--space-5);align-items:start;padding:var(--space-5);border:1px solid var(--line);border-radius:18px;background:radial-gradient(500px 220px at 0 0,#8b5cf626,transparent 70%),var(--surface)}
.faq-band>div:first-child{display:grid;gap:10px;justify-items:start}

.referral-box{display:flex;align-items:center;gap:8px;min-width:0}

.referral-box code{flex:1;min-width:0;padding:9px 12px;border:1px dashed var(--line-strong);border-radius:var(--radius-sm);background:#0c111b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;user-select:all}
@media(max-width:1000px){
  .flash-deal{grid-template-columns:minmax(0,1fr)}
  .flash-art{display:none}
  .flash-timer{justify-items:start}
  .trust-band{grid-template-columns:repeat(2,minmax(0,1fr))}
  .social-grid,.faq-band{grid-template-columns:minmax(0,1fr)}
  
}
@media(max-width:720px){
  
  
  .trust-band b{font-size:22px}
  body::before,body::after{display:none}
}
[data-theme="light"] body::before,[data-theme="light"] body::after{opacity:.12}
[data-theme="light"] .flash-deal{color:#fff}
[data-theme="light"] .referral-box code{background:#eef1f7}
/* ───── 13. Güçlü görünüm: derinlik, kontrast, belirgin başlıklar ve menüler ───── */
:root{--radius:16px;--radius-sm:10px;--card-shadow:0 1px 0 #ffffff12 inset,0 18px 40px -18px #000c;--glass:linear-gradient(180deg,#182236,#0f1626)}
body{background-image:radial-gradient(900px 500px at 10% 0,#168aff26,transparent 60%),radial-gradient(800px 500px at 95% 0,#8b5cf61f,transparent 60%),linear-gradient(#ffffff05 1px,transparent 1px),linear-gradient(90deg,#ffffff05 1px,transparent 1px);background-size:auto,auto,44px 44px,44px 44px;background-repeat:no-repeat,no-repeat,repeat,repeat}
h1{font-size:34px;letter-spacing:-.02em}h2{font-size:23px}
.btn{min-height:44px;padding:0 20px;font-size:14.5px;border-radius:12px;letter-spacing:.01em}
.btn-small{min-height:36px;padding:0 14px}
.btn-primary{background:linear-gradient(135deg,#3da2ff,#1570ef);color:#fff;box-shadow:0 8px 22px -6px #168affaa,0 1px 0 #ffffff55 inset}
.btn-primary:hover{background:linear-gradient(135deg,#59b0ff,#2a80ff)}
.btn-quiet{background:linear-gradient(180deg,#22304a,#18233a);border-color:#3a4d70;box-shadow:0 1px 0 #ffffff14 inset}
.btn-quiet:hover{border-color:var(--accent);box-shadow:0 0 0 3px #168aff22,0 1px 0 #ffffff14 inset}
.btn-orange,.btn-green{box-shadow:0 8px 22px -6px currentColor,0 1px 0 #ffffff66 inset}
.btn-orange{box-shadow:0 8px 22px -6px #ff8a1fbb,0 1px 0 #ffffff66 inset}
.btn-green{box-shadow:0 8px 22px -6px #22c55ebb,0 1px 0 #ffffff66 inset}
.text-link{position:relative;font-weight:700;font-size:14.5px}
.text-link::after{content:"";position:absolute;left:0;right:0;bottom:-3px;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--accent),var(--violet));transform:scaleX(0);transform-origin:left;transition:transform .25s ease}
.text-link:hover{text-decoration:none}
.text-link:hover::after{transform:scaleX(1)}
/* Kartlar: cam yüzey, üstte renkli çizgi, belirgin gölge */
.panel-card,.auth-card,.filter-panel,.panel-sidebar,.category-row,.stats-strip>div,.metric-grid>article,.how-grid article,.order-row,.spotlight-bar,.category-card,.game-card,.store-card,.product-card,.trust-band article{background:var(--glass);border-color:#2c3b57;box-shadow:var(--card-shadow)}
.panel-card,.auth-card{position:relative;padding:28px;overflow:hidden}
.panel-card::before,.auth-card::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,var(--accent),var(--violet) 55%,transparent)}
.panel-card>h2,.panel-card-head h2{font-size:21px}
.panel-card-head{padding-bottom:16px;border-bottom:1px solid #2c3b57}
.section-head{padding-bottom:14px;border-bottom:1px solid #2c3b57}
.section-head h2{font-size:26px}
.section-head h2::before{width:6px;height:28px;border-radius:3px;box-shadow:0 0 14px var(--accent)}
.section-head p{font-size:15px}
.page-heading h1{background:linear-gradient(90deg,#fff 30%,#9cc9ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.eyebrow{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;background:var(--accent-bg);border:1px solid #168aff44;font-size:11px;width:max-content;max-width:100%}
/* Kategori kartları */
.category-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4)}
@media(max-width:1000px){.category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.category-grid{grid-template-columns:minmax(0,1fr)}}
.category-card{position:relative;padding:20px;gap:16px;border-radius:18px;overflow:hidden;transition:transform .2s ease,border-color .2s,box-shadow .2s}
.category-card::before{content:"";position:absolute;right:-40px;top:-40px;width:140px;height:140px;border-radius:50%;background:radial-gradient(circle,var(--c1,#3d9dff),transparent 70%);opacity:.22;transition:opacity .2s,transform .3s}
.category-card::after{content:"→";position:absolute;right:18px;bottom:14px;color:var(--c1,#3d9dff);font-weight:800;opacity:0;transform:translateX(-6px);transition:opacity .2s,transform .2s}
.category-card:hover{transform:translateY(-4px);border-color:var(--c1,#3d9dff);box-shadow:0 20px 40px -18px var(--c1,#3d9dff),var(--card-shadow)}
.category-card:hover::before{opacity:.45;transform:scale(1.2)}
.category-card:hover::after{opacity:1;transform:none}
.category-card>i{width:58px;height:58px;border-radius:16px}
.category-card>i .icon{width:28px;height:28px}
.category-card b{font-size:17px}
.category-card small{font-size:13px}
.category-card em{align-self:flex-start;padding:4px 10px;border-radius:999px;background:#0a0e16aa;border:1px solid #ffffff1a;color:var(--text);font-size:12px}
.category-card:nth-child(9n+1){--c1:#3d9dff}.category-card:nth-child(9n+2){--c1:#a78bfa}.category-card:nth-child(9n+3){--c1:#facc15}.category-card:nth-child(9n+4){--c1:#4ade80}.category-card:nth-child(9n+5){--c1:#fb923c}.category-card:nth-child(9n+6){--c1:#f472b6}.category-card:nth-child(9n+7){--c1:#22d3ee}.category-card:nth-child(9n+8){--c1:#f87171}.category-card:nth-child(9n+9){--c1:#94a3b8}
/* Ürün, oyun ve mağaza kartları */
.product-card,.game-card,.store-card{border-radius:18px}
.product-card:hover,.game-card:hover,.store-card:hover{transform:translateY(-5px)}

.game-card{padding:10px 10px 14px}
.game-card strong{font-size:16px}
/* Boş durumlar: düz yazı yerine çerçeveli kutu */
.panel-card>.muted:last-child,.feed-grid .panel-card>.muted,.spotlight-empty{display:grid;place-items:center;gap:8px;min-height:120px;padding:20px;border:1px dashed #3a4d70;border-radius:14px;background:#0a0e1666;text-align:center;font-size:14px}
.panel-card>.muted:last-child::before,.feed-grid .panel-card>.muted::before{content:"◇";font-size:26px;color:var(--accent-soft)}
.empty-state,.error-state{background:#0a0e1666;border-color:#3a4d70;border-radius:18px}
.empty-symbol{display:grid;place-items:center;width:64px;height:64px;border-radius:20px;background:linear-gradient(140deg,#3d9dff33,#8b5cf633);border:1px solid #168aff55}
/* Menüler ve sekmeler */
.site-header{box-shadow:0 10px 30px -12px #000}

.topbar a{position:relative}
.type-tabs{gap:6px;padding:6px;border:1px solid #2c3b57;border-radius:16px;background:#0d1422;width:max-content;max-width:100%;overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none}
.type-tabs a,.type-tabs button,.filter-pill,.period-tabs a{flex:none;padding:10px 16px;border-color:transparent;border-radius:11px;background:none;font-size:14px;font-weight:700}
.type-tabs .active,.filter-pill.active,.period-tabs a.active{background:linear-gradient(135deg,#3da2ff,#5b5cf6);border-color:transparent;color:#fff;box-shadow:0 8px 20px -8px #4f6bffcc}
.type-tabs .active em{color:#ffffffcc}

.panel-sidebar{padding:18px}

.search-suggestions{border-radius:18px;padding:16px;box-shadow:0 30px 60px -20px #000}
.search-suggestions a{padding:9px 14px;border:1px solid #2c3b57}
.search-suggestions a:hover{border-color:var(--accent);color:var(--accent-soft)}
.global-search{height:48px;border-color:#2c3b57;background:#0d1422;box-shadow:0 1px 0 #ffffff0f inset}
.global-search:focus-within{box-shadow:0 0 0 4px #168aff26}
input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=color]),select,textarea{min-height:46px;border-color:#2c3b57;border-radius:12px}
.global-search input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=color]),.stepper input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=color]){min-height:0}
.icon-btn{min-height:42px;padding:0 12px;border-color:#3a4d70;border-radius:12px;background:linear-gradient(180deg,#22304a,#18233a)}
.icon-btn:hover{border-color:var(--accent)}
.footer{background:linear-gradient(180deg,#0a0f1a,#06080d);border-top:1px solid #2c3b57}

.modal{border-radius:20px;box-shadow:0 40px 80px -20px #000}
.status-pill{padding:5px 12px;font-size:12.5px}
.stats-strip b,.metric-grid b,.trust-band b{font-size:30px}
.how-grid article{padding:22px}
[data-theme="light"]{--glass:linear-gradient(180deg,#ffffff,#f6f8fc);--card-shadow:0 12px 30px -18px #1f2a4455}
[data-theme="light"] .panel-card,[data-theme="light"] .category-card,[data-theme="light"] .product-card,[data-theme="light"] .game-card,[data-theme="light"] .store-card{border-color:#d7dde9}
[data-theme="light"] .type-tabs,[data-theme="light"] .global-search{background:#fff;border-color:#d7dde9}
[data-theme="light"] .btn-quiet,[data-theme="light"] .icon-btn{background:#fff;border-color:#c9d2e3;color:#111827}
[data-theme="light"] .page-heading h1{background:none;color:#111827}
[data-theme="light"] .panel-card>.muted:last-child,[data-theme="light"] .empty-state{background:#f3f5fa}
@media(max-width:720px){
  h1{font-size:26px}.section-head h2{font-size:21px}
  .panel-card,.auth-card{padding:18px}
  .category-card{padding:14px}
  .category-card>i{width:46px;height:46px}
  .type-tabs{width:100%}
}

/* Ek sayfalar: mesajlar, profil, rozetler, dekont */
.heading-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
/* Üst çubuk: soldaki bağlantılar kendi alanında kayar, sağdaki eylemler sabit kalır ve kesilmez. */
.topbar .wrap{overflow:visible;gap:16px}

.dm-messages{display:grid;gap:10px;max-height:52vh;overflow-y:auto;padding:4px 4px 14px}
.dm-messages p{display:grid;gap:3px;justify-self:start;max-width:78%;padding:10px 14px;border-radius:16px 16px 16px 4px;background:var(--surface-3);overflow-wrap:anywhere}
.dm-messages p.mine{justify-self:end;border-radius:16px 16px 4px 16px;background:linear-gradient(135deg,#3da2ff,#5b5cf6);color:#fff}
.dm-messages small{font-size:11px;opacity:.7}
#dm-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:end}
#dm-form .form-error{grid-column:1/-1}

.receipt h1{font-size:24px}

@media print{.topbar,.site-header,.footer,.mobile-bottom,.support-fab,.toast,[data-action="print"]{display:none!important}body{background:#fff;color:#000}body::before,body::after{display:none}.panel-card{background:#fff;border-color:#bbb;box-shadow:none;color:#000}.detail-specs div{background:#fff}.detail-specs dt{color:#555}}

/* ───── 15. Ana sayfa üst bölüm, platform kartları, yükleme fırsatları ───── */
.promo-strip{position:relative;display:flex;align-items:center;gap:18px;margin-bottom:14px;padding:12px 18px;border-radius:16px;overflow:hidden;background:linear-gradient(90deg,color-mix(in srgb,var(--art-a) 55%,#0a0e16),#0f1626 60%,color-mix(in srgb,var(--art-a) 35%,#0a0e16));border:1px solid #ffffff1a}

.promo-strip b{flex:1;font:800 18px var(--font-head);letter-spacing:.01em;text-shadow:0 2px 12px #0008}
.hero-stage{position:relative}
.hero{border-radius:18px 18px 0 0}
.hero::before{content:"";position:absolute;z-index:3;left:0;top:18px;bottom:18px;width:4px;border-radius:0 4px 4px 0;background:linear-gradient(180deg,#ff8a1f,#ff4d6d);box-shadow:0 0 18px #ff8a1f}
.hero-copy .eyebrow{padding:7px 14px;border:1.5px solid #ff8a1f;background:#ff8a1f1a;color:#ffb46b;border-radius:10px;font-size:12px}
.hero-tabs{grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}
.hero-tab{position:relative;display:grid;place-items:center;gap:4px;height:78px;padding:10px;border:0;border-left:1px solid var(--line);background:none;color:var(--muted);cursor:pointer;transition:background .2s}
.hero-tab:first-child{border-left:0}
.hero-tab::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,#ff8a1f,#ff4d6d);transform:scaleX(0);transition:transform .25s}
.hero-tab img{max-width:110px;max-height:30px;object-fit:contain;filter:grayscale(1) brightness(1.5);opacity:.6;transition:filter .2s,opacity .2s}
.hero-tab small{font:700 10px var(--font-head);letter-spacing:.08em;text-transform:uppercase}
.hero-tab:hover,.hero-tab.active{background:#ffffff0d}
.hero-tab.active::before{transform:scaleX(1)}
.hero-tab.active img,.hero-tab:hover img{filter:none;opacity:1}
.hero-tab.active small{color:#ffb46b}
.brand-section{text-align:center}
.brand-head{display:grid;gap:6px;margin-bottom:22px}
.brand-head h2{font-size:28px}
.brand-head p{color:var(--muted)}
.brand-marquee{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.brand-marquee>div{display:flex;gap:18px;width:max-content;animation:marquee 50s linear infinite}
.brand-marquee:hover>div{animation-play-state:paused}
.brand-tile{display:grid;place-items:center;align-content:center;gap:8px;width:160px;height:160px;flex:none;border-radius:14px;background:linear-gradient(150deg,var(--a),var(--b));color:#fff;box-shadow:0 14px 30px -14px var(--a);transition:transform .2s,box-shadow .2s}
.brand-tile:hover{transform:translateY(-6px) scale(1.03);box-shadow:0 22px 40px -14px var(--a)}
.brand-tile i{display:grid;place-items:center;width:62px;height:62px;border-radius:14px;background:#ffffff26;font:900 26px var(--font-head);font-style:normal}
.brand-tile b{font:800 15px var(--font-head);text-transform:uppercase;letter-spacing:.02em}
.brand-tile small{font:700 10px var(--font-head);text-transform:uppercase;opacity:.85}

.brand-tile b{text-transform:none}
.topup-section{position:relative;padding:28px 24px;border-radius:22px;overflow:hidden;background:radial-gradient(700px 300px at 85% 0,#c026d340,transparent 70%),radial-gradient(600px 300px at 0 100%,#4f46e540,transparent 70%),#110d1e;border:1px solid #3b2a5c}
.topup-section{padding:34px 28px 30px}
.topup-watermark{display:block;margin:0 auto 18px;text-align:center;font:900 64px/1 var(--font-head);letter-spacing:.18em;color:transparent;-webkit-text-stroke:1.5px #ffffff2e;pointer-events:none;white-space:nowrap;user-select:none}
.topup-tabs{position:relative;display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-bottom:28px}
.topup-section [data-tab-panel]>.muted{display:grid;place-items:center;gap:8px;min-height:140px;padding:20px;border:1px dashed #ffffff26;border-radius:14px;background:#0a0e1666;text-align:center;font-size:14.5px}
.topup-tabs button img{width:120px;height:40px}
.topup-tabs button{display:grid;place-items:center;width:160px;height:70px;border:1px solid #ffffff1f;border-radius:14px;background:#ffffff0f;backdrop-filter:blur(6px);transition:border-color .2s,box-shadow .2s,transform .2s}
.topup-tabs button img{max-width:120px;max-height:40px;object-fit:contain}
.topup-tabs button:hover{transform:translateY(-2px)}
.topup-tabs button.active{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold),0 0 26px #f5c54266}
.topup-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px}
.topup-card{display:flex;flex-direction:column;border:1px solid #ffffff1a;border-radius:16px;background:#141826;overflow:hidden;transition:transform .2s,box-shadow .2s}
.topup-card:hover{transform:translateY(-5px);box-shadow:0 18px 36px -16px var(--art-a)}
.topup-art{position:relative;display:grid;place-items:center;gap:10px;aspect-ratio:1/1;padding:18px;background:radial-gradient(circle at 50% 30%,color-mix(in srgb,var(--art-a) 70%,transparent),transparent 70%),linear-gradient(160deg,var(--art-b),#0a0e16)}
.topup-logo{display:grid;place-items:center;width:90px;height:44px}
.topup-logo .game-mark{max-width:100%;max-height:100%}
.topup-art>b{font:900 32px/1 var(--font-head);text-align:center;text-shadow:0 4px 20px #000a}
.topup-art .discount-badge{top:10px;right:10px;bottom:auto}
.topup-info{display:grid;gap:8px;padding:12px 14px 14px}
.topup-info>a{font:700 14px var(--font-head)}
.topup-info p{display:flex;align-items:baseline;gap:8px}
.topup-info strong{color:var(--success);font:800 18px var(--font-head)}
.topup-info s{color:var(--muted);font-size:12px}
/* Sol mesaj kutusu */
.dm-dock{position:fixed;left:20px;bottom:20px;z-index:46}
.dm-dock-btn{position:relative;display:grid;place-items:center;width:56px;height:56px;border:0;border-radius:18px;background:linear-gradient(135deg,#a855f7,#6366f1);color:#fff;box-shadow:0 12px 30px -8px #7c3aedcc;transition:transform .2s}
.dm-dock-btn:hover{transform:translateY(-3px) rotate(-4deg)}
.dm-dock-btn .icon{width:24px;height:24px}
.dm-dock-panel{position:absolute;left:0;bottom:70px;width:340px;max-height:min(520px,70vh);display:flex;flex-direction:column;border:1px solid #3a4d70;border-radius:18px;background:#0f1626f5;backdrop-filter:blur(14px);box-shadow:0 30px 60px -20px #000;overflow:hidden;animation:rise .25s ease}

#dm-dock-form{display:flex;gap:6px}
#dm-dock-form input{min-height:38px}
/* Yönetim paneli */

/* Pass mağaza */

.site-notice{padding:8px 16px;background:linear-gradient(90deg,#b45309,#c2410c);color:#fff;text-align:center;font-size:13.5px;font-weight:600}
@media(max-width:1000px){.topup-watermark{font-size:44px}}
/* Ana sayfa bölümleri arasında nefes alanı */
.home .section{margin-top:64px}
.home .deal-tiles{margin-top:28px}
.home .flash-deal{margin-top:40px}
.home .search-chips{margin-top:22px}

.home .trust-band{margin-top:56px}
.home .game-marquee{margin-top:64px}
.home .how-grid,.home .seller-cta{margin-top:64px}
.home .hero-tabs{margin-bottom:0}
.promo-strip{margin-bottom:22px}
.section-head{margin-bottom:22px}
.product-grid,.games-grid,.store-grid{gap:20px}
.panel-card+.panel-card,.panel-card+.panel-columns,.panel-columns+.panel-card{margin-top:22px}
@media(max-width:720px){.home .section{margin-top:44px}.home .trust-band,.home .game-marquee,.home .how-grid,.home .seller-cta{margin-top:44px}.product-grid,.games-grid{gap:12px}.topup-watermark{font-size:30px;letter-spacing:.12em}}
@media(max-width:720px){
  .promo-strip b{font-size:14px}.promo-strip .btn{display:none}
  .hero-stage{margin-inline:0;padding:0}.hero-stage::before{display:none}
  .hero-tab{height:58px}.hero-tab small{display:none}.hero-tab:nth-child(n+6){display:none}
  .brand-tile{width:128px;height:128px}.brand-tile i{width:48px;height:48px;font-size:20px}
  .topup-section{padding:18px 12px}.topup-tabs button{width:calc(50% - 6px);height:58px}
  .topup-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.topup-art>b{font-size:24px}
  .dm-dock{left:14px;bottom:76px}.dm-dock-btn{width:50px;height:50px}
  .dm-dock-panel{width:calc(100vw - 28px)}
  
}
[data-theme="light"] .dm-dock-panel{background:#fffffff5}
[data-theme="light"] .topup-section{color:#fff}

/* ───── 16. Fırsatlar şeridi: ekran genişliğinde, arkada büyük yazı, her zaman 6 kart ───── */
.route-shell{overflow-x:clip}
.topup-section{width:100vw;margin-left:calc(50% - 50vw);padding:44px 16px 52px;border:0;border-block:1px solid #3b2a5c;border-radius:0;background:radial-gradient(900px 420px at 18% 0,#a21caf55,transparent 70%),radial-gradient(900px 480px at 88% 100%,#4f46e555,transparent 70%),linear-gradient(180deg,#1a1030,#0c0a18)}
.topup-section::before,.topup-section::after{content:"";position:absolute;top:0;bottom:0;width:min(420px,28vw);background:center/cover no-repeat;opacity:.55;pointer-events:none}
.topup-section::before{left:0;background-image:url('/assets/hero/lux.jpg');-webkit-mask-image:linear-gradient(90deg,#000 20%,transparent);mask-image:linear-gradient(90deg,#000 20%,transparent)}
.topup-section::after{right:0;background-image:url('/assets/hero/yasuo.jpg');-webkit-mask-image:linear-gradient(270deg,#000 20%,transparent);mask-image:linear-gradient(270deg,#000 20%,transparent)}
.topup-inner{position:relative;z-index:1;width:min(1240px,100%);margin-inline:auto}
.topup-head{position:relative;display:grid;place-items:center;min-height:150px;margin-bottom:26px}
.topup-head .topup-watermark{position:absolute;inset:0;display:grid;place-items:center;margin:0;font-size:clamp(56px,11vw,150px);letter-spacing:.06em;-webkit-text-stroke:2px #ffffff26}
.topup-head .topup-tabs{z-index:1;margin:0}
.topup-tabs button{width:168px;height:76px;background:#2a2340cc;border-color:#ffffff26}
.topup-tabs button.active{background:#3a2a1ccc;border-color:#f5c542;box-shadow:0 0 0 1px #f5c542,0 0 30px #f5c54277}
.topup-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:18px}
.topup-art{background:radial-gradient(circle at 50% 35%,color-mix(in srgb,var(--art-a) 75%,transparent),transparent 72%),linear-gradient(170deg,color-mix(in srgb,var(--art-b) 70%,#3a1d0e),#0d0a14)}
.topup-art>b{font-size:34px}
.topup-empty .topup-art{opacity:.75;filter:saturate(.7)}
.topup-empty .topup-info>span{font:700 14px var(--font-head)}
.topup-empty .topup-info small{color:var(--muted)}
.topup-empty .btn{width:100%}
@media(max-width:1100px){.topup-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:720px){
  .topup-section{padding:30px 12px 36px}
  .topup-section::before,.topup-section::after{display:none}
  .topup-head{min-height:110px;margin-bottom:18px}
  .topup-tabs button{width:calc(50% - 6px);height:58px}
  .topup-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .topup-art>b{font-size:24px}
}

/* ───── 17. Yüklenecek görseller: dosya yoksa alttaki renk geçişi görünür ───── */
.game-card-art{background:linear-gradient(180deg,transparent 40%,#0a0e16cc),var(--cover,none) center/cover no-repeat,linear-gradient(140deg,var(--game-a),var(--game-b))}

.topup-art{background:radial-gradient(circle at 50% 35%,transparent 30%,#0a0e16aa 100%),var(--topup,none) center/cover no-repeat,radial-gradient(circle at 50% 35%,color-mix(in srgb,var(--art-a) 75%,transparent),transparent 72%),linear-gradient(170deg,color-mix(in srgb,var(--art-b) 70%,#3a1d0e),#0d0a14)}
.topup-section::before{background-image:url('/assets/hero/lux.jpg')}
.topup-section::after{background-image:url('/assets/hero/yasuo.jpg')}

.brand-tile i img{width:34px;height:34px;object-fit:contain}
.img-fallback{font:900 22px var(--font-head)}
.game-tile .img-fallback{font-size:11px}

/* ───── 19. Logo: kırpılmış web kopyaları, net ve dengeli boyut ───── */
.brand{gap:12px;transition:transform .2s ease}
.brand:hover{transform:translateY(-1px)}
.brand-emblem{width:auto;height:46px;filter:drop-shadow(0 4px 14px #168aff55)}
.brand-word{width:auto;height:34px;filter:drop-shadow(0 2px 8px #0009)}
.footer .brand-emblem{height:40px}.footer .brand-word{height:30px}
@media(max-width:1100px){.brand-emblem{height:40px}.brand-word{height:28px}}
@media(max-width:720px){.brand-emblem{height:38px}}

/* Panelden kategori görseli eklenince kartın arka planı olur */
.category-card.has-image{background:linear-gradient(90deg,#0f1626f2 35%,#0f1626aa),var(--cat-img) center/cover no-repeat}
.category-card[style*="--c1"]>i{background:linear-gradient(140deg,var(--c1),color-mix(in srgb,var(--c1) 55%,#000))}

/* ───── 18. Daha geniş yerleşim ───── */
.wrap{width:min(1420px,100% - 48px)}
.wrap.narrow{width:min(900px,100% - 48px)}
.topup-inner{width:min(1420px,100%)}
@media(max-width:720px){.wrap,.wrap.narrow{width:calc(100% - 24px)}}

/* ───── 14. Sayfa geçişleri ───── */
@keyframes vt-out{to{opacity:0;transform:translateY(-10px) scale(.985);filter:blur(4px)}}
@keyframes vt-in{from{opacity:0;transform:translateY(22px) scale(.985);filter:blur(6px)}}
.route-shell{view-transition-name:page}
.site-header{view-transition-name:site-header}
.topbar{view-transition-name:topbar}
.mobile-bottom{view-transition-name:mobile-bottom}
::view-transition-old(page){animation:vt-out .18s ease both}
::view-transition-new(page){animation:vt-in .38s cubic-bezier(.2,.8,.2,1) both}
::view-transition-old(root),::view-transition-new(root){animation:none}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;scroll-behavior:auto!important;animation:none!important}.reveal{opacity:1;transform:none}::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}}

/* ───── 20. Kategori menüsü: ürün türleri + aranabilir oyun ızgarası ───── */

.mega{position:absolute;left:50%;top:calc(100% + 10px);transform:translateX(-50%);width:min(1420px,100% - 48px);height:min(680px,100vh - 190px);display:grid;grid-template-columns:240px minmax(0,1fr);background:var(--surface);border:1px solid var(--line-strong);border-radius:16px;box-shadow:0 30px 80px -20px #000c,0 0 0 100vmax #05080e8c;overflow:hidden;z-index:60;animation:mega-in .18s ease-out}
@keyframes mega-in{from{opacity:0;transform:translate(-50%,-8px)}to{opacity:1;transform:translate(-50%,0)}}

.mega-top{display:flex;gap:10px;align-items:center}
.mega-search{flex:1;display:flex;align-items:center;gap:10px;padding:0 14px;height:46px;border:1px solid var(--line);border-radius:10px;background:var(--bg)}
.mega-search:focus-within{border-color:var(--accent)}
.mega-search .icon{width:18px;height:18px;color:var(--muted)}
.mega-search input{flex:1;min-width:0;border:0;background:none;outline:none;font-size:15px}
.mega-close{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--line);border-radius:10px;background:var(--surface-2);color:var(--muted)}
.mega-close:hover{color:var(--text);border-color:var(--line-strong)}

.mega-empty{padding:40px 0;text-align:center;color:var(--muted)}
[data-theme="light"] .mega{box-shadow:0 30px 80px -20px #0005,0 0 0 100vmax #0f172a40}
@media(max-width:860px){
  .mega{position:fixed;top:0;left:0;transform:none;width:100%;height:100dvh;border-radius:0;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);box-shadow:none;animation:none}
  
  
  
  
  
  
  
}
/* Kategori menüsü açıkken yüzen düğmeler ve alt çubuk panelin üstüne binmesin. */
body:has(#mega-catalog) :is(.support-fab,.dm-dock,.mobile-bottom){visibility:hidden}

/* ───── 21. Kategori menüsü: tek arama kutusu, kaydırılan tür bölümleri ───── */
.mega-search input,.mega-search input:focus,.mega-search input:hover{flex:1;min-width:0;width:auto;height:100%;margin:0;padding:0;border:0!important;border-radius:0;background:transparent!important;box-shadow:none!important;outline:none!important;font-size:15px}
.mega-search input::-webkit-search-cancel-button{filter:invert(.6)}
.mega-search:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-bg)}
.mega-top{margin-bottom:12px}

/* ───── 22. Ana sayfa düzeltmeleri: oyun kartı taşması, hizalı kart satırı, kampanya şeridi, Fırsatlar arka planı ───── */
/* Oyun kartları: görsel alanı kartın genişliğini aşmaz, logo kutunun içinde kalır, ad tek satır */
.game-card{grid-template-columns:minmax(0,1fr);align-content:start;overflow:hidden}
.game-card-art{position:relative;width:100%;min-width:0;overflow:hidden;aspect-ratio:16/10}
.game-card-art>.game-mark{width:auto;height:auto;max-width:70%;max-height:58%;object-fit:contain;filter:drop-shadow(0 6px 16px #000b);transition:transform .3s}
.game-card:hover .game-card-art>.game-mark{transform:scale(1.06)}
.game-card strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.games-grid{align-items:stretch}

/* Topluluk / etkinlik / Pass satırı: üç kart aynı hizada ve aynı boyda */
.feed-grid>.panel-card,.feed-grid>.panel-card+.panel-card{margin:0!important;height:100%}
.feed-grid{align-items:stretch}

/* Kampanya şeridi */
.promo-strip{min-height:84px;gap:20px;padding:14px 16px 14px 14px;border:1px solid color-mix(in srgb,var(--art-a) 45%,#ffffff1a);background:linear-gradient(90deg,color-mix(in srgb,var(--art-a) 70%,#0a0e16) 0%,color-mix(in srgb,var(--art-a) 28%,#0a0e16) 38%,#0b1020f2 62%,#0b102066 100%),var(--cover,none) right 30%/52% auto no-repeat,#0b1020;box-shadow:0 18px 40px -22px var(--art-a);isolation:isolate;transition:transform .2s,box-shadow .2s}
.promo-strip::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(105deg,transparent 30%,#ffffff1f 45%,transparent 60%);transform:translateX(-100%);animation:promo-shine 4.5s ease-in-out infinite}
@keyframes promo-shine{0%,55%{transform:translateX(-100%)}100%{transform:translateX(100%)}}
.promo-strip:hover{transform:translateY(-2px);box-shadow:0 24px 50px -22px var(--art-a)}

.promo-cta{flex:none;padding:10px 18px;border-radius:12px;background:#ffffff1f;border:1px solid #ffffff38;font:800 14px var(--font-head);color:#fff;backdrop-filter:blur(6px);transition:background .2s}
.promo-strip:hover .promo-cta{background:var(--art-a);border-color:transparent}
@media(max-width:700px){.promo-strip{min-height:68px;gap:12px}.promo-cta{display:none}}

/* Fırsatlar (yükleme) bölümü: başlık görseli arka planda, yazı görselin kendisinde */
.topup-section{background:linear-gradient(180deg,#0c0a1800 0,#0c0a1800 calc(100vw/3*.55),#0c0a18 calc(100vw/3)) top/100% auto no-repeat,url('/assets/hero/firsatlar-bg.webp') center top/100% auto no-repeat,#0c0a18;border-block:1px solid #3b2a5c}
.topup-section::before,.topup-section::after{display:none!important}
.topup-head{min-height:clamp(84px,13.5vw,270px);align-items:end;margin-bottom:22px}
.topup-head .topup-watermark{visibility:hidden}

/* Platform kutuları: gerçek logolar */
.brand-tile i img{width:60%;height:60%;max-width:40px;max-height:40px;object-fit:contain;filter:drop-shadow(0 2px 6px #0006)}

/* ───── 23. Vitrin (6 slayt) ve kampanya şeridi ───── */
/* Slayt arka planı: kapak görseli (yazı tarafı soldaki koyu geçişle okunur) */
.hero-slide.has-cover{background:var(--slide-bg) center 30%/cover no-repeat,#0a0e16}
.hero-slide.has-cover:first-child{background-position:right center}
.hero-game-logo{display:block;height:46px;width:auto;max-width:200px;object-fit:contain;object-position:left center;margin-bottom:4px;filter:drop-shadow(0 4px 14px #000c)}
/* Sekmeler: altı eşit sütun; oyun slaytlarında logo, diğerlerinde simge; etkin sekmede üst çizgi ve ilerleme çubuğu */
.hero-tabs{grid-template-columns:repeat(var(--tabs,6),minmax(0,1fr))}
.hero-tab{height:76px;gap:7px;align-content:center}
.hero-tab img{max-width:72%;max-height:26px;filter:grayscale(1) brightness(1.8);opacity:.55}

.hero-tab small{color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}

.hero-tab::after{content:"";position:absolute;left:0;bottom:0;height:2px;width:0;background:linear-gradient(90deg,#ff8a1f,#ff4d6d)}
.hero-tab.active::after{animation:hero-progress 7s linear forwards}
.hero-stage:hover .hero-tab.active::after,.hero-stage:focus-within .hero-tab.active::after{animation-play-state:paused}
@keyframes hero-progress{to{width:100%}}
@media(max-width:860px){.hero-tabs{--tabs:5}.hero-tab{height:58px}.hero-game-logo{height:34px}}

/* Kampanya şeridi: sade; solda logo ve oyun adı, ortada başlık, sağda cam düğme */
.promo-strip{min-height:74px;gap:26px;padding:12px 14px 12px 26px;border-radius:14px;border:1px solid #ffffff17;background:linear-gradient(90deg,#0c0e18 0%,#170f1f 42%,color-mix(in srgb,var(--art-a) 38%,#4a1260) 100%);box-shadow:0 16px 40px -26px var(--art-a)}
.promo-strip::before{content:"";position:absolute;top:0;right:0;bottom:0;width:46%;z-index:-1;background:var(--cover,none) center 35%/cover no-repeat;opacity:.22;-webkit-mask-image:linear-gradient(90deg,transparent,#000 70%);mask-image:linear-gradient(90deg,transparent,#000 70%)}
.promo-strip::after{opacity:.6}
.promo-brand{display:grid;justify-items:center;gap:3px;flex:none;min-width:62px}
.promo-brand img{height:24px;width:auto;max-width:62px;object-fit:contain}
.promo-brand b{font:900 18px var(--font-head);color:#fff}
.promo-brand small{font:800 8.5px/1 var(--font-head);letter-spacing:.14em;color:#fff;opacity:.9}
.promo-strip .promo-title{flex:1;min-width:0;font:800 17px/1.2 var(--font-head);letter-spacing:.01em;color:#fff;text-shadow:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.promo-strip .promo-cta{display:inline-flex;align-items:center;gap:10px;flex:none;padding:12px 20px 12px 22px;border-radius:12px;background:#ffffff24;border:1px solid #ffffff40;font:800 13px var(--font-head);letter-spacing:.05em;color:#fff;backdrop-filter:blur(8px);transition:background .2s,transform .2s}
.promo-cta i{display:grid;place-items:center}
.promo-cta .icon{width:16px;height:16px;transform:rotate(-90deg)}
.promo-strip:hover .promo-cta{background:#ffffff38;transform:translateX(2px)}
@media(max-width:700px){.promo-strip{gap:14px;padding:10px 12px 10px 14px}.promo-strip .promo-title{font-size:14px;white-space:normal}.promo-strip .promo-cta{display:inline-flex;padding:9px 12px;font-size:0;gap:0}.promo-cta .icon{width:18px;height:18px}}
@media(max-width:860px){.hero-slide.has-cover::after,.hero-slide:has(.hero-image)::after{background:linear-gradient(90deg,#0a0e16f2 0%,#0a0e16d9 55%,#0a0e1680 100%),linear-gradient(0deg,#0a0e16cc,transparent 50%)}}

/* ───── 24. Vitrin sekmeleri: yalnızca logo; etkin sekmede logo oyunun renginde, üstte renkli çizgi ve parlama ───── */
.hero-tabs{grid-template-columns:repeat(var(--tabs,8),minmax(0,1fr));background:linear-gradient(180deg,#141a28,#0d111b)}
.hero-tab{height:72px;padding:12px 14px;gap:0;transition:background .25s}
.hero-tab::before{background:var(--tab-c);height:3px}
.hero-tab::after{background:var(--tab-c);opacity:.7}
.hero-tab.active,.hero-tab:hover{background:transparent}
.hero-tab.active{background:radial-gradient(120% 90% at 50% 0,color-mix(in srgb,var(--tab-c) 30%,transparent),transparent 70%),linear-gradient(180deg,color-mix(in srgb,var(--tab-c) 12%,transparent),transparent)}
.hero-tab-logo{display:block;width:100%;height:30px;background:#fff;opacity:.82;-webkit-mask:var(--tab-logo) center/contain no-repeat;mask:var(--tab-logo) center/contain no-repeat;transition:background .25s,opacity .25s,transform .25s}
.hero-tab.is-brand .hero-tab-logo{height:26px}
.hero-tab:hover .hero-tab-logo{opacity:1}
.hero-tab.active .hero-tab-logo{background:var(--tab-c);opacity:1;transform:scale(1.06);filter:drop-shadow(0 0 10px color-mix(in srgb,var(--tab-c) 60%,transparent))}
@media(max-width:860px){
  .hero-tabs{display:flex;overflow-x:auto;scrollbar-width:none}
  .hero-tabs::-webkit-scrollbar{display:none}
  .hero-tab,.hero-tab:nth-child(n+6){display:grid;flex:0 0 108px;height:56px}
  .hero-tab-logo{height:24px}
}
.hero-tab-logo{height:36px}
.hero-tab.is-brand .hero-tab-logo{height:28px}
@media(max-width:860px){.hero-tab-logo{height:26px}.hero-tab.is-brand .hero-tab-logo{height:22px}}

/* Vitrin sekmesi: oyun dışı slaytlar simge + ad (oyun logolarıyla aynı yükseklikte, etkinken kendi renginde) */
.hero-tab-feature{display:flex;align-items:center;justify-content:center;gap:9px;min-width:0;max-width:100%;color:#fff;opacity:.82;transition:color .25s,opacity .25s,transform .25s}
.hero-tab-feature .icon{flex:none;width:22px;height:22px}
.hero-tab-feature b{font:800 12.5px/1.15 var(--font-head);letter-spacing:.05em;text-transform:uppercase;text-align:left;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.hero-tab:hover .hero-tab-feature{opacity:1}
.hero-tab.active .hero-tab-feature{color:var(--tab-c);opacity:1;transform:scale(1.04);filter:drop-shadow(0 0 10px color-mix(in srgb,var(--tab-c) 55%,transparent))}
@media(max-width:860px){.hero-tab.is-feature{flex-basis:150px}.hero-tab-feature b{font-size:11px}.hero-tab-feature .icon{width:18px;height:18px}}

/* Vitrin arka planları: sanat sağda, sol taraf görselin kendisinde koyu; karartma yalnızca yazı alanında */
.hero-slide.has-cover{background-position:right center}
.hero-slide.has-cover::after{background:linear-gradient(90deg,#0a0e16d9 0%,#0a0e1680 32%,#0a0e1600 55%),linear-gradient(0deg,#0a0e1666,transparent 35%)}


/* Dönen kampanya şeridi: şeritler üst üste, etkin olan görünür */
.promo-rotator{position:relative;display:grid;margin-bottom:22px}
.promo-rotator>.promo-strip{grid-area:1/1;margin:0;opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .5s ease,transform .5s ease,visibility 0s linear .5s}
.promo-rotator>.promo-strip.active{opacity:1;visibility:visible;transform:none;transition:opacity .5s ease,transform .5s ease,visibility 0s}
.promo-dots{position:absolute;left:50%;bottom:7px;z-index:2;display:flex;gap:6px;transform:translateX(-50%)}
.promo-dots button{width:6px;height:6px;padding:0;border:0;border-radius:99px;background:#ffffff4d;transition:width .3s,background .3s}
.promo-dots button.active{width:18px;background:#fff}
@media(max-width:700px){.promo-dots{bottom:5px}}

/* Vitrin: yazı bloğu alta sabit, düğmeler ile ok/nokta çubuğu arasındaki mesafe her slaytta aynı */
.hero-slide{align-items:flex-end}
.hero-copy{margin-top:0;margin-bottom:0;padding-bottom:66px}
@media(max-width:860px){.hero-copy{padding-bottom:60px}}
@media(max-width:860px){.hero{height:420px;min-height:420px}.hero-game-logo{height:28px}}

/* ───── 25. Sosyal giriş, güvenli giriş kartı, bildirim kartı, sosyal medya arka planı ───── */
.auth-divider{display:flex;align-items:center;gap:12px;margin:4px 0 -2px;color:var(--muted);font-size:13px}
.auth-divider::before,.auth-divider::after{content:"";flex:1;height:1px;background:var(--line)}
.social-login{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.social-btn{display:grid;place-items:center;height:46px;border-radius:10px;background:var(--c);color:#fff;box-shadow:0 8px 20px -10px var(--c);transition:transform .15s,filter .15s,box-shadow .15s}
.social-btn:hover{transform:translateY(-2px);filter:brightness(1.12);box-shadow:0 12px 26px -10px var(--c)}
.social-btn[data-oauth="steam"]{border:1px solid #ffffff1f}
.oauth-g{width:22px;height:22px}
.oauth-mark{width:22px;height:22px;background:#fff;-webkit-mask:var(--m) center/contain no-repeat;mask:var(--m) center/contain no-repeat}

.secure-overlay{position:fixed;inset:0;z-index:300;display:grid;place-items:center;padding:16px;background:#05080ecc;backdrop-filter:blur(6px);animation:secure-fade .2s ease-out}
@keyframes secure-fade{from{opacity:0}}
.secure-page{display:grid;place-items:center;min-height:60vh;padding:40px 0}
.secure-card{width:min(460px,100%);display:grid;justify-items:center;gap:10px;padding:30px 26px 24px;border:1px solid #ffffff14;border-radius:18px;background:linear-gradient(180deg,#2b2f40,#232634);box-shadow:0 30px 80px -30px #000;text-align:center;animation:rise .35s ease both}

.secure-card h2{margin-top:6px;font-size:22px}
.secure-sub{color:#c9cfdc;font-size:14.5px}
.secure-spinner{width:56px;height:56px;margin:12px 0 2px;border-radius:50%;border:4px solid #ffffff14;border-top-color:#a855f7;border-right-color:#6366f1;border-bottom-color:#3b82f6;animation:secure-spin 1s linear infinite}
@keyframes secure-spin{to{transform:rotate(360deg)}}
.secure-status{font-size:13px;color:#c9cfdc}
.secure-dots::after{content:"";display:inline-block;width:1.2em;text-align:left;color:#a855f7;animation:secure-dots 1.2s steps(4) infinite}
@keyframes secure-dots{0%{content:""}25%{content:" ."}50%{content:" .."}75%{content:" ..."}}
.secure-steps{display:grid;gap:10px;margin:8px 0 6px;padding:0;list-style:none}
.secure-steps li{display:flex;align-items:center;justify-content:center;gap:9px;font-size:14px;color:#9aa3b5;transition:color .25s}
.secure-steps li .icon{width:17px;height:17px}
.secure-steps li:nth-child(1) .icon{color:#4ade80}.secure-steps li:nth-child(2) .icon{color:#60a5fa}.secure-steps li:nth-child(3) .icon{color:#c084fc}
.secure-steps li.active{color:#fff}
.secure-steps li.active .icon{animation:secure-pulse 1s ease-in-out infinite}
@keyframes secure-pulse{50%{opacity:.35}}
.secure-steps li.done{color:#e6e9f0}
.secure-steps li.done .icon{color:#4ade80}
.secure-steps li.failed{color:#ff8a9a}
.secure-note{width:100%;margin-top:8px;padding:12px 14px;border:1px solid #f0b35459;border-radius:10px;background:#f0b3541a;color:#f5c66e;font-size:13px;line-height:1.5}
.secure-card.ok .secure-spinner{border-color:#4ade80;animation:none}
.secure-card.fail .secure-spinner{border-color:#ff6b81;animation:none}
.secure-card.fail .secure-status{color:#ff8a9a;font-size:14px}
.secure-card.fail .secure-dots,.secure-card.ok .secure-dots{display:none}
.secure-actions{margin-top:6px}

.flash-note{position:fixed;top:18px;left:50%;z-index:320;display:flex;align-items:center;gap:12px;min-width:min(340px,calc(100vw - 32px));padding:14px 18px 14px 14px;border:1px solid #ffffff1f;border-radius:14px;background:#1b2130f2;backdrop-filter:blur(10px);box-shadow:0 20px 50px -18px #000;transform:translate(-50%,-140%);opacity:0;transition:transform .35s cubic-bezier(.2,.8,.2,1),opacity .35s}
.flash-note.show{transform:translate(-50%,0);opacity:1}
.flash-note i{display:grid;place-items:center;flex:none;width:38px;height:38px;border-radius:11px;background:#4ade8026;color:#4ade80}
.flash-note i .icon{width:20px;height:20px}
.flash-note b{display:block;font:800 15px var(--font-head)}
.flash-note small{color:var(--muted);font-size:13px}

/* Sosyal Medya Hizmetleri: tam genişlik arka plan görseli */
.brand-section.social-section{position:relative;width:100vw;margin-left:calc(50% - 50vw);padding:54px 16px 60px;background:linear-gradient(180deg,#05080e66,#05080e33 40%,#05080e80),url('/assets/hero/sosyal-bg.webp') center/cover no-repeat,#070a1a;border-block:1px solid #2a2f6a}
.brand-section.social-section>*{width:min(1420px,100%);margin-inline:auto}
@media(max-width:700px){.social-login{gap:8px}.social-btn{height:42px}.brand-section.social-section{padding:36px 12px 40px}}
.brand-section.social-section>*{width:min(1180px,100%)}

/* Hediye kartları bölümü: tam genişlik arka plan görseli, kayan kutular ortada */
.brand-section.gift-section{position:relative;width:100vw;margin-left:calc(50% - 50vw);padding:54px 16px 60px;background:linear-gradient(180deg,#05080e66,#05080e26 40%,#05080e80),url('/assets/hero/hediye-bg.webp') center/cover no-repeat,#070a1a;border-block:1px solid #2a2f6a}
.brand-section.gift-section>*{width:min(1180px,100%);margin-inline:auto}
@media(max-width:700px){.brand-section.gift-section{padding:36px 12px 40px}}
.gift-section .brand-marquee{width:min(1000px,100%);margin-inline:auto;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent);mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent)}

/* ───── 26. Profesyonel mağaza: seviye çerçevesi, rozetler, mağaza sayfası, temalar, kurulum sihirbazı, seviye paneli ───── */
/* Seviye çerçeveli avatar */
.store-ring{position:relative;display:inline-grid;place-items:center;flex:none;padding:3px;border-radius:22px;background:conic-gradient(from 210deg,var(--lvl),color-mix(in srgb,var(--lvl) 35%,transparent),var(--lvl));box-shadow:0 0 0 1px #ffffff14,0 10px 26px -12px var(--lvl)}
.store-ring .store-avatar{width:64px;height:64px;border-radius:19px;border:3px solid var(--surface);font-size:22px}
.store-ring.large{border-radius:30px;padding:4px}
.store-ring.large .store-avatar{width:112px;height:112px;border-radius:26px;font-size:36px;border-width:4px}
.store-ring.is-pass{background:conic-gradient(from 210deg,#ffd76a,#f59e0b,#fff3c4,#f59e0b,#ffd76a);box-shadow:0 0 0 1px #ffd76a55,0 0 28px -4px #f5c54299}
.store-ring.lvl-legend{animation:ring-spin 6s linear infinite}
@keyframes ring-spin{to{filter:hue-rotate(360deg)}}
.level-pill{display:inline-flex;align-items:center;gap:5px;padding:4px 10px 4px 7px;border-radius:999px;background:color-mix(in srgb,var(--lvl) 18%,transparent);border:1px solid color-mix(in srgb,var(--lvl) 45%,transparent);color:var(--lvl);font:800 12px var(--font-head);letter-spacing:.02em}
.level-pill .icon{width:14px;height:14px}
.badge-dots{display:inline-flex;align-items:center;gap:4px}
.badge-dots i{display:grid;place-items:center;width:24px;height:24px;border-radius:8px;background:color-mix(in srgb,var(--b) 20%,transparent);color:var(--b)}
.badge-dots i .icon{width:13px;height:13px}
.badge-dots em{font-style:normal;font-size:11px;color:var(--muted);font-weight:700}
.xp-bar{position:relative;height:9px;border-radius:99px;background:#ffffff12;overflow:hidden}
.xp-bar i{position:absolute;inset:0 auto 0 0;width:var(--p);border-radius:inherit;background:linear-gradient(90deg,color-mix(in srgb,var(--lvl) 60%,#fff),var(--lvl));box-shadow:0 0 12px var(--lvl);transition:width .6s}
.xp-text{display:block;margin-top:6px;color:var(--muted);font-size:12.5px}
.empty-state.soft{padding:36px 20px}

/* Mağaza kartı */
.store-card.pro-card{display:flex;flex-direction:column;padding:0;overflow:hidden;border-radius:18px}
.store-card-cover{position:relative;height:84px;background:linear-gradient(135deg,var(--store-accent),color-mix(in srgb,var(--store-accent) 30%,#0a0e16)) center/cover;background-size:cover}
.store-card-cover .pass-badge{position:absolute;top:10px;right:10px}
.store-card-body{display:grid;gap:8px;padding:0 16px 16px}
.store-card-body .store-ring{margin-top:-34px}
.store-card-body h3{display:flex;align-items:center;gap:6px;font-size:17px}
.store-card-body>p{color:var(--muted);font-size:13.5px;min-height:2.6em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.store-card-level{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}
.store-card.pro-card .store-stats{display:flex;flex-wrap:wrap;gap:6px 12px;font-size:12.5px;color:var(--muted)}
.store-card.pro-card.is-pass{border-color:#f5c54266;box-shadow:0 0 0 1px #f5c54233,0 18px 40px -24px #f5c542}
.featured-stores{margin-bottom:22px;padding:20px;border:1px solid #f5c5423d;border-radius:20px;background:radial-gradient(600px 200px at 0 0,#f5c54214,transparent 70%),var(--surface)}
.featured-stores h2{display:flex;align-items:center;gap:8px}
.featured-stores h2 .icon{color:#f5c542}
.store-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:18px}
.store-toolbar .type-tabs{margin:0 0 0 auto}
.store-search{display:flex;align-items:center;gap:8px;min-width:240px;height:42px;padding:0 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface)}
.store-search .icon{width:17px;height:17px;color:var(--muted)}
.store-search input{flex:1;min-width:0;height:100%;border:0!important;background:none!important;box-shadow:none!important;outline:none;padding:0}
.filter-chips{display:flex;flex-wrap:wrap;gap:6px}

/* Mağaza sayfası */
.store-page{--theme-a:var(--store-accent);--theme-b:#0a0e16}

.level-emblem{display:grid;justify-items:center;gap:4px;flex:none}
.level-emblem span{display:grid;place-items:center;width:58px;height:64px;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:linear-gradient(160deg,color-mix(in srgb,var(--lvl) 70%,#fff),var(--lvl) 55%,color-mix(in srgb,var(--lvl) 50%,#000));color:#0a0e16}
.level-emblem span .icon{width:26px;height:26px}
.level-emblem b{font:800 13px var(--font-head);color:var(--lvl)}
.level-emblem.big span{width:96px;height:106px}
.level-emblem.big span .icon{width:42px;height:42px}
.level-emblem.big b{font-size:16px}
.store-spotlight{position:relative;margin-bottom:18px;padding:16px;border:1px solid #f5c54255;border-radius:18px;background:linear-gradient(135deg,#f5c54212,transparent 60%),var(--surface)}
.spotlight-label{display:inline-flex;align-items:center;gap:6px;margin-bottom:12px;font:800 11px var(--font-head);letter-spacing:.14em;color:#f5c542}
.store-spotlight .product-grid{grid-template-columns:minmax(0,420px)}
.store-tabs{display:flex;gap:4px;margin-bottom:18px;padding:5px;border:1px solid var(--line);border-radius:14px;background:var(--surface);overflow-x:auto}
.store-tabs button{display:inline-flex;align-items:center;gap:8px;flex:none;padding:10px 16px;border:0;border-radius:10px;background:none;color:var(--muted);font-weight:700}
.store-tabs button .icon{width:16px;height:16px}
.store-tabs button em{font-style:normal;padding:1px 8px;border-radius:99px;background:#ffffff12;font-size:12px}
.store-tabs button.active{background:color-mix(in srgb,var(--store-accent) 22%,transparent);color:#fff}
.store-tabs button.active em{background:var(--store-accent);color:#fff}
.store-list-tools{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:16px}
.store-list-tools .store-search{flex:1}
.store-list-tools select{height:42px;min-width:180px}
.store-collection{margin-bottom:22px}
.review-summary{display:grid;grid-template-columns:200px minmax(0,1fr);gap:24px;align-items:center;margin-bottom:18px;padding:20px;border:1px solid var(--line);border-radius:16px;background:var(--surface)}
.review-score{display:grid;justify-items:center;gap:4px}
.review-score b{font:900 46px/1 var(--font-head)}
.stars{color:#fbbf24;letter-spacing:2px}
.review-score small{color:var(--muted)}
.review-bars{display:grid;gap:7px}
.review-bars div{display:grid;grid-template-columns:36px minmax(0,1fr) 30px;align-items:center;gap:10px;font-size:13px;color:var(--muted)}
.review-bars i{height:8px;border-radius:99px;background:#ffffff12;overflow:hidden}
.review-bars i b{display:block;height:100%;border-radius:inherit;background:#fbbf24}
.review-list{display:grid;gap:10px}
.review-item{display:grid;gap:8px;padding:16px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}
.review-item header{display:flex;align-items:center;gap:10px}
.review-item header small{margin-left:auto;color:var(--muted)}
.review-item p{color:#d3d9e4}
.review-item-listing{color:var(--muted)}
.review-item-listing a{color:var(--accent-soft)}
.review-reply{padding:10px 12px;border-left:3px solid var(--store-accent);border-radius:8px;background:#ffffff08}
.review-reply b{font-size:12.5px;color:var(--store-accent)}
.store-about{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:start}
.store-about .panel-card{margin:0}
.store-about h3{display:flex;align-items:center;gap:6px;margin:12px 0 4px;font-size:15px}
.store-about p{color:#c9d0dc;line-height:1.65}
.store-facts{display:grid;grid-template-columns:max-content 1fr;gap:8px 18px;margin:0}
.store-facts dt{color:var(--muted)}
.store-facts dd{margin:0;font-weight:600}

.focus-games{display:flex;flex-wrap:wrap;gap:8px}
.focus-game{display:inline-flex;align-items:center;gap:8px;padding:6px 12px 6px 6px;border:1px solid var(--line);border-radius:12px;background:#ffffff06;font-weight:700;font-size:13.5px}
.store-faq details{border-bottom:1px solid var(--line);padding:12px 0}
.store-faq summary{cursor:pointer;font-weight:700}
.store-faq details p{margin-top:8px}
.store-badge-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px;margin-bottom:16px}
.store-badge-grid article,.badge-board article{display:flex;gap:12px;padding:14px;border:1px solid color-mix(in srgb,var(--b) 35%,var(--line));border-radius:14px;background:linear-gradient(135deg,color-mix(in srgb,var(--b) 12%,transparent),transparent 70%),var(--surface)}
.store-badge-grid i,.badge-board i{display:grid;place-items:center;flex:none;width:44px;height:44px;border-radius:13px;background:color-mix(in srgb,var(--b) 22%,transparent);color:var(--b);box-shadow:0 0 18px -6px var(--b)}
.store-badge-grid p,.badge-board p{color:var(--muted);font-size:13px}
.store-level-perks ul,.level-perks{display:grid;gap:6px;margin:8px 0 0;padding:0;list-style:none}
.store-level-perks li,.level-perks li{display:flex;align-items:center;gap:8px}
.store-level-perks .icon,.level-perks .icon{width:16px;height:16px;color:#4ade80}

/* Pass temaları (mağaza sayfası, kart ve önizleme) */
.theme-neon{--theme-a:#a855f7;--theme-b:#0b0420}
.store-live-card.theme-neon .store-live-cover{box-shadow:inset 0 0 0 1px #c084fc55,inset 0 -40px 80px -40px #22d3ee}
.theme-neon .store-tabs button.active{background:linear-gradient(90deg,#a855f733,#22d3ee33)}
.theme-gold{--theme-a:#f5c542;--theme-b:#1a1205}

.theme-night{--theme-a:#1e3a8a;--theme-b:#020617}

.theme-crimson{--theme-a:#dc2626;--theme-b:#1a0505}
.store-card.theme-neon .store-card-cover,.store-live-card.theme-neon .store-live-cover:not([style*="url"]){background:linear-gradient(135deg,#a855f7,#22d3ee)}
.store-card.theme-gold .store-card-cover,.store-live-card.theme-gold .store-live-cover:not([style*="url"]){background:linear-gradient(135deg,#f5c542,#7c4a03)}
.store-card.theme-night .store-card-cover,.store-live-card.theme-night .store-live-cover:not([style*="url"]){background:linear-gradient(135deg,#1e3a8a,#020617)}
.store-card.theme-crimson .store-card-cover,.store-live-card.theme-crimson .store-live-cover:not([style*="url"]){background:linear-gradient(135deg,#dc2626,#1a0505)}

/* Mağaza kurulum sihirbazı / düzenleyici */
.store-builder{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:18px;align-items:start}
.store-builder-form{display:grid;gap:16px}
.store-builder-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.store-builder-head h2{font-size:22px}
.store-stepper{display:flex;gap:6px;padding:5px;border:1px solid var(--line);border-radius:14px;background:#0a0e1666;overflow-x:auto}
.store-stepper button{display:inline-flex;align-items:center;gap:8px;flex:1 0 auto;justify-content:center;padding:10px 14px;border:0;border-radius:10px;background:none;color:var(--muted);font-weight:700;white-space:nowrap}
.store-stepper button .icon{width:16px;height:16px}
.store-stepper button em{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#ffffff14;font-style:normal;font-size:12px}
.store-stepper button.active{background:color-mix(in srgb,var(--accent) 22%,transparent);color:#fff}
.store-stepper button.active em{background:var(--accent);color:#fff}
.store-stepper button.done em{background:#22c55e;color:#fff}
.store-step{display:grid;gap:14px;margin:0;padding:0;border:0;min-width:0}
.slug-field{display:flex;align-items:center;border:1px solid var(--line);border-radius:10px;background:var(--bg);overflow:hidden}
.slug-field em{padding:0 4px 0 12px;font-style:normal;color:var(--muted);font-size:13px;white-space:nowrap}
.slug-field input{flex:1;min-width:0;border:0!important;background:none!important;box-shadow:none!important;padding-left:0}
.slug-status{min-height:1.2em;font-weight:600}
.slug-status.ok{color:#4ade80}.slug-status.bad{color:#ff7a8a}
.choice-cards,.theme-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;margin-top:6px}
.choice-card,.theme-card{position:relative;cursor:pointer}
.choice-card input,.theme-card input,.game-pick input{position:absolute;opacity:0;pointer-events:none}
.choice-card span{display:grid;gap:4px;padding:14px;border:1.5px solid var(--line);border-radius:14px;background:#ffffff05;transition:.15s}
.choice-card span .icon{width:22px;height:22px;color:var(--accent-soft)}
.choice-card small{color:var(--muted);font-weight:400}
.choice-card input:checked+span,.theme-card input:checked+span{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,transparent);box-shadow:0 0 0 3px var(--accent-bg)}
.theme-card span{display:grid;gap:8px;padding:10px;border:1.5px solid var(--line);border-radius:14px;background:#ffffff05}
.theme-card span i{display:block;height:46px;border-radius:9px;background:linear-gradient(135deg,var(--theme-a,#168aff),var(--theme-b,#0a0e16))}
.theme-card.theme-default span i{background:linear-gradient(135deg,#168aff,#0a0e16)}
.theme-card.locked{opacity:.5;cursor:not-allowed}
.lock-note{display:inline-flex;align-items:center;gap:4px;margin-left:6px;padding:2px 8px;border-radius:99px;background:#f5c54222;color:#f5c542;font-size:11px;font-weight:800}
.lock-note .icon{width:12px;height:12px}
.accent-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:6px}
.accent-row input[type=color]{width:48px;height:38px;padding:2px}
.swatch{width:30px;height:30px;border:2px solid #ffffff22;border-radius:50%;background:var(--c);transition:transform .15s}
.swatch:hover{transform:scale(1.12)}
.game-picks{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px;max-height:220px;overflow-y:auto;padding:2px}
.game-pick{display:inline-flex;align-items:center;gap:6px;padding:4px 10px 4px 4px;border:1.5px solid var(--line);border-radius:10px;background:#ffffff05;font-size:13px;font-weight:600;cursor:pointer}
.game-pick:has(input:checked){border-color:var(--accent);background:color-mix(in srgb,var(--accent) 14%,transparent)}
.game-pick .game-tile{width:24px;height:24px}
.pass-callout{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid #f5c54255;border-radius:12px;background:#f5c54212}
.faq-editor{display:grid;gap:10px}
.faq-row{display:grid;gap:6px;padding:10px;border:1px solid var(--line);border-radius:12px;background:#ffffff04}
.store-builder-actions{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap}
.store-live{position:sticky;top:150px;display:grid;gap:10px}
.store-live>small{font:800 10.5px var(--font-head);letter-spacing:.14em;color:var(--muted)}
.store-live-card{overflow:hidden;border:1px solid var(--line);border-radius:18px;background:var(--surface)}
.store-live-cover{height:96px;background:linear-gradient(135deg,var(--store-accent),color-mix(in srgb,var(--store-accent) 30%,#0a0e16)) center/cover;background-size:cover}
.store-live-body{display:grid;gap:8px;padding:0 16px 16px}
.store-live-body .store-ring{margin-top:-36px}
.store-live-body p{color:var(--muted);font-size:13.5px}
.store-live-tips{padding:14px;border:1px dashed var(--line-strong);border-radius:14px}
.store-live-tips ul{display:grid;gap:8px;margin:10px 0 0;padding:0;list-style:none;font-size:13px;color:#c9d0dc}
.store-live-tips li{display:flex;gap:8px}
.store-live-tips .icon{flex:none;width:16px;height:16px;color:var(--accent-soft)}

/* Seviye ve Rozetler paneli */
.level-page{display:grid;gap:16px}
.level-page .panel-card{margin:0}
.level-hero{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:24px;align-items:center;padding:24px;border:1px solid color-mix(in srgb,var(--lvl) 40%,var(--line));border-radius:20px;background:radial-gradient(500px 220px at 0 0,color-mix(in srgb,var(--lvl) 22%,transparent),transparent 70%),var(--surface)}
.level-hero-copy{display:grid;gap:8px}
.level-hero-copy>small{font:800 11px var(--font-head);letter-spacing:.14em;color:var(--muted)}
.level-hero-copy h2{font-size:30px}
.level-hero-copy h2 em{font-style:normal;font-size:15px;color:var(--muted)}
.level-facts{display:grid;grid-template-columns:repeat(2,minmax(110px,1fr));gap:8px}
.level-facts article{display:grid;gap:2px;padding:12px;border:1px solid var(--line);border-radius:12px;background:#ffffff05}
.level-facts .icon{width:16px;height:16px;color:var(--lvl)}
.level-facts b{font:800 19px var(--font-head)}
.level-facts small{color:var(--muted);font-size:12px}
.level-road{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}
.level-road article{position:relative;display:grid;gap:4px;align-content:start;padding:12px;border:1px solid var(--line);border-radius:14px;background:#ffffff04;opacity:.6}
.level-road article.reached{opacity:1;border-color:color-mix(in srgb,var(--lvl) 45%,var(--line))}
.level-road article.current{box-shadow:0 0 0 2px var(--lvl),0 12px 30px -16px var(--lvl);background:color-mix(in srgb,var(--lvl) 10%,transparent)}
.level-road i{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:color-mix(in srgb,var(--lvl) 25%,transparent);color:var(--lvl)}
.level-road b{color:var(--lvl)}
.level-road small{color:var(--muted);font-size:12px}
.level-road ul{margin:6px 0 0;padding-left:16px;font-size:12px;color:#c9d0dc}
.xp-rules{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:16px;padding-top:14px;border-top:1px solid var(--line)}
.xp-rules b{margin-right:4px}
.xp-rules span{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border:1px solid var(--line);border-radius:99px;font-size:12.5px}
.xp-rules em{font-style:normal;font-weight:800;color:#4ade80}
.badge-board{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px}
.badge-board article.locked{filter:grayscale(.9);opacity:.7}
.badge-board article>div{flex:1;min-width:0;display:grid;gap:3px}
.badge-progress{height:6px;margin-top:4px;border-radius:99px;background:#ffffff14;overflow:hidden}
.badge-progress span{display:block;height:100%;background:var(--b)}
.badge-board small{color:var(--muted);font-size:12px}
.badge-board small.ok{color:#4ade80;font-weight:700}
.pass-panel.on{border-color:#f5c54266}
.pass-panel h2{display:flex;align-items:center;gap:8px}
.pass-perk-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px}
.pass-perk-grid article{position:relative;display:flex;gap:12px;padding:14px;border:1px solid #f5c54233;border-radius:14px;background:linear-gradient(135deg,#f5c54210,transparent 70%),var(--surface)}
.pass-perk-grid article>.icon{flex:none;width:22px;height:22px;color:#f5c542}
.pass-perk-grid p{color:var(--muted);font-size:13px}
.pass-perk-grid em.ok{position:absolute;top:10px;right:10px;color:#4ade80}
.pass-perk-grid.big{margin-bottom:16px}

@media(max-width:1100px){.store-builder{grid-template-columns:minmax(0,1fr)}.store-live{position:static;order:-1}.level-road{grid-template-columns:repeat(4,minmax(0,1fr))}.level-hero{grid-template-columns:auto minmax(0,1fr)}.level-facts{grid-column:1/-1;grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:700px){.store-ring.large .store-avatar{width:88px;height:88px}.review-summary{grid-template-columns:minmax(0,1fr)}.store-about{grid-template-columns:minmax(0,1fr)}.level-road{grid-template-columns:repeat(2,minmax(0,1fr))}.level-hero{grid-template-columns:minmax(0,1fr);justify-items:start}.level-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.store-toolbar .type-tabs{margin:0}.store-search{min-width:0;width:100%}}

.store-card-body .store-ring,.store-live-body .store-ring{justify-self:start}

/* ───── 27. Çevrimiçi noktası, kimlik işareti, doğrulama ekranı, Panelim ───── */
.presence-tag{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;letter-spacing:0;text-transform:none;white-space:nowrap}
.presence-tag i{position:relative;width:9px;height:9px;border-radius:50%;flex:none}
.presence-tag.online{color:#4ade80}.presence-tag.online i{background:#22c55e;box-shadow:0 0 0 3px #22c55e33}
.presence-tag.online i::after{content:"";position:absolute;inset:0;border-radius:50%;background:#22c55e;animation:presence-ping 1.8s ease-out infinite}
@keyframes presence-ping{from{transform:scale(1);opacity:.7}to{transform:scale(2.6);opacity:0}}
.presence-tag.offline{color:#f87171}.presence-tag.offline i{background:#ef4444;box-shadow:0 0 0 3px #ef444430}
.presence-tag.vacation{color:#fbbf24}.presence-tag.vacation i{background:#f59e0b;box-shadow:0 0 0 3px #f59e0b30}
.presence-tag small{color:var(--muted);font-weight:500;font-size:inherit}
.store-card-body>.presence-tag{font-size:11.5px}

.identity-mark{display:inline-grid;place-items:center;width:22px;height:22px;margin-left:6px;color:#22d3ee;vertical-align:middle;filter:drop-shadow(0 0 6px #22d3ee88)}
.identity-mark svg{width:100%;height:100%}

/* Doğrulama ekranı */
.verify-gate{display:grid;gap:16px;max-width:760px}
.verify-gate-head{display:flex;gap:14px;align-items:flex-start}
.verify-icon{display:grid;place-items:center;flex:none;width:52px;height:52px;border-radius:15px;background:linear-gradient(135deg,#22c55e,#0ea5e9);color:#fff;box-shadow:0 10px 26px -10px #22c55e}
.verify-icon .icon{width:26px;height:26px}
.verify-gate-head h2{font-size:21px}
.verify-gate-head p{color:var(--muted);margin-top:4px}
.verify-steps{display:grid;gap:10px}
.verify-steps article{display:flex;align-items:flex-start;gap:12px;padding:14px;border:1px solid var(--line);border-radius:14px;background:#ffffff05}
.verify-steps article>i{display:grid;place-items:center;flex:none;width:38px;height:38px;border-radius:11px;background:#ffffff10;color:var(--muted)}
.verify-steps article>div{flex:1;min-width:0;display:grid;gap:6px}
.verify-steps article>em{color:#4ade80}
.verify-steps article.done{border-color:#22c55e55;background:#22c55e0d}
.verify-steps article.done>i{background:#22c55e26;color:#4ade80}

.verify-steps small{color:var(--muted)}
.tag{display:inline-block;margin-left:6px;padding:1px 8px;border-radius:99px;background:#ffffff12;font-size:11px;font-weight:700;color:var(--muted)}
.verify-gate-foot{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.phone-form{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.phone-form input{max-width:200px}
.phone-input{display:flex;align-items:center;border:1px solid var(--line);border-radius:10px;background:var(--bg);overflow:hidden}
.phone-input em{padding:0 4px 0 12px;font-style:normal;font-weight:700;color:var(--muted)}
.phone-input input{border:0!important;background:none!important;box-shadow:none!important;padding-left:4px}
.phone-note{min-height:1em}
.phone-note.ok{color:#4ade80}.phone-note.bad{color:#ff7a8a}

/* Panelim */

.state-chip{padding:3px 9px;border-radius:99px;font-size:11.5px;font-weight:700;background:#ffffff12;color:var(--muted);white-space:nowrap}
.state-chip.ok{background:#22c55e22;color:#4ade80}.state-chip.warn{background:#f59e0b22;color:#fbbf24}.state-chip.info{background:#3b82f622;color:#60a5fa}.state-chip.bad{background:#ef444422;color:#f87171}




/* ───── 28. Panel kaydırma, kenar menüsü kullanıcı kartı, doping ───── */
/* Kenar menüsü kendi içinde kayar; sayfa içeriği ayrı kayar */
@media(min-width:861px){
  
  .panel-sidebar{position:sticky;top:122px;max-height:calc(100vh - 138px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#35455f transparent}
  .panel-sidebar::-webkit-scrollbar{width:6px}
  .panel-sidebar::-webkit-scrollbar-thumb{background:#35455f;border-radius:6px}
}

/* Mağaza görsel ölçü ipuçları */
.size-hint b{color:var(--text)}
.lock-note.on{background:#22c55e22;color:#4ade80}
.pass-callout.small{padding:9px 12px;font-size:13px}

/* Ürün kartı doping işaretleri */

.product-card.is-doped{position:relative;border-color:transparent;background:linear-gradient(var(--surface),var(--surface)) padding-box,linear-gradient(135deg,#f97316,#ec4899,#8b5cf6,#f97316) border-box;border:2px solid transparent;box-shadow:0 0 0 1px #ec489933,0 18px 40px -20px #ec4899}
.product-card.is-doped::after{content:"";position:absolute;inset:-2px;border-radius:inherit;pointer-events:none;background:linear-gradient(120deg,transparent 40%,#ffffff22 50%,transparent 60%) 0 0/250% 100%;animation:doping-shine 3.5s linear infinite}
@keyframes doping-shine{from{background-position:120% 0}to{background-position:-120% 0}}

/* Doping kartları (ilan formu ve doping penceresi) */
.doping-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.doping-card{position:relative;cursor:pointer}
.doping-card input{position:absolute;opacity:0;pointer-events:none}
.doping-card-body{display:flex;align-items:flex-start;gap:12px;height:100%;padding:14px;border:1.5px solid var(--line);border-radius:14px;background:#ffffff05;transition:.15s}
.doping-card-body>i{display:grid;place-items:center;flex:none;width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,#f9731633,#ec489933);color:#fb923c}
.doping-card-body>span:nth-child(2){flex:1;min-width:0;display:grid;gap:4px}
.doping-card-body b em{font-style:normal;margin-left:4px;padding:1px 7px;border-radius:99px;background:#ffffff12;color:var(--muted);font-size:11px}
.doping-card-body small{color:var(--muted);font-size:12.5px;line-height:1.45}
.doping-until{display:flex;align-items:center;gap:4px;color:#4ade80!important;font-weight:600}
.doping-until .icon{width:13px;height:13px}
.doping-price{display:grid;justify-items:end;flex:none;text-align:right}
.doping-price s{color:var(--muted);font-size:12px}
.doping-price b{font:800 16px var(--font-head)}
.doping-price b.free{color:#4ade80}
.doping-card:hover .doping-card-body{border-color:#f9731688}
.doping-card input:checked+.doping-card-body{border-color:#f97316;background:linear-gradient(135deg,#f9731618,#ec489912);box-shadow:0 0 0 3px #f9731622}
.doping-card input:checked+.doping-card-body>i{background:linear-gradient(135deg,#f97316,#ec4899);color:#fff}
.doping-card.active .doping-card-body{border-style:dashed}
.doping-card.locked{opacity:.55;cursor:not-allowed}
.doping-step-sum{margin-top:10px;text-align:right;color:var(--muted)}
.doping-step-sum b{color:var(--text);font-size:16px}
.doping-overlay{position:fixed;inset:0;z-index:310;display:grid;place-items:center;padding:16px;background:#05080ecc;backdrop-filter:blur(6px);animation:secure-fade .2s ease-out}
.doping-modal{width:min(760px,100%);max-height:calc(100vh - 32px);overflow-y:auto;display:grid;gap:16px;padding:22px;border:1px solid #f9731644;border-radius:20px;background:radial-gradient(500px 200px at 0 0,#f9731618,transparent 70%),var(--surface);box-shadow:0 30px 80px -30px #000;animation:rise .3s ease both}
.doping-modal header{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.doping-kicker{display:inline-flex;align-items:center;gap:6px;font:800 11px var(--font-head);letter-spacing:.14em;color:#fb923c}
.doping-kicker .icon{width:14px;height:14px}
.doping-modal h2{margin-top:4px;font-size:20px}
.doping-modal header p{color:var(--muted);font-size:13.5px;margin-top:4px}
.doping-modal footer{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding-top:14px;border-top:1px solid var(--line)}
.doping-modal footer>div:first-child{display:grid;gap:2px}
.doping-sum b{font:800 20px var(--font-head)}
.doping-actions{display:flex;gap:8px}
.doping-modal .form-error{width:100%}
@media(max-width:700px){.doping-grid{grid-template-columns:minmax(0,1fr)}}


/* ───── 29. Görsel yükleme kutusu ve ilan oluşturma sihirbazı ───── */
.dz-input{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none}
.dropzone,.lw-photos{display:grid;justify-items:center;gap:6px;margin-top:8px;padding:22px 16px;border:1.5px dashed #3a4d70;border-radius:14px;background:repeating-linear-gradient(135deg,#ffffff03 0 10px,transparent 10px 20px),#0a0e1640;text-align:center;cursor:pointer;transition:border-color .15s,background .15s}
.dropzone:hover,.lw-photos:hover,.dropzone.dragging,.lw-photos.dragging{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,transparent)}
.dz-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:color-mix(in srgb,var(--accent) 18%,transparent);color:var(--accent-soft)}
.dz-icon .icon{width:20px;height:20px}
.dropzone b,.lw-photos>b{font-size:14.5px;color:var(--text)}
.dropzone small,.lw-photos>small{color:var(--muted);font-size:12.5px;font-weight:400}
.dz-actions{display:flex;gap:8px;margin-top:4px}
.dz-files{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.dz-file{display:inline-flex;align-items:center;gap:8px;max-width:100%;padding:4px 6px 4px 4px;border:1px solid var(--line);border-radius:10px;background:var(--surface)}
.dz-file img{width:36px;height:36px;border-radius:7px;object-fit:cover}
.dz-file em{font-style:normal;font-size:12.5px;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dz-file button,.lw-photo button{display:grid;place-items:center;width:22px;height:22px;border:0;border-radius:6px;background:#ef444433;color:#f87171;font-size:15px;line-height:1}

.listing-wizard{display:grid;gap:18px}
.lw-head{padding:24px 28px 18px;border:1px solid var(--line);border-radius:18px;background:radial-gradient(600px 220px at 100% 0,#6366f122,transparent 70%),var(--surface)}
.lw-kicker{font:800 11px var(--font-head);letter-spacing:.12em;color:#818cf8}
.lw-head h1{margin:8px 0 6px;font-size:30px}
.lw-head>p{max-width:560px;color:var(--muted)}
.lw-progress{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:22px}
.lw-step{display:grid;gap:10px;padding:0;border:0;background:none;color:var(--muted);text-align:left;font-weight:700;font-size:13.5px}
.lw-step i{height:5px;border-radius:99px;background:#ffffff14}
.lw-step span{display:flex;align-items:center;gap:7px}
.lw-step .icon{width:15px;height:15px}
.lw-step.active{color:#a5b4fc}.lw-step.active i{background:linear-gradient(90deg,#6366f1,#818cf8)}
.lw-step.done{color:#4ade80}.lw-step.done i{background:#22c55e}
.lw-panel{display:grid;gap:16px;padding:24px 26px;border:1px solid var(--line);border-radius:18px;background:var(--surface)}
.lw-panel>div{display:grid;gap:14px}
.lw-panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.lw-panel-head h2{display:flex;align-items:center;gap:10px;font-size:20px}
.lw-panel-head p{color:var(--muted);margin-top:3px}
.lw-chip{padding:5px 10px;border:1px solid var(--line-strong);border-radius:8px;background:#ffffff08;font-size:12px;font-weight:700;white-space:nowrap}
.lw-back{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--line);border-radius:10px;background:#ffffff08;font-size:20px;color:var(--text)}
.lw-crumb{justify-self:start;padding:4px 10px;border:1px solid #6366f166;border-radius:8px;background:#6366f11f;color:#a5b4fc;font-size:12.5px;font-weight:700}
.lw-rules{justify-self:start;display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:10px;background:#ffffff0a;font-size:13.5px;font-weight:700}
.lw-rules .icon{width:15px;height:15px;color:#818cf8}
.lw-search{display:flex;align-items:center;gap:10px;height:46px;padding:0 14px;border:1px solid #6366f155;border-radius:10px;background:#ffffff08}
.lw-search .icon{width:17px;height:17px;color:#818cf8}
.lw-search input{flex:1;height:100%;border:0!important;background:none!important;box-shadow:none!important;outline:none;padding:0}
.lw-legend{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:13px}
.lw-legend i{width:10px;height:10px;border:2px solid #818cf8;border-radius:3px}
.lw-legend b{color:#a5b4fc;font-weight:600}
.lw-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;max-height:560px;overflow-y:auto;padding:4px 4px 4px 2px}
.lw-tile{position:relative;display:grid;grid-template-rows:1fr auto;align-items:end;min-height:220px;padding:12px;border:2px solid transparent;border-radius:14px;background:linear-gradient(180deg,transparent 35%,#0a0e16f0),var(--cover,none) center/cover no-repeat,linear-gradient(150deg,var(--game-a,var(--c1)),var(--game-b,#0a0e16));color:#fff;text-align:center;overflow:hidden;transition:transform .15s,border-color .15s,box-shadow .15s}
.lw-tile:hover{transform:translateY(-3px);box-shadow:0 16px 30px -18px #000}
.lw-tile .lw-art{display:grid;place-items:center;align-self:center}
.lw-tile .lw-art img{max-width:70%;max-height:70px;object-fit:contain;filter:drop-shadow(0 6px 14px #000c)}
.lw-tile .lw-art em{font:900 30px var(--font-head);font-style:normal}
.lw-tile .lw-art .icon{width:46px;height:46px;color:#fff;filter:drop-shadow(0 6px 14px #000c)}
.lw-tile b{font-size:14px;line-height:1.25;text-shadow:0 2px 8px #000}
.lw-tile small{display:block;margin-top:2px;font-size:11.5px;color:#d5dbe6;font-weight:400}
.lw-tile.mine{border-color:#818cf8}
.lw-tile.selected{border-color:#a5b4fc;box-shadow:0 0 0 3px #6366f155,0 16px 30px -16px #6366f1}
.lw-tile.selected::after{content:"✓";position:absolute;top:8px;right:8px;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#6366f1;font-weight:900;font-size:13px}
.lw-mine{position:absolute;top:8px;left:50%;transform:translateX(-50%);padding:2px 9px;border-radius:99px;background:#6366f1;font-size:11px;font-weight:800;white-space:nowrap}
.lw-grid.types .lw-tile{min-height:180px;background:linear-gradient(180deg,transparent 30%,#0a0e16f0),var(--cover,none) center/cover no-repeat,radial-gradient(circle at 50% 30%,color-mix(in srgb,var(--c1) 70%,#0a0e16),#0a0e16 80%)}
.lw-subs{display:grid;gap:8px}
.lw-sub-chips{display:flex;flex-wrap:wrap;gap:6px}
.lw-nav{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-top:6px}
.lw-nav .btn-primary,.lw-nav .btn-orange{min-width:220px;justify-content:center}
.lw-nav .btn-quiet .icon{transform:rotate(90deg);width:15px;height:15px}
.lw-field{display:grid;gap:8px;min-width:0}
.lw-label{display:flex;align-items:center;justify-content:space-between;gap:8px;font-weight:700;font-size:14px}
.lw-label em{font-style:normal;font-weight:600;font-size:12px;color:var(--muted)}
.lw-count{color:#fb923c!important}
.lw-min{color:#fb923c!important}
.lw-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.lw-types{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.lw-type-card{position:relative;cursor:pointer}
.lw-type-card input{position:absolute;opacity:0;pointer-events:none}
.lw-type-card>span{position:relative;display:grid;grid-template-columns:auto 1fr;gap:4px 10px;height:100%;padding:16px;border:1.5px solid var(--line);border-radius:14px;background:#ffffff05;overflow:hidden;transition:.15s}
.lw-type-card i{grid-row:span 2;display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#6366f126;color:#a5b4fc}
.lw-type-card i .icon{width:17px;height:17px}
.lw-type-card small{color:var(--muted);font-size:12.5px}
.lw-radio{position:absolute;top:14px;right:14px;width:20px;height:20px;border:2px solid var(--line-strong);border-radius:50%}
.lw-type-card input:checked+span{border-color:#818cf8;background:linear-gradient(135deg,#6366f122,transparent);box-shadow:inset 0 3px 0 #818cf8}
.lw-type-card input:checked+span .lw-radio{border-color:#6366f1;background:#6366f1 radial-gradient(circle,#fff 30%,transparent 34%)}
.lw-type-card.link:hover>span{border-color:#818cf888}
.lw-editor{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--bg)}
.lw-toolbar{display:flex;gap:4px;padding:8px;border-bottom:1px solid var(--line);background:#ffffff06}
.lw-toolbar button{display:grid;place-items:center;min-width:30px;height:30px;padding:0 6px;border:1px solid var(--line);border-radius:7px;background:#ffffff08;color:var(--text);font-weight:800}
.lw-toolbar button:hover{border-color:#818cf8}

.lw-editor textarea{width:100%;border:0!important;border-radius:0;background:transparent!important;box-shadow:none!important;resize:vertical;min-height:180px}
.lw-info{display:flex;gap:12px;padding:14px;border:1px solid #6366f155;border-radius:12px;background:#6366f114}
.lw-info>.icon{flex:none;width:22px;height:22px;padding:3px;border-radius:50%;background:#6366f1;color:#fff}
.lw-info small{display:block;color:#a5b4fc;font-size:12.5px}
.lw-attrs{display:grid;gap:14px}
.lw-attrs:empty{display:none}
.lw-price{border:1px solid var(--line);border-radius:14px;background:repeating-linear-gradient(135deg,#ffffff03 0 10px,transparent 10px 20px),#ffffff04;overflow:hidden}
.lw-price>.lw-field{padding:16px 18px}
.lw-money{display:flex;align-items:center;gap:8px;padding:0 14px;border:1px solid var(--line);border-radius:10px;background:var(--bg)}
.lw-money b{color:var(--muted)}
.lw-money input{flex:1;border:0!important;background:none!important;box-shadow:none!important;font-size:18px;font-weight:700}
.lw-earn{display:grid;gap:10px;padding:16px 18px;border-top:1px solid var(--line);background:linear-gradient(90deg,transparent,#22c55e0d)}
.lw-earn>div{display:flex;justify-content:space-between;color:var(--muted);font-size:13.5px}
.lw-earn-head{color:var(--text)!important}
.lw-earn-head .icon{width:15px;height:15px}
.lw-earn b{color:#fbbf24}
.lw-earn b.neg{color:#f87171}
.lw-earn .net{padding-top:10px;border-top:1px solid var(--line);color:var(--text)}
.lw-earn .net b{padding:6px 14px;border:1px solid var(--line);border-radius:8px;color:#4ade80;font-size:15px}
.lw-photos{margin-top:0}
.lw-photo-list{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:6px}
.lw-photo{position:relative;width:112px;height:76px;border-radius:10px;overflow:hidden;border:1px solid var(--line)}
.lw-photo img{width:100%;height:100%;object-fit:cover}
.lw-photo em{position:absolute;left:6px;top:6px;padding:1px 7px;border-radius:6px;background:#6366f1;color:#fff;font-style:normal;font-size:10.5px;font-weight:800}
.lw-photo button{position:absolute;top:5px;right:5px;background:#0a0e16cc}
.lw-toggle{display:flex;align-items:center;gap:14px;padding:16px 18px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(90deg,#ffffff04,#f9731610);cursor:pointer}
.lw-toggle input{position:absolute;opacity:0;pointer-events:none}
.lw-toggle>span:last-child{flex:1;display:grid;gap:3px}
.lw-toggle b{display:flex;align-items:center;gap:8px}
.lw-toggle b .icon{width:16px;height:16px;padding:3px;border-radius:6px;background:#f9731633;color:#fb923c;box-sizing:content-box}
.lw-toggle small{color:var(--muted);font-size:12.5px}
.lw-switch{order:2;position:relative;flex:none;width:44px;height:24px;border-radius:99px;background:#ffffff1f;transition:background .2s}
.lw-switch::after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:transform .2s}
.lw-toggle input:checked~.lw-switch{background:#6366f1}
.lw-toggle input:checked~.lw-switch::after{transform:translateX(20px)}
.lw-summary{display:grid;grid-template-columns:220px minmax(0,1fr);gap:18px;padding:14px;border:1px solid var(--line);border-radius:14px;background:#ffffff04}

.lw-agree{display:grid;gap:8px}
.lw-check{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border:1px solid var(--line);border-radius:12px;cursor:pointer;font-size:14px}
.lw-check input{width:18px;height:18px;margin-top:1px;accent-color:#6366f1}
.lw-check.draft{border-style:dashed;color:var(--muted)}
.detail-text.rich p{margin:0 0 8px}.detail-text.rich ul,.detail-text.rich ol{margin:0 0 8px;padding-left:22px}
@media(max-width:900px){.lw-types{grid-template-columns:minmax(0,1fr)}.lw-row{grid-template-columns:minmax(0,1fr)}.lw-summary{grid-template-columns:minmax(0,1fr)}}
@media(max-width:600px){.lw-head{padding:18px}.lw-panel{padding:16px}.lw-head h1{font-size:24px}.lw-step span{font-size:11.5px}.lw-step .icon{display:none}.lw-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.lw-tile{min-height:170px}.lw-nav .btn-primary,.lw-nav .btn-orange{min-width:0;flex:1}}

.lw-panel>.lw-panel-head,.lw-panel [data-lw-stage]>.lw-panel-head{display:flex}

/* ───── 30. Düzeltmeler: liderlik satırları, kart rozetleri, kurallar penceresi ───── */
.leaderboard a>.seller-avatar{flex:0 0 42px!important;display:grid!important;place-items:center;width:42px;height:42px;border-radius:12px;overflow:hidden;background:linear-gradient(135deg,var(--accent),#7c3aed);color:#fff;font-weight:800}
.leaderboard a>.seller-avatar img{width:100%;height:100%;object-fit:cover}
.leaderboard a>.level-chip{flex:none!important;display:inline-flex!important;align-items:center;gap:5px;white-space:nowrap}
.leaderboard a>.level-chip .icon{width:13px;height:13px}
.social-grid>.panel-card,.social-grid>.panel-card+.panel-card{margin:0!important}
.social-grid{align-items:start}

.rules-modal{max-width:640px}
.rules-list{display:grid;gap:10px;margin:0;padding-left:20px}
.rules-list li::marker{color:#818cf8;font-weight:800}
.rules-list p{color:var(--muted);font-size:13.5px;margin-top:2px}
.lw-check .text-link,.lw-rules{cursor:pointer;border:0;background:none;font:inherit;padding:0;color:var(--accent-soft)}
.lw-rules{padding:10px 14px;border-radius:10px;background:#ffffff0a;color:var(--text);font-size:13.5px;font-weight:700}
.small-note{display:flex;align-items:center;gap:8px;font-size:13px}

/* ───── 31. İlan sayfası ───── */

.pd-gallery-logo .detail-logo,.pd-gallery-logo img{max-width:240px;max-height:120px;object-fit:contain;filter:drop-shadow(0 10px 24px #000c)}

.pd-note{display:flex;gap:10px;margin:12px 0;padding:12px 14px;border:1px solid #6366f155;border-radius:12px;background:#6366f114}
.pd-note .icon{flex:none;width:18px;height:18px;color:#818cf8}
.pd-note span{display:grid;gap:2px;color:#d5dbe6}



/* ───── 32. Oyun ana sayfası ve kategori ilan sayfası ───── */
.hub,.cat-page{display:grid;gap:18px}
.hub-head{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:center;padding:26px 30px;border:1px solid var(--line);border-radius:20px;background:radial-gradient(500px 240px at 100% 0,color-mix(in srgb,var(--game-a) 30%,transparent),transparent 70%),var(--surface);overflow:hidden}
.hub-head-copy{display:grid;gap:10px;justify-items:start}
.hub-head h1{font-size:32px}
.hub-head p{max-width:560px;color:var(--muted)}
.hub-head .lw-search{width:100%;background:#0a0e1680}
.hub-alert{font-size:13px}
.hub-head-logo{display:grid;place-items:center;width:200px;height:150px}
.hub-head-logo img{max-width:100%;max-height:100%;object-fit:contain;filter:drop-shadow(0 12px 28px #000b)}
.hub-head-logo b{font:900 54px var(--font-head)}
.hub-section h2{display:flex;align-items:baseline;gap:10px;margin-bottom:14px;font-size:22px}
.hub-section h2 small{font-size:13px;color:var(--muted);font-weight:600}
.hub-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px}
.hub-tile{position:relative;display:grid;grid-template-rows:auto 1fr auto;justify-items:center;min-height:270px;padding:14px;border:1px solid var(--line);border-radius:16px;overflow:hidden;color:#fff;text-align:center;background:linear-gradient(180deg,#0a0e1622 30%,#0a0e16f2),var(--cover) center/cover no-repeat,linear-gradient(150deg,var(--game-a),var(--game-b));transition:transform .18s,border-color .18s,box-shadow .18s}
.hub-tile:hover{transform:translateY(-4px);border-color:var(--c1);box-shadow:0 20px 40px -22px var(--c1)}
.hub-tile-badges{display:grid;justify-items:center;gap:5px}
.hub-tile-badges em{padding:3px 9px;border-radius:99px;background:#0a0e16cc;color:#4ade80;font-style:normal;font-size:11.5px;font-weight:800;border:1px solid #4ade8044}
.hub-tile-badges em.hot{background:#6366f1;color:#fff;border:0}
.hub-tile-art{display:grid;place-items:center}
.hub-tile-art img{max-width:110px;max-height:90px;object-fit:contain;filter:drop-shadow(0 8px 18px #000c)}
.hub-tile-art .icon{width:58px;height:58px}
.hub-tile b{font-size:15px;text-shadow:0 2px 10px #000}
.cat-layout{display:grid;grid-template-columns:270px minmax(0,1fr);gap:20px;align-items:start}
.cat-side{position:sticky;top:122px;display:grid;gap:12px;max-height:calc(100vh - 138px);overflow-y:auto;scrollbar-width:thin}
.cat-rules{display:flex;align-items:center;gap:8px;padding:11px 14px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--text);font-weight:700;font-size:13.5px;cursor:pointer}
.cat-rules .icon{width:16px;height:16px;color:#818cf8}
.cat-cover{position:relative;display:grid;place-items:center;align-content:center;gap:10px;aspect-ratio:1/1.05;padding:16px;border-radius:16px;overflow:hidden;text-align:center;background:linear-gradient(180deg,transparent 40%,#0a0e16e6),var(--cover) center/cover no-repeat,linear-gradient(150deg,var(--game-a),var(--game-b))}
.cat-cover img{max-width:65%;max-height:90px;object-fit:contain;filter:drop-shadow(0 8px 18px #000c)}
.cat-cover b{position:absolute;left:12px;right:12px;bottom:12px;color:#fff;text-shadow:0 2px 8px #000}
.cat-add{justify-content:center;background:linear-gradient(90deg,#6366f1,#8b5cf6)!important}
.cat-filter{display:grid;border:1px solid var(--line);border-radius:16px;background:var(--surface);overflow:hidden}
.cat-filter-head{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid var(--line);background:linear-gradient(90deg,#6366f122,transparent)}
.cat-filter-head .icon{width:30px;height:30px;padding:6px;border-radius:9px;background:#6366f133;color:#a5b4fc}
.cat-filter-body{display:grid;gap:16px;padding:14px;max-height:520px;overflow-y:auto}
.cf-group{display:grid;gap:6px}
.cf-title{display:flex;align-items:center;gap:8px;margin-bottom:4px;font-weight:800;font-size:13.5px}
.cf-title .icon{width:16px;height:16px;color:#818cf8}
.cf-type{position:relative;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 12px;border-radius:10px;cursor:pointer;font-size:13.5px;transition:background .15s}
.cf-type input{position:absolute;opacity:0;pointer-events:none}
.cf-type span{display:flex;align-items:center;gap:8px;font-weight:600}
.cf-type span .icon{width:15px;height:15px;color:var(--muted)}
.cf-type em{font-style:normal;color:var(--muted);font-size:12px}
.cf-type:hover{background:#ffffff08}
.cf-type.active{background:#ffffff12;box-shadow:inset 0 0 0 1px var(--line-strong)}
.cf-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.cf-check{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:10px;background:#ffffff05;cursor:pointer;font-size:13.5px}
.cf-check input{width:16px;height:16px;accent-color:#6366f1}
.cf-check span{display:flex;align-items:center;gap:6px}
.cf-check .icon{width:15px;height:15px;color:#818cf8}
.cat-filter-foot{display:grid;gap:8px;padding:14px;border-top:1px solid var(--line)}
.cat-filter-foot .btn{justify-content:center}
.cat-filter-foot .btn-primary{background:linear-gradient(90deg,#6366f1,#8b5cf6)}
.cat-main{display:grid;gap:14px;min-width:0}
.cat-title{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap}
.cat-title h1{font-size:28px}
.cat-title p{color:var(--muted);margin-top:4px}
.cat-links{display:flex;align-items:center;gap:8px;margin-top:10px;font-size:13.5px;color:var(--muted)}
.cat-links a{display:inline-flex;align-items:center;gap:5px}
.cat-links .icon{width:14px;height:14px}
.cat-tools{display:flex;gap:6px;align-items:center}
.cat-tools select{height:40px;min-width:170px}
.view-btn{display:grid;place-items:center;width:40px;height:40px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--muted)}
.view-btn .icon{width:17px;height:17px}
.view-btn.active{background:#f59e0b;border-color:#f59e0b;color:#fff}
.cat-banner{display:block;border-radius:14px;overflow:hidden;border:1px solid var(--line)}
.cat-banner img{display:block;width:100%;max-height:120px;object-fit:cover}
.cat-notice{display:flex;gap:14px;padding:16px 18px;border-left:4px solid #6366f1;border-radius:12px;background:linear-gradient(90deg,#3b4fd855,#3b4fd822)}
.cat-notice>.icon{flex:none;width:26px;height:26px;color:#c7d2fe}
.cat-notice p{color:#c7d2fe;font-size:13.5px;margin-top:3px}
.cat-count{color:var(--muted);font-size:13px;margin-bottom:10px}
.cat-results.is-list .product-grid{grid-template-columns:minmax(0,1fr)!important}
.cat-results.is-list .product-card{display:grid;grid-template-columns:200px minmax(0,1fr);align-items:stretch}

@media(max-width:1000px){.cat-layout{grid-template-columns:minmax(0,1fr)}.cat-side{position:static;max-height:none}.cat-cover{display:none}.hub-head{grid-template-columns:minmax(0,1fr)}.hub-head-logo{display:none}}
@media(max-width:600px){.hub-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hub-tile{min-height:210px}.cat-results.is-list .product-card{grid-template-columns:minmax(0,1fr)}}

/* Kayan şerit (JS) ve platform logoları */
.brand-marquee[data-marquee]{position:relative}
.brand-marquee[data-marquee]>.mq-track{display:flex;gap:18px;width:auto;animation:none!important;overflow-x:auto;scrollbar-width:none;cursor:grab;user-select:none;-webkit-user-select:none;touch-action:pan-y pan-x;padding:6px 0}
.mq-track::-webkit-scrollbar{display:none}
.mq-track.dragging{cursor:grabbing}
.mq-track.dragging a{pointer-events:none}
.mq-track img{-webkit-user-drag:none;user-select:none}
.mq-btn{position:absolute;top:50%;z-index:2;display:grid;place-items:center;width:38px;height:38px;border:1px solid #ffffff33;border-radius:50%;background:#0a0e16cc;color:#fff;font-size:22px;line-height:1;transform:translateY(-50%);backdrop-filter:blur(6px);opacity:0;transition:opacity .2s}
.brand-marquee:hover .mq-btn{opacity:1}
.mq-btn.prev{left:4px}.mq-btn.next{right:4px}
@media(hover:none){.mq-btn{opacity:1}}
.gift-section .brand-marquee[data-marquee]{-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.brand-tile i img{filter:brightness(0) invert(1)}
.brand-glyph{font:900 18px var(--font-head);color:#fff}

/* ───── 33. Canlı bildirim kartı, sohbet sistem mesajları, bildirim merkezi ───── */
.live-note{position:fixed;top:84px;right:18px;z-index:330;display:flex;align-items:flex-start;gap:12px;width:min(380px,calc(100vw - 32px));padding:14px 38px 14px 14px;border:1px solid color-mix(in srgb,var(--nc) 45%,#ffffff1f);border-radius:16px;background:linear-gradient(135deg,color-mix(in srgb,var(--nc) 16%,#121826),#121826f5);backdrop-filter:blur(10px);box-shadow:0 24px 50px -18px #000,0 0 0 1px #ffffff08;transform:translateX(120%);opacity:0;transition:transform .4s cubic-bezier(.2,.8,.2,1),opacity .3s}
.live-note.show{transform:none;opacity:1}
.live-note>i{display:grid;place-items:center;flex:none;width:44px;height:44px;border-radius:13px;background:color-mix(in srgb,var(--nc) 25%,transparent);color:var(--nc);overflow:hidden}
.live-note>i img{width:100%;height:100%;object-fit:cover}
.live-note>i .icon{width:22px;height:22px}
.live-note span{display:grid;gap:2px;min-width:0}
.live-note small{color:var(--nc);font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.live-note b{font:800 15px var(--font-head)}
.live-note em{font-style:normal;color:#c9d0dc;font-size:13px;line-height:1.4}
.live-note-x{position:absolute;top:8px;right:8px;width:24px;height:24px;border:0;border-radius:7px;background:#ffffff14;color:#fff;font-size:16px;line-height:1}
.dm-dock-btn.has-unread{animation:dm-wiggle 1.6s ease-in-out infinite}
@keyframes dm-wiggle{0%,80%,100%{transform:rotate(0)}85%{transform:rotate(-10deg)}90%{transform:rotate(10deg)}95%{transform:rotate(-6deg)}}
.dm-dock-btn .badge{min-width:20px;height:20px;padding:0 5px;border-radius:99px;background:#ef4444;color:#fff;font:800 11px/20px var(--font);text-align:center;font-style:normal}

.sys-msg{display:flex;gap:10px;margin:8px 0;padding:10px 12px;border:1px solid color-mix(in srgb,var(--sc) 40%,transparent);border-radius:12px;background:color-mix(in srgb,var(--sc) 10%,transparent);text-align:left}
.sys-msg>i{display:grid;place-items:center;flex:none;width:30px;height:30px;border-radius:9px;background:color-mix(in srgb,var(--sc) 25%,transparent);color:var(--sc)}
.sys-msg>i .icon{width:16px;height:16px}
.sys-msg>div{display:grid;gap:3px;min-width:0}
.sys-msg b{font-size:12.5px;color:var(--sc)}
.sys-msg p{margin:0;font-size:13px;color:#d5dbe6;line-height:1.45}
.sys-msg small{color:var(--muted);font-size:11px}
.sys-msg .text-link{font-size:12.5px}

.lw-check.multi{padding:9px 12px}
.nc{display:grid;gap:14px}
.nc-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap}
.nc-head h2{display:flex;align-items:center;gap:8px;font-size:20px}
.nc-head p{color:var(--muted);margin-top:4px}
.nc-tabs{display:flex;gap:6px;flex-wrap:wrap}
.nc-tabs a{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border:1px solid var(--line);border-radius:99px;font-size:13px;font-weight:700;color:var(--muted)}
.nc-tabs a em{font-style:normal;padding:0 7px;border-radius:99px;background:#ffffff14;font-size:11px}
.nc-tabs a.active{background:var(--accent);border-color:var(--accent);color:#fff}
.nc-group{display:grid;gap:8px}
.nc-group h3{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-top:6px}
.nc-row{position:relative;display:flex;align-items:flex-start;gap:14px;padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:var(--surface);transition:border-color .15s,transform .15s}
.nc-row:hover{border-color:var(--line-strong);transform:translateX(2px)}
.nc-row.unread{border-color:#6366f155;background:linear-gradient(90deg,#6366f114,transparent 60%),var(--surface)}
.nc-icon{display:grid;place-items:center;flex:none;width:46px;height:46px;border-radius:14px;background:color-mix(in srgb,var(--nc) 20%,transparent);color:var(--nc);overflow:hidden}
.nc-icon img{width:100%;height:100%;object-fit:cover}
.nc-icon .icon{width:22px;height:22px}
.nc-body{flex:1;display:grid;gap:3px;min-width:0}
.nc-top{display:flex;align-items:center;gap:8px}
.nc-top em{font-style:normal;padding:1px 8px;border-radius:6px;background:color-mix(in srgb,var(--nc) 18%,transparent);color:var(--nc);font-size:11px;font-weight:800}
.nc-top time{color:var(--muted);font-size:12px}
.nc-body b{font-size:14.5px}
.nc-body small{color:#b8c1d1;font-size:13px}
.nc-amount{justify-self:start;margin-top:3px;padding:2px 8px;border-radius:6px;background:#22c55e1f;color:#4ade80;font-size:12px;font-weight:800}
.nc-dot{flex:none;width:10px;height:10px;margin-top:6px;border-radius:50%;background:#6366f1;box-shadow:0 0 0 4px #6366f133}
.dm-messages .sys-msg{max-width:none;width:100%;box-sizing:border-box}
.dm-messages .sys-msg p{display:block;max-width:none;margin:0;padding:0;border:0;border-radius:0;background:none!important;box-shadow:none;color:#d5dbe6;text-align:left}
.dm-messages .sys-msg small{display:block;margin:0;text-align:left}



/* ───── 34. Sohbet uygulaması (sol kutu + /mesajlar) ───── */
.cx{position:relative;display:grid;grid-template-columns:300px minmax(0,1fr);height:100%;min-height:0;border:1px solid #2e3550;border-radius:18px;background:#262a3d;overflow:hidden;color:#e7e9f3}
.cx-side{display:flex;flex-direction:column;min-height:0;border-right:1px solid #343a55;background:#2a2e43}
.cx-side::before{content:"";height:3px;background:linear-gradient(90deg,#6366f1,#8b5cf6 60%,#f59e0b)}
.cx-tools{display:flex;align-items:center;gap:6px;padding:14px 12px;border-bottom:1px solid #343a55}
.cx-search{flex:1;display:flex;align-items:center;gap:8px;min-width:0;height:40px;padding:0 12px;border:1px solid #474e6d;border-radius:11px;background:#353a54}
.cx-search .icon{flex:none;width:16px;height:16px;color:#9aa1bd}
.cx .cx-search input,.cx-modal .cx-search input{flex:1;width:auto;min-width:0;height:100%;min-height:0!important;margin:0;padding:0!important;border:0!important;border-radius:0;background:transparent!important;color:#fff;font-size:14px;box-shadow:none!important;outline:0}
.cx-search input::placeholder{color:#9aa1bd}
.cx-search:focus-within{border-color:#6366f1;box-shadow:0 0 0 3px #6366f133}
.cx-tool{display:grid;place-items:center;flex:none;width:34px;height:34px;padding:0;border:0;border-radius:9px;background:none;color:#c3c8dc;cursor:pointer;transition:background .15s,color .15s}
.cx-tool:hover{background:#ffffff12;color:#fff}
.cx-tool.on{background:#6366f1;color:#fff}
.cx-tool .icon{width:18px;height:18px}
.cx-list{flex:1;overflow-y:auto;padding:10px 10px 14px;scrollbar-width:thin;scrollbar-color:#4b5272 transparent}
.cx-row{display:flex;align-items:center;gap:12px;width:100%;margin:0 0 6px;padding:10px 12px;border:0;border-left:3px solid transparent;border-radius:10px;background:none;color:inherit;text-align:left;cursor:pointer;transition:background .15s}
.cx-row:hover{background:#ffffff0b}
.cx-row.unread{border-left-color:#6366f1;background:#30354d}
.cx-row.active{background:#383e5c;border-left-color:#8b5cf6}
.cx-ava{position:relative;display:grid;place-items:center;flex:none;width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#8b5cf6)}
.cx-ava img{width:100%;height:100%;border-radius:50%;object-fit:cover}
.cx-ava b{font:800 15px var(--font-head);color:#fff}
.cx-ava.small{width:38px;height:38px}
.cx-ava.big{width:72px;height:72px}.cx-ava.big b{font-size:24px}
.cx-ava.bot{background:#1e2236;padding:4px}
.cx-online{position:absolute;right:0;bottom:1px;width:11px;height:11px;border:2px solid #2a2e43;border-radius:50%;background:#22c55e}
.cx-row.unread .cx-ava::after{content:"";position:absolute;top:-2px;right:-2px;width:12px;height:12px;border:2px solid #2a2e43;border-radius:50%;background:#6366f1;box-shadow:0 0 0 3px #6366f144}
.cx-verified{position:absolute;right:-2px;bottom:-2px;display:grid;place-items:center;width:17px;height:17px;border:2px solid #2a2e43;border-radius:50%;background:#f59e0b;color:#fff}
.cx-verified .icon{width:10px;height:10px;stroke-width:3}
.cx-row-body{flex:1;display:grid;gap:3px;min-width:0}
.cx-row-top,.cx-row-bottom{display:flex;align-items:center;gap:8px;min-width:0}
.cx-row-top b{flex:1;overflow:hidden;font-size:14.5px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}
.cx-row-top time{flex:none;color:#8d94b0;font-size:12px}
.cx-row-top time.on{color:#4ade80}
.cx-row-bottom small{flex:1;overflow:hidden;color:#9aa1bd;font-size:13px;text-overflow:ellipsis;white-space:nowrap}
.cx-row-bottom em{flex:none;min-width:20px;height:20px;padding:0 6px;border-radius:99px;background:#6366f1;color:#fff;font:800 11px/20px var(--font);font-style:normal;text-align:center}
.cx-row.unread .cx-row-top b{color:#a5b4fc}
.cx-row.unread .cx-row-top time{color:#a5b4fc;font-weight:700}
.cx-row.unread .cx-row-bottom small{color:#fff;font-weight:700}
.cx-bot .cx-row-top b{color:#a5b4fc}
.cx-divider{display:flex;align-items:center;gap:10px;margin:10px 6px 12px;color:#8d94b0;font-size:11px;font-weight:800;letter-spacing:.12em}
.cx-divider::before,.cx-divider::after{content:"";flex:1;height:1px;background:#3d4361}
.cx-none{padding:18px 10px;color:#9aa1bd;font-size:13px;text-align:center;line-height:1.5}
.cx-loading{height:60px;margin:10px;border-radius:12px;background:linear-gradient(90deg,#ffffff08,#ffffff14,#ffffff08);background-size:200% 100%;animation:cx-shine 1.2s linear infinite}
@keyframes cx-shine{to{background-position:-200% 0}}
.cx-main{display:flex;flex-direction:column;min-width:0;min-height:0;background:#2d3147}
.cx-empty{margin:auto;display:grid;justify-items:center;gap:10px;max-width:380px;padding:30px;text-align:center}
.cx-empty-ring{display:grid;place-items:center;width:72px;height:72px;margin-bottom:8px;border:1px solid #4a5175;border-radius:50%;background:#353a56;color:#818cf8}
.cx-empty-ring .icon{width:26px;height:26px}
.cx-empty h3{font:800 19px var(--font-head)}
.cx-empty p{color:#a3a9c3;font-size:14px;line-height:1.55}
.cx-empty .btn{margin-top:10px;padding:0 22px;min-height:44px;border-radius:10px;background:#6366f1;box-shadow:0 12px 26px -10px #6366f1}
.cx-head{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid #3a405d;background:#2a2e43}
.cx-back{display:none;place-items:center;width:34px;height:34px;padding:0;border:0;border-radius:9px;background:#ffffff10;color:#fff}
.cx-back .icon{width:18px;height:18px}
.cx-head-who{flex:1;display:grid;min-width:0}
.cx-head-who b{overflow:hidden;font-size:15px;text-overflow:ellipsis;white-space:nowrap}
.cx-head-who small{display:flex;align-items:center;gap:6px;color:#9aa1bd;font-size:12px}
.cx-head-who small .on{width:8px;height:8px;border-radius:50%;background:#22c55e}
.cx-head-actions{display:flex;gap:4px}
.cx-msgs.dm-messages{flex:1;display:flex;flex-direction:column;gap:8px;max-height:none;margin:0;padding:18px 18px 10px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#4b5272 transparent}
.cx-msgs.dm-messages>p{align-self:flex-start;max-width:72%;margin:0;padding:9px 13px;border-radius:14px 14px 14px 4px;background:#3a3f5c;color:#eef0f8}
.cx-msgs.dm-messages>p.mine{align-self:flex-end;border-radius:14px 14px 4px 14px;background:linear-gradient(135deg,#6366f1,#8b5cf6)}
.cx-msgs.dm-messages>p span{white-space:pre-wrap}
.cx-msgs.dm-messages>p small{justify-self:end;font-size:10.5px;opacity:.7}
.cx-msgs .sys-msg{align-self:center;max-width:min(460px,100%)}
.sys-msg p{white-space:pre-line}
.cx-day{display:flex;justify-content:center;margin:6px 0}
.cx-day span{padding:3px 12px;border-radius:99px;background:#ffffff0d;color:#9aa1bd;font-size:11.5px;font-weight:700}
.cx-first{margin:auto;display:grid;justify-items:center;gap:10px;max-width:360px;text-align:center}
.cx-first p{color:#a3a9c3;font-size:13px;line-height:1.55}
.cx-form{display:flex;align-items:flex-end;gap:10px;padding:12px 16px 16px;border-top:1px solid #3a405d}
.cx-form textarea{flex:1;min-height:44px;max-height:120px;padding:11px 14px;border:1px solid #474e6d;border-radius:12px;background:#353a54;color:#fff;font:inherit;font-size:14px;resize:none;outline:0}
.cx-form textarea:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f133}
.cx-send{display:grid;place-items:center;flex:none;width:44px;height:44px;padding:0;border:0;border-radius:12px;background:#6366f1;color:#fff;cursor:pointer;box-shadow:0 10px 22px -10px #6366f1}
.cx-send:disabled{opacity:.6}
.cx-send .icon{width:19px;height:19px}
.cx-bot-msg{display:flex;gap:10px;align-self:flex-start;max-width:85%;padding:12px 14px;border:1px solid #4a5175;border-radius:4px 14px 14px 14px;background:#353a56}
.cx-bot-msg>span{display:grid;place-items:center;flex:none;width:30px;height:30px;border-radius:9px;background:#6366f133;color:#a5b4fc}
.cx-bot-msg>span .icon{width:16px;height:16px}
.cx-bot-msg p{margin:0;line-height:1.5;white-space:pre-wrap}
.cx-bot-msg small{color:#8d94b0;font-size:11px}
.cx-readonly{display:flex;align-items:center;justify-content:center;gap:6px;margin:0;padding:14px;border-top:1px solid #3a405d;color:#9aa1bd;font-size:12.5px}
.cx-readonly .icon{width:14px;height:14px}
.cx-close{position:absolute;top:10px;right:10px;z-index:2;display:grid;place-items:center;width:30px;height:30px;padding:0;border:0;border-radius:8px;background:#ffffff12;color:#fff;cursor:pointer}
.cx-close .icon{width:16px;height:16px}
.cx-dock .cx-head{padding-right:50px}
/* Sol kutu: büyük iki panelli pencere */
.dm-dock-panel{width:min(820px,calc(100vw - 40px));height:min(600px,calc(100vh - 120px));max-height:none;padding:0;border:0;border-radius:18px;background:none}
.dm-dock-panel>.cx{height:100%;box-shadow:0 30px 70px -20px #000}
/* Mesajlar sayfası */
.cx-page .cx{height:min(720px,calc(100vh - 220px));min-height:480px}
/* Yeni sohbet penceresi */
.cx-modal{width:min(420px,calc(100vw - 32px));padding:20px;border:1px solid #3d4361;border-radius:16px;background:#2a2e43;color:#e7e9f3}
.cx-modal::backdrop{background:#0b0e18b3;backdrop-filter:blur(3px)}
.cx-modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}
.cx-modal-head h2{font:800 19px var(--font-head)}
.cx-modal-label{display:block;margin-bottom:10px;color:#818cf8;font-size:12px;font-weight:800;letter-spacing:.1em}
.cx-search.big{height:48px;border-color:#6366f1;background:#30344b}
.cx-results{display:grid;gap:4px;max-height:320px;margin-top:14px;overflow-y:auto}
.cx-hint{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid #3d4361;border-radius:12px}
.cx-hint>span{display:grid;place-items:center;width:42px;height:42px;border-radius:10px;background:#3b3f63;color:#a5b4fc}
.cx-hint>span .icon{width:20px;height:20px}
.cx-hint div{display:grid;gap:2px}
.cx-hint small{color:#9aa1bd;font-size:12.5px}
.lw-hint{display:flex;gap:6px;align-items:flex-start;margin-top:6px;color:var(--muted);font-size:12.5px;line-height:1.45}
.lw-hint .icon{flex:none;width:14px;height:14px;margin-top:2px;color:#22c55e}
@media(max-width:760px){
  .cx{grid-template-columns:minmax(0,1fr)}
  .cx-main{display:none}
  .cx.chatting .cx-side{display:none}
  .cx.chatting .cx-main{display:flex}
  .cx-back{display:grid}
  .dm-dock-panel{width:calc(100vw - 28px);height:calc(100vh - 170px)}
  .cx-msgs.dm-messages>p{max-width:86%}
}
[data-theme="light"] .dm-dock-panel{background:none}

/* ───── 35. Bildirim açılır paneli ───── */
.nd{position:fixed;z-index:340;display:flex;flex-direction:column;max-height:min(560px,calc(100vh - 100px));border:1px solid #3a405d;border-radius:16px;background:#262a3d;color:#e7e9f3;box-shadow:0 30px 60px -18px #000c;overflow:hidden;animation:nd-in .18s ease-out}
@keyframes nd-in{from{opacity:0;transform:translateY(-6px)}}
.nd-head{display:flex;align-items:center;gap:10px;padding:16px 18px;border-bottom:1px solid #3a405d}
.nd-head b{flex:1;font:800 14px var(--font-head);letter-spacing:.04em}
.nd-read{display:inline-flex;align-items:center;gap:5px;padding:4px 8px;border:0;border-radius:7px;background:none;color:#a5b4fc;font-size:12px;font-weight:700;cursor:pointer}
.nd-read:hover{background:#ffffff10}
.nd-read .icon{width:13px;height:13px}
.nd-body{flex:1;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#4b5272 transparent}
.nd-empty{display:grid;justify-items:center;gap:4px;padding:38px 20px 40px;text-align:center}
.nd-empty .icon{width:30px;height:30px;margin-bottom:10px;color:#8d94b0}
.nd-empty b{font-size:14.5px}
.nd-empty small{color:#8d94b0;font-size:12.5px}
.nd-row{position:relative;display:flex;align-items:flex-start;gap:12px;padding:13px 18px;border-bottom:1px solid #31364f;color:inherit;transition:background .15s}
.nd-row:hover{background:#ffffff08}
.nd-row.unread{background:linear-gradient(90deg,#6366f11a,transparent 70%)}
.nd-ic{display:grid;place-items:center;flex:none;width:40px;height:40px;border-radius:12px;background:color-mix(in srgb,var(--nc) 22%,transparent);color:var(--nc);overflow:hidden}
.nd-ic img{width:100%;height:100%;object-fit:cover}
.nd-ic .icon{width:19px;height:19px}
.nd-txt{flex:1;display:grid;gap:2px;min-width:0}
.nd-top{display:flex;align-items:center;gap:8px}
.nd-top em{padding:1px 7px;border-radius:6px;background:color-mix(in srgb,var(--nc) 18%,transparent);color:var(--nc);font-size:10.5px;font-style:normal;font-weight:800}
.nd-top time{color:#8d94b0;font-size:11.5px}
.nd-txt b{overflow:hidden;font-size:13.5px;text-overflow:ellipsis;white-space:nowrap}
.nd-txt small{display:-webkit-box;overflow:hidden;color:#a3a9c3;font-size:12.5px;line-height:1.4;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.nd-dot{flex:none;width:9px;height:9px;margin-top:6px;border-radius:50%;background:#6366f1;box-shadow:0 0 0 3px #6366f133}
.nd-foot{padding:14px 16px;border-top:1px solid #3a405d}
.nd-all{display:flex;align-items:center;justify-content:center;gap:8px;min-height:42px;border-radius:10px;background:#1b1e2d;color:#fff;font-size:13px;font-weight:800;letter-spacing:.03em;transition:background .15s}
.nd-all:hover{background:#6366f1}
.header-bell.open{background:#ffffff14}

/* ───── 36. Canlı destek penceresi ───── */
.support-fab.open{animation:none;filter:brightness(1.15)}
.sw{position:fixed;right:20px;bottom:84px;z-index:345;display:flex;flex-direction:column;width:min(390px,calc(100vw - 28px));height:min(640px,calc(100vh - 120px));border:1px solid #2b2f3a;border-radius:20px;background:#121318;color:#f1f2f6;box-shadow:0 30px 70px -18px #000;overflow:hidden;animation:nd-in .2s ease-out}
.sw-body{flex:1;display:flex;flex-direction:column;min-height:0}
.sw-head{display:flex;align-items:center;gap:6px;padding:20px 18px 10px}
.sw-head h2{flex:1;overflow:hidden;font:800 20px var(--font-head);text-overflow:ellipsis;white-space:nowrap}
.sw-ic{display:grid;place-items:center;flex:none;width:34px;height:34px;padding:0;border:0;border-radius:9px;background:none;color:#e5e7ee;cursor:pointer}
.sw-ic:hover{background:#ffffff12}
.sw-ic .icon{width:19px;height:19px}
.sw-scroll{flex:1;display:flex;flex-direction:column;gap:14px;padding:6px 18px 18px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#3a3d48 transparent}
.sw-sub{margin:-4px 0 0;color:#9a9db0;font-size:13.5px;line-height:1.5}
.sw-ask{display:flex;align-items:center;gap:8px;padding:6px 6px 6px 18px;border:1px solid #2b2e38;border-radius:99px;background:#1d1f26}
.sw-ask:focus-within{border-color:#3b82f6}
.sw-ask input{flex:1;min-width:0;min-height:0!important;height:34px;padding:0!important;border:0!important;background:transparent!important;color:#fff;font-size:15px;box-shadow:none!important;outline:0}
.sw-ask input::placeholder{color:#7d8091}
.sw-ask button{display:grid;place-items:center;flex:none;width:36px;height:36px;padding:0;border:0;border-radius:50%;background:#3b6fd8;color:#fff;cursor:pointer}
.sw-ask button .icon{width:18px;height:18px;stroke-width:2.4}
.sw-news-card{display:flex;flex-direction:column;padding:0;border:0;border-radius:16px;background:#1d1f26;color:inherit;text-align:left;overflow:hidden;cursor:pointer;transition:transform .15s}
.sw-news-card:hover{transform:translateY(-2px)}
.sw-news-img{display:block;height:128px;background:url(/assets/hero/pazar-bg.webp) center/cover,linear-gradient(135deg,#6366f1,#0ea5e9)}
.sw-news-txt{display:grid;gap:8px;padding:16px 18px 20px}
.sw-news-txt em,.sw-news em{color:#3b82f6;font-size:12.5px;font-style:normal;font-weight:800;letter-spacing:.04em}
.sw-news-txt b{display:-webkit-box;overflow:hidden;font:800 17px/1.35 var(--font-head);-webkit-line-clamp:2;-webkit-box-orient:vertical}
.sw-search{display:flex;align-items:center;gap:10px;height:46px;padding:0 16px;border-radius:12px;background:#1d1f26}
.sw-search .icon{flex:none;width:17px;height:17px;color:#9a9db0}
.sw-search input{flex:1;min-width:0;min-height:0!important;height:100%;padding:0!important;border:0!important;background:transparent!important;color:#fff;font-size:14.5px;box-shadow:none!important;outline:0}
.sw-links{display:grid;padding:6px 0;border-radius:12px;background:#1d1f26}
.sw-link{display:flex;align-items:center;gap:10px;padding:12px 18px;border:0;background:none;color:#eceef4;font-size:14px;font-weight:600;text-align:left;cursor:pointer}
.sw-link span{flex:1}
.sw-link .icon{flex:none;width:16px;height:16px;color:#8a8d9e}
.sw-link:hover{background:#ffffff08}
.sw-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;padding:10px 12px 12px;border-top:1px solid #23252e;background:#121318}
.sw-tabs button{position:relative;display:grid;justify-items:center;gap:4px;padding:9px 4px;border:0;border-radius:99px;background:none;color:#b9bccb;font-size:12px;font-weight:700;cursor:pointer}
.sw-tabs button .icon{width:20px;height:20px}
.sw-tabs button.on{background:#1b2333;color:#3b82f6}
.sw-unread{position:absolute;top:4px;right:calc(50% - 20px);min-width:16px;height:16px;padding:0 4px;border-radius:99px;background:#ef4444;color:#fff;font:800 10px/16px var(--font);font-style:normal}
.sw-center{display:grid;justify-items:center;gap:8px;margin:auto 0;padding:30px 10px;text-align:center}
.sw-center>.icon{width:34px;height:34px;margin-bottom:6px;color:#3b82f6}
.sw-center p{color:#9a9db0;font-size:13.5px;line-height:1.5}
.sw-center .btn{margin-top:8px}
.sw-threads{display:grid;gap:8px}
.sw-thread{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid #23252e;border-radius:14px;background:#1a1c23;color:inherit;text-align:left;cursor:pointer}
.sw-thread:hover{border-color:#3a3d48}
.sw-thread.unread{border-color:#3b82f6}
.sw-thread>span:nth-child(2){flex:1;display:grid;gap:2px;min-width:0}
.sw-thread b,.sw-thread small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sw-thread b{font-size:14px}
.sw-thread small{color:#9a9db0;font-size:12.5px}
.sw-av{display:grid;place-items:center;flex:none;width:38px;height:38px;border-radius:50%;background:#1b2333;color:#3b82f6}
.sw-av .icon{width:18px;height:18px}
.sw-st{flex:none;padding:2px 8px;border-radius:6px;background:#ffffff10;color:#b9bccb;font-size:11px;font-style:normal;font-weight:800}
.sw-st.answered{background:#3b82f622;color:#60a5fa}
.sw-st.closed{color:#7d8091}
.sw-new{display:flex;align-items:center;justify-content:center;gap:8px;min-height:46px;border:0;border-radius:12px;background:#3b6fd8;color:#fff;font-weight:800;cursor:pointer}
.sw-new .icon{width:17px;height:17px}
.sw-chat{flex:1;display:flex;flex-direction:column;gap:8px;padding:8px 16px 14px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#3a3d48 transparent}
.sw-agent{display:flex;gap:10px;align-items:center;margin-bottom:6px;padding:12px;border-radius:14px;background:#1a1c23}
.sw-agent>.icon{flex:none;width:36px;height:36px;padding:8px;border-radius:50%;background:#1b2333;color:#3b82f6}
.sw-agent span{display:grid;gap:2px}
.sw-agent small{color:#9a9db0;font-size:12.5px}
.sw-chat p{display:grid;gap:3px;max-width:80%;margin:0;padding:9px 13px;border-radius:16px}
.sw-chat p span{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.45}
.sw-chat p small{font-size:10.5px;opacity:.7}
.sw-chat p.mine{align-self:flex-end;border-bottom-right-radius:4px;background:#3b6fd8;color:#fff}
.sw-chat p.mine small{justify-self:end}
.sw-chat p.staff{align-self:flex-start;border-bottom-left-radius:4px;background:#23252e}
.sw-wait{display:flex;align-items:center;gap:4px;align-self:flex-start;color:#9a9db0;font-size:12px}
.sw-wait i{width:6px;height:6px;border-radius:50%;background:#3b82f6;animation:sw-dot 1.2s infinite}
.sw-wait i:nth-child(2){animation-delay:.2s}.sw-wait i:nth-child(3){animation-delay:.4s;margin-right:6px}
@keyframes sw-dot{0%,80%,100%{opacity:.25}40%{opacity:1}}
.sw-body>.sw-ask{margin:0 14px 12px}
.sw-closed{margin:0 16px 14px;padding:10px;border-radius:10px;background:#1a1c23;color:#9a9db0;font-size:13px;text-align:center}
.sw-news{display:grid;gap:0;border-radius:14px;background:#1d1f26;overflow:hidden}
.sw-news>div{display:grid;gap:6px;padding:14px 16px}
.sw-news p{margin:0;font-size:14px;line-height:1.5;white-space:pre-wrap}
.sw-news.first p{font:800 16px/1.4 var(--font-head)}
.sw-faq{display:grid;gap:6px}
.sw-faq details{border-radius:12px;background:#1d1f26}
.sw-faq summary{display:flex;align-items:center;gap:10px;padding:13px 16px;font-size:14px;font-weight:700;list-style:none;cursor:pointer}
.sw-faq summary::-webkit-details-marker{display:none}
.sw-faq summary .icon{flex:none;width:16px;height:16px;margin-left:auto;color:#8a8d9e;transition:transform .2s}
.sw-faq details[open] summary .icon{transform:rotate(90deg)}
.sw-faq p{margin:0;padding:0 16px 14px;color:#b9bccb;font-size:13.5px;line-height:1.55}
.sw-none{color:#9a9db0;font-size:13.5px;text-align:center}
.sw-more{display:flex;flex-wrap:wrap;gap:8px}
.sw-more a{padding:7px 12px;border-radius:99px;background:#1d1f26;color:#9fb8ff;font-size:12.5px;font-weight:700}
@media(max-width:760px){.sw{right:14px;bottom:140px;height:calc(100vh - 220px)}}

/* Canlı destek: Yardım sekmesi düzeltmeleri (genel details/label stilleri pencereyi bozuyordu) */
.sw-scroll>*{flex-shrink:0}
.sw .sw-search{display:flex;gap:10px;font-size:14.5px;font-weight:400;color:inherit}
.sw .sw-faq{gap:8px}
.sw .sw-faq details{margin:0;padding:0;border:1px solid #23252e;border-radius:12px;background:#1d1f26}
.sw .sw-faq details[open]{border-color:#2f3a52}
.sw .sw-faq summary{padding:14px 16px;font-size:14px;line-height:1.35}
.sw .sw-faq summary:hover{background:#ffffff06}
.sw .sw-faq details[open]>p{animation:none}

/* ───── 37. Güvenli ticaret ───── */
.st-page{display:grid;gap:18px}
.st-hero{display:grid;grid-template-columns:minmax(0,1fr) 180px;gap:24px;align-items:center;padding:34px;border:1px solid #2f3a5a;border-radius:22px;background:radial-gradient(circle at 85% 30%,#22c55e2e,transparent 45%),linear-gradient(135deg,#141b2e,#101521)}
.st-hero h1{margin:10px 0;font:900 clamp(26px,4vw,40px)/1.15 var(--font-head)}
.st-hero p{max-width:640px;color:#c3cad8;line-height:1.6}
.st-cta{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.st-shield{display:grid;place-items:center;width:160px;height:160px;border-radius:40px;background:linear-gradient(135deg,#22c55e,#14b8a6);color:#fff;box-shadow:0 30px 60px -20px #22c55e99;transform:rotate(-6deg)}
.st-shield .icon{width:72px;height:72px;stroke-width:1.6}
.st-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:14px 0 0;padding:0;list-style:none;counter-reset:none}
.st-steps li{position:relative;display:grid;gap:8px;align-content:start;padding:18px;border:1px solid var(--line);border-radius:16px;background:var(--surface-2,#141b2b)}
.st-steps i{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#6366f126;color:#a5b4fc}
.st-steps i .icon{width:21px;height:21px}
.st-steps p{margin:0;color:var(--muted);font-size:13.5px;line-height:1.55}
.st-num{position:absolute;top:14px;right:16px;color:#ffffff1f;font:900 30px var(--font-head)}
.st-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.st-grid .panel-card,.st-page>.panel-card{margin:0}
.st-page h2{display:flex;align-items:center;gap:8px}
.st-rules{display:grid;gap:10px;margin:14px 0 0;padding:0;list-style:none}
.st-rules li{display:flex;gap:12px;align-items:flex-start;padding:12px 14px;border-radius:12px;background:#ffffff06;line-height:1.55;font-size:14px;color:#d5dbe6}
.st-rules li>.icon{flex:none;width:18px;height:18px;margin-top:2px;color:#22c55e}
.st-warn{border-color:#f59e0b55!important;background:linear-gradient(135deg,#f59e0b12,transparent 60%),var(--surface)!important}
.st-warn .st-rules li>.icon{color:#f59e0b}
.st-foot{display:flex;align-items:center;gap:16px;padding:20px 24px;border:1px solid var(--line);border-radius:18px;background:var(--surface)}
.st-foot>.icon{flex:none;width:34px;height:34px;color:#60a5fa}
.st-foot div{flex:1}.st-foot p{margin:4px 0 0;color:var(--muted);font-size:13.5px}
.sys-tip{display:flex;gap:6px;align-items:flex-start;margin-top:4px;padding:7px 9px;border-radius:8px;background:#0000002e;color:#e8d9a8;font-size:12px;font-style:normal;line-height:1.45}
.sys-tip .icon{flex:none;width:13px;height:13px;margin-top:2px;color:#f5c542}
.due-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:99px;background:#f59e0b1f;color:#fbbf24;font-size:12px;font-weight:700}
.due-chip .icon{width:14px;height:14px}
@media(max-width:900px){.st-hero{grid-template-columns:1fr}.st-shield{display:none}.st-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.st-grid{grid-template-columns:1fr}.st-foot{flex-wrap:wrap}}
@media(max-width:520px){.st-steps{grid-template-columns:1fr}.st-hero{padding:22px}}

/* ───── 38. Açık tema: sohbet, bildirim paneli, canlı destek, güvenli ticaret ───── */
[data-theme="light"] .cx{border-color:#dfe3ee;background:#fff;color:#1f2433}
[data-theme="light"] .cx-side{border-color:#e6e9f2;background:#f7f8fc}
[data-theme="light"] .cx-tools,[data-theme="light"] .cx-head,[data-theme="light"] .cx-form,[data-theme="light"] .cx-readonly{border-color:#e6e9f2}
[data-theme="light"] .cx-head{background:#f7f8fc}
[data-theme="light"] .cx-search,[data-theme="light"] .cx-form textarea{border-color:#d6dbe8;background:#fff;color:#1f2433}
[data-theme="light"] .cx .cx-search input,[data-theme="light"] .cx-modal .cx-search input,[data-theme="light"] .cx-form textarea{color:#1f2433}
[data-theme="light"] .cx-tool{color:#4b5470}
[data-theme="light"] .cx-tool:hover{background:#eef0f7;color:#1f2433}
[data-theme="light"] .cx-row:hover{background:#eef0f7}
[data-theme="light"] .cx-row.unread{background:#eef0ff}
[data-theme="light"] .cx-row.active{background:#e4e7fb}
[data-theme="light"] .cx-row-bottom small,[data-theme="light"] .cx-row-top time,[data-theme="light"] .cx-head-who small,[data-theme="light"] .cx-none,[data-theme="light"] .cx-divider{color:#6b7390}
[data-theme="light"] .cx-row.unread .cx-row-bottom small{color:#1f2433}
[data-theme="light"] .cx-row.unread .cx-row-top b,[data-theme="light"] .cx-bot .cx-row-top b{color:#4f46e5}
[data-theme="light"] .cx-divider::before,[data-theme="light"] .cx-divider::after{background:#dfe3ee}
[data-theme="light"] .cx-main{background:#fbfbfe}
[data-theme="light"] .cx-empty-ring{border-color:#d6dbe8;background:#eef0ff}
[data-theme="light"] .cx-empty p,[data-theme="light"] .cx-first p{color:#5b637d}
[data-theme="light"] .cx-msgs.dm-messages>p{background:#eef0f7;color:#1f2433}
[data-theme="light"] .cx-msgs.dm-messages>p.mine{color:#fff}
[data-theme="light"] .cx-day span{background:#eef0f7;color:#5b637d}
[data-theme="light"] .cx-bot-msg{border-color:#dfe3ee;background:#f5f6ff}
[data-theme="light"] .cx-online,[data-theme="light"] .cx-verified,[data-theme="light"] .cx-row.unread .cx-ava::after{border-color:#f7f8fc}
[data-theme="light"] .cx-modal{border-color:#dfe3ee;background:#fff;color:#1f2433}
[data-theme="light"] .cx-search.big{background:#f7f8fc}
[data-theme="light"] .cx-hint{border-color:#dfe3ee}
[data-theme="light"] .cx-hint>span{background:#eef0ff;color:#4f46e5}
[data-theme="light"] .sys-msg p{color:#2a3045}
[data-theme="light"] .dm-messages .sys-msg p{color:#2a3045}
[data-theme="light"] .sys-tip{background:#fff7e0;color:#7a5a00}
[data-theme="light"] .nd{border-color:#dfe3ee;background:#fff;color:#1f2433;box-shadow:0 24px 50px -20px #1f243366}
[data-theme="light"] .nd-head,[data-theme="light"] .nd-foot{border-color:#e6e9f2}
[data-theme="light"] .nd-row{border-color:#eef0f5}
[data-theme="light"] .nd-row:hover{background:#f5f6fb}
[data-theme="light"] .nd-row.unread{background:linear-gradient(90deg,#6366f114,transparent 70%)}
[data-theme="light"] .nd-txt small,[data-theme="light"] .nd-top time,[data-theme="light"] .nd-empty small,[data-theme="light"] .nd-empty .icon{color:#6b7390}
[data-theme="light"] .nd-all{background:#f1f3f9;color:#1f2433}
[data-theme="light"] .nd-all:hover{background:#6366f1;color:#fff}
[data-theme="light"] .sw{border-color:#dfe3ee;background:#fff;color:#1f2433;box-shadow:0 30px 60px -20px #1f243366}
[data-theme="light"] .sw-ic{color:#3a4157}
[data-theme="light"] .sw-ic:hover{background:#eef0f7}
[data-theme="light"] .sw-sub,[data-theme="light"] .sw-center p,[data-theme="light"] .sw-thread small,[data-theme="light"] .sw-agent small,[data-theme="light"] .sw-none{color:#6b7390}
[data-theme="light"] .sw-ask,[data-theme="light"] .sw-search,[data-theme="light"] .sw-links,[data-theme="light"] .sw-news-card,[data-theme="light"] .sw-news,[data-theme="light"] .sw .sw-faq details,[data-theme="light"] .sw-thread,[data-theme="light"] .sw-agent,[data-theme="light"] .sw-closed,[data-theme="light"] .sw-more a{border-color:#e3e6ef;background:#f4f5fa}
[data-theme="light"] .sw-ask input,[data-theme="light"] .sw-search input{color:#1f2433}
[data-theme="light"] .sw-link{color:#1f2433}
[data-theme="light"] .sw-link:hover{background:#eceef6}
[data-theme="light"] .sw-tabs{border-color:#e6e9f2;background:#fff}
[data-theme="light"] .sw-tabs button{color:#5b637d}
[data-theme="light"] .sw-tabs button.on{background:#e8efff;color:#2563eb}
[data-theme="light"] .sw-chat p.staff{background:#eef0f7;color:#1f2433}
[data-theme="light"] .sw .sw-faq p{color:#4b5470}
[data-theme="light"] .sw-more a{color:#2563eb}
[data-theme="light"] .st-hero{border-color:#dfe3ee;background:radial-gradient(circle at 85% 30%,#22c55e24,transparent 45%),linear-gradient(135deg,#ffffff,#f1f5ff)}
[data-theme="light"] .st-hero p{color:#4b5470}
[data-theme="light"] .st-steps li{background:#f7f8fc}
[data-theme="light"] .st-num{color:#1f24331a}
[data-theme="light"] .st-rules li{background:#f5f6fa;color:#2a3045}
[data-theme="light"] .st-warn{background:linear-gradient(135deg,#f59e0b14,transparent 60%),#fff!important}

/* ───── 39. Dekont: teslimat bilgisi ve kanıtlar ───── */
.rc-delivery{display:grid;gap:8px;margin:14px 0;padding:14px;border:1px solid #22c55e55;border-radius:12px;background:#22c55e10}
.rc-delivery b{display:flex;align-items:center;gap:6px}.rc-delivery b .icon{width:16px;height:16px;color:#22c55e}
.rc-delivery pre{margin:0;padding:10px 12px;border-radius:8px;background:#0000003d;font:600 13.5px/1.6 ui-monospace,Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere;user-select:all}
.rc-delivery small{color:var(--muted)}
.evidence .panel-card-head p{max-width:520px}
.ev-add{cursor:pointer}
.ev-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;margin-top:12px}
.ev-item{display:grid;gap:6px;margin:0;padding:8px;border:1px solid var(--line);border-radius:12px;background:var(--surface-2,#141b2b)}
.ev-item img,.ev-item video{width:100%;aspect-ratio:16/10;border-radius:8px;background:#000;object-fit:cover}
.ev-item figcaption{display:grid;gap:2px;font-size:12.5px}.ev-item small{color:var(--muted);font-size:11.5px;overflow-wrap:anywhere}
.ev-progress{display:flex;align-items:center;gap:10px;margin-top:12px;color:var(--muted);font-size:13px}
.ev-progress i{width:18px;height:18px;border:2px solid #6366f155;border-top-color:#6366f1;border-radius:50%;animation:spin .8s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
[data-theme="light"] .rc-delivery pre{background:#f1f5f9}

/* ───── 40. Kayıtlı arama ve daha fazla yükle ───── */
.save-search{display:inline-flex;align-items:center;gap:6px;border:1px dashed #6366f1;background:#6366f114;color:#a5b4fc;cursor:pointer}
.save-search .icon{width:14px;height:14px}
.search-chips.saved b{display:inline-flex;align-items:center;gap:6px}.search-chips.saved b .icon{width:15px;height:15px}
.saved-chip{display:inline-flex;align-items:center;gap:2px}
.saved-chip em{padding:0 6px;border-radius:99px;background:#6366f1;color:#fff;font-size:11px;font-style:normal}
.saved-chip button{width:24px;height:24px;padding:0;border:0;border-radius:6px;background:none;color:var(--muted);cursor:pointer}
.saved-chip button:hover{background:#ef444422;color:#f87171}
.nc-more{justify-self:center;margin-top:8px}
.cx-older{align-self:center;margin-bottom:6px;padding:6px 14px;border:1px solid #4a5175;border-radius:99px;background:#ffffff08;color:#c3c8dc;font-size:12.5px;font-weight:700;cursor:pointer}
[data-theme="light"] .cx-older{border-color:#d6dbe8;background:#f4f5fa;color:#4b5470}

.sub-ratings{display:grid;gap:6px;margin-top:10px}
.sub-ratings span{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:12.5px}
.sub-ratings .icon{width:14px;height:14px;color:#f5c542}.sub-ratings b{margin-left:auto;color:var(--text,#fff)}

.sw-guest label{display:grid;gap:6px;color:#c9ccd9;font-size:13px;font-weight:700}
.sw-guest input,.sw-guest textarea{min-height:44px;padding:10px 14px;border:1px solid #2b2e38;border-radius:12px;background:#1d1f26;color:#fff;font:inherit;font-size:14px;resize:vertical;outline:0}
.sw-guest input:focus,.sw-guest textarea:focus{border-color:#3b82f6}
[data-theme="light"] .sw-guest label{color:#3a4157}
[data-theme="light"] .sw-guest input,[data-theme="light"] .sw-guest textarea{border-color:#d6dbe8;background:#fff;color:#1f2433}

/* ───── 41. Satın alma onayı ve yumuşak pencere açılışı ───── */
dialog.modal[open]{animation:modal-in .26s cubic-bezier(.2,.8,.2,1)}
dialog.modal[open]::backdrop{animation:modal-fade .22s ease}
@keyframes modal-in{from{opacity:0;transform:translateY(14px) scale(.97)}}
@keyframes modal-fade{from{opacity:0}}
dialog.cb{width:min(460px,calc(100vw - 24px));padding:0;border:1px solid #2f3a5a;border-radius:20px;background:#121827;color:#eef1f7;box-shadow:0 40px 80px -24px #000}
dialog.cb::backdrop{background:#05070dcc;backdrop-filter:blur(4px)}

.cb-box{display:grid;gap:14px;padding:22px}

.cb-ic{display:grid;place-items:center;flex:none;width:44px;height:44px;border-radius:14px;background:linear-gradient(135deg,#22c55e,#14b8a6);color:#fff}
.cb-ic .icon{width:22px;height:22px}
.cb-items{display:grid;gap:8px;max-height:200px;overflow:auto}
.cb-item{display:flex;align-items:center;gap:12px;padding:10px;border:1px solid #263049;border-radius:14px;background:#0d1320}
.cb-item img,.cb-item>i{flex:none;width:52px;height:52px;border-radius:10px;object-fit:cover;background:#1b2335;display:grid;place-items:center;color:#94a3b8}
.cb-item span{flex:1;display:grid;gap:2px;min-width:0}.cb-item b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cb-item small{color:var(--muted);font-size:12px}
.cb-item em{font-style:normal;font-weight:800}
.cb-rows{display:grid;gap:2px;padding:6px 14px;border-radius:14px;background:#0d1320}
.cb-row{display:flex;justify-content:space-between;gap:10px;padding:7px 0;font-size:14px;border-bottom:1px dashed #263049}
.cb-row:last-child{border-bottom:0}.cb-row span{color:var(--muted)}
.cb-row.total b{font-size:18px;color:#4ade80}.cb-row.ok b{color:#4ade80}.cb-row.bad b{color:#f87171}
.cb-note{display:flex;gap:10px;padding:12px 14px;border:1px solid #22c55e44;border-radius:12px;background:#22c55e0f;font-size:12.5px;line-height:1.5;color:#cfe9d8}
.cb-note .icon{flex:none;width:18px;height:18px;color:#22c55e}
.cb-warn{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:10px;background:#ef44441a;color:#fca5a5;font-size:13px;font-weight:700}
.cb-warn .icon{width:16px;height:16px}
.cb-actions{display:flex;justify-content:flex-end;gap:10px}
.cb-actions .btn-primary{min-width:190px;justify-content:center}
[data-theme="light"] dialog.cb{border-color:#dfe3ee;background:#fff;color:#1f2433}
[data-theme="light"] .cb-item,[data-theme="light"] .cb-rows{border-color:#e6e9f2;background:#f7f8fc}
[data-theme="light"] .cb-row{border-color:#e3e6ef}
[data-theme="light"] .cb-note{color:#14532d}

/* ───── 42. Sipariş kartı ───── */
.order-list{display:grid;gap:14px}
.oc{display:grid;gap:14px;padding:18px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(180deg,#ffffff05,transparent),var(--surface);transition:border-color .2s,transform .2s}
.oc:hover{border-color:#3b4a6b}
.oc-top{display:grid;grid-template-columns:72px minmax(0,1fr) auto;gap:16px;align-items:center}
.oc-thumb{display:grid;place-items:center;width:72px;height:72px;border-radius:14px;background:#1a2235;color:#64748b;overflow:hidden}
.oc-thumb img{width:100%;height:100%;object-fit:cover}.oc-thumb .icon{width:28px;height:28px}
.oc-info{display:grid;gap:4px;min-width:0}
.oc-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px;color:var(--muted);font-size:12px}
.oc-code{padding:3px 8px;border-radius:6px;background:#3b82f61f;color:#60a5fa;font:800 11px var(--font-head);letter-spacing:.06em}
.oc-info h3{overflow:hidden;font:800 16.5px var(--font-head);text-overflow:ellipsis;white-space:nowrap}
.oc-info h3 small{color:var(--muted);font-size:13px;font-weight:600}
.oc-info p{color:var(--muted);font-size:13px}.oc-info p b{color:var(--text,#e5e7eb)}
.oc-price{display:grid;justify-items:end;gap:6px;text-align:right}
.oc-price strong{font:900 20px var(--font-head)}
.oc-price small{display:inline-flex;align-items:center;gap:5px;color:var(--muted);font-size:12px}.oc-price small .icon{width:13px;height:13px}
.oc-steps{display:grid;grid-template-columns:repeat(4,1fr);margin:0;padding:0;list-style:none}
.oc-steps li{position:relative;display:grid;justify-items:center;gap:6px;color:var(--muted);font-size:11.5px;font-weight:700;text-align:center}
.oc-steps li::before{content:"";position:absolute;top:13px;left:calc(-50% + 16px);right:calc(50% + 16px);height:2px;background:#2a3550}
.oc-steps li:first-child::before{display:none}
.oc-steps li i{position:relative;display:grid;place-items:center;width:28px;height:28px;border:2px solid #2a3550;border-radius:50%;background:var(--surface);font-style:normal;font-size:12px}
.oc-steps li i .icon{width:14px;height:14px;stroke-width:2.6}
.oc-steps li.done{color:#86efac}.oc-steps li.done i{border-color:#22c55e;background:#22c55e;color:#fff}.oc-steps li.done::before,.oc-steps li.now::before{background:#22c55e}
.oc-steps li.now{color:#fff}.oc-steps li.now i{border-color:#3b82f6;background:#3b82f622;color:#93c5fd;box-shadow:0 0 0 4px #3b82f622}
.oc-steps.disputed li.now i{border-color:#f59e0b;background:#f59e0b22;color:#fbbf24}
.oc-banner{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:12px;font-size:13px;font-weight:700}
.oc-banner .icon{width:16px;height:16px}.oc-banner.bad{background:#ef44441a;color:#fca5a5}
.oc-msg{display:flex;gap:8px;align-items:flex-start;margin:0;padding:10px 12px;border-radius:12px;background:#ffffff06;color:#cbd5e1;font-size:13px}
.oc-msg .icon{flex:none;width:15px;height:15px;margin-top:2px;color:#94a3b8}
.oc .order-delivery b{display:inline-flex;align-items:center;gap:6px}.oc .order-delivery b .icon{width:14px;height:14px}
.oc-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;padding-top:12px;border-top:1px solid var(--line)}
.oc-btns{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}
.oc-btns .btn{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 14px;border-radius:10px}
.oc-btns .btn .icon{width:15px;height:15px}
.btn-danger-quiet{border:1px solid #ef444455;background:#ef44440f;color:#f87171}
.btn-danger-quiet:hover{background:#ef444422}
.btn-ghost{border:0;background:none;color:var(--muted)}.btn-ghost:hover{color:#f87171}
.due-chip.ok{background:#22c55e1a;color:#4ade80}
.oc details{margin:0;border-radius:12px}
@media(max-width:700px){.oc-top{grid-template-columns:56px minmax(0,1fr)}.oc-thumb{width:56px;height:56px}.oc-price{grid-column:1/-1;grid-template-columns:auto 1fr auto;align-items:center;justify-items:start;text-align:left}.oc-price strong{justify-self:end}.oc-steps span{font-size:10px}.oc-btns{justify-content:stretch}.oc-btns .btn{flex:1;justify-content:center}}
[data-theme="light"] .oc-thumb{background:#eef1f7}
[data-theme="light"] .oc-steps li::before,[data-theme="light"] .oc-steps li i{border-color:#d6dbe8}
[data-theme="light"] .oc-steps li::before{background:#d6dbe8}
[data-theme="light"] .oc-steps li.now{color:#1f2433}
[data-theme="light"] .oc-msg{background:#f4f5fa;color:#3a4157}

/* ───── 43. Mağaza başlığı: LEVEL rozeti, madalya rozetler, son aktiflik ───── */
.sh-level{display:inline-flex;align-items:stretch;overflow:hidden;border-radius:7px;font:900 12px var(--font-head);letter-spacing:.04em;box-shadow:0 4px 14px -6px var(--lvl,#6366f1)}
.sh-level em{padding:4px 7px;background:#5b5bf0;color:#fff;font-style:normal}
.sh-level b{padding:4px 9px;background:#0f1322;color:#fff}
.sh-seen{color:#94a3b8;font:800 12px var(--font-head);letter-spacing:.08em}
.sh-seen.online{color:#34d399}.sh-seen.offline{color:#4ade80b3}.sh-seen.vacation{color:#fbbf24}
.sh-seen.online::before{content:"";display:inline-block;width:8px;height:8px;margin-right:6px;border-radius:50%;background:#34d399;box-shadow:0 0 0 3px #34d39933;vertical-align:1px}

[data-theme="light"] .sh-level b{background:#1f2433}



/* Mağaza başlığı: yazılar kapak görselinin altında başlar, yalnızca avatar kapağa taşar */

/* Rozet görselleri: başlıkta okunabilir boyut, Rozetler sekmesinde ve seviye sayfasında büyük */

.badge-dots i.has-img{background:none!important;box-shadow:none!important;width:34px!important;height:34px!important}
.badge-dots i.has-img img{width:100%;height:100%;object-fit:contain}
.store-badge-grid article.has-img>i,.badge-board article.has-img>i{width:86px;height:86px;background:none;box-shadow:none;border:0}
.store-badge-grid article.has-img>i img,.badge-board article.has-img>i img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 6px 12px #0007)}
.badge-board article.locked.has-img>i img{filter:grayscale(1) brightness(.6);opacity:.55}

/* ───── 44. Mağaza vitrini (sf): kapak, başlık kartı, istatistik şeridi, sekmeler + yan sütun ───── */
.sf{display:grid;gap:18px}

.sf-announce{display:flex;gap:12px;align-items:flex-start;padding:14px 18px;border:1px solid color-mix(in srgb,var(--store-accent,#6366f1) 35%,transparent);border-radius:16px;background:color-mix(in srgb,var(--store-accent,#6366f1) 9%,transparent)}
.sf-announce>.icon{flex:none;width:20px;height:20px;color:color-mix(in srgb,var(--store-accent,#6366f1) 60%,#fff)}
.sf-announce p{margin:0;font-size:14px}.sf-announce small{color:var(--muted)}
.sf-body{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:18px;align-items:start}
.sf-main{display:grid;gap:18px;min-width:0}
.sf-tabs-wrap{margin:0}
.sf-tabs{position:sticky;top:72px;z-index:5;display:flex;gap:4px;padding:6px;border:1px solid var(--line);border-radius:16px;background:#111624f2;backdrop-filter:blur(10px)}
.sf-tabs button{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border:0;border-radius:11px;background:none;color:#9aa4ba;font-weight:800;cursor:pointer;transition:background .15s,color .15s}
.sf-tabs button .icon{width:16px;height:16px}
.sf-tabs button em{padding:1px 8px;border-radius:99px;background:#ffffff12;font-size:11px;font-style:normal}
.sf-tabs button:hover{color:#fff;background:#ffffff08}
.sf-tabs button.active{background:color-mix(in srgb,var(--store-accent,#6366f1) 22%,#151b2b);color:#fff;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--store-accent,#6366f1) 45%,transparent)}
.sf-tabs button.active em{background:var(--store-accent,#6366f1);color:#fff}
.sf-tabs-wrap [data-tab-panel]{margin-top:16px}
.sf-tools{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:14px}
.sf-tools .store-search{flex:1;min-width:220px}
.sf-side{position:sticky;top:72px;display:grid;gap:14px}
.sf-box{display:grid;gap:12px;padding:18px;border:1px solid var(--line);border-radius:18px;background:var(--surface)}
.sf-box h3{font:800 15px var(--font-head)}
.sf-trust{grid-template-columns:auto 1fr;align-items:start;border-color:#22c55e40;background:linear-gradient(135deg,#22c55e12,transparent 70%),var(--surface)}
.sf-trust>i{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#22c55e22;color:#4ade80}
.sf-trust>i .icon{width:20px;height:20px}
.sf-trust div{display:grid;gap:4px}.sf-trust p{margin:0;color:#b8c1d4;font-size:13px;line-height:1.5}
.sf-score{display:flex;align-items:center;gap:12px}
.sf-score>b{font:900 34px var(--font-head)}
.sf-score div{display:grid}.sf-score .stars{color:#fbbf24;letter-spacing:2px}.sf-score small{color:var(--muted);font-size:12px}
.sf-meter{display:grid;grid-template-columns:120px 1fr auto;align-items:center;gap:10px;font-size:12.5px;color:#b8c1d4}
.sf-meter span{display:flex;align-items:center;gap:6px}.sf-meter .icon{width:14px;height:14px;color:#fbbf24}
.sf-meter i{height:6px;border-radius:99px;background:#ffffff12;overflow:hidden}.sf-meter i b{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#f59e0b,#fbbf24)}
.sf-meter em{font-style:normal;font-weight:800}
.sf-facts{display:grid;gap:8px;margin:0;padding:0;list-style:none}
.sf-facts li{display:flex;align-items:center;gap:8px;color:#b8c1d4;font-size:13px}
.sf-facts .icon{flex:none;width:15px;height:15px;color:#4ade80}
.sf-games{display:flex;flex-wrap:wrap;gap:8px}
.sf-cta{text-align:center;justify-items:center}.sf-cta p{margin:0;color:var(--muted);font-size:13px}.sf-cta .btn{width:100%;justify-content:center}
.sf-spot{margin:0}

@media(max-width:1000px){.sf-body{grid-template-columns:1fr}.sf-side{position:static;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}}
@media(max-width:760px){.sf-tabs{top:64px;overflow-x:auto}.sf-tabs button{flex:none;padding:9px 12px}}

[data-theme="light"] .sf-trust p,[data-theme="light"] .sf-facts li,[data-theme="light"] .sf-meter{color:#4b5470}

[data-theme="light"] .sf-tabs{background:#fffffff2}
[data-theme="light"] .sf-tabs button{color:#5b637d}[data-theme="light"] .sf-tabs button.active{color:#1f2433}

.sf-side{position:static}.sf-tabs{position:static}.sf-tools{display:flex!important;flex-direction:row!important;align-items:center}.sf-tools select{flex:0 0 auto;width:auto!important;min-width:180px;min-height:44px}.sf-tools .store-search{min-height:44px}@media(max-width:760px){.sf-tools select{flex:1}}



/* ───── 45. Mağaza vitrini v2 (sv): kapağın üstünde mağaza kimliği, renkli başarı kartları ───── */
.sv{display:grid;gap:20px}
.sv-hero{position:relative;min-height:420px;margin-top:6px;display:flex;align-items:flex-end;border-radius:28px;overflow:hidden;isolation:isolate;background:radial-gradient(circle at 78% 30%,color-mix(in srgb,var(--store-accent,#6366f1) 55%,transparent),transparent 55%),linear-gradient(135deg,color-mix(in srgb,var(--store-accent,#6366f1) 45%,#0a0e16),#0a0e18 75%);box-shadow:0 30px 70px -35px #000,inset 0 0 0 1px #ffffff12}
.sv-hero.has-banner{background:var(--cover) center/cover no-repeat}
.sv-hero::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#070a12f2 0%,#070a12d9 32%,#070a1259 62%,#070a1200 85%),linear-gradient(0deg,#070a12e6 0%,#070a1200 45%)}
.sv-hero.is-pass{box-shadow:0 30px 70px -35px #000,inset 0 0 0 2px #f5c54299}
.sv-hero-in{display:grid;gap:14px;width:min(720px,100%);padding:36px 40px}
.sv-brand{display:flex;align-items:center;gap:20px}
.sv-brand .store-ring.large{flex:none}
.sv-brand .store-ring.large .store-avatar{width:112px;height:112px;border-radius:28px;font-size:34px}
.sv-title{display:grid;gap:8px;min-width:0}
.sv-kicker{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.sv-type{padding:3px 10px;border-radius:99px;background:#ffffff14;color:#d6dcea;font:700 11.5px var(--font-head);letter-spacing:.04em}
.sv-title h1{display:flex;flex-wrap:wrap;align-items:center;gap:10px;font:900 clamp(30px,4.2vw,50px)/1.02 var(--font-head);letter-spacing:-.02em;text-shadow:0 4px 24px #0009}
.theme-gold .sv-title h1{background:linear-gradient(90deg,#fff3c4,#f5c542);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none}
.sv-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.sv-rank,.sv-since{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:8px;font-size:12.5px;font-weight:700}
.sv-rank{background:color-mix(in srgb,var(--lvl) 22%,#0000);color:color-mix(in srgb,var(--lvl) 70%,#fff);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--lvl) 45%,transparent)}
.sv-since{background:#ffffff10;color:#c6cdda}
.sv-rank .icon,.sv-since .icon{width:14px;height:14px}
.sv-tagline{max-width:600px;color:#dbe1ec;font-size:16px;line-height:1.55;text-shadow:0 2px 12px #000}
.sv-medals{display:flex;flex-wrap:wrap;gap:8px}
.sv-medal{display:grid;place-items:center;width:54px;height:54px;border-radius:14px;background:#ffffff0d;backdrop-filter:blur(6px);box-shadow:inset 0 0 0 1px #ffffff14;color:var(--b);cursor:help;transition:transform .15s,background .15s}
.sv-medal:hover,.sv-medal:focus{transform:translateY(-3px);background:#ffffff1c;outline:0}
.sv-medal img{width:46px;height:46px;object-fit:contain;filter:drop-shadow(0 4px 8px #0008)}
.sv-medal .icon{width:22px;height:22px}
.sv-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:4px}
.sv-actions .btn{min-height:48px;padding:0 22px;border-radius:14px;font-size:15px;font-weight:800}
.sv-actions .btn-primary{box-shadow:0 14px 30px -12px var(--accent,#3b82f6)}
.sv-btn-chat{border:0;background:#7c3aed;color:#fff;box-shadow:0 14px 30px -14px #7c3aed}
.sv-btn-chat:hover{filter:brightness(1.12)}
.sv-btn-ghost{border:1px solid #ffffff2e;background:#ffffff12;color:#fff;backdrop-filter:blur(6px)}
.sv-actions .btn .icon{width:17px;height:17px}
.sv-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) minmax(260px,1.3fr);gap:14px}
.sv-kpi,.sv-level{position:relative;display:grid;gap:4px;padding:18px 20px;border:1px solid var(--line);border-radius:20px;background:var(--surface);overflow:hidden}
.sv-kpi::after{content:"";position:absolute;right:-30px;top:-30px;width:110px;height:110px;border-radius:50%;background:radial-gradient(circle,var(--k) 0,transparent 70%);opacity:.18}
.sv-kpi.green{--k:#22c55e}.sv-kpi.amber{--k:#f59e0b}.sv-kpi.blue{--k:#3b82f6}.sv-kpi.purple{--k:#a855f7}
.sv-kpi>i{display:grid;place-items:center;width:36px;height:36px;margin-bottom:6px;border-radius:11px;background:color-mix(in srgb,var(--k) 20%,transparent);color:var(--k)}
.sv-kpi>i .icon{width:18px;height:18px}
.sv-kpi small{color:#8b95ab;font:800 11px var(--font-head);letter-spacing:.08em}
.sv-kpi b{color:var(--k);font:900 30px/1.1 var(--font-head)}
.sv-kpi b small{color:#64748b;font-size:14px;letter-spacing:0}
.sv-kpi em{color:#8b95ab;font-size:12.5px;font-style:normal}
.sv-level{gap:12px;background:linear-gradient(135deg,color-mix(in srgb,var(--lvl) 14%,transparent),transparent 70%),var(--surface)}
.sv-level-top{display:flex;align-items:center;gap:14px}

.sv-level-top>div{display:grid;gap:2px}
.sv-level-top>div b{font:800 16px var(--font-head)}
.sv-level-top>div small{color:#8b95ab;font-size:12.5px}
.sv-bar{height:8px;border-radius:99px;background:#ffffff12;overflow:hidden}
.sv-bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#6366f1,#a855f7)}
.sv-level-foot{color:#8b95ab;font-size:12px}
.sv-games{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}
.sv-games button{display:inline-flex;align-items:center;gap:8px;padding:6px 14px 6px 6px;border:1px solid var(--line);border-radius:99px;background:var(--surface);color:#c6cdda;font-weight:700;cursor:pointer}
.sv-games button:first-child{padding-left:14px}
.sv-games button em{padding:0 7px;border-radius:99px;background:#ffffff12;font-size:11px;font-style:normal}
.sv-games button.active{border-color:var(--store-accent,#6366f1);background:color-mix(in srgb,var(--store-accent,#6366f1) 18%,var(--surface));color:#fff}
.sv-games .game-tile,.sv-games img{width:26px!important;height:26px!important;border-radius:50%!important}
.sv-tabs{background:var(--surface)}
@media(max-width:1180px){.sv-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.sv-level{grid-column:1/-1}}
@media(max-width:760px){.sv-hero{min-height:0;border-radius:20px}.sv-hero::before{background:linear-gradient(0deg,#070a12f7 0%,#070a12d9 55%,#070a1266 100%)}.sv-hero-in{padding:120px 18px 20px}.sv-brand{gap:14px}.sv-brand .store-ring.large .store-avatar{width:80px;height:80px;border-radius:22px}.sv-tagline{font-size:14.5px}.sv-medal{width:46px;height:46px}.sv-medal img{width:38px;height:38px}.sv-actions .btn{flex:1;justify-content:center;padding:0 12px}.sv-kpi b{font-size:24px}}
[data-theme="light"] .sv-kpi,[data-theme="light"] .sv-level{border-color:#e3e6ef;background:#fff}
[data-theme="light"] .sv-games button{background:#fff;color:#3a4157}
@media(max-width:760px){.sv-hero::before{background:linear-gradient(0deg,#070a12fa 0%,#070a12e0 48%,#070a1240 78%,#070a1200 100%)}.sv-hero-in{padding-top:150px}.sv-actions .sv-btn-ghost{flex:0 0 48px;padding:0;font-size:0;justify-content:center}.sv-actions .sv-btn-ghost .icon{margin:0}}

/* ───── 46. Seviye amblemleri ───── */
.lvl-ico{width:18px;height:18px;object-fit:contain;flex:none;filter:drop-shadow(0 1px 2px #0008)}
.level-pill .lvl-ico,.level-chip .lvl-ico{margin-right:2px}
.level-pill>.icon,.level-chip>.icon{display:none}
.level-emblem.has-img>span{background:none!important;box-shadow:none!important;border:0!important;clip-path:none!important}
.level-emblem.has-img .lvl-emblem{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 8px 16px #0009)}
.sv-rank .lvl-ico{width:20px;height:20px}
.sv-level-emb{position:relative;display:grid;place-items:center;flex:none;width:76px;height:76px}
.sv-level-emb img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 8px 16px #0009)}
.sv-level-emb b{position:absolute;right:-4px;bottom:-2px;min-width:28px;height:28px;padding:0 6px;border:2px solid #121827;border-radius:99px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;font:900 14px/24px var(--font-head);text-align:center}
.sh-level.has-emb{align-items:center;background:#0f1322;padding-left:4px}
.sh-level .sh-emb{width:22px;height:22px;object-fit:contain;margin-right:4px;align-self:center}
.level-road i.has-img{width:64px!important;height:64px!important;background:none!important;box-shadow:none!important;border:0!important}.level-road .lvl-road{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 6px 12px #0008)}.level-road article:not(.reached) .lvl-road{filter:grayscale(.85) brightness(.55)}

/* ───── 47. Mağaza görselleri: Pass çerçevesi, PASS etiketi, boş durumlar, güvenli alışveriş ───── */
.pass-img{display:inline-block;height:26px;width:auto;vertical-align:middle;filter:drop-shadow(0 3px 8px #f59e0b55)}
.sv-kicker .pass-img{height:30px}
.store-ring.has-frame{position:relative;overflow:visible;isolation:isolate}
.store-ring.has-frame .pass-frame{position:absolute;left:50%;top:48.5%;width:177%;height:177%;transform:translate(-50%,-50%);object-fit:fill;pointer-events:none;z-index:2;filter:drop-shadow(0 6px 16px #f59e0b55)}
.store-ring.has-frame .store-avatar{border-radius:10px!important;box-shadow:none!important}
.store-ring.has-frame{border:0!important;box-shadow:none!important;background:none!important;padding:0!important}
.sv-brand .store-ring.has-frame{margin:24px 22px}
.empty-art{display:grid;justify-items:center;gap:8px;padding:28px 16px;border:1px dashed var(--line);border-radius:18px;text-align:center}
.empty-art img{width:min(260px,70%);height:auto;filter:drop-shadow(0 12px 24px #0008)}
.empty-art b{font:800 18px var(--font-head)}
.empty-art p{max-width:420px;margin:0;color:var(--muted);font-size:14px}
.empty-art .btn{margin-top:6px}
.sf-trust>i.has-img{width:56px;height:56px;background:none}
.sf-trust>i.has-img .safe-img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 6px 12px #22c55e55)}
.st-shield.has-img{background:none!important;box-shadow:none!important;transform:none!important;width:200px;height:200px}
.st-shield.has-img .safe-img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 20px 40px #22c55e55)}
.store-ring.has-frame .pass-frame{height:auto!important;aspect-ratio:1/1}.store-ring.has-frame{display:inline-grid;place-items:center;width:max-content;height:max-content;align-self:center}
.store-ring.has-frame .pass-frame{max-width:none!important;max-height:none!important;width:177%!important}
.sv-brand .store-ring.has-frame{margin:38px 44px 38px 40px}@media(max-width:760px){.sv-brand .store-ring.has-frame{margin:28px 30px 28px 30px}}

/* ───── 48. Onay penceresi ve Pass sayfası ───── */

dialog.cb.ask.danger .cb-ic{background:linear-gradient(135deg,#ef4444,#f97316)}
dialog.cb.ask .cb-actions .btn{min-width:130px;justify-content:center}
.ps{display:grid;gap:20px}

@keyframes ps-float{50%{transform:translateY(-8px) rotate(1deg)}}
.ps-status{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:24px;padding:24px;border:1px solid #f5c54255;border-radius:22px;background:linear-gradient(135deg,#f59e0b14,transparent 60%),var(--surface)}
.ps-ring{--deg:calc(var(--p) * 3.6deg);display:grid;place-items:center;width:120px;height:120px;border-radius:50%;background:conic-gradient(#f5c542 var(--deg),#ffffff12 0)}
.ps-ring span{display:grid;place-items:center;width:96px;height:96px;border-radius:50%;background:var(--surface);line-height:1}.ps-ring b{font:900 34px var(--font-head);color:#fcd34d}.ps-ring small{color:var(--muted);font-size:12px}
.ps-live{display:inline-flex;align-items:center;gap:8px;color:#4ade80;font:800 12px var(--font-head);letter-spacing:.06em;text-transform:uppercase}.ps-live i{width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 4px #22c55e33}
.ps-status h2{margin:6px 0 12px;font:900 26px var(--font-head)}
.ps-status dl{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0}
.ps-status dl div{padding:10px 12px;border-radius:12px;background:#ffffff08}.ps-status dt{color:var(--muted);font-size:11.5px;font-weight:700}.ps-status dd{margin:2px 0 0;font-weight:800;font-size:13.5px}.ps-status dd.ok{color:#4ade80}

.ps-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.ps-grid .panel-card{margin:0}
.ps-history{display:grid;gap:8px;margin:0;padding:0;list-style:none}
.ps-history li{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:10px 12px;border-radius:12px;background:#ffffff06;font-size:13.5px}
.ps-history li span:first-child{display:flex;align-items:center;gap:6px;font-weight:700}.ps-history .icon{width:15px;height:15px;color:#4ade80}.ps-history li span:nth-child(2){color:var(--muted)}
@media(max-width:900px){.ps-status{grid-template-columns:1fr;justify-items:start}.ps-status dl{grid-template-columns:1fr 1fr}.ps-grid{grid-template-columns:1fr}}
[data-theme="light"] .ps-status{background:#fff}


/* ───── 49. Doğrulama ve para çekme ───── */

.wd-head-actions{display:flex;flex-wrap:wrap;gap:8px}
.wd-grid{display:grid;gap:16px}
.wd-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.wd-stats div{padding:14px;border-radius:14px;background:#ffffff08}.wd-stats small{color:var(--muted);font-size:12px}.wd-stats b{display:block;margin-top:2px;font:900 20px var(--font-head)}.wd-stats div:first-child b{color:#4ade80}
.wd-form{display:grid;gap:12px}
.wd-calc{display:grid;grid-template-columns:1fr 1fr;gap:10px}.wd-calc div{padding:12px 14px;border-radius:12px;background:#ffffff08}.wd-calc small{color:var(--muted);font-size:12px}.wd-calc b{display:block;font:800 17px var(--font-head)}.wd-calc div:first-child b{color:#4ade80}
.wd-banks{display:grid;gap:8px}.wd-bank{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--line);border-radius:12px}.wd-bank>i{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#3b82f61f;color:#60a5fa}.wd-bank>i .icon{width:16px;height:16px}.wd-bank span{flex:1;display:grid;min-width:0}.wd-bank small{color:var(--muted);font-size:12px}
.wd-gate{display:flex;flex-wrap:wrap;align-items:center;gap:14px;padding:16px;border:1px dashed var(--line);border-radius:14px}.wd-gate>.icon{width:26px;height:26px;color:#fbbf24}.wd-gate div{flex:1;min-width:220px}.wd-gate p{margin:2px 0 0;color:var(--muted);font-size:13px}
.wd-rules h3{font:800 14px var(--font-head);margin-bottom:6px}.wd-rules ul{display:grid;gap:6px;margin:0;padding-left:18px;color:#b8c1d4;font-size:13px;line-height:1.5}
@media(max-width:700px){.wd-stats{grid-template-columns:1fr}}


/* ───── 50. Bakiye yükleme penceresi ve sağ kısayol menüsü ───── */

/* ───── 51. Panelim (pn): sade iskelet, kenar menü, genel bakış ───── */

.pn-nav{display:grid;gap:12px;min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#3a4260 transparent;padding-right:2px}

.pn-link{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:11px;color:#c3cad8;font-size:14px;font-weight:600;transition:background .15s,color .15s}
.pn-link .icon{width:17px;height:17px;flex:none;color:#8b95ab}
.pn-link span{flex:1}.pn-link em{min-width:20px;padding:0 6px;border-radius:99px;background:#ef4444;color:#fff;font:800 11px/20px var(--font);font-style:normal;text-align:center}
.pn-link:hover{background:#ffffff0a;color:#fff}
.pn-link.on{background:linear-gradient(90deg,#6366f133,#6366f10d);color:#fff;box-shadow:inset 3px 0 0 #6366f1}.pn-link.on .icon{color:#a5b4fc}

.pn-main{display:grid;gap:18px;min-width:0}
.pn-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:12px;padding-bottom:4px}
.pn-head h1{font:900 clamp(24px,3vw,32px) var(--font-head)}.pn-head p{color:var(--muted);margin-top:2px}
.pn-crumb{display:flex;gap:6px;color:#7d879f;font-size:12.5px;font-weight:700}.pn-crumb a{color:#a5b4fc}

.pn-main>.panel-card,.pn-main>section.panel-card{margin:0}

@media(max-width:900px){.pn-nav{display:flex;gap:6px;overflow-x:auto;padding-bottom:4px}.pn-link{flex:none;padding:8px 12px;border:1px solid var(--line);white-space:nowrap}.pn-link.on{box-shadow:none;border-color:#6366f1}}

[data-theme="light"] .pn-link{color:#3a4157}[data-theme="light"] .pn-link.on{color:#1f2433}
@media(min-width:901px) and (max-width:1640px){body:has(.qr.open) .wrap{padding-right:96px}}

/* ───── 52. Çekilişler ───── */
.rf{display:grid;gap:20px}
.rf-hero{position:relative;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(280px,1fr);gap:24px;align-items:center;padding:36px;border:1px solid #ec489944;border-radius:26px;overflow:hidden;background:radial-gradient(circle at 85% 20%,#ec489933,transparent 50%),radial-gradient(circle at 10% 90%,#6366f133,transparent 50%),#141a2b}
.rf-hero h1{margin:8px 0;font:900 clamp(26px,3.6vw,40px)/1.1 var(--font-head)}.rf-hero p{max-width:560px;color:#c6cdda;line-height:1.6}.rf-hero .btn{margin-top:14px}
.rf-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px}.rf-stats div{padding:16px;border-radius:16px;background:#ffffff0a;border:1px solid #ffffff12}.rf-stats b{display:block;font:900 22px var(--font-head)}.rf-stats small{color:var(--muted)}
.rf-tabs{display:flex;flex-wrap:wrap;gap:8px}.rf-tabs a{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border:1px solid var(--line);border-radius:99px;color:#c6cdda;font-weight:700}.rf-tabs a em{padding:0 8px;border-radius:99px;background:#ffffff14;font-style:normal;font-size:12px}.rf-tabs a.on{border-color:#ec4899;background:#ec48991f;color:#fff}.rf-tabs .rf-events{margin-left:auto}.rf-tabs .icon{width:16px;height:16px}
.rf-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:16px}
.rf-card{display:grid;gap:12px;padding:18px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(180deg,#ec48990c,transparent 40%),var(--surface);transition:transform .2s,border-color .2s}.rf-card:hover{transform:translateY(-3px);border-color:#ec489966}
.rf-card.done{opacity:.92;background:var(--surface)}.rf-card.won{border-color:#f5c542;box-shadow:0 0 0 1px #f5c54255,0 20px 40px -20px #f59e0b66}
.rf-card header{display:flex;align-items:center;justify-content:space-between;gap:10px}
.rf-store{display:flex;align-items:center;gap:10px;min-width:0}.rf-store .store-avatar{width:40px;height:40px;border-radius:12px;flex:none}.rf-store span{display:grid;min-width:0}.rf-store b{display:flex;align-items:center;gap:4px;font-size:14px}.rf-store small{color:var(--muted);font-size:12px}
.rf-card h3{font:800 18px var(--font-head)}.rf-card>p{margin:0;color:var(--muted);font-size:13.5px;line-height:1.5}
.rf-prize{display:flex;align-items:center;gap:12px;padding:14px;border-radius:16px;background:linear-gradient(135deg,#f59e0b22,#ec489914)}.rf-prize>i{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:linear-gradient(135deg,#f59e0b,#ec4899);color:#fff}.rf-prize>i .icon{width:24px;height:24px}.rf-prize b{display:block;font:900 26px var(--font-head);color:#fcd34d}.rf-prize small{color:#d6cfbf}
.rf-meta{display:flex;flex-wrap:wrap;gap:12px;color:var(--muted);font-size:13px}.rf-meta span{display:inline-flex;align-items:center;gap:6px}.rf-meta .icon{width:15px;height:15px}.rf-meta b{color:#fff;font-variant-numeric:tabular-nums}
.rf-winners small{color:var(--muted);font-size:12px}.rf-winners div{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.rf-winners span{padding:4px 10px;border-radius:99px;background:#f5c5421f;color:#fcd34d;font-size:12.5px;font-weight:700}
.rf-you{margin:0;color:#fcd34d;font-weight:800}
.rf-card footer .btn{width:100%;justify-content:center}.rf-in{display:flex;align-items:center;justify-content:center;gap:6px;padding:10px;border-radius:12px;background:#22c55e1a;color:#4ade80;font-weight:800}.rf-in .icon{width:16px;height:16px}
.rf-how ol{display:grid;gap:10px;margin:10px 0;padding-left:20px;color:#c6cdda;line-height:1.55}
@media(max-width:860px){.rf-hero{grid-template-columns:1fr;padding:24px}.rf-tabs .rf-events{margin-left:0}}

/* ───── 53. Yayıncılar ───── */
.yc{display:grid;gap:22px}
.yc-head{display:grid;gap:18px;padding:24px 28px;border:1px solid var(--line);border-radius:22px;background:#151a26}
.yc-title{display:flex;align-items:center;gap:16px;padding-bottom:18px;border-bottom:1px dashed #2c3346}
.yc-title>i{display:grid;place-items:center;width:52px;height:52px;border-radius:14px;background:#1e2436;color:#818cf8}.yc-title>i .icon{width:24px;height:24px}
.yc-title>div{flex:1}.yc-title h1{font:900 24px var(--font-head);letter-spacing:.02em}.yc-title p{color:var(--muted);font-size:14px}
.yc-apply{min-height:50px;padding:0 24px;border:0;border-radius:12px;background:#22c55e;color:#fff;font:900 14px var(--font-head);letter-spacing:.04em;box-shadow:0 12px 26px -12px #22c55e}.yc-apply:hover{filter:brightness(1.08)}
.yc-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}.yc-bar nav{display:flex;flex-wrap:wrap;gap:8px}
.yc-tab,.yc-pf-btn{display:inline-flex;align-items:center;gap:8px;padding:11px 16px;border:1px solid #2c3346;border-radius:12px;background:#1a2030;color:#c3cad8;font-weight:800;font-size:14px}
.yc-tab .icon,.yc-pf-btn .icon{width:17px;height:17px}
.yc-tab.on{border-color:#4f5cf5;background:#4f5cf5;color:#fff}.yc-pf-btn.on{border-color:#818cf8;color:#fff}
.yc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:18px 16px;padding-top:12px}
.yc-card{position:relative;display:grid;justify-items:center;align-content:start;gap:10px;padding:26px 14px 18px;border:1px solid #2c3346;border-radius:16px;background:#151a26;text-align:center;transition:transform .2s,border-color .2s}
.yc-card:hover{transform:translateY(-3px);border-color:#4f5cf5}
.yc-ribbon{position:absolute;top:-12px;left:14px;display:inline-flex;align-items:center;gap:5px;padding:5px 12px;border-radius:10px 10px 10px 2px;background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#3b2400;font:900 10.5px var(--font-head);letter-spacing:.04em;transform:rotate(-4deg);box-shadow:0 6px 14px -6px #f59e0b}
.yc-ribbon .icon{width:12px;height:12px}
.yc-ava{display:grid;place-items:center;width:118px;height:118px;border-radius:10px;overflow:hidden;background:#232a3d;box-shadow:0 0 0 2px #2c3346}
.yc-card.sponsor .yc-ava{box-shadow:0 0 0 2px #f59e0b,0 0 22px -6px #f59e0b}
.yc-ava img{width:100%;height:100%;object-fit:cover}.yc-ava b{font:900 36px var(--font-head);color:#818cf8}
.yc-card h3{display:flex;align-items:center;gap:6px;font:800 16px var(--font-head)}
.yc-live{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#ef4444;color:#fff}.yc-live .icon{width:11px;height:11px;stroke-width:3}
.yc-card p{margin:0;color:var(--muted);font-size:12.5px;line-height:1.45}
.yc-links{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.yc-links a{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:#1e2436;color:#aab3c8;transition:background .15s,color .15s}.yc-links a:hover{background:var(--pc);color:#fff}.yc-links .icon{width:18px;height:18px}
.yc-store{display:inline-flex;align-items:center;gap:6px;color:#a5b4fc;font-size:12.5px;font-weight:700}.yc-store .icon{width:14px;height:14px}
@media(max-width:700px){.yc-head{padding:18px}.yc-title{flex-wrap:wrap}.yc-apply{width:100%}.yc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.yc-ava{width:96px;height:96px}}
[data-theme="light"] .yc-head,[data-theme="light"] .yc-card{background:#fff;border-color:#e3e6ef}[data-theme="light"] .yc-tab,[data-theme="light"] .yc-pf-btn{background:#f4f5fa;border-color:#e3e6ef;color:#3a4157}

/* ───── 54. Rehberler ───── */
.gd{display:grid;gap:20px}
.gd-hero{display:grid;justify-items:center;gap:10px;padding:46px 24px;border:1px solid var(--line);border-radius:26px;text-align:center;background:radial-gradient(circle at 50% 0%,#6366f133,transparent 60%),#141a2b}
.gd-hero h1{font:900 clamp(28px,4vw,44px) var(--font-head)}.gd-hero>p{color:#c6cdda}
.gd-search{display:flex;align-items:center;gap:10px;width:min(640px,100%);margin-top:10px;padding:6px 6px 6px 16px;border:1px solid #3a4260;border-radius:16px;background:#0f1422}
.gd-search span .icon{width:18px;height:18px;color:#8b95ab}.gd-search input{flex:1;min-width:0;min-height:0!important;padding:10px 0!important;border:0!important;background:transparent!important;color:#fff;box-shadow:none!important;outline:0}
.gd-cats{display:flex;flex-wrap:wrap;gap:8px}
.gd-chip{display:inline-flex;align-items:center;gap:8px;padding:9px 15px;border:1px solid var(--line);border-radius:99px;color:#c6cdda;font-weight:700}.gd-chip .icon{width:15px;height:15px}.gd-chip em{padding:0 7px;border-radius:99px;background:#ffffff14;font-style:normal;font-size:11.5px}.gd-chip.on{border-color:#6366f1;background:#6366f1;color:#fff}
.gd-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}
.gd-card{display:grid;align-content:start;gap:10px;padding:20px;border:1px solid var(--line);border-radius:18px;background:var(--surface);transition:transform .2s,border-color .2s}.gd-card:hover{transform:translateY(-3px);border-color:#6366f1}
.gd-card b{font:800 17px/1.3 var(--font-head)}.gd-card p{margin:0;color:var(--muted);font-size:13.5px;line-height:1.5}.gd-card small{display:flex;align-items:center;gap:6px;color:#8b95ab;font-size:12px}.gd-card small .icon{width:13px;height:13px}
.gd-cat{display:inline-flex;align-items:center;gap:6px;justify-self:start;padding:4px 10px;border-radius:8px;background:color-mix(in srgb,var(--c) 18%,transparent);color:var(--c);font-size:12px;font-weight:800}.gd-cat .icon{width:14px;height:14px}
.gd-help{display:flex;flex-wrap:wrap;align-items:center;gap:16px;padding:22px;border:1px solid var(--line);border-radius:20px;background:var(--surface)}.gd-help>i{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:#6366f11f;color:#a5b4fc}.gd-help>i .icon{width:22px;height:22px}.gd-help div{flex:1;min-width:220px}.gd-help p{margin:2px 0 0;color:var(--muted)}
.gd-read{display:grid;gap:16px}
.gd-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px;align-items:start}
.gd-article{display:grid;gap:14px;padding:32px;border:1px solid var(--line);border-radius:22px;background:var(--surface)}
.gd-article h1{font:900 clamp(26px,3.4vw,38px)/1.15 var(--font-head)}.gd-lead{margin:0;color:#c6cdda;font-size:17px;line-height:1.6}.gd-meta{display:flex;align-items:center;gap:6px;color:#8b95ab}.gd-meta .icon{width:14px;height:14px}
.gd-article section{display:grid;gap:8px;padding-top:12px;border-top:1px solid var(--line);scroll-margin-top:110px}.gd-article h2{font:800 20px var(--font-head)}.gd-article p{margin:0;color:#d5dbe6;line-height:1.75}.gd-article ul{display:grid;gap:8px;margin:0;padding-left:20px;color:#d5dbe6;line-height:1.6}
.gd-useful{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:14px;border-radius:14px;background:#ffffff08;color:var(--muted)}
.gd-side{position:sticky;top:100px;display:grid;gap:14px}
.gd-toc{display:grid;gap:4px;padding:18px;border:1px solid var(--line);border-radius:18px;background:var(--surface)}.gd-toc b{margin-bottom:6px;font:800 14px var(--font-head)}.gd-toc a{padding:6px 8px;border-radius:8px;color:#c6cdda;font-size:13.5px}.gd-toc a:hover{background:#ffffff0a;color:#fff}.gd-ask p{margin:0;color:var(--muted);font-size:13px}
@media(max-width:900px){.gd-layout{grid-template-columns:1fr}.gd-side{position:static}.gd-article{padding:22px}}
[data-theme="light"] .gd-hero{background:#f5f6ff}[data-theme="light"] .gd-search{background:#fff;border-color:#dfe3ee}[data-theme="light"] .gd-search input{color:#1f2433}[data-theme="light"] .gd-article p,[data-theme="light"] .gd-article ul{color:#2a3045}

/* ───── 55. Alım ilanları ───── */
.wn{display:grid;gap:18px}
.wn-hero{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(260px,1fr);gap:24px;align-items:center;padding:34px;border:1px solid #f9731644;border-radius:26px;background:radial-gradient(circle at 90% 10%,#f9731630,transparent 50%),#141a2b}
.wn-hero h1{margin:8px 0;font:900 clamp(26px,3.6vw,40px)/1.1 var(--font-head)}.wn-hero p{max-width:560px;color:#c6cdda;line-height:1.6}.wn-cta{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.wn-stats{display:grid;gap:10px}.wn-stats div{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:14px 16px;border-radius:14px;background:#ffffff0a;border:1px solid #ffffff12}.wn-stats b{font:900 22px var(--font-head)}.wn-stats small{color:var(--muted)}
.wn-filter{display:grid;grid-template-columns:minmax(0,1fr) 200px 180px auto;gap:10px;padding:12px;border:1px solid var(--line);border-radius:16px;background:var(--surface)}
.wn-q{display:flex;align-items:center;gap:10px;padding:0 12px;border:1px solid var(--line);border-radius:12px}.wn-q .icon{width:17px;height:17px;color:#8b95ab}.wn-q input{flex:1;min-width:0;min-height:44px;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;outline:0}
.wn-note{display:flex;align-items:center;gap:8px;margin:0;color:var(--muted)}.wn-note .icon{width:16px;height:16px}
.wn-grid{display:grid;gap:12px}
.wn-card{display:grid;gap:10px;padding:18px;border:1px solid var(--line);border-radius:18px;background:var(--surface);transition:border-color .2s,transform .2s}.wn-card:hover{border-color:#f97316;transform:translateY(-2px)}
.wn-top{display:flex;align-items:center;gap:14px}.wn-top .game-tile{width:52px;height:52px;flex:none;border-radius:14px}.wn-top>span{flex:1;display:grid;min-width:0}.wn-top small{color:var(--muted);font-size:12.5px;font-weight:700}.wn-top b,.wn-top h1{font:800 18px var(--font-head)}.wn-top h1{font-size:clamp(22px,3vw,30px)}
.wn-budget{display:grid;justify-items:end;font:900 22px var(--font-head);color:#4ade80;font-style:normal}.wn-budget small{color:var(--muted);font:700 11px var(--font)}
.wn-card>p{margin:0;color:#c6cdda;font-size:14px;line-height:1.55}
.wn-foot,.wn-d-meta{display:flex;flex-wrap:wrap;align-items:center;gap:14px;color:var(--muted);font-size:13px}.wn-foot>span,.wn-d-meta>span{display:inline-flex;align-items:center;gap:6px}.wn-foot .icon,.wn-d-meta .icon{width:14px;height:14px}
.wn-user .seller-avatar{width:24px;height:24px;font-size:10px}
.wn-offers.has{color:#fb923c;font-weight:800}
.wn-seller{display:flex;flex-wrap:wrap;align-items:center;gap:14px;padding:18px;border:1px dashed var(--line);border-radius:18px}.wn-seller>.icon{width:26px;height:26px;color:#4ade80}.wn-seller div{flex:1;min-width:220px}.wn-seller p{margin:2px 0 0;color:var(--muted)}
.wn-d{display:grid;gap:14px}.wn-d-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:20px;align-items:start}
.wn-d-main{display:grid;gap:16px;padding:26px;border:1px solid var(--line);border-radius:22px;background:var(--surface)}.wn-d-desc{margin:0;color:#d5dbe6;line-height:1.7;white-space:pre-wrap}
.wn-offers-list{display:grid;gap:10px;padding-top:14px;border-top:1px solid var(--line)}.wn-offers-list h2{font:800 18px var(--font-head)}
.wn-offer{display:flex;align-items:flex-start;gap:12px;padding:14px;border:1px solid var(--line);border-radius:14px}.wn-offer.accepted{border-color:#22c55e;background:#22c55e0d}.wn-offer .store-avatar{width:42px;height:42px;border-radius:12px;flex:none}.wn-offer>div:nth-child(2){flex:1;display:grid;gap:4px;min-width:0}.wn-offer p{margin:0;color:#c6cdda;font-size:13.5px}.wn-offer small{color:var(--muted);font-size:12px}
.wn-offer-r{display:grid;justify-items:end;gap:6px}.wn-offer-r>b{font:900 18px var(--font-head);color:#4ade80}
.wn-d-side{position:sticky;top:100px;display:grid;gap:12px;padding:20px;border:1px solid var(--line);border-radius:20px;background:var(--surface)}
.wn-d-budget{padding:14px;border-radius:14px;background:#22c55e14}.wn-d-budget small{color:var(--muted)}.wn-d-budget b{display:block;font:900 28px var(--font-head);color:#4ade80}
.wn-offer-form{display:grid;gap:10px}.wn-offer-form h3{font:800 16px var(--font-head)}
@media(max-width:900px){.wn-hero,.wn-d-grid{grid-template-columns:1fr}.wn-filter{grid-template-columns:1fr 1fr}.wn-q{grid-column:1/-1}.wn-d-side{position:static}}
.wn-cta .btn,.rf-hero .btn{width:auto}

/* ───── 56. Destek merkezi ───── */
.sp{display:grid;gap:18px}
.sp-hero{display:grid;justify-items:center;gap:12px;padding:42px 24px;border:1px solid var(--line);border-radius:26px;text-align:center;background:radial-gradient(circle at 50% 0%,#3b82f633,transparent 60%),#141a2b}
.sp-hero h1{font:900 clamp(28px,4vw,42px) var(--font-head)}
.sp-channels{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:8px}
.sp-ch{display:flex;align-items:center;gap:10px;padding:12px 16px;border:1px solid var(--line);border-radius:14px;background:#ffffff08;color:inherit;text-align:left;cursor:pointer}.sp-ch:hover{border-color:#3b82f6}.sp-ch.live{border-color:#22c55e66}
.sp-ch>i{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:#3b82f61f;color:#60a5fa}.sp-ch.live>i{background:#22c55e1f;color:#4ade80}.sp-ch>i .icon{width:18px;height:18px}
.sp-ch span{display:grid}.sp-ch small{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:12px}
.sp-dot{width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 3px #22c55e33}
.sp-topics{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
.sp-topic{display:grid;gap:6px;padding:16px;border:1px solid var(--line);border-radius:16px;background:var(--surface);transition:transform .15s,border-color .15s}.sp-topic:hover,.sp-topic.on{border-color:#3b82f6;transform:translateY(-2px)}
.sp-topic i{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:#3b82f61f;color:#60a5fa}.sp-topic i .icon{width:18px;height:18px}.sp-topic b{font-size:14px}.sp-topic small{color:var(--muted);font-size:12px;line-height:1.4}
.sp-grid{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:18px;align-items:start}
.sp-col{display:grid;gap:18px}.sp-card{margin:0;display:grid;gap:10px}
.sp-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.sp-card h2{display:flex;align-items:center;gap:8px;font:800 17px var(--font-head)}.sp-card h2 .icon{width:18px;height:18px;color:#60a5fa}
.sp-ticket{margin:0!important;padding:0!important;border:1px solid var(--line)!important;border-radius:14px!important;overflow:hidden}
.sp-ticket summary{display:flex;align-items:center;gap:12px;padding:12px 14px;list-style:none;cursor:pointer}.sp-ticket summary::-webkit-details-marker{display:none}
.sp-ticket.answered{border-color:#22c55e66!important}
.sp-t-ic{display:grid;place-items:center;width:34px;height:34px;flex:none;border-radius:10px;background:#3b82f61f;color:#60a5fa}.sp-t-ic .icon{width:16px;height:16px}
.sp-t-main{flex:1;display:grid;min-width:0}.sp-t-main b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sp-t-main small{color:var(--muted);font-size:12px}
.sp-msgs{display:flex;flex-direction:column;gap:8px;padding:12px 14px;border-top:1px solid var(--line);background:#00000018}
.sp-msgs p{display:grid;gap:3px;max-width:80%;margin:0;padding:9px 12px;border-radius:14px}.sp-msgs p.me{align-self:flex-end;background:#3b6fd8;color:#fff;border-bottom-right-radius:4px}.sp-msgs p.staff{align-self:flex-start;background:#23283a;border-bottom-left-radius:4px}
.sp-msgs span{white-space:pre-wrap;overflow-wrap:anywhere}.sp-msgs small{font-size:10.5px;opacity:.7}
.sp-reply{display:grid;gap:8px;padding:12px 14px;border-top:1px solid var(--line)}.sp-reply div{display:flex;gap:8px}.sp-closed{padding:10px 14px;margin:0}
.sp-faq{margin:0!important;padding:0!important;border:1px solid var(--line)!important;border-radius:12px!important}.sp-faq summary{display:flex;align-items:center;gap:10px;padding:13px 14px;font-weight:700;list-style:none;cursor:pointer}.sp-faq summary::-webkit-details-marker{display:none}.sp-faq summary .icon{width:16px;height:16px;margin-left:auto;color:var(--muted);transition:transform .2s}.sp-faq[open] summary .icon{transform:rotate(90deg)}.sp-faq p{margin:0;padding:0 14px 14px;color:#c6cdda;line-height:1.55}
.sp-form label{display:grid;gap:6px}.sp-links a{display:flex;align-items:center;gap:8px;padding:9px 10px;border-radius:10px;color:#c6cdda;font-weight:700}.sp-links a:hover{background:#ffffff0a;color:#fff}.sp-links .icon{width:16px;height:16px;color:#60a5fa}
#sp-new{scroll-margin-top:110px}
@media(max-width:1100px){.sp-topics{grid-template-columns:repeat(3,minmax(0,1fr))}.sp-grid{grid-template-columns:1fr}}
@media(max-width:560px){.sp-topics{grid-template-columns:1fr 1fr}}

/* ───── 57. Liderlik ───── */
.lb{display:grid;gap:18px}
.lb-hero{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(260px,1fr);gap:24px;align-items:center;padding:34px;border:1px solid #f5c54244;border-radius:26px;background:radial-gradient(circle at 85% 20%,#f5c54226,transparent 50%),#141a2b}
.lb-hero h1{margin:8px 0;font:900 clamp(26px,3.6vw,40px) var(--font-head)}.lb-hero p{color:#c6cdda;line-height:1.6}
.lb-totals{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.lb-totals div{padding:14px;border-radius:14px;background:#ffffff0a;border:1px solid #ffffff12}.lb-totals b{display:block;font:900 20px var(--font-head)}.lb-totals small{color:var(--muted);font-size:12px}.lb-totals>small{grid-column:1/-1;text-align:right}
.lb-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px}
.lb-cats,.lb-per{display:flex;flex-wrap:wrap;gap:8px}
.lb-cat{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border:1px solid var(--line);border-radius:12px;color:#c6cdda;font-weight:800}.lb-cat .icon{width:16px;height:16px}.lb-cat.on{border-color:#f5c542;background:#f5c5421f;color:#fff}
.lb-per{padding:4px;border:1px solid var(--line);border-radius:12px}.lb-per a{padding:7px 14px;border-radius:9px;color:#c6cdda;font-weight:700;font-size:13.5px}.lb-per a.on{background:#6366f1;color:#fff}
.lb-me{display:flex;align-items:center;gap:10px;padding:12px 16px;border:1px solid #6366f155;border-radius:14px;background:#6366f114}.lb-me .icon{width:18px;height:18px;color:#a5b4fc}
.lb-podium{display:grid;grid-template-columns:1fr 1.15fr 1fr;align-items:end;gap:14px}
.lb-p{position:relative;display:grid;justify-items:center;gap:8px;padding:24px 16px 56px;border:1px solid var(--line);border-radius:22px;background:var(--surface);text-align:center;overflow:hidden}

.lb-medal{font-size:36px;line-height:1}
.lb-p .lb-who{flex-direction:column;text-align:center}.lb-p .lb-who .store-avatar,.lb-p .lb-who .seller-avatar{width:68px;height:68px;border-radius:20px;font-size:22px}
.lb-val{font:900 22px var(--font-head);color:#fcd34d}.lb-p small{color:var(--muted)}
.lb-step{position:absolute;bottom:0;left:0;right:0;display:grid;place-items:center;height:40px;background:#ffffff08;color:#ffffff30;font:900 26px var(--font-head);font-style:normal}
.lb-who{display:flex;align-items:center;gap:12px;min-width:0;color:inherit}.lb-who .store-avatar,.lb-who .seller-avatar{width:42px;height:42px;border-radius:12px;flex:none}.lb-who>span{display:grid;min-width:0}.lb-who b{display:flex;align-items:center;gap:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lb-who small{display:flex;align-items:center;gap:4px;justify-content:inherit;color:var(--muted);font-size:12px}.lb-who .lvl-ico{width:16px;height:16px}
.lb-you{padding:1px 6px;border-radius:6px;background:#6366f1;color:#fff;font-size:10.5px;font-style:normal}
.lb-list{display:grid;gap:6px}
.lb-row{display:flex;align-items:center;gap:14px;padding:12px 16px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}.lb-row.me{border-color:#6366f1}
.lb-row>em{width:34px;color:#8b95ab;font:900 16px var(--font-head);font-style:normal;text-align:center}.lb-row .lb-who{flex:1}
.lb-num{display:grid;justify-items:end}.lb-num b{font:800 15px var(--font-head)}.lb-num small{color:var(--muted);font-size:12px}
.lb-how ul{display:grid;gap:8px;margin:8px 0 0;padding-left:18px;color:#c6cdda;line-height:1.55}
@media(max-width:860px){.lb-hero{grid-template-columns:1fr;padding:24px}.lb-podium{grid-template-columns:1fr}.lb-p{padding-bottom:24px}.lb-step{display:none}}
@media(min-width:861px){.lb-podium{grid-template-columns:repeat(var(--n,3),minmax(0,300px));justify-content:center}}

/* ───── 58. Günün fırsatları ───── */
.dl{display:grid;gap:18px}
.dl-hero{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(260px,1fr);gap:24px;align-items:center;padding:34px;border:1px solid #ef444444;border-radius:26px;background:radial-gradient(circle at 90% 10%,#ef444430,transparent 50%),radial-gradient(circle at 0% 100%,#f59e0b22,transparent 50%),#141a2b}
.dl-hero h1{margin:8px 0;font:900 clamp(26px,3.6vw,40px)/1.1 var(--font-head)}.dl-hero p{color:#c6cdda;line-height:1.6}
.dl-timer{display:inline-flex;align-items:center;gap:8px;margin-top:12px;padding:8px 14px;border-radius:12px;background:#ef44441f;color:#fca5a5;font-weight:700}.dl-timer .icon{width:16px;height:16px}.dl-timer b{color:#fff;font-variant-numeric:tabular-nums}
.dl-stats{display:grid;gap:10px}.dl-stats div{display:flex;align-items:baseline;justify-content:space-between;padding:14px 16px;border-radius:14px;background:#ffffff0a;border:1px solid #ffffff12}.dl-stats b{font:900 24px var(--font-head)}.dl-stats small{color:var(--muted)}
.dl-top{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:320px;border:1px solid #f5c54255;border-radius:26px;overflow:hidden;background:linear-gradient(135deg,var(--art-a),var(--art-b))}
.dl-top-art{background:var(--cover) center/cover no-repeat;mask-image:linear-gradient(90deg,#000 60%,transparent)}
.dl-top-copy{display:grid;align-content:center;justify-items:start;gap:10px;padding:32px;background:linear-gradient(90deg,transparent,#0b0f1aee 25%)}
.dl-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:99px;background:linear-gradient(135deg,#fbbf24,#f97316);color:#2b1600;font:900 11.5px var(--font-head);letter-spacing:.06em}.dl-badge .icon{width:13px;height:13px}
.dl-top-copy small{color:#c6cdda;font-weight:700}.dl-top-copy h2{font:900 clamp(22px,3vw,32px)/1.15 var(--font-head)}
.dl-price{display:flex;align-items:baseline;gap:12px}.dl-price s{color:#8b95ab}.dl-price b{font:900 34px var(--font-head);color:#4ade80}.dl-price em{padding:4px 10px;border-radius:8px;background:#ef4444;color:#fff;font-style:normal;font-weight:900}
.dl-top-meta{display:flex;gap:14px;color:#c6cdda;font-size:13px}.dl-top-meta span{display:inline-flex;align-items:center;gap:6px}.dl-top-meta .icon{width:14px;height:14px}
.dl-codes h2{display:flex;align-items:center;gap:8px;margin-bottom:10px;font:800 18px var(--font-head)}.dl-codes h2 .icon{width:18px;height:18px;color:#f472b6}
.dl-code-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}
.dl-code{display:grid;gap:10px;padding:16px;border:1px dashed #f472b666;border-radius:16px;background:linear-gradient(135deg,#ec48990f,transparent),var(--surface)}.dl-code div{display:grid;gap:2px}.dl-code small{color:var(--muted);font-size:12px}.dl-code em{color:#f9a8d4;font-style:normal;font-weight:800}
.dl-copy{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border:1px solid #f472b655;border-radius:12px;background:#0b0f1a;color:#fff;cursor:pointer}.dl-copy code{font:800 15px ui-monospace,Consolas,monospace;letter-spacing:.08em}.dl-copy span{display:inline-flex;align-items:center;gap:6px;color:#f9a8d4;font-size:12.5px;font-weight:700}.dl-copy .icon{width:14px;height:14px}
.dl-filter{display:grid;gap:10px}.dl-filter nav{display:flex;flex-wrap:wrap;gap:8px}
.dl-chip{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border:1px solid var(--line);border-radius:99px;color:#c6cdda;font-weight:700;font-size:13.5px}.dl-chip.on{border-color:#ef4444;background:#ef44441f;color:#fff}.dl-chip .game-tile{width:22px!important;height:22px!important;border-radius:6px!important}
.dl-sort{justify-content:flex-end}.dl-sort a{padding:6px 12px;border-radius:9px;color:var(--muted);font-weight:700;font-size:13px}.dl-sort a.on{background:#ffffff12;color:#fff}
@media(max-width:860px){.dl-hero,.dl-top{grid-template-columns:1fr}.dl-top-art{min-height:180px;mask-image:linear-gradient(180deg,#000 60%,transparent)}.dl-top-copy{background:#0b0f1aee}.dl-sort{justify-content:flex-start}}
.dl-top-copy .btn{width:auto}

/* ───── 59. Avatar çerçevesi: seçim kartları ve her bağlamda yer ayırma ───── */
.frame-cards{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px}
.frame-card{position:relative;display:block;cursor:pointer}.frame-card input{position:absolute;opacity:0}
.frame-card span{display:grid;justify-items:center;gap:8px;width:150px;padding:14px;border:2px solid var(--line);border-radius:16px;background:var(--surface)}
.frame-card input:checked+span{border-color:#f5c542;box-shadow:0 0 0 3px #f5c54233}
.frame-card.locked span{opacity:.5;cursor:not-allowed}
.frame-card i{position:relative;display:grid;place-items:center;width:84px;height:84px}
.frame-card i img{position:absolute;inset:0;width:100%;height:100%;object-fit:fill}
.frame-card i em{display:grid;place-items:center;width:46px;height:46px;border-radius:10px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;font:900 16px var(--font-head);font-style:normal}
.frame-card b{font-size:12.5px;text-align:center}
/* Kartlarda ve küçük avatarlarda çerçeve yazılara binmesin: çerçevenin taştığı kadar boşluk bırakılır */
.store-card-body .store-ring.has-frame{margin:-14px 0 30px 26px}
.store-card-body:has(.store-ring.has-frame) h3{margin-top:4px}
.store-live-body .store-ring.has-frame{margin:20px 30px 30px 28px}
.store-ring.has-frame .pass-frame{top:50%!important}

/* ───── 60. Canlı güvenli giriş penceresi ───── */
.secure-overlay.live{animation:so-in .25s ease}.secure-overlay.live .secure-card{position:relative;animation:sc-in .35s cubic-bezier(.2,.8,.2,1)}
.secure-overlay.out{opacity:0;transition:opacity .25s}
@keyframes so-in{from{opacity:0}}@keyframes sc-in{from{opacity:0;transform:translateY(16px) scale(.96)}}
.secure-x{position:absolute;top:12px;right:12px;display:grid;place-items:center;width:32px;height:32px;padding:0;border:0;border-radius:9px;background:#ffffff10;color:#cbd5e1;cursor:pointer}.secure-x .icon{width:16px;height:16px}

.secure-steps li.failed{color:#f87171}
.secure-card.fail .secure-spinner{border-color:#ef444455;border-top-color:#ef4444;animation:none}
.secure-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:14px}

/* ───── 61. Pass satın alma penceresi ve e-posta ekleme ───── */
.pm-back{position:fixed;inset:0;z-index:300;display:grid;place-items:center;padding:16px;background:#05070dcc;backdrop-filter:blur(6px);animation:so-in .2s ease}
.pm-back.out{opacity:0;transition:opacity .2s}
.pm{position:relative;width:min(440px,100%);max-height:calc(100vh - 32px);overflow:auto;border:1px solid #ffffff14;border-radius:22px;background:#161a24;color:#e5e7eb;box-shadow:0 30px 80px #0009;animation:sc-in .3s cubic-bezier(.2,.8,.2,1)}
.pm-x{position:absolute;top:14px;right:14px;display:grid;place-items:center;width:34px;height:34px;padding:0;border:0;border-radius:50%;background:#ffffff12;color:#fff;cursor:pointer}.pm-x .icon{width:16px;height:16px}.pm-x:hover{background:#ffffff22}
.pm-top{display:grid;justify-items:center;gap:6px;padding:26px 24px 6px;text-align:center}
.pm-crown{display:grid;place-items:center;width:62px;height:62px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;box-shadow:0 10px 30px #6366f166}.pm-crown svg{width:28px;height:28px}
.pm-top h2{margin:8px 0 0;font-size:21px;line-height:1.25;color:#fff}.pm-top p{margin:0;color:#9ca3af;font-size:13.5px}
.pm-perks{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:16px 22px 8px}
.pm-perks div{display:flex;align-items:center;gap:10px;min-height:50px;padding:10px 12px;border-radius:12px;background:#ffffff08;border:1px solid #ffffff0a}
.pm-perks i{display:grid;place-items:center;flex:none;color:#c7d2fe}.pm-perks i .icon{width:17px;height:17px}.pm-perks b{font-size:12.5px;line-height:1.3;color:#e5e7eb}
.pm-all{display:inline-block;margin:6px 22px 14px;color:#818cf8;font-size:13px;font-weight:700;text-decoration:none}.pm-all:hover{color:#a5b4fc}
.pm-foot{padding:16px 22px 20px;border-top:1px solid #ffffff10;background:#12151e}
.pm-label{display:block;margin-bottom:10px;color:#9ca3af;font-size:11.5px;font-weight:800;letter-spacing:.06em}
.pm-plans{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}
.pm-plan{position:relative;display:grid;align-content:start;gap:3px;min-height:104px;padding:16px 11px 11px;border:2px solid #ffffff1a;border-radius:13px;background:#ffffff05;color:#e5e7eb;text-align:left;cursor:pointer;transition:border-color .15s,background .15s,transform .15s}
.pm-plan:hover{border-color:#ffffff38;transform:translateY(-1px)}
.pm-plan.on{border-color:#6366f1;background:#6366f114;box-shadow:0 0 0 3px #6366f126}
.pm-plan em{position:absolute;top:-11px;right:8px;padding:2px 8px;border-radius:99px;background:#22c55e;color:#04210f;font:800 11px/1.5 var(--font-body,system-ui);font-style:normal;white-space:nowrap}
.pm-plan span{font-size:12.5px;font-weight:700}.pm-plan b{font-size:16px;color:#fff}.pm-plan small{color:#9ca3af;font-size:11.5px;line-height:1.4}
.pm-buy{width:100%;justify-content:center;gap:8px;margin-top:14px;min-height:48px;font-size:15px;background:linear-gradient(135deg,#5b5ff1,#6d5df6)}
.pm-bal{display:block;margin-top:9px;text-align:center;color:#9ca3af;font-size:11.5px}.pm-bal b{color:#e5e7eb}
@media (max-width:420px){.pm-plans{grid-template-columns:1fr}.pm-plan{min-height:0}.pm-perks{grid-template-columns:1fr}}
[data-theme="light"] .pm{background:#fff;color:#111827}[data-theme="light"] .pm-top h2,[data-theme="light"] .pm-plan b{color:#111827}[data-theme="light"] .pm-foot{background:#f8fafc;border-color:#e5e7eb}[data-theme="light"] .pm-perks div,[data-theme="light"] .pm-plan{background:#f8fafc;border-color:#e5e7eb}[data-theme="light"] .pm-perks b,[data-theme="light"] .pm-plan{color:#111827}[data-theme="light"] .pm-perks i{color:#6366f1}[data-theme="light"] .pm-x{background:#0000000d;color:#111827}
.phone-again .icon,.email-wrap .icon{width:15px;height:15px}
.email-wrap{display:grid;gap:8px;margin-top:8px}.email-wrap input{min-width:min(260px,100%);max-width:320px}
.phone-note.ok{color:#4ade80}.phone-note.bad{color:#f87171}

/* ───── 62. Pass v2: sayfa, kart, planlar, günün fırsatları, rozetler, mağaza seçici ───── */
.pass-tag{display:inline-flex;align-items:center;margin-left:6px;padding:1px 7px;border-radius:6px;background:linear-gradient(135deg,#5b5ff1,#8b5cf6);color:#fff;font:800 10px/1.6 var(--font-head,system-ui);letter-spacing:.06em;vertical-align:middle;white-space:nowrap}
.pass-tag.prio{letter-spacing:0;font-size:10.5px}
.pass-deal{display:inline-flex;align-items:center;gap:5px;margin-top:4px;padding:3px 9px;border-radius:999px;background:#6366f11f;border:1px solid #6366f159;color:#c7d2fe;font-size:12px;font-weight:700;white-space:nowrap}
.pass-deal b{padding:0 5px;border-radius:5px;background:#6366f1;color:#fff;font-size:9.5px;letter-spacing:.06em}
.pass-deal.mini{margin:0 8px 0 0;padding:1px 7px;font-size:11px}

.rf-pass{display:inline-flex;align-items:center;gap:5px;color:#c7d2fe;font-weight:700}.rf-pass svg{width:14px;height:14px}
.pm-links{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px;margin:6px 22px 14px}.pm-links .pm-all{margin:0;padding:0;border:0;background:none;cursor:pointer;display:inline-flex;align-items:center;gap:5px}.pm-links .pm-all .icon{width:14px;height:14px}
.pv{display:grid;gap:26px;padding-bottom:40px}
.pv svg{flex:none}
.pv-head{display:grid;gap:6px;margin-bottom:16px;text-align:center}.pv-head h2{margin:0;font-size:clamp(22px,3vw,30px)}.pv-head p{margin:0;color:var(--muted)}
.pv-hero{position:relative;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:30px;padding:clamp(22px,4vw,44px);border:1px solid var(--line);border-radius:26px;background:radial-gradient(600px 300px at 85% 30%,#5b5ff133,transparent 70%),radial-gradient(500px 260px at 10% 100%,#8b5cf622,transparent 70%),var(--surface);overflow:hidden}
.pv-hero .eyebrow{display:inline-flex;align-items:center;gap:7px;color:#a5b4fc}.pv-hero .eyebrow svg{width:16px;height:16px}
.pv-hero h1{margin:10px 0 12px;font-size:clamp(28px,4.4vw,48px);line-height:1.08}.pv-hero h1 span{background:linear-gradient(90deg,#818cf8,#c084fc);-webkit-background-clip:text;background-clip:text;color:transparent}
.pv-hero p{max-width:560px;color:var(--muted);font-size:15.5px;line-height:1.6}
.pv-hero-cta{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.pv-hero-cta svg{width:18px;height:18px}
.pv-card-wrap{position:relative;display:grid;place-items:center;min-height:300px;perspective:900px}
.pv-card{position:relative;display:grid;gap:2px;width:min(360px,92%);padding:22px 24px 24px;border-radius:22px;background:linear-gradient(135deg,#4f6ef7 0%,#5b5ff1 45%,#3b4fd8 100%);color:#fff;box-shadow:0 30px 70px #3b4fd866,inset 0 1px 0 #ffffff40;transform:rotate(-5deg);transition:transform .4s cubic-bezier(.2,.8,.2,1);overflow:hidden}
.pv-card:hover{transform:rotate(-2deg) translateY(-4px)}
.pv-card::after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 30%,#ffffff2e 48%,transparent 62%);transform:translateX(-60%);animation:pv-shine 5s ease-in-out infinite}
@keyframes pv-shine{50%,100%{transform:translateX(60%)}}
.pv-card.on{background:linear-gradient(135deg,#6366f1,#8b5cf6 55%,#4f46e5)}
.pv-card-top{display:flex;align-items:center;gap:9px;margin-bottom:16px}.pv-card-top b{font:800 15px var(--font-head,system-ui);letter-spacing:.04em}
.pv-card-logo{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#ffffff2b}.pv-card-logo svg{width:18px;height:18px}
.pv-chip{margin-left:auto;width:42px;height:32px;border-radius:8px;background:linear-gradient(135deg,#ffffffaa,#ffffff40);box-shadow:inset 0 0 0 1px #ffffff55}
.pv-card small{font-size:10.5px;font-weight:800;letter-spacing:.14em;opacity:.75}
.pv-card strong{font:900 clamp(22px,3vw,28px)/1.15 var(--font-head,system-ui);letter-spacing:.01em}
.pv-card em{font:800 16px var(--font-head,system-ui);font-style:normal;letter-spacing:.04em}
.pv-card-until{font-size:12px;opacity:.85}
.pv-card-cut{position:relative;height:1px;margin:16px -24px 14px;border-top:2px dashed #ffffff55}
.pv-card-cut::before,.pv-card-cut::after{content:"";position:absolute;top:-11px;width:20px;height:20px;border-radius:50%;background:var(--surface)}.pv-card-cut::before{left:-10px}.pv-card-cut::after{right:-10px}
.pv-float{position:absolute;z-index:2;display:inline-flex;align-items:center;gap:7px;padding:9px 14px;border:1px solid #ffffff1f;border-radius:999px;background:#0f1320e6;color:#e5e7eb;font-size:12.5px;font-weight:700;box-shadow:0 12px 30px #0007;backdrop-filter:blur(6px);animation:pv-float 4s ease-in-out infinite}
.pv-float .icon{width:15px;height:15px;color:#818cf8}.pv-float.a{top:12px;left:0}.pv-float.b{right:0;bottom:22px;animation-delay:-2s}
@keyframes pv-float{50%{transform:translateY(-6px)}}
.pv-warn{display:flex;gap:12px;align-items:flex-start;padding:16px 18px;border:1px solid #f59e0b55;border-radius:16px;background:#f59e0b14}.pv-warn .icon{color:#f59e0b;width:20px;height:20px;flex:none}.pv-warn p{margin:0}
.pv-plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.pv-plan{position:relative;display:grid;align-content:start;gap:6px;min-height:200px;padding:26px 22px 20px;border:2px solid var(--line);border-radius:20px;background:var(--surface);color:inherit;text-align:left;cursor:pointer;transition:border-color .2s,box-shadow .2s,transform .2s}
.pv-plan:hover{transform:translateY(-2px);border-color:#6366f188}
.pv-plan.on{border-color:#6366f1;background:radial-gradient(400px 200px at 50% 0%,#6366f126,transparent 70%),var(--surface);box-shadow:0 0 0 4px #6366f122,0 20px 50px #6366f126}
.pv-plan b{font-size:18px}.pv-plan small{color:var(--muted)}.pv-plan strong{margin-top:10px;font:900 30px/1.1 var(--font-head,system-ui)}
.pv-pop{position:absolute;top:14px;left:20px;padding:4px 10px;border-radius:999px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;font:800 10.5px/1.4 var(--font-head,system-ui);font-style:normal;letter-spacing:.05em}
.pv-plan:has(.pv-pop){padding-top:48px}
.pv-radio{position:absolute;top:16px;right:16px;display:grid;place-items:center;width:26px;height:26px;border:2px solid var(--line);border-radius:50%;color:transparent}.pv-radio .icon{width:14px;height:14px}
.pv-plan.on .pv-radio{border-color:#6366f1;background:#6366f1;color:#fff}
.pv-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto;padding-top:12px}.pv-tags span{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:999px;background:#6366f11a;border:1px solid #6366f140;color:#a5b4fc;font-size:12px;font-weight:700}.pv-tags span.ok{background:#22c55e14;border-color:#22c55e40;color:#4ade80}.pv-tags .icon{width:13px;height:13px}
.pv-bar{display:flex;align-items:center;flex-wrap:wrap;gap:16px;margin-top:16px;padding:16px 20px;border:1px solid var(--line);border-radius:18px;background:var(--surface)}
.pv-bar div{display:grid;flex:1}.pv-bar small{color:var(--muted);font-size:12px}.pv-bar b{font-size:17px}.pv-bar strong{font:900 24px var(--font-head,system-ui);color:#818cf8}.pv-bar .btn svg{width:18px;height:18px}
.pv-gift{display:flex;align-items:center;flex-wrap:wrap;gap:16px;margin-top:16px;padding:18px 20px;border:1px dashed #6366f166;border-radius:18px;background:linear-gradient(90deg,#6366f114,transparent)}
.pv-gift>i{display:grid;place-items:center;width:46px;height:46px;border-radius:13px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff}.pv-gift>i .icon{width:22px;height:22px}
.pv-gift div{flex:1;min-width:200px}.pv-gift p{margin:3px 0 0;color:var(--muted)}
.pv-pills{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:6px}.pv-pills span{display:inline-flex;align-items:center;gap:6px;padding:7px 13px;border:1px solid var(--line);border-radius:999px;background:var(--surface);font-size:12.5px;font-weight:700}.pv-pills .icon,.pv-pills svg{width:15px;height:15px;color:#818cf8}
.pd-row{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(200px,1fr);gap:14px;overflow-x:auto;padding:4px 2px 12px;scroll-snap-type:x mandatory}
@media (min-width:1100px){.pd-row{grid-auto-columns:calc((100% - 70px)/6)}}
.pd-card{display:grid;grid-template-rows:auto 1fr;border:1px solid var(--line);border-radius:16px;background:var(--surface);color:inherit;text-decoration:none;overflow:hidden;scroll-snap-align:start;transition:transform .2s,border-color .2s}
.pd-card:hover{transform:translateY(-3px);border-color:#6366f188}
.pd-art{position:relative;display:grid;place-items:center;aspect-ratio:1/1;background:linear-gradient(135deg,var(--art-a),var(--art-b));overflow:hidden}.pd-art img{width:100%;height:100%;object-fit:cover}
.pd-art em{position:absolute;top:10px;left:10px;display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:999px;background:#5b5ff1;color:#fff;font:800 11px/1.3 var(--font-head,system-ui);font-style:normal;box-shadow:0 6px 16px #0006}.pd-art em svg{width:12px;height:12px}
.pd-body{display:grid;align-content:start;gap:5px;padding:12px}
.pd-body b{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:13.5px;line-height:1.35;min-height:36px}
.pd-body s{color:var(--muted);font-size:12px}
.pd-btn{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:11px;background:linear-gradient(135deg,#5b5ff1,#6d5df6);color:#fff;font-weight:800;font-size:14px}.pd-btn i{padding:1px 6px;border-radius:6px;background:#ffffff2e;font:800 10px/1.6 var(--font-head,system-ui);font-style:normal;letter-spacing:.06em}.pd-btn .icon{width:14px;height:14px;margin-left:auto}
.pd-body small{color:#4ade80;font-weight:700;font-size:12px}

.pv-compare table{width:100%;border-collapse:collapse}.pv-compare .table-wrap{border:1px solid var(--line);border-radius:18px;overflow:auto;background:var(--surface)}
.pv-compare th,.pv-compare td{padding:15px 18px;border-bottom:1px solid var(--line);text-align:left;font-size:14px}
.pv-compare th{color:var(--muted);font-size:11.5px;letter-spacing:.08em;text-transform:uppercase}
.pv-compare td:first-child{font-weight:700}.pv-compare td:nth-child(2){color:var(--muted)}
.pv-compare .gold{background:#6366f10f}.pv-compare th.gold{color:#818cf8}.pv-compare td.gold{font-weight:800}.pv-compare td.gold .icon{width:14px;height:14px;margin-right:6px;color:#818cf8;vertical-align:-2px}
.pv-compare tr:last-child td{border-bottom:0}
@media (max-width:900px){.pv-hero{grid-template-columns:1fr}.pv-card-wrap{min-height:260px}.pv-plan-grid{grid-template-columns:1fr}.pv-plan{min-height:0}}
@media (max-width:520px){.pv-float{display:none}.pv-bar .btn{width:100%;justify-content:center}.pv-compare th,.pv-compare td{padding:11px 10px;font-size:12.5px}}
.sb{display:grid;gap:12px;margin-bottom:16px}
.sb-head{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:12px}.sb-head h2{display:flex;align-items:center;gap:8px;margin:0}.sb-head h2 small{color:var(--muted);font-size:13px}.sb-head p{margin:4px 0 0}.sb-head .btn svg{width:15px;height:15px}
.sb-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px}
.sb-item{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid var(--line);border-radius:14px;background:var(--bg)}
.sb-item.on{border-color:#6366f1;box-shadow:0 0 0 3px #6366f122}.sb-item.closed{opacity:.7;border-style:dashed}
.sb-item>div{flex:1;min-width:0}.sb-item b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sb-item small{color:var(--muted)}
.sb-logo{display:grid;place-items:center;flex:none;width:42px;height:42px;border-radius:12px;background:var(--a);color:#fff;font-weight:900;overflow:hidden}.sb-logo img{width:100%;height:100%;object-fit:cover}
.sb-on{padding:3px 10px;border-radius:999px;background:#6366f1;color:#fff;font-size:11.5px;font-weight:800}
.sb-note{display:flex;align-items:center;gap:6px;margin:0;font-size:12.5px}.sb-note .icon{width:14px;height:14px}
.pv .btn-large{width:auto;display:inline-flex}.pv-bar .btn-large{margin-left:auto}
.pd-art .product-logo{width:44%;height:auto;max-height:44%;object-fit:contain}
.sb-list{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.sb-item b{white-space:normal}

/* ───── 63. Büyüme araçları: zamanlı indirim, fiyat grafiği, sadakat, hediye, bildirim, içgörüler, fiyat önerisi ───── */

.buybox-price strong s{font-size:.6em;color:var(--muted);font-weight:600;margin-right:4px}
.pc-card{display:grid;gap:8px;margin-top:12px;padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}
.pc-head{display:flex;align-items:center;justify-content:space-between}.pc-head b{display:flex;align-items:center;gap:6px}.pc-head .icon{width:16px;height:16px;color:#818cf8}.pc-head span{font-weight:800;font-size:13px;color:var(--muted)}.pc-head .ok{color:#4ade80}.pc-head .bad{color:#f87171}
.pc-card svg{width:100%;height:80px;overflow:visible}
.pc-foot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px;color:var(--muted);font-size:12px}.pc-foot b{color:var(--text,#e5e7eb)}
.gw-push{display:flex;align-items:center;flex-wrap:wrap;gap:14px;margin-bottom:16px}.gw-push>i{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:#6366f11f;color:#a5b4fc}.gw-push>i .icon{width:20px;height:20px}.gw-push>div{flex:1;min-width:220px}.gw-push p{margin:3px 0 0}
.gw-actions{display:flex;flex-wrap:wrap;gap:8px}

.gw-gift{display:grid;gap:14px;margin-top:16px}.gw-gift h2{display:flex;align-items:center;gap:8px;margin:0}.gw-gift p{margin:4px 0 0}
.gw-gift-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.gw-form{display:grid;gap:10px;align-content:start;padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--bg)}
@media (max-width:760px){.gw-gift-grid{grid-template-columns:1fr}}
.gw-codes{display:grid;gap:8px}.gw-code{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:10px 12px;border:1px solid var(--line);border-radius:12px}.gw-code>span:nth-child(2){flex:1;color:var(--muted)}
.gw-cref{display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center;margin-bottom:18px}.gw-cref h2{display:flex;align-items:center;gap:8px;margin:0}.gw-link{display:flex;gap:8px;margin-top:10px}.gw-link input{flex:1}
.gw-cref-stats{display:grid;grid-template-columns:repeat(4,auto);gap:16px;text-align:center}.gw-cref-stats b{display:block;font:900 20px var(--font-head,system-ui)}.gw-cref-stats small{color:var(--muted)}
@media (max-width:760px){.gw-cref{grid-template-columns:1fr}.gw-cref-stats{grid-template-columns:repeat(2,1fr)}}
.in{display:grid;gap:16px;margin-top:16px}.in-head{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px}.in-head h2{display:flex;align-items:center;gap:8px;margin:0}.in-head p{margin:4px 0 0}.in h3{margin:4px 0 8px;font-size:14px}
.in .period-tabs button{padding:6px 12px;border:1px solid var(--line);border-radius:999px;background:none;color:inherit;cursor:pointer;font-weight:700}.in .period-tabs button.active{background:#6366f1;border-color:#6366f1;color:#fff}.in .period-tabs{display:flex;gap:6px}
.in-funnel{display:grid;gap:8px}.in-step{display:grid;grid-template-columns:130px 1fr 70px 130px;align-items:center;gap:10px;font-size:13.5px}.in-step>div{height:14px;border-radius:99px;background:#ffffff0d;overflow:hidden}.in-step i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#6366f1,#22d3ee)}.in-step b{text-align:right}.in-step small{color:var(--muted)}
@media (max-width:640px){.in-step{grid-template-columns:100px 1fr 50px}.in-step small{grid-column:1/-1}}
.in-grid{display:grid;grid-template-columns:2fr 1fr;gap:16px}@media (max-width:760px){.in-grid{grid-template-columns:1fr}}
.in-bars{display:flex;align-items:flex-end;gap:3px;height:120px;padding:8px;border:1px solid var(--line);border-radius:12px}.in-bars>div{flex:1;display:grid;grid-template-rows:1fr auto;height:100%;align-items:end;text-align:center}.in-bars i{display:block;width:100%;border-radius:5px 5px 2px 2px;background:linear-gradient(180deg,#818cf8,#6366f1)}.in-bars small{font-size:10px;color:var(--muted);height:14px}.in-bars.wd{gap:8px}
.in-table td a{color:inherit}
.fs-strip{display:grid;gap:14px;margin:22px 0;padding:18px;border:1px solid #f9731655;border-radius:20px;background:radial-gradient(500px 200px at 0 0,#f9731622,transparent 70%),var(--surface)}
.fs-head>div{display:flex;align-items:center;gap:12px}.fs-bolt{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;background:linear-gradient(135deg,#f97316,#ef4444);color:#fff;animation:fs-pulse 1.6s ease-in-out infinite}.fs-bolt .icon{width:22px;height:22px}
@keyframes fs-pulse{50%{box-shadow:0 0 0 8px #f9731622}}
.fs-head h2{margin:0}.fs-head p{margin:2px 0 0;color:var(--muted)}.fs-head b{color:#fdba74;font-variant-numeric:tabular-nums}
.fs-row{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(180px,1fr);gap:12px;overflow-x:auto;padding-bottom:6px}
@media (min-width:1100px){.fs-row{grid-auto-columns:calc((100% - 60px)/6)}}
.fs-card{display:grid;gap:6px;padding:10px;border:1px solid var(--line);border-radius:14px;background:var(--bg);color:inherit;text-decoration:none;transition:transform .2s,border-color .2s}.fs-card:hover{transform:translateY(-3px);border-color:#f97316}
.fs-art{position:relative;display:grid;place-items:center;aspect-ratio:4/3;border-radius:10px;background:linear-gradient(135deg,var(--art-a),var(--art-b));overflow:hidden}.fs-art img{width:100%;height:100%;object-fit:cover}.fs-art .product-logo{width:40%;height:auto}
.fs-art em{position:absolute;top:8px;left:8px;padding:3px 9px;border-radius:999px;background:#ef4444;color:#fff;font:900 12px var(--font-head,system-ui);font-style:normal}
.fs-card b{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:13px;min-height:34px}
.fs-price{display:flex;align-items:baseline;gap:6px}.fs-price s{color:var(--muted);font-size:12px}.fs-price strong{font-size:16px;color:#fdba74}
.fs-card small{display:flex;align-items:center;gap:5px;color:var(--muted);font-variant-numeric:tabular-nums}.fs-card small .icon{width:13px;height:13px}
.ph-box{display:grid;gap:4px;margin:8px 0 4px;padding:10px 12px;border:1px dashed #6366f166;border-radius:12px;background:#6366f10f;font-size:13px}.ph-box b{display:flex;align-items:center;gap:6px}.ph-box .icon{width:15px;height:15px;color:#818cf8}.ph-box .btn{justify-self:start}


/* ───── 64. Pass v3: hareketli hero, istatistikler, görünüm vitrini, hesaplayıcı, adımlar, gruplu ayrıcalıklar, yapışkan çubuk ───── */
.pv3{gap:44px}
.pv3 .pv-head{margin-bottom:22px}.pv-kicker{display:inline-flex;align-items:center;justify-self:center;gap:6px;padding:5px 12px;border:1px solid #6366f155;border-radius:999px;background:#6366f114;color:#a5b4fc;font:800 11px/1.4 var(--font-head,system-ui);letter-spacing:.12em}.pv-kicker svg,.pv-kicker .icon{width:13px;height:13px}
.pv3 .pv-hero{isolation:isolate;min-height:460px;background:#0b0e1a;border-color:#6366f140}
.pv-aurora{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none}.pv-aurora i{position:absolute;width:520px;height:520px;border-radius:50%;filter:blur(90px);opacity:.55;animation:pv-drift 14s ease-in-out infinite alternate}
.pv-aurora i:nth-child(1){top:-200px;left:-120px;background:#4f46e5}.pv-aurora i:nth-child(2){bottom:-260px;right:-80px;background:#9333ea;animation-delay:-5s}.pv-aurora i:nth-child(3){top:20%;left:45%;width:360px;height:360px;background:#0ea5e9;opacity:.25;animation-delay:-9s}
@keyframes pv-drift{to{transform:translate(60px,40px) scale(1.15)}}
.pv-hero::before{content:"";position:absolute;inset:0;z-index:-1;background-image:radial-gradient(#ffffff22 1px,transparent 1px);background-size:26px 26px;mask-image:radial-gradient(ellipse at 70% 40%,#000 20%,transparent 70%)}
.pv3 .pv-hero h1{font-size:clamp(32px,5vw,58px)}
.pv-stats{display:grid;grid-template-columns:repeat(4,auto);justify-content:start;gap:12px 26px;margin-top:26px;padding-top:20px;border-top:1px solid #ffffff14}
.pv-stats b{display:block;font:900 24px/1.1 var(--font-head,system-ui);background:linear-gradient(90deg,#c7d2fe,#f0abfc);-webkit-background-clip:text;background-clip:text;color:transparent}.pv-stats small{color:var(--muted);font-size:12px}
@media (max-width:640px){.pv-stats{grid-template-columns:repeat(2,1fr)}}
.pv-float.c{top:46%;left:-6px;animation-delay:-1s}
.pv-plan .pv-pop.best{background:linear-gradient(135deg,#16a34a,#22c55e)}
.pv-how ol{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:0;padding:0;list-style:none;counter-reset:s}
.pv-how li{position:relative;padding:22px;border:1px solid var(--line);border-radius:18px;background:var(--surface)}.pv-how li i{display:grid;place-items:center;width:40px;height:40px;margin-bottom:12px;border-radius:12px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;font:900 18px var(--font-head,system-ui);font-style:normal}
.pv-how li:not(:last-child)::after{content:"";position:absolute;top:42px;right:-14px;width:12px;height:2px;background:#6366f1}.pv-how li b{font-size:16px}.pv-how li p{margin:6px 0 0;color:var(--muted);font-size:13.5px}
@media (max-width:760px){.pv-how ol{grid-template-columns:1fr}.pv-how li::after{display:none}}
.pv-calc-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:20px;padding:22px;border:1px solid var(--line);border-radius:22px;background:radial-gradient(500px 220px at 100% 0,#22c55e14,transparent 70%),var(--surface)}
.pv-calc-in{display:grid;gap:20px;align-content:start}.pv-calc-in label{display:grid;gap:10px}.pv-calc-in label span{display:flex;justify-content:space-between;font-weight:700}.pv-calc-in label b{color:#a5b4fc}
.pv-calc-in input[type=range]{width:100%;accent-color:#6366f1;height:6px}
.pv-calc-out{display:grid;grid-template-columns:1fr 1fr;gap:10px}.pv-calc-out>div{display:grid;gap:3px;padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--bg)}.pv-calc-out small{color:var(--muted);font-size:12px}.pv-calc-out b{font:900 20px var(--font-head,system-ui)}
.pv-calc-out .total{grid-column:1/-1;border-color:#22c55e66;background:#22c55e10}.pv-calc-out .total b{font-size:30px;color:#4ade80}.pv-calc-out .total span{color:var(--muted);font-size:12.5px}.pv-calc-out .total span.ok{color:#4ade80;font-weight:700}
@media (max-width:860px){.pv-calc-grid{grid-template-columns:1fr}}
.pv-groups{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.pv-group{display:grid;align-content:start;gap:10px;padding:18px;border:1px solid var(--line);border-top:3px solid var(--g);border-radius:18px;background:radial-gradient(300px 140px at 50% 0,color-mix(in srgb,var(--g) 12%,transparent),transparent 70%),var(--surface)}
.pv-group h3{margin:0 0 4px;color:var(--g);font-size:13px;letter-spacing:.1em;text-transform:uppercase}
.pv-group article{display:flex;gap:12px;padding:12px;border-radius:12px;background:var(--bg);transition:transform .2s}.pv-group article:hover{transform:translateX(3px)}
.pv-group i{display:grid;place-items:center;flex:none;width:38px;height:38px;border-radius:11px;background:color-mix(in srgb,var(--g) 18%,transparent);color:var(--g)}.pv-group i .icon{width:18px;height:18px}
.pv-group b{display:block;font-size:14px;margin-bottom:3px}.pv-group p{margin:0;color:var(--muted);font-size:12.8px;line-height:1.5}
@media (max-width:1000px){.pv-groups{grid-template-columns:1fr}}
.pv-show-grid{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:16px}
.pv-mock{position:relative;display:grid;align-content:start;gap:8px;padding:18px;border:1px solid var(--line);border-radius:18px;background:var(--surface);overflow:hidden}
.pv-mock-k{color:var(--muted);font-size:11px;font-weight:800;letter-spacing:.1em}
.pv-mock.store{padding-top:0}.pv-mock-cover{height:78px;margin:0 -18px;background:linear-gradient(135deg,#4f46e5,#9333ea 60%,#f59e0b)}
.pv-mock-ava{position:relative;display:grid;place-items:center;width:92px;height:92px;margin-top:-46px}.pv-mock-ava span{display:grid;place-items:center;width:58px;height:58px;border-radius:16px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;font:900 20px var(--font-head,system-ui)}
.pv-mock-frame{position:absolute;inset:0;width:100%!important;height:100%!important;max-width:none!important;object-fit:fill;z-index:1}
.pv-mock-badge{position:absolute;top:90px;right:16px;width:70px;height:auto;max-width:none}
.pv-mock b{font-size:16px}.pv-mock small{color:var(--muted)}
.pv-mock-row{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid #6366f155;border-radius:12px;background:#6366f10f}.pv-mock-row.dim{border-color:var(--line);background:none;opacity:.6}.pv-mock-row>div{flex:1}.pv-mock-row small{display:block}.pv-mock-row em{font-style:normal;font-weight:800}.pv-mock-dot{width:8px;height:8px;border-radius:50%;background:#22c55e}
.pv-mock-tickets{display:flex;gap:8px;font-size:34px}.pv-mock-tickets span{animation:pv-float 3s ease-in-out infinite}.pv-mock-tickets span:last-child{animation-delay:-1.5s}
@media (max-width:1000px){.pv-show-grid{grid-template-columns:1fr}}
.pv3 .pv-compare thead th{position:sticky;top:0;background:var(--surface);z-index:1}.pv3 .pv-compare th.gold svg{width:14px;height:14px;vertical-align:-2px;color:#a5b4fc}
.pv-final{position:relative;isolation:isolate;display:grid;justify-items:center;gap:10px;padding:48px 20px;border:1px solid #6366f140;border-radius:26px;background:#0b0e1a;text-align:center;overflow:hidden}.pv-final h2{margin:0;font-size:clamp(24px,3.5vw,36px)}.pv-final p{margin:0 0 8px;color:var(--muted);max-width:520px}.pv-final .btn svg{width:18px;height:18px}
.pv-sticky{position:fixed;left:50%;bottom:18px;z-index:60;display:flex;align-items:center;gap:16px;padding:10px 10px 10px 18px;border:1px solid #6366f166;border-radius:999px;background:#0f1320f2;box-shadow:0 18px 50px #0009;backdrop-filter:blur(10px);transform:translateX(-50%);animation:sc-in .3s ease}
.pv-sticky span{display:flex;align-items:center;gap:8px;white-space:nowrap}.pv-sticky svg{width:16px;height:16px;color:#a5b4fc}.pv-sticky strong{color:#a5b4fc}.pv-sticky .btn{border-radius:999px}
@media (max-width:520px){.pv-sticky{left:12px;right:12px;transform:none;justify-content:space-between}}
.pv-float.c{top:-4px;right:6%;left:auto;bottom:auto}.pv-float.a{top:30px;left:-8px}
.pv-sticky[hidden]{display:none}

/* ───── 65. Panelim v3 ───── */

@media (max-width:980px){
  
  
  .ux-tab{position:relative;display:inline-flex;align-items:center;gap:6px;flex:none;padding:8px 12px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:#c3cad8;font-size:13px;font-weight:700;text-decoration:none;white-space:nowrap;scroll-snap-align:start}
  .ux-tab .icon{width:15px;height:15px}.ux-tab em{min-width:18px;padding:0 5px;border-radius:99px;background:#ef4444;color:#fff;font:800 10.5px/18px var(--font);font-style:normal;text-align:center}
  .ux-tab.on{border-color:#6366f1;background:#6366f126;color:#fff}
}

/* Genel bakış */

/* ───── 66. Topluluk v2 ───── */
.cm{display:grid;gap:22px;padding-top:12px;padding-bottom:40px}
.cm-hero{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:center;gap:26px;padding:clamp(22px,4vw,36px);border:1px solid var(--line);border-radius:24px;background:radial-gradient(600px 260px at 0 0,#ec489922,transparent 70%),radial-gradient(500px 260px at 100% 100%,#6366f126,transparent 70%),var(--surface)}
.cm-hero .eyebrow{display:inline-flex;align-items:center;gap:6px;color:#f9a8d4}.cm-hero .eyebrow .icon{width:15px;height:15px}
.cm-hero h1{margin:8px 0 8px;font-size:clamp(26px,3.6vw,40px);line-height:1.1}.cm-hero p{margin:0;color:var(--muted);max-width:560px}
.cm-search{display:flex;align-items:center;gap:8px;margin-top:18px;padding:6px 6px 6px 14px;border:1px solid var(--line);border-radius:14px;background:var(--bg)}.cm-search>span .icon{width:18px;height:18px;color:var(--muted)}.cm-search input{flex:1;border:0!important;background:none!important;box-shadow:none!important;padding:8px 4px}
.cm-hero-side{display:grid;gap:16px;justify-items:stretch}.cm-hero-side>.btn{justify-content:center}.cm-hero-side .btn .icon{width:18px;height:18px}
.cm-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.cm-stats span{display:grid;padding:12px 8px;border:1px solid var(--line);border-radius:14px;background:var(--bg);text-align:center}.cm-stats b{font:900 20px var(--font-head)}.cm-stats small{color:var(--muted);font-size:11.5px}
.cm-layout{display:grid;grid-template-columns:230px minmax(0,1fr) 290px;gap:20px;align-items:start}
.cm-side,.cm-aside{display:grid;gap:14px}
.cm-cats{display:grid;gap:3px;padding:10px;border:1px solid var(--line);border-radius:18px;background:var(--surface)}
.cm-cat{display:flex;align-items:center;gap:10px;padding:8px;border-radius:11px;color:#c3cad8;font-size:13.5px;font-weight:700;text-decoration:none}.cm-cat:hover{background:#ffffff0a;color:#fff}
.cm-cat i{display:grid;place-items:center;flex:none;width:30px;height:30px;border-radius:9px;background:color-mix(in srgb,var(--c) 18%,transparent);color:var(--c)}.cm-cat i .icon{width:15px;height:15px}
.cm-cat span{flex:1}.cm-cat em{color:var(--muted);font-size:12px;font-style:normal}
.cm-cat.on{background:#6366f11f;color:#fff;box-shadow:inset 3px 0 0 #818cf8}
.cm-games{padding:14px;border:1px solid var(--line);border-radius:18px;background:var(--surface)}.cm-games h4{margin:0 0 10px;color:#7d879f;font-size:11px;letter-spacing:.12em;text-transform:uppercase}.cm-games>div{display:flex;flex-wrap:wrap;gap:6px}
.cm-chip{padding:5px 10px;border:1px solid var(--line);border-radius:999px;color:#c3cad8;font-size:12px;font-weight:700;text-decoration:none}.cm-chip small{color:var(--muted)}.cm-chip:hover,.cm-chip.on{border-color:#6366f1;background:#6366f11f;color:#fff}
.cm-main{display:grid;gap:12px;min-width:0}
.cm-cathead{display:flex;align-items:center;gap:14px;padding:16px;border:1px solid color-mix(in srgb,var(--c) 40%,transparent);border-radius:18px;background:color-mix(in srgb,var(--c) 8%,var(--surface))}.cm-cathead>i{display:grid;place-items:center;width:46px;height:46px;border-radius:13px;background:var(--c);color:#fff}.cm-cathead>i .icon{width:22px;height:22px}.cm-cathead h2{margin:0}.cm-cathead p{margin:2px 0 0;color:var(--muted)}
.cm-sorts{display:flex;gap:6px;overflow-x:auto;padding-bottom:4px}
.cm-sort{display:inline-flex;align-items:center;gap:6px;flex:none;padding:7px 13px;border:1px solid var(--line);border-radius:999px;color:#c3cad8;font-size:13px;font-weight:700;text-decoration:none}.cm-sort .icon{width:14px;height:14px}.cm-sort:hover{color:#fff;border-color:#6366f188}.cm-sort.on{background:#6366f1;border-color:#6366f1;color:#fff}
.cm-result{margin:0;color:var(--muted)}
.cm-list{display:grid;gap:10px}
.cm-post{display:grid;grid-template-columns:auto minmax(0,1fr);gap:16px;padding:16px;border:1px solid var(--line);border-radius:18px;background:var(--surface);color:inherit;text-decoration:none;transition:border-color .15s,transform .15s}.cm-post:hover{border-color:#6366f188;transform:translateY(-1px)}
.cm-post.pinned{border-color:#f59e0b66;background:linear-gradient(90deg,#f59e0b0d,transparent 40%),var(--surface)}
.cm-score{display:grid;gap:6px;width:66px;text-align:center;align-content:start}.cm-score>b{font:900 18px var(--font-head)}.cm-score>small{margin-top:-6px;color:var(--muted);font-size:11px}
.cm-score span{display:grid;padding:6px 4px;border:1px solid var(--line);border-radius:10px}.cm-score span b{font:900 16px var(--font-head)}.cm-score span small{color:var(--muted);font-size:10.5px}
.cm-score span.ok{border-color:#22c55e;background:#22c55e1a;color:#4ade80}.cm-score span.ok small{color:#4ade80}.cm-score span.zero{opacity:.6}
.cm-post-body{display:grid;gap:6px;min-width:0}
.cm-tags{display:flex;flex-wrap:wrap;gap:6px}
.cm-tag{display:inline-flex;align-items:center;gap:4px;padding:2px 9px;border-radius:999px;background:color-mix(in srgb,var(--c,#94a3b8) 16%,transparent);color:color-mix(in srgb,var(--c,#cbd5e1) 85%,#fff);font-size:11.5px;font-weight:800}.cm-tag .icon{width:12px;height:12px}
.cm-tag.game{--c:#94a3b8}.cm-tag.ok{--c:#22c55e}.cm-tag.pin{--c:#f59e0b}.cm-tag.lock{--c:#ef4444}
.cm-post h3{margin:0;font-size:16.5px;line-height:1.35}.cm-post p{margin:0;color:var(--muted);font-size:13.5px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.cm-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px;color:var(--muted);font-size:12.5px}.cm-meta b{color:var(--text,#e5e7eb)}.cm-views{display:inline-flex;align-items:center;gap:4px;margin-left:auto}.cm-views .icon{width:13px;height:13px}
.cm-ava{display:inline-grid;place-items:center;flex:none;width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;font:800 12px var(--font-head);overflow:hidden}.cm-ava img{width:100%;height:100%;object-fit:cover}.cm-ava.sm{width:22px;height:22px;border-radius:7px;font-size:9px}.cm-ava.xl{width:64px;height:64px;border-radius:18px;font-size:22px}
.cm-role{display:inline-flex;margin-left:6px;padding:1px 7px;border-radius:6px;background:#ef444426;color:#fca5a5;font-size:10.5px;font-weight:800;vertical-align:middle}
.cm-pager{display:flex;align-items:center;justify-content:center;gap:12px;padding-top:6px;color:var(--muted)}
.cm-empty{display:grid;justify-items:center;gap:8px;padding:40px 20px;border:1px dashed var(--line);border-radius:18px;text-align:center}.cm-empty>.icon{width:40px;height:40px;padding:8px;border-radius:50%;background:#6366f11f;color:#a5b4fc}.cm-empty h3{margin:0}.cm-empty p{margin:0;color:var(--muted)}.cm-empty.sm{padding:22px}
.cm-box{display:grid;gap:10px;padding:16px;border:1px solid var(--line);border-radius:18px;background:var(--surface)}.cm-box h4{display:flex;align-items:center;gap:6px;margin:0;font-size:14px}.cm-box h4 .icon{width:15px;height:15px;color:var(--c,#a5b4fc)}.cm-box p{margin:0}
.cm-top{display:grid;gap:8px;margin:0;padding:0;list-style:none}.cm-top li{display:flex;align-items:center;gap:8px}.cm-top li>span:nth-child(3){display:grid;flex:1;min-width:0;font-weight:700;font-size:13px}.cm-top li a{color:inherit}.cm-top small{color:var(--muted);font-weight:600;font-size:11.5px}.cm-top li>b{color:#fbbf24;font-size:13px}
.cm-rank{display:grid;place-items:center;flex:none;width:22px;height:22px;border-radius:7px;background:#ffffff12;font-size:11px;font-weight:900}.cm-rank.r2{background:#cbd5e1;color:#111}
.cm-task{display:grid;gap:4px;padding:10px;border-radius:12px;background:var(--bg)}.cm-task small{color:var(--muted);font-size:12px}.cm-task.done b{color:#4ade80}
.cm-rules{display:grid;gap:6px;margin:0;padding-left:18px;color:var(--muted);font-size:13px}
@media (max-width:1200px){.cm-layout{grid-template-columns:220px minmax(0,1fr)}.cm-layout>.cm-aside{grid-column:1/-1;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}}
@media (max-width:860px){.cm-hero{grid-template-columns:1fr}.cm-layout{grid-template-columns:1fr}.cm-cats{display:flex;overflow-x:auto;padding:6px}.cm-cat{flex:none}.cm-cat.on{box-shadow:none}.cm-games{display:none}.cm-score{width:52px}}
@media (max-width:520px){.cm-stats{grid-template-columns:repeat(2,1fr)}.cm-post{grid-template-columns:1fr}.cm-score{display:flex;width:auto;gap:10px;align-items:center}.cm-score>small{margin:0}.cm-score span{display:flex;gap:4px;padding:2px 8px}}
/* Konu sayfası */
.cm-topic-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:20px;align-items:start}
.cm-topic-main{display:grid;gap:18px;min-width:0}
.cm-topic{display:grid;gap:12px;padding:clamp(18px,3vw,28px);border:1px solid var(--line);border-radius:22px;background:var(--surface)}
.cm-topic h1{margin:0;font-size:clamp(22px,3vw,30px);line-height:1.2}
.cm-topic-by{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;padding-bottom:12px;border-bottom:1px solid var(--line)}.cm-topic-by small{display:inline-flex;align-items:center;gap:5px;color:var(--muted)}.cm-topic-by small .icon{width:13px;height:13px}
.cm-user{display:inline-flex;align-items:center;gap:10px}.cm-user b{font-size:14px}.cm-user b a{color:inherit}.cm-user.lg .cm-ava{width:42px;height:42px;border-radius:12px}
.cm-text{font-size:15px;line-height:1.7;overflow-wrap:anywhere}.cm-text p{margin:0 0 10px}.cm-text p:last-child{margin:0}
.cm-topic-acts{display:flex;flex-wrap:wrap;gap:8px;padding-top:4px}
.cm-act{display:inline-flex;align-items:center;gap:6px;padding:6px 11px;border:1px solid var(--line);border-radius:999px;background:none;color:#c3cad8;font-size:12.5px;font-weight:700;cursor:pointer;transition:border-color .15s,background .15s,color .15s}.cm-act .icon{width:14px;height:14px}.cm-act:hover{border-color:#6366f1;color:#fff}
.cm-act.big{padding:8px 14px;font-size:13px}.cm-act.on{border-color:#ec4899;background:#ec48991f;color:#f9a8d4}.cm-act.on.ok{border-color:#22c55e;background:#22c55e1f;color:#4ade80}.cm-act.danger:hover{border-color:#ef4444;color:#fca5a5}
.cm-staff{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 12px;border:1px dashed #ef444466;border-radius:14px;background:#ef44440a}.cm-staff b{display:flex;align-items:center;gap:6px;margin-right:6px;font-size:13px;color:#fca5a5}.cm-staff .icon{width:14px;height:14px}
.cm-replies{display:grid;gap:12px}.cm-replies h2{margin:4px 0 0;font-size:18px}.cm-replies h2 small{color:var(--muted);font-weight:600;font-size:13px}
.cm-reply{position:relative;display:grid;gap:10px;padding:16px 18px;border:1px solid var(--line);border-radius:18px;background:var(--surface)}
.cm-reply>header{display:flex;align-items:center;justify-content:space-between;gap:8px}.cm-reply>header small{color:var(--muted);font-size:12px}.cm-reply footer{display:flex;flex-wrap:wrap;gap:6px}
.cm-reply.best{border-color:#22c55e;background:linear-gradient(135deg,#22c55e12,transparent 50%),var(--surface);box-shadow:0 0 0 3px #22c55e1a}
.cm-best-flag{display:inline-flex;align-items:center;gap:5px;justify-self:start;padding:3px 10px;border-radius:999px;background:#22c55e;color:#052e14;font-size:11.5px;font-weight:900}.cm-best-flag .icon{width:13px;height:13px}
.cm-compose{display:grid;grid-template-columns:auto 1fr;gap:12px;padding:16px;border:1px solid var(--line);border-radius:18px;background:var(--surface)}.cm-compose textarea{width:100%;resize:vertical}
.cm-compose-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:8px}.cm-compose-foot small{color:var(--muted)}.cm-compose-foot .btn .icon{width:15px;height:15px}
.cm-locked{display:flex;align-items:center;justify-content:center;gap:8px;padding:16px;border:1px dashed var(--line);border-radius:16px;color:var(--muted)}.cm-locked .icon{width:16px;height:16px}
.cm-author{justify-items:center;text-align:center}.cm-author small{color:var(--muted)}.cm-author .btn{width:100%;justify-content:center}.cm-author .btn .icon{width:14px;height:14px}
.cm-author-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px;width:100%}.cm-author-stats span{display:grid;padding:8px;border-radius:12px;background:var(--bg)}.cm-author-stats b{font:900 18px var(--font-head)}.cm-author-stats small{font-size:11.5px}
.cm-related{display:grid;gap:4px}.cm-related a{display:grid;gap:2px;padding:8px;border-radius:10px;color:inherit;text-decoration:none}.cm-related a:hover{background:#ffffff08}.cm-related b{font-size:13.5px;line-height:1.35}.cm-related small{color:var(--muted);font-size:12px}
@media (max-width:980px){.cm-topic-layout{grid-template-columns:1fr}}
@media (max-width:520px){.cm-compose{grid-template-columns:1fr}.cm-compose>.cm-ava{display:none}}
/* Yeni konu */
.cm-new-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:20px;align-items:start}
.cm-new{display:grid;gap:16px;padding:clamp(18px,3vw,28px);border:1px solid var(--line);border-radius:22px;background:var(--surface)}.cm-new h1{margin:0}.cm-new>p{margin:-8px 0 0}
.cm-new fieldset{margin:0;padding:0;border:0}.cm-new legend{margin-bottom:8px;font-weight:700}
.cm-new label{display:grid;gap:6px;font-weight:700}.cm-new label>small{color:var(--muted);font-weight:600}.cm-count{color:var(--muted);font-weight:600;font-size:12px}
.cm-pick{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px}
.cm-pick label{position:relative;display:block;cursor:pointer}.cm-pick input{position:absolute;opacity:0}
.cm-pick span{display:grid;grid-template-columns:auto 1fr;gap:2px 10px;padding:12px;border:2px solid var(--line);border-radius:14px;transition:border-color .15s,background .15s}
.cm-pick i{grid-row:span 2;display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:color-mix(in srgb,var(--c) 18%,transparent);color:var(--c)}.cm-pick i .icon{width:17px;height:17px}
.cm-pick small{color:var(--muted);font-weight:600;font-size:12px}
.cm-pick input:checked+span{border-color:var(--c);background:color-mix(in srgb,var(--c) 10%,transparent)}
.cm-pick input:focus-visible+span{outline:2px solid var(--c);outline-offset:2px}
.cm-new-acts{display:flex;justify-content:flex-end;gap:10px}.cm-new-acts .btn .icon{width:15px;height:15px}
.cm-preview{max-height:420px;overflow:auto;font-size:14px;line-height:1.6;overflow-wrap:anywhere}.cm-preview h3{margin:0 0 8px}.cm-preview p{margin:0 0 8px}
@media (max-width:980px){.cm-new-layout{grid-template-columns:1fr}}
.pd-btn .icon{transform:rotate(-90deg)}.sb-head a .icon{transform:rotate(90deg)}



/* ───── 67. Sosyal girişle hızlı kayıt ───── */
.oq-back{position:fixed;inset:0;z-index:320;display:grid;place-items:center;padding:16px;background:#05070dcc;backdrop-filter:blur(6px);animation:so-in .2s ease}.oq-back.out{opacity:0;transition:opacity .2s}
.oq{position:relative;display:grid;justify-items:center;gap:10px;width:min(560px,100%);max-height:calc(100vh - 32px);overflow:auto;padding:30px 26px 24px;border:1px solid #ffffff1a;border-radius:20px;background:#2a2f3d;color:#e5e7eb;text-align:center;box-shadow:0 30px 80px #0009;animation:sc-in .3s cubic-bezier(.2,.8,.2,1)}
.oq-x{position:absolute;top:14px;right:14px;display:grid;place-items:center;width:32px;height:32px;padding:0;border:0;border-radius:8px;background:none;color:#cbd5e1;cursor:pointer}.oq-x:hover{background:#ffffff14}.oq-x .icon{width:20px;height:20px}
.oq-logo{display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:color-mix(in srgb,var(--c) 18%,#fff);color:var(--c);font:900 26px var(--font-head)}.oq-logo svg{width:28px;height:28px}
.oq-logo.ok{background:#dcfce7;color:#16a34a}.oq-logo.ok .icon{width:30px;height:30px;stroke-width:2.6}
.oq h2{margin:4px 0 0;font-size:20px;color:#fff}.oq>p{margin:0 0 6px;color:#cbd5e1}
.oq-box{display:grid;gap:12px;width:100%;padding:16px 18px;border-radius:12px;background:color-mix(in srgb,var(--c) 22%,#2a2f3d);text-align:left}
.oq-box.ok{background:#1f4d3a}.oq-box.ok .mono{color:#4ade80}
.oq-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.oq-row>span{font-weight:700;font-size:14px;white-space:nowrap}.oq-row>b{font-weight:600;color:color-mix(in srgb,var(--c) 55%,#fff);text-align:right;min-width:0;overflow-wrap:anywhere}
.mono{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}
.oq-user{display:flex;align-items:center;gap:6px}.oq-user input{width:200px;max-width:100%;padding:3px 6px;border:1px solid transparent;border-radius:6px;background:none;color:inherit;font:600 14px ui-monospace,Consolas,monospace;text-align:right}.oq-user input:hover,.oq-user input:focus{border-color:#ffffff33;background:#00000026;outline:none}
.oq-ic{display:grid;place-items:center;width:26px;height:26px;padding:0;border:0;border-radius:6px;background:none;color:#cbd5e1;cursor:pointer}.oq-ic:hover{background:#ffffff1a;color:#fff}.oq-ic .icon{width:16px;height:16px}
.oq-copy{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin-top:4px;padding:10px;border:0;border-radius:8px;background:var(--c);color:#fff;font-weight:800;cursor:pointer;transition:filter .15s}.oq-copy:hover{filter:brightness(1.1)}.oq-copy .icon{width:16px;height:16px}
.oq-box small{display:block;color:#cbd5e1;font-size:12px;text-align:center}
.oq-err{min-height:18px;color:#fca5a5;font-size:13px}
.oq-acts{display:flex;justify-content:center;gap:12px}.oq-acts .btn{min-width:130px;justify-content:center}
@media (max-width:480px){.oq{padding:26px 16px 18px}.oq-row{flex-direction:column;align-items:flex-start;gap:4px}.oq-row>b{text-align:left}.oq-user input{text-align:left;width:100%}}
.oq{overflow-x:hidden}.oq .oq-user input{width:190px;min-height:0!important;height:auto!important;padding:3px 6px!important;border:1px solid transparent!important;background:transparent!important;box-shadow:none!important;color:color-mix(in srgb,var(--c) 55%,#fff)!important}.oq .oq-user input:hover,.oq .oq-user input:focus{border-color:#ffffff40!important;background:#00000030!important}

/* ───── 68. Yeni üye kullanım rehberi ───── */

/* ───── 69. Zaten kayıtlı uyarısı ───── */
.ar .oq-logo{background:#6366f126;color:#a5b4fc}.ar .oq-logo .icon{width:28px;height:28px}
.ar-tip{display:flex;align-items:flex-start;gap:8px;width:100%;padding:12px 14px;border:1px solid #6366f155;border-radius:12px;background:#6366f114;color:#c7d2fe;font-size:13.5px;text-align:left}.ar-tip .icon{flex:none;width:17px;height:17px;margin-top:2px}
.ar .oq-acts .btn .icon{width:16px;height:16px}
@keyframes ar-pulse{0%,100%{box-shadow:0 0 0 0 #6366f1aa}50%{box-shadow:0 0 0 8px #6366f100}}.ar-pulse{animation:ar-pulse 1.2s ease 3}

/* Büyük pencere açıkken arka plan kaymaz; pencere içi kaydırma sayfaya taşmaz */
html:has(.ob-back,.pm-back,.oq-back,.secure-overlay,.cr-back,.vxm-back,.tz-back,.lmd-back){overflow:hidden!important;overscroll-behavior:none}
.pm,.oq{overscroll-behavior:contain}
.pm-back,.oq-back{overscroll-behavior:contain;touch-action:none}.pm,.oq{touch-action:pan-x pan-y}

/* ───── 70. Başlangıç rehberi v2 (gx) ───── */
html.gx-lock,body.gx-lock{overflow:hidden!important;overscroll-behavior:none;touch-action:none}
html:has(.gx-back),html:has(.gx-back) body{overflow:hidden!important}
.gx-back{position:fixed;inset:0;z-index:330;display:grid;place-items:center;padding:16px;background:radial-gradient(800px 500px at 15% 10%,#4f46e533,transparent 60%),radial-gradient(700px 500px at 90% 90%,#0ea5e926,transparent 60%),#05070de6;backdrop-filter:blur(8px);overscroll-behavior:contain;animation:so-in .25s ease}
.gx-back.out{opacity:0;transition:opacity .2s}
.gx{display:grid;grid-template-columns:270px minmax(0,1fr);width:min(1000px,100%);height:min(680px,calc(100vh - 32px));border:1px solid #ffffff1a;border-radius:26px;background:#141826;color:#e5e7eb;box-shadow:0 40px 100px #000c,inset 0 1px 0 #ffffff12;overflow:hidden;animation:sc-in .35s cubic-bezier(.2,.8,.2,1)}
.gx-loading{place-self:center;width:min(1000px,100%);height:min(680px,calc(100vh - 32px))}
.gx-rail{display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;gap:18px;padding:22px 16px 18px;background:linear-gradient(180deg,#1b2033,#121624);border-right:1px solid #ffffff10}
.gx-brand{display:flex;align-items:center;gap:10px;padding:0 6px}.gx-brand img{width:38px;height:38px;object-fit:contain}.gx-brand b{display:block;font:900 15px var(--font-head);color:#fff}.gx-brand small{color:#8b95ab;font-size:12px}
.gx-ring{display:grid;place-items:center;align-content:center;justify-self:center;width:110px;height:110px;border-radius:50%;background:radial-gradient(closest-side,#171c2b 79%,transparent 80% 100%),conic-gradient(#818cf8 calc(var(--p)*1%),#ffffff14 0)}.gx-ring b{font:900 22px var(--font-head);color:#fff;line-height:1}.gx-ring small{color:#8b95ab;font-size:11px}
.gx-steps{position:relative;display:grid;gap:2px;margin:0;padding:0;list-style:none;overflow:auto;scrollbar-width:none}.gx-steps::-webkit-scrollbar{display:none}
.gx-steps li{position:relative}.gx-steps li:not(:last-child)::after{content:"";position:absolute;left:21px;top:36px;bottom:-6px;width:2px;background:#ffffff12}
.gx-steps button{display:flex;align-items:center;gap:10px;width:100%;padding:6px 8px;border:0;border-radius:12px;background:none;color:#8b95ab;text-align:left;cursor:pointer;transition:background .15s,color .15s}.gx-steps button:hover{background:#ffffff08;color:#cbd5e1}
.gx-steps b{display:block;font-size:13px;line-height:1.25}.gx-steps small{font-size:11px;opacity:.8}
.gx-dot{position:relative;z-index:1;display:grid;place-items:center;flex:none;width:28px;height:28px;border:2px solid #ffffff22;border-radius:50%;background:#151a28;font:800 12px var(--font-head)}.gx-dot .icon{width:14px;height:14px;stroke-width:2.6}
.gx-steps button.done{color:#cbd5e1}.gx-steps button.done .gx-dot{border-color:#22c55e;background:#22c55e;color:#04210f}
.gx-steps button.on{background:linear-gradient(90deg,#6366f126,transparent);color:#fff}.gx-steps button.on .gx-dot{border-color:#818cf8;background:#6366f1;color:#fff;box-shadow:0 0 0 4px #6366f133}
.gx-lockmsg{display:flex;gap:8px;margin:0;padding:10px 12px;border-radius:12px;background:#f59e0b14;color:#fcd34d;font-size:12px;line-height:1.45}.gx-lockmsg .icon{flex:none;width:16px;height:16px}

.gx-main{display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;min-width:0;min-height:0}
.gx-mobile{display:none}
.gx-head{display:flex;align-items:center;gap:16px;padding:26px 30px 16px}
.gx-ic{display:grid;place-items:center;flex:none;width:54px;height:54px;border-radius:16px;background:linear-gradient(135deg,#6366f1,#8b5cf6 60%,#0ea5e9);color:#fff;box-shadow:0 12px 30px #6366f155}.gx-ic .icon{width:26px;height:26px}
.gx-head small{color:#a5b4fc;font-size:11.5px;font-weight:800;letter-spacing:.08em}.gx-head h2{margin:2px 0 0;font:900 26px var(--font-head);color:#fff}
.gx-scroll{min-height:0;overflow:auto;padding:4px 30px 24px;overscroll-behavior:contain;touch-action:pan-y;scrollbar-width:thin;scrollbar-color:#3a4260 transparent}
.gx-lead{margin:0 0 18px;color:#cbd5e1;font-size:15px;line-height:1.65}.gx-lead b{color:#fff}
.gx-small{margin:16px 0 8px;color:#8b95ab;font-size:13px}
.gx-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.gx-tiles.two{grid-template-columns:1fr 1fr;margin-bottom:14px}
.gx-tile{display:grid;align-content:start;gap:6px;padding:16px;border:1px solid #ffffff12;border-radius:16px;background:linear-gradient(180deg,color-mix(in srgb,var(--c) 10%,transparent),transparent 70%),#1a1f30}
.gx-tile i{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:color-mix(in srgb,var(--c) 20%,transparent);color:var(--c)}.gx-tile i .icon{width:20px;height:20px}.gx-tile b{color:#fff;font-size:14.5px}.gx-tile small{color:#94a3b8;font-size:12.5px;line-height:1.5}
.gx-flow{display:grid;gap:10px;margin:0 0 18px;padding:0;list-style:none;counter-reset:f}
.gx-flow li{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid #ffffff12;border-radius:14px;background:#1a1f30}
.gx-flow-n{display:grid;place-items:center;flex:none;width:26px;height:26px;border-radius:8px;background:#6366f1;color:#fff;font:900 13px var(--font-head)}
.gx-flow i{display:grid;place-items:center;flex:none;width:36px;height:36px;border-radius:11px;background:#ffffff0d;color:#a5b4fc}.gx-flow i .icon{width:18px;height:18px}
.gx-flow b{display:block;color:#fff;font-size:14px}.gx-flow small{color:#94a3b8;font-size:12.5px}
.gx-flow.small{grid-template-columns:1fr 1fr}.gx-flow.small li{padding:10px 12px}
.gx-checks{display:grid;gap:8px;margin:0;padding:0;list-style:none}.gx-checks li{display:flex;gap:9px;color:#cbd5e1;font-size:14px;line-height:1.5}.gx-checks .icon{flex:none;width:17px;height:17px;margin-top:2px;color:#4ade80}
.gx-methods{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px;margin-bottom:16px}
.gx-methods section{display:grid;align-content:start;gap:6px}.gx-methods h4{margin:0 0 2px;color:#8b95ab;font-size:11px;letter-spacing:.1em;text-transform:uppercase}
.gx-method{display:flex;align-items:center;gap:9px;padding:8px 10px;border:1px solid #ffffff10;border-radius:12px;background:#1a1f30}.gx-method span{display:grid;place-items:center;flex:none;min-width:32px;height:24px;padding:0 4px;border-radius:7px;background:var(--c);color:#fff;font:900 9.5px var(--font-head)}.gx-method b{flex:1;min-width:0;font-size:13px;font-weight:700;color:#e2e8f0}.gx-method small{color:#94a3b8;font-size:11.5px;white-space:nowrap}
.gx-note{display:flex;gap:12px;margin:14px 0 10px;padding:14px 16px;border:1px solid;border-radius:14px}.gx-note>i{flex:none}.gx-note>i .icon{width:21px;height:21px}.gx-note b{display:block;margin-bottom:2px}.gx-note p{margin:0;color:#cbd5e1;font-size:13.5px;line-height:1.55}
.gx-note.info{border-color:#38bdf844;background:#0ea5e914}.gx-note.info>i,.gx-note.info b{color:#7dd3fc}
.gx-note.ok{border-color:#22c55e44;background:#22c55e12}.gx-note.ok>i,.gx-note.ok b{color:#86efac}
.gx-note.warn{border-color:#f59e0b44;background:#f59e0b12}.gx-note.warn>i,.gx-note.warn b{color:#fcd34d}
.gx-note.purple{border-color:#a855f744;background:#a855f712}.gx-note.purple>i,.gx-note.purple b{color:#d8b4fe}
.gx-two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.gx-two .gx-note{margin:0}
.gx-path{display:inline-flex;align-items:center;gap:7px;padding:7px 13px;border:1px dashed #818cf888;border-radius:999px;background:#6366f114;color:#c7d2fe;font-size:12.5px;font-weight:800;cursor:default;user-select:none}.gx-path .icon{width:14px;height:14px}.gx-path i{font-style:normal;color:#818cf8}
.gx-paths{display:flex;flex-wrap:wrap;gap:8px}
.gx-status{display:grid;gap:8px;margin:0 0 14px;padding:0;list-style:none}
.gx-status li{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid #ffffff10;border-radius:12px;background:#1a1f30;color:#cbd5e1}
.gx-status i{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#ffffff0d;color:#94a3b8}.gx-status i .icon{width:15px;height:15px}.gx-status span{flex:1}.gx-status em{font-style:normal;font-size:12px;font-weight:800;color:#94a3b8}
.gx-status li.ok i{background:#22c55e26;color:#4ade80}.gx-status li.ok em{color:#4ade80}
.gx-card{padding:16px;border:1px solid #ffffff12;border-radius:16px;background:#1a1f30}.gx-card h4{margin:0 0 10px;color:#fff}.gx-card .gx-status{margin:0}
.gx-rules{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.gx-rules article{display:flex;gap:12px;padding:16px;border:1px solid color-mix(in srgb,var(--c) 40%,transparent);border-radius:16px;background:color-mix(in srgb,var(--c) 9%,#1a1f30)}
.gx-rules i{display:grid;place-items:center;flex:none;width:38px;height:38px;border-radius:11px;background:color-mix(in srgb,var(--c) 22%,transparent);color:var(--c)}.gx-rules i .icon{width:19px;height:19px}.gx-rules b{display:block;color:#fff;margin-bottom:3px}.gx-rules small{color:#cbd5e1;font-size:12.8px;line-height:1.5}
.gx-sign{display:grid;justify-items:center;gap:14px;padding:22px;border:1px solid #818cf855;border-radius:18px;background:linear-gradient(180deg,#6366f11a,transparent);text-align:center}.gx-sign p{margin:0;color:#e0e7ff;font-size:15px;line-height:1.65;font-weight:600}
.gx-seal{display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:linear-gradient(135deg,#22c55e,#0ea5e9);color:#fff;box-shadow:0 10px 30px #22c55e44}.gx-seal .icon{width:28px;height:28px;stroke-width:2.6}.gx-seal.big{width:76px;height:76px}.gx-seal.big .icon{width:38px;height:38px}
.gx-accept{display:flex;align-items:center;gap:12px;margin-top:16px;padding:14px 16px;border:2px solid #ffffff1a;border-radius:14px;background:#1a1f30;color:#fff;font-weight:700;cursor:pointer;transition:border-color .15s,background .15s}.gx-accept:hover{border-color:#818cf888}
.gx-accept input{position:absolute;opacity:0;pointer-events:none}.gx-box{display:grid;place-items:center;flex:none;width:24px;height:24px;border:2px solid #ffffff40;border-radius:7px;color:transparent}.gx-box .icon{width:15px;height:15px;stroke-width:3}
.gx-accept.on{border-color:#22c55e;background:#22c55e12}.gx-accept.on .gx-box{border-color:#22c55e;background:#22c55e;color:#04210f}
.gx-accept:has(input:focus-visible){outline:2px solid #818cf8;outline-offset:2px}
.gx-foot{display:flex;align-items:center;gap:12px;padding:16px 30px 20px;border-top:1px solid #ffffff10}
.gx-foot .btn{min-width:120px;justify-content:center;gap:6px}.gx-foot .btn .icon{width:16px;height:16px}
.gx-foot [data-gx-prev] .icon{transform:rotate(90deg)}.gx-foot [data-gx-next] .icon{transform:rotate(-90deg)}
.gx-dots{display:flex;justify-content:center;gap:6px;flex:1}.gx-dots i{width:8px;height:8px;border-radius:99px;background:#ffffff1f;transition:width .25s,background .25s}.gx-dots i.done{background:#22c55e}.gx-dots i.on{width:24px;background:#818cf8}
.gx-done{grid-template-columns:none;justify-items:center;align-content:center;gap:12px;width:min(460px,100%);height:auto;padding:36px 28px;text-align:center}.gx-done h2{margin:0;font:900 24px var(--font-head);color:#fff}.gx-done p{margin:0;color:#cbd5e1}.gx-done-acts{display:flex;gap:10px;margin-top:8px}
@media (max-width:860px){
  .gx{grid-template-columns:1fr;height:calc(100vh - 24px);border-radius:20px}.gx-back{padding:12px}.gx-rail{display:none}
  .gx-mobile{display:grid;gap:6px;padding:16px 20px 0;color:#a5b4fc;font-size:12px;font-weight:800}.gx-mbar{height:6px;border-radius:99px;background:#ffffff14;overflow:hidden}.gx-mbar i{display:block;height:100%;background:linear-gradient(90deg,#818cf8,#0ea5e9);transition:width .3s}
  .gx-head{padding:14px 20px 10px}.gx-head h2{font-size:21px}.gx-ic{width:44px;height:44px}.gx-scroll{padding:4px 20px 18px}.gx-foot{padding:12px 16px 16px}.gx-foot .btn{min-width:0}
  .gx-tiles{grid-template-columns:1fr 1fr}.gx-tiles.two,.gx-two,.gx-rules,.gx-flow.small{grid-template-columns:1fr}
}
@media (max-width:420px){.gx-tiles{grid-template-columns:1fr}.gx-dots{display:none}.gx-foot{justify-content:space-between}}
.gx{grid-template-rows:minmax(0,1fr)}.gx-rail,.gx-main{min-height:0}.gx-ring{width:96px;height:96px}.gx-rail{gap:14px}
/* Rehber: her parça kendi satırında; içerik alanı kaydırılabilir, alt düğmeler hep görünür */
.gx-main{grid-template-rows:auto auto minmax(0,1fr) auto}.gx-mobile{grid-row:1}.gx-head{grid-row:2}.gx-scroll{grid-row:3}.gx-foot{grid-row:4}
@media (max-height:700px) and (min-width:861px){.gx{height:calc(100vh - 24px)}.gx-back{padding:12px}.gx-head{padding:18px 26px 10px}.gx-ic{width:46px;height:46px}.gx-head h2{font-size:22px}.gx-ring{width:80px;height:80px}.gx-ring b{font-size:18px}.gx-rail{padding:16px 14px;gap:10px}.gx-foot{padding:12px 26px 14px}}

/* Rehber çizelgesi tıklanmaz */
.gx-step{display:flex;align-items:center;gap:10px;width:100%;padding:6px 8px;border-radius:12px;color:#8b95ab;cursor:default;user-select:none}
.gx-step.done{color:#cbd5e1}.gx-step.done .gx-dot{border-color:#22c55e;background:#22c55e;color:#04210f}
.gx-step.on{background:linear-gradient(90deg,#6366f126,transparent);color:#fff}.gx-step.on .gx-dot{border-color:#818cf8;background:#6366f1;color:#fff;box-shadow:0 0 0 4px #6366f133}
.gx-step b{display:block;font-size:13px;line-height:1.25}.gx-step small{font-size:11px;opacity:.8}

/* ───── 71. Güvenli giriş: canlı durum halkası (yükleniyor → başarılı / hata) ───── */
.secure-spinner.ss{position:relative;display:grid;place-items:center;width:84px;height:84px;margin:14px 0 4px;border:0!important;border-radius:50%;animation:none!important}
.ss::before{content:"";position:absolute;inset:-10px;border-radius:50%;background:radial-gradient(circle,#6366f155,transparent 65%);animation:ss-glow 1.8s ease-in-out infinite}
.ss svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.ss-track{fill:none;stroke:#ffffff12;stroke-width:5}
.ss-arc{fill:none;stroke-width:5;stroke-linecap:round;transform-origin:40px 40px;transition:opacity .3s}
.ss-arc.a{stroke:#818cf8;stroke-dasharray:70 144;animation:ss-rot 1.1s linear infinite}
.ss-arc.b{stroke:#22d3ee;stroke-width:4;stroke-dasharray:28 136;animation:ss-rot 1.6s linear infinite reverse}
.ss-done{fill:none;stroke:#4ade80;stroke-width:5;stroke-linecap:round;stroke-dasharray:214;stroke-dashoffset:214;opacity:0}
.ss-check,.ss-x{fill:none;stroke:#4ade80;stroke-width:6;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:60;stroke-dashoffset:60;opacity:0}
.ss-x{stroke:#f87171}
.ss-core{position:relative;display:grid;place-items:center;color:#c7d2fe;animation:ss-breathe 1.6s ease-in-out infinite}.ss-core .icon{width:26px;height:26px}
@keyframes ss-rot{to{transform:rotate(360deg)}}
@keyframes ss-glow{0%,100%{opacity:.45;transform:scale(.92)}50%{opacity:1;transform:scale(1.08)}}
@keyframes ss-breathe{0%,100%{transform:scale(.9);opacity:.75}50%{transform:scale(1.08);opacity:1}}
@keyframes ss-draw{to{stroke-dashoffset:0}}
@keyframes ss-pop{0%{transform:scale(1)}45%{transform:scale(1.14)}100%{transform:scale(1)}}
@keyframes ss-shake{0%,100%{transform:translateX(0)}20%,60%{transform:translateX(-6px)}40%,80%{transform:translateX(6px)}}
/* Başarılı: dönen halkalar söner, yeşil halka çizilir, onay işareti çizilir, küçük bir "pop" */
.secure-card.ok .ss{animation:ss-pop .5s .55s cubic-bezier(.3,1.6,.5,1) both!important}
.secure-card.ok .ss::before{background:radial-gradient(circle,#22c55e66,transparent 65%);animation:ss-glow 1.4s ease-in-out infinite}
.secure-card.ok .ss-arc,.secure-card.fail .ss-arc{opacity:0}
.secure-card.ok .ss-core,.secure-card.fail .ss-core{opacity:0;animation:none;transition:opacity .2s}
.secure-card.ok .ss-done{opacity:1;animation:ss-draw .6s ease-out forwards}
.secure-card.ok .ss-check{opacity:1;animation:ss-draw .4s .45s ease-out forwards}
/* Hata: kırmızı halka ve çarpı çizilir, halka sallanır */
.secure-card.fail .ss{animation:ss-shake .45s .5s ease both!important}
.secure-card.fail .ss::before{background:radial-gradient(circle,#ef444455,transparent 65%);animation:none;opacity:.8}
.secure-card.fail .ss-done{opacity:1;stroke:#f87171;animation:ss-draw .5s ease-out forwards}
.secure-card.fail .ss-x{opacity:1;animation:ss-draw .35s .4s ease-out forwards}
@media (prefers-reduced-motion:reduce){.ss::before,.ss-arc,.ss-core{animation:none!important}.secure-card.ok .ss-done,.secure-card.ok .ss-check,.secure-card.fail .ss-done,.secure-card.fail .ss-x{animation-duration:.01s!important;animation-delay:0s!important}}

/* ───── 72. Güvenli Giriş kartı v2 ───── */
.secure-card.v2{position:relative;width:min(470px,100%);gap:0;padding:0 0 18px;border:1px solid color-mix(in srgb,var(--c) 35%,#ffffff1a);border-radius:24px;background:radial-gradient(420px 220px at 50% -40px,color-mix(in srgb,var(--c) 30%,transparent),transparent 70%),linear-gradient(180deg,#191d2c,#121521);box-shadow:0 40px 100px #000b,inset 0 1px 0 #ffffff14;overflow:hidden;text-align:center}
.sv-bar{position:absolute;inset:0 0 auto;height:4px;background:#ffffff0d}.sv-bar i{display:block;height:100%;width:calc(var(--sp)*1%);background:linear-gradient(90deg,var(--c),#22d3ee);box-shadow:0 0 12px var(--c);transition:width .5s cubic-bezier(.2,.8,.2,1)}
.secure-card.v2.ok .sv-bar i{width:100%;background:linear-gradient(90deg,#22c55e,#4ade80);box-shadow:0 0 12px #22c55e}.secure-card.v2.fail .sv-bar i{background:#ef4444;box-shadow:0 0 12px #ef4444}
.secure-card.v2 .secure-x{top:14px;right:14px;z-index:2}
.sv-link{display:flex;align-items:center;justify-content:center;gap:0;width:100%;padding:34px 22px 6px}
.sv-node{display:grid;place-items:center;flex:none;width:54px;height:54px;border-radius:16px;background:#ffffff0d;border:1px solid #ffffff1a;box-shadow:0 10px 24px #0006}.sv-node img{width:34px;height:34px;object-fit:contain}
.sv-node.sv-pv{background:var(--c);border-color:transparent;color:#fff;box-shadow:0 10px 26px color-mix(in srgb,var(--c) 55%,transparent)}.sv-node.sv-pv svg{width:26px;height:26px}.sv-node.sv-pv .icon{width:24px;height:24px}
.sv-wire{position:relative;flex:1;max-width:64px;height:2px;margin:0 6px;background:repeating-linear-gradient(90deg,#ffffff26 0 6px,transparent 6px 11px);overflow:visible}
.sv-wire i{position:absolute;top:-3px;left:0;width:8px;height:8px;border-radius:50%;background:var(--c);box-shadow:0 0 10px var(--c);animation:sv-packet 1.6s linear infinite;opacity:0}
.sv-wire i:nth-child(2){animation-delay:.53s}.sv-wire i:nth-child(3){animation-delay:1.06s}.sv-wire.r i{animation-name:sv-packet-r}
@keyframes sv-packet{0%{left:0;opacity:0}15%{opacity:1}85%{opacity:1}100%{left:calc(100% - 8px);opacity:0}}
@keyframes sv-packet-r{0%{left:calc(100% - 8px);opacity:0}15%{opacity:1}85%{opacity:1}100%{left:0;opacity:0}}
.secure-card.v2.ok .sv-wire{background:#22c55e}.secure-card.v2.ok .sv-wire i,.secure-card.v2.fail .sv-wire i{display:none}.secure-card.v2.fail .sv-wire{background:repeating-linear-gradient(90deg,#ef444466 0 6px,transparent 6px 11px)}
.secure-card.v2 .secure-spinner.ss{width:76px;height:76px;margin:0}
.sv-head{display:grid;gap:4px;padding:12px 26px 0}.sv-head small{color:color-mix(in srgb,var(--c) 70%,#fff);font-size:10.5px;font-weight:900;letter-spacing:.16em}
.secure-card.v2 h2{margin:0;font:900 24px var(--font-head);color:#fff}
.secure-card.v2 .secure-sub{margin:0;color:#aab3c5;font-size:14px}
.secure-card.v2 .secure-status{margin:12px 26px 0;padding:8px 14px;border-radius:999px;background:#ffffff0a;color:#dbe2ff;font-size:13px;font-weight:700}
.secure-card.v2.ok .secure-status{background:#22c55e1f;color:#86efac}.secure-card.v2.fail .secure-status{background:#ef44441f;color:#fca5a5}
.secure-card.v2 .secure-steps{position:relative;display:grid;gap:0;width:calc(100% - 52px);margin:16px 26px 0;padding:6px 0;border:1px solid #ffffff10;border-radius:16px;background:#0d101a;text-align:left}
.secure-card.v2 .secure-steps li{position:relative;display:flex;align-items:center;justify-content:flex-start;gap:12px;padding:9px 16px;color:#7d879f;font-size:13.5px;font-weight:600}
.secure-card.v2 .secure-steps li:not(:last-child)::after{content:"";position:absolute;left:31px;top:38px;height:calc(100% - 28px);width:2px;background:#ffffff12}
.secure-card.v2 .secure-steps li.done:not(:last-child)::after{background:#22c55e88}
.sv-dot{position:relative;z-index:1;display:grid;place-items:center;flex:none;width:30px;height:30px;border:2px solid #ffffff1a;border-radius:50%;background:#151a28;color:#7d879f}
.secure-card.v2 .secure-steps li .icon{width:15px;height:15px;color:inherit!important;animation:none}
.secure-card.v2 .secure-steps li.active{color:#fff}.secure-card.v2 .secure-steps li.active .sv-dot{border-color:transparent;color:#fff;background:var(--c);box-shadow:0 0 0 4px color-mix(in srgb,var(--c) 30%,transparent)}
.secure-card.v2 .secure-steps li.active .sv-dot::after{content:"";position:absolute;inset:-6px;border-radius:50%;border:2px solid transparent;border-top-color:var(--c);animation:ss-rot .9s linear infinite}
.secure-card.v2 .secure-steps li.done{color:#d6dcea}.secure-card.v2 .secure-steps li.done .sv-dot{border-color:#22c55e;background:#22c55e;color:#04210f}
.secure-card.v2 .secure-steps li.failed{color:#fca5a5}.secure-card.v2 .secure-steps li.failed .sv-dot{border-color:#ef4444;background:#ef444426;color:#fca5a5}
.secure-card.v2 .sv-note{display:flex;align-items:flex-start;gap:10px;width:calc(100% - 52px);margin:14px 26px 0;padding:12px 14px;border:1px solid #ffffff12;border-radius:14px;background:#ffffff06;color:#9aa3b5;font-size:12.5px;line-height:1.5;text-align:left}.sv-note .icon{flex:none;width:17px;height:17px;margin-top:1px;color:#4ade80}
.secure-card.v2 .secure-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:14px 26px 0}
@media (max-width:420px){.sv-link{padding:30px 12px 4px}.sv-node{width:46px;height:46px;border-radius:14px}.sv-wire{max-width:40px}.secure-card.v2 .secure-spinner.ss{width:66px;height:66px}.secure-card.v2 .secure-steps,.secure-card.v2 .sv-note{width:calc(100% - 28px);margin-left:14px;margin-right:14px}}
.sv-node.sv-pv{background:var(--pv,var(--c));border:1px solid color-mix(in srgb,var(--c) 55%,transparent)}
.sv-wire{background:repeating-linear-gradient(90deg,color-mix(in srgb,var(--c) 45%,transparent) 0 6px,transparent 6px 11px)}
/* Güvenli giriş halkası: son durum animasyondan bağımsız (azaltılmış hareket açık olsa da görünür) */
.ss-done{--len:214px}.ss-check,.ss-x{--len:60px}
@keyframes ss-in{from{stroke-dashoffset:var(--len)}to{stroke-dashoffset:0}}
.secure-card.ok .ss-done,.secure-card.fail .ss-done{stroke-dashoffset:0;animation:ss-in .6s ease-out both}
.secure-card.ok .ss-check,.secure-card.fail .ss-x{stroke-dashoffset:0;animation:ss-in .4s .45s ease-out both}

/* ───── 73. Güvenli Giriş kartı animasyonları her zaman çalışır (yükleniyor göstergesi işlevseldir; "animasyonları azalt" ayarından muaf) ───── */
.secure-card.v2 .ss::before{animation:ss-glow 1.8s ease-in-out infinite!important}
.secure-card.v2 .ss-arc.a{animation:ss-rot 1.1s linear infinite!important}
.secure-card.v2 .ss-arc.b{animation:ss-rot 1.6s linear infinite reverse!important}
.secure-card.v2 .ss-core{animation:ss-breathe 1.6s ease-in-out infinite!important}
.secure-card.v2 .sv-wire i{animation:sv-packet 1.6s linear 0s infinite!important}
.secure-card.v2 .sv-wire i:nth-child(2){animation:sv-packet 1.6s linear .53s infinite!important}
.secure-card.v2 .sv-wire i:nth-child(3){animation:sv-packet 1.6s linear 1.06s infinite!important}
.secure-card.v2 .sv-wire.r i{animation:sv-packet-r 1.6s linear 0s infinite!important}
.secure-card.v2 .sv-wire.r i:nth-child(2){animation:sv-packet-r 1.6s linear .53s infinite!important}
.secure-card.v2 .sv-wire.r i:nth-child(3){animation:sv-packet-r 1.6s linear 1.06s infinite!important}
.secure-card.v2 .secure-steps li.active .sv-dot::after{animation:ss-rot .9s linear infinite!important}
.secure-card.v2 .sv-bar i{transition:width .5s cubic-bezier(.2,.8,.2,1)!important}
.secure-card.v2 .ss-arc,.secure-card.v2 .ss-core{transition:opacity .3s!important}
.secure-card.v2 .secure-steps li{transition:color .25s!important}
.secure-card.v2 .sv-dot{transition:background .25s,border-color .25s,box-shadow .25s!important}
/* Başarılı */
.secure-card.v2.ok .ss{animation:ss-pop .5s .55s cubic-bezier(.3,1.6,.5,1) both!important}
.secure-card.v2.ok .ss::before{animation:ss-glow 1.4s ease-in-out infinite!important}
.secure-card.v2.ok .ss-arc,.secure-card.v2.fail .ss-arc,.secure-card.v2.ok .ss-core,.secure-card.v2.fail .ss-core{animation:none!important;opacity:0}
.secure-card.v2.ok .ss-done{animation:ss-in .6s ease-out both!important}
.secure-card.v2.ok .ss-check{animation:ss-in .4s .45s ease-out both!important}
/* Hata */
.secure-card.v2.fail .ss{animation:ss-shake .45s .5s ease both!important}
.secure-card.v2.fail .ss::before{animation:none!important}
.secure-card.v2.fail .ss-done{animation:ss-in .5s ease-out both!important}
.secure-card.v2.fail .ss-x{animation:ss-in .35s .4s ease-out both!important}
.secure-card.v2.ok .sv-wire i,.secure-card.v2.fail .sv-wire i{animation:none!important;display:none}
/* Güvenli giriş: ortadaki kalkan ve sağlayıcı logosu tam ortada */
.secure-card.v2 .ss-core{display:grid;place-items:center;width:30px;height:30px;font-style:normal}.secure-card.v2 .ss-core .icon{display:block;width:26px;height:26px;margin:0}
.secure-card.v2 .sv-node{position:relative;display:grid;place-items:center}.secure-card.v2 .sv-node>*{grid-area:1/1;margin:0!important;position:static!important;transform:none!important;align-self:center;justify-self:center}
.secure-card.v2 .sv-node.sv-pv .oauth-mark{display:block;width:28px;height:28px}

.secure-card.v2 .ss-core{width:26px;height:26px}.secure-card.v2 .ss-core .icon{width:26px;height:26px}

/* ───── 74. Hesap doğrulama v2 ───── */
.vx{display:grid;gap:16px}
.vx-back{display:inline-flex;align-items:center;gap:6px;justify-self:start;color:#a5b4fc;font-weight:800;text-decoration:none}.vx-back .icon{width:16px;height:16px;transform:rotate(90deg)}
.vx-banner{display:flex;gap:14px;align-items:flex-start;padding:16px 18px;border:1px solid;border-radius:16px}.vx-banner>i{display:grid;place-items:center;flex:none;width:40px;height:40px;border-radius:12px}.vx-banner>i .icon{width:20px;height:20px}.vx-banner b{display:block;font-size:15px}.vx-banner p{margin:3px 0 0;color:#cbd5e1;font-size:13.5px;line-height:1.55}
.vx-banner.info{border-color:#6366f155;background:#6366f114}.vx-banner.info>i{background:#6366f126;color:#a5b4fc}.vx-banner.info b{color:#c7d2fe}
.vx-banner.ok{border-color:#22c55e55;background:#22c55e12}.vx-banner.ok>i{background:#22c55e26;color:#4ade80}.vx-banner.ok b{color:#86efac}
.vx-banner.warn{border-color:#f59e0b55;background:#f59e0b12}.vx-banner.warn>i{background:#f59e0b26;color:#fbbf24}.vx-banner.warn b{color:#fcd34d}
.vx-banner.bad{border-color:#ef444466;background:#ef444414}.vx-banner.bad>i{background:#ef444426;color:#f87171}.vx-banner.bad b{color:#fca5a5}
.vx-card{padding:22px;border:1px solid var(--line);border-radius:20px;background:var(--surface)}.vx-card h2{margin:0;font-size:19px}.vx-card h3{display:flex;align-items:center;gap:8px;margin:0 0 12px;font-size:16px}.vx-card h3 .icon{width:18px;height:18px;color:#a5b4fc}
.vx-progress{display:flex;align-items:center;gap:22px}
.vx-ring{display:grid;place-items:center;align-content:center;flex:none;width:118px;height:118px;border-radius:50%;background:radial-gradient(closest-side,var(--surface) 80%,transparent 81% 100%),conic-gradient(#6366f1 calc(var(--p)*1%),#ffffff14 0)}.vx-ring b{font:900 26px var(--font-head)}.vx-ring small{color:var(--muted);font-size:11.5px}
.vx-prog-body{flex:1;display:grid;gap:8px}.vx-prog-body p{margin:0;color:var(--muted);font-size:13.5px}
.vx-bar{height:10px;border-radius:99px;background:#ffffff12;overflow:hidden}.vx-bar i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#6366f1,#22d3ee)}
.vx-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.vx-item{display:grid;gap:14px;align-content:space-between;padding:18px;border:1px solid var(--line);border-radius:18px;background:var(--surface)}
.vx-item header{position:relative;display:flex;gap:12px}.vx-item header>i{display:grid;place-items:center;flex:none;width:44px;height:44px;border-radius:13px;background:#6366f11f;color:#a5b4fc}.vx-item header>i .icon{width:21px;height:21px}
.vx-item b{display:block;font-size:15.5px}.vx-item small{color:var(--muted);font-size:12.8px;line-height:1.5}
.vx-tick{position:absolute;top:0;right:0;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#22c55e;color:#052e14;font-style:normal}.vx-tick .icon{width:14px;height:14px;stroke-width:2.8}
.vx-item.done{border-color:#22c55e66;background:linear-gradient(180deg,#22c55e0d,transparent),var(--surface)}.vx-item.done header>i{background:#22c55e1f;color:#4ade80}
.vx-item.wait{border-color:#f59e0b55}
.vx-btn{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 14px;border-radius:12px;background:linear-gradient(135deg,#3b82f6,#6366f1);color:#fff;font-weight:800;text-decoration:none;text-align:center}.vx-btn:hover{filter:brightness(1.08)}.vx-btn .icon{width:16px;height:16px}
.vx-btn.done{background:#166534;color:#dcfce7}.vx-btn.wait{background:#f59e0b26;color:#fcd34d}.vx-btn.lock{background:#ffffff0d;color:var(--muted);font-weight:700;font-size:13px}
.vx-tip{display:flex;gap:12px;padding:16px 18px;border:1px solid var(--line);border-radius:16px;background:var(--surface)}.vx-tip>i{display:grid;place-items:center;flex:none;width:40px;height:40px;border-radius:50%;background:#6366f11f;color:#a5b4fc}.vx-tip p{margin:2px 0 0;color:var(--muted);font-size:13px}
.vx-step{max-width:620px}
.vx-center{display:grid;justify-items:center;gap:6px;text-align:center}.vx-center p{margin:0 0 6px}
.vx-big{display:grid;place-items:center;width:68px;height:68px;margin-bottom:6px;border-radius:50%;background:#6366f11f;color:#a5b4fc}.vx-big .icon{width:30px;height:30px}
.vx-phone-wrap{display:grid;gap:12px;width:100%;margin-top:10px;text-align:left}
.vx-phone-form{display:grid;gap:12px}.vx-phone-form label{display:grid;gap:6px;font-weight:700}
.vx-tel{display:flex;align-items:center;border:1px solid var(--line);border-radius:12px;background:var(--bg);overflow:hidden}.vx-tel em{padding:0 10px 0 14px;font-style:normal;font-weight:800;color:var(--muted);white-space:nowrap;border-right:1px solid var(--line)}.vx-tel input{flex:1;border:0!important;background:none!important;box-shadow:none!important}
.vx-code{font:800 22px ui-monospace,Consolas,monospace!important;letter-spacing:.4em;text-align:center}
.vx-phone-form .btn{justify-content:center}
.vx-err:empty{display:none}.vx-err{display:block;padding:12px 14px;border-radius:12px;font-size:13.5px;font-weight:700}.vx-err.bad{border:1px solid #ef444466;background:#ef444414;color:#fca5a5}.vx-err.ok{border:1px solid #22c55e55;background:#22c55e12;color:#86efac}
.vx-faq{display:grid;gap:8px}.vx-faq details{border:1px solid var(--line);border-radius:12px;background:var(--bg)}.vx-faq summary{padding:12px 14px;font-weight:700;cursor:pointer}.vx-faq p{margin:0;padding:0 14px 14px;color:var(--muted);font-size:13.5px}
.vx-form{display:grid;gap:14px;margin-top:16px}.vx-form label{display:grid;gap:6px;font-weight:700}.vx-form label small{color:var(--muted);font-weight:500;font-size:12px}.vx-form .btn-large{justify-content:center}
.vx-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}

.vx-err-slot:empty{display:none}.vx-err-slot{margin-top:14px}
.vx-privacy{display:flex;gap:8px;margin:14px 0 0;color:var(--muted);font-size:12.5px}.vx-privacy .icon{flex:none;width:15px;height:15px;color:#4ade80}
.vx-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:0}.vx-facts div{padding:12px;border-radius:12px;background:var(--bg)}.vx-facts dt{color:var(--muted);font-size:12px}.vx-facts dd{margin:2px 0 0;font-weight:800}
.vx-rules{display:grid;gap:8px;margin:16px 0 0;padding:0;list-style:none}.vx-rules li{display:flex;gap:8px;color:#cbd5e1;font-size:13.5px}.vx-rules .icon{flex:none;width:16px;height:16px;margin-top:2px;color:#4ade80}.vx-rules li:last-child .icon{color:#fbbf24}
.vx-drop{position:relative;display:block!important;cursor:pointer}.vx-drop input{position:absolute;opacity:0;inset:0;cursor:pointer}
.vx-drop>span{display:grid;justify-items:center;gap:4px;padding:26px;border:2px dashed #6366f166;border-radius:16px;background:#6366f10a;color:var(--muted);text-align:center}.vx-drop>span .icon{width:28px;height:28px;color:#a5b4fc}.vx-drop>span b{color:var(--text,#e5e7eb)}.vx-drop img{max-width:100%;max-height:260px;border-radius:12px;object-fit:contain}

@media (max-width:760px){.vx-grid,.vx-row{grid-template-columns:1fr}.vx-progress{flex-direction:column;text-align:center}.vx-facts{grid-template-columns:1fr}}
.vx-banner p b{display:inline;font-size:inherit;color:#fff}

/* ───── 75. Kimlik formu: sıkı düzen ───── */
.vx-step.wide{max-width:820px}
.vx-id-head{display:flex;align-items:center;gap:16px;margin-bottom:6px}.vx-id-head h2{margin:0}.vx-id-head p{margin:4px 0 0;font-size:13.5px}
.vx-big.sm{flex:none;width:54px;height:54px;margin:0}.vx-big.sm .icon{width:24px;height:24px}
.vx-grid2{grid-template-columns:1fr 1fr;gap:14px 16px}.vx-grid2>label,.vx-grid2>div{min-width:0}.vx-span{grid-column:1/-1}
.vx-grid2 [data-idv-old]{grid-column:2}
.vx-grid2 input,.vx-grid2 select{width:100%}
.vx-grid2 label small{min-height:16px}
[data-idv-count]{color:var(--muted)}[data-idv-count].ok{color:#4ade80}
input[data-idv-filter="serial"],input[data-idv-filter="oldSerial"],input[data-idv-filter="tc"],input[data-idv-filter="digits"]{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.08em}
.vx-submit{display:flex;align-items:center;flex-wrap:wrap;gap:12px 16px}.vx-submit small{color:var(--muted)}
.vx-pre{display:flex;flex-wrap:wrap;gap:10px}.vx-pre-item{display:inline-flex;align-items:center;gap:8px;padding:12px 16px;border-radius:12px;background:linear-gradient(135deg,#3b82f6,#6366f1);color:#fff;font-weight:800;text-decoration:none}.vx-pre-item.ok{background:#166534;color:#dcfce7}.vx-pre-item .icon{width:16px;height:16px}
@media (max-width:760px){.vx-grid2{grid-template-columns:1fr}.vx-grid2 [data-idv-old]{grid-column:auto}.vx-id-head{align-items:flex-start}}
.vx-grid2 .check-line{display:flex;align-items:flex-start;gap:10px;font-weight:600;font-size:13.5px;color:#cbd5e1;cursor:pointer}.vx-grid2 input[type=checkbox]{flex:none;width:18px!important;height:18px;margin:2px 0 0;accent-color:#6366f1}

/* ───── 76. Ana sayfa kapanışı ve yeni alt bilgi ───── */
.ho{display:grid;gap:28px;margin:44px 0 10px}

.ho h2{margin:6px 0 6px;font-size:clamp(22px,3vw,30px)}.ho h3{margin:6px 0;font-size:21px}.ho p{margin:0;color:var(--muted);line-height:1.6}

.ft{margin-top:40px;padding:0 0 26px;border-top:1px solid var(--line);background:linear-gradient(180deg,#0b0e18,#080a12)}
.ft-trust{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;padding:26px 0;border-bottom:1px solid #ffffff0d}
.ft-trust>div{display:flex;align-items:center;gap:12px}.ft-trust i{display:grid;place-items:center;flex:none;width:44px;height:44px;border-radius:14px;background:#6366f11a;color:#a5b4fc}.ft-trust i .icon{width:20px;height:20px}.ft-trust span{display:grid}.ft-trust b{font-size:14px}.ft-trust small{color:#8b95ab;font-size:12.5px}
.ft-grid{display:grid;grid-template-columns:1.6fr repeat(5,1fr);gap:26px;padding:34px 0 28px}
.ft-brand{display:grid;align-content:start;gap:14px}.ft-brand .brand{display:inline-flex;align-items:center;gap:8px}.ft-brand .brand-emblem{height:42px;width:auto}.ft-brand .brand-word{height:30px;width:auto}.ft-brand p{margin:0;color:#8b95ab;font-size:13.5px;line-height:1.65;max-width:330px}
.ft-help{display:flex;flex-wrap:wrap;gap:8px}.ft-help .btn{gap:6px}.ft-help .icon{width:15px;height:15px}
.ft-col{display:grid;align-content:start;gap:10px}.ft-col b{margin-bottom:4px;color:#fff;font-size:13px;letter-spacing:.06em;text-transform:uppercase}
.ft-col a{position:relative;justify-self:start;color:#8b95ab;font-size:14px;text-decoration:none;transition:color .15s,transform .15s}.ft-col a:hover{color:#fff;transform:translateX(3px)}
.ft-bottom{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 20px;padding-top:20px;border-top:1px solid #ffffff0d;color:#6b7590;font-size:12.5px}
.ft-pay{display:flex;flex-wrap:wrap;gap:6px}.ft-pay span{padding:5px 10px;border:1px solid #ffffff14;border-radius:8px;background:#ffffff06;color:#9aa3b5;font-size:11.5px;font-weight:700}
.ft-demo{display:inline-flex;align-items:center;gap:6px;color:#fbbf24}.ft-demo .icon{width:14px;height:14px}
@media (max-width:1100px){.ft-grid{grid-template-columns:repeat(3,1fr)}.ft-brand{grid-column:1/-1}.ft-trust{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.ft-grid{grid-template-columns:1fr 1fr;gap:22px}.ft-trust{grid-template-columns:1fr}.ft-bottom{flex-direction:column;align-items:flex-start}.ft{padding-bottom:90px}}

/* ───── 77. Yayıncı başvurusu ───── */
.cr-back{position:fixed;inset:0;z-index:320;display:grid;place-items:center;padding:16px;background:#05070dd9;backdrop-filter:blur(6px);animation:so-in .2s ease}.cr-back.out{opacity:0;transition:opacity .2s}
html:has(.cr-back),html:has(.cr-back) body{overflow:hidden}
.cr{position:relative;display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:0;width:min(1080px,100%);height:min(700px,calc(100vh - 32px));border:1px solid #ffffff1a;border-radius:24px;background:#151a28;box-shadow:0 40px 100px #000c;overflow:hidden;animation:sc-in .3s cubic-bezier(.2,.8,.2,1)}
.cr-x{position:absolute;top:14px;right:14px;z-index:3;display:grid;place-items:center;width:34px;height:34px;padding:0;border:0;border-radius:50%;background:#ffffff14;color:#fff;cursor:pointer}.cr-x .icon{width:16px;height:16px}
.cr-show{position:relative;overflow:hidden;background:#0d1020}
.cr-slide{position:absolute;inset:0;display:grid;place-items:center;align-content:center;gap:14px;padding:40px 48px 70px;text-align:center;background:radial-gradient(420px 300px at 50% 35%,color-mix(in srgb,var(--c) 30%,transparent),transparent 70%),radial-gradient(500px 400px at 100% 100%,#6366f122,transparent 70%),#0d1020;opacity:0;transform:scale(1.03);transition:opacity .5s ease,transform .6s ease;pointer-events:none}
.cr-slide.on{opacity:1;transform:none;pointer-events:auto}
.cr-slide::before{content:"";position:absolute;inset:0;background-image:radial-gradient(#ffffff18 1px,transparent 1px);background-size:22px 22px;mask-image:radial-gradient(ellipse at 50% 40%,#000 25%,transparent 70%)}
.cr-ic{position:relative;display:grid;place-items:center;width:84px;height:84px;border-radius:26px;background:linear-gradient(135deg,var(--c,#6366f1),color-mix(in srgb,var(--c,#6366f1) 50%,#8b5cf6));color:#fff;box-shadow:0 20px 50px color-mix(in srgb,var(--c,#6366f1) 45%,transparent)}.cr-ic .icon{width:40px;height:40px}
.cr-ic.big{width:72px;height:72px;border-radius:22px;--c:#f59e0b}.cr-ic.big .icon{width:32px;height:32px}
.cr-slide h3{position:relative;margin:6px 0 0;font:900 28px var(--font-head);color:#fff}.cr-slide p{position:relative;max-width:380px;margin:0;color:#cbd5e1;font-size:15px;line-height:1.65}
.cr-nav{position:absolute;top:50%;z-index:2;display:grid;place-items:center;width:38px;height:38px;padding:0;border:0;border-radius:50%;background:#00000066;color:#fff;cursor:pointer;transform:translateY(-50%)}.cr-nav:hover{background:#000000aa}.cr-nav .icon{width:18px;height:18px}.cr-nav.prev{left:14px}.cr-nav.prev .icon{transform:rotate(90deg)}.cr-nav.next{right:14px}.cr-nav.next .icon{transform:rotate(-90deg)}
.cr-bars{position:absolute;left:50%;bottom:22px;z-index:2;display:flex;gap:6px;transform:translateX(-50%)}.cr-bars i{width:46px;height:4px;border-radius:99px;background:#ffffff26;overflow:hidden;cursor:pointer}.cr-bars b{display:block;height:100%;width:0;background:#fff}.cr-main{min-height:0;overflow:auto;padding:30px 32px 26px;overscroll-behavior:contain}
.cr-main header{margin-bottom:16px;padding-right:30px}.cr-kicker{display:inline-flex;align-items:center;gap:6px;color:#a5b4fc;font:900 10.5px var(--font-head);letter-spacing:.14em}.cr-kicker .icon{width:13px;height:13px}.cr-main h2{margin:6px 0 4px;font:900 26px var(--font-head);color:#fff}.cr-main header p{margin:0;font-size:13.5px}
.cr-form{display:grid;gap:14px}.cr-form label{display:grid;gap:6px;font-weight:700;font-size:13.5px}.cr-form label small{color:var(--muted);font-weight:500}
.cr-form fieldset{margin:0;padding:0;border:0}.cr-form legend{margin-bottom:8px;font-weight:700;font-size:13.5px}.cr-form legend small{color:var(--muted);font-weight:500}
.cr-plats{display:flex;flex-wrap:wrap;gap:8px}
.cr-plat{display:inline-flex;align-items:center;gap:7px;padding:8px 13px;border:1px solid var(--line);border-radius:999px;background:#ffffff08;color:#cbd5e1;font-weight:800;font-size:13px;cursor:pointer;transition:border-color .15s,background .15s,color .15s}.cr-plat svg{width:15px;height:15px;fill:currentColor}
.cr-plat:hover{border-color:color-mix(in srgb,var(--c) 60%,transparent)}.cr-plat.on{border-color:var(--c);background:color-mix(in srgb,var(--c) 18%,transparent);color:#fff}.cr-plat.on svg{color:var(--c)}
.cr-links{display:grid;gap:8px}
.cr-link{display:flex!important;align-items:center;gap:0!important;border:1px solid var(--line);border-radius:12px;background:var(--bg);overflow:hidden}
.cr-pre{display:inline-flex;align-items:center;gap:6px;padding:0 10px 0 12px;align-self:stretch;border-right:1px solid var(--line);background:#ffffff06;color:#94a3b8;font:700 12.5px ui-monospace,Consolas,monospace;white-space:nowrap}.cr-pre svg{width:15px;height:15px;fill:var(--c)}
.cr-link input{flex:1;min-width:0;border:0!important;background:none!important;box-shadow:none!important}
.cr-hint{display:flex;align-items:center;gap:6px;margin:0;color:var(--muted);font-size:12.5px}.cr-hint .icon{width:14px;height:14px}
.cr-contact{display:grid;grid-template-columns:1fr 1fr;gap:10px}.cr-contact>div{display:grid;gap:2px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--bg)}.cr-contact small{color:var(--muted);font-size:11.5px}.cr-contact b{font-size:13.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cr-contact em{display:inline-flex;align-items:center;gap:4px;color:#fbbf24;font-size:11.5px;font-style:normal;font-weight:700}.cr-contact em.ok{color:#4ade80}.cr-contact em .icon{width:12px;height:12px}.cr-contact p{grid-column:1/-1;margin:0;color:var(--muted);font-size:12px}
.cr-agree{display:flex!important;align-items:flex-start;gap:10px!important;font-weight:600!important;color:#cbd5e1;cursor:pointer}.cr-agree input{flex:none;width:18px;height:18px;margin-top:2px;accent-color:#6366f1}
.cr-form .btn-large{justify-content:center;gap:8px}.cr-form .btn-large .icon{width:17px;height:17px}
.cr-wait{display:grid;justify-items:center;align-content:center;gap:12px;height:100%;text-align:center}.cr-wait h2{margin:0}.cr-wait p{max-width:380px;margin:0;color:var(--muted)}
@media (max-width:860px){.cr{grid-template-columns:1fr;grid-template-rows:220px minmax(0,1fr);height:calc(100vh - 24px)}.cr-slide{padding:20px 50px 40px;gap:8px}.cr-ic{width:56px;height:56px;border-radius:18px}.cr-ic .icon{width:26px;height:26px}.cr-slide h3{font-size:20px}.cr-slide p{font-size:13px}.cr-bars{bottom:12px}.cr-bars i{width:30px}.cr-main{padding:22px 18px}.cr-contact{grid-template-columns:1fr}}
.cr-link[hidden],.cr-hint[hidden]{display:none!important}.cr-bars i.on{background:#ffffff40}

/* ───── 78. Kaydırma çubukları: ince, temaya uyumlu ───── */
*{scrollbar-width:thin;scrollbar-color:#7b88a866 transparent}
::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{border:2px solid transparent;border-radius:99px;background:#7b88a866 padding-box}::-webkit-scrollbar-thumb:hover{background-color:#7b88a8aa}
.cr-main{scrollbar-gutter:stable}

/* ───── 79. Hesap ayarları: doğrulama özeti ───── */
.st-verify{display:flex;align-items:center;gap:16px;padding:16px 18px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(135deg,#6366f114,transparent 60%),var(--surface-2)}
.st-verify-ic{display:grid;place-items:center;flex:none;width:46px;height:46px;border-radius:14px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff}.st-verify-ic .icon{width:22px;height:22px}
.st-verify>div{flex:1;min-width:0}.st-verify h2{margin:0 0 2px;font-size:17px}.st-verify p{margin:0 0 10px;color:var(--muted);font-size:13.5px}
.st-chips{display:flex;flex-wrap:wrap;gap:6px}.st-chips span{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border:1px solid var(--line-strong);border-radius:99px;color:var(--muted);font-size:12px;font-weight:700}.st-chips span.ok{border-color:#22c55e66;background:#22c55e14;color:#4ade80}.st-chips .icon{width:12px;height:12px}
.st-verify>.btn{flex:none}
@media (max-width:640px){.st-verify{flex-wrap:wrap}.st-verify>.btn{width:100%;justify-content:center}}

/* ───── 80. Mesajlar v2 (cx2) ───── */
.cx.cx2{grid-template-columns:320px minmax(0,1fr);border:1px solid #ffffff14;border-radius:22px;background:#0f1420;color:#e6e9f2;box-shadow:0 30px 80px -30px #000}
.cx2 .cx-side{background:linear-gradient(180deg,#141b2b,#10151f);border-right:1px solid #ffffff0f}
.cx2 .cx-side::before{display:none}
.cx2 .cx-top{display:flex;align-items:center;gap:10px;padding:18px 16px 12px}
.cx2 .cx-title{flex:1;display:flex;align-items:center;gap:11px;min-width:0}
.cx2 .cx-title-ic{display:grid;place-items:center;flex:none;width:40px;height:40px;border-radius:13px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;box-shadow:0 10px 24px -10px #6366f1}.cx2 .cx-title-ic .icon{width:19px;height:19px}
.cx2 .cx-title div{display:grid;min-width:0}.cx2 .cx-title b{font:900 18px var(--font-head)}.cx2 .cx-title small{overflow:hidden;color:#8a94ad;font-size:12px;text-overflow:ellipsis;white-space:nowrap}
.cx2 .cx-newbtn{display:grid;place-items:center;flex:none;width:38px;height:38px;padding:0;border:1px solid #6366f155;border-radius:12px;background:#6366f11f;color:#a5b4fc;cursor:pointer;transition:background .15s,color .15s,transform .15s}.cx2 .cx-newbtn:hover{background:#6366f1;color:#fff;transform:translateY(-1px)}.cx2 .cx-newbtn .icon{width:17px;height:17px}
.cx2 .cx-tools{padding:0 16px 12px;border:0}
.cx2 .cx-search{height:42px;border:1px solid #ffffff12;border-radius:12px;background:#0b0f18}.cx2 .cx-search:focus-within{border-color:#6366f1;box-shadow:0 0 0 3px #6366f126}
.cx2 .cx-tabs{display:flex;gap:4px;margin:0 16px 6px;padding:4px;border-radius:12px;background:#0b0f18}
.cx2 .cx-tabs button{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;height:32px;padding:0 8px;border:0;border-radius:9px;background:none;color:#8a94ad;font:700 12.5px var(--font);cursor:pointer;transition:background .15s,color .15s}
.cx2 .cx-tabs button:hover{color:#fff}.cx2 .cx-tabs button.on{background:#1f2840;color:#fff;box-shadow:0 1px 0 #ffffff14 inset}
.cx2 .cx-tabs i{min-width:18px;height:18px;padding:0 5px;border-radius:99px;background:#6366f1;color:#fff;font:800 10.5px/18px var(--font);font-style:normal}
.cx2 .cx-list{padding:6px 10px 14px}
.cx2 .cx-divider{margin:8px 8px 8px;color:#5f6a85;font-size:10.5px}.cx2 .cx-divider::before{display:none}.cx2 .cx-divider::after{background:#ffffff0f}
.cx2 .cx-row{position:relative;margin:0 0 4px;padding:10px;border:1px solid transparent;border-left-width:1px;border-radius:14px}
.cx2 .cx-row:hover{background:#ffffff08}
.cx2 .cx-row.unread{border-color:transparent;background:#6366f10f}
.cx2 .cx-row.active{border-color:#6366f155;background:linear-gradient(90deg,#6366f126,#8b5cf60d)}
.cx2 .cx-row.active::before{content:"";position:absolute;left:-1px;top:14px;bottom:14px;width:3px;border-radius:0 3px 3px 0;background:linear-gradient(#6366f1,#8b5cf6)}
.cx2 .cx-ava{width:46px;height:46px;border-radius:15px}.cx2 .cx-ava img{border-radius:15px}
.cx2 .cx-ava.small{width:40px;height:40px;border-radius:13px}.cx2 .cx-ava.small img{border-radius:13px}
.cx2 .cx-ava.big{width:76px;height:76px;border-radius:24px}.cx2 .cx-ava.big img{border-radius:24px}
.cx2 .cx-ava.bot{background:#1a2135}
.cx2 .cx-online,.cx2 .cx-verified,.cx2 .cx-row.unread .cx-ava::after{border-color:#121827}
.cx2 .cx-online{right:-2px;bottom:-2px}
.cx2 .cx-row-top time{color:#6c7792;font-size:11.5px}
.cx2 .cx-row-bottom small{color:#8a94ad}
.cx2 .cx-row.unread .cx-row-top b{color:#fff}.cx2 .cx-row.unread .cx-row-top time{color:#a5b4fc}.cx2 .cx-row.unread .cx-row-bottom small{color:#dfe3f0}
.cx2 .cx-bot .cx-row-top b{color:#c7d2fe}
.cx2 .cx-main{position:relative;background:radial-gradient(600px 400px at 100% 0,#6366f10f,transparent 70%),#0f1420}
.cx2 .cx-main::before{content:"";position:absolute;inset:0;background-image:radial-gradient(#ffffff0a 1px,transparent 1px);background-size:24px 24px;pointer-events:none;mask-image:linear-gradient(#000,transparent 85%)}
.cx2 .cx-main>*{position:relative}
.cx2 .cx-empty{max-width:440px;gap:8px}
.cx2 .cx-empty-ring{position:relative;width:84px;height:84px;border:0;border-radius:28px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;box-shadow:0 20px 50px -14px #6366f1}
.cx2 .cx-empty-ring i{position:absolute;inset:-10px;border:1px dashed #6366f166;border-radius:34px}
.cx2 .cx-empty-ring .icon{width:34px;height:34px}
.cx2 .cx-empty h3{margin-top:10px;font-size:21px}.cx2 .cx-empty p{color:#8a94ad}
.cx2 .cx-empty .btn{margin-top:6px;border-radius:12px;background:linear-gradient(135deg,#6366f1,#8b5cf6)}
.cx-tips{display:grid;gap:8px;width:100%;margin:18px 0 0;padding:0;list-style:none;text-align:left}
.cx-tips li{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;border:1px solid #ffffff0f;border-radius:12px;background:#ffffff05}
.cx-tips li>.icon{flex:none;width:16px;height:16px;margin-top:2px;color:#a5b4fc}
.cx-tips span{display:grid;gap:1px;color:#8a94ad;font-size:12.5px}.cx-tips b{color:#e6e9f2;font-size:13px}
.cx2 .cx-head{padding:12px 18px;border-bottom:1px solid #ffffff0f;background:#121827e6;backdrop-filter:blur(8px)}
.cx2 .cx-head .cx-tool{border:1px solid #ffffff12;border-radius:11px}
.cx2 .cx-msgs.dm-messages{padding:20px 22px 12px}
.cx2 .cx-msgs.dm-messages>p{padding:10px 14px;border:1px solid #ffffff10;border-radius:16px 16px 16px 6px;background:#1a2133;box-shadow:0 6px 16px -10px #000}
.cx2 .cx-msgs.dm-messages>p.mine{border-color:transparent;border-radius:16px 16px 6px 16px;background:linear-gradient(135deg,#6366f1,#7c5cf5)}
.cx2 .cx-day span{border:1px solid #ffffff0f;background:#0b0f18;color:#8a94ad}
.cx2 .cx-bot-msg{border-color:#6366f133;background:#161d2e}
.cx2 .cx-form{display:grid;gap:6px;padding:12px 18px 14px;border-top:1px solid #ffffff0f;background:#121827}
.cx2 .cx-field{display:flex;align-items:flex-end;gap:8px;padding:6px 6px 6px 14px;border:1px solid #ffffff14;border-radius:16px;background:#0b0f18;transition:border-color .15s,box-shadow .15s}
.cx2 .cx-field:focus-within{border-color:#6366f1;box-shadow:0 0 0 3px #6366f126}
.cx2 .cx-form textarea{min-height:38px;padding:9px 0;border:0;border-radius:0;background:none;box-shadow:none!important}
.cx2 .cx-send{width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,#6366f1,#8b5cf6)}
.cx-note{display:flex;align-items:center;gap:5px;color:#5f6a85;font-size:11px}.cx-note .icon{width:12px;height:12px}
.cx2 .cx-readonly{border-top:1px solid #ffffff0f;background:#121827}
.cx2 .cx-close{top:14px;right:14px;width:34px;height:34px;border-radius:11px;background:#ffffff10}
.cx2.cx-dock .cx-top{padding-right:16px}
.cx2.cx-dock:not(.chatting) .cx-main .cx-empty{padding-top:40px}
@media (max-width:760px){.cx.cx2{grid-template-columns:1fr}.cx-note{display:none}.cx-tips{display:none}}
.cx2.cx-dock .cx-head{padding-right:62px}

/* ───── 81. Sohbet kuralları penceresi ───── */
.cx-locked>.cx-side,.cx-locked>.cx-main{filter:blur(3px);pointer-events:none;user-select:none}
.cx-rules{position:absolute;inset:0;z-index:5;display:grid;place-items:center;padding:16px;overflow:auto;background:#070a12b3}
.cx-rules-card{display:grid;justify-items:center;gap:8px;width:min(520px,100%);padding:26px 26px 22px;border:1px solid #ffffff17;border-radius:22px;background:linear-gradient(180deg,#171e30,#10151f);box-shadow:0 30px 70px -20px #000;text-align:center;animation:sc-in .3s cubic-bezier(.2,.8,.2,1)}
.cx-rules-ic{display:grid;place-items:center;width:58px;height:58px;border-radius:19px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;box-shadow:0 16px 36px -12px #6366f1}.cx-rules-ic .icon{width:26px;height:26px}
.cx-rules-card h3{margin:4px 0 0;font:900 21px var(--font-head)}.cx-rules-card>p{margin:0;color:#8a94ad;font-size:13.5px}
.cx-rules-card ol{display:grid;gap:6px;width:100%;margin:8px 0 4px;padding:0;list-style:none;text-align:left}
.cx-rules-card li{display:flex;align-items:flex-start;gap:11px;padding:9px 11px;border:1px solid #ffffff0f;border-radius:12px;background:#ffffff05}
.cx-rules-card li i{display:grid;place-items:center;flex:none;width:30px;height:30px;border-radius:10px;background:color-mix(in srgb,var(--c) 18%,transparent);color:var(--c)}.cx-rules-card li i .icon{width:15px;height:15px}
.cx-rules-card li span{display:grid;gap:1px;color:#8a94ad;font-size:12.5px;line-height:1.45}.cx-rules-card li b{color:#e6e9f2;font-size:13.5px}
.cx-rules-ok{display:flex;align-items:flex-start;gap:10px;margin:6px 0 4px;color:#cbd5e1;font-size:12.5px;line-height:1.5;text-align:left;cursor:pointer}.cx-rules-ok input{flex:none;width:18px;height:18px;margin-top:1px;accent-color:#6366f1}
.cx-rules-card .btn{width:100%;justify-content:center;gap:8px}.cx-rules-card .btn:disabled{opacity:.5;cursor:not-allowed}.cx-rules-card .btn .icon{width:16px;height:16px}
.cx2 .cx-field.cx-bad{border-color:#ef4444;box-shadow:0 0 0 3px #ef444433;animation:cx-shake .35s}
@keyframes cx-shake{25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}
.cx-rules{position:fixed;z-index:330;background:#05070dcc;backdrop-filter:blur(4px)}html:has(.cx-rules),html:has(.cx-rules) body{overflow:hidden}.cx-rules-card{max-height:calc(100vh - 32px);overflow:auto}

/* ───── 82. Onay pencereleri v2 ───── */
dialog.cb.v2{--t1:#6366f1;--t2:#8b5cf6;width:min(480px,calc(100vw - 24px));border:1px solid #ffffff17;border-radius:24px;background:#10151f;overflow:hidden;animation:sc-in .28s cubic-bezier(.2,.8,.2,1)}
dialog.cb.v2.buy{--t1:#22c55e;--t2:#14b8a6}dialog.cb.v2.danger{--t1:#ef4444;--t2:#f97316}dialog.cb.v2.gold{--t1:#f59e0b;--t2:#f97316}
dialog.cb.v2 .cb-box{gap:0;padding:0}
.cb-hero{position:relative;display:grid;justify-items:center;gap:6px;padding:28px 28px 22px;text-align:center;background:radial-gradient(320px 180px at 50% 0,color-mix(in srgb,var(--t1) 30%,transparent),transparent 75%),linear-gradient(180deg,#161d2e,#10151f)}
.cb-hero::before{content:"";position:absolute;inset:0;background-image:radial-gradient(#ffffff12 1px,transparent 1px);background-size:18px 18px;mask-image:radial-gradient(ellipse at 50% 0,#000 20%,transparent 70%);pointer-events:none}
.cb-hero>*{position:relative}
.cb-x{position:absolute!important;top:12px;right:12px;display:grid;place-items:center;width:32px;height:32px;padding:0;border:0;border-radius:10px;background:#ffffff0f;color:#9aa3b8;cursor:pointer}.cb-x:hover{background:#ffffff1a;color:#fff}.cb-x .icon{width:15px;height:15px}
dialog.cb.v2 .cb-ic{position:relative;width:60px;height:60px;margin-bottom:6px;border-radius:20px;background:linear-gradient(135deg,var(--t1),var(--t2));box-shadow:0 16px 36px -12px var(--t1)}
dialog.cb.v2 .cb-ic i{position:absolute;inset:-8px;border:1px dashed color-mix(in srgb,var(--t1) 55%,transparent);border-radius:26px}
dialog.cb.v2 .cb-ic .icon{width:27px;height:27px}
.cb-hero h2{margin:0;font:900 21px var(--font-head);color:#fff}.cb-hero p{max-width:360px;margin:0;color:#9aa3b8;font-size:13.5px;line-height:1.55}
dialog.cb.v2 .cb-main{display:grid;gap:12px;padding:4px 22px 6px}
dialog.cb.v2 .cb-rows{padding:4px 16px;border:1px solid #ffffff0d;border-radius:16px;background:#0b0f18}
dialog.cb.v2 .cb-row{align-items:center;padding:10px 0;border-bottom:1px solid #ffffff0a;font-size:13.5px}.cb-row b{display:inline-flex;align-items:center;gap:5px;text-align:right}.cb-row b .icon{width:14px;height:14px;color:#fbbf24}
dialog.cb.v2 .cb-row span{color:#8a94ad}
.cb-sum{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;border:1px solid color-mix(in srgb,var(--t1) 40%,transparent);border-radius:16px;background:linear-gradient(135deg,color-mix(in srgb,var(--t1) 16%,transparent),color-mix(in srgb,var(--t2) 6%,transparent))}
.cb-sum span{color:#cbd5e1;font-size:13px;font-weight:700}.cb-sum b{font:900 24px var(--font-head);color:#fff;letter-spacing:-.01em}
.cb-flow{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px 10px;padding:14px 16px;border:1px solid #ffffff0d;border-radius:16px;background:#0b0f18}
.cb-flow>div{display:grid;gap:2px}.cb-flow>div:last-of-type{text-align:right}.cb-flow small{color:#8a94ad;font-size:11.5px}.cb-flow>div b{font:800 16px var(--font-head)}
.cb-flow>div:last-of-type b{color:#4ade80}.cb-flow.bad>div:last-of-type b{color:#f87171}
.cb-arrow{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#ffffff0d;color:#8a94ad}.cb-arrow .icon{width:15px;height:15px;transform:rotate(-90deg)}
.cb-bar{grid-column:1/-1;height:6px;border-radius:99px;background:#ffffff0f;overflow:hidden}.cb-bar em{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--t1),var(--t2))}.cb-flow.bad .cb-bar em{background:#ef4444}
.cb-flow p{grid-column:1/-1;display:flex;align-items:center;gap:6px;margin:0;color:#8a94ad;font-size:12px}.cb-flow p b{color:#e6e9f2}.cb-flow p .icon{width:14px;height:14px;color:#f87171}
dialog.cb.v2 .cb-note{border-color:#ffffff0f;background:#ffffff05;color:#a9b2c6}
dialog.cb.v2 .cb-items,dialog.cb.v2 .cb-item.main{margin-bottom:0}
dialog.cb.v2 .cb-actions{display:grid;grid-template-columns:1fr 1.5fr;gap:10px;padding:16px 22px 22px}
dialog.cb.v2 .cb-actions .btn{min-width:0;min-height:48px;justify-content:center;gap:8px;border-radius:14px}
dialog.cb.v2:not(.danger) .cb-actions .btn-primary{background:linear-gradient(135deg,var(--t1),var(--t2));box-shadow:0 14px 30px -14px var(--t1)}
dialog.cb.v2 .cb-actions .btn .icon{width:16px;height:16px}
[data-theme="light"] dialog.cb.v2{background:#fff}[data-theme="light"] .cb-hero{background:radial-gradient(320px 180px at 50% 0,color-mix(in srgb,var(--t1) 22%,transparent),transparent 75%),#fff}[data-theme="light"] .cb-hero h2{color:#111827}[data-theme="light"] dialog.cb.v2 .cb-rows,[data-theme="light"] .cb-flow{border-color:#e6e9f2;background:#f7f8fc}[data-theme="light"] .cb-sum b{color:#111827}
@media (max-width:480px){.cb-hero{padding:24px 18px 18px}dialog.cb.v2 .cb-main{padding:4px 16px 6px}dialog.cb.v2 .cb-actions{padding:14px 16px 18px}.cb-sum b{font-size:20px}}
.cb-flow p{display:block}.cb-flow p .icon{display:inline-block;vertical-align:-2px;margin-right:5px}

/* ───── 83. Panelim v4 ───── */

.pz-side{position:sticky;top:118px;display:flex;flex-direction:column;gap:12px;max-height:calc(100vh - 134px);padding:12px;border:1px solid #ffffff10;border-radius:22px;background:linear-gradient(180deg,#141b2b,#0f1420);overflow:auto;overscroll-behavior:contain}

.pz-group summary{display:flex;align-items:center;gap:8px;padding:9px 10px;border-radius:11px;color:#7d879f;font:800 11px var(--font-head);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;list-style:none;user-select:none}
.pz-group summary::-webkit-details-marker{display:none}
.pz-group summary span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pz-group summary em{min-width:18px;padding:0 5px;border-radius:99px;background:#ef4444;color:#fff;font:800 10.5px/18px var(--font);font-style:normal;letter-spacing:0;text-align:center}
.pz-group summary .icon{width:14px;height:14px;transition:transform .2s}.pz-group[open] summary .icon{transform:rotate(180deg)}
.pz-group summary:hover{background:#ffffff06;color:#c3cad8}

/* Genel bakış */

.pz-open{justify-items:start}.pz-open>i{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff}.pz-open>i .icon{width:21px;height:21px}.pz-open p{margin:0;color:#8a94ad;font-size:13px}

@media (max-width:980px){
  
  
  
  .pz-side{position:fixed;top:0;bottom:0;left:0;z-index:300;width:min(320px,86vw);max-height:none;border-radius:0 22px 22px 0;transform:translateX(-105%);transition:transform .25s ease;visibility:hidden}
  body.pz-open .pz-side{transform:none;visibility:visible}
  
  body.pz-open{overflow:hidden}
}

.pz-side details.pz-group{margin:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none}.pz-side .pz-group summary{border:0;background:none}.pz-side .pz-group summary:hover{background:#ffffff06}
@media (max-width:980px){.pz-side{z-index:1001}body.pz-open :is(.support-fab,.dm-dock,.mobile-bottom,.sw,.sw-fab,.qr){visibility:hidden}}
body.pz-open main.route-shell{view-transition-name:none!important}

/* ───── 84. Panelim v5 "Merkez" ───── */
.hb{--sc:#818cf8;display:grid;gap:16px;padding-top:20px;padding-bottom:44px}
.hb-bar{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;padding:12px 14px 12px 12px;border:1px solid #ffffff14;border-radius:24px;background:linear-gradient(100deg,color-mix(in srgb,var(--sc) 20%,#121827),#121827 45%,#0f1420);box-shadow:0 20px 50px -30px color-mix(in srgb,var(--sc) 70%,transparent);overflow:hidden}
.hb-bar::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:linear-gradient(90deg,transparent,var(--sc),transparent);opacity:.7}
.hb-me{display:flex;align-items:center;gap:11px;min-width:0;padding-right:16px;border-right:1px solid #ffffff12;color:inherit;text-decoration:none}
.hb-ava{display:grid;place-items:center;flex:none;width:46px;height:46px;border-radius:50%;background:linear-gradient(135deg,var(--sc),#8b5cf6);color:#fff;font:900 16px var(--font-head);overflow:hidden;box-shadow:0 0 0 3px #0f1420,0 0 0 5px color-mix(in srgb,var(--sc) 60%,transparent)}.hb-ava img{width:100%;height:100%;object-fit:cover}
.hb-me>span{display:grid;min-width:0}.hb-me b{max-width:170px;overflow:hidden;font:800 15px var(--font-head);text-overflow:ellipsis;white-space:nowrap}.hb-me small{display:inline-flex;align-items:center;gap:4px;color:#8a94ad;font-size:12px}.hb-me small svg{width:13px;height:13px;color:#a5b4fc}
.hb-secs{display:flex;gap:6px;min-width:0}
.hb-sec{--c:#818cf8;position:relative;display:flex;align-items:center;gap:9px;padding:8px 16px 8px 8px;border:1px solid transparent;border-radius:16px;color:#aab3c7;font-weight:800;font-size:14px;text-decoration:none;white-space:nowrap;transition:background .15s,color .15s,border-color .15s}
.hb-sec i{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:color-mix(in srgb,var(--c) 14%,transparent);color:var(--c);transition:background .15s,color .15s}.hb-sec i .icon{width:17px;height:17px}
.hb-sec em{min-width:19px;padding:0 5px;border-radius:99px;background:#ef4444;color:#fff;font:800 10.5px/19px var(--font);font-style:normal;text-align:center}
.hb-sec:hover{background:#ffffff08;color:#fff}
.hb-sec.on{border-color:color-mix(in srgb,var(--c) 45%,transparent);background:color-mix(in srgb,var(--c) 14%,#0f1420);color:#fff}.hb-sec.on i{background:var(--c);color:#0b0f18}
.hb-money{display:flex;align-items:center;gap:6px}

.hb-sub{display:flex;gap:4px;padding:4px;border:1px solid #ffffff0d;border-radius:16px;background:#0d121c;overflow-x:auto;scrollbar-width:none}.hb-sub::-webkit-scrollbar{display:none}
.hb-tab{position:relative;display:inline-flex;align-items:center;gap:7px;flex:none;padding:9px 14px;border-radius:12px;color:#8a94ad;font-size:13.5px;font-weight:700;text-decoration:none;white-space:nowrap;transition:background .15s,color .15s}
.hb-tab .icon{width:15px;height:15px}.hb-tab em{min-width:18px;padding:0 5px;border-radius:99px;background:#ef4444;color:#fff;font:800 10.5px/18px var(--font);font-style:normal;text-align:center}
.hb-tab:hover{color:#fff;background:#ffffff07}
.hb-tab.on{background:#1b2336;color:#fff;box-shadow:0 1px 0 #ffffff12 inset}.hb-tab.on .icon{color:var(--sc)}
.hb-tab.on::after{content:"";position:absolute;left:14px;right:14px;bottom:3px;height:2px;border-radius:2px;background:var(--sc)}
.hb-main{display:grid;gap:18px;min-width:0}
.hb-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:12px;padding:4px 2px 0}
.hb-head h1{margin:2px 0 0;font:900 clamp(24px,3vw,32px) var(--font-head)}.hb-head p{margin:2px 0 0;color:var(--muted)}.hb-head .pn-crumb a{color:var(--sc)}
.hb-main:has(.hb-ov)>.hb-head{display:none}
/* Bento özet */
.hb-ov{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:14px}
.hb-tile{position:relative;display:grid;align-content:start;gap:12px;padding:20px;border:1px solid #ffffff10;border-radius:22px;background:#121827;min-width:0}
.hb-tile>header{display:flex;align-items:center;justify-content:space-between;gap:10px}.hb-tile h3{margin:0;font:800 16px var(--font-head)}
.hb-hello{grid-column:span 8;align-content:space-between;min-height:200px;background:radial-gradient(500px 260px at 0 0,#6366f133,transparent 70%),radial-gradient(400px 260px at 100% 100%,#22d3ee1a,transparent 70%),#121827;overflow:hidden}
.hb-hello::before{content:"";position:absolute;inset:0;background-image:radial-gradient(#ffffff0e 1px,transparent 1px);background-size:20px 20px;mask-image:linear-gradient(120deg,#000,transparent 55%);pointer-events:none}
.hb-hello>*{position:relative}.hb-hello small{color:#8a94ad;font-size:12.5px;text-transform:capitalize}.hb-hello h2{margin:4px 0;font:900 clamp(26px,3.2vw,36px) var(--font-head);letter-spacing:-.01em}.hb-hello p{margin:0;color:#a9b2c6}.hb-hello p b{color:#fff}
.hb-todo{display:flex;flex-wrap:wrap;gap:8px}
.hb-todo-chip{display:inline-flex;align-items:center;gap:8px;padding:6px 8px 6px 6px;border:1px solid #ffffff12;border-radius:14px;background:#0b0f18cc;color:#e6e9f2;font-size:13px;font-weight:700;text-decoration:none;transition:border-color .15s,transform .15s}.hb-todo-chip:hover{border-color:var(--k);transform:translateY(-1px)}
.hb-todo-chip i{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:color-mix(in srgb,var(--k) 18%,transparent);color:var(--k)}.hb-todo-chip i .icon{width:14px;height:14px}
.hb-todo-chip em{min-width:22px;padding:0 6px;border-radius:99px;background:var(--k);color:#0b0f18;font:900 11.5px/22px var(--font);font-style:normal;text-align:center}
.hb-allgood{display:inline-flex;align-items:center;gap:8px;justify-self:start;padding:8px 14px;border-radius:99px;background:#22c55e1a;color:#4ade80;font-weight:800;font-size:13px}.hb-allgood .icon{width:15px;height:15px}
.hb-wallet{grid-column:span 4;background:linear-gradient(160deg,#16351f,#121827 60%);border-color:#22c55e33}
.hb-wallet>small{display:inline-flex;align-items:center;gap:6px;color:#8fd3a7;font-size:12.5px;font-weight:700}.hb-wallet>small .icon{width:14px;height:14px}
.hb-wallet>b{font:900 34px/1.05 var(--font-head);color:#4ade80;letter-spacing:-.02em}
.hb-wallet dl{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:0}.hb-wallet dl div{padding:8px;border-radius:12px;background:#0b0f1899}.hb-wallet dt{color:#7d879f;font-size:11px}.hb-wallet dd{margin:0;font-weight:800;font-size:13px}
.hb-wallet-btns{display:grid;grid-template-columns:1fr 1fr;gap:6px}.hb-wallet-btns .btn{justify-content:center;gap:5px}.hb-wallet-btns .icon{width:14px;height:14px}
.hb-flows{grid-column:span 8}
.hb-flow{display:grid;grid-template-columns:150px minmax(0,1fr);align-items:center;gap:12px;padding:12px;border:1px solid #ffffff0b;border-radius:16px;background:#0b0f18}
.hb-flow-t{display:grid;grid-template-columns:auto 1fr;align-items:center;column-gap:8px;font-size:14px}.hb-flow-t .icon{grid-row:1/3;width:30px;height:30px;padding:7px;border-radius:10px;background:#ffffff0a;color:var(--sc)}.hb-flow-t small{color:#7d879f;font-size:11.5px;font-weight:600}
.hb-flow ol{position:relative;display:grid;grid-template-columns:repeat(4,1fr);margin:0;padding:0;list-style:none}
.hb-flow ol::before{content:"";position:absolute;top:17px;left:12.5%;right:12.5%;height:2px;background:#ffffff12}
.hb-flow li{position:relative;display:grid;justify-items:center;gap:4px;text-align:center}
.hb-flow li span{display:grid;place-items:center;width:36px;height:36px;border:2px solid #ffffff1a;border-radius:50%;background:#121827;color:#6c7792;font:900 14px var(--font-head)}
.hb-flow li.has span{border-color:var(--sc);background:color-mix(in srgb,var(--sc) 20%,#121827);color:#fff;box-shadow:0 0 0 4px color-mix(in srgb,var(--sc) 12%,transparent)}
.hb-flow li small{color:#7d879f;font-size:11.5px;font-weight:700}.hb-flow li.has small{color:#dfe3f0}
.hb-flow-empty{grid-template-columns:auto 1fr auto}.hb-flow-empty>.icon{width:34px;height:34px;padding:8px;border-radius:11px;background:#22c55e1a;color:#4ade80}.hb-flow-empty span{display:grid}.hb-flow-empty small{color:#7d879f;font-size:12px}
.hb-tile.hb-safe{grid-column:span 4}
.hb-score{padding:2px 10px;border-radius:99px;background:#ffffff0d;font:900 13px var(--font-head)}
.hb-meter{height:8px;border-radius:99px;background:#ffffff0d;overflow:hidden}.hb-meter i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#f59e0b,#22c55e)}
.hb-tile.hb-safe ul{display:grid;gap:6px;margin:0;padding:0;list-style:none}.hb-tile.hb-safe li{display:flex;align-items:center;gap:8px;color:#8a94ad;font-size:13px}.hb-tile.hb-safe li .icon{width:15px;height:15px;color:#f87171}.hb-tile.hb-safe li.ok{color:#cbd5e1}.hb-tile.hb-safe li.ok .icon{color:#4ade80}.hb-tile.hb-safe li a{color:#fbbf24;font-weight:700}
.hb-launch{grid-column:span 4;border-top:3px solid var(--c)}
.hb-launch>header{justify-content:flex-start}.hb-launch>header i{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:color-mix(in srgb,var(--c) 16%,transparent);color:var(--c)}.hb-launch>header i .icon{width:20px;height:20px}
.hb-launch>header div{display:grid}.hb-launch small{color:#7d879f;font-size:12px}
.hb-links{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.hb-link{display:flex;align-items:center;gap:7px;padding:9px 10px;border-radius:12px;background:#0b0f18;color:#c3cad8;font-size:12.5px;font-weight:700;text-decoration:none;transition:background .15s,color .15s}.hb-link:hover{background:color-mix(in srgb,var(--c) 14%,#0b0f18);color:#fff}
.hb-link .icon{flex:none;width:14px;height:14px;color:var(--c)}.hb-link span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hb-link em{padding:0 5px;border-radius:99px;background:#ef4444;color:#fff;font:800 10px/17px var(--font);font-style:normal}
.hb-recent{grid-column:span 8}
.hb-orders{display:grid;gap:4px}
.hb-order{display:flex;align-items:center;gap:12px;padding:10px;border-radius:14px;color:inherit;text-decoration:none}.hb-order:hover{background:#ffffff06}
.hb-o-ic{display:grid;place-items:center;flex:none;width:38px;height:38px;border-radius:50%;background:#22d3ee1a;color:#22d3ee}.hb-o-ic.out{background:#22c55e1a;color:#4ade80}.hb-o-ic .icon{width:16px;height:16px}
.hb-o-t{flex:1;display:grid;min-width:0}.hb-o-t b{overflow:hidden;font-size:13.5px;text-overflow:ellipsis;white-space:nowrap}.hb-o-t small{color:#7d879f;font-size:12px}
.hb-o-p{font-size:14px;white-space:nowrap}.hb-o-p.plus{color:#4ade80}
.hb-none{display:grid;justify-items:center;gap:4px;padding:26px 10px;text-align:center}.hb-none>.icon{width:30px;height:30px;margin-bottom:4px;color:#22d3ee}.hb-none small{margin-bottom:8px;color:#7d879f}
.hb-side{grid-column:span 4}
.hb-store{display:flex;align-items:center;gap:12px}.hb-store>i{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:#22c55e1a;color:#4ade80}.hb-lvl{width:46px;height:46px;object-fit:contain}
.hb-store span{flex:1;display:grid;min-width:0}.hb-store small{color:#7d879f;font-size:12px}
.hb-go{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:#ffffff0a;color:#aab3c7}.hb-go .icon{width:15px;height:15px;transform:rotate(-90deg)}
.hb-wide{justify-content:center;gap:6px}.hb-wide .icon{width:14px;height:14px}
.hb-loy{display:grid;gap:6px;padding:12px;border-radius:14px;background:#0b0f18}.hb-loy b{display:flex;align-items:center;gap:6px;font-size:14px}.hb-loy b .icon{width:15px;height:15px;color:var(--c)}.hb-loy small{color:#7d879f;font-size:12px}
.hb-pass{display:flex;align-items:center;gap:11px;padding:12px;border:1px solid #6366f140;border-radius:14px;background:linear-gradient(135deg,#6366f11c,transparent);color:inherit;text-decoration:none}.hb-pass:hover{border-color:#818cf8}
.hb-pass i{display:grid;place-items:center;width:36px;height:36px;border-radius:12px;background:#6366f126;color:#c7d2fe}.hb-pass svg{width:18px;height:18px}.hb-pass span{display:grid}.hb-pass b{font-size:13.5px}.hb-pass small{color:#7d879f;font-size:12px}
@media (max-width:1180px){
  .hb-bar{grid-template-columns:auto 1fr;row-gap:12px}.hb-secs{grid-column:1/-1;grid-row:2}.hb-money{justify-self:end}
  .hb-hello,.hb-flows,.hb-recent{grid-column:span 12}.hb-wallet,.hb-tile.hb-safe,.hb-side{grid-column:span 6}.hb-launch{grid-column:span 4}
}
@media (max-width:860px){.hb-launch{grid-column:span 12}.hb-wallet,.hb-tile.hb-safe,.hb-side{grid-column:span 12}.hb-flow{grid-template-columns:1fr}}
@media (max-width:640px){
  .hb{gap:12px;padding-top:12px}
  .hb-bar{padding:10px;border-radius:20px}.hb-me{border:0;padding:0}.hb-me b{max-width:120px}
  .hb-secs{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.hb-sec{flex-direction:column;gap:4px;padding:6px 2px;font-size:11px;text-align:center}.hb-sec i{width:32px;height:32px}.hb-sec em{position:absolute;top:2px;right:8px}
  .hb-tile{padding:16px;border-radius:18px}.hb-hello{min-height:0}.hb-wallet>b{font-size:28px}.hb-flow li small{font-size:10px}.hb-flow li span{width:30px;height:30px;font-size:12px}.hb-flow ol::before{top:14px}
}

/* ───── 85. Panel içi sohbet + doğrulama penceresi ───── */
.hb-chat .cx{height:min(680px,calc(100vh - 300px));min-height:460px}
.hb-inline{padding:0;border:0;background:none;color:#fbbf24;font:inherit;font-weight:700;cursor:pointer}
.st-chips a{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border:1px solid #f59e0b66;border-radius:99px;background:#f59e0b14;color:#fbbf24;font-size:12px;font-weight:700;text-decoration:none}.st-chips a:hover{background:#f59e0b26}
.vxm-back{position:fixed;inset:0;z-index:340;display:grid;place-items:center;padding:16px;background:#05070dd1;backdrop-filter:blur(5px);animation:so-in .2s ease}.vxm-back.out{opacity:0;transition:opacity .18s}
html:has(.vxm-back),html:has(.vxm-back) body{overflow:hidden}
.vxm{display:grid;grid-template-rows:auto minmax(0,1fr);width:min(860px,100%);max-height:calc(100vh - 32px);border:1px solid #ffffff17;border-radius:24px;background:#0f1420;box-shadow:0 40px 100px -20px #000;overflow:hidden;animation:sc-in .28s cubic-bezier(.2,.8,.2,1)}
.vxm-head{display:flex;align-items:center;gap:14px;padding:14px 16px;border-bottom:1px solid #ffffff0f;background:linear-gradient(90deg,#6366f11f,transparent 60%),#121827}
.vxm-head>b{display:inline-flex;align-items:center;gap:8px;font:800 15px var(--font-head);white-space:nowrap}.vxm-head>b .icon{width:18px;height:18px;color:#a5b4fc}
.vxm-steps{flex:1;display:flex;justify-content:center;gap:6px;min-width:0;overflow-x:auto;scrollbar-width:none}
.vxm-step{display:inline-flex;align-items:center;gap:7px;flex:none;padding:5px 12px 5px 5px;border:1px solid #ffffff12;border-radius:99px;background:#0b0f18;color:#8a94ad;font-size:12.5px;font-weight:800;cursor:pointer;transition:border-color .15s,color .15s}
.vxm-step i{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#ffffff0d;font:900 11.5px var(--font);font-style:normal}.vxm-step i .icon{width:13px;height:13px}
.vxm-step:hover{color:#fff}.vxm-step.done i{background:#22c55e;color:#06110a}.vxm-step.done{color:#bbf7d0}
.vxm-step.on{border-color:#6366f1;background:#6366f11f;color:#fff}.vxm-step.on i{background:#6366f1;color:#fff}
.vxm-x{display:grid;place-items:center;flex:none;width:34px;height:34px;padding:0;border:0;border-radius:11px;background:#ffffff0f;color:#aab3c7;cursor:pointer}.vxm-x:hover{background:#ffffff1c;color:#fff}.vxm-x .icon{width:16px;height:16px}
.vxm-body{min-height:0;overflow:auto;padding:18px;overscroll-behavior:contain}
.vxm .vx-back{display:none}
.vxm .vx.vx-step{max-width:none;margin:0}
@media (max-width:640px){.vxm-back{padding:0;place-items:end stretch}.vxm{max-height:92vh;border-radius:22px 22px 0 0}.vxm-head{flex-wrap:wrap}.vxm-steps{order:3;flex-basis:100%;justify-content:flex-start}.vxm-head>b{flex:1}.vxm-body{padding:14px}}
dialog.cb.v2.danger .cb-actions .btn-danger{border:0;background:linear-gradient(135deg,#ef4444,#f97316);color:#fff;box-shadow:0 14px 30px -14px #ef4444}dialog.cb.v2.danger .cb-actions .btn-danger:hover{filter:brightness(1.08)}

/* ───── 86. Profil v2 ───── */
.pf{--pc:#818cf8;display:grid;gap:16px;padding-top:20px;padding-bottom:44px}
.pf-hero{position:relative;border:1px solid #ffffff14;border-radius:26px;background:#121827;overflow:hidden}
.pf-cover{position:relative;height:170px;background:linear-gradient(120deg,color-mix(in srgb,var(--pc) 55%,#0b0f18),#1a1f3a 55%,#0f1420);overflow:hidden}
.pf-orb{position:absolute;border-radius:50%;filter:blur(40px);opacity:.55}.pf-orb.a{width:320px;height:320px;left:-60px;top:-140px;background:var(--pc)}.pf-orb.b{width:260px;height:260px;right:8%;top:-60px;background:#6366f1}
.pf-mesh{position:absolute;inset:0;background-image:linear-gradient(#ffffff0c 1px,transparent 1px),linear-gradient(90deg,#ffffff0c 1px,transparent 1px);background-size:28px 28px;mask-image:linear-gradient(180deg,#000,transparent 90%)}
.pf-id{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:end;gap:18px;margin-top:-58px;padding:0 26px}
.pf-ava{position:relative;display:grid;place-items:center;width:128px;height:128px}
.pf-ava .pf-ava-img{display:grid;place-items:center;width:116px;height:116px;border-radius:32px;background:linear-gradient(135deg,var(--pc),#6366f1);color:#fff;font:900 40px var(--font-head);overflow:hidden;box-shadow:0 0 0 6px #121827,0 20px 40px -14px #000}.pf-ava .pf-ava-img img{width:100%;height:100%;object-fit:cover}
.pf-ava.pass .pf-ava-img{width:96px;height:96px;border-radius:50%;box-shadow:none}.pf-frame{position:absolute;inset:-8px;width:calc(100% + 16px);height:calc(100% + 16px);object-fit:fill;pointer-events:none}
.pf-dot{position:absolute;right:10px;bottom:10px;width:20px;height:20px;border:4px solid #121827;border-radius:50%;background:#22c55e}
.pf-name{min-width:0;padding-bottom:6px}.pf-name h1{margin:0;overflow:hidden;font:900 clamp(24px,3vw,32px) var(--font-head);text-overflow:ellipsis;white-space:nowrap}
.pf-name p{margin:2px 0 0;color:#8a94ad;font-size:13.5px}.pf-name p .on{color:#4ade80;font-weight:700}
.pf-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.pf-tag{--c:#94a3b8;display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border:1px solid color-mix(in srgb,var(--c) 45%,transparent);border-radius:99px;background:color-mix(in srgb,var(--c) 12%,transparent);color:color-mix(in srgb,var(--c) 70%,#fff);font-size:12px;font-weight:800}
.pf-tag .icon,.pf-tag svg{width:13px;height:13px}.pf-tag.ok{--c:#22c55e}.pf-tag.pass{--c:#818cf8}.pf-tag.loy{--c:var(--pc)}.pf-tag.store{--c:#22d3ee}.pf-tag.admin{--c:#f43f5e}
.pf-actions{display:flex;gap:8px;padding-bottom:8px}.pf-actions .btn{gap:7px}.pf-actions .btn .icon{width:16px;height:16px}
.pf-icon{width:44px;padding:0;justify-content:center}
.pf-stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;padding:20px 26px 24px}
.pf-stat{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:10px;align-items:center;padding:12px 14px;border:1px solid #ffffff0d;border-radius:16px;background:#0b0f18}
.pf-stat i{grid-row:1/3;display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:color-mix(in srgb,var(--k) 15%,transparent);color:var(--k)}.pf-stat i .icon{width:18px;height:18px}
.pf-stat b{font:900 20px/1.1 var(--font-head)}.pf-stat small{color:#7d879f;font-size:12px;font-weight:700}
.pf-own{display:flex;align-items:center;gap:10px;padding:12px 16px;border:1px dashed #6366f166;border-radius:16px;background:#6366f10f;color:#c7d2fe;font-size:13.5px}.pf-own>.icon{width:17px;height:17px}.pf-own span{flex:1}
.pf-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(290px,1fr);gap:16px;align-items:start}
.pf-col{display:grid;gap:16px;min-width:0}
.pf-card{display:grid;gap:14px;padding:20px;border:1px solid #ffffff10;border-radius:22px;background:#121827;min-width:0}
.pf-card h2{display:flex;align-items:center;gap:8px;margin:0;font:800 17px var(--font-head)}.pf-card h2>.icon{width:18px;height:18px;color:var(--pc)}.pf-card h2 em{margin-left:auto;padding:2px 10px;border-radius:99px;background:#ffffff0d;font:900 12.5px var(--font-head);font-style:normal}
.pf-about p{margin:0;color:#cbd5e1;line-height:1.65;white-space:pre-wrap}
.pf-about dl{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0}.pf-about dl div{padding:10px 12px;border-radius:14px;background:#0b0f18}.pf-about dt{color:#7d879f;font-size:11.5px}.pf-about dd{margin:2px 0 0;font-weight:800;font-size:13.5px}.pf-about dd.on{color:#4ade80}
.pf-store-head{display:flex;align-items:center;gap:14px}
.pf-store-logo{display:grid;place-items:center;flex:none;width:54px;height:54px;border-radius:16px;background:#22d3ee1a;color:#22d3ee;object-fit:cover}.pf-store-logo .icon{width:24px;height:24px}
.pf-store-head>div{flex:1;min-width:0}.pf-store-head h2{font-size:18px}.pf-store-head p{display:flex;flex-wrap:wrap;align-items:center;gap:5px;margin:2px 0 0;color:#8a94ad;font-size:13px}.pf-store-head p b{color:#fbbf24}
.pf-go{gap:4px}.pf-go .icon{width:14px;height:14px;transform:rotate(-90deg)}
.pf-stars{--r:0%;position:relative;display:inline-block;width:80px;height:15px;background:linear-gradient(90deg,#fbbf24 var(--r),#ffffff26 var(--r));-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 15'%3E%3Cpath d='M8 0l2.4 4.9 5.4.8-3.9 3.8.9 5.4L8 12.4 3.2 14.9l.9-5.4L.2 5.7l5.4-.8z'/%3E%3C/svg%3E") 0 0/16px 15px repeat-x;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 15'%3E%3Cpath d='M8 0l2.4 4.9 5.4.8-3.9 3.8.9 5.4L8 12.4 3.2 14.9l.9-5.4L.2 5.7l5.4-.8z'/%3E%3C/svg%3E") 0 0/16px 15px repeat-x}
.pf-store-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.pf-store-stats span{display:grid;justify-items:center;padding:10px;border-radius:14px;background:#0b0f18}.pf-store-stats b{font:900 18px var(--font-head)}.pf-store-stats small{color:#7d879f;font-size:11.5px}
.pf-sub{margin:4px 0 -4px;color:#8a94ad;font:800 12px var(--font-head);letter-spacing:.1em;text-transform:uppercase}
.pf-store .product-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}
.pf-reviews{display:grid;gap:8px}.pf-reviews article{display:grid;gap:6px;padding:12px 14px;border:1px solid #ffffff0b;border-radius:14px;background:#0b0f18}
.pf-reviews header{display:flex;align-items:center;gap:8px}.pf-reviews header b{font-size:13px}.pf-reviews time{margin-left:auto;color:#6c7792;font-size:11.5px}.pf-reviews p{margin:0;color:#cbd5e1;font-size:13.5px;line-height:1.55}.pf-reviews small{display:inline-flex;align-items:center;gap:5px;color:#7d879f;font-size:12px}.pf-reviews small .icon{width:12px;height:12px}
.pf-topics{display:grid;gap:6px}
.pf-topic{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:14px;background:#0b0f18;color:inherit;text-decoration:none;transition:background .15s}.pf-topic:hover{background:#161d2e}
.pf-topic i{display:grid;place-items:center;flex:none;width:34px;height:34px;border-radius:11px;background:#a78bfa1f;color:#a78bfa}.pf-topic i .icon{width:16px;height:16px}
.pf-topic span{flex:1;display:grid;min-width:0}.pf-topic b{overflow:hidden;font-size:13.5px;text-overflow:ellipsis;white-space:nowrap}.pf-topic small{color:#7d879f;font-size:12px}.pf-topic>.icon{width:14px;height:14px;color:#6c7792;transform:rotate(-90deg)}
.pf-trust-meter{display:flex;align-items:center;gap:12px}.pf-trust-meter b{font:900 22px var(--font-head)}.pf-trust-meter span{flex:1;height:8px;border-radius:99px;background:#ffffff0d;overflow:hidden}.pf-trust-meter i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#f59e0b,#22c55e)}
.pf-trust ul{display:grid;gap:6px;margin:0;padding:0;list-style:none}
.pf-trust li{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:12px;background:#0b0f18;color:#8a94ad;font-size:13.5px;font-weight:700}
.pf-trust li i{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:#ffffff0a;color:#6c7792}.pf-trust li i .icon{width:14px;height:14px}
.pf-trust li em{margin-left:auto;color:#6c7792;font-size:11.5px;font-style:normal}
.pf-trust li.ok{color:#e6e9f2}.pf-trust li.ok i{background:#22c55e;color:#06110a}.pf-trust li.ok em{color:#4ade80}
.pf-note{display:flex;gap:8px;margin:0;color:#7d879f;font-size:12px;line-height:1.5}.pf-note .icon{flex:none;width:14px;height:14px;margin-top:1px;color:#4ade80}
.pf-badge-bar{height:6px;border-radius:99px;background:#ffffff0d;overflow:hidden}.pf-badge-bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--pc),#8b5cf6)}
.pf-badge-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.pf-badge{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:9px;align-items:center;padding:9px 10px;border:1px solid #ffffff0b;border-radius:14px;background:#0b0f18;opacity:.6}
.pf-badge i{grid-row:1/3;display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:#ffffff0a;color:#6c7792}.pf-badge i .icon{width:15px;height:15px}
.pf-badge b{overflow:hidden;font-size:12.5px;text-overflow:ellipsis;white-space:nowrap}.pf-badge small{overflow:hidden;color:#6c7792;font-size:10.5px;text-overflow:ellipsis;white-space:nowrap}
.pf-badge.on{opacity:1;border-color:color-mix(in srgb,var(--pc) 35%,transparent);background:linear-gradient(135deg,color-mix(in srgb,var(--pc) 14%,transparent),#0b0f18)}.pf-badge.on i{background:linear-gradient(135deg,var(--pc),#8b5cf6);color:#fff}.pf-badge.on b{grid-row:1/3}
@media (max-width:1100px){.pf-grid{grid-template-columns:1fr}.pf-stats{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:760px){
  .pf-cover{height:120px}.pf-id{grid-template-columns:1fr;justify-items:center;gap:10px;margin-top:-64px;padding:0 16px;text-align:center}
  .pf-name h1{white-space:normal}.pf-tags{justify-content:center}.pf-actions{justify-content:center;flex-wrap:wrap}
  .pf-stats{grid-template-columns:repeat(2,minmax(0,1fr));padding:16px}.pf-stats .pf-stat:last-child{grid-column:1/-1}
  .pf-about dl{grid-template-columns:repeat(2,minmax(0,1fr))}.pf-store-head{flex-wrap:wrap}.pf-go{width:100%;justify-content:center}
}
@media (max-width:760px){.pf-actions{flex-wrap:nowrap;width:100%}.pf-actions .btn:not(.pf-icon){flex:1;min-width:0;padding:0 10px;justify-content:center}.pf-actions .pf-icon{flex:none}}
/* Pass çerçevesi kare: fotoğraf çerçevenin iç boşluğuna oturur */
.pf-ava.pass .pf-ava-img{width:82px;height:82px;border-radius:14px;box-shadow:none}.pf-ava.pass .pf-frame{inset:0;width:100%;height:100%}.pf-ava.pass .pf-dot{right:14px;bottom:14px}

/* ───── 87. Görünen ad: tek seferlik değişiklik ───── */
.name-rule{display:flex;align-items:center;gap:6px;margin-top:6px;color:var(--muted);font-size:12.5px}.name-rule .icon{flex:none;width:14px;height:14px;color:#a5b4fc}.name-rule b{color:#fbbf24}
.name-rule.locked{color:#fbbf24}.name-rule.locked .icon{color:#fbbf24}
input.is-locked{opacity:.65;cursor:not-allowed}
.name-rule{display:block;line-height:1.5}.name-rule .icon{display:inline-block;vertical-align:-2px;margin-right:6px}

/* ───── 88. Cüzdan v2 ───── */
.wx{display:grid;gap:16px}
.wx-top{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,1fr);gap:16px}
.wx-hero{position:relative;display:grid;gap:16px;padding:24px;border:1px solid #22c55e33;border-radius:24px;background:radial-gradient(420px 240px at 0 0,#22c55e26,transparent 70%),radial-gradient(360px 240px at 100% 100%,#14b8a61a,transparent 70%),#121827;overflow:hidden}
.wx-hero::before{content:"";position:absolute;inset:0;background-image:radial-gradient(#ffffff0d 1px,transparent 1px);background-size:20px 20px;mask-image:linear-gradient(120deg,#000,transparent 60%);pointer-events:none}
.wx-hero>*{position:relative}
.wx-hero-copy small{display:inline-flex;align-items:center;gap:6px;color:#8fd3a7;font-size:13px;font-weight:700}.wx-hero-copy small .icon{width:15px;height:15px}
.wx-hero-copy>b{display:block;margin:4px 0 14px;font:900 clamp(34px,4.4vw,48px)/1 var(--font-head);color:#4ade80;letter-spacing:-.02em}
.wx-split{height:10px;border-radius:99px;background:#38bdf833;overflow:hidden}.wx-split i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#22c55e,#14b8a6)}
.wx-legend{display:flex;flex-wrap:wrap;gap:16px;margin-top:10px;color:#8a94ad;font-size:12.5px}.wx-legend span{display:inline-flex;align-items:center;gap:6px}.wx-legend i{width:10px;height:10px;border-radius:3px}.wx-legend .a i{background:#22c55e}.wx-legend .b i{background:#38bdf866}.wx-legend b{color:#e6e9f2}
.wx-hero-btns{display:flex;flex-wrap:wrap;gap:8px}.wx-hero-btns .btn{gap:7px}.wx-hero-btns .icon{width:16px;height:16px}
.wx-demo{display:flex;align-items:center;gap:6px;margin:0;color:#6c7792;font-size:12px}.wx-demo .icon{width:13px;height:13px}
.wx-side{display:grid;gap:10px}
.wx-mini{display:flex;align-items:center;gap:14px;padding:16px 18px;border:1px solid #ffffff10;border-radius:20px;background:#121827}
.wx-mini>i{display:grid;place-items:center;flex:none;width:44px;height:44px;border-radius:14px;background:color-mix(in srgb,var(--k) 15%,transparent);color:var(--k)}.wx-mini>i .icon{width:20px;height:20px}
.wx-mini span{display:grid;min-width:0}.wx-mini small{color:#8a94ad;font-size:12px;font-weight:700}.wx-mini b{font:900 22px/1.2 var(--font-head)}.wx-mini em{overflow:hidden;color:#6c7792;font-size:11.5px;font-style:normal;text-overflow:ellipsis;white-space:nowrap}
.wx-mid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,1fr);gap:16px;align-items:start}
.wx-col{display:grid;gap:16px}
.wx-card{display:grid;gap:14px;padding:20px;border:1px solid #ffffff10;border-radius:22px;background:#121827;min-width:0}
.wx-card>header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.wx-card h2{display:flex;align-items:center;gap:8px;margin:0;font:800 17px var(--font-head)}.wx-card h2 .icon{width:18px;height:18px;color:#4ade80}
.wx-card>header p{margin:4px 0 0;color:#8a94ad;font-size:13px}.wx-card>header>span{padding:3px 10px;border-radius:99px;background:#ffffff0d;color:#aab3c7;font-size:12px;font-weight:700;white-space:nowrap}
.wx-sub{margin:4px 0 -4px;color:#8a94ad;font:800 11.5px var(--font-head);letter-spacing:.1em;text-transform:uppercase}
.wx-wds{display:grid;gap:6px}.wx-wd{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:14px;background:#0b0f18}.wx-wd>i{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:#22c55e1a;color:#4ade80;font-style:normal;font-weight:900}.wx-wd span{flex:1;display:grid}.wx-wd small{color:#7d879f;font-size:12px}
.wx-points .icon{color:#fbbf24!important}
.wx-pt{display:flex;align-items:baseline;gap:6px}.wx-pt b{font:900 38px/1 var(--font-head);color:#fbbf24}.wx-pt small{color:#8a94ad;font-weight:700}
.wx-pt-bar{height:8px;border-radius:99px;background:#ffffff0d;overflow:hidden}.wx-pt-bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#f59e0b,#fbbf24)}
.wx-points p{margin:0;color:#8a94ad;font-size:13px;line-height:1.5}.wx-points p b{color:#e6e9f2}
.wx-points .btn{justify-content:center;gap:6px}.wx-points .btn .icon{width:15px;height:15px;color:inherit!important}
.wx-pass{display:flex!important;align-items:center;gap:12px;border-color:#6366f140;background:linear-gradient(135deg,#6366f11c,#121827);color:inherit;text-decoration:none}.wx-pass:hover{border-color:#818cf8}
.wx-pass>i{display:grid;place-items:center;flex:none;width:42px;height:42px;border-radius:13px;background:#6366f126;color:#c7d2fe}.wx-pass svg{width:20px;height:20px}
.wx-pass span{flex:1;display:grid;min-width:0}.wx-pass small{color:#7d879f;font-size:12px}.wx-pass em{padding:6px 12px;border-radius:10px;background:#6366f1;color:#fff;font-size:12.5px;font-weight:800;font-style:normal;white-space:nowrap}
.wx-ref .icon{color:#a78bfa!important}.wx-ref p{margin:0;color:#8a94ad;font-size:13px;line-height:1.5}.wx-ref p b{color:#4ade80}
.wx-refbox{display:flex;align-items:center;gap:8px;padding:6px 6px 6px 12px;border:1px solid #ffffff12;border-radius:14px;background:#0b0f18}.wx-refbox code{flex:1;min-width:0;overflow:hidden;color:#c7d2fe;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.wx-refbox .btn{gap:5px}.wx-refbox .btn .icon{width:13px;height:13px;color:inherit!important}
.wx-filter{display:flex;gap:4px;padding:4px;border-radius:12px;background:#0b0f18}
.wx-filter button{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:0;border-radius:9px;background:none;color:#8a94ad;font-weight:700;font-size:12.5px;cursor:pointer}.wx-filter button em{padding:0 6px;border-radius:99px;background:#ffffff12;font:800 10.5px/17px var(--font);font-style:normal}
.wx-filter button.on{background:#1f2840;color:#fff}
.wx-tx[data-f="in"] .wx-row.out,.wx-tx[data-f="out"] .wx-row.in{display:none}
.wx-tx[data-f="in"] .wx-day:not(:has(.wx-row.in)),.wx-tx[data-f="out"] .wx-day:not(:has(.wx-row.out)){display:none}
.wx-day{display:grid;gap:4px}.wx-day h4{margin:6px 0 2px;color:#6c7792;font:800 11.5px var(--font-head);letter-spacing:.08em;text-transform:uppercase}
.wx-row{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:14px;transition:background .15s}.wx-row:hover{background:#ffffff06}
.wx-row>i{display:grid;place-items:center;flex:none;width:38px;height:38px;border-radius:12px;background:color-mix(in srgb,var(--k) 15%,transparent);color:var(--k)}.wx-row>i .icon{width:17px;height:17px}
.wx-row>span:not(.wx-amt){flex:1;display:grid;min-width:0}.wx-row>span b{font-size:13.5px}.wx-row>span small{overflow:hidden;color:#7d879f;font-size:12px;text-overflow:ellipsis;white-space:nowrap}
.wx-amt{display:grid;justify-items:end;text-align:right}.wx-amt b{font:900 15px var(--font-head);white-space:nowrap}.wx-row.in .wx-amt b{color:#4ade80}.wx-row.out .wx-amt b{color:#f87171}.wx-amt small{color:#6c7792;font-size:11.5px;white-space:nowrap}
.wx-none{display:grid;justify-items:center;gap:4px;padding:30px 10px;text-align:center}.wx-none>.icon{width:30px;height:30px;margin-bottom:4px;color:#4ade80}.wx-none small{color:#7d879f}
.wx~.gw-gift,.pn-main>.gw-gift{border-radius:22px}
@media (max-width:1000px){.wx-top,.wx-mid{grid-template-columns:1fr}.wx-side{grid-template-columns:repeat(3,minmax(0,1fr))}.wx-mini{flex-direction:column;align-items:flex-start;gap:8px}}
@media (max-width:640px){.wx-side{grid-template-columns:1fr}.wx-mini{flex-direction:row;align-items:center}.wx-hero{padding:18px}.wx-hero-btns .btn{flex:1;justify-content:center}.wx-card>header{flex-wrap:wrap}.wx-filter{width:100%}.wx-filter button{flex:1;justify-content:center}}

/* ───── 89. Kurumsal merkez ve yasal belgeler ───── */
.lg{display:grid;gap:18px;padding-top:20px;padding-bottom:48px}
.lg-crumb{display:flex;flex-wrap:wrap;align-items:center;gap:8px;color:#7d879f;font-size:13px}.lg-crumb a{color:#a5b4fc;text-decoration:none}.lg-crumb b{color:#e6e9f2;font-weight:700}
.lg-hero{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:20px;padding:26px 28px;border:1px solid #ffffff12;border-radius:24px;background:radial-gradient(500px 240px at 0 0,#6366f126,transparent 70%),#121827;overflow:hidden}
.lg-hero::before{content:"";position:absolute;inset:0;background-image:radial-gradient(#ffffff0c 1px,transparent 1px);background-size:20px 20px;mask-image:linear-gradient(120deg,#000,transparent 55%);pointer-events:none}.lg-hero>*{position:relative}
.lg-ic{display:grid;place-items:center;width:64px;height:64px;border-radius:20px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;box-shadow:0 16px 36px -14px #6366f1}.lg-ic .icon{width:28px;height:28px}
.lg-hero-copy small{color:#a5b4fc;font:800 11px var(--font-head);letter-spacing:.14em;text-transform:uppercase}.lg-hero-copy h1{margin:4px 0;font:900 clamp(24px,3vw,32px) var(--font-head)}.lg-hero-copy p{margin:0;color:#a9b2c6}
.lg-meta{display:flex;flex-wrap:wrap;gap:14px;margin-top:12px;color:#7d879f;font-size:12.5px}.lg-meta span{display:inline-flex;align-items:center;gap:6px}.lg-meta .icon{width:14px;height:14px}
.lg-tools{display:grid;gap:8px}.lg-tools .btn{justify-content:flex-start;gap:6px}.lg-tools .icon{width:14px;height:14px}
.lg-body{display:grid;grid-template-columns:280px minmax(0,1fr);gap:20px;align-items:start}
.lg-side{position:sticky;top:120px;display:grid;gap:14px;max-height:calc(100vh - 136px);overflow:auto;overscroll-behavior:contain}
.lg-toc,.lg-others{display:grid;gap:4px;padding:14px;border:1px solid #ffffff10;border-radius:18px;background:#121827}
.lg-toc>b,.lg-others>b{margin:0 4px 6px;color:#7d879f;font:800 11px var(--font-head);letter-spacing:.12em;text-transform:uppercase}
.lg-toc ol{display:grid;gap:2px;margin:0;padding:0;list-style:none}
.lg-toc button{display:flex;align-items:flex-start;gap:9px;width:100%;padding:7px 8px;border:0;border-radius:10px;background:none;color:#aab3c7;font:600 13px/1.4 var(--font);text-align:left;cursor:pointer}.lg-toc button:hover{background:#ffffff08;color:#fff}
.lg-toc button em{display:grid;place-items:center;flex:none;width:20px;height:20px;border-radius:6px;background:#ffffff0d;font:800 10.5px var(--font);font-style:normal}
.lg-toc button.on{background:#6366f11f;color:#fff}.lg-toc button.on em{background:#6366f1;color:#fff}
.lg-other{display:flex;align-items:center;gap:9px;padding:7px 8px;border-radius:10px;color:#aab3c7;font-size:13px;font-weight:600;text-decoration:none}.lg-other:hover{background:#ffffff08;color:#fff}.lg-other .icon{flex:none;width:15px;height:15px;color:#818cf8}.lg-other span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lg-other.all{margin-top:4px;color:#a5b4fc}
.lg-doc{display:grid;gap:4px;padding:28px 32px;border:1px solid #ffffff10;border-radius:22px;background:#121827;min-width:0}
.lg-doc section{padding:16px 0 18px;border-bottom:1px solid #ffffff0b;scroll-margin-top:130px}.lg-doc section:last-of-type{border-bottom:0}
.lg-doc h2{display:flex;align-items:center;gap:12px;margin:0 0 12px;font:800 19px var(--font-head)}.lg-doc h2 em{display:grid;place-items:center;flex:none;width:30px;height:30px;border-radius:10px;background:#6366f11f;color:#a5b4fc;font:900 13px var(--font-head);font-style:normal}
.lg-doc p{margin:0 0 10px;color:#c3cad8;font-size:14.5px;line-height:1.75}.lg-doc p:last-child{margin-bottom:0}
.lg-def{display:grid;grid-template-columns:220px minmax(0,1fr);gap:4px 16px;padding:10px 0;border-top:1px dashed #ffffff0d}.lg-def:first-of-type{border-top:0}.lg-def b{color:#e6e9f2;font-size:14px}.lg-def p{margin:0}
.lg-ph{padding:0 5px;border:1px dashed #f59e0b88;border-radius:6px;background:#f59e0b14;color:#fbbf24;font-weight:700;white-space:nowrap}
.lg-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-top:10px;padding:16px;border-radius:16px;background:#0b0f18}.lg-foot>div{display:flex;align-items:center;gap:10px}.lg-foot>div>.icon{flex:none;width:20px;height:20px;color:#a5b4fc}.lg-foot span{display:grid}.lg-foot small{color:#7d879f}
.lg-admin{display:flex;gap:8px;margin-top:10px!important;padding:12px 14px;border:1px dashed #f59e0b66;border-radius:14px;background:#f59e0b0f;color:#fcd34d!important;font-size:13px!important}.lg-admin .icon{flex:none;width:16px;height:16px;margin-top:3px}
.lg-hub-hero{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(320px,1fr);gap:18px;align-items:stretch}
.lg-hub-hero>div{display:grid;align-content:center;gap:10px;padding:28px;border:1px solid #ffffff12;border-radius:24px;background:radial-gradient(500px 260px at 0 0,#6366f12e,transparent 70%),#121827}
.lg-hub-hero small{display:inline-flex;align-items:center;gap:6px;color:#a5b4fc;font:800 11px var(--font-head);letter-spacing:.14em}.lg-hub-hero small .icon{width:14px;height:14px}
.lg-hub-hero h1{margin:0;font:900 clamp(26px,3.4vw,38px) var(--font-head)}.lg-hub-hero p{margin:0;color:#a9b2c6;line-height:1.6}
.lg-hub-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}.lg-hub-links .btn{gap:6px}.lg-hub-links .icon{width:14px;height:14px}
.lg-hub-card{display:grid;align-content:start;gap:12px;padding:20px;border:1px solid #ffffff10;border-radius:22px;background:#121827}.lg-hub-card>b{display:flex;align-items:center;gap:8px;font:800 16px var(--font-head)}.lg-hub-card>b .icon{width:17px;height:17px;color:#a5b4fc}
.lg-kunye{display:grid;gap:0;margin:0}.lg-kunye div{display:grid;grid-template-columns:150px minmax(0,1fr);gap:10px;padding:8px 0;border-bottom:1px solid #ffffff0b}.lg-kunye div:last-child{border-bottom:0}.lg-kunye dt{color:#7d879f;font-size:12.5px}.lg-kunye dd{margin:0;font-size:13.5px;font-weight:700;overflow-wrap:anywhere}
.lg-group{display:grid;gap:12px}.lg-group>header h2{margin:0;font:800 20px var(--font-head)}.lg-group>header p{margin:2px 0 0;color:#8a94ad;font-size:13.5px}
.lg-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}
.lg-card{display:flex;align-items:center;gap:14px;padding:16px;border:1px solid #ffffff10;border-radius:18px;background:#121827;color:inherit;text-decoration:none;transition:border-color .15s,transform .15s}.lg-card:hover{border-color:#6366f166;transform:translateY(-2px)}
.lg-card>i{display:grid;place-items:center;flex:none;width:44px;height:44px;border-radius:14px;background:#6366f11f;color:#a5b4fc}.lg-card>i .icon{width:20px;height:20px}
.lg-card>span{flex:1;display:grid;gap:2px;min-width:0}.lg-card b{font-size:14.5px}.lg-card small{color:#7d879f;font-size:12.5px;line-height:1.45}
.lg-card>em{display:inline-flex;align-items:center;gap:4px;flex:none;color:#6c7792;font-size:11.5px;font-style:normal;white-space:nowrap}.lg-card>em .icon{width:13px;height:13px;transform:rotate(-90deg)}
.lg-ch{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.lg-chc{display:grid;align-content:start;justify-items:start;gap:8px;padding:18px;border:1px solid #ffffff10;border-top:3px solid var(--k);border-radius:20px;background:#121827}
.lg-chc>i{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:color-mix(in srgb,var(--k) 16%,transparent);color:var(--k)}.lg-chc>i .icon{width:20px;height:20px}
.lg-chc b{font-size:15px}.lg-chc p{margin:0;color:#8a94ad;font-size:13px;line-height:1.5;overflow-wrap:anywhere}.lg-chc .btn{margin-top:4px}
.lg-contact-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:16px;align-items:start}
.lg-warn{border-color:#f59e0b33}.lg-warn>b .icon{color:#fbbf24}.lg-warn ul{display:grid;gap:8px;margin:0;padding-left:18px;color:#c3cad8;font-size:13.5px;line-height:1.6}
.ft-legal{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 18px;padding:16px 0;border-top:1px solid #ffffff0d}.ft-legal a{color:#7d879f;font-size:12.5px;text-decoration:none}.ft-legal a:hover{color:#fff}
.ck{position:fixed;left:50%;bottom:20px;z-index:310;display:flex;align-items:center;gap:14px;width:min(760px,calc(100vw - 32px));padding:12px 14px 12px 16px;border:1px solid #ffffff17;border-radius:18px;background:#121827f2;backdrop-filter:blur(10px);box-shadow:0 24px 60px -20px #000;transform:translateX(-50%);animation:sc-in .3s ease}
.ck>i{display:grid;place-items:center;flex:none;width:36px;height:36px;border-radius:11px;background:#22c55e1f;color:#4ade80}.ck>i .icon{width:18px;height:18px}.ck p{flex:1;margin:0;color:#c3cad8;font-size:13px;line-height:1.5}.ck .btn{flex:none}
@media print{.site-header,.ft,.mobile-bottom,.dm-dock,.qr,.support-fab,.sw,.ck,.lg-side,.lg-tools,.lg-crumb,.lg-foot,.lg-admin{display:none!important}.lg-body{grid-template-columns:1fr}.lg-doc,.lg-hero{border:0;background:#fff;color:#000}.lg-doc p,.lg-def b,.lg-hero-copy p{color:#000!important}}
@media (max-width:1000px){.lg-body,.lg-hub-hero,.lg-contact-grid{grid-template-columns:1fr}.lg-side{position:static;max-height:none}.lg-others{display:none}.lg-ch{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.lg-hero{grid-template-columns:1fr;padding:20px}.lg-tools{grid-template-columns:1fr 1fr}.lg-doc{padding:18px}.lg-def{grid-template-columns:1fr}.lg-kunye div{grid-template-columns:1fr;gap:2px}.lg-ch{grid-template-columns:1fr}.ck{bottom:84px;flex-wrap:wrap}.ck .btn{width:100%;justify-content:center}}
@media (max-width:640px){.lg-tools{grid-template-columns:1fr}}

/* Yasal belgeler: içindekiler düzeltmesi */
.lg-side{top:var(--lg-top,148px);max-height:calc(100vh - var(--lg-top,148px) - 16px)}
.lg-doc section{scroll-margin-top:calc(var(--lg-top,148px) + 4px);margin:0 -14px;padding:16px 14px 18px;border-radius:16px;transition:background .4s,box-shadow .4s}
.lg-doc section.hit{background:#6366f114;box-shadow:inset 3px 0 0 #818cf8}
.lg-all{display:flex;align-items:center;gap:8px;margin-top:8px;padding:8px;border-top:1px solid #ffffff0b;color:#a5b4fc;font-size:13px;font-weight:700;text-decoration:none}.lg-all .icon{width:15px;height:15px}.lg-all:hover{color:#fff}
.lg-more{display:grid;gap:12px;margin-top:14px;padding-top:18px;border-top:1px solid #ffffff0d}.lg-more h3{margin:0;color:#8a94ad;font:800 12px var(--font-head);letter-spacing:.12em;text-transform:uppercase}
.lg-more>div{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px}
.lg-more-card{display:flex;align-items:flex-start;gap:10px;padding:12px;border:1px solid #ffffff0d;border-radius:14px;background:#0b0f18;color:inherit;text-decoration:none;transition:border-color .15s}.lg-more-card:hover{border-color:#6366f166}
.lg-more-card i{display:grid;place-items:center;flex:none;width:32px;height:32px;border-radius:10px;background:#6366f11f;color:#a5b4fc}.lg-more-card i .icon{width:15px;height:15px}
.lg-more-card span{display:grid;gap:2px;min-width:0}.lg-more-card b{font-size:13px}.lg-more-card small{overflow:hidden;color:#7d879f;font-size:11.5px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
@media print{.lg-more{display:none!important}}

/* ───── 90. Alt bilgi eklemeleri (önceki tasarımın üzerine) ───── */
.ft-social{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.ft-social a{display:grid;place-items:center;width:36px;height:36px;border:1px solid #ffffff14;border-radius:11px;background:#ffffff06;color:#aab3c7;transition:color .15s,border-color .15s,transform .15s}.ft-social a:hover{border-color:var(--c);color:var(--c);transform:translateY(-2px)}.ft-social svg{width:17px;height:17px;fill:currentColor}
.ft-note{display:flex;align-items:flex-start;justify-content:center;gap:8px;margin:0 auto;padding:0 0 14px;max-width:900px;color:#6c7792;font-size:12px;line-height:1.6;text-align:center}.ft-note>.icon{flex:none;width:14px;height:14px;margin-top:2px;color:#4ade80}.ft-note b{color:#aab3c7}.ft-note .text-link{font-size:12px}

/* ───── 91. İlan kartı v2 ───── */
.product-card.pc{position:relative;display:flex;flex-direction:column;overflow:hidden;padding:0;border:1px solid #ffffff12;border-radius:20px;background:linear-gradient(180deg,#141b2b,#10151f);transition:border-color .2s,transform .2s,box-shadow .2s}
.product-card.pc:hover{border-color:color-mix(in srgb,var(--art-a,#6366f1) 45%,#6366f1);transform:translateY(-3px);box-shadow:0 20px 40px -22px #000}
.product-card.pc.is-doped{border-color:#f59e0b66}.product-card.pc.is-featured{border-color:#818cf866}.product-card.pc.is-out{opacity:.72}
.pc-art{position:relative;display:grid;place-items:center;aspect-ratio:4/3;overflow:hidden;background:radial-gradient(circle at 30% 20%,var(--art-a,#6366f1),transparent 60%),linear-gradient(135deg,var(--art-b,#1e293b),#0b0f18);color:#fff;text-decoration:none}
.pc-art::before{content:"";position:absolute;inset:0;background:var(--cover) center/cover;opacity:.22;filter:blur(1px)}
.pc-art.has-image::before{display:none}
.pc-art>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .35s}
.product-card.pc:hover .pc-art>img{transform:scale(1.04)}
.pc-art .product-logo,.pc-art .game-mark{position:relative;max-width:62%;max-height:46%;object-fit:contain}
.pc-shade{position:absolute;inset:auto 0 0 0;height:55%;background:linear-gradient(180deg,transparent,#0b0f18e6);pointer-events:none}
.pc-tags{position:absolute;top:10px;left:10px;display:grid;gap:5px;justify-items:start}
.pc-tag{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:99px;font:900 10.5px var(--font-head);font-style:normal;letter-spacing:.06em;text-transform:uppercase;color:#fff;box-shadow:0 6px 14px -6px #000}
.pc-tag .icon{width:12px;height:12px}.pc-tag.hot{background:linear-gradient(135deg,#f97316,#ef4444)}.pc-tag.feat{background:linear-gradient(135deg,#6366f1,#8b5cf6)}.pc-tag.dop{background:linear-gradient(135deg,#f59e0b,#eab308);color:#1a1205}.pc-tag.boost{background:linear-gradient(135deg,#0ea5e9,#22d3ee);color:#05202a}
.pc-off,.pc-flash{position:absolute;bottom:10px;right:10px;padding:4px 9px;border-radius:10px;background:#ef4444;color:#fff;font:900 12px var(--font-head)}
.pc-flash{display:inline-flex;align-items:center;gap:4px;background:linear-gradient(135deg,#ef4444,#f97316);font-size:11px}.pc-flash .icon{width:12px;height:12px}
.pc-game{position:absolute;left:10px;bottom:10px;display:inline-flex;align-items:center;gap:6px;max-width:60%;padding:3px 9px 3px 3px;border-radius:99px;background:#0b0f18cc;backdrop-filter:blur(6px);font-size:11.5px}
.pc-game .game-tile{width:22px;height:22px;border-radius:50%;font-size:9px}.pc-game b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.product-card.pc .compare-toggle{top:auto;bottom:auto;top:52px;right:10px;left:auto}
.pc-body{display:flex;flex:1;flex-direction:column;gap:9px;padding:12px 14px 14px}
.pc-seller{display:flex;align-items:center;gap:7px;min-width:0;font-size:12.5px}.pc-seller .avatar{width:24px;height:24px;flex:none;border-radius:8px;font-size:10px}
.pc-store{overflow:hidden;color:#c3cad8;font-weight:700;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}.pc-store:hover{color:#fff}
.pc-title{display:-webkit-box;min-height:2.7em;overflow:hidden;color:#f1f3f9;font:800 14.5px/1.35 var(--font-head);text-decoration:none;-webkit-line-clamp:2;-webkit-box-orient:vertical}.pc-title:hover{color:#c7d2fe}
.pc-meta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px;color:#8a94ad;font-size:12px}
.pc-meta>span:first-child{display:inline-flex;align-items:center;gap:5px}.pc-meta .icon{width:13px;height:13px}.pc-meta .fast{color:#4ade80;font-weight:700}
.pc-cat{padding:2px 8px;border-radius:99px;background:#ffffff0a;color:#aab3c7;font-size:11px;font-weight:700}
.pc-foot{display:flex;align-items:flex-end;justify-content:space-between;gap:8px;margin-top:auto;padding-top:4px}
.pc-price{display:grid;gap:1px}.pc-price s{color:#6c7792;font-size:12px}.pc-price strong{color:#4ade80;font:900 20px/1.1 var(--font-head);letter-spacing:-.01em}
.pc-pass{display:inline-flex;align-items:center;gap:4px;color:#a5b4fc;font-size:11px;font-weight:700}.pc-pass b{padding:0 5px;border-radius:5px;background:#6366f1;color:#fff;font-size:9.5px}
.pc-rate{display:inline-flex;align-items:center;gap:4px;padding:4px 9px;border:1px solid #22c55e44;border-radius:99px;background:#22c55e14;color:#4ade80;font-weight:800;font-size:12.5px}.pc-rate .icon{width:13px;height:13px}.pc-rate small{color:#7d879f;font-weight:600}
.pc-new{padding:4px 9px;border-radius:99px;background:#ffffff0a;color:#8a94ad;font-size:11.5px;font-weight:700}
.pc-actions{display:flex;align-items:center;gap:8px;padding-top:10px;border-top:1px solid #ffffff0b}

.pc-cart{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:38px;padding:0 14px;border:0;border-radius:12px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;font-weight:800;font-size:13px;cursor:pointer;box-shadow:0 10px 22px -12px #6366f1;transition:filter .15s,transform .15s}
.pc-cart:hover{filter:brightness(1.1);transform:translateY(-1px)}.pc-cart .icon{width:16px;height:16px}.pc-cart.added{background:linear-gradient(135deg,#22c55e,#14b8a6)}
.pc-soldout{display:inline-flex;align-items:center;gap:6px;width:100%;justify-content:center;height:38px;border-radius:12px;background:#ffffff08;color:#7d879f;font-weight:800;font-size:13px}.pc-soldout .icon{width:15px;height:15px}
.cat-results.is-list .product-card.pc{display:grid;grid-template-columns:220px minmax(0,1fr);flex-direction:row}.cat-results.is-list .pc-art{aspect-ratio:auto;height:100%;min-height:170px}
@media(max-width:600px){.cat-results.is-list .product-card.pc{grid-template-columns:minmax(0,1fr)}.pc-cart span{display:none}.pc-cart{width:42px;padding:0}.pc-price strong{font-size:18px}}
/* İlan sayfası: tekil ürün etiketi */

/* İlan formu: stok türü */
.lw-stockmode{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.lw-stockmode label{position:relative;cursor:pointer}.lw-stockmode input{position:absolute;opacity:0;pointer-events:none}
.lw-stockmode span{display:grid;gap:3px;height:100%;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:#0b0f18;transition:border-color .15s,background .15s}
.lw-stockmode b{display:flex;align-items:center;gap:6px;font-size:13.5px}.lw-stockmode b .icon{width:15px;height:15px;color:#a5b4fc}.lw-stockmode small{color:var(--muted);font-size:11.5px;line-height:1.4}
.lw-stockmode input:checked+span{border-color:#6366f1;background:#6366f11a}.lw-stockmode input:focus-visible+span{outline:2px solid #818cf8}
.lw-stockqty{display:grid;gap:6px;margin-top:8px}.lw-stockqty>span{color:var(--muted);font-size:12.5px;font-weight:700}
/* ───── 92. Kategori filtresi: sabit panel, içi kayar ───── */
.cat-layout{align-items:stretch}
.cat-layout>.cat-side{position:static;max-height:none;overflow:visible;align-self:stretch;align-content:start}
.cat-layout>.cat-side .cat-filter{position:sticky;top:calc(var(--hdr-h,132px) + 14px);display:flex;flex-direction:column;max-height:calc(100vh - var(--hdr-h,132px) - 28px);overflow:hidden;border:1px solid #ffffff12;border-radius:20px;background:linear-gradient(180deg,#151c2d,#10151f);box-shadow:0 20px 50px -30px #000}
.cat-filter .cat-filter-head{flex:none;display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid #ffffff0d;background:#ffffff05}
.cat-filter .cat-filter-head>.icon{width:30px;height:30px;padding:7px;border-radius:10px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff}
.cat-filter .cat-filter-body{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:6px 14px 14px;scrollbar-width:thin}
.cat-filter .cat-filter-foot{flex:none;display:grid;gap:8px;padding:12px 14px 14px;border-top:1px solid #ffffff0d;background:#10151f}
.cat-filter .cat-filter-foot .btn{justify-content:center;gap:6px;width:100%}
@media (max-width:900px){.cat-layout>.cat-side .cat-filter{position:static;max-height:none}.cat-filter .cat-filter-body{overflow:visible}}
.cat-layout>.cat-main{align-self:start;align-content:start}
.product-card.pc .pc-cart{width:auto;min-width:0;flex:none}.product-card.pc .pc-cart span{display:inline}@media(max-width:600px){.product-card.pc .pc-cart{width:42px;padding:0}.product-card.pc .pc-cart span{display:none}}

/* Panel çubuğu: çıkış düğmesi */
.hb-logout{display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid #ef444455;border-radius:14px;background:#ef444414;color:#f87171;cursor:pointer;transition:background .15s,color .15s,transform .15s}
.hb-logout:hover{background:#ef4444;color:#fff;transform:translateY(-1px)}.hb-logout .icon{width:19px;height:19px}
@media (max-width:640px){.hb-logout{width:38px;height:38px}}

/* ───── 93. Bakiye yükleme v2 ───── */
.tz-back{position:fixed;inset:0;z-index:330;display:grid;place-items:center;padding:16px;background:#05070dd6;backdrop-filter:blur(6px);animation:so-in .2s ease}.tz-back.out{opacity:0;transition:opacity .18s}
html:has(.tz-back),html:has(.tz-back) body{overflow:hidden}
.tz{display:grid;grid-template-rows:auto minmax(0,1fr);width:min(1040px,100%);max-height:calc(100vh - 32px);border:1px solid #ffffff17;border-radius:26px;background:#0f1420;box-shadow:0 40px 100px -20px #000;overflow:hidden;animation:sc-in .28s cubic-bezier(.2,.8,.2,1)}
.tz-head{display:flex;align-items:center;gap:14px;padding:18px 20px;border-bottom:1px solid #ffffff0d;background:radial-gradient(420px 160px at 0 0,#22c55e22,transparent 70%),#121827}
.tz-ic{display:grid;place-items:center;flex:none;width:46px;height:46px;border-radius:15px;background:linear-gradient(135deg,#22c55e,#14b8a6);color:#fff;box-shadow:0 12px 26px -12px #22c55e}.tz-ic .icon{width:22px;height:22px}
.tz-head>div{flex:1;min-width:0}.tz-head h2{margin:0;font:900 21px var(--font-head)}.tz-head p{margin:2px 0 0;color:#8a94ad;font-size:13px}
.tz-bal{display:grid;padding:6px 14px;border:1px solid #ffffff12;border-radius:14px;background:#0b0f18;text-align:right}.tz-bal small{color:#7d879f;font-size:11px}.tz-bal b{font:900 16px var(--font-head);color:#4ade80}
.tz-x{display:grid;place-items:center;flex:none;width:38px;height:38px;padding:0;border:0;border-radius:12px;background:#ffffff0f;color:#aab3c7;cursor:pointer}.tz-x:hover{background:#ffffff1c;color:#fff}.tz-x .icon{width:17px;height:17px}
.tz-body{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,1fr);min-height:0}
.tz-main{display:grid;align-content:start;gap:22px;min-height:0;padding:20px;overflow:auto;overscroll-behavior:contain}
.tz-step h3{display:flex;align-items:center;gap:10px;margin:0 0 12px;font:800 15px var(--font-head)}.tz-step h3 em{display:grid;place-items:center;width:26px;height:26px;border-radius:9px;background:#22c55e1f;color:#4ade80;font:900 13px var(--font-head);font-style:normal}
.tz-amount{display:flex;align-items:center;gap:6px;padding:6px 18px;border:2px solid #ffffff14;border-radius:18px;background:#0b0f18;transition:border-color .15s}.tz-amount:focus-within{border-color:#22c55e}
.tz-amount span{color:#4ade80;font:900 30px var(--font-head)}.tz-amount input{flex:1;min-width:0;height:62px;padding:0;border:0!important;background:none!important;box-shadow:none!important;color:#fff;font:900 36px var(--font-head);letter-spacing:-.02em;outline:0}
.tz-amount input::-webkit-inner-spin-button{opacity:.4}
.tz-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.tz-chips button{padding:8px 14px;border:1px solid #ffffff14;border-radius:99px;background:#0b0f18;color:#c3cad8;font-weight:800;font-size:13px;cursor:pointer;transition:border-color .15s,background .15s,color .15s}.tz-chips button:hover{color:#fff;border-color:#ffffff33}.tz-chips button.on{border-color:#22c55e;background:#22c55e1f;color:#4ade80}
.tz-after{display:flex;align-items:center;gap:6px;margin:10px 0 0;color:#8a94ad;font-size:13px}.tz-after .icon{width:15px;height:15px;color:#4ade80}.tz-after b{color:#4ade80}.tz-after.bad{color:#f87171}.tz-after.bad .icon{color:#f87171}
.tz-tools{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}
.tz-search{flex:1 1 240px;display:flex;align-items:center;gap:8px;height:42px;padding:0 12px;border:1px solid #ffffff12;border-radius:12px;background:#0b0f18}.tz-search .icon{width:16px;height:16px;color:#7d879f}.tz-search input{flex:1;min-width:0;height:100%;padding:0!important;border:0!important;background:none!important;box-shadow:none!important;color:#fff;outline:0}.tz-search:focus-within{border-color:#6366f1}
.tz-filter{display:flex;gap:4px;padding:4px;border-radius:12px;background:#0b0f18}.tz-filter button{padding:6px 12px;border:0;border-radius:9px;background:none;color:#8a94ad;font-weight:700;font-size:12.5px;cursor:pointer}.tz-filter button.on{background:#1f2840;color:#fff}
.tz-list{display:grid;gap:6px}
.tz-m{display:flex;align-items:center;gap:12px;width:100%;padding:10px 12px;border:1px solid #ffffff0d;border-radius:14px;background:#121827;color:inherit;text-align:left;cursor:pointer;transition:border-color .15s,background .15s}
.tz-m:hover{border-color:#ffffff26}.tz-m.on{border-color:#22c55e;background:linear-gradient(90deg,#22c55e14,#121827)}
.tz-m>i{display:grid;place-items:center;flex:none;width:42px;height:42px;border-radius:12px;background:var(--c);color:#fff;font:900 11.5px var(--font-head);font-style:normal;letter-spacing:.02em;box-shadow:0 8px 18px -10px var(--c)}
.tz-m>span:nth-of-type(1){flex:1;display:grid;min-width:0}.tz-m b{font-size:14px}.tz-m small{color:#7d879f;font-size:12px}.tz-m small em{color:#fbbf24;font-style:normal;font-weight:700}
.tz-m-fee{display:grid;justify-items:end;text-align:right}.tz-m-fee b{font-size:13.5px}.tz-m-fee small{font-size:11.5px}.tz-m-fee .free{color:#4ade80}
.tz-radio{flex:none;width:20px;height:20px;border:2px solid #ffffff2a;border-radius:50%;transition:border-color .15s,box-shadow .15s}.tz-m.on .tz-radio{border-color:#22c55e;box-shadow:inset 0 0 0 4px #0f1420,inset 0 0 0 10px #22c55e}
.tz-none{display:flex;align-items:center;gap:8px;justify-content:center;padding:20px;color:#7d879f}.tz-none .icon{width:16px;height:16px}
.tz-side{min-height:0;padding:20px;border-left:1px solid #ffffff0d;background:#0c1019;overflow:auto}
.tz-sum{position:sticky;top:0;display:grid;gap:14px}
.tz-sum h3{margin:0;color:#8a94ad;font:800 12px var(--font-head);letter-spacing:.12em;text-transform:uppercase}
.tz-picked{display:flex;align-items:center;gap:12px;min-height:62px;padding:10px 12px;border:1px solid #ffffff10;border-radius:16px;background:#121827}
.tz-picked>i{display:grid;place-items:center;flex:none;width:40px;height:40px;border-radius:12px;background:var(--c);color:#fff;font:900 11px var(--font-head);font-style:normal}.tz-picked span{display:grid;min-width:0}.tz-picked small{color:#7d879f;font-size:11.5px}.tz-picked b{font-size:14px}
.tz-pick-empty{display:flex!important;align-items:center;gap:8px;color:#7d879f;font-size:13px}.tz-pick-empty .icon{width:16px;height:16px}
.tz-sum dl{display:grid;gap:0;margin:0;padding:4px 14px;border:1px solid #ffffff0d;border-radius:16px;background:#121827}
.tz-sum dl div{display:flex;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px dashed #ffffff10;font-size:13.5px}.tz-sum dl div:last-child{border-bottom:0}.tz-sum dt{color:#8a94ad}.tz-sum dd{margin:0;font-weight:800;text-align:right}
.tz-sum dl .tot dt{color:#e6e9f2;font-weight:800}.tz-sum dl .tot dd{color:#4ade80;font:900 20px var(--font-head)}
.tz-pay{justify-content:center;gap:8px;width:100%;min-height:52px;border-radius:14px;background:linear-gradient(135deg,#22c55e,#14b8a6)!important;box-shadow:0 14px 30px -14px #22c55e}.tz-pay:disabled{opacity:.55;filter:grayscale(.4);box-shadow:none;cursor:not-allowed}.tz-pay .icon{width:17px;height:17px}
.tz-notes{display:grid;gap:8px;margin:0;padding:0;list-style:none}.tz-notes li{display:flex;gap:8px;color:#7d879f;font-size:12px;line-height:1.5}.tz-notes .icon{flex:none;width:14px;height:14px;margin-top:2px;color:#a5b4fc}
@media (max-width:860px){.tz-back{padding:0;place-items:end stretch}.tz{max-height:94vh;border-radius:22px 22px 0 0}.tz-body{grid-template-columns:1fr;overflow:auto}.tz-main{overflow:visible}.tz-side{border-left:0;border-top:1px solid #ffffff0d;overflow:visible}.tz-bal{display:none}.tz-head{padding:14px 16px}}
.tz .tz-amount input{height:62px!important;min-height:0!important;padding:0!important;border:0!important;background:none!important;box-shadow:none!important;color:#fff!important;font:900 36px/1 var(--font-head)!important;letter-spacing:-.02em}
.tz .tz-amount input::-webkit-inner-spin-button,.tz .tz-amount input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.tz .tz-amount input{-moz-appearance:textfield;appearance:textfield}
@media (max-width:860px){.tz-body{display:block;overflow:auto;overscroll-behavior:contain}.tz-main,.tz-side{min-height:auto;overflow:visible}}

/* ───── 94. İlanlarım v2 ───── */
.lm{display:grid;gap:16px}
.lm-sum{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}
.lm-tile{display:flex;align-items:center;gap:10px;padding:12px 14px;border:1px solid #ffffff10;border-radius:16px;background:#121827;min-width:0}
.lm-tile>i{display:grid;place-items:center;flex:none;width:36px;height:36px;border-radius:11px;background:color-mix(in srgb,var(--k) 15%,transparent);color:var(--k)}.lm-tile>i .icon{width:17px;height:17px}
.lm-tile span{display:grid;min-width:0}.lm-tile small{color:#8a94ad;font-size:11.5px;font-weight:700}.lm-tile b{font:900 19px/1.2 var(--font-head)}.lm-tile em{overflow:hidden;color:#6c7792;font-size:11px;font-style:normal;text-overflow:ellipsis;white-space:nowrap}
.lm-card{display:grid;gap:12px;padding:16px!important}
.lm-bar{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.lm-tabs{display:flex;gap:4px;padding:4px;border-radius:12px;background:#0b0f18;overflow-x:auto;scrollbar-width:none}
.lm-tabs button{display:inline-flex;align-items:center;gap:6px;flex:none;padding:7px 12px;border:0;border-radius:9px;background:none;color:#8a94ad;font-weight:700;font-size:13px;cursor:pointer}.lm-tabs button em{padding:0 6px;border-radius:99px;background:#ffffff10;font:800 10.5px/18px var(--font);font-style:normal}
.lm-tabs button.on{background:#1f2840;color:#fff}.lm-tabs button.on em{background:#6366f1;color:#fff}
.lm-search{flex:1 1 200px;display:flex;align-items:center;gap:8px;height:40px;padding:0 12px;border:1px solid #ffffff12;border-radius:12px;background:#0b0f18}.lm-search .icon{width:15px;height:15px;color:#7d879f}.lm-search input{flex:1;min-width:0;height:100%;padding:0!important;border:0!important;background:none!important;box-shadow:none!important;outline:0}
.lm-bar select{height:40px;min-height:0;padding:0 12px;border-radius:12px}
.lm-list{display:grid;gap:8px}
.lm-list>.bulk-toolbar{margin-bottom:4px}
.lm-row{display:grid;grid-template-columns:auto 72px minmax(0,1fr) auto auto;align-items:center;gap:14px;padding:12px 14px;border:1px solid #ffffff0d;border-radius:16px;background:#0f1420;transition:border-color .15s}
.lm-row:hover{border-color:#ffffff22}.lm-row.is-ended{background:#0d1119;opacity:.82}.lm-row.is-ended .lm-thumb{filter:grayscale(.6)}
.lm-check:empty{display:none}.lm-check .bulk-select{position:static;margin:0}
.lm-thumb{position:relative;display:grid;place-items:center;width:72px;height:56px;overflow:hidden;border-radius:12px;background:linear-gradient(135deg,var(--p1,#6366f1),var(--p2,#1e293b));color:#fff;text-decoration:none}.lm-thumb img{width:100%;height:100%;object-fit:cover}.lm-thumb b{font:900 15px var(--font-head)}
.lm-main{display:grid;gap:4px;min-width:0}.lm-kicker{overflow:hidden;color:#7d879f;font-size:11.5px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}
.lm-main h3{margin:0;overflow:hidden;font:800 14.5px var(--font-head);text-overflow:ellipsis;white-space:nowrap}
.lm-chips{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.lm-chips>span:not(.state-chip),.lmd-head .lm-lock{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:99px;background:#ffffff0a;color:#aab3c7;font-size:11.5px;font-weight:700}.lm-chips .icon,.lm-lock .icon{width:12px;height:12px}
.lm-stock.low{background:#f9731620!important;color:#fb923c!important}.lm-lock{background:#94a3b81a!important;color:#cbd5e1!important}.lm-dop{background:#f59e0b1f!important;color:#fbbf24!important}.lm-pin{background:#6366f11f!important;color:#a5b4fc!important}
.lm-note{display:flex;gap:6px;margin:2px 0 0;color:#a9b2c6;font-size:12px;line-height:1.5}.lm-note .icon{flex:none;width:14px;height:14px;margin-top:1px;color:#fbbf24}.lm-note.bad .icon{color:#f87171}
.lm-nums{display:grid;grid-template-columns:repeat(3,minmax(70px,auto));gap:6px}.lm-nums div{display:grid;justify-items:center;padding:6px 10px;border-radius:12px;background:#ffffff06;text-align:center}.lm-nums b{font:900 14px var(--font-head);white-space:nowrap}.lm-nums small{color:#7d879f;font-size:10.5px}
.lm-acts{display:flex;align-items:center;gap:6px}.lm-acts .btn{gap:5px;white-space:nowrap}.lm-acts .btn .icon{width:14px;height:14px}
.lm-more{position:relative}.lm-more summary{display:grid;place-items:center;width:34px;height:34px;border:1px solid #ffffff14;border-radius:10px;background:#ffffff06;color:#c3cad8;cursor:pointer;list-style:none}.lm-more summary::-webkit-details-marker{display:none}.lm-more summary .icon{width:16px;height:16px}.lm-more[open] summary{border-color:#6366f1;color:#fff}
.lm-more>div{position:absolute;right:0;top:40px;z-index:20;display:grid;gap:2px;min-width:200px;padding:6px;border:1px solid #ffffff17;border-radius:14px;background:#141b2b;box-shadow:0 20px 40px -14px #000}
.lm-more>div button{display:flex;align-items:center;gap:8px;width:100%;padding:8px 10px;border:0;border-radius:9px;background:none;color:#dfe3f0;font:600 13px var(--font);text-align:left;cursor:pointer}.lm-more>div button:hover{background:#ffffff0b}.lm-more>div button .icon{width:15px;height:15px;color:#a5b4fc}
.lm-more>div button.danger{color:#f87171}.lm-more>div button.danger .icon{color:#f87171}.lm-more>div button.danger:hover{background:#ef444414}
.lm-none{display:flex;align-items:center;justify-content:center;gap:8px;padding:24px;color:#7d879f}.lm-none .icon{width:16px;height:16px}
.lm-rule{display:flex;align-items:flex-start;gap:8px;margin:0;color:#6c7792;font-size:12px}.lm-rule .icon{flex:none;width:14px;height:14px;margin-top:1px}
/* İlan ayrıntı paneli */
.lmd-back{position:fixed;inset:0;z-index:320;display:flex;justify-content:flex-end;background:#05070dc4;backdrop-filter:blur(4px);animation:so-in .2s ease}.lmd-back.out{opacity:0;transition:opacity .18s}
html:has(.lmd-back),html:has(.lmd-back) body{overflow:hidden}
.lmd{display:grid;grid-template-rows:auto minmax(0,1fr) auto;width:min(560px,100%);height:100%;border-left:1px solid #ffffff17;background:#0f1420;box-shadow:-30px 0 80px -30px #000;animation:lmd-in .28s cubic-bezier(.2,.8,.2,1)}
@keyframes lmd-in{from{transform:translateX(40px);opacity:0}}
.lmd-load{display:grid;gap:12px;padding:24px}
.lmd-head{display:flex;align-items:flex-start;gap:14px;padding:18px 18px 16px;border-bottom:1px solid #ffffff0d;background:radial-gradient(360px 160px at 0 0,#6366f11f,transparent 70%),#121827}
.lmd-head .lm-thumb{flex:none;width:76px;height:60px}.lmd-head>div{flex:1;display:grid;gap:5px;justify-items:start;min-width:0}.lmd-head small{color:#7d879f;font-size:11.5px;font-weight:700}.lmd-head h2{margin:0;font:900 17px/1.3 var(--font-head)}
.lmd-x{display:grid;place-items:center;flex:none;width:36px;height:36px;padding:0;border:0;border-radius:11px;background:#ffffff0f;color:#aab3c7;cursor:pointer}.lmd-x .icon{width:16px;height:16px}.lmd-x:hover{background:#ffffff1c;color:#fff}
.lmd-body{display:grid;align-content:start;gap:18px;padding:18px;overflow:auto;overscroll-behavior:contain}
.lmd-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.lmd-kpi{display:grid;gap:2px;padding:12px;border:1px solid #ffffff0d;border-radius:14px;background:#121827}.lmd-kpi i{display:grid;place-items:center;width:30px;height:30px;margin-bottom:4px;border-radius:9px;background:color-mix(in srgb,var(--k) 15%,transparent);color:var(--k)}.lmd-kpi i .icon{width:15px;height:15px}
.lmd-kpi small{color:#8a94ad;font-size:11.5px;font-weight:700}.lmd-kpi b{font:900 19px/1.15 var(--font-head)}.lmd-kpi em{color:#6c7792;font-size:11px;font-style:normal;line-height:1.35}
.lmd-sec{display:grid;gap:10px}.lmd-sec h3{margin:0;color:#8a94ad;font:800 11.5px var(--font-head);letter-spacing:.12em;text-transform:uppercase}
.lmd-chart{display:grid;grid-template-columns:repeat(14,1fr);align-items:end;gap:5px;height:120px;padding:10px;border:1px solid #ffffff0d;border-radius:14px;background:#121827}
.lmd-chart div{display:grid;grid-template-rows:1fr auto;justify-items:center;gap:4px;height:100%}.lmd-chart i{align-self:end;width:100%;max-width:18px;border-radius:6px 6px 2px 2px;background:linear-gradient(#a78bfa,#6366f1)}.lmd-chart small{color:#6c7792;font-size:10px}
.lmd-pills{display:flex;flex-wrap:wrap;gap:6px}.lmd-pills span{padding:6px 11px;border:1px solid #ffffff10;border-radius:99px;background:#121827;color:#aab3c7;font-size:12.5px}.lmd-pills b{color:#fff}.lmd-pills .ok b{color:#4ade80}.lmd-pills .bad b{color:#f87171}
.lmd-orders{display:grid;gap:4px}.lmd-order{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:12px;background:#121827;color:inherit;text-decoration:none}.lmd-order:hover{background:#161d2e}.lmd-order>span{flex:1;display:grid}.lmd-order small{color:#7d879f;font-size:11.5px}
.lmd-prices{display:grid;gap:4px}.lmd-prices div{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center;padding:8px 10px;border-radius:10px;background:#121827;font-size:13px}.lmd-prices span{color:#8a94ad}.lmd-prices em{min-width:80px;color:#7d879f;font-size:12px;font-style:normal;text-align:right}.lmd-prices em.down{color:#4ade80}.lmd-prices em.up{color:#f87171}
.lmd-time{position:relative;display:grid;gap:12px;margin:0;padding:0 0 0 22px;list-style:none}.lmd-time::before{content:"";position:absolute;left:6px;top:6px;bottom:6px;width:2px;background:#ffffff14}
.lmd-time li{position:relative;display:grid}.lmd-time li::before{content:"";position:absolute;left:-21px;top:4px;width:12px;height:12px;border:2px solid #0f1420;border-radius:50%;background:#6366f1}.lmd-time li.end::before{background:#94a3b8}.lmd-time b{font-size:13.5px}.lmd-time span{color:#7d879f;font-size:12px}
.lmd-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:8px;padding:14px 18px;border-top:1px solid #ffffff0d;background:#121827}.lmd-foot p{flex:1 1 100%;display:flex;align-items:center;gap:6px;margin:0;color:#8a94ad;font-size:12.5px}.lmd-foot p .icon{width:14px;height:14px}.lmd-foot .btn{gap:6px}.lmd-foot .btn .icon{width:15px;height:15px}
@media (max-width:1180px){.lm-sum{grid-template-columns:repeat(3,minmax(0,1fr))}.lm-row{grid-template-columns:auto 64px minmax(0,1fr) auto}.lm-nums{grid-column:2/-1;grid-row:2;justify-content:start}.lm-acts{grid-column:4;grid-row:1}}
@media (max-width:700px){.lm-sum{grid-template-columns:repeat(2,minmax(0,1fr))}.lm-row{grid-template-columns:56px minmax(0,1fr);gap:10px}.lm-check{grid-column:1/-1}.lm-thumb{width:56px;height:46px}.lm-nums{grid-column:1/-1;grid-row:auto;grid-template-columns:repeat(3,1fr)}.lm-acts{grid-column:1/-1;grid-row:auto;justify-content:flex-end}.lmd{width:100%}.lmd-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
.lm-check{display:block;width:20px}.lm-check:empty{display:block}
.lm-dots{display:flex;gap:3px}.lm-dots i{width:4px;height:4px;border-radius:50%;background:currentColor}
.lm-bar select{flex:none;width:auto!important;min-width:180px}
@media (max-width:700px){.lm-check{width:auto}.lm-bar select{width:100%!important}}
@media (max-width:700px){.lm-row{width:100%;box-sizing:border-box}.lm-row>*{min-width:0}.lm-nums{grid-template-columns:repeat(3,minmax(0,1fr))}.lm-nums div{padding:6px 4px}.lm-acts{flex-wrap:wrap}.lm-chips{min-width:0}}
.lm-card{grid-template-columns:minmax(0,1fr)}.lm-tabs{max-width:100%;min-width:0}.lm-bar>*{min-width:0}

/* ───── 95. İlan kartı: stok yazısı yok, sepet tam genişlik ───── */
.product-card.pc .pc-cart{flex:1;width:100%}
@media(max-width:600px){.product-card.pc .pc-cart{width:100%;padding:0 12px}.product-card.pc .pc-cart span{display:inline}}
/* ───── 96. İlan sayfası v2 ───── */
.ip{display:grid;gap:18px;padding-top:18px;padding-bottom:40px}

.ip-tool{position:relative;display:grid;place-items:center;width:40px;height:40px;padding:0;border:1px solid #ffffff14;border-radius:12px;background:#0b0f18;color:#aab3c7;cursor:pointer;transition:border-color .15s,color .15s,background .15s}
.ip-tool .icon{width:17px;height:17px}.ip-tool span{position:absolute;bottom:calc(100% + 6px);left:50%;padding:4px 8px;border-radius:8px;background:#1f2840;color:#fff;font-size:11.5px;font-weight:700;white-space:nowrap;transform:translateX(-50%);opacity:0;pointer-events:none;transition:opacity .15s}
.ip-tool:hover{border-color:#6366f1;color:#fff}.ip-tool:hover span{opacity:1}.ip-tool.on{border-color:#f472b6;background:#f472b61a;color:#f472b6}

.ip-empty{display:grid;justify-items:center;gap:4px;padding:26px 10px;text-align:center}.ip-empty>.icon{width:28px;height:28px;margin-bottom:4px;color:#a5b4fc}.ip-empty small{color:#7d879f}

.ip-mbar{display:none}

@media (max-width:860px){
  
  .ip-mbar{position:fixed;left:10px;right:10px;bottom:76px;z-index:60;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px 10px 16px;border:1px solid #ffffff17;border-radius:18px;background:#121827f2;backdrop-filter:blur(10px);box-shadow:0 20px 40px -14px #000}
  .ip-mbar span{display:grid}.ip-mbar small{color:#8a94ad;font-size:11px}.ip-mbar b{color:#4ade80;font:900 18px var(--font-head)}.ip-mbar .btn{gap:6px;background:linear-gradient(135deg,#22c55e,#14b8a6)}.ip-mbar .icon{width:15px;height:15px}
  .ip{padding-bottom:150px}
}

@media (max-width:860px){body:has(.ip-mbar) .dm-dock{bottom:152px}body:has(.ip-mbar) .support-fab{bottom:152px}}

/* ───── 97. İlan sayfası v3 ───── */
.lp{display:grid;gap:18px;padding-top:16px;padding-bottom:40px}
.lp-hero{display:grid;grid-template-columns:minmax(260px,330px) minmax(0,1fr);gap:26px;padding:22px;border:1px solid #ffffff12;border-radius:22px;background:#121827}
.lp-media{display:grid;gap:8px;align-content:start}
.lp-shot{position:relative;display:grid;place-items:center;aspect-ratio:1;overflow:hidden;border:1px solid #ffffff14;border-radius:18px;background:radial-gradient(circle at 30% 20%,var(--art-a),transparent 60%),linear-gradient(135deg,var(--art-b),#0b0f18)}
.lp-shot::before{content:"";position:absolute;inset:0;background:var(--cover) center/cover;opacity:.22}.lp-shot>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.lp-shot .pd-gallery-logo{position:relative;z-index:1;display:grid;place-items:center;width:100%;height:100%}.lp-shot .pd-gallery-logo img{position:static;width:auto;height:auto;max-width:52%;max-height:46%;object-fit:contain;filter:drop-shadow(0 18px 30px #000a)}
.lp-ribbon{position:absolute;top:10px;left:10px;display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:99px;background:linear-gradient(135deg,#f97316,#ef4444);color:#fff;font:900 11px var(--font-head);letter-spacing:.05em;text-transform:uppercase}.lp-ribbon .icon{width:13px;height:13px}
.lp-off{position:absolute;bottom:10px;left:10px;padding:4px 10px;border-radius:10px;background:#ef4444;color:#fff;font:900 12px var(--font-head)}
.lp-shot .lp-fav{top:10px;right:10px}
.lp-thumbs{display:flex;gap:6px;overflow-x:auto}.lp-thumbs button{flex:none;width:64px;height:64px;padding:0;overflow:hidden;border:2px solid #ffffff14;border-radius:10px;background:#0b0f18;cursor:pointer}.lp-thumbs button:hover{border-color:#6366f1}.lp-thumbs img{width:100%;height:100%;object-fit:cover}
.lp-body{display:grid;align-content:start;gap:14px;min-width:0}
.lp-top{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px}
.lp-cat{display:inline-flex;align-items:center;gap:7px;padding:5px 12px 5px 5px;border-radius:99px;background:color-mix(in srgb,var(--c,#ef4444) 85%,#000);color:#fff;font-weight:800;font-size:13px}.lp-cat .game-tile{width:22px;height:22px;border-radius:50%;font-size:8px}
.lp-no{color:#8a94ad;font-size:13px;font-weight:700}
.lp-top-acts{display:flex;gap:6px;margin-left:auto}.lp-top-acts button{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border:0;border-radius:10px;background:none;color:#aab3c7;font:700 13px var(--font);cursor:pointer}.lp-top-acts button:hover{background:#ffffff0a;color:#fff}.lp-top-acts .icon{width:15px;height:15px}
.lp-body h1{margin:0;font:900 clamp(20px,2.3vw,28px)/1.25 var(--font-head)}
.lp-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 16px;padding-bottom:14px;border-bottom:1px solid #ffffff0f;color:#8a94ad;font-size:12.5px;font-weight:600}.lp-meta>span{display:inline-flex;align-items:center;gap:5px}.lp-meta .icon{width:14px;height:14px;color:#818cf8}
.lp-incart{margin-left:auto;color:#818cf8!important;font-weight:800}
.lp-badges{display:flex;flex-wrap:wrap;gap:8px}
.lp-badge{--c:#94a3b8;display:inline-flex;align-items:center;gap:7px;padding:9px 14px;border:1px solid color-mix(in srgb,var(--c) 45%,transparent);border-radius:12px;background:color-mix(in srgb,var(--c) 12%,transparent);color:color-mix(in srgb,var(--c) 75%,#fff);font-size:13px;font-weight:800}.lp-badge .icon{width:15px;height:15px}
.lp-badge.ok{--c:#22c55e}.lp-badge.warn{--c:#f59e0b}.lp-badge.gold{--c:#eab308}.lp-badge.violet{--c:#a78bfa}
.lp-buy{display:grid;gap:10px;padding:14px 16px;border:1px solid #ffffff12;border-radius:16px;background:#0e131e}
.lp-buy{grid-template-columns:minmax(0,1fr) auto;align-items:center}
.lp-price{display:grid;gap:5px;justify-items:start}.lp-price s{color:#6c7792;font-size:13px}
.lp-price strong{display:inline-flex;align-items:center;gap:8px;color:#4ade80;font:900 28px/1 var(--font-head);letter-spacing:-.01em}.lp-price strong .icon{width:24px;height:24px;color:#fbbf24}
.lp-pass{display:inline-flex;align-items:center;gap:6px;padding:3px 4px 3px 4px;border-radius:99px;background:#6366f11a;color:#c7d2fe;font-size:12.5px;font-weight:700}.lp-pass>b{padding:2px 8px;border-radius:99px;background:#818cf8;color:#0b0f18;font-size:10.5px}.lp-pass em{color:#fff;font-style:normal;font-weight:900}.lp-pass button{display:grid;place-items:center;width:20px;height:20px;padding:0;border:0;border-radius:50%;background:#ffffff14;color:#fff;cursor:pointer}.lp-pass button .icon{width:12px;height:12px;transform:rotate(-90deg)}
.lp-flash{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:99px;background:#f973161f;color:#fb923c;font-size:12px;font-weight:800}.lp-flash .icon{width:13px;height:13px}
.lp-buy-acts{display:flex;align-items:center;gap:8px}
.lp-step{display:flex;align-items:center;height:48px;border:1px solid #ffffff17;border-radius:12px;background:#0b0f18;overflow:hidden}.lp-step button{width:40px;height:100%;border:0;background:none;color:#fff;font-size:18px;font-weight:800;cursor:pointer}.lp-step button:hover{background:#ffffff0d}
.lp-step input{width:46px;height:100%!important;min-height:0!important;padding:0!important;border:0!important;background:none!important;text-align:center;font-weight:900;-moz-appearance:textfield}.lp-step input::-webkit-inner-spin-button{-webkit-appearance:none}
.lp-cartbtn{display:grid;place-items:center;width:48px;height:48px;padding:0;border:1px solid #6366f166;border-radius:12px;background:#6366f11f;color:#a5b4fc;cursor:pointer}.lp-cartbtn:hover{background:#6366f1;color:#fff}.lp-cartbtn .icon{width:20px;height:20px}
.lp-buybtn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:190px;height:48px;padding:0 22px;border:0;border-radius:12px;background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#1a1205;font:900 15px var(--font-head);letter-spacing:.04em;cursor:pointer;box-shadow:0 14px 30px -14px #f59e0b;transition:filter .15s,transform .15s}.lp-buybtn:hover{filter:brightness(1.07);transform:translateY(-1px)}.lp-buybtn .icon{width:18px;height:18px}
.lp-buybtn.alert{background:#ffffff10;color:#e6e9f2;box-shadow:none;letter-spacing:0;font-size:13px}
.lp-buy-foot{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;padding-top:8px;border-top:1px dashed #ffffff10}
.lp-buy-foot details{position:relative}.lp-buy-foot summary{display:inline-flex;align-items:center;gap:6px;color:#8a94ad;font-size:12.5px;font-weight:700;cursor:pointer;list-style:none}.lp-buy-foot summary::-webkit-details-marker{display:none}.lp-buy-foot summary .icon{width:14px;height:14px;color:#a5b4fc}.lp-buy-foot details[open] summary{color:#fff}
.lp-buy-foot details>input{display:flex;gap:6px;margin-top:6px;min-width:260px}
.lp-total{margin-left:auto;color:#8a94ad;font-size:12.5px}.lp-total b{color:#fff;font-size:14px}
.lp-buy .form-error{grid-column:1/-1}
.lp-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:18px;align-items:start}
.lp-main{padding:0!important;overflow:hidden}
.lp-tabs{display:flex;gap:4px;padding:10px 14px 0!important;border-bottom:1px solid #ffffff0f;background:none!important;border-radius:0!important}.lp-tabs button{padding:12px 18px!important;border-radius:12px 12px 0 0!important}
.lp-main [data-tab-panel]{display:grid;gap:14px;padding:20px}.lp-main [data-tab-panel][hidden]{display:none}
.lp-hold{display:flex;gap:14px;padding:16px;border:1px solid #6366f155;border-radius:16px;background:linear-gradient(135deg,#6366f11a,#121827)}.lp-hold>.icon{flex:none;width:44px;height:44px;padding:11px;border-radius:13px;background:#6366f126;color:#a5b4fc}.lp-hold b{font-size:15px}.lp-hold p{margin:4px 0 0;color:#a9b2c6;font-size:13.5px;line-height:1.6}.lp-hold p b{font-size:inherit;color:#fff}
.lp-h{display:flex;align-items:center;gap:8px;margin:6px 0 0;font:800 17px var(--font-head)}.lp-h .icon{width:17px;height:17px;color:#8a94ad}

.lp-plain{display:grid;gap:6px;margin:0;padding:0;list-style:none}.lp-plain li{display:flex;gap:8px;color:#c3cad8;font-size:13.5px}.lp-plain .icon{flex:none;width:15px;height:15px;margin-top:2px;color:#4ade80}
.lp-desc{font-size:14px;line-height:1.75}
.lp-side{display:grid;gap:14px}
.lp-seller{overflow:hidden;border:1px solid #ffffff12;border-radius:20px;background:#121827}
.lp-seller-cover{position:relative;height:90px;background:radial-gradient(260px 120px at 20% 0,color-mix(in srgb,var(--sa) 70%,transparent),transparent 70%),linear-gradient(120deg,color-mix(in srgb,var(--sa) 45%,#0b0f18),#141b2b)}
.lp-seller-tag{position:absolute;top:10px;left:12px;display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:99px;background:#0b0f18cc;color:#fde68a;font:800 11px var(--font-head);letter-spacing:.06em;text-transform:uppercase}.lp-seller-tag svg,.lp-seller-tag .icon{width:13px;height:13px}
.lp-seller-row{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;margin-top:-34px;padding:0 16px}
.lp-seller-ava .lp-seller-logo{display:grid;place-items:center;width:72px;height:72px;border:3px solid #121827;border-radius:18px;background:linear-gradient(135deg,var(--sa),#8b5cf6);color:#fff;font:900 22px var(--font-head);overflow:hidden;box-shadow:0 10px 24px -10px #000}.lp-seller-ava img{width:100%;height:100%;object-fit:cover}
.lp-seller-acts{display:flex;gap:6px}.lp-seller-acts>*{display:grid;place-items:center;width:38px;height:38px;padding:0;border:1px solid #ffffff17;border-radius:11px;background:#0b0f18;color:#c3cad8;cursor:pointer}.lp-seller-acts>*:hover{border-color:var(--sa);color:#fff}.lp-seller-acts .icon{width:17px;height:17px}
.lp-seller h3{display:flex;align-items:center;gap:6px;margin:10px 16px 6px;font:900 18px var(--font-head)}
.lp-seller-chips{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:0 16px}
.lp-rate{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border:1px solid #22c55e55;border-radius:99px;background:#22c55e14;color:#4ade80;font-weight:800;font-size:12.5px}.lp-rate .icon{width:13px;height:13px}.lp-rate small{color:#7d879f;font-weight:600}.lp-rate.muted{border-color:#ffffff17;background:#ffffff08;color:#aab3c7}
.lp-seller-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:12px 16px 0}.lp-seller-stats span{display:grid;justify-items:center;padding:8px 4px;border-radius:12px;background:#0b0f18;text-align:center}.lp-seller-stats b{font:900 14px var(--font-head)}.lp-seller-stats small{color:#7d879f;font-size:10.5px}
.lp-seller-go{display:flex;align-items:center;justify-content:center;gap:6px;margin:12px 16px 16px;padding:11px;border:1px solid #6366f144;border-radius:12px;background:#6366f114;color:#a5b4fc;font-weight:800;font-size:13.5px;text-decoration:none}.lp-seller-go:hover{background:#6366f1;color:#fff}.lp-seller-go .icon{width:14px;height:14px;transform:rotate(-90deg)}
.lp-tools{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.lp-tool{width:100%!important;height:auto!important;padding:10px 4px!important;gap:4px;border-radius:12px!important}.lp-tool span{position:static!important;padding:0!important;background:none!important;color:#8a94ad!important;font-size:11px!important;opacity:1!important;transform:none!important;white-space:normal!important;text-align:center}.lp-tool.on span{color:#f472b6!important}
.lp-others{display:grid;gap:8px}.lp-others h3{display:flex;align-items:center;gap:8px;margin:0;font:800 15px var(--font-head)}.lp-others h3 .icon{width:16px;height:16px;color:#818cf8}
.lp-o{display:flex;align-items:center;gap:12px;padding:10px;border:1px solid #ffffff0f;border-radius:14px;background:#121827;color:inherit;text-decoration:none;transition:border-color .15s}.lp-o:hover{border-color:#6366f166}
.lp-o-img{display:grid;place-items:center;flex:none;width:48px;height:48px;overflow:hidden;border-radius:10px;background:linear-gradient(135deg,var(--p1),var(--p2));color:#fff}.lp-o-img img{width:100%;height:100%;object-fit:cover}.lp-o-img b{font:900 13px var(--font-head)}
.lp-o-t{flex:1;display:grid;min-width:0}.lp-o-t b{overflow:hidden;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.lp-o-t em{color:#4ade80;font-style:normal;font-weight:900;font-size:13.5px}.lp-o>.icon{width:15px;height:15px;color:#6c7792;transform:rotate(-90deg)}
.lp-info{display:flex;gap:12px;padding:16px;border:1px solid #ffffff10;border-radius:18px;background:#121827;color:inherit;text-decoration:none}.lp-info>.icon{flex:none;width:46px;height:46px;padding:11px;border-radius:50%;color:#fff}.lp-info.ok>.icon{background:#22c55e}.lp-info.help>.icon{background:#3b82f6}.lp-info b{font-size:15px}.lp-info p{margin:4px 0 0;color:#8a94ad;font-size:12.5px;line-height:1.55}.lp-info.help:hover{border-color:#3b82f666}
.lp-similar{display:grid;gap:14px;padding-top:22px;border-top:1px solid #ffffff0d}.lp-similar>header{display:flex;align-items:center;justify-content:space-between}.lp-similar h2{margin:0;font:900 22px var(--font-head)}
@media (max-width:1100px){.lp-grid{grid-template-columns:1fr}.lp-side{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));align-items:start}}
@media (max-width:860px){.lp-hero{grid-template-columns:1fr;padding:16px}.lp-media{max-width:420px;width:100%;justify-self:center}.lp-buy{grid-template-columns:1fr}.lp-buy-acts{flex-wrap:wrap}.lp-buybtn{flex:1;min-width:0}.lp-incart{margin-left:0}.lp-top-acts{margin-left:0}.lp{padding-bottom:150px}}
@media (max-width:860px){body:has(.lp .ip-mbar) .dm-dock,body:has(.lp .ip-mbar) .support-fab{bottom:152px}}
@media (max-width:860px){.lp-media{max-width:240px}}

/* İlan sayfası satıcı kartı: kapak ve logo çerçevesi düzeltmesi */
.lp-seller{position:relative;isolation:isolate}
.lp-seller-cover{z-index:0;height:96px;background:radial-gradient(240px 120px at 18% 10%,color-mix(in srgb,var(--sa) 75%,transparent),transparent 70%),radial-gradient(220px 140px at 100% 0,#8b5cf655,transparent 70%),linear-gradient(135deg,color-mix(in srgb,var(--sa) 40%,#0f1420),#121827)}
.lp-seller-cover::before{content:"";position:absolute;inset:0;background-image:radial-gradient(#ffffff1a 1px,transparent 1px);background-size:16px 16px;mask-image:linear-gradient(180deg,#000,transparent 85%)}
.lp-seller-cover::after{content:"";position:absolute;inset:auto 0 0 0;height:40px;background:linear-gradient(180deg,transparent,#121827)}
.lp-seller-tag{z-index:1}
.lp-seller-row{position:relative;z-index:2;margin-top:-38px}
.lp-seller-ava{display:block;border-radius:20px;padding:3px;background:linear-gradient(135deg,var(--sa),#8b5cf6);box-shadow:0 12px 26px -12px #000}
.lp-seller-ava .lp-seller-logo{width:70px;height:70px;border:0;border-radius:17px;box-shadow:none}
.lp-seller-ava .lp-seller-logo.has-photo{background:#0b0f18}
.lp-seller-ava .lp-seller-logo.has-photo img{width:100%;height:100%;padding:6px;object-fit:contain;border-radius:inherit}
.lp-seller-acts>*{background:#0b0f18e6;backdrop-filter:blur(6px)}
.lp-seller-stats b{font-size:13.5px;white-space:nowrap}

/* ───── 98. İlan formu: oyuna özel kategoriler ───── */
.lw-gcats{display:grid;gap:10px;margin:6px 0 14px}
.lw-gcat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px}
.lw-gcat{position:relative;display:grid;justify-items:center;align-content:end;gap:4px;min-height:140px;padding:14px 10px;overflow:hidden;border:2px solid #ffffff14;border-radius:16px;background:#0b0f18;color:#fff;text-align:center;cursor:pointer;transition:border-color .15s,transform .15s}
.lw-gcat::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0b0f1822,#0b0f18e6 70%),var(--cover) center/cover;opacity:.9;transition:transform .3s}
.lw-gcat>*{position:relative}.lw-gcat span{display:grid;place-items:center;width:52px;height:52px}.lw-gcat span img{max-width:100%;max-height:100%;object-fit:contain;filter:drop-shadow(0 6px 12px #000a)}.lw-gcat span .icon{width:26px;height:26px}
.lw-gcat b{font:800 13.5px/1.25 var(--font-head)}.lw-gcat small{color:#aab3c7;font-size:11px}
.lw-gcat:hover{border-color:#818cf8;transform:translateY(-2px)}.lw-gcat:hover::before{transform:scale(1.05)}.lw-gcat.selected{border-color:#22c55e;box-shadow:0 0 0 3px #22c55e33}
.lw-gcat-more{justify-self:start;padding:0;border:0;background:none;color:#a5b4fc;font-weight:700;font-size:13px;cursor:pointer}

/* ═════ 99. Takım Bul (LFG) ═════ */
.tile-lfg{background:linear-gradient(140deg,#ff5d7a,#8b5cf6)}
.lf{display:grid;gap:16px;padding-top:18px;padding-bottom:90px}
.lf-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,1fr);gap:26px;align-items:center;padding:30px 32px;border:1px solid #168aff40;border-radius:24px;background:radial-gradient(600px 300px at 0 0,#168aff2e,transparent 65%),radial-gradient(500px 300px at 100% 100%,#a855f72a,transparent 65%),var(--surface)}
.lf-hero::after{content:"";position:absolute;inset:0;background-image:linear-gradient(#ffffff07 1px,transparent 1px),linear-gradient(90deg,#ffffff07 1px,transparent 1px);background-size:28px 28px;mask-image:linear-gradient(110deg,transparent 35%,#000);pointer-events:none}
.lf-hero>*{position:relative;z-index:1}
.lf-live{display:inline-flex;align-items:center;gap:8px;padding:5px 12px;border:1px solid #4fd18b55;border-radius:99px;background:#4fd18b14;color:#7ee2a8;font:800 11.5px var(--font-head);letter-spacing:.08em}
.lf-live i,.lf-time i,.lf-refresh>i{width:8px;height:8px;border-radius:50%;background:#4fd18b;animation:lfPulse 1.6s infinite}
@keyframes lfPulse{0%{box-shadow:0 0 0 0 #4fd18b88}70%,100%{box-shadow:0 0 0 7px #4fd18b00}}
.lf-hero h1{margin:12px 0 8px;font:900 clamp(28px,3.8vw,44px)/1.05 var(--font-head)}
.lf-hero h1 em{font-style:normal;background:linear-gradient(90deg,#6fb8ff,#b98cff);-webkit-background-clip:text;background-clip:text;color:transparent}
.lf-hero p{max-width:590px;color:var(--muted);line-height:1.6}.lf-hero p b{color:var(--text)}
.lf-cta{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.lf-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.lf-stat{padding:16px 10px;border:1px solid var(--line);border-radius:16px;background:color-mix(in srgb,var(--bg) 70%,transparent);text-align:center}
.lf-stat b{display:block;font:900 30px/1.1 var(--font-head)}.lf-stat small{color:var(--muted);font-size:12px;font-weight:700}
.lf-stat:nth-child(1) b{color:#6fb8ff}.lf-stat:nth-child(2) b{color:#4fd18b}.lf-stat:nth-child(3) b{color:#f0b354}
.lf-seats-deco{grid-column:1/-1;display:flex;justify-content:center;gap:8px;padding-top:4px}
.lf-seats-deco i{width:34px;height:34px;border:2px dashed var(--line-strong);border-radius:12px}
.lf-seats-deco i.on{border:0;background:linear-gradient(135deg,#168aff,#8b5cf6);box-shadow:0 8px 20px -10px #168aff}
.lf-hero .lf-seats-deco i:nth-child(4){animation:lfSeat 3s infinite}
@keyframes lfSeat{0%,40%{border:2px dashed var(--line-strong);background:none}55%,100%{border-color:transparent;background:linear-gradient(135deg,#4fd18b,#168aff)}}

.lf-games{display:flex;gap:8px;overflow-x:auto;padding:2px 2px 6px;scrollbar-width:thin}
.lf-game{flex:none;display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 12px 0 6px;border:1px solid var(--line);border-radius:14px;background:var(--surface);color:var(--text);font:700 13.5px var(--font);cursor:pointer;transition:border-color .15s,background .15s}
.lf-game .game-tile{width:32px;height:32px;border-radius:10px;font-size:12px}.lf-game .game-tile .icon{width:16px;height:16px}
.lf-game em{min-width:22px;padding:1px 7px;border-radius:99px;background:var(--surface-3);color:var(--muted);font:800 11px var(--font-head);font-style:normal;text-align:center}
.lf-game:hover{border-color:var(--line-strong)}
.lf-game.on{border-color:var(--accent);background:linear-gradient(180deg,#168aff22,#168aff08);box-shadow:inset 0 0 0 1px var(--accent)}.lf-game.on em{background:var(--accent);color:#fff}

.lf-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:16px;align-items:start}
.lf-bar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:12px;border:1px solid var(--line);border-radius:16px;background:var(--surface)}
.lf-bar select{height:36px;padding:0 10px;border:1px solid var(--line);border-radius:10px;background:var(--surface-2);color:var(--text);font:600 13px var(--font)}
.lf-chip{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface-2);color:var(--muted);font:700 13px var(--font);cursor:pointer}
.lf-chip .icon{width:15px;height:15px}.lf-chip.on{border-color:#4fd18b77;background:#4fd18b14;color:#7ee2a8}
.lf-refresh{margin-left:auto;display:inline-flex;align-items:center;gap:8px;color:var(--muted);font-size:12.5px;font-weight:800}
.lf-refresh .lf-ic.spin .icon{animation:lfSpin .5s linear}
@keyframes lfSpin{to{transform:rotate(360deg)}}
.lf-ranks{flex-basis:100%;display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding-top:10px;border-top:1px solid var(--line)}
.lf-ranks>span{margin-right:2px;color:var(--muted);font-size:12px;font-weight:800}
.lf-ranks.pulse{animation:lfPulseBox 1s 2}
@keyframes lfPulseBox{50%{box-shadow:0 0 0 3px #168aff66;border-radius:10px}}
.lf-rk{display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 9px 0 7px;border:1px solid color-mix(in srgb,var(--rk) 40%,transparent);border-radius:8px;background:color-mix(in srgb,var(--rk) 12%,transparent);color:color-mix(in srgb,var(--rk) 75%,var(--text));font:800 11.5px var(--font-head);white-space:nowrap}
.lf-rk i{width:9px;height:9px;border-radius:2px;background:var(--rk);box-shadow:0 0 8px var(--rk);transform:rotate(45deg)}
button.lf-rk{cursor:pointer;opacity:.55;transition:opacity .15s}button.lf-rk:hover{opacity:1}button.lf-rk.on{opacity:1;box-shadow:0 0 0 2px color-mix(in srgb,var(--rk) 55%,transparent)}
.lf-clear{height:26px;padding:0 9px;border:0;border-radius:8px;background:none;color:var(--muted);font:700 12px var(--font);text-decoration:underline;cursor:pointer}

.lf-list{display:grid;gap:8px;margin-top:10px}
.lf-row{position:relative;display:grid;grid-template-columns:minmax(190px,1.5fr) minmax(170px,1.1fr) 132px 150px auto;grid-template-areas:"who range seats code act";align-items:center;gap:14px;padding:12px 14px 12px 18px;border:1px solid var(--line);border-radius:16px;background:var(--surface);transition:border-color .15s}
.lf-row::before{content:"";position:absolute;left:0;top:12px;bottom:12px;width:3px;border-radius:0 3px 3px 0;background:linear-gradient(var(--ga),var(--gb))}
.lf-row:hover{border-color:var(--line-strong)}
.lf-row.is-mine{border-color:#168aff66;background:linear-gradient(90deg,#168aff14,var(--surface) 45%)}
.lf-row.is-joined{border-color:#4fd18b66;background:linear-gradient(90deg,#4fd18b10,var(--surface) 45%)}
.lf-row.is-full{opacity:.6}
.lf-row.flash{animation:lfFlash 1s 2}
@keyframes lfFlash{50%{box-shadow:0 0 0 3px #168aff99}}
.lf-who{grid-area:who;display:flex;align-items:center;gap:12px;min-width:0}
.lf-av{position:relative;flex:none}
.lf-av .seller-avatar{width:44px;height:44px;border-radius:14px;font-size:15px}
.lf-av em{position:absolute;right:-7px;bottom:-6px;padding:1px 6px;border:2px solid var(--surface);border-radius:99px;background:#4fd18b;color:#05210f;font:900 10.5px var(--font-head);font-style:normal}
.lf-name{min-width:0}
.lf-name b{display:flex;align-items:center;gap:6px;font-size:14.5px}.lf-name b>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lf-name small{display:block;color:var(--muted);font-size:12px}
.lf-note{display:flex;align-items:center;gap:5px;margin-top:2px;overflow:hidden;color:color-mix(in srgb,var(--text) 72%,transparent);font-size:12.5px;font-style:italic;white-space:nowrap;text-overflow:ellipsis}.lf-note .icon{flex:none;width:12px;height:12px}
.lf-rep{display:inline-flex;align-items:center;gap:3px;padding:1px 6px;border-radius:6px;background:#4fd18b1a;color:#7ee2a8;font:800 10.5px var(--font-head);font-style:normal}.lf-rep .icon{width:11px;height:11px}
.lf-pass{padding:1px 6px;border-radius:6px;background:linear-gradient(90deg,#f0b354,#ff8a3d);color:#1a1205;font:900 9.5px var(--font-head);font-style:normal}
.lf-range{grid-area:range;min-width:0}.lf-range>div:first-child{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.lf-arrow{color:var(--muted);font-weight:800}.lf-any{color:var(--muted);font-size:12.5px;font-weight:700}
.lf-tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:6px}
.lf-tags span{display:inline-flex;align-items:center;gap:3px;padding:2px 7px;border:1px solid var(--line);border-radius:6px;color:var(--muted);font:800 10.5px var(--font-head);letter-spacing:.03em;text-transform:uppercase}.lf-tags .icon{width:11px;height:11px}
.lf-tags .warn{border-color:#f0b35466;background:#f0b3540f;color:#f0b354}
.lf-seats{grid-area:seats;display:grid;gap:5px}.lf-seats>div{display:flex;gap:4px}
.lf-seats i{display:grid;place-items:center;width:20px;height:20px;overflow:hidden;border:1.5px dashed var(--line-strong);border-radius:7px}
.lf-seats i.on{border:0;background:linear-gradient(135deg,#168aff,#8b5cf6)}.lf-seats i.own{box-shadow:0 0 0 2px #f0b35499}
.lf-seats i .seller-avatar{width:100%;height:100%;border-radius:0;font-size:8px}
.lf-seats small{display:flex;align-items:center;gap:4px;color:var(--muted);font-size:11.5px;font-weight:700}
.lf-time{display:inline-flex;align-items:center;gap:5px;color:#7ee2a8}.lf-time i{width:6px;height:6px}
.lf-codebox{grid-area:code;min-width:0}
.lf-code{display:inline-flex;align-items:center;justify-content:center;gap:7px;max-width:100%;height:36px;padding:0 12px;border:1px dashed #168aff88;border-radius:10px;background:#168aff12;color:#9ccfff;font:800 14px ui-monospace,Consolas,monospace;letter-spacing:.08em;cursor:pointer;white-space:nowrap;overflow:hidden}
.lf-code .icon{flex:none;width:14px;height:14px}.lf-code:hover{border-style:solid;background:#168aff22}
.lf-code.locked{border-color:var(--line-strong);background:var(--surface-2);color:var(--muted);font:700 12px var(--font);letter-spacing:0;cursor:default}a.lf-code.locked{cursor:pointer}
.lf-code.ign{font:700 12.5px var(--font);letter-spacing:0;text-overflow:ellipsis}
.lf-act{grid-area:act;display:flex;align-items:center;justify-content:flex-end;gap:6px}
.lf-ic{display:inline-grid;place-items:center;width:34px;height:34px;padding:0;border:1px solid var(--line);border-radius:10px;background:var(--surface-2);color:var(--muted);cursor:pointer}
.lf-ic:hover{border-color:var(--line-strong);color:var(--text)}.lf-ic .icon{width:16px;height:16px}
.lf-badge{padding:6px 10px;border-radius:9px;font:800 12px var(--font-head);white-space:nowrap}.lf-badge.me{background:#168aff22;color:#9ccfff}.lf-badge.full{background:var(--surface-3);color:var(--muted)}
.lf-empty{display:grid;justify-items:center;gap:10px;padding:46px 20px;border:1px dashed var(--line-strong);border-radius:18px;text-align:center}
.lf-empty p{max-width:440px;color:var(--muted);font-size:14px}.lf-empty .lf-seats-deco{margin-bottom:4px}

.lf-side{position:sticky;top:96px;display:grid;gap:12px}
.lf-card{padding:16px;border:1px solid var(--line);border-radius:18px;background:var(--surface)}
.lf-card.hot{border-color:#168aff66;background:radial-gradient(320px 160px at 100% 0,#168aff22,transparent 70%),var(--surface)}
.lf-card h3{display:flex;align-items:center;gap:8px;margin-bottom:6px;font-size:15px}.lf-card h3>.icon{width:17px;height:17px;color:var(--accent-soft)}
.lf-card h3 .game-tile{width:26px;height:26px;border-radius:8px;font-size:10px}
.lf-card h4{display:flex;align-items:center;gap:6px;margin:14px 0 2px;color:var(--muted);font:800 11.5px var(--font-head);letter-spacing:.08em;text-transform:uppercase}.lf-card h4 em{padding:0 6px;border-radius:99px;background:#ff5d7a;color:#fff;font-style:normal}
.lf-card p,.lf-dim{color:var(--muted);font-size:13px;line-height:1.55}
.lf-left{display:inline-flex;align-items:center;gap:4px;margin-left:auto;color:var(--muted);font-size:12px;font-weight:700}.lf-left .icon{width:13px;height:13px}
.lf-bigcode{display:grid;grid-template-columns:1fr auto;align-items:center;gap:2px 10px;width:100%;margin:10px 0;padding:12px 14px;border:1px dashed #168aff88;border-radius:12px;background:color-mix(in srgb,var(--bg) 80%,transparent);color:var(--text);text-align:left;cursor:pointer}
.lf-bigcode small{color:var(--muted);font-size:11.5px;font-weight:700}.lf-bigcode b{grid-row:2;color:#9ccfff;font:900 22px ui-monospace,Consolas,monospace;letter-spacing:.14em}.lf-bigcode b.ign{font:800 16px var(--font);letter-spacing:0}
.lf-bigcode .icon{grid-row:1/3;grid-column:2;width:18px;height:18px;color:#9ccfff}.lf-bigcode:hover{border-style:solid}
.lf-meter{height:8px;margin:4px 0 6px;overflow:hidden;border-radius:99px;background:var(--surface-3)}.lf-meter span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#4fd18b,#168aff);transition:width .4s}
.lf-people{display:grid;gap:6px;margin-top:8px}
.lf-person{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:11px;background:var(--surface-2)}
.lf-person .seller-avatar,.lf-person .game-tile{flex:none;width:30px;height:30px;border-radius:9px;font-size:11px}
.lf-person>span{flex:1;min-width:0}.lf-person b{display:block;overflow:hidden;font-size:13px;white-space:nowrap;text-overflow:ellipsis}.lf-person small{color:var(--muted);font-size:11.5px}
.lf-mini{display:inline-flex;align-items:center;gap:4px;height:28px;padding:0 9px;border:1px solid var(--line);border-radius:8px;background:var(--surface-3);color:var(--text);font:700 12px var(--font);cursor:pointer;white-space:nowrap}
.lf-mini .icon{width:13px;height:13px}.lf-mini.ok{border-color:#4fd18b66;color:#7ee2a8}.lf-mini.no{color:#ff8a9c}.lf-mini:disabled{opacity:.6;cursor:default}
.lf-steps{display:grid;gap:12px;margin:10px 0 0;padding:0;list-style:none;counter-reset:s}
.lf-steps li{display:grid;grid-template-columns:28px 1fr;gap:10px;color:var(--muted);font-size:13px;line-height:1.45}
.lf-steps li::before{counter-increment:s;content:counter(s);display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:var(--accent-bg);color:var(--accent-soft);font:900 13px var(--font-head)}
.lf-steps b{display:block;color:var(--text)}
.lf-myrep{display:flex;align-items:center;gap:12px;margin-top:14px;padding:10px 12px;border:1px solid #4fd18b44;border-radius:12px;background:#4fd18b0d}
.lf-myrep>.icon{width:22px;height:22px;color:#4fd18b}.lf-myrep b{display:block;font:900 22px/1 var(--font-head)}.lf-myrep small{color:var(--muted);font-size:12px;font-weight:700}
.lf-rules ul{display:grid;gap:7px;margin:8px 0 0;padding-left:18px;color:var(--muted);font-size:12.5px;line-height:1.5}
.lf-fab{display:none}

.lf-dlg{width:min(580px,calc(100vw - 24px));max-height:calc(100vh - 24px);padding:0;border:1px solid var(--line-strong);border-radius:22px;background:var(--surface);color:var(--text);box-shadow:0 40px 100px -20px #000}
.lf-dlg::backdrop{background:#05070dcc;backdrop-filter:blur(4px)}
.lf-form header{display:flex;align-items:center;gap:12px;padding:18px 20px;border-bottom:1px solid var(--line)}
.lf-dlg-ic{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,#168aff,#8b5cf6);color:#fff}.lf-dlg-ic .icon{width:20px;height:20px}
.lf-form header h2{font-size:18px}.lf-form header small{color:var(--muted);font:800 11.5px var(--font-head);letter-spacing:.08em;text-transform:uppercase}
.lf-x{margin-left:auto;width:36px;height:36px;border:1px solid var(--line);border-radius:10px;background:var(--surface-2);color:var(--muted);cursor:pointer}
.lf-form-body{display:grid;gap:14px;max-height:min(66vh,640px);padding:18px 20px;overflow:auto}
.lf-dyn{display:grid;gap:14px}
.lf-form label:not(.lf-sw):not(.lf-pick label),.lf-lbl{display:grid;gap:6px;color:var(--muted);font:800 11.5px var(--font-head);letter-spacing:.06em;text-transform:uppercase}
.lf-form label small{font:600 11.5px var(--font);letter-spacing:0;text-transform:none}
.lf-form input:not([type=radio]):not([type=checkbox]),.lf-form select{width:100%;height:42px;padding:0 12px;border:1px solid var(--line);border-radius:11px;background:var(--bg);color:var(--text);font:600 14px var(--font);letter-spacing:0;text-transform:none}
.lf-form input.lf-upper{text-transform:uppercase;font-family:ui-monospace,Consolas,monospace;letter-spacing:.08em}
.lf-form input:focus,.lf-form select:focus{outline:0;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-bg)}
.lf-row2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.lf-field{display:grid;gap:7px}
.lf-pick{display:flex;flex-wrap:wrap;gap:6px}.lf-pick label{position:relative;display:block}
.lf-pick input{position:absolute;opacity:0;pointer-events:none}
.lf-pick span{display:grid;place-items:center;min-width:54px;height:40px;padding:0 12px;border:1px solid var(--line);border-radius:11px;background:var(--bg);color:var(--text);font:800 14px var(--font-head);cursor:pointer;transition:.15s}
.lf-pick input:checked+span{border-color:var(--accent);background:var(--accent-bg);color:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent)}
.lf-pick input:focus-visible+span{outline:2px solid var(--accent)}
.lf-sws{display:grid;gap:8px}
.lf-sw{position:relative;display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--bg);cursor:pointer}
.lf-sw input{position:absolute;opacity:0}
.lf-sw i{flex:none;position:relative;width:38px;height:22px;border-radius:99px;background:var(--surface-3);transition:background .2s}
.lf-sw i::after{content:"";position:absolute;left:3px;top:3px;width:16px;height:16px;border-radius:50%;background:#fff;transition:left .2s}
.lf-sw input:checked+i{background:linear-gradient(90deg,#168aff,#8b5cf6)}.lf-sw input:checked+i::after{left:19px}
.lf-sw input:focus-visible+i{outline:2px solid var(--accent);outline-offset:2px}
.lf-sw b{display:block;font-size:13.5px}.lf-sw small{color:var(--muted);font-size:12px}
.lf-form footer{display:flex;justify-content:flex-end;gap:10px;padding:14px 20px;border-top:1px solid var(--line)}
.lf-err{color:var(--danger);font-size:13px;font-weight:700}.lf-err:empty{display:none}
.lf-warn{padding:10px 12px;border:1px solid #f0b35455;border-radius:10px;background:#f0b3540f;color:#f0b354;font-size:13px;font-weight:600}

@media(max-width:1180px){.lf-layout{grid-template-columns:minmax(0,1fr)}.lf-side{position:static;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));align-items:start}}
@media(max-width:860px){
  .lf-hero{grid-template-columns:minmax(0,1fr);padding:22px}
  .lf-row{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"who act" "range seats" "code code";gap:10px 12px}
  .lf-seats{justify-items:end}.lf-code{width:100%}
  .lf-refresh{margin-left:0}
  .lf-fab{position:fixed;left:50%;bottom:18px;z-index:30;display:inline-flex;align-items:center;gap:8px;height:48px;padding:0 22px;border:0;border-radius:99px;background:linear-gradient(135deg,#168aff,#8b5cf6);color:#fff;font:800 15px var(--font-head);box-shadow:0 16px 36px -12px #168aff;transform:translateX(-50%);cursor:pointer}
  .lf-fab .icon{width:18px;height:18px}
  .lf-row2{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:520px){.lf-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.lf-stat b{font-size:22px}.lf-stat{padding:12px 6px}}

.lf-bar select{width:auto;min-width:130px;flex:none}
.lf-danger{color:#ff8a9c!important}
.lf-cta .btn-small{min-height:34px}
@media(max-width:860px){.lf-fab{bottom:calc(84px + env(safe-area-inset-bottom))}}

/* Takım Bul: trol koruması */
.lf-flag:hover:not(:disabled){border-color:#ff5d7a77;color:#ff8a9c}.lf-ic:disabled{opacity:.45;cursor:default}
.lf-person .lf-mini{padding:0 7px}
.lf-ban{border-color:#ff5d7a66;background:radial-gradient(300px 160px at 100% 0,#ff5d7a1f,transparent 70%),var(--surface)}.lf-ban h3>.icon{color:#ff8a9c}.lf-ban p+p{margin-top:8px}
.lf-dlg-warn{background:linear-gradient(135deg,#ff5d7a,#f0b354)}
.lf-reasons{display:grid;gap:6px}
.lf-reason{position:relative;display:block!important;cursor:pointer}
.lf-reason input{position:absolute;opacity:0}
.lf-reason span{display:block;padding:11px 14px;border:1px solid var(--line);border-radius:11px;background:var(--bg);color:var(--text);font:600 13.5px var(--font);letter-spacing:0;text-transform:none}
.lf-reason input:checked+span{border-color:#ff5d7a;background:#ff5d7a14;box-shadow:inset 0 0 0 1px #ff5d7a}
.lf-reason input:focus-visible+span{outline:2px solid var(--accent)}
.lf-danger-btn{background:linear-gradient(135deg,#ff5d7a,#e2364f)!important;box-shadow:0 10px 24px -14px #ff5d7a!important}
[data-lf-report] header small{text-transform:none;letter-spacing:0;font-size:12.5px}

/* Takım Bul: Riot hesabı */
.lf-game.idle{opacity:.7}.lf-game.idle:hover,.lf-game.idle.on{opacity:1}
.lf-riot-dot{display:grid;place-items:center;width:16px;height:16px;border-radius:5px;background:#ff4655;color:#fff;font:900 9.5px var(--font-head);font-style:normal}
.lf-riot-ok{display:inline-flex;align-items:center;gap:2px;padding:1px 6px 1px 4px;border-radius:6px;background:#ff46551f;color:#ff8a95;font:800 10.5px var(--font-head);font-style:normal}.lf-riot-ok .icon{width:11px;height:11px}
.lf-riotid{display:grid;align-content:start;gap:6px}
.lf-riotid b{display:flex;align-items:center;height:42px;padding:0 12px;border:1px solid #ff465566;border-radius:11px;background:#ff46550d;font:800 15px var(--font)}.lf-riotid b i{margin-left:2px;color:var(--muted);font-style:normal;font-weight:700}
.lf-riotid small{display:flex;align-items:center;gap:4px;color:#7ee2a8;font-size:12px;font-weight:700}.lf-riotid small .icon{width:13px;height:13px}
.lf-riotid.need small{color:var(--muted)}.lf-riotid.need .btn{height:42px;justify-content:center}
.lf-riot-card{border-color:#ff465555;background:radial-gradient(300px 150px at 100% 0,#ff46551c,transparent 70%),var(--surface)}.lf-riot-card h3>.icon{color:#ff8a95}
.lf-riot-card.ok{border-color:#4fd18b55;background:radial-gradient(300px 150px at 100% 0,#4fd18b14,transparent 70%),var(--surface)}.lf-riot-card.ok h3>.icon{color:#4fd18b}
.lf-riot-card p{margin:6px 0 10px}
.lf-riot-id{display:flex;align-items:center;justify-content:space-between;margin-top:8px;padding:10px 12px;border-radius:11px;background:var(--surface-2)}.lf-riot-id b{font:800 15px var(--font)}.lf-riot-id b i{color:var(--muted);font-style:normal}.lf-riot-id .icon{width:18px;height:18px;color:#4fd18b}
.lf-test{margin-left:auto;padding:2px 7px;border-radius:6px;background:#f0b35422;color:#f0b354;font:900 9.5px var(--font-head);letter-spacing:.08em}
.lf-dlg-riot{background:linear-gradient(135deg,#ff4655,#bd3944)}
.lf-riot-list{display:grid;gap:8px;margin:10px 0 0;padding:0;list-style:none}.lf-riot-list li{display:flex;gap:8px;color:var(--text);font-size:13.5px;line-height:1.45}.lf-riot-list .icon{flex:none;width:16px;height:16px;margin-top:2px;color:#4fd18b}
.lf-cb{display:grid;place-items:start center;padding-top:60px;padding-bottom:80px}.lf-cb .lf-card{width:min(520px,100%);padding:24px}.lf-cb .lf-card h3{font-size:18px}.lf-cb .lf-dim{margin:8px 0 14px}.lf-cb .lf-form{display:grid;gap:12px}

/* Panelim → Bağlantılar */
.cn-wrap{display:grid;gap:16px}
.cn-intro{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border:1px solid #66c0f444;border-radius:16px;background:linear-gradient(90deg,#66c0f412,transparent)}
.cn-intro>span{display:grid;place-items:center;flex:none;width:34px;height:34px;border-radius:10px;background:#66c0f422;color:#66c0f4}.cn-intro>span .icon{width:18px;height:18px}
.cn-intro p{color:var(--muted);font-size:13.5px;line-height:1.55}.cn-intro b{color:var(--text)}
.cn-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}
.cn-card{position:relative;display:grid;align-content:start;gap:10px;padding:16px;border:1px solid var(--line);border-radius:18px;background:var(--surface);overflow:hidden}
.cn-card::before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,var(--cb,#333),var(--cf,#888))}
.cn-card.on{border-color:color-mix(in srgb,var(--cf,#888) 40%,var(--line))}
.cn-card header{display:flex;align-items:center;gap:12px}
.cn-logo{display:grid;place-items:center;flex:none;width:42px;height:42px;border-radius:12px;background:var(--cb,#222);color:var(--cf,#fff);box-shadow:inset 0 0 0 1px #ffffff1a}.cn-logo .icon{width:21px;height:21px}
.cn-card h3{font-size:16px}.cn-card header small{color:var(--muted);font-size:12px}
.cn-dot{margin-left:auto;width:10px;height:10px;border-radius:50%;background:#4fd18b;box-shadow:0 0 0 4px #4fd18b22}
.cn-linked{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 12px;border-radius:12px;background:var(--surface-2)}
.cn-name{font:800 15px var(--font)}
.cn-ok,.cn-self{display:inline-flex;align-items:center;gap:3px;padding:2px 8px;border-radius:99px;font:800 11px var(--font-head);font-style:normal}.cn-ok{background:#4fd18b1a;color:#7ee2a8}.cn-ok .icon{width:12px;height:12px}.cn-self{background:var(--surface-3);color:var(--muted)}
.cn-card .lf-cta{margin-top:0}
.cn-form{display:grid;grid-template-columns:1fr auto;align-items:end;gap:8px}.cn-form label{display:grid;gap:6px;color:var(--muted);font:800 11.5px var(--font-head);letter-spacing:.05em;text-transform:uppercase}
.cn-form input{height:38px;padding:0 12px;border:1px solid var(--line);border-radius:10px;background:var(--bg);color:var(--text);font:600 14px var(--font);text-transform:none;letter-spacing:0}.cn-form input:focus{outline:0;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-bg)}
.cn-form .btn{height:38px}.cn-form .lf-err{grid-column:1/-1}
.cn-games{display:flex;flex-wrap:wrap;gap:6px;padding-top:10px;border-top:1px solid var(--line)}
.cn-game{display:inline-flex;align-items:center;gap:6px;padding:3px 9px 3px 3px;border:1px solid var(--line);border-radius:99px;color:var(--muted);font-size:12px;font-weight:700}
.cn-game .game-tile{width:22px;height:22px;border-radius:50%;font-size:9px}
.cn-game.req{border-color:#66c0f466;color:var(--text)}.cn-game em{padding:0 6px;border-radius:99px;background:#66c0f422;color:#66c0f4;font:800 10px var(--font-head);font-style:normal}
.cn-test{gap:12px}.cn-test label{display:grid;gap:6px;color:var(--muted);font:800 11.5px var(--font-head)}.cn-test input{height:42px;padding:0 12px;border:1px solid var(--line);border-radius:11px;background:var(--bg);color:var(--text);font:600 14px var(--font)}
.lf-riot-dot.steam{background:#1b2838;color:#66c0f4;box-shadow:inset 0 0 0 1px #66c0f466}
.lf-riot-ok.steam{background:#66c0f41f;color:#9fd8ff}
.lf-riotid.steam b{border-color:#66c0f466;background:#66c0f40d}

/* Takım Bul: oda kuralları */
.lf-rule-list{display:grid;gap:8px;margin:12px 0 0;padding:0;list-style:none}
.lf-rule-list li{display:grid;grid-template-columns:34px 1fr;gap:10px;align-items:start;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--bg)}
.lf-rule-list li>span{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--accent-bg);color:var(--accent-soft)}.lf-rule-list li>span .icon{width:17px;height:17px}
.lf-rule-list b{display:block;font-size:13.5px}.lf-rule-list p{margin-top:2px;color:var(--muted);font-size:12.5px;line-height:1.5}
.lf-rule-list li:nth-child(2)>span,.lf-rule-list li:nth-child(4)>span{background:#ff5d7a1a;color:#ff8a9c}
.lf-accept{margin-top:4px;border-color:#168aff66!important}
.lf-rules-ok,.lf-rules-no{margin-left:auto;padding:2px 8px;border-radius:99px;font:800 10.5px var(--font-head);font-style:normal}.lf-rules-ok{background:#4fd18b1a;color:#7ee2a8}.lf-rules-no{background:#f0b3541a;color:#f0b354}
.lf-rules-btn{margin-top:12px}
.cn-form label{text-transform:none;letter-spacing:0;font:700 12.5px var(--font)}
/* Takım Bul pencereleri: arka sayfa kilidi, içeride kalan kaydırma, ortalanmış konum */
html.lf-lock,html.lf-lock body{overflow:hidden!important}
html.lf-lock body{padding-right:var(--lf-gap,0px)}
.lf-dlg[open]{position:fixed;inset:0;margin:auto;overscroll-behavior:contain}
.lf-form-body{overscroll-behavior:contain}
.cn-need{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border:1px solid #f0b35466;border-radius:16px;background:linear-gradient(90deg,#f0b3541a,transparent)}
.cn-need>span{display:grid;place-items:center;flex:none;width:34px;height:34px;border-radius:10px;background:#f0b35426;color:#f0b354}.cn-need>span .icon{width:18px;height:18px}
.cn-need b{display:block;font-size:14.5px}.cn-need p{margin-top:2px;color:var(--muted);font-size:13px}
.cn-card.focus{border-color:#66c0f4;box-shadow:0 0 0 3px #66c0f433,0 18px 40px -20px #66c0f4;animation:cnPulse 1.4s 2}
@keyframes cnPulse{50%{box-shadow:0 0 0 6px #66c0f422,0 18px 40px -20px #66c0f4}}
.lf-riotid.need b{color:var(--muted);font-weight:600;font-size:13.5px}
/* Bağlantılar: platform logoları, yakında durumu; Steam uyarı penceresi */
.cn-logo{background:#fff!important;padding:5px;box-shadow:0 6px 16px -10px #000}.cn-logo img{width:100%;height:100%;object-fit:contain}
.cn-card.soon{opacity:.62;filter:saturate(.55)}.cn-card.soon::before{background:var(--line)}
.cn-soon{margin-left:auto;padding:3px 8px;border-radius:99px;background:var(--surface-3);color:var(--muted);font:900 9.5px var(--font-head);letter-spacing:.1em}
.lf-warn-dlg{width:min(440px,calc(100vw - 24px))}
.lf-warn-top{display:grid;justify-items:center;gap:10px;padding:26px 24px 18px;text-align:center}
.lf-warn-top img{width:72px;height:72px;padding:8px;border-radius:20px;background:#fff;box-shadow:0 14px 34px -14px #66c0f4}
.lf-warn-top h2{font-size:19px}.lf-warn-top p{color:var(--text);font-size:14px;line-height:1.55}.lf-warn-top .lf-dim{color:var(--muted);font-size:12.5px}
.lf-warn-dlg footer{justify-content:center}
.lf-dlg:has(.lf-warn-dlg){width:min(440px,calc(100vw - 24px))}
.lf-warn-dlg{width:auto}.lf-dlg{overflow-x:hidden}
/* Takım Bul / Bağlantılar seçim kutuları: ok kenardan içeride (tarayıcı oku en sağa yapışıyordu) */
.lf-form select,.lf-bar select{-webkit-appearance:none;appearance:none;padding-right:40px!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%239aa6ba' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;background-size:12px 12px;cursor:pointer}
.lf-form select:focus,.lf-bar select:focus{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236fb8ff' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E")}
.lf-bar select{padding-right:34px!important;background-position:right 12px center}
/* Lobi oluşturuldu penceresi */
.lf-done-ic{display:grid;place-items:center;width:64px;height:64px;border-radius:20px;background:linear-gradient(135deg,#4fd18b,#168aff);color:#fff;box-shadow:0 14px 34px -12px #4fd18b;animation:lfPop .5s cubic-bezier(.2,1.4,.4,1)}.lf-done-ic .icon{width:32px;height:32px;stroke-width:2.6}
@keyframes lfPop{0%{transform:scale(.4);opacity:0}100%{transform:scale(1);opacity:1}}
.lf-done-sum{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:6px 12px;width:100%;margin-top:4px;padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:var(--surface-2);text-align:left}
.lf-done-sum .game-tile{width:40px;height:40px;border-radius:12px}.lf-done-sum b{display:block;font-size:14.5px}.lf-done-sum small{color:var(--muted);font-size:12px}
.lf-done-sum .lf-seats-deco{grid-column:1/-1;justify-content:flex-start;gap:6px;padding-top:4px}.lf-done-sum .lf-seats-deco i{width:26px;height:26px;border-radius:9px}
.lf-done-dlg .lf-bigcode{margin:4px 0 0}
.lf-card.hot.flash{animation:lfFlash 1s 2}

/* Lobi sohbeti */
.lfc{position:relative;display:grid;margin-top:14px;border:1px solid var(--line);border-radius:14px;background:color-mix(in srgb,var(--bg) 70%,transparent);overflow:hidden}
.lfc-head{display:flex;align-items:center;gap:7px;padding:9px 12px;border-bottom:1px solid var(--line);font-size:13px}.lfc-head .icon{width:15px;height:15px;color:var(--accent-soft)}
.lfc-head small{margin-left:auto;color:var(--muted);font-size:11px;font-weight:700}
.lfc-list{display:grid;align-content:start;gap:8px;height:230px;padding:10px 12px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
.lfc-empty{align-self:center;text-align:center;font-size:12.5px}
.lfc-msg{display:flex;align-items:flex-end;gap:7px;max-width:92%}
.lfc-msg .seller-avatar{flex:none;width:24px;height:24px;border-radius:8px;font-size:9px}
.lfc-msg>div{padding:7px 10px;border-radius:12px 12px 12px 4px;background:var(--surface-3)}
.lfc-msg b{display:block;color:var(--accent-soft);font-size:11.5px}.lfc-msg p{font-size:13px;line-height:1.4;word-break:break-word}.lfc-msg small{display:block;margin-top:2px;color:var(--muted);font-size:10px;text-align:right}
.lfc-msg.mine{justify-self:end}.lfc-msg.mine>div{border-radius:12px 12px 4px 12px;background:linear-gradient(135deg,#168aff,#6d5cf6);color:#fff}.lfc-msg.mine b{display:none}.lfc-msg.mine small{color:#dbe7ff}
.lfc-sys{justify-self:center;padding:3px 10px;border-radius:99px;background:var(--surface-2);color:var(--muted);font-size:11px;font-weight:700;text-align:center}
.lfc-sys.join{background:#4fd18b1a;color:#7ee2a8}.lfc-sys.leave{background:#f0b3541a;color:#f0b354}.lfc-sys.close{background:#ff5d7a1a;color:#ff8a9c}
.lfc-form{display:flex;gap:6px;padding:8px;border-top:1px solid var(--line)}
.lfc-form input{flex:1;min-width:0;height:36px;padding:0 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--text);font:500 13px var(--font)}.lfc-form input:focus{outline:0;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-bg)}
.lfc-send{display:grid;place-items:center;flex:none;width:36px;height:36px;border:0;border-radius:10px;background:linear-gradient(135deg,#168aff,#8b5cf6);color:#fff;cursor:pointer}.lfc-send .icon{width:16px;height:16px}.lfc-send:disabled{opacity:.5}
.lfc-form.off{pointer-events:none;opacity:.45}
.lfc-form.bad input{border-color:var(--danger);animation:lfShake .35s 2}
@keyframes lfShake{25%{transform:translateX(-3px)}75%{transform:translateX(3px)}}
.lfc.cx-locked .lfc-form{opacity:.5}

/* Lobi sohbeti: kullanıcı adı ve giriş/çıkış şeridi */
.lfc-msg b i{margin-left:6px;color:var(--muted);font:600 10.5px var(--font);font-style:normal}
.lfc-msg.mine b{display:block!important;color:#dbe7ff}.lfc-msg.mine b i{color:#c7d6ff}
.lfc-toast{position:absolute;left:8px;right:8px;top:44px;z-index:2;display:flex;align-items:center;gap:8px;padding:8px 11px;border-radius:11px;background:#0f1a14f2;border:1px solid #4fd18b66;color:#a7f0c6;font-size:12.5px;font-weight:700;box-shadow:0 12px 26px -14px #000;animation:lfcIn .35s ease}
.lfc-toast .icon{flex:none;width:15px;height:15px}
.lfc-toast.leave{background:#1d170cf2;border-color:#f0b35466;color:#f6c978}.lfc-toast.close{background:#1f0f13f2;border-color:#ff5d7a66;color:#ff9aab}
.lfc-toast.out{opacity:0;transform:translateY(-6px);transition:.4s}
@keyframes lfcIn{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}

/* İlan sihirbazı: zorunlu detaylar, hazır görsel, filigran notu, stok satırı ve seçim okları */
.lw-req{margin-left:6px;padding:1px 6px;border-radius:6px;background:#ff5d7a1a;color:#ff8a9c;font:800 9.5px var(--font-head);font-style:normal;letter-spacing:.04em;vertical-align:middle}
.lw-field.lw-miss select,.lw-field.lw-miss input{border-color:var(--danger)!important;box-shadow:0 0 0 3px #ff5d7a26!important;animation:lfShake .35s 2}
.listing-wizard .lw-row{align-items:start}
.listing-wizard .lw-row>.lw-field>select,.listing-wizard .lw-row>.lw-field>input{height:46px}
.listing-wizard select{-webkit-appearance:none;appearance:none;padding-right:42px!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%239aa6ba' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 18px center!important;background-size:12px 12px!important;cursor:pointer}
.lw-stockmode span{height:auto!important;min-height:58px}
.lw-ready-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;margin-top:12px}
.lw-ready{position:relative;aspect-ratio:16/10;padding:0;overflow:hidden;border:2px solid var(--line);border-radius:12px;background:var(--surface-2);cursor:pointer;transition:border-color .15s,transform .15s}
.lw-ready img{width:100%;height:100%;object-fit:cover}.lw-ready:hover{border-color:var(--accent);transform:translateY(-2px)}
.dz-actions{display:inline-flex;flex-wrap:wrap;gap:8px;justify-content:center}
.lw-mark-note{display:flex;align-items:center;justify-content:center;gap:5px;margin-top:6px;color:var(--muted);font-size:11.5px}.lw-mark-note .icon{width:13px;height:13px;color:#4fd18b}

/* ═════ İlan sihirbazı turu 2 ═════ */
/* Gezinme: Önceki solda, Sonraki sağda */
.listing-wizard .lw-nav{display:flex!important;flex-direction:row!important;flex-wrap:wrap;align-items:center;justify-content:space-between!important;gap:12px}
.listing-wizard .lw-nav>*{width:auto!important;margin:0!important}
.listing-wizard .lw-nav [data-lw-next],.listing-wizard .lw-nav [type=submit]{margin-left:auto!important}

.lw-preview-btn{justify-self:start;margin-top:4px}

/* Doping adımı: tanıtım başlığı ve daha canlı kartlar */
.dop-hero{position:relative;display:flex;align-items:center;gap:16px;margin-bottom:14px;padding:16px 18px;overflow:hidden;border:1px solid #f9731655;border-radius:18px;background:radial-gradient(420px 160px at 0 0,#f9731633,transparent 70%),radial-gradient(360px 160px at 100% 100%,#8b5cf633,transparent 70%),var(--surface-2)}
.dop-hero-ic{display:grid;place-items:center;flex:none;width:52px;height:52px;border-radius:16px;background:linear-gradient(135deg,#f97316,#ec4899);color:#fff;box-shadow:0 14px 30px -14px #f97316}.dop-hero-ic .icon{width:26px;height:26px}
.dop-hero b{display:block;font:900 17px var(--font-head)}.dop-hero small{display:block;max-width:560px;margin-top:3px;color:var(--muted);font-size:13px;line-height:1.5}
.dop-hero-stats{display:flex;gap:10px;margin-left:auto}.dop-hero-stats span{display:grid;justify-items:center;min-width:92px;padding:8px 10px;border-radius:12px;background:#0a0e16aa}.dop-hero-stats b{font-size:18px;background:linear-gradient(90deg,#fb923c,#f472b6);-webkit-background-clip:text;background-clip:text;color:transparent}.dop-hero-stats small{margin:0;font-size:11px;text-align:center}
.doping-step .doping-grid{gap:12px}
.doping-step .doping-card{position:relative;transition:transform .15s}
.doping-step .doping-card-body{position:relative;min-height:92px;padding:16px!important;border-radius:16px!important;background:linear-gradient(160deg,var(--surface-2),var(--surface))!important;transition:border-color .2s,box-shadow .2s,background .2s}
.doping-step .doping-card:hover{transform:translateY(-2px)}
.doping-step .doping-card:hover .doping-card-body{border-color:#f9731688!important}
.doping-step .doping-card-body>i{width:46px!important;height:46px!important;border-radius:14px!important;background:linear-gradient(135deg,#f9731633,#ec489933)!important;color:#fdba74!important}
.doping-step .doping-card input:checked+.doping-card-body{border-color:#f97316!important;background:radial-gradient(260px 120px at 100% 0,#f9731629,transparent 70%),linear-gradient(160deg,#2a1a12,var(--surface))!important;box-shadow:0 0 0 1px #f97316,0 18px 34px -20px #f97316}
.doping-step .doping-card input:checked+.doping-card-body>i{background:linear-gradient(135deg,#f97316,#ec4899)!important;color:#fff!important}
.doping-step .doping-card input:checked+.doping-card-body::after{content:"✓";position:absolute;top:-8px;right:-8px;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#f97316;color:#fff;font:900 13px var(--font-head);box-shadow:0 6px 14px -6px #f97316}
.doping-step .doping-card[data-doping-id="showcase"] .doping-card-body::before,.doping-step .doping-card:first-child .doping-card-body::before{content:"EN POPÜLER";position:absolute;top:-9px;left:16px;padding:2px 8px;border-radius:99px;background:linear-gradient(90deg,#f97316,#ec4899);color:#fff;font:900 9.5px var(--font-head);letter-spacing:.08em}
.doping-step-sum{padding:12px 14px;border-radius:12px;background:var(--surface-2)}
@media(max-width:760px){.dop-hero{flex-wrap:wrap}.dop-hero-stats{margin-left:0}}

/* Yayın sonucu penceresi */
.lwr-ic{display:grid;place-items:center;width:68px;height:68px;border-radius:22px;background:color-mix(in srgb,var(--c) 22%,transparent);color:var(--c);box-shadow:0 0 0 6px color-mix(in srgb,var(--c) 10%,transparent);animation:lfPop .5s cubic-bezier(.2,1.4,.4,1)}.lwr-ic .icon{width:32px;height:32px;stroke-width:2.4}
.lwr-steps{display:flex;gap:6px;width:100%;margin:6px 0 0;padding:0;list-style:none}
.lwr-steps li{flex:1;display:grid;justify-items:center;gap:5px;color:var(--muted);font-size:11.5px;font-weight:700;position:relative}
.lwr-steps i{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--surface-3)}.lwr-steps .icon{width:15px;height:15px}
.lwr-steps .done i{background:#4fd18b;color:#05210f}.lwr-steps .now i{background:#f0b354;color:#1a1205;animation:lfPulse 1.6s infinite}.lwr-steps .now{color:var(--text)}
.lwr-img{width:44px;height:44px;border-radius:12px;object-fit:cover}
.lwr footer{flex-wrap:wrap}

/* İlanlarım: onay notları */
.lm-note.pend{border:1px solid #f0b35455;background:#f0b35414;color:#f6c978}.lm-note.pend b{color:#fbbf24}
.lm-note.ok{border:1px solid #4fd18b55;background:#4fd18b12;color:#9ff0c2}.lm-note.ok b{color:#4fd18b}

/* İlan önizleme */
.lf-dlg:has(.lwp){width:min(860px,calc(100vw - 24px))}
.lwp-hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:18px}
.lwp-media{display:grid;gap:8px}.lwp-media>img,.lwp-media>video{width:100%;aspect-ratio:16/10;border-radius:14px;object-fit:cover;background:var(--surface-2)}
.lwp-thumbs{display:flex;gap:6px}.lwp-thumbs img{width:56px;height:40px;border-radius:8px;object-fit:cover}
.lwp-info{display:grid;align-content:start;gap:10px}.lwp-info small{color:var(--muted);font-size:12px;font-weight:700}.lwp-info h3{font-size:20px;line-height:1.3}
.lwp-price{font:900 28px var(--font-head);color:#4fd18b}
.lwp-chips{display:flex;flex-wrap:wrap;gap:6px}.lwp-chips span{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;border:1px solid var(--line);border-radius:99px;color:var(--muted);font-size:12px;font-weight:700}.lwp-chips .icon{width:13px;height:13px}
.lwp-seller{display:flex;align-items:center;gap:10px;padding:10px;border-radius:12px;background:var(--surface-2)}.lwp-seller .seller-avatar{width:38px;height:38px;border-radius:11px}.lwp-seller b{display:block;font-size:14px}
.lwp h4{margin:18px 0 8px;color:var(--muted);font:800 12px var(--font-head);letter-spacing:.08em;text-transform:uppercase}
.lwp-feats{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px}.lwp-feats div{padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--surface-2)}.lwp-feats small{display:block;color:var(--muted);font-size:11.5px}.lwp-feats b{font-size:14px}.lwp-feats b.miss{color:var(--danger)}
.lwp-desc{color:var(--text);font-size:14px;line-height:1.65}
@media(max-width:720px){.lwp-hero{grid-template-columns:minmax(0,1fr)}}

/* Pass tanıtım videosu */
.lw-pass-tag{padding:1px 7px;border-radius:6px;background:linear-gradient(90deg,#f0b354,#ff8a3d);color:#1a1205!important;font:900 10px var(--font-head)!important}
.lw-video-box{display:grid;gap:8px;justify-items:start;padding:14px;border:1px dashed #f0b35466;border-radius:14px;background:#f0b3540a}.lw-video-box small{color:var(--muted);font-size:12px}
.lw-video-preview{display:grid;gap:6px;justify-items:start}.lw-video-preview video{width:min(320px,100%);border-radius:12px;background:#000}.lw-video-preview span{display:inline-flex;align-items:center;gap:5px;color:#7ee2a8;font-size:12.5px;font-weight:700}.lw-video-preview .icon{width:14px;height:14px}
.lw-video-lock{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid #f0b35455;border-radius:14px;background:linear-gradient(90deg,#f0b3541a,transparent);color:inherit}.lw-video-lock svg{flex:none;width:24px;height:24px;color:#f0b354}.lw-video-lock b{display:block;font-size:14px}.lw-video-lock small{color:var(--muted);font-size:12.5px}
.lp-video{position:relative;margin-bottom:10px;overflow:hidden;border-radius:18px;background:#000}.lp-video video{display:block;width:100%;max-height:420px;object-fit:cover}
.lp-video-tag{position:absolute;top:10px;left:10px;display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:99px;background:#0b0f18cc;color:#fde68a;font:900 10.5px var(--font-head);letter-spacing:.06em}.lp-video-tag svg{width:13px;height:13px}

/* Şikâyet penceresi */
.rp-step{display:flex;align-items:center;gap:8px;margin-top:4px}.rp-step b{font-size:14px}.rp-n{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#ff5d7a26;color:#ff8a9c;font:900 12px var(--font-head)}
.rp-reasons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.rp-reason{position:relative;display:block!important;cursor:pointer}.rp-reason input{position:absolute;opacity:0}
.rp-reason span{display:grid;grid-template-columns:auto 1fr;gap:2px 10px;align-items:center;height:100%;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--bg);text-transform:none;letter-spacing:0}
.rp-reason i{grid-row:1/3;display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:var(--surface-3);color:var(--muted)}.rp-reason .icon{width:16px;height:16px}
.rp-reason b{color:var(--text);font:700 13px var(--font)}.rp-reason small{color:var(--muted);font:500 11.5px var(--font)}
.rp-reason input:checked+span{border-color:#ff5d7a;background:#ff5d7a12;box-shadow:inset 0 0 0 1px #ff5d7a}.rp-reason input:checked+span i{background:#ff5d7a;color:#fff}
.rp-text{display:grid!important;gap:4px;text-transform:none!important;letter-spacing:0!important}.rp-text textarea{width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--bg);color:var(--text);font:500 14px var(--font);resize:vertical}.rp-text textarea:focus{outline:0;border-color:#ff5d7a}.rp-text small{color:var(--muted);font:600 11.5px var(--font);text-align:right}
.rp-drop{display:grid;justify-items:start;gap:8px;padding:12px;border:1px dashed var(--line-strong);border-radius:12px}.rp-drop small{color:var(--muted);font-size:12px}
.rp-thumbs{display:flex;flex-wrap:wrap;gap:8px}.rp-thumbs span{position:relative}.rp-thumbs img{width:84px;height:62px;border-radius:10px;object-fit:cover}.rp-thumbs button{position:absolute;top:-6px;right:-6px;width:22px;height:22px;border:0;border-radius:50%;background:#ff5d7a;color:#fff;font-size:11px;cursor:pointer}
@media(max-width:560px){.rp-reasons{grid-template-columns:minmax(0,1fr)}}

/* İlan sayfası satıcı kartı: mağaza arka planı, tam dolan logo, mesaj düğmesi */
.lp-seller-cover.has-banner{background:linear-gradient(180deg,#0b0f1833,#121827f2),var(--sban) center/cover no-repeat!important}
.lp-seller-cover.has-banner::before{display:none}
.lp-seller-ava .lp-seller-logo.has-photo img{padding:0!important;object-fit:cover!important}
button.lp-seller-go{width:100%;border:0;cursor:pointer;font:inherit}
.lp-seller-go .icon{width:16px;height:16px}

/* Kart: VİDEO etiketi */
.pc-tag.vid,[class*="tag"].vid{background:linear-gradient(90deg,#f0b354,#ff8a3d)!important;color:#1a1205!important}

/* Panelim üst çubuğu: İlan ekle */
.hb-add{display:inline-flex;align-items:center;gap:7px;height:44px;padding:0 16px;border-radius:14px;background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;font:800 14px var(--font-head);box-shadow:0 12px 26px -14px #22c55e;white-space:nowrap}
.hb-add .icon{width:18px;height:18px}.hb-add:hover{filter:brightness(1.08)}
@media(max-width:640px){.hb-add span{display:none}.hb-add{padding:0 12px}}
.lf-done-sum .lwr-img{width:44px;height:44px;padding:0!important;border:0!important;border-radius:12px;background:none!important;box-shadow:none!important;object-fit:cover}

/* Oyun kategori sayfası: sol filtrede oyunun kategorileri */
.cf-gcats a.cf-type{display:flex;align-items:center;justify-content:space-between;gap:8px;color:inherit;text-decoration:none}
.cf-gcats a.cf-type span{display:inline-flex;align-items:center;gap:8px;min-width:0}
.cf-gcats a.cf-type img{flex:none;width:20px;height:20px;border-radius:6px;object-fit:contain}

/* ═════ Tüm sitede seçim kutuları: tarayıcının en sağa yapışık oku yerine içeride duran ok ═════ */
select:not([multiple]):not([size]){-webkit-appearance:none!important;appearance:none!important;padding-right:40px!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%239aa6ba' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 16px center!important;background-size:12px 12px!important;cursor:pointer}
select:not([multiple]):not([size]):focus{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236fb8ff' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E")!important}
select:not([multiple]):not([size])::-ms-expand{display:none}

/* Mağaza çerçevesi: profil kartı ve ilan sayfası satıcı kartı */
.pf-store-framed{display:grid;place-items:center;flex:none;width:76px;height:76px;margin:6px 10px 6px 4px}
.pf-store-framed .store-ring.has-frame .store-avatar{width:56px;height:56px}
.lp-seller-ava.has-frame{position:relative;padding:0!important;background:none!important;box-shadow:none!important;overflow:visible;margin:10px 0 0 14px}
.lp-seller-ava.has-frame .lp-seller-logo{border-radius:12px!important}
.lp-seller-ava.has-frame .lp-pass-frame{position:absolute;left:50%;top:48.5%;width:177%;height:177%;max-width:none;transform:translate(-50%,-50%);pointer-events:none;z-index:2;filter:drop-shadow(0 6px 16px #f59e0b55)}
.store-live .store-ring.has-frame{margin-top:-20px}
.lp-seller-ava.has-frame{margin:18px 0 26px 22px!important}
.lw-attr-grid>.lw-field:last-child:nth-child(odd){grid-column:1/-1}

/* Tanıtım videosu: kendi sürükle-bırak kutusu */
.lw-video-box{justify-items:stretch!important}
.lw-video-drop{display:grid;justify-items:center;gap:6px;padding:22px 16px;border:1.5px dashed #f0b35488;border-radius:14px;background:radial-gradient(300px 120px at 50% 0,#f0b3541a,transparent 70%);text-align:center;cursor:pointer;transition:border-color .15s,background .15s}
.lw-video-drop:hover,.lw-video-drop.over{border-color:#f0b354;background:#f0b35414}
.lw-video-ic{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;background:linear-gradient(135deg,#f0b354,#ff8a3d);color:#1a1205}.lw-video-ic .icon{width:20px;height:20px}
.lw-video-drop b{font-size:14.5px}.lw-video-drop small{color:var(--muted);font-size:12px}
.lw-video-drop .btn{pointer-events:none;margin-top:4px}

.listing-wizard [data-lw-region-field]{grid-column:1/-1}

/* İlan açıklaması: zengin metin düzenleyici */
.rte-bar{display:flex;flex-wrap:wrap;align-items:center;gap:4px}
.rte-bar button{display:grid;place-items:center;min-width:32px;height:32px;padding:0 8px;border:1px solid var(--line);border-radius:8px;background:var(--surface-2);color:var(--text);font:700 13px var(--font);cursor:pointer;transition:background .15s,border-color .15s}
.rte-bar button:hover{border-color:var(--line-strong);background:var(--surface-3)}
.rte-bar button.on{border-color:var(--accent);background:var(--accent-bg);color:var(--accent-soft)}
.rte-bar .icon{width:16px;height:16px}
.rte-sep{width:1px;height:22px;margin:0 4px;background:var(--line)}
.rte-color{position:relative}
.rte-a{display:grid;justify-items:center;line-height:1;font-weight:900}.rte-a i{display:block;width:16px;height:3px;margin-top:2px;border-radius:2px;background:#ff4d4d}
.rte-pal{position:absolute;top:38px;left:0;z-index:20;display:grid;grid-template-columns:repeat(6,26px);gap:6px;padding:10px;border:1px solid var(--line-strong);border-radius:12px;background:var(--surface);box-shadow:0 18px 40px -16px #000}
.rte-pal[hidden]{display:none}
.rte-pal button{min-width:0;width:26px;height:26px;padding:0;border-radius:8px;background:var(--c);border:2px solid #ffffff22}.rte-pal button:hover{transform:scale(1.1);border-color:#fff}
.rte-pal button.def{background:var(--surface-2);color:var(--muted);font-size:11px}
.rte-clear{font-weight:800;text-decoration:line-through}
.lw-rte{min-height:200px;max-height:520px;overflow-y:auto;padding:14px 16px;border:0;outline:0;color:var(--text);font:500 14.5px/1.65 var(--font);white-space:pre-wrap;word-break:break-word}
.lw-rte.empty::before{content:attr(data-placeholder);color:var(--muted);pointer-events:none;position:absolute}
.lw-rte p{margin:0}.lw-rte ul,.lw-rte ol{margin:4px 0;padding-left:24px}
.lw-editor:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-bg)}
.lw-count.over{color:var(--danger)!important}
.rich p{margin:0 0 4px}.rich ul,.rich ol{margin:6px 0;padding-left:22px}
.lw-editor{position:relative}

.lw-editor.lw-bad{border-color:var(--danger)!important;box-shadow:0 0 0 3px #ff5d7a33!important;animation:lfShake .35s 2}

/* ═════ İlan sihirbazı: son adım ═════ */
.lwf-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(260px,1fr);gap:16px;align-items:start}
.lwf-card{display:grid!important;grid-template-columns:minmax(220px,0.9fr) minmax(0,1.3fr);gap:18px;padding:16px!important;border:1px solid var(--line);border-radius:20px;background:radial-gradient(400px 160px at 100% 0,#168aff14,transparent 70%),var(--surface-2)}
.lwf-art{position:relative;min-height:210px;border-radius:16px;background:var(--cover) center/cover no-repeat,var(--surface-3);box-shadow:inset 0 0 0 1px #ffffff14}
.lwf-count,.lwf-vid{position:absolute;bottom:10px;left:10px;display:inline-flex;align-items:center;gap:5px;padding:4px 9px;border-radius:99px;background:#0b0f18d9;color:#e9edf5;font:800 11px var(--font-head)}.lwf-count .icon{width:13px;height:13px}
.lwf-vid{left:auto;right:10px;color:#fde68a}.lwf-vid svg{width:13px;height:13px}
.lwf-body{display:grid;align-content:start;gap:10px;min-width:0}
.lwf-body>small{color:var(--accent-soft);font-size:12px;font-weight:800}
.lwf-body h3{font:900 20px/1.3 var(--font-head);word-break:break-word}
.lwf-price{display:flex;flex-wrap:wrap;align-items:baseline;gap:12px}.lwf-price b{font:900 28px var(--font-head);color:#4fd18b}.lwf-price span{color:var(--muted);font-size:12.5px;font-weight:700}.lwf-price em{font-style:normal;color:var(--text)}
.lwf-chips{display:flex;flex-wrap:wrap;gap:6px}.lwf-chips span{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;border:1px solid var(--line);border-radius:99px;background:var(--surface);color:#c3cad8;font-size:12px;font-weight:700}.lwf-chips .icon{width:13px;height:13px;color:var(--accent-soft)}
.lwf-feats{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:6px}.lwf-feats div{padding:7px 10px;border-radius:10px;background:var(--surface)}.lwf-feats small{display:block;color:var(--muted);font-size:11px}.lwf-feats b{font-size:13px}
.lwf-flow{display:grid;gap:12px;padding:16px;border:1px solid #f9731644;border-radius:20px;background:radial-gradient(300px 140px at 100% 0,#f9731622,transparent 70%),var(--surface-2)}
.lwf-flow h4{display:flex;align-items:center;gap:8px;font-size:15px}.lwf-flow h4 .icon{width:17px;height:17px;color:#fb923c}
.lwf-flow ol{position:relative;display:grid;gap:14px;margin:0;padding:0;list-style:none}
.lwf-flow ol::before{content:"";position:absolute;left:15px;top:18px;bottom:18px;width:2px;background:linear-gradient(#4fd18b,#f0b354,#168aff);opacity:.5}
.lwf-flow li{position:relative;display:grid;grid-template-columns:32px 1fr;gap:10px;align-items:start}
.lwf-flow li i{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--surface);border:2px solid var(--line-strong);color:var(--accent-soft)}.lwf-flow li i .icon{width:15px;height:15px}
.lwf-flow li:first-child i{border-color:#4fd18b;color:#4fd18b}.lwf-flow li:nth-child(2) i{border-color:#f0b354;color:#f0b354}.lwf-flow li:last-child i{border-color:#168aff;color:#6fb8ff}
.lwf-flow b{display:block;font-size:13.5px}.lwf-flow small{color:var(--muted);font-size:12px;line-height:1.45}
.lwf-safe{display:flex;gap:8px;padding:10px 12px;border-radius:12px;background:#4fd18b12;color:#9ff0c2;font-size:12.5px}.lwf-safe .icon{flex:none;width:15px;height:15px;margin-top:1px}
.lwf-agree-head{display:flex;align-items:center;justify-content:space-between;margin-top:18px}.lwf-agree-head b{font-size:15px}.lwf-agree-head .text-link{display:inline-flex;align-items:center;gap:5px}.lwf-agree-head .icon{width:14px;height:14px}
.lwf-agree{display:grid;gap:8px;margin-top:8px}
.lwf-check{position:relative;display:grid!important;grid-template-columns:38px 1fr 26px;align-items:center;gap:12px;padding:12px 14px!important;border:1px solid var(--line)!important;border-radius:14px!important;background:var(--surface-2)!important;cursor:pointer;transition:border-color .15s,background .15s}
.lwf-check input{position:absolute;opacity:0;pointer-events:none}
.lwf-ic{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:var(--surface-3);color:var(--muted)}.lwf-ic .icon{width:18px;height:18px}
.lwf-check>span{font-size:13.5px;line-height:1.5}
.lwf-tick{display:grid;place-items:center;width:26px;height:26px;border:2px solid var(--line-strong);border-radius:8px;color:transparent;font-style:normal}.lwf-tick .icon{width:15px;height:15px}
.lwf-check:has(input:checked){border-color:#4fd18b77!important;background:linear-gradient(90deg,#4fd18b12,var(--surface-2))!important}
.lwf-check:has(input:checked) .lwf-ic{background:#4fd18b22;color:#4fd18b}
.lwf-check:has(input:checked) .lwf-tick{border-color:#4fd18b;background:#4fd18b;color:#05210f}
.lwf-nav{margin-top:16px}.lwf-space{flex:1}
.listing-wizard .lwf-nav [type=submit]{margin-left:0!important}
.lwf-publish{min-width:240px!important;height:52px;font-size:16px!important;box-shadow:0 16px 34px -14px #f97316}
@media(max-width:900px){.lwf-grid,.lwf-card{grid-template-columns:minmax(0,1fr)!important}.lwf-art{min-height:180px}.lwf-space{display:none}.lwf-nav>*{flex:1 1 auto}}
.lwf-agree-head .text-link{padding:4px 8px;border:0;border-radius:8px;background:none;color:var(--accent-soft);font:700 13px var(--font);cursor:pointer}.lwf-agree-head .text-link:hover{background:var(--accent-bg)}

/* ═════ İlan sayfası: büyük fotoğraf + galeri ═════ */
.lp-hero{grid-template-columns:minmax(360px,500px) minmax(0,1fr)!important}
.lp-shot{aspect-ratio:3/2!important;cursor:zoom-in}
.lp-shot>img[data-gallery-main]{width:100%;height:100%;object-fit:cover}
.lp-zoom{position:absolute;right:12px;bottom:12px;z-index:3;display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border:0;border-radius:99px;background:#0b0f18d9;color:#e9edf5;font:800 12px var(--font-head);cursor:pointer;backdrop-filter:blur(6px);opacity:.9;transition:opacity .15s,transform .15s}.lp-zoom .icon{width:14px;height:14px}.lp-zoom:hover{opacity:1;transform:translateY(-1px)}
.lp-count{position:absolute;left:12px;bottom:12px;z-index:3;padding:5px 10px;border-radius:99px;background:#0b0f18d9;color:#e9edf5;font:800 11.5px var(--font-head)}
.lp-thumbs button.on{outline:2px solid var(--accent);outline-offset:1px}
@media(max-width:980px){.lp-hero{grid-template-columns:minmax(0,1fr)!important}.lp-media{max-width:640px!important}}
.gbx{position:fixed;inset:0;z-index:300;display:grid;grid-template-columns:72px minmax(0,1fr) 72px;grid-template-rows:56px minmax(0,1fr) auto;background:#04060bf2;backdrop-filter:blur(6px);animation:lbIn .2s ease}
@keyframes lbIn{from{opacity:0}to{opacity:1}}
.gbx-top{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;padding:0 18px}
.gbx-count{color:#c3cad8;font:800 14px var(--font-head)}
.gbx-x{width:42px;height:42px;border:0;border-radius:12px;background:#ffffff14;color:#fff;font-size:18px;cursor:pointer}.gbx-x:hover{background:#ffffff26}
.gbx-stage{grid-row:2;grid-column:2;display:grid;place-items:center;margin:0;min-height:0}
.gbx-stage img{max-width:100%;max-height:100%;border-radius:12px;box-shadow:0 30px 80px -20px #000;opacity:0;transform:scale(.98);transition:opacity .2s,transform .2s}.gbx-stage img.in{opacity:1;transform:none}
.gbx-nav{grid-row:2;align-self:center;justify-self:center;width:52px;height:52px;border:0;border-radius:50%;background:#ffffff14;color:#fff;font:400 34px/1 sans-serif;cursor:pointer;transition:background .15s}.gbx-nav:hover{background:#ffffff2e}.gbx-nav.prev{grid-column:1}.gbx-nav.next{grid-column:3}
.gbx-thumbs{grid-column:1/-1;display:flex;justify-content:center;gap:8px;padding:12px 16px 18px;overflow-x:auto}
.gbx-thumbs button{flex:none;width:84px;height:56px;padding:0;overflow:hidden;border:2px solid transparent;border-radius:10px;background:#111;opacity:.55;cursor:pointer;transition:opacity .15s,border-color .15s}.gbx-thumbs button.on,.gbx-thumbs button:hover{opacity:1}.gbx-thumbs button.on{border-color:var(--accent)}
.gbx-thumbs img{width:100%;height:100%;object-fit:cover}
@media(max-width:700px){.gbx{grid-template-columns:44px minmax(0,1fr) 44px}.gbx-nav{width:40px;height:40px;font-size:26px}.gbx-thumbs button{width:64px;height:44px}}

/* ═════ Sepet sayfası ═════ */
.ct{display:grid;gap:18px;padding-top:20px;padding-bottom:60px}
.ct-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:14px;padding:22px 24px;border:1px solid var(--line);border-radius:22px;background:radial-gradient(500px 200px at 0 0,#22c55e1f,transparent 70%),radial-gradient(400px 200px at 100% 100%,#168aff1a,transparent 70%),var(--surface)}
.ct-kicker{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:99px;background:#22c55e1f;color:#4ade80;font:900 11px var(--font-head);letter-spacing:.1em}.ct-kicker .icon{width:13px;height:13px}
.ct-head h1{margin:8px 0 2px;font:900 30px var(--font-head)}.ct-head p{color:var(--muted);font-weight:600}
.ct-head-acts{display:flex;flex-wrap:wrap;gap:8px}.ct-back .icon{transform:rotate(90deg)}
.ct-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:18px;align-items:start}
.ct-list{display:grid;gap:10px}
.ct-item{display:grid;grid-template-columns:132px minmax(0,1fr) auto auto 40px;align-items:center;gap:16px;padding:12px;border:1px solid var(--line);border-radius:18px;background:var(--surface);transition:border-color .15s}
.ct-item:hover{border-color:var(--line-strong)}
.ct-item.off{opacity:.65;border-style:dashed}
.ct-art{display:grid;place-items:center;aspect-ratio:3/2;overflow:hidden;border-radius:12px;background:linear-gradient(135deg,var(--art-a),var(--art-b))}.ct-art img{width:100%;height:100%;object-fit:cover}
.ct-info{display:grid;gap:4px;min-width:0}
.ct-meta{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:12px;font-weight:700}.ct-meta .game-tile{width:20px;height:20px;border-radius:6px;font-size:8px}
.ct-title{color:var(--text);font:800 15px/1.35 var(--font-head);overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.ct-title:hover{color:var(--accent-soft)}
.ct-seller{display:inline-flex;align-items:center;gap:5px;color:var(--muted);font-size:12.5px}.ct-seller .icon{width:13px;height:13px}
.ct-warn{display:inline-flex;align-items:center;gap:5px;color:#ff8a9c;font-size:12px;font-weight:700}.ct-warn .icon{width:13px;height:13px}
.ct-qty{display:grid;justify-items:center;gap:4px}.ct-qty small{color:var(--muted);font-size:11.5px}
.ct-stepper{display:flex;align-items:center;border:1px solid var(--line);border-radius:12px;background:var(--surface-2);overflow:hidden}.ct-stepper button{width:34px;height:34px;border:0;background:none;color:var(--text);font-size:18px;cursor:pointer}.ct-stepper button:hover{background:var(--surface-3)}.ct-stepper b{min-width:30px;text-align:center}
.ct-single{display:inline-flex;align-items:center;gap:5px;padding:6px 10px;border-radius:10px;background:var(--surface-2);color:var(--muted);font-size:12px;font-weight:700}.ct-single .icon{width:13px;height:13px}
.ct-price{display:grid;justify-items:end;gap:3px;min-width:110px}.ct-price b{font:900 18px var(--font-head);color:#4fd18b}
.ct-pass{padding:2px 7px;border-radius:6px;background:linear-gradient(90deg,#f0b354,#ff8a3d);color:#1a1205;font:900 10px var(--font-head)}
.ct-x{display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--line);border-radius:11px;background:var(--surface-2);color:var(--muted);cursor:pointer}.ct-x:hover{border-color:#ff5d7a77;color:#ff8a9c}.ct-x .icon{width:16px;height:16px}
.ct-sum{position:sticky;top:96px;display:grid;gap:14px;padding:20px;border:1px solid var(--line);border-radius:22px;background:radial-gradient(300px 140px at 100% 0,#22c55e14,transparent 70%),var(--surface)}
.ct-sum h2{font-size:18px}
.ct-lines{display:grid;gap:8px}.ct-lines div{display:flex;justify-content:space-between;color:var(--muted);font-size:14px}.ct-lines b{color:var(--text)}.ct-disc b{color:#f0b354!important}.ct-free{color:#4fd18b!important}
.ct-total{display:flex;align-items:baseline;justify-content:space-between;padding-top:12px;border-top:1px dashed var(--line-strong)}.ct-total span{font-weight:800}.ct-total b{font:900 28px var(--font-head)}
.ct-bal{display:grid;grid-template-columns:1fr auto;gap:6px 10px;padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:var(--surface-2)}
.ct-bal>span{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-weight:700}.ct-bal .icon{width:15px;height:15px}.ct-bal>b{font-weight:900}
.ct-bal small{grid-column:1/-1;color:var(--muted);font-size:12.5px}.ct-bal small b{color:var(--text)}
.ct-bal.low{border-color:#f0b35466;background:#f0b3540f}.ct-bal.low small b{color:#f0b354}
.ct-topup{grid-column:1/-1;justify-content:center}
.ct-pay{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:54px;font:900 16px var(--font-head)!important;border-radius:14px!important;box-shadow:0 16px 34px -16px #22c55e}.ct-pay .icon{width:18px;height:18px}.ct-pay:disabled{opacity:.5;cursor:not-allowed}
.ct-trust{display:grid;gap:10px;margin:2px 0 0;padding:12px 0 0;border-top:1px solid var(--line);list-style:none}.ct-trust li{display:flex;gap:10px;color:var(--muted);font-size:12.5px;line-height:1.45}.ct-trust .icon{flex:none;width:17px;height:17px;margin-top:2px;color:#4fd18b}.ct-trust b{display:block;color:var(--text);font-size:13px}
.ct-empty{display:grid;justify-items:center;gap:12px;padding:60px 20px;border:1px dashed var(--line-strong);border-radius:24px;text-align:center;background:radial-gradient(400px 200px at 50% 0,#168aff14,transparent 70%)}
.ct-empty-ic{display:grid;place-items:center;width:84px;height:84px;border-radius:26px;background:linear-gradient(135deg,#168aff33,#8b5cf633);color:#9ccfff}.ct-empty-ic .icon{width:40px;height:40px}
.ct-empty h1{font:900 26px var(--font-head)}.ct-empty p{max-width:480px;color:var(--muted)}.ct-empty-cta{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:6px}
@media(max-width:1000px){.ct-layout{grid-template-columns:minmax(0,1fr)}.ct-sum{position:static}}
@media(max-width:680px){.ct-item{grid-template-columns:96px minmax(0,1fr) 38px;grid-template-areas:"art info x" "art qty price"}.ct-art{grid-area:art}.ct-info{grid-area:info}.ct-qty{grid-area:qty;justify-items:start}.ct-price{grid-area:price}.ct-x{grid-area:x}}

/* İlan özellikleri: yan yana kutucuklar */
.lp-feats{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px}
.lp-feat{display:flex;align-items:center;gap:12px;min-width:0;padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:var(--surface-2);transition:border-color .15s}
.lp-feat:hover{border-color:color-mix(in srgb,var(--fc) 45%,var(--line))}
.lp-feat i{display:grid;place-items:center;flex:none;width:40px;height:40px;border-radius:12px;background:color-mix(in srgb,var(--fc) 16%,transparent);color:var(--fc)}.lp-feat i .icon{width:20px;height:20px}
.lp-feat span{display:grid;gap:2px;min-width:0}
.lp-feat small{color:color-mix(in srgb,var(--fc) 70%,var(--text));font:800 12px var(--font-head)}
.lp-feat b{color:var(--text);font-size:14px;line-height:1.35;word-break:break-word}

/* Satın alma onayı: kampanya kodu */
.cb-promo{display:flex;align-items:center;gap:8px;margin-top:12px;padding:8px 8px 8px 12px;border:1px dashed #ffffff22;border-radius:12px;background:#ffffff05}
.cb-promo>.icon{flex:none;width:17px;height:17px;color:#f0b354}
.cb-promo input{flex:1;min-width:0;height:36px;padding:0 10px;border:1px solid var(--line);border-radius:9px;background:#0b0f18;color:var(--text);text-transform:uppercase}
.cb-promo span{flex:1;min-width:0;font-size:13px;color:#c3cad8}.cb-promo span b{color:#4ade80}
.cb-promo.on{border-style:solid;border-color:#22c55e55;background:#22c55e10}.cb-promo.on>.icon{color:#4ade80}
.cb-promo-err{min-height:0;color:#f87171;font-size:12.5px;font-weight:700}.cb-promo-err:not(:empty){margin-top:6px}
/* Satıcı kartı: rozetler + mesaj butonu hizası */
.lp-seller-badges{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:2px 16px 10px}
.lp-seller-badges img{width:30px;height:30px;object-fit:contain;filter:drop-shadow(0 4px 8px #0008);transition:transform .15s}.lp-seller-badges img:hover{transform:translateY(-2px) scale(1.08)}
.lp-seller-badges em{padding:3px 8px;border-radius:99px;background:#ffffff0d;color:#aab3c7;font:800 11px var(--font-head);font-style:normal}
button.lp-seller-go{box-sizing:border-box;width:calc(100% - 32px);margin:12px 16px 16px}
button.lp-seller-go .icon{transform:none}
/* Lightbox: görsel ekrana sığsın */
.gbx-stage{height:100%;overflow:hidden;padding:6px}
.gbx-stage img{max-height:calc(100vh - 170px);max-height:calc(100dvh - 170px);object-fit:contain}
.gbx:not(:has(.gbx-thumbs button)) .gbx-stage img{max-height:calc(100dvh - 90px)}
/* İlan kartları: daha kompakt */
.product-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}
.product-card.pc{border-radius:16px}
.pc-art{aspect-ratio:16/10}
.pc-body{gap:7px;padding:10px 12px 12px}
.pc-title{font-size:13.5px}
.pc-price strong{font-size:18px}
.pc-actions{padding-top:8px}
.pc-cart,.pc-soldout{height:34px;font-size:12.5px;border-radius:10px}
.pc-tag{padding:2px 8px;font-size:10px}
.pc-game{font-size:11px}
.cb-promo input::placeholder{text-transform:none}

/* Mobil: tek sütun grid kapsayıcılar içerik kadar genişlemesin */
.section.spotlight,.sf-main,.wrap.pv{grid-template-columns:minmax(0,1fr)}

/* ───── Sağ kısayol menüsü: marka rengi tutamaç + sırayla beliren cam döşemeler ───── */
.qr{position:fixed;top:50%;right:0;z-index:43;display:flex;align-items:center;transform:translate(68px,-50%);pointer-events:none}
.qr.qr-anim{transition:transform .38s cubic-bezier(.22,1,.36,1)}
.qr.open{transform:translate(0,-50%)}
.qr>*{pointer-events:auto}
.qr-handle{position:relative;display:grid;place-items:center;width:24px;height:78px;padding:0;border:0;border-radius:14px 0 0 14px;background:linear-gradient(180deg,#6366f1,#3b82f6 55%,#22d3ee);color:#fff;cursor:pointer;box-shadow:-6px 0 22px -6px #4f6bffaa,inset 1px 1px 0 #ffffff40;transition:width .2s,filter .2s}
.qr-handle::before{content:"";position:absolute;inset:-6px -2px -6px -8px;border-radius:18px 0 0 18px;background:radial-gradient(closest-side,#4f8bff66,transparent);opacity:0;animation:qr-pulse 2.6s ease-in-out infinite;pointer-events:none}
.qr.open .qr-handle::before{animation:none}
.qr-handle:hover{width:28px;filter:brightness(1.12)}
.qr-handle .icon{position:relative;width:15px;height:15px;transform:rotate(180deg);transition:transform .38s cubic-bezier(.22,1,.36,1)}
.qr.open .qr-handle .icon{transform:none}
.qr-rail{position:relative;display:flex;flex-direction:column;align-items:center;gap:7px;width:68px;padding:12px 0 14px;border:1px solid #ffffff14;border-right:0;border-radius:22px 0 0 22px;background:linear-gradient(180deg,#151b2ef5,#0c111ff5);backdrop-filter:blur(14px);box-shadow:-18px 0 44px -20px #000,inset 1px 0 0 #ffffff0a;visibility:hidden;transition:visibility 0s .38s}
.qr.open .qr-rail{visibility:visible;transition:none}
.qr-rail::before{content:"";position:absolute;left:-1px;top:18px;bottom:18px;width:2px;border-radius:2px;background:linear-gradient(180deg,transparent,#6366f1,#22d3ee,transparent) 0 0/100% 220%;animation:qr-flow 4s linear infinite}
.qr-cap{color:#6f7c99;font:800 9.5px var(--font-head);letter-spacing:.14em;text-transform:uppercase}
.qr-it{position:relative;display:grid;place-items:center;width:44px;height:44px;border:1px solid #ffffff10;border-radius:14px;background:#ffffff08;color:var(--c);transition:transform .18s cubic-bezier(.22,1,.36,1),background .18s,border-color .18s,box-shadow .18s,color .18s}
.qr-it .icon{width:19px;height:19px;transition:transform .18s}
.qr-it:hover,.qr-it:focus-visible{transform:translateX(-4px) scale(1.06);border-color:color-mix(in srgb,var(--c) 70%,transparent);background:color-mix(in srgb,var(--c) 20%,#10162a);box-shadow:0 10px 24px -10px var(--c);outline:0}
.qr-it:hover .icon{transform:scale(1.1)}
.qr-it:active{transform:translateX(-2px) scale(.96)}
.qr-it.on{border-color:color-mix(in srgb,var(--c) 60%,transparent);background:color-mix(in srgb,var(--c) 16%,#10162a)}
.qr-it.on::before{content:"";position:absolute;left:-13px;top:11px;bottom:11px;width:3px;border-radius:0 3px 3px 0;background:var(--c);box-shadow:0 0 10px var(--c)}
.qr-it span{position:absolute;right:56px;display:flex;align-items:center;gap:7px;padding:7px 12px;border:1px solid color-mix(in srgb,var(--c) 45%,transparent);border-radius:11px;background:#0c111fee;color:#fff;font:700 12.5px var(--font-head);white-space:nowrap;opacity:0;pointer-events:none;transform:translateX(10px) scale(.96);transform-origin:right center;transition:opacity .16s,transform .2s cubic-bezier(.22,1,.36,1);box-shadow:0 12px 26px -14px #000}
.qr-it span::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--c);box-shadow:0 0 8px var(--c)}
.qr-it:hover span,.qr-it:focus-visible span{opacity:1;transform:none}
.qr-rail hr{width:26px;margin:2px 0;border:0;border-top:1px solid #ffffff14}
.qr-gift .icon{animation:qr-wiggle 4.5s ease-in-out infinite;transform-origin:50% 80%}
.qr.qr-anim.open .qr-it,.qr.qr-anim.open .qr-cap{animation:qr-pop .42s cubic-bezier(.22,1,.36,1) both;animation-delay:calc(var(--i,0)*38ms + 90ms)}
@keyframes qr-pop{from{opacity:0;transform:translateX(22px) scale(.8)}to{opacity:1;transform:none}}
@keyframes qr-pulse{0%,100%{opacity:0}50%{opacity:1}}
@keyframes qr-flow{to{background-position:0 -220%}}
@keyframes qr-wiggle{0%,86%,100%{transform:none}89%{transform:rotate(-14deg)}92%{transform:rotate(12deg)}95%{transform:rotate(-8deg)}98%{transform:rotate(4deg)}}
@media(max-width:900px){.qr{display:none}}
@media(prefers-reduced-motion:reduce){.qr,.qr *{animation:none!important;transition:none!important}}
[data-theme="light"] .qr-rail{background:linear-gradient(180deg,#fffffff5,#f3f5fbf5);border-color:#dfe3ee}[data-theme="light"] .qr-it{background:#f1f3f9;border-color:#e3e6ef}[data-theme="light"] .qr-it span{background:#1b2033}[data-theme="light"] .qr-cap{color:#7a849b}
@media(max-height:640px){.qr-rail{gap:5px;padding:9px 0 10px}.qr-it{width:38px;height:38px;border-radius:12px}.qr-it .icon{width:17px;height:17px}.qr-cap{display:none}.qr-it span{right:50px}}

/* Kategori menüsü: Popüler bölümünde ilk 2 sıra */

/* ───── Kategori paneli (yeni): arama + ürün türü sekmeleri + yatay oyun kartları ───── */
.mega.kt{display:flex;flex-direction:column;grid-template-columns:none;width:min(1240px,100% - 48px);height:auto;max-height:min(680px,100vh - 170px);padding:18px 20px 0;border:1px solid #ffffff14;border-radius:22px;background:linear-gradient(180deg,#131a2cfa,#0c111ffa);backdrop-filter:blur(16px)}
.mega.kt::before{content:"";position:absolute;inset:0 0 auto 0;height:2px;background:linear-gradient(90deg,transparent,#6366f1,#22d3ee,transparent)}
.mega.kt .mega-top{flex:none;margin-bottom:14px}
.mega.kt .mega-search{height:50px;border-radius:14px;border-color:#ffffff14;background:#0a0e18}
.mega.kt .mega-close{width:50px;height:50px;border-radius:14px;border-color:#ffffff14;background:#ffffff08}
.kt-view{flex:1;min-height:0;overflow-y:auto;margin:0 -20px;padding:16px 20px 20px;scrollbar-width:thin}
.kt-head{display:flex;align-items:center;gap:12px;margin-bottom:14px}
.kt-head:not(:first-child){margin-top:22px}
.kt-head>i{display:grid;place-items:center;flex:none;width:40px;height:40px;border-radius:12px;background:color-mix(in srgb,var(--c) 18%,transparent);color:var(--c)}
.kt-head>i .icon{width:19px;height:19px}.kt-head>i img{width:26px;height:26px;object-fit:contain}
.kt-head>div{flex:1;min-width:0}.kt-head h3{font:800 18px var(--font-head);color:#f1f3f9}.kt-head p{margin-top:1px;color:#8a94ad;font-size:13px}
.kt-more{flex:none;display:inline-flex;align-items:center;gap:4px;padding:8px 12px 8px 14px;border:1px solid #6366f155;border-radius:11px;background:#6366f114;color:#a5b4fc;font:700 13px var(--font-head);transition:background .16s,color .16s}
.kt-more .icon{width:14px;height:14px}.kt-more:hover{background:#6366f1;color:#fff}
.kt-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px}
.kt-grid .more{display:none}
.kt-card{position:relative;display:flex;align-items:center;gap:12px;min-width:0;height:66px;padding:0 12px 0 9px;overflow:hidden;border:1px solid #ffffff10;border-radius:15px;background:#10162a;color:#fff;isolation:isolate;animation:rise .32s ease both;animation-delay:calc(var(--i)*16ms);transition:transform .18s cubic-bezier(.22,1,.36,1),border-color .18s,box-shadow .18s}
.kt-card::before{content:"";position:absolute;inset:0;z-index:-2;background:var(--cover) center/cover,linear-gradient(120deg,var(--ga),var(--gb));transition:transform .4s}
.kt-card::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#0b0f1af2 0%,#0b0f1acc 48%,#0b0f1a55 100%)}
.kt-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--ga) 75%,#fff 0%);box-shadow:0 14px 28px -16px var(--ga)}
.kt-card:hover::before{transform:scale(1.08)}
.kt-logo{display:grid;place-items:center;flex:none;width:48px;height:48px;border:1px solid #ffffff1a;border-radius:13px;background:#ffffff12;backdrop-filter:blur(6px)}
.kt-logo img{width:34px;height:34px;object-fit:contain;filter:drop-shadow(0 3px 6px #0009)}.kt-logo b{font:900 15px var(--font-head)}
.kt-name{flex:1;min-width:0;overflow:hidden;font:800 14px/1.25 var(--font-head);text-overflow:ellipsis;white-space:nowrap;text-shadow:0 1px 6px #000a}
.kt-card>.icon{flex:none;width:15px;height:15px;color:#ffffff80;transform:translateX(-4px);opacity:0;transition:opacity .18s,transform .18s}
.kt-card:hover>.icon{opacity:1;transform:none}
.kt-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}
.kt-chips a,.kt-chips button{display:inline-flex;align-items:center;gap:7px;padding:7px 13px;border:1px solid #ffffff12;border-radius:99px;background:#ffffff08;color:#c3cad8;font:700 12.5px var(--font-head);cursor:pointer;transition:border-color .15s,color .15s,background .15s}
.kt-chips a:hover,.kt-chips button:hover{border-color:var(--c,#6366f1);background:color-mix(in srgb,var(--c,#6366f1) 16%,transparent);color:#fff}
.kt-chips small{color:#7d879f;font-weight:600}.kt-chips .icon{width:14px;height:14px;color:var(--c)}.kt-chips img{width:16px;height:16px;object-fit:contain}

.mega.kt .mega-empty{display:grid;justify-items:center;gap:6px;padding:46px 0;color:#8a94ad}
.mega.kt .mega-empty .icon{width:30px;height:30px;color:#4b5672}.mega.kt .mega-empty b{color:#f1f3f9;font:800 16px var(--font-head)}
@media(max-width:860px){
  .mega.kt{width:100%;max-height:none;height:100dvh;padding:12px 14px 0;border:0;border-radius:0}
  .kt-view{margin:0 -14px;padding:14px 14px 24px}
  .kt-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}
  .kt-card{height:58px}.kt-logo{width:40px;height:40px;border-radius:11px}.kt-logo img{width:28px;height:28px}.kt-name{font-size:13px}
  .kt-head p{display:none}
}
@media(prefers-reduced-motion:reduce){.kt-card{animation:none}}
[data-theme="light"] .mega.kt{background:linear-gradient(180deg,#fffffffa,#f4f6fbfa);border-color:#dfe3ee}[data-theme="light"] .mega.kt .mega-search{background:#fff}[data-theme="light"] .kt-head h3{color:#1f2433}[data-theme="light"] .kt-chips a,[data-theme="light"] .kt-chips button{background:#f1f3f9;border-color:#e3e6ef;color:#3a4157}
@media(max-width:860px){.mega.kt{background:#0c111f;backdrop-filter:none}}

/* Kategori paneli: ürün türü tek düğme + açılır liste */
.mega.kt{overflow:visible}
.mega.kt .mega-top{position:relative;z-index:3;padding-bottom:14px;margin:0 -20px;padding-left:20px;padding-right:20px;border-bottom:1px solid #ffffff0f}
.kt-view{border-radius:0 0 22px 22px}
.kt-pick{position:relative;flex:none}
.kt-pick-btn{display:flex;align-items:center;gap:10px;height:50px;min-width:210px;padding:0 12px 0 8px;border:1px solid #ffffff14;border-radius:14px;background:#ffffff08;color:#fff;cursor:pointer;transition:border-color .16s,background .16s}
.kt-pick-btn:hover,.kt-pick.open .kt-pick-btn{border-color:#6366f1;background:#6366f114}
.kt-pick-cur{display:flex;align-items:center;gap:10px;flex:1;min-width:0;text-align:left}
.kt-pick-cur i,.kt-opt i{display:grid;place-items:center;flex:none;width:34px;height:34px;border-radius:10px;background:color-mix(in srgb,var(--c) 20%,transparent);color:var(--c)}
.kt-pick-cur i .icon,.kt-opt i .icon{width:16px;height:16px}.kt-pick-cur i img,.kt-opt i img{width:24px;height:24px;object-fit:contain}
.kt-pick-cur span{display:grid;min-width:0}.kt-pick-cur small{color:#7d879f;font:700 10.5px var(--font-head);letter-spacing:.06em;text-transform:uppercase}
.kt-pick-cur b{overflow:hidden;font:800 14px var(--font-head);text-overflow:ellipsis;white-space:nowrap}
.kt-pick-btn>.icon{flex:none;width:16px;height:16px;color:#8a94ad;transition:transform .2s}.kt-pick.open .kt-pick-btn>.icon{transform:rotate(180deg)}
.kt-menu{position:absolute;top:calc(100% + 8px);right:0;z-index:5;display:grid;grid-template-columns:repeat(2,minmax(230px,1fr));gap:4px;width:max-content;max-width:min(560px,100vw - 40px);max-height:min(430px,100vh - 260px);padding:8px;overflow-y:auto;border:1px solid #ffffff1a;border-radius:16px;background:#111727;box-shadow:0 26px 60px -20px #000;scrollbar-width:thin;animation:kt-drop .18s cubic-bezier(.22,1,.36,1)}
.kt-menu[hidden]{display:none}
@keyframes kt-drop{from{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:none}}
.kt-opt{display:flex;align-items:center;gap:10px;min-width:0;padding:8px 10px 8px 8px;border:1px solid transparent;border-radius:12px;background:none;color:#fff;text-align:left;cursor:pointer;transition:background .14s,border-color .14s}
.kt-opt span{display:grid;min-width:0}.kt-opt b{font:700 13.5px var(--font-head)}.kt-opt small{overflow:hidden;color:#7d879f;font-size:11.5px;text-overflow:ellipsis;white-space:nowrap}
.kt-opt:hover{background:#ffffff0a;border-color:#ffffff12}
.kt-opt.active{background:color-mix(in srgb,var(--c) 16%,transparent);border-color:color-mix(in srgb,var(--c) 55%,transparent)}
.kt-opt.active i{background:var(--c);color:#0b0f1a}
@media(max-width:860px){
  .mega.kt .mega-top{flex-wrap:wrap;margin:0 -14px;padding:0 14px 12px}
  .mega.kt .mega-search{order:1;flex:1 1 0}.mega.kt .mega-close{order:2}
  .kt-pick{order:3;flex:1 1 100%}.kt-pick-btn{width:100%;height:46px}
  .kt-menu{left:0;right:0;width:auto;max-width:none;grid-template-columns:1fr;max-height:60dvh}
  .kt-view{border-radius:0}
}
[data-theme="light"] .kt-pick-btn{background:#f1f3f9;border-color:#e3e6ef;color:#1f2433}[data-theme="light"] .kt-menu{background:#fff;border-color:#dfe3ee}[data-theme="light"] .kt-opt{color:#1f2433}

/* ───── Tüm Kategoriler sayfası ───── */
.tk{display:grid;grid-template-columns:minmax(0,1fr);gap:22px;padding-bottom:48px}
.tk-hero{position:relative;display:flex;align-items:flex-end;justify-content:space-between;gap:28px;flex-wrap:wrap;padding:clamp(22px,3.4vw,38px);overflow:hidden;border:1px solid #ffffff12;border-radius:24px;background:radial-gradient(700px 300px at 0 0,#6366f133,transparent 70%),radial-gradient(600px 280px at 100% 100%,#22d3ee22,transparent 70%),linear-gradient(180deg,#141b2c,#0e1322)}
.tk-hero::before{content:"";position:absolute;inset:0 0 auto 0;height:2px;background:linear-gradient(90deg,transparent,#6366f1,#22d3ee,transparent)}
.tk-hero .eyebrow{display:inline-flex;align-items:center;gap:7px;color:#a5b4fc}.tk-hero .eyebrow .icon{width:14px;height:14px}
.tk-hero h1{margin:8px 0 8px;font:900 clamp(28px,3.6vw,42px)/1.1 var(--font-head);letter-spacing:-.01em}
.tk-hero p{max-width:560px;color:#aab3c7;line-height:1.6}
.tk-stats{display:flex;gap:10px}
.tk-stats span{display:grid;gap:2px;min-width:104px;padding:12px 16px;border:1px solid #ffffff12;border-radius:16px;background:#ffffff08;backdrop-filter:blur(6px)}
.tk-stats b{font:900 24px/1 var(--font-head);background:linear-gradient(135deg,#fff,#a5b4fc);-webkit-background-clip:text;background-clip:text;color:transparent}
.tk-stats small{color:#8a94ad;font-size:12px;font-weight:600}
.tk-bar{position:sticky;top:calc(var(--hdr-h,132px) + 10px);z-index:20;display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:10px;border:1px solid #ffffff12;border-radius:18px;background:#0f1422e6;backdrop-filter:blur(14px);box-shadow:0 18px 40px -26px #000}
.tk-pills{display:flex;gap:8px;min-width:0;overflow-x:auto;scrollbar-width:none}.tk-pills::-webkit-scrollbar{display:none}
.tk-pill{flex:none;display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 16px;border:1px solid #ffffff12;border-radius:99px;background:#ffffff06;color:#b6bfd2;font:800 13.5px var(--font-head);cursor:pointer;transition:background .16s,border-color .16s,color .16s,transform .16s}
.tk-pill .icon{width:15px;height:15px}
.tk-pill em{min-width:22px;padding:1px 7px;border-radius:99px;background:#ffffff12;color:#aab3c7;font:800 11px var(--font-head);font-style:normal;text-align:center}
.tk-pill:hover{border-color:#6366f188;color:#fff;transform:translateY(-1px)}
.tk-pill.active{border-color:transparent;background:linear-gradient(135deg,#4f6bff,#3d4ff0);color:#fff;box-shadow:0 10px 24px -10px #4f6bff}
.tk-pill.active em{background:#ffffff2e;color:#fff}
.tk-tools{display:flex;align-items:center;gap:8px;flex:1;justify-content:flex-end;min-width:240px}
.tk-search{display:flex;align-items:center;gap:9px;flex:1;max-width:320px;height:42px;padding:0 14px;border:1px solid #ffffff12;border-radius:12px;background:#0a0e18;transition:border-color .16s,box-shadow .16s}
.tk-search:focus-within{border-color:#6366f1;box-shadow:0 0 0 3px #6366f126}
.tk-search .icon{flex:none;width:16px;height:16px;color:#7d879f}
.tk-search input,.tk-search input:focus{flex:1;min-width:0;height:100%;padding:0;border:0!important;background:none!important;box-shadow:none!important;outline:0;font-size:14px}
#tk-sort{height:42px;min-width:150px;border-radius:12px}
.tk-sec{display:grid;gap:14px}.tk-sec[hidden]{display:none}
.tk-sec>header{display:flex;align-items:center;gap:12px}
.tk-sec>header>i{display:grid;place-items:center;flex:none;width:42px;height:42px;border-radius:13px;background:linear-gradient(135deg,#6366f133,#22d3ee22);color:#a5b4fc}
.tk-sec>header .icon{width:19px;height:19px}
.tk-sec>header>div{flex:1;min-width:0}.tk-sec h2{font:800 20px var(--font-head)}.tk-sec>header p{color:#8a94ad;font-size:13px}
.tk-sec>header>em{padding:4px 12px;border:1px solid #ffffff12;border-radius:99px;background:#ffffff08;color:#aab3c7;font:800 12.5px var(--font-head);font-style:normal}
.tk-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(176px,1fr));gap:14px}
.tk-card{display:flex;flex-direction:column;min-width:0;overflow:hidden;border:1px solid #ffffff10;border-radius:18px;background:linear-gradient(180deg,#141b2b,#10151f);color:#fff;transition:transform .2s cubic-bezier(.22,1,.36,1),border-color .2s,box-shadow .2s}
.tk-card[hidden]{display:none}
.tk-card:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--ga) 70%,transparent);box-shadow:0 20px 36px -22px var(--ga)}
.tk-art{position:relative;display:grid;place-items:center;aspect-ratio:16/10;overflow:hidden;background:linear-gradient(180deg,#0000 35%,#0b0f18cc),var(--cover,none) center/cover,radial-gradient(circle at 30% 20%,var(--ga),transparent 65%),linear-gradient(135deg,var(--gb),#0b0f18)}
.tk-art>img,.tk-art>.game-mark,.tk-art>.product-logo{position:relative;max-width:56%;max-height:54%;object-fit:contain;filter:drop-shadow(0 6px 14px #000a);transition:transform .3s}
.tk-card:hover .tk-art>img,.tk-card:hover .tk-art>.game-mark{transform:scale(1.08)}
.tk-art>.icon{width:34px;height:34px;color:#fff;filter:drop-shadow(0 6px 14px #0008)}
.tk-rank{position:absolute;top:9px;left:9px;z-index:1;padding:2px 8px;border-radius:99px;background:linear-gradient(135deg,#f59e0b,#eab308);color:#1a1205;font:900 11px var(--font-head);font-style:normal;box-shadow:0 6px 14px -6px #000}
.tk-meta{display:grid;gap:3px;padding:11px 13px 13px;min-width:0}
.tk-meta b{overflow:hidden;font:800 14px/1.3 var(--font-head);text-overflow:ellipsis;white-space:nowrap}
.tk-meta small{color:#7d879f;font-size:12px;font-weight:600}
.tk-meta small.has{color:#4ade80}
.tk-type .tk-art{background:radial-gradient(circle at 30% 20%,color-mix(in srgb,var(--ga) 70%,transparent),transparent 70%),linear-gradient(135deg,color-mix(in srgb,var(--ga) 30%,#0c111f),#0c111f)}
.tk-empty{display:grid;justify-items:center;gap:6px;padding:60px 0;border:1px dashed #ffffff1a;border-radius:20px;color:#8a94ad;text-align:center}
.tk-empty[hidden]{display:none}.tk-empty .icon{width:32px;height:32px;color:#4b5672}.tk-empty b{color:#f1f3f9;font:800 17px var(--font-head)}
@media(max-width:860px){
  .tk-stats{width:100%}.tk-stats span{flex:1;min-width:0;padding:10px 12px}.tk-stats b{font-size:20px}
  .tk-bar{top:calc(var(--hdr-h,64px) + 6px);padding:8px}.tk-pills{width:100%}.tk-pill{height:38px;padding:0 13px}
  .tk-tools{min-width:0;width:100%}.tk-search{max-width:none}#tk-sort{min-width:0;width:132px}
  .tk-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
}
[data-theme="light"] .tk-hero{background:linear-gradient(180deg,#fff,#f3f5fb);border-color:#dfe3ee}[data-theme="light"] .tk-hero p{color:#4a5368}[data-theme="light"] .tk-stats b{background:linear-gradient(135deg,#1f2433,#4f6bff);-webkit-background-clip:text;background-clip:text}[data-theme="light"] .tk-bar{background:#ffffffe6;border-color:#dfe3ee}[data-theme="light"] .tk-pill{background:#f1f3f9;border-color:#e3e6ef;color:#3a4157}[data-theme="light"] .tk-search{background:#fff;border-color:#dfe3ee}[data-theme="light"] .tk-card{background:#fff;border-color:#e3e6ef;color:#1f2433}
.tk-tools #tk-sort{flex:none;width:168px;min-width:0}.tk-tools .tk-search{min-width:190px}@media(max-width:860px){.tk-tools #tk-sort{width:132px}.tk-tools .tk-search{min-width:0}}

/* ───── Ana sayfa: ürün türü şeridi ───── */

.hg-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}
/* Sosyal medya: hediye kartları gibi kayan şerit */
.social-section .brand-marquee{width:min(1000px,100%);margin-inline:auto;overflow:hidden}
.social-section .brand-marquee[data-marquee]{-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
/* ───── Ana sayfa sonu ───── */
.hx-out{display:grid;gap:16px;margin-top:56px}
.hx-top{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:16px}
.hx-how,.hx-faq,.hx-act{position:relative;padding:26px;overflow:hidden;border:1px solid #ffffff10;border-radius:22px;background:linear-gradient(180deg,#141b2b,#0f141f)}
.hx-how{background:radial-gradient(520px 260px at 0 0,#6366f126,transparent 70%),linear-gradient(180deg,#141b2b,#0f141f)}
.hx-kicker{display:inline-flex;align-items:center;gap:7px;color:#a5b4fc;font:800 11.5px var(--font-head);letter-spacing:.12em}
.hx-kicker .icon,.hx-kicker svg{width:14px;height:14px}
.hx-out h2{margin:8px 0 6px;font:900 clamp(20px,2.2vw,26px)/1.2 var(--font-head)}
.hx-lead{color:#aab3c7;line-height:1.6}
.hx-steps{display:grid;gap:4px;margin:18px 0 16px;padding:0;list-style:none}
.hx-steps li{position:relative;display:flex;gap:14px;padding-bottom:16px}
.hx-steps li:not(:last-child)::before{content:"";position:absolute;left:21px;top:44px;bottom:0;width:2px;border-radius:2px;background:linear-gradient(180deg,#6366f188,#22d3ee22)}
.hx-steps li>i{position:relative;display:grid;place-items:center;flex:none;width:44px;height:44px;border-radius:14px;background:linear-gradient(135deg,#6366f1,#3b82f6);color:#fff;box-shadow:0 10px 22px -12px #4f6bff}
.hx-steps li>i .icon{width:19px;height:19px}
.hx-steps em{position:absolute;top:-6px;right:-6px;display:grid;place-items:center;width:19px;height:19px;border:2px solid #121829;border-radius:50%;background:#22d3ee;color:#06202a;font:900 10.5px var(--font-head);font-style:normal}
.hx-steps b{display:block;font:800 15px var(--font-head)}.hx-steps p{margin-top:2px;color:#8a94ad;font-size:13.5px;line-height:1.5}
.hx-link{display:inline-flex;align-items:center;gap:5px;color:#a5b4fc;font:800 13.5px var(--font-head)}.hx-link .icon{width:14px;height:14px;transition:transform .16s}.hx-link:hover{color:#fff}.hx-link:hover .icon{transform:translateX(3px)}
.hx-faq-head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:14px}
.hx-acc{display:grid;gap:8px}
.hx-acc details{border:1px solid #ffffff10;border-radius:14px;background:#ffffff05;transition:border-color .16s,background .16s}
.hx-acc details[open]{border-color:#6366f155;background:#6366f10d}
.hx-acc summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 14px;font:700 14.5px var(--font-head);cursor:pointer;list-style:none}
.hx-acc summary::-webkit-details-marker{display:none}
.hx-acc summary i{display:grid;place-items:center;flex:none;width:26px;height:26px;border-radius:8px;background:#ffffff0d;color:#a5b4fc;transition:transform .2s,background .2s}
.hx-acc summary i .icon{width:14px;height:14px}.hx-acc details[open] summary i{transform:rotate(45deg);background:#6366f1;color:#fff}
.hx-acc details p{padding:0 14px 14px;color:#aab3c7;font-size:14px;line-height:1.6}
.hx-acts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.hx-act{display:flex;flex-direction:column;gap:8px}
.hx-act::before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:var(--k)}
.hx-act.seller{--k:linear-gradient(90deg,#f97316,#fbbf24);background:radial-gradient(420px 200px at 100% 0,#f9731622,transparent 70%),linear-gradient(180deg,#141b2b,#0f141f)}.hx-act.seller .hx-kicker{color:#fdba74}
.hx-act.pass{--k:linear-gradient(90deg,#6366f1,#22d3ee);background:radial-gradient(420px 200px at 100% 0,#6366f12e,transparent 70%),linear-gradient(180deg,#141b2b,#0f141f)}
.hx-act.help{--k:linear-gradient(90deg,#22d3ee,#34d399);background:radial-gradient(420px 200px at 100% 0,#22d3ee1f,transparent 70%),linear-gradient(180deg,#141b2b,#0f141f)}.hx-act.help .hx-kicker{color:#67e8f9}
.hx-act h3{font:900 19px/1.25 var(--font-head)}.hx-act>p{color:#aab3c7;font-size:14px;line-height:1.55}
.hx-act ul{display:grid;gap:7px;margin:6px 0 14px;padding:0;list-style:none}
.hx-act li{display:flex;align-items:center;gap:8px;color:#c3cad8;font-size:13.5px;font-weight:600}.hx-act li .icon{width:15px;height:15px;color:#4ade80}
.hx-act .btn{align-self:flex-start;margin-top:auto;gap:7px}
@media(max-width:980px){.hx-top{grid-template-columns:minmax(0,1fr)}.hx-acts{grid-template-columns:minmax(0,1fr)}.hx-how,.hx-faq,.hx-act{padding:20px}.hx-out{margin-top:40px}}
[data-theme="light"] .hx-how,[data-theme="light"] .hx-faq,[data-theme="light"] .hx-act{background:#fff;border-color:#e3e6ef;color:#1f2433}[data-theme="light"] .hx-lead,[data-theme="light"] .hx-act>p,[data-theme="light"] .hx-acc details p{color:#4a5368}[data-theme="light"] .hx-act li{color:#3a4157}[data-theme="light"] .hx-acc details{background:#f6f7fb;border-color:#e3e6ef}
.hx-how{display:flex;flex-direction:column}.hx-steps{flex:1;align-content:space-evenly}.hx-how .hx-link{align-self:flex-start}

/* ───── Üst menü (yeni) ───── */
:root{--hdr-h:126px}
.hd-util{position:relative;z-index:46;border-bottom:1px solid #ffffff0a;background:#070a12;font-size:12.5px}
.hd-util>.wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;height:36px}
.hd-util nav,.hd-util-r{display:flex;align-items:center;gap:4px;min-width:0}
.hd-util a{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border-radius:8px;color:#8a94ad;font-weight:600;white-space:nowrap;transition:color .15s,background .15s}
.hd-util a .icon{width:13px;height:13px;opacity:.8}
.hd-util a:hover,.hd-util a.active{background:#ffffff0a;color:#fff}
.hd-util .hd-pass{padding:3px 4px}.hd-util .hd-pass:hover{background:none;filter:brightness(1.15)}
.hd-util .hd-deals{margin-left:2px;padding:5px 12px;border:1px solid #6366f155;border-radius:99px;background:linear-gradient(135deg,#6366f126,#22d3ee1a);color:#c7d2fe;font-weight:800}
.hd-util .hd-deals .icon{color:#facc15;opacity:1}.hd-util .hd-deals:hover{background:linear-gradient(135deg,#6366f1,#3b82f6);color:#fff}
.hd-daily{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border:0;border-radius:99px;background:linear-gradient(135deg,#f59e0b,#eab308);color:#1a1205;font:800 12px var(--font-head);cursor:pointer;animation:hd-glow 2.4s ease-in-out infinite}
.hd-daily .icon{width:13px;height:13px}
@keyframes hd-glow{0%,100%{box-shadow:0 0 0 0 #f59e0b66}50%{box-shadow:0 0 0 6px #f59e0b00}}
.hd-theme{display:grid;place-items:center;width:28px;height:28px;margin-left:4px;padding:0;border:1px solid #ffffff14;border-radius:9px;background:#ffffff08;color:#aab3c7;cursor:pointer;transition:color .15s,border-color .15s}
.hd-theme .icon{width:14px;height:14px}.hd-theme:hover{color:#fff;border-color:#6366f1}
.site-header.hd{position:sticky;top:0;z-index:45;border:0;border-bottom:1px solid #ffffff0f;background:linear-gradient(180deg,#0b0f1af2,#0d1220f2);backdrop-filter:blur(16px);box-shadow:0 14px 34px -24px #000}
.site-header.hd::after{content:"";position:absolute;inset:auto 0 -1px 0;height:1px;background:linear-gradient(90deg,transparent,#6366f1aa,#22d3eeaa,transparent);opacity:.7;pointer-events:none}
.hd-main{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:22px;height:70px}
.hd-brand{display:flex;align-items:center;gap:10px;flex:none;transition:filter .2s}
.hd-brand .brand-emblem{width:auto;height:44px}.hd-brand .brand-word{width:auto;height:38px}
.hd-brand:hover{filter:drop-shadow(0 0 14px #4f8bff88)}
.global-search.hd-search{position:relative;display:flex;align-items:center;gap:10px;width:auto;max-width:720px;height:48px;margin:0;padding:0 8px 0 16px;border:1px solid #ffffff14;border-radius:15px;background:#080b14;transition:border-color .18s,box-shadow .18s,background .18s}
.hd-search>.icon{flex:none;width:18px;height:18px;color:#7d879f;transition:color .18s}
.hd-search input,.hd-search input:focus,.hd-search input:hover{flex:1;min-width:0;width:auto;height:100%;margin:0;padding:0;border:0!important;border-radius:0;background:none!important;box-shadow:none!important;outline:0;color:#fff;font-size:14.5px}
.hd-search:focus-within{border-color:#6366f1;background:#0a0e1a;box-shadow:0 0 0 4px #6366f122,0 12px 30px -18px #4f6bff}
.hd-search:focus-within>.icon{color:#a5b4fc}
.hd-search kbd{flex:none;padding:4px 8px;border:1px solid #ffffff14;border-radius:8px;background:#ffffff08;color:#7d879f;font:700 11px var(--font-head);letter-spacing:.02em}
.hd-search:focus-within kbd{display:none}
.hd-acts{display:flex;align-items:center;gap:8px;flex:none}
.hd-ic{position:relative;display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid #ffffff12;border-radius:13px;background:#ffffff08;color:#d6dcea;cursor:pointer;transition:transform .16s,border-color .16s,background .16s,color .16s}
.hd-ic .icon{width:19px;height:19px}
.hd-ic:hover,.hd-ic.open{transform:translateY(-1px);border-color:#6366f1;background:#6366f11f;color:#fff}
.hd-ic .badge{position:absolute;top:-5px;right:-5px;display:grid;place-items:center;min-width:19px;height:19px;padding:0 5px;border:2px solid #0c111f;border-radius:99px;background:linear-gradient(135deg,#ef4444,#f97316);color:#fff;font:800 10.5px var(--font-head);font-style:normal}
.hd-burger{display:none}
.hd-wallet{display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 14px;border:1px solid #22c55e44;border-radius:13px;background:#22c55e12;color:#4ade80;font:800 14px var(--font-head);white-space:nowrap;transition:background .16s,border-color .16s,transform .16s}
.hd-wallet .icon{width:17px;height:17px}.hd-wallet:hover{transform:translateY(-1px);border-color:#22c55e;background:#22c55e22}
.hd-me{display:inline-flex;align-items:center;gap:10px;height:44px;padding:0 10px 0 5px;border:1px solid #ffffff12;border-radius:13px;background:#ffffff08;color:#fff;transition:border-color .16s,background .16s,transform .16s}
.hd-me .avatar{width:34px;height:34px;flex:none;border-radius:10px;font-size:13px}
.hd-me>span{display:grid;min-width:0;max-width:130px;line-height:1.15}.hd-me small{color:#7d879f;font-size:10.5px;font-weight:700}
.hd-me b{overflow:hidden;font:800 13.5px var(--font-head);text-overflow:ellipsis;white-space:nowrap}
.hd-me>.icon{width:14px;height:14px;color:#7d879f;transform:rotate(-90deg)}
.hd-me:hover{transform:translateY(-1px);border-color:#6366f1;background:#6366f11f}
.hd-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;padding:0 18px;border:1px solid transparent;border-radius:13px;color:#fff;font:800 14px var(--font-head);white-space:nowrap;cursor:pointer;transition:transform .16s,filter .16s,background .16s,border-color .16s,box-shadow .16s}
.hd-btn .icon{width:17px;height:17px}.hd-btn:hover{transform:translateY(-1px)}
.hd-btn.ghost{border-color:#ffffff1a;background:#ffffff08;color:#d6dcea}.hd-btn.ghost:hover{border-color:#6366f1;background:#6366f11f;color:#fff}
.hd-btn.primary{background:linear-gradient(135deg,#6366f1,#3b82f6 60%,#22d3ee);box-shadow:0 12px 26px -14px #4f6bff}.hd-btn.primary:hover{filter:brightness(1.1)}
.hd-btn.sell{height:40px;padding:0 16px;background:linear-gradient(135deg,#f97316,#fb923c);box-shadow:0 10px 24px -14px #f97316}.hd-btn.sell:hover{filter:brightness(1.08)}
.hd-btn.topup{height:40px;padding:0 14px;border-color:#22c55e44;background:#22c55e12;color:#4ade80}.hd-btn.topup:hover{border-color:#22c55e;background:#22c55e22}
.hd-nav{border-top:1px solid #ffffff0a}
.hd-nav>.wrap{display:flex;align-items:center;gap:14px;height:56px}
.hd-links{display:flex;align-items:center;gap:4px;flex:1;min-width:0;overflow-x:auto;scrollbar-width:none}.hd-links::-webkit-scrollbar{display:none}
.hd-cat{flex:none;display:inline-flex;align-items:center;gap:9px;height:40px;padding:0 14px;border-radius:12px;background:linear-gradient(135deg,#6366f1,#3b82f6);color:#fff;font:800 14px var(--font-head);box-shadow:0 10px 24px -14px #4f6bff;transition:filter .16s,transform .16s}
.hd-cat .icon{width:17px;height:17px}.hd-cat>.icon:last-child{width:14px;height:14px;opacity:.85;transition:transform .2s}
.hd-cat[aria-expanded="true"]>.icon:last-child{transform:rotate(180deg)}
.hd-cat:hover,.hd-cat[aria-expanded="true"]{filter:brightness(1.1);transform:translateY(-1px)}
.hd-sep{flex:none;width:1px;height:24px;margin:0 8px;background:#ffffff14}
.hd-link{position:relative;flex:none;display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 12px;border-radius:12px;color:#c3cad8;font:700 14px var(--font-head);white-space:nowrap;transition:color .15s,background .15s}
.hd-link>i{display:grid;place-items:center;width:26px;height:26px;border-radius:8px;background:color-mix(in srgb,var(--c) 18%,transparent);color:var(--c)}
.hd-link>i .icon{width:14px;height:14px}
.hd-link .game-tile{width:26px;height:26px;border-radius:8px;font-size:10px}
.hd-link:hover{background:#ffffff0a;color:#fff}
.hd-link.active{background:#ffffff0d;color:#fff}
.hd-link.active::after{content:"";position:absolute;left:12px;right:12px;bottom:-8px;height:2px;border-radius:2px;background:linear-gradient(90deg,#6366f1,#22d3ee);box-shadow:0 0 10px #4f8bff}
.hd-cta{display:flex;align-items:center;gap:8px;flex:none}
.hd-more{display:none}
.site-header.hd .search-suggestions{top:calc(100% + 8px);border-radius:14px}
@media(max-width:1180px){.hd-me>span,.hd-me>.icon{display:none}.hd-me{padding:0 5px}.hd-link.hd-game span{display:none}.hd-link.hd-game{padding:0 7px}}
@media(max-width:900px){
  :root{--hdr-h:62px}
  .hd-util{display:none}
  .hd-main{gap:10px;height:60px}
  .hd-brand .brand-word{display:none}.hd-brand .brand-emblem{height:38px}
  .global-search.hd-search{height:42px;padding:0 12px;border-radius:13px}.hd-search kbd{display:none}
  .hd-acts{gap:6px}.hd-ic{width:40px;height:40px;border-radius:12px}
  .hd-wallet,.hd-me,.hd-reg{display:none}
  .hd-btn{height:40px;padding:0 13px;font-size:13px}
  .hd-burger{display:grid}
  .hd-nav{display:none;position:absolute;left:0;right:0;top:100%;max-height:calc(100dvh - 62px);overflow-y:auto;border-top:1px solid #ffffff10;border-bottom:1px solid #ffffff14;background:#0c111f;box-shadow:0 30px 50px -20px #000}
  .hd-nav.mobile-open{display:block;animation:kt-drop .2s ease}
  .hd-nav>.wrap{flex-direction:column;align-items:stretch;gap:12px;height:auto;padding-block:14px 18px}
  .hd-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;overflow:visible}
  .hd-cat{grid-column:1/-1;justify-content:center;height:44px}.hd-sep{display:none}
  .hd-link{height:44px;border:1px solid #ffffff10;background:#ffffff06}.hd-link.hd-game span{display:inline}.hd-link.hd-game{padding:0 12px}
  .hd-link.active::after{display:none}.hd-link.active{border-color:#6366f1}
  .hd-cta{display:grid;grid-template-columns:1fr 1fr}.hd-cta .hd-btn{height:44px}
  .hd-more{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding-top:12px;border-top:1px solid #ffffff10}
  .hd-more a{display:flex;align-items:center;gap:8px;padding:9px 10px;border-radius:10px;color:#aab3c7;font-size:13.5px;font-weight:600}.hd-more a .icon{width:15px;height:15px}.hd-more a.active,.hd-more a:hover{background:#ffffff0a;color:#fff}
}
[data-theme="light"] .hd-util{background:#eef1f7;border-color:#dfe3ee}[data-theme="light"] .hd-util a{color:#5a6379}[data-theme="light"] .hd-util a:hover,[data-theme="light"] .hd-util a.active{background:#00000008;color:#1f2433}
[data-theme="light"] .site-header.hd{background:#fffffff2;border-color:#dfe3ee}[data-theme="light"] .global-search.hd-search{background:#f4f6fb;border-color:#dfe3ee}[data-theme="light"] .hd-search input{color:#1f2433}
[data-theme="light"] .hd-ic,[data-theme="light"] .hd-me,[data-theme="light"] .hd-btn.ghost{background:#f1f3f9;border-color:#e3e6ef;color:#1f2433}[data-theme="light"] .hd-link{color:#3a4157}[data-theme="light"] .hd-link:hover,[data-theme="light"] .hd-link.active{background:#0000000a;color:#1f2433}[data-theme="light"] .hd-nav{border-color:#e3e6ef}
.hd-link .game-tile{background:#ffffff12;border:1px solid #ffffff14}
@media(max-width:1320px) and (min-width:901px){.hd-link.hd-game span{display:none}.hd-link.hd-game{padding:0 7px}}
/* Kategori paneli açıkken sayfa kaymaz (yalnız html kilitlenir; body kilitlenirse yapışkan üst menü bozulur) */
html.mg-lock{overflow:hidden}html.mg-lock body{padding-right:var(--mg-gap,0px)}html.mg-lock .site-header.hd{padding-right:0}

/* Panel tür listesi artık 5 seçenek: tek sütun */
.kt-menu{grid-template-columns:minmax(0,1fr);width:300px;max-width:calc(100vw - 40px)}
.kt-type::before{background:radial-gradient(circle at 85% 30%,color-mix(in srgb,var(--ga) 55%,transparent),transparent 70%),linear-gradient(120deg,color-mix(in srgb,var(--ga) 22%,#0c111f),#0c111f)}
.kt-type .kt-logo .icon{width:20px;height:20px}
/* Kaydırılabilir şeritlerdeki düğmeler: üzerine gelince yukarı kalkmaz (şerit taşanı kestiği için kenarlık ve gölge kırpılıp bozuk görünüyordu); gölgeye yer açılır */
.tk-pill:hover,.hd-cat:hover,.hd-cat[aria-expanded="true"]{transform:none}
.tk-pills{margin:-8px -6px;padding:8px 6px}
.hd-links{margin:-10px -6px;padding:10px 6px}
.hd-cat{box-shadow:0 6px 16px -10px #4f6bff}
.tk-pill.active{box-shadow:0 6px 16px -8px #4f6bff}
.mega.kt{background:linear-gradient(180deg,#131a2c,#0c111f);backdrop-filter:none}

.hg-grid .more{display:none}

/* ───── Ana sayfa: Kategoriler kartları ───── */
.hk-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.hk{position:relative;display:flex;flex-direction:column;gap:4px;min-width:0;padding:18px;overflow:hidden;border:1px solid #ffffff10;border-radius:20px;background:radial-gradient(260px 180px at 100% 0,color-mix(in srgb,var(--c) 22%,transparent),transparent 72%),linear-gradient(180deg,#141b2b,#0f141f);color:#fff;transition:transform .2s cubic-bezier(.22,1,.36,1),border-color .2s,box-shadow .2s}
.hk::before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:linear-gradient(90deg,var(--c),transparent)}
.hk:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--c) 65%,transparent);box-shadow:0 22px 40px -24px var(--c)}
.hk-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.hk-top i{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:color-mix(in srgb,var(--c) 22%,transparent);color:var(--c)}
.hk-top i .icon{width:21px;height:21px}
.hk-top em{padding:3px 10px;border-radius:99px;background:#ffffff0d;color:#c3cad8;font:800 11.5px var(--font-head);font-style:normal}
.hk>b{font:900 18px var(--font-head)}
.hk>small{min-height:2.9em;color:#8a94ad;font-size:13px;line-height:1.45}
.hk-logos{display:flex;align-items:center;margin:12px 0 14px;padding-left:8px}
.hk-logos>span{display:grid;place-items:center;width:38px;height:38px;margin-left:-8px;border:2px solid #121829;border-radius:12px;background:#1d2538;overflow:hidden;transition:transform .2s}
.hk-logos img{width:24px;height:24px;object-fit:contain}.hk-logos b{font:900 12px var(--font-head);color:#c3cad8}
.hk-logos .more{width:auto;min-width:38px;padding:0 8px;background:color-mix(in srgb,var(--c) 22%,#1d2538);color:var(--c);font:800 12px var(--font-head)}
.hk:hover .hk-logos>span{transform:translateY(-2px)}
.hk-go{display:inline-flex;align-items:center;gap:5px;margin-top:auto;color:var(--c);font:800 13px var(--font-head)}
.hk-go .icon{width:14px;height:14px;transition:transform .18s}.hk:hover .hk-go .icon{transform:translateX(4px)}
@media(max-width:1180px){.hk-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.hk-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.hk{padding:14px}.hk>small{min-height:0}.hk-logos>span{width:32px;height:32px}.hk-logos img{width:20px;height:20px}}
.feed-grid.feed-1{grid-template-columns:minmax(0,1fr)}.feed-grid.feed-2{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:760px){.feed-grid.feed-2{grid-template-columns:minmax(0,1fr)}}
[data-theme="light"] .hk{background:#fff;border-color:#e3e6ef;color:#1f2433}[data-theme="light"] .hk-logos>span{border-color:#fff;background:#eef1f7}

/* ───── Alt bölüm: güven işaretleri ve ödeme yöntemleri (logolar beyaz olduğu için kutular her temada koyu) ───── */
.ft-marks{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:18px 34px;margin:26px 0 22px;padding:20px 22px;border:1px solid #ffffff10;border-radius:20px;background:linear-gradient(180deg,#121829,#0d121e)}
.ft-seals{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.ft-seals span{display:grid;place-items:center;height:62px;padding:0 14px;border:1px solid #ffffff12;border-radius:14px;background:#0a0e18;transition:border-color .18s,transform .18s}
.ft-seals img{display:block;width:auto;height:38px;max-width:128px;object-fit:contain;opacity:.92}
.ft-seals span:hover{border-color:#22c55e77;transform:translateY(-2px)}.ft-seals span:hover img{opacity:1}
.ft-pays{display:grid;gap:10px;min-width:0}
.ft-pays small{display:inline-flex;align-items:center;gap:7px;color:#8a94ad;font:800 11.5px var(--font-head);letter-spacing:.1em;text-transform:uppercase}.ft-pays small .icon{width:14px;height:14px}
.ft-pays>div{display:flex;flex-wrap:wrap;gap:8px}
.ft-pays span{display:grid;place-items:center;width:96px;height:42px;border:1px solid #ffffff10;border-radius:11px;background:#0a0e18;transition:border-color .18s,background .18s}
.ft-pays img{display:block;max-width:76px;max-height:24px;object-fit:contain;opacity:.88;transition:opacity .18s}
.ft-pays span:hover{border-color:#6366f188;background:#10162a}.ft-pays span:hover img{opacity:1}
@media(max-width:1100px){.ft-marks{grid-template-columns:minmax(0,1fr)}}
@media(max-width:600px){.ft-marks{padding:14px}.ft-seals span{height:52px;padding:0 10px;flex:1 1 30%}.ft-seals img{height:30px;max-width:100%}.ft-pays span{width:auto;flex:1 1 22%;height:38px}.ft-pays img{max-width:80%}}
.ft-seals span{height:76px;padding:0 16px}.ft-seals img{height:52px;max-width:150px}@media(max-width:600px){.ft-seals span{height:58px;padding:0 10px}.ft-seals img{height:36px}}

/* ───── Giriş ve kayıt sayfası ───── */
.au{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:22px;align-items:stretch;padding-block:28px 56px;max-width:1180px}
.au-side{position:relative;display:flex;flex-direction:column;gap:14px;padding:clamp(24px,3vw,40px);overflow:hidden;border:1px solid #ffffff12;border-radius:26px;background:radial-gradient(520px 320px at 0 0,#6366f140,transparent 70%),radial-gradient(460px 300px at 100% 100%,#22d3ee2b,transparent 70%),linear-gradient(160deg,#151c30,#0b0f1a)}
.au-side::before{content:"";position:absolute;inset:0 0 auto 0;height:2px;background:linear-gradient(90deg,transparent,#6366f1,#22d3ee,transparent)}
.au-glow{position:absolute;right:-90px;top:-90px;width:300px;height:300px;border-radius:50%;background:radial-gradient(closest-side,#4f8bff33,transparent);animation:au-float 9s ease-in-out infinite;pointer-events:none}
@keyframes au-float{0%,100%{transform:translate(0,0)}50%{transform:translate(-24px,26px)}}
.au-emblem{position:relative;width:auto;height:64px;align-self:flex-start;filter:drop-shadow(0 10px 24px #4f8bff66)}
.au-kicker{position:relative;display:inline-flex;align-items:center;gap:7px;align-self:flex-start;margin-top:6px;padding:5px 12px;border:1px solid #6366f155;border-radius:99px;background:#6366f11a;color:#c7d2fe;font:800 11.5px var(--font-head);letter-spacing:.1em}
.au-kicker .icon{width:13px;height:13px}
.au-side h2{position:relative;font:900 clamp(26px,3vw,36px)/1.15 var(--font-head);letter-spacing:-.01em}
.au-side h2 span{background:linear-gradient(120deg,#818cf8,#22d3ee);-webkit-background-clip:text;background-clip:text;color:transparent}
.au-side>p{position:relative;max-width:440px;color:#aab3c7;line-height:1.6}
.au-perks{position:relative;display:grid;gap:10px;margin:10px 0 0;padding:0;list-style:none}
.au-perks li{display:flex;align-items:center;gap:13px;padding:12px 14px;border:1px solid #ffffff0f;border-radius:16px;background:#ffffff07;backdrop-filter:blur(6px);transition:border-color .18s,transform .18s}
.au-perks li:hover{border-color:#6366f166;transform:translateX(4px)}
.au-perks i{display:grid;place-items:center;flex:none;width:42px;height:42px;border-radius:13px;background:linear-gradient(135deg,#6366f1,#3b82f6);color:#fff;box-shadow:0 10px 20px -12px #4f6bff}
.au-perks i .icon{width:19px;height:19px}
.au-perks b{display:block;font:800 14.5px var(--font-head)}.au-perks small{color:#8a94ad;font-size:13px;line-height:1.45}
.au-safe{position:relative;display:flex;align-items:center;gap:9px;margin-top:auto;padding-top:16px;border-top:1px solid #ffffff10;color:#8a94ad;font-size:12.5px;line-height:1.5}
.au-safe .icon{flex:none;width:16px;height:16px;color:#4ade80}
.au-main{display:flex;flex-direction:column;min-width:0;border:1px solid #ffffff12;border-radius:26px;background:linear-gradient(180deg,#141b2b,#0f141f);box-shadow:0 30px 60px -40px #000}
.au-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:14px 14px 0;padding:5px;border:1px solid #ffffff0f;border-radius:16px;background:#0a0e18}
.au-tabs a{display:flex;align-items:center;justify-content:center;gap:8px;height:44px;border-radius:12px;color:#8a94ad;font:800 14px var(--font-head);transition:color .16s,background .16s}
.au-tabs a .icon{width:16px;height:16px}.au-tabs a:hover{color:#fff}
.au-tabs a.active{background:linear-gradient(135deg,#6366f1,#3b82f6);color:#fff;box-shadow:0 10px 22px -12px #4f6bff}
.au-form{display:grid;gap:14px;padding:clamp(20px,2.6vw,32px)}
.au-form>header h1{font:900 clamp(22px,2.4vw,28px)/1.2 var(--font-head)}.au-form>header p{margin-top:4px;color:#8a94ad;font-size:14px}
.au-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.au-field{display:grid;gap:6px;min-width:0;margin:0}
.au-field[hidden]{display:none}
.au-field>span{display:flex;align-items:center;justify-content:space-between;color:#c3cad8;font:700 13px var(--font-head)}
.au-forgot{color:#a5b4fc;font-weight:700;font-size:12.5px}.au-forgot:hover{color:#fff}
.au-in{position:relative;display:flex;align-items:center;gap:10px;height:50px;padding:0 6px 0 14px;border:1px solid #ffffff14;border-radius:14px;background:#0a0e18;transition:border-color .18s,box-shadow .18s,background .18s}
.au-in>.icon{flex:none;width:17px;height:17px;color:#6f7c99;transition:color .18s}
.au-in input,.au-in input:focus,.au-in input:hover{flex:1;min-width:0;width:auto;height:100%;margin:0;padding:0;border:0!important;border-radius:0;background:none!important;box-shadow:none!important;outline:0;color:#fff;font-size:15px}
.au-in input:-webkit-autofill,.au-in input:-webkit-autofill:hover,.au-in input:-webkit-autofill:focus,.au-in input:-webkit-autofill:active{-webkit-text-fill-color:#fff;caret-color:#fff;-webkit-box-shadow:none!important;box-shadow:none!important;border-radius:0;background-clip:text!important;-webkit-background-clip:text!important;transition:background-color 99999s ease-out 0s,color 99999s ease-out 0s}
.hd-search input:-webkit-autofill,.mega-search input:-webkit-autofill,.tk-search input:-webkit-autofill{-webkit-text-fill-color:#fff;caret-color:#fff;-webkit-box-shadow:none!important;background-clip:text!important;-webkit-background-clip:text!important;transition:background-color 99999s ease-out 0s}
[data-theme="light"] .au-in input:-webkit-autofill{-webkit-text-fill-color:#1f2433;caret-color:#1f2433}
.au-in:focus-within{border-color:#6366f1;background:#0b1020;box-shadow:0 0 0 4px #6366f122}
.au-in:focus-within>.icon{color:#a5b4fc}
.au-eye{display:grid;place-items:center;flex:none;width:38px;height:38px;padding:0;border:0;border-radius:10px;background:none;color:#7d879f;cursor:pointer;transition:background .15s,color .15s}
.au-eye .icon{width:17px;height:17px}.au-eye:hover{background:#ffffff0d;color:#fff}
.au-field>small{color:#7d879f;font-size:12px;line-height:1.45}
.au-meter{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;--m:#3a4260}
.au-meter i{height:4px;border-radius:99px;background:#232a40;transition:background .2s}
.au-meter em{grid-column:1/-1;color:#7d879f;font-size:12px;font-style:normal}
.au-meter[data-level="1"]{--m:#ef4444}.au-meter[data-level="2"]{--m:#f59e0b}.au-meter[data-level="3"]{--m:#22d3ee}.au-meter[data-level="4"]{--m:#22c55e}
.au-meter[data-level="1"] i:nth-child(-n+1),.au-meter[data-level="2"] i:nth-child(-n+2),.au-meter[data-level="3"] i:nth-child(-n+3),.au-meter[data-level="4"] i:nth-child(-n+4){background:var(--m)}
.au-meter:not([data-level="0"]) em{color:var(--m)}
.au-checks{display:grid;gap:8px;margin-top:2px}
.au-check{position:relative;display:flex;align-items:flex-start;gap:11px;margin:0;padding:11px 13px;border:1px solid #ffffff10;border-radius:14px;background:#ffffff05;color:#aab3c7;font-size:13.5px;line-height:1.5;cursor:pointer;transition:border-color .16s,background .16s}
.au-check input{position:absolute;left:13px;top:11px;width:22px;height:22px;margin:0;opacity:0;cursor:pointer}
.au-check>i{display:grid;place-items:center;flex:none;width:22px;height:22px;border:2px solid #3a4260;border-radius:7px;background:#0a0e18;color:transparent;transition:background .16s,border-color .16s,color .16s}
.au-check>i .icon{width:13px;height:13px;stroke-width:3}
.au-check:hover{border-color:#6366f155}
.au-check:has(input:checked){border-color:#22c55e55;background:#22c55e0d;color:#d6dcea}
.au-check input:checked+i{border-color:#22c55e;background:#22c55e;color:#06200f}
.au-check input:focus-visible+i{outline:2px solid #818cf8;outline-offset:2px}
.au-doclink{display:inline;padding:0;border:0;background:none;color:#a5b4fc;font:inherit;font-weight:800;text-decoration:underline;text-decoration-color:#6366f188;text-underline-offset:3px;cursor:pointer}
.au-doclink:hover{color:#fff}
.au-error{min-height:0;color:#f87171;font-size:13.5px;font-weight:700}
.au-error:not(:empty){padding:10px 13px;border:1px solid #ef444455;border-radius:12px;background:#ef444414}
.au-submit{display:flex;align-items:center;justify-content:center;gap:9px;height:52px;border:0;border-radius:15px;background:linear-gradient(135deg,#6366f1,#3b82f6 60%,#22d3ee);color:#fff;font:900 15.5px var(--font-head);cursor:pointer;box-shadow:0 16px 30px -16px #4f6bff;transition:filter .16s,box-shadow .16s}
.au-submit .icon{width:18px;height:18px}.au-submit:hover{filter:brightness(1.1);box-shadow:0 18px 34px -14px #4f6bff}
.au-submit:active{filter:brightness(.96)}
.au-form .social-login{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.au-form .social-btn{height:48px;border-radius:13px}
.au-switch{color:#8a94ad;font-size:14px;text-align:center}
/* Sözleşme penceresi */
.lf-dlg:has(.au-doc){width:min(760px,calc(100vw - 24px))}
.au-doc{display:flex;flex-direction:column;max-height:calc(100vh - 24px)}
.au-doc>header{display:flex;align-items:center;gap:13px;padding:18px 20px;border-bottom:1px solid #ffffff10}
.au-doc>header>i{display:grid;place-items:center;flex:none;width:44px;height:44px;border-radius:14px;background:linear-gradient(135deg,#6366f1,#3b82f6);color:#fff}.au-doc>header>i .icon{width:20px;height:20px}
.au-doc>header>div{flex:1;min-width:0}.au-doc>header small{color:#8a94ad;font:800 11px var(--font-head);letter-spacing:.1em;text-transform:uppercase}.au-doc h2{font:900 19px var(--font-head)}
.au-doc-x{display:grid;place-items:center;flex:none;width:40px;height:40px;padding:0;border:1px solid #ffffff14;border-radius:12px;background:#ffffff08;color:#aab3c7;cursor:pointer}.au-doc-x .icon{width:16px;height:16px}.au-doc-x:hover{color:#fff;border-color:#6366f1}
.au-doc-body{flex:1;min-height:0;overflow-y:auto;padding:18px 22px;color:#c3cad8;font-size:14.5px;line-height:1.7;scrollbar-width:thin}
.au-doc-lead{margin-bottom:6px;color:#8a94ad}
.au-doc-body section{padding-top:16px}.au-doc-body section+section{margin-top:16px;border-top:1px solid #ffffff0d}
.au-doc-body h3{display:flex;align-items:center;gap:10px;margin-bottom:8px;color:#f1f3f9;font:800 16px var(--font-head)}
.au-doc-body h3 em{display:grid;place-items:center;flex:none;width:26px;height:26px;border-radius:8px;background:#6366f126;color:#a5b4fc;font:800 12px var(--font-head);font-style:normal}
.au-doc-body p{margin:0 0 9px}.au-doc-body .lg-def{margin:0 0 9px;padding:10px 12px;border-radius:12px;background:#ffffff06}.au-doc-body .lg-def b{display:block;color:#f1f3f9}
.au-doc>footer{display:flex;justify-content:flex-end;gap:10px;padding:14px 20px;border-top:1px solid #ffffff10;background:#0f141f}
.au-doc>footer .btn{gap:7px}
@media(max-width:940px){.au{grid-template-columns:minmax(0,1fr);padding-block:16px 40px}.au-main{order:-1}.au-perks li:nth-child(n+3){display:none}.au-emblem{height:48px}.au-safe{margin-top:6px}}
@media(max-width:560px){.au-row{grid-template-columns:minmax(0,1fr)}.au-form{padding:18px 16px}.au-doc>footer{flex-direction:column-reverse}.au-doc>footer .btn{justify-content:center}}
@media(prefers-reduced-motion:reduce){.au-glow{animation:none}}
[data-theme="light"] .au-main,[data-theme="light"] .au-doc>footer{background:#fff;border-color:#e3e6ef}[data-theme="light"] .au-in,[data-theme="light"] .au-tabs{background:#f4f6fb;border-color:#dfe3ee}[data-theme="light"] .au-in input{color:#1f2433}[data-theme="light"] .au-field>span{color:#3a4157}[data-theme="light"] .au-check{background:#f6f7fb;border-color:#e3e6ef;color:#4a5368}[data-theme="light"] .au-doc-body{color:#3a4157}[data-theme="light"] .au-doc-body h3,[data-theme="light"] .au-doc-body .lg-def b{color:#1f2433}
.au-row{align-items:start}

/* ───── "Zaten aramızdasın" penceresi ───── */
.arx{position:relative;display:grid;justify-items:center;gap:8px;width:min(440px,calc(100vw - 28px));padding:30px 26px 22px;overflow:hidden;border:1px solid #ffffff14;border-radius:26px;background:radial-gradient(420px 220px at 50% 0,color-mix(in srgb,var(--c) 26%,transparent),transparent 72%),linear-gradient(180deg,#151c30,#0c111f);color:#fff;text-align:center;box-shadow:0 40px 90px -30px #000;animation:arx-in .32s cubic-bezier(.22,1,.36,1)}
.arx::before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:linear-gradient(90deg,transparent,#6366f1,#22d3ee,transparent)}
@keyframes arx-in{from{opacity:0;transform:translateY(14px) scale(.96)}to{opacity:1;transform:none}}
.arx-x{position:absolute;top:14px;right:14px;display:grid;place-items:center;width:36px;height:36px;padding:0;border:1px solid #ffffff14;border-radius:11px;background:#ffffff08;color:#8a94ad;cursor:pointer;transition:color .15s,border-color .15s}
.arx-x .icon{width:15px;height:15px}.arx-x:hover{color:#fff;border-color:#6366f1}
.arx-badge{position:relative;display:grid;place-items:center;width:84px;height:84px;margin-bottom:6px;border:1px solid #ffffff1a;border-radius:24px;background:linear-gradient(135deg,#6366f133,#22d3ee22);box-shadow:0 18px 36px -18px #4f6bff}
.arx-badge img{width:auto;height:50px;filter:drop-shadow(0 6px 14px #4f8bff88)}
.arx-badge i{position:absolute;right:-7px;bottom:-7px;display:grid;place-items:center;width:28px;height:28px;border:3px solid #111727;border-radius:50%;background:#22c55e;color:#06200f}
.arx-badge i .icon{width:13px;height:13px;stroke-width:3}
.arx-kicker{padding:4px 11px;border:1px solid #22c55e44;border-radius:99px;background:#22c55e14;color:#4ade80;font:800 11px var(--font-head);letter-spacing:.12em}
.arx h2{font:900 24px/1.2 var(--font-head)}
.arx>p{max-width:340px;color:#aab3c7;font-size:14.5px;line-height:1.6}
.arx-acc{display:flex;align-items:center;gap:12px;width:100%;margin-top:8px;padding:12px 14px;border:1px solid #ffffff12;border-radius:16px;background:#0a0e18;text-align:left}
.arx-acc>i{display:grid;place-items:center;flex:none;width:40px;height:40px;border-radius:12px;background:color-mix(in srgb,var(--c) 22%,transparent);color:color-mix(in srgb,var(--c) 70%,#fff)}
.arx-acc>i .icon{width:18px;height:18px}
.arx-acc>span{display:grid;flex:1;min-width:0}.arx-acc small{color:#7d879f;font:700 11px var(--font-head);letter-spacing:.06em;text-transform:uppercase}
.arx-acc b{overflow:hidden;font:800 14.5px var(--font-head);text-overflow:ellipsis;white-space:nowrap}
.arx-acc em{display:inline-flex;align-items:center;gap:4px;flex:none;padding:3px 9px;border-radius:99px;background:#22c55e1a;color:#4ade80;font:800 11.5px var(--font-head);font-style:normal}.arx-acc em .icon{width:12px;height:12px}
.arx-go{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;height:50px;margin-top:10px;border:0;border-radius:15px;background:linear-gradient(135deg,#6366f1,#3b82f6 60%,#22d3ee);color:#fff;font:900 15px var(--font-head);cursor:pointer;box-shadow:0 16px 30px -16px #4f6bff;transition:filter .16s}
.arx-go .icon{width:17px;height:17px}.arx-go:hover{filter:brightness(1.1)}
.arx-alt{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 8px;width:100%;margin-top:4px}
.arx-alt button{display:inline-flex;align-items:center;gap:6px;flex:1 1 auto;justify-content:center;height:40px;padding:0 14px;border:1px solid #ffffff12;border-radius:12px;background:#ffffff06;color:#c3cad8;font:700 13px var(--font-head);cursor:pointer;transition:border-color .15s,color .15s,background .15s}
.arx-alt button .icon{width:14px;height:14px}.arx-alt button:hover{border-color:#6366f188;background:#6366f114;color:#fff}
[data-theme="light"] .arx{background:#fff;border-color:#e3e6ef;color:#1f2433}[data-theme="light"] .arx>p{color:#4a5368}[data-theme="light"] .arx-acc{background:#f4f6fb;border-color:#dfe3ee}[data-theme="light"] .arx-alt button{background:#f1f3f9;border-color:#e3e6ef;color:#3a4157}
.au-count{color:#7d879f;font:700 11.5px var(--font-head);font-style:normal}.au-count.ok{color:#4ade80}

/* Kayıt: e-posta kodu adımı */
.au-code-head{display:grid;justify-items:center;gap:8px;text-align:center}
.au-code-ic{display:grid;place-items:center;width:64px;height:64px;border-radius:20px;background:linear-gradient(135deg,#6366f1,#22d3ee);color:#fff;box-shadow:0 16px 30px -16px #4f6bff}
.au-code-ic .icon{width:28px;height:28px}
.au-code-head p{max-width:400px;color:#aab3c7;font-size:14.5px;line-height:1.6}.au-code-head p b{color:#fff}
.au-form input.au-code,.au-form input.au-code:hover,.au-form input.au-code:focus{width:100%;height:68px;margin:0;padding:0 0 0 .5em;border:1px solid #ffffff1a!important;border-radius:16px;background:#0a0e18!important;color:#fff;font:800 32px/1 Consolas,'Courier New',monospace;letter-spacing:.5em;text-align:center;outline:0;transition:border-color .18s,box-shadow .18s}
.au-form input.au-code:focus{border-color:#6366f1!important;box-shadow:0 0 0 4px #6366f122!important}
.au-form input.au-code::placeholder{color:#3a4260;letter-spacing:.5em}
.au-code-alt{display:flex;flex-wrap:wrap;gap:8px}
.au-code-alt button{display:inline-flex;align-items:center;justify-content:center;gap:6px;flex:1 1 auto;height:42px;padding:0 14px;border:1px solid #ffffff12;border-radius:12px;background:#ffffff06;color:#c3cad8;font:700 13px var(--font-head);cursor:pointer;transition:border-color .15s,color .15s,background .15s}
.au-code-alt button .icon{width:14px;height:14px}.au-code-alt button em{color:#7d879f;font-style:normal}
.au-code-alt button:hover:not(:disabled){border-color:#6366f188;background:#6366f114;color:#fff}
.au-code-alt button:disabled{opacity:.6;cursor:default}
.au-code-tip{display:flex;align-items:flex-start;gap:8px;color:#7d879f;font-size:12.5px;line-height:1.5}.au-code-tip .icon{flex:none;width:15px;height:15px;margin-top:1px}
.au-submit:disabled{opacity:.6;cursor:default;filter:none}
[data-theme="light"] .au-form input.au-code{background:#f4f6fb!important;border-color:#dfe3ee!important;color:#1f2433}[data-theme="light"] .au-code-head p b{color:#1f2433}

/* Kayıt: kod doğrulandıktan sonraki başarı ekranı */
.au-done{display:grid;justify-items:center;gap:12px;padding:18px 0 6px;text-align:center;animation:auDoneIn .35s ease both}
.au-done-ic{display:grid;place-items:center;width:76px;height:76px;border-radius:50%;background:linear-gradient(135deg,#10b981,#22d3ee);color:#fff;box-shadow:0 0 0 8px #10b9811c,0 18px 34px -16px #10b981;animation:auDonePop .5s cubic-bezier(.2,1.4,.4,1) both}
.au-done-ic .icon{width:36px;height:36px}
.au-done h1{margin:4px 0 0;color:#fff;font:800 24px var(--font-head)}
.au-done p{max-width:380px;margin:0;color:#aab3c7;font-size:14.5px;line-height:1.6}.au-done p b{color:#fff}
.au-done-row{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:12px 16px;border:1px solid #ffffff12;border-radius:14px;background:#ffffff06;color:#8b94ab;font-size:13px}.au-done-row b{color:#fff;font:700 14px Consolas,'Courier New',monospace}
.au-done-bar{width:100%;height:5px;border-radius:99px;background:#ffffff10;overflow:hidden}.au-done-bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#6366f1,#22d3ee);transform-origin:left;animation:auDoneBar 2.3s linear both}
.au-done small{color:#7d879f;font-size:12.5px}
@keyframes auDoneIn{from{opacity:0;transform:translateY(8px)}}@keyframes auDonePop{from{transform:scale(.4);opacity:0}}@keyframes auDoneBar{from{transform:scaleX(0)}}
[data-theme="light"] .au-done h1,[data-theme="light"] .au-done p b,[data-theme="light"] .au-done-row b{color:#1f2433}[data-theme="light"] .au-done-row{border-color:#dfe3ee;background:#f4f6fb}[data-theme="light"] .au-done-bar{background:#e6e9f2}
@media (prefers-reduced-motion:reduce){.au-done,.au-done-ic,.au-done-bar i{animation:none}}

/* Telefon doğrulaması: "Yakında" görünümü (PHONE_VERIFICATION kapalıyken) */
.vx-item.soon{border-style:dashed;opacity:.78}.vx-item.soon header>i{background:#ffffff0d;color:#8a94ad}
.vx-soon{display:inline-block;margin-left:8px;padding:2px 8px;border:1px solid #f59e0b55;border-radius:99px;background:#f59e0b14;color:#fbbf24;font:800 10.5px var(--font-head);font-style:normal;letter-spacing:.04em;text-transform:uppercase;vertical-align:middle}
.vx-item.soon .vx-btn.lock{cursor:default}
.vxm-step.soon{cursor:default;opacity:.7;border-style:dashed}.vxm-step.soon:hover{color:#8a94ad}.vxm-step.soon em{padding:1px 7px;border-radius:99px;background:#f59e0b1f;color:#fbbf24;font:800 10px var(--font-head);font-style:normal;text-transform:uppercase}
.st-chips span.soon{border-style:dashed;border-color:#f59e0b55;color:#fbbf24}.st-chips span.soon .icon{width:12px;height:12px}
.gx-status li.soon{opacity:.75;border-style:dashed}.gx-status li.soon em{color:#fbbf24}
.verify-steps article.soon{opacity:.75;border-style:dashed}.verify-steps article.soon .state-chip{border-color:#f59e0b55;background:#f59e0b14;color:#fbbf24}

/* ───── Hesap ayarları (ac-*) ───── */
.ac{display:grid;grid-template-columns:280px minmax(0,1fr);gap:20px;align-items:start}
.ac-side{position:sticky;top:132px;display:grid;gap:14px;padding:16px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(180deg,#6366f10f,transparent 40%),var(--surface)}
.ac-me{display:flex;align-items:center;gap:12px;padding-bottom:14px;border-bottom:1px solid var(--line)}.ac-me>div{min-width:0}.ac-me b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:800 15.5px var(--font-head)}.ac-me small{color:var(--muted);font-size:12.5px}
.ac-ava{display:grid;place-items:center;flex:none;width:48px;height:48px;border-radius:15px;overflow:hidden;background:linear-gradient(135deg,#6366f1,#22d3ee);color:#fff;font:800 19px var(--font-head)}.ac-ava img{width:100%;height:100%;object-fit:cover}.ac-ava.big{width:84px;height:84px;border-radius:24px;font-size:32px;box-shadow:0 18px 30px -18px #4f6bff}
.ac-nav{display:grid;gap:4px}
.ac-nav button{display:flex;align-items:center;gap:11px;width:100%;padding:10px 11px;border:1px solid transparent;border-radius:13px;background:none;color:var(--muted);text-align:left;cursor:pointer;transition:background .15s,color .15s,border-color .15s}
.ac-nav button>.icon{flex:none;width:34px;height:34px;padding:8px;border-radius:10px;background:#ffffff0a;color:inherit;transition:background .15s,color .15s}
.ac-nav button b{display:block;color:var(--text);font:700 13.8px var(--font-head)}.ac-nav button small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11.8px}
.ac-nav button span{min-width:0}
.ac-nav button:hover{background:#ffffff08}
.ac-nav button.on{border-color:#6366f155;background:#6366f117}.ac-nav button.on>.icon{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff}
.ac-score{display:grid;gap:9px;padding:13px;border:1px solid var(--line);border-radius:14px;background:var(--surface-2)}
.ac-score>div:first-child{display:flex;align-items:center;justify-content:space-between}.ac-score b{font:800 13px var(--font-head)}.ac-score em{color:#a5b4fc;font:800 13px var(--font-head);font-style:normal}
.ac-bar{height:6px;border-radius:99px;background:#ffffff10;overflow:hidden}.ac-bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#6366f1,#22d3ee);transition:width .4s ease}
.ac-score ul{display:grid;gap:5px;margin:0;padding:0;list-style:none}.ac-score li{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:12.3px}.ac-score li .icon{width:13px;height:13px}.ac-score li.ok{color:#86efac}
.ac-logout{display:flex;align-items:center;justify-content:center;gap:8px;height:40px;border:1px solid #ef444440;border-radius:12px;background:#ef44440f;color:#fca5a5;font:700 13px var(--font-head);cursor:pointer;transition:background .15s}.ac-logout:hover{background:#ef444422}.ac-logout .icon{width:15px;height:15px}
.ac-body{min-width:0}
.ac-sec{display:grid;gap:14px;animation:acIn .22s ease both}.ac-sec[hidden]{display:none}
.ac-sec-head h2{margin:0 0 3px;font:800 21px var(--font-head)}.ac-sec-head p{margin:0;color:var(--muted);font-size:14px}
.ac-card{display:grid;gap:14px;padding:20px;border:1px solid var(--line);border-radius:18px;background:var(--surface)}.ac-card[hidden]{display:none}
.ac-card h3{display:flex;align-items:center;gap:9px;margin:0;font:800 15.5px var(--font-head)}.ac-card h3 .icon{width:30px;height:30px;padding:7px;border-radius:9px;background:#6366f11c;color:#a5b4fc}
.ac-inline{border-color:#6366f155;background:linear-gradient(180deg,#6366f10d,transparent),var(--surface)}
.ac-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.ac-field{display:grid;gap:6px;min-width:0}.ac-field>span{color:var(--text);font:700 13px var(--font-head)}
.ac-field input:not([type=file]),.ac-field textarea{width:100%}
.ac-field small,.ac-hint{display:flex;align-items:flex-start;gap:6px;color:var(--muted);font-size:12.3px;line-height:1.5}.ac-field small .icon,.ac-hint .icon{flex:none;width:13px;height:13px;margin-top:2px}.ac-field small.locked{color:#fbbf24}
.ac-field input.is-locked,.ac-field input:disabled{opacity:.7;cursor:not-allowed}
.ac-photo{display:flex;align-items:center;gap:18px}.ac-photo .ac-field{flex:1}
.ac-acts{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.ac-acts .btn .icon{width:15px;height:15px}
.ac-row{display:flex;align-items:center;justify-content:space-between;gap:14px}.ac-row>div{min-width:0}.ac-row b{display:block;overflow:hidden;text-overflow:ellipsis;font-size:15px}.ac-row small{color:var(--muted);font-size:12.8px;line-height:1.5}
.ac-pill{display:inline-flex;align-items:center;gap:5px;flex:none;padding:5px 11px;border:1px solid var(--line-strong);border-radius:99px;color:var(--muted);font:800 11.5px var(--font-head);font-style:normal;white-space:nowrap}.ac-pill .icon{width:12px;height:12px}
.ac-pill.ok{border-color:#22c55e55;background:#22c55e14;color:#4ade80}.ac-pill.warn{border-color:#f59e0b55;background:#f59e0b14;color:#fbbf24}.ac-pill.soon{border-style:dashed;border-color:#f59e0b55;color:#fbbf24}
.ac-note{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border:1px solid #6366f140;border-radius:12px;background:#6366f112;color:var(--text);font-size:13.5px;line-height:1.55}.ac-note .icon{flex:none;width:17px;height:17px;margin-top:2px;color:#a5b4fc}.ac-note.warn{border-color:#f59e0b45;background:#f59e0b10}.ac-note.warn .icon{color:#fbbf24}
.ac-field input.ac-code{height:58px;padding:0 0 0 .5em;font:800 26px/1 Consolas,'Courier New',monospace;letter-spacing:.5em;text-align:center}
.ac-facts{grid-template-columns:repeat(3,minmax(0,1fr))}.ac-facts>div{display:grid;gap:3px}.ac-facts small{color:var(--muted);font-size:12px}.ac-facts b{font-size:14.5px}
.ac-switch{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid var(--line);cursor:pointer}.ac-switch:first-child{padding-top:0}
.ac-switch>span{min-width:0}.ac-switch b{display:block;font:700 14.3px var(--font-head)}.ac-switch small{display:block;color:var(--muted);font-size:12.8px;line-height:1.5}
.ac-switch input{position:absolute;opacity:0;pointer-events:none}
.ac-switch i{position:relative;flex:none;width:46px;height:26px;border-radius:99px;background:#ffffff1a;transition:background .2s}.ac-switch i::after{content:"";position:absolute;left:3px;top:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 2px 6px #0006;transition:transform .2s}
.ac-switch input:checked+i{background:linear-gradient(90deg,#6366f1,#22d3ee)}.ac-switch input:checked+i::after{transform:translateX(20px)}.ac-switch input:focus-visible+i{outline:2px solid #a5b4fc;outline-offset:2px}
.ac-games{display:flex;flex-wrap:wrap;gap:8px}.ac-games label{cursor:pointer}.ac-games input{position:absolute;opacity:0;pointer-events:none}
.ac-games span{display:inline-block;padding:8px 13px;border:1px solid var(--line-strong);border-radius:99px;color:var(--muted);font:700 12.8px var(--font-head);transition:border-color .15s,background .15s,color .15s}
.ac-games label:hover span{color:var(--text)}.ac-games input:checked+span{border-color:#6366f1;background:#6366f122;color:#fff}.ac-games input:focus-visible+span{outline:2px solid #a5b4fc;outline-offset:2px}
.ac-sessions{display:grid;gap:8px}
.ac-session{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:var(--surface-2)}.ac-session.current{border-color:#22c55e45}
.ac-session>i{display:grid;place-items:center;flex:none;width:38px;height:38px;border-radius:11px;background:#ffffff0a;color:#a5b4fc}.ac-session>i .icon{width:18px;height:18px}
.ac-session>span{flex:1;min-width:0}.ac-session b{display:block;font-size:14.3px}.ac-session small{color:var(--muted);font-size:12.3px}
@keyframes acIn{from{opacity:0;transform:translateY(6px)}}
[data-theme="light"] .ac-nav button>.icon{background:#0000000a}[data-theme="light"] .ac-nav button:hover{background:#0000000a}[data-theme="light"] .ac-bar,[data-theme="light"] .ac-switch i{background:#00000018}[data-theme="light"] .ac-games input:checked+span{color:#3730a3}[data-theme="light"] .ac-logout{color:#b91c1c}[data-theme="light"] .ac-score li.ok{color:#15803d}[data-theme="light"] .ac-session>i{background:#0000000a;color:#4f46e5}
@media (max-width:980px){.ac{grid-template-columns:minmax(0,1fr)}.ac-side{position:static}.ac-nav{grid-template-columns:repeat(3,minmax(0,1fr))}.ac-nav button small{display:none}.ac-score ul{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:620px){.ac-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.ac-grid,.ac-facts{grid-template-columns:minmax(0,1fr)}.ac-photo{flex-direction:column;align-items:flex-start}.ac-row{flex-direction:column;align-items:flex-start}.ac-card{padding:16px}.ac-score ul{grid-template-columns:minmax(0,1fr)}}
@media (prefers-reduced-motion:reduce){.ac-sec{animation:none}}

/* Hesap ayarları: yan yana alanlarda giriş kutuları aynı yükseklikte kalır */
.ac-field{align-content:start}.ac-grid{align-items:start}
/* ───── Açılış bilgilendirmesi (bt-*) ───── */
.bt-bar{position:relative;z-index:46;border-bottom:1px solid #f59e0b33;background:linear-gradient(90deg,#f59e0b1f,#6366f11f 55%,#22d3ee14),#0c111f;color:#e7eaf3;font-size:13.3px}
.bt-bar>.wrap{display:flex;align-items:center;gap:14px;min-height:44px;padding-block:7px}
.bt-badge{flex:none;padding:3px 9px;border-radius:7px;background:linear-gradient(135deg,#f59e0b,#f97316);color:#1a1205;font:900 11px var(--font-head);letter-spacing:.08em}
.bt-bar p{display:flex;flex-wrap:wrap;gap:2px 8px;flex:1;min-width:0;margin:0;line-height:1.45}.bt-bar p b{color:#fff;font-family:var(--font-head)}.bt-bar p span{color:#b9c1d6}
.bt-acts{display:flex;align-items:center;gap:6px;flex:none}
.bt-acts button{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 11px;border:1px solid #ffffff1f;border-radius:9px;background:#ffffff0d;color:#fff;font:700 12.3px var(--font-head);cursor:pointer;white-space:nowrap;transition:background .15s,border-color .15s}
.bt-acts button .icon{width:13px;height:13px}.bt-acts button:hover{border-color:#f59e0b88;background:#f59e0b24}
.bt-acts .bt-x{width:30px;padding:0;justify-content:center;border-color:transparent;background:none;color:#aab3c7}.bt-acts .bt-x:hover{border-color:#ffffff1f;background:#ffffff0d;color:#fff}
.hd-beta{height:24px;padding:0 9px;border:1px solid #f59e0b55;border-radius:7px;background:#f59e0b14;color:#fbbf24;font:800 10.5px var(--font-head);letter-spacing:.04em;cursor:pointer;white-space:nowrap}.hd-beta:hover{background:#f59e0b2b}
[data-theme="light"] .bt-bar{background:linear-gradient(90deg,#fef3c7,#eef2ff);color:#1f2433;border-color:#f59e0b55}[data-theme="light"] .bt-bar p b{color:#1f2433}[data-theme="light"] .bt-bar p span{color:#4b5468}[data-theme="light"] .bt-acts button{border-color:#00000022;background:#ffffffb0;color:#1f2433}[data-theme="light"] .hd-beta{color:#b45309}
@media (max-width:820px){.bt-bar>.wrap{flex-wrap:wrap;gap:8px}.bt-bar p{flex-basis:calc(100% - 70px)}.bt-acts{width:100%}.bt-acts button:not(.bt-x){flex:1;justify-content:center}}
/* ───── Reklam alanı: 1200×200 yatay şerit ───── */
.ad-wrap{margin-block:22px}
.ad-slot{position:relative;display:block;overflow:hidden;border:1px solid var(--line);border-radius:18px;background:var(--surface);aspect-ratio:6/1;transition:border-color .2s,transform .2s}
.ad-slot img{display:block;width:100%;height:100%;object-fit:cover}
.ad-slot em{position:absolute;right:10px;top:10px;padding:2px 8px;border-radius:6px;background:#000000a6;color:#d6dbe8;font:700 10px var(--font-head);font-style:normal;letter-spacing:.05em;text-transform:uppercase}
a.ad-slot:hover{border-color:#6366f188}
@media (max-width:620px){.ad-wrap{margin-block:14px}.ad-slot{border-radius:12px}.ad-slot em{right:6px;top:6px;font-size:9px}}

/* ───── Avatar çerçevesi (Pass) ───── */
.uf{position:relative;display:inline-grid;place-items:center;flex:none}
.uf-frame{position:absolute;left:50%;top:50%;width:158%;height:158%;max-width:none;transform:translate(-50%,-50%);object-fit:contain;pointer-events:none;z-index:1}
.uf-frame[hidden]{display:none}
.uf.sm .uf-frame{width:150%;height:150%}
.uf .hb-ava{box-shadow:none}
.uf.big{margin:22px}
/* Hazır avatar ve çerçeve seçici */
.ac-pick{display:grid;grid-template-columns:repeat(auto-fill,minmax(58px,1fr));gap:8px;max-height:212px;padding:10px;border:1px solid var(--line);border-radius:14px;background:var(--surface-2);overflow-y:auto;scrollbar-width:thin}
.ac-pick button{position:relative;display:grid;place-items:center;aspect-ratio:1;padding:0;border:2px solid transparent;border-radius:14px;background:#0a0e18;overflow:hidden;cursor:pointer;transition:border-color .15s,transform .15s}
.ac-pick button img{width:100%;height:100%;object-fit:cover}
.ac-pick button:hover{border-color:#6366f188;transform:translateY(-1px)}
.ac-pick button.on{border-color:#22d3ee;box-shadow:0 0 0 3px #22d3ee33}
.ac-pick.frames button img{object-fit:contain;padding:3px}
.ac-pick button.none{color:var(--muted);gap:0}.ac-pick button.none .icon{width:18px;height:18px}.ac-pick button.none small{font-size:10.5px;font-weight:700}
.ac-pick.locked button:not(.none){opacity:.55;cursor:not-allowed}.ac-pick.locked button:not(.none):hover{transform:none;border-color:transparent}
.ac-pass{margin-left:6px;padding:2px 7px;border-radius:6px;background:linear-gradient(135deg,#f5c542,#f59e0b);color:#231803;font:900 10px var(--font-head);font-style:normal;letter-spacing:.06em;vertical-align:middle}
[data-theme="light"] .ac-pick button{background:#1b2233}
/* ───── Mağaza açma sihirbazı (sbw-*) ───── */
.store-builder.is-wizard{grid-template-columns:minmax(0,1fr) 360px;gap:22px}
.store-builder.is-wizard .store-builder-form{gap:20px;padding:0;overflow:hidden;border-radius:22px}
.store-builder.is-wizard .store-builder-form>*:not(.sbw-hero){margin-inline:24px}
.store-builder.is-wizard .store-builder-actions{margin:0!important;padding:16px 24px;border-top:1px solid var(--line);background:var(--surface-2);justify-content:space-between}
.store-builder.is-wizard .store-builder-actions [data-store-next],.store-builder.is-wizard .store-builder-actions [type=submit]{margin-left:auto;min-width:170px}
.sbw-hero{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);gap:16px 18px;align-items:center;padding:26px 24px;border-bottom:1px solid var(--line);background:radial-gradient(600px 200px at 0 0,#6366f133,transparent 70%),radial-gradient(500px 200px at 100% 0,#f9731626,transparent 70%),var(--surface-2)}
.sbw-ic{display:grid;place-items:center;width:62px;height:62px;border-radius:19px;background:linear-gradient(135deg,#f97316,#f59e0b);color:#fff;box-shadow:0 18px 30px -16px #f97316}.sbw-ic .icon{width:28px;height:28px}
.sbw-hero-t small{color:#fbbf24;font:800 11px var(--font-head);letter-spacing:.12em}.sbw-hero-t h2{margin:2px 0 4px;font:800 26px var(--font-head)}.sbw-hero-t p{margin:0;color:var(--muted);font-size:14px;line-height:1.55}
.sbw-perks{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}
.sbw-perks li{display:inline-flex;align-items:center;gap:7px;padding:7px 12px;border:1px solid var(--line);border-radius:99px;background:#ffffff08;color:var(--text);font:700 12.3px var(--font-head)}.sbw-perks .icon{width:14px;height:14px;color:#4ade80}
.store-stepper.sbw-steps{position:relative;gap:0;padding:0;border:0;background:none;overflow:visible}
.store-stepper.sbw-steps button{position:relative;flex:1 1 0;justify-content:flex-start;gap:11px;padding:0 10px 0 0;background:none!important;text-align:left;color:var(--muted)}
.store-stepper.sbw-steps button:not(:last-child)::after{content:"";flex:1;height:2px;min-width:14px;margin-left:4px;border-radius:2px;background:var(--line-strong)}
.store-stepper.sbw-steps button.done:not(:last-child)::after{background:linear-gradient(90deg,#22c55e,#22c55e88)}
.store-stepper.sbw-steps button em{flex:none;width:36px;height:36px;border:2px solid var(--line-strong);background:var(--surface);color:var(--muted);font:800 14px var(--font-head)}
.store-stepper.sbw-steps button span{display:grid;gap:1px;font:800 13.8px var(--font-head);white-space:nowrap}.store-stepper.sbw-steps button small{color:var(--muted);font:600 11.5px var(--font)}
.store-stepper.sbw-steps button.active{color:var(--text)}.store-stepper.sbw-steps button.active em{border-color:#f97316;background:linear-gradient(135deg,#f97316,#f59e0b);color:#fff;box-shadow:0 0 0 4px #f9731626}
.store-stepper.sbw-steps button.done em{border-color:#22c55e;background:#22c55e;color:#fff}.store-stepper.sbw-steps button.done{color:var(--text)}
.sbw-title h3{margin:0 0 3px;font:800 19px var(--font-head)}.sbw-title p{margin:0;color:var(--muted);font-size:13.8px;line-height:1.55}
.sbw-link{display:grid;grid-template-columns:auto minmax(0,1fr);gap:2px 12px;align-items:center;padding:14px 16px;border:1px dashed var(--line-strong);border-radius:14px;background:var(--surface-2)}
.sbw-link>.icon{grid-row:span 2;width:38px;height:38px;padding:9px;border-radius:11px;background:#6366f11c;color:#a5b4fc}
.sbw-link small{color:var(--muted);font-size:12px}.sbw-link b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:700 14px Consolas,'Courier New',monospace;color:var(--muted)}.sbw-link b i{color:var(--text);font-style:normal}
.sbw-link .slug-status{grid-column:2;min-height:0;font-size:12.5px}.sbw-link .slug-status:empty{display:none}
.sbw-link p{grid-column:1/-1;margin:6px 0 0;color:var(--muted);font-size:12.3px;line-height:1.5}
.sbw-count{float:right;color:var(--muted);font-weight:600;font-size:12px}
@media (max-width:1100px){.store-builder.is-wizard{grid-template-columns:minmax(0,1fr)}}
@media (max-width:640px){.store-builder.is-wizard .store-builder-form>*:not(.sbw-hero){margin-inline:16px}.sbw-hero{padding:20px 16px}.sbw-hero-t h2{font-size:22px}.store-stepper.sbw-steps button small{display:none}.store-stepper.sbw-steps button span{font-size:12px;white-space:normal}.store-builder.is-wizard .store-builder-actions{padding:14px 16px}.store-builder.is-wizard .store-builder-actions [data-store-next],.store-builder.is-wizard .store-builder-actions [type=submit]{min-width:0;flex:1}}

/* Seçici: sabit kare hücreler (satırlar üst üste binmez) */
.ac-pick{grid-template-columns:repeat(auto-fill,60px);grid-auto-rows:60px;justify-content:space-between;align-content:start;gap:10px;max-height:226px}
.ac-pick button{width:60px;height:60px;aspect-ratio:auto}
.sb-pickwrap{display:grid;gap:8px}.sb-pickwrap>b{display:flex;align-items:center;gap:8px;font:700 13.5px var(--font-head)}.sb-pickwrap small{color:var(--muted);font-size:12.3px}
/* Mağaza formu: etiket + karakter sayacı; kurulum adımları tıklanmaz */
.sbw-lbl{display:flex;align-items:center;justify-content:space-between;gap:10px}.sbw-lbl em{color:var(--muted);font:600 12px var(--font);font-style:normal}
.store-stepper.sbw-steps button{cursor:default}
/* E-posta değiştirme penceresi */
.acm-back{position:fixed;inset:0;z-index:120;display:grid;place-items:center;padding:16px;background:#05070dcc;backdrop-filter:blur(6px);animation:acmIn .18s ease both}
.acm-back.out{opacity:0;transition:opacity .18s}
.acm{width:min(480px,100%);max-height:calc(100dvh - 32px);overflow-y:auto;border:1px solid var(--line-strong);border-radius:22px;background:var(--surface);box-shadow:0 40px 80px -30px #000;animation:acmPop .22s cubic-bezier(.2,1.2,.4,1) both}
.acm>header{display:flex;align-items:center;gap:14px;padding:20px 20px 4px}.acm>header>div{flex:1;min-width:0}
.acm-ic{display:grid;place-items:center;flex:none;width:46px;height:46px;border-radius:14px;background:linear-gradient(135deg,#6366f1,#22d3ee);color:#fff}.acm-ic .icon{width:21px;height:21px}
.acm h2{margin:0 0 2px;font:800 19px var(--font-head)}.acm>header p{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:13px}.acm>header p b{color:var(--text)}
.acm-x{display:grid;place-items:center;flex:none;width:36px;height:36px;border:1px solid var(--line);border-radius:11px;background:none;color:var(--muted);cursor:pointer}.acm-x:hover{color:var(--text);border-color:var(--line-strong)}.acm-x .icon{width:16px;height:16px}
.acm .ac-card{border:0;border-radius:0;background:none;padding:16px 20px 22px}
html:has(.acm-back){overflow:hidden!important;overscroll-behavior:none}
@keyframes acmIn{from{opacity:0}}@keyframes acmPop{from{opacity:0;transform:translateY(10px) scale(.97)}}
@media (prefers-reduced-motion:reduce){.acm-back,.acm{animation:none}}

/* Kenar reklamları (160×600): yalnızca geniş ekranda, içerik sütununun dışındaki boşlukta */
.ad-side{display:none}
@media (min-width:1800px) and (min-height:860px){
  .ad-side{position:fixed;top:208px;z-index:5;display:block;width:160px;aspect-ratio:160/600;max-height:calc(100vh - 300px);overflow:hidden;border:1px solid var(--line);border-radius:16px;background:var(--surface);transition:border-color .2s}
  .ad-side.side-left{left:calc((100vw - 1420px)/4 - 80px)}
  .ad-side.side-right{right:calc((100vw - 1420px)/4 - 80px)}
  .ad-side img{display:block;width:100%;height:100%;object-fit:cover}
  .ad-side em{position:absolute;left:8px;top:8px;padding:2px 7px;border-radius:6px;background:#000000a6;color:#d6dbe8;font:700 9.5px var(--font-head);font-style:normal;letter-spacing:.05em;text-transform:uppercase}
  a.ad-side:hover{border-color:#6366f188}
}