/* ════════════════════════════════════════════════════════════════════
 * DEHOST OYUN SAYFASI ŞABLONU (dn-game.css v3) — partials/game-page.php
 * Düzen: görselli hero + paket bulucu, solda işlemci / sağda paket listesi,
 * bento özellikler, yatay kurulum akışı, gecikme bandı, makale, SSS, kapanış.
 * Açık / koyu temaya uyumludur (dn-ui.css değişkenlerini kullanır).
 * ════════════════════════════════════════════════════════════════════ */
.dng{ background: var(--dnx-surface); color: var(--dnx-text); }
.dng h2, .dng .dng-h{ font-size: clamp(1.625rem, 3vw, 2.25rem); font-weight: 800; letter-spacing: -.02em; line-height: 1.15; color: var(--dnx-text); margin: 0; }
.dng-section{ padding: 5rem 0; }
.dng-head{ max-width: 45rem; margin: 0 0 2.25rem; }
.dng-head p{ margin: 0.75rem 0 0; color: var(--dnx-muted); font-size: 1.0312rem; line-height: 1.6; }
.dng-head p a{ color: var(--dnx-accent); font-weight: 700; }
.dng-head--split{ max-width: none; display: flex; align-items: end; justify-content: space-between; gap: 1.5rem; flex-wrap: wrap; }
.dng-head--split h2, .dng-head--split .dng-h{ max-width: 38.75rem; }
.dng-head--split p{ margin: 0; max-width: 22.5rem; }
/* ── HERO ─────────────────────────────────────────────────────────── */
.dng-hero{ position: relative; overflow: hidden; color: #e6edf3; background: #06100d; padding: 1.625rem 0 4rem; isolation: isolate; }
.dng-hero__bg{ position: absolute; top: 0; right: 0; width: 68%; height: 100%; object-fit: cover; max-height: none; z-index: -2; opacity: .9; }
.dng-hero--contain .dng-hero__bg{ object-fit: contain; object-position: right center; width: 52%; padding: 2.5rem 2.5rem 2.5rem 0; opacity: .35; }
.dng-hero__shade{
    position: absolute; inset: 0; z-index: -1; pointer-events: none;
    background:
        linear-gradient(90deg, #06100d 30%, rgba(6, 16, 13, .72) 48%, rgba(6, 16, 13, .12) 78%, rgba(6, 16, 13, .4) 100%),
        linear-gradient(0deg, #06100d 0%, transparent 35%);
}
.dng-hero--plain .dng-hero__shade{ background: radial-gradient(50rem 25rem at 85% 20%, rgba(16, 185, 129, .22), transparent 70%), repeating-linear-gradient(135deg, rgba(255, 255, 255, .025) 0 2px, transparent 2px 0.875rem); }
.dng-crumb, .dng-crumb a{ color: #8aa39b !important; }
.dng-hero__grid{ display: grid; grid-template-columns: minmax(0, 1fr) 25rem; gap: 3.5rem; align-items: center; margin-top: 0.5rem; }
.dng-kicker{ display: inline-flex; align-items: center; gap: 0.5625rem; font-size: 0.8125rem; font-weight: 700; letter-spacing: .04em; color: #a7f3d0; text-transform: uppercase; }
.dng-kicker img{ width: 1.5rem; height: 1.5rem; border-radius: 0.375rem; object-fit: cover; max-height: none; }
.dng-kicker .dn-ico{ font-size: 1.25rem; }
.dng-title{ font-size: clamp(2.375rem, 5vw, 3.75rem); font-weight: 800; letter-spacing: -.03em; line-height: 1.04; margin: 0.875rem 0 1rem; color: #fff; }
.dng-title em{ font-style: normal; color: #34d399; }
.dng-lead{ font-size: 1.0625rem; line-height: 1.65; color: #b9c8c3; max-width: 35rem; margin: 0; }
.dng-chips{ list-style: none; padding: 0; margin: 1.375rem 0 0; display: flex; flex-wrap: wrap; gap: 0.5rem; }
.dng-chips li{ display: inline-flex; align-items: center; gap: 0.4375rem; padding: 0.4375rem 0.75rem; border-radius: 0.5rem; background: rgba(255, 255, 255, .07); border: 1px solid rgba(255, 255, 255, .1); font-weight: 600; color: #e2e8f0; font-size: 0.875rem; }
.dng-chips .dn-ico{ color: #34d399; }
.dng-facts{ display: grid; grid-template-columns: repeat(4, max-content); gap: 0; margin: 2.125rem 0 0; }
.dng-facts div{ padding: 0 1.625rem; border-left: 1px solid rgba(255, 255, 255, .14); }
.dng-facts div:first-child{ padding-left: 0; border-left: 0; }
.dng-facts dt{ font-size: 0.75rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: #7f9a91; }
.dng-facts dd{ margin: 0.25rem 0 0; font-size: 1.375rem; font-weight: 800; color: #fff; }
.dng-facts dd small{ font-size: 0.8125rem; font-weight: 600; color: #8aa39b; margin-left: 2px; }
/* Paket bulucu (açık renk kart, koyu hero üzerinde) */
.dng-finder__cpus{ display: grid; grid-template-columns: 1fr 1fr; gap: 0.375rem; }
.dng-fcpu{ padding: 0.5625rem 0.5rem; border-radius: 0.625rem; border: 1px solid var(--dnx-line); background: transparent; color: inherit; font-size: 0.8125rem; font-weight: 700; cursor: pointer; text-align: center; transition: border-color .15s, background .15s; }
.dng-fcpu:hover{ border-color: var(--dnx-accent); }
.dng-fcpu.is-active{ border-color: var(--dnx-accent); background: rgba(16, 185, 129, .1); color: var(--dnx-accent); }
.dng-finder__result{ background: var(--dnx-surface-2); border-radius: 0.875rem; padding: 1rem; }
html[data-theme="dark"] .dng-finder__result{ background: #0c141c; }
.dng-finder__name{ font-weight: 800; font-size: 1rem; }
.dng-finder__spec{ font-size: 0.8125rem; color: var(--dnx-muted); margin-top: 2px; min-height: 2.6em; }
.dng-finder__price{ display: flex; align-items: baseline; gap: 2px; margin: 0.5rem 0 0.75rem; }
.dng-finder__price span{ font-size: 1.125rem; font-weight: 800; }
.dng-finder__price strong{ font-size: 2.125rem; font-weight: 800; letter-spacing: -.02em; }
.dng-finder__price small{ color: var(--dnx-muted); font-size: 0.875rem; margin-left: 0.1875rem; }
.dng-finder__sub{ font-size: 0.75rem; color: var(--dnx-muted); margin: -0.5rem 0 0.75rem; }
.dng-finder__sub s{ opacity: .7; }
.dng-finder__sub[hidden]{ display: none; }
.dng-wiz--code .dng-finder__sub{ color: #94a3b8 !important; }
.dng-finder__go{ width: 100%; }
.dng-finder__all{ display: block; text-align: center; margin-top: 0.625rem; font-size: 0.8125rem; font-weight: 700; color: var(--dnx-muted) !important; text-decoration: underline; text-underline-offset: 0.1875rem; }
.dng-finder__all:hover{ color: var(--dnx-accent) !important; }
/* ── PAKETLER ─────────────────────────────────────────────────────── */
.dng-pk{ display: grid; grid-template-columns: 17.5rem minmax(0, 1fr); gap: 1.75rem; align-items: start; }
.dng-pk__cap{ font-size: 0.75rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; color: var(--dnx-muted); margin-top: 0.375rem; }
.dng-tabs{ display: flex; flex-direction: column; gap: 0.5rem; }
.dng-tab{ display: flex; align-items: center; gap: 0.75rem; text-align: left; width: 100%; padding: 0.75rem 0.875rem; border-radius: 0.875rem; border: 1px solid var(--dnx-line); background: var(--dnx-surface); color: var(--dnx-text); cursor: pointer; transition: border-color .15s, box-shadow .15s; }
.dng-tab:hover{ border-color: rgba(16, 185, 129, .5); }
.dng-tab.is-active{ border-color: var(--dnx-accent); box-shadow: inset 0.25rem 0 0 var(--dnx-accent); }
.dng-tab__txt{ display: flex; flex-direction: column; min-width: 0; }
.dng-tab__name{ font-weight: 800; font-size: 0.9062rem; }
.dng-tab__name .dnx-badge{ position: static; vertical-align: 2px; margin-left: 0.25rem; }
.dng-tab__sub{ font-size: 0.7812rem; color: var(--dnx-muted); }
.dng-cycle{ display: grid; grid-template-columns: repeat(3, 1fr); padding: 0.25rem; border-radius: 0.75rem; background: var(--dnx-surface-2); border: 1px solid var(--dnx-line); }
.dng-cycle button{ border: 0; background: transparent; color: var(--dnx-muted); padding: 0.5625rem 0.25rem; border-radius: 0.5625rem; font-weight: 700; font-size: 0.8438rem; cursor: pointer; }
.dng-cycle button.is-active{ background: var(--dnx-surface); color: var(--dnx-text); box-shadow: 0 2px 0.5rem -2px rgba(0, 0, 0, .18); }
.dng-pk__gift{ display: flex; gap: 0.5rem; align-items: flex-start; margin: 0.25rem 0 0; font-size: 0.8125rem; color: var(--dnx-muted); line-height: 1.45; }
.dng-pk__gift .dn-ico{ color: #f59e0b; font-size: 1rem; margin-top: 1px; }
.dng-row__total{ display: block; font-size: 0.75rem; color: var(--dnx-muted); min-height: 1.2em; }
.dng-row__total s{ opacity: .7; }
.dng-note{ display: flex; gap: 0.5rem; align-items: center; margin: 0.875rem 0 0; font-size: 0.8125rem; color: var(--dnx-muted); }
/* ── BENTO ÖZELLİKLER ─────────────────────────────────────────────── */
.dng-bento{ display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0.875rem; }
.dng-tile{ display: flex; flex-direction: column; gap: 1rem; padding: 1.5rem; border-radius: 1.125rem; background: var(--dnx-surface); border: 1px solid var(--dnx-line); }
.dng-tile h3, .dng-tile h5{ font-size: 1.0625rem; font-weight: 800; margin: 0 0 0.375rem; color: var(--dnx-text); }
.dng-tile p{ margin: 0; color: var(--dnx-muted); font-size: 0.9062rem; line-height: 1.6; }
.dng-tile__icon{ width: 2.5rem; height: 2.5rem; border-radius: 0.75rem; display: grid; place-items: center; font-size: 1.1875rem; color: var(--dnx-accent); border: 1px solid var(--dnx-line); }
.dng-tile.is-big{ grid-row: span 2; justify-content: space-between; color: #e6edf3; border: 0; background: radial-gradient(26.25rem 18.75rem at 100% 0%, rgba(52, 211, 153, .35), transparent 70%), linear-gradient(160deg, #064e3b, #022c22); }
.dng-tile.is-big h3{ color: #fff; font-size: 1.5rem; letter-spacing: -.01em; }
.dng-tile.is-big p{ color: #a7f3d0; font-size: 0.9688rem; }
.dng-tile.is-big .dng-tile__icon{ width: 4rem; height: 4rem; font-size: 1.875rem; border-radius: 1.125rem; color: #34d399; border-color: rgba(52, 211, 153, .35); background: rgba(255, 255, 255, .05); }
.dng-tile.is-wide2{ grid-column: span 2; }
.dng-tile.is-wide3{ grid-column: 1 / -1; flex-direction: row; align-items: center; }
/* ── KURULUM AKIŞI + GECİKME BANDI ────────────────────────────────── */
.dng-flow{ list-style: none; padding: 0; margin: 0; display: grid; grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); gap: 1.75rem; counter-reset: s; }
.dng-flow li{ position: relative; padding-top: 1.375rem; border-top: 2px solid var(--dnx-line); }
.dng-flow li::before{ content: ""; position: absolute; top: -2px; left: 0; width: 3rem; height: 2px; background: var(--dnx-accent); }
.dng-flow__n{ display: block; font-size: 2.75rem; font-weight: 800; line-height: 1; letter-spacing: -.03em; color: transparent; -webkit-text-stroke: 1.5px var(--dnx-accent); margin-bottom: 0.875rem; }
.dng-flow strong{ display: block; font-size: 1.125rem; font-weight: 800; }
.dng-flow p{ margin: 0.375rem 0 0; color: var(--dnx-muted); font-size: 0.9062rem; line-height: 1.6; }

/* ── MAKALE ───────────────────────────────────────────────────────── */
.dng-article{ display: flex; flex-direction: column; }
.dng-article__row{ display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 2.5rem; padding: 2.125rem 0; border-top: 1px solid var(--dnx-line); }
.dng-article__row:first-child{ border-top: 0; padding-top: 0; }
.dng-article__row .dng-article__h{ font-size: clamp(1.375rem, 2.2vw, 1.75rem); }
.dng-article__row p{ margin: 0 0 0.875rem; color: var(--dnx-muted); font-size: 0.9688rem; line-height: 1.75; }
.dng-article__row p:last-child{ margin-bottom: 0; }
.dng-article__row a{ color: var(--dnx-accent); font-weight: 600; }
/* ── SSS (iki sütun) ──────────────────────────────────────────────── */
.dng-faq{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.75rem; align-items: start; }
.dng-faq .accordion-item{ border: 1px solid var(--dnx-line) !important; border-radius: 0.875rem !important; overflow: hidden; background: var(--dnx-surface); }
.dng-faq .accordion-button{ font-weight: 700; font-size: 0.9375rem; background: var(--dnx-surface); color: var(--dnx-text); box-shadow: none; padding: 1rem 1.125rem; }
.dng-faq .accordion-button:not(.collapsed){ color: var(--dnx-accent); background: var(--dnx-surface); }
.dng-faq .accordion-body{ padding: 0 1.125rem 1rem; color: var(--dnx-muted); font-size: 0.9062rem; line-height: 1.65; }
/* ── KAPANIŞ: CTA + DİĞER OYUNLAR ─────────────────────────────────── */
.dng-end{ padding: 0 0 5rem; background: var(--dnx-surface); }
.dng-end__cta{ display: flex; align-items: center; justify-content: space-between; gap: 1.5rem; flex-wrap: wrap; padding: 2.125rem 2.25rem; border-radius: 1.375rem 1.375rem 0 0; background: linear-gradient(110deg, var(--dn-g,#047857), #047857 55%, #065f46); color: #fff; }
.dng-end__cta h2{ color: #fff; font-size: clamp(1.375rem, 2.4vw, 1.875rem); }
.dng-end__cta p{ margin: 0.375rem 0 0; color: #d1fae5; }
.dng-end__btn{ display: inline-flex; align-items: center; gap: 0.5rem; padding: 0.8125rem 1.375rem; border-radius: 0.75rem; background: #fff; color: #065f46 !important; font-weight: 800; }
.dng-end__games{ padding: 1.375rem 2.25rem 1.625rem; border: 1px solid var(--dnx-line); border-top: 0; border-radius: 0 0 1.375rem 1.375rem; background: var(--dnx-surface-2); }
.dng-end__cap{ display: block; font-size: 0.75rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; color: var(--dnx-muted); margin-bottom: 0.75rem; }
.dng-related{ display: flex; flex-wrap: wrap; gap: 0.5rem; }
.dng-related__item{ display: inline-flex; align-items: center; gap: 0.5rem; padding: 0.375rem 0.875rem 0.375rem 0.375rem; border-radius: 62.4375rem; border: 1px solid var(--dnx-line); background: var(--dnx-surface); color: var(--dnx-text) !important; font-weight: 700; font-size: 0.875rem; transition: border-color .15s; }
.dng-related__item:hover{ border-color: var(--dnx-accent); }
.dng-related__item img{ width: 1.75rem; height: 1.75rem; border-radius: 50%; object-fit: cover; max-height: none; }
.dng-related__ico{ width: 1.75rem; height: 1.75rem; border-radius: 50%; display: grid; place-items: center; background: var(--dnx-surface-2); color: var(--dnx-accent); }
.dng-related__all{ padding-left: 0.875rem; color: var(--dnx-accent) !important; }
/* ── DUYARLI ──────────────────────────────────────────────────────── */
@media (max-width: 1199px){
.dng-pk{ grid-template-columns: 15.625rem minmax(0, 1fr); }
}
@media (max-width: 991px){
.dng-section{ padding: 3.75rem 0; }
.dng-hero{ padding-bottom: 2.5rem; }
.dng-hero__bg{ width: 100%; opacity: .35; }
.dng-hero--contain .dng-hero__bg{ width: 70%; opacity: .2; }
.dng-hero__shade{ background: linear-gradient(180deg, rgba(6, 16, 13, .7), #06100d 70%); }
.dng-hero__grid{ grid-template-columns: 1fr; gap: 2rem; }
.dng-pk{ grid-template-columns: minmax(0, 1fr); }
.dng-tabs{ flex-direction: row; overflow-x: auto; padding-bottom: 0.25rem; scrollbar-width: thin; }
.dng-tab{ flex: 0 0 auto; width: auto; }
.dng-tab__sub{ display: none; }
.dng-cycle{ max-width: 22.5rem; }
.dng-bento{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
.dng-tile.is-big{ grid-row: auto; grid-column: 1 / -1; }
.dng-tile.is-wide2, .dng-tile.is-wide3{ grid-column: 1 / -1; }
.dng-flow{ grid-auto-flow: row; gap: 1.625rem; }

.dng-article__row{ grid-template-columns: 1fr; gap: 0.75rem; }
.dng-faq{ grid-template-columns: 1fr; }
}
@media (max-width: 575px){
.dng-title{ font-size: 2.25rem; }
.dng-facts{ grid-template-columns: repeat(2, max-content); row-gap: 0.875rem; }
.dng-facts div:nth-child(3){ padding-left: 0; border-left: 0; }
.dng-bento{ grid-template-columns: 1fr; }
.dng-tile.is-wide3{ flex-direction: column; align-items: flex-start; }

.dng-end__cta, .dng-end__games{ padding-left: 1.25rem; padding-right: 1.25rem; }
}
/* ════════════════════════════════════════════════════════════════════
 * v3.1 — koyu tasarım iyileştirmeleri: cam efektli koyu paket bulucu,
 * kutulu hero bilgileri, koyu özellik bandı ve koyu kapanış kartı.
 * ════════════════════════════════════════════════════════════════════ */
.dng-hero{ padding: 1.625rem 0 4.5rem; }
.dng-hero::after{ content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 1px; background: linear-gradient(90deg, transparent, rgba(52, 211, 153, .45), transparent); }
.dng-hero__shade{
    background:
        radial-gradient(37.5rem 22.5rem at 12% 30%, rgba(16, 185, 129, .16), transparent 70%),
        linear-gradient(90deg, #06100d 30%, rgba(6, 16, 13, .72) 48%, rgba(6, 16, 13, .15) 78%, rgba(6, 16, 13, .45) 100%),
        linear-gradient(0deg, #06100d 0%, transparent 35%);
}
.dng-title{ text-shadow: 0 0.25rem 1.875rem rgba(0, 0, 0, .35); }
.dng-chips li{ backdrop-filter: blur(0.375rem); -webkit-backdrop-filter: blur(0.375rem); }
.dng-facts{ grid-template-columns: repeat(4, minmax(0, max-content)); gap: 0.625rem; }
.dng-facts div, .dng-facts div:first-child{ padding: 0.75rem 1.125rem; border: 1px solid rgba(255, 255, 255, .1); border-radius: 0.875rem; background: rgba(255, 255, 255, .04); backdrop-filter: blur(0.375rem); -webkit-backdrop-filter: blur(0.375rem); }
.dng-facts dd{ font-size: 1.25rem; }
/* Paket bulucu: koyu cam kart (açık ve koyu temada aynı) */
.dng-fcpu{ background: rgba(255, 255, 255, .03); }
.dng-fcpu.is-active{ background: rgba(52, 211, 153, .14); color: #6ee7b7; }
.dng-finder__result, html[data-theme="dark"] .dng-finder__result{ background: rgba(0, 0, 0, .28); border: 1px solid rgba(255, 255, 255, .06); }
.dng-finder__price strong{ color: var(--dn-g,#047857); }
html[data-theme="dark"] .dng-finder__price strong{ color: #34d399; }
/* Özellikler: koyu bant */
.dng-section--dark{ position: relative; background: radial-gradient(43.75rem 23.75rem at 90% 0%, rgba(16, 185, 129, .12), transparent 70%), #07120f; color: #e6edf3; }
.dng-section--dark h2, .dng-section--dark .dng-h{ color: #fff; }
.dng-section--dark .dng-head p{ color: #8fa9a1; }
.dng-section--dark .dng-tile{ background: rgba(255, 255, 255, .035); border-color: rgba(255, 255, 255, .08); transition: border-color .2s, transform .2s; }
.dng-section--dark .dng-tile:hover{ border-color: rgba(52, 211, 153, .4); transform: translateY(-2px); }
.dng-section--dark .dng-tile h3, .dng-section--dark .dng-tile h5{ color: #fff; }
.dng-section--dark .dng-tile p{ color: #9fb4ad; }
.dng-section--dark .dng-tile__icon{ color: #34d399; border-color: rgba(52, 211, 153, .3); background: rgba(52, 211, 153, .08); }
.dng-section--dark .dng-tile.is-big{ background: radial-gradient(26.25rem 18.75rem at 100% 0%, rgba(52, 211, 153, .35), transparent 70%), linear-gradient(160deg, #065f46, #022c22); }
/* Kapanış: koyu kart */
.dng-end__cta{ position: relative; overflow: hidden; background: radial-gradient(31.25rem 15rem at 100% 0%, rgba(52, 211, 153, .35), transparent 70%), linear-gradient(110deg, #0a1f19, #06100d); border: 1px solid rgba(52, 211, 153, .25); border-bottom: 0; }
.dng-end__cta p{ color: #9fb4ad; }
.dng-end__btn{ background: #10b981; color: #fff !important; box-shadow: 0 0.625rem 1.875rem -0.625rem rgba(16, 185, 129, .7); }
.dng-end__btn:hover{ background: #34d399; }
@media (max-width: 575px){
.dng-facts{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
.dng-facts div:nth-child(3){ padding: 0.75rem 1.125rem; border: 1px solid rgba(255, 255, 255, .1); }
}
/* ── v3.2: hero paket özellikleri kutusu, renkli işlemci modelleri, paket arka planı ── */
.dng-console{ margin-top: 1.375rem; max-width: 40rem; border-radius: 1rem; overflow: hidden; background: rgba(4, 10, 8, .72); border: 1px solid rgba(52, 211, 153, .25); box-shadow: 0 1.5rem 3.125rem -1.5rem rgba(0, 0, 0, .9); backdrop-filter: blur(0.5rem); -webkit-backdrop-filter: blur(0.5rem); font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; }
.dng-console__bar{ display: flex; align-items: center; gap: 0.375rem; padding: 0.5625rem 0.875rem; border-bottom: 1px solid rgba(255, 255, 255, .07); color: #6b8f84; font-size: 0.75rem; }
.dng-console__bar i{ width: 0.5625rem; height: 0.5625rem; border-radius: 50%; background: #ef4444; }
.dng-console__bar i:nth-child(2){ background: #f59e0b; }
.dng-console__bar i:nth-child(3){ background: #10b981; margin-right: 0.375rem; }
.dng-console__bar em{ margin-left: auto; font-style: normal; font-weight: 700; color: #34d399; display: inline-flex; align-items: center; gap: 0.375rem; }
.dng-console__bar em::before{ content: ""; width: 0.4375rem; height: 0.4375rem; border-radius: 50%; background: #34d399; box-shadow: 0 0 0 0.1875rem rgba(52, 211, 153, .2); animation: dngBlink 1.6s ease-in-out infinite; }
@keyframes dngBlink{ 50% { opacity: .35; } }
.dng-console__body{ display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); margin: 0; }
.dng-console__body div{ padding: 0.6875rem 0.875rem; border-left: 1px solid rgba(255, 255, 255, .06); }
.dng-console__body div:first-child{ border-left: 0; }
.dng-console__body dt{ font-size: 0.6875rem; font-weight: 600; color: #6b8f84; text-transform: lowercase; }
.dng-console__body dt::before{ content: "$ "; color: #34d399; }
.dng-console__body dd{ margin: 0.1875rem 0 0; font-size: 0.8125rem; font-weight: 700; color: #a7f3d0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
/* İşlemci modeli renkleri */
/* Paket adındaki GB rozeti */
@media (max-width: 767px){
.dng-console__body{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
.dng-console__body div{ border-left: 0; border-top: 1px solid rgba(255, 255, 255, .06); }
}
.dng-console__body dd{ white-space: normal; }
/* Paket adı: GB rozeti + hafif arka plan yalnızca paket adının arkasında */
/* ── v4: DAHİL ÖZELLİKLER KUTUSU + OYUN SAHNELİ PAKET SATIRLARI ───────── */
/* Satırlar: her paket ayrı, oyun sahnesi arka planlı koyu kart */
/* v4.1: sahne bulanık (logo/yazı okunmasın), renkler daha görünür */
/* v4.2: logosuz sahne şeritleri (assets/img/rows), bulanıklık yok */
/* ── v5: paket başlığı ortalı, kapanış paneli (CTA + diğer oyunlar) ───────── */
.dng-head--center{ max-width: 47.5rem; margin-left: auto; margin-right: auto; text-align: center; }
.dng-end--v2{ padding: 0 0 5rem; background: var(--dnx-surface); }
.dng-end__panel{ position: relative; isolation: isolate; overflow: hidden; display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr); border-radius: 1.625rem; background: linear-gradient(135deg, #0a1f19 0%, #07130f 60%, #0b1a15 100%); border: 1px solid rgba(52, 211, 153, .22); box-shadow: 0 2.5rem 5rem -2.5rem rgba(0, 0, 0, .8); color: #e6f3ee; }
.dng-end__panel::before{ content: ""; position: absolute; inset: 0; z-index: -1; background-image: linear-gradient(rgba(52, 211, 153, .07) 1px, transparent 1px), linear-gradient(90deg, rgba(52, 211, 153, .07) 1px, transparent 1px); background-size: 2.5rem 2.5rem; mask-image: radial-gradient(70% 90% at 30% 50%, #000 20%, transparent 100%); -webkit-mask-image: radial-gradient(70% 90% at 30% 50%, #000 20%, transparent 100%); }
.dng-end__glow{ position: absolute; z-index: -1; width: 32.5rem; height: 32.5rem; left: -8.75rem; top: -13.75rem; border-radius: 50%; background: radial-gradient(circle, rgba(16, 185, 129, .35), transparent 65%); filter: blur(0.625rem); pointer-events: none; }
.dng-end--v2 .dng-end__cta{ display: block; padding: 2.5rem 2.5rem 2.375rem; background: none; border: 0; border-radius: 0; }
.dng-end__kicker{ display: inline-flex; align-items: center; gap: 0.375rem; padding: 0.3125rem 0.6875rem; border-radius: 62.4375rem; font-size: 0.75rem; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; color: #6ee7b7; background: rgba(16, 185, 129, .12); border: 1px solid rgba(52, 211, 153, .25); margin-bottom: 1rem; }
.dng-end__kicker .dn-ico{ width: 0.8125rem; height: 0.8125rem; color: #fbbf24; }
.dng-end--v2 .dng-end__cta h2{ color: #fff; font-size: clamp(1.5rem, 2.6vw, 2.125rem); line-height: 1.15; letter-spacing: -.02em; margin: 0; }
.dng-end--v2 .dng-end__cta p{ margin: 0.75rem 0 0; color: #9fb4ad; font-size: 0.9688rem; max-width: 46ch; }
.dng-end__stats{ display: flex; flex-wrap: wrap; gap: 0.625rem; margin: 1.375rem 0 1.5rem; }
.dng-end__stats span{ display: grid; gap: 1px; padding: 0.625rem 0.875rem; min-width: 7.5rem; border-radius: 0.75rem; background: rgba(255, 255, 255, .04); border: 1px solid rgba(255, 255, 255, .08); }
.dng-end__stats b{ font-size: 1rem; font-weight: 800; color: #fff; }
.dng-end__stats small{ font-size: 0.7188rem; color: #8fb0a5; font-weight: 600; text-transform: uppercase; letter-spacing: .05em; }
.dng-end--v2 .dng-end__btn{ display: inline-flex; align-items: center; gap: 0.5rem; padding: 0.875rem 1.5rem; border-radius: 0.75rem; background: linear-gradient(135deg, #10b981, var(--dn-g,#047857)); color: #fff !important; font-weight: 800; box-shadow: 0 0.875rem 1.875rem -0.75rem rgba(16, 185, 129, 1); transition: transform .15s, background .15s; }
.dng-end--v2 .dng-end__btn:hover{ transform: translateY(-2px); background: #34d399; color: #052e22 !important; }
.dng-end--v2 .dng-end__games{ padding: 2rem 1.875rem 1.875rem; border: 0; border-left: 1px solid rgba(255, 255, 255, .07); border-radius: 0; background: rgba(0, 0, 0, .22); }
.dng-end--v2 .dng-end__cap{ display: inline-flex; align-items: center; gap: 0.4375rem; font-size: 0.7188rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; color: #6ee7b7; margin-bottom: 0.875rem; }
.dng-end--v2 .dng-end__cap .dn-ico{ width: 0.9375rem; height: 0.9375rem; }
.dng-end--v2 .dng-related{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.5rem; }
.dng-end--v2 .dng-related__item{ display: flex; align-items: center; gap: 0.625rem; padding: 0.5rem 0.625rem 0.5rem 0.5rem; border-radius: 0.75rem; border: 1px solid rgba(255, 255, 255, .08); background: rgba(255, 255, 255, .035); color: #e6f3ee !important; font-weight: 700; font-size: 0.875rem; transition: border-color .15s, background .15s, transform .15s; }
.dng-end--v2 .dng-related__item:hover{ border-color: rgba(52, 211, 153, .55); background: rgba(16, 185, 129, .1); transform: translateX(2px); }
.dng-end--v2 .dng-related__item img{ width: 2.125rem; height: 2.125rem; border-radius: 0.5625rem; object-fit: cover; max-height: none; flex: none; box-shadow: 0 0.375rem 0.875rem -0.5rem rgba(0, 0, 0, .9); }
.dng-end--v2 .dng-related__item > span:not(.dng-related__ico){ flex: 1; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.dng-end--v2 .dng-related__item i{ flex: none; width: 1.375rem; height: 1.375rem; display: grid; place-items: center; border-radius: 50%; background: rgba(255, 255, 255, .06); color: #6ee7b7; font-style: normal; }
.dng-end--v2 .dng-related__item i .dn-ico{ width: 0.8125rem; height: 0.8125rem; }
.dng-end--v2 .dng-related__ico{ width: 2.125rem; height: 2.125rem; border-radius: 0.5625rem; display: grid; place-items: center; background: linear-gradient(135deg, #10b981, #047857); color: #fff; flex: none; }
.dng-end--v2 .dng-related__all{ grid-column: 1 / -1; justify-content: flex-start; border-style: dashed; border-color: rgba(52, 211, 153, .35); color: #6ee7b7 !important; }
@media (max-width: 991.98px){
.dng-end__panel{ grid-template-columns: 1fr; }
.dng-end--v2 .dng-end__games{ border-left: 0; border-top: 1px solid rgba(255, 255, 255, .07); }
.dng-end--v2 .dng-end__cta{ padding: 1.875rem 1.5rem; }
.dng-end--v2 .dng-end__games{ padding: 1.5rem; }
}
@media (max-width: 575.98px){
.dng-end--v2 .dng-related{ grid-template-columns: 1fr; }
}
/* Mobil: gecikme kutusu tek sütunda düzenli */

/* ── YAPILANDIRICI v2: "rig" paneli (neon, kademe çubukları, animasyonlu seçim) ── */
.dng-pk--v2 .dng-rig{ --tone: #34d399; --tone-rgb: 52, 211, 153; position: sticky; top: 6.875rem; gap: 0.75rem; padding: 1.125rem 1rem 0.875rem; border-radius: 1.25rem; color: #e6edf3; background: linear-gradient(165deg, #0d1a16 0%, #07120f 60%, #050c0a 100%); border: 1px solid rgba(255, 255, 255, .08); box-shadow: 0 1.875rem 3.75rem -1.875rem rgba(0, 0, 0, .8), inset 0 1px 0 rgba(255, 255, 255, .05); overflow: hidden; contain: paint; isolation: isolate; }
.dng-rig[data-tone="violet"]{ --tone: #a78bfa; --tone-rgb: 167, 139, 250; }
.dng-rig[data-tone="rose"]{ --tone: #fb7185; --tone-rgb: 251, 113, 133; }
.dng-rig[data-tone="amber"]{ --tone: #fbbf24; --tone-rgb: 251, 191, 36; }
.dng-rig[data-tone="blue"]{ --tone: #60a5fa; --tone-rgb: 96, 165, 250; }
.dng-rig[data-tone="teal"]{ --tone: #2dd4bf; --tone-rgb: 45, 212, 191; }
.dng-rig::before{ content: ""; position: absolute; inset: 0; z-index: -1; background-image: linear-gradient(rgba(255, 255, 255, .035) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, .035) 1px, transparent 1px); background-size: 1.375rem 1.375rem; mask-image: linear-gradient(180deg, #000, transparent 85%); }
.dng-rig__glow{ position: absolute; z-index: -1; top: -7.5rem; right: -6.25rem; width: 17.5rem; height: 17.5rem; border-radius: 50%; background: radial-gradient(circle, rgba(var(--tone-rgb), .45), transparent 65%); filter: blur(1.25rem); transition: background .4s; animation: dngGlow 6s ease-in-out infinite; pointer-events: none; }
@keyframes dngGlow{ 0%, 100% { transform: scale(1) translate(0, 0); opacity: .8; } 50% { transform: scale(1.15) translate(-0.625rem, 0.625rem); opacity: 1; } }
.dng-rig__top{ display: grid; grid-template-columns: auto 1fr; column-gap: 0.625rem; align-items: center; padding-bottom: 0.75rem; border-bottom: 1px dashed rgba(255, 255, 255, .1); }
.dng-rig__top strong{ font-size: 1rem; font-weight: 900; color: #fff; letter-spacing: -.01em; }
.dng-rig__top small{ grid-column: 2; font-size: 0.75rem; color: #8fa9a1; }
.dng-rig__led{ grid-row: 1 / 3; width: 0.75rem; height: 0.75rem; border-radius: 50%; background: var(--tone); box-shadow: 0 0 0 0.25rem rgba(var(--tone-rgb), .18), 0 0 1.125rem rgba(var(--tone-rgb), .9); animation: dngLed 1.8s ease-in-out infinite; }
@keyframes dngLed{ 0%, 100% { box-shadow: 0 0 0 0.25rem rgba(var(--tone-rgb), .18), 0 0 1.125rem rgba(var(--tone-rgb), .9); } 50% { box-shadow: 0 0 0 0.4375rem rgba(var(--tone-rgb), .08), 0 0 0.375rem rgba(var(--tone-rgb), .5); } }
.dng-rig__cap{ display: flex; align-items: center; gap: 0.5rem; color: #8fa9a1; margin-top: 0.25rem; }
.dng-rig__cap b{ font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 0.6875rem; color: var(--tone); letter-spacing: .05em; }
.dng-rig__cap::after{ content: ""; flex: 1; height: 1px; background: rgba(255, 255, 255, .08); }
.dng-pk--v2 .dng-rig__cpu{ --c: #34d399; --c-rgb: 52, 211, 153; position: relative; padding: 0.6875rem 0.75rem; border-radius: 0.875rem; background: rgba(255, 255, 255, .03); border: 1px solid rgba(255, 255, 255, .08); color: #e6edf3; box-shadow: none; transition: transform .18s, border-color .18s, background .18s, box-shadow .18s; overflow: hidden; }
.dng-rig__cpu.tone-violet{ --c: #a78bfa; --c-rgb: 167, 139, 250; }
.dng-rig__cpu.tone-rose{ --c: #fb7185; --c-rgb: 251, 113, 133; }
.dng-rig__cpu.tone-amber{ --c: #fbbf24; --c-rgb: 251, 191, 36; }
.dng-rig__cpu.tone-blue{ --c: #60a5fa; --c-rgb: 96, 165, 250; }
.dng-rig__cpu::before{ content: ""; position: absolute; inset: 0; background: linear-gradient(100deg, rgba(var(--c-rgb), .22), transparent 55%); opacity: 0; transition: opacity .25s; }
.dng-rig__cpu::after{ content: ""; position: absolute; top: 0; bottom: 0; left: -60%; width: 40%; background: linear-gradient(100deg, transparent, rgba(255, 255, 255, .18), transparent); transform: skewX(-15deg); opacity: 0; }
.dng-pk--v2 .dng-rig__cpu:hover{ border-color: rgba(var(--c-rgb), .5); background: rgba(255, 255, 255, .05); transform: translateX(0.1875rem); }
.dng-pk--v2 .dng-rig__cpu.is-active{ border-color: rgba(var(--c-rgb), .9); background: rgba(var(--c-rgb), .08); box-shadow: 0 0 0 1px rgba(var(--c-rgb), .35), 0 0 1.75rem -0.375rem rgba(var(--c-rgb), .7), inset 0 0 1.5rem -0.75rem rgba(var(--c-rgb), .6); transform: translateX(0); }
.dng-rig__cpu.is-active::before{ opacity: 1; }
.dng-rig__cpu.is-active::after{ animation: dngSweep 2.6s ease-in-out infinite; }
.dng-pk--v2 .dng-rig__cpu.is-active{ animation: dngCpuPulse 2.2s ease-in-out infinite; }
@keyframes dngCpuPulse{ 0%, 100% { border-color: rgba(var(--c-rgb), .95); box-shadow: 0 0 0 1px rgba(var(--c-rgb), .4), 0 0 1.75rem -0.375rem rgba(var(--c-rgb), .75), inset 0 0 1.5rem -0.75rem rgba(var(--c-rgb), .6); } 50% { border-color: rgba(var(--c-rgb), .55); box-shadow: 0 0 0 0.25rem rgba(var(--c-rgb), .12), 0 0 2.5rem -0.25rem rgba(var(--c-rgb), .45), inset 0 0 0.75rem -0.5rem rgba(var(--c-rgb), .35); } }
@keyframes dngSweep{ 0% { left: -60%; opacity: 0; } 10% { opacity: 1; } 45% { left: 130%; opacity: 0; } 100% { left: 130%; opacity: 0; } }
.dng-rig__chip{ position: relative; width: 2.5rem; height: 2.5rem; flex: 0 0 2.5rem; border-radius: 0.6875rem; display: grid; place-items: center; font-size: 1.1875rem; color: var(--c); background: rgba(var(--c-rgb), .12); border: 1px solid rgba(var(--c-rgb), .3); transition: box-shadow .25s, transform .25s; }
.dng-rig__cpu.is-active .dng-rig__chip{ box-shadow: 0 0 1.125rem rgba(var(--c-rgb), .75), inset 0 0 0.625rem rgba(var(--c-rgb), .35); transform: scale(1.05); animation: dngChip 2.4s ease-in-out infinite; }
@keyframes dngChip{ 0%, 100% { box-shadow: 0 0 1.125rem rgba(var(--c-rgb), .75), inset 0 0 0.625rem rgba(var(--c-rgb), .35); } 50% { box-shadow: 0 0 0.5rem rgba(var(--c-rgb), .4), inset 0 0 0.25rem rgba(var(--c-rgb), .2); } }
.dng-pk--v2 .dng-tab__name{ color: #fff; font-size: 0.9062rem; line-height: 1.25; }
.dng-pk--v2 .dng-tab__sub{ color: #93a8a1; font-size: 0.75rem; }
.dng-rig__tier{ display: flex; align-items: center; gap: 0.5rem; margin-top: 0.375rem; }
.dng-rig__bars{ display: inline-flex; gap: 0.1875rem; }
.dng-rig__bars i{ width: 0.875rem; height: 0.3125rem; border-radius: 0.1875rem; background: rgba(255, 255, 255, .1); transition: background .3s, box-shadow .3s; }
.dng-rig__bars i.on{ background: var(--c); }
.dng-rig__cpu.is-active .dng-rig__bars i.on{ box-shadow: 0 0 0.5rem rgba(var(--c-rgb), .9); }
.dng-rig__cpu.is-active .dng-rig__bars i.on:nth-child(1){ animation: dngBar .5s ease-out 1 both; }
.dng-rig__cpu.is-active .dng-rig__bars i.on:nth-child(2){ animation: dngBar .5s ease-out .08s 1 both; }
.dng-rig__cpu.is-active .dng-rig__bars i.on:nth-child(3){ animation: dngBar .5s ease-out .16s 1 both; }
.dng-rig__cpu.is-active .dng-rig__bars i.on:nth-child(4){ animation: dngBar .5s ease-out .24s 1 both; }
@keyframes dngBar{ from { transform: scaleX(.2); opacity: .3; } to { transform: scaleX(1); opacity: 1; } }
.dng-rig__tier em{ font-style: normal; font-size: 0.6562rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: var(--c); }
.dng-rig__check{ margin-left: auto; width: 1.375rem; height: 1.375rem; flex: 0 0 1.375rem; border-radius: 50%; display: grid; place-items: center; font-size: 0.75rem; color: #04110c; background: var(--c); opacity: 0; transform: scale(.5); transition: opacity .2s, transform .25s cubic-bezier(.34, 1.56, .64, 1); box-shadow: 0 0 0.75rem rgba(var(--c-rgb), .8); }
.dng-rig__cpu.is-active .dng-rig__check{ opacity: 1; transform: scale(1); }
.dng-pk--v2 .dng-tab__name .dnx-badge{ font-size: 0.5938rem; }
.dng-pk--v2 .dng-rig__cycle{ position: relative; background: rgba(0, 0, 0, .35); border: 1px solid rgba(255, 255, 255, .1); border-radius: 0.875rem; padding: 0.3125rem; isolation: isolate; }
.dng-rig__thumb{ position: absolute; z-index: -1; top: 0.3125rem; bottom: 0.3125rem; left: 0.3125rem; width: calc((100% - 0.625rem) / 3); border-radius: 0.625rem; background: linear-gradient(160deg, rgba(var(--tone-rgb), .35), rgba(var(--tone-rgb), .12)); border: 1px solid rgba(var(--tone-rgb), .6); box-shadow: 0 0 1.125rem -0.25rem rgba(var(--tone-rgb), .8); transition: transform .3s cubic-bezier(.34, 1.3, .64, 1), background .3s; }
.dng-rig.cycle-3 .dng-rig__thumb{ transform: translateX(100%); }
.dng-rig.cycle-12 .dng-rig__thumb{ transform: translateX(200%); }
.dng-pk--v2 .dng-rig__cycle button{ display: flex; flex-direction: column; align-items: center; gap: 1px; color: #93a8a1; padding: 0.5rem 0.25rem; line-height: 1.1; font-size: 0.8438rem; }
.dng-pk--v2 .dng-rig__cycle button.is-active{ background: transparent; color: #fff; box-shadow: none; text-shadow: 0 0 0.75rem rgba(var(--tone-rgb), .8); }
.dng-rig__cycle button small{ font-size: 0.5938rem; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; color: #fbbf24; text-shadow: 0 0 0.625rem rgba(251, 191, 36, .6); animation: dngBlink 2.2s ease-in-out infinite; }
@keyframes dngBlink{ 0%, 100% { opacity: 1; } 50% { opacity: .55; } }
.dng-pk--v2 .dng-rig__gift{ align-items: center; padding: 0.5625rem 0.6875rem; border-radius: 0.625rem; border: 1px dashed rgba(251, 191, 36, .35); background: rgba(251, 191, 36, .06); color: #cbd5d1; font-size: 0.7812rem; transition: background .3s, border-color .3s, box-shadow .3s; }
.dng-rig__gift b{ color: #fde68a; font-weight: 800; }
.dng-rig.cycle-12 .dng-rig__gift{ background: rgba(251, 191, 36, .14); border-style: solid; border-color: rgba(251, 191, 36, .7); box-shadow: 0 0 1.375rem -0.375rem rgba(251, 191, 36, .8); color: #fff; }
.dng-rig.cycle-12 .dng-rig__gift .dn-ico{ animation: dngWiggle .6s ease-in-out 1; }
@keyframes dngWiggle{ 0%, 100% { transform: rotate(0); } 25% { transform: rotate(-14deg) scale(1.15); } 75% { transform: rotate(12deg) scale(1.15); } }
html[data-theme="dark"] .dng-pk--v2 .dng-rig{ border-color: rgba(255, 255, 255, .1); }
@media (prefers-reduced-motion: reduce){
.dng-rig__glow, .dng-rig__led, .dng-rig__cpu.is-active .dng-rig__chip, .dng-rig__cycle button small, .dng-pk--v2 .dng-rig__cpu.is-active, .dng-mascot, .dng-mascot img, .dng-mascot__glow, .dng-mascot__ring, .dng-mascot__shadow, .dng-wiz__dot, .dng-card.is-match{ animation: none; }
.dng-rig__cpu.is-active::after{ display: none; }
}
@media (max-width: 991px){
.dng-pk--v2 .dng-rig{ position: static; padding: 1rem 0.875rem 0.75rem; }
.dng-pk--v2 .dng-rig__cpus{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.5rem; overflow: visible; padding-bottom: 0; }
.dng-pk--v2 .dng-rig__cpu{ width: auto; align-items: flex-start; padding: 0.625rem; }
.dng-pk--v2 .dng-tab__sub{ display: block; }
.dng-pk--v2 .dng-rig__chip{ width: 2.125rem; height: 2.125rem; flex-basis: 2.125rem; font-size: 1rem; }
.dng-pk--v2 .dng-rig__cycle{ max-width: none; }
.dng-pk--v2 .dng-rig__check{ position: absolute; top: 0.5rem; right: 0.5rem; margin: 0; }
}
@media (max-width: 420px){
.dng-pk--v2 .dng-tab__name{ font-size: 0.8125rem; }
.dng-pk--v2 .dng-tab__sub{ font-size: 0.6875rem; }
.dng-rig__bars i{ width: 0.625rem; }
}
@media (max-width: 991px){
.dng-pk--v2 .dng-rig__cpu .dng-tab__txt{ padding-right: 1.5rem; min-width: 0; }
.dng-pk--v2 .dng-rig__cpu{ min-width: 0; }
.dng-pk--v2 .dng-rig__tier{ flex-wrap: wrap; gap: 0.25rem 0.5rem; }
.dng-pk--v2 .dng-rig__bars i{ width: 0.625rem; }
.dng-pk--v2 .dng-rig__tier em{ font-size: 0.625rem; }
}
/* ── PAKETLER bölümü: koyu yeşil zemin (beyaz alan istenmedi) ── */
.dng-section--packs{ position: relative; background: radial-gradient(56.25rem 26.25rem at 15% 0%, rgba(16, 185, 129, .14), transparent 70%), radial-gradient(43.75rem 25rem at 90% 100%, rgba(16, 185, 129, .08), transparent 70%), #07120f; color: #e6edf3; }
.dng-section--packs::before{ content: ""; position: absolute; inset: 0; background-image: linear-gradient(rgba(255, 255, 255, .025) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, .025) 1px, transparent 1px); background-size: 2.5rem 2.5rem; mask-image: linear-gradient(180deg, #000, transparent 70%); pointer-events: none; }
.dng-section--packs .container{ position: relative; }
.dng-section--packs .dng-head h2, .dng-section--packs .dng-head .dng-h{ color: #fff; }
.dng-section--packs .dng-head p{ color: #8fa9a1; }
.dng-section--packs .dng-note{ color: #8fa9a1; }
.dng-section--packs .dng-note a{ color: #34d399; }
.dng-section--packs .dng-pk--v2 .dng-rig{ border-color: rgba(52, 211, 153, .22); box-shadow: 0 1.875rem 3.75rem -1.875rem rgba(0, 0, 0, .9), 0 0 0 1px rgba(255, 255, 255, .03), inset 0 1px 0 rgba(255, 255, 255, .05); }
/* ── YAPILANDIRICI v3: tablonun üstünde yatay şerit ── */
.dng-pk--bar{ grid-template-columns: minmax(0, 1fr); gap: 1.125rem; }
.dng-pk--v2 .dng-rig--bar{ position: static; display: grid; grid-template-columns: minmax(0, 1fr) minmax(18.75rem, 23.75rem); grid-template-areas: "top pay" "cpus cpus"; gap: 0.875rem 1.75rem; align-items: center; padding: 1.125rem 1.25rem 1.125rem; }
.dng-rig--bar .dng-rig__top{ grid-area: top; border-bottom: 0; padding-bottom: 0; }
.dng-rig--bar .dng-rig__pay{ grid-area: pay; display: flex; flex-direction: column; gap: 0.5rem; padding-left: 1.75rem; border-left: 1px dashed rgba(255, 255, 255, .1); }
.dng-rig--bar .dng-rig__cpuwrap{ padding-top: 0.75rem; border-top: 1px dashed rgba(255, 255, 255, .1); }
.dng-rig--bar .dng-rig__cpuwrap{ grid-area: cpus; display: flex; flex-direction: column; gap: 0.625rem; min-width: 0; }
.dng-rig--bar .dng-rig__cap{ margin-top: 0; }
.dng-rig--bar .dng-rig__pay .dng-rig__cap::after{ display: none; }
.dng-pk--v2 .dng-rig--bar .dng-rig__cpus{ display: grid; grid-template-columns: repeat(auto-fit, minmax(13.125rem, 1fr)); gap: 0.625rem; }
.dng-pk--v2 .dng-rig--bar .dng-rig__cpu{ min-width: 0; align-items: flex-start; }
.dng-pk--v2 .dng-rig--bar .dng-rig__cpu:hover{ transform: translateY(-2px); }
.dng-pk--v2 .dng-rig--bar .dng-rig__cpu.is-active{ transform: translateY(0); }
.dng-rig--bar .dng-rig__check{ position: absolute; top: 0.5rem; right: 0.5rem; margin: 0; }
.dng-rig--bar .dng-tab__txt{ padding-right: 1.125rem; min-width: 0; }
.dng-pk--v2 .dng-rig--bar .dng-rig__gift{ margin: 0; }
.dng-rig--bar .dng-rig__glow{ right: 30%; top: -10rem; }
@media (max-width: 1199px){
.dng-pk--v2 .dng-rig--bar{ grid-template-columns: minmax(0, 1fr) minmax(16.25rem, 20rem); }
.dng-pk--v2 .dng-rig--bar .dng-rig__cpus{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 991px){
.dng-pk--v2 .dng-rig--bar{ grid-template-columns: minmax(0, 1fr); grid-template-areas: "top" "cpus" "pay"; gap: 0.875rem; padding: 1rem 0.875rem; }
.dng-rig--bar .dng-rig__pay{ padding-left: 0; border-left: 0; padding-top: 0.875rem; border-top: 1px dashed rgba(255, 255, 255, .1); }
.dng-rig--bar .dng-rig__cpuwrap{ padding-top: 0; border-top: 0; }
.dng-pk--v2 .dng-rig--bar .dng-rig__cpus{ grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.5rem; }
}
@media (max-width: 420px){
.dng-pk--v2 .dng-rig--bar .dng-rig__cpus{ grid-template-columns: 1fr; }
}
/* ── ÖZELLİKLER: kompakt ── */
.dng-section--feat{ padding: 3.5rem 0; }
.dng-section--feat .dng-head{ margin-bottom: 1.375rem; }
.dng-section--feat .dng-head h2, .dng-section--feat .dng-head .dng-h{ font-size: clamp(1.375rem, 2.4vw, 1.75rem); }
.dng-section--feat .dng-head p{ font-size: 0.875rem; max-width: 20rem; }
.dng-section--feat .dng-bento{ gap: 0.625rem; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.dng-section--feat .dng-tile{ flex-direction: row; align-items: flex-start; gap: 0.75rem; padding: 0.875rem 1rem; border-radius: 0.875rem; }
.dng-section--feat .dng-tile h3, .dng-section--feat .dng-tile h5{ font-size: 0.9062rem; margin: 0 0 0.1875rem; }
.dng-section--feat .dng-tile p{ font-size: 0.8125rem; line-height: 1.5; }
.dng-section--feat .dng-tile__icon{ width: 2.125rem; height: 2.125rem; font-size: 1rem; border-radius: 0.625rem; flex: none; }
.dng-section--feat .dng-tile.is-big{ grid-row: auto; grid-column: auto; justify-content: flex-start; }
.dng-section--feat .dng-tile.is-big h3, .dng-section--feat .dng-tile.is-big h5{ font-size: 0.9375rem; }
.dng-section--feat .dng-tile.is-big p{ font-size: 0.8125rem; color: #c7f5e3; }
.dng-section--feat .dng-tile.is-big .dng-tile__icon{ width: 2.125rem; height: 2.125rem; font-size: 1rem; border-radius: 0.625rem; }
.dng-section--feat .dng-tile.is-wide2, .dng-section--feat .dng-tile.is-wide3{ grid-column: auto; flex-direction: row; align-items: flex-start; }
@media (max-width: 991px){
.dng-section--feat .dng-bento{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 575px){
.dng-section--feat .dng-bento{ grid-template-columns: 1fr; }
}
/* ── ALT BÖLÜMLER: koyu tema (kurulum, içerik, SSS) ── */
.dng{ background: #07120f; }
.dng-section--dark + .dng-section--dark{ padding-top: 3.5rem; }
.dng-section--steps .dng-flow li{ border-top-color: rgba(255, 255, 255, .1); }
.dng-section--steps .dng-flow__n{ -webkit-text-stroke-color: #34d399; }
.dng-section--steps .dng-flow strong{ color: #fff; }
.dng-section--steps .dng-flow p{ color: #9fb4ad; }

.dng-section--article .dng-article__row{ border-top-color: rgba(255, 255, 255, .08); }
.dng-section--article .dng-article__row .dng-article__h{ color: #fff; }
.dng-section--article .dng-article__row p{ color: #9fb4ad; }
.dng-section--article .dng-article__row a{ color: #34d399; }
.dng-section--faq .dng-head p a{ color: #34d399; }
.dng-section--faq .dng-faq .accordion-item{ background: rgba(255, 255, 255, .035); border-color: rgba(255, 255, 255, .08) !important; }
.dng-section--faq .dng-faq .accordion-button{ background: transparent; color: #fff; }
.dng-section--faq .dng-faq .accordion-button::after{ filter: invert(1) brightness(1.4); }
.dng-section--faq .dng-faq .accordion-button:not(.collapsed){ color: #34d399; background: rgba(16, 185, 129, .06); }
.dng-section--faq .dng-faq .accordion-body{ color: #9fb4ad; }
.dng-end--v2{ background: #07120f; padding-top: 1.5rem; }
/* ── Gecikme kutusu: değer ve "ms" bitişik ── */

/* ── "Tüm paketlerde dahil" sade şerit (tablonun altında) ── */
.dng-incl3{ display: flex; flex-wrap: wrap; align-items: center; gap: 0.5rem 1.25rem; margin: 0.875rem 0 0; padding: 0.75rem 1rem; border-radius: 0.875rem; border: 1px dashed rgba(52, 211, 153, .3); background: rgba(16, 185, 129, .05); }
.dng-incl3__cap{ display: inline-flex; align-items: center; gap: 0.375rem; font-size: 0.75rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: #34d399; }
.dng-incl3__cap .dn-ico{ font-size: 0.8rem; }
.dng-incl3 ul{ list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 0.375rem 1.25rem; }
.dng-incl3 li{ display: inline-flex; align-items: center; gap: 0.4rem; font-size: 0.85rem; font-weight: 600; color: #d7e5df; white-space: nowrap; }
.dng-incl3 li .dn-ico{ color: #34d399; font-size: 0.9rem; }
@media (max-width: 767.98px){
.dng-incl3{ gap: 0.5rem 0.75rem; }
.dng-incl3 ul{ gap: 0.375rem 0.875rem; }
.dng-incl3 li{ font-size: 0.8rem; white-space: normal; }
}

/* ── v15: paket satırı hücreleri (ikon + değer/etiket), ortak özellikler şeridi, giriş paragrafları ── */
.dng-lead--more{ font-size: 0.9375rem; color: #9fb3ac; margin-top: 0.75rem; }
.dng-common{ display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0.625rem; margin: 0 0 0.875rem; }
.dng-common__item{ position: relative; padding: 1rem 1rem 1rem 1.125rem; border-radius: 0.875rem; background: linear-gradient(160deg, rgba(16, 185, 129, .16), rgba(16, 185, 129, .04)); border: 1px solid rgba(52, 211, 153, .22); }
.dng-common__item::before{ content: ""; position: absolute; left: 0; top: 0.875rem; bottom: 0.875rem; width: 0.1875rem; border-radius: 0.1875rem; background: #34d399; }
.dng-common__n{ font-size: 0.6875rem; font-weight: 800; letter-spacing: .12em; color: #6ee7b7; }
.dng-common__item h5{ font-size: 0.9688rem; font-weight: 800; color: #fff; margin: 0.25rem 0 0.3125rem; }
.dng-common__item p{ margin: 0; font-size: 0.8125rem; line-height: 1.55; color: #b9c8c3; }
@media (max-width: 991.98px){
.dng-common{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 575.98px){
.dng-common{ grid-template-columns: 1fr; }
}
/* ── v16: paket sihirbazı, hero karakteri, yeni paket kartları, makale v2 ───── */
@media (min-width: 992px){
.dng-hero__grid.has-mascot{ grid-template-columns: minmax(0, 1fr) 25rem; }
}
.dng-hero__grid.has-mascot{ position: relative; }
.dng-hero__grid.has-mascot .dng-wiz{ z-index: 1; }
.dng-mascot{ --px: 0px; --py: 0px; position: absolute; display: none; right: 26.5rem; top: -0.5rem; width: 15rem; height: 17rem; pointer-events: none; z-index: 0; }
@media (min-width: 1200px){
.dng-mascot{ display: block; }
}
.dng-mascot img{ position: absolute; left: 50%; top: 50%; width: 15rem; height: auto; max-height: 16rem; object-fit: contain; transform: translate(calc(-50% + var(--px)), calc(-50% + var(--py))); filter: drop-shadow(0 1.25rem 1.75rem rgba(0, 0, 0, .55)); animation: dngFloat 5.5s ease-in-out infinite; will-change: transform; }
@keyframes dngFloat{ 0%, 100% { margin-top: 0; scale: 1; } 50% { margin-top: -0.75rem; scale: 1.025; } }
.dng-mascot__glow{ position: absolute; left: 50%; top: 56%; width: 13rem; height: 13rem; margin: -6.5rem 0 0 -6.5rem; border-radius: 50%; background: radial-gradient(circle, rgba(16, 185, 129, .55), rgba(16, 185, 129, .12) 45%, transparent 70%); filter: blur(0.75rem); animation: dngGlowPulse 2.8s ease-in-out infinite; transform: translate(calc(var(--px) * .4), calc(var(--py) * .4)); }
@keyframes dngGlowPulse{ 0%, 100% { opacity: .55; scale: .92; } 50% { opacity: 1; scale: 1.08; } }
.dng-mascot__ring{ position: absolute; left: 50%; top: 50%; width: 16rem; height: 16rem; margin: -8rem 0 0 -8rem; border-radius: 50%; border: 1px dashed rgba(52, 211, 153, .35); animation: dngSpin 28s linear infinite; transform-origin: center; }
.dng-mascot__ring::before{ content: ""; position: absolute; top: -0.25rem; left: 50%; width: 0.5rem; height: 0.5rem; border-radius: 50%; background: #34d399; box-shadow: 0 0 0.75rem #34d399; }
@keyframes dngSpin{ to { rotate: 360deg; } }
.dng-mascot__shadow{ position: absolute; left: 50%; bottom: -0.25rem; width: 9rem; height: 1.25rem; margin-left: -4.5rem; border-radius: 50%; background: radial-gradient(ellipse, rgba(0, 0, 0, .55), transparent 70%); animation: dngShadow 5.5s ease-in-out infinite; }
@keyframes dngShadow{ 0%, 100% { scale: 1; opacity: .8; } 50% { scale: .82; opacity: .5; } }
/* Sihirbaz (finder kartının üzerine kurulur) */
.dng-wiz{ background: #fff; color: #0d1f3c; border-radius: 1.25rem; padding: 1.25rem 1.375rem; box-shadow: 0 1.875rem 4.375rem -1.5625rem rgba(0, 0, 0, .8); position: relative; }
html[data-theme="dark"] .dng-wiz{ background: #111a24; color: #e6edf3; border: 1px solid #1f2c38; }
.dng-wiz::before{ content: ""; position: absolute; inset: -1px; border-radius: 1.3125rem; padding: 1px; background: linear-gradient(135deg, rgba(52, 211, 153, .9), rgba(52, 211, 153, 0) 40%, rgba(52, 211, 153, 0) 60%, rgba(16, 185, 129, .7)); -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask-composite: exclude; pointer-events: none; }
.dng-wiz__top{ display: grid; grid-template-columns: auto 1fr; column-gap: 0.625rem; align-items: center; padding-bottom: 0.875rem; border-bottom: 1px dashed var(--dnx-line); margin-bottom: 0.875rem; }
.dng-wiz__dot{ grid-row: span 2; width: 0.625rem; height: 0.625rem; border-radius: 50%; background: #10b981; box-shadow: 0 0 0 0.3125rem rgba(16, 185, 129, .18); animation: dngDot 2s ease-in-out infinite; }
@keyframes dngDot{ 50% { box-shadow: 0 0 0 0.5rem rgba(16, 185, 129, .06); } }
.dng-wiz__top strong{ font-size: 1.0625rem; font-weight: 800; }
.dng-wiz__top small{ color: var(--dnx-muted); font-size: 0.8125rem; }
.dng-wiz__step{ margin-bottom: 0.875rem; }
.dng-wiz__label{ display: flex; align-items: center; gap: 0.5rem; font-size: 0.8125rem; font-weight: 800; margin-bottom: 0.5rem; }
.dng-wiz__label b{ width: 1.25rem; height: 1.25rem; border-radius: 0.375rem; background: var(--dnx-accent); color: #fff; font-size: 0.6875rem; display: inline-grid; place-items: center; }
.dng-wiz__label output{ margin-left: auto; font-weight: 800; color: var(--dnx-accent); font-size: 0.875rem; }
.dng-wiz__aims{ display: grid; gap: 0.375rem; }
.dng-aim{ display: flex; align-items: center; gap: 0.625rem; width: 100%; text-align: left; padding: 0.5rem 0.625rem; border-radius: 0.75rem; border: 1px solid var(--dnx-line); background: transparent; color: inherit; cursor: pointer; transition: border-color .15s, background .15s, transform .15s; }
.dng-aim svg, .dng-aim i{ flex: 0 0 auto; width: 1.75rem; height: 1.75rem; border-radius: 0.5rem; display: grid; place-items: center; color: var(--dnx-accent); background: rgba(16, 185, 129, .1); padding: 0.375rem; }
.dng-aim span{ display: flex; flex-direction: column; line-height: 1.2; }
.dng-aim b{ font-size: 0.8438rem; font-weight: 800; }
.dng-aim small{ font-size: 0.7188rem; color: var(--dnx-muted); }
.dng-aim:hover{ border-color: var(--dnx-accent); transform: translateX(2px); }
.dng-aim.is-active{ border-color: var(--dnx-accent); background: rgba(16, 185, 129, .1); box-shadow: inset 0.1875rem 0 0 var(--dnx-accent); }
.dng-wiz__cpus{ grid-template-columns: 1fr 1fr; }
.dng-wiz__note{ display: flex; align-items: flex-start; gap: 0.375rem; margin: 0.5rem 0 0; padding: 0.5rem 0.625rem; border-radius: 0.625rem; font-size: 0.75rem; line-height: 1.4; font-weight: 600; color: #92400e; background: rgba(245, 158, 11, .14); border: 1px solid rgba(245, 158, 11, .3); }
.dng-wiz__note svg{ flex: 0 0 auto; width: 0.875rem; height: 0.875rem; margin-top: 1px; }
html[data-theme="dark"] .dng-wiz__note{ color: #fcd34d; }
.dng-wiz input[type="range"]{ --p: 50%; width: 100%; height: 0.375rem; border-radius: 0.375rem; -webkit-appearance: none; appearance: none; cursor: pointer; background: linear-gradient(90deg, #10b981 var(--p), var(--dnx-line) var(--p)); }
.dng-wiz input[type="range"]::-webkit-slider-thumb{ -webkit-appearance: none; width: 1.25rem; height: 1.25rem; border-radius: 0.375rem; background: #fff; border: 0.1875rem solid #10b981; box-shadow: 0 2px 0.375rem rgba(0, 0, 0, .25); }
.dng-wiz input[type="range"]::-moz-range-thumb{ width: 1rem; height: 1rem; border-radius: 0.375rem; background: #fff; border: 0.1875rem solid #10b981; }
.dng-wiz__result{ background: linear-gradient(160deg, var(--dnx-surface-2), rgba(16, 185, 129, .08)); border: 1px solid rgba(16, 185, 129, .2); }
html[data-theme="dark"] .dng-wiz__result{ background: linear-gradient(160deg, #0c141c, rgba(16, 185, 129, .1)); }
/* Paket kartları */
.dng-cards{ --c: #10b981; --c-rgb: 16, 185, 129; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1rem; align-items: stretch; }
.dng-cards.tone-violet{ --c: #7c3aed; --c-rgb: 124, 58, 237; }
.dng-cards.tone-rose{ --c: #e11d48; --c-rgb: 225, 29, 72; }
.dng-cards.tone-amber{ --c: #d97706; --c-rgb: 217, 119, 6; }
.dng-cards.tone-blue{ --c: #2563eb; --c-rgb: 37, 99, 235; }
html[data-theme="dark"] .dng-cards.tone-violet{ --c: #a78bfa; --c-rgb: 167, 139, 250; }
html[data-theme="dark"] .dng-cards.tone-rose{ --c: #fb7185; --c-rgb: 251, 113, 133; }
html[data-theme="dark"] .dng-cards.tone-amber{ --c: #fbbf24; --c-rgb: 251, 191, 36; }
html[data-theme="dark"] .dng-cards.tone-blue{ --c: #60a5fa; --c-rgb: 96, 165, 250; }
.dng-card{ position: relative; display: flex; flex-direction: column; background: var(--dnx-surface); border: 1px solid var(--dnx-line); border-radius: 1.125rem; overflow: hidden; transition: transform .22s cubic-bezier(.2, .8, .2, 1), box-shadow .22s, border-color .22s; }
.dng-card:hover{ transform: translateY(-0.375rem); border-color: rgba(var(--c-rgb), .5); box-shadow: 0 1.5rem 2.5rem -1.25rem rgba(var(--c-rgb), .45), 0 0.5rem 1.25rem -0.75rem rgba(0, 0, 0, .25); }
.dng-card__top{ position: relative; padding: 1.125rem 1.125rem 0.875rem; color: #fff; background: linear-gradient(160deg, #0b1b16 0%, #0f2a22 60%, #0d3b2e 100%); min-height: 8.75rem; display: flex; flex-direction: column; justify-content: flex-end; isolation: isolate; }
.dng-card__scene{ position: absolute; inset: 0; background: var(--scene) center / cover no-repeat; opacity: .85; z-index: -1; transition: opacity .3s, transform .5s; }
.dng-card__top::after{ content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(180deg, rgba(5, 15, 12, .05), rgba(5, 15, 12, .72) 78%); }
.dng-card:hover .dng-card__scene{ opacity: 1; transform: scale(1.04); }
.dng-card__tags{ position: absolute; top: 0.75rem; left: 0.875rem; right: 0.875rem; display: flex; flex-wrap: wrap; gap: 0.375rem; }
.dng-card__tier, .dng-card__pop, .dng-card__match{ display: inline-flex; align-items: center; gap: 0.25rem; font-size: 0.6562rem; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; padding: 0.2rem 0.5rem; border-radius: 0.375rem; backdrop-filter: blur(4px); }
.dng-card__tier{ background: rgba(255, 255, 255, .14); color: #e9f7f1; border: 1px solid rgba(255, 255, 255, .18); }
.dng-card__pop{ background: rgba(245, 158, 11, .9); color: #1a1200; }
.dng-card__match{ display: none; background: #10b981; color: #04110c; margin-left: auto; }
.dng-card.is-match .dng-card__match{ display: inline-flex; }
.dng-card__name{ font-weight: 700; font-size: 0.875rem; color: #bcd3ca; letter-spacing: .01em; display: flex; align-items: baseline; gap: 0.5rem; flex-wrap: wrap; }
.dng-card__name b{ font-size: 2.375rem; line-height: 1; font-weight: 900; color: #fff; letter-spacing: -.03em; text-shadow: 0 0.25rem 1.25rem rgba(0, 0, 0, .5); }
.dng-card__name b small{ font-size: 0.9375rem; font-weight: 800; margin-left: 0.125rem; color: #34d399; letter-spacing: 0; }
.dng-card__cap{ display: inline-flex; align-items: center; gap: 0.3125rem; margin-top: 0.375rem; font-size: 0.75rem; font-weight: 700; color: #d6ebe3; }
.dng-card__cap svg{ width: 0.875rem; height: 0.875rem; color: #34d399; }
.dng-card__specs{ list-style: none; margin: 0; padding: 0.875rem 1.125rem 0.5rem; display: grid; gap: 0.5rem; }
.dng-card__specs li{ display: flex; align-items: center; gap: 0.625rem; }
.dng-card__specs i{ width: 2rem; height: 2rem; flex: 0 0 2rem; border-radius: 0.625rem; display: grid; place-items: center; background: rgba(var(--c-rgb), .1); color: var(--c); }
.dng-card__specs i svg{ width: 1rem; height: 1rem; }
.dng-card__specs span{ display: flex; flex-direction: column; line-height: 1.2; }
.dng-card__specs b{ font-size: 0.9375rem; font-weight: 800; }
.dng-card__specs small{ font-size: 0.7188rem; color: var(--dnx-muted); }
.dng-card__feats{ list-style: none; margin: 0; padding: 0.375rem 1.125rem 0.875rem; display: grid; gap: 0.3125rem; border-top: 1px dashed var(--dnx-line); margin-top: 0.375rem; padding-top: 0.75rem; }
.dng-card__feats li{ display: flex; align-items: center; gap: 0.4375rem; font-size: 0.7812rem; color: var(--dnx-muted); font-weight: 600; }
.dng-card__feats svg{ width: 0.8125rem; height: 0.8125rem; color: #10b981; flex: 0 0 auto; }
.dng-card__buy{ margin-top: auto; padding: 0.75rem 1.125rem 1.125rem; }
.dng-card__price{ display: flex; flex-direction: column; margin-bottom: 0.75rem; }
.dng-card__price .amt-wrap{ font-size: 1.625rem; font-weight: 900; letter-spacing: -.02em; white-space: nowrap; }
.dng-card__price .amt-wrap small{ font-size: 0.8125rem; color: var(--dnx-muted); font-weight: 600; margin-left: 2px; }
.dng-card__btn{ display: inline-flex; align-items: center; justify-content: center; gap: 0.5rem; width: 100%; padding: 0.75rem 1rem; border-radius: 0.75rem; font-weight: 800; font-size: 0.9062rem; color: #fff !important; background: linear-gradient(135deg, #10b981, var(--dn-g,#047857)); box-shadow: 0 0.5rem 1.25rem -0.5rem rgba(16, 185, 129, .8); transition: transform .15s, box-shadow .15s, filter .15s; }
.dng-card__btn svg{ width: 1rem; height: 1rem; transition: transform .2s; }
.dng-card__btn:hover{ filter: brightness(1.06); transform: translateY(-1px); box-shadow: 0 0.75rem 1.5rem -0.5rem rgba(16, 185, 129, .9); }
.dng-card__btn:hover svg{ transform: translateX(3px); }
.dng-card.tier-3 .dng-card__top{ background: linear-gradient(160deg, #1a1030 0%, #241a4a 55%, #3b1f6b 100%); }
.dng-card.tier-2 .dng-card__top{ background: linear-gradient(160deg, #0b1626 0%, #0f2744 60%, #113a66 100%); }
.dng-card.is-popular{ border-color: rgba(245, 158, 11, .55); }
.dng-card.is-match{ border-color: #10b981; box-shadow: 0 0 0 0.1875rem rgba(16, 185, 129, .18), 0 1.25rem 2.5rem -1.25rem rgba(16, 185, 129, .55); animation: dngMatch 2.4s ease-in-out infinite; }
@keyframes dngMatch{ 50% { box-shadow: 0 0 0 0.375rem rgba(16, 185, 129, .08), 0 1.25rem 2.5rem -1.25rem rgba(16, 185, 129, .35); } }
@media (max-width: 1199px){
.dng-cards{ grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 991px){
.dng-cards{ grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.75rem; }
.dng-card__name b{ font-size: 2rem; }
}
@media (max-width: 575px){
.dng-cards{ grid-template-columns: 1fr; }
.dng-card__top{ min-height: 7.5rem; }
}
/* Makale v2: metin + yapışkan özet kartı */
.dng-article--v2{ display: grid; grid-template-columns: minmax(0, 1fr) 20rem; gap: 3rem; align-items: start; }
.dng-article--v2 .dng-article__main{ display: flex; flex-direction: column; }
.dng-article--v2 .dng-article__row{ display: block; padding: 1.75rem 0; }
.dng-article--v2 .dng-article__row .dng-article__h{ margin-bottom: 0.75rem; position: relative; padding-left: 1rem; }
.dng-article--v2 .dng-article__row .dng-article__h::before{ content: ""; position: absolute; left: 0; top: 0.3em; bottom: 0.3em; width: 0.25rem; border-radius: 0.25rem; background: linear-gradient(180deg, #34d399, var(--dn-g,#047857)); }
.dng-article--v2 .lvl-h2 .dng-article__h{ font-size: clamp(1.375rem, 2.2vw, 1.75rem); }
.dng-article--v2 .lvl-h3 .dng-article__h{ font-size: clamp(1.1875rem, 1.8vw, 1.4375rem); }
.dng-article--v2 .lvl-h4 .dng-article__h, .dng-article--v2 .lvl-h5 .dng-article__h{ font-size: 1.0625rem; }
.dng-article--v2 .dng-article__row p{ padding-left: 1rem; }
.dng-article__side{ position: sticky; top: 6.875rem; }
.dng-article__card{ background: var(--dnx-surface); border: 1px solid var(--dnx-line); border-radius: 1.25rem; padding: 1.25rem; box-shadow: 0 1.25rem 2.5rem -1.5rem rgba(0, 0, 0, .25); }
.dng-article__fig{ position: relative; border-radius: 1rem; overflow: hidden; background: radial-gradient(circle at 50% 70%, rgba(16, 185, 129, .35), transparent 65%), linear-gradient(160deg, #0b1b16, #0f2a22); aspect-ratio: 1 / .9; display: grid; place-items: center; margin-bottom: 1rem; }
.dng-article__fig img{ width: 100%; height: 100%; object-fit: cover; }
.dng-article__fig.is-mascot img{ width: 78%; height: 88%; object-fit: contain; filter: drop-shadow(0 1rem 1.5rem rgba(0, 0, 0, .55)); }
.dng-article__facts{ margin: 0; display: grid; gap: 0.5rem; }
.dng-article__facts div{ display: flex; justify-content: space-between; gap: 0.75rem; padding: 0.5rem 0; border-bottom: 1px dashed var(--dnx-line); }
.dng-article__facts dt{ font-size: 0.75rem; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; color: var(--dnx-muted); flex: 0 0 auto; }
.dng-article__facts dd{ margin: 0; font-size: 0.8438rem; font-weight: 700; text-align: right; }
.dng-article__facts dd small{ font-weight: 600; color: var(--dnx-muted); }
.dng-article__btn{ margin-top: 1rem; }
@media (max-width: 991px){
.dng-article--v2{ grid-template-columns: 1fr; gap: 1.5rem; }
.dng-article__side{ position: static; }
.dng-article__fig{ aspect-ratio: 16 / 7; }
.dng-article__fig.is-mascot img{ height: 92%; }
}
/* Koyu bölüm içindeki açık kartlar: metin rengini açıkça ver */
.dng-card, .dng-article__card{ color: #0d1f3c; }
html[data-theme="dark"] .dng-card, html[data-theme="dark"] .dng-article__card{ color: #e6edf3; background: #111a24; border-color: #1f2c38; }
.dng-card__specs b, .dng-card__price .amt-wrap, .dng-article__facts dd{ color: inherit; }
.dng-card__specs li.is-cpu b{ color: var(--c); }
/* ── v17: fiyat rengi, mod seçeneği, bot (kod temalı) sihirbaz ve kod görseli ── */
.dng-wiz .dng-finder__price span, .dng-wiz .dng-finder__price strong{ color: var(--dn-g,#047857); }
html[data-theme="dark"] .dng-wiz .dng-finder__price span, html[data-theme="dark"] .dng-wiz .dng-finder__price strong{ color: #34d399; }
.dng-wiz__note.is-static{ display: flex; }
.dng-wiz__mod{ display: flex; align-items: center; gap: 0.5rem; margin-top: 0.5rem; font-size: 0.8125rem; font-weight: 700; cursor: pointer; user-select: none; }
.dng-wiz__mod input{ position: absolute; opacity: 0; width: 0; height: 0; }
.dng-wiz__mod span{ width: 2.125rem; height: 1.25rem; border-radius: 1rem; background: var(--dnx-line); position: relative; transition: background .2s; flex: 0 0 auto; }
.dng-wiz__mod span::after{ content: ""; position: absolute; top: 0.125rem; left: 0.125rem; width: 1rem; height: 1rem; border-radius: 50%; background: #fff; box-shadow: 0 1px 3px rgba(0, 0, 0, .3); transition: transform .2s; }
.dng-wiz__mod input:checked + span{ background: #10b981; }
.dng-wiz__mod input:checked + span::after{ transform: translateX(0.875rem); }
.dng-wiz__mod input:focus-visible + span{ outline: 2px solid #10b981; outline-offset: 2px; }
/* Bot sihirbazı: kod editörü görünümü */
.dng-wiz--code{ background: #0b1220; color: #e6edf3; border: 1px solid #1e293b; padding-top: 0; overflow: hidden; }
.dng-wiz--code::before{ background: linear-gradient(135deg, rgba(96, 165, 250, .9), rgba(96, 165, 250, 0) 40%, rgba(52, 211, 153, 0) 60%, rgba(52, 211, 153, .8)); }
.dng-wiz__bar{ display: flex; align-items: center; gap: 0.375rem; margin: 0 -1.375rem 1rem; padding: 0.625rem 1rem; background: #0f172a; border-bottom: 1px solid #1e293b; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 0.75rem; color: #94a3b8; }
.dng-wiz__bar i{ width: 0.625rem; height: 0.625rem; border-radius: 50%; background: #334155; }
.dng-wiz__bar i:nth-child(1){ background: #f87171; }
.dng-wiz__bar i:nth-child(2){ background: #fbbf24; }
.dng-wiz__bar i:nth-child(3){ background: #34d399; }
.dng-wiz__bar code{ margin-left: 0.5rem; color: #cbd5e1; }
.dng-wiz__cursor{ margin-left: auto; color: #34d399; }
.dng-wiz__cursor::before{ content: "● "; animation: dngBlink 1.2s steps(2) infinite; }
@keyframes dngBlink{ 50% { opacity: .3; } }
.dng-wiz--code .dng-wiz__top{ border-bottom-color: #1e293b; }
.dng-wiz--code .dng-wiz__top small, .dng-wiz--code .dng-aim small, .dng-wiz--code .dng-finder__spec, .dng-wiz--code .dng-finder__price small, .dng-wiz--code .dng-finder__all{ color: #94a3b8 !important; }
.dng-wiz--code .dng-wiz__label b{ background: #2563eb; }
.dng-wiz--code .dng-aim, .dng-wiz--code .dng-fcpu{ border-color: #1e293b; background: #0f172a; }
.dng-wiz--code .dng-aim:hover, .dng-wiz--code .dng-fcpu:hover{ border-color: #60a5fa; }
.dng-wiz--code .dng-aim.is-active{ border-color: #34d399; background: rgba(52, 211, 153, .1); box-shadow: inset 0.1875rem 0 0 #34d399; }
.dng-wiz--code .dng-fcpu.is-active{ border-color: #34d399; background: rgba(52, 211, 153, .12); color: #34d399; }
.dng-wiz__langs{ grid-template-columns: 1fr 1fr; }
.dng-lang code{ flex: 0 0 auto; min-width: 2.25rem; height: 1.75rem; padding: 0 0.375rem; border-radius: 0.5rem; display: grid; place-items: center; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 0.6875rem; font-weight: 800; color: #93c5fd; background: rgba(96, 165, 250, .12); border: 1px solid rgba(96, 165, 250, .25); }
.dng-lang.is-active code{ color: #34d399; background: rgba(52, 211, 153, .12); border-color: rgba(52, 211, 153, .3); }
.dng-wiz--code .dng-wiz__result{ background: linear-gradient(160deg, #0f172a, rgba(52, 211, 153, .08)); border-color: rgba(52, 211, 153, .25); }
.dng-wiz--code .dng-finder__price span, .dng-wiz--code .dng-finder__price strong{ color: #34d399; }
.dng-wiz--code input[type="range"]{ background: linear-gradient(90deg, #34d399 var(--p), #1e293b var(--p)); }
/* Kod görseli (maskot yerine) */
.dng-code{ position: absolute; display: none; right: 23rem; top: 2rem; width: 17rem; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 0.6875rem; line-height: 1.6; border-radius: 0.875rem; background: rgba(8, 13, 24, .92); border: 1px solid rgba(96, 165, 250, .25); box-shadow: 0 1.5rem 3rem -1.25rem rgba(0, 0, 0, .8), 0 0 2.5rem -0.75rem rgba(52, 211, 153, .35); pointer-events: none; animation: dngFloat 6s ease-in-out infinite; z-index: 0; }
@media (min-width: 1200px){
.dng-code{ display: block; }
}
.dng-code__bar{ display: flex; align-items: center; gap: 0.375rem; padding: 0.5rem 0.75rem; border-bottom: 1px solid rgba(255, 255, 255, .08); color: #94a3b8; }
.dng-code__bar i{ width: 0.5rem; height: 0.5rem; border-radius: 50%; background: #334155; }
.dng-code__bar i:nth-child(1){ background: #f87171; }
.dng-code__bar i:nth-child(2){ background: #fbbf24; }
.dng-code__bar i:nth-child(3){ background: #34d399; }
.dng-code__bar span{ margin-left: 0.25rem; }
.dng-code__body{ margin: 0; padding: 0.75rem 0.875rem; color: #cbd5e1; white-space: pre; overflow: hidden; counter-reset: ln; }
.dng-code__body .l{ display: block; opacity: 0; animation: dngType .4s ease-out forwards; }
.dng-code__body .l::before{ counter-increment: ln; content: counter(ln); display: inline-block; width: 1.25rem; margin-right: 0.5rem; color: #475569; text-align: right; }
.dng-code__body .l:nth-child(1){ animation-delay: .2s; }
.dng-code__body .l:nth-child(2){ animation-delay: .6s; }
.dng-code__body .l:nth-child(3){ animation-delay: 1s; }
.dng-code__body .l:nth-child(4){ animation-delay: 1.4s; }
.dng-code__body .l:nth-child(5){ animation-delay: 1.8s; }
.dng-code__body .l:nth-child(6){ animation-delay: 2.6s; }
@keyframes dngType{ from { opacity: 0; transform: translateX(-0.375rem); } to { opacity: 1; transform: none; } }
.dng-code__body em{ font-style: normal; color: #c084fc; }
.dng-code__body b{ font-weight: 600; color: #93c5fd; }
.dng-code__body i{ font-style: normal; color: #fcd34d; }
.dng-code__out{ margin-top: 0.375rem; padding-top: 0.375rem; border-top: 1px dashed rgba(255, 255, 255, .1); color: #94a3b8; }
.dng-code__out::before{ content: "$" !important; color: #34d399 !important; }
.dng-code__out u{ text-decoration: none; color: #34d399; font-weight: 700; }
@media (prefers-reduced-motion: reduce){
.dng-code, .dng-wiz__cursor::before{ animation: none; }
.dng-code__body .l{ animation: none; opacity: 1; }
}
/* ── v18: paket bilgi ipucu (?), RAM etiketi, gizli işlemci sekmeleri ── */
.dng-tip{ position: relative; display: inline-flex; vertical-align: middle; margin-left: .25rem; }
.dng-tip__btn{ width: 1.25rem; height: 1.25rem; border-radius: 50%; border: 1px solid var(--dnx-line); background: var(--dnx-surface); color: var(--dn-g,#047857); font-size: .75rem; font-weight: 800; line-height: 1; cursor: help; display: inline-grid; place-items: center; padding: 0; transition: background .15s, color .15s; }
.dng-tip__btn:hover, .dng-tip__btn:focus-visible{ background: var(--dn-g,#047857); color: #fff; border-color: var(--dn-g,#047857); outline: none; }
.dng-tip__box{ position: absolute; right: -0.25rem; bottom: calc(100% + .5rem); transform: translateY(.25rem); width: 17rem; max-width: 80vw; padding: .625rem .75rem; border-radius: .625rem; background: #0d1f3c; color: #fff; font-size: .8125rem; line-height: 1.45; text-align: left; font-weight: 500; box-shadow: 0 .75rem 1.75rem -.75rem rgba(13, 31, 60, .6); opacity: 0; visibility: hidden; transition: opacity .15s, transform .15s, visibility .15s; z-index: 5; pointer-events: none; }
.dng-tip__box::after{ content: ""; position: absolute; right: .5rem; top: 100%; border: .375rem solid transparent; border-top-color: #0d1f3c; }
.dng-tip:hover .dng-tip__box, .dng-tip:focus-within .dng-tip__box{ opacity: 1; visibility: visible; transform: translateY(0); }
.dng-card__mod{ align-self: flex-start; display: inline-flex; align-items: center; gap: .3rem; margin-top: .5rem; padding: .25rem .625rem; border-radius: 62rem; background: rgba(255, 255, 255, .94); color: #047857; font-size: .6875rem; font-weight: 800; letter-spacing: .02em; box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .25); }
.dng-card__mod svg{ width: .75rem; height: .75rem; }
.dng-tab[hidden], .dng-fcpu[hidden]{ display: none !important; }
.dng-card.is-popular .dng-card__tier{ display: none; }