/* ── ÖLÇEK: %100 (önceki %10 küçültme 2026-11-08 gece kaldırıldı). Ölçüler rem, kök 16px; container 82.5rem = 1320px. ── */
@media (min-width: 992px){
.container{ max-width: 60rem; }
}
@media (min-width: 1200px){
.container{ max-width: 71.25rem; }
}
@media (min-width: 1400px){
.container{ max-width: 82.5rem; }
}
/* ════════════════════════════════════════════════════════════════════
 * DEHOST ARAYÜZ EKLERİ (dn-ui.css)
 *  1. Tema değişkenleri
 *  2. Yeni üst menü (mega menü)
 *  3. Yukarı çık butonu + tema düğmesi
 *  4. 404 sayfası
 *  5. Ortak bileşenler (araçlar, oyun şablonu bunları kullanır)
 * ════════════════════════════════════════════════════════════════════ */
/* 1. TEMA DEĞİŞKENLERİ ------------------------------------------------ */
:root{
    --dn-g: #047857; /* marka yeşili: açık temada koyu ton (beyaz üstünde 5,5:1), koyu temada #059669 */
    --dn-g-d: #065f46;
    --dnx-bar-from: #053b2d;
    --dnx-bar-via: #065f46;
    --dnx-bar-to: var(--dn-g,#047857);
    --dnx-surface: #ffffff;
    --dnx-surface-2: #f6f8f7;
    --dnx-text: #0d1f3c;
    --dnx-muted: #5d6b80;
    --dnx-line: #e7ecea;
    --dnx-accent: var(--dn-g,#047857);
    --dnx-accent-2: #10b981;
    --dnx-shadow: 0 1.5rem 3.75rem -1.125rem rgba(6, 40, 30, .35);
    --dnx-radius: 1.125rem;
}
html[data-theme="dark"]{
    --dn-g: #059669;
    --dn-g-d: #047857;
    --dnx-surface: #111a24;
    --dnx-surface-2: #0c141c;
    --dnx-text: #e6edf3;
    --dnx-muted: #94a3b8;
    --dnx-line: #1f2c38;
    --dnx-shadow: 0 1.5rem 3.75rem -1.125rem rgba(0, 0, 0, .7);
    color-scheme: dark;
}
.dn-ico{ width: 1em; height: 1em; display: inline-block; vertical-align: -0.125em; flex: 0 0 auto; }
/* 2. ÜST MENÜ --------------------------------------------------------- */
.dn-header{ background: transparent !important; }
.dnx-menu{
    display: flex;
    align-items: stretch;
    justify-content: center;
    gap: 2px;
    list-style: none;
    margin: 0 auto;
    padding: 0;
    flex: 1 1 auto;
}
.dnx-menu__li{
    position: static;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    padding-top: 2px;
}
.dnx-menu__li.is-small{ position: relative; }
.dnx-menu__link{
    display: inline-flex;
    align-items: center;
    gap: 0.3125rem;
    padding: 0.4375rem 0.75rem;
    border: 0;
    border-radius: 0.625rem;
    background: transparent;
    color: #fff !important;
    font: inherit;
    font-size: 0.9375rem;
    font-weight: 700;
    white-space: nowrap;
    cursor: pointer;
    transition: background .2s;
}
.dnx-menu__link:hover,
.dnx-menu__li.is-open > .dnx-menu__link,
.dnx-menu__li.is-current > .dnx-menu__link{ background: rgba(255, 255, 255, .14); }
.dnx-menu__link:focus-visible{ outline: 2px solid #a7f3d0; outline-offset: 2px; }
.dnx-chev{ font-size: 0.875rem; opacity: .8; transition: transform .2s; }
.dnx-menu__li.is-open .dnx-chev{ transform: rotate(180deg); }
/* panel */
.dnx-panel{
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    top: calc(100% + 0.75rem);
    z-index: 1060;
    grid-template-columns: minmax(0, 1fr) 18.125rem;
    background: var(--dnx-surface);
    color: var(--dnx-text);
    border-radius: var(--dnx-radius);
    box-shadow: var(--dnx-shadow);
    overflow: hidden;
    border: 1px solid var(--dnx-line);
    text-align: left;
    animation: dnxIn .18s ease-out;
}
.dnx-panel.no-promo{ grid-template-columns: 1fr; }
.dnx-menu__li.is-small .dnx-panel{ left: 50%; right: auto; width: 40rem; transform: translateX(-50%); }
.dnx-menu__li.is-open > .dnx-panel{ display: grid; }
/* panel ile menü arasındaki boşlukta fare kaçmasın */
.dnx-menu__li.is-open::before{
    content: "";
    position: absolute;
    left: 0; right: 0;
    top: 100%;
    height: 0.875rem;
}
.dnx-menu__li.has-panel{ position: static; }
.dnx-menu__li.is-small.has-panel{ position: relative; }
/* ok işareti */
.dnx-menu__li.is-open > .dnx-menu__link{ position: relative; }
.dnx-menu__li.is-open > .dnx-menu__link::after{
    content: "";
    position: absolute;
    left: 50%;
    bottom: -1.3125rem;
    width: 1rem; height: 1rem;
    background: var(--dnx-surface);
    border-left: 1px solid var(--dnx-line);
    border-top: 1px solid var(--dnx-line);
    transform: translateX(-50%) rotate(45deg);
    z-index: 1061;
}
@keyframes dnxIn{ from { opacity: 0; transform: translateY(0.375rem); } to { opacity: 1; transform: none; } }
.dnx-menu__li.is-small.is-open > .dnx-panel{ animation: dnxInSmall .18s ease-out; }
@keyframes dnxInSmall{ from { opacity: 0; transform: translate(-50%, 0.375rem); } to { opacity: 1; transform: translateX(-50%); } }
.dnx-panel__main{ padding: 1.125rem 1.375rem 0.625rem; max-height: calc(100vh - 10.625rem); overflow: auto; }
.dnx-panel__main{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 1.5rem; align-content: start; }
.dnx-sec{ grid-column: 1 / -1; min-width: 0; }
.dnx-sec.is-half{ grid-column: auto; }
.dnx-sec + .dnx-sec{ border-top: 1px solid var(--dnx-line); margin-top: 0.375rem; padding-top: 0.75rem; }
.dnx-sec__head{ display: flex; align-items: center; gap: 0.75rem; margin-bottom: 0.375rem; }
.dnx-sec__title{ font-size: 0.7188rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; color: var(--dnx-accent); }
.dnx-sec__lead{ margin-left: auto; font-size: 0.8125rem; color: var(--dnx-muted); }
.dnx-sec__more{
    margin-left: auto;
    display: inline-flex; align-items: center; gap: 0.375rem;
    font-size: 0.75rem; font-weight: 700;
    padding: 0.3125rem 0.75rem; border-radius: 62.4375rem;
    color: var(--dnx-accent) !important;
    background: color-mix(in srgb, var(--dnx-accent) 10%, transparent);
}
.dnx-sec__lead + .dnx-sec__more{ margin-left: 0.75rem; }
.dnx-grid{ display: grid; gap: 2px 0.5rem; }
.dnx-grid--2{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
.dnx-grid--4{ grid-template-columns: repeat(4, minmax(0, 1fr)); }
.dnx-item{
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    padding: 0.625rem;
    border-radius: 0.75rem;
    color: var(--dnx-text) !important;
    transition: background .15s, transform .15s;
}
.dnx-item:hover{ background: var(--dnx-surface-2); }
.dnx-item:hover .dnx-item__title{ color: var(--dnx-accent); }
.dnx-item__icon{
    flex: 0 0 2.5rem;
    width: 2.5rem; height: 2.5rem;
    display: grid; place-items: center;
    border-radius: 0.6875rem;
    font-size: 1.25rem;
    color: var(--dnx-accent);
    background: color-mix(in srgb, var(--dnx-accent) 10%, var(--dnx-surface));
    border: 1px solid color-mix(in srgb, var(--dnx-accent) 14%, transparent);
}
.dnx-item__icon--img{ background: var(--dnx-surface-2); overflow: hidden; padding: 0; }
.dnx-item__icon--img img{ width: 100%; height: 100%; object-fit: cover; max-height: none; }
.dnx-item__body{ display: flex; flex-direction: column; min-width: 0; }
.dnx-item__title{ font-size: 0.9062rem; font-weight: 700; line-height: 1.3; transition: color .15s; }
.dnx-item__desc{ font-size: 0.7812rem; color: var(--dnx-muted); line-height: 1.35; margin-top: 2px; white-space: normal; overflow-wrap: anywhere; }
.dnx-item__price{ font-size: 0.75rem; font-weight: 700; color: var(--dnx-accent); margin-top: 0.1875rem; }
.dnx-badge{
    align-self: flex-start;
    display: inline-block;
    margin-top: 0.25rem;
    padding: 0.1875rem 0.5rem;
    border-radius: 0.375rem;
    font-size: 0.625rem;
    font-weight: 800;
    letter-spacing: .06em;
    line-height: 1.1;
    color: #fff;
    background: #10b981;
}
.dnx-badge--green{ background: #10b981; }
.dnx-badge--orange{ background: #f59e0b; color: #1f1300; }
.dnx-badge--purple{ background: #7c3aed; }
.dnx-badge--red{ background: #ef4444; }
.dnx-badge--blue{ background: #2563eb; }
/* sağ kampanya paneli */
.dnx-promo{
    position: relative;
    display: flex;
    flex-direction: column;
    padding: 1.5rem 1.375rem;
    color: #fff;
    background:
        radial-gradient(16.25rem 12.5rem at 100% 0%, rgba(110, 231, 183, .35), transparent 70%),
        radial-gradient(15rem 13.75rem at 0% 100%, rgba(5, 150, 105, .55), transparent 70%),
        linear-gradient(160deg, #047857 0%, #065f46 55%, #053b2d 100%);
}
.dnx-promo__icon{
    width: 2.75rem; height: 2.75rem;
    display: grid; place-items: center;
    border-radius: 0.75rem;
    background: rgba(255, 255, 255, .14);
    font-size: 1.375rem;
    margin-bottom: 0.875rem;
}
.dnx-promo__title{ font-size: 1.1875rem; font-weight: 800; line-height: 1.25; }
.dnx-promo__text{ font-size: 0.8438rem; line-height: 1.5; color: rgba(255, 255, 255, .82); margin: 0.5rem 0 0.75rem; }
.dnx-promo__list{ list-style: none; padding: 0; margin: 0 0 0.875rem; display: grid; gap: 0.5rem; }
.dnx-promo__list li{ display: flex; align-items: center; gap: 0.5rem; font-size: 0.8438rem; color: rgba(255, 255, 255, .92); }
.dnx-promo__list .dn-ico{ color: #6ee7b7; }
.dnx-promo__cta{
    display: flex; align-items: center; justify-content: center; gap: 0.5rem;
    padding: 0.6875rem 0.875rem;
    border-radius: 0.75rem;
    background: #fff;
    color: #065f46 !important;
    font-weight: 800;
    font-size: 0.875rem;
    box-shadow: 0 0.5rem 1.25rem -0.5rem rgba(0, 0, 0, .4);
    transition: transform .15s;
}
.dnx-promo__cta:hover{ transform: translateY(-1px); }
.dnx-promo__link{ display: block; text-align: center; margin-top: 0.625rem; font-size: 0.8125rem; font-weight: 700; color: #d1fae5 !important; }
/* sağ aksiyonlar */
@media (max-width: 1299px){
.dnx-menu__link{ padding: 0.4375rem 0.5625rem; font-size: 0.9062rem; }
.dnx-grid--4{ grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
/* eski menü kuralları yeni çubuğu gizlemesin */
/* mobil menü ikonları (satır içi SVG) */
.dnx-mm-ico{ display: inline-grid; place-items: center; font-size: 1.125rem; }
.dnx-mm-chev{ margin-left: auto; font-size: 1rem; transition: transform .2s; }
.dn-mm-item--has-sub.is-open .dnx-mm-chev{ transform: rotate(180deg); }
.dn-mm-sub .dnx-badge{ margin: 0 0 0 0.375rem; vertical-align: middle; }
/* 3. YUKARI ÇIK + TEMA DÜĞMESİ --------------------------------------- */
.dn-theme-toggle .dn-theme-toggle__sun{ display: none; }
html[data-theme="dark"] .dn-theme-toggle .dn-theme-toggle__sun{ display: inline; }
html[data-theme="dark"] .dn-theme-toggle .dn-theme-toggle__moon{ display: none; }
.dn-theme-toggle span{ display: inline-grid; place-items: center; }
.dn-to-top{
    position: fixed;
    right: 1.375rem;
    bottom: 6rem;
    z-index: 1040;
    width: 3rem; height: 3rem;
    display: grid; place-items: center;
    border: 0;
    border-radius: 0.875rem;
    color: #fff;
    font-size: 1.375rem;
    background: linear-gradient(140deg, #10b981, #047857);
    box-shadow: 0 0.75rem 1.625rem -0.625rem rgba(4, 120, 87, .7);
    cursor: pointer;
    opacity: 0;
    visibility: hidden;
    transform: translateY(0.75rem);
    transition: opacity .25s, transform .25s, visibility .25s;
}
.dn-to-top.is-visible{ opacity: 1; visibility: visible; transform: none; }
.dn-to-top:hover{ transform: translateY(-2px); }
.dn-to-top svg.dn-to-top__ring{ position: absolute; inset: 0; width: 100%; height: 100%; transform: rotate(-90deg); }
.dn-to-top__ring circle{ fill: none; stroke: rgba(255, 255, 255, .35); stroke-width: 2.5; }
.dn-to-top__ring .dn-to-top__bar{ stroke: #fff; stroke-linecap: round; transition: stroke-dashoffset .1s linear; }
@media (max-width: 576px){
.dn-to-top{ right: 0.875rem; bottom: 5.25rem; width: 2.75rem; height: 2.75rem; }
}
/* 4. 404 ------------------------------------------------------------- */
.dn-404{ padding: 3.75rem 0 5.625rem; }
.dn-404__card{
    max-width: 55rem; margin: 0 auto; text-align: center;
    padding: 3rem 2rem; border-radius: 1.625rem;
    background: var(--dnx-surface); border: 1px solid var(--dnx-line);
    box-shadow: 0 1.875rem 4.375rem -2.5rem rgba(6, 40, 30, .35);
}
.dn-404__code{
    font-size: clamp(5.25rem, 14vw, 9.375rem); font-weight: 900; line-height: 1;
    background: linear-gradient(120deg, #065f46, #10b981); -webkit-background-clip: text; background-clip: text; color: transparent;
}
.dn-404__title{ font-size: clamp(1.5rem, 3.4vw, 2.125rem); font-weight: 800; color: var(--dnx-text); margin: 0.625rem 0 0.75rem; }
.dn-404__text{ color: var(--dnx-muted); max-width: 35rem; margin: 0 auto 1.5rem; }
.dn-404__actions{ display: flex; gap: 0.625rem; justify-content: center; flex-wrap: wrap; margin-bottom: 2rem; }
.dn-404__grid{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 0.75rem; text-align: left; }
.dn-404__link{ display: block; padding: 1rem; border-radius: 0.875rem; border: 1px solid var(--dnx-line); background: var(--dnx-surface-2); color: var(--dnx-text) !important; transition: border-color .2s, transform .2s; }
.dn-404__link:hover{ border-color: var(--dnx-accent); transform: translateY(-2px); }
.dn-404__link strong{ display: block; font-size: 0.9375rem; }
.dn-404__link span{ font-size: 0.8125rem; color: var(--dnx-muted); }
@media (max-width: 767px){
.dn-404__grid{ grid-template-columns: 1fr 1fr; }
}
@media (max-width: 480px){
.dn-404__grid{ grid-template-columns: 1fr; }
}
/* 5. ORTAK BİLEŞENLER ------------------------------------------------ */
.dn-btn{
    display: inline-flex; align-items: center; justify-content: center; gap: 0.5rem;
    padding: 0.8125rem 1.375rem; border-radius: 0.75rem; border: 1px solid transparent;
    font-weight: 800; font-size: 0.9375rem; cursor: pointer; transition: transform .15s, background .2s, border-color .2s;
}
.dn-btn--primary{ background: linear-gradient(135deg, #10b981, #047857); color: #fff !important; box-shadow: 0 0.625rem 1.5rem -0.75rem rgba(4, 120, 87, .8); }
.dn-btn--primary:hover{ transform: translateY(-1px); }
.dn-btn--ghost{ background: transparent; border-color: var(--dnx-line); color: var(--dnx-text) !important; }
.dn-btn--ghost:hover{ border-color: var(--dnx-accent); color: var(--dnx-accent) !important; }
.dn-btn[disabled]{ opacity: .6; cursor: progress; }
.dn-mm-link .dn-mm-link__icon.dnx-mm-ico{ width: 2.25rem; height: 2.25rem; flex: 0 0 2.25rem; min-width: 0; }
.dn-mm-link .dnx-mm-chev{ width: auto; height: auto; background: none; }
/* 6. SAYFA YOLU (breadcrumb) VE SSS ---------------------------------- */
.dnt-crumb{ display: flex; flex-wrap: wrap; gap: 0.5rem; font-size: 0.8125rem; color: var(--dnx-muted); margin-bottom: 1.125rem; }
.dnt-crumb a{ color: var(--dnx-muted) !important; }
.dnt-crumb a:hover{ color: var(--dnx-accent) !important; }
/* Kendi sayfa yolu olmayan sayfalarda yol, hero'nun içinde en üstte (inc/seo.php → dn_seo_crumb_bar). Ayrı şerit yok. */
.dn-crumbin{ position: relative; z-index: 3; }
.dn-crumbin .dnt-crumb{ font-size: 0.9375rem; margin: 0 0 1.25rem; }
.dn-crumbin .dnt-crumb span:last-child{ color: var(--dnx-text); font-weight: 700; }
.dnt-faq .accordion-item{ border-radius: 0.875rem !important; overflow: hidden; margin-bottom: 0.625rem; border: 1px solid var(--dnx-line); background: var(--dnx-surface); }
.dnt-faq .accordion-button{ font-weight: 700; color: var(--dnx-text); background: var(--dnx-surface); box-shadow: none !important; }
.dnt-faq .accordion-button:not(.collapsed){ color: var(--dnx-accent); }
.dnt-faq .accordion-body{ color: var(--dnx-muted); background: var(--dnx-surface); }
/* ── 8. KLASİK HEADER: eski üst çubuk tasarımı + yeni menü içerikleri ── */
.dn-navbar.dnx-classic .dn-navbar-grid{ position: relative; }
.dn-navbar.dnx-classic .nav-list.dnx-menu{ flex: initial; margin: 0; gap: 0.25rem; align-items: center; }
.dn-navbar.dnx-classic .dn-navbar-grid{ gap: 1rem; }
.dn-navbar.dnx-classic .dnx-menu__link .menu-pill-badge{ pointer-events: none; }
.dn-navbar.dnx-classic .nav-list > li.dnx-menu__li{ display: block; padding: 0; }
.dn-navbar.dnx-classic .nav-list > li.dnx-menu__li.has-panel{ position: static; }
.dn-navbar.dnx-classic .nav-list > li.dnx-menu__li.is-small.has-panel{ position: relative; }
.dn-navbar.dnx-classic .nav-list > li.dnx-menu__li > .menu-pill-badge{ pointer-events: none; }
.dn-navbar.dnx-classic .nav-list .dnx-menu__link{
    background: transparent; border: 0; font-family: inherit;
    color: var(--dn-text) !important; font-size: 0.9375rem; font-weight: 600; padding: 0.75rem 0.5625rem; border-radius: 0.5rem;
}
.dn-navbar.dnx-classic .nav-list .dnx-menu__link:hover,
.dn-navbar.dnx-classic .nav-list .dnx-menu__li.is-open > .dnx-menu__link,
.dn-navbar.dnx-classic .nav-list .dnx-menu__li.is-current > .dnx-menu__link{ color: var(--dn-green) !important; background: transparent; }
.dn-navbar.dnx-classic .nav-list .dnx-menu__li.is-open > .dnx-menu__link::after,
.dn-navbar.dnx-classic .nav-list .dnx-menu__li.is-current > .dnx-menu__link::after{
    content: ""; position: absolute; left: 0.375rem; right: 0.375rem; bottom: 0.375rem; width: auto; height: 2px;
    background: linear-gradient(to right, var(--dn-green), var(--dn-green-dark)); border: 0; border-radius: 2px;
    transform: scaleX(1); z-index: auto;
}
.dn-navbar.dnx-classic .dnx-chev{ font-size: 0.75rem; opacity: 1; color: var(--dn-muted); }
.dn-navbar.dnx-classic .dnx-menu__li.is-open .dnx-chev{ color: var(--dn-green); }
.dn-navbar.dnx-classic .dnx-panel{ top: calc(100% - 2px); }
.dn-navbar.dnx-classic .dnx-menu__li.is-small .dnx-panel{ top: calc(100% + 1.0625rem); }
.dn-navbar.dnx-classic .dnx-menu__li.is-open::before{ top: 70%; height: 1.875rem; }
.dn-navbar.dnx-classic .btn-nav-login .dn-ico{ font-size: 1.0625rem; }
.dn-navbar.dnx-classic .btn-nav-cart{ cursor: pointer; padding: 0; }
.dn-navbar.dnx-classic .btn-nav-cart .dn-ico{ font-size: 1.1875rem; }
.dnx-mobile-tools{ display: none; }
@media (max-width: 1399px){
.dn-navbar.dnx-classic .btn-nav-login span{ display: none; }
.dn-navbar.dnx-classic .btn-nav-login{ padding: 0 0.8125rem; }
}
@media (max-width: 1199px){
.dn-navbar.dnx-classic .nav-list.dnx-menu{ gap: 0; }
.dn-navbar.dnx-classic .dn-navbar-grid{ gap: 0.625rem; grid-template-columns: 8.125rem 1fr auto; }
.dn-navbar.dnx-classic .dnx-home{ display: none !important; }
.dn-navbar.dnx-classic .nav-list .dnx-menu__link{ padding: 0.625rem 0.375rem; font-size: 0.875rem; }
.dn-navbar.dnx-classic .btn-nav-login span{ display: none; }
.dn-navbar.dnx-classic .btn-nav-login{ padding: 0 0.8125rem; }
}
@media (max-width: 991px){
.dnx-mobile-tools{ display: flex; align-items: center; gap: 0.5rem; }
.dn-navbar.dnx-classic .dn-navbar-grid{ grid-template-columns: 1fr auto; }
}
/* koyu mod: klasik çubuk */
html[data-theme="dark"] .dn-navbar.dnx-classic{ background-color: #0b1219 !important; background-image: radial-gradient(circle at 1px 1px, rgba(255, 255, 255, .05) 1px, transparent 1.5px) !important; border-bottom-color: #1f2c38 !important; }
html[data-theme="dark"] .dn-navbar.dnx-classic .nav-list .dnx-menu__link{ color: #e2e8f0 !important; }
html[data-theme="dark"] .dn-navbar.dnx-classic .nav-list .dnx-menu__link:hover,
html[data-theme="dark"] .dn-navbar.dnx-classic .nav-list .dnx-menu__li.is-open > .dnx-menu__link,
html[data-theme="dark"] .dn-navbar.dnx-classic .nav-list .dnx-menu__li.is-current > .dnx-menu__link{ color: #34d399 !important; }
html[data-theme="dark"] .dn-navbar.dnx-classic .btn-nav-cart,
html[data-theme="dark"] .dn-navbar.dnx-classic .mobile-menu-btn{ background-color: #111a22 !important; border-color: #1f2c38 !important; color: #e2e8f0 !important; }
html[data-theme="dark"] .dn-navbar.dnx-classic .mobile-menu-btn__bars span{ background: #e2e8f0 !important; }
html[data-theme="dark"] .dn-navbar.dnx-classic .logo img{ filter: brightness(0) invert(1); }
html[data-theme="dark"] .dn-navbar.dnx-classic .menu-pill-badge-red{ border-color: #0b1219 !important; }
/* Banka sayfası kopyala butonu (koyu mod) */
html[data-theme="dark"] .copy-button{ color: #cbd5e1 !important; }
.copy-button .dn-ico{ width: 1rem; height: 1rem; }
/* Sağdaki küçük menüler (Araçlar, Kurumsal) ekrandan taşmasın: sağa hizala */
.dnx-menu__li.is-small:last-child .dnx-panel{ left: auto; right: 0; transform: none; }
.dnx-menu__li.is-small:last-child.is-open > .dnx-panel{ animation: dnxInRight .18s ease-out; }
@keyframes dnxInRight{ from { opacity: 0; transform: translateY(0.375rem); } to { opacity: 1; transform: none; } }
@media (max-width: 1300px){
.dnx-menu__li.is-small:nth-last-child(2) .dnx-panel{ left: auto; right: -7.5rem; transform: none; }
.dnx-menu__li.is-small:nth-last-child(2).is-open > .dnx-panel{ animation: dnxInRight .18s ease-out; }
}
/* Banka sayfası: yalnızca Garanti BBVA IBAN'ı DeHost yeşili (İş Bankası kendi renginde kalır) */
/* Mobil iyileştirmeler (7 Kasım): menü çerez kutusunun üstünde, iletişim satırları parmakla basılır boyda */
.dn-mobile-menu, .dn-mobile-menu-overlay{ z-index: 10000; }
.dn-mobile-menu-overlay{ z-index: 9995; }
.dn-mobile-menu__contact-item{ min-height: 2.5rem; padding: 0.5rem 0; }
.dn-mobile-menu .dn-mm-sub a{ min-height: 2.5rem; display: flex; align-items: center; }
.dn-mm-sub__title{ list-style: none; margin: 0.625rem 0 2px; padding: 0 0 0 2px; font-size: 0.6875rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; color: var(--dn-g,#047857); }
.dn-mm-sub__title:first-child{ margin-top: 2px; }
.dn-mobile-menu .dn-mm-sub a.dn-mm-sub__more{ color: var(--dn-g,#047857); font-weight: 700; gap: 0.375rem; }
.dn-mobile-menu .dn-mm-sub a.dn-mm-sub__more .dn-ico{ width: 0.875rem; height: 0.875rem; }
html[data-theme="dark"] .dn-mm-sub__title, html[data-theme="dark"] .dn-mobile-menu .dn-mm-sub a.dn-mm-sub__more{ color: #34d399; }
/* ── ANA SAYFA v28: satır içi SVG ikonlar, gruplu hizmet etiketleri, uzun metin katlama, mobil hero ── */
i.dn-i{ display: inline-flex; align-items: center; justify-content: center; font-style: normal; }
i.dn-i svg{ width: 1em; height: 1em; }
.dn-service-tags--grouped{ flex-direction: column; gap: 0.75rem; }
.dn-service-group{ display: flex; flex-wrap: wrap; align-items: center; gap: 0.5rem; }
.dn-service-group__label{ flex: 0 0 100%; font-size: 0.6875rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; color: var(--dn-green, var(--dn-g,#047857)); margin-top: 0.25rem; }
.dn-fold .content.is-clamped > p{ display: none; }
.dn-fold .content.is-clamped > p:first-of-type{ display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; }
.dn-fold__more{ display: inline-flex; align-items: center; gap: 0.375rem; margin: 0.25rem 0 0.75rem; padding: 0; border: 0; background: none; color: var(--dn-green, var(--dn-g,#047857)); font-weight: 800; font-size: 0.875rem; cursor: pointer; }
.dn-fold__more svg{ width: 1em; height: 1em; transition: transform .2s; }
.dn-fold .content:not(.is-clamped) .dn-fold__more svg{ transform: rotate(180deg); }
.dn-zigzag__text.is-clamped{ display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden; }
/* ── Üst bar: Sunucu Sihirbazı bağlantısı ── */
.dn-topbar-tools{ position: relative; }
.dn-topbar-tools__link{ cursor: pointer; }
/* Küçük "Yeni" rozeti (üst bar + mobil menü, DeHost yeşili) */
.dn-new-badge{ display: inline-block; margin-left: 0.375rem; padding: 0.125rem 0.4375rem; border-radius: 62.4375rem; background: var(--dn-g, #047857); color: #fff !important; font-size: 0.625rem; font-weight: 800; line-height: 1.3; letter-spacing: .05em; text-transform: uppercase; vertical-align: middle; flex: 0 0 auto; width: auto; }
.dn-mm-link > span.dn-new-badge{ flex: 0 0 auto; margin-left: auto; }
/* ── Altyapı partnerleri şeridi: etiket + yumuşak logo kartları (yapı aynı, marquee korunuyor) ── */
.company-logos{ position: relative; padding: 1.75rem 0 1.5rem !important; }
.company-logos::before{ content: ""; position: absolute; left: 0; right: 0; top: 0; height: 2px; background: linear-gradient(90deg, transparent, rgba(16,185,129,.55), transparent); }
.company-logos__label{ display: flex; align-items: center; gap: 1rem; margin: 0 auto 1rem; max-width: 36rem; padding: 0 1rem; font-size: 0.6875rem; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; color: #8aa39b; }
.company-logos__label::before, .company-logos__label::after{ content: ""; flex: 1; height: 1px; background: linear-gradient(90deg, transparent, rgba(138,163,155,.45)); }
.company-logos__label::after{ background: linear-gradient(90deg, rgba(138,163,155,.45), transparent); }
.company-logos__label span{ white-space: nowrap; }
.company-logos .logo-item{ height: 4rem !important; width: 11rem !important; border-radius: 0.875rem !important; border: 1px solid rgba(255,255,255,.06); background: rgba(255,255,255,.025); transition: background .25s, border-color .25s, transform .25s, box-shadow .25s; }
.company-logos .logo-item:hover{ background: rgba(255,255,255,.06); border-color: rgba(16,185,129,.35); transform: translateY(-2px); box-shadow: 0 0.75rem 1.5rem -1rem rgba(0,0,0,.6); }
.company-logos .logo-item img{ filter: grayscale(100%) opacity(.62) brightness(1.9) !important; }
.company-logos .logo-item:hover img{ filter: grayscale(0%) opacity(1) brightness(1) !important; transform: none !important; }
.company-logos-marquee{ --marquee-speed: 38s !important; }
/* v37: Türk bayrağı ikonu (İstanbul Lokasyon) */
.dn-flag{ border-radius: 2px; }
li > .dn-flag:first-child, span > .dn-flag:first-child{ margin-right: 0.35rem; }
.dnh-loc .dnh-loc__flag{ width: 2rem; height: 2rem; flex: 0 0 2rem; }
.dn-sf-item .head .dn-sf-flag .dn-flag{ width: 1.5rem; height: 1.5rem; }
/* ── "Daha iyisine mi ihtiyacınız var?" CTA (Sürüm 41: tek tip, beyaz yazı, tek satır düğmeler) ── */
.dn-offer{ display: flex !important; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 1.25rem 2rem; padding: 2.25rem 2.5rem !important; border-radius: 1.4rem !important; color: #fff !important; background: radial-gradient(28rem 14rem at 100% 0%, rgba(52, 211, 153, .35), transparent 60%), linear-gradient(135deg, #064e3b, #047857 55%, var(--dn-g,#047857)) !important; box-shadow: 0 1.75rem 3.5rem -1.75rem rgba(6, 78, 59, .6); position: relative; overflow: hidden; }
.dn-offer::after{ content: ""; position: absolute; right: -3rem; bottom: -5rem; width: 16rem; height: 16rem; border-radius: 50%; border: 1.25rem solid rgba(255, 255, 255, .08); pointer-events: none; }
.dn-offer .left{ flex: 1 1 24rem; min-width: 0; margin: 0 !important; position: relative; z-index: 1; }
.dn-offer .title{ color: #fff !important; font-size: clamp(1.4rem, 2.4vw, 1.9rem) !important; font-weight: 800 !important; letter-spacing: -.02em; line-height: 1.2; margin: 0 0 .4rem !important; }
.dn-offer p{ color: rgba(255, 255, 255, .92) !important; font-size: 1rem !important; line-height: 1.65; margin: 0; }
.dn-offer p a{ color: #fff !important; text-decoration: underline !important; font-weight: 700; }
.dn-offer__btns{ display: flex; flex-wrap: wrap; gap: .75rem; position: relative; z-index: 1; flex: 0 0 auto; }
.dn-offer .btn-white{ width: auto !important; height: auto !important; white-space: nowrap; display: inline-flex; align-items: center; gap: .5rem; padding: .85rem 1.3rem !important; border-radius: .8rem; background: #fff !important; color: #047857 !important; font-weight: 800 !important; font-size: .95rem; text-transform: none !important; border: 0; box-shadow: 0 .75rem 1.5rem -.75rem rgba(0, 0, 0, .35); transition: transform .15s; }
.dn-offer .btn-white:hover{ transform: translateY(-2px); }
.dn-offer .btn-white svg{ width: 1rem; height: 1rem; }
@media (max-width: 767px){
.dn-offer{ padding: 1.75rem 1.4rem !important; }
.dn-offer__btns{ width: 100%; }
.dn-offer .btn-white{ flex: 1 1 auto; justify-content: center; }
}
/* Menü tanıtım kutusu: slogan yerine küçük sunucu/ağ figürü (Sürüm 42) */
.dnx-promo__fig{ display: block; width: 100%; max-width: 13.75rem; height: auto; margin: auto auto 1rem; overflow: visible; }
.dnx-fig__wire path{ stroke: rgba(255, 255, 255, .22); stroke-width: 1.5; }
.dnx-fig__flow path{ stroke: #6ee7b7; stroke-width: 2; stroke-linecap: round; stroke-dasharray: 10 90; stroke-dashoffset: 100; animation: dnx-fig-flow 2.6s linear infinite; }
.dnx-fig__flow path:nth-child(2){ animation-delay: -.7s; }
.dnx-fig__flow path:nth-child(3){ animation-delay: -1.3s; }
.dnx-fig__flow path:nth-child(4){ animation-delay: -1.9s; }
.dnx-fig__node circle{ fill: #064e3b; stroke: #6ee7b7; stroke-width: 1.5; }
.dnx-fig__rack rect{ fill: rgba(255, 255, 255, .1); stroke: rgba(255, 255, 255, .38); stroke-width: 1.25; }
.dnx-fig__slot rect{ fill: rgba(255, 255, 255, .22); }
.dnx-fig__led circle{ fill: #6ee7b7; animation: dnx-fig-led 1.8s ease-in-out infinite; }
.dnx-fig__led circle:nth-child(2){ animation-delay: -.6s; }
.dnx-fig__led circle:nth-child(3){ animation-delay: -1.2s; }
.dnx-fig__led circle:nth-child(n+4){ fill: #fde68a; animation-duration: 1.1s; }
@keyframes dnx-fig-flow{ to { stroke-dashoffset: 0; } }
@keyframes dnx-fig-led{ 0%, 100% { opacity: 1; } 50% { opacity: .25; } }
@media (prefers-reduced-motion: reduce){
.dnx-fig__flow path, .dnx-fig__led circle{ animation: none; }
}
/* Koyu zeminli hero (Ryzen 9 7950X) içinde yol açık renkte */
.r7-hero .dn-crumbin .dnt-crumb, .r7-hero .dn-crumbin .dnt-crumb a{ color: rgba(255,255,255,.62) !important; }
.r7-hero .dn-crumbin .dnt-crumb span:last-child{ color: #fff; }
/* Mobil menü: açılan alt menü kesilmesin (custom.css'teki 37.5rem sınırını kaldırır; animasyon js/main.js) */
.dn-mobile-menu .dn-mm-item--has-sub.is-open .dn-mm-sub{ max-height: none; }
/* Metin içindeki bağlantılar yalnızca renkle ayırt edilmesin (erişilebilirlik) */
.dng-head a:not([class]), .dn-doc-content a:not([class]), .dd-duo__text a:not([class]), .dv-vs__body a:not([class]), .content p a:not([class]), .subtitle a:not([class]), .dd-vs__text a:not([class]), .im-mig__note a:not([class]), .dn-vps-section-head__desc a:not([class]), .dn-audience-list__text a:not([class]), .pm-head p a:not([class]){ text-decoration: underline !important; text-underline-offset: 2px; }
.dn-doc-content a:not([class]), .content p a:not([class]), .dn-vps-section-head__desc a:not([class]), .pm-head p a:not([class]){ color: #047857; }
html[data-theme="dark"] .dn-doc-content a:not([class]), html[data-theme="dark"] .content p a:not([class]), html[data-theme="dark"] .dn-vps-section-head__desc a:not([class]), html[data-theme="dark"] .pm-head p a:not([class]){ color: #34d399; }
/* Okunabilirlik (kontrast en az 4.5:1): açık temada soluk gri yazılar biraz koyulaştırıldı */
html:not([data-theme="dark"]) .dn-feature-left .content p{ opacity: .86; }
html:not([data-theme="dark"]) .dn-vps-feature__eyebrow,
html:not([data-theme="dark"]) .rplan-tag,
html:not([data-theme="dark"]) .rhost-brand-cards .bcard > span,
html:not([data-theme="dark"]) .dn-rhost-speedviz__divider > span,
html:not([data-theme="dark"]) .dn-etsy-priceviz__plan .plan-price .from,
html:not([data-theme="dark"]) .dn-etsy-rentviz__invoice .invoice-id,
html:not([data-theme="dark"]) .dn-lhost-card__divider > span,
html:not([data-theme="dark"]) .dn-mail-inbox__time,
html:not([data-theme="dark"]) .dn-legal-card__date,
html:not([data-theme="dark"]) .dn-vds-priceviz__toggle > span{ color: #5d6b80; }
html:not([data-theme="dark"]) .dehost-new-hero__float .float-sub{ color: #636b74; }
html:not([data-theme="dark"]) .dh-vps-steps__labelnum{ color: #5c6b62; }
html:not([data-theme="dark"]) .dh-vps-steps > ol > li > p{ color: #556259; }
html:not([data-theme="dark"]) .dehost-new-hero .dnt-crumb a{ color: #4b5869 !important; }
html:not([data-theme="dark"]) .dn-nested-netviz__panel-head > em{ color: #4b5869; }
html:not([data-theme="dark"]) .dn-etsy-rentviz__invoice .invoice-total > strong{ color: #c2410c; }

/* Sürüm 51: açık temada kalan kontrast düzeltmeleri (koyu tema etkilenmez) */
html:not([data-theme="dark"]) .bstat strong,
html:not([data-theme="dark"]) .rhost-brand-logo > span,
html:not([data-theme="dark"]) .dh-vps-steps__label{ color: var(--dn-g, #047857); }
html:not([data-theme="dark"]) .dn-rhost-panel__hero-badge{ background: var(--dn-g, #047857); }
html:not([data-theme="dark"]) .rhost-brand-cards .bcard > span.bcard__ribbon{ color: #cbd5e1; }
html:not([data-theme="dark"]) .content p a:not([class]){ color: #065f46; }
html:not([data-theme="dark"]) .dnx-badge--red{ background: #dc2626; }

/* Sürüm 52: Sunucu Sihirbazı şeridi (oyun listesi, VDS, Web Hosting) */
.wz-strip { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: .5rem .875rem; margin: 0 auto 1.5rem; padding: .625rem 1.125rem; max-width: 58rem;
  border: 1px solid rgba(4, 120, 87, .2); border-radius: 62rem; background: #f0faf5; color: #334155; font-size: .875rem; line-height: 1.4; text-align: center; }
.wz-strip svg { width: 1rem; height: 1rem; color: var(--dn-g, #047857); flex: 0 0 auto; }
.wz-strip a { display: inline-flex; align-items: center; gap: .25rem; color: var(--dn-g, #047857); font-weight: 800; text-decoration: none !important; }
.wz-strip a:hover { text-decoration: underline !important; }
html[data-theme="dark"] .wz-strip { background: rgba(16, 185, 129, .08); border-color: rgba(110, 231, 183, .2); color: #d3d7e1; }
html[data-theme="dark"] .wz-strip svg, html[data-theme="dark"] .wz-strip a { color: #34d399; }
@media (max-width: 575px){ .wz-strip{ border-radius: 1rem; justify-content: flex-start; text-align: left; flex-wrap: nowrap; align-items: flex-start; flex-direction: column; gap: .375rem; } .wz-strip > svg{ display: none; } }

/* İşlemci gücü notu: "(8000 MHz)" ve "?" ipucu */
.dn-mhz{display:inline !important;font-size:.9em;font-weight:500;white-space:nowrap;vertical-align:baseline;color:#5d6b80}
html[data-theme="dark"] .dn-mhz{color:#a3b1c4}
.dn-hat{display:inline !important;white-space:nowrap}
.dn-tip{display:inline-flex !important;align-items:center;justify-content:center;width:1rem;height:1rem;margin-left:.25rem;padding:0;border-radius:50%;color:#5d6b80;cursor:help;vertical-align:-.19em;flex:0 0 auto;background:none;transition:color .15s}
.dn-tip svg{display:block;width:.875rem;height:.875rem;stroke:currentColor !important;fill:none !important}
.dn-tip svg circle:last-child{fill:currentColor !important}
.dn-tip:hover,.dn-tip:focus{color:var(--dn-g,#047857)}
.dn-tip:focus-visible{outline:2px solid var(--dn-g,#047857);outline-offset:2px}
html[data-theme="dark"] .dn-tip{color:#a3b1c4}
html[data-theme="dark"] .dn-tip:hover,html[data-theme="dark"] .dn-tip:focus{color:#34d399}
.is-hot .dn-tip,.wh-plan.is-hot .dn-tip{color:inherit}
.dn-vps-spec span:has(> .dn-mhz),.dn-vps-spec span:has(> .dn-hat){white-space:normal;overflow:visible;text-overflow:clip;line-height:1.35}
.dn-tipbox{position:fixed;z-index:1300;max-width:min(17.5rem,calc(100vw - 1.5rem));padding:.6rem .75rem;border-radius:.625rem;background:#fff;color:#1e293b;border:1px solid #e2e8f0;border-left:3px solid var(--dn-g,#047857);font-size:.78rem;font-weight:500;line-height:1.5;text-align:left;box-shadow:0 .75rem 2rem rgba(15,23,42,.14);pointer-events:none;animation:dn-tip-in .14s ease-out}
@keyframes dn-tip-in{from{transform:translateY(3px)}to{transform:none}}
html[data-theme="dark"] .dn-tipbox{background:#0f1b2d;color:#e2e8f0;border-color:#243449;border-left-color:#34d399;box-shadow:0 .75rem 2rem rgba(0,0,0,.45)}
@media (prefers-reduced-motion:reduce){.dn-tipbox{animation:none}}