/* DNS Bilisim dnsbnx: ust kisim WHMCS 9.1 Nexus css/custom.css (alt tema bu dosyayi ezer), marka tonlariyla. */
/* *****************************************************

    ** Custom Stylesheet **

    Any custom styling you want to apply should be
    defined here.

***************************************************** */

/* Custom CSS for Nexus Theme
 *
 * This file allows you to customize the theme colors and styles for the entire Nexus template.
 *
 * To customize colors:
 * - Replace the var() references with your own hex colors or other CSS values.
 * - For example, instead of --primary: #4b5563; use --primary: #your-color;
 * - You can also override any CSS properties here.
 */

:root {
    --white: #fff;

    /* Neutral shades */
    --neutral-50: #fbf9fa;
    --neutral-100: #f4f5f7;
    --neutral-200: #e4e4e7;
    --neutral-300: #d0d5dd;
    --neutral-400: #9ca3af;
    --neutral-500: #6b7280;
    --neutral-600: #4b5563;
    --neutral-700: #374151;
    --neutral-800: #1f2937;
    --neutral-900: #111827;
    --neutral-950: #030712;

    /* Neutral shades */
    /* define own pallet with brand colors */
    --primary-50: #eef4f9;
    --primary-100: #d6e4ef;
    --primary-200: #adc8de;
    --primary-300: #84acce;
    --primary-400: #5a90bd;
    --primary-500: #3a74a3;
    --primary-600: #1d5582;
    --primary-700: #18476c;
    --primary-800: #133a5a;
    --primary-900: #0e2b41;
    --primary-950: #091c2b;

    /* Primary colors */
    /* Use shades from comments if `primary` colors use other colors, then neutral */
    --primary: var(--primary-600);          /* var(--primary-600) */
    --primary-lifted: var(--primary-700);   /* var(--primary-700) */
    --primary-accented: var(--primary-800); /* var(--primary-800) */

    /* Secondary colors */
    --secondary: var(--neutral-500);
    --secondary-lifted: var(--neutral-600);
    --secondary-accented: var(--neutral-700);

    /* Success colors */
    --success: #00a63e;
    --success-lifted: #008236;
    --success-accented: #016630;

    /* Info colors */
    --info: #155dfc;
    --info-lifted: #1447e6;
    --info-accented: #193cb8;

    /* Notice colors */
    --notice: #7f22fe;
    --notice-lifted: #7008e7;
    --notice-accented: #5d0ec0;

    /* Warning colors */
    --warning: #f54a00;
    --warning-lifted: #ca3500;
    --warning-accented: #9f2d00;

    /* Error colors */
    --error: #e7000b;
    --error-lifted: #c10007;
    --error-accented: #9f0712;

    /* Grayscale colors */
    --grayscale: var(--primary-800);
    --grayscale-lifted: var(--primary-700);
    --grayscale-accented: var(--primary-600);

    /* Neutral colors */
    --neutral: var(--neutral-500);
    --neutral-lifted: var(--neutral-600);
    --neutral-accented: var(--neutral-700);

    /* Text neutral colors */
    --text-inverted: var(--white);
    --text-muted: var(--neutral-400);
    --text-lifted: var(--neutral-500);
    --text-accented: var(--neutral-600);
    --text: var(--neutral-900);

    /* Border neutral colors */
    --border-muted: var(--neutral-200);
    --border: var(--neutral-300);
    --border-lifted: var(--neutral-400);
    --border-accented: var(--neutral-600);

    /* Background neutral colors */
    --bg: var(--white);
    --bg-muted: var(--neutral-50);
    --bg-lifted: #f3f6f9;
    --bg-accented: var(--neutral-200);
    --bg-inverted: var(--primary-800);

    /* Additional colors */
    --yellow-200: #fff085;
    --yellow-300: #ffdf20;
    --teal-300: #46edd5;
    --teal-400: #00d5be;
    --emerald-300: #5ee9b5;
    --pink-400: #fb64b6;

    /* Additional custom properties */
    /* Font sizes */
    --text-xs: 0.625rem;
    --text-sm: 0.75rem;
    --text-md: 0.875rem;
    --text-lg: 1rem;

    /* Spacing */
    --outline-sm: 1px;
    --outline-md: 2px;
    --outline-lg: 3px;

    /* Rounding */
    --rounding-sm: 0.25rem;
    --rounding-md: 0.5rem;
    --rounding-lg: 0.75rem;

    /* Other */
    --letter-spacing: 0em;
    --disabled-opacity: 25%;
}

/* Yazi tipi: Plus Jakarta Sans, SIL Open Font License, tema icinde barinir (dis istek yok). */
@font-face{font-family:"Plus Jakarta Sans";font-style:normal;font-weight:200 800;font-display:swap;src:url("../fonts/plus-jakarta-sans-latin-ext-wght-normal.woff2") format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Plus Jakarta Sans";font-style:normal;font-weight:200 800;font-display:swap;src:url("../fonts/plus-jakarta-sans-latin-wght-normal.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

/* DNS Tech Company ana sayfa d2: yuvarlak hero, geçiş şeridi, merkez logolu avantaj düzeni.
   Tüm belirteçler --dn- önekli, tüm seçiciler .dnsb- önekli. */
:root{
  --dn-950:#091c2b;--dn-900:#0e2b41;--dn-800:#133a5a;--dn-600:#1d5582;
  --dn-canli:#0a6ed1;--dn-canli-koyu:#085bb0;--dn-canli-acik:#62b6ff;--dn-canli-zemin:#e6f1fc;
  --dn-sicak:#ffb020;--dn-sicak-ust:#ffc247;--dn-sicak-bas:#f09a00;--dn-sicak-kenar:#b35200;--dn-sicak-metin:#a64b00;--dn-sicak-zemin:#fff4df;
  --dn-baslik:#0e2b41;--dn-metin:#3d5568;--dn-soluk:#52697b;--dn-koyu-metin:#d6e4ef;--dn-koyu-soluk:#adc8de;
  --dn-zemin-1:#f5f8fb;--dn-zemin-2:#eef4f9;--dn-cizgi:#d6e4ef;--dn-cizgi-ince:#e8eff5;--dn-alan-kenar:#6f8ba1;
  --dn-olumlu:#00703a;--dn-olumlu-zemin:#e8f6ee;--dn-olumlu-koyu:#4ade80;
  --dn-k-s:8px;--dn-k-m:12px;--dn-k-l:20px;--dn-k-xl:28px;--dn-k-tam:999px;
  --dn-g-1:0 1px 2px rgba(14,43,65,.06);
  --dn-g-2:0 8px 24px rgba(14,43,65,.08);
  --dn-g-3:0 20px 48px rgba(14,43,65,.14);
  --dn-g-4:0 32px 80px rgba(9,28,43,.28);
  --dn-g-mavi:0 10px 24px rgba(10,110,209,.30);
  --dn-g-sicak:0 10px 24px rgba(255,176,32,.30);
  --dn-kap:1280px;--dn-yan:24px;--dn-bolum:clamp(56px,3vw + 46px,88px);--dn-aralik:24px;
  --dn-bas:"Plus Jakarta Sans",-apple-system,"Segoe UI",sans-serif;
  --dn-yazi:var(--dn-bas);
  --dn-sure:180ms;--dn-egri:cubic-bezier(.2,.7,.2,1);
}

/* DNS Tech Company ana sayfa d2: yuvarlak hero, geçiş şeridi, merkez logolu avantaj düzeni.
   Tüm belirteçler --dn- önekli, tüm seçiciler .dnsb- önekli. */
@media (prefers-reduced-motion:reduce){
  :root{--dn-sure:0ms}
}

/* DNS Tech Company ana sayfa d2: yuvarlak hero, geçiş şeridi, merkez logolu avantaj düzeni.
   Tüm belirteçler --dn- önekli, tüm seçiciler .dnsb- önekli. */
@media (max-width:767.98px){
  :root{--dn-aralik:16px}
}

/* DNS Tech Company ana sayfa d2: yuvarlak hero, geçiş şeridi, merkez logolu avantaj düzeni.
   Tüm belirteçler --dn- önekli, tüm seçiciler .dnsb- önekli. */
@media (max-width:575.98px){
  :root{--dn-yan:16px}
}

/* Sayfa kabuğu */
html{scroll-padding-top:88px}
html:has(.dnsb-home),body:has(.dnsb-home){height:auto;background-color:#fff}
body:has(.dnsb-home) #main-body{padding:0;min-height:0;background-color:var(--dn-950)}
body:has(.dnsb-home) #main-body>.container{max-width:none;padding:0}
body:has(.dnsb-home) #main-body>.container>.row{margin:0}
body:has(.dnsb-home) .primary-content{padding:0;font-family:var(--dn-yazi);font-size:13px;line-height:18px;color:var(--dn-koyu-soluk);text-align:center}
body:has(.dnsb-home) .primary-content>p{margin:16px 0 0}
body:has(.dnsb-home) .primary-content>a,body:has(.dnsb-home) .primary-content>:not(.dnsb-home) a{color:var(--dn-koyu-metin)}
.dnsb-menu-acik{overflow:hidden}
.dnsb-kap{max-width:calc(var(--dn-kap) + 2*var(--dn-yan));margin-inline:auto;padding-inline:var(--dn-yan);width:100%}
.dnsb-ust,.dnsb-sahne,.dnsb-home,.dnsb-alt,.dnsb-yuzen{font-family:var(--dn-yazi);font-size:16px;line-height:26px;color:var(--dn-metin)}
.dnsb-ust *,.dnsb-sahne *,.dnsb-home *,.dnsb-alt *,.dnsb-yuzen *{box-sizing:border-box}
.dnsb-yalniz-giris{display:none}
.dnsb-atla{position:absolute;left:16px;top:-64px;z-index:1100;background:var(--dn-sicak);color:var(--dn-900);padding:10px 16px;border-radius:var(--dn-k-m);font-weight:600}
.dnsb-atla:focus{top:8px;color:var(--dn-900)}

/* Odak */
.dnsb-ust a:focus-visible,.dnsb-ust button:focus-visible,.dnsb-sahne a:focus-visible,.dnsb-sahne button:focus-visible,.dnsb-home a:focus-visible,.dnsb-home button:focus-visible,.dnsb-home summary:focus-visible,.dnsb-home [role=tabpanel]:focus-visible{outline:2px solid var(--dn-canli);outline-offset:2px;border-radius:var(--dn-k-s)}
.dnsb-hero a:focus-visible,.dnsb-kalkan a:focus-visible,.dnsb-bant a:focus-visible,.dnsb-bant button:focus-visible,.dnsb-rakam a:focus-visible,.dnsb-kapanis a:focus-visible,.dnsb-urun a:focus-visible,.dnsb-alt a:focus-visible,.dnsb-alt button:focus-visible,.dnsb-alt summary:focus-visible,.dnsb-sutun--koyu a:focus-visible,.dnsb-sss__kart a:focus-visible{outline:2px solid var(--dn-sicak);outline-offset:2px}
.dnsb-yuzen__dugme:focus-visible{outline:2px solid #fff;outline-offset:2px;box-shadow:0 0 0 6px var(--dn-900)}

/* Düğme */
.dnsb-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 22px;border:0;border-radius:var(--dn-k-m);font-family:var(--dn-bas);font-size:16px;font-weight:700;line-height:1.2;text-align:center;text-decoration:none;white-space:nowrap;cursor:pointer;transition:background-color var(--dn-sure) var(--dn-egri),transform var(--dn-sure) var(--dn-egri),border-color var(--dn-sure) var(--dn-egri),box-shadow var(--dn-sure) var(--dn-egri)}
.dnsb-btn:hover{text-decoration:none;transform:translateY(-1px)}
.dnsb-btn:active{transform:none}
.dnsb-btn--l{min-height:56px;padding:0 28px;font-size:17px}
.dnsb-btn--m{min-height:48px}
.dnsb-btn--s{min-height:44px;padding:0 16px;font-size:14px;font-weight:600}
.dnsb-btn--tam{width:100%}
.dnsb-btn--amber,.dnsb-btn--amber:hover,.dnsb-btn--amber:focus{color:var(--dn-900)}
.dnsb-btn--amber{background:var(--dn-sicak);box-shadow:var(--dn-g-sicak)}
.dnsb-btn--amber:hover{background:var(--dn-sicak-ust)}
.dnsb-btn--amber:active{background:var(--dn-sicak-bas)}
.dnsb-btn--kenar{box-shadow:var(--dn-g-sicak),inset 0 0 0 1px rgba(179,82,0,.35)}
.dnsb-btn--canli,.dnsb-btn--canli:hover,.dnsb-btn--canli:focus{color:#fff}
.dnsb-btn--canli{background:var(--dn-canli);box-shadow:var(--dn-g-mavi)}
.dnsb-btn--canli:hover{background:var(--dn-canli-koyu)}
.dnsb-btn--canli:active{background:var(--dn-900)}
.dnsb-btn--lacivert,.dnsb-btn--lacivert:hover,.dnsb-btn--lacivert:focus{color:#fff}
.dnsb-btn--lacivert{background:var(--dn-900);box-shadow:0 8px 18px rgba(14,43,65,.18)}
.dnsb-btn--lacivert:hover{background:var(--dn-800)}
.dnsb-btn--lacivert:active{background:var(--dn-950)}
.dnsb-btn--hayalet-k,.dnsb-btn--hayalet-k:hover,.dnsb-btn--hayalet-k:focus{color:#fff}
.dnsb-btn--hayalet-k{background:transparent;box-shadow:inset 0 0 0 1px rgba(255,255,255,.4)}
.dnsb-btn--hayalet-k:hover{background:rgba(255,255,255,.1)}
.dnsb-btn--hayalet-a,.dnsb-btn--hayalet-a:hover,.dnsb-btn--hayalet-a:focus{color:var(--dn-baslik)}
.dnsb-btn--hayalet-a{background:#fff;box-shadow:inset 0 0 0 1px var(--dn-cizgi)}
.dnsb-btn--hayalet-a:hover{box-shadow:inset 0 0 0 1px var(--dn-canli)}
.dnsb-btn[disabled]{background:var(--dn-zemin-2);color:var(--dn-soluk);box-shadow:none;cursor:not-allowed;transform:none;opacity:1}
.dnsb-btn--hesap,.dnsb-btn--hesap:hover,.dnsb-btn--hesap:focus{color:#fff}
.dnsb-btn--hesap{min-height:44px;padding:0 20px;font-size:15px;background:var(--dn-900);box-shadow:0 8px 18px rgba(14,43,65,.2)}
.dnsb-btn--hesap:hover{background:var(--dn-800)}
.dnsb-eylemler{display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px}
.dnsb-bag{font-family:var(--dn-bas);font-weight:700;color:var(--dn-canli);text-decoration:underline;text-underline-offset:4px;min-height:44px;display:inline-flex;align-items:center}
.dnsb-bag:hover{color:var(--dn-canli-koyu)}

/* Rozet, karo, cam */
.dnsb-rozet{display:inline-flex;align-items:center;min-height:26px;padding:3px 12px;border-radius:var(--dn-k-tam);font-family:var(--dn-bas);font-size:13px;font-weight:600;line-height:20px}
.dnsb-rozet[hidden]{display:none}
.dnsb-rozet--mavi{background:var(--dn-canli-zemin);color:var(--dn-canli-koyu)}
.dnsb-rozet--yesil{background:var(--dn-olumlu-zemin);color:var(--dn-olumlu)}
.dnsb-rozet--gri{background:var(--dn-zemin-2);color:var(--dn-soluk);min-height:24px;padding:1px 10px}
.dnsb-rozet--cam{background:rgba(255,255,255,.1);color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.18)}
.dnsb-karo{display:inline-flex;flex:none;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--dn-k-m);background:var(--dn-canli-zemin);color:var(--dn-canli-koyu);font-size:21px;line-height:1;transition:background-color var(--dn-sure) var(--dn-egri),color var(--dn-sure) var(--dn-egri)}
.dnsb-karo--k{width:40px;height:40px;font-size:18px}
.dnsb-karo--koyu{background:rgba(255,255,255,.12);color:var(--dn-sicak)}
.dnsb-cam{display:inline-flex;align-items:center;gap:12px;padding:10px 16px 10px 10px;border-radius:var(--dn-k-l);background:rgba(9,28,43,.74);box-shadow:inset 0 0 0 1px rgba(255,255,255,.18),var(--dn-g-3);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--dn-koyu-metin);font-size:13px;line-height:18px}
.dnsb-cam strong{display:block;font-family:var(--dn-bas);font-size:15px;line-height:20px;font-weight:700;color:#fff;white-space:nowrap}
.dnsb-cam small{display:block;font-size:13px;line-height:18px;white-space:nowrap}

/* Üst bölüm */
.dnsb-ust{position:sticky;top:-40px;z-index:1030;background:#fff;padding:0;border:0}
.dnsb-bant{height:40px;background:var(--dn-900);color:var(--dn-koyu-metin);font-size:13px;font-weight:500;line-height:18px}
.dnsb-bant__ic{display:flex;align-items:center;justify-content:space-between;height:100%}
.dnsb-bant ul{display:flex;align-items:center;gap:24px}
.dnsb-bant a,.dnsb-bant li>span,.dnsb-bant button{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0;border:0;background:none;color:inherit;font:inherit;cursor:pointer}
.dnsb-bant li>span{cursor:default}
.dnsb-bant a:hover,.dnsb-bant button:hover{color:#fff;text-decoration:underline}
.dnsb-bayrak{display:block;flex:none;width:20px;height:13px;border-radius:2px}
.dnsb-nav{padding:0;background:#fff;box-shadow:var(--dn-g-1);border:0;transition:box-shadow var(--dn-sure) var(--dn-egri),background-color var(--dn-sure) var(--dn-egri)}
.dnsb-nav__ic{position:relative;display:flex;align-items:center;flex-wrap:nowrap;gap:32px;height:76px;transition:height var(--dn-sure) var(--dn-egri)}
.is-kaydi .dnsb-nav{background:rgba(255,255,255,.92);box-shadow:var(--dn-g-2);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.is-kaydi .dnsb-nav__ic{height:64px}
.dnsb-marka{display:block;flex:none;margin:0;padding:0}
.dnsb-marka,.dnsb-alt__logo{min-height:44px;display:flex;align-items:center}
.dnsb-marka img{display:block;width:auto;height:46px}
.dnsb-burger{display:none;align-items:center;justify-content:center;flex:none;width:44px;height:44px;order:3;margin:0;padding:0;border:1px solid var(--dn-cizgi);border-radius:var(--dn-k-m);background:#fff;color:var(--dn-baslik);font-size:18px;cursor:pointer}
.dnsb-sepet{position:relative;display:inline-flex;align-items:center;justify-content:center;flex:none;width:44px;height:44px;border:1px solid var(--dn-cizgi);border-radius:var(--dn-k-m);background:#fff;color:var(--dn-baslik);font-size:17px;transition:border-color var(--dn-sure) var(--dn-egri),color var(--dn-sure) var(--dn-egri)}
.dnsb-sepet:hover{border-color:var(--dn-canli);color:var(--dn-canli);text-decoration:none}
.dnsb-sepet__sayi.is-sifir{display:none}
.dnsb-sepet__sayi{position:absolute;right:-7px;top:-7px;min-width:20px;height:20px;padding:0 5px;border-radius:var(--dn-k-tam);background:var(--dn-900);color:#fff;font-family:var(--dn-bas);font-size:13px;font-weight:700;line-height:20px;text-align:center}
#nav{gap:4px;margin-top:0;margin-bottom:0}
#nav a{white-space:nowrap}
#nav>.dnsb-menu__oge{position:static;padding:0}
.dnsb-menu__oge>.nav-link{position:relative;display:inline-flex;align-items:center;gap:8px;height:28px;padding:0 12px;font-family:var(--dn-bas);font-size:15px;font-weight:600;line-height:28px;color:var(--dn-baslik);transition:color var(--dn-sure) var(--dn-egri)}
.dnsb-menu__oge>.nav-link::before{content:"";position:absolute;inset:-14px 0}
.dnsb-menu__oge>.nav-link::after{content:"";position:absolute;left:12px;right:12px;bottom:-8px;height:2px;border-radius:2px;background:var(--dn-canli);transform:scaleX(0);transform-origin:left;transition:transform var(--dn-sure) var(--dn-egri)}
.dnsb-menu__oge>.nav-link i{font-size:11px;transition:transform var(--dn-sure) var(--dn-egri)}
.dnsb-menu__oge>.nav-link:hover,.dnsb-menu__oge.is-acik>.nav-link{color:var(--dn-canli)}
.dnsb-menu__oge.is-acik>.nav-link::after{transform:scaleX(1)}
.dnsb-menu__oge.is-acik>.nav-link i{transform:rotate(180deg)}
header.header.dnsb-ust .navbar a{color:var(--dn-baslik)}
header.header.dnsb-ust .navbar a:hover{color:var(--dn-canli);text-decoration:none}
header.header.dnsb-ust .navbar .is-acik>a.nav-link{color:var(--dn-canli)}
header.header.dnsb-ust .navbar a.dnsb-btn--hesap,header.header.dnsb-ust .navbar a.dnsb-btn--hesap:hover{color:#fff}
header.header.dnsb-ust .navbar .dnsb-mega__yan a{color:var(--dn-sicak)}
header.header.dnsb-ust .navbar .dnsb-mega__yan a:hover{color:var(--dn-sicak-ust)}
.dnsb-menu__hesap{align-items:center;gap:8px;flex-direction:row}
#mainNavbar .dnsb-menu__hesap{margin:0}
.dnsb-menu__hesap .nav-item{display:flex}
.dnsb-menu__alt{display:none}

/* Mega menü */
.dnsb-mega{display:none;grid-template-columns:minmax(0,1fr) 288px;gap:12px;padding:12px;background:#fff;border:1px solid var(--dn-cizgi);border-radius:var(--dn-k-l);box-shadow:var(--dn-g-3)}
.is-acik>.dnsb-mega{display:grid}
.dnsb-mega__liste{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;align-content:start}
.dnsb-mega--dar .dnsb-mega__liste{grid-template-columns:minmax(0,1fr)}
.dnsb-mega__satir{display:flex;align-items:flex-start;gap:12px;padding:12px;border-radius:var(--dn-k-m);color:var(--dn-baslik);transition:background-color var(--dn-sure) var(--dn-egri)}
.dnsb-mega__satir:hover{background:var(--dn-zemin-1);text-decoration:none;color:var(--dn-baslik)}
.dnsb-mega__satir:hover .dnsb-karo{background:var(--dn-canli);color:#fff}
.dnsb-mega__m{display:flex;flex-direction:column;min-width:0;white-space:normal}
.dnsb-mega__m strong{font-family:var(--dn-bas);font-size:15px;font-weight:700;line-height:20px}
.dnsb-mega__m>span{font-size:13px;line-height:18px;color:var(--dn-soluk)}
.dnsb-mega__m em{margin-top:2px;font-family:var(--dn-bas);font-size:13px;font-style:normal;font-weight:600;line-height:18px;color:var(--dn-canli-koyu)}
.dnsb-mega__yan{display:flex;flex-direction:column;gap:8px;padding:20px;border-radius:var(--dn-k-m);background:linear-gradient(160deg,var(--dn-900),var(--dn-800));color:var(--dn-koyu-metin);font-size:14px;line-height:21px}
.dnsb-mega__yan h3{color:#fff;font-size:17px;line-height:24px}
.dnsb-mega__yan a{margin-top:auto;font-weight:600;color:var(--dn-sicak);white-space:nowrap}
.dnsb-mega__yan a:hover{color:var(--dn-sicak-ust)}
.dnsb-mega__yan a.dnsb-mega__eposta{margin-top:0;font-size:13px;font-weight:400}
header.header.dnsb-ust .navbar .dnsb-mega__yan a.dnsb-mega__eposta{color:var(--dn-koyu-soluk)}
header.header.dnsb-ust .navbar .dnsb-mega__yan a.dnsb-mega__eposta:hover{color:#fff}
.dnsb-mega__tld>div{display:flex;justify-content:space-between;padding:3px 0}
.dnsb-mega__tld dt{font-weight:600;color:#fff}
.dnsb-mega__tld dd{margin:0;font-variant-numeric:tabular-nums}
.dnsb-mega__ofis li{display:flex;gap:10px;align-items:baseline;padding:3px 0}
.dnsb-mega__ofis i{color:var(--dn-sicak)}

/* Merkez logolu avantajlar */
.dnsb-alt h3,.dnsb-mega__yan h3,.dnsb-ortak h4{letter-spacing:0}

/* Altbilgi */
footer.footer.dnsb-alt{position:relative;margin:0;padding:56px 0 24px;background:var(--dn-950);color:var(--dn-koyu-soluk);overflow:hidden}
.dnsb-alt__filigran{position:absolute;right:0;bottom:0;width:420px;height:420px;background:url("../img/dtc-amblem-beyaz.webp") 50% 50%/contain no-repeat;opacity:.04;pointer-events:none}
.dnsb-alt .dnsb-kap{position:relative}
.dnsb-alt__ust{display:flex;align-items:center;gap:32px;padding-bottom:28px;border-bottom:1px solid rgba(255,255,255,.1)}
.dnsb-alt__logo img{display:block;width:auto;height:48px}
.dnsb-alt__ust p{padding-left:32px;border-left:1px solid rgba(255,255,255,.14);font-size:14px;line-height:21px}
.dnsb-odeme{display:flex;flex-wrap:wrap;gap:8px;margin-left:auto}
.dnsb-odeme li{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 14px;border-radius:var(--dn-k-m);background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1);color:var(--dn-koyu-metin);font-size:14px;font-weight:500;white-space:nowrap}
.dnsb-odeme i{color:var(--dn-sicak)}
.dnsb-alt__kolonlar{display:grid;grid-template-columns:minmax(0,4fr) repeat(4,minmax(0,2fr));gap:32px;padding:32px 0}
.dnsb-alt__marka p{font-size:15px;line-height:24px;color:var(--dn-koyu-metin)}
.dnsb-alt__ofis{display:flex;align-items:center;gap:10px}
.dnsb-alt__ofis i{color:var(--dn-sicak)}
.dnsb-alt .dnsb-alt__llc{margin-top:2px;font-size:14px;line-height:21px;color:var(--dn-koyu-soluk)}
.dnsb-alt a.dnsb-alt__eposta,.dnsb-alt a.dnsb-alt__eposta:hover{display:inline-flex;align-items:center;gap:10px;min-height:44px;margin-top:8px;font-size:14px;font-weight:500;color:var(--dn-koyu-soluk)}
.dnsb-alt__eposta i{color:var(--dn-koyu-soluk)}
.dnsb-alt__kol summary{display:flex;align-items:center;justify-content:space-between;list-style:none}
.dnsb-alt__kol summary::-webkit-details-marker{display:none}
.dnsb-alt__kol summary i{display:none;color:var(--dn-koyu-soluk);font-size:13px;transition:transform var(--dn-sure) var(--dn-egri)}
.dnsb-alt__kol[open] summary i{transform:rotate(180deg)}
.dnsb-alt h3{color:#fff;font-size:15px;line-height:22px;font-weight:700}
.dnsb-alt nav ul{display:flex;flex-direction:column;gap:2px;margin-top:10px}
.dnsb-alt nav ul a{display:inline-flex;align-items:center;min-height:28px;font-size:14px;line-height:21px;color:var(--dn-koyu-soluk)}
.dnsb-alt nav ul a:hover{color:#fff}
.dnsb-alt__son{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:12px 24px;padding:16px 0 0;border-top:1px solid rgba(255,255,255,.1);font-size:13px;line-height:18px}
.dnsb-alt__son button{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 14px;border:0;border-radius:var(--dn-k-m);background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14);color:#fff;font:inherit;cursor:pointer}
.dnsb-alt__son button:hover{background:rgba(255,255,255,.12)}
footer.dnsb-alt .copyright{color:var(--dn-koyu-soluk)}

/* Yüzen destek düğmesi */
.dnsb-yuzen{display:none}
.dnsb-js .dnsb-yuzen{position:fixed;right:24px;bottom:24px;z-index:1020;display:flex;flex-direction:column;align-items:flex-end;gap:12px;transition:opacity var(--dn-sure) var(--dn-egri),transform var(--dn-sure) var(--dn-egri),visibility var(--dn-sure) var(--dn-egri)}
.dnsb-js .dnsb-yuzen.is-gizli,.dnsb-js .dnsb-yuzen.is-odakta,.dnsb-js .dnsb-yuzen.is-cakisma,.dnsb-js .dnsb-yuzen.is-asagi,.dnsb-menu-acik .dnsb-yuzen{opacity:0;pointer-events:none;visibility:hidden}
.dnsb-js .dnsb-yuzen.is-asagi{transform:translateY(16px)}
.dnsb-yuzen__dugme{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border:0;border-radius:50%;background:var(--dn-sicak);box-shadow:var(--dn-g-sicak),0 0 0 1px rgba(179,82,0,.35);color:var(--dn-900);font-size:22px;cursor:pointer;transition:background-color var(--dn-sure) var(--dn-egri),transform var(--dn-sure) var(--dn-egri)}
.dnsb-yuzen__dugme:hover{background:var(--dn-sicak-ust);transform:translateY(-1px)}
.dnsb-yuzen a.dnsb-yuzen__dugme,.dnsb-yuzen a.dnsb-yuzen__dugme:hover,.dnsb-yuzen a.dnsb-yuzen__dugme:focus{color:var(--dn-900);text-decoration:none}

/* Masaüstü menü yerleşimi */
@media (min-width:1200px){
  .dnsb-menu.collapse:not(.show),.dnsb-menu.collapse.show{display:contents}
  .dnsb-marka{order:0}
  #nav{order:1;margin-inline:auto}
  .dnsb-sepet{order:2}
  .dnsb-menu__hesap{order:3}
  .dnsb-nav__ic{gap:20px}
  .dnsb-mega{position:absolute;left:50%;top:calc(100% - 4px);width:min(1000px,calc(100% - 2*var(--dn-yan)));transform:translateX(-50%)}
  .dnsb-mega--dar{width:min(780px,calc(100% - 2*var(--dn-yan)))}
  .is-acik>.dnsb-mega::before{content:"";position:absolute;left:0;right:0;top:-20px;height:20px}
}

/* Alçak dizüstü ekranı: şerit ilk ekrana sığsın */
@media (min-width:1200px) and (prefers-reduced-motion:no-preference){
  @keyframes dnsb-mega-gel{from{opacity:0;margin-top:6px}to{opacity:1;margin-top:0}}
  .is-acik>.dnsb-mega{animation:dnsb-mega-gel 160ms var(--dn-egri) both}
}

/* Hamburger menü: 1200 altı */
@media (max-width:1199.98px){
  .dnsb-ust{top:0}
  .dnsb-bant{display:none}
  .dnsb-nav__ic,.is-kaydi .dnsb-nav__ic{height:64px;gap:8px}
  header.header.dnsb-ust .navbar .dnsb-marka{margin-right:auto}
  .dnsb-marka img{height:36px}
  .dnsb-js .dnsb-burger{display:inline-flex}
  html:not(.dnsb-js) .dnsb-menu.collapse:not(.show){display:block;position:absolute;left:0;right:0;top:64px;padding:8px var(--dn-yan);background:#fff;box-shadow:var(--dn-g-2)}
  .dnsb-sepet{order:2}
  .dnsb-menu.collapse.show{position:fixed;left:0;right:0;top:64px;bottom:0;z-index:1040;display:flex;flex-direction:column;gap:16px;padding:12px var(--dn-yan) 32px;background:#fff;overflow-y:auto;-webkit-overflow-scrolling:touch}
  #nav,.dnsb-menu__hesap{width:100%}
  #nav{flex-direction:column;gap:0}
  .dnsb-menu__oge{border-bottom:1px solid var(--dn-cizgi-ince)}
  .dnsb-menu__oge>.nav-link{display:flex;justify-content:space-between;height:auto;min-height:56px;padding:0 4px;font-size:17px;font-weight:700;line-height:24px}
  .dnsb-menu__oge>.nav-link::before,.dnsb-menu__oge>.nav-link::after{display:none}
  .dnsb-mega{gap:8px;padding:0 0 12px;border:0;border-radius:0;box-shadow:none}
  .is-acik>.dnsb-mega{display:block}
  .dnsb-mega__liste,.dnsb-mega--dar .dnsb-mega__liste{grid-template-columns:minmax(0,1fr)}
  .dnsb-mega__satir{padding:10px 4px;min-height:56px}
  .dnsb-mega__yan{display:none}
  .dnsb-menu__hesap .nav-item{flex:1 1 0;min-width:0}
  .dnsb-menu__hesap .dnsb-btn{width:100%;min-height:48px}
  .dnsb-menu__alt{display:flex;flex-direction:column;gap:2px;margin-top:4px;font-size:15px}
  .dnsb-menu__alt a,.dnsb-menu__alt button{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:0;border:0;background:none;color:var(--dn-baslik);font:inherit}
  .dnsb-menu__alt i{width:20px;color:var(--dn-canli-koyu);text-align:center}
}

/* Dar dizüstü, 992-1199: yan yana düzen korunur */
@media (max-width:1199.98px){
  .dnsb-alt__kolonlar{gap:24px}
}

/* Tablet, 768-991 */
@media (max-width:991.98px){
  .dnsb-alt__kolonlar{grid-template-columns:repeat(4,minmax(0,1fr))}
  .dnsb-alt__marka{grid-column:1/-1}
  .dnsb-alt__ust{flex-wrap:wrap;gap:16px 32px}
  .dnsb-odeme{margin-left:0;width:100%}
}

/* Telefon */
@media (max-width:767.98px){
  html{scroll-padding-top:80px}
  footer.footer.dnsb-alt{padding-top:48px;padding-bottom:40px}
  .dnsb-alt__filigran{width:280px;height:280px}
  .dnsb-alt__ust p{padding-left:0;border-left:0;width:100%}
  .dnsb-alt__logo img{height:40px}
  .dnsb-alt__kolonlar{grid-template-columns:minmax(0,1fr);gap:0;padding:24px 0 16px}
  .dnsb-alt__marka{padding-bottom:12px}
  .dnsb-alt__kol{border-top:1px solid rgba(255,255,255,.1)}
  .dnsb-alt__kol summary{min-height:52px;cursor:pointer}
  .dnsb-alt__kol summary i{display:block}
  .dnsb-alt nav ul{margin:0 0 12px}
  .dnsb-alt nav ul a{min-height:44px}
  .dnsb-alt__son{flex-direction:column;align-items:flex-start}
  .dnsb-js .dnsb-yuzen{right:16px;bottom:16px}
  .dnsb-yuzen__dugme{width:48px;height:48px;font-size:18px}
}

/* ---- Musteri ust bandi ---- */
header.header.dnsb-ust .topbar{margin:0;padding:0;background-color:var(--dn-900);color:var(--dn-koyu-metin)}
.dnsb-bant--musteri .dnsb-bant__ic{gap:16px}
header.header.dnsb-ust .topbar .btn{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 8px;border:0;background:none;font-size:13px;font-weight:500;line-height:18px;color:var(--dn-koyu-metin)}
header.header.dnsb-ust .topbar .btn:hover{color:#fff}
header.header.dnsb-ust .topbar .active-client{flex-wrap:nowrap;width:auto;min-width:0;line-height:1}
header.header.dnsb-ust .topbar .active-client .input-group-prepend{align-items:center;margin:0}
header.header.dnsb-ust .topbar .active-client .input-group-text{height:40px;padding:0 4px 0 0;font-size:13px;line-height:40px;color:var(--dn-koyu-soluk)}
header.header.dnsb-ust .topbar .active-client .btn{color:#fff}
header.header.dnsb-ust .topbar .active-client .btn.btn-active-client span{display:block;max-width:240px;overflow:hidden;border-bottom:1px dashed rgba(255,255,255,.5);text-overflow:ellipsis;white-space:nowrap}
header.header.dnsb-ust .topbar .btn-return-to-admin{color:var(--dn-sicak)}
.dnsb-bant__ek{gap:24px;margin:0 16px 0 0;white-space:nowrap}
.dnsb-bant--musteri .dnsb-bant__ic>.d-flex:last-child{min-width:0}
@media (max-width:1199.98px){
  .dnsb-bant.dnsb-bant--musteri{display:block}
  .dnsb-ust:has(.dnsb-bant--musteri){top:-40px}
  .dnsb-menu.collapse.show{top:64px}
}
@media (max-width:575.98px){
  header.header.dnsb-ust .topbar .active-client .btn.btn-active-client span{max-width:160px}
}

.popover-user-notifications{border:1px solid var(--dn-cizgi);border-radius:var(--dn-k-m);box-shadow:var(--dn-g-3);font-family:var(--dn-yazi)}
.popover-user-notifications .popover-body,.popover-user-notifications .popover-inner{border-radius:var(--dn-k-m)}

/* ---- Stok acilir menuler: musteri menusu ve hesap ---- */
#nav .collapsable-dropdown{display:none !important}
#nav>.dropdown.dnsb-menu__oge,.dnsb-menu__hesap>.dropdown{position:relative}
.dnsb-menu__oge>.dropdown-toggle::after{margin:0;border:0;vertical-align:baseline}
.dnsb-menu__ok{font-size:11px;transition:transform var(--dn-sure) var(--dn-egri)}
.dnsb-menu__oge.show>.nav-link{color:var(--dn-canli)}
.dnsb-menu__oge.show>.nav-link::after{transform:scaleX(1)}
.dnsb-menu__oge.show>.nav-link .dnsb-menu__ok{transform:rotate(180deg)}
header.header.dnsb-ust .navbar .show>a.nav-link{color:var(--dn-canli)}
header.header.dnsb-ust .navbar-nav .dropdown-menu{min-width:248px;margin:0;padding:8px;border:1px solid var(--dn-cizgi);border-radius:var(--dn-k-l);background:#fff;box-shadow:var(--dn-g-3)}
header.header.dnsb-ust .navbar-nav li.dropdown-item{padding:0;background:none}
header.header.dnsb-ust .navbar-nav .dropdown-divider{margin:6px 4px;border-color:var(--dn-cizgi-ince)}
header.header.dnsb-ust .navbar-nav a.dropdown-item{display:block;padding:9px 12px !important;border-radius:var(--dn-k-s);font-family:var(--dn-bas);font-size:15px;font-weight:500;line-height:22px;color:var(--dn-baslik);white-space:nowrap}
header.header.dnsb-ust .navbar-nav a.dropdown-item:hover,header.header.dnsb-ust .navbar-nav a.dropdown-item:focus{background:var(--dn-zemin-2);color:var(--dn-canli-koyu)}
.dnsb-menu__hesap>.dropdown>.nav-link{display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 18px;border-radius:var(--dn-k-m);background:var(--dn-900);box-shadow:0 8px 18px rgba(14,43,65,.2);font-size:15px;line-height:1;white-space:nowrap}
header.header.dnsb-ust .navbar .dnsb-menu__hesap>.dropdown>a.nav-link,header.header.dnsb-ust .navbar .dnsb-menu__hesap>.dropdown>a.nav-link:hover{color:#fff}
.dnsb-menu__hesap>.dropdown>.nav-link:hover{background:var(--dn-800)}
.dnsb-menu__hesap>.dropdown>.nav-link::before,.dnsb-menu__hesap>.dropdown>.nav-link::after{display:none}
.dnsb-menu__hesap>.dropdown>.nav-link i{font-size:14px}
.dnsb-menu__hesap>.dropdown>.nav-link .dnsb-menu__ok{margin-left:0;font-size:11px}
@media (min-width:1200px){
  header.header.dnsb-ust #nav>.dropdown>.dropdown-menu{top:calc(100% + 22px)}
  header.header.dnsb-ust .dnsb-menu__hesap>.dropdown>.dropdown-menu{top:calc(100% + 12px)}
  #nav>.dropdown.show::after{content:"";position:absolute;left:0;right:0;top:100%;height:24px}
}
@media (min-width:1200px) and (max-width:1339.98px){
  #nav{gap:0}
  .dnsb-nav__ic{gap:12px}
  .dnsb-marka img{height:44px}
  .dnsb-menu__oge>.nav-link{padding:0 8px;font-size:14px}
  .dnsb-menu__oge>.nav-link::after{left:8px;right:8px}
  .dnsb-menu__hesap>.dropdown>.nav-link{padding:0 14px;font-size:14px}
}
@media (max-width:1199.98px){
  .dnsb-menu__oge.dropdown{border-bottom:1px solid var(--dn-cizgi-ince)}
  .dnsb-menu__oge>.dropdown-toggle{justify-content:flex-start}
  .dnsb-menu__ok{margin-left:auto}
  header.header.dnsb-ust .navbar-nav .dropdown-menu{min-width:0;margin:0 0 8px;padding:0 0 0 8px;border:0;border-radius:0;box-shadow:none}
  .dnsb-menu__hesap>.dropdown{flex-direction:column;width:100%}
  .dnsb-menu__hesap>.dropdown>.nav-link{justify-content:center;width:100%;height:48px}
  .dnsb-menu__hesap>.dropdown>.nav-link .dnsb-menu__ok{margin-left:0}
  header.header.dnsb-ust .navbar-nav .dnsb-menu__hesap .dropdown-menu{margin-top:8px}
}

/* ---- Ic sayfalar: renk, kose, golge ve ust bolumle ayni genislik ---- */
:root{
  --primary:var(--dn-canli);--primary-lifted:var(--dn-canli-koyu);--primary-accented:var(--dn-900);
  --rounding-sm:.5rem;--rounding-md:.75rem;--rounding-lg:1.25rem;
}
body{word-spacing:.04em}
.master-breadcrumb:not(:has(li)){display:none}
#main-body:not(:has(.dnsb-home)){background-color:var(--dn-zemin-1)}
.primary-content .card,.sidebar .card{border-color:var(--dn-cizgi-ince);box-shadow:var(--dn-g-1)}
.primary-content h1,.primary-content h2,.primary-content h3,.card-title,.sidebar .card-title{font-family:var(--dn-bas);font-weight:700;color:var(--dn-baslik)}
.btn-primary,.btn-primary:not(:disabled):not(.disabled):active{border-color:var(--dn-canli);background-color:var(--dn-canli);color:#fff}
.btn-primary:hover,.btn-primary:focus{border-color:var(--dn-canli-koyu);background-color:var(--dn-canli-koyu);color:#fff}
a{color:var(--dn-canli-koyu)}
a:hover{color:var(--dn-900)}
@media (min-width:1200px){
  #main-body>.container,.master-breadcrumb>.container,.verification-banner>.container,.network-issue-alert>.container{max-width:calc(var(--dn-kap) + 2*var(--dn-yan));padding-inline:var(--dn-yan)}
}

/* ---- DNS Bilisim ic sayfa temel duzeni ---- */
html, body { background-color: var(--primary-900); }
body, .btn, .form-control, .custom-select, .tooltip, .popover, h1, h2, h3, h4, h5, h6 {
    font-family: var(--dn-yazi);
}
h1, h2, h3, h4, h5, h6 { color: var(--primary-900); letter-spacing: -.01em; }

/* Baglanti rengi: Nexus'ta baglanti duz metinle ayni renkti */
a { color: var(--primary); }
a:hover { color: var(--primary-800); }

/* Nexus'ta sabit kalan Bootstrap mavisi */
.text-primary { color: var(--primary) !important; }
a.text-primary:hover, a.text-primary:focus { color: var(--primary-800) !important; }
.bg-primary, .badge-primary { background-color: var(--primary) !important; }
.border-primary { border-color: var(--primary) !important; }
.btn-link { color: var(--primary); }
.btn-link:hover { color: var(--primary-800); }
.page-link { color: var(--primary); }
.page-link:hover { color: var(--primary-800); }
.page-item.active .page-link { background-color: var(--primary); border-color: var(--primary); }
.custom-control-input:checked ~ .custom-control-label::before { background-color: var(--primary); border-color: var(--primary); }
.custom-control-input:focus ~ .custom-control-label::before { box-shadow: 0 0 0 .2rem rgba(29, 85, 130, .22); }
.form-control:focus, .custom-select:focus { border-color: var(--primary-400); box-shadow: 0 0 0 .2rem rgba(29, 85, 130, .18); }
.dropdown-item.active, .dropdown-item:active { background-color: var(--primary); }
.nav-pills .nav-link.active, .nav-pills .show > .nav-link { background-color: var(--primary); }
.progress-bar { background-color: var(--primary); }
.list-group-item.active { background-color: var(--primary); border-color: var(--primary); }

/* Klavye odagi */
a:focus-visible, .btn:focus-visible, button:focus-visible { outline: 2px solid var(--primary-400); outline-offset: 2px; }

/* Baslik */
.header .topbar { background-color: var(--primary-900); }
.main-navbar-wrapper { border-bottom: 1px solid var(--border-muted); }
.master-breadcrumb { background-color: #fff; border-bottom: 1px solid var(--border-muted); }
.master-breadcrumb .breadcrumb .breadcrumb-item.active { color: var(--text-lifted); }
.master-breadcrumb .breadcrumb { background-color: transparent; }

/* Bilgi bankasi bos oldugu icin arama kutusu gizli */
form[action*="knowledgebase"] { display: none !important; }


/* Telefonda ic sayfa: yuzen dugme tablo ve listelerin ustune binmez; iletisim menu ve altbilgide durur */
@media (max-width:767.98px){
  body:not(:has(.dnsb-home)) .dnsb-yuzen{display:none}
}

/* Sayfa kabuğu */
.dnsb-home{background:#fff;text-align:left}
:where(.dnsb-sahne,.dnsb-home,.dnsb-ust,.dnsb-alt,.dnsb-yuzen) :is(h1,h2,h3,h4){font-family:var(--dn-bas);font-weight:800;color:var(--dn-baslik);margin:0;text-wrap:balance}
:where(.dnsb-sahne,.dnsb-home,.dnsb-ust,.dnsb-alt,.dnsb-yuzen) :is(p,figure,dd){margin:0}
:where(.dnsb-sahne,.dnsb-home,.dnsb-ust,.dnsb-alt,.dnsb-yuzen) :is(ul,dl){margin:0;padding:0;list-style:none}

/* Başlık vurgusu: açık zeminde canlı mavi, koyu zeminde amber */
.dnsb-vurgu{color:var(--dn-canli)}
.dnsb-hero .dnsb-vurgu,.dnsb-kalkan .dnsb-vurgu{color:var(--dn-sicak)}

/* Üst bölüm */
.dnsb-giris-bag{display:inline-flex;align-items:center;min-height:44px;padding:0 12px;font-family:var(--dn-bas);font-size:15px;font-weight:600;color:var(--dn-baslik);white-space:nowrap}
.dnsb-giris-bag:hover{color:var(--dn-canli)}

/* Hesabım */
.dnsb-hesabim{background:var(--dn-950);color:#fff}
.dnsb-hesabim__ic{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:64px}
.dnsb-hesabim ul{display:flex;gap:24px}
.dnsb-hesabim a{display:inline-flex;align-items:center;gap:8px;min-height:48px;color:var(--dn-koyu-metin);font-weight:500}
.dnsb-hesabim a:hover{color:#fff}

/* Hero */
.dnsb-sahne{background:#fff}
.dnsb-sahne:focus{outline:0}
.dnsb-sahne__hero{padding-top:24px}
.dnsb-hero{position:relative;isolation:isolate;overflow:hidden;min-height:clamp(540px,68vh,616px);border-radius:var(--dn-k-xl);background:radial-gradient(60% 90% at 70% 30%,rgba(10,110,209,.32),transparent 72%),linear-gradient(160deg,#091c2b 0%,#0e2b41 45%,#133a5a 100%);box-shadow:var(--dn-g-4);color:var(--dn-koyu-metin)}
.dnsb-hero__gorsel{position:absolute;inset:0 0 0 40%;z-index:-2;-webkit-mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.55) 13%,#000 28%);mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.55) 13%,#000 28%)}
.dnsb-hero__gorsel img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:1;transition:opacity calc(var(--dn-sure)*2.2) var(--dn-egri)}
.dnsb-hero__gorsel img.is-gelen{opacity:0}
.dnsb-hero__gorsel::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(9,28,43,.5) 0,rgba(9,28,43,0) 24%)}
.dnsb-hero__halka{position:absolute;left:-250px;bottom:-300px;z-index:-1;width:640px;height:640px;fill:none;stroke:rgba(98,182,255,.16);stroke-width:1}
.dnsb-hero__metin{display:flex;flex-direction:column;justify-content:center;min-height:inherit;width:54%;padding:40px 16px 92px 56px}
.dnsb-hero__panel{display:flex;flex-direction:column;align-items:flex-start;gap:0}
.dnsb-hero__panel[hidden]{display:none}
.dnsb-hero__bas{margin-top:18px;font-size:clamp(2.25rem,1.05rem + 3.55vw,4.25rem);line-height:1.1;letter-spacing:-.012em}
.dnsb-sahne .dnsb-hero__bas{color:#fff}
.dnsb-hero__giris{max-width:544px;margin-top:14px;font-size:17px;line-height:27px;color:var(--dn-koyu-metin);text-wrap:pretty}
.dnsb-capa{display:flex;align-items:center;gap:16px;margin-top:20px;padding:10px 18px 10px 0}
.dnsb-capa__et{font-size:14px;line-height:20px;color:var(--dn-koyu-soluk);padding-right:16px;border-right:1px solid rgba(255,255,255,.2)}
.dnsb-capa__tutar{display:inline-flex;align-items:baseline;gap:8px;font-family:var(--dn-bas);color:var(--dn-sicak)}
.dnsb-capa__tutar strong{font-size:44px;line-height:48px;font-weight:800;letter-spacing:-.02em}
.dnsb-capa__tutar span{font-size:16px;line-height:22px;font-weight:600;color:#fff}
html:not([lang=tr]) .dnsb-capa__tutar span{white-space:nowrap}
.dnsb-hero__panel .dnsb-eylemler{margin-top:16px}
.dnsb-hero__panel:not(.is-acik) .dnsb-eylemler{margin-top:16px}
.dnsb-hero__cam{position:absolute;z-index:2}
.dnsb-hero__cam--1{right:24px;top:24px}
.dnsb-hero__cam--2{right:24px;top:66%}
a.dnsb-hero__cam{color:var(--dn-koyu-metin);transition:box-shadow var(--dn-sure) var(--dn-egri)}
a.dnsb-hero__cam:hover{color:#fff;text-decoration:none;box-shadow:inset 0 0 0 1px var(--dn-sicak),var(--dn-g-3)}
#dnsb-hp-eposta .dnsb-hero__cam--1{top:32px}
.dnsb-hero__tel{display:none}
.dnsb-guven{display:flex;flex-wrap:wrap;gap:8px 22px;width:100%;max-width:580px;margin-top:22px;padding-top:16px;border-top:1px solid rgba(255,255,255,.14);font-size:14px;line-height:21px;font-weight:500;color:var(--dn-koyu-metin)}
.dnsb-guven li{display:inline-flex;align-items:center;gap:8px;white-space:nowrap}
.dnsb-guven i{color:var(--dn-sicak);font-size:15px}

/* Hero */
@media (prefers-reduced-motion:no-preference){
  @keyframes dnsb-yuksel{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
  .dnsb-hero__panel:not([hidden]) .dnsb-capa,.dnsb-hero__panel:not([hidden]) .dnsb-hero__cam{animation:dnsb-yuksel 280ms var(--dn-egri) both}
  .dnsb-hero__panel:not([hidden]) .dnsb-hero__cam--1{animation-delay:40ms}
  .dnsb-hero__panel:not([hidden]) .dnsb-hero__cam--2{animation-delay:90ms}
}

/* Geçiş şeridi */
.dnsb-serit{position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:-52px 32px 0;padding:8px;border-radius:var(--dn-k-l);background:#fff;box-shadow:var(--dn-g-3),0 0 0 1px var(--dn-cizgi-ince)}
.dnsb-serit__oge{position:relative;display:flex;align-items:center;gap:14px;min-height:88px;padding:12px 16px;border-radius:var(--dn-k-m);color:var(--dn-baslik);transition:background-color var(--dn-sure) var(--dn-egri)}
.dnsb-serit__oge+.dnsb-serit__oge::before{content:"";position:absolute;left:0;top:24px;bottom:24px;width:1px;background:var(--dn-cizgi)}
.dnsb-serit__oge:hover{background:var(--dn-zemin-1);color:var(--dn-baslik);text-decoration:none}
.dnsb-serit__oge[aria-selected=true]{background:var(--dn-zemin-2)}
.dnsb-serit__oge[aria-selected=true]::before,.dnsb-serit__oge[aria-selected=true]+.dnsb-serit__oge::before{opacity:0}
.dnsb-serit__oge[aria-selected=true]::after{content:"";position:absolute;left:16px;right:16px;bottom:0;height:3px;border-radius:3px 3px 0 0;background:var(--dn-canli)}
.dnsb-serit__oge[aria-selected=true] .dnsb-karo{background:var(--dn-canli);color:#fff}
.dnsb-serit__m{display:flex;flex-direction:column;min-width:0}
.dnsb-serit__m strong{font-family:var(--dn-bas);font-size:17px;font-weight:800;line-height:24px}
.dnsb-serit__m small{font-size:14px;line-height:21px;color:var(--dn-soluk);white-space:nowrap}

/* Alan adı */
.dnsb-alan{padding-top:56px;padding-bottom:64px}
.dnsb-alan__panel{position:relative;padding:56px 56px 0;border:1px solid var(--dn-cizgi-ince);border-radius:var(--dn-k-xl);background-color:#e6f1fc;background-image:radial-gradient(rgba(10,110,209,.16) 1px,transparent 1.4px),linear-gradient(115deg,#dcecfb 0%,#eef6fd 52%,#fff4df 100%);background-size:20px 20px,100% 100%;text-align:center}
.dnsb-alan__panel h2{font-size:clamp(1.75rem,1.2rem + 2.2vw,3rem);line-height:1.1;letter-spacing:-.012em}
.dnsb-alan__alt{margin-top:10px;font-size:18px;line-height:28px;color:var(--dn-metin)}
.dnsb-arama{position:relative;display:flex;align-items:center;gap:8px;max-width:880px;min-height:72px;margin:28px auto 0;padding:8px 8px 8px 20px;border-radius:var(--dn-k-l);background:#fff;box-shadow:var(--dn-g-3),inset 0 0 0 1px var(--dn-alan-kenar);transition:box-shadow var(--dn-sure) var(--dn-egri)}
.dnsb-arama:focus-within{box-shadow:var(--dn-g-3),inset 0 0 0 2px var(--dn-canli)}
#btnDomainSearch{order:1}
.dnsb-arama__ikon{flex:none;color:var(--dn-soluk);font-size:20px;line-height:1}
.dnsb-arama input[type=text]{flex:1 1 auto;min-width:0;height:56px;border:0;outline:0;background:transparent;font-family:var(--dn-yazi);font-size:18px;color:var(--dn-baslik)}
.dnsb-arama input[type=text]::placeholder{color:var(--dn-soluk);opacity:1}
body .dnsb-arama#frmDomainHomepage #btnTransfer{background:#fff;color:var(--dn-baslik);box-shadow:inset 0 0 0 1px var(--dn-cizgi)}
body .dnsb-arama#frmDomainHomepage #btnTransfer:hover{background:#fff;color:var(--dn-baslik);box-shadow:inset 0 0 0 1px var(--dn-canli)}
body .dnsb-arama#frmDomainHomepage #btnDomainSearch{background:var(--dn-canli);color:#fff}
body .dnsb-arama#frmDomainHomepage #btnDomainSearch:hover{background:var(--dn-canli-koyu);color:#fff}
.dnsb-uzantilar{position:relative;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;margin-top:28px;margin-bottom:-48px}
.dnsb-uzanti{display:flex;align-items:center;justify-content:space-between;gap:8px;height:96px;padding:12px 14px;border:1px solid var(--dn-cizgi);border-radius:var(--dn-k-l);background:#fff;box-shadow:var(--dn-g-2);color:var(--dn-baslik);transition:transform var(--dn-sure) var(--dn-egri),border-color var(--dn-sure) var(--dn-egri),box-shadow var(--dn-sure) var(--dn-egri)}
.dnsb-uzanti:hover,.dnsb-uzanti.is-secili{border-color:var(--dn-canli);box-shadow:var(--dn-g-3);transform:translateY(-2px);text-decoration:none;color:var(--dn-baslik)}
.dnsb-uzanti--tum{justify-content:center;gap:10px;background:var(--dn-900);border-color:var(--dn-900);color:#fff;font-family:var(--dn-bas);font-size:15px;font-weight:700;line-height:20px}
.dnsb-uzanti--tum:hover{background:var(--dn-800);border-color:var(--dn-800);color:#fff}
.dnsb-uzanti--tum i{color:var(--dn-sicak);font-size:16px}
.dnsb-uzanti__ad{font-family:var(--dn-bas);font-size:22px;font-weight:800;letter-spacing:-.02em;line-height:30px;color:var(--dn-canli-koyu);white-space:nowrap}
.dnsb-uzanti__f{display:flex;flex-direction:column;align-items:flex-end;text-align:right}
.dnsb-uzanti__f b{font-family:var(--dn-bas);font-size:16px;font-weight:800;line-height:22px;font-variant-numeric:tabular-nums;white-space:nowrap}
.dnsb-uzanti__f small{font-size:13px;line-height:18px;color:var(--dn-soluk);white-space:nowrap}

/* Bölüm başlığı */
.dnsb-bolum-bas{max-width:760px;margin:0 auto 32px;text-align:center}
.dnsb-bolum-bas h2,.dnsb-altyapi h2,.dnsb-destek h2,.dnsb-sss h2,.dnsb-rakam h2,.dnsb-duyurular h2{font-size:clamp(1.75rem,1.2rem + 2.2vw,3rem);line-height:1.1;letter-spacing:-.012em}
.dnsb-bolum-bas p{margin-top:12px;font-size:19px;line-height:30px;color:var(--dn-metin)}
.dnsb-giris{font-size:19px;line-height:30px;color:var(--dn-metin);text-wrap:pretty}

/* Paketler */
.dnsb-paketler{padding:56px 0 var(--dn-bolum)}
.dnsb-sekmeler{position:relative;display:none;flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:44px}
.dnsb-js .dnsb-sekmeler{display:flex}
.dnsb-sekme{display:inline-flex;align-items:center;gap:10px;min-height:52px;padding:0 22px;border:1px solid var(--dn-cizgi);border-radius:var(--dn-k-m);background:#fff;box-shadow:var(--dn-g-1);color:var(--dn-baslik);font-family:var(--dn-bas);font-size:16px;font-weight:600;cursor:pointer;transition:background-color var(--dn-sure) var(--dn-egri),color var(--dn-sure) var(--dn-egri),border-color var(--dn-sure) var(--dn-egri),box-shadow var(--dn-sure) var(--dn-egri)}
.dnsb-sekme i{font-size:18px;color:var(--dn-canli-koyu);transition:color var(--dn-sure) var(--dn-egri)}
.dnsb-sekme:hover{border-color:var(--dn-canli)}
.dnsb-sekme[aria-selected=true]{background:var(--dn-canli);border-color:var(--dn-canli);color:#fff;box-shadow:var(--dn-g-mavi)}
.dnsb-sekme[aria-selected=true] i{color:#fff}
.dnsb-home .dnsb-panel{margin-bottom:48px}
.dnsb-js .dnsb-home .dnsb-panel{margin-bottom:0}
.dnsb-js .dnsb-home .dnsb-panel:not(.is-acik){display:none}
.dnsb-panel__yedek{font-size:24px;line-height:32px;margin-bottom:24px}
.dnsb-js .dnsb-panel__yedek{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.dnsb-tablo{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--dn-cizgi);border-radius:var(--dn-k-l);background:#fff;box-shadow:var(--dn-g-2)}
.dnsb-sutun{position:relative;display:flex;flex-direction:column;align-items:stretch;min-width:0;padding:28px}
.dnsb-sutun+.dnsb-sutun{border-left:1px solid var(--dn-cizgi)}
.dnsb-sutun--one{z-index:1;margin:-14px -1px;padding-top:40px;padding-bottom:40px;border:2px solid var(--dn-canli);border-radius:var(--dn-k-l);background:#fff;box-shadow:var(--dn-g-3)}
.dnsb-sutun+.dnsb-sutun--one{border-left:2px solid var(--dn-canli)}
.dnsb-sutun--one+.dnsb-sutun{border-left:0}
.dnsb-onerilen{position:absolute;left:50%;top:-15px;transform:translateX(-50%);display:inline-flex;align-items:center;height:30px;padding:0 16px;border-radius:var(--dn-k-tam);background:var(--dn-sicak);box-shadow:0 0 0 1px rgba(179,82,0,.35);color:var(--dn-900);font-family:var(--dn-bas);font-size:13px;font-weight:700;white-space:nowrap}
.dnsb-sutun__bas h4{font-size:20px;line-height:28px;font-weight:700;letter-spacing:-.01em;color:var(--dn-baslik)}
.dnsb-sutun__ust{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:4px 8px}
.dnsb-sutun__ust .dnsb-rozet{flex:none;min-height:24px;padding:1px 10px}
.dnsb-sutun__bas p{margin-top:4px;font-size:14px;line-height:21px;color:var(--dn-soluk)}
.dnsb-sutun__fiyat{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin:14px 0 20px}
.dnsb-sutun__detay{display:flex;flex:1 1 auto;flex-direction:column}
.dnsb-sutun__ac{display:none;min-height:44px;margin-top:6px;padding:0;border:0;background:none;color:var(--dn-canli);font-family:var(--dn-bas);font-size:15px;font-weight:700;cursor:pointer}
.dnsb-sutun__tum{display:inline-flex;align-items:center;min-height:44px;margin-top:auto;padding-top:12px;font-family:var(--dn-bas);font-size:15px;font-weight:700;color:var(--dn-canli)}
.dnsb-sutun__tum:hover{color:var(--dn-canli-koyu)}
.dnsb-seviye{display:flex;flex:none;align-items:flex-end;gap:3px;height:28px;margin-bottom:6px}
.dnsb-seviye i{display:block;width:6px;border-radius:2px;background:var(--dn-cizgi)}
.dnsb-seviye i:nth-child(1){height:10px}
.dnsb-seviye i:nth-child(2){height:16px}
.dnsb-seviye i:nth-child(3){height:22px}
.dnsb-seviye i:nth-child(4){height:28px}
.dnsb-seviye i.is-dolu{background:var(--dn-canli)}
.dnsb-fiyat{display:flex;align-items:baseline;flex-wrap:wrap;gap:0 6px;margin:0;font-family:var(--dn-bas);color:var(--dn-baslik)}
.dnsb-fiyat strong{font-size:40px;line-height:44px;font-weight:800;letter-spacing:-.02em}
.dnsb-fiyat__br{font-size:18px;line-height:24px;font-weight:700}
.dnsb-fiyat__dn{font-size:15px;line-height:22px;font-weight:600;color:var(--dn-soluk)}
.dnsb-sutun--one .dnsb-fiyat{color:var(--dn-canli-koyu)}
.dnsb-oz{display:flex;flex:1 1 auto;flex-direction:column;gap:12px;margin-top:24px;padding-top:20px;border-top:1px solid var(--dn-cizgi-ince)}
.dnsb-oz li{display:flex;align-items:center;gap:10px;font-size:15px;line-height:22px;color:var(--dn-metin)}
.dnsb-oz__ikon{display:inline-flex;flex:none;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--dn-k-s);background:var(--dn-canli-zemin);color:var(--dn-canli-koyu);font-size:13px;line-height:1}
.dnsb-oz--tik .dnsb-oz__ikon{background:var(--dn-olumlu-zemin);color:var(--dn-olumlu)}
.dnsb-oz__not{margin-top:24px;padding-top:20px;border-top:1px solid var(--dn-cizgi-ince);font-size:14px;line-height:21px;font-weight:600;color:var(--dn-soluk)}
.dnsb-oz__not+.dnsb-oz{margin-top:12px;padding-top:0;border-top:0}
.dnsb-spek{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:14px}
.dnsb-spek>div{padding:10px 4px;border-radius:var(--dn-k-m);background:var(--dn-zemin-1);box-shadow:inset 0 0 0 1px var(--dn-cizgi-ince);text-align:center}
.dnsb-spek dt{display:flex;align-items:center;justify-content:center;gap:4px;font-size:13px;line-height:18px;font-weight:500;color:var(--dn-soluk)}
.dnsb-spek dt i{font-size:12px;color:var(--dn-canli-koyu)}
.dnsb-spek dd{margin:2px 0 0;font-family:var(--dn-bas);font-size:16px;line-height:24px;font-weight:800;color:var(--dn-baslik);white-space:nowrap}
.dnsb-kapasite{margin-top:12px}
.dnsb-kapasite strong{display:block;font-family:var(--dn-bas);font-size:32px;line-height:40px;font-weight:800;letter-spacing:-.02em;color:var(--dn-baslik)}
.dnsb-kapasite__cubuk{display:block;height:8px;margin-top:8px;border-radius:var(--dn-k-tam);background:var(--dn-zemin-2);overflow:hidden}
.dnsb-kapasite__cubuk i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--dn-canli),var(--dn-canli-acik))}
.dnsb-sutun--koyu{justify-content:flex-start;gap:12px;border-radius:0 19px 19px 0;background:linear-gradient(160deg,var(--dn-900),var(--dn-800));color:var(--dn-koyu-metin);font-size:15px;line-height:24px}
.dnsb-sutun+.dnsb-sutun--koyu{border-left:0}
.dnsb-tablo .dnsb-sutun--koyu h4{color:#fff;font-size:20px;line-height:28px;font-weight:700}
.dnsb-sutun--koyu .dnsb-btn{margin-top:auto}
.dnsb-panel__not{display:flex;align-items:baseline;justify-content:center;gap:10px;margin-top:32px;font-size:15px;line-height:24px;color:var(--dn-metin);text-align:center}
.dnsb-panel__not i{color:var(--dn-canli-koyu)}
.dnsb-panel__bag{margin-top:8px;text-align:center}
.dnsb-panel__bag a{display:inline-flex;align-items:center;min-height:44px;font-family:var(--dn-bas);font-weight:700;color:var(--dn-canli);text-decoration:underline;text-underline-offset:4px}
.dnsb-panel__bag a:hover{color:var(--dn-canli-koyu)}
.dnsb-ortak{margin-top:40px;padding:24px 28px;border-radius:var(--dn-k-l);background:var(--dn-zemin-1);border:1px solid var(--dn-cizgi-ince)}
.dnsb-ortak h4{font-size:17px;line-height:24px;font-weight:700}
.dnsb-ortak ul{display:flex;flex-wrap:wrap;gap:8px 24px;margin-top:12px}
.dnsb-ortak li{display:inline-flex;align-items:center;gap:8px;font-size:15px;line-height:22px}
.dnsb-ortak i{color:var(--dn-olumlu);font-size:12px}

/* Karşılaştırma tablosu */
.dnsb-stokyok{max-width:880px;margin:8px auto 0}
.dnsb-stokyok[open]{padding:4px 20px 12px;border:1px solid var(--dn-cizgi);border-radius:var(--dn-k-l);background:#fff;box-shadow:var(--dn-g-1)}
.dnsb-stokyok summary{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;font-family:var(--dn-bas);font-size:15px;font-weight:700;color:var(--dn-canli);list-style:none;cursor:pointer}
.dnsb-stokyok summary::-webkit-details-marker{display:none}
.dnsb-stokyok summary:hover{color:var(--dn-canli-koyu)}
.dnsb-stokyok summary i{font-size:12px;transition:transform var(--dn-sure) var(--dn-egri)}
.dnsb-stokyok[open] summary i{transform:rotate(180deg)}
.dnsb-stokyok__kapa,.dnsb-stokyok[open] .dnsb-stokyok__ac{display:none}
.dnsb-stokyok[open] .dnsb-stokyok__kapa{display:inline}
.dnsb-kiyas__tablo{width:100%;margin-top:4px;border-collapse:collapse;font-size:15px;line-height:22px}
.dnsb-kiyas__tablo thead th{padding:10px 16px;border-bottom:2px solid var(--dn-cizgi);font-family:var(--dn-bas);font-size:14px;font-weight:700;color:var(--dn-soluk);text-align:left;white-space:nowrap}
.dnsb-kiyas__tablo tbody th{padding:10px 16px;font-family:var(--dn-bas);font-weight:700;color:var(--dn-baslik);text-align:left;white-space:nowrap}
.dnsb-kiyas__tablo td{padding:10px 16px;color:var(--dn-metin);white-space:nowrap}
.dnsb-kiyas__tablo tbody tr{border-bottom:1px solid var(--dn-cizgi-ince)}
.dnsb-kiyas__tablo tbody tr:last-child{border-bottom:0}
.dnsb-kiyas__tablo tbody tr:hover{background:var(--dn-zemin-1)}
.dnsb-kiyas__tablo tr.is-tukendi th,.dnsb-kiyas__tablo tr.is-tukendi td{color:var(--dn-soluk)}
.dnsb-kiyas__eylem{text-align:right}
.dnsb-kiyas__tablo td[data-ad="Aylık"]{font-family:var(--dn-bas);font-weight:800;color:var(--dn-baslik)}

/* Bulut sunucu bölümü */
.dnsb-altyapi{padding:var(--dn-bolum) 0;background:var(--dn-zemin-1)}
.dnsb-altyapi__ic{display:grid;grid-template-columns:minmax(0,531fr) minmax(0,709fr);gap:40px;align-items:stretch}
.dnsb-altyapi__metin{display:flex;flex-direction:column;align-items:flex-start}
.dnsb-altyapi .dnsb-altyapi__metin h2{margin-top:14px;font-size:clamp(2.25rem,.95rem + 3.6vw,4rem);line-height:1.0625;letter-spacing:-.012em}
.dnsb-altyapi h2 .dnsb-vurgu{display:block;white-space:nowrap}
.dnsb-altyapi__metin .dnsb-giris{margin-top:14px;font-size:17px;line-height:28px}
.dnsb-altyapi__ozl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:100%;margin-top:auto;padding-top:20px}
.dnsb-altyapi__ozl li{display:flex;gap:12px;align-items:center;min-height:72px;padding:12px;border:1px solid var(--dn-cizgi);border-radius:var(--dn-k-l);background:#fff;box-shadow:var(--dn-g-1)}
.dnsb-altyapi__ozl strong{display:block;font-family:var(--dn-bas);font-size:15px;line-height:22px;font-weight:800;color:var(--dn-baslik)}
.dnsb-altyapi__ozl span:not(.dnsb-karo){display:block;font-size:13px;line-height:18px;color:var(--dn-soluk)}
.dnsb-altyapi__metin .dnsb-eylemler{margin-top:20px;gap:12px 24px}
.dnsb-urun{position:relative;isolation:isolate;display:flex;align-items:flex-end;min-height:560px;padding:20px;overflow:hidden;border-radius:var(--dn-k-xl);background:var(--dn-900);box-shadow:var(--dn-g-4);color:var(--dn-koyu-metin)}
.dnsb-urun__gorsel{position:absolute;inset:0;z-index:-1;width:100%;height:100%;object-fit:cover;object-position:50% 40%}
.dnsb-urun__cam{display:flex;align-items:center;justify-content:space-between;gap:24px;width:100%;min-height:150px;padding:20px 24px;border-radius:var(--dn-k-l);background:rgba(9,28,43,.8);box-shadow:inset 0 0 0 1px rgba(255,255,255,.18),var(--dn-g-3);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
.dnsb-urun__bas{display:flex;flex-direction:column;min-width:0}
.dnsb-urun__et{font-family:var(--dn-bas);font-size:13px;line-height:18px;font-weight:700;color:var(--dn-sicak)}
.dnsb-home .dnsb-urun h3{margin-top:4px;color:#fff;font-size:30px;line-height:36px;letter-spacing:-.012em}
.dnsb-urun__bas p{margin-top:4px;font-size:15px;line-height:22px;color:var(--dn-koyu-metin)}
.dnsb-urun__alt{display:flex;flex:none;flex-direction:column;align-items:flex-end;gap:8px}
.dnsb-fiyat--koyu{color:#fff}
.dnsb-fiyat--koyu .dnsb-fiyat__dn{color:var(--dn-koyu-soluk)}

/* DDoS bandı */
.dnsb-kalkan{position:relative;isolation:isolate;overflow:hidden;background:var(--dn-900);color:var(--dn-koyu-metin)}
.dnsb-kalkan::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(14,43,65,.9) 0,rgba(14,43,65,.55) 42%,rgba(14,43,65,0) 64%)}
.dnsb-kalkan picture{display:contents}
.dnsb-kalkan__gorsel{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:100% 50%}
.dnsb-kalkan__ic{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-height:560px;padding-block:40px}
.dnsb-home .dnsb-kalkan h2{max-width:680px;margin-top:14px;color:#fff;font-size:clamp(2.25rem,.95rem + 3.6vw,3.75rem);line-height:1.08;letter-spacing:-.012em}
.dnsb-kalkan__giris{max-width:560px;margin-top:14px;font-size:18px;line-height:28px;color:var(--dn-koyu-metin)}
.dnsb-kalkan__liste{display:grid;grid-template-columns:repeat(2,minmax(0,272px));gap:10px;margin-top:20px}
.dnsb-kalkan__liste li{display:flex;align-items:center;gap:12px;min-height:60px;padding:8px 14px 8px 10px;border-radius:var(--dn-k-l);background:rgba(9,28,43,.62);box-shadow:inset 0 0 0 1px rgba(255,255,255,.16);font-family:var(--dn-bas);font-size:16px;line-height:22px;font-weight:700;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.dnsb-kalkan__liste small{display:block;font-family:var(--dn-yazi);font-size:13px;line-height:18px;font-weight:400;color:var(--dn-koyu-metin)}
.dnsb-kalkan__alt{display:flex;flex-wrap:wrap;align-items:center;gap:16px 32px;margin-top:22px}
.dnsb-kalkan .dnsb-capa{margin:0;padding:0}

/* Merkez logolu avantajlar */
.dnsb-avantaj{padding:var(--dn-bolum) 0;overflow:hidden}
.dnsb-yorunge{--cap:400px;position:relative;display:grid;grid-template-columns:minmax(0,1fr) var(--cap) minmax(0,1fr);gap:40px;align-items:center;min-height:420px}
.dnsb-yorunge__hat{position:absolute;inset:0;width:100%;height:100%;overflow:visible;fill:none;pointer-events:none}
.dnsb-yorunge__hat path{stroke:#7fa6c6;stroke-width:1.5;stroke-dasharray:1 7;stroke-linecap:round}
.dnsb-yorunge__hat circle{fill:var(--dn-canli);stroke:#fff;stroke-width:2}
.dnsb-yorunge__kol{position:relative;display:flex;flex-direction:column;gap:44px}
.dnsb-yorunge__kol--sol{align-items:flex-end}
.dnsb-yorunge__kol--sag{align-items:flex-start}
.dnsb-yorunge__oge{display:flex;align-items:flex-start;gap:16px;max-width:336px}
.dnsb-yorunge__kol--sol .dnsb-yorunge__oge{flex-direction:row-reverse;text-align:right}
.dnsb-yorunge__kol--sol .dnsb-yorunge__oge:nth-child(odd){transform:translateX(20px)}
.dnsb-yorunge__kol--sag .dnsb-yorunge__oge:nth-child(odd){transform:translateX(-20px)}
.dnsb-yorunge__kol--sol .dnsb-yorunge__oge:nth-child(2){transform:translateX(-44px)}
.dnsb-yorunge__kol--sag .dnsb-yorunge__oge:nth-child(2){transform:translateX(44px)}
.dnsb-yorunge__ikon{display:inline-flex;flex:none;align-items:center;justify-content:center;width:52px;height:52px;border:1px solid var(--dn-cizgi);border-radius:50%;background:#fff;box-shadow:var(--dn-g-2);color:var(--dn-canli-koyu);font-size:20px;line-height:1}
.dnsb-yorunge__oge h3{font-size:18px;line-height:26px;letter-spacing:0}
.dnsb-yorunge__oge p{margin-top:4px;font-size:15px;line-height:23px;color:var(--dn-soluk)}
.dnsb-yorunge__oge p a{color:var(--dn-canli-koyu);text-decoration:underline;text-underline-offset:3px}
.dnsb-yorunge__oge p a:hover{color:var(--dn-900)}
.dnsb-yorunge__merkez{position:relative;width:var(--cap);height:var(--cap);justify-self:center}
.dnsb-halka{position:absolute;left:50%;top:50%;border-radius:50%;transform:translate(-50%,-50%)}
.dnsb-halka--dis{width:100%;height:100%;border:1px dashed #b9cfe1}
.dnsb-halka--orta{width:76%;height:76%;border:1px solid var(--dn-cizgi);background:radial-gradient(circle,#fff 56%,#eaf3fb 100%)}
.dnsb-halka--ic{width:53%;height:53%;border:2px solid var(--dn-canli);box-shadow:0 0 0 8px rgba(10,110,209,.07)}
.dnsb-uydular{position:absolute;inset:0}
.dnsb-uydular li{--a:calc(var(--i)*90deg + 45deg);--r:calc(var(--cap)*.385);position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(var(--a)) translateY(calc(var(--r)*-1)) rotate(calc(var(--a)*-1))}
.dnsb-uydular a{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px 0 12px;border:1px solid var(--dn-cizgi);border-radius:var(--dn-k-tam);background:#fff;box-shadow:var(--dn-g-2);color:var(--dn-baslik);font-family:var(--dn-bas);font-size:14px;font-weight:700;line-height:1;white-space:nowrap;transition:background-color var(--dn-sure) var(--dn-egri),color var(--dn-sure) var(--dn-egri),box-shadow var(--dn-sure) var(--dn-egri)}
.dnsb-uydular i{color:var(--dn-canli-koyu);font-size:15px;transition:color var(--dn-sure) var(--dn-egri)}
.dnsb-uydular a:hover,.dnsb-uydular a:focus-visible{background:var(--dn-canli);border-color:var(--dn-canli);color:#fff;box-shadow:var(--dn-g-mavi);text-decoration:none}
.dnsb-uydular a:hover i,.dnsb-uydular a:focus-visible i{color:#fff}
.dnsb-cekirdek{position:absolute;left:50%;top:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;width:calc(var(--cap)*.47);height:calc(var(--cap)*.47);border-radius:50%;background:#fff;box-shadow:var(--dn-g-3);transform:translate(-50%,-50%);text-align:center;font-size:13px;line-height:18px;color:var(--dn-soluk)}
.dnsb-amblem{display:block;width:92px;height:92px;background:url("../img/dtc-amblem.png") 50% 50%/contain no-repeat}
.dnsb-cekirdek strong{margin-top:6px;font-family:var(--dn-bas);font-size:15px;line-height:20px;font-weight:800;color:var(--dn-baslik)}

/* Destek */
.dnsb-destek{padding:72px 0;background:var(--dn-zemin-2)}
.dnsb-destek__ic{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:center}
.dnsb-destek__foto{margin:0;overflow:hidden;border-radius:var(--dn-k-xl);background:var(--dn-900);box-shadow:var(--dn-g-4)}
.dnsb-destek__foto img{display:block;width:100%;height:auto}
.dnsb-destek__metin .dnsb-giris{margin-top:16px;font-size:18px;line-height:29px}
.dnsb-kanallar{display:flex;flex-direction:column;gap:12px;margin-top:24px}
.dnsb-kanal{display:flex;align-items:center;gap:16px;min-height:84px;padding:16px 20px;border:1px solid var(--dn-cizgi);border-radius:var(--dn-k-l);background:#fff;box-shadow:var(--dn-g-1);color:var(--dn-baslik);transition:transform var(--dn-sure) var(--dn-egri),border-color var(--dn-sure) var(--dn-egri),box-shadow var(--dn-sure) var(--dn-egri)}
.dnsb-kanal:hover{border-color:var(--dn-canli);box-shadow:var(--dn-g-2);transform:translateY(-2px);text-decoration:none;color:var(--dn-baslik)}
.dnsb-kanal__m{display:flex;flex-direction:column;flex:1 1 auto;min-width:0}
.dnsb-kanal__m strong{font-family:var(--dn-bas);font-size:17px;line-height:24px;font-weight:700}
.dnsb-kanal__m span{font-size:15px;line-height:22px;color:var(--dn-soluk)}
.dnsb-kanal>i{color:var(--dn-canli-koyu);font-size:14px}

/* SSS */
.dnsb-sss{padding:var(--dn-bolum) 0}
.dnsb-sss__ic{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:64px;align-items:start}
.dnsb-sss__sol{position:sticky;top:96px}
.dnsb-sss__bas .dnsb-giris{margin-top:12px;font-size:18px;line-height:28px}
.dnsb-sss__kart{display:flex;flex-direction:column;align-items:flex-start;gap:12px;margin-top:28px;padding:24px;border-radius:var(--dn-k-l);background:linear-gradient(160deg,var(--dn-900),var(--dn-800));box-shadow:var(--dn-g-3)}
.dnsb-home .dnsb-sss__kart h3{color:#fff;font-size:20px;line-height:28px}
.dnsb-sss__kart small{display:block;width:100%;font-size:14px;line-height:21px;color:var(--dn-koyu-metin);text-align:center}
.dnsb-sss__grup{border:1px solid var(--dn-cizgi);border-radius:var(--dn-k-l);background:#fff;box-shadow:var(--dn-g-2);overflow:hidden}
.dnsb-sss__oge+.dnsb-sss__oge{border-top:1px solid var(--dn-cizgi)}
.dnsb-sss__oge summary{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:62px;padding:10px 24px;font-family:var(--dn-bas);font-size:17px;font-weight:700;line-height:24px;color:var(--dn-baslik);list-style:none;cursor:pointer;transition:background-color var(--dn-sure) var(--dn-egri)}
.dnsb-sss__oge summary::-webkit-details-marker{display:none}
.dnsb-sss__oge summary:hover{background:var(--dn-zemin-1)}
.dnsb-sss__oge[open]{background:var(--dn-zemin-2)}
.dnsb-sss__oge[open] summary:hover{background:transparent}
.dnsb-sss__ok{display:inline-flex;flex:none;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid var(--dn-cizgi);border-radius:50%;background:#fff;color:var(--dn-baslik);font-size:12px;line-height:1;transition:transform var(--dn-sure) var(--dn-egri),background-color var(--dn-sure) var(--dn-egri),color var(--dn-sure) var(--dn-egri)}
.dnsb-sss__oge[open] .dnsb-sss__ok{transform:rotate(180deg);background:var(--dn-canli);border-color:var(--dn-canli);color:#fff}
.dnsb-sss__yanit{padding:0 72px 20px 24px;font-size:16px;line-height:26px;color:var(--dn-metin)}
.dnsb-sss__yanit a{color:var(--dn-canli-koyu);text-decoration:underline;text-underline-offset:3px}
.dnsb-sss__yanit a:hover{color:var(--dn-900)}

/* Rakam bandı */
.dnsb-rakam{position:relative;padding:56px 0;background:radial-gradient(50% 90% at 82% 30%,rgba(10,110,209,.3),transparent 70%),var(--dn-900);color:var(--dn-koyu-metin);overflow:hidden}
.dnsb-rakam__ic{display:grid;grid-template-columns:minmax(0,8fr) minmax(0,4fr);gap:48px;align-items:center}
.dnsb-home .dnsb-rakam h2{color:#fff}
.dnsb-rakam__izgara{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin-top:24px}
.dnsb-rakam__izgara>div{display:flex;flex-direction:column;min-width:0;padding-left:14px;border-left:2px solid rgba(255,255,255,.16)}
.dnsb-rakam__izgara dd{order:1;display:flex;flex-direction:column;margin:0;font-family:var(--dn-bas);color:#fff}
.dnsb-rakam__izgara dd b{font-size:56px;line-height:60px;font-weight:800;letter-spacing:-.025em;white-space:nowrap}
.dnsb-rakam__izgara dd span{font-size:17px;line-height:24px;font-weight:700;color:var(--dn-sicak)}
.dnsb-rakam__izgara dt{order:2;min-height:42px;margin-top:4px;font-size:14px;line-height:21px;font-weight:400;color:var(--dn-koyu-soluk)}
.dnsb-durum{display:flex;align-items:center;gap:14px;min-height:72px;margin-top:24px;padding:10px 20px 10px 12px;border-radius:var(--dn-k-l);background:rgba(255,255,255,.07);box-shadow:inset 0 0 0 1px rgba(255,255,255,.16);color:#fff;transition:background-color var(--dn-sure) var(--dn-egri),box-shadow var(--dn-sure) var(--dn-egri)}
.dnsb-durum:hover{background:rgba(255,255,255,.11);box-shadow:inset 0 0 0 1px var(--dn-sicak);color:#fff;text-decoration:none}
.dnsb-durum__m{display:flex;flex:1 1 auto;flex-direction:column;min-width:0}
.dnsb-durum__m strong{font-family:var(--dn-bas);font-size:17px;line-height:24px;font-weight:700;color:#fff}
.dnsb-durum__m small{font-size:14px;line-height:21px;color:var(--dn-koyu-soluk)}
.dnsb-durum>i{color:var(--dn-sicak);font-size:14px}
.dnsb-rakam__harita{margin:0}
.dnsb-home .dnsb-rakam__harita h3{margin-bottom:8px;color:#fff;font-size:20px;line-height:28px}
.dnsb-rakam__tuval{position:relative}
.dnsb-rakam__tuval svg{display:block;width:100%;height:auto;fill:none;stroke:rgba(173,200,222,.42);stroke-width:6.4;stroke-linecap:round}
.dnsb-pin{position:absolute;display:flex;align-items:center;gap:8px;margin:-7px 0 0 -7px;white-space:nowrap}
.dnsb-pin i{display:block;flex:none;width:14px;height:14px;border-radius:50%;background:var(--dn-sicak);box-shadow:0 0 0 5px rgba(255,176,32,.24)}
.dnsb-pin b{font-family:var(--dn-bas);font-size:14px;line-height:20px;font-weight:700;color:#fff;text-shadow:0 1px 6px rgba(9,28,43,.9)}

/* Kapanış */
.dnsb-kapanis{position:relative;padding:0 0 var(--dn-bolum);background:#fff}
.dnsb-kapanis__panel{position:relative;display:grid;grid-template-columns:minmax(0,6fr) minmax(0,6fr);min-height:360px;border-radius:var(--dn-k-xl);overflow:hidden;background:linear-gradient(105deg,#0e2b41 0%,#133a5a 34%,#003070 72%);box-shadow:var(--dn-g-4)}
.dnsb-kapanis__metin{position:relative;z-index:1;align-self:center;padding:48px 24px 48px 56px;color:#fff}
.dnsb-home .dnsb-kapanis h2{color:#fff;font-size:clamp(1.75rem,1.1rem + 2vw,2.75rem);line-height:1.14;letter-spacing:-.012em}
.dnsb-kapanis__metin p{max-width:56ch;margin-top:12px;font-size:17px;line-height:27px;color:#fff}
.dnsb-kapanis__metin .dnsb-eylemler{margin-top:24px}
.dnsb-kapanis__foto{position:relative;min-height:220px}
.dnsb-kapanis__foto img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 60%;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 30%);mask-image:linear-gradient(90deg,transparent 0,#000 30%)}

/* Dar masaüstü */
@media (min-width:1200px) and (max-width:1339.98px){
  .dnsb-yorunge{--cap:376px;gap:32px}
  .dnsb-yorunge__oge{max-width:310px}
  .dnsb-yorunge__kol--sol .dnsb-yorunge__oge:nth-child(2){transform:translateX(-24px)}
  .dnsb-yorunge__kol--sag .dnsb-yorunge__oge:nth-child(2){transform:translateX(24px)}
  .dnsb-uzanti{gap:4px;padding:12px 11px}
  .dnsb-uzanti__ad{font-size:20px}
}

/* Dar masaüstü */
@media (min-width:1200px) and (max-width:1279.98px){
  .dnsb-rakam__izgara{gap:16px}
  .dnsb-rakam__izgara dd b{font-size:52px;line-height:56px}
}

/* Alçak dizüstü ekranı: şerit ilk ekrana sığsın */
@media (min-width:1200px) and (max-height:800px){
  .dnsb-sahne__hero{padding-top:16px}
  .dnsb-hero__metin{padding-top:24px;padding-bottom:76px}
  .dnsb-hero__bas{margin-top:12px;font-size:56px}
  .dnsb-hero__giris{margin-top:10px;font-size:16px;line-height:25px}
  .dnsb-capa{margin-top:10px;padding-block:4px}
  .dnsb-guven{margin-top:14px;padding-top:12px}
}

/* Hamburger menü: 1200 altı */
@media (max-width:1199.98px){
  .dnsb-giris-bag{justify-content:center;width:100%;min-height:48px;border:1px solid var(--dn-cizgi);border-radius:var(--dn-k-m)}
}

/* Dar dizüstü, 992-1199: yan yana düzen korunur */
@media (max-width:1199.98px){
  .dnsb-hero__metin{width:64%;padding:36px 16px 84px 40px}
  .dnsb-hero__gorsel{left:50%}
  .dnsb-hero__camlar{display:none}
  .dnsb-serit{margin-inline:16px}
  .dnsb-serit__oge{gap:10px;padding:10px}
  .dnsb-uzantilar{gap:10px}
  .dnsb-uzanti{flex-direction:column;align-items:flex-start;justify-content:center;gap:2px;height:96px;padding:10px 14px}
  .dnsb-uzanti__ad{font-size:21px;line-height:26px}
  .dnsb-uzanti__f{align-items:flex-start;text-align:left}
  .dnsb-seviye{display:none}
  .dnsb-sutun__bas{min-height:84px}
  .dnsb-sutun__bas h4{font-size:18px;line-height:26px;letter-spacing:0}
  .dnsb-uzanti--tum{align-items:center;text-align:center}
  .dnsb-sutun{padding:24px 20px}
  .dnsb-sutun--one{padding-block:36px}
  .dnsb-altyapi__ic{gap:32px}
  .dnsb-altyapi__ozl li{padding:10px;gap:10px}
  .dnsb-altyapi__ozl .dnsb-karo{width:36px;height:36px;font-size:16px}
  .dnsb-altyapi__ozl strong{font-size:14px;line-height:20px}
  .dnsb-urun__cam{padding:16px 18px;gap:16px}
  .dnsb-home .dnsb-urun h3{font-size:26px;line-height:32px}
  .dnsb-yorunge{--cap:296px;gap:24px;min-height:0}
  .dnsb-yorunge__oge{max-width:none}
  .dnsb-yorunge__kol{gap:28px}
  .dnsb-yorunge__kol--sol .dnsb-yorunge__oge:nth-child(n),.dnsb-yorunge__kol--sag .dnsb-yorunge__oge:nth-child(n){transform:none}
  .dnsb-uydular a{padding:0 12px 0 10px;font-size:13px}
  .dnsb-uydular li{--r:calc(var(--cap)*.41)}
  .dnsb-cekirdek{width:calc(var(--cap)*.42);height:calc(var(--cap)*.42)}
  .dnsb-amblem{width:64px;height:64px}
  .dnsb-cekirdek strong{font-size:13px;line-height:18px;margin-top:2px}
  .dnsb-destek__ic{gap:40px}
  .dnsb-sss__ic{gap:40px}
  .dnsb-rakam__izgara dd b{font-size:clamp(2.75rem,4.2vw,3.5rem);line-height:1.08}
  .dnsb-spek dd{font-size:14px;line-height:22px}
  .dnsb-spek>div{padding:8px 2px}
  .dnsb-rakam__ic{gap:32px}
  .dnsb-kapanis__panel{grid-template-columns:minmax(0,3fr) minmax(0,2fr);min-height:300px}
  .dnsb-kapanis__metin{padding-left:40px}
}

/* 1200-1259: dört sütunda büyük fiyatlar tek satırda kalır */
@media (min-width:1200px) and (max-width:1259.98px){
  .dnsb-seviye{display:none}
  .dnsb-sutun__bas{min-height:84px}
  .dnsb-sutun{padding-inline:22px}
}

/* Dört sütunda DDoS kartlarının fiyatları aynı hizada kalır */
@media (min-width:992px) and (max-width:1199.98px){
  .dnsb-sutun__bas:has(.dnsb-sutun__ust){min-height:100px}
}

/* Tablet, 768-991 */
@media (max-width:991.98px){
  .dnsb-hero__metin{width:68%;padding:28px 12px 80px 28px}
  .dnsb-hero__gorsel{left:48%}
  .dnsb-hero{min-height:0}
  .dnsb-hero__bas{font-size:44px;line-height:48px}
  .dnsb-hero__giris{font-size:16px;line-height:25px}
  .dnsb-guven{display:none}
  .dnsb-capa__tutar strong{font-size:38px;line-height:42px}
  .dnsb-hero__panel .dnsb-eylemler{margin-top:12px}
  .dnsb-hero__panel .dnsb-btn{min-height:48px;padding:0 20px;font-size:15px}
  .dnsb-serit__oge{flex-direction:column;align-items:flex-start;gap:6px;min-height:0}
  .dnsb-uzun{display:none}
  .dnsb-alan{padding-top:40px;padding-bottom:88px}
  .dnsb-alan__panel{padding:40px 24px 0}
  .dnsb-uzanti{height:92px;padding:8px 10px}
  .dnsb-uzanti__ad{font-size:18px;line-height:24px}
  .dnsb-uzanti__f b{font-size:15px}
  .dnsb-uzanti--tum{font-size:14px}
  .dnsb-uzanti--tum i{display:none}
  .dnsb-paketler{padding-top:32px}
  .dnsb-sutun__bas{min-height:0}
  .dnsb-tablo{grid-template-columns:repeat(2,minmax(0,1fr));border:0;background:none;box-shadow:none;gap:16px}
  .dnsb-sutun,.dnsb-sutun+.dnsb-sutun,.dnsb-sutun+.dnsb-sutun--one,.dnsb-sutun--one+.dnsb-sutun{margin:0;padding:24px;border:1px solid var(--dn-cizgi);border-radius:var(--dn-k-l);background:#fff;box-shadow:var(--dn-g-2)}
  .dnsb-sutun+.dnsb-sutun--one,.dnsb-sutun--one{border:2px solid var(--dn-canli);box-shadow:var(--dn-g-3)}
  .dnsb-sutun--koyu,.dnsb-sutun+.dnsb-sutun--koyu{border:0;background:linear-gradient(160deg,var(--dn-900),var(--dn-800))}
  .dnsb-js .dnsb-sutun__ac{display:block}
  .dnsb-js .dnsb-sutun:not(.is-acik) .dnsb-oz li:not(.is-ana){display:none}
  .dnsb-js .dnsb-sutun:not(.is-acik):not(.dnsb-sutun--kisa) .dnsb-sutun__tum{display:none}
  .dnsb-oz{margin-top:16px;padding-top:16px;gap:10px;flex:none}
  .dnsb-sutun__tum{padding-top:4px}
  .dnsb-kiyas__tablo td,.dnsb-kiyas__tablo thead th,.dnsb-kiyas__tablo tbody th{padding-inline:8px}
  .dnsb-altyapi__ic{grid-template-columns:minmax(0,1fr);gap:28px}
  .dnsb-altyapi__metin .dnsb-eylemler{margin-top:20px}
  .dnsb-urun{min-height:0;aspect-ratio:16/9}
  .dnsb-kalkan__ic{min-height:480px;padding-block:48px}
  .dnsb-kalkan::before{background:linear-gradient(90deg,rgba(14,43,65,.94) 0,rgba(14,43,65,.74) 56%,rgba(14,43,65,.1) 88%)}
  .dnsb-yorunge{--cap:0px;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 28px}
  .dnsb-yorunge__merkez,.dnsb-yorunge__hat{display:none}
  .dnsb-yorunge__kol{gap:16px}
  .dnsb-yorunge__kol--sol .dnsb-yorunge__oge{flex-direction:row;text-align:left}
  .dnsb-yorunge__kol--sol,.dnsb-yorunge__kol--sag{align-items:stretch}
  .dnsb-destek{padding:64px 0}
  .dnsb-destek__ic{grid-template-columns:320px minmax(0,1fr);gap:32px;align-items:stretch}
  .dnsb-destek__foto{height:100%}
  .dnsb-destek__foto img{height:100%;object-fit:cover;object-position:34% 50%}
  .dnsb-kanal{min-height:72px;padding:12px 14px}
  .dnsb-rakam{padding:56px 0}
  .dnsb-rakam__ic{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:32px}
  .dnsb-rakam__izgara{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 16px}
  .dnsb-sss__ic{display:flex;flex-direction:column;align-items:stretch;gap:28px}
  .dnsb-sss__sol{display:contents}
  .dnsb-sss__bas{order:1}
  .dnsb-sss__grup{order:2}
  .dnsb-sss__kart{order:3;display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:4px 16px;margin-top:0}
  .dnsb-sss__kart .dnsb-btn{grid-column:3;grid-row:1;width:auto}
  .dnsb-sss__kart small{grid-column:3;grid-row:2;width:auto}
}

/* Tablet: paragraf görselin üstüne geldiği için sol taraf koyulaşır */
@media (min-width:768px) and (max-width:1023.98px){
  .dnsb-hero__gorsel::after{background:linear-gradient(90deg,rgba(9,28,43,.94) 0,rgba(9,28,43,.84) 38%,rgba(9,28,43,0) 68%),linear-gradient(0deg,rgba(9,28,43,.5) 0,rgba(9,28,43,0) 24%)}
}

/* Telefon */
@media (max-width:767.98px){
  .dnsb-sahne__hero{padding-top:12px}
  .dnsb-hero{border-radius:var(--dn-k-l)}
  .dnsb-hero__metin{width:100%;padding:20px 20px 148px}
  .dnsb-hero__gorsel{inset:auto 0 0 0;height:150px;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 34%);mask-image:linear-gradient(180deg,transparent 0,#000 34%)}
  .dnsb-hero__gorsel::after{background:linear-gradient(0deg,rgba(9,28,43,.6) 0,rgba(9,28,43,0) 40%)}
  .dnsb-hero__bas{margin-top:12px;font-size:36px;line-height:40px}
  .dnsb-hero__giris{min-height:72px;margin-top:10px;font-size:16px;line-height:24px}
  .dnsb-capa{margin-top:12px;padding:0;gap:12px}
  .dnsb-capa__et{font-size:13px;line-height:18px;padding-right:12px}
  .dnsb-capa__tutar strong{font-size:34px;line-height:40px}
  .dnsb-capa__tutar span{font-size:15px}
  .dnsb-hero__panel .dnsb-eylemler,.dnsb-hero__panel:not(.is-acik) .dnsb-eylemler{margin-top:12px;width:100%}
  .dnsb-hero__panel .dnsb-eylemler .dnsb-btn{width:100%;min-height:48px;font-size:16px}
  .dnsb-hero__panel .dnsb-btn--hayalet-k{display:none}
  .dnsb-hero__halka{display:none}
  .dnsb-hero__tel{display:block;margin-top:10px;font-size:13px;line-height:18px;font-weight:500;color:var(--dn-koyu-metin)}
  .dnsb-serit{margin:-12px 8px 0;padding:4px}
  .dnsb-serit__oge{align-items:center;min-height:64px;gap:2px;padding:6px 2px;text-align:center}
  .dnsb-serit__oge .dnsb-karo{width:30px;height:30px;font-size:15px;border-radius:var(--dn-k-s)}
  .dnsb-serit__m strong{font-size:13px;line-height:18px;font-weight:700}
  .dnsb-serit__m small{display:none}
  .dnsb-serit__oge[aria-selected=true]::after{left:12px;right:12px;height:2px}
  .dnsb-serit__oge+.dnsb-serit__oge::before{top:14px;bottom:14px}
  .dnsb-alan{padding-top:12px;padding-bottom:0}
  .dnsb-alan__panel{padding:18px 16px 16px;border-radius:var(--dn-k-l)}
  .dnsb-alan__panel h2{font-size:22px;line-height:28px}
  .dnsb-alan__alt{display:none}
  .dnsb-arama{flex-wrap:wrap;min-height:0;margin-top:12px;padding:0;background:none;box-shadow:none;gap:8px}
  .dnsb-arama:focus-within{box-shadow:none}
  .dnsb-arama__ikon{position:absolute;left:14px;top:18px;z-index:1;font-size:18px}
  .dnsb-arama input[type=text]{width:100%;flex:1 1 100%;height:54px;padding:0 12px 0 42px;border-radius:var(--dn-k-m);background:#fff;box-shadow:inset 0 0 0 1px var(--dn-alan-kenar);font-size:17px}
  .dnsb-arama input[type=text]:focus{box-shadow:inset 0 0 0 2px var(--dn-canli)}
  .dnsb-arama .dnsb-btn{flex:1 1 100%;width:100%}
  #btnDomainSearch{order:2}
  #btnTransfer{order:3}
  .dnsb-uzantilar{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px;margin-bottom:0}
  .dnsb-uzanti{flex-direction:row;align-items:center;justify-content:space-between;gap:6px;height:76px;padding:10px 12px;border-radius:var(--dn-k-m)}
  .dnsb-uzanti--tum{justify-content:center;font-size:15px}
  .dnsb-uzanti--tum i{display:inline}
  .dnsb-uzanti__f{align-items:flex-end;text-align:right}
  .dnsb-uzanti__ad{font-size:18px;letter-spacing:0}
  .dnsb-bolum-bas h2,.dnsb-altyapi h2,.dnsb-destek h2,.dnsb-sss h2,.dnsb-rakam h2,.dnsb-duyurular h2,.dnsb-alan__panel h2{font-size:28px;line-height:34px}
  .dnsb-altyapi .dnsb-altyapi__metin h2,.dnsb-home .dnsb-kalkan h2{font-size:32px;line-height:38px}
  .dnsb-bolum-bas{margin-bottom:24px}
  .dnsb-bolum-bas p,.dnsb-giris{font-size:17px;line-height:27px}
  .dnsb-paketler{padding-top:40px}
  .dnsb-js .dnsb-sekmeler{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:20px}
  .dnsb-sekme{justify-content:center;min-height:52px;padding:6px 10px;font-size:15px;line-height:20px;box-shadow:none}
  .dnsb-sekme:last-child:nth-child(odd){grid-column:1/-1}
  .dnsb-sekme[aria-selected=true]{box-shadow:none}
  .dnsb-tablo{grid-template-columns:minmax(0,1fr)}
  .dnsb-sutun,.dnsb-sutun+.dnsb-sutun,.dnsb-sutun+.dnsb-sutun--one,.dnsb-sutun--one+.dnsb-sutun{padding:20px}
  .dnsb-sutun--one{margin-top:8px}
  .dnsb-sutun__fiyat{margin:8px 0 12px}
  .dnsb-oz{margin-top:14px;padding-top:12px}
  .dnsb-panel__not{text-align:left;justify-content:flex-start;margin-top:20px}
  .dnsb-panel__bag{text-align:left}
  .dnsb-stokyok[open]{padding:4px 16px 8px}
  .dnsb-kiyas__tablo,.dnsb-kiyas__tablo tbody,.dnsb-kiyas__tablo tr,.dnsb-kiyas__tablo td,.dnsb-kiyas__tablo tbody th{display:block}
  .dnsb-kiyas__tablo thead{display:none}
  .dnsb-kiyas__tablo tbody tr{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:4px 8px;padding:12px 0}
  .dnsb-kiyas__tablo tbody th{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;padding:0;white-space:normal;font-size:16px}
  .dnsb-kiyas__tablo td{grid-column:span 2;padding:0;font-size:15px}
  .dnsb-kiyas__tablo td::before{content:attr(data-ad);display:block;font-size:13px;line-height:18px;color:var(--dn-soluk)}
  .dnsb-kiyas__tablo td[data-ad="Aylık"]{grid-column:span 3;align-self:center;font-size:18px;line-height:24px}
  .dnsb-kiyas__tablo td[data-ad="Aylık"]::before{font-family:var(--dn-yazi);font-weight:400}
  .dnsb-kiyas__eylem{grid-column:span 3;align-self:center}
  .dnsb-kiyas__eylem .dnsb-btn{width:100%;padding:0 8px}
  .dnsb-altyapi__ic{gap:24px}
  .dnsb-altyapi__ozl{gap:8px;padding-top:16px}
  .dnsb-altyapi__ozl li{min-height:64px;padding:8px 10px}
  .dnsb-altyapi__ozl .dnsb-karo{display:none}
  .dnsb-altyapi__metin .dnsb-btn{width:100%}
  .dnsb-altyapi__metin .dnsb-bag{width:100%;justify-content:center}
  .dnsb-urun{display:block;aspect-ratio:auto;padding:0;border-radius:var(--dn-k-l);background:var(--dn-900)}
  .dnsb-urun__gorsel{position:static;display:block;width:100%;height:auto;aspect-ratio:16/9;object-position:50% 34%}
  .dnsb-urun__cam{flex-direction:column;align-items:stretch;gap:12px;min-height:0;padding:16px;border-radius:0;background:var(--dn-900);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}
  .dnsb-urun__alt{flex-direction:row;align-items:center;justify-content:space-between}
  .dnsb-urun__alt .dnsb-fiyat strong{font-size:32px;line-height:38px}
  .dnsb-urun__alt .dnsb-btn{padding:0 16px}
  .dnsb-kalkan::before{display:none}
  .dnsb-kalkan__gorsel{position:static;display:block;height:200px;object-position:50% 52%;-webkit-mask-image:linear-gradient(180deg,#000 62%,transparent);mask-image:linear-gradient(180deg,#000 62%,transparent)}
  .dnsb-kalkan__ic{min-height:0;padding-block:8px 48px}
  .dnsb-kalkan__giris{font-size:16px;line-height:25px}
  .dnsb-kalkan__liste{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;gap:8px;margin-top:16px}
  .dnsb-kalkan__liste li{min-height:56px;padding:6px 10px;gap:8px;font-size:14px;line-height:19px}
  .dnsb-kalkan__liste .dnsb-karo{width:auto;height:auto;background:none;font-size:15px}
  .dnsb-kalkan__alt{width:100%;margin-top:20px}
  .dnsb-kalkan .dnsb-btn{width:100%;min-height:52px;padding:0 16px;font-size:16px}
  .dnsb-yorunge{grid-template-columns:minmax(0,1fr);gap:16px}
  .dnsb-yorunge__ikon{width:48px;height:48px;font-size:18px}
  .dnsb-destek{padding:48px 0}
  .dnsb-destek__ic{grid-template-columns:minmax(0,1fr);gap:24px}
  .dnsb-destek__foto{height:auto;border-radius:var(--dn-k-l)}
  .dnsb-destek__foto img{height:auto;aspect-ratio:3/2;object-position:50% 62%}
  .dnsb-sss__oge summary{padding:12px 16px;font-size:16px;min-height:64px}
  .dnsb-sss__yanit{padding:0 16px 16px}
  .dnsb-sss__kart{display:none}
  .dnsb-rakam{padding:48px 0}
  .dnsb-rakam__ic{grid-template-columns:minmax(0,1fr);gap:32px}
  .dnsb-rakam__izgara{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px;margin-top:20px}
  .dnsb-rakam__izgara>div{padding-left:12px}
  .dnsb-rakam__izgara dd b{font-size:40px;line-height:44px}
  .dnsb-rakam__izgara dt{min-height:0}
  .dnsb-rakam__izgara dd span{font-size:15px;line-height:22px}
  .dnsb-durum{padding-right:14px}
  .dnsb-durum__m strong{font-size:16px;line-height:22px}
  .dnsb-pin b{font-size:13px}
  .dnsb-pin i{width:12px;height:12px;box-shadow:0 0 0 4px rgba(255,176,32,.24)}
  .dnsb-kapanis{padding-bottom:56px}
  .dnsb-kapanis__panel{grid-template-columns:minmax(0,1fr);border-radius:var(--dn-k-l)}
  .dnsb-kapanis__metin{padding:28px 20px 8px}
  .dnsb-kapanis__metin .dnsb-btn{width:100%}
  .dnsb-kapanis__foto{min-height:130px}
  .dnsb-kapanis__foto img{-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 14%);mask-image:linear-gradient(180deg,transparent 0,#000 14%)}
}

/* Telefon */
@media (max-width:379.98px){
  .dnsb-uzanti{flex-direction:column;align-items:flex-start;justify-content:center;height:auto;min-height:76px;gap:0}
  .dnsb-uzanti__f{align-items:flex-start;text-align:left}
}

/* Telefon */
@media (max-width:359.98px){
  .dnsb-durum__m small{font-size:13px}
  .dnsb-rakam__izgara dd b{font-size:34px;line-height:38px}
}

/* Musteri kisayol seridi: dar ekranda iki sutun, tasma olmaz */
.dnsb-hesabim li{min-width:0}
@media (max-width:991.98px){
  .dnsb-hesabim__ic{flex-wrap:wrap;gap:4px 24px;padding-block:8px}
  .dnsb-hesabim ul{flex-wrap:wrap;gap:0 24px}
}
@media (max-width:575.98px){
  .dnsb-hesabim__ic{display:block}
  .dnsb-hesabim ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px}
  .dnsb-hesabim a{min-height:44px}
}

/* Giris metni gorselin ustune binmesin */
@media (min-width:1340px){.dnsb-hero__giris{max-width:440px}}
@media (min-width:1200px) and (max-width:1339.98px){.dnsb-hero__giris{max-width:408px}}
@media (min-width:1024px) and (max-width:1199.98px){.dnsb-hero__giris{max-width:432px}}

/* Uzun marka adiyla kapanis basligi iki satirda kalir */
@media (min-width:1200px){.dnsb-kapanis__panel{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}}

/* Son duyurular: kanca dolu dizi verirse çizilir */
.dnsb-duyurular{padding:var(--dn-bolum) 0 0;background:#fff}
.dnsb-duyurular__bas{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:8px 16px;margin-bottom:32px}
.dnsb-duyurular__tum{display:inline-flex;flex:none;align-items:center;gap:8px;min-height:24px;font-size:15px;font-weight:600;color:var(--dn-canli-koyu)}
.dnsb-duyurular__izgara{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--dn-aralik)}
.dnsb-duyuru{display:block;padding:28px;border:1px solid var(--dn-cizgi-ince);border-radius:var(--dn-k-l);background:#fff;box-shadow:var(--dn-g-2);color:var(--dn-metin);transition:border-color var(--dn-sure) var(--dn-egri)}
.dnsb-duyuru:hover{border-color:var(--dn-canli);color:var(--dn-metin);text-decoration:none}
.dnsb-duyuru__tarih{display:block;font-size:13px;line-height:18px;color:var(--dn-soluk);font-variant-numeric:tabular-nums}
.dnsb-duyuru h3{margin:8px 0;font-size:17px;line-height:24px;font-weight:700;color:var(--dn-baslik)}
.dnsb-duyuru p{margin:0;font-size:14px;line-height:21px}
.dnsb-duyuru :is(h3,p){display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}
@media (max-width:767.98px){
  .dnsb-duyurular__bas{margin-bottom:24px}
  .dnsb-duyurular__izgara{grid-template-columns:minmax(0,1fr);gap:16px}
}
/* ---- DNS Bilisim mağaza, sipariş, sepet, ödeme, alan adı ---- */
.products .product .btn-order-now.dnsb-stoksuz{border:1px solid var(--dn-cizgi) !important;background:var(--dn-zemin-2) !important;color:var(--dn-soluk) !important;opacity:1;cursor:not-allowed}

/* Nexus sipariş kuralları bu değişkenlerle panel rengini alır. all.css custom.css'ten sonra yüklenir: önek body */
#order-standard_cart{--bg:#fff;--bg-lifted:var(--dn-canli-zemin);--bg-accented:var(--dn-zemin-1);--bg-muted:var(--dn-cizgi-ince);--bg-inverted:var(--dn-canli);--grayscale:var(--dn-canli);--grayscale-lifted:var(--dn-canli-koyu);--border-muted:var(--dn-cizgi-ince);--border-lifted:var(--dn-cizgi);--text:var(--dn-baslik);--text-accented:var(--dn-metin);--text-muted:var(--dn-soluk);--text-lifted:var(--dn-soluk);--rounding-md:var(--dn-k-m);--rounding-lg:var(--dn-k-m);font-size:14px;line-height:21px;color:var(--dn-metin)}
body #order-standard_cart :is(.products .product footer .btn-order-now,.text-right .btn-checkout){background:var(--z);border-color:var(--k)}
body #order-standard_cart .text-right .btn-checkout{min-height:44px;border-radius:var(--dn-k-s)}

/* Düzen: kategori sütunu panelle aynı ölçüde */
body #order-standard_cart>.row{display:flex;gap:32px;margin:0}
body #order-standard_cart .cart-sidebar{flex:0 0 264px;float:none;width:auto;min-width:0;padding:0}
body #order-standard_cart .cart-body{flex:1 1 0;float:none;width:auto;min-width:0;padding:0}
body #order-standard_cart .header-lined{margin:0 0 16px;padding:0;border:0}
body #order-standard_cart .header-lined h1{font-size:28px;font-weight:700;line-height:36px;letter-spacing:-.01em;color:var(--dn-baslik)}
body #order-standard_cart .header-lined p{margin:4px 0 0}
body #order-standard_cart .cart-sidebar .card{margin-bottom:16px;border:0;background:none;box-shadow:none}
body #order-standard_cart .cart-sidebar .card-header{padding:0 12px 8px;border:0;background:none}
body #order-standard_cart .cart-sidebar .card-sidebar .panel-title{margin-left:-4px;font-size:13px!important;font-weight:600;line-height:18px;color:var(--dn-soluk)}
body #order-standard_cart .cart-sidebar .card-sidebar .panel-title .fas{display:none}
body #order-standard_cart .cart-sidebar .card-body{padding:0 12px}
body #order-standard_cart .cart-sidebar .list-group-item:is(*,:first-child,:last-child){display:flex;align-items:center;gap:8px;min-height:36px;padding:8px 12px;border-radius:var(--dn-k-s);background:none;line-height:20px;color:var(--dn-metin)}
body #order-standard_cart .cart-sidebar .list-group-item:hover{background:var(--dn-zemin-2)}
body #order-standard_cart .cart-sidebar .list-group-item.active{background:var(--dn-canli-zemin);font-weight:600;color:var(--dn-canli-koyu)}

/* Paket kartı */
/* Şablon her iki pakette yeni .row açar */
body #order-standard_cart .products .row-eq-height{row-gap:24px;margin-bottom:24px}
body #order-standard_cart .products .row-eq-height>div{display:flex}
body #order-standard_cart .cart-body .products .product{display:flex;flex:1 1 auto;flex-direction:column;min-width:0;margin:0;border-color:var(--dn-cizgi-ince);border-radius:var(--dn-k-m);box-shadow:var(--dn-g-1)}
body #order-standard_cart .products .product header{padding:12px 16px}
body #order-standard_cart .products .product header span{font-size:16px;font-weight:700;line-height:24px}
body #order-standard_cart .products .product header .qty{font-size:13px;font-weight:500;line-height:18px}
body #order-standard_cart .products .product div.product-desc{flex:1 1 auto;padding:16px;font-size:14px;line-height:21px}
body #order-standard_cart .cart-body .products .product footer{margin:0;padding:12px 16px 16px;border-top:1px solid var(--dn-cizgi-ince);font-size:13px;line-height:18px;color:var(--dn-soluk)}
body #order-standard_cart .products .product footer .product-pricing{margin:0 0 12px}
body #order-standard_cart .products .product span.price{display:block;font-size:20px;font-weight:700;line-height:28px;color:var(--dn-baslik);font-variant-numeric:tabular-nums}
body #order-standard_cart .products .product footer .btn-order-now{padding:0 16px;border-radius:var(--dn-k-s)}

/* Sepet, özet */
body.dnsb-ic #order-standard_cart:has(.view-cart-empty) :is(.btn-checkout,.view-cart-tabs,.empty-cart,.view-cart-gateway-checkout){display:none}
body.dnsb-ic #order-standard_cart:has(.view-cart-empty) .btn-continue-shopping{--z:var(--dn-canli);--k:var(--dn-canli);--y:#fff;width:100%;margin:0}
body.dnsb-ic .btn-warning{--z:#fff;--k:var(--dn-cizgi);--y:var(--dn-baslik)}
body.dnsb-ic .btn-warning:hover{--k:var(--dn-canli)}
body #order-standard_cart .cart-body .view-cart-items-header{padding:10px 16px;background:var(--dn-zemin-1);font-size:13px;font-weight:600;line-height:18px;color:var(--dn-soluk)}
body #order-standard_cart .view-cart-items .item{padding:12px 16px;background:#fff;font-size:14px;line-height:20px}
body #order-standard_cart .view-cart-items .item-title{font-size:14px;font-weight:600}
body #order-standard_cart .view-cart-items :is(.item-group,.item-domain){font-size:13px;line-height:18px;color:var(--dn-soluk)}
body #order-standard_cart .view-cart-items .item-price span{font-size:14px;font-weight:600;line-height:20px;color:var(--dn-baslik);font-variant-numeric:tabular-nums}
body #order-standard_cart .view-cart-items .item-price .cycle{font-size:13px;font-weight:400;color:var(--dn-soluk)}
body #order-standard_cart .view-cart-items .item:nth-child(even){background:#fff}
body #order-standard_cart .order-summary{box-shadow:var(--dn-g-1)}
body #order-standard_cart .order-summary h2{padding:12px 16px;font-size:16px;font-weight:700;line-height:24px;text-align:left}
body #order-standard_cart .order-summary .summary-container{min-height:0;font-size:14px;line-height:21px;color:var(--dn-metin)}
body #order-standard_cart .order-summary .summary-totals{border-color:var(--dn-cizgi-ince)}
body #order-standard_cart .order-summary :is(.subtotal,.recurring-totals,.total-due-today span:last-child){font-size:14px;line-height:21px}
body #order-standard_cart .order-summary :is(.recurring-charges,.recurring-charges span){font-size:13px;font-style:normal;color:var(--dn-soluk)}
body #order-standard_cart :is(.view-cart-items .item-qty .btn,#btnEmptyCart,#btnEmptyCart span){font-size:13px}
body #order-standard_cart #btnEmptyCart{border-radius:var(--dn-k-s)}
body #order-standard_cart .order-summary .total-due-today .amt{font-size:28px;font-weight:700;line-height:36px;color:var(--dn-baslik);font-variant-numeric:tabular-nums}
body #order-standard_cart .view-cart-tabs .tab-content{padding:16px}
body #order-standard_cart .view-cart-tabs .nav-tabs{padding:0;font-size:14px}

/* Ürün yapılandırma, ek ürün, ödeme adımı */
body #order-standard_cart .info-text-sm{font-size:13px;line-height:18px}
body #order-standard_cart .product-info{padding:12px 16px;font-size:14px;line-height:21px}
body #order-standard_cart .product-info .product-title{font-size:16px;font-weight:700;line-height:24px;color:var(--dn-baslik)}
body #order-standard_cart .sub-heading{border-color:var(--dn-cizgi)}
body #order-standard_cart .sub-heading span{background:var(--dn-zemin-1);font-size:13px;font-weight:600;color:var(--dn-soluk)}
body #order-standard_cart .panel-addon{font-size:14px}
body #order-standard_cart .panel-addon .panel-price{background:var(--dn-zemin-2);color:var(--dn-baslik)}
body #order-standard_cart .panel-addon .panel-add{background:var(--dn-canli);color:#fff}
body #order-standard_cart .account-select-container div.account{background:#fff}
body #order-standard_cart .apply-credit-container{border-radius:var(--dn-k-m);background:var(--dn-zemin-2)}

/* Alan adı kaydı */
body #order-standard_cart .domain-checker-container{margin:0 0 24px;border:1px solid var(--dn-cizgi-ince);border-radius:var(--dn-k-m);background:#fff;box-shadow:var(--dn-g-1)}
body #order-standard_cart .domain-checker-bg{padding:16px;background:none}
body #order-standard_cart .input-group-box{padding:0;background:none;box-shadow:none}
body #order-standard_cart .domain-lookup-loader{color:var(--dn-soluk)}
.featured-tld .price:is(*,[class]){background:var(--dn-canli-zemin);font-weight:600;color:var(--dn-canli-koyu)}
body #order-standard_cart .domain-pricing :is(.featured-tld,.domain-promo-box){border:1px solid var(--dn-cizgi-ince);border-radius:var(--dn-k-m);box-shadow:var(--dn-g-1)}
body #order-standard_cart .domain-pricing .bg-white{border-color:var(--dn-cizgi-ince);border-radius:var(--dn-k-m)}
body #order-standard_cart .domain-pricing .tld-pricing-header{--grayscale:var(--dn-cizgi);--border-lifted:var(--dn-cizgi)}
body #order-standard_cart .domain-pricing .tld-row{font-size:14px;line-height:20px}
body #order-standard_cart .domain-promo-box{color:var(--dn-metin)}
body #order-standard_cart .domain-promo-box h3{font-size:16px;font-weight:700;line-height:24px;color:var(--dn-baslik)}
body #order-standard_cart .domain-promo-box :is(p,.text-warning,.text-primary){font-size:14px;line-height:21px;color:var(--dn-metin)!important}

body #order-standard_cart .spotlight-tld div{text-transform:none}
body .tld-sale-group{display:inline-block;margin-left:4px;padding:0 8px;border-radius:var(--dn-k-tam);background:var(--z,var(--dn-zemin-2));font-size:13px;font-weight:600;line-height:18px;text-transform:capitalize;color:var(--y,var(--dn-metin))}
.tld-sale-group-hot{--z:var(--dn-hata-zemin);--y:var(--dn-hata)}
.tld-sale-group-new{--z:var(--dn-olumlu-zemin);--y:var(--dn-olumlu)}
.tld-sale-group-sale{--z:var(--dn-sicak-zemin);--y:var(--dn-sicak-metin)}

/* Alan adı yenileme */
#order-standard_cart .domain-renewals .domain-renewal:is(*,:nth-child(even)){margin-bottom:16px;padding:16px;border:1px solid var(--dn-cizgi-ince);border-radius:var(--dn-k-m);background:#fff;box-shadow:var(--dn-g-1)}
#order-standard_cart .domain-renewals .domain-renewal h3{margin:0;font-size:16px;font-weight:700;line-height:24px}
body.dnsb-ic .btn-add-renewal-to-cart:not(.disabled,:disabled){--z:var(--dn-canli);--k:var(--dn-canli);--y:#fff}

/* Alan adı fiyatları */
.featured-tlds-container{margin-top:0}
.tld-filters a{padding:4px 10px;border-radius:var(--dn-k-tam);background:var(--dn-zemin-2);font-size:13px;font-weight:500;line-height:18px;color:var(--dn-metin)}
.tld-filters a.badge-success{background:var(--dn-canli);color:#fff}
.featured-tld{border:1px solid var(--dn-cizgi-ince);border-radius:var(--dn-k-m);box-shadow:var(--dn-g-1);overflow:hidden}
#tableDomainPricing tr>:nth-child(n+6){font-size:13px;line-height:18px;color:var(--dn-soluk)}
#tableDomainPricing :is(td,th){white-space:nowrap}
[data-dnsb-sablon=domain-pricing] #main-body h4{font-size:16px;font-weight:700;line-height:24px}
@media (max-width:991.98px){
  #tableDomainPricing tr>:nth-child(n+6){display:none}
}

/* all.css sütunu 1199 altında gizler: 992 üstünde kalır, altında yatay kayan satır olur */
@media (min-width:992px){
  body #order-standard_cart .cart-sidebar{display:block}
  body #order-standard_cart .cart-sidebar .collapsable-card-body{display:block!important}
  body #order-standard_cart .sidebar-collapsed{display:none}
}
@media (max-width:991.98px){
  body #order-standard_cart>.row{display:block}
  body #order-standard_cart .cart-sidebar{display:flex;gap:8px;margin:0 0 16px;overflow-x:auto;scrollbar-width:none}
  body #order-standard_cart .cart-sidebar::-webkit-scrollbar{display:none}
  body #order-standard_cart .cart-sidebar .card-sidebar{display:contents}
  body #order-standard_cart .cart-sidebar :is(.card-header,.card-sidebar:has(form) .collapsable-card-body){display:none!important}
  body #order-standard_cart .cart-sidebar .list-group{display:flex!important;flex:none;flex-direction:row;gap:8px}
  body #order-standard_cart .cart-sidebar .list-group-item:is(*,:first-child,:last-child){flex:none;width:auto;min-height:44px;margin:0;border:1px solid var(--dn-cizgi);background:#fff;white-space:nowrap}
  /* Misafirin para birimi seçimi burada kalır, kategori seçicileri satırla yinelenir */
  body #order-standard_cart .sidebar-collapsed{margin:0 0 16px;padding:0}
  body #order-standard_cart .sidebar-collapsed:not(:has(form)),body #order-standard_cart .sidebar-collapsed>.panel{display:none}
}
@media (max-width:767.98px){
  body #order-standard_cart .sidebar-collapsed select{height:44px}
}
@media (max-width:575.98px){
  body #order-standard_cart .header-lined h1{font-size:24px;line-height:32px}
  body #order-standard_cart .products .row-eq-height{row-gap:16px;margin-bottom:16px}
  body #order-standard_cart input.form-control{height:44px!important;font-size:16px}
  /* Sepet satırı: adet, güncelle ve tutar tek satırda */
  body #order-standard_cart .view-cart-items .item>.row{display:grid;grid-template-columns:72px auto minmax(0,1fr);gap:8px;align-items:center;margin:0}
  body #order-standard_cart .view-cart-items .item>.row>*{width:auto;max-width:none;padding:0}
  body #order-standard_cart .view-cart-items .item>.row>:first-child{grid-column:1/-1}
  body #order-standard_cart .view-cart-items .item-qty{display:contents}
  body #order-standard_cart .view-cart-items .item-qty .btn{min-height:44px;margin:0}
  body #order-standard_cart .view-cart-items .item-price{grid-column:3;text-align:right}
  body #order-standard_cart .domain-input-group .btn-block{margin:8px 0 0}
}
/* ---- DNS Bilisim müşteri paneli, hizmet, alan adı, fatura ---- */
:root{--dn-hata:#b42318;--dn-hata-koyu:#912018;--dn-hata-zemin:#fdecea}

/* Temel: her kural .dnsb-ic altındadır, ana sayfaya sızmaz */
body.dnsb-ic{--rounding-sm:.25rem;--rounding-md:.5rem;--rounding-lg:.75rem;--dn-gecis:120ms var(--dn-egri)}
/* Tema height:100% verir: yükseklik serbest kalmalı */
@media screen{body.dnsb-ic{display:flex;flex-direction:column;height:auto;min-height:100vh}body.dnsb-ic>*{flex:none}body.dnsb-ic>main{flex:1 0 auto;background:var(--dn-zemin-1)}}
.dnsb-ic #main-body{padding:24px 0 32px;font-size:14px;line-height:21px;color:var(--dn-metin);background:var(--dn-zemin-1)}
.dnsb-ic :is(#main-body,.network-issue-alert)>.container,body .verification-banner>.container{max-width:calc(var(--dn-kap) + 2*var(--dn-yan));padding-inline:var(--dn-yan)}
.dnsb-ic #main-body :is(strong,b){font-weight:600}
.dnsb-ic #main-body .card-title{margin:0 0 12px;font-size:16px;line-height:24px;font-weight:700;color:var(--dn-baslik)}
.dnsb-ic #main-body :is(small,.small,code){font-size:13px;line-height:18px}
.dnsb-ic #main-body .text-muted{color:var(--dn-soluk)!important}
.dnsb-ic #main-body :is(.tile .title,.product-status-text,.text-uppercase){text-transform:none!important}
.dnsb-ic #main-body :is(table td,.tile .stat),.dnsb-ic .sidebar .badge{font-variant-numeric:tabular-nums}
:is(.dnsb-ic .modal,#acceptQuoteModal) .close:not(.text-light){opacity:1;color:var(--dn-soluk)}
:is(.dnsb-ic .modal,#acceptQuoteModal) .close:not(.text-light):is(:hover,:focus-visible){color:var(--dn-baslik)}
:is(.dnsb-ic,#acceptQuoteModal) :is(.modal-content,#main-body .dropdown-menu){border:1px solid var(--dn-cizgi-ince);border-radius:var(--dn-k-m);box-shadow:var(--dn-g-3)}

/* Üst menü: ana sayfayla aynı öğeler, panelde sıkı ölçü */
.dnsb-ic .dnsb-nav__ic{height:64px}
.dnsb-ic .dnsb-marka img{width:150px;height:auto}
.dnsb-ic .dnsb-btn{transform:none;box-shadow:none}
header.header.dnsb-ust .navbar a.dnsb-btn--canli:is(:hover,:focus,:any-link){color:#fff}
body.dnsb-panel .dnsb-yuzen{display:none}
.dnsb-talep-ikon{display:inline-flex;align-items:center;justify-content:center;gap:8px;flex:none;order:1;min-width:44px;height:44px;padding:0 12px;border:1px solid var(--dn-cizgi);border-radius:var(--dn-k-m);background:#fff;font-size:14px;font-weight:600;line-height:20px}
.dnsb-talep-ikon:hover{border-color:var(--dn-canli)}
/* Geçerli bölüm: renk ve alt çizgi değişkenle */
:is(
  [data-dnsb-sablon=clientareahome] #Primary_Navbar-Home,
  :is([data-dnsb-sablon^=clientareaproduct],[data-dnsb-sablon=clientareacancelrequest],[data-dnsb-sablon^=upgrade]) #Primary_Navbar-Services,
  :is([data-dnsb-sablon^=clientareadomain],[data-dnsb-sablon=bulkdomainmanagement]) #Primary_Navbar-Domains,
  :is([data-dnsb-sablon=clientareainvoices],[data-dnsb-sablon=clientareaquotes],[data-dnsb-sablon=clientareabillingnotes],[data-dnsb-sablon=clientareaaddfunds],[data-dnsb-sablon=masspay]) #Primary_Navbar-Billing,
  :is([data-dnsb-sablon^=supportticket],[data-dnsb-sablon=viewticket],[data-dnsb-sablon=announcements],[data-dnsb-sablon=viewannouncement],[data-dnsb-sablon=serverstatus],[data-dnsb-sablon^=knowledgebase],[data-dnsb-sablon^=downloads]) #Primary_Navbar-Support
){--dnsb-bolum:var(--dn-canli-koyu);--dnsb-bolum-cizgi:1;--dnsb-bolum-agirlik:600}
header.header.dnsb-ust .navbar :where(.dnsb-menu__oge)>a{color:var(--dnsb-bolum,var(--dn-baslik))}
.dnsb-menu__oge>.nav-link::after{transform:scaleX(var(--dnsb-bolum-cizgi,0))}
/* Hesap sayfaları: Hesabım altında çizgi */
:is([data-dnsb-sablon=clientareadetails],[data-dnsb-sablon=clientareasecurity],[data-dnsb-sablon=clientareaemails],[data-dnsb-sablon^=account-],[data-dnsb-sablon^=user-]).dnsb-panel header.header.dnsb-ust .navbar .dnsb-menu__hesap>.dropdown>a.nav-link{box-shadow:inset 0 -2px 0 var(--dn-canli)}
@media (min-width:1200px){
  #nav:has(.dnsb-btn){align-items:center}
  .dnsb-ic #nav{gap:0}
  .dnsb-ic .dnsb-nav__ic{gap:16px}
  .dnsb-ic .dnsb-menu__oge>.nav-link{padding:0 8px;font-size:14px}
  .dnsb-ic .dnsb-menu__oge>.nav-link::after{left:8px;right:8px;bottom:-18px}
  body.dnsb-ic #nav>.nav-item>.dnsb-btn{min-height:36px;margin-left:8px;padding:0 12px;border-radius:var(--dn-k-s);font-size:14px}
  .dnsb-ic .dnsb-menu__hesap>.dropdown>.nav-link{height:36px;padding:0 12px;border-radius:var(--dn-k-s);font-size:14px;box-shadow:none}
  .dnsb-ic .dnsb-sepet{width:36px;height:36px;border-radius:var(--dn-k-s);font-size:16px}
  body.dnsb-ic header.header.dnsb-ust .navbar-nav .dropdown-menu{border-radius:var(--dn-k-m)}
}
@media (max-width:1199.98px){
  .dnsb-panel .dnsb-menu__oge>.nav-link{font-weight:var(--dnsb-bolum-agirlik,700)}
  #nav .dnsb-btn{width:100%;margin:12px 0 4px}
  #nav>.nav-item:has(>.dnsb-btn){width:100%}
}
@media (max-width:575.98px){
  .dnsb-talep-ikon{width:44px;padding:0}
}
@media (max-width:359.98px){
  .dnsb-ic .dnsb-marka img{width:120px}
}
/* Üst bant: 600, telefonda 44 */
body.dnsb-ic header.header.dnsb-ust .topbar .btn{font-weight:600}
/* Bildirim yokken "0" yalnız ekran okuyucuda */
#accountNotifications>.d-sm-none{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
/* Çekmecede ikinci talep bağlantısı çizilmez */
header:has(#Primary_Navbar-Open_Ticket) .dnsb-menu__alt>a[href$="submitticket.php"]{display:none}
@media (max-width:767.98px){
  /* Pencere kapatma: görünen yeri aynı, dokunma alanı 44 */
  :is(.dnsb-ic .modal,#acceptQuoteModal) .close{min-width:44px;min-height:44px}
  .dnsb-ic .modal .float-right>.close{margin:-10px -14px 0 0}
  .dnsb-ic .dnsb-bant.dnsb-bant--musteri{height:44px}
  .dnsb-ic .dnsb-ust:has(.dnsb-bant--musteri){top:-44px}
  body.dnsb-ic header.header.dnsb-ust .topbar .btn{justify-content:center;min-width:44px;min-height:44px}
  header.header.dnsb-ust .navbar-nav a.dropdown-item{padding-block:11px!important}
  #main-body .dropdown-item{display:flex;align-items:center;gap:8px;min-height:44px}
}

/* Sayfa başı */
.dnsb-sayfa-basi{padding:16px 0;border-bottom:1px solid var(--dn-cizgi-ince);background:#fff}
.dnsb-sayfa-basi__kirinti{margin-bottom:4px}
.dnsb-sayfa-basi .breadcrumb{flex-wrap:nowrap;margin:0;padding:0;background:none;font-size:13px;line-height:18px;color:var(--dn-soluk)}
.dnsb-sayfa-basi .breadcrumb-item{padding:0;white-space:nowrap}
.dnsb-sayfa-basi .breadcrumb-item+.breadcrumb-item{padding-left:8px}
.dnsb-sayfa-basi .breadcrumb-item+.breadcrumb-item::before{padding-right:8px;color:var(--dn-soluk)}
.dnsb-sayfa-basi .breadcrumb-item.active{display:none}
.dnsb-sayfa-basi .breadcrumb a{color:var(--dn-soluk)}
.dnsb-sayfa-basi .breadcrumb a:hover{color:var(--dn-canli-koyu)}
.dnsb-sayfa-basi__satir{display:flex;align-items:center;justify-content:space-between;gap:16px}
.dnsb-sayfa-basi__baslik{display:flex;flex-wrap:wrap;align-items:center;gap:0 12px;min-width:0}
.dnsb-sayfa-basi__ad{margin:0;font-size:28px;line-height:36px;font-weight:700;letter-spacing:-.01em;color:var(--dn-baslik);overflow-wrap:anywhere}
.dnsb-sayfa-basi__alt{flex:0 0 100%;margin:0;font-size:13px;line-height:18px;color:var(--dn-soluk);overflow-wrap:anywhere}
.dnsb-sonraki{white-space:nowrap}
.dnsb-sonraki--sicak{font-weight:600;color:var(--dn-sicak-metin)}
.dnsb-sonraki--hata{font-weight:600;color:var(--dn-hata)}
.dnsb-sayfa-basi__alt:has(.dnsb-sayfa-basi__borc){margin-top:2px;font-size:14px;line-height:20px}
.dnsb-sayfa-basi__borc{font-weight:600;color:var(--dn-baslik)}
/* İki mesaj tek satıra sığmazsa borç ayrı satırda, sahipsiz ayraç kalmaz */
@media (max-width:1199.98px){
  .dnsb-sayfa-basi__borc:has(~.dnsb-sayfa-basi__borc){display:block;text-wrap:balance}
  .dnsb-sayfa-basi__borc:has(~.dnsb-sayfa-basi__borc)+.dnsb-sayfa-basi__ayrac{display:none}
}
.dnsb-sayfa-basi__eylem{display:flex;flex:none;align-items:center;gap:8px}
/* Fatura özetinin altbilgisi düğmeleri sütun kabında getirir */
.dnsb-sayfa-basi__eylem>div{display:contents}
.dnsb-sayfa-basi__eylem .btn i{display:none}
body.dnsb-ic .dnsb-sayfa-basi__eylem .btn{width:auto;min-height:36px;margin:0;padding:0 12px}
@media (max-width:767.98px){
  .dnsb-sayfa-basi .breadcrumb a{display:inline-flex;align-items:center;min-height:24px}
}
@media (max-width:575.98px){
  .dnsb-sayfa-basi .breadcrumb-item{display:none}
  .dnsb-sayfa-basi .breadcrumb-item:nth-last-child(2){display:block;padding:0}
  .dnsb-sayfa-basi .breadcrumb-item:nth-last-child(2)::before{content:"\f053";display:inline-block;padding-right:6px;font-family:"Font Awesome 6 Pro";font-size:13px}
  .dnsb-sayfa-basi__ad{font-size:24px;line-height:32px}
  .dnsb-sayfa-basi__ayrac{display:none}
  /* Ayraç gizli: sayılar birleşmez */
  :is(.dnsb-sonraki,.dnsb-sayfa-basi__borc){display:block}
  /* Borç kendi satırında; altında ödeme sorunlu ve bağlantı, ayraçlı. İlk içerik sınırı 380 (9.2) */
  .dnsb-sayfa-basi:has(.dnsb-sayfa-basi__borc~.dnsb-sayfa-basi__borc){padding-block:12px}
  .dnsb-sayfa-basi__alt:has(.dnsb-sayfa-basi__borc~.dnsb-sayfa-basi__borc){margin-top:0;font-size:13px;line-height:18px}
  .dnsb-sayfa-basi__borc~.dnsb-sayfa-basi__borc,.dnsb-sayfa-basi__borc~.dnsb-sayfa-basi__borc~.dnsb-sayfa-basi__ayrac{display:inline}
  .dnsb-sayfa-basi__satir{flex-direction:column;align-items:stretch;gap:12px}
  .dnsb-sayfa-basi__satir:has(.dnsb-sayfa-basi__borc~.dnsb-sayfa-basi__borc){gap:8px}
  .dnsb-sayfa-basi__eylem{flex-wrap:wrap}
  body.dnsb-ic .dnsb-sayfa-basi__eylem .btn{flex:1 1 calc(50% - 4px);min-height:44px;font-size:15px}
}
/* Sayfa başıyla yinelenen şablon başlığı */
:is([data-dnsb-sablon=clientareadetails],[data-dnsb-sablon=account-paymentmethods],[data-dnsb-sablon=account-user-management],[data-dnsb-sablon=user-security],[data-dnsb-sablon=user-switch-account],[data-dnsb-sablon=clientareasecurity],[data-dnsb-sablon=user-password],[data-dnsb-sablon=announcements],[data-dnsb-sablon=masspay]) .primary-content .card:not(.card~*) .card-body>.card-title:first-child{display:none}

/* Bildirim bantları */
body .verification-banner{display:flex;align-items:center;min-height:44px;margin:0;padding:4px 0;border:0;background:var(--dn-sicak-zemin);font-family:var(--dn-bas);font-weight:500;color:var(--dn-sicak-metin)}
body .verification-banner .row{flex-wrap:nowrap;align-items:center;gap:8px;margin:0}
body .verification-banner .row>[class*=col-]{flex:none;width:auto;max-width:none;padding:0}
body .verification-banner .row>.order-1{flex:1 1 0;min-width:0}
body .verification-banner .row>:not(.order-1,.order-3){order:2;max-width:50%}
body .verification-banner .text{display:block;padding:0;font-size:13px;line-height:18px}
body .verification-banner :is(.fas,.fal,.far){float:left;padding:1px 8px 0 0;font-size:16px;color:var(--dn-sicak-metin)}
body:is(.dnsb-ic,*) .verification-banner .btn{--z:#fff;--k:var(--dn-cizgi);--y:var(--dn-baslik);display:inline-flex;align-items:center;justify-content:center;width:auto;margin:0;min-height:36px;padding:0 12px;border:1px solid var(--k);border-radius:var(--dn-k-s);background:var(--z);font-size:13px;font-weight:600;line-height:20px;color:var(--y);box-shadow:none}
body:is(.dnsb-ic,*) .verification-banner .btn:hover{--k:var(--dn-canli)}
body:is(.dnsb-ic,*) .verification-banner .btn.btn-action:is(*,:active){border-color:var(--k);background:var(--z);color:var(--y)}
body:is(.dnsb-ic,*) .verification-banner .btn.close{--z:none;--k:transparent;--y:var(--dn-sicak-metin);min-width:36px;padding:0;font-size:20px;color:var(--y);opacity:1;text-shadow:none}
.dnsb-ic .network-issue-alert{min-height:44px;margin:0;padding:12px 0;border:0;border-radius:0;font-size:13px;line-height:18px}
@media (max-width:575.98px){
  body .verification-banner{padding:6px 0}
  body .verification-banner>.container{padding-inline:16px}
  body:is(.dnsb-ic,*) .verification-banner .btn{min-height:44px}
  body:is(.dnsb-ic,*) .verification-banner .btn:not(.close){padding:0 8px}
  body:is(.dnsb-ic,*) .verification-banner .btn.close{min-width:28px}
}

/* Sütun düzeni */
.dnsb-ic #main-body .row:has(>.dnsb-baglam){margin-inline:0}
.dnsb-ic #main-body .row>:is(.dnsb-baglam,.dnsb-icerik){min-width:0;padding-inline:0}
.dnsb-baglam-ac{display:flex;flex:0 0 100%;align-items:center;justify-content:space-between;height:44px;margin-bottom:16px;padding:0 16px;border:1px solid var(--dn-cizgi);border-radius:var(--dn-k-s);background:#fff;font-family:var(--dn-bas);font-size:14px;font-weight:600;line-height:20px;color:var(--dn-baslik);cursor:pointer}
.dnsb-baglam-ac i{font-size:12px;color:var(--dn-soluk);transition:transform var(--dn-gecis)}
.dnsb-baglam-ac[aria-expanded=true] i{transform:rotate(180deg)}
html:not(.dnsb-js) .dnsb-baglam-ac{display:none}
.dnsb-ic .sidebar.sidebar-secondary{margin-top:24px}
@media (min-width:992px){
  .dnsb-baglam-ac{display:none}
  .dnsb-ic #main-body .row:has(>.dnsb-baglam){flex-wrap:nowrap;align-items:flex-start;gap:32px}
  .dnsb-ic #main-body .row>.dnsb-baglam{position:sticky;top:80px;flex:0 0 264px;max-width:264px;max-height:calc(100vh - 96px);overflow:auto;scrollbar-width:thin}
  .dnsb-ic #main-body .row>.dnsb-icerik{flex:1 1 0;max-width:none}
}
@media (max-width:991.98px){
  .dnsb-js .dnsb-baglam{display:none}
  .dnsb-js .dnsb-baglam.is-acik{display:block}
}

/* Kart */
.dnsb-ic #main-body .card{margin-bottom:24px;border:1px solid var(--dn-cizgi-ince);border-radius:var(--dn-k-m);background:#fff;box-shadow:var(--dn-g-1)}
.dnsb-ic #main-body .card-header,.dnsb-ic #main-body .card-footer{padding:12px 16px;border:0;background:#fff}
.dnsb-ic #main-body .card-header{border-bottom:1px solid var(--dn-cizgi-ince);border-radius:var(--dn-k-m) var(--dn-k-m) 0 0;font-size:16px;line-height:24px;font-weight:700;color:var(--dn-baslik)}
.dnsb-ic #main-body .card-header :is(.far,.fas){font-size:16px;font-weight:400;color:var(--dn-soluk)}
.dnsb-ic #main-body .card-footer{border-top:1px solid var(--dn-cizgi-ince);border-radius:0 0 var(--dn-k-m) var(--dn-k-m)}
.dnsb-ic #main-body .card-footer:empty{display:none}
.dnsb-ic #main-body .card .card-body{padding:16px}
.dnsb-ic #main-body .card-header .card-title{margin:0}
/* Gövdedeki ilk başlık da ayırıcılı */
.dnsb-ic #main-body .primary-content .card:not(.view-ticket) :is(.card-body>.card-title:first-child,.card-body>form:first-child>.card-title:first-of-type):not(#hc-app *){margin:-16px -16px 16px;padding:12px 16px;border-bottom:1px solid var(--dn-cizgi-ince)}

/* Bağlam sütunu */
.dnsb-ic #main-body .sidebar .card{margin-bottom:16px}
.dnsb-ic #main-body .sidebar .card-sidebar .card-title{margin:0;font-size:14px;line-height:20px;font-weight:600}
/* Şablondaki gizli ikon ve boşluk başlığı öğelerden 5,6 px içeri iter */
.dnsb-ic #main-body .sidebar .card-sidebar .card-title:has(>i:not(.card-minimise)){text-indent:-5.6px}
.dnsb-ic #main-body .sidebar .card-sidebar .card-header{padding-inline:12px}
.dnsb-ic .sidebar .card-minimise{display:none}
.dnsb-ic :is(.sidebar,.dnsb-ev) .collapsable-card-body{display:block!important}
.dnsb-ic #main-body .sidebar .card-sidebar:not(:has(.card-body)){border:0;background:none;box-shadow:none}
.dnsb-ic #main-body .sidebar .card-sidebar:not(:has(.card-body)) .card-header{padding:0 12px 8px;border:0;background:none}
.dnsb-ic #main-body .sidebar .card-sidebar:not(:has(.card-body)) .card-title{font-size:13px;line-height:18px;color:var(--dn-soluk)}
.dnsb-ic #main-body .sidebar .card-sidebar .card-body{padding:12px;font-size:14px;line-height:20px}
.dnsb-ic #main-body .sidebar .card-footer{padding:12px}
.dnsb-ic .sidebar .list-group{font-size:14px}
.dnsb-ic .sidebar .list-group-item{display:flex;align-items:center;min-height:36px;padding:8px 12px;border:0;border-radius:var(--dn-k-s);background:none;font-size:14px;font-weight:400;line-height:20px;color:var(--dn-metin);transition:background-color var(--dn-gecis)}
.dnsb-ic .sidebar .list-group-item:is(:hover,:focus){background:var(--dn-zemin-2);color:var(--dn-baslik)}
.dnsb-ic .sidebar .list-group-item.active:is(*,:hover,:focus){background:var(--dn-canli-zemin);font-weight:600;color:var(--dn-canli-koyu)}
.dnsb-ic .sidebar .list-group-item.disabled{opacity:1;background:none;color:var(--dn-soluk)}
/* Pasif alan adı öğesi: tıklamayı dnsb.js keser, JS yoksa inert */
.dnsb-js [data-dnsb-sablon$=domaindetails] .sidebar a.disabled{pointer-events:auto;cursor:not-allowed}
[data-dnsb-sablon$=domaindetails] .sidebar a.disabled::after{content:"\f023";margin-left:8px;font:400 13px/18px "Font Awesome 6 Pro"}
.dnsb-ic .sidebar .sidebar-menu-item-wrapper{flex:1 1 auto;align-items:center;min-width:0}
.dnsb-ic .sidebar .sidebar-menu-item-label{min-width:0}
.dnsb-ic .sidebar .sidebar-menu-item-icon-wrapper{flex:none;width:20px;margin-right:8px;color:var(--dn-soluk);text-align:center}
.dnsb-ic .sidebar .list-group-item .badge{width:auto;padding:0;background:none;font-size:13px;font-weight:500;line-height:18px;color:inherit}
.dnsb-ic .sidebar .view-filter-btns :is(.sidebar-menu-item-icon-wrapper,.fa-circle,.fa-dot-circle){display:none}
:is([data-dnsb-sablon=clientareainvoices],[data-dnsb-sablon=masspay]) .sidebar [menuitemname="My Invoices Summary"]{display:none}
[data-dnsb-sablon=masspay] :is(.sidebar [menuitemname="My Invoices Status Filter"],.dnsb-baglam-ac){display:none}
.sidebar .col-button-left,.sidebar .col-button-right{float:none!important}
.sidebar .col-button-right{margin-top:8px}
/* Sayfa başındaki eylem bağlamda yinelenmez */
[data-dnsb-sablon=clientareainvoices]:has(.dnsb-sayfa-basi__eylem [href*="action=masspay"]) .sidebar [menuitemname="Mass Payment"],[data-dnsb-sablon=clientareainvoices]:has(.dnsb-sayfa-basi__eylem [href*="action=addfunds"]) .sidebar [menuitemname="Add Funds"]{display:none}
/* Tek öğeli grup yalnız genel bakış açıkken gizli */
[data-dnsb-sablon=clientareaproductdetails]:has(#tabOverview.active) .sidebar [menuitemname="Service Details Overview"]:has(.list-group-item:only-child){display:none}
.sidebar a[data-identifier][data-active=""]{display:none}

/* Rozet */
.dnsb-ic :is(.label.status,.label[class*=label-]),.dnsb-ic #main-body .table-list .label.status{display:inline-flex;align-items:center;height:24px;margin:0;padding:0 10px;border-radius:var(--dn-k-tam);font-size:13px;font-weight:600;line-height:18px;text-transform:none;white-space:nowrap;pointer-events:none}
.dnsb-ic .label:is(.status-active,.status-paid,.status-completed,.status-accepted,.label-success){background:var(--dn-olumlu-zemin);color:var(--dn-olumlu)}
.dnsb-ic .label:is(.status-pending,.status-pending-registration,.status-pending-transfer,.status-payment-pending,.status-unpaid,.status-grace,.status-answered,.label-warning){background:var(--dn-sicak-zemin);color:var(--dn-sicak-metin)}
.dnsb-ic .label:is(.status-suspended,.status-fraud,.status-redemption,.status-expired,.status-collections,.label-danger){background:var(--dn-hata-zemin);color:var(--dn-hata)}
.dnsb-ic .label:is(.status-open,.status-customer-reply,.status-inprogress,.status-delivered,.label-info){background:var(--dn-canli-zemin);color:var(--dn-canli-koyu)}
.dnsb-ic .label:is(.status-cancelled,.status-terminated,.status-closed,.status-refunded,.status-transferred-away,.status-dead,.status-lost,.status-onhold,.label-default){background:var(--dn-zemin-2);color:var(--dn-soluk)}
.dnsb-ic .label.status-custom{color:#fff}

/* Dil penceresi: panelde görsel yok */
body.dnsb-ic .modal-localisation .modal-body{background-image:none}
body.dnsb-ic .modal-localisation .close{opacity:1}
@media (max-width:575.98px){
  body.dnsb-ic .modal-localisation .item-selector{margin-inline:-4px}
  body.dnsb-ic .modal-localisation .item-selector>div{padding-inline:4px}
  body.dnsb-ic .modal-localisation .item{font-size:14px}
}
/* Düğme: --z zemin, --k kenar, --y yazı */
body.dnsb-ic .btn,body.dnsb-ic #main-body .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:0 16px;border:1px solid var(--k,transparent);border-radius:var(--dn-k-s);background:var(--z,transparent);font-size:14px;font-weight:600;line-height:20px;color:var(--y,var(--dn-baslik));box-shadow:none;opacity:1;transition:color var(--dn-gecis),background-color var(--dn-gecis),border-color var(--dn-gecis)}
body.dnsb-ic :is(.btn-primary,.btn-success,.btn-info,.dnsb-sayfa-basi .btn-success){--z:var(--dn-canli);--k:var(--dn-canli);--y:#fff}
body.dnsb-ic :is(.btn-primary,.btn-success,.btn-info,.dnsb-sayfa-basi .btn-success):is(:hover,:focus){--z:var(--dn-canli-koyu);--k:var(--dn-canli-koyu)}
body.dnsb-ic :is(.btn-default,.btn-secondary,.btn-light,[class*=btn-outline-]),body.dnsb-panel #main-body :is(.btn-success,.btn-info),body.dnsb-ic .sidebar .btn-success{--z:#fff;--k:var(--dn-cizgi);--y:var(--dn-baslik)}
body.dnsb-ic :is(.btn-default,.btn-secondary,.btn-light,[class*=btn-outline-]):is(:hover,:focus),body.dnsb-panel #main-body :is(.btn-success,.btn-info):is(:hover,:focus),body.dnsb-ic .sidebar .btn-success:hover{--k:var(--dn-canli)}
body.dnsb-ic .btn-danger{--z:var(--dn-hata);--k:var(--dn-hata);--y:#fff}
body.dnsb-ic .btn-danger:is(:hover,:focus){--z:var(--dn-hata-koyu);--k:var(--dn-hata-koyu)}
body.dnsb-ic :is(.btn-outline-danger,.btn.dnsb-btn-sil,.btn.btn-delete),:is(#tabAutorenew,#tabAddons,[data-dnsb-sablon=bulkdomainmanagement]) .btn-danger{--z:#fff;--k:var(--dn-hata);--y:var(--dn-hata)}
body.dnsb-ic :is(.btn-outline-danger,.btn.dnsb-btn-sil,.btn.btn-delete):hover,:is(#tabAutorenew,#tabAddons,[data-dnsb-sablon=bulkdomainmanagement]) .btn-danger:hover{--z:var(--dn-hata-zemin)}
body.dnsb-ic .btn-link{--z:transparent;--k:transparent;--y:var(--dn-canli-koyu)}
body.dnsb-ic .btn-link:hover{text-decoration:underline}
body.dnsb-ic .btn:is(.disabled,:disabled),body.dnsb-ic #main-body .btn:is(.disabled,:disabled){--z:var(--dn-zemin-2);--k:var(--dn-cizgi);--y:var(--dn-soluk)}
body.dnsb-ic :is(.btn-sm,.btn-xs,.btn-group-sm>.btn),body.dnsb-ic #main-body :is(.btn-sm,.btn-xs,.btn-group-sm>.btn){min-height:36px;padding:0 12px}
body.dnsb-ic .btn-block{display:flex;width:100%}
.dnsb-ic :is(#main-body,.dnsb-sayfa-basi) .btn .fas{font-weight:400}
body.dnsb-ic :is(.btn,.label,.list-group-item).w-hidden,body.dnsb-ic #main-body :is(.btn,.label).w-hidden{display:none}
body.dnsb-ic .input-group>:is(.form-control,.custom-select):not(:last-child),body.dnsb-ic .input-group-prepend>.input-group-text{border-top-right-radius:0;border-bottom-right-radius:0}
body.dnsb-ic .input-group>:is(.form-control,.custom-select):not(:first-child),body.dnsb-ic .input-group-append>.input-group-text{border-top-left-radius:0;border-bottom-left-radius:0}
/* Bitişik düğme yok: gruptaki her düğme kendi köşesini taşır */
body.dnsb-ic .btn-group,.invoice-container .btn-group{gap:4px}
body.dnsb-ic :is(.btn-group,.input-group-prepend,.input-group-append)>.btn.btn,.invoice-container .btn-group>.btn.btn{margin-left:0;border-radius:var(--dn-k-s)}
/* Girdi ile düğme ayrı; yazı eki ve ikonlu alan bitişik */
body.dnsb-ic .input-group:not(.input-group-merge):has(>.input-group-append>.btn){gap:8px}
body.dnsb-ic #main-body .input-group:not(.input-group-merge)>:is(.form-control,.custom-select):has(+.input-group-append>.btn),body.dnsb-ic #main-body .input-group:not(.input-group-merge)>.input-group-append>.btn,body.dnsb-ic .attachment-group>.custom-file .custom-file-label{border-radius:var(--dn-k-s)}
/* Gözat parçası girdiyle birleşik */
body.dnsb-ic .attachment-group>.custom-file .custom-file-label::after{border-radius:0 var(--dn-k-s) var(--dn-k-s) 0}
body.dnsb-ic .input-group:not(.input-group-merge)>.input-group-append:has(>.btn){gap:8px;margin:0}
body.dnsb-ic .input-group:not(.input-group-merge)>.input-group-append>.btn{margin:0}
body.dnsb-ic .btn:is(:focus,.focus){box-shadow:none}
body.dnsb-ic .btn:focus-visible{outline:2px solid var(--dn-canli);outline-offset:2px}
.dnsb-ic #main-body .text-center:has(>[type=submit]){display:flex;flex-wrap:wrap;gap:8px;text-align:left!important}

/* Uyarı */
.dnsb-ic .alert{padding:12px 16px;border:1px solid transparent;border-radius:var(--dn-k-m);font-size:14px;line-height:21px;box-shadow:none}
.dnsb-ic :is(.alert.text-center,.alert .text-center){text-align:left!important}
.dnsb-ic .alert a:not(.btn){color:inherit;text-decoration:underline}
.dnsb-ic .alert-success{--y:var(--dn-olumlu);--z:var(--dn-olumlu-zemin)}
.dnsb-ic .alert-warning{--y:var(--dn-sicak-metin);--z:var(--dn-sicak-zemin)}
.dnsb-ic .alert-danger{--y:var(--dn-hata);--z:var(--dn-hata-zemin)}
.dnsb-ic .alert-info{--y:var(--dn-canli-koyu);--z:var(--dn-canli-zemin)}
.dnsb-ic .alert:is(.alert-success,.alert-warning,.alert-danger,.alert-info){border-color:color-mix(in srgb,var(--y) 30%,transparent);background:var(--z);color:var(--y)}
.dnsb-ic .alert.alert:has(form){border-color:var(--dn-cizgi-ince);background:#fff;color:var(--dn-metin)}
.dnsb-ic .alert.alert:has(small){border-color:var(--dn-cizgi-ince);background:var(--dn-zemin-1);color:var(--dn-metin)}
:is(#alertUnpaidInvoice,#alertOverdueInvoice){display:flex;flex-direction:row-reverse;align-items:center;justify-content:space-between;gap:12px}

/* Form */
body.dnsb-ic :is(.form-control,.custom-select,.custom-file-label){height:40px;padding:9px 12px;border:1px solid var(--dn-alan-kenar);border-radius:var(--dn-k-s);font-size:14px;line-height:20px;color:var(--dn-baslik);box-shadow:none}
body.dnsb-ic :is(textarea,select[multiple],select[size]).form-control{height:auto}
body.dnsb-ic .custom-select{padding-right:32px}
body.dnsb-ic select.form-control:not([multiple],[size]){padding-right:32px;background:#fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 12px center/8px 10px no-repeat;appearance:none;-webkit-appearance:none}
.dnsb-ic :is(.custom-file,.custom-file-input){height:40px}
.dnsb-ic .custom-file-label[data-browse]::after{content:attr(data-browse)}
.dnsb-ic .custom-file-label::after{height:38px;padding:9px 12px;border-left:1px solid var(--dn-alan-kenar);border-radius:0 var(--dn-k-s) var(--dn-k-s) 0;background:var(--dn-zemin-2);font-size:14px;line-height:20px;color:var(--dn-baslik)}
body.dnsb-ic :is(.form-control,.custom-select):focus{border-color:var(--dn-canli);box-shadow:0 0 0 3px var(--dn-canli-zemin)}
body.dnsb-ic :is(.form-control,.custom-select).is-invalid{border-color:var(--dn-hata)}
body.dnsb-ic :is(#order-standard_cart,#registration) :is(.form-control,.field){border-color:var(--dn-alan-kenar)}
body.dnsb-ic :is(#order-standard_cart,#registration) :is(.form-control,.field):focus{border-color:var(--dn-canli)}
body.dnsb-ic .md-editor>textarea.markdown-editor:not(:focus){border-color:var(--dn-alan-kenar)!important}
.dnsb-ic .progress-bar.bg-success{background-color:var(--dn-olumlu)!important}
.dnsb-ic .invalid-feedback{font-size:13px;line-height:18px;color:var(--dn-hata)}
.dnsb-ic #main-body :is(.form-group label:not(.field-icon,.custom-file-label,.form-check-label,.custom-control-label,:has(input)),.col-form-label,.control-label){display:block;margin-bottom:4px;padding:0;font-size:13px;font-weight:600;line-height:18px;color:var(--dn-baslik);text-align:left}
.dnsb-ic #main-body .form-text{font-size:13px;line-height:18px;color:var(--dn-soluk)}
.dnsb-ic #main-body .form-group.row{margin-inline:0}
.dnsb-ic #main-body .form-group.row>[class*=col-]{flex:0 0 100%;max-width:100%;margin-left:0;padding-inline:0}
.dnsb-ic .input-group-text{border-color:var(--dn-alan-kenar);border-radius:var(--dn-k-s);background:var(--dn-zemin-2);font-size:14px;color:var(--dn-metin)}

/* Sekme */
.dnsb-ic #main-body .nav-tabs{flex-wrap:nowrap;width:auto;margin:0 0 16px;border:0;border-bottom:1px solid var(--dn-cizgi);border-radius:0;background:none;overflow-x:auto;scrollbar-width:none}
.dnsb-ic #main-body .nav-tabs::-webkit-scrollbar{display:none}
.dnsb-ic #main-body .nav-tabs .nav-item{flex:none;width:auto;margin:0;border:0!important}
.dnsb-ic #main-body :is(.nav-tabs .nav-link,.responsive-tabs-sm .nav-item a){display:flex;align-items:center;gap:8px;width:auto;height:44px;margin:0;padding:0 16px!important;border:0;border-bottom:2px solid transparent!important;border-radius:0!important;background:none!important;font-size:14px;font-weight:600;line-height:20px;color:var(--dn-soluk);white-space:nowrap}
.dnsb-ic #main-body .nav-tabs .nav-link:hover{color:var(--dn-baslik)}
.dnsb-ic #main-body .nav-tabs .nav-link.active{border-bottom-color:var(--dn-canli)!important;color:var(--dn-baslik)}
.dnsb-ic #main-body .responsive-tabs-sm-connector{display:none}

/* Tablo */
.dnsb-ic .dataTables_wrapper{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;overflow:visible}
.dnsb-ic .dataTables_wrapper .listtable{display:flex;flex:0 0 100%;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;min-width:0;max-width:100%;overflow-x:auto}
.dnsb-ic .dataTables_wrapper .dataTables_filter{position:relative;order:1;float:none;margin:0;text-align:left}
.dnsb-ic .dataTables_wrapper .dataTables_filter label{margin:0;padding:0}
.dnsb-ic .dataTables_wrapper .dataTables_filter label .form-control{width:280px;margin:0;padding:9px 12px 9px 36px!important;background:#fff}
.dnsb-ic .dataTables_wrapper .dataTables_filter::after{left:12px;top:50%;font-size:16px;line-height:16px;transform:translateY(-50%);color:var(--dn-soluk)}
.dnsb-ic .dataTables_wrapper :is(.dataTables_info,.dataTables_length){order:2;margin:0;padding:0;font-size:13px;line-height:18px;color:var(--dn-soluk)}
.dnsb-ic .dataTables_wrapper .table-list{order:3;flex:0 0 100%;margin:0!important;border:1px solid var(--dn-cizgi-ince);border-collapse:separate;border-spacing:0;border-radius:var(--dn-k-m);background:#fff;box-shadow:var(--dn-g-1)}
.dnsb-ic .dataTables_wrapper .table-list thead th{height:40px;padding:0 12px;border:0;border-bottom:1px solid var(--dn-cizgi);background:var(--dn-zemin-1);font-size:13px;font-weight:600;line-height:18px;color:var(--dn-soluk);text-align:left}
.dnsb-ic .dataTables_wrapper .table-list tbody td{box-sizing:border-box;height:40px;padding:8px 12px;border:0;border-bottom:1px solid var(--dn-cizgi-ince);background:#fff;font-size:14px;line-height:20px;color:var(--dn-metin);text-align:left;vertical-align:middle}
.dnsb-ic .dataTables_wrapper .table-list tbody tr:last-child td{border-bottom:0}
.dnsb-ic .dataTables_wrapper .table-list :is(td,th).text-center{text-align:left!important}
.dnsb-ic .dataTables_wrapper .table-list tbody td strong{font-weight:600;color:var(--dn-baslik)}
.dnsb-ic .dataTables_wrapper .table-list tbody td:has(strong+br){height:56px}
.dnsb-ic .dataTables_wrapper #tableDomainsList tbody td{height:56px;padding-block:7px}
.dnsb-ic .table-list>tbody>tr>td a.border-left{display:inline;padding-left:0;border:0!important}
.dnsb-ic .table-list>tbody>tr:hover>td{background:var(--dn-zemin-1)}
/* Ana sütun: ad 600, mavi yalnız üzerine gelince */
.dnsb-ic .dataTables_wrapper #tableInvoicesList tbody td:first-child{font-weight:600;color:var(--dn-baslik)}
.dnsb-ic #tableTicketsList .ticket-number{font-size:13px;line-height:18px;color:var(--dn-soluk)}
.dnsb-ic #tableTicketsList .ticket-subject{color:var(--dn-baslik)}
.dnsb-ic #tableTicketsList tr:hover .ticket-subject{color:var(--dn-canli-koyu)}
#tableServicesList td:nth-child(2) a[target=_blank]{font-size:13px;line-height:18px;color:var(--dn-metin)}
#tableServicesList td:nth-child(2) a[target=_blank]::after{content:"\f35d";margin-left:4px;font:400 12px "Font Awesome 6 Pro";color:var(--dn-soluk)}
/* Sıralama oku yer tutmaz */
.dnsb-ic .dataTables_wrapper .table-list thead :is(.sorting_asc,.sorting_desc){background:var(--dn-zemin-1)}
.dnsb-ic .dataTables_wrapper .table-list thead th[aria-sort]{color:var(--dn-baslik)}
.dnsb-ic table.dataTable thead>tr>th::before{display:none}
.dnsb-ic table.dataTable thead>tr>th::after{position:static;display:inline-block;width:0;margin-left:4px;font-size:12px;line-height:18px;color:var(--dn-soluk);opacity:0}
.dnsb-ic table.dataTable thead>tr>th:is(.sorting_asc,.sorting_desc,.sorting:hover,.sorting:focus-visible)::after{opacity:1}
.dnsb-ic table.dataTable thead>tr>th.sorting_asc::after{content:"▲"}
/* Sağa hizalı başlık değerle aynı kenarda */
#tableInvoicesList th:is(:nth-child(4),:nth-child(5))::after,#tableServicesList th:nth-child(3)::after,#tableBillingNotesList th:nth-child(2)::after{margin-right:-4px}
.dnsb-ic table.dataTable thead>tr>th[aria-sort]::after{color:var(--dn-canli-koyu)}
.dnsb-ic .table-list td img{width:16px;height:auto}
.dnsb-ic .table-list img[src*=ssl-inactive]{visibility:hidden}
/* Eski PNG kilit yerine ikon: görsel saydam kalır, ipucu çalışır */
.dnsb-ic .table-list td:has(>img[src*=ssl-active]){position:relative}
.dnsb-ic .table-list td:has(>img[src*=ssl-active])::before{content:"\f023";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font:400 16px "Font Awesome 6 Pro";color:var(--dn-olumlu)}
.dnsb-ic .table-list img[src*=ssl-active]{position:relative;opacity:0}
.dnsb-ic .dataTables_wrapper :is(#tableServicesList,#tableDomainsList) tr>:first-child:not(.dataTables_empty),.dnsb-ic .dataTables_wrapper #tableDomainsList tr>:nth-child(2){width:1%!important}
.dnsb-ic :is(#tableLoading,#tableLoading p){margin:0;padding:12px;font-size:14px;line-height:21px;text-align:center;color:var(--dn-soluk)}
#tableInvoicesList tr>:nth-child(4),#tableInvoicesList tr>:nth-child(5),#tableServicesList tr>:nth-child(3),#tableBillingNotesList tr>:nth-child(2){text-align:right!important;white-space:nowrap}
/* Rozet satırı büyütmez; doğrulama türü boşsa çizilmez */
#tableSslList .label{margin-block:-2px}
#tableSslList .label[class$="-"]{display:none}
.dnsb-ic .dataTables_wrapper .dataTables_empty{padding:12px;text-align:center!important;color:var(--dn-soluk)}
@media (min-width:576px){
  #tableInvoicesList tr:has(.status-unpaid)>td:first-child{box-shadow:inset 3px 0 0 var(--dn-sicak-metin)}
  #tableInvoicesList tr:has(.status-collections)>td:first-child{box-shadow:inset 3px 0 0 var(--dn-hata)}
  #tableServicesList td:nth-child(3) small{display:block}
  #tableServicesList tr>:nth-child(3){width:1%!important}
}

/* Sayfalama */
.dnsb-ic .dataTables_wrapper .dataTables_paginate{float:none;margin:0;padding:0}
.dnsb-ic .pagination{flex-wrap:wrap;gap:4px;margin:0}
.dnsb-ic .page-link{display:flex;align-items:center;justify-content:center;min-width:32px;height:32px;margin:0;padding:0 8px;border:1px solid var(--dn-cizgi);border-radius:var(--dn-k-s)!important;background:#fff;font-size:13px;font-weight:500;line-height:18px;color:var(--dn-canli-koyu)}
.dnsb-ic .page-link:hover{border-color:var(--dn-canli);background:#fff;color:var(--dn-canli-koyu)}
.dnsb-ic :is(.page-item.active .page-link,.pagination>.active>a){border-color:var(--dn-canli);background:var(--dn-canli);color:#fff}
.dnsb-ic .page-item.disabled .page-link{border-color:var(--dn-cizgi-ince);background:var(--dn-zemin-2);color:var(--dn-soluk)}
.dnsb-ic .dataTables_wrapper .dataTables_length label{display:inline-flex;align-items:center;gap:8px;margin:0;font-size:13px;font-weight:400}
body.dnsb-ic .dataTables_wrapper .dataTables_length select{width:auto;height:32px;padding:4px 28px 4px 8px;font-size:13px;line-height:18px}

/* Boş durum */
.dnsb-bos{display:flex;flex-direction:column;align-items:center;padding:48px 16px;text-align:center;white-space:normal}
.dnsb-bos__ikon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;margin-bottom:12px;border-radius:var(--dn-k-m);background:var(--dn-zemin-2);font-size:28px;color:var(--dn-soluk)}
.dnsb-bos__baslik{margin:0;font-size:16px;font-weight:700;line-height:24px;color:var(--dn-baslik)}
.dnsb-bos__metin{max-width:480px;margin:4px 0 0;font-size:14px;line-height:21px;color:var(--dn-metin)}
body.dnsb-ic .dnsb-bos .btn{margin-top:16px}
.dnsb-ic table:has(.dnsb-bos) thead,.dnsb-ic .dataTables_wrapper:has(.dnsb-bos) :is(.dataTables_filter,.dataTables_info,.dataTables_paginate,.dataTables_length),body:has(.dnsb-bos a) .dnsb-sayfa-basi__eylem{display:none}
.dnsb-ic .dataTables_wrapper .dataTables_empty:has(.dnsb-bos){padding:0}
.table-list tr:has(.dnsb-bos):hover{cursor:default}
.dnsb-ic .table-list>tbody>tr:has(.dnsb-bos):hover>td{background:#fff}

/* Küçük ekranda tablo */
@media (max-width:767.98px){
  .dnsb-ic .page-link{min-width:44px;height:44px}
  body.dnsb-ic .dataTables_wrapper .dataTables_length select{height:44px;padding-block:11px;font-size:16px}
}
@media (min-width:576px) and (max-width:991.98px){
  #tableServicesList tr>:first-child:not(.dataTables_empty),#tableInvoicesList tr>:nth-child(2),#tableDomainsList tr>:nth-child(4){display:none}
}
@media (max-width:575.98px){
  .dnsb-ic .dataTables_wrapper :is(.dataTables_filter,.dataTables_filter label){display:block;width:100%}
  body.dnsb-ic .dataTables_wrapper .dataTables_filter label .form-control{width:100%;height:44px;font-size:16px}
  /* Sayfalama tek satır: toplam kayıt burada okunur */
  .dnsb-ic .dataTables_wrapper .dataTables_info{order:4;flex:0 0 100%;text-align:center}
  .dnsb-ic .dataTables_wrapper .dataTables_paginate{flex:0 0 100%}
  /* Bilgi .listtable içinde, sayfalama dışında: iki kap tek ızgarada */
  @supports (grid-template-rows:subgrid){
    .dnsb-ic .dataTables_wrapper{display:grid;grid-template-columns:minmax(0,1fr)}
    .dnsb-ic .dataTables_wrapper:has(.dnsb-bos){gap:0}
    .dnsb-ic .dataTables_wrapper .listtable{display:grid;grid-area:1/1/5;grid-template-columns:minmax(0,1fr);grid-template-rows:subgrid;row-gap:normal}
    .dnsb-ic .dataTables_wrapper .dataTables_info{position:sticky;left:0;grid-row:4}
    .dnsb-ic .dataTables_wrapper .dataTables_paginate{grid-area:3/1}
  }
  .dnsb-ic .pagination{justify-content:center}
  /* Tek satır: önceki, etkin sayı, sonraki */
  .dnsb-ic .dataTables_paginate .paginate_button:not(.previous,.next,.active){display:none}
  .dnsb-ic .table-list:not(#tableSslList,#tableDomainPricing) thead{display:none}
  .dnsb-ic .dataTables_wrapper .table-list:not(#tableSslList,#tableDomainPricing),.dnsb-ic .table-list:not(#tableSslList,#tableDomainPricing) tbody{display:block;width:100%!important}
  .dnsb-ic .dataTables_wrapper .table-list:not(#tableSslList,#tableDomainPricing) tbody tr{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;min-height:56px;padding:12px 16px;border-bottom:1px solid var(--dn-cizgi-ince)}
  .dnsb-ic .dataTables_wrapper .table-list tbody tr:last-child{border-bottom:0}
  .dnsb-ic .dataTables_wrapper .table-list:not(#tableSslList,#tableDomainPricing) tbody td{display:block;height:auto;padding:0;border:0;background:none;text-align:left!important}
  .dnsb-ic .dataTables_wrapper .table-list:not(#tableSslList,#tableDomainPricing) tbody tr:has(.dataTables_empty){display:block;min-height:0;padding:0}
  .dnsb-ic .dataTables_wrapper .table-list:not(#tableSslList,#tableDomainPricing) tbody td.dataTables_empty:not(:has(.dnsb-bos)){padding:16px;text-align:center!important}
  :is(#tableServicesList,#tableTicketsList,#tableQuotesList,#tableAffiliatesList) td:first-child:not(.dataTables_empty),#tableDomainsList td:nth-child(2),#tableDomainsList td:nth-child(4),#tableInvoicesList td:nth-child(2),#tableInvoicesList td:nth-child(5),#tableQuotesList td:nth-child(3),#tableBillingNotesList td:nth-child(5),#tableEmailsList td:nth-child(3){display:none!important}
  #tableServicesList td:nth-child(2),#tableInvoicesList td:nth-child(1),#tableTicketsList td:nth-child(2),#tableQuotesList td:nth-child(2),#tableBillingNotesList td:nth-child(1),#tableEmailsList td:nth-child(2),#tableAffiliatesList td:nth-child(2){grid-area:1/1}
  #tableServicesList td:nth-child(5),#tableInvoicesList td:nth-child(6),#tableTicketsList td:nth-child(3),#tableQuotesList td:nth-child(5),#tableBillingNotesList td:nth-child(4),#tableAffiliatesList td:nth-child(5){grid-area:1/2;justify-self:end}
  #tableServicesList td:nth-child(4),#tableInvoicesList td:nth-child(3),#tableTicketsList td:nth-child(4),#tableQuotesList td:nth-child(4),#tableBillingNotesList td:nth-child(3),#tableEmailsList td:nth-child(1),#tableAffiliatesList td:nth-child(3){grid-area:2/1;font-size:13px;line-height:18px;color:var(--dn-soluk)}
  #tableServicesList td:nth-child(3),#tableInvoicesList td:nth-child(4),#tableQuotesList td:nth-child(6),#tableBillingNotesList td:nth-child(2),#tableAffiliatesList td:nth-child(4){grid-area:2/2;justify-self:end;text-align:right!important}
  /* Ödenmemiş ve ödeme sorunlu faturada kalan tutar */
  .dnsb-ic .dataTables_wrapper #tableInvoicesList tbody tr:has(.status-unpaid){box-shadow:inset 3px 0 0 var(--dn-sicak-metin)}
  .dnsb-ic .dataTables_wrapper #tableInvoicesList tbody tr:has(.status-collections){box-shadow:inset 3px 0 0 var(--dn-hata)}
  #tableInvoicesList tr:has(:is(.status-unpaid,.status-collections)) td:nth-child(4){display:none!important}
  .dnsb-ic .dataTables_wrapper #tableInvoicesList tbody tr:has(:is(.status-unpaid,.status-collections)) td:nth-child(5){display:block!important;grid-area:2/2;justify-self:end;font-weight:600;color:var(--dn-baslik);text-align:right!important}
  .dnsb-ic .dataTables_wrapper .table-list#tableDomainsList tbody tr{grid-template-columns:auto minmax(0,1fr) auto}
  #tableDomainsList td:nth-child(1){grid-area:1/1/3/2;align-self:center}
  #tableDomainsList td:nth-child(3){grid-area:1/2}
  #tableDomainsList td:nth-child(6){grid-area:1/3;justify-self:end}
  #tableDomainsList td:nth-child(5){grid-area:2/2/2/4;font-size:13px;line-height:18px;color:var(--dn-soluk)}
}
/* Yaklaşan tarih: dnsb.js işaretler */
:is(#tableServicesList,#tableDomainsList) td.dnsb-sonraki--sicak{font-weight:600;color:var(--dn-sicak-metin)}
:is(#tableServicesList,#tableDomainsList) td.dnsb-sonraki--hata{font-weight:600;color:var(--dn-hata)}

/* Gösterge */
#main-body .tiles .row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
#main-body .tiles .row>div{flex:none;max-width:none}
#main-body .tile{display:grid;grid-template-columns:minmax(0,1fr) 24px;gap:4px 8px;height:100%;padding:16px;border:1px solid var(--dn-cizgi-ince);border-radius:var(--dn-k-m);background:#fff;box-shadow:var(--dn-g-1);transition:border-color var(--dn-gecis)}
#main-body .tile:hover{border-color:var(--dn-canli)}
#main-body .tile i{position:static;grid-area:1/2;font-size:20px;line-height:24px;text-align:center;color:var(--dn-canli-koyu)}
#main-body .tile .title{grid-area:1/1;font-size:13px;font-weight:600;line-height:24px;color:var(--dn-soluk)}
#main-body .tile .stat{grid-area:2/1/2/3;margin:0;font-size:28px;font-weight:700;line-height:36px;color:var(--dn-baslik)}
#main-body .dnsb-tile--uyari .stat{color:var(--dn-sicak-metin)}
#main-body .dnsb-tile--sifir .stat{color:var(--dn-soluk)}
.tile .highlight{display:none;background:none}
.dnsb-gorev__satir,.dnsb-talepler a{min-height:56px;padding:8px 16px}
.dnsb-gorev__satir{display:flex;align-items:center;gap:12px}
.dnsb-gorev__satir+.dnsb-gorev__satir,.dnsb-talepler li+li a{border-top:1px solid var(--dn-cizgi-ince)}
.dnsb-gorev__ikon{display:flex;flex:none;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--dn-k-s);background:var(--dn-zemin-2);font-size:16px;color:var(--dn-metin)}
.dnsb-gorev__ikon--hata{background:var(--dn-hata-zemin);color:var(--dn-hata)}
.dnsb-gorev__ikon--sicak{background:var(--dn-sicak-zemin);color:var(--dn-sicak-metin)}
.dnsb-gorev__ikon--mavi{background:var(--dn-canli-zemin);color:var(--dn-canli-koyu)}
.dnsb-gorev__metin{flex:1 1 0;min-width:0;line-height:20px}
.dnsb-gorev__metin p,.dnsb-ev .card-body p{margin:0}
.dnsb-gorev__satir:is([menuitemname*=Invoices],.dnsb-gorev__satir--para) .dnsb-gorev__metin{font-weight:600;color:var(--dn-baslik)}
.dnsb-gorev__ad,.dnsb-talepler__konu,.dnsb-haber{font-weight:600;color:var(--dn-baslik)}
.dnsb-gorev__ad{display:block}
.dnsb-gorev__alt,.dnsb-talepler__no,.dnsb-ev .text-last-updated{display:block;font-size:13px;line-height:18px;color:var(--dn-soluk);overflow-wrap:anywhere}
.dnsb-gorev__alt a{display:inline-block;padding:3px 0;font-weight:400}
.dnsb-hizli{margin-bottom:24px}
#main-body .dnsb-hizli__baslik{margin:0 0 8px;font-size:13px;font-weight:600;line-height:18px;color:var(--dn-soluk)}
.dnsb-hizli__satir{display:flex;flex-wrap:wrap;gap:8px}
.dnsb-hizli .btn i{color:var(--dn-canli-koyu)}
.dnsb-ev{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:24px;align-items:start}
#main-body .dnsb-ev .card{font-size:14px;line-height:21px}
#main-body .dnsb-ev :is(.card-minimise,.card-header .btn i){display:none}
#main-body .dnsb-ev .card-title>.float-right{margin:-6px 0}
#main-body .dnsb-ev .card .card-footer{padding:12px 16px;border-top:1px solid var(--dn-cizgi-ince);background:#fff}
#main-body .dnsb-ev .card-footer:has(.btn-view-more.disabled){display:none}
#main-body .dnsb-ev .btn-view-more{font-size:13px}
#main-body .dnsb-ev .list-group{max-height:none;overflow:visible;border:0!important;border-radius:0}
#main-body .dnsb-ev .list-group-item{min-height:56px;padding:8px 16px;border:0!important;border-radius:0;background:none;color:var(--dn-metin);font-size:14px;line-height:20px}
#main-body .dnsb-ev .list-group-item+.list-group-item{border-top:1px solid var(--dn-cizgi-ince)!important}
#main-body .dnsb-ev a.list-group-item:hover,.dnsb-talepler a:hover{background:var(--dn-zemin-1);text-decoration:none}
#registerDomainPanel .input-group{padding:0!important}
#registerDomainPanel .form-control::placeholder{color:var(--dn-soluk);opacity:1}
#main-body .dnsb-ev__hesap{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-bottom:24px}
#main-body .dnsb-ev__hesap .card{display:flex;flex-direction:column;min-width:0;margin:0!important}
.dnsb-ev__hesap .collapsable-card-body{flex:1 1 auto}
@media (min-width:576px){
  .dnsb-ev__hesap .card-footer .btn{display:inline-block;width:auto}
}
.dnsb-haber{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}
/* Sıra: ad, düğmeler, durum. Durum sütunu sabit */
.div-service-item{gap:12px}
.div-service-status{flex:none;order:3;width:112px!important;text-align:right}
.div-service-status .label:not(.label-placeholder){width:auto}
#main-body .div-service-status .label-placeholder{display:none}
.div-service-name{order:1;flex:1 1 0;min-width:0;margin:0}
.div-service-name>span{font-size:13px;line-height:18px;color:var(--dn-soluk)}
.div-service-name>.font-weight-bold{font-size:14px;line-height:20px;font-weight:600;color:var(--dn-baslik)}
.div-service-buttons{display:flex;flex:none;order:2;gap:8px}
.div-service-buttons .btn-group-primary,.div-service-buttons .btn-view-details i{display:none}
.div-service-buttons .btn-group-secondary{display:inline-flex}
.div-service-buttons .btn-view-details span:not(.sr-only){display:inline}
.dnsb-talepler a{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:12px;color:inherit}
.dnsb-talepler__no{grid-row:2}
.dnsb-talepler .label{grid-area:1/2/3/3}
@media (max-width:991.98px){
  #main-body .tiles .row{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
  .dnsb-ev{display:flex;flex-direction:column;align-items:stretch;gap:0}
  .dnsb-ev__sol,.dnsb-ev__sag{display:contents}
  .dnsb-ev__talep{order:1}.dnsb-ev__alan{order:2}.dnsb-ev__diger{order:3}.dnsb-ev__haber{order:4}#main-body .dnsb-ev__hesap{order:5;gap:16px;margin-bottom:0}
}
@media (max-width:575.98px){
  .dnsb-hizli{margin-bottom:16px}
  #main-body .dnsb-ev__hesap{grid-template-columns:minmax(0,1fr)}
  #registerDomainPanel .input-group{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  #registerDomainPanel .input-group-append{display:contents}
  body.dnsb-ic #registerDomainPanel .form-control{grid-column:1/-1;width:100%;border-radius:var(--dn-k-s)}
  body.dnsb-ic #main-body #registerDomainPanel .btn{width:100%;margin:0;border-radius:var(--dn-k-s)}
  :is(#alertUnpaidInvoice,#alertOverdueInvoice){flex-direction:column-reverse;align-items:stretch}
  :is(#alertUnpaidInvoice,#alertOverdueInvoice) .btn{width:100%}
  .dnsb-hizli__satir{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  .dnsb-hizli .btn:last-child:nth-child(odd){grid-column:1/-1}
  .dnsb-gorev__satir{flex-wrap:wrap}
  .dnsb-gorev__metin{flex:1 1 calc(100% - 44px)}
  .dnsb-gorev__satir .label.status{margin-left:44px}
  #main-body .tile .title{grid-area:1/1/1/3}
  #main-body .tile .stat{grid-area:2/1}
  #main-body .tile i{grid-area:2/2;align-self:center}
  .dnsb-gorev__satir .btn{flex:0 0 100%}
  .div-service-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 12px}
  .div-service-name{grid-area:1/1}
  .div-service-status{grid-area:1/2;width:auto!important}
  .div-service-name>span{white-space:normal}
  .div-service-buttons{grid-column:1/-1;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);margin:0}
  .div-service-buttons :is(.btn-group,.btn){width:100%}
}

/* Hizmet ayrıntısı */
.product-details>.row{display:block;margin:0}
.product-details>.row>:first-child{display:none}
.product-details>.row>:last-child{display:grid;grid-template-columns:minmax(0,160px) minmax(0,3fr) minmax(0,160px) minmax(0,5fr);gap:8px 12px;align-items:baseline;max-width:none;padding:0;font-weight:600;line-height:20px;color:var(--dn-baslik);text-align:left!important}
.product-details h4{grid-column:1;margin:0;font-size:13px;font-weight:400;line-height:18px;color:var(--dn-soluk)}
/* Alan sırası Plesk kartıyla aynı; dnsb.js düz metni öğeye sarar */
.product-details>.row>:last-child:has(>.dnsb-ozet-sag){grid-auto-flow:row dense}
.product-details h4+span{grid-column:2}
.product-details h4.dnsb-ozet-sag{grid-column:3}
.product-details h4.dnsb-ozet-sag+span{grid-column:4}
div.product-details-tab-container{padding:8px 16px;border:1px solid var(--dn-cizgi-ince);border-radius:var(--dn-k-m);box-shadow:var(--dn-g-1)}
div.product-details-tab-container:has(>#domain.active #hc-app){padding:0;border:0;background:none!important;box-shadow:none}
.tab-pane.text-center#domain{text-align:left!important}
:is(#domain,#configoptions,#additionalinfo)>.row{display:grid;grid-template-columns:minmax(0,240px) minmax(0,1fr);gap:4px 16px;margin:0;padding:8px 0}
:is(#domain,#configoptions,#additionalinfo)>.row+.row{border-top:1px solid var(--dn-cizgi-ince)}
:is(#domain,#configoptions,#additionalinfo)>.row>div{max-width:none;padding:0;text-align:left!important;overflow-wrap:anywhere}
#domain:has(#hc-app)>.row:nth-child(-n+2){display:none}
#domain .module-client-area{padding:0}
/* Sonlanmış hizmet: öğeler ekranda yok, DOM'da durur (9.37) */
:is([data-dnsb-durum=terminated],[data-dnsb-durum=cancelled],[data-dnsb-durum=fraud]) :is(.sidebar .list-group-item:is([menuitemname^="Upgrade/Downgrade"],[menuitemname="Change Password"]),[menuitemname="Service Details Actions"]:not(:has(a:not([menuitemname^="Upgrade/Downgrade"],[menuitemname="Change Password"],[data-active=""]))),#tabOverview>.row:has(>.col-md-6>.panel),#tabOverview .panel:has([class*=-feature-row])){display:none}
/* Bağlam boşsa içerik tam genişlik */
:is([data-dnsb-durum=terminated],[data-dnsb-durum=cancelled],[data-dnsb-durum=fraud]) .row:not(:has(>.dnsb-baglam :is(.card:not([menuitemname^="Service Details"]),[menuitemname="Service Details Actions"] a:not([menuitemname^="Upgrade/Downgrade"],[menuitemname="Change Password"],[data-active=""]))))>:is(.dnsb-baglam,.dnsb-baglam-ac){display:none}
/* Bitmiş hizmette uyarı tonu ve geçmiş tarih yok */
:is([data-dnsb-durum=terminated],[data-dnsb-durum=cancelled]) :is(#tabOverview>.alert-warning,#alertPendingCancellation){--y:var(--dn-metin);--z:var(--dn-zemin-2)}
:is([data-dnsb-durum=terminated],[data-dnsb-durum=cancelled]) #tabOverview #nextDueDate{display:none}
[data-dnsb-sablon=clientareaproductdetails] #tabOverview.active{display:flex;flex-direction:column}
[data-dnsb-sablon=clientareaproductdetails] #tabOverview>.alert{order:-2}
[data-dnsb-sablon=clientareaproductdetails] #tabOverview>.panel:has([class*=-feature-row]){order:-1}
/* VPS: önce sunucu, fatura özeti altta */
#tabOverview:has(#hc-app)>.card:has(.product-details){order:1;margin:24px 0 0}
#tabOverview:has(#hc-app)>.card:has(.product-details)::before{content:var(--dnsb-fatura-detay);padding:12px 16px;border-bottom:1px solid var(--dn-cizgi-ince);font-size:16px;font-weight:700;line-height:24px;color:var(--dn-baslik)}
@media (max-width:767.98px){
  .product-details>.row>:last-child{grid-template-columns:minmax(0,160px) minmax(0,1fr)}
  .product-details h4.dnsb-ozet-sag{grid-column:1;order:1}
  .product-details h4.dnsb-ozet-sag+span{grid-column:2;order:1}
}

/* Barındırma modülü kartları */
/* Kart sırası: sütun kapları kalkar, kartlar #tabOverview öğesi olur */
#tabOverview>.row:has(>.col-md-6>.panel),#tabOverview>.row>.col-md-6:has(>.panel){display:contents}
#tabOverview .panel:has([class$=-package-details]){order:1}
#tabOverview .panel:has(.form-inline){order:2}
#tabOverview>.panel:not(:has([class*=-feature-row])){order:3}
#main-body #tabOverview .panel{margin:0 0 24px!important}
#main-body #tabOverview>.panel>.card-body>.row{padding:0;border:0}
#tabOverview .panel-body:has([class$=-package-details]){display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 16px;text-align:left!important}
#tabOverview .panel-body.mx-auto{width:100%}
[class$=-package-details] :is(em,h4){display:none}
#tabOverview [class$=-package-details]{margin:0}
[class$=-package-details] a{font-weight:600;overflow-wrap:anywhere}
[class$=-package-details]+p{display:flex;flex-wrap:wrap;gap:8px;margin:0}
#tabOverview .form-inline{display:grid;gap:8px;max-width:640px}
body.dnsb-ic #tabOverview .form-inline :is(select,.btn){width:100%;margin:0!important}
@media (min-width:576px){
  body.dnsb-ic #tabOverview .form-inline .btn{justify-self:start;width:auto}
}
[class$=-usage-stats] :is(.text-info,.limit-near){margin-top:8px;font-size:13px!important;line-height:18px;color:var(--dn-soluk)!important;text-align:left}
[class$=-usage-stats] .text-danger{display:flex;flex-wrap:wrap;align-items:center;gap:8px;color:var(--dn-hata)!important}
body.dnsb-ic .limit-near .btn-danger:is(*,:hover,:focus){--z:#fff;--k:var(--dn-cizgi);--y:var(--dn-baslik)}
body.dnsb-ic .limit-near .btn-danger:hover{--k:var(--dn-canli)}
/* Kadran gizli, 6 px çubuk: oran dnsb.js'ten --dnsb-oran, yoksa çizilmez. Renk katmanı eşik altında 0 genişlik */
[class$=-usage-stats]>.row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 32px;margin:0}
[class$=-usage-stats] :is(#diskUsage,#bandwidthUsage){display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 16px;align-items:baseline;max-width:none;padding:0;font-size:13px;line-height:18px;color:var(--dn-soluk);font-variant-numeric:tabular-nums;text-align:left}
/* Kadran kabının display değeri satır içi gelir */
[class$=-usage-stats] :is(#diskUsage,#bandwidthUsage) :is(br,div:has(>.usage-dial),.usage-dial){display:none!important}
[class$=-usage-stats] :is(#diskUsage,#bandwidthUsage) strong{font-size:14px;line-height:20px;color:var(--dn-baslik)}
[class$=-usage-stats] [style*="--dnsb-oran"]{--g:calc(var(--dnsb-oran)*100%)}
[class$=-usage-stats] [style*="--dnsb-oran"]::after{content:"";grid-column:1/-1;height:6px;border-radius:var(--dn-k-tam);background:linear-gradient(var(--dn-hata) 0 0) 0/min(var(--g),max(0%,calc((var(--dnsb-oran) - .94999)*1e9%))) 100% no-repeat,linear-gradient(var(--dn-sicak-bas) 0 0) 0/min(var(--g),max(0%,calc((var(--dnsb-oran) - .79999)*1e9%))) 100% no-repeat,linear-gradient(var(--dn-canli) 0 0) 0/var(--g) 100% no-repeat,var(--dn-zemin-2)}
#tabOverview [class*=-feature-row]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px 8px;margin:0}
#tabOverview [class*=-feature-row]>div{flex:none;max-width:none;padding:0}
#tabOverview [class*=-feature-row] a{display:flex!important;align-items:center;gap:12px;min-height:48px;margin:0!important;padding:8px;border-radius:var(--dn-k-s);font-weight:600;line-height:20px;color:var(--dn-baslik);text-align:left}
#tabOverview [class*=-feature-row] a:hover{background:var(--dn-zemin-1);text-decoration:none}
#tabOverview [class*=-feature-row] img{display:none}
#tabOverview [class*=-feature-row] a::before{content:"\f0e0";display:flex;flex:none;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--dn-k-s);background:var(--dn-zemin-2);font:400 20px/1 "Font Awesome 6 Pro";color:var(--dn-canli-koyu)}
#tabOverview a:has(>img[src*=cron_jobs])::before{content:"\f1b2"}
#tabOverview a:has(>img[src*=file_manager])::before{content:"\f07b"}
#tabOverview a:has(>img[src*=mysql_databases])::before{content:"\f1c0"}
#tabOverview a:has(>img[src*=awstats])::before{content:"\f201"}
#tabOverview [class*=-feature-row] a[href*="user%2Flist"]::before{content:"\f0c0"}
@media (min-width:1200px){
  #tabOverview [class*=-feature-row]{grid-template-columns:repeat(6,minmax(0,1fr))}
  #tabOverview [class*=-feature-row] a{flex-direction:column;align-items:flex-start;gap:8px}
}
#tabOverview .panel-body>.row>[class*=col-md]>.row{display:grid;grid-template-columns:minmax(0,160px) minmax(0,1fr);gap:12px;margin:0;padding:4px 0}
#tabOverview .panel-body>.row>[class*=col-md]>.row>div{max-width:none;padding:0;text-align:left!important;font-weight:600;line-height:20px;color:var(--dn-baslik)}
#tabOverview .panel-body>.row>[class*=col-md]>.row>:first-child{font-size:13px;font-weight:400;color:var(--dn-soluk)}
@media (max-width:1199.98px){
  #tabOverview .panel-body>.row>[class*=col-md]{flex:0 0 100%;max-width:100%}
}
@media (max-width:575.98px){
  [class$=-usage-stats]>.row{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:767.98px){
  #main-body #tabOverview .panel{margin-bottom:16px!important}
  #tabOverview [class*=-feature-row]{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* VPS paneli: kimlik seçici koyu kipi yener */
#hc-app.hc{--hc-bg:var(--dn-zemin-1);--hc-surface:#fff;--hc-surface-2:var(--dn-zemin-2);--hc-line:var(--dn-cizgi-ince);--hc-text:var(--dn-baslik);--hc-text-soft:var(--dn-soluk);--hc-accent:var(--dn-canli)!important;--hc-accent-ink:#fff;--hc-ok:var(--dn-olumlu);--hc-warn:var(--dn-sicak-metin);--hc-bad:var(--dn-hata);--hc-info:var(--dn-canli-koyu);--hc-series-1:var(--dn-canli);--hc-series-2:var(--dn-sicak-bas);--hc-chart-grid:var(--dn-cizgi-ince);--hc-chart-axis:var(--dn-alan-kenar);--hc-radius:12px;--hc-radius-sm:8px;--hc-gap:16px;--hc-shadow:var(--dn-g-1);--hc-shadow-lg:var(--dn-g-3);font-family:var(--dn-bas)}
#hc-theme{display:none}
#hc-app :is(.hc-specs dt,.hc-field>label,.hc-table th,.hc-table code,.hc-stat b,.hc-chip,.hc-chartcard__note,.hc-legend__item,.hc-meter-legend,.hc-foot,.hc-segment button,.hc-btn--sm,.hc-muted){font-size:13px;text-transform:none;letter-spacing:0}
#hc-app :is(.hc-input,.hc-copy input,.hc-select,.hc-textarea){border-color:var(--dn-alan-kenar)}
#hc-app :is(.hc-input,.hc-textarea)::placeholder{color:var(--dn-soluk);opacity:1}
#hc-app .hc-btn:disabled{border-color:var(--dn-cizgi);background:var(--dn-zemin-2);color:var(--dn-soluk);opacity:1}
/* Salt okunur değer kenarsız düz kutu */
#hc-app input[readonly]{height:36px;border:0;background:var(--dn-zemin-1)}
#hc-app .hc-card:has(>#hc-specs)>h3{display:none}
/* Riskli işlem birincil renkte durmaz; ödenmemiş faturada Konsol geri çekilir */
#hc-app :is(#hc-reset-pass,#hc-ssh-add),body:has(:is(#alertUnpaidInvoice,#alertOverdueInvoice)):not(:has(.dnsb-sayfa-basi__eylem .btn-primary)) #hc-console{border-color:var(--dn-cizgi);background:#fff;color:var(--dn-baslik)}
#hc-app :is(#hc-reset-pass,#hc-ssh-add):hover,body:has(:is(#alertUnpaidInvoice,#alertOverdueInvoice)):not(:has(.dnsb-sayfa-basi__eylem .btn-primary)) #hc-console:hover{border-color:var(--dn-canli);background:#fff}
body:has(#hc-app):not(:has(.dnsb-sayfa-basi__eylem .btn-primary)) :is(#alertUnpaidInvoice,#alertOverdueInvoice) .btn{--z:var(--dn-canli);--k:var(--dn-canli);--y:#fff}
@media (max-width:767.98px){
  #hc-app :is(.hc-btn,.hc-tab,.hc-segment button,.hc-icon-btn,.hc-input,.hc-copy input,.hc-select){min-height:44px}
  #hc-app .hc-icon-btn{min-width:44px}
}
@media (max-width:640px){
  #hc-app .hc-hero__actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  #hc-app .hc-hero__actions .hc-btn span{display:inline;font-size:13px}
  #hc-app #hc-console{grid-column:1/-1}
}
@media (max-width:575.98px){
  #hc-app .hc-tabs{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}
}

/* İptal ve paket değişikliği */
[data-dnsb-sablon$=cancelrequest] .primary-content>*{max-width:760px}
[data-dnsb-sablon$=cancelrequest] form .d-inline-block{display:block!important}
[data-dnsb-sablon$=cancelrequest] form .text-center{text-align:left!important}
[data-dnsb-sablon$=cancelrequest] form .text-center:has(>.btn){display:flex;flex-wrap:wrap;gap:8px}
.primary-content .table-striped tbody tr:nth-of-type(odd){background:none}
@media (max-width:575.98px){
  :is([data-dnsb-sablon$=cancelrequest],[data-dnsb-sablon^=upgrade]) .primary-content .btn{width:100%}
  [data-dnsb-sablon=upgrade] .table-striped :is(tr,td){display:block;width:auto}
}

/* Alan adı */
#domainForm:not(:has(.domids:checked))>.btn-group{display:none}
.dnsb-ic .label.status.dnsb-rozet-notr{background:var(--dn-zemin-2);color:var(--dn-soluk)}
.dnsb-ic .label:is(.status-pendingregistration,.status-pendingtransfer){background:var(--dn-sicak-zemin);color:var(--dn-sicak-metin)}
.dnsb-ic .label.status-transferredaway{background:var(--dn-zemin-2);color:var(--dn-soluk)}
.dnsb-ic #tableDomainsList td:nth-child(3)>a{font-weight:600;color:var(--dn-baslik)}
#tableDomainsList td:nth-child(3) small{color:var(--dn-soluk)}
/* Bitmiş kayıt soluk, rozet kendi tonunda */
.dnsb-ic #tableServicesList tr:has(.status-terminated,.status-cancelled,.status-fraud) :is(td,strong,a),.dnsb-ic #tableDomainsList tr:has(.status-expired,.status-cancelled) :is(td,a){font-weight:400;color:var(--dn-soluk)}
/* Ayrıntı: hizmet şeridiyle aynı tanım ızgarası */
[data-dnsb-sablon$=domaindetails] #tabOverview>.card>.card-body{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 24px}
[data-dnsb-sablon$=domaindetails] #tabOverview>.card>.card-body>*{grid-column:1/-1;margin:0}
[data-dnsb-sablon$=domaindetails] #tabOverview>.card>.card-body>.row{display:contents}
[data-dnsb-sablon$=domaindetails] #tabOverview>.card>.card-body>.row>.col-lg-6{display:grid;grid-column:auto;grid-template-columns:140px auto minmax(0,1fr);flex:none;gap:0 8px;align-items:baseline;max-width:none;padding:0;font-weight:600;line-height:20px;color:var(--dn-baslik);overflow-wrap:anywhere}
[data-dnsb-sablon$=domaindetails] #tabOverview>.card>.card-body>:is(br,ul,h3:not(:first-child),.row:not(.dnsb-alan-durum,:has(.col-lg-6~.col-lg-6,img))),[data-dnsb-sablon$=domaindetails] #tabOverview>.card>.card-body>.row>.col-lg-6:has(>a[target=_blank]){display:none}
[data-dnsb-sablon$=domaindetails] #tabOverview>.card>.card-body>.row>.col-lg-6:has(>img){grid-column:1;align-items:center}
[data-dnsb-sablon$=domaindetails] #tabOverview .col-lg-6>h5{margin:0;font-size:13px;font-weight:400;line-height:18px;color:var(--dn-soluk)}
/* SSL satırı: kilit ikonu. Görsel gizli kalır, çekirdek durumu ondan okur */
#tabOverview .col-lg-6>img:is([src*=ssl-active],[src*=ssl-inactive]){display:none}
#tabOverview .col-lg-6:has(>img:is([src*=ssl-active],[src*=ssl-inactive])) #statusDisplayLabel::before{content:"\f023";margin-right:8px;font:400 16px "Font Awesome 6 Pro"}
#tabOverview .col-lg-6:has(>img[src*=ssl-active]) #statusDisplayLabel::before{color:var(--dn-olumlu)}
#tabOverview .col-lg-6:has(>img[src*=ssl-inactive]) #statusDisplayLabel{font-weight:400;color:var(--dn-soluk)}
:is(#frmDomainContactModification .tab-pane.active,[data-dnsb-sablon$=registerns] .primary-content){display:grid;grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr));column-gap:24px}
:is(#tabAutorenew,#tabReglock) :is(h2,h4){margin:16px 0!important;font-size:16px;font-weight:600;line-height:24px;text-align:left!important}
#tabReglock .card-body>br{display:none}
/* Eklentiler: ikon Plesk kısayollarıyla aynı kutuda */
#tabAddons .col-3{flex:0 0 47px;max-width:47px;padding-right:0}
#tabAddons .col-9{flex:1 1 0;max-width:none}
#tabAddons .col-3>i{display:flex;font-size:20px;font-weight:400}
#tabAddons .col-3>i+i{display:none}
#tabAddons .col-3>i::before{display:flex;flex:none;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--dn-k-s);background:var(--dn-zemin-2);color:var(--dn-canli-koyu)}
#tabNameservers form{max-width:760px}
:is(#tabNameservers,[data-dnsb-sablon=bulkdomainmanagement]) .offset-sm-4{margin:0}
[data-dnsb-sablon=bulkdomainmanagement] .btn+.btn{margin-left:4px}
#frmDomainContactModification:not(:has(.tab-pane)){display:none}
#frmDomainContactModification .tab-content{padding:16px 0 0!important}
#frmDomainContactModification .tab-pane>:is(.form-check,.row){grid-column:1/-1}
[data-dnsb-sablon$=registerns] .alert{grid-column:1/-1}
#domainForm .dropdown-item{font-size:14px;line-height:20px}
body.dnsb-ic #domainForm .btn{border-radius:var(--dn-k-s)!important}
/* Toplu çubuk akış dışında: ilk seçimde liste kaymaz */
@media (min-width:768px){
  #domainForm{position:relative}
  #domainForm>.btn-group{position:absolute;top:52px;left:1px;right:1px;z-index:2;align-items:center;height:40px;margin:0!important;padding:0 11px;border-radius:var(--dn-k-m) var(--dn-k-m) 0 0;background:var(--dn-zemin-1)}
  #domainForm>.btn-group>:is(.btn,.btn-group){flex:none}
  #domainForm .dropdown-menu{top:100%!important;right:0;left:auto!important;transform:none!important}
  /* Çubuk başlığı örter: klavye inince çekilir */
  #domainForm:has(thead th:focus-visible)>.btn-group{visibility:hidden}
}
@media (min-width:768px) and (max-width:1199.98px){
  body.dnsb-ic #main-body #domainForm .btn{padding-inline:8px}
  #domainForm>.btn-group>.btn i{display:none}
}
@media (max-width:767.98px){
  /* Ekranın altında; sayfa sonu payı altbilgiyi ve odağı açık tutar */
  body:has(#domainForm .domids:checked){padding-bottom:113px}
  html:has(#domainForm .domids:checked){scroll-padding-bottom:121px}
  #domainForm>.btn-group{position:fixed;right:0;bottom:0;left:0;z-index:1000;display:flex;flex-wrap:wrap;gap:8px;margin:0!important;padding:8px 16px;border-top:1px solid var(--dn-cizgi-ince);background:#fff}
  #domainForm>.btn-group>:is(.btn,.btn-group){flex:1 1 calc(50% - 4px);min-width:0;margin:0}
  /* Çubuk iki düğme satırı: 113 px, sayfa sonu payıyla aynı */
  body.dnsb-ic #main-body #domainForm .btn{width:100%;min-height:44px;margin:0;padding:0 8px;font-size:13px;line-height:18px}
  #domainForm .dropdown-menu{top:auto!important;right:0;bottom:calc(100% + 4px);left:auto!important;transform:none!important}
}
@media (max-width:767.98px){
  [data-dnsb-sablon$=domaindetails] #tabOverview>.card>.card-body{grid-template-columns:minmax(0,1fr)}
  /* Seçim kutusu 20 px görünür, dokunma alanı 44 px */
  #tableDomainsList .domids{position:relative;display:block;width:44px;height:44px;margin:-8px 0 -8px -12px;background:none;cursor:pointer;appearance:none;-webkit-appearance:none}
  #tableDomainsList .domids::before{content:"";position:absolute;inset:12px;border:1px solid var(--dn-alan-kenar);border-radius:var(--rounding-sm);background:#fff}
  #tableDomainsList .domids:checked::before{border-color:var(--dn-canli);background:var(--dn-canli)}
  #tableDomainsList .domids:checked::after{content:"\f00c";position:absolute;inset:12px;display:flex;align-items:center;justify-content:center;font:400 13px "Font Awesome 6 Pro";color:#fff}
  #tableDomainsList .domids:focus-visible{outline:2px solid var(--dn-canli);outline-offset:-8px}
}
@media (max-width:575.98px){
  #tableDomainsList .domids{margin-block:0}
  [data-dnsb-sablon=bulkdomainmanagement] .btn+.btn{margin:8px 0 0}
}

/* Bakiye, toplu ödeme, ödeme yöntemi */
.dnsb-ic .col-form-label+br{display:none}
:is([data-dnsb-sablon$=addfunds],[data-dnsb-sablon=masspay]) .primary-content .row{margin:0}
:is([data-dnsb-sablon$=addfunds],[data-dnsb-sablon=masspay]) .primary-content .row>div{flex:0 0 100%;max-width:760px;margin:0;padding:0}
[data-dnsb-sablon=masspay] .primary-content .row>div{max-width:none}
[data-dnsb-sablon=masspay] .table{margin:0}
/* Yöntem ve düğme tek satır */
[data-dnsb-sablon=masspay] .col-md-12{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:end;padding:0}
[data-dnsb-sablon=masspay] .form-group{margin:0}
[data-dnsb-sablon$=methods-manage] .primary-content>.card{max-width:760px}
[data-dnsb-sablon$=addfunds] .table{margin:-1px 0 0}
[data-dnsb-sablon$=addfunds] .table td{padding:8px 16px;border-color:var(--dn-cizgi-ince);font-weight:600;line-height:20px;color:var(--dn-baslik)}
[data-dnsb-sablon$=addfunds] .table strong{font-size:13px;color:var(--dn-soluk)}
[data-dnsb-sablon=account-paymentmethods] .primary-content .card-body>:is(p:has(>.btn),.card-title+p){display:none}
body.dnsb-ic #main-body #payMethodList .btn-set-default.disabled{display:none}
#payMethodList{margin:0}
:is(#payMethodList,[data-dnsb-sablon=masspay] .table,[data-dnsb-sablon$=user-management] .table) :is(th,td){padding:10px 12px;border:0;border-bottom:1px solid var(--dn-cizgi-ince);font-size:14px;line-height:20px;vertical-align:middle}
:is(#payMethodList,[data-dnsb-sablon=masspay] .table,[data-dnsb-sablon$=user-management] .table) th{height:40px;padding-block:0;background:var(--dn-zemin-1);font-size:13px;line-height:18px;font-weight:600;color:var(--dn-soluk)}
:is(#payMethodList,[data-dnsb-sablon=masspay] .table,[data-dnsb-sablon$=user-management] .table) tr:last-child td{border:0}
/* Başlık bandı kart kenarından kenara, metin 16 içeride */
@media (min-width:576px){
  :is(#payMethodList,[data-dnsb-sablon$=user-management] .table) tr>:first-child{padding-left:16px}
  :is(#payMethodList,[data-dnsb-sablon$=user-management] .table) tr>:last-child{padding-right:16px}
}
.primary-content>.card:has(>.card-body>#payMethodList),[data-dnsb-sablon$=user-management] .primary-content>.card:not(.card~*){overflow:hidden}
#main-body .primary-content>.card:has(>.card-body>#payMethodList)>.card-body{padding:0}
.dnsb-ic .masspay-total td{background:var(--dn-zemin-1)}
[data-dnsb-sablon=masspay] .table tr>:last-child:not([colspan]){text-align:right;white-space:nowrap}
#payMethodList td:first-child{width:1%;font-size:20px}
#payMethodList td[colspan]{padding:48px 16px;text-align:center;color:var(--dn-soluk)}
#payMethodList tr:has(+tr>td[colspan]){display:none}
#payMethodList .btn{margin:2px 0}
@media (min-width:768px){#payMethodList .btn.btn-delete{margin-left:5px}}
@media (max-width:575.98px){
  [data-dnsb-sablon=masspay] .col-md-12{grid-template-columns:minmax(0,1fr)}
  #payMethodList,#payMethodList tbody{display:block}
  #payMethodList tr:first-child{display:none}
  #main-body .primary-content>.card:has(>.card-body>#payMethodList){border:0;background:none;box-shadow:none;overflow:visible}
  #payMethodList tr{display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 12px;margin-top:8px;padding:12px;border:1px solid var(--dn-cizgi-ince);border-radius:var(--dn-k-m);background:#fff}
  #payMethodList td{display:block;grid-column:2;padding:0;border:0;overflow-wrap:anywhere}
  #payMethodList td:first-child{grid-column:1;width:auto}
  #payMethodList td:nth-child(5),#payMethodList td[colspan]{grid-column:1/-1}
  #payMethodList td:nth-child(5){display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
  #payMethodList .btn{flex:1 1 auto;margin:0}
}

/* Belge: fatura, teklif, not. Bu sayfalarda .dnsb-ic yoktur */
html:has(.invoice-container),body:has(.invoice-container){height:auto;min-height:100%;background:var(--dn-zemin-1)}
.invoice-container{width:auto;margin:24px max(12px,50% - 425px);padding:48px;border:1px solid var(--dn-cizgi-ince);border-radius:var(--dn-k-m);box-shadow:var(--dn-g-1);font-size:14px;line-height:21px;color:var(--dn-metin)}
.invoice-container::after{content:"";display:block;clear:both}
.dnsb-odenecek{margin:8px 0;font-size:13px;line-height:18px;color:var(--dn-soluk)}
.dnsb-odenecek span{display:block}
.invoice-container .dnsb-odenecek strong{display:block;font-size:24px;line-height:32px;font-weight:700;color:var(--dn-baslik);font-variant-numeric:tabular-nums}
/* Ekran sırası; yazdırma şablon sırasında kalır */
@media screen{
  body:has(>.invoice-container){display:flex;flex-direction:column;padding-bottom:24px}
  body>.invoice-container{display:flex;flex-direction:column;margin-block:12px 24px}
  .invoice-container>.invoice-header{order:-3}
  .invoice-container>hr{width:100%;margin-inline:0}
  .invoice-container>.invoice-header+hr{order:-2}
  .invoice-container>:is(.panel,.row:has(select[name=gateway])){order:-1}
  .invoice-container>.row:has([data-role=paymethod-info]){margin-bottom:16px}
  .invoice-container .invoice-col :is(span.small-text>br,span.small-text~br){display:none}
  .invoice-container>hr:has(+.row .transactions-container){display:none}
  .invoice-container>br{display:none}
  .invoice-container>.float-right{align-self:flex-end;margin-top:16px}
  body:has(>.invoice-container)>p.text-center{order:-1;margin:16px max(12px,50% - 425px) 0;font-size:14px;line-height:20px;text-align:left!important}
  body:has(>.invoice-container)>p.text-center a::before{content:"\f053";margin-right:6px;font:400 13px "Font Awesome 6 Pro"}
  /* Ödenmemiş faturada yöntem düğmeden önce. Para yolu şablonu kopyalanmaz */
  body>.invoice-container:has(.payment-btn-container):has(select[name=gateway]){display:grid;grid-template-columns:minmax(0,1fr) minmax(0,auto);column-gap:24px}
  .invoice-container:has(.payment-btn-container):has(select[name=gateway])>*{grid-column:1/-1}
  .invoice-container:has(.payment-btn-container):has(select[name=gateway]) :is(.invoice-header,.invoice-header>.invoice-col:last-child,.row:has(>.invoice-col select[name=gateway])){display:contents}
  .invoice-container>.invoice-header>.invoice-col:first-child:has(~.invoice-col .payment-btn-container){grid-column:1;grid-row:span 4;order:-10;width:auto;max-width:none;padding:0}
  .invoice-col:has(>.payment-btn-container)>*,.invoice-col:has(select[name=gateway]){grid-column:2;max-width:none;width:auto;padding:0}
  .invoice-container:has(.payment-btn-container):has(select[name=gateway])>.float-right{justify-self:end}
  .invoice-col>.invoice-status:has(~.payment-btn-container){order:-9}
  .invoice-col>.small-text:has(~.payment-btn-container){order:-8}
  .invoice-col:has(select[name=gateway]){order:-7;margin-top:8px;font-size:13px;line-height:18px;text-align:right}
  .invoice-col:has(>.payment-btn-container)>.payment-btn-container{order:-6}
  .invoice-container:has(.payment-btn-container):has(select[name=gateway])>.invoice-header+hr{order:-5}
  .invoice-container:has(.payment-btn-container):has(select[name=gateway])>.panel{order:-4}
  .invoice-col:has(select[name=gateway])~.invoice-col{grid-column:1/-1;margin-bottom:16px;padding:0}
  .invoice-col:has(select[name=gateway])>br{display:none}
  .invoice-col:has(select[name=gateway])>strong{display:block;margin-bottom:4px}
  .invoice-col [data-role=paymethod-info]:has(select){display:block;float:none!important}
  .invoice-col form:has(select[name=gateway]){justify-content:flex-end}
}
.invoice-container :is(h2,h3){font-size:24px;font-weight:700;line-height:32px}
.invoice-container strong{font-weight:600;color:var(--dn-baslik)}
.invoice-container .small-text{font-size:14px}
.invoice-container .invoice-status{margin:0;font-size:16px;line-height:24px;text-transform:none}
.invoice-status span{color:var(--dn-soluk)}
.invoice-header :is(.unpaid,.collections){color:var(--dn-hata)}
.invoice-status .paid{color:var(--dn-olumlu)}
.invoice-container .btn{padding:7px 12px;border:1px solid var(--dn-cizgi);border-radius:var(--dn-k-s);background:#fff;font-size:14px;font-weight:600;line-height:20px;color:var(--dn-baslik);box-shadow:none}
.invoice-container .payment-btn-container .btn{min-height:44px;padding:11px 20px;border-color:var(--dn-canli);background:var(--dn-canli);font-size:16px;color:#fff}
.invoice-container .payment-btn-container .btn:hover{border-color:var(--dn-canli-koyu);background:var(--dn-canli-koyu)}
.invoice-container .card{margin-bottom:16px;border:1px solid var(--dn-cizgi-ince);border-radius:var(--dn-k-m);background:#fff;box-shadow:none;overflow:hidden}
.invoice-container .card-header{padding:12px 16px;border-bottom:1px solid var(--dn-cizgi-ince);background:#fff}
.invoice-container .card-header :is(h3,strong){margin:0;font-size:16px;font-weight:700;line-height:24px}
.invoice-container .btn .fas{font-weight:400}
.invoice-container :is(.card-title,.card-header)[class*=bg-]{margin:0;padding:12px 16px!important;border-bottom:1px solid var(--dn-cizgi-ince);background:#fff!important;font-size:16px;line-height:24px;font-weight:700!important;color:var(--dn-baslik)!important}
.invoice-container .card-title.bg-danger{color:var(--dn-hata)!important}
.invoice-container .card-title.bg-success{color:var(--dn-olumlu)!important}
.invoice-container .card-text.mx-2{margin:0 16px 12px!important}
.invoice-container .card-body:has(>.table-responsive){padding:0}
.invoice-container .table{margin:0;font-size:14px;line-height:20px;color:var(--dn-metin);font-variant-numeric:tabular-nums}
.invoice-container .table td{padding:10px 16px;border-color:var(--dn-cizgi-ince)}
.invoice-container .table td.text-center{text-align:left!important}
.invoice-container .table td.text-center:last-child:not(:first-child){text-align:right!important;white-space:nowrap}
.invoice-container thead td,.invoice-container td.total-row{background:var(--dn-zemin-1)}
.invoice-container tr:last-child>td.total-row:last-child{font-weight:600;color:var(--dn-baslik)}
.invoice-container thead :is(td,strong){border-top:0;font-size:13px;font-weight:600;line-height:18px;color:var(--dn-soluk)}
.invoice-container :is(.form-control,.custom-select){height:40px;border-color:var(--dn-alan-kenar);border-radius:var(--dn-k-s);font-size:14px}
@media (min-width:576px){
  .invoice-container .text-center:has(>.invoice-status){text-align:right!important}
  .invoice-container .payment-btn-container{text-align:right}
}
@media (max-width:575.98px){
  .invoice-container{margin:12px;padding:16px}
  body>.invoice-container:has(.payment-btn-container):has(select[name=gateway]){grid-template-columns:minmax(0,1fr)}
  .invoice-container>.invoice-header>.invoice-col:first-child:has(~.invoice-col .payment-btn-container){grid-row:auto}
  .invoice-col:has(>.payment-btn-container)>*,.invoice-col:has(select[name=gateway]){grid-column:1}
  .invoice-col:has(select[name=gateway]){text-align:center}
  .invoice-col form:has(select[name=gateway]){justify-content:center}
  .invoice-container .table td{padding-inline:8px}
  .invoice-container .table tr>:first-child{padding-left:16px}
  .invoice-container .table tr>:last-child{padding-right:16px}
  .invoice-container .btn{padding-block:11px}
  .invoice-container .payment-btn-container .btn{width:100%}
  .invoice-col:has(>[data-role=paymethod-info]):not(:has(select))+.invoice-col{margin-top:8px}
  /* Referans alt satırda. Kalan tutar colspan taşır: satırlar ızgara, tutar hizalı */
  .transactions-container :is(table,thead,tbody){display:block}
  .transactions-container tr{display:grid;grid-template-columns:112px minmax(0,1fr) 112px}
  .transactions-container thead td:nth-child(3){display:none}
  .transactions-container tbody td:nth-child(3):not([colspan]){order:1;grid-column:2/-1;padding-top:0;border-top:0;text-align:left;overflow-wrap:anywhere}
  .transactions-container td[colspan="3"]{grid-column:span 2}
  .transactions-container td[colspan="4"]{grid-column:1/-1}
  .invoice-container :is(.form-control,.custom-select){height:44px;font-size:16px}
}
@media print{
  html:has(.invoice-container),body:has(.invoice-container){background:#fff}
  .invoice-container{margin:0 auto;padding:0;border:0}
}

/* Telefonda dokunma alanı ve yakınlaştırma */
@media (max-width:767.98px){
  /* :where özgüllüğü sıfırlar: kendi dolgusu olan bağlantı etkilenmez */
  :where(.dnsb-ic #main-body,.dnsb-sayfa-basi__alt,.master-breadcrumb,p.d-print-none) a{padding-block:4px}
}
@media (max-width:575.98px){
  .dnsb-ic #main-body{padding:16px 0 24px}
  .dnsb-ic #main-body .card{margin-bottom:16px}
  body.dnsb-ic :is(.btn,.btn-group-sm>.btn),body.dnsb-ic #main-body :is(.btn,.btn-group-sm>.btn){min-height:44px}
  body.dnsb-ic :is(.form-control,.custom-select,.custom-file-label),.dnsb-ic :is(.custom-file,.custom-file-input){height:44px}
  body.dnsb-ic :is(.form-control,.custom-select,.custom-file-label){padding-block:11px;font-size:16px}
  body.dnsb-ic textarea.form-control{height:auto}
  .dnsb-ic .custom-file-label::after{height:42px;padding-block:11px}
  .dnsb-ic .sidebar .list-group-item{min-height:44px}
  .dnsb-ic #main-body .text-center:has(>[type=submit]) .btn{flex:1 1 100%}
}

/* Kısa altbilgi */
body.dnsb-panel footer.footer.dnsb-kisa-alt{margin:0;padding:0;background:var(--dn-950);font-size:13px;line-height:18px;color:var(--dn-koyu-soluk)}
.dnsb-kisa-alt__ic{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;min-height:72px;white-space:nowrap}
footer.footer.dnsb-kisa-alt .copyright{margin:0;font-size:13px;line-height:18px;color:var(--dn-koyu-soluk);text-align:left}
.dnsb-kisa-alt__menu{display:flex;gap:4px 16px}
.dnsb-kisa-alt :is(a,.dnsb-kisa-alt__dil){color:var(--dn-koyu-soluk)}
.dnsb-kisa-alt :is(a,.dnsb-kisa-alt__dil):hover{color:#fff;text-decoration:underline}
.dnsb-kisa-alt :is(a,.dnsb-kisa-alt__dil):focus-visible{outline:2px solid var(--dn-sicak);outline-offset:2px}
.dnsb-kisa-alt__dil{display:inline-flex;align-items:center;gap:8px;min-height:24px;padding:0;border:0;background:none;font:inherit;cursor:pointer}
@media (max-width:767.98px){
  .dnsb-kisa-alt__dil{min-height:44px}
}
@media (max-width:1023.98px){
  .dnsb-kisa-alt__ic{flex-direction:column;justify-content:center;gap:8px;padding-block:16px;white-space:normal}
  footer.footer.dnsb-kisa-alt .copyright{text-align:center}
  .dnsb-kisa-alt__menu{flex-wrap:wrap;justify-content:center}
  .dnsb-kisa-alt a{display:inline-flex;align-items:center;min-height:24px}
}
/* ---- DNS Bilisim destek, hesap, giriş, kayıt, hata sayfaları ---- */
/* Tek sütunlu sayfalar */
:is([data-dnsb-sablon$=steptwo],[data-dnsb-sablon=announcements],[data-dnsb-sablon=user-profile],[data-dnsb-sablon=user-security],[data-dnsb-sablon=clientareasecurity]) .primary-content>*{max-width:760px}
[data-dnsb-sablon=viewannouncement] .primary-content>*{max-width:720px}
:is([data-dnsb-sablon=clientareadetails],[data-dnsb-sablon^=account-contacts],[data-dnsb-sablon=user-password],[data-dnsb-sablon=user-switch-account]) .primary-content>*,[data-dnsb-sablon$=user-management] .primary-content>:is(.card,.alert){max-width:760px}

/* Talep listesi */
.dnsb-ic .ticket-subject.unread{font-weight:600}
:is([data-dnsb-sablon=supportticketslist],[data-dnsb-sablon=viewticket]) .sidebar [menuitemname="Open Ticket"]{display:none}
@media (max-width:1199.98px){
  #tableTicketsList tr>:first-child:not(.dataTables_empty){display:none}
}
@media (min-width:1200px){
  .dnsb-ic #tableTicketsList tr>:first-child:not(.dataTables_empty){box-sizing:border-box;width:140px!important}
  .dnsb-ic #tableTicketsList tr>:nth-child(2){width:auto!important;min-width:420px}
  .dnsb-ic #tableTicketsList tr>:nth-child(n+3){white-space:nowrap}
  .dnsb-ic .dataTables_wrapper #tableTicketsList tbody td:first-child:not(.dataTables_empty){font-size:13px;line-height:18px;color:var(--dn-soluk)}
}

/* Talep görüntüleme: mesaj akışı önde */
.dnsb-ic #main-body .view-ticket{border:0;background:none;box-shadow:none}
.dnsb-ic #main-body .view-ticket>.card-body{padding:0 0 12px;border:0;border-radius:0}
.dnsb-ic #main-body .view-ticket>.card-body:last-child{padding-bottom:0}
.dnsb-ic #main-body .view-ticket>.card-body:first-child{display:flex;justify-content:flex-end;padding:0 0 12px!important}
.dnsb-ic #main-body :is(.view-ticket>.card-body:first-child>p,#closedTicket),[menuitemname="Ticket Information"] .card-footer{display:none}
[data-dnsb-sablon=viewticket] .primary-content>.alert-warning{--y:var(--dn-canli-koyu);--z:var(--dn-canli-zemin)}
.dnsb-sayfa-basi__alt:has(.dnsb-sayfa-basi__konu){display:flex;flex-wrap:wrap;align-items:center;gap:0 8px;margin-top:2px;font-size:14px;line-height:24px}
.dnsb-sayfa-basi__konu{font-weight:600;color:var(--dn-baslik)}
#main-body .view-ticket .card-title{margin:0;font-size:0;line-height:0}
.view-ticket .ticket-actions{display:flex;gap:8px;float:none!important;margin:0!important}
.view-ticket .ticket-reply{margin:0;border:1px solid var(--dn-cizgi-ince);border-radius:var(--dn-k-m);background:#fff;box-shadow:var(--dn-g-1);overflow:hidden}
.view-ticket .ticket-reply.staff{border-left:3px solid var(--dn-canli)}
.ticket-reply .posted-by{margin:0;padding:6px 16px;border:0;border-radius:0;background:var(--dn-zemin-2);font-size:13px;line-height:24px;color:var(--dn-metin)}
.ticket-reply.staff .posted-by{background:var(--dn-canli-zemin)}
.ticket-reply .posted-by-name{font-weight:600;color:var(--dn-baslik)}
#main-body .ticket-reply .message{padding:16px!important;font-size:14px;line-height:21px;color:var(--dn-metin)}
.ticket-reply .message>:last-child{margin-bottom:0}
.ticket-reply .attachments{border-top:1px solid var(--dn-cizgi-ince)}
.dnsb-ic .label[class*=requestor-type],.ticket-details-children .label{display:inline-flex;align-items:center;height:24px;padding:0 10px;border-radius:var(--dn-k-tam);background:var(--dn-zemin-2);font-size:13px;font-weight:600;line-height:18px;color:var(--dn-metin)}
.dnsb-ic .label.requestor-type-operator{background:var(--dn-canli-zemin);color:var(--dn-canli-koyu)}
.dnsb-ic .ticket-reply .label.requestor-badge{background:#fff}
.dnsb-ic .sidebar .ticket-details-children{display:block;min-height:0;padding:4px 12px;font-weight:600;color:var(--dn-baslik)}
.dnsb-ic .sidebar .ticket-details-children:is(:hover,:focus){background:none;color:var(--dn-baslik)}
.ticket-details-children br{display:none}
.ticket-details-children .title{display:block;font-size:13px;font-weight:400;line-height:18px;color:var(--dn-soluk)}
#main-body .sidebar .card-sidebar:not(:has(.card-body)) .card-footer{border:0;background:none}
/* Yanıt değerlendirme: yıldız 20 px, solunda ne işe yaradığı yazar. Etiketi dnsb.js ekler */
.clearfix:has(>.rating){display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-top:8px}
.dnsb-puan{font-size:13px;line-height:18px;color:var(--dn-soluk)}
.ticket-reply .rating-done .rated{font-size:13px;line-height:18px}
.ticket-reply .rating{float:none;line-height:20px}
.ticket-reply :is(.rating,.rating-done) span.star,.ticket-reply :is(.rating,.rating-done) span.star::before{font-size:20px}
.ticket-reply .rating-done span.star.active::before{color:var(--dn-canli);font-weight:900}
body.dnsb-ic #closeTicket{--z:#fff;--k:var(--dn-hata);--y:var(--dn-hata)}
body.dnsb-ic #closeTicket:hover{--z:var(--dn-hata-zemin)}
.recent-ticket{width:100%;min-width:0}
.dnsb-ic .sidebar .sidebar-menu-item-label:has(.recent-ticket){flex:1 1 auto}
.recent-ticket small{display:flex;margin:0;flex-direction:row-reverse;justify-content:space-between;gap:8px}
.recent-ticket small span{float:none!important;color:var(--dn-soluk)!important}

/* Talep açma */
[data-dnsb-sablon^=supportticketsubmit] .primary-content .card-title{display:none}
[data-dnsb-sablon$=stepone] .row:has(>.offset-sm-1){display:block;margin:0}
[data-dnsb-sablon$=stepone] .offset-sm-1{max-width:none;margin:0;padding:0}
.offset-sm-1>.h5{position:relative;min-height:64px;margin:0 0 8px;padding:21px 16px 21px 52px;border:1px solid var(--dn-cizgi);border-radius:var(--dn-k-m);font-size:14px;font-weight:600;line-height:20px;transition:border-color var(--dn-gecis)}
.offset-sm-1>.h5:hover{border-color:var(--dn-canli)}
.offset-sm-1>.h5:has(+.text-muted:not([hidden])){margin-bottom:0;padding:12px 16px 32px 52px}
.offset-sm-1>.h5 a{margin-left:-4px;color:var(--dn-baslik)}
.offset-sm-1>.h5 a::after{content:"";position:absolute;inset:0}
.offset-sm-1>.h5 i{position:absolute;top:50%;left:16px;font-size:20px;font-weight:400;line-height:20px;color:var(--dn-canli-koyu);transform:translateY(-50%)}
.offset-sm-1>.h5 i::before{content:"\f145"}
.offset-sm-1>.h5+.text-muted{position:relative;margin:-30px 0 20px;padding:0 16px 0 52px;font-size:13px;line-height:18px;pointer-events:none}
.dnsb-ic .row:has(>.form-group>input#inputName:disabled){display:none}
body.dnsb-ic .md-editor .btn-primary{--z:#fff;--k:var(--dn-cizgi);--y:var(--dn-baslik)}
.dnsb-ic .md-editor>.md-footer{display:none}
/* Düzenleyici 160 px başlar, yazdıkça büyür. field-sizing olmayan tarayıcıda elle büyütülür */
.dnsb-ic .md-editor:not(.md-fullscreen-mode)>textarea.markdown-editor{height:160px;min-height:160px}
@supports (field-sizing:content){
  .dnsb-ic .md-editor:not(.md-fullscreen-mode)>textarea.markdown-editor{height:auto;max-height:480px;field-sizing:content}
}
@media (min-width:768px){
  [data-dnsb-sablon$=steptwo] .row>.form-group{flex:1 1 0;max-width:none}
}

/* Duyurular */
.announcements .announcement{margin:0;padding:16px 0;border-top:1px solid var(--dn-cizgi-ince)}
.announcements .announcement:first-child{padding-top:0;border:0}
.announcements .announcement:last-child{padding-bottom:0}
#main-body .announcement h1{margin:0 0 4px;font-size:20px;font-weight:700;line-height:28px}
.announcement h1 a{color:var(--dn-baslik)}
.announcement h1 a:hover{color:var(--dn-canli-koyu)}
:is(.announcement,[data-dnsb-sablon=viewannouncement]) .list-inline{margin:0 0 8px;font-size:13px;line-height:18px}
.announcements .announcement article{margin:0 0 12px;padding:0;border:0;background:none;font-size:14px;line-height:21px;color:var(--dn-metin)}
[data-dnsb-sablon=viewannouncement] .list-inline-item:has(.fa-clock){display:none}
[data-dnsb-sablon=viewannouncement] #main-body h1{margin:0 0 4px;font-size:28px;font-weight:700;line-height:36px;letter-spacing:-.01em;color:var(--dn-baslik)}
[data-dnsb-sablon=viewannouncement] .py-5{padding:8px 0 0!important;font-size:16px;line-height:26px}
[data-dnsb-sablon=viewannouncement] #main-body .card{margin-bottom:0}
[data-dnsb-sablon=viewannouncement] #main-body .card .card-body{padding-bottom:72px}
[data-dnsb-sablon=viewannouncement] .card+.btn{position:relative;margin:-56px 0 16px 16px}
#main-body :is(.announcements,[data-dnsb-sablon^=knowledgebase] .primary-content,[data-dnsb-sablon^=downloads] .primary-content)>.alert-info{padding:48px 16px;border:0;background:none;text-align:center!important;color:var(--dn-soluk)}
:is([data-dnsb-sablon^=knowledgebase],[data-dnsb-sablon^=downloads]) .primary-content>form:has(+.alert-info){display:none}

/* Sunucu durumu */
[data-dnsb-sablon=serverstatus] .primary-content>.alert-success~p,[data-dnsb-sablon=serverstatus] nav:has(.page-item:first-child.disabled):has(.page-item:last-child.disabled){display:none}
.dnsb-ic .card-header .badge{padding:3px 10px;border-radius:var(--dn-k-tam);background:var(--z,var(--dn-zemin-2));font-size:13px;font-weight:600;line-height:18px;color:var(--y,var(--dn-soluk))}
.badge-danger{--z:var(--dn-hata-zemin);--y:var(--dn-hata)}
.badge-warning{--z:var(--dn-sicak-zemin);--y:var(--dn-sicak-metin)}
.badge-success{--z:var(--dn-olumlu-zemin);--y:var(--dn-olumlu)}
.badge-info{--z:var(--dn-canli-zemin);--y:var(--dn-canli-koyu)}

/* Bilgilerim: dört bölüm, iki kolon. Özel alanlar da aynı ızgarada akar */
.dnsb-bolum{padding-top:16px;border-top:1px solid var(--dn-cizgi-ince)}
.dnsb-bolum:first-child{padding-top:0;border:0}
#main-body .dnsb-bolum__ad{margin:0 0 16px;font-size:14px;font-weight:700;line-height:20px;color:var(--dn-baslik)}
/* Uzun formda kaydet düğmesi ekranda kalır. Klavye odağı çubuğun altında kalmaz: tarayıcı odaklanan alanı çubuğun üstüne kaydırır */
html:has(body[data-dnsb-sablon=clientareadetails]){scroll-padding-bottom:82px}
[data-dnsb-sablon=clientareadetails] #main-body form>.text-center:has(>[type=submit]){position:sticky;bottom:0;z-index:2;margin:0;padding:12px 16px;border:1px solid var(--dn-cizgi-ince);border-radius:var(--dn-k-m);background:#fff;box-shadow:var(--dn-g-1)}
.dnsb-bolum__alan{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px}
.dnsb-bolum__alan .form-group{margin-bottom:16px;min-width:0}
.dnsb-ic #main-body .control{font-size:13px;line-height:18px;color:var(--dn-soluk)}
.dnsb-ic #main-body .control>.form-control{margin-bottom:4px}
/* Onay kutulu özel alan: kutu solda, etiket yanında, açıklama altta. Sıra kaynaktaki diziliş yerine order ile: açıklama .control içinde de dışında da gelebilir */
#main-body .form-group:has(>:is(.control,.icheckbox_square-blue)>input[type=checkbox]){display:flex;flex-wrap:wrap;align-items:center;gap:0 8px;grid-column:1/-1;min-height:24px}
#main-body .form-group>.control:has(>input[type=checkbox]){display:contents}
#main-body .form-group>.control>input[type=checkbox],#main-body .form-group>.icheckbox_square-blue{flex:none;order:-1}
#main-body .form-group:has(>:is(.control,.icheckbox_square-blue)>input[type=checkbox])>label{display:flex;flex:1 1 0;align-items:center;min-width:0;min-height:24px;margin:0;font-size:14px;font-weight:400;line-height:21px;color:var(--dn-metin)}
#main-body .form-group:has(>:is(.control,.icheckbox_square-blue)>input[type=checkbox]) .field-help-text{flex:0 0 100%}
/* Girdisi etiketin kardeşi olan radyo (toplu nameserver): alan adı ayrıntısındaki seçeneklerle aynı görünüm, kutu yanında */
.dnsb-ic #main-body .form-check-inline:has(>.form-check-input+.form-check-label){display:flex;margin-right:0}
.dnsb-ic #main-body .form-check-inline>.form-check-input+.form-check-label{margin:0;font-size:14px;font-weight:400;line-height:21px;color:var(--dn-metin)}
.dnsb-ic #main-body .form-check-inline+.form-group{margin-top:12px}

/* Kişiler: seçim ve form iki ayrı kart */
[data-dnsb-sablon^=account-contacts] #main-body .alert:has(form){margin:0 0 24px;padding:16px;box-shadow:var(--dn-g-1)}
[data-dnsb-sablon^=account-contacts] .alert .row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:0 8px;margin:0}
[data-dnsb-sablon^=account-contacts] .alert .row>*{max-width:none;padding:0}
[data-dnsb-sablon^=account-contacts] .alert .row>label{grid-column:1/-1}
[data-dnsb-sablon^=account-contacts] .alert .btn{margin:0!important}

/* Kullanıcılar */
[data-dnsb-sablon$=user-management] .table{margin:0 0 12px}
[data-dnsb-sablon$=user-management] #main-body .table .btn.disabled{display:none}
[data-dnsb-sablon$=user-management] .table .fa-shield{font-weight:400;color:var(--dn-soluk);cursor:help}
body.dnsb-ic .btn-remove-user{--z:#fff;--k:var(--dn-hata);--y:var(--dn-hata)}
body.dnsb-ic .btn-remove-user:hover{--z:var(--dn-hata-zemin)}
/* Tek kullanıcıda işlem sütunu boştur, çizilmez */
[data-dnsb-sablon$=user-management] .table:not(:has(.btn:not(.disabled))) tr>:last-child{display:none}
[data-dnsb-sablon$=user-management] #main-body .primary-content>.card:not(.card~*)>.card-body{padding-inline:0}
[data-dnsb-sablon$=user-management] .primary-content>.card:not(.card~*)>.card-body>p{padding-inline:16px}
@media (max-width:575.98px){
  [data-dnsb-sablon$=user-management] .table :is(tbody,tr,td){display:block;width:auto}
  [data-dnsb-sablon$=user-management] .table tr:first-child{display:none}
  [data-dnsb-sablon$=user-management] #main-body .table td{padding-inline:16px;overflow-wrap:anywhere}
  [data-dnsb-sablon$=user-management] .table td:empty{display:none}
  [data-dnsb-sablon$=user-management] .table .btn{width:100%;margin-bottom:8px}
}

/* Tek oturum açma, iki aşamalı doğrulama */
[data-dnsb-sablon=clientareasecurity] .card .alert.alert-success{margin:0 0 8px;padding:0;border:0;background:none;color:var(--dn-metin)}
[data-dnsb-sablon=clientareasecurity] .card form{margin-bottom:8px}
[data-dnsb-sablon=clientareasecurity] form.p-2,[data-dnsb-sablon=clientareasecurity] form .p-2{padding:0!important}
.dnsb-ic .bootstrap-switch{border-color:var(--dn-alan-kenar);border-radius:var(--dn-k-s)}
.dnsb-ic .bootstrap-switch :is(.bootstrap-switch-handle-on,.bootstrap-switch-handle-off,.bootstrap-switch-label){font-size:14px;font-weight:600;line-height:20px}
.dnsb-ic .bootstrap-switch .bootstrap-switch-handle-on{background:var(--dn-olumlu);color:#fff}
.dnsb-ic .bootstrap-switch .bootstrap-switch-handle-off{background:var(--dn-zemin-2);color:var(--dn-metin)}
.twofa-config-link strong{display:inline-flex;align-items:center;height:24px;margin-left:4px;padding:0 10px;border-radius:var(--dn-k-tam);background:var(--dn-sicak-zemin);font-size:13px;line-height:18px;color:var(--dn-sicak-metin)}
.twofa-config-link.disable strong{background:var(--dn-olumlu-zemin);color:var(--dn-olumlu)}
body[data-dnsb-sablon=user-security] #main-body .btn-success{--z:var(--dn-canli);--k:var(--dn-canli);--y:#fff}
body[data-dnsb-sablon=user-security] #main-body .btn-success:hover{--z:var(--dn-canli-koyu)}

/* Gönderilen e-postalar: satır tıklanır */
#tableEmailsList tr>:nth-child(3){display:none}

/* Gönderilen e-posta penceresi: viewemail.tpl sınıf taşımaz, kurallar gövde kimliğine bağlıdır */
#popup-backdrop{display:flex;flex-direction:column;padding:16px;background:var(--dn-zemin-1);font-size:14px;line-height:21px;color:var(--dn-metin)}
#popup-backdrop .card{flex:1 1 auto;width:100%;max-width:768px;margin:0 auto;border:1px solid var(--dn-cizgi-ince);border-radius:var(--dn-k-m);box-shadow:var(--dn-g-1);overflow:hidden}
#popup-backdrop :is(.card-header,.card-footer){padding:12px 16px;border-color:var(--dn-cizgi-ince);background:#fff}
#popup-backdrop .popup-header-padding{margin:0;padding:0;font-size:13px;line-height:18px;color:var(--dn-soluk)}
#popup-backdrop h2.popup-header-padding{font-size:16px;font-weight:700;line-height:24px;text-transform:none;color:var(--dn-baslik)}
#popup-backdrop h2 i{font-size:16px;color:var(--dn-soluk)}
#popup-backdrop .card-body{display:flex;flex:1 1 auto;padding:16px}
#popup-backdrop iframe{flex:1 1 auto;height:auto;min-height:320px}
:is(#popup-backdrop,#acceptQuoteModal) .btn{min-height:40px;padding:0 16px;border-radius:var(--dn-k-s);font-size:14px;font-weight:600;line-height:20px}
#acceptQuoteModal small{font-size:13px;line-height:18px}
@media (max-width:767.98px){
  :is(#popup-backdrop,#acceptQuoteModal) .btn{min-height:44px}
  #quoteAcceptAgreeTos a{display:inline-block;padding-block:4px}
}

/* Şifre: tek kolon form */
#tabChangepw form{max-width:640px}
:is([data-dnsb-sablon=user-password],#tabChangepw) code{color:var(--dn-baslik)}

/* Hesap seçimi */
.select-account a{display:flex;align-items:center;gap:8px;min-height:56px;padding:8px 12px;font-weight:600;color:var(--dn-baslik)}
.select-account a:hover{background:var(--dn-zemin-1);text-decoration:none}
#main-body .primary-content .card.mw-540{margin:0 0 24px}
.select-account{margin:12px 0 0}

/* Ortaklık */
.affiliate-stat{position:relative;display:flex;text-align:left;flex-direction:column-reverse;gap:4px;min-height:100%;margin:0;padding:16px;border:1px solid var(--dn-cizgi-ince);border-radius:var(--dn-k-m);background:#fff;box-shadow:var(--dn-g-1);font-size:13px;font-weight:600;line-height:24px;color:var(--dn-soluk)}
.affiliate-stat span{font-size:28px;font-weight:700;line-height:36px;color:var(--dn-baslik)}
#main-body .affiliate-stat i{position:absolute;top:16px;right:16px;margin:0;font-size:20px;line-height:24px;color:var(--dn-canli-koyu)}
[data-dnsb-sablon^=affil] .row:has(.affiliate-stat){row-gap:16px}
[data-dnsb-sablon^=affil] #main-body :is(.h3,h2){margin:0 0 12px;font-size:16px;font-weight:700;line-height:24px;color:var(--dn-baslik)}
[data-dnsb-sablon^=affil] #main-body .row:has(>.col-md-8){margin:0}
[data-dnsb-sablon^=affil] #main-body .col-md-8{flex:0 0 100%;max-width:none;margin:0;padding:0}
[data-dnsb-sablon^=affil] .table-bordered{margin:0 0 16px;border:1px solid var(--dn-cizgi-ince);border-collapse:separate;border-spacing:0;border-radius:var(--dn-k-m);background:#fff}
[data-dnsb-sablon^=affil] .table-bordered td{padding:10px 16px;border:0;border-top:1px solid var(--dn-cizgi-ince);background:none;font-size:14px;line-height:20px;text-align:left!important;color:var(--dn-metin)}
[data-dnsb-sablon^=affil] .table-bordered tr:first-child td{border:0}
[data-dnsb-sablon^=affil] .text-center:has(>form){margin-bottom:24px;text-align:left!important}
body[data-dnsb-sablon^=affil] .btn-danger:not(:disabled){--z:var(--dn-canli);--k:var(--dn-canli);--y:#fff}
body[data-dnsb-sablon^=affil] .btn-danger:not(:disabled):hover{--z:var(--dn-canli-koyu);--k:var(--dn-canli-koyu)}

/* Kayıt formu */
body.dnsb-ic #registration :is(.field,.form-control:not(textarea)){height:40px}
.dnsb-ic #registration .prepend-icon .field-icon{height:40px}
body.dnsb-ic :is(#registration,#order-standard_cart) .field-help-text{font-size:13px;font-weight:400;line-height:18px;color:var(--dn-soluk)!important}

/* Hata sayfaları: ortalanmış kart */
#main-body>div:not([class*=container])>.row{margin-inline:0}
[data-dnsb-sablon^="error/"] #main-body .container{max-width:608px}
[data-dnsb-sablon^="error/"] .text-center.p-5,[data-dnsb-sablon=access-denied] .card{margin:24px auto;padding:32px 24px!important;border:1px solid var(--dn-cizgi-ince);border-radius:var(--dn-k-m);background:#fff;box-shadow:var(--dn-g-1)}
[data-dnsb-sablon=access-denied] .card{max-width:560px}
[data-dnsb-sablon^="error/"] i.display-1{font-size:28px;line-height:48px;color:var(--dn-soluk)!important}
[data-dnsb-sablon^="error/"] h1.display-1,[data-dnsb-sablon=access-denied] #main-body h1{margin:8px 0 4px!important;font-size:28px;font-weight:700;line-height:36px;color:var(--dn-baslik)!important}
[data-dnsb-sablon^="error/"] #main-body h3{font-size:16px;font-weight:600;line-height:24px;color:var(--dn-baslik)}
[data-dnsb-sablon^="error/"] .buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:16px}
body[data-dnsb-sablon^="error/"] #main-body .btn-info{--z:#fff;--k:var(--dn-cizgi);--y:var(--dn-baslik)}
@media (max-width:767.98px){
  .dnsb-bolum__alan{grid-template-columns:minmax(0,1fr)}
  /* Onay kutusu ve radyo: tıklanır alan etiketin tamamı, en az 44. Yazı boyutu değişmez */
  :is(.dnsb-ic,#acceptQuoteModal) label:has(input:is([type=checkbox],[type=radio])){display:inline-block;align-content:center;min-height:44px;margin-block:0}
  .dnsb-ic #main-body .form-check-inline>.form-check-input+.form-check-label{align-content:center;min-height:44px}
  #main-body .form-group:has(>:is(.control,.icheckbox_square-blue)>input[type=checkbox])>label{min-height:44px}
  #main-body .form-group>.icheckbox_square-blue{box-sizing:content-box;margin:-11px;padding:11px;background-origin:content-box;background-clip:content-box}
  /* Ana tema kutuya kenar çizer, kenar 44 px alanın dışına oturur */
  #main-body #frmConfigureProduct .form-group>.icheckbox_square-blue{border:0}
  .dnsb-ic .bootstrap-switch :is(.bootstrap-switch-handle-on,.bootstrap-switch-handle-off,.bootstrap-switch-label){padding-block:12px}
}
@media (max-width:575.98px){
  [data-dnsb-sablon^=account-contacts] #main-body .alert:has(form){margin-bottom:16px}
  #popup-backdrop .btn{width:100%;font-size:15px}
  [data-dnsb-sablon=viewannouncement] #main-body h1{font-size:24px;line-height:32px}
  [data-dnsb-sablon=viewannouncement] .card+.btn{margin-top:-60px}
  [data-dnsb-sablon=viewannouncement] #main-body .card .card-body{padding-bottom:76px}
  [data-dnsb-sablon^="error/"] .buttons .btn{flex:1 1 100%}
  body.dnsb-ic #registration :is(.field,.form-control:not(textarea)){height:44px;font-size:16px}
  .dnsb-ic #registration .prepend-icon .field-icon{height:44px}
  .view-ticket .ticket-actions,.view-ticket .ticket-actions .btn{flex:1 1 auto}
  /* Araç çubuğu tek satır: kod, alıntı ve yardım telefonda gerekmez */
  body.dnsb-ic #main-body .md-header :is([data-handler$=cmdCode],[data-handler$=cmdQuote]),.md-header .btn-group:has(>[data-handler$=cmdHelp]),.md-header .md-controls{display:none}
  .dnsb-ic .md-editor>.md-header{flex-wrap:nowrap;justify-content:space-between;gap:4px}
  .dnsb-ic .md-header .btn-group{flex:none;margin:0}
  body.dnsb-ic #main-body .md-header .btn{min-width:40px;padding:0 4px}
  /* Önizleme yalnız ikon: ad title özniteliğinde durur */
  body.dnsb-ic #main-body .md-header [data-handler$=cmdPreview]{font-size:0;gap:0}
  .md-header [data-handler$=cmdPreview] span{font-size:14px}
  /* Kaydet çubuğu iki düğme yan yana kalır */
  .dnsb-ic[data-dnsb-sablon=clientareadetails] #main-body form>.text-center:has(>[type=submit]) .btn{flex:1 1 auto}
}

/* DNS Bilisim 05.11.2026: standard_cart alan adi sonuclari Nexus altinda (oneri satirlari ve one cikan uzanti kutulari hizasi) */
#DomainSearchResults .domain-suggestion.clone{display:flex!important;align-items:center;flex-wrap:wrap;gap:4px 0}
#DomainSearchResults .domain-suggestion .promo{display:inline-block!important;width:auto;padding:1px 8px;border-radius:4px;font-size:.72rem;line-height:1.6;margin:0 0 0 10px}
#DomainSearchResults .domain-suggestion .promo>span[style*=block]{display:inline!important}
#DomainSearchResults .domain-suggestion .actions{float:none;margin-left:auto;display:flex;align-items:center;gap:12px;width:auto;height:auto}
#DomainSearchResults .spotlight-tlds-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:10px}
#DomainSearchResults .spotlight-tld-container{width:auto!important;float:none!important;padding:0!important;margin:0!important}
#DomainSearchResults .spotlight-tld{padding-top:24px}
#DomainSearchResults .spotlight-tld .domain-lookup-result .btn{white-space:normal;padding:6px 4px;font-size:.8rem;line-height:1.2}

/* 12 Kas 2026: talep formundaki bilgi bankası önerileri — Nexus özeti arka plan rengiyle (--bg-lifted) boyuyordu, okunmuyordu */
.kb-article-item small{color:var(--dn-soluk,#52697b);margin-top:4px;line-height:1.45}