/* Otomatik üretildi: tools/build.sh. Elle düzenlemeyin; kaynaklar ds/ ve theme-src/ klasörlerinde. */
/* Kendi sunucumuzdan sunulan yazı tipleri (SIL Open Font License). Dış istek yok. */
@font-face{font-family:'Geist';font-style:normal;font-weight:400 700;font-display:swap;src:url('../fonts/geist-latin-ext.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:'Geist';font-style:normal;font-weight:400 700;font-display:swap;src:url('../fonts/geist-latin.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}
@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:400 600;font-display:swap;src:url('../fonts/jetbrains-mono-latin-ext.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:'JetBrains Mono';font-style:normal;font-weight:400 600;font-display:swap;src:url('../fonts/jetbrains-mono-latin.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}
@font-face{font-family:'Manrope';font-style:normal;font-weight:400 700;font-display:swap;src:url('../fonts/manrope-latin-ext.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:'Manrope';font-style:normal;font-weight:400 700;font-display:swap;src:url('../fonts/manrope-latin.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}
/* ==========================================================================
   Verinomi tasarım sistemi
   Site, sipariş formu ve müşteri paneli bu dosyayı kullanır.
   Tüm sınıflar "vn-" ön ekiyle başlar; WHMCS'in Bootstrap sınıflarıyla çakışmaz.
   Bölümler: 1 Değerler · 2 Temel · 3 Yerleşim · 4 Bileşenler · 5 Panel
   ========================================================================== */

/* 1. Değerler ------------------------------------------------------------- */
:root {
  /* Renk */
  --vn-bg: #F6F8FB;
  --vn-surface: #FFFFFF;
  --vn-navy: #0B2A4A;
  --vn-ink: #0B2A4A;            /* başlık ve vurgulu metin rengi; koyu temada açık olur (lacivert zeminler --vn-navy kalır) */
  --vn-text: #0B2A4A;
  --vn-text-2: #4A5B70;
  --vn-text-3: #7A8799;
  --vn-line: #DCE3EC;
  --vn-line-strong: #C0C7D2;
  --vn-blue: #1877B9;
  --vn-blue-hover: #136399;
  --vn-blue-wash: #E8F2FA;
  --vn-green: #2F9E6E;
  --vn-green-wash: #E6F4EE;
  --vn-amber: #B7791F;
  --vn-amber-wash: #FBF2E0;
  --vn-red: #C2412D;
  --vn-red-wash: #FBE9E5;
  /* İkinci vurgu: logodaki yeşil-sarı ve turkuaz */
  --vn-lime: #8EC449;
  --vn-lime-hover: #7DB538;
  --vn-lime-wash: #F0F8E4;
  --vn-teal: #17A28A;
  --vn-teal-wash: #E2F5F1;
  --vn-lime-ink: #4E7A14;       /* yeşil-sarı açık zemin üstündeki yazı */
  --vn-grad: linear-gradient(118deg, #06213F 0%, #0B3A6E 48%, #0E6C8C 100%);

  /* Yazı */
  --vn-font-head: "Geist", "Manrope", system-ui, -apple-system, "Segoe UI", sans-serif;
  --vn-font-body: "Manrope", "Geist", system-ui, -apple-system, "Segoe UI", sans-serif;
  --vn-font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;

  /* Boşluk (4 px tabanlı) */
  --vn-1: 4px;  --vn-2: 8px;  --vn-3: 12px; --vn-4: 16px; --vn-5: 24px;
  --vn-6: 32px; --vn-7: 48px; --vn-8: 64px; --vn-9: 96px;

  /* Köşe, ölçü */
  --vn-r-sm: 4px; --vn-r: 8px; --vn-r-lg: 12px;
  --vn-container: 1200px;
  --vn-control-h: 44px;
  --vn-ease: 150ms ease-out;
}

/* Koyu tema: <html data-vn-tema="dark">. Seçim tarayıcıda saklanır (footer.tpl); yalnızca renk değerleri değişir. */
:root[data-vn-tema="dark"] {
  color-scheme: dark;
  --vn-bg: #0A1420;
  --vn-surface: #111E2E;
  --vn-ink: #E8EEF5;
  --vn-text: #E8EEF5;
  --vn-text-2: #A8B6C7;
  --vn-text-3: #7E8FA3;
  --vn-line: #1F3147;
  --vn-line-strong: #2E4560;
  --vn-blue: #2B8AD0;
  --vn-blue-hover: #4FA3E3;
  --vn-blue-wash: #11304A;
  --vn-green: #4CC38A;
  --vn-green-wash: #11362A;
  --vn-amber: #E0A847;
  --vn-amber-wash: #3A2E12;
  --vn-red: #F0705C;
  --vn-red-wash: #3D1B16;
  --vn-lime-wash: #23371A;
  --vn-lime-ink: #A9D86A;
  --vn-teal: #2CC1A6;
  --vn-teal-wash: #0F3832;
}

/* 2. Temel ---------------------------------------------------------------- */
.vn, .vn *, .vn *::before, .vn *::after { box-sizing: border-box; }
.vn {
  margin: 0;
  background: var(--vn-bg);
  color: var(--vn-text);
  font-family: var(--vn-font-body);
  font-size: 16px;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
.vn h1, .vn h2, .vn h3, .vn h4 {
  font-family: var(--vn-font-head);
  font-weight: 600;
  color: var(--vn-ink);
  margin: 0;
  text-wrap: balance;
}
.vn h1 { font-size: clamp(30px, 4.2vw, 44px); line-height: 1.15; letter-spacing: -0.02em; }
.vn h2 { font-size: clamp(24px, 3vw, 32px); line-height: 1.25; letter-spacing: -0.015em; }
.vn h3 { font-size: 22px; line-height: 1.35; letter-spacing: -0.01em; }
.vn h4 { font-size: 18px; line-height: 1.45; }
.vn p { margin: 0; color: var(--vn-text-2); max-width: 65ch; }
.vn a { color: var(--vn-blue); text-decoration: none; }
.vn a:hover { color: var(--vn-blue-hover); text-decoration: underline; }
.vn img { max-width: 100%; height: auto; }
.vn :focus-visible { outline: 2px solid var(--vn-blue); outline-offset: 2px; border-radius: var(--vn-r-sm); }

.vn-mono { font-family: var(--vn-font-mono); font-variant-numeric: tabular-nums; }
.vn-label {
  font-family: var(--vn-font-mono); font-size: 11px; font-weight: 600; line-height: 14px;
  letter-spacing: 0.06em; text-transform: uppercase; color: var(--vn-text-2);
}
.vn-muted { color: var(--vn-text-2); }
.vn-small { font-size: 13px; line-height: 20px; }
.vn-sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }

/* 3. Yerleşim ------------------------------------------------------------- */
.vn-container { width: 100%; max-width: var(--vn-container); margin-inline: auto; padding-inline: var(--vn-4); }
.vn-section { padding-block: var(--vn-8); }
.vn-section--surface { background: var(--vn-surface); border-block: 1px solid var(--vn-line); }
.vn-stack { display: grid; gap: var(--vn-4); }
.vn-stack--lg { gap: var(--vn-6); }
.vn-row { display: flex; flex-wrap: wrap; align-items: center; gap: var(--vn-3); }
.vn-row--between { justify-content: space-between; }
.vn-grid-2 { display: grid; gap: var(--vn-5); grid-template-columns: 1fr; }
.vn-split { display: grid; gap: var(--vn-6); grid-template-columns: 1fr; align-items: start; }
.vn-with-aside { display: grid; gap: var(--vn-5); grid-template-columns: 1fr; align-items: start; }
@media (min-width: 768px) {
  .vn-container { padding-inline: var(--vn-5); }
  .vn-section { padding-block: var(--vn-9); }
  .vn-grid-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 992px) {
  .vn-split { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--vn-7); }
  .vn-with-aside { grid-template-columns: minmax(0, 1fr) 320px; }
}

/* 4. Bileşenler ----------------------------------------------------------- */

/* Düğme */
.vn-btn {
  display: inline-flex; align-items: center; justify-content: center; gap: var(--vn-2);
  min-height: var(--vn-control-h); padding: 0 var(--vn-5);
  font-family: var(--vn-font-head); font-size: 15px; font-weight: 600; line-height: 1;
  border: 1px solid transparent; border-radius: var(--vn-r); cursor: pointer;
  background: var(--vn-blue); color: #fff; white-space: nowrap;
  transition: background var(--vn-ease), border-color var(--vn-ease), color var(--vn-ease);
}
.vn a.vn-btn, .vn a.vn-btn:hover { color: #fff; text-decoration: none; }
.vn-btn:hover { background: var(--vn-blue-hover); }
.vn-btn:active { transform: translateY(1px); }
.vn-btn[disabled], .vn-btn[aria-disabled="true"] { opacity: .5; cursor: not-allowed; }
.vn-btn--secondary, .vn a.vn-btn--secondary { background: var(--vn-surface); color: var(--vn-ink); border-color: var(--vn-line-strong); }
.vn-btn--secondary:hover, .vn a.vn-btn--secondary:hover { background: var(--vn-bg); color: var(--vn-ink); border-color: var(--vn-text-3); }
.vn-btn--danger { background: var(--vn-red); }
.vn-btn--danger:hover { background: #A33524; }
.vn-btn--sm { min-height: 34px; padding: 0 var(--vn-3); font-size: 13px; }
.vn-btn--block { width: 100%; }
.vn-link-arrow { font-family: var(--vn-font-head); font-weight: 600; font-size: 15px; }
.vn-link-arrow::after { content: " \2192"; }

/* Durum rozeti */
.vn-pill {
  display: inline-flex; align-items: center; gap: 6px; padding: 3px 10px;
  border-radius: 999px; font-size: 13px; font-weight: 500; line-height: 18px; white-space: nowrap;
  background: var(--vn-bg); color: var(--vn-text-2);
}
.vn-pill::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: currentColor; }
.vn-pill--ok { background: var(--vn-green-wash); color: var(--vn-green); }
.vn-pill--warn { background: var(--vn-amber-wash); color: var(--vn-amber); }
.vn-pill--bad { background: var(--vn-red-wash); color: var(--vn-red); }
.vn-pill--info { background: var(--vn-blue-wash); color: var(--vn-blue); }
.vn-tag {
  display: inline-block; padding: 2px 8px; border-radius: var(--vn-r-sm);
  font-family: var(--vn-font-mono); font-size: 11px; font-weight: 600; letter-spacing: .04em; text-transform: uppercase;
  background: var(--vn-blue); color: #fff;
}

/* Kart */
.vn-card { background: var(--vn-surface); border: 1px solid var(--vn-line); border-radius: var(--vn-r-lg); padding: var(--vn-5); }
.vn-card--flush { padding: 0; overflow: hidden; }
.vn-card__head { display: flex; align-items: center; justify-content: space-between; gap: var(--vn-3); padding: var(--vn-4) var(--vn-5); border-bottom: 1px solid var(--vn-line); }
.vn-card__body { padding: var(--vn-5); }
.vn-card--selected { border: 2px solid var(--vn-blue); }

/* Bildirim çubuğu */
.vn-notice {
  display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--vn-3);
  padding: var(--vn-3) var(--vn-4); border-left: 3px solid var(--vn-blue);
  background: var(--vn-blue-wash); border-radius: 0 var(--vn-r) var(--vn-r) 0; color: var(--vn-ink); font-size: 15px;
}
.vn-notice--warn { border-left-color: var(--vn-amber); background: var(--vn-amber-wash); }
.vn-notice--bad { border-left-color: var(--vn-red); background: var(--vn-red-wash); }
.vn-notice--ok { border-left-color: var(--vn-green); background: var(--vn-green-wash); }

/* Form */
.vn-field { display: grid; gap: 6px; }
.vn-field > label { font-family: var(--vn-font-head); font-size: 14px; font-weight: 600; color: var(--vn-ink); }
.vn-input, .vn-select, .vn-textarea {
  width: 100%; min-height: var(--vn-control-h); padding: 0 var(--vn-3);
  font: inherit; font-size: 15px; color: var(--vn-ink);
  background: var(--vn-surface); border: 1px solid var(--vn-line-strong); border-radius: var(--vn-r);
  transition: border-color var(--vn-ease), box-shadow var(--vn-ease);
}
.vn-textarea { padding: var(--vn-3); min-height: 120px; resize: vertical; }
.vn-input::placeholder, .vn-textarea::placeholder { color: var(--vn-text-3); }
.vn-input:focus, .vn-select:focus, .vn-textarea:focus { outline: none; border-color: var(--vn-blue); box-shadow: 0 0 0 3px var(--vn-blue-wash); }
.vn-field__help { font-size: 13px; color: var(--vn-text-2); }
.vn-field__error { font-size: 13px; color: var(--vn-red); }
.vn-field--error .vn-input, .vn-field--error .vn-select, .vn-field--error .vn-textarea { border-color: var(--vn-red); }
.vn-check { display: flex; align-items: flex-start; gap: var(--vn-2); font-size: 15px; color: var(--vn-text-2); cursor: pointer; }
.vn-check input { width: 18px; height: 18px; margin: 3px 0 0; accent-color: var(--vn-blue); flex: none; }

/* Arama alanı (alan adı sorgulama) */
.vn-search { display: flex; gap: var(--vn-2); padding: 6px; background: var(--vn-surface); border: 1px solid var(--vn-line-strong); border-radius: var(--vn-r-lg); }
.vn-search:focus-within { border-color: var(--vn-blue); box-shadow: 0 0 0 3px var(--vn-blue-wash); }
.vn-search input { flex: 1; min-width: 0; min-height: var(--vn-control-h); padding: 0 var(--vn-3); border: 0; background: transparent; font: inherit; color: var(--vn-ink); }
.vn-search input:focus { outline: none; }
.vn-chips { display: flex; flex-wrap: wrap; gap: var(--vn-2); }
.vn-chip { padding: 4px 10px; border: 1px solid var(--vn-line); border-radius: var(--vn-r-sm); background: var(--vn-surface); font-family: var(--vn-font-mono); font-size: 12px; color: var(--vn-text-2); }
.vn-chip b { color: var(--vn-ink); font-weight: 600; }

/* Dönem seçici */
.vn-seg { display: inline-flex; padding: 3px; gap: 3px; background: var(--vn-bg); border: 1px solid var(--vn-line); border-radius: var(--vn-r); }
.vn-seg button {
  min-height: 34px; padding: 0 var(--vn-4); border: 0; border-radius: 6px; background: transparent; cursor: pointer;
  font-family: var(--vn-font-head); font-size: 14px; font-weight: 600; color: var(--vn-text-2);
}
.vn-seg button[aria-pressed="true"] { background: var(--vn-surface); color: var(--vn-ink); box-shadow: 0 0 0 1px var(--vn-line-strong); }

/* Sekmeler */
.vn-tabs { display: flex; gap: var(--vn-5); border-bottom: 1px solid var(--vn-line); overflow-x: auto; }
.vn-tabs a { padding: var(--vn-3) 0; font-family: var(--vn-font-head); font-size: 15px; font-weight: 600; color: var(--vn-text-2); border-bottom: 2px solid transparent; white-space: nowrap; }
.vn-tabs a:hover { color: var(--vn-ink); text-decoration: none; }
.vn-tabs a[aria-current="page"] { color: var(--vn-blue); border-bottom-color: var(--vn-blue); }

/* Tablo: özellik tablosu ve panel tablosu aynı temel */
.vn-table-wrap { background: var(--vn-surface); border: 1px solid var(--vn-line); border-radius: var(--vn-r-lg); overflow: hidden; }
.vn-table { width: 100%; border-collapse: collapse; font-size: 15px; }
.vn-table th {
  padding: var(--vn-3) var(--vn-4); text-align: left; background: var(--vn-bg); border-bottom: 1px solid var(--vn-line);
  font-family: var(--vn-font-mono); font-size: 11px; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; color: var(--vn-text-2); white-space: nowrap;
}
.vn-table td { padding: var(--vn-3) var(--vn-4); border-bottom: 1px solid var(--vn-line); vertical-align: middle; color: var(--vn-ink); }
.vn-table tr:last-child td { border-bottom: 0; }
.vn-table tbody tr:hover { background: var(--vn-blue-wash); }
.vn-table .vn-num { text-align: right; font-family: var(--vn-font-mono); font-variant-numeric: tabular-nums; white-space: nowrap; }
.vn-table .vn-name { font-family: var(--vn-font-head); font-weight: 600; }
.vn-table tr.is-selected { background: var(--vn-blue-wash); box-shadow: inset 3px 0 0 var(--vn-blue); }
.vn-table__foot { padding: var(--vn-3) var(--vn-4); border-top: 1px solid var(--vn-line); background: var(--vn-bg); font-size: 13px; color: var(--vn-text-2); display: flex; flex-wrap: wrap; justify-content: space-between; gap: var(--vn-2); }
/* Dar ekranda satırlar karta dönüşür. Her hücreye data-label verilir. */
@media (max-width: 767px) {
  .vn-table--stack thead { display: none; }
  .vn-table--stack, .vn-table--stack tbody, .vn-table--stack tr, .vn-table--stack td { display: block; width: 100%; }
  .vn-table--stack tr { padding: var(--vn-3) var(--vn-4); border-bottom: 1px solid var(--vn-line); }
  .vn-table--stack tr:last-child { border-bottom: 0; }
  .vn-table--stack td { display: flex; justify-content: space-between; gap: var(--vn-4); padding: 4px 0; border: 0; text-align: right; }
  .vn-table--stack td::before { content: attr(data-label); font-family: var(--vn-font-body); font-size: 13px; font-weight: 500; color: var(--vn-text-2); text-align: left; }
  .vn-table--stack td { flex-wrap: wrap; }
  .vn-table--stack td .vn-price__note { flex-basis: 100%; text-align: right; }
  .vn-table--stack td.vn-name { font-size: 17px; justify-content: flex-start; }
  .vn-table--stack td.vn-name::before, .vn-table--stack td.vn-actions::before { content: none; }
  .vn-table--stack td.vn-actions { padding-top: var(--vn-2); }
  .vn-table--stack td.vn-actions .vn-btn { width: 100%; }
}

/* Fiyat */
.vn-price { font-family: var(--vn-font-mono); font-variant-numeric: tabular-nums; font-weight: 600; color: var(--vn-ink); white-space: nowrap; }
.vn-price--lg { font-size: 28px; line-height: 1.1; letter-spacing: -0.01em; }
.vn-price__unit { font-family: var(--vn-font-body); font-size: 13px; font-weight: 400; color: var(--vn-text-2); }
.vn-price__note { display: block; font-size: 12px; color: var(--vn-text-2); font-family: var(--vn-font-mono); font-weight: 400; }

/* Plan kartı */
.vn-plan { display: grid; gap: var(--vn-4); align-content: start; }
.vn-plan__specs { display: grid; gap: 0; margin: 0; padding: 0; list-style: none; border-top: 1px solid var(--vn-line); }
.vn-plan__specs li { display: flex; justify-content: space-between; gap: var(--vn-3); padding: 8px 0; border-bottom: 1px solid var(--vn-line); font-size: 14px; color: var(--vn-text-2); }
.vn-plan__specs li span:last-child { font-family: var(--vn-font-mono); color: var(--vn-ink); font-weight: 500; }
.vn-periods { width: 100%; border-collapse: collapse; font-size: 13px; }
.vn-periods th { text-align: right; font-weight: 500; color: var(--vn-text-2); padding: 4px 0; font-family: var(--vn-font-mono); font-size: 11px; letter-spacing: .04em; text-transform: uppercase; }
.vn-periods th:first-child, .vn-periods td:first-child { text-align: left; }
.vn-periods td { text-align: right; padding: 5px 0; border-top: 1px solid var(--vn-line); font-family: var(--vn-font-mono); font-variant-numeric: tabular-nums; color: var(--vn-ink); }

/* Açılır soru */
.vn-faq { border: 1px solid var(--vn-line); border-radius: var(--vn-r-lg); background: var(--vn-surface); }
.vn-faq details { border-bottom: 1px solid var(--vn-line); }
.vn-faq details:last-child { border-bottom: 0; }
.vn-faq summary { list-style: none; cursor: pointer; padding: var(--vn-4) var(--vn-5); font-family: var(--vn-font-head); font-weight: 600; color: var(--vn-ink); display: flex; justify-content: space-between; gap: var(--vn-4); }
.vn-faq summary::-webkit-details-marker { display: none; }
.vn-faq summary::after { content: "+"; font-family: var(--vn-font-mono); color: var(--vn-text-2); }
.vn-faq details[open] summary::after { content: "\2212"; }
.vn-faq .vn-faq__body { padding: 0 var(--vn-5) var(--vn-4); color: var(--vn-text-2); max-width: 75ch; }

/* Sipariş adımları */
.vn-steps { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--vn-2); margin: 0; padding: 0; list-style: none; counter-reset: s; }
.vn-steps li { counter-increment: s; display: flex; align-items: center; gap: var(--vn-3); padding: var(--vn-3) var(--vn-4); background: var(--vn-surface); border: 1px solid var(--vn-line); border-radius: var(--vn-r); font-family: var(--vn-font-head); font-weight: 600; font-size: 14px; color: var(--vn-text-2); }
.vn-steps li::before { content: counter(s); display: grid; place-items: center; width: 26px; height: 26px; border-radius: 50%; background: var(--vn-bg); border: 1px solid var(--vn-line-strong); font-family: var(--vn-font-mono); font-size: 13px; flex: none; }
.vn-steps li[aria-current="step"] { border-color: var(--vn-blue); background: var(--vn-blue-wash); color: var(--vn-ink); }
.vn-steps li[aria-current="step"]::before { background: var(--vn-blue); border-color: var(--vn-blue); color: #fff; }
.vn-steps li.is-done::before { content: "\2713"; background: var(--vn-green); border-color: var(--vn-green); color: #fff; }

/* Özet listesi (etiket: değer) */
.vn-dl { display: grid; gap: 0; margin: 0; }
.vn-dl > div { display: flex; justify-content: space-between; gap: var(--vn-4); padding: 10px 0; border-bottom: 1px solid var(--vn-line); font-size: 14px; }
.vn-dl > div:last-child { border-bottom: 0; }
.vn-dl dt { color: var(--vn-text-2); }
.vn-dl dd { margin: 0; font-family: var(--vn-font-mono); font-variant-numeric: tabular-nums; color: var(--vn-ink); text-align: right; }

/* Özet şeridi (panel ana ekranı) */
.vn-strip { display: grid; grid-template-columns: 1fr; background: var(--vn-surface); border: 1px solid var(--vn-line); border-radius: var(--vn-r-lg); overflow: hidden; }
.vn-strip > div { padding: var(--vn-4) var(--vn-5); border-bottom: 1px solid var(--vn-line); display: grid; gap: 4px; }
.vn-strip > div:last-child { border-bottom: 0; }
.vn-strip__value { font-family: var(--vn-font-mono); font-size: 24px; font-weight: 600; line-height: 1.2; color: var(--vn-ink); font-variant-numeric: tabular-nums; }
@media (min-width: 768px) {
  .vn-strip { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .vn-strip > div { border-bottom: 0; border-right: 1px solid var(--vn-line); }
  .vn-strip > div:last-child { border-right: 0; }
}

/* Kullanım çubuğu */
.vn-meter { height: 8px; background: var(--vn-bg); border: 1px solid var(--vn-line); border-radius: 999px; overflow: hidden; }
.vn-meter > span { display: block; height: 100%; background: var(--vn-blue); border-radius: 999px; }

/* Boş durum, iskelet */
.vn-empty { padding: var(--vn-7) var(--vn-5); text-align: center; display: grid; gap: var(--vn-3); justify-items: center; }
.vn-skel { display: block; height: 14px; border-radius: 4px; background: linear-gradient(90deg, var(--vn-bg), var(--vn-line), var(--vn-bg)); background-size: 200% 100%; animation: vn-skel 1.4s linear infinite; }
@keyframes vn-skel { to { background-position: -200% 0; } }

/* Site üst menü */
.vn-header { background: var(--vn-surface); border-bottom: 1px solid var(--vn-line); position: sticky; top: 0; z-index: 20; }
.vn-header__in { display: flex; align-items: center; gap: var(--vn-5); min-height: 68px; }
.vn-header__logo img { display: block; height: 34px; width: auto; }
.vn-nav { display: none; gap: var(--vn-5); margin: 0; padding: 0; list-style: none; flex: 1; }
.vn-nav a { font-family: var(--vn-font-head); font-size: 14px; font-weight: 500; color: var(--vn-text-2); padding: 6px 0; border-bottom: 2px solid transparent; }
.vn-nav a:hover { color: var(--vn-ink); text-decoration: none; }
.vn-nav a[aria-current="page"] { color: var(--vn-blue); border-bottom-color: var(--vn-blue); }
.vn-header__actions { display: flex; align-items: center; gap: var(--vn-3); margin-left: auto; }
.vn-menu-btn { display: inline-grid; place-items: center; width: var(--vn-control-h); height: var(--vn-control-h); border: 1px solid var(--vn-line-strong); border-radius: var(--vn-r); background: var(--vn-surface); cursor: pointer; }
@media (min-width: 1100px) { .vn-nav { display: flex; } .vn-menu-btn { display: none; } }

/* Site alt bilgi */
.vn-footer { background: var(--vn-navy); color: rgba(255,255,255,.78); padding-block: var(--vn-8) var(--vn-5); font-size: 14px; }
.vn-footer a { color: rgba(255,255,255,.86); }
.vn-footer a:hover { color: #fff; }
.vn-footer h4 { color: #fff; font-family: var(--vn-font-mono); font-size: 11px; letter-spacing: .08em; text-transform: uppercase; margin-bottom: var(--vn-3); }
.vn-footer__grid { display: grid; gap: var(--vn-6); grid-template-columns: 1fr; }
.vn-footer ul { margin: 0; padding: 0; list-style: none; display: grid; gap: var(--vn-2); }
.vn-footer__legal { margin-top: var(--vn-7); padding-top: var(--vn-4); border-top: 1px solid rgba(255,255,255,.14); display: flex; flex-wrap: wrap; justify-content: space-between; gap: var(--vn-3); font-size: 13px; }
@media (min-width: 768px) { .vn-footer__grid { grid-template-columns: 1.6fr 1fr 1fr 1.2fr; } }

/* Kırıntı */
.vn-crumb { font-family: var(--vn-font-mono); font-size: 12px; color: var(--vn-text-2); }
.vn-crumb a { color: var(--vn-text-2); }

/* Onay penceresi */
.vn-dialog { border: 1px solid var(--vn-line); border-radius: var(--vn-r-lg); padding: 0; width: min(560px, calc(100vw - 32px)); color: var(--vn-ink); }
.vn-dialog::backdrop { background: rgba(11, 42, 74, .45); }
.vn-dialog__body { padding: var(--vn-5); display: grid; gap: var(--vn-4); }
.vn-dialog__foot { padding: var(--vn-4) var(--vn-5); border-top: 1px solid var(--vn-line); display: flex; justify-content: flex-end; gap: var(--vn-3); background: var(--vn-bg); }

/* 5. Panel iskeleti -------------------------------------------------------- */
.vn-app { display: grid; grid-template-columns: 1fr; min-height: 100vh; }
.vn-side { display: none; background: var(--vn-surface); border-right: 1px solid var(--vn-line); padding: var(--vn-5) var(--vn-3); }
.vn-side__logo { display: block; padding: 0 var(--vn-3) var(--vn-5); }
.vn-side__logo img { height: 30px; width: auto; display: block; }
.vn-side nav { display: grid; gap: 2px; }
.vn-side nav a { display: flex; align-items: center; gap: var(--vn-3); padding: 10px var(--vn-3); border-radius: var(--vn-r); font-family: var(--vn-font-head); font-size: 15px; font-weight: 500; color: var(--vn-text-2); }
.vn-side nav a:hover { background: var(--vn-bg); color: var(--vn-ink); text-decoration: none; }
.vn-side nav a[aria-current="page"] { background: var(--vn-blue-wash); color: var(--vn-blue); box-shadow: inset 3px 0 0 var(--vn-blue); }
.vn-top { display: flex; align-items: center; justify-content: space-between; gap: var(--vn-4); min-height: 60px; padding: 0 var(--vn-4); background: var(--vn-surface); border-bottom: 1px solid var(--vn-line); }
.vn-main { padding: var(--vn-5) var(--vn-4) calc(var(--vn-8) + 64px); display: grid; gap: var(--vn-5); align-content: start; min-width: 0; }
.vn-page-head { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: var(--vn-4); }
.vn-tabbar { position: fixed; inset: auto 0 0 0; z-index: 20; display: grid; grid-template-columns: repeat(5, 1fr); background: var(--vn-surface); border-top: 1px solid var(--vn-line); padding-bottom: env(safe-area-inset-bottom, 0px); }
.vn-tabbar a { display: grid; justify-items: center; gap: 2px; padding: 10px 4px; font-size: 11px; font-family: var(--vn-font-head); font-weight: 500; color: var(--vn-text-2); }
.vn-tabbar a[aria-current="page"] { color: var(--vn-blue); }
.vn-tabbar a:hover { text-decoration: none; }
@media (min-width: 992px) {
  .vn-app { grid-template-columns: 240px minmax(0, 1fr); }
  .vn-side { display: block; position: sticky; top: 0; height: 100vh; overflow: auto; }
  .vn-main { padding: var(--vn-6) var(--vn-6) var(--vn-8); }
  .vn-top { padding: 0 var(--vn-6); }
  .vn-tabbar { display: none; }
}

@media (prefers-reduced-motion: reduce) {
  .vn *, .vn *::before, .vn *::after { transition: none !important; animation: none !important; }
}
/* ==========================================================================
   Verinomi müşteri paneli: twenty-one (Bootstrap 4) üzerine görünüm katmanı
   WHMCS'in kendi şablonlarını ve modül ekranlarını tasarım sistemine uydurur.
   Kendi yazdığımız şablonlar "vn-" sınıflarını kullanır; bu dosya, henüz
   yeniden yazılmamış ekranların ve modül çıktılarının tutarlı görünmesini sağlar.
   ========================================================================== */

body, body.primary-bg-color {
  background: var(--vn-bg);
  color: var(--vn-text);
  font-family: var(--vn-font-body);
  font-size: 15px;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: var(--vn-font-head); font-weight: 600; color: var(--vn-ink); letter-spacing: -0.01em;
}
h1, .h1 { font-size: 30px; } h2, .h2 { font-size: 24px; } h3, .h3 { font-size: 20px; } h4, .h4 { font-size: 18px; }
a { color: var(--vn-blue); }
a:hover { color: var(--vn-blue-hover); }
.text-muted { color: var(--vn-text-2) !important; }
code, pre, kbd { font-family: var(--vn-font-mono); }
:focus-visible { outline: 2px solid var(--vn-blue); outline-offset: 2px; }

/* Üst alan */
header.header { background: var(--vn-surface); border-bottom: 1px solid var(--vn-line); }
header.header .topbar { background: var(--vn-navy); color: #fff; font-size: 13px; }
header.header .topbar .btn, header.header .topbar .input-group-text { color: rgba(255,255,255,.86); background: transparent; border: 0; font-size: 13px; }
header.header .topbar .btn:hover { color: #fff; }
header.header .topbar .btn-active-client span { color: #fff; font-weight: 600; }
header.header .navbar { background: var(--vn-surface); padding-top: 12px; padding-bottom: 12px; }
header.header .logo-img { max-height: 36px; width: auto; }
header.header .navbar-brand { color: var(--vn-ink); font-family: var(--vn-font-head); font-weight: 600; }
header.header .search .form-control, header.header .search .btn { background: var(--vn-bg); border-color: var(--vn-line); }
header.header .toolbar .nav-link { color: var(--vn-ink); }
header.header .toolbar .badge-info { background: var(--vn-blue); font-family: var(--vn-font-mono); }
header.header .main-navbar-wrapper { background: var(--vn-surface); border-top: 1px solid var(--vn-line); padding-top: 0; padding-bottom: 0; }
header.header .main-navbar-wrapper .navbar-nav > li > a {
  color: var(--vn-text-2); font-family: var(--vn-font-head); font-size: 14px; font-weight: 500;
  padding: 14px 14px; border-bottom: 2px solid transparent;
}
header.header .main-navbar-wrapper .navbar-nav > li > a:hover,
header.header .main-navbar-wrapper .navbar-nav > li.show > a { color: var(--vn-ink); }
header.header .main-navbar-wrapper .navbar-nav > li.active > a { color: var(--vn-blue); border-bottom-color: var(--vn-blue); }
.dropdown-menu { border: 1px solid var(--vn-line); border-radius: var(--vn-r); box-shadow: 0 8px 24px rgba(11,42,74,.08); font-size: 14px; padding: 6px; }
.dropdown-item { border-radius: 6px; padding: 8px 12px; color: var(--vn-ink); }
.dropdown-item:hover, .dropdown-item:focus { background: var(--vn-blue-wash); color: var(--vn-ink); }
.dropdown-item.active, .dropdown-item:active { background: var(--vn-blue); color: #fff; }

/* Kırıntı */
.master-breadcrumb { background: transparent; border-bottom: 0; padding-top: 16px; }
.master-breadcrumb .breadcrumb { background: transparent; padding: 0; margin: 0; font-family: var(--vn-font-mono); font-size: 12px; }
.breadcrumb-item, .breadcrumb-item a { color: var(--vn-text-2); }
.breadcrumb-item.active { color: var(--vn-ink); }

#main-body { padding-top: 24px; padding-bottom: 64px; }

/* Kart ve panel */
.card { background: var(--vn-surface); border: 1px solid var(--vn-line); border-radius: var(--vn-r-lg); box-shadow: none; }
.card-header { background: var(--vn-surface); border-bottom: 1px solid var(--vn-line); padding: 14px 20px; border-radius: var(--vn-r-lg) var(--vn-r-lg) 0 0 !important; }
.card-header .card-title, .card-title { font-family: var(--vn-font-head); font-size: 16px; font-weight: 600; color: var(--vn-ink); margin: 0; }
.card-body { padding: 20px; }
.card-footer { background: var(--vn-bg); border-top: 1px solid var(--vn-line); border-radius: 0 0 var(--vn-r-lg) var(--vn-r-lg) !important; }
.card[class*="card-accent-"] { border-top: 1px solid var(--vn-line); }

/* Kenar menü */
.sidebar .card-sidebar { margin-bottom: 16px; }
.sidebar .card-sidebar .card-header { padding: 12px 16px; }
.sidebar .card-sidebar .card-title { font-family: var(--vn-font-mono); font-size: 11px; letter-spacing: .06em; text-transform: uppercase; color: var(--vn-text-2); }
.list-group-item { border-color: var(--vn-line); color: var(--vn-text-2); font-size: 14px; padding: 10px 16px; background: var(--vn-surface); }
a.list-group-item:hover, .list-group-item-action:hover { background: var(--vn-bg); color: var(--vn-ink); }
.list-group-item.active, .sidebar .list-group-item.active, .sidebar a.list-group-item.active, .sidebar a.list-group-item.active:hover, .sidebar a.list-group-item.active:focus { background: var(--vn-blue-wash); border-color: var(--vn-line); color: var(--vn-blue); font-weight: 600; box-shadow: inset 3px 0 0 var(--vn-blue); }
.list-group-item .badge { background: var(--vn-bg); color: var(--vn-text-2); font-family: var(--vn-font-mono); font-weight: 500; }

/* Düğmeler */
.btn { font-family: var(--vn-font-head); font-weight: 600; font-size: 14px; border-radius: var(--vn-r); padding: 9px 18px; box-shadow: none !important; transition: background var(--vn-ease), border-color var(--vn-ease), color var(--vn-ease); }
.btn:active { transform: translateY(1px); }
.btn-sm, .btn-group-sm > .btn { padding: 6px 12px; font-size: 13px; }
.btn-lg { padding: 12px 24px; font-size: 15px; }
.btn-primary, .btn-success, .btn-info { background: var(--vn-blue); border-color: var(--vn-blue); color: #fff; }
.btn-primary:hover, .btn-success:hover, .btn-info:hover,
.btn-primary:focus, .btn-success:focus, .btn-info:focus,
.btn-primary:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled):active { background: var(--vn-blue-hover); border-color: var(--vn-blue-hover); color: #fff; }
.btn-default, .btn-secondary, .btn-light { background: var(--vn-surface); border-color: var(--vn-line-strong); color: var(--vn-ink); }
.btn-default:hover, .btn-secondary:hover, .btn-light:hover, .btn-default:focus, .btn-secondary:focus { background: var(--vn-bg); border-color: var(--vn-text-3); color: var(--vn-ink); }
.btn-danger { background: var(--vn-red); border-color: var(--vn-red); }
.btn-danger:hover, .btn-danger:focus { background: #A33524; border-color: #A33524; }
.btn-warning { background: var(--vn-amber-wash); border-color: var(--vn-amber); color: var(--vn-amber); }
.btn-warning:hover { background: var(--vn-amber); color: #fff; }
.btn-link { color: var(--vn-blue); font-weight: 600; }
.btn-outline-primary { color: var(--vn-blue); border-color: var(--vn-blue); }
.btn-outline-primary:hover { background: var(--vn-blue); border-color: var(--vn-blue); }

/* Form */
.form-control, .custom-select, .input-group-text {
  border-color: var(--vn-line-strong); border-radius: var(--vn-r); color: var(--vn-ink); font-size: 15px; background-color: var(--vn-surface);
}
.form-control, .custom-select { min-height: 44px; }
textarea.form-control { min-height: 120px; }
.form-control:focus, .custom-select:focus { border-color: var(--vn-blue); box-shadow: 0 0 0 3px var(--vn-blue-wash); }
.form-control::placeholder { color: var(--vn-text-3); }
.input-group-text { background: var(--vn-bg); color: var(--vn-text-2); }
label, .col-form-label { font-family: var(--vn-font-head); font-size: 14px; font-weight: 600; color: var(--vn-ink); }
.form-text, small.form-text { color: var(--vn-text-2); font-size: 13px; }
.custom-control-input:checked ~ .custom-control-label::before { background: var(--vn-blue); border-color: var(--vn-blue); }
.is-invalid, .has-error .form-control { border-color: var(--vn-red) !important; }
.invalid-feedback, .has-error .help-block { color: var(--vn-red); }

/* Tablo */
.table { color: var(--vn-ink); font-size: 14px; margin-bottom: 0; }
.table thead th, table.dataTable thead th {
  background: var(--vn-bg); border-top: 0; border-bottom: 1px solid var(--vn-line) !important;
  font-family: var(--vn-font-mono); font-size: 11px; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; color: var(--vn-text-2);
  padding: 12px 16px; white-space: nowrap;
}
.table td, table.dataTable td { border-top: 1px solid var(--vn-line); padding: 12px 16px; vertical-align: middle; }
.table-hover tbody tr:hover, table.dataTable tbody tr:hover { background: var(--vn-blue-wash); }
.table-container, .dataTables_wrapper { background: var(--vn-surface); border: 1px solid var(--vn-line); border-radius: var(--vn-r-lg); overflow: hidden; }
.dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter { padding: 12px 16px; font-size: 13px; color: var(--vn-text-2); }
.dataTables_wrapper .dataTables_paginate { padding: 8px 16px; }
.page-link { color: var(--vn-ink); border-color: var(--vn-line); font-family: var(--vn-font-mono); font-size: 13px; }
.page-item.active .page-link { background: var(--vn-blue); border-color: var(--vn-blue); }
.page-item.disabled .page-link { color: var(--vn-text-3); }

/* Durum etiketleri */
.badge, .label { font-family: var(--vn-font-body); font-weight: 500; font-size: 12px; border-radius: 999px; padding: 4px 10px; }
.status, .label.status { display: inline-block; border-radius: 999px; padding: 3px 10px; font-size: 12px; font-weight: 500; border: 0; background: var(--vn-bg); color: var(--vn-text-2); }
.status-active, .status-open, .status-completed, .status-paid, .status-accepted, .status-delivered, .status-answered,
.badge-success, .label-success { background: var(--vn-green-wash) !important; color: var(--vn-green) !important; }
.status-pending, .status-pending-transfer, .status-pending-registration, .status-suspended, .status-customer-reply, .status-on-hold, .status-in-progress, .status-draft,
.badge-warning, .label-warning { background: var(--vn-amber-wash) !important; color: var(--vn-amber) !important; }
.status-unpaid, .status-overdue, .status-expired, .status-fraud, .status-terminated, .status-collections, .status-dead,
.badge-danger, .label-danger { background: var(--vn-red-wash) !important; color: var(--vn-red) !important; }
.status-cancelled, .status-closed, .status-refunded, .status-transferred-away, .status-lost, .status-grace, .status-redemption,
.badge-secondary, .label-default { background: var(--vn-bg) !important; color: var(--vn-text-2) !important; }
.badge-info, .label-info, .badge-primary, .label-primary { background: var(--vn-blue-wash) !important; color: var(--vn-blue) !important; }

/* Bildirim */
.alert { border: 0; border-left: 3px solid var(--vn-blue); border-radius: 0 var(--vn-r) var(--vn-r) 0; background: var(--vn-blue-wash); color: var(--vn-ink); font-size: 14px; padding: 12px 16px; }
.alert-success { border-left-color: var(--vn-green); background: var(--vn-green-wash); }
.alert-warning { border-left-color: var(--vn-amber); background: var(--vn-amber-wash); }
.alert-danger, .alert-error { border-left-color: var(--vn-red); background: var(--vn-red-wash); }
.alert a { color: var(--vn-blue); font-weight: 600; }

/* Ana ekran kutuları */
.tiles .tile { background: var(--vn-surface); border: 1px solid var(--vn-line); border-radius: var(--vn-r-lg); padding: 18px 20px; }
.tiles .tile:hover { background: var(--vn-surface); border-color: var(--vn-blue); }
.tiles .tile i { color: var(--vn-line-strong); }
.tiles .tile .stat { font-family: var(--vn-font-mono); font-size: 26px; font-weight: 600; color: var(--vn-ink); }
.tiles .tile .title { font-family: var(--vn-font-mono); font-size: 11px; letter-spacing: .06em; text-transform: uppercase; color: var(--vn-text-2); }
.tiles .tile .highlight { display: none; }

/* Sekmeler */
.nav-tabs { border-bottom: 1px solid var(--vn-line); }
.nav-tabs .nav-link { border: 0; border-bottom: 2px solid transparent; color: var(--vn-text-2); font-family: var(--vn-font-head); font-weight: 600; font-size: 14px; padding: 10px 16px; }
.nav-tabs .nav-link:hover { color: var(--vn-ink); border-color: transparent; }
.nav-tabs .nav-link.active { color: var(--vn-blue); background: transparent; border-bottom-color: var(--vn-blue); }

/* Pencere */
.modal-content { border: 1px solid var(--vn-line); border-radius: var(--vn-r-lg); box-shadow: 0 16px 48px rgba(11,42,74,.16); }
.modal-header { border-bottom: 1px solid var(--vn-line); background: var(--vn-surface); border-radius: var(--vn-r-lg) var(--vn-r-lg) 0 0; }
.modal-header .modal-title { font-size: 18px; color: var(--vn-ink); }
.modal-footer { border-top: 1px solid var(--vn-line); background: var(--vn-bg); }
.modal-backdrop.show { background: var(--vn-navy); opacity: .45; }

/* Alt bilgi */
footer.footer { background: var(--vn-navy); color: rgba(255,255,255,.78); padding: 40px 0 28px; font-size: 14px; }
footer.footer a, footer.footer .nav-link { color: rgba(255,255,255,.86); }
footer.footer a:hover, footer.footer .nav-link:hover { color: #fff; }
footer.footer .copyright { color: rgba(255,255,255,.6); font-size: 13px; }
footer.footer .btn { background: transparent; border-color: rgba(255,255,255,.24); color: #fff; }

/* Giriş ekranı */
.login-form .card, .card.mw-540 { border-radius: var(--vn-r-lg); }
.login-form .card-body { padding: 32px; }

/* Rakamlar */
.price, .amount, .invoice-total, td.text-right, .text-monospace { font-family: var(--vn-font-mono); font-variant-numeric: tabular-nums; }

@media (prefers-reduced-motion: reduce) { * { transition: none !important; animation: none !important; } }
/* Sayfaya özel düzenler */
.vn-register { max-width: 860px; margin-inline: auto; background: transparent; }
.vn-register__head { margin-bottom: var(--vn-5); display: grid; gap: var(--vn-2); }
.vn-register__submit { display: flex; justify-content: flex-end; }
.vn-register__submit .vn-btn { min-width: 220px; }
.vn-form-grid { display: grid; gap: var(--vn-4); grid-template-columns: 1fr; }
@media (min-width: 640px) {
  .vn-form-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .vn-form-grid .vn-col-2 { grid-column: span 2; }
}
.vn-seg--wide { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); width: 100%; max-width: 420px; }
.vn-seg--wide button { min-height: 42px; }
.vn [hidden] { display: none !important; }
/* WHMCS'in telefon alanı sarmalayıcısı ve şifre göstergesi */
.vn .intl-tel-input, .vn .iti { width: 100%; display: block; }
.vn .intl-tel-input input, .vn .iti input { width: 100%; }
.vn .password-strength-meter .progress { height: 8px; background: var(--vn-bg); border: 1px solid var(--vn-line); border-radius: 999px; }
.vn .password-strength-meter .progress-bar { background-color: var(--vn-blue); background-image: none; }
.vn .password-strength-meter p { margin-top: 6px; }

/* Panel iskeleti ve site başlığı (header.tpl / footer.tpl) */
body.vn-shell { background: var(--vn-bg); }
.vn-app__body { min-width: 0; display: flex; flex-direction: column; min-height: 100vh; }
.vn-shell #main-body { flex: 1; padding: var(--vn-5) var(--vn-4) calc(var(--vn-7) + 64px); }
.vn-shell .master-breadcrumb { display: none; }
.vn-side { background: var(--vn-surface); }
.vn-side nav a i { color: var(--vn-text-3); width: 18px; text-align: center; }
.vn-side nav a[aria-current="page"] i { color: var(--vn-blue); }
.vn-side__group { padding: var(--vn-5) var(--vn-3) var(--vn-2); margin: 0; }
.vn-top { position: sticky; top: 0; z-index: 30; }
.vn-top__logo img { height: 28px; width: auto; display: block; }
.vn-top__crumb { display: none; min-width: 0; }
.vn-top__crumb .breadcrumb { margin: 0; padding: 0; background: transparent; font-family: var(--vn-font-mono); font-size: 12px; flex-wrap: nowrap; white-space: nowrap; overflow: hidden; }
.vn-top__actions { display: flex; align-items: center; gap: var(--vn-2); margin-left: auto; }
.vn-icon-btn { position: relative; display: inline-grid; place-items: center; width: 40px; height: 40px; border: 1px solid var(--vn-line); border-radius: var(--vn-r); background: var(--vn-surface); color: var(--vn-ink); cursor: pointer; }
.vn-icon-btn:hover { background: var(--vn-bg); color: var(--vn-ink); text-decoration: none; }
.vn-dot { position: absolute; top: -6px; right: -6px; min-width: 18px; height: 18px; padding: 0 5px; border-radius: 999px; background: var(--vn-blue); color: #fff; font-family: var(--vn-font-mono); font-size: 11px; line-height: 18px; text-align: center; }
.vn-account { display: inline-flex; align-items: center; gap: var(--vn-2); height: 40px; padding: 0 var(--vn-3); border: 1px solid var(--vn-line); border-radius: var(--vn-r); background: var(--vn-surface); color: var(--vn-ink); font-family: var(--vn-font-head); font-size: 14px; font-weight: 600; cursor: pointer; max-width: 46vw; }
/* Uzun firma adı üst çubuğu taşırmasın: ad genişliği sınırlı, fazlası üç noktayla kesilir */
.vn-account__name { max-width: clamp(120px, 20vw, 320px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.vn-account i { font-size: 10px; color: var(--vn-text-3); }
.vn-app__foot { display: flex; flex-wrap: wrap; justify-content: space-between; gap: var(--vn-2); padding: var(--vn-4); border-top: 1px solid var(--vn-line); background: transparent; color: var(--vn-text-2); font-size: 13px; margin-bottom: 64px; }
.vn-tabbar a i { font-size: 16px; }
.vn-shell .vn-context .card-sidebar { margin-bottom: var(--vn-4); }
@media (min-width: 992px) {
  .vn-top__logo { display: none; }
  .vn-top__crumb { display: block; }
  .vn-shell #main-body { padding: var(--vn-6) var(--vn-6) var(--vn-7); }
  .vn-app__foot { padding: var(--vn-4) var(--vn-6); margin-bottom: 0; }
}
/* Site başlığı: dar ekranda açılır menü */
.vn-header .vn-nav.is-open { display: grid; position: absolute; left: 0; right: 0; top: 100%; gap: 0; padding: var(--vn-2) var(--vn-4) var(--vn-4); background: var(--vn-surface); border-bottom: 1px solid var(--vn-line); }
.vn-header .vn-nav.is-open a { display: block; padding: 12px 0; border-bottom: 1px solid var(--vn-line); }
.vn-header { position: sticky; }
.vn-header__in { position: relative; }
@media (max-width: 575px) { .vn-hide-sm { display: none !important; } }
.vn-footer p { color: inherit; margin-bottom: var(--vn-2); }
.vn-footer__locale { background: transparent; border: 1px solid rgba(255,255,255,.24); border-radius: var(--vn-r); color: #fff; padding: 6px 12px; font-size: 13px; cursor: pointer; }
.vn-public #main-body { padding-top: var(--vn-4); }

/* Giriş sayfası */
.vn-login { display: grid; grid-template-columns: 1fr; max-width: 980px; margin: var(--vn-5) auto; background: var(--vn-surface); border: 1px solid var(--vn-line); border-radius: var(--vn-r-lg); overflow: hidden; }
.vn-login__info { background: var(--vn-navy); color: rgba(255,255,255,.82); padding: var(--vn-6); display: none; align-content: start; gap: var(--vn-4); }
.vn-login__info h2, .vn .vn-login__info h2 { color: #fff; font-size: 26px; }
.vn-login__info .vn-label { color: rgba(255,255,255,.6); }
.vn-login__info ul { list-style: none; margin: var(--vn-4) 0 0; padding: 0; display: grid; gap: var(--vn-4); }
.vn-login__info li { display: grid; gap: 2px; padding-left: var(--vn-4); border-left: 2px solid rgba(255,255,255,.22); }
.vn-login__info li strong { color: #fff; font-family: var(--vn-font-head); font-weight: 600; }
.vn-login__info li span { font-size: 14px; }
.vn-login__form { padding: var(--vn-6) var(--vn-5); align-content: start; }
.vn-login__form h1, .vn .vn-login__form h1 { font-size: 28px; }
.vn-login__alert { max-width: 980px; margin: var(--vn-4) auto 0; }
.vn-pw { position: relative; }
.vn-pw .vn-input { padding-right: 48px; }
.vn-pw__toggle { position: absolute; right: 4px; top: 4px; width: 36px; height: 36px; border: 0; background: transparent; color: var(--vn-text-2); border-radius: 6px; cursor: pointer; }
.vn-pw__toggle:hover { background: var(--vn-bg); color: var(--vn-ink); }
@media (min-width: 860px) {
  .vn-login { grid-template-columns: 5fr 6fr; margin-block: var(--vn-7); }
  .vn-login__info { display: grid; }
  .vn-login__form { padding: var(--vn-7) var(--vn-7); }
}

/* Genel bakış */
.vn-home { background: transparent; margin-bottom: var(--vn-5); }
.vn-strip > a { padding: var(--vn-4) var(--vn-5); border-bottom: 1px solid var(--vn-line); display: grid; gap: 4px; color: inherit; }
.vn-strip > a:last-child { border-bottom: 0; }
.vn-strip > a:hover { background: var(--vn-blue-wash); text-decoration: none; }
.vn-strip__value--bad { color: var(--vn-red); }
@media (min-width: 768px) {
  .vn-strip > a { border-bottom: 0; border-right: 1px solid var(--vn-line); }
  .vn-strip > a:last-child { border-right: 0; }
}
.vn-home__panels .card { margin-bottom: var(--vn-4); }
.vn-home__panels .card-footer:empty { display: none; }
.vn-home__panels .list-group-item { border-left: 0; border-right: 0; }

/* Panel içi başlık ölçüsü: tanıtım sayfalarındaki büyük başlık panelde kullanılmaz */
.vn-shell .vn h1, .vn-shell h1 { font-size: 28px; line-height: 1.25; letter-spacing: -0.015em; }
.vn-shell .vn-page-head { align-items: center; }
/* Genel bakış panelleri */
.vn-home__panels .card-header { padding: 16px 20px; }
.vn-home__panels .card-body { color: var(--vn-text-2); }
.vn-home__panels .card-body p:last-child { margin-bottom: 0; }
.vn-home__panels .div-service-item { padding: 12px 20px; border-top: 1px solid var(--vn-line); }
.vn-home__panels .div-service-name .font-weight-bold { font-family: var(--vn-font-head); font-weight: 600; color: var(--vn-ink); }
.vn-home__panels .text-domain { font-family: var(--vn-font-mono); font-size: 13px; color: var(--vn-text-2); }
.vn-home__panels .label { border-radius: 999px; padding: 3px 10px; font-size: 12px; font-weight: 500; }

/* Panel iç sayfa başlığı */
.vn-page-head--inner { margin-bottom: var(--vn-5); background: transparent; }
.vn-page-head--inner h1 { margin: 0; }
.vn-page-head--inner .vn-label { margin: 0 0 4px; }
/* WHMCS yan kutuları: masaüstünde hep açık, küçültme oku gizli (twenty-one betiği .container genişliğine bakıp yanlışlıkla kapatıyor) */
@media (min-width: 992px) {
  .vn-shell .vn-context .collapsable-card-body { display: block !important; }
  .vn-shell .vn-context .card-minimise { display: none; }
}
/* Hizmet ayrıntısı */
.vn-svc { display: grid; gap: var(--vn-4); margin-bottom: var(--vn-5); background: transparent; }
.vn-svc__main { padding: var(--vn-2) var(--vn-5); }
.vn-svc__host { margin: 4px 0 0; font-size: 14px; }
.vn-svc__status { font-size: 13px !important; padding: 5px 14px !important; }
.vn-svc__actions { display: flex; flex-wrap: wrap; align-items: center; gap: var(--vn-3); }
.vn-svc__cancel, .vn a.vn-svc__cancel { margin-left: auto; color: var(--vn-red); font-size: 14px; font-weight: 500; }
.vn-svc__cancel.disabled { color: var(--vn-text-3); pointer-events: none; }
.product-details-tab-container { border: 1px solid var(--vn-line); border-top: 0; border-radius: 0 0 var(--vn-r-lg) var(--vn-r-lg); padding: var(--vn-4) var(--vn-5); }
.product-details-tab-container .tab-pane > .row { margin: 0; padding: 10px 0; border-bottom: 1px solid var(--vn-line); font-size: 14px; text-align: left; }
.product-details-tab-container .tab-pane > .row:last-of-type { border-bottom: 0; }
.product-details-tab-container .tab-pane > .row > [class*="col-"] { padding: 0; text-align: left !important; }
.product-details-tab-container .tab-pane > .row > [class*="col-"]:first-child strong { font-family: var(--vn-font-body); font-weight: 400; color: var(--vn-text-2); }
.product-details-tab-container .tab-pane > .row > [class*="col-"]:last-child { font-family: var(--vn-font-mono); color: var(--vn-ink); }
.module-client-area { text-align: left; margin-top: var(--vn-4); }

/* Hesap bilgileri */
.vn-account-form { background: transparent; max-width: 860px; }
.vn-account-form .vn-card h3 { margin: 0; font-size: 18px; }
.vn-account-form .vn-label { margin: var(--vn-2) 0 0; }
.vn-account-form .form-control:disabled, .vn-account-form .custom-select:disabled { background: var(--vn-bg); color: var(--vn-text-2); cursor: not-allowed; }
.vn-account-form__submit { display: flex; justify-content: flex-end; gap: var(--vn-3); }
.vn-stack--sm { gap: var(--vn-2); }

/* Destek talebi ayrıntısı: başlık ve konu sayfa başlığında, kartta yalnızca işlem düğmeleri kalır */
.vn-shell .view-ticket > .card-body > .card-title { font-size: 0; margin: 0; display: flex; justify-content: flex-end; }
.vn-shell .view-ticket > .card-body > .card-title .ticket-actions { float: none !important; margin: 0 !important; display: flex; gap: var(--vn-2); }
.vn-shell .view-ticket > .card-body > p { display: none; }

/* Fatura (viewinvoice.tpl kendi <head> bölümünü yazar) */
body.vn-invoice-page { background: var(--vn-bg); font-family: var(--vn-font-body); color: var(--vn-text); padding: var(--vn-4); }
.vn-invoice-bar { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--vn-3); max-width: 920px; margin: var(--vn-2) auto var(--vn-4); background: transparent; }
.vn-invoice-bar__back, .vn a.vn-invoice-bar__back { font-family: var(--vn-font-head); font-size: 14px; font-weight: 600; color: var(--vn-ink); }
.vn-invoice-bar__actions { display: flex; gap: var(--vn-2); }
.vn-invoice-page .invoice-container { max-width: 920px; margin: 0 auto var(--vn-6); padding: var(--vn-6); background: var(--vn-surface); border: 1px solid var(--vn-line); border-radius: var(--vn-r-lg); box-shadow: none; }
.vn-invoice-page .invoice-container .invoice-header img { max-height: 44px; width: auto; }
.vn-invoice-page .invoice-container h3 { font-family: var(--vn-font-head); font-size: 22px; font-weight: 600; color: var(--vn-ink); margin: var(--vn-3) 0 0; }
.vn-invoice-page .invoice-container .invoice-status { margin: 0; font-size: 13px; font-weight: 600; text-transform: none; }
.vn-invoice-page .invoice-status span { display: inline-block; padding: 6px 16px; border-radius: 999px; background: var(--vn-bg); color: var(--vn-text-2); }
.vn-invoice-page .invoice-status .paid { background: var(--vn-green-wash); color: var(--vn-green); }
.vn-invoice-page .invoice-status .unpaid, .vn-invoice-page .invoice-status .collections { background: var(--vn-red-wash); color: var(--vn-red); }
.vn-invoice-page .invoice-status .draft { background: var(--vn-amber-wash); color: var(--vn-amber); }
.vn-invoice-page .invoice-container .small-text { font-size: 14px; color: var(--vn-text-2); }
.vn-invoice-page .invoice-container strong { font-family: var(--vn-font-head); font-weight: 600; color: var(--vn-ink); }
.vn-invoice-page .invoice-container address { line-height: 1.6; margin-top: 4px; }
.vn-invoice-page .invoice-container hr { border-top-color: var(--vn-line); }
.vn-invoice-page .invoice-container .card { border: 1px solid var(--vn-line); border-radius: var(--vn-r-lg); overflow: hidden; box-shadow: none; }
.vn-invoice-page .invoice-container .card-header, .vn-invoice-page .invoice-container .card-title.bg-info { background: var(--vn-bg) !important; color: var(--vn-text-2) !important; border-bottom: 1px solid var(--vn-line); padding: 12px 16px !important; }
.vn-invoice-page .invoice-container .card-header h3, .vn-invoice-page .invoice-container .card-title.bg-info { font-family: var(--vn-font-mono); font-size: 11px; font-weight: 500 !important; letter-spacing: .06em; text-transform: uppercase; margin: 0; color: var(--vn-text-2) !important; }
.vn-invoice-page .invoice-container .table { margin: 0; font-size: 14px; }
.vn-invoice-page .invoice-container .table td { border-color: var(--vn-line); padding: 10px 16px; vertical-align: middle; }
.vn-invoice-page .invoice-container .table td.text-center:last-child, .vn-invoice-page .invoice-container td.total-row.text-center { font-family: var(--vn-font-mono); font-variant-numeric: tabular-nums; text-align: right !important; white-space: nowrap; color: var(--vn-ink); }
.vn-invoice-page .invoice-container td.total-row { background: var(--vn-bg); }
.vn-invoice-page .payment-btn-container { margin-top: var(--vn-3); }
.vn-invoice-page .payment-btn-container .btn, .vn-invoice-page .payment-btn-container input[type="submit"] { background: var(--vn-blue); border-color: var(--vn-blue); color: #fff; border-radius: var(--vn-r); font-weight: 600; padding: 10px 20px; }
@media (max-width: 575px) {
  body.vn-invoice-page { padding: var(--vn-2); }
  .vn-invoice-page .invoice-container { padding: var(--vn-4); }
}
@media print {
  body.vn-invoice-page { background: #fff; padding: 0; }
  .vn-invoice-page .invoice-container { border: 0; padding: 0; max-width: none; }
}
.vn-form-grid { align-items: start; }

/* Hizmet listesi */
.vn-svc-groups { margin-bottom: var(--vn-4); background: transparent; overflow-x: auto; }
.vn-svc-groups .vn-seg button { white-space: nowrap; }
.vn-svc-list__host { font-family: var(--vn-font-mono); font-size: 13px; color: var(--vn-text-2); }
.vn-svc-list__amount { font-family: var(--vn-font-mono); font-variant-numeric: tabular-nums; text-align: right; white-space: nowrap; color: var(--vn-ink); }
.vn-svc-list__amount small { display: block; font-family: var(--vn-font-body); }
/* Alan adı ayrıntısı */
.vn-domain__facts { margin-bottom: var(--vn-4); }
.vn-domain__facts dd img { vertical-align: -2px; margin-right: 4px; }

/* Genel bakış: hizmet tablosu + yan sütun */
.vn-home__grid { margin-top: var(--vn-5); }
.vn-home__main { display: grid; gap: var(--vn-4); min-width: 0; }
.vn-home__services-head { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--vn-3); padding: var(--vn-4); border-bottom: 1px solid var(--vn-line); }
.vn-home__services-head .vn-seg { overflow-x: auto; max-width: 100%; }
.vn-home__services-head .vn-seg button { white-space: nowrap; }
.vn-home__search { width: 220px; max-width: 100%; min-height: 40px; }
.vn-home__services .vn-table { font-size: 14px; }
.vn-home__services .vn-name a { color: var(--vn-ink); }
.vn-home__services .vn-name i { color: var(--vn-text-3); margin-right: 6px; }
.vn-home__services .vn-name .vn-small { display: block; font-family: var(--vn-font-body); font-weight: 400; padding-left: 28px; }
.vn-home__services tr[hidden] { display: none; }
.vn-home__go { text-align: right; white-space: nowrap; }
.vn-home__go .vn-link-arrow { font-size: 13px; }
.vn-home__aside { min-width: 0; }
@media (max-width: 767px) { .vn-home__search { width: 100%; } }

/* Hizmet ayrıntısı: bilgi kutuları ve abonelik kartı (Stitch "sunucu detay") */
.vn-svc { gap: var(--vn-4); }
.vn-svc .vn-card > h3, .vn-svc__billing h3 { font-size: 17px; margin: 0; }
.vn-svc__info, .vn-svc__module { display: grid; gap: var(--vn-4); }
.vn-tiles { display: grid; gap: var(--vn-3); grid-template-columns: 1fr; }
@media (min-width: 640px) { .vn-tiles { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.vn-tile { display: grid; gap: 6px; align-content: start; padding: var(--vn-3) var(--vn-4); background: var(--vn-bg); border: 1px solid var(--vn-line); border-radius: var(--vn-r); min-width: 0; }
.vn-tile .vn-label { margin: 0; display: flex; align-items: center; justify-content: space-between; gap: var(--vn-2); }
.vn-tile__value { font-family: var(--vn-font-mono); font-variant-numeric: tabular-nums; font-size: 15px; color: var(--vn-ink); overflow-wrap: anywhere; }
.vn-copy { border: 0; background: transparent; padding: 0; font-family: var(--vn-font-body); font-size: 12px; font-weight: 600; letter-spacing: 0; text-transform: none; color: var(--vn-blue); cursor: pointer; }
.vn-svc__links { margin-top: calc(var(--vn-2) * -1); }
.vn-svc__billing { display: grid; gap: var(--vn-3); margin-bottom: var(--vn-4); padding: var(--vn-4); }
.vn-svc__billing-head { display: flex; align-items: center; justify-content: space-between; gap: var(--vn-2); }
.vn-svc__billing .vn-dl > div { font-size: 13px; padding: 9px 0; }
.vn-svc__billing .vn-dl dd { font-size: 13px; }
.vn-svc__billing-actions { display: grid; gap: var(--vn-2); }
.vn-svc__billing-actions .vn-svc__cancel { margin: var(--vn-2) 0 0; text-align: center; }

/* Faturalar */
.vn-inv-summary { display: grid; gap: var(--vn-4); margin-bottom: var(--vn-5); background: transparent; align-items: center; }
.vn-inv-summary .vn-strip > div { padding: var(--vn-4) var(--vn-5); display: grid; gap: 4px; border-bottom: 1px solid var(--vn-line); }
.vn-inv-summary .vn-strip > div:last-child { border-bottom: 0; }
.vn-inv-summary__actions { justify-content: flex-end; }
@media (min-width: 768px) {
  .vn-inv-summary .vn-strip > div { border-bottom: 0; border-right: 1px solid var(--vn-line); }
  .vn-inv-summary .vn-strip > div:last-child { border-right: 0; }
}
@media (min-width: 1100px) { .vn-inv-summary { grid-template-columns: minmax(0, 1fr) auto; } }
.vn-inv-filter { margin-bottom: var(--vn-4); background: transparent; overflow-x: auto; }
.vn-inv-filter .vn-seg button { white-space: nowrap; }
.vn-inv-table__no, .vn-inv-table__total { font-family: var(--vn-font-mono); font-variant-numeric: tabular-nums; color: var(--vn-ink); }
.vn-inv-table__total { white-space: nowrap; }
.vn-inv-table__action { text-align: right; white-space: nowrap; }
.vn-inv-table__action .vn-link-arrow { font-size: 13px; }
@media (min-width: 768px) { .vn-inv-summary .vn-strip { grid-template-columns: repeat(3, minmax(0, 1fr)); } }

/* Destek talepleri listesi */
.vn-ticket-table__link { display: grid; gap: 2px; border: 0 !important; padding: 0 !important; }
.vn-ticket-table__link .ticket-subject { font-family: var(--vn-font-head); font-weight: 600; color: var(--vn-ink); }
.vn-ticket-table__link .ticket-subject.unread { color: var(--vn-blue); }
.vn-ticket-table__link .ticket-number, .vn-ticket-table__date { font-family: var(--vn-font-mono); font-size: 12px; color: var(--vn-text-2); }
/* Talep yazışması: ekip yanıtları ayırt edilir */
.vn-shell .view-ticket .ticket-reply { border: 1px solid var(--vn-line); border-radius: var(--vn-r-lg); overflow: hidden; background: var(--vn-surface); }
.vn-shell .view-ticket .ticket-reply .posted-by { background: var(--vn-bg); border-bottom: 1px solid var(--vn-line); padding: 10px 16px; font-size: 13px; color: var(--vn-text-2); }
.vn-shell .view-ticket .ticket-reply .posted-by-name { font-family: var(--vn-font-head); font-weight: 600; color: var(--vn-ink); }
.vn-shell .view-ticket .ticket-reply .posted-on { font-family: var(--vn-font-mono); font-size: 12px; }
.vn-shell .view-ticket .ticket-reply.staff { border-color: var(--vn-blue); box-shadow: inset 3px 0 0 var(--vn-blue); }
.vn-shell .view-ticket .ticket-reply.staff .posted-by { background: var(--vn-blue-wash); }
.vn-shell .view-ticket .ticket-reply .message { color: var(--vn-text); font-size: 15px; line-height: 1.6; }
.vn-shell .view-ticket .ticket-reply pre, .vn-shell .view-ticket .ticket-reply code { font-family: var(--vn-font-mono); font-size: 13px; background: var(--vn-bg); border-radius: var(--vn-r-sm); }

/* Alan adları listesi */
.vn-dom-bulk-hint { margin: 0 0 var(--vn-2); }
.vn-dom-name { font-family: var(--vn-font-head); font-weight: 600; color: var(--vn-ink); }
.vn-dom-due { font-family: var(--vn-font-mono); font-size: 13px; color: var(--vn-ink); }
.vn-dom-due small { display: block; font-family: var(--vn-font-body); color: var(--vn-text-2); }
.vn-dom-due small.is-soon { color: var(--vn-red); font-weight: 600; }
@media (min-width: 768px) { .vn-dom-summary .vn-strip { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
@media (min-width: 1100px) { .vn-dom-summary { grid-template-columns: 1fr; } }

/* Alan adı ayrıntısı: başlık kartı ve işlem sekmeleri */
.vn-domhead { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--vn-4); padding: var(--vn-4); margin-bottom: var(--vn-4); background: var(--vn-bg); border: 1px solid var(--vn-line); border-radius: var(--vn-r); }
.vn-domhead__facts { display: flex; flex-wrap: wrap; gap: var(--vn-4) var(--vn-6); }
.vn-domhead__facts > div { display: grid; gap: 6px; justify-items: start; }
.vn-domhead .vn-label { margin: 0; }
.vn-domhead__value { font-size: 16px; color: var(--vn-ink); }
.vn-domhead__value .vn-small { font-family: var(--vn-font-body); color: var(--vn-text-2); }
.vn-domhead__value .is-soon { color: var(--vn-red); font-weight: 600; }
.vn-domain__actions { margin-top: var(--vn-4); background: transparent; }
.vn-shell #tabAutorenew h4, .vn-shell #tabReglock h2 { font-size: 16px; text-align: left !important; margin: var(--vn-4) 0; }
.vn-shell #tabAutorenew p.text-center, .vn-shell #tabReglock p.text-center { text-align: left !important; }
.vn-shell #tabAutorenew .btn-lg, .vn-shell #tabReglock .btn-lg { font-size: 14px; padding: 10px 18px; }

/* Yeni destek talebi: departman seçimi */
.vn-dept { background: transparent; max-width: 760px; display: grid; gap: var(--vn-4); }
.vn-dept > p { margin: 0; }
.vn-dept__list { background: var(--vn-surface); border: 1px solid var(--vn-line); border-radius: var(--vn-r-lg); overflow: hidden; }
.vn-dept__item, .vn a.vn-dept__item { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: var(--vn-4); padding: var(--vn-4) var(--vn-5); border-bottom: 1px solid var(--vn-line); color: inherit; }
.vn-dept__item:last-child { border-bottom: 0; }
.vn-dept__item:hover { background: var(--vn-blue-wash); text-decoration: none; }
.vn-dept__icon { display: inline-grid; place-items: center; width: 36px; height: 36px; border-radius: var(--vn-r); background: var(--vn-blue-wash); color: var(--vn-blue); }
.vn-dept__text { display: grid; gap: 2px; min-width: 0; }
.vn-dept__text strong { font-family: var(--vn-font-head); font-weight: 600; color: var(--vn-ink); }

/* Hesap bilgileri: iki sütun ve kilitli alan simgesi (Stitch üçüncü tur) */
.vn-account-form { max-width: none; }
.vn-account-form__cols { display: grid; gap: var(--vn-4); grid-template-columns: 1fr; align-items: start; }
@media (min-width: 1200px) { .vn-account-form__cols { grid-template-columns: minmax(0, 3fr) minmax(0, 2fr); } }
.vn-account-form__cols > .vn-stack > .vn-card .vn-form-grid { grid-template-columns: 1fr; }
@media (min-width: 640px) { .vn-account-form__cols > .vn-stack:first-child > .vn-card .vn-form-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.vn-account-form .form-control:disabled, .vn-account-form .custom-select:disabled {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%238A97A8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='11' width='16' height='10' rx='2'/%3E%3Cpath d='M8 11V7a4 4 0 0 1 8 0v4'/%3E%3C/svg%3E");
  background-repeat: no-repeat; background-position: right 12px center; padding-right: 36px;
}
.vn-account-form__submit { position: sticky; bottom: 76px; padding: var(--vn-3) var(--vn-4); background: var(--vn-surface); border: 1px solid var(--vn-line); border-radius: var(--vn-r-lg); }
@media (min-width: 992px) { .vn-account-form__submit { bottom: var(--vn-4); } }

/* Öncelik seçici (yeni destek talebi) */
.vn-priority { display: inline-flex; background: var(--vn-bg); }
.vn-priority__select.is-enhanced { display: none; }
/* Boş durumlar */
.vn-empty > i { display: inline-grid; place-items: center; width: 48px; height: 48px; border-radius: var(--vn-r-lg); background: var(--vn-blue-wash); color: var(--vn-blue); font-size: 18px; }
.vn-empty h3 { font-size: 18px; margin: 0; }
.vn-empty p { margin: 0; max-width: 36em; }
.vn-empty--list ~ .vn-inv-filter, .vn-empty--list ~ .table-container, .vn-empty--list ~ .tab-content, .vn-empty--list ~ .vn-inv-summary { display: none; }
.vn-inv-summary:has(~ .vn-empty--list) { display: none; }

/* Fatura görüntüleme: başlık kutusu, taraflar ve tarih satırı (Stitch üçüncü tur) */
.vn-invoice-page .invoice-header { align-items: center; }
.vn-invoice-page .invoice-header .invoice-col:last-child { background: var(--vn-bg); border-radius: var(--vn-r-lg); padding: var(--vn-4); text-align: right !important; display: grid; gap: var(--vn-2); justify-items: end; }
.vn-invoice-page .invoice-header .payment-btn-container { text-align: right; }
.vn-invoice-page .vn-inv-parties, .vn-invoice-page .vn-inv-meta { background: var(--vn-bg); border-radius: var(--vn-r-lg); margin: 0 0 var(--vn-4); padding: var(--vn-4) var(--vn-2); }
.vn-invoice-page .vn-inv-meta br { display: none; }
.vn-invoice-page .vn-inv-meta .small-text { float: none !important; display: block; font-family: var(--vn-font-mono); color: var(--vn-ink); }
.vn-invoice-page .invoice-container > br { display: none; }

/* Yan kutulardaki uzun başlıklar (ör. son destek talepleri) sayfayı yana taşırmasın */
.vn-context, .vn-context .sidebar { min-width: 0; }
.vn-context .sidebar-menu-item-wrapper, .vn-context .sidebar-menu-item-label, .vn-context .recent-ticket { min-width: 0; max-width: 100%; overflow: hidden; }
.vn-context .recent-ticket .truncate { display: block; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
/* Sipariş akışı: WHMCS standard_cart düzeninin Verinomi görünümü. Şablonlar değişmez; yalnızca görünüm.
   standard_cart kendi stilini sayfa gövdesinde, bizden sonra yükler; bu yüzden seçiciler "body" ile başlar. */
body #order-standard_cart { font-family: var(--vn-font-body); color: var(--vn-text); }
body #order-standard_cart .header-lined { border-bottom: 0; margin: 0 0 var(--vn-4); padding: 0; }
body #order-standard_cart .header-lined h1, body #order-standard_cart h1.font-size-36 { font-family: var(--vn-font-head); font-size: 28px; font-weight: 600; letter-spacing: -0.015em; color: var(--vn-ink); margin: 0; }
body #order-standard_cart .sub-heading { border-top: 1px solid var(--vn-line); margin: var(--vn-6) 0 var(--vn-4); height: 0; text-align: left; }
body #order-standard_cart .sub-heading span, body #order-standard_cart .sub-heading-borderless span { position: relative; top: -11px; padding: 0 12px 0 0; background: var(--vn-bg); font-family: var(--vn-font-mono); font-size: 11px; font-weight: 500; letter-spacing: .06em; text-transform: uppercase; color: var(--vn-text-2); }
body #order-standard_cart .form-control { border: 1px solid var(--vn-line-strong); border-radius: var(--vn-r); box-shadow: none; color: var(--vn-ink); min-height: 44px; }
body #order-standard_cart .form-control:focus { border-color: var(--vn-blue); box-shadow: 0 0 0 3px rgba(24,119,185,.18); }
/* Alan içi ikon: kutunun içinde, zeminsiz ve dikeyde ortalı durur; yazı ikonun sağından başlar */
body #order-standard_cart .prepend-icon { position: relative; }
body #order-standard_cart .prepend-icon .field-icon { position: absolute; top: 0; left: 0; width: 44px; height: 44px; margin: 0; padding: 0; display: flex; align-items: center; justify-content: center; line-height: 1; background: transparent !important; border: 0; color: var(--vn-text-3); pointer-events: none; z-index: 4; }
body #order-standard_cart .prepend-icon .field-icon i { font-size: 14px; }
body #order-standard_cart .prepend-icon .field, body #order-standard_cart .prepend-icon .form-control { padding-left: 44px; }

/* Sol menü */
body #order-standard_cart .cart-sidebar .card, body #order-standard_cart .cart-sidebar .panel { border: 1px solid var(--vn-line); border-radius: var(--vn-r-lg); box-shadow: none; overflow: hidden; }
body #order-standard_cart .cart-sidebar .card-header, body #order-standard_cart .cart-sidebar .panel-heading { background: var(--vn-surface); border-bottom: 1px solid var(--vn-line); padding: 12px 16px; }
body #order-standard_cart .cart-sidebar .card-title, body #order-standard_cart .cart-sidebar .panel-title { font-family: var(--vn-font-mono); font-size: 11px; font-weight: 500; letter-spacing: .06em; text-transform: uppercase; color: var(--vn-text-2); }

/* Alan adı sorgulama */
body #order-standard_cart .domain-checker-container { margin: 0 0 var(--vn-5); padding: 0; background: var(--vn-navy); border-radius: var(--vn-r-lg); box-shadow: none; }
body #order-standard_cart .domain-checker-bg { background-image: none; padding: var(--vn-6) var(--vn-4); }
body #order-standard_cart .domain-checker-container .input-group-box { padding: 6px; border-radius: 10px; background: var(--vn-surface); box-shadow: none; }
body #order-standard_cart .domain-checker-container .form-control { border: 0; box-shadow: none; font-size: 16px; }
body #order-standard_cart .domain-checker-container .btn { border-radius: var(--vn-r) !important; background: var(--vn-blue); border-color: var(--vn-blue); font-family: var(--vn-font-head); font-weight: 600; padding-inline: var(--vn-5); }
body #order-standard_cart .domain-checker-result-headline { font-family: var(--vn-font-head); font-size: 18px; font-weight: 600; color: var(--vn-ink); }
body #order-standard_cart .domain-checker-available { color: var(--vn-green); }
body #order-standard_cart .domain-checker-unavailable, body #order-standard_cart .domain-checker-invalid { color: var(--vn-red); }
body #order-standard_cart .domain-price .price { font-family: var(--vn-font-mono); color: var(--vn-ink); }
body #order-standard_cart .spotlight-tld { border: 1px solid var(--vn-line); border-radius: var(--vn-r-lg); background: var(--vn-surface); box-shadow: none; overflow: hidden; font-family: var(--vn-font-mono); color: var(--vn-ink); }
body #order-standard_cart .spotlight-tld span { color: var(--vn-text-2); font-size: 13px; }
body #order-standard_cart .spotlight-tld .btn:not(.domain-contact-support) { background: var(--vn-bg); border: 0; border-top: 1px solid var(--vn-line); color: var(--vn-blue); font-family: var(--vn-font-head); font-weight: 600; border-radius: 0; }
body #order-standard_cart .spotlight-tld .btn:not(.domain-contact-support):hover { background: var(--vn-blue-wash); }
body #order-standard_cart .suggested-domains { border: 1px solid var(--vn-line); border-radius: var(--vn-r-lg); overflow: hidden; }
body #order-standard_cart .suggested-domains .card-header { background: var(--vn-bg); font-family: var(--vn-font-mono); font-size: 11px; letter-spacing: .06em; text-transform: uppercase; color: var(--vn-text-2); }
body #order-standard_cart .suggested-domains .list-group-item { border-color: var(--vn-line); }
body #order-standard_cart .suggested-domains .price, body #order-standard_cart .suggested-domains .domain, body #order-standard_cart .suggested-domains .extension { font-family: var(--vn-font-mono); color: var(--vn-ink); }
body #order-standard_cart .btn-add-to-cart, body #order-standard_cart .suggested-domains .btn:not(.domain-contact-support) { background: var(--vn-blue); border-color: var(--vn-blue); color: #fff; border-radius: var(--vn-r); font-weight: 600; }
/* Uzantı fiyat tablosu */
.domain-pricing .tld-filters a.badge { background: var(--vn-surface) !important; color: var(--vn-text-2) !important; border: 1px solid var(--vn-line); font-weight: 500; padding: 6px 12px; }
.domain-pricing .tld-filters a.badge.badge-success, .domain-pricing .tld-filters a.badge.active { background: var(--vn-blue-wash) !important; color: var(--vn-blue) !important; border-color: var(--vn-blue); }
.domain-pricing .tld-pricing-header { font-family: var(--vn-font-mono); font-size: 11px; letter-spacing: .06em; text-transform: uppercase; color: var(--vn-text-2); }
.domain-pricing .tld-pricing-header div, .domain-pricing .tld-pricing-header .tld-column, .domain-pricing .tld-pricing-header div:nth-child(odd), .domain-pricing .tld-pricing-header div:nth-child(even) { border-bottom: 1px solid var(--vn-line-strong) !important; background: transparent; }
.domain-pricing .tld-row { border-bottom: 1px solid var(--vn-line); font-family: var(--vn-font-mono); font-variant-numeric: tabular-nums; color: var(--vn-ink); }
.domain-pricing .tld-row.highlighted { background: transparent; }
.domain-pricing .tld-row:hover { background: var(--vn-blue-wash); }
.domain-pricing .tld-row small { font-family: var(--vn-font-body); color: var(--vn-text-3); }
.domain-pricing .tld-row .two-row-center { border-right: 0 !important; }

/* Ürün kartları */
body #order-standard_cart .products .product { border: 1px solid var(--vn-line); border-radius: var(--vn-r-lg); box-shadow: none; padding: 0; overflow: hidden; background: var(--vn-surface); }
body #order-standard_cart .products .product header { background: var(--vn-surface); border-bottom: 1px solid var(--vn-line); border-radius: 0; padding: var(--vn-4) var(--vn-5); }
body #order-standard_cart .products .product header span { font-family: var(--vn-font-head); font-size: 18px; font-weight: 600; color: var(--vn-ink); }
body #order-standard_cart .products .product div.product-desc { padding: var(--vn-4) var(--vn-5); color: var(--vn-text-2); font-size: 14px; }
body #order-standard_cart .products .product footer { padding: var(--vn-4) var(--vn-5); }
body #order-standard_cart .products .product div.product-pricing span.price { font-family: var(--vn-font-mono); font-size: 22px; font-weight: 500; color: var(--vn-ink); }
body #order-standard_cart .btn-success, body #order-standard_cart .btn-primary { background: var(--vn-blue); border-color: var(--vn-blue); color: #fff; border-radius: var(--vn-r); font-family: var(--vn-font-head); font-weight: 600; box-shadow: none; }
body #order-standard_cart .btn-success:hover, body #order-standard_cart .btn-primary:hover { background: var(--vn-blue-hover, #136399); border-color: var(--vn-blue-hover, #136399); }
body #order-standard_cart .btn-default { background: var(--vn-surface); border: 1px solid var(--vn-line-strong); color: var(--vn-ink); border-radius: var(--vn-r); font-weight: 600; }
body #order-standard_cart .product-info { background: var(--vn-surface); border: 1px solid var(--vn-line); border-radius: var(--vn-r-lg); padding: var(--vn-4) var(--vn-5); }
body #order-standard_cart .product-info .product-title { font-family: var(--vn-font-head); font-size: 18px; font-weight: 600; color: var(--vn-ink); }
body #order-standard_cart .domain-selection-options .option { background: var(--vn-surface); border: 1px solid var(--vn-line); border-radius: var(--vn-r-lg); }
body #order-standard_cart .domain-selection-options .option-selected { background: var(--vn-blue-wash); border-color: var(--vn-blue); }
body #order-standard_cart .panel-addon { border: 1px solid var(--vn-line); border-radius: var(--vn-r-lg); box-shadow: none; overflow: hidden; }
body #order-standard_cart .panel-addon .panel-price { background: var(--vn-bg); font-family: var(--vn-font-mono); color: var(--vn-ink); }
body #order-standard_cart .panel-addon .panel-add { background: var(--vn-blue); }
body #order-standard_cart .panel-addon-selected { border-color: var(--vn-blue); }
body #order-standard_cart .panel-addon-selected .panel-add { background: var(--vn-red); }

/* Sipariş özeti */
body #order-standard_cart .order-summary { background: var(--vn-surface); border: 1px solid var(--vn-line); border-radius: var(--vn-r-lg); margin: 0; overflow: hidden; }
body #order-standard_cart .order-summary h2 { margin: 0; padding: 14px var(--vn-5); background: var(--vn-surface); border-bottom: 1px solid var(--vn-line); color: var(--vn-text-2); text-align: left; font-family: var(--vn-font-mono); font-size: 11px; font-weight: 500; letter-spacing: .06em; text-transform: uppercase; }
body #order-standard_cart .summary-container { margin: 0; padding: var(--vn-4) var(--vn-5) var(--vn-5); background: var(--vn-surface); border-radius: 0; font-size: 14px; color: var(--vn-text-2); min-height: 0; }
body #order-standard_cart .order-summary .subtotal, body #order-standard_cart .order-summary .bordered-totals, body #order-standard_cart .order-summary .summary-totals { border-color: var(--vn-line); }
body #order-standard_cart .order-summary .float-right, body #order-standard_cart .order-summary .pull-right { font-family: var(--vn-font-mono); font-variant-numeric: tabular-nums; color: var(--vn-ink); }
body #order-standard_cart .order-summary .total-due-today .amt { font-family: var(--vn-font-mono); font-size: 28px; font-weight: 500; color: var(--vn-ink); }
body #order-standard_cart .order-summary .total-due-today span:not(.amt) { font-size: 13px; color: var(--vn-text-2); }
body #order-standard_cart .order-summary .btn-checkout { display: block; width: 100%; background: var(--vn-blue); border-color: var(--vn-blue); border-radius: var(--vn-r); padding: 12px 16px; font-family: var(--vn-font-head); font-size: 15px; font-weight: 600; opacity: 1; }
body #order-standard_cart .order-summary .btn-checkout.disabled { background: var(--vn-line-strong); border-color: var(--vn-line-strong); color: #fff; }
body #order-standard_cart .order-summary .btn-continue-shopping { color: var(--vn-blue); font-weight: 600; }

/* Sepet */
body #order-standard_cart .view-cart-items-header { background: transparent; color: var(--vn-text-2); border-bottom: 1px solid var(--vn-line-strong); border-radius: 0; padding: 10px 0; font-family: var(--vn-font-mono); font-size: 11px; letter-spacing: .06em; text-transform: uppercase; }
body #order-standard_cart .view-cart-items { border-bottom: 1px solid var(--vn-line); margin-bottom: var(--vn-5); }
body #order-standard_cart .view-cart-items .item, body #order-standard_cart .view-cart-items .item:nth-child(even) { background: transparent; border-bottom: 1px solid var(--vn-line); padding: var(--vn-4) 0; }
body #order-standard_cart .view-cart-items .item-title { font-family: var(--vn-font-head); font-weight: 600; color: var(--vn-ink); }
body #order-standard_cart .view-cart-items .item-price span { font-family: var(--vn-font-mono); color: var(--vn-ink); }
body #order-standard_cart .view-cart-items .item-price .cycle { font-family: var(--vn-font-body); color: var(--vn-text-2); }
body #order-standard_cart .view-cart-empty { color: var(--vn-text-2); padding: var(--vn-6) 0; }
body #order-standard_cart .empty-cart .btn { background: transparent; color: var(--vn-red); border: 0; }
body #order-standard_cart .view-cart-tabs .nav-tabs { border-bottom: 1px solid var(--vn-line); }
body #order-standard_cart .view-cart-tabs .nav-tabs a { border: 0; color: var(--vn-text-2); font-weight: 600; }
body #order-standard_cart .view-cart-tabs .nav-tabs a.active, body #order-standard_cart .view-cart-tabs .nav-tabs a[aria-expanded="true"], body #order-standard_cart .view-cart-tabs .nav-tabs a[aria-selected="true"] { background: transparent; color: var(--vn-ink); box-shadow: inset 0 -2px 0 var(--vn-blue); }
body #order-standard_cart .view-cart-tabs .tab-content { background: transparent; padding: var(--vn-4) 0; }
body #order-standard_cart .view-cart-promotion-code { background: var(--vn-blue-wash); border: 1px dashed var(--vn-blue); border-radius: var(--vn-r); font-family: var(--vn-font-mono); }
body #order-standard_cart .view-cart-gateway-checkout { background: var(--vn-bg); border-radius: var(--vn-r-lg); }

/* Ödeme adımı */
body #order-standard_cart .already-registered { margin-bottom: var(--vn-4); }
body #order-standard_cart .apply-credit-container { background: var(--vn-blue-wash); border-radius: var(--vn-r-lg); }
body #order-standard_cart .cc-input-container { background: var(--vn-surface); border: 1px solid var(--vn-line); border-radius: var(--vn-r-lg); }
body #order-standard_cart .account-select-container div.account { background: var(--vn-surface); border: 1px solid var(--vn-line); border-radius: var(--vn-r-lg); }
body #order-standard_cart .account-select-container div.account.active { border-color: var(--vn-blue); background: var(--vn-blue-wash); }
body #order-standard_cart .checkout-security-msg { background: transparent; border: 0; border-left: 3px solid var(--vn-line-strong); border-radius: 0; color: var(--vn-text-2); font-size: 13px; }
body #order-standard_cart #btnCompleteOrder { min-width: 240px; padding: 12px 24px; font-size: 16px; }
/* Öne çıkan uzantılar */
.featured-tld { border: 1px solid var(--vn-line); border-radius: var(--vn-r-lg); box-shadow: none; overflow: hidden; background: var(--vn-surface); }
.featured-tld .price, .featured-tld .price[class] { background: var(--vn-bg) !important; border-top: 1px solid var(--vn-line); color: var(--vn-ink) !important; font-family: var(--vn-font-mono); font-size: 14px; }
/* Plan listesi (orderform/verinomi/products.tpl) */
.vn-plans { background: var(--vn-surface); border: 1px solid var(--vn-line); border-radius: var(--vn-r-lg); overflow: hidden; }
.vn-plan-row { display: grid; grid-template-columns: 1fr; gap: var(--vn-3); padding: var(--vn-4) var(--vn-5); border-bottom: 1px solid var(--vn-line); align-items: center; }
.vn-plan-row:last-child { border-bottom: 0; }
.vn-plan-row:hover { background: var(--vn-blue-wash); }
.vn-plan-row--out, .vn-plan-row--out:hover { background: var(--vn-bg); }
.vn-plan-row--out .vn-plan-row__price .price { color: var(--vn-text-3); }
.vn-plan-row__name { display: flex; flex-wrap: wrap; align-items: center; gap: var(--vn-2); }
.vn-plan-row__name strong { font-family: var(--vn-font-head); font-size: 16px; font-weight: 600; color: var(--vn-ink); }
.vn-plan-row__specs { min-width: 0; font-size: 14px; color: var(--vn-text-2); }
.vn-plan-row__specs p { margin: 0; }
.vn-plan-row__specs ul { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 4px 0; }
.vn-plan-row__specs li { font-family: var(--vn-font-mono); font-size: 13px; color: var(--vn-ink); white-space: nowrap; }
.vn-plan-row__specs li + li::before { content: "·"; margin: 0 10px; color: var(--vn-text-3); }
.vn-plan-row__price { display: grid; gap: 0; }
.vn-plan-row__price .price { font-family: var(--vn-font-mono); font-variant-numeric: tabular-nums; font-size: 20px; font-weight: 500; color: var(--vn-ink); white-space: nowrap; }
.vn-plan-row__price .vn-small { color: var(--vn-text-2); }
.vn-plan-row__action .vn-btn { white-space: nowrap; }
.vn-plan-row__action [aria-disabled="true"] { opacity: .6; cursor: not-allowed; }
@media (min-width: 992px) {
  .vn-plan-row { grid-template-columns: minmax(150px, 1.1fr) minmax(0, 2.6fr) auto auto; gap: var(--vn-5); }
  .vn-plan-row__price { text-align: right; }
}
.vn-plan-row--nospec .vn-plan-row__specs { display: none; }
@media (min-width: 992px) { .vn-plan-row--nospec { grid-template-columns: minmax(0, 1fr) auto auto; } }
/* Ödeme adımındaki yeni hesap formu */
.vn-checkout-new { background: transparent; margin-bottom: var(--vn-5); }
.vn-checkout-new .sub-heading { margin: var(--vn-4) 0 var(--vn-2); }
.vn-checkout-new .vn-label { margin: 0; }
/* Ödeme adımındaki yeni hesap formu */
.vn-checkout-new { background: transparent; margin-bottom: var(--vn-5); }
.vn-checkout-new .sub-heading { margin: var(--vn-4) 0 var(--vn-2); }
.vn-checkout-new .vn-label { margin: 0; }
/* Mağaza ana sayfası */
.vn-store { background: transparent; display: grid; gap: var(--vn-6); }
.vn-store__section { display: grid; gap: var(--vn-3); }
.vn-store__section h2.vn-label { margin: 0; }
.vn-plan-row--group .vn-plan-row__name a { color: var(--vn-ink); }
.vn-plan-row--group .vn-plan-row__specs p + p { margin-top: 2px; }
.vn-plan-row--group .vn-plan-row__price { align-items: baseline; }
.vn-store .vn-store__section h2.vn-label { font-family: var(--vn-font-mono); font-size: 12px; line-height: 16px; font-weight: 500; letter-spacing: .06em; text-transform: uppercase; color: var(--vn-text-2); }
.vn-plan-row__more { border: 0; background: transparent; padding: 0; font-family: var(--vn-font-body); font-size: 13px; font-weight: 600; color: var(--vn-blue); cursor: pointer; }
.vn-plan-row__specs li[hidden] { display: none; }
.vn-plan-row__specs [data-vn-specs] ul { display: block; }
.vn-plan-row__specs ul:empty { display: none; }
/* Fiyatlar yalnızca TL gösterilir: para birimi seçicileri gizli. Kategori gizli olduğu için dar ekrandaki "başka kategori seç" kutuları da gösterilmez. */
body #order-standard_cart .sidebar-collapsed { display: none !important; }
body #order-standard_cart .cart-sidebar [menuitemname="Choose Currency"] { display: none; }
/* Grup (ürün) sayfası */
.vn-group-head { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: var(--vn-4); margin-bottom: var(--vn-5); background: transparent; }
.vn-group-head .header-lined { margin: 0 !important; }
.vn-group-head .vn-label { margin: 0 0 var(--vn-2); }
.vn-group-head .header-lined p:not(.vn-label) { margin: var(--vn-2) 0 0; color: var(--vn-text-2); }
.vn-group-head__price { display: grid; gap: 2px; padding: var(--vn-3) var(--vn-4); border: 1px solid var(--vn-line); border-radius: var(--vn-r-lg); background: var(--vn-surface); text-align: right; }
.vn-group-head__price .vn-label { margin: 0; }
.vn-group-head__price b { font-size: 22px; font-weight: 500; color: var(--vn-ink); }
.vn-spec .vn-table { font-size: 14px; }
.vn-spec .vn-table th, .vn-spec .vn-table td { padding: 12px; }
.vn-spec .vn-table .vn-name { white-space: nowrap; }
.vn-spec .vn-table td b { font-weight: 500; }
.vn-spec__action { text-align: right; white-space: nowrap; }
.vn-spec__out td { color: var(--vn-text-3); background: var(--vn-bg); }
.vn-spec__action [aria-disabled="true"] { opacity: .6; cursor: not-allowed; }
.vn-group-section { margin-top: var(--vn-7); background: transparent; }
.vn-group-section h2 { font-size: 22px; margin: 0 0 var(--vn-4); }
.vn-group-section .vn-label { margin: 0 0 var(--vn-2); }
.vn-choices { margin: 0; display: grid; gap: var(--vn-4); padding: var(--vn-5); background: var(--vn-surface); border: 1px solid var(--vn-line); border-radius: var(--vn-r-lg); }
.vn-choices dt { font-family: var(--vn-font-head); font-size: 14px; font-weight: 600; color: var(--vn-ink); margin-bottom: var(--vn-2); }
.vn-choices dd { margin: 0; }
body #order-standard_cart.vn-cart--wide .cart-sidebar { display: none; }
body #order-standard_cart.vn-cart--wide .cart-body { width: 100%; float: none; padding-inline: 15px; }
.vn-featured-tlds { align-items: center; margin-bottom: var(--vn-5); background: transparent; }
.vn-featured-tlds .vn-label { margin: 0 var(--vn-2) 0 0; }
/* "+N özellik" düğmesi ve açılan özellik paneli */
.vn-plan-row__more { display: inline-flex; align-items: center; gap: 4px; padding: 2px 8px; border: 1px solid var(--vn-line); border-radius: var(--vn-r-sm); background: var(--vn-bg); font-family: var(--vn-font-mono); font-size: 11px; font-weight: 500; color: var(--vn-text-2); }
.vn-plan-row__more::after { content: "\25BE"; font-size: 9px; }
.vn-plan-row__more[aria-expanded="true"] { background: var(--vn-blue); border-color: var(--vn-blue); color: #fff; }
.vn-plan-row__more[aria-expanded="true"]::after { content: "\25B4"; }
.vn-plan-row__panel { grid-column: 1 / -1; padding: var(--vn-4); background: var(--vn-bg); border: 1px solid var(--vn-line); border-radius: var(--vn-r); }
.vn-plan-row__panel[hidden] { display: none; }
.vn-plan-row__panel ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px var(--vn-5); grid-template-columns: 1fr; font-size: 14px; color: var(--vn-text); }
.vn-plan-row__panel li { padding-left: 22px; position: relative; }
.vn-plan-row__panel li::before { content: "\2713"; position: absolute; left: 0; color: var(--vn-blue); font-weight: 700; }
@media (min-width: 640px) { .vn-plan-row__panel ul { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 992px) { .vn-plan-row__panel ul { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
/* Site (tanıtım) sayfaları: ana sayfa */
body.vn-home-page #main-body { padding: 0; }
body.vn-home-page .master-breadcrumb { display: none; }
.vn-home-site { background: var(--vn-bg); }
.vn-home-site h2 { font-size: 26px; line-height: 1.25; letter-spacing: -0.015em; margin: 0; }
.vn-home-site .vn-label { margin: 0 0 var(--vn-2); }

.vn-hero { padding-block: var(--vn-7); border-bottom: 1px solid var(--vn-line); }
.vn-hero__in { display: grid; gap: var(--vn-6); grid-template-columns: 1fr; align-items: center; }
.vn-hero__text { display: grid; gap: var(--vn-4); align-content: start; }
.vn-hero__tag { display: inline-flex; align-items: center; gap: 8px; width: max-content; padding: 4px 10px; border-radius: var(--vn-r-sm); background: var(--vn-blue-wash); color: var(--vn-blue); }
.vn-hero__tag::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: currentColor; }
.vn-hero h1 { font-size: 30px; line-height: 1.15; letter-spacing: -0.02em; margin: 0; max-width: 16em; }
.vn-hero__lead { font-size: 17px; color: var(--vn-text-2); margin: 0; max-width: 34em; }
.vn-hero__facts { list-style: none; margin: var(--vn-3) 0 0; padding: var(--vn-4) 0 0; border-top: 1px solid var(--vn-line); display: flex; flex-wrap: wrap; gap: var(--vn-2) var(--vn-5); font-family: var(--vn-font-mono); font-size: 12px; color: var(--vn-text-2); }
.vn-hero__facts li::before { content: "•"; margin-right: 8px; color: var(--vn-text-3); }
.vn-picker__head { display: flex; align-items: center; justify-content: space-between; gap: var(--vn-3); padding: var(--vn-4); border-bottom: 1px solid var(--vn-line); }
.vn-picker__head strong { font-family: var(--vn-font-head); font-weight: 600; color: var(--vn-ink); }
.vn-picker .vn-table td b { font-weight: 500; }
.vn-picker__action { text-align: right; white-space: nowrap; }
@media (min-width: 992px) {
  .vn-hero { padding-block: var(--vn-8); }
  .vn-hero__in { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: var(--vn-7); }
  .vn-hero h1 { font-size: 40px; }
}

.vn-domainbar { padding-block: var(--vn-7); }
.vn-domainbar__in { display: grid; gap: var(--vn-4); justify-items: center; text-align: center; }
.vn-domainbar .vn-search { width: 100%; max-width: 720px; }
.vn-domainbar__tlds { justify-content: center; align-items: center; }

.vn-home-card { display: grid; gap: var(--vn-3); align-content: start; }
.vn-home-card > i { display: inline-grid; place-items: center; width: 36px; height: 36px; border-radius: var(--vn-r); background: var(--vn-blue-wash); color: var(--vn-blue); font-size: 15px; }
.vn-home-card h3 { font-size: 19px; margin: var(--vn-2) 0 0; }
.vn-home-card p { color: var(--vn-text-2); font-size: 15px; margin: 0; }
.vn-home-card__foot { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--vn-3); margin-top: var(--vn-3); padding-top: var(--vn-4); border-top: 1px solid var(--vn-line); font-size: 13px; color: var(--vn-text-2); }
.vn-home-card__foot .vn-mono { font-size: 12px; }
@media (min-width: 768px) { .vn-home-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); } }

.vn-why { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--vn-5) var(--vn-7); grid-template-columns: 1fr; }
.vn-why li { display: grid; grid-template-columns: auto 1fr; gap: var(--vn-3); align-items: start; }
.vn-why li > span { font-size: 12px; color: var(--vn-blue); padding-top: 4px; }
.vn-why h3 { font-size: 17px; margin: 0 0 6px; }
.vn-why p { font-size: 15px; color: var(--vn-text-2); margin: 0; max-width: 34em; }
@media (min-width: 768px) { .vn-why { grid-template-columns: repeat(2, minmax(0, 1fr)); } }

.vn-home-support { padding-block: var(--vn-7); }
.vn-home-support__in { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--vn-4); }
.vn-home-support__in h2 { font-size: 22px; }
/* Sunucu seçici: dar sütunda taşmasın */
.vn-picker .vn-table { font-size: 14px; }
.vn-picker .vn-table th, .vn-picker .vn-table td { padding: 10px 12px; }
.vn-picker .vn-table .vn-name { white-space: nowrap; }
@media (min-width: 992px) { .vn-hero__in { grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); gap: var(--vn-6); } }

/* İletişim */
.vn-contact { display: grid; gap: var(--vn-5); background: transparent; padding-block: var(--vn-5) var(--vn-7); }
.vn-contact h1 { font-size: 30px; margin: 0 0 var(--vn-2); }
.vn-contact h2 { font-size: 19px; margin: 0; }
.vn-contact .vn-label { margin: 0 0 var(--vn-2); }
.vn-contact__grid { display: grid; gap: var(--vn-5); grid-template-columns: 1fr; align-items: start; }
@media (min-width: 992px) { .vn-contact__grid { grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); } }
.vn-contact .vn-tile.vn-col-2 { grid-column: 1 / -1; }
.vn-contact__value { color: var(--vn-ink); font-size: 15px; }
.vn-contact a.vn-tile__value { color: var(--vn-ink); }
.vn-contact__map iframe { display: block; width: 100%; aspect-ratio: 16 / 7; min-height: 300px; border: 1px solid var(--vn-line); border-radius: var(--vn-r-lg); }

/* İçerik sayfaları (sayfa.php): yasal metinler, banka ve ticari bilgiler */
.vn-page { background: transparent; display: grid; gap: var(--vn-5); padding-block: var(--vn-5) var(--vn-7); }
.vn-page__head h1 { font-size: 30px; margin: 0; }
.vn-page__head .vn-label { margin: 0 0 var(--vn-2); }
.vn-page__grid { display: grid; gap: var(--vn-5); grid-template-columns: 1fr; align-items: start; }
@media (min-width: 992px) { .vn-page__grid { grid-template-columns: 240px minmax(0, 1fr); gap: var(--vn-7); } .vn-page__grid--single { grid-template-columns: minmax(0, 1fr); } .vn-page__nav { position: sticky; top: 88px; } }
.vn-page__nav { display: grid; gap: 2px; }
.vn-page__nav a { padding: 8px 12px; border-radius: var(--vn-r); color: var(--vn-text-2); font-size: 14px; font-weight: 500; }
.vn-page__nav a:hover { background: var(--vn-surface); color: var(--vn-ink); text-decoration: none; }
.vn-page__nav a[aria-current="page"] { background: var(--vn-blue-wash); color: var(--vn-blue); font-weight: 600; box-shadow: inset 3px 0 0 var(--vn-blue); }
.vn-page__body { max-width: 70ch; min-width: 0; color: var(--vn-text); font-size: 16px; line-height: 1.7; display: grid; gap: var(--vn-4); }
.vn-page__grid--single .vn-page__body { max-width: none; }
.vn-page__body h2 { font-size: 20px; margin: var(--vn-4) 0 0; }
.vn-page__body h3, .vn-page__body h4, .vn-page__body h5 { font-size: 17px; margin: var(--vn-3) 0 0; }
.vn-page__body p, .vn-page__body ul, .vn-page__body ol { margin: 0; }
.vn-page__body ul, .vn-page__body ol { padding-left: 1.25em; display: grid; gap: 6px; }
.vn-page__body br + br { display: none; }
.vn-page__body table:not(.vn-table) { width: 100%; border-collapse: collapse; font-size: 14px; }
.vn-page__body table:not(.vn-table) td, .vn-page__body table:not(.vn-table) th { border: 1px solid var(--vn-line); padding: 8px 12px; vertical-align: top; text-align: left; }
.vn-page__dl { padding: var(--vn-2) var(--vn-5); max-width: 720px; }
.vn-page__dl dd { font-family: var(--vn-font-body); }
.vn-page .vn-table .vn-copy { margin-left: var(--vn-2); }

/* Ürün tanıtım sayfaları (sayfa.php, grup "urun") */
.vn-page__head--product { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: var(--vn-4); }
.vn-page__head--product h1 { max-width: 22em; }
.vn-page__offer { display: grid; gap: var(--vn-2); justify-items: end; }
.vn-page__body--product { max-width: none; }
.vn-page__body--product > p { max-width: 70ch; }
.vn-page__lead { font-size: 18px; color: var(--vn-text-2); }
.vn-page__body--product .vn-label { margin: var(--vn-5) 0 calc(var(--vn-3) * -1); }
.vn-page__body--product h2 { font-size: 22px; margin-top: var(--vn-5); max-width: 30em; }
.vn-feats { display: grid; gap: var(--vn-4); grid-template-columns: 1fr; }
@media (min-width: 768px) { .vn-feats { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.vn-feat { padding: var(--vn-4) var(--vn-5); background: var(--vn-surface); border: 1px solid var(--vn-line); border-radius: var(--vn-r-lg); display: grid; gap: 6px; align-content: start; }
.vn-feat h3 { font-size: 16px; margin: 0; }
.vn-feat p { font-size: 15px; line-height: 1.6; color: var(--vn-text-2); }
.vn-page__chips { list-style: none; padding: 0 !important; display: flex !important; flex-wrap: wrap; gap: var(--vn-2) !important; }
.vn-page__body .vn-faq p { padding: 0 var(--vn-5) var(--vn-3); font-size: 15px; color: var(--vn-text-2); }
.vn-page__cta { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--vn-4); margin-top: var(--vn-5); }
.vn-page__cta h2 { margin: 0 0 4px; font-size: 20px; }
.vn-page__cta p { margin: 0; }
/* Ticari bilgiler: iki sütunlu bilgi kutusu */
.vn-facts { display: grid; gap: var(--vn-5) var(--vn-6); grid-template-columns: 1fr; max-width: 900px; }
@media (min-width: 640px) { .vn-facts { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.vn-facts > div { display: grid; gap: 4px; align-content: start; }
.vn-facts .vn-label { margin: 0; }
.vn-facts span:not(.vn-label) { color: var(--vn-ink); font-size: 15px; }

/* Telefon: içerik sayfalarında sayfa menüsü yatay kaydırılan şerit olur, teklif kutusu sola yaslanır */
@media (max-width: 991px) {
  .vn-page__nav { display: flex; gap: var(--vn-2); overflow-x: auto; padding-bottom: 4px; margin-inline: calc(var(--vn-4) * -1); padding-inline: var(--vn-4); scrollbar-width: none; }
  .vn-page__nav::-webkit-scrollbar { display: none; }
  .vn-page__nav a { flex: none; white-space: nowrap; border: 1px solid var(--vn-line); background: var(--vn-surface); }
  .vn-page__nav a[aria-current="page"] { box-shadow: none; border-color: var(--vn-blue); }
  .vn-page__offer { justify-items: start; }
  .vn-page__head h1 { font-size: 26px; }
  .vn-page__lead { font-size: 16px; }
}
/* Ürün sayfalarında WHMCS'in "Sepet" kırıntısı gösterilmez; sayfanın kendi kırıntısı var */
body[data-vn-tpl="products"] .master-breadcrumb { display: none; }

/* Duyurular */
.vn-news { background: transparent; display: grid; gap: var(--vn-4); padding-block: var(--vn-4) var(--vn-6); }
.vn-news__head h1 { font-size: 30px; margin: 0; }
.vn-news__list { background: var(--vn-surface); border: 1px solid var(--vn-line); border-radius: var(--vn-r-lg); overflow: hidden; }
.vn-news__item { display: grid; grid-template-columns: 1fr; gap: var(--vn-2); padding: var(--vn-5); border-bottom: 1px solid var(--vn-line); }
.vn-news__item:last-child { border-bottom: 0; }
.vn-news__item time { font-size: 13px; color: var(--vn-text-2); }
.vn-news__body { display: grid; gap: var(--vn-2); min-width: 0; }
.vn-news__body h2 { font-size: 19px; margin: 0; }
.vn-news__body h2 a { color: var(--vn-ink); }
.vn-news__summary { color: var(--vn-text-2); font-size: 15px; line-height: 1.6; max-width: 70ch; }
.vn-news__summary p:last-child { margin-bottom: 0; }
@media (min-width: 768px) { .vn-news__item { grid-template-columns: 110px minmax(0, 1fr); gap: var(--vn-5); } }
.vn-news--single { max-width: 820px; }
.vn-news__back, .vn a.vn-news__back { font-family: var(--vn-font-head); font-size: 14px; font-weight: 600; color: var(--vn-ink); }
.vn-news--single .vn-card { display: grid; gap: var(--vn-3); padding: var(--vn-6); }
.vn-news--single h1 { font-size: 28px; margin: 0; }
.vn-news__text { font-size: 16px; line-height: 1.7; color: var(--vn-text); max-width: 70ch; }
.vn-news__text img { max-width: 100%; height: auto; }

/* Bilgi bankası */
.vn-kb { background: transparent; display: grid; gap: var(--vn-6); padding-block: var(--vn-4) var(--vn-6); }
.vn-kb__head { display: grid; gap: var(--vn-4); }
.vn-kb__head h1 { font-size: 30px; margin: 0; }
.vn-kb__head .vn-search { max-width: 720px; }
.vn-kb .vn-label { margin: 0 0 var(--vn-3); }
.vn-kb__cats, .vn-kb__list { background: var(--vn-surface); border: 1px solid var(--vn-line); border-radius: var(--vn-r-lg); overflow: hidden; display: grid; grid-template-columns: 1fr; }
.vn-kb__cat, .vn a.vn-kb__cat { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: var(--vn-3); padding: var(--vn-4) var(--vn-5); border-bottom: 1px solid var(--vn-line); color: inherit; }
.vn-kb__cat > i { color: var(--vn-blue); }
.vn-kb__cat-text { display: grid; gap: 2px; min-width: 0; }
.vn-kb__cat strong, .vn-kb__article strong { font-family: var(--vn-font-head); font-weight: 600; color: var(--vn-ink); }
.vn-kb__cat:hover, .vn-kb__article:hover { background: var(--vn-blue-wash); text-decoration: none; }
.vn-kb__article, .vn a.vn-kb__article { display: grid; gap: 2px; padding: var(--vn-4) var(--vn-5); border-bottom: 1px solid var(--vn-line); color: inherit; }
.vn-kb__cats > :last-child, .vn-kb__list > :last-child { border-bottom: 0; }
@media (min-width: 768px) {
  .vn-kb__cats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .vn-kb__cats > :nth-child(odd) { border-right: 1px solid var(--vn-line); }
}
/* Bilgi bankası kategori ve makale sayfaları (WHMCS'in özgün yapısı, görünüm buradan) */
body[data-vn-tpl="knowledgebasecat"] .kb-search, body[data-vn-tpl="knowledgebasearticle"] .kb-search { max-width: 720px; }
body[data-vn-tpl="knowledgebasecat"] .kb-category .card-body { padding: var(--vn-4) var(--vn-5); }
.kb-article-item small { display: block; color: var(--vn-text-2); margin-top: 2px; }
body[data-vn-tpl="knowledgebasearticle"] .primary-content > .card:first-of-type .card-body { padding: var(--vn-6); }
body[data-vn-tpl="knowledgebasearticle"] .primary-content h1 { font-size: 28px; }
body[data-vn-tpl="knowledgebasearticle"] article { font-size: 16px; line-height: 1.7; max-width: 70ch; color: var(--vn-text); }
body[data-vn-tpl="knowledgebasearticle"] article img { max-width: 100%; height: auto; }
body[data-vn-tpl="knowledgebasearticle"] article pre, body[data-vn-tpl="knowledgebasearticle"] article code { font-family: var(--vn-font-mono); font-size: 13px; background: var(--vn-bg); border-radius: var(--vn-r-sm); }

/* ===== Ana sayfa, ikinci sürüm: dolu yerleşim ===== */
.vn-home-site h2 { font-size: 28px; }
.vn-sechead { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: var(--vn-4); }
.vn-sechead__lead { margin: var(--vn-2) 0 0; color: var(--vn-text-2); font-size: 16px; max-width: 46em; }

/* Koyu giriş */
.vn-hero--dark { background: var(--vn-navy); border-bottom: 0; position: relative; overflow: hidden; }
.vn-hero--dark::before { content: ""; position: absolute; inset: 0; background-image: linear-gradient(rgba(255,255,255,.045) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.045) 1px, transparent 1px); background-size: 44px 44px; pointer-events: none; }
.vn-hero--dark .vn-hero__in { position: relative; }
.vn-hero--dark h1, .vn .vn-hero--dark h1 { color: #fff; }
.vn-hero--dark .vn-hero__lead { color: rgba(255,255,255,.78); }
.vn-hero--dark .vn-hero__tag { background: rgba(255,255,255,.1); color: #fff; }
.vn-hero--dark .vn-hero__facts { border-top-color: rgba(255,255,255,.18); color: rgba(255,255,255,.72); }
.vn-hero--dark .vn-hero__facts li::before { color: rgba(255,255,255,.4); }
.vn-btn--ghost, .vn a.vn-btn--ghost { background: transparent; border-color: rgba(255,255,255,.4); color: #fff; }
.vn-btn--ghost:hover, .vn a.vn-btn--ghost:hover { background: rgba(255,255,255,.1); color: #fff; border-color: #fff; }
.vn-hero--dark .vn-picker { border-color: transparent; box-shadow: 0 18px 40px rgba(0,0,0,.25); }
@media (min-width: 992px) { .vn-hero--dark { padding-block: 80px; } .vn-hero--dark h1 { font-size: 44px; } }

/* Kategori şeridi */
.vn-catbar { background: var(--vn-surface); border-bottom: 1px solid var(--vn-line); }
.vn-catbar__in { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.vn-catbar a { display: flex; align-items: center; gap: var(--vn-3); padding: var(--vn-4) var(--vn-3); color: inherit; border-bottom: 1px solid var(--vn-line); }
.vn-catbar a:hover { background: var(--vn-blue-wash); text-decoration: none; }
.vn-catbar i { display: inline-grid; place-items: center; flex: none; width: 38px; height: 38px; border-radius: var(--vn-r); background: var(--vn-blue-wash); color: var(--vn-blue); font-size: 15px; }
.vn-catbar span { display: grid; min-width: 0; }
.vn-catbar strong { font-family: var(--vn-font-head); font-weight: 600; font-size: 15px; color: var(--vn-ink); }
.vn-catbar small { font-size: 12px; color: var(--vn-text-2); }
@media (min-width: 640px) { .vn-catbar__in { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (min-width: 1100px) { .vn-catbar__in { grid-template-columns: repeat(6, minmax(0, 1fr)); } .vn-catbar a { border-bottom: 0; border-right: 1px solid var(--vn-line); } .vn-catbar a:first-child { border-left: 1px solid var(--vn-line); } }

.vn-domainbar .vn-label { margin: 0; }

/* Hosting plan kartları */
.vn-plancards { display: grid; gap: var(--vn-4); grid-template-columns: 1fr; }
@media (min-width: 640px) { .vn-plancards { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1100px) { .vn-plancards { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.vn-plancard { display: grid; gap: var(--vn-4); align-content: start; grid-template-rows: auto 1fr auto auto; }
.vn-plancard:first-child { border: 2px solid var(--vn-blue); }
.vn-plancard h3 { font-size: 18px; margin: 0; }
.vn-plancard ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; align-content: start; font-family: var(--vn-font-mono); font-size: 13px; color: var(--vn-ink); }
.vn-plancard li { padding-bottom: 8px; border-bottom: 1px solid var(--vn-line); }
.vn-plancard li:last-child { border-bottom: 0; }
.vn-plancard__price { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 6px; }
.vn-plancard__price b { font-size: 24px; font-weight: 500; color: var(--vn-ink); }
.vn-plancard__price .vn-muted { flex-basis: 100%; }

/* Hizmet kutuları */
.vn-services { display: grid; gap: 1px; grid-template-columns: 1fr; background: var(--vn-line); border: 1px solid var(--vn-line); border-radius: var(--vn-r-lg); overflow: hidden; }
@media (min-width: 640px) { .vn-services { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1100px) { .vn-services { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.vn-service, .vn a.vn-service { display: grid; gap: var(--vn-2); align-content: start; padding: var(--vn-5); background: var(--vn-surface); color: inherit; }
.vn-service:hover { background: var(--vn-blue-wash); text-decoration: none; }
.vn-service > i { display: inline-grid; place-items: center; width: 38px; height: 38px; border-radius: var(--vn-r); background: var(--vn-blue-wash); color: var(--vn-blue); font-size: 15px; margin-bottom: var(--vn-2); }
.vn-service:hover > i { background: var(--vn-surface); }
.vn-service h3 { font-size: 17px; margin: 0; }
.vn-service p { margin: 0; font-size: 14px; line-height: 1.55; color: var(--vn-text-2); }
.vn-service > span { margin-top: var(--vn-2); font-size: 12px; color: var(--vn-blue); }
.vn-service > span.vn-small { color: var(--vn-text-2); }

/* Panel önizlemesi */
.vn-panelshow { display: grid; gap: var(--vn-6); grid-template-columns: 1fr; align-items: center; }
@media (min-width: 992px) { .vn-panelshow { grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); gap: var(--vn-7); } }
.vn-checks { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--vn-3); font-size: 15px; color: var(--vn-text-2); }
.vn-checks li { position: relative; padding-left: 28px; }
.vn-checks li::before { content: "\2713"; position: absolute; left: 0; top: 0; width: 20px; height: 20px; border-radius: 50%; background: var(--vn-green-wash); color: var(--vn-green); font-size: 12px; font-weight: 700; display: grid; place-items: center; }
.vn-checks strong { color: var(--vn-ink); font-weight: 600; }
.vn-mock { border: 1px solid var(--vn-line-strong); border-radius: var(--vn-r-lg); background: var(--vn-surface); overflow: hidden; box-shadow: 0 20px 44px rgba(11,42,74,.12); }
.vn-mock__bar { display: flex; align-items: center; gap: 6px; padding: 10px 14px; background: var(--vn-bg); border-bottom: 1px solid var(--vn-line); }
.vn-mock__bar span { width: 10px; height: 10px; border-radius: 50%; background: var(--vn-line-strong); }
.vn-mock__bar em { margin-left: auto; font-style: normal; font-family: var(--vn-font-mono); font-size: 11px; color: var(--vn-text-2); }
.vn-mock__body { padding: var(--vn-4); display: grid; gap: var(--vn-4); background: var(--vn-bg); }
.vn-mock__strip { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); background: var(--vn-surface); border: 1px solid var(--vn-line); border-radius: var(--vn-r); }
.vn-mock__strip div { padding: 10px 12px; border-right: 1px solid var(--vn-line); display: grid; gap: 2px; min-width: 0; }
.vn-mock__strip div:last-child { border-right: 0; }
.vn-mock__strip small { font-family: var(--vn-font-mono); font-size: 9px; letter-spacing: .05em; color: var(--vn-text-2); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.vn-mock__strip b { font-family: var(--vn-font-mono); font-size: 18px; font-weight: 600; color: var(--vn-ink); }
.vn-mock__table { width: 100%; border-collapse: collapse; background: var(--vn-surface); border: 1px solid var(--vn-line); border-radius: var(--vn-r); font-size: 12px; overflow: hidden; }
.vn-mock__table th { text-align: left; padding: 8px 12px; font-family: var(--vn-font-mono); font-size: 9px; font-weight: 500; letter-spacing: .06em; text-transform: uppercase; color: var(--vn-text-2); border-bottom: 1px solid var(--vn-line); background: var(--vn-bg); }
.vn-mock__table td { padding: 9px 12px; border-bottom: 1px solid var(--vn-line); font-family: var(--vn-font-mono); color: var(--vn-ink); white-space: nowrap; }
.vn-mock__table tr:last-child td { border-bottom: 0; }
.vn-mock__table td b { display: block; font-family: var(--vn-font-head); font-weight: 600; }
.vn-mock__table td small { font-family: var(--vn-font-body); color: var(--vn-text-2); }
@media (max-width: 575px) { .vn-mock__table th:nth-child(3), .vn-mock__table td:nth-child(3) { display: none; } .vn-mock__strip { grid-template-columns: repeat(2, minmax(0, 1fr)); } .vn-mock__strip div:nth-child(2) { border-right: 0; } .vn-mock__strip div:nth-child(-n+2) { border-bottom: 1px solid var(--vn-line); } }

/* İşletim sistemleri */
.vn-os { padding-block: var(--vn-7); }
.vn-os__list { list-style: none; margin: 0; padding: 0; }
.vn-os__list .vn-chip { font-size: 13px; padding: 6px 12px; }

/* Üç adım */
.vn-steps3 { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--vn-4); grid-template-columns: 1fr; }
@media (min-width: 768px) { .vn-steps3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.vn-steps3 li { padding: var(--vn-5); background: var(--vn-surface); border: 1px solid var(--vn-line); border-radius: var(--vn-r-lg); display: grid; gap: var(--vn-2); align-content: start; }
.vn-steps3 li > span { display: inline-grid; place-items: center; width: 34px; height: 34px; border-radius: 50%; background: var(--vn-navy); color: #fff; font-size: 14px; font-weight: 600; margin-bottom: var(--vn-2); }
.vn-steps3 h3 { font-size: 17px; margin: 0; }
.vn-steps3 p { margin: 0; font-size: 15px; color: var(--vn-text-2); }

/* Neden Verinomi: koyu bant */
.vn-why-band { background: var(--vn-navy); }
.vn-why-band h2, .vn .vn-why-band h2, .vn-why-band h3, .vn .vn-why-band h3 { color: #fff; }
.vn-why-band .vn-label { color: rgba(255,255,255,.6); }
.vn-why-band .vn-why p { color: rgba(255,255,255,.72); }
.vn-why-band .vn-why li > span { color: #7FC0EE; }
.vn-why-band .vn-why li { padding: var(--vn-5); border: 1px solid rgba(255,255,255,.14); border-radius: var(--vn-r-lg); }

/* Bilgi bankası + SSS */
.vn-kbfaq { display: grid; gap: var(--vn-6); grid-template-columns: 1fr; align-items: start; }
@media (min-width: 992px) { .vn-kbfaq { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--vn-7); } }
.vn-home-site .vn-faq p { padding: 0 var(--vn-5) var(--vn-4); margin: 0; font-size: 15px; color: var(--vn-text-2); }
/* ===== Üçüncü sürüm: üst şerit, açılır ürün menüsü, ana sayfa (referans sitelerin yoğun ve renkli dili) ===== */

/* Vurgu düğmesi (yeşil-sarı zemin, lacivert yazı) */
.vn-btn--accent, .vn a.vn-btn--accent { background: var(--vn-lime); border-color: var(--vn-lime); color: var(--vn-navy); font-weight: 700; }
.vn-btn--accent:hover, .vn a.vn-btn--accent:hover { background: var(--vn-lime-hover); border-color: var(--vn-lime-hover); color: var(--vn-navy); }

/* Üst şerit */
.vn-util { background: var(--vn-navy); color: rgba(255,255,255,.8); font-size: 13px; }
.vn-util__in { display: flex; align-items: center; justify-content: space-between; gap: var(--vn-4); min-height: 36px; }
.vn-util a, .vn .vn-util a { color: rgba(255,255,255,.86); }
.vn-util a:hover, .vn .vn-util a:hover { color: #fff; text-decoration: none; }
.vn-util__contact, .vn-util__links { display: flex; align-items: center; gap: var(--vn-5); white-space: nowrap; }
.vn-util__contact a:first-child { font-family: var(--vn-font-mono); font-weight: 500; color: #fff; }
.vn-util i { color: var(--vn-lime); margin-right: 4px; font-size: 12px; }
@media (max-width: 991px) { .vn-util__links a:not(:last-child), .vn-util__mail { display: none; } }

/* Açılır ürün menüsü */
.vn-mega { gap: var(--vn-1); }
.vn-mega__item { position: relative; list-style: none; }
.vn-mega__btn { display: inline-flex; align-items: center; gap: 6px; height: 40px; padding: 0 12px; border: 0; border-radius: var(--vn-r); background: transparent; font-family: var(--vn-font-head); font-size: 15px; font-weight: 600; color: var(--vn-ink); cursor: pointer; white-space: nowrap; }
.vn-mega__btn i { font-size: 10px; color: var(--vn-text-3); transition: transform var(--vn-ease); }
.vn-mega__btn:hover, .vn-mega__item.is-open .vn-mega__btn { background: var(--vn-blue-wash); color: var(--vn-blue); }
.vn-mega__item.is-open .vn-mega__btn i { transform: rotate(180deg); }
.vn-mega__panel { display: none; }
.vn-mega__panel a, .vn .vn-mega__panel a { display: flex; align-items: flex-start; gap: var(--vn-3); padding: 10px 12px; border: 0; border-radius: var(--vn-r); color: var(--vn-ink); }
.vn-mega__panel a:hover { background: var(--vn-bg); text-decoration: none; }
.vn-mega__panel a > i { flex: 0 0 36px; height: 36px; display: grid; place-items: center; border-radius: var(--vn-r); background: var(--vn-blue-wash); color: var(--vn-blue); font-size: 15px; }
.vn-mega__panel a:nth-child(3n+2) > i { background: var(--vn-teal-wash); color: var(--vn-teal); }
.vn-mega__panel a:nth-child(3n+3) > i { background: var(--vn-lime-wash); color: var(--vn-lime-ink); }
.vn-mega__panel span { display: grid; gap: 2px; min-width: 0; }
.vn-mega__panel strong { font-family: var(--vn-font-head); font-size: 14px; font-weight: 600; }
.vn-mega__panel small { font-size: 13px; color: var(--vn-text-2); font-weight: 400; }
.vn-mega__item.is-open > .vn-mega__panel { display: grid; }
@media (min-width: 1100px) {
  .vn-mega__panel { position: absolute; left: 0; top: 100%; z-index: 30; min-width: 320px; padding: var(--vn-2); margin-top: 6px; background: var(--vn-surface); border: 1px solid var(--vn-line); border-radius: var(--vn-r-lg); box-shadow: 0 18px 40px rgba(11,42,74,.14); }
  .vn-mega__panel::before { content: ""; position: absolute; left: 0; right: 0; top: -8px; height: 8px; }
  .vn-mega__panel--2 { grid-template-columns: repeat(2, minmax(260px, 1fr)); }
  .vn-mega__item:hover > .vn-mega__panel, .vn-mega__item:focus-within > .vn-mega__panel { display: grid; }
  .vn-mega__item:hover .vn-mega__btn { background: var(--vn-blue-wash); color: var(--vn-blue); }
}
@media (max-width: 1099px) {
  .vn-header .vn-nav.vn-mega.is-open { max-height: calc(100vh - 110px); overflow-y: auto; padding: var(--vn-2) var(--vn-4) var(--vn-4); box-shadow: 0 18px 40px rgba(11,42,74,.14); }
  .vn-mega__item { border-bottom: 1px solid var(--vn-line); }
  .vn-mega__btn { width: 100%; justify-content: space-between; height: 48px; padding: 0 4px; }
  .vn-header .vn-nav.is-open .vn-mega__panel a { border-bottom: 0; padding: 10px 4px; }
  .vn-mega__panel { padding-bottom: var(--vn-2); }
}

/* Ana sayfa genel */
.vn-home3 h2 { font-size: 28px; letter-spacing: -0.02em; }
.vn-home3 .vn-section { padding-block: 56px; }
.vn-sechead--center { justify-content: center; text-align: center; }
.vn-sechead--center > div { min-width: 0; max-width: 100%; }
.vn-sechead--center .vn-sechead__lead { margin-inline: auto; }
.vn-home3 .vn-label { color: var(--vn-teal); font-weight: 600; }
@media (min-width: 992px) { .vn-home3 h2 { font-size: 34px; } .vn-home3 .vn-section { padding-block: 72px; } }

/* 1. Giriş */
.vn-hero3 { position: relative; overflow: hidden; background: var(--vn-grad); color: #fff; padding-block: 44px 52px; }
.vn-hero3::before { content: ""; position: absolute; inset: 0; pointer-events: none; background:
  radial-gradient(520px 340px at 88% 8%, rgba(142,196,73,.28), transparent 70%),
  radial-gradient(460px 320px at 6% 100%, rgba(23,162,138,.35), transparent 70%),
  linear-gradient(rgba(255,255,255,.04) 1px, transparent 1px) 0 0 / 44px 44px,
  linear-gradient(90deg, rgba(255,255,255,.04) 1px, transparent 1px) 0 0 / 44px 44px; }
.vn-hero3__in { position: relative; display: grid; gap: var(--vn-6); align-items: center; }
.vn-hero3__text { display: grid; gap: var(--vn-4); align-content: start; min-width: 0; }
.vn-hero3__tag, .vn .vn-hero3__tag { display: inline-flex; flex-wrap: wrap; align-items: center; gap: 10px; margin: 0; font-size: 13px; color: rgba(255,255,255,.85); }
.vn-hero3__tag span { padding: 4px 10px; border-radius: 999px; background: var(--vn-lime); color: var(--vn-navy); font-family: var(--vn-font-head); font-weight: 700; font-size: 12px; }
.vn-hero3 h1, .vn .vn-hero3 h1 { margin: 0; color: #fff; font-size: 34px; line-height: 1.1; letter-spacing: -0.025em; font-weight: 700; max-width: 15em; }
.vn-hero3 h1 em { font-style: normal; color: var(--vn-lime); }
.vn-hero3__lead, .vn .vn-hero3__lead { margin: 0; font-size: 17px; line-height: 1.55; color: rgba(255,255,255,.82); max-width: 34em; }
.vn-hero3__search { display: flex; align-items: center; gap: var(--vn-2); margin-top: var(--vn-2); padding: 6px 6px 6px var(--vn-4); background: var(--vn-surface); border-radius: 14px; box-shadow: 0 18px 44px rgba(0,0,0,.28); }
.vn-hero3__search > i { color: var(--vn-text-3); }
.vn-hero3__search input[type="text"] { flex: 1; min-width: 0; height: 52px; border: 0; outline: 0; background: transparent; font: inherit; font-size: 16px; color: var(--vn-ink); }
.vn-hero3__search .vn-btn { min-height: 52px; padding-inline: var(--vn-5); border-radius: 10px; font-size: 16px; }
.vn-hero3__search:focus-within { box-shadow: 0 0 0 3px rgba(142,196,73,.55), 0 18px 44px rgba(0,0,0,.28); }
.vn-hero3__tlds { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; align-items: center; gap: var(--vn-2); }
.vn-hero3__tlds li { display: inline-flex; align-items: baseline; gap: 8px; padding: 7px 12px; border-radius: 10px; background: rgba(255,255,255,.1); border: 1px solid rgba(255,255,255,.16); font-family: var(--vn-font-mono); font-size: 13px; }
.vn-hero3__tlds li span { color: #fff; font-weight: 600; }
.vn-hero3__tlds li b { color: var(--vn-lime); font-weight: 600; }
.vn-hero3__tlds .vn-hero3__tldnote { background: transparent; border: 0; padding-inline: 4px; font-family: var(--vn-font-body); color: rgba(255,255,255,.7); }
.vn-hero3__tldnote a, .vn .vn-hero3__tldnote a { color: #fff; text-decoration: underline; }
.vn-hero3__card { position: relative; display: grid; gap: var(--vn-3); padding: var(--vn-5); background: var(--vn-surface); border-radius: 18px; color: var(--vn-ink); box-shadow: 0 24px 60px rgba(0,0,0,.3); }
.vn-hero3__card .vn-art { width: 100%; max-width: 300px; height: auto; margin: -6px auto 0; }
.vn-hero3__cardlabel { margin: 0; font-family: var(--vn-font-head); font-weight: 700; font-size: 13px; letter-spacing: .08em; text-transform: uppercase; color: var(--vn-teal); }
.vn-hero3__price { margin: 0; display: flex; flex-wrap: wrap; align-items: baseline; gap: 8px; }
.vn-hero3__price b { font-family: var(--vn-font-head); font-size: 40px; line-height: 1; font-weight: 700; letter-spacing: -0.03em; color: var(--vn-ink); }
.vn-hero3__price span { font-size: 14px; color: var(--vn-text-2); }
.vn-hero3__card ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; font-size: 14px; color: var(--vn-text-2); }
.vn-hero3__card li { position: relative; padding-left: 26px; }
.vn-hero3__card li::before { content: "\2713"; font-weight: 700; position: absolute; left: 0; top: 1px; width: 18px; height: 18px; display: grid; place-items: center; border-radius: 50%; background: var(--vn-lime-wash); color: var(--vn-lime-ink); font-size: 9px; }
@media (min-width: 992px) {
  .vn-hero3 { padding-block: 64px 76px; }
  .vn-hero3__in { grid-template-columns: minmax(0, 7fr) minmax(0, 4fr); gap: var(--vn-7); }
  .vn-hero3 h1, .vn .vn-hero3 h1 { font-size: 52px; }
  .vn-hero3__lead { font-size: 18px; }
}
@media (max-width: 575px) {
  .vn-hero3__search { flex-wrap: wrap; padding: 6px; }
  .vn-hero3__search > i { display: none; }
  .vn-hero3__search input[type="text"] { flex-basis: 100%; padding-inline: var(--vn-3); }
  .vn-hero3__search .vn-btn { width: 100%; }
}

/* 2. Güven şeridi */
.vn-trust { background: var(--vn-surface); border-bottom: 1px solid var(--vn-line); }
.vn-trust__in { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.vn-trust__in > div { display: flex; align-items: center; gap: var(--vn-3); padding: var(--vn-4) var(--vn-3); }
.vn-trust i { flex: 0 0 40px; height: 40px; display: grid; place-items: center; border-radius: 50%; background: var(--vn-teal-wash); color: var(--vn-teal); font-size: 16px; }
.vn-trust__in > div:nth-child(2) i { background: var(--vn-lime-wash); color: var(--vn-lime-ink); }
.vn-trust__in > div:nth-child(3) i { background: var(--vn-blue-wash); color: var(--vn-blue); }
.vn-trust span { display: grid; min-width: 0; }
.vn-trust strong { font-family: var(--vn-font-head); font-weight: 600; font-size: 15px; color: var(--vn-ink); }
.vn-trust small { font-size: 13px; color: var(--vn-text-2); }
@media (min-width: 992px) { .vn-trust__in { grid-template-columns: repeat(4, minmax(0, 1fr)); } .vn-trust__in > div { padding: var(--vn-5) var(--vn-4); } .vn-trust__in > div + div { border-left: 1px solid var(--vn-line); } }
@media (max-width: 575px) { .vn-trust small { display: none; } .vn-trust strong { font-size: 14px; } }

/* 3. Ürün sekmeleri ve paket kartları */
.vn-ptabs { display: flex; gap: 6px; padding: 6px; margin-inline: auto; max-width: 100%; overflow-x: auto; background: var(--vn-bg); border: 1px solid var(--vn-line); border-radius: 14px; }
.vn-ptabs button { flex: 1 0 auto; height: 46px; padding: 0 var(--vn-5); border: 0; border-radius: 10px; background: transparent; font-family: var(--vn-font-head); font-size: 15px; font-weight: 600; color: var(--vn-text-2); cursor: pointer; white-space: nowrap; }
.vn-ptabs button:hover { color: var(--vn-ink); }
.vn-ptabs button[aria-selected="true"] { background: var(--vn-navy); color: #fff; box-shadow: 0 6px 16px rgba(11,42,74,.25); }
.vn-pcards { display: grid; gap: var(--vn-4); grid-template-columns: 1fr; }
.vn-pcard { position: relative; display: grid; grid-template-rows: auto auto auto 1fr auto; gap: var(--vn-3); padding: var(--vn-6) var(--vn-5) var(--vn-5); background: var(--vn-surface); border: 1px solid var(--vn-line); border-radius: 16px; transition: border-color var(--vn-ease), box-shadow var(--vn-ease), transform var(--vn-ease); }
.vn-pcard:hover { border-color: var(--vn-blue); box-shadow: 0 16px 36px rgba(11,42,74,.12); transform: translateY(-3px); }
.vn-pcard h3 { margin: 0; font-size: 18px; font-weight: 600; }
.vn-pcard__price { margin: 0; display: flex; align-items: baseline; gap: 6px; }
.vn-pcard__price b { font-family: var(--vn-font-head); font-size: 36px; line-height: 1; font-weight: 700; letter-spacing: -0.03em; color: var(--vn-ink); }
.vn-pcard__price span { font-size: 15px; color: var(--vn-text-2); }
.vn-pcard__year { margin: 0; padding-bottom: var(--vn-3); border-bottom: 1px dashed var(--vn-line-strong); font-size: 13px; color: var(--vn-text-2); }
.vn-pcard__year s { color: var(--vn-text-3); }
.vn-pcard__year b { color: var(--vn-lime-ink); font-weight: 700; }
.vn-pcard ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 9px; align-content: start; font-size: 14px; color: var(--vn-ink); }
.vn-pcard li { position: relative; padding-left: 22px; overflow-wrap: anywhere; }
.vn-pcard li::before { content: "\2713"; font-weight: 700; position: absolute; left: 0; top: 0; font-size: 13px; color: var(--vn-teal); }
.vn-deal { position: absolute; top: -12px; left: var(--vn-5); padding: 4px 10px; border-radius: 999px; background: var(--vn-lime); color: var(--vn-navy); font-family: var(--vn-font-head); font-size: 12px; font-weight: 700; white-space: nowrap; }
.vn-ppane__more { margin: var(--vn-5) 0 0; text-align: center; }
@media (min-width: 640px) { .vn-pcards { grid-template-columns: repeat(2, minmax(0, 1fr)); } .vn-ptabs { width: max-content; } }
@media (min-width: 1100px) { .vn-pcards { grid-template-columns: repeat(4, minmax(0, 1fr)); } .vn-pcards--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .vn-pcards--2 { grid-template-columns: repeat(2, minmax(0, 360px)); justify-content: center; } .vn-pcards--1 { grid-template-columns: minmax(0, 360px); justify-content: center; } }

/* 4. Kampanya bandı */
.vn-dealband { background: linear-gradient(110deg, #0F7F86 0%, #17A28A 55%, #6FB84A 100%); color: #fff; }
.vn-dealband__in { display: grid; gap: var(--vn-4); align-items: center; padding-block: var(--vn-6); }
.vn-dealband .vn-art { width: 150px; height: auto; }
.vn-dealband__kicker, .vn .vn-dealband__kicker { margin: 0 0 6px; font-family: var(--vn-font-head); font-size: 13px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: rgba(255,255,255,.85); }
.vn-dealband h2, .vn .vn-dealband h2 { margin: 0; color: #fff; font-size: 26px; }
.vn-dealband h2 em { font-style: normal; padding: 0 8px; border-radius: 8px; background: var(--vn-navy); color: var(--vn-lime); }
.vn-dealband p:not(.vn-dealband__kicker), .vn .vn-dealband p:not(.vn-dealband__kicker) { margin: var(--vn-2) 0 0; color: rgba(255,255,255,.9); max-width: 44em; }
.vn-dealband .vn-btn--accent { background: #fff; border-color: #fff; }
.vn-dealband .vn-btn--accent:hover { background: var(--vn-navy); border-color: var(--vn-navy); color: #fff; }
@media (min-width: 900px) { .vn-dealband__in { grid-template-columns: auto minmax(0, 1fr) auto; gap: var(--vn-6); } .vn-dealband h2, .vn .vn-dealband h2 { font-size: 32px; } }
@media (max-width: 899px) { .vn-dealband .vn-art { display: none; } }

/* 5. Hizmet kutuları: renkli ikon karoları */
.vn-services3 .vn-service { border-radius: 14px; padding: var(--vn-5); transition: border-color var(--vn-ease), box-shadow var(--vn-ease), transform var(--vn-ease); }
.vn-services3 .vn-service:hover { border-color: var(--vn-blue); box-shadow: 0 14px 30px rgba(11,42,74,.1); transform: translateY(-2px); }
.vn-services3 .vn-service > i { width: 48px; height: 48px; display: grid; place-items: center; border-radius: 12px; background: var(--vn-blue-wash); color: var(--vn-blue); font-size: 20px; }
.vn-services3 .vn-service:nth-child(3n+2) > i { background: var(--vn-teal-wash); color: var(--vn-teal); }
.vn-services3 .vn-service:nth-child(3n+3) > i { background: var(--vn-lime-wash); color: var(--vn-lime-ink); }
.vn-services3 .vn-service .vn-mono { color: var(--vn-lime-ink); font-weight: 600; }

/* 6. Neden Verinomi: sekiz kutu, koyu bant */
.vn-why3 { position: relative; background: var(--vn-grad); }
.vn-why3 h2, .vn .vn-why3 h2 { color: #fff; }
.vn-home3 .vn-why3 .vn-label { color: var(--vn-lime); }
.vn-why3__grid { display: grid; gap: var(--vn-4); grid-template-columns: 1fr; }
.vn-why3__box { padding: var(--vn-5); border-radius: 14px; background: rgba(255,255,255,.07); border: 1px solid rgba(255,255,255,.14); }
.vn-why3__box i { width: 44px; height: 44px; display: grid; place-items: center; border-radius: 12px; background: var(--vn-lime); color: var(--vn-navy); font-size: 18px; margin-bottom: var(--vn-3); }
.vn-why3__box:nth-child(even) i { background: #fff; color: var(--vn-blue); }
.vn-why3__box h3, .vn .vn-why3__box h3 { margin: 0 0 6px; color: #fff; font-size: 17px; font-weight: 600; }
.vn-why3__box p, .vn .vn-why3__box p { margin: 0; color: rgba(255,255,255,.82); font-size: 14px; line-height: 1.55; }
@media (min-width: 640px) { .vn-why3__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1100px) { .vn-why3__grid { grid-template-columns: repeat(4, minmax(0, 1fr)); } }

/* Üç adım: renkli numaralar */
.vn-home3 .vn-steps3 li > span { background: var(--vn-lime); color: var(--vn-navy); width: 40px; height: 40px; font-size: 16px; }

/* İşletim sistemleri */
.vn-home3 .vn-os .vn-chip { background: var(--vn-surface); }

/* 10. Müşteri yorumları */
.vn-quotes__grid { display: grid; gap: var(--vn-4); grid-template-columns: 1fr; }
.vn-quote { margin: 0; display: grid; gap: var(--vn-3); align-content: start; padding: var(--vn-5); background: var(--vn-surface); border: 1px solid var(--vn-line); border-radius: 16px; }
.vn-quote > i { color: var(--vn-lime); font-size: 22px; }
.vn-quote blockquote { margin: 0; padding: 0; border: 0; font-size: 15px; line-height: 1.6; color: var(--vn-ink); }
.vn-quote figcaption { display: flex; flex-wrap: wrap; align-items: center; gap: var(--vn-3); padding-top: var(--vn-3); border-top: 1px solid var(--vn-line); }
.vn-quote figcaption > span:nth-child(2) { display: grid; flex: 1; min-width: 0; }
.vn-quote figcaption strong { font-family: var(--vn-font-head); font-weight: 600; color: var(--vn-ink); }
.vn-quote figcaption small { font-size: 13px; color: var(--vn-text-2); }
.vn-quote figcaption em { font-style: normal; font-size: 12px; padding: 3px 8px; border-radius: 999px; background: var(--vn-teal-wash); color: var(--vn-teal); font-weight: 600; }
.vn-quote__avatar { width: 40px; height: 40px; display: grid; place-items: center; border-radius: 50%; background: var(--vn-navy); color: #fff; font-family: var(--vn-font-head); font-weight: 600; }
.vn-quote--ornek { border-style: dashed; border-color: var(--vn-line-strong); }
.vn-quote--ornek blockquote, .vn-quote--ornek figcaption strong { color: var(--vn-text-3); }
.vn-quotes__note, .vn .vn-quotes__note { margin: var(--vn-2) auto 0; padding: 6px 12px; max-width: 46em; border-radius: var(--vn-r); background: var(--vn-amber-wash); color: var(--vn-amber); font-size: 13px; }
@media (min-width: 900px) { .vn-quotes__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }

/* 11. Sık sorulan sorular (iki sütun) ve rehberler */
.vn-faq3 { display: grid; gap: var(--vn-4); grid-template-columns: 1fr; align-items: start; }
@media (min-width: 992px) { .vn-faq3 { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--vn-5); } }
.vn-kb3 { display: grid; gap: var(--vn-4); padding: var(--vn-5); border-radius: 16px; background: var(--vn-bg); border: 1px solid var(--vn-line); }
.vn-kb3 h3 { margin: 0; font-size: 20px; }
.vn-kb3__list { display: grid; gap: var(--vn-2); grid-template-columns: 1fr; }
.vn-kb3 .vn-kb3__list a.vn-kb__article { display: flex; flex-direction: row; align-items: center; gap: var(--vn-3); background: var(--vn-surface); }
.vn-kb3__list .vn-kb__article i { color: var(--vn-teal); }
@media (min-width: 768px) { .vn-kb3__list { grid-template-columns: repeat(2, minmax(0, 1fr)); } }

/* 12. İletişim bandı */
.vn-cta3 { background: var(--vn-grad); color: #fff; }
.vn-cta3__in { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--vn-5); padding-block: var(--vn-7); }
.vn-cta3 h2, .vn .vn-cta3 h2 { margin: 0; color: #fff; }
.vn-cta3 p, .vn .vn-cta3 p { margin: 6px 0 0; color: rgba(255,255,255,.8); }
.vn-home3 + .vn-footer, .vn-home-page .vn-footer { border-top: 1px solid rgba(255,255,255,.12); }

/* Türk lirası işareti (ikon yazı tipinde doğru işaret yok) */
.vn-home3 i.vn-tl { font-style: normal; font-family: var(--vn-font-head); font-weight: 700; }

/* Dar ekran: açılır menü satırları, kaydırmalı paket kartları, iki sütunlu kutular */
@media (max-width: 1099px) {
  .vn-header .vn-nav.is-open .vn-mega__panel a { display: flex; }
}
@media (max-width: 639px) {
  .vn-pcards { grid-auto-flow: column; grid-auto-columns: 84%; grid-template-columns: none; overflow-x: auto; scroll-snap-type: x mandatory; padding: 14px 2px var(--vn-3); margin-inline: calc(var(--vn-4) * -1); padding-inline: var(--vn-4); scroll-padding-inline: var(--vn-4); }
  .vn-pcard { scroll-snap-align: start; }
  .vn-pcard:hover { transform: none; }
  .vn-why3__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--vn-3); }
  .vn-why3__box { padding: var(--vn-4); }
  .vn-why3__box h3, .vn .vn-why3__box h3 { font-size: 15px; }
  .vn-why3__box p, .vn .vn-why3__box p { font-size: 13px; }
  .vn-services3 .vn-services { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .vn-services3 .vn-service { padding: var(--vn-4); }
  .vn-services3 .vn-service p { display: none; }
  .vn-services3 .vn-service h3 { font-size: 15px; }
  .vn-home3 .vn-section { padding-block: 44px; }
}
.vn-tabsec .vn-stack > *, .vn-ppane { min-width: 0; }
@media (max-width: 639px) { .vn-tabsec { overflow-x: clip; } }

/* ===== Ürün (grup) sayfaları ===== */
.vn-ghero { position: relative; overflow: hidden; display: grid; gap: var(--vn-5); align-items: center; margin-bottom: var(--vn-6); padding: var(--vn-6) var(--vn-5); border-radius: 18px; background: var(--vn-grad); color: #fff; }
.vn-ghero::before { content: ""; position: absolute; inset: 0; pointer-events: none; background: radial-gradient(420px 280px at 92% 0%, rgba(142,196,73,.3), transparent 70%), radial-gradient(380px 260px at 0% 100%, rgba(23,162,138,.35), transparent 70%); }
.vn-ghero > * { position: relative; }
.vn-ghero .header-lined { margin: 0 !important; padding: 0; border: 0; }
body #order-standard_cart .vn-ghero h1, .vn .vn-ghero h1 { color: #fff; font-size: 32px; font-weight: 700; letter-spacing: -0.02em; margin: 0; }
.vn-ghero__crumb, .vn .vn-ghero__crumb { margin: 0 0 var(--vn-2); font-family: var(--vn-font-mono); font-size: 12px; letter-spacing: .06em; text-transform: uppercase; color: rgba(255,255,255,.7); }
.vn-ghero__crumb a, .vn .vn-ghero__crumb a { color: #fff; }
.vn-ghero__lead, .vn .vn-ghero__lead { margin: var(--vn-3) 0 0; font-size: 17px; color: rgba(255,255,255,.84); max-width: 36em; }
.vn-ghero__facts { list-style: none; margin: var(--vn-4) 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: var(--vn-2); }
.vn-ghero__facts li { padding: 6px 12px; border-radius: 999px; background: rgba(255,255,255,.12); border: 1px solid rgba(255,255,255,.18); font-size: 13px; color: #fff; }
.vn-ghero__facts .vn-ghero__deal { background: var(--vn-lime); border-color: var(--vn-lime); color: var(--vn-navy); font-family: var(--vn-font-head); font-weight: 700; }
.vn-ghero .vn-art { display: none; width: 240px; height: auto; }
.vn-ghero__price { display: grid; gap: 4px; padding: var(--vn-5); border-radius: 14px; background: var(--vn-surface); color: var(--vn-text-2); font-size: 13px; box-shadow: 0 18px 44px rgba(0,0,0,.25); }
.vn-ghero__price b { font-family: var(--vn-font-head); font-size: 34px; line-height: 1.1; font-weight: 700; letter-spacing: -0.03em; color: var(--vn-ink); white-space: nowrap; }
.vn-ghero__price .vn-btn { margin-top: var(--vn-3); }
@media (min-width: 900px) {
  .vn-ghero { grid-template-columns: minmax(0, 1fr) auto; padding: var(--vn-7) var(--vn-7); }
  .vn-ghero--art { grid-template-columns: minmax(0, 1fr) auto auto; }
  body #order-standard_cart .vn-ghero h1, .vn .vn-ghero h1 { font-size: 42px; }
  .vn-ghero__price { min-width: 240px; }
}
@media (min-width: 1200px) { .vn-ghero--art .vn-art { display: block; } }

/* İndirim rozeti: satır içi kullanım */
.vn-deal--inline { position: static; display: inline-block; font-style: normal; padding: 2px 8px; font-size: 11px; vertical-align: middle; }
.vn-spec__year { display: inline-grid; gap: 4px; justify-items: end; }
.vn-plan-row__name .vn-deal--inline { margin-top: 6px; }

/* Özellik kutuları ve kullanım alanları */
.vn-gfeats { display: grid; gap: var(--vn-4); grid-template-columns: 1fr; }
.vn-gfeats > div { padding: var(--vn-5); background: var(--vn-surface); border: 1px solid var(--vn-line); border-radius: 14px; }
.vn-gfeats i { width: 44px; height: 44px; display: grid; place-items: center; border-radius: 12px; background: var(--vn-blue-wash); color: var(--vn-blue); font-size: 18px; margin-bottom: var(--vn-3); }
.vn-gfeats > div:nth-child(3n+2) i { background: var(--vn-teal-wash); color: var(--vn-teal); }
.vn-gfeats > div:nth-child(3n+3) i { background: var(--vn-lime-wash); color: var(--vn-lime-ink); }
.vn-gfeats h3 { margin: 0 0 6px; font-size: 17px; }
.vn-gfeats p { margin: 0; font-size: 14px; color: var(--vn-text-2); }
.vn-guses { display: grid; gap: var(--vn-3); grid-template-columns: 1fr; }
.vn-guses > div { display: flex; align-items: flex-start; gap: var(--vn-3); padding: var(--vn-4); border-radius: 12px; background: var(--vn-navy); color: #fff; }
.vn-guses i { flex: 0 0 40px; height: 40px; display: grid; place-items: center; border-radius: 10px; background: var(--vn-lime); color: var(--vn-navy); }
.vn-guses span { display: grid; gap: 2px; }
.vn-guses strong { font-family: var(--vn-font-head); font-weight: 600; color: #fff; }
.vn-guses small { font-size: 13px; color: rgba(255,255,255,.78); }
@media (min-width: 640px) { .vn-gfeats, .vn-guses { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1100px) { .vn-gfeats, .vn-guses { grid-template-columns: repeat(3, minmax(0, 1fr)); } }

/* Karşılaştırma tablosu */
.vn-gcompare { overflow-x: auto; }
.vn-gcompare .vn-table { min-width: 640px; }
.vn-gcompare .vn-table thead th { font-family: var(--vn-font-head); font-size: 15px; font-weight: 600; color: var(--vn-ink); text-transform: none; letter-spacing: 0; }
.vn-gcompare .vn-table tbody th { font-family: var(--vn-font-head); font-size: 13px; font-weight: 600; color: var(--vn-text-2); white-space: nowrap; padding: var(--vn-3) var(--vn-4); border-bottom: 1px solid var(--vn-line); }
.vn-gcompare .vn-table .is-this { background: var(--vn-lime-wash); }
.vn-gcompare .vn-table thead .is-this { background: var(--vn-lime); }
.vn-group-section h2 { font-size: 26px; }

/* Uptime garantisi şeridi (yıldızlı dipnotla) */
.vn-uptime { display: grid; gap: var(--vn-4); align-items: center; margin-top: var(--vn-7); padding: var(--vn-5); border: 1px solid var(--vn-line); border-left: 4px solid var(--vn-lime); border-radius: 14px; background: var(--vn-surface); }
.vn-uptime > i { width: 48px; height: 48px; display: grid; place-items: center; border-radius: 12px; background: var(--vn-lime-wash); color: var(--vn-lime-ink); font-size: 20px; }
.vn-uptime strong { font-family: var(--vn-font-head); font-size: 20px; font-weight: 700; color: var(--vn-ink); }
.vn-uptime p, .vn .vn-uptime p { margin: 4px 0 0; font-size: 13px; color: var(--vn-text-2); max-width: 60em; }
.vn-uptime sup { color: var(--vn-lime-ink); font-weight: 700; }
@media (min-width: 768px) { .vn-uptime { grid-template-columns: auto minmax(0, 1fr) auto; } }
.vn-why3__note, .vn .vn-why3__note { margin: 0; font-size: 13px; color: rgba(255,255,255,.72); text-align: center; }
.vn-why3__note a, .vn .vn-why3__note a { color: #fff; text-decoration: underline; }
.vn-why3__box sup { color: var(--vn-lime); }

/* Sık sorulan sorular: geniş ekranda iki sütun */
@media (min-width: 992px) { .vn-faq--cols { display: block; columns: 2; column-gap: var(--vn-5); border: 0; background: transparent; } .vn-faq--cols details { break-inside: avoid; margin-bottom: var(--vn-2); border: 1px solid var(--vn-line); border-radius: var(--vn-r); background: var(--vn-surface); } }
.vn-faq--cols p { padding: 0 var(--vn-5) var(--vn-3); margin: 0; font-size: 15px; color: var(--vn-text-2); }

.vn-ghero__quote { font-size: 26px !important; }
@media (min-width: 1100px) { .vn-gfeats--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } }

/* İçerik (ürün tanıtım) sayfaları: aynı dil */
.vn-page .vn-ghero h1 { color: #fff; font-size: 30px; font-weight: 700; letter-spacing: -0.02em; margin: 0; max-width: 20em; }
@media (min-width: 900px) { .vn-page .vn-ghero h1 { font-size: 38px; } }
.vn-page__body--product h2 { font-size: 26px; margin-top: var(--vn-7); }
.vn-page__body--product .vn-label { color: var(--vn-teal); font-weight: 600; margin-top: var(--vn-7); }
.vn-page__body--product .vn-label + h2 { margin-top: var(--vn-5); }
.vn-page__body--product .vn-feat { position: relative; padding: var(--vn-5); border-radius: 14px; border-top: 3px solid var(--vn-blue); transition: box-shadow var(--vn-ease), transform var(--vn-ease); }
.vn-page__body--product .vn-feat:nth-child(3n+2) { border-top-color: var(--vn-teal); }
.vn-page__body--product .vn-feat:nth-child(3n+3) { border-top-color: var(--vn-lime); }
.vn-page__body--product .vn-feat:hover { box-shadow: 0 14px 30px rgba(11,42,74,.1); transform: translateY(-2px); }
.vn-page__body--product .vn-feat h3 { font-size: 17px; }
@media (min-width: 1100px) { .vn-page__body--product .vn-feats { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.vn-page__lead { font-size: 19px; }
.vn-page__cta--band { margin-top: var(--vn-7); padding: var(--vn-6); border-radius: 18px; background: var(--vn-grad); color: #fff; }
.vn-page__cta--band h2, .vn .vn-page__cta--band h2 { color: #fff; margin: 0 0 4px; font-size: 26px; }
.vn-page__cta--band p, .vn .vn-page__cta--band p { color: rgba(255,255,255,.82); margin: 0; }
.vn-garanti { display: grid; gap: var(--vn-3); margin-top: var(--vn-7); }
.vn-garanti .vn-uptime { margin-top: 0; }
.vn-uptime--iade { border-left-color: var(--vn-teal); }
.vn-uptime--iade > i { background: var(--vn-teal-wash); color: var(--vn-teal); }
.vn-uptime--iade sup { color: var(--vn-teal); }
@media (min-width: 768px) { .vn-uptime--iade { grid-template-columns: auto minmax(0, 1fr); } }

/* ===== SLA paketleri ===== */
.vn-sla { display: grid; gap: var(--vn-4); grid-template-columns: 1fr; padding-top: var(--vn-2); background: transparent; }
.vn-sla__card { display: grid; grid-template-rows: auto auto auto auto 1fr auto; gap: var(--vn-3); padding: var(--vn-5); background: var(--vn-surface); border: 1px solid var(--vn-line); border-top: 4px solid var(--vn-line-strong); border-radius: 16px; transition: box-shadow var(--vn-ease), transform var(--vn-ease); }
.vn-sla__card:hover { box-shadow: 0 16px 36px rgba(11,42,74,.12); transform: translateY(-3px); }
.vn-sla__card--2 { border-top-color: var(--vn-blue); }
.vn-sla__card--3 { border-top-color: var(--vn-teal); }
.vn-sla__card--4 { border-top-color: var(--vn-lime); }
.vn-sla__top { display: flex; align-items: center; gap: var(--vn-3); }
.vn-sla__top h3 { margin: 0; font-size: 20px; font-weight: 700; }
.vn-sla__level { position: relative; flex: 0 0 48px; height: 48px; display: grid; place-items: center; border-radius: 12px; background: var(--vn-bg); color: var(--vn-text-3); font-size: 26px; }
.vn-sla__level b { position: absolute; inset: 0; display: grid; place-items: center; padding-bottom: 3px; font-family: var(--vn-font-head); font-size: 13px; font-weight: 700; color: #fff; }
.vn-sla__card--2 .vn-sla__level { background: var(--vn-blue-wash); color: var(--vn-blue); }
.vn-sla__card--3 .vn-sla__level { background: var(--vn-teal-wash); color: var(--vn-teal); }
.vn-sla__card--4 .vn-sla__level { background: var(--vn-lime-wash); color: var(--vn-lime-ink); }
.vn-sla__price, .vn .vn-sla__price { margin: 0; display: flex; align-items: baseline; gap: 6px; }
.vn-sla__price b { font-family: var(--vn-font-head); font-size: 30px; line-height: 1.1; font-weight: 700; letter-spacing: -0.03em; color: var(--vn-ink); white-space: nowrap; }
.vn-sla__price span { font-size: 14px; color: var(--vn-text-2); }
.vn-sla__deal, .vn .vn-sla__deal { margin: -6px 0 0; min-height: 22px; }
.vn-sla__reply { display: flex; align-items: center; gap: var(--vn-3); padding: var(--vn-3); border-radius: 12px; background: var(--vn-navy); color: #fff; }
.vn-sla__reply > i { font-size: 22px; color: var(--vn-lime); }
.vn-sla__reply span { display: grid; }
.vn-sla__reply small { font-size: 12px; color: rgba(255,255,255,.75); }
.vn-sla__reply strong { font-family: var(--vn-font-head); font-size: 18px; font-weight: 700; color: #fff; }
.vn-sla__list { list-style: none; margin: 0; padding: 0; display: grid; align-content: start; }
.vn-sla__list li { display: grid; grid-template-columns: 28px minmax(0, 1fr) 22px; align-items: center; gap: var(--vn-2); padding: 9px 0; border-bottom: 1px solid var(--vn-line); font-size: 14px; color: var(--vn-ink); }
.vn-sla__list li:last-child { border-bottom: 0; }
.vn-sla__list li > i { color: var(--vn-blue); text-align: center; }
.vn-sla__list em { font-style: normal; font-family: var(--vn-font-mono); font-size: 12px; padding: 1px 6px; border-radius: 999px; background: var(--vn-lime-wash); color: var(--vn-lime-ink); white-space: nowrap; }
.vn-sla__list li > b { width: 22px; height: 22px; display: grid; place-items: center; border-radius: 50%; background: var(--vn-green-wash); color: var(--vn-green); font-size: 11px; }
.vn-sla__list li.is-yok { color: var(--vn-text-3); }
.vn-sla__list li.is-yok > i { color: var(--vn-line-strong); }
.vn-sla__list li.is-yok span { text-decoration: line-through; text-decoration-color: var(--vn-line-strong); }
.vn-sla__list li.is-yok > b { background: var(--vn-bg); color: var(--vn-text-3); }
@media (min-width: 640px) { .vn-sla { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1100px) { .vn-sla { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.vn-sla-table .vn-table td { text-align: center; }
.vn-sla-table .vn-table thead th { text-align: center; }
.vn-sla-table .vn-table tbody th { white-space: normal; text-transform: none; letter-spacing: 0; }
.vn-sla-table tbody th { display: flex; align-items: center; gap: var(--vn-3); min-width: 250px; }
.vn-sla-table tbody th > i { flex: 0 0 34px; height: 34px; display: grid; place-items: center; border-radius: 10px; background: var(--vn-blue-wash); color: var(--vn-blue); font-size: 14px; }
.vn-sla-table tbody th span { display: grid; text-align: left; }
.vn-sla-table tbody th strong { font-family: var(--vn-font-head); font-size: 14px; font-weight: 600; color: var(--vn-ink); }
.vn-sla-table tbody th small { font-size: 12px; font-weight: 400; color: var(--vn-text-2); }
.vn-sla-yes, .vn-sla-no { display: inline-grid; place-items: center; width: 26px; height: 26px; border-radius: 50%; font-size: 12px; }
.vn-sla-yes { background: var(--vn-green-wash); color: var(--vn-green); }
.vn-sla-no { background: var(--vn-bg); color: var(--vn-text-3); }
.vn-sla-table td b { font-family: var(--vn-font-mono); font-weight: 600; color: var(--vn-ink); }
.vn-sla-table__reply td b { font-family: var(--vn-font-head); font-size: 16px; color: var(--vn-lime-ink); }

/* ===== İletişim sayfası (yeni dil) ===== */
.vn-contact .vn-ghero { margin-bottom: 0; }
.vn-contact .vn-ghero h1 { color: #fff; font-size: 34px; font-weight: 700; letter-spacing: -0.02em; margin: 0; }
@media (min-width: 900px) { .vn-contact .vn-ghero h1 { font-size: 44px; } }
.vn-contact .vn-ghero__crumb { margin: 0 0 var(--vn-2); }
.vn-channels { display: grid; gap: var(--vn-3); grid-template-columns: 1fr; }
.vn-channel, .vn a.vn-channel { display: flex; align-items: center; gap: var(--vn-3); padding: var(--vn-4); background: var(--vn-surface); border: 1px solid var(--vn-line); border-radius: 14px; color: var(--vn-ink); transition: border-color var(--vn-ease), box-shadow var(--vn-ease), transform var(--vn-ease); }
.vn-channel:hover { border-color: var(--vn-blue); box-shadow: 0 14px 30px rgba(11,42,74,.1); transform: translateY(-2px); text-decoration: none; }
.vn-channel > i { flex: 0 0 48px; height: 48px; display: grid; place-items: center; border-radius: 12px; background: var(--vn-blue-wash); color: var(--vn-blue); font-size: 19px; }
.vn-channel:nth-child(2) > i { background: var(--vn-teal-wash); color: var(--vn-teal); }
.vn-channel:nth-child(3) > i { background: var(--vn-lime-wash); color: var(--vn-lime-ink); }
.vn-channel:nth-child(4) > i { background: var(--vn-navy); color: var(--vn-lime); }
.vn-channel span { display: grid; min-width: 0; }
.vn-channel small { font-family: var(--vn-font-mono); font-size: 11px; letter-spacing: .08em; text-transform: uppercase; color: var(--vn-text-3); }
.vn-channel strong { font-family: var(--vn-font-head); font-size: 16px; font-weight: 600; color: var(--vn-ink); overflow-wrap: anywhere; }
.vn-channel em { font-style: normal; font-size: 13px; color: var(--vn-text-2); }
@media (min-width: 640px) { .vn-channels { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1100px) { .vn-channels { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.vn-contact__facts { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--vn-3); }
.vn-contact__facts li { display: flex; align-items: flex-start; gap: var(--vn-3); font-size: 15px; color: var(--vn-ink); }
.vn-contact__facts i { flex: 0 0 34px; height: 34px; display: grid; place-items: center; border-radius: 10px; background: var(--vn-bg); color: var(--vn-blue); font-size: 14px; }
.vn-contact__facts span { display: grid; }
.vn-contact__facts small { font-family: var(--vn-font-mono); font-size: 11px; letter-spacing: .08em; text-transform: uppercase; color: var(--vn-text-3); }
.vn-contact__facts a, .vn .vn-contact__facts a { color: var(--vn-ink); }
.vn-contact__links { display: flex; flex-wrap: wrap; gap: var(--vn-2) var(--vn-5); padding-top: var(--vn-3); border-top: 1px solid var(--vn-line); }
.vn-contact__quote { display: flex; align-items: flex-start; gap: var(--vn-3); padding: var(--vn-5); border-radius: 14px; background: var(--vn-grad); color: #fff; }
.vn-contact__quote > i { flex: 0 0 44px; height: 44px; display: grid; place-items: center; border-radius: 12px; background: var(--vn-lime); color: var(--vn-navy); font-size: 18px; }
.vn-contact__quote strong { font-family: var(--vn-font-head); font-size: 17px; font-weight: 600; color: #fff; }
.vn-contact__quote p, .vn .vn-contact__quote p { margin: 4px 0 0; font-size: 14px; color: rgba(255,255,255,.82); }
.vn-contact__form { border-top: 4px solid var(--vn-lime); border-radius: 14px; }
.vn-contact .vn-contact__form h2 { font-size: 22px; }
.vn-contact__map iframe { border-radius: 16px; }
@media (min-width: 992px) { .vn-contact__grid { grid-template-columns: minmax(0, 4fr) minmax(0, 6fr); } }

/* ===== Bütün site sayfalarında ortak başlık bandı ===== */
.vn-public .master-breadcrumb { display: none; }
.vn-public #main-body { padding-top: var(--vn-5); }
.vn-ghero--page { grid-template-columns: minmax(0, 1fr); }
.vn-ghero__h, .vn .vn-ghero__h, body #order-standard_cart .vn-ghero h1.vn-ghero__h { margin: 0; color: #fff; font-family: var(--vn-font-head); font-size: 30px; line-height: 1.15; font-weight: 700; letter-spacing: -0.02em; }
.vn-ghero--page .vn-row { margin-top: var(--vn-4); }
.vn-ghero__icon { display: none; width: 112px; height: 112px; place-items: center; border-radius: 28px; background: rgba(255,255,255,.1); border: 1px solid rgba(255,255,255,.18); color: var(--vn-lime); font-size: 44px; transform: rotate(-6deg); }
@media (min-width: 900px) {
  .vn-ghero--page { grid-template-columns: minmax(0, 1fr) auto; padding: var(--vn-6) var(--vn-7); }
  .vn-ghero__icon { display: grid; }
  .vn-ghero__h, .vn .vn-ghero__h, body #order-standard_cart .vn-ghero h1.vn-ghero__h { font-size: 40px; }
}
/* Bant başlığı varken sayfaların kendi başlıkları gösterilmez */
.vn-public #order-standard_cart .header-lined:not(.vn-ghero__text), .vn-shell #order-standard_cart .header-lined:not(.vn-ghero__text) { display: none; }
.vn-public .vn-register__head { margin-bottom: var(--vn-4); }
.vn-public .vn-kb__head { margin-top: 0; }
/* Mağaza ana sayfası: bölüm başlıkları ve satırlar */
.vn-store .vn-store__section > h2.vn-label { color: var(--vn-teal); font-weight: 600; }

/* ===== Ürün içerik sayfaları: dolu yerleşim ===== */
.vn-page .vn-ghero { margin-bottom: var(--vn-4); }
.vn-one { list-style: none; margin: 0 0 var(--vn-6); padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); background: var(--vn-surface); border: 1px solid var(--vn-line); border-radius: 14px; overflow: hidden; }
.vn-one li { display: flex; align-items: center; gap: var(--vn-3); padding: var(--vn-4); font-family: var(--vn-font-head); font-size: 15px; font-weight: 600; color: var(--vn-ink); border-top: 1px solid var(--vn-line); }
.vn-one li:nth-child(-n+2) { border-top: 0; }
.vn-one li:nth-child(even) { border-left: 1px solid var(--vn-line); }
.vn-one i { flex: 0 0 30px; height: 30px; display: grid; place-items: center; border-radius: 50%; background: var(--vn-lime); color: var(--vn-navy); font-size: 12px; }
@media (min-width: 992px) { .vn-one { grid-template-columns: repeat(4, minmax(0, 1fr)); } .vn-one li { border-top: 0; } .vn-one li + li { border-left: 1px solid var(--vn-line); } }
@media (max-width: 575px) { .vn-one { grid-template-columns: 1fr; } .vn-one li { border-left: 0 !important; border-top: 1px solid var(--vn-line) !important; } .vn-one li:first-child { border-top: 0 !important; } }

.vn-page__body--product > p { max-width: 78ch; font-size: 16px; line-height: 1.7; }
.vn-page__body--product > .vn-page__lead { max-width: none; padding: var(--vn-5) var(--vn-6); border-radius: 14px; background: var(--vn-surface); border: 1px solid var(--vn-line); border-left: 4px solid var(--vn-teal); font-size: 19px; line-height: 1.6; color: var(--vn-ink); }
.vn-page__body--product > h2 { position: relative; padding-top: var(--vn-4); }
.vn-page__body--product > h2::before { content: ""; position: absolute; left: 0; top: 0; width: 48px; height: 4px; border-radius: 2px; background: linear-gradient(90deg, var(--vn-teal), var(--vn-lime)); }
.vn-page__body--product > .vn-label + h2 { padding-top: 0; }
.vn-page__body--product > .vn-label + h2::before { display: none; }
.vn-page__body--product .vn-feat > i { width: 44px; height: 44px; display: grid; place-items: center; border-radius: 12px; background: var(--vn-blue-wash); color: var(--vn-blue); font-size: 18px; margin-bottom: 6px; }
.vn-page__body--product .vn-feat:nth-child(3n+2) > i { background: var(--vn-teal-wash); color: var(--vn-teal); }
.vn-page__body--product .vn-feat:nth-child(3n+3) > i { background: var(--vn-lime-wash); color: var(--vn-lime-ink); }
/* Tek kutuluk özellik satırı: geniş, yatay */
.vn-page__body--product .vn-feats > .vn-feat:only-child { grid-column: 1 / -1; grid-template-columns: auto minmax(0, 1fr); column-gap: var(--vn-4); align-items: center; }
.vn-page__body--product .vn-feats > .vn-feat:only-child > i { grid-row: 1 / span 2; margin: 0; }

/* Numaralı akış ("nasıl çalışır") */
.vn-flow { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--vn-3); counter-reset: vnflow; }
.vn-flow li { counter-increment: vnflow; position: relative; padding: var(--vn-5) var(--vn-5) var(--vn-5) 76px; background: var(--vn-surface); border: 1px solid var(--vn-line); border-radius: 14px; }
.vn-flow li::before { content: counter(vnflow); position: absolute; left: var(--vn-5); top: var(--vn-5); width: 40px; height: 40px; display: grid; place-items: center; border-radius: 50%; background: var(--vn-navy); color: var(--vn-lime); font-family: var(--vn-font-head); font-weight: 700; font-size: 16px; }
.vn-flow h3 { margin: 0 0 6px; font-size: 17px; }
.vn-flow p { margin: 0; font-size: 15px; line-height: 1.6; color: var(--vn-text-2); }
@media (min-width: 992px) { .vn-flow { grid-template-columns: repeat(2, minmax(0, 1fr)); } .vn-flow li:last-child:nth-child(odd) { grid-column: 1 / -1; } }

/* Diğer hizmetler */
.vn-related { display: grid; gap: var(--vn-3); grid-template-columns: 1fr; }
.vn-related a, .vn .vn-related a { display: flex; align-items: center; gap: var(--vn-3); padding: var(--vn-4); background: var(--vn-surface); border: 1px solid var(--vn-line); border-radius: 14px; color: var(--vn-ink); transition: border-color var(--vn-ease), box-shadow var(--vn-ease), transform var(--vn-ease); }
.vn-related a:hover { border-color: var(--vn-blue); box-shadow: 0 14px 30px rgba(11,42,74,.1); transform: translateY(-2px); text-decoration: none; }
.vn-related i { flex: 0 0 44px; height: 44px; display: grid; place-items: center; border-radius: 12px; background: var(--vn-navy); color: var(--vn-lime); font-size: 17px; }
.vn-related span { display: grid; min-width: 0; }
.vn-related strong { font-family: var(--vn-font-head); font-size: 15px; font-weight: 600; }
.vn-related small { font-size: 13px; color: var(--vn-text-2); }
@media (min-width: 640px) { .vn-related { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1100px) { .vn-related { grid-template-columns: repeat(3, minmax(0, 1fr)); } }

/* Başlık solda, metin sağda: geniş ekranda sayfayı dolduran bölüm düzeni */
.vn-split { display: grid; gap: var(--vn-3); margin-top: var(--vn-7); padding: var(--vn-6); background: var(--vn-surface); border: 1px solid var(--vn-line); border-radius: 16px; }
.vn-split__head .vn-label, .vn-page__body--product .vn-split__head .vn-label { margin: 0 0 var(--vn-2); color: var(--vn-teal); font-weight: 600; }
.vn-page__body--product .vn-split__head h2 { margin: 0; padding-top: var(--vn-4); position: relative; font-size: 26px; max-width: none; }
.vn-split__head h2::before { content: ""; position: absolute; left: 0; top: 0; width: 48px; height: 4px; border-radius: 2px; background: linear-gradient(90deg, var(--vn-teal), var(--vn-lime)); }
.vn-split__body p { margin: 0 0 var(--vn-3); font-size: 16px; line-height: 1.7; color: var(--vn-text-2); }
.vn-split__body p:last-child { margin-bottom: 0; }
.vn-split + .vn-feats, .vn-split + .vn-flow { margin-top: var(--vn-4); }
@media (min-width: 992px) { .vn-split { grid-template-columns: minmax(0, 4fr) minmax(0, 7fr); gap: var(--vn-7); align-items: start; } }

/* ===== Kontrol paneli seçimi (cPanel / Plesk) ===== */
.vn-panelsec { border-radius: 18px; overflow: hidden; }
.vn-panelsec h2 { margin: 0; font-size: 22px; }
.vn-panelsec .vn-label { margin: 0 0 var(--vn-2); color: var(--vn-teal); font-weight: 600; }
.vn-panelsec__plan, .vn .vn-panelsec__plan { margin: 6px 0 0; font-size: 14px; }
.vn-panelsec__plan span { font-weight: 600; color: var(--vn-ink); }
.vn-panelsec__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--vn-3); }
.vn-panelsec__opt { position: relative; display: grid; justify-items: center; gap: 4px; margin: 0; padding: var(--vn-5) var(--vn-3); border: 2px solid var(--vn-line); border-radius: 14px; background: var(--vn-surface); text-align: center; cursor: pointer; transition: border-color var(--vn-ease), background var(--vn-ease); }
.vn-panelsec__opt:hover { border-color: var(--vn-line-strong); }
.vn-panelsec__opt input { position: absolute; opacity: 0; pointer-events: none; }
.vn-panelsec__opt:has(input:checked) { border-color: var(--vn-teal); background: var(--vn-teal-wash); }
.vn-panelsec__opt:has(input:checked)::after { content: "\2713"; position: absolute; top: 10px; right: 10px; width: 22px; height: 22px; display: grid; place-items: center; border-radius: 50%; background: var(--vn-teal); color: #fff; font-size: 12px; font-weight: 700; }
.vn-panelsec__opt:has(input:focus-visible) { outline: 2px solid var(--vn-blue); outline-offset: 2px; }
.vn-panelsec__logo { width: 64px; height: 64px; display: grid; place-items: center; border-radius: 16px; background: #FFF1EA; color: #FF6C2C; font-size: 34px; margin-bottom: 6px; }
.vn-panelsec__logo--plesk { background: var(--vn-blue-wash); color: var(--vn-blue); font-size: 26px; }
.vn-panelsec__opt strong { font-family: var(--vn-font-head); font-size: 18px; font-weight: 700; color: var(--vn-ink); }
.vn-panelsec__opt small { font-size: 13px; color: var(--vn-text-2); font-weight: 400; }
.vn-panelsec__opt em { font-style: normal; font-family: var(--vn-font-mono); font-size: 13px; font-weight: 600; color: var(--vn-lime-ink); margin-top: 4px; }
dialog.vn-dialog { position: fixed; inset: 0; margin: auto; height: fit-content; max-height: calc(100vh - 32px); }

/* ===== SSL sertifikaları sayfası ===== */
.vn-sslbar { display: grid; gap: var(--vn-3); padding: var(--vn-4) var(--vn-5); margin-bottom: var(--vn-4); background: var(--vn-surface); border: 1px solid var(--vn-line); border-radius: 14px; }
.vn-sslbar__row { display: flex; flex-wrap: wrap; align-items: center; gap: var(--vn-2) var(--vn-3); }
.vn-sslbar .vn-label { margin: 0; }
.vn-sslbar .vn-seg { margin-right: var(--vn-4); }
.vn-sslbar__brands { flex: 1; }
.vn-sslbar__brands .vn-chip { cursor: pointer; border: 1px solid var(--vn-line); background: var(--vn-surface); font-family: var(--vn-font-head); font-weight: 600; }
.vn-sslbar__brands .vn-chip[aria-pressed="true"] { background: var(--vn-navy); border-color: var(--vn-navy); color: #fff; }
.vn-sslbar__count { margin-left: auto; font-family: var(--vn-font-mono); color: var(--vn-text-2); white-space: nowrap; }
.vn-sslgrid { display: grid; gap: var(--vn-4); grid-template-columns: 1fr; background: transparent; }
@media (min-width: 640px) { .vn-sslgrid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 992px) { .vn-sslgrid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (min-width: 1200px) { .vn-sslgrid { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.vn-sslcard { display: grid; grid-template-rows: auto auto auto 1fr auto auto; gap: var(--vn-2); padding: var(--vn-5); background: var(--vn-surface); border: 1px solid var(--vn-line); border-top: 4px solid var(--vn-line-strong); border-radius: 16px; transition: box-shadow var(--vn-ease), transform var(--vn-ease), border-color var(--vn-ease); }
.vn-sslcard[hidden] { display: none; }
.vn-sslcard:hover { box-shadow: 0 16px 36px rgba(11,42,74,.12); transform: translateY(-3px); }
.vn-sslcard--dv { border-top-color: var(--vn-blue); }
.vn-sslcard--ov { border-top-color: var(--vn-teal); }
.vn-sslcard--ev { border-top-color: var(--vn-lime); }
.vn-sslcard__top { display: flex; align-items: center; justify-content: space-between; gap: var(--vn-2); margin-bottom: var(--vn-2); }
.vn-sslcard__icon { width: 46px; height: 46px; display: grid; place-items: center; border-radius: 12px; background: var(--vn-bg); color: var(--vn-text-3); font-size: 19px; }
.vn-sslcard--dv .vn-sslcard__icon { background: var(--vn-blue-wash); color: var(--vn-blue); }
.vn-sslcard--ov .vn-sslcard__icon { background: var(--vn-teal-wash); color: var(--vn-teal); }
.vn-sslcard--ev .vn-sslcard__icon { background: var(--vn-lime-wash); color: var(--vn-lime-ink); }
.vn-sslcard__tags { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 6px; }
.vn-ssltag { padding: 3px 9px; border-radius: 999px; font-family: var(--vn-font-head); font-size: 12px; font-weight: 700; background: var(--vn-bg); color: var(--vn-text-2); }
.vn-ssltag--dv { background: var(--vn-blue-wash); color: var(--vn-blue); }
.vn-ssltag--ov { background: var(--vn-teal-wash); color: var(--vn-teal); }
.vn-ssltag--ev { background: var(--vn-lime); color: var(--vn-navy); }
.vn-ssltag--wild { background: var(--vn-navy); color: #fff; }
.vn-sslcard__brand, .vn .vn-sslcard__brand { margin: 0; font-family: var(--vn-font-mono); font-size: 11px; letter-spacing: .08em; text-transform: uppercase; color: var(--vn-text-3); }
.vn-sslcard h3 { margin: 0; font-size: 17px; font-weight: 600; line-height: 1.3; }
.vn-sslcard ul { list-style: none; margin: var(--vn-2) 0 0; padding: 0; display: grid; gap: 7px; align-content: start; font-size: 14px; color: var(--vn-text-2); }
.vn-sslcard li { position: relative; padding-left: 22px; }
.vn-sslcard li::before { content: "\2713"; position: absolute; left: 0; top: 0; font-weight: 700; font-size: 13px; color: var(--vn-teal); }
.vn-sslcard__price, .vn .vn-sslcard__price { margin: var(--vn-3) 0 var(--vn-2); padding-top: var(--vn-3); border-top: 1px dashed var(--vn-line-strong); display: flex; align-items: baseline; gap: 6px; }
.vn-sslcard__price b { font-family: var(--vn-font-head); font-size: 24px; line-height: 1.1; font-weight: 700; letter-spacing: -0.02em; color: var(--vn-ink); white-space: nowrap; }
.vn-sslcard__price span { font-size: 13px; color: var(--vn-text-2); }
.vn-sslempty, .vn .vn-sslempty { margin: var(--vn-4) 0 0; padding: var(--vn-5); text-align: center; background: var(--vn-surface); border: 1px dashed var(--vn-line-strong); border-radius: 14px; color: var(--vn-text-2); }
.vn-sslempty[hidden] { display: none; }
.vn-sslempty button { border: 0; background: transparent; cursor: pointer; }
.vn-sslnote, .vn .vn-sslnote { margin: var(--vn-3) 0 0; background: transparent; }
.vn-gfeats [data-vn-ssl-sec] .vn-link-arrow { display: inline-block; margin-top: var(--vn-3); font-size: 14px; }
@media (max-width: 639px) {
  .vn-sslbar { padding: var(--vn-4); }
  .vn-sslbar__row > .vn-label { flex-basis: 100%; }
  .vn-sslbar .vn-seg { margin-right: 0; width: 100%; }
  .vn-sslbar .vn-seg button { flex: 1; white-space: nowrap; padding-inline: 8px; }
  .vn-sslbar__brands { flex-basis: 100%; }
  .vn-sslbar__count { margin-left: 0; }
}
/* Sipariş seçenekleri penceresi: lokasyon + kontrol paneli */
.vn-panelsec__set { margin: 0; padding: 0; border: 0; min-width: 0; display: grid; gap: var(--vn-2); }
.vn-panelsec__set[hidden] { display: none; }
.vn-panelsec__set legend { padding: 0; margin: 0 0 var(--vn-2); font-family: var(--vn-font-head); font-size: 14px; font-weight: 600; color: var(--vn-ink); }
.vn-panelsec__logo--yer { background: var(--vn-lime-wash); color: var(--vn-lime-ink); font-size: 26px; }
.vn-panelsec__uyari, .vn .vn-panelsec__uyari { margin: 0; padding: 8px 12px; border-radius: var(--vn-r); background: var(--vn-red-wash); color: var(--vn-red); font-size: 14px; }
.vn-panelsec__uyari[hidden] { display: none; }
.vn-panelsec__opt.is-kapali { opacity: .55; cursor: not-allowed; background: var(--vn-bg); border-style: dashed; }
.vn-panelsec__opt.is-kapali:hover { border-color: var(--vn-line); }

/* Dil ve para birimi geçişi */
.vn-gecis { display: inline-flex; align-items: center; border: 1px solid rgba(255,255,255,.22); border-radius: 999px; overflow: hidden; font-family: var(--vn-font-head); font-size: 12px; font-weight: 600; }
.vn-gecis a, .vn .vn-gecis a { padding: 3px 10px; color: rgba(255,255,255,.75); line-height: 1.5; }
.vn-gecis a:hover { color: #fff; text-decoration: none; }
.vn-gecis a[aria-current="true"], .vn .vn-gecis a[aria-current="true"] { background: var(--vn-lime); color: var(--vn-navy); }
.vn-util__links .vn-gecis { display: inline-flex; }
.vn-footer__gecis { display: inline-flex; gap: var(--vn-2); }
@media (max-width: 991px) { .vn-util__links .vn-gecis a { display: inline-block; } }

/* ===== Ürünler sayfası: ürün ailesi kartları ===== */
.vn-gcards { display: grid; gap: var(--vn-4); grid-template-columns: 1fr; }
.vn-gcard, .vn a.vn-gcard { display: grid; grid-template-columns: 56px minmax(0, 1fr); grid-template-rows: 1fr auto; gap: var(--vn-4); align-items: start; padding: var(--vn-5); background: var(--vn-surface); border: 1px solid var(--vn-line); border-radius: 16px; color: var(--vn-ink); transition: border-color var(--vn-ease), box-shadow var(--vn-ease), transform var(--vn-ease); }
.vn-gcard:hover { border-color: var(--vn-blue); box-shadow: 0 16px 36px rgba(11,42,74,.12); transform: translateY(-3px); text-decoration: none; }
.vn-gcard__icon { width: 56px; height: 56px; display: grid; place-items: center; border-radius: 14px; background: var(--vn-blue-wash); color: var(--vn-blue); font-size: 24px; }
.vn-gcard:nth-child(3n+2) .vn-gcard__icon { background: var(--vn-teal-wash); color: var(--vn-teal); }
.vn-gcard:nth-child(3n+3) .vn-gcard__icon { background: var(--vn-lime-wash); color: var(--vn-lime-ink); }
.vn-gcard__text { display: grid; gap: 2px; min-width: 0; align-content: start; }
.vn-gcard__text strong { font-family: var(--vn-font-head); font-size: 18px; font-weight: 600; line-height: 1.3; color: var(--vn-ink); }
.vn-gcard__text small { font-size: 14px; color: var(--vn-text-2); }
.vn-gcard__text em { font-style: normal; font-family: var(--vn-font-mono); font-size: 12px; color: var(--vn-text-3); }
.vn-gcard__foot { grid-column: 1 / -1; display: flex; align-items: baseline; justify-content: space-between; gap: var(--vn-3); padding-top: var(--vn-3); border-top: 1px dashed var(--vn-line-strong); }
.vn-gcard__price { display: flex; align-items: baseline; gap: 6px; }
.vn-gcard__price b { font-family: var(--vn-font-head); font-size: 22px; font-weight: 700; letter-spacing: -0.02em; color: var(--vn-ink); white-space: nowrap; }
.vn-gcard__price small { font-size: 13px; color: var(--vn-text-2); }
.vn-gcard__go { margin-left: auto; white-space: nowrap; font-family: var(--vn-font-head); font-size: 14px; font-weight: 600; color: var(--vn-blue); }
@media (min-width: 700px) { .vn-gcards { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1100px) { .vn-gcards { grid-template-columns: repeat(3, minmax(0, 1fr)); } }

/* ===== Müşteri paneli: ikinci vurgu rengi ===== */
.vn-side nav a[aria-current="page"] { background: var(--vn-teal-wash); color: var(--vn-ink); box-shadow: inset 3px 0 0 var(--vn-lime); }
.vn-side nav a[aria-current="page"] i { color: var(--vn-teal); }
.vn-tabbar a[aria-current="page"] { color: var(--vn-teal); }
.vn-shell .vn-page-head .vn-btn:not(.vn-btn--secondary), .vn-shell .vn-page-head a.vn-btn:not(.vn-btn--secondary) { background: var(--vn-lime); border-color: var(--vn-lime); color: var(--vn-navy); font-weight: 700; }
.vn-shell .vn-page-head .vn-btn:not(.vn-btn--secondary):hover { background: var(--vn-lime-hover); border-color: var(--vn-lime-hover); color: var(--vn-navy); }
.vn-shell .vn-strip > a, .vn-shell .vn-strip > div { position: relative; padding-top: calc(var(--vn-4) + 3px); }
.vn-shell .vn-strip > a::before, .vn-shell .vn-strip > div::before { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 3px; background: var(--vn-blue); }
.vn-shell .vn-strip > :nth-child(2)::before { background: var(--vn-teal); }
.vn-shell .vn-strip > :nth-child(3)::before { background: var(--vn-lime); }
.vn-shell .vn-strip > :nth-child(4)::before { background: var(--vn-navy); }
.vn-shell .vn-strip > a:hover { background: var(--vn-teal-wash); }
.vn-shell .vn-page-head .vn-label, .vn-shell .vn-label { color: var(--vn-teal); }
.vn-shell .vn-seg button[aria-pressed="true"] { box-shadow: 0 0 0 1px var(--vn-teal); }

/* ===== Hosting ve reseller paket kartları ===== */
.vn-hcards { display: grid; gap: var(--vn-4); grid-template-columns: 1fr; padding-top: 14px; background: transparent; }
.vn-hcard { position: relative; display: grid; grid-template-rows: auto auto auto auto auto 1fr; gap: var(--vn-3); padding: var(--vn-6) var(--vn-5) var(--vn-5); background: var(--vn-surface); border: 1px solid var(--vn-line); border-radius: 18px; transition: border-color var(--vn-ease), box-shadow var(--vn-ease), transform var(--vn-ease); }
.vn-hcard:hover { border-color: var(--vn-teal); box-shadow: 0 20px 44px rgba(11,42,74,.14); transform: translateY(-4px); }
.vn-hcard::before { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 5px; border-radius: 18px 18px 0 0; background: linear-gradient(90deg, var(--vn-blue), var(--vn-teal)); }
.vn-hcard:nth-child(even)::before { background: linear-gradient(90deg, var(--vn-teal), var(--vn-lime)); }
.vn-hcard__head { display: flex; align-items: flex-start; justify-content: space-between; gap: var(--vn-2); }
.vn-hcard h3 { margin: 0; font-size: 19px; font-weight: 700; line-height: 1.25; }
.vn-hcard__panel { flex: 0 0 auto; display: inline-flex; align-items: center; gap: 5px; padding: 3px 9px; border-radius: 999px; background: #FFF1EA; color: #D9541E; font-family: var(--vn-font-head); font-size: 12px; font-weight: 700; white-space: nowrap; }
.vn-hcard__panel--plesk { background: var(--vn-blue-wash); color: var(--vn-blue); }
.vn-hcard__price, .vn .vn-hcard__price { margin: 0; display: flex; align-items: baseline; gap: 6px; }
.vn-hcard__price b { font-family: var(--vn-font-head); font-size: 38px; line-height: 1; font-weight: 700; letter-spacing: -0.03em; color: var(--vn-ink); white-space: nowrap; }
.vn-hcard__price span { font-size: 15px; color: var(--vn-text-2); }
.vn-hcard__year, .vn .vn-hcard__year { margin: 0; font-size: 13px; color: var(--vn-text-2); }
.vn-hcard__year s { color: var(--vn-text-3); }
.vn-hcard__year b { color: var(--vn-lime-ink); font-weight: 700; }
.vn-hcard__list { list-style: none; margin: var(--vn-2) 0 0; padding: var(--vn-4) 0 0; border-top: 1px dashed var(--vn-line-strong); display: grid; gap: 11px; align-content: start; font-size: 14px; color: var(--vn-ink); }
.vn-hcard__list li { display: grid; grid-template-columns: 28px minmax(0, 1fr); align-items: center; gap: var(--vn-2); }
.vn-hcard__list i { width: 28px; height: 28px; display: grid; place-items: center; border-radius: 8px; background: var(--vn-teal-wash); color: var(--vn-teal); font-size: 12px; }
.vn-hcard--out { opacity: .7; }
.vn-hcard [aria-disabled="true"] { cursor: not-allowed; }
.vn-hcards__note, .vn .vn-hcards__note { margin: var(--vn-4) 0 0; background: transparent; text-align: center; }
@media (min-width: 640px) { .vn-hcards { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1100px) { .vn-hcards { grid-template-columns: repeat(4, minmax(0, 1fr)); } .vn-hcards--3, .vn-hcards--6 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .vn-hcards--5 { grid-template-columns: repeat(5, minmax(0, 1fr)); } .vn-hcards--5 .vn-hcard { padding-inline: var(--vn-4); } .vn-hcards--5 .vn-hcard__price b { font-size: 30px; } }
[data-vn-tema="dark"] .vn-hcard__panel { background: #3A2318; color: #FF9A6B; }
[data-vn-tema="dark"] .vn-hcard__panel--plesk { background: var(--vn-blue-wash); color: var(--vn-blue-hover); }

/* Kontrol paneli logoları (başlık bandında ve paket kartlarında); panel sipariş anında seçilir */
.vn-panelsw { display: inline-flex; flex-wrap: wrap; align-items: center; gap: 10px; margin-top: var(--vn-4); padding: 8px 14px; border-radius: 14px; background: rgba(255,255,255,.1); border: 1px solid rgba(255,255,255,.18); }
.vn-panelsw__label { font-family: var(--vn-font-mono); font-size: 11px; letter-spacing: .08em; text-transform: uppercase; color: rgba(255,255,255,.7); }
.vn-panelsw__or, .vn-panelsw__note { font-size: 13px; color: rgba(255,255,255,.75); }
.vn-panellogo { display: inline-flex; align-items: center; justify-content: center; height: 34px; padding: 0 12px; border-radius: 9px; background: #fff; }
.vn-panellogo--cpanel { color: #FF6C2C; font-size: 30px; }
.vn-panellogo--cpanel i { line-height: 1; }
.vn-panellogo--plesk { color: #2B3A8C; font-family: var(--vn-font-head); font-size: 17px; font-weight: 700; letter-spacing: -0.02em; }
.vn-hcard__panels, .vn .vn-hcard__panels { margin: 0; display: flex; align-items: center; gap: var(--vn-2); }
.vn-hcard__panels .vn-panellogo { height: 28px; padding: 0 10px; background: var(--vn-bg); border: 1px solid var(--vn-line); }
.vn-hcard__panels .vn-panellogo--cpanel { font-size: 26px; }
.vn-hcard__panels .vn-panellogo--plesk { font-size: 15px; }
[data-vn-tema="dark"] .vn-hcard__panels .vn-panellogo { background: #F6F8FB; border-color: transparent; }
@media (max-width: 575px) { .vn-panelsw__label { display: none; } }

/* Paket ayrıntı tablosu */
.vn-hdetay__wrap { overflow-x: auto; }
.vn-hdetay .vn-table { min-width: 720px; }
.vn-hdetay .vn-table thead th { position: sticky; top: 0; padding: var(--vn-4); text-align: center; font-family: var(--vn-font-head); font-size: 15px; font-weight: 700; text-transform: none; letter-spacing: 0; color: #fff; background: var(--vn-navy); }
.vn-hdetay .vn-table thead th:first-child { background: var(--vn-navy); }
.vn-hdetay .vn-table td { text-align: center; font-family: var(--vn-font-mono); font-size: 14px; }
.vn-hdetay .vn-table tbody th { text-align: left; padding: var(--vn-3) var(--vn-4); border-bottom: 1px solid var(--vn-line); font-family: var(--vn-font-body); font-size: 14px; font-weight: 500; color: var(--vn-ink); text-transform: none; letter-spacing: 0; white-space: normal; }
.vn-hdetay .vn-table tbody tr:hover td, .vn-hdetay .vn-table tbody tr:hover th { background: var(--vn-teal-wash); }
.vn-hdetay .vn-table tr.vn-hdetay__bolum th { padding: 10px var(--vn-4); background: var(--vn-bg); font-family: var(--vn-font-mono); font-size: 12px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: var(--vn-teal); }
.vn-hdetay .vn-table tr.vn-hdetay__bolum:hover th { background: var(--vn-bg); }

/* Paket ayrıntı tablosu: renkli ve ikonlu */
.vn-hdetay__wrap { border-radius: 18px; border: 1px solid var(--vn-line); box-shadow: 0 14px 34px rgba(11,42,74,.08); }
.vn-hdetay .vn-table thead th { background: var(--vn-grad); padding: var(--vn-5) var(--vn-4); font-size: 16px; }
.vn-hdetay .vn-table thead th:first-child { background: var(--vn-navy); }
.vn-hdetay .vn-table thead th:nth-child(odd):not(:first-child) { background: linear-gradient(160deg, #0B3A6E, #0E6C8C); }
.vn-hdetay .vn-table tr.vn-hdetay__bolum th { padding: 12px var(--vn-4); background: linear-gradient(90deg, var(--vn-teal-wash), var(--vn-lime-wash)); color: var(--vn-ink); font-family: var(--vn-font-head); font-size: 14px; font-weight: 700; letter-spacing: 0; text-transform: none; border-top: 2px solid var(--vn-teal); }
.vn-hdetay .vn-table tr.vn-hdetay__bolum th i { width: 28px; height: 28px; display: inline-grid; place-items: center; margin-right: 8px; border-radius: 8px; background: var(--vn-teal); color: #fff; font-size: 13px; }
.vn-hdetay .vn-table tr.vn-hdetay__bolum:hover th { background: linear-gradient(90deg, var(--vn-teal-wash), var(--vn-lime-wash)); }
.vn-hdetay .vn-table tbody th[scope="row"] { display: flex; align-items: center; gap: 10px; min-width: 260px; }
.vn-hdetay .vn-table tbody th[scope="row"] i { flex: 0 0 30px; height: 30px; display: grid; place-items: center; border-radius: 8px; background: var(--vn-blue-wash); color: var(--vn-blue); font-size: 13px; }
.vn-hdetay .vn-table tbody tr:nth-child(3n) th[scope="row"] i { background: var(--vn-teal-wash); color: var(--vn-teal); }
.vn-hdetay .vn-table tbody tr:nth-child(3n+1) th[scope="row"] i { background: var(--vn-lime-wash); color: var(--vn-lime-ink); }
.vn-hdetay .vn-table td:nth-child(odd) { background: rgba(24,119,185,.035); }
.vn-hdetay .vn-table td b { font-family: var(--vn-font-head); font-size: 15px; font-weight: 700; color: var(--vn-ink); }
.vn-hdetay__sinirsiz { display: inline-flex; align-items: center; gap: 6px; padding: 3px 10px; border-radius: 999px; background: var(--vn-lime-wash); color: var(--vn-lime-ink); font-family: var(--vn-font-head); font-size: 13px; font-weight: 700; }
.vn-hdetay .vn-sla-yes { width: 28px; height: 28px; background: var(--vn-green); color: #fff; font-size: 12px; }
.vn-hdetay .vn-sla-no { width: 28px; height: 28px; background: var(--vn-red-wash); color: var(--vn-red); }
/* VDS karşılaştırma tablosu aynı başlık rengini kullanır */
.vn-hdetay .vn-spec { border-radius: 18px; overflow: hidden; }
.vn-hdetay .vn-spec .vn-table thead th { position: static; background: var(--vn-navy); color: #fff; padding: var(--vn-4) 12px; font-size: 13px; text-align: right; }
.vn-hdetay .vn-spec .vn-table thead th:first-child { text-align: left; }
.vn-hdetay .vn-spec .vn-table td { font-size: 14px; text-align: right; background: transparent; }
.vn-hdetay .vn-spec .vn-table td.vn-name { text-align: left; font-family: var(--vn-font-head); font-weight: 600; }
.vn-hdetay .vn-spec .vn-table tbody tr:nth-child(even) td { background: rgba(24,119,185,.035); }
@media (min-width: 768px) { .vn-steps3--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.vn-group-section .vn-steps3 li > span { background: var(--vn-lime); color: var(--vn-navy); }
.vn-hdetay .vn-panellogo--sm { height: 24px; padding: 0 8px; background: var(--vn-bg); border: 1px solid var(--vn-line); border-radius: 7px; margin-left: 2px; }
.vn-hdetay .vn-table tbody th[scope="row"] .vn-panellogo--cpanel { flex: 0 0 auto; width: auto; font-size: 13px; }
.vn-hdetay .vn-table tbody th[scope="row"] .vn-panellogo--cpanel i { flex: none; width: auto; height: auto; display: inline; background: transparent; color: #FF6C2C; font-size: 22px; border-radius: 0; }
.vn-hdetay .vn-panellogo--plesk.vn-panellogo--sm { font-size: 13px; }
[data-vn-tema="dark"] .vn-hdetay .vn-panellogo--sm { background: #F6F8FB; border-color: transparent; }
.vn-page__body--product .vn-steps3 { list-style: none; padding: 0; }
.vn-page__body--product .vn-steps3 li > span { background: var(--vn-lime); color: var(--vn-navy); }
.vn-group-section > .vn-split { margin-top: 0; }
.vn-split .vn-checks { margin-bottom: var(--vn-4); }
.vn-sslcard li em { font-style: normal; }
/* SSL kartı: marka adı, markanın kendi rengiyle (resmî logo dosyaları gelince img ile değiştirilebilir) */
.vn-ssllogo { display: inline-flex; align-items: center; height: 40px; padding: 0 12px; border-radius: 10px; background: #fff; border: 1px solid var(--vn-line); font-family: var(--vn-font-head); font-size: 17px; font-weight: 700; letter-spacing: -0.02em; color: var(--vn-navy); white-space: nowrap; }
.vn-ssllogo--sectigo { color: #00A651; }
.vn-ssllogo--comodo { color: #D8232A; }
.vn-ssllogo--digicert { color: #0174C3; }
.vn-ssllogo--geotrust { color: #1B4F9C; }
.vn-ssllogo--thawte { color: #C8102E; }
.vn-ssllogo--rapidssl { color: #F5821F; }
.vn-ssllogo--perfectssl { color: #0B2A4A; }

/* Ana sayfa paket sekmeleri: renkli zemin, ikonlu sekmeler, ikonlu satırlar, öne çıkan kart */
.vn-tabsec { position: relative; overflow: hidden; background: linear-gradient(180deg, var(--vn-blue-wash) 0%, var(--vn-surface) 55%); }
.vn-tabsec::before, .vn-tabsec::after { content: ""; position: absolute; border-radius: 50%; pointer-events: none; filter: blur(60px); opacity: .35; }
.vn-tabsec::before { width: 380px; height: 380px; left: -120px; top: -100px; background: var(--vn-lime); }
.vn-tabsec::after { width: 420px; height: 420px; right: -140px; top: 40px; background: var(--vn-blue); opacity: .22; }
.vn-tabsec > .vn-container { position: relative; z-index: 1; }
.vn-ptabs { background: var(--vn-surface); box-shadow: 0 10px 30px rgba(11,42,74,.08); }
.vn-ptabs button { display: inline-flex; align-items: center; gap: 8px; }
.vn-ptabs button i { font-size: 14px; color: var(--vn-blue); }
.vn-ptabs button[aria-selected="true"] { background: var(--vn-grad); }
.vn-ptabs button[aria-selected="true"] i { color: var(--vn-lime); }
.vn-pcard { grid-template-rows: auto auto auto 1fr auto; overflow: visible; border-top: 4px solid var(--vn-blue); box-shadow: 0 6px 20px rgba(11,42,74,.06); }
.vn-pcard:nth-child(4n+1) { border-top-color: var(--vn-teal); }
.vn-pcard:nth-child(4n+3) { border-top-color: var(--vn-blue); }
.vn-pcard:nth-child(4n+4) { border-top-color: var(--vn-navy); }
.vn-pcard__head { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.vn-pcard__head h3 { flex: 1 1 auto; min-width: 0; }
.vn-pcard__icon { width: 42px; height: 42px; flex: 0 0 auto; display: grid; place-items: center; border-radius: 12px; background: var(--vn-blue-wash); color: var(--vn-blue); font-size: 17px; }
.vn-pcard:nth-child(4n+1) .vn-pcard__icon { background: var(--vn-teal-wash); color: var(--vn-teal); }
.vn-pcard__tag { padding: 3px 9px; border-radius: 999px; background: var(--vn-lime); color: var(--vn-navy); font-family: var(--vn-font-mono); font-size: 10px; letter-spacing: .06em; text-transform: uppercase; font-weight: 700; }
.vn-pcard__price { padding: 12px 14px; border-radius: 12px; background: var(--vn-bg); flex-wrap: wrap; }
.vn-pcard li { padding-left: 30px; }
.vn-pcard li::before { content: none; }
.vn-pcard li i { position: absolute; left: 0; top: 1px; width: 20px; text-align: center; font-size: 13px; color: var(--vn-teal); }
/* Öne çıkan kart: lacivert zemin */
.vn-pcard--one { background: var(--vn-grad); border-color: transparent; border-top-color: var(--vn-lime) !important; color: #fff; box-shadow: 0 22px 48px rgba(11,42,74,.28); }
.vn-pcard--one h3, .vn-pcard--one ul, .vn-pcard--one .vn-pcard__price b { color: #fff; }
.vn-pcard--one .vn-pcard__price { background: rgba(255,255,255,.1); }
.vn-pcard--one .vn-pcard__price span, .vn-pcard--one .vn-pcard__year { color: rgba(255,255,255,.75); }
.vn-pcard--one .vn-pcard__year { border-bottom-color: rgba(255,255,255,.25); }
.vn-pcard--one .vn-pcard__year s { color: rgba(255,255,255,.55); }
.vn-pcard--one .vn-pcard__year b, .vn-pcard--one li i { color: var(--vn-lime); }
.vn-pcard--one .vn-pcard__icon { background: rgba(255,255,255,.14) !important; color: var(--vn-lime) !important; }
.vn-pcard--one:hover { border-color: transparent; }
@media (min-width: 1100px) { .vn-pcard--one { transform: translateY(-8px); } .vn-pcard--one:hover { transform: translateY(-11px); } }
.vn-pcard { display: flex; flex-direction: column; }
.vn-pcard > .vn-btn { margin-top: auto; }
.vn-pcard ul { margin-bottom: var(--vn-3); }
.vn-pcard__price { flex-wrap: nowrap; }
.vn-pcard__price b { font-size: clamp(26px, 2.3vw, 34px); white-space: nowrap; }
.vn-pcard__head h3 { flex: 1 1 100%; }
.vn-pcard--one .vn-ssllogo { border-color: transparent; }
.vn-ppane__more { display: flex; justify-content: center; }

/* İşletim sistemleri: logolu kartlar */
.vn-osgrid { display: grid; gap: var(--vn-4); grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); }
.vn-oscard { display: flex; align-items: flex-start; gap: var(--vn-4); padding: var(--vn-5); background: var(--vn-surface); border: 1px solid var(--vn-line); border-radius: 16px; transition: box-shadow var(--vn-ease), transform var(--vn-ease); }
.vn-oscard:hover { box-shadow: 0 14px 32px rgba(11,42,74,.1); transform: translateY(-2px); }
.vn-oscard__logo { --os: var(--vn-blue); width: 56px; height: 56px; flex: 0 0 auto; display: grid; place-items: center; border-radius: 14px; font-size: 28px; color: var(--os); background: color-mix(in srgb, var(--os) 12%, transparent); }
.vn-oscard--ubuntu .vn-oscard__logo { --os: #E95420; }
.vn-oscard--debian .vn-oscard__logo { --os: #D70A53; }
.vn-oscard--centos .vn-oscard__logo { --os: #9B4F96; }
.vn-oscard--almalinux .vn-oscard__logo { --os: #0F7BBF; }
.vn-oscard--windows-server .vn-oscard__logo, .vn-oscard--windows .vn-oscard__logo { --os: #0078D4; }
.vn-oscard--vmware .vn-oscard__logo { --os: #607D8B; }
.vn-oscard--firewall .vn-oscard__logo { --os: var(--vn-teal); }
.vn-oscard h3 { margin: 0 0 8px; font-size: 17px; font-weight: 600; }
.vn-oscard__vers, .vn .vn-oscard__vers { margin: 0; display: flex; flex-wrap: wrap; gap: 6px; }
.vn-oscard__vers span { padding: 3px 9px; border-radius: 8px; background: var(--vn-bg); border: 1px solid var(--vn-line); font-family: var(--vn-font-mono); font-size: 12px; color: var(--vn-ink); }
.vn-oscard__note, .vn .vn-oscard__note { margin: 8px 0 0; font-size: 12px; color: var(--vn-text-3); }
.vn-os__note { margin: 0; color: var(--vn-text-2); }
.vn-ppane__more, .vn .vn-ppane__more, .vn .vn-os__note { max-width: none; width: 100%; }
.vn-oscard--iste, .vn a.vn-oscard--iste { border-style: dashed; border-color: var(--vn-line-strong); background: transparent; text-decoration: none; color: inherit; }
.vn-oscard--iste .vn-oscard__logo { --os: var(--vn-lime-ink); }
.vn-oscard--iste .vn-oscard__note { margin-top: 0; font-size: 13px; color: var(--vn-text-2); }

/* Ürünler sayfası: bölümlü, kolonlu katalog */
.vn-ukat { display: flex; flex-wrap: wrap; gap: 10px; }
.vn-ukat a, .vn .vn-ukat a { display: inline-flex; align-items: center; gap: 8px; height: 44px; padding: 0 16px; border-radius: 999px; background: var(--vn-surface); border: 1px solid var(--vn-line); font-family: var(--vn-font-head); font-size: 14px; font-weight: 600; color: var(--vn-ink); text-decoration: none; transition: border-color var(--vn-ease), box-shadow var(--vn-ease); }
.vn-ukat a:hover { border-color: var(--vn-blue); box-shadow: 0 8px 20px rgba(11,42,74,.08); }
.vn-ukat a i { color: var(--vn-blue); }
.vn-ubolum { --b: var(--vn-blue); background: var(--vn-surface); border: 1px solid var(--vn-line); border-radius: 20px; overflow: hidden; scroll-margin-top: 96px; box-shadow: 0 6px 24px rgba(11,42,74,.05); }
.vn-ubolum:nth-of-type(2n) { --b: var(--vn-teal); }
.vn-ubolum:nth-of-type(3n) { --b: var(--vn-lime-ink); }
.vn-ubolum--teklif { --b: var(--vn-navy); }
.vn-ubolum__bas { display: flex; align-items: center; gap: var(--vn-4); padding: var(--vn-5); background: var(--vn-grad); color: #fff; }
.vn-ubolum__icon { width: 52px; height: 52px; flex: 0 0 auto; display: grid; place-items: center; border-radius: 14px; background: rgba(255,255,255,.14); color: var(--vn-lime); font-size: 22px; }
.vn-ubolum__bas h2, .vn .vn-ubolum__bas h2 { margin: 0; font-size: 22px; font-weight: 700; color: #fff; }
.vn-ubolum__bas p, .vn .vn-ubolum__bas p { margin: 2px 0 0; font-size: 14px; color: rgba(255,255,255,.8); max-width: none; }
.vn-ubolum__adet { margin-left: auto; padding: 4px 12px; border-radius: 999px; background: rgba(255,255,255,.14); font-family: var(--vn-font-mono); font-size: 12px; white-space: nowrap; }
.vn-urows__kolon { display: none; }
.vn-urow, .vn a.vn-urow { display: grid; gap: var(--vn-4); padding: var(--vn-5); border-top: 1px solid var(--vn-line); color: var(--vn-ink); text-decoration: none; transition: background var(--vn-ease); }
.vn-urows > .vn-urow:first-of-type { border-top: 0; }
.vn-urow:hover { background: var(--vn-bg); text-decoration: none; }
.vn-urow__ad { display: flex; gap: var(--vn-4); align-items: flex-start; min-width: 0; }
.vn-urow__icon { width: 52px; height: 52px; flex: 0 0 auto; display: grid; place-items: center; border-radius: 14px; font-size: 22px; color: var(--b); background: color-mix(in srgb, var(--b) 12%, transparent); }
.vn-urow__ad strong { display: block; font-family: var(--vn-font-head); font-size: 18px; font-weight: 600; line-height: 1.3; }
.vn-urow__ad small { display: block; margin-top: 2px; font-size: 14px; line-height: 1.5; color: var(--vn-text-2); }
.vn-urow__meta { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 8px; }
.vn-urow__meta span { padding: 2px 8px; border-radius: 6px; background: var(--vn-bg); border: 1px solid var(--vn-line); font-family: var(--vn-font-mono); font-size: 11px; color: var(--vn-text-2); }
.vn-urow__oz { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; align-content: start; font-size: 14px; }
.vn-urow__oz li { position: relative; padding-left: 28px; }
.vn-urow__oz li i { position: absolute; left: 0; top: 2px; width: 20px; text-align: center; font-size: 13px; color: var(--b); }
.vn-urow__kim { font-size: 14px; line-height: 1.5; color: var(--vn-text-2); }
.vn-urow__kim em { display: block; margin-bottom: 4px; font-style: normal; font-family: var(--vn-font-mono); font-size: 11px; letter-spacing: .08em; text-transform: uppercase; color: var(--vn-text-3); }
.vn-urow__fiyat { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 6px; }
.vn-urow__fiyat small { font-size: 13px; color: var(--vn-text-2); }
.vn-urow__fiyat b { font-family: var(--vn-font-head); font-size: 24px; font-weight: 700; letter-spacing: -0.02em; color: var(--vn-ink); white-space: nowrap; }
.vn-urow__fiyat b.vn-urow__teklif { font-size: 17px; flex: 1 1 100%; }
.vn-urow__fiyat .vn-btn { flex: 1 1 100%; margin-top: 8px; height: 40px; padding: 0 14px; font-size: 14px; justify-content: center; }
@media (min-width: 1100px) {
  .vn-urows__kolon, .vn-urow, .vn a.vn-urow { grid-template-columns: minmax(0, 1.25fr) minmax(0, 1.1fr) minmax(0, .8fr) 190px; align-items: start; }
  .vn-urows__kolon { display: grid; gap: var(--vn-4); padding: 10px var(--vn-5); background: var(--vn-bg); border-bottom: 1px solid var(--vn-line); font-family: var(--vn-font-mono); font-size: 11px; letter-spacing: .08em; text-transform: uppercase; color: var(--vn-text-3); }
  .vn-urow__kim em { display: none; }
  .vn-urow__fiyat small:first-child { flex: 1 1 100%; }
}
@media (min-width: 640px) and (max-width: 1099px) { .vn-urow, .vn a.vn-urow { grid-template-columns: repeat(2, minmax(0, 1fr)); } .vn-urow__ad { grid-column: 1 / -1; } }
@media (max-width: 639px) { .vn-ubolum__adet { display: none; } .vn-ubolum__bas { padding: var(--vn-4); } .vn-urow, .vn a.vn-urow { padding: var(--vn-4); } }
.vn-uyardim { display: flex; flex-wrap: wrap; align-items: center; gap: var(--vn-4) var(--vn-5); padding: var(--vn-6); border-radius: 20px; background: var(--vn-grad); color: #fff; }
.vn-uyardim > div:first-of-type { flex: 1 1 320px; }
.vn-uyardim__icon { width: 56px; height: 56px; display: grid; place-items: center; border-radius: 50%; background: var(--vn-lime); color: var(--vn-navy); font-size: 22px; }
.vn-uyardim h2, .vn .vn-uyardim h2 { margin: 0; font-size: 22px; color: #fff; }
.vn-uyardim p, .vn .vn-uyardim p { margin: 4px 0 0; color: rgba(255,255,255,.8); }
/* İşletim sistemi kartı: dikey düzen (logo + ad, açıklama, sürümler) */
.vn-oscard, .vn a.vn-oscard { flex-direction: column; align-items: stretch; gap: var(--vn-3); }
.vn-oscard__bas { display: flex; align-items: center; gap: var(--vn-3); }
.vn-oscard__bas h3 { margin: 0; }
.vn-oscard__tur { display: inline-block; margin-top: 4px; padding: 2px 8px; border-radius: 999px; background: var(--vn-bg); border: 1px solid var(--vn-line); font-family: var(--vn-font-mono); font-size: 10px; letter-spacing: .06em; text-transform: uppercase; color: var(--vn-text-2); }
.vn-oscard__acik, .vn .vn-oscard__acik { margin: 0; font-size: 14px; line-height: 1.55; color: var(--vn-text-2); }
.vn-oscard__alt { margin-top: auto; padding-top: var(--vn-3); border-top: 1px dashed var(--vn-line-strong); display: grid; gap: 8px; }
.vn-oscard__etiket { font-family: var(--vn-font-mono); font-size: 10px; letter-spacing: .08em; text-transform: uppercase; color: var(--vn-text-3); }
.vn-oscard__alt .vn-oscard__note { margin: 0; font-size: 13px; color: var(--vn-text-2); }
.vn-oscard__note i { color: var(--vn-teal); }
.vn-gcompare .vn-table thead .is-this { color: var(--vn-navy); }
.vn-ptabs, .vn-pcards { scrollbar-width: none; }
.vn-ptabs::-webkit-scrollbar, .vn-pcards::-webkit-scrollbar { display: none; }

/* Kurumsal sayfalar: hakkımızda künyesi, vizyon / misyon, kampanya bandı */
.vn-mega__panel--sag { left: auto; right: 0; }
.vn-kunye { display: grid; gap: var(--vn-3); grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); margin: var(--vn-5) 0 var(--vn-6); }
.vn-kunye > div { padding: var(--vn-4); border-radius: 16px; background: var(--vn-surface); border: 1px solid var(--vn-line); border-top: 4px solid var(--vn-blue); display: grid; gap: 4px; align-content: start; }
.vn-kunye > div:nth-child(2n) { border-top-color: var(--vn-teal); }
.vn-kunye > div:nth-child(3n) { border-top-color: var(--vn-lime); }
.vn-kunye b { font-family: var(--vn-font-head); font-size: 24px; line-height: 1.15; font-weight: 700; letter-spacing: -0.02em; color: var(--vn-ink); }
.vn-kunye span { font-size: 13px; color: var(--vn-text-2); }
.vn-ikili { display: grid; gap: var(--vn-4); grid-template-columns: 1fr; margin: var(--vn-5) 0 var(--vn-6); }
@media (min-width: 760px) { .vn-ikili { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.vn-ikili__kutu { padding: var(--vn-6); border-radius: 18px; background: var(--vn-grad); color: #fff; }
.vn-ikili__kutu i { width: 48px; height: 48px; display: grid; place-items: center; border-radius: 12px; background: rgba(255,255,255,.14); color: var(--vn-lime); font-size: 20px; }
.vn-ikili__kutu h3, .vn .vn-ikili__kutu h3 { margin: var(--vn-4) 0 var(--vn-2); font-size: 20px; color: #fff; }
.vn-ikili__kutu p, .vn .vn-ikili__kutu p { margin: 0; color: rgba(255,255,255,.85); max-width: none; }
.vn-kampanya { display: flex; flex-wrap: wrap; align-items: center; gap: var(--vn-5); padding: var(--vn-6); margin-bottom: var(--vn-5); border-radius: 20px; background: linear-gradient(120deg, var(--vn-navy), #17A28A 70%, var(--vn-lime)); color: #fff; }
.vn-kampanya > div { flex: 1 1 320px; }
.vn-kampanya svg { flex: 0 0 auto; width: 120px; height: auto; }
.vn-kampanya__ust, .vn .vn-kampanya__ust { margin: 0 0 4px; font-family: var(--vn-font-mono); font-size: 12px; letter-spacing: .1em; text-transform: uppercase; color: rgba(255,255,255,.8); }
.vn-kampanya h2, .vn .vn-kampanya h2 { margin: 0 0 var(--vn-2); font-size: clamp(24px, 3vw, 34px); color: #fff; }
.vn-kampanya h2 em { font-style: normal; padding: 0 10px; border-radius: 10px; background: var(--vn-navy); color: var(--vn-lime); }
.vn-kampanya p, .vn .vn-kampanya p { margin: 0; color: rgba(255,255,255,.9); max-width: 60ch; }
.vn-kampanya .vn-btn--accent { background: #fff; border-color: #fff; }
.vn-kampanya__baslik, .vn .vn-kampanya__baslik { display: flex; align-items: center; gap: 10px; margin: var(--vn-6) 0 var(--vn-3); font-size: 22px; scroll-margin-top: 96px; }
.vn-kampanya__baslik i { width: 40px; height: 40px; display: grid; place-items: center; border-radius: 10px; background: var(--vn-blue-wash); color: var(--vn-blue); font-size: 16px; }
.vn-kampanya__tablo s { color: var(--vn-text-3); }
.vn-kampanya__yeni { font-weight: 700; color: var(--vn-lime-ink); }
.vn-kampanya__tum, .vn .vn-kampanya__tum { margin: var(--vn-3) 0 0; }
#vn-kampanya-paketler { scroll-margin-top: 96px; }
/* Üst menü yedi başlıkla: logo sıkışmasın, orta genişlikte düğmeler daralsın */
@media (min-width: 1100px) { .vn-header__logo { flex: 0 0 auto; } }
/* Geniş ekranda da aynı ölçü: üst bar 1200 px gövdeyle hizalı kalır, düğmeler dışarı taşmaz */
@media (min-width: 1100px) {
  .vn-mega { gap: 0; }
  .vn-mega__btn { padding: 0 8px; font-size: 14px; gap: 5px; }
}
@media (min-width: 1100px) and (max-width: 1279px) { .vn-header__actions .vn-hide-sm { display: none; } }
@media (min-width: 900px) { .vn-kunye { grid-template-columns: repeat(5, minmax(0, 1fr)); } }
.vn-kunye b { font-size: 22px; }
@media (min-width: 760px) { .vn-kampanya__tablo td { white-space: nowrap; } }
@media (max-width: 991px) { .vn-page { overflow-x: clip; } }
/* Logo: oranı korunur, sıkışmaz */
.vn-header__logo, .vn-side__logo, .vn-top__logo { flex: 0 0 auto; }
.vn-header__logo img.vn-logo { height: 38px; width: auto; max-width: none; object-fit: contain; }
.vn-side__logo img.vn-logo, .vn-top__logo img.vn-logo { height: 32px; width: auto; max-width: none; object-fit: contain; }
@media (max-width: 480px) { .vn-header__logo img.vn-logo { height: 26px; } .vn-header__actions { gap: 6px; } }
@media (max-width: 370px) { .vn-header__logo img.vn-logo { height: 22px; } }
@media (max-width: 370px) { .vn-util__in { gap: 6px; padding-inline: 10px; } .vn-util__contact a { font-size: 12px; } .vn-util { overflow-x: clip; } }
/* Yönetilen sunucu: ikonlu karşılaştırma tablosu ve işletim sistemi kutuları */
.vn-yonet .vn-table th[scope="row"] i { width: 30px; height: 30px; margin-right: 8px; display: inline-grid; place-items: center; border-radius: 8px; background: var(--vn-blue-wash); color: var(--vn-blue); font-size: 13px; vertical-align: middle; }
.vn-yonet .vn-table th[scope="row"] { text-transform: none; letter-spacing: 0; font-family: var(--vn-font-head); font-size: 14px; font-weight: 600; color: var(--vn-ink); }
.vn-yonet .vn-table td i { margin-right: 6px; color: var(--vn-text-3); }
.vn-yonet .vn-table td.is-this { font-weight: 600; }
.vn-yonet .vn-table td.is-this i { color: var(--vn-teal); }
[data-vn-tema="dark"] .vn-yonet .vn-table td.is-this { color: var(--vn-ink); }
.vn-ikili--os .vn-ikili__kutu > i { font-size: 26px; }
.vn-ikili__kutu ul { list-style: none; margin: var(--vn-4) 0 0; padding: var(--vn-4) 0 0; border-top: 1px solid rgba(255,255,255,.2); display: grid; gap: 8px; font-size: 14px; color: #fff; }
.vn-ikili__kutu ul li { position: relative; padding-left: 26px; }
.vn-ikili__kutu ul li i { position: absolute; left: 0; top: 3px; width: auto; height: auto; display: inline; background: transparent; border-radius: 0; font-size: 13px; color: var(--vn-lime); }

/* Kutu ızgaraları yarım satır bırakmaz: son satırdaki kutular satırı doldurur.
   4 kutu 2 + 2, 7 / 10 / 13 kutu dörtlü satırlarla dizilir (tek kutu tek başına kalmasın diye). */
@media (min-width: 640px) {
  .vn-page__body--product .vn-feats, .vn-gfeats:not(.vn-gfeats--4), .vn-guses, .vn-related { --g: var(--vn-4); display: flex; flex-wrap: wrap; gap: var(--g); }
  .vn-guses, .vn-related { --g: var(--vn-3); }
  .vn-page__body--product .vn-feats > *, .vn-gfeats:not(.vn-gfeats--4) > *, .vn-guses > *, .vn-related > * { flex: 1 1 calc(50% - var(--g)); min-width: 0; }
}
@media (min-width: 1100px) {
  .vn-page__body--product .vn-feats > *, .vn-gfeats:not(.vn-gfeats--4) > *, .vn-guses > *, .vn-related > * { flex-basis: calc(33.333% - var(--g)); }
  .vn-page__body--product .vn-feats > :first-child:nth-last-child(4), .vn-page__body--product .vn-feats > :first-child:nth-last-child(4) ~ *,
  .vn-gfeats:not(.vn-gfeats--4) > :first-child:nth-last-child(4), .vn-gfeats:not(.vn-gfeats--4) > :first-child:nth-last-child(4) ~ *,
  .vn-guses > :first-child:nth-last-child(4), .vn-guses > :first-child:nth-last-child(4) ~ *,
  .vn-related > :first-child:nth-last-child(4), .vn-related > :first-child:nth-last-child(4) ~ * { flex-basis: calc(50% - var(--g)); }
  .vn-page__body--product .vn-feats > :first-child:is(:nth-last-child(7), :nth-last-child(10), :nth-last-child(13)), .vn-page__body--product .vn-feats > :first-child:is(:nth-last-child(7), :nth-last-child(10), :nth-last-child(13)) ~ *,
  .vn-gfeats:not(.vn-gfeats--4) > :first-child:is(:nth-last-child(7), :nth-last-child(10), :nth-last-child(13)), .vn-gfeats:not(.vn-gfeats--4) > :first-child:is(:nth-last-child(7), :nth-last-child(10), :nth-last-child(13)) ~ *,
  .vn-guses > :first-child:is(:nth-last-child(7), :nth-last-child(10), :nth-last-child(13)), .vn-guses > :first-child:is(:nth-last-child(7), :nth-last-child(10), :nth-last-child(13)) ~ *,
  .vn-related > :first-child:is(:nth-last-child(7), :nth-last-child(10), :nth-last-child(13)), .vn-related > :first-child:is(:nth-last-child(7), :nth-last-child(10), :nth-last-child(13)) ~ * { flex-basis: calc(25% - var(--g)); }
}
.vn-kunye { display: flex; flex-wrap: wrap; }
.vn-kunye > div { flex: 1 1 150px; }

/* Bölüm üst başlıkları (ör. "Hizmete dahil olanlar"): sade, çizgili etiket (hap biçimi ve parlayan nokta kullanıcı tarafından reddedildi) */
.vn-page__body--product > .vn-label, .vn-page__body--product .vn-split__head .vn-label,
.vn-group-section > .vn-label, .vn-group-section .vn-split__head .vn-label,
.vn-home3 .vn-label {
  display: flex; align-items: center; gap: 10px; padding: 0; background: none; border: 0; border-radius: 0;
  font-family: var(--vn-font-head); font-size: 13px; line-height: 18px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--vn-teal);
}
.vn-page__body--product > .vn-label::before, .vn-page__body--product .vn-split__head .vn-label::before,
.vn-group-section > .vn-label::before, .vn-group-section .vn-split__head .vn-label::before,
.vn-home3 .vn-label::before { content: ""; width: 28px; height: 3px; flex: 0 0 auto; border-radius: 2px; background: linear-gradient(90deg, var(--vn-teal), var(--vn-lime)); }
.vn-home3 .vn-sechead--center .vn-label { justify-content: center; }
.vn-page__body--product > .vn-label { margin-top: var(--vn-6); }
/* Etiketi olan bölünmüş başlıkta ikinci bir çizgi olmaz */
.vn-split__head .vn-label + h2::before { display: none; }
.vn-page__body--product .vn-split__head .vn-label + h2 { padding-top: 0; }
.vn-chipgrup { display: grid; gap: var(--vn-4); }
.vn-chipgrup > div { padding: var(--vn-4) var(--vn-5); border-radius: 14px; background: var(--vn-surface); border: 1px solid var(--vn-line); display: grid; gap: 10px; }
.vn-chipgrup > div > span { font-family: var(--vn-font-head); font-weight: 600; color: var(--vn-ink); }
.vn-chipgrup > div > span i { margin-right: 6px; color: var(--vn-blue); }
.vn-chipgrup .vn-chips { margin: 0; padding: 0; list-style: none; }
@media (min-width: 900px) { .vn-chipgrup { grid-template-columns: 1.4fr 1fr; } }

/* Dedicated: işletim sistemi ve panel logoları */
.vn-logogrup { display: grid; gap: var(--vn-4); }
@media (min-width: 1000px) { .vn-logogrup { grid-template-columns: 1.5fr 1fr; } }
.vn-logogrup__kutu { padding: var(--vn-5); border-radius: 18px; background: var(--vn-surface); border: 1px solid var(--vn-line); }
.vn-logogrup__kutu h3, .vn .vn-logogrup__kutu h3 { margin: 0 0 var(--vn-4); font-size: 18px; display: flex; align-items: center; gap: 10px; }
.vn-logogrup__kutu h3 i { width: 36px; height: 36px; display: grid; place-items: center; border-radius: 10px; background: var(--vn-blue-wash); color: var(--vn-blue); font-size: 15px; }
.vn-logokartlar { display: grid; gap: 10px; grid-template-columns: repeat(auto-fill, minmax(118px, 1fr)); }
.vn-logokart, .vn a.vn-logokart { --m: var(--vn-blue); display: grid; justify-items: center; gap: 8px; padding: 14px 8px; border-radius: 14px; background: var(--vn-bg); border: 1px solid var(--vn-line); text-align: center; text-decoration: none; color: var(--vn-ink); transition: transform var(--vn-ease), box-shadow var(--vn-ease), border-color var(--vn-ease); }
.vn-logokart:hover { transform: translateY(-2px); border-color: var(--m); box-shadow: 0 10px 24px rgba(11,42,74,.1); }
.vn-logokart i { width: 48px; height: 48px; display: grid; place-items: center; border-radius: 12px; font-size: 24px; color: var(--m); background: color-mix(in srgb, var(--m) 13%, transparent); }
.vn-logokart span { font-family: var(--vn-font-head); font-size: 13px; font-weight: 600; line-height: 1.25; }
.vn-logokart--ubuntu { --m: #E95420; } .vn-logokart--debian { --m: #D70A53; } .vn-logokart--centos { --m: #9B4F96; } .vn-logokart--alma { --m: #0F7BBF; }
.vn-logokart--fedora { --m: #3C6EB4; } .vn-logokart--suse { --m: #5CA52E; } .vn-logokart--arch { --m: #1793D1; } .vn-logokart--freebsd { --m: #C4302B; }
.vn-logokart--rocky { --m: #10B981; } .vn-logokart--openbsd { --m: #C9A227; } .vn-logokart--windows { --m: #0078D4; } .vn-logokart--vmware { --m: #607D8B; }
.vn-logokart--cpanel { --m: #FF6C2C; } .vn-logokart--plesk { --m: #2B3A8C; } .vn-logokart--cyber { --m: #0E9F6E; } .vn-logokart--cwp { --m: #3B82F6; }
.vn-logokart--webmin { --m: #5B6B7A; } .vn-logokart--proxmox { --m: #E57000; } .vn-logokart--docker { --m: #2496ED; }
[data-vn-tema="dark"] .vn-logokart--plesk { --m: #8FA2FF; }
.vn-logokart--dahasi, .vn a.vn-logokart--dahasi { --m: var(--vn-lime-ink); border-style: dashed; border-color: var(--vn-line-strong); background: transparent; }
.vn-logogrup__not, .vn .vn-logogrup__not { margin: var(--vn-3) 0 0; max-width: none; padding: 12px 16px; border-radius: 12px; background: var(--vn-blue-wash); color: var(--vn-ink); font-size: 14px; }
.vn-logogrup__not i { margin-right: 6px; color: var(--vn-blue); }
/* SLA: başlangıç fiyatı + teklif */
.vn-sla__once { font-size: 13px; color: var(--vn-text-2); margin-right: 2px; }
.vn-sla__deal, .vn .vn-sla__deal { font-size: 12px; color: var(--vn-text-2); }
.vn-sla__dahil { cursor: default; pointer-events: none; }
.vn-sla__adim { margin-top: var(--vn-5); list-style: none; padding: 0; }
.vn-sla__adim li > span { background: var(--vn-lime); color: var(--vn-navy); }
.vn-logokartlar { grid-template-columns: repeat(3, minmax(0, 1fr)); }
@media (min-width: 640px) { .vn-logokartlar--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.vn-logokart--da { --m: #1F6FB2; }
.vn-sla__price { flex-wrap: wrap; }
.vn-sla__once { flex: 1 1 100%; }
.vn-sla__price b { white-space: nowrap; }

/* Linux / Windows geçişi (başlık bandı) ve eş sayfa bandı */
.vn-ossw { display: inline-flex; flex-wrap: wrap; align-items: center; gap: 6px; margin: var(--vn-4) 10px 0 0; padding: 6px; border-radius: 14px; background: rgba(255,255,255,.1); border: 1px solid rgba(255,255,255,.18); vertical-align: top; }
.vn-ossw__label { padding: 0 8px; font-family: var(--vn-font-mono); font-size: 11px; letter-spacing: .08em; text-transform: uppercase; color: rgba(255,255,255,.7); }
.vn-ossw__sec, .vn a.vn-ossw__sec { display: inline-flex; align-items: center; gap: 8px; height: 36px; padding: 0 14px; border-radius: 10px; font-family: var(--vn-font-head); font-size: 14px; font-weight: 600; color: #fff; text-decoration: none; transition: background var(--vn-ease); }
.vn a.vn-ossw__sec:hover { background: rgba(255,255,255,.16); color: #fff; }
.vn-ossw__sec.is-on { background: #fff; color: var(--vn-navy); }
.vn-ossw__sec i { font-size: 16px; }
@media (max-width: 575px) { .vn-ossw__label { display: none; } }
.vn-esband { --m: #0078D4; display: flex; flex-wrap: wrap; align-items: center; gap: var(--vn-4) var(--vn-5); margin: var(--vn-6) 0; padding: var(--vn-5) var(--vn-6); border-radius: 20px; background: var(--vn-surface); border: 1px solid var(--vn-line); border-left: 6px solid var(--m); box-shadow: 0 8px 26px rgba(11,42,74,.06); }
.vn-esband--linux { --m: #E9A100; }
.vn-esband > div { flex: 1 1 320px; }
.vn-esband__icon { width: 60px; height: 60px; display: grid; place-items: center; border-radius: 16px; font-size: 30px; color: var(--m); background: color-mix(in srgb, var(--m) 13%, transparent); }
.vn-esband h2, .vn .vn-esband h2 { margin: 0; font-size: 22px; }
.vn-esband p, .vn .vn-esband p { margin: 4px 0 0; color: var(--vn-text-2); max-width: none; }
.vn-panellogo--win { color: #0078D4; font-size: 16px; }

/* Resmî cPanel ve Plesk logoları (WHMCS'in sunucu modülleriyle gelen dosyalar; img/cpanel.png, img/plesk.png) */
.vn-panellogo, [data-vn-tema="dark"] .vn-panellogo { background: #fff; }
.vn-panellogo img { display: block; height: 18px; width: auto; max-width: none; }
.vn-panellogo--plesk img { height: 20px; }
.vn-hcard__panels .vn-panellogo img { height: 15px; } .vn-hcard__panels .vn-panellogo--plesk img { height: 17px; }
.vn-hdetay .vn-panellogo--sm img { height: 12px; } .vn-hdetay .vn-panellogo--plesk.vn-panellogo--sm img { height: 14px; }
.vn-hcard__panels .vn-panellogo, .vn-hdetay .vn-panellogo--sm { background: #fff; }
/* Başlık bandında seçim şeritleri: her sayfada aynı dizilim (üstte işletim sistemi, altında kontrol paneli) */
.vn-ghero__secim { display: flex; flex-direction: column; align-items: flex-start; gap: 10px; margin-top: var(--vn-4); }
.vn-ghero__secim:empty { display: none; }
.vn-ghero__secim .vn-ossw, .vn-ghero__secim .vn-panelsw { margin: 0; }
.vn-ghero__secim .vn-ossw__label, .vn-ghero__secim .vn-panelsw__label { min-width: 128px; }
.vn-ghero__secim .vn-panelsw { padding: 6px 14px 6px 6px; border-radius: 14px; min-height: 50px; }
.vn-ghero__secim .vn-panelsw__label { padding: 0 8px; }
@media (max-width: 575px) { .vn-ghero__secim .vn-ossw__label, .vn-ghero__secim .vn-panelsw__label { min-width: 0; } }

/* Spam filtresi: paket kartları ve hosting sayfalarındaki ek hizmet bandı */
.vn-spam { display: grid; gap: var(--vn-4); grid-template-columns: 1fr; }
@media (min-width: 640px) { .vn-spam { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1100px) { .vn-spam { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.vn-spam__kart { display: flex; flex-direction: column; gap: var(--vn-3); padding: var(--vn-5); background: var(--vn-surface); border: 1px solid var(--vn-line); border-top: 4px solid var(--vn-blue); border-radius: 16px; }
.vn-spam__kart:nth-child(1) { border-top-color: var(--vn-teal); } .vn-spam__kart:nth-child(4) { border-top-color: var(--vn-navy); }
.vn-spam__kart h3, .vn .vn-spam__kart h3 { margin: 0; font-size: 18px; }
.vn-spam__fiyat, .vn .vn-spam__fiyat { margin: 0; padding: 12px 14px; border-radius: 12px; background: var(--vn-bg); display: flex; align-items: baseline; gap: 6px; }
.vn-spam__fiyat b { font-family: var(--vn-font-head); font-size: 26px; font-weight: 700; letter-spacing: -0.02em; color: var(--vn-ink); white-space: nowrap; }
.vn-spam__fiyat b.vn-spam__teklif { font-size: 19px; }
.vn-spam__fiyat span { font-size: 14px; color: var(--vn-text-2); }
.vn-spam__kart ul { list-style: none; margin: 0 0 var(--vn-3); padding: 0; display: grid; gap: 9px; font-size: 14px; }
.vn-spam__kart li { position: relative; padding-left: 26px; }
.vn-spam__kart li i { position: absolute; left: 0; top: 3px; font-size: 13px; color: var(--vn-teal); }
.vn-spam__kart .vn-btn { margin-top: auto; }
.vn-spam__kart--one { background: var(--vn-grad); border-color: transparent; border-top-color: var(--vn-lime); color: #fff; }
.vn-spam__kart--one h3, .vn .vn-spam__kart--one h3, .vn-spam__kart--one .vn-spam__fiyat b, .vn-spam__kart--one ul { color: #fff; }
.vn-spam__kart--one .vn-spam__fiyat { background: rgba(255,255,255,.1); } .vn-spam__kart--one .vn-spam__fiyat span { color: rgba(255,255,255,.75); }
.vn-spam__kart--one li i { color: var(--vn-lime); }
.vn-esband--spam { --m: var(--vn-teal); }
.vn-ekrozet { display: inline-block; margin-left: 8px; padding: 3px 10px; border-radius: 999px; background: var(--vn-lime); color: var(--vn-navy); font-family: var(--vn-font-mono); font-size: 11px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; vertical-align: middle; }

/* Üst menü: iki sütunlu "Kurumsal ve Destek" paneli */
.vn-mega__kolon { display: grid; gap: 2px; align-content: start; min-width: 0; }
.vn-mega__baslik { padding: 6px 12px 4px; font-family: var(--vn-font-mono); font-size: 11px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--vn-teal); }
@media (min-width: 1100px) { .vn-mega__panel--kolon { grid-template-columns: repeat(2, minmax(270px, 1fr)); gap: var(--vn-2); } .vn-mega__kolon + .vn-mega__kolon { border-left: 1px solid var(--vn-line); padding-left: var(--vn-2); } }
.vn-mega__kolon a:nth-child(3n+2) > i { background: var(--vn-blue-wash); color: var(--vn-blue); }
.vn-mega__kolon a:nth-child(3n+3) > i { background: var(--vn-teal-wash); color: var(--vn-teal); }
.vn-mega__kolon a:nth-child(3n+4) > i { background: var(--vn-lime-wash); color: var(--vn-lime-ink); }

/* İkili kart ızgarası (ör. spam paneli girişi / hosting'e ekleme) */
.vn-ikikart { display: grid; gap: var(--vn-4); grid-template-columns: 1fr; }
@media (min-width: 800px) { .vn-ikikart { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.vn-ikikart > div { --m: var(--vn-blue); display: grid; grid-template-columns: 56px minmax(0, 1fr); gap: var(--vn-3) var(--vn-4); align-content: start; padding: var(--vn-5); background: var(--vn-surface); border: 1px solid var(--vn-line); border-top: 4px solid var(--m); border-radius: 16px; }
.vn-ikikart > div:nth-child(2) { --m: var(--vn-teal); }
.vn-ikikart > div > i { width: 56px; height: 56px; display: grid; place-items: center; border-radius: 14px; font-size: 22px; color: var(--m); background: color-mix(in srgb, var(--m) 13%, transparent); }
.vn-ikikart h3, .vn .vn-ikikart h3 { margin: 0 0 4px; font-size: 18px; }
.vn-ikikart p, .vn .vn-ikikart p { margin: 0; font-size: 14px; color: var(--vn-text-2); max-width: none; }
.vn-ikikart .vn-btn { grid-column: 2; justify-self: start; margin-top: var(--vn-2); }
.vn-yakinda { display: inline-block; margin-left: 6px; padding: 2px 8px; border-radius: 6px; background: var(--vn-lime); color: var(--vn-navy); font-style: normal; font-family: var(--vn-font-mono); font-size: 10px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; vertical-align: middle; }

/* Alt menü (footer): üst iletişim şeridi, marka sütunu, beş bağlantı sütunu, ödeme satırı */
.vn-footer { padding-block: var(--vn-7) var(--vn-5); }
.vn-footer__ust { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--vn-4); padding: var(--vn-5) var(--vn-6); margin-bottom: var(--vn-7); border-radius: 20px; background: linear-gradient(120deg, rgba(24,119,185,.35), rgba(23,162,138,.28)); border: 1px solid rgba(255,255,255,.14); }
.vn-footer__ust h3, .vn .vn-footer__ust h3 { margin: 0; font-size: 22px; color: #fff; }
.vn-footer__ust p, .vn .vn-footer__ust p { margin: 4px 0 0; color: rgba(255,255,255,.82); max-width: none; }
.vn-footer__ust-dugme { display: flex; flex-wrap: wrap; gap: 10px; }
.vn-footer__grid { display: grid; gap: var(--vn-6) var(--vn-5); grid-template-columns: repeat(2, minmax(0, 1fr)); }
.vn-footer__marka { grid-column: 1 / -1; }
@media (min-width: 768px) { .vn-footer__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (min-width: 1100px) { .vn-footer__grid { grid-template-columns: 1.7fr repeat(5, minmax(0, 1fr)); } .vn-footer__marka { grid-column: auto; padding-right: var(--vn-5); } }
.vn-footer__logo img { display: block; height: 38px; width: auto; margin-bottom: var(--vn-4); }
.vn-footer__iletisim { margin: var(--vn-4) 0 !important; gap: 10px !important; }
.vn-footer__iletisim li { display: grid; grid-template-columns: 20px minmax(0, 1fr); gap: 10px; align-items: start; }
.vn-footer__iletisim i { margin-top: 4px; color: var(--vn-lime); text-align: center; }
.vn-footer__sosyal { display: flex; gap: 8px; }
.vn-footer__sosyal a { width: 38px; height: 38px; display: grid; place-items: center; border-radius: 10px; background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.14); color: #fff; transition: background var(--vn-ease), transform var(--vn-ease); }
.vn-footer__sosyal a:hover { background: var(--vn-lime); color: var(--vn-navy); transform: translateY(-2px); text-decoration: none; }
.vn-footer h4 { font-family: var(--vn-font-head); font-size: 14px; letter-spacing: .02em; text-transform: none; font-weight: 700; padding-bottom: 10px; margin-bottom: var(--vn-3); position: relative; }
.vn-footer h4::after { content: ""; position: absolute; left: 0; bottom: 0; width: 28px; height: 3px; border-radius: 2px; background: linear-gradient(90deg, var(--vn-teal), var(--vn-lime)); }
.vn-footer ul a { display: inline-block; transition: transform var(--vn-ease), color var(--vn-ease); }
.vn-footer ul a:hover { transform: translateX(3px); text-decoration: none; }
.vn-footer__odeme { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 22px; margin-top: var(--vn-7); padding: var(--vn-4) var(--vn-5); border-radius: 14px; background: rgba(255,255,255,.05); border: 1px solid rgba(255,255,255,.1); font-size: 13px; }
.vn-footer__odeme i { margin-right: 6px; color: var(--vn-lime); }
.vn-footer__odeme-baslik { font-family: var(--vn-font-mono); font-size: 11px; letter-spacing: .08em; text-transform: uppercase; color: rgba(255,255,255,.6); }
@media (min-width: 900px) { .vn-footer__odeme-sag { margin-left: auto; } }
.vn-footer__legal { margin-top: var(--vn-5); align-items: center; gap: var(--vn-3) var(--vn-5); }
.vn-footer__yasal { display: inline-flex; flex-wrap: wrap; gap: 16px; }

/* "Sizi arayalım" penceresi */
.vn-arama { width: min(560px, calc(100vw - 24px)); padding: 0; border: 1px solid var(--vn-line); border-radius: 18px; }
.vn-arama::backdrop { background: rgba(11,42,74,.55); }
.vn-arama .vn-dialog__body { display: grid; gap: var(--vn-4); padding: var(--vn-5); }
.vn-arama .vn-dialog__foot { display: flex; justify-content: flex-end; gap: 10px; padding: var(--vn-4) var(--vn-5); background: var(--vn-bg); border-top: 1px solid var(--vn-line); border-radius: 0 0 18px 18px; }
.vn-arama__bas { display: flex; align-items: center; gap: var(--vn-4); }
.vn-arama__ikon { width: 52px; height: 52px; flex: 0 0 auto; display: grid; place-items: center; border-radius: 14px; background: var(--vn-lime); color: var(--vn-navy); font-size: 20px; }
.vn-arama__bas h2, .vn .vn-arama__bas h2 { margin: 0; font-size: 22px; }
.vn-arama__bas p, .vn .vn-arama__bas p { margin: 2px 0 0; color: var(--vn-text-2); font-size: 14px; }
.vn-arama__alanlar { display: grid; gap: var(--vn-3); grid-template-columns: 1fr; }
@media (min-width: 520px) { .vn-arama__alanlar { grid-template-columns: repeat(2, minmax(0, 1fr)); } .vn-arama__tam { grid-column: 1 / -1; } }
.vn-arama__alanlar label { display: grid; gap: 6px; margin: 0; font-size: 13px; font-weight: 600; color: var(--vn-ink); }
.vn-arama__alanlar input, .vn-arama__alanlar textarea { width: 100%; padding: 10px 12px; border: 1px solid var(--vn-line-strong); border-radius: 10px; background: var(--vn-surface); color: var(--vn-ink); font: inherit; font-weight: 400; font-size: 15px; }
.vn-arama__alanlar input:focus, .vn-arama__alanlar textarea:focus { outline: 2px solid var(--vn-blue); outline-offset: 1px; border-color: var(--vn-blue); }
.vn-arama__gizli { position: absolute !important; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.vn-arama__bilgi, .vn .vn-arama__bilgi { margin: 0; font-size: 12px; color: var(--vn-text-2); }
.vn-arama__sonuc, .vn .vn-arama__sonuc { margin: 0; padding: 12px 14px; border-radius: 12px; font-size: 14px; font-weight: 600; }
.vn-arama__sonuc.is-tamam { background: var(--vn-lime-wash); color: var(--vn-lime-ink); }
.vn-arama__sonuc.is-hata { background: #FDECEC; color: #B42318; }
[data-vn-tema="dark"] .vn-arama__sonuc.is-hata { background: #3A1512; color: #FFB4A8; }
.vn-ghero__ara, .vn a.vn-ghero__ara { display: block; margin-top: 10px; text-align: center; font-family: var(--vn-font-head); font-size: 14px; font-weight: 600; color: var(--vn-blue); }
.vn-ghero__ara i { margin-right: 6px; }

/* VPS / VDS farkı */
.vn-fark { display: grid; gap: var(--vn-4); grid-template-columns: 1fr; }
@media (min-width: 860px) { .vn-fark { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.vn-fark__giris, .vn .vn-fark__giris { margin: 0 0 var(--vn-4); color: var(--vn-text-2); max-width: 78ch; }
.vn-fark__kart { --m: var(--vn-blue); display: flex; flex-direction: column; gap: var(--vn-4); padding: var(--vn-5); background: var(--vn-surface); border: 1px solid var(--vn-line); border-top: 4px solid var(--m); border-radius: 18px; }
.vn-fark__kart:nth-child(2) { --m: var(--vn-teal); }
.vn-fark__kart.is-bu { box-shadow: 0 16px 40px rgba(11,42,74,.12); border-color: var(--m); }
.vn-fark__kart header { display: flex; align-items: center; gap: var(--vn-4); }
.vn-fark__ikon { width: 56px; height: 56px; flex: 0 0 auto; display: grid; place-items: center; border-radius: 14px; font-size: 24px; color: var(--m); background: color-mix(in srgb, var(--m) 13%, transparent); }
.vn-fark__kart h3, .vn .vn-fark__kart h3 { margin: 0; font-size: 20px; }
.vn-fark__kart header p, .vn .vn-fark__kart header p { margin: 2px 0 0; font-size: 14px; color: var(--vn-text-2); }
.vn-fark__kart ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 12px; }
.vn-fark__kart li { display: grid; grid-template-columns: 32px minmax(0, 1fr); gap: 12px; align-items: start; font-size: 14px; color: var(--vn-text-2); }
.vn-fark__kart li i { width: 32px; height: 32px; display: grid; place-items: center; border-radius: 9px; background: var(--vn-bg); color: var(--m); font-size: 13px; }
.vn-fark__kart li strong { display: block; color: var(--vn-ink); font-family: var(--vn-font-head); }
.vn-fark__kart .vn-btn, .vn-fark__bu { margin-top: auto; }
.vn-fark__bu { display: block; padding: 10px; border-radius: 10px; background: var(--vn-bg); text-align: center; font-size: 13px; font-weight: 600; color: var(--vn-text-2); }
.vn-fark__ozet, .vn .vn-fark__ozet { margin: var(--vn-4) 0 0; padding: 14px 18px; border-radius: 12px; background: var(--vn-lime-wash); color: var(--vn-ink); font-weight: 600; max-width: none; }
.vn-fark__ozet i { margin-right: 8px; color: var(--vn-lime-ink); }
.vn-logogrup--tek { grid-template-columns: 1fr; }
@media (min-width: 900px) { .vn-logogrup--tek .vn-logokartlar--4 { grid-template-columns: repeat(6, minmax(0, 1fr)); } }
.vn-logokart--docker { --m: #2496ED; } .vn-logokart--k8s { --m: #326CE5; } .vn-logokart--gitlab { --m: #FC6D26; } .vn-logokart--github { --m: #6E5494; } .vn-logokart--jenkins { --m: #D24939; } .vn-logokart--ansible { --m: #1A1918; } .vn-logokart--prom { --m: #E6522C; } .vn-logokart--grafana { --m: #F46800; } .vn-logokart--db { --m: #00758F; } .vn-logokart--redis { --m: #DC382D; } .vn-logokart--nginx { --m: #009639; }
[data-vn-tema="dark"] .vn-logokart--ansible { --m: #C9D1D9; } [data-vn-tema="dark"] .vn-logokart--github { --m: #B392F0; }
.vn-panelsec__logo--img { background: #fff !important; padding: 0 10px; } .vn-panelsec__logo--img img { max-width: 100%; height: auto; }
/* Footer ızgarası yarım satır bırakmaz: tablette marka + 5 sütun = 3 x 2; telefonda son sütun iki sütuna yayılır */
@media (min-width: 768px) and (max-width: 1099px) { .vn-footer__marka { grid-column: auto; } }
@media (max-width: 767px) { .vn-footer__grid > div:last-child { grid-column: 1 / -1; } .vn-footer__grid > div:last-child ul { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: var(--vn-5); } }

/* VPS yapılandırıcı: kaydırma çubukları + fiyat özeti */
.vn-yapi { display: grid; gap: var(--vn-5); grid-template-columns: 1fr; padding: var(--vn-5); background: var(--vn-surface); border: 1px solid var(--vn-line); border-radius: 22px; box-shadow: 0 10px 34px rgba(11,42,74,.07); scroll-margin-top: 96px; }
@media (min-width: 1000px) { .vn-yapi { grid-template-columns: minmax(0, 1.5fr) minmax(300px, 1fr); padding: var(--vn-6); gap: var(--vn-7); } }
.vn-yapi__sol { display: grid; gap: var(--vn-4); align-content: start; min-width: 0; }
.vn-yapi__sol h2, .vn .vn-yapi__sol h2 { margin: 0; font-size: 26px; }
.vn-yapi__sol > .vn-label { margin: 0; display: flex; align-items: center; gap: 10px; font-family: var(--vn-font-head); font-size: 13px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--vn-teal); }
.vn-yapi__sol > .vn-label::before { content: ""; width: 28px; height: 3px; border-radius: 2px; background: linear-gradient(90deg, var(--vn-teal), var(--vn-lime)); }
.vn-yapi__hazir { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; font-size: 13px; color: var(--vn-text-2); }
.vn-yapi__hazir button { height: 34px; padding: 0 14px; border-radius: 999px; border: 1px solid var(--vn-line-strong); background: var(--vn-bg); color: var(--vn-ink); font-family: var(--vn-font-head); font-size: 13px; font-weight: 600; cursor: pointer; transition: border-color var(--vn-ease), background var(--vn-ease); }
.vn-yapi__hazir button:hover { border-color: var(--vn-blue); background: var(--vn-blue-wash); }
.vn-yapi__satir { display: grid; gap: 8px; padding: var(--vn-4); border-radius: 14px; background: var(--vn-bg); border: 1px solid var(--vn-line); }
.vn-yapi__satir label { display: flex; align-items: center; gap: 10px; margin: 0; font-family: var(--vn-font-head); font-weight: 600; color: var(--vn-ink); }
.vn-yapi__satir label i { width: 34px; height: 34px; display: grid; place-items: center; border-radius: 10px; background: var(--vn-blue-wash); color: var(--vn-blue); font-size: 14px; }
.vn-yapi__satir output { margin-left: auto; padding: 4px 12px; border-radius: 8px; background: var(--vn-navy); color: #fff; font-family: var(--vn-font-mono); font-size: 14px; white-space: nowrap; }
.vn-yapi__cubuk { display: grid; grid-template-columns: 36px minmax(0, 1fr) 36px; gap: 10px; align-items: center; }
.vn-yapi__adim { width: 36px; height: 36px; border-radius: 10px; border: 1px solid var(--vn-line-strong); background: var(--vn-surface); color: var(--vn-ink); cursor: pointer; font-size: 12px; }
.vn-yapi__adim:hover { border-color: var(--vn-blue); color: var(--vn-blue); }
.vn-yapi input[type="range"] { --dolu: 0%; width: 100%; height: 8px; margin: 0; border-radius: 999px; appearance: none; -webkit-appearance: none; background: linear-gradient(90deg, var(--vn-teal) 0, var(--vn-lime) var(--dolu), var(--vn-line-strong) var(--dolu)); cursor: pointer; }
.vn-yapi input[type="range"]::-webkit-slider-thumb { -webkit-appearance: none; width: 24px; height: 24px; border-radius: 50%; background: #fff; border: 3px solid var(--vn-navy); box-shadow: 0 2px 8px rgba(11,42,74,.3); }
.vn-yapi input[type="range"]::-moz-range-thumb { width: 18px; height: 18px; border-radius: 50%; background: #fff; border: 3px solid var(--vn-navy); box-shadow: 0 2px 8px rgba(11,42,74,.3); }
.vn-yapi input[type="range"]:focus-visible { outline: 2px solid var(--vn-blue); outline-offset: 4px; }
.vn-yapi__uc { display: flex; justify-content: space-between; padding: 0 46px; font-family: var(--vn-font-mono); font-size: 11px; color: var(--vn-text-3); }
.vn-yapi__ozet { display: flex; flex-direction: column; gap: var(--vn-4); padding: var(--vn-5); border-radius: 18px; background: var(--vn-grad); color: #fff; align-self: start; position: sticky; top: 96px; }
.vn-yapi__ozet-baslik, .vn .vn-yapi__ozet-baslik { margin: 0; font-family: var(--vn-font-mono); font-size: 12px; letter-spacing: .1em; text-transform: uppercase; color: rgba(255,255,255,.75); }
.vn-yapi__ozet ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
.vn-yapi__ozet li { display: flex; align-items: center; gap: 10px; padding-bottom: 10px; border-bottom: 1px solid rgba(255,255,255,.14); font-size: 14px; color: rgba(255,255,255,.85); }
.vn-yapi__ozet li i { width: 20px; text-align: center; color: var(--vn-lime); }
.vn-yapi__ozet li b { margin-left: auto; font-family: var(--vn-font-mono); color: #fff; white-space: nowrap; }
.vn-yapi__fiyat, .vn .vn-yapi__fiyat { margin: 0; display: grid; gap: 2px; }
.vn-yapi__fiyat small { font-size: 13px; color: rgba(255,255,255,.75); }
.vn-yapi__fiyat b { font-family: var(--vn-font-head); font-size: 38px; line-height: 1.1; font-weight: 700; letter-spacing: -0.03em; color: #fff; white-space: nowrap; }
.vn-yapi__fiyat span { font-size: 13px; color: rgba(255,255,255,.75); }
.vn-yapi__not, .vn .vn-yapi__not { margin: 0; font-size: 12px; line-height: 1.5; color: rgba(255,255,255,.7); }
@media (max-width: 999px) { .vn-yapi__ozet { position: static; } }

/* Veri merkezleri: altyapı blokları */
.vn-altyapi { display: grid; gap: var(--vn-4); grid-template-columns: 1fr; }
@media (min-width: 800px) { .vn-altyapi { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.vn-altyapi article { --m: var(--vn-blue); padding: var(--vn-5); background: var(--vn-surface); border: 1px solid var(--vn-line); border-left: 4px solid var(--m); border-radius: 16px; }
.vn-altyapi article:nth-child(3n+2) { --m: var(--vn-teal); } .vn-altyapi article:nth-child(3n+3) { --m: var(--vn-lime-ink); }
.vn-altyapi header { display: flex; align-items: center; gap: var(--vn-3); margin-bottom: var(--vn-3); }
.vn-altyapi header i { width: 44px; height: 44px; display: grid; place-items: center; border-radius: 12px; font-size: 18px; color: var(--m); background: color-mix(in srgb, var(--m) 13%, transparent); }
.vn-altyapi h3, .vn .vn-altyapi h3 { margin: 0; font-size: 19px; }
.vn-altyapi ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; font-size: 14px; line-height: 1.55; color: var(--vn-text-2); }
.vn-altyapi li { position: relative; padding-left: 22px; }
.vn-altyapi li::before { content: ""; position: absolute; left: 4px; top: 8px; width: 7px; height: 7px; border-radius: 50%; background: var(--m); }
/* Veri merkezleri: iki lokasyonun yan yana teknik tablosu */
.vn-dctablo .vn-table { min-width: 640px; }
.vn-dctablo .vn-table thead th { background: var(--vn-navy); color: #fff; font-family: var(--vn-font-head); font-size: 16px; text-transform: none; letter-spacing: 0; }
.vn-dctablo .vn-table thead th:first-child { width: 22%; }
.vn-dctablo__bolum th, .vn-yonet.vn-dctablo .vn-table .vn-dctablo__bolum th { background: var(--vn-blue-wash); color: var(--vn-ink); font-family: var(--vn-font-head); font-size: 14px; font-weight: 700; text-transform: none; letter-spacing: 0; }
.vn-dctablo__bolum th i { margin-right: 8px; color: var(--vn-blue); }
.vn-dctablo .vn-table td { vertical-align: top; }
/* Telefonda tablo yatay kaymasın: her satır bir kart; iki tesiste aynı olan değer tek satırda "İki tesiste de" etiketiyle */
@media (max-width: 680px) {
  .vn-dctablo { overflow: visible; border: 0; background: none; box-shadow: none; }
  .vn-dctablo .vn-table, .vn-dctablo .vn-table tbody, .vn-dctablo .vn-table tr, .vn-dctablo .vn-table th, .vn-dctablo .vn-table td { display: block; width: auto; min-width: 0; }
  .vn-dctablo .vn-table { background: none; border: 0; }
  .vn-dctablo .vn-table thead { display: none; }
  .vn-dctablo .vn-table tbody { display: grid; gap: 8px; }
  .vn-dctablo .vn-table tr.vn-dctablo__bolum { margin-top: 14px; }
  .vn-dctablo .vn-table tr.vn-dctablo__bolum:first-child { margin-top: 0; }
  .vn-dctablo__bolum th, .vn-yonet.vn-dctablo .vn-table .vn-dctablo__bolum th { border-radius: 12px; padding: 10px 14px; border: 0; font-size: 15px; }
  .vn-dctablo .vn-table tr:not(.vn-dctablo__bolum) { background: var(--vn-surface); border: 1px solid var(--vn-line); border-radius: 12px; padding: 12px 14px; display: grid; gap: 8px; }
  .vn-dctablo .vn-table tr:not(.vn-dctablo__bolum) th { padding: 0; border: 0; white-space: normal; font-size: 14px; color: var(--vn-ink); background: none; }
  .vn-dctablo .vn-table tr:not(.vn-dctablo__bolum) td { padding: 0; border: 0; font-size: 14px; line-height: 1.5; color: var(--vn-text-2); display: grid; grid-template-columns: 92px minmax(0, 1fr); gap: 10px; background: none; }
  .vn-dctablo .vn-table td::before { content: attr(data-dc); font-size: 12px; font-weight: 600; color: var(--vn-blue); padding-top: 2px; }
  .vn-dctablo .vn-table tr.is-ayni td:last-child { display: none; }
}

/* Ana sayfa: dönen hizmet kartı */
.vn-hslider { padding: 0; overflow: hidden; display: flex; flex-direction: column; gap: 0; min-width: 0; }
.vn-hslider__ray { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; overscroll-behavior-x: contain; flex: 1 1 auto; }
.vn-hslider__ray::-webkit-scrollbar { display: none; }
.vn-hslider__ray:focus-visible { outline: 2px solid var(--vn-blue); outline-offset: -2px; }
.vn-hslide { --m: var(--vn-blue); flex: 0 0 100%; min-width: 0; scroll-snap-align: start; display: flex; flex-direction: column; gap: var(--vn-3); padding: var(--vn-5) var(--vn-5) var(--vn-4); }
.vn-hslide--yesil { --m: var(--vn-lime-ink); } .vn-hslide--teal { --m: var(--vn-teal); } .vn-hslide--lacivert { --m: var(--vn-navy); }
[data-vn-tema="dark"] .vn-hslide--lacivert { --m: #7FB6E6; }
.vn-hslide__ust { display: flex; align-items: center; gap: var(--vn-4); padding: var(--vn-5); margin: calc(var(--vn-5) * -1) calc(var(--vn-5) * -1) 0; background: linear-gradient(135deg, color-mix(in srgb, var(--m) 16%, transparent), color-mix(in srgb, var(--m) 4%, transparent)); border-bottom: 1px solid var(--vn-line); }
.vn-hslide__ikon { width: 72px; height: 72px; flex: 0 0 auto; display: grid; place-items: center; border-radius: 20px; background: var(--vn-surface); color: var(--m); font-size: 30px; box-shadow: 0 10px 24px rgba(11,42,74,.12); }
.vn-hslide .vn-hero3__cardlabel { color: var(--m); font-size: 15px; }
.vn-hslide .vn-hero3__price { margin-top: var(--vn-2); }
.vn-hero3__price b.vn-hero3__teklif { font-size: 28px; }
.vn-hslide ul { flex: 1 1 auto; align-content: start; }
.vn-hslide .vn-btn { margin-top: var(--vn-2); }
.vn-hslider__alt { display: flex; align-items: center; justify-content: space-between; gap: var(--vn-3); padding: 0 var(--vn-5) var(--vn-4); }
.vn-hslider__ok { width: 36px; height: 36px; display: grid; place-items: center; border-radius: 50%; border: 1px solid var(--vn-line-strong); background: var(--vn-surface); color: var(--vn-ink); cursor: pointer; font-size: 12px; transition: border-color var(--vn-ease), color var(--vn-ease); }
.vn-hslider__ok:hover { border-color: var(--vn-blue); color: var(--vn-blue); }
.vn-hslider__nokta { display: flex; align-items: center; gap: 6px; }
.vn-hslider__nokta button { width: 8px; height: 8px; padding: 0; border: 0; border-radius: 999px; background: var(--vn-line-strong); cursor: pointer; transition: width var(--vn-ease), background var(--vn-ease); }
.vn-hslider__nokta button.is-on { width: 24px; background: var(--vn-teal); }
/* Güven şeridi bağlantıları */
.vn-trust__in > a, .vn .vn-trust__in > a { color: inherit; text-decoration: none; }
.vn-trust__in > a:hover strong { color: var(--vn-blue); }
.vn-trust__in > a { display: flex; align-items: center; gap: var(--vn-3); padding: var(--vn-4) var(--vn-3); }
.vn-trust__in > a:nth-child(2) i { background: var(--vn-lime-wash); color: var(--vn-lime-ink); }
.vn-trust__in > a:nth-child(3) i { background: var(--vn-blue-wash); color: var(--vn-blue); }
@media (min-width: 992px) { .vn-trust__in > a { padding: var(--vn-5) var(--vn-4); } .vn-trust__in > a + a { border-left: 1px solid var(--vn-line); } }

/* Banka hesapları: logolu kartlar */
.vn-bankalar { display: grid; gap: var(--vn-4); grid-template-columns: 1fr; }
@media (min-width: 1000px) { .vn-bankalar { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.vn-banka { display: flex; flex-direction: column; gap: var(--vn-4); padding: var(--vn-5); background: var(--vn-surface); border: 1px solid var(--vn-line); border-radius: 18px; box-shadow: 0 6px 22px rgba(11,42,74,.05); }
.vn-banka__logo { height: 84px; display: grid; place-items: center; padding: 12px 18px; border-radius: 14px; background: #fff; border: 1px solid var(--vn-line); }
.vn-banka__logo img { max-width: 100%; max-height: 56px; width: auto; height: auto; }
.vn-banka h3, .vn .vn-banka h3 { margin: 0; font-size: 19px; }
.vn-banka__iban { display: grid; gap: 8px; padding: var(--vn-4); border-radius: 14px; background: var(--vn-blue-wash); }
.vn-banka__iban small { font-family: var(--vn-font-mono); font-size: 11px; letter-spacing: .1em; color: var(--vn-text-2); }
.vn-banka__iban b { font-size: 16px; line-height: 1.5; color: var(--vn-ink); word-spacing: 2px; overflow-wrap: anywhere; }
.vn-banka__iban .vn-btn { justify-self: start; }
.vn-banka dl, .vn-tkart dl { margin: 0; display: grid; gap: 0; }
.vn-banka dl > div, .vn-tkart dl > div { display: grid; grid-template-columns: minmax(110px, 38%) minmax(0, 1fr); gap: var(--vn-3); padding: 10px 0; border-top: 1px dashed var(--vn-line-strong); }
.vn-banka dt, .vn-tkart dt { margin: 0; font-size: 13px; font-weight: 400; color: var(--vn-text-2); }
.vn-banka dd, .vn-tkart dd { margin: 0; font-size: 14px; color: var(--vn-ink); font-weight: 600; overflow-wrap: anywhere; }
.vn-steps3--3 { list-style: none; padding: 0; }
.vn-page__body--product .vn-steps3--3 li > span { background: var(--vn-lime); color: var(--vn-navy); }
/* Ticari bilgiler: başlıklı bilgi kartları */
.vn-tkartlar { display: grid; gap: var(--vn-4); grid-template-columns: 1fr; }
@media (min-width: 800px) { .vn-tkartlar { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.vn-tkart { --m: var(--vn-blue); padding: var(--vn-5); background: var(--vn-surface); border: 1px solid var(--vn-line); border-top: 4px solid var(--m); border-radius: 18px; }
.vn-tkart:nth-child(2) { --m: var(--vn-teal); } .vn-tkart:nth-child(3) { --m: var(--vn-lime-ink); } .vn-tkart:nth-child(4) { --m: var(--vn-navy); }
[data-vn-tema="dark"] .vn-tkart:nth-child(4) { --m: #7FB6E6; }
.vn-tkart header { display: flex; align-items: center; gap: var(--vn-3); margin-bottom: var(--vn-3); }
.vn-tkart header i { width: 46px; height: 46px; display: grid; place-items: center; border-radius: 12px; font-size: 19px; color: var(--m); background: color-mix(in srgb, var(--m) 13%, transparent); }
.vn-tkart h3, .vn .vn-tkart h3 { margin: 0; font-size: 19px; }
.vn-tkart dl > div:first-child { border-top: 0; }
.vn-tkart .vn-copy { margin-left: 8px; font-family: var(--vn-font-head); }
/* Banka kartları: her banka tam genişlikte bir satır (logo | ad + IBAN | ayrıntılar) */
.vn-bankalar, .vn-page__body--product .vn-bankalar { grid-template-columns: 1fr !important; }
.vn-alici { display: flex; flex-wrap: wrap; align-items: center; gap: var(--vn-3) var(--vn-4); padding: var(--vn-4) var(--vn-5); border-radius: 16px; background: var(--vn-grad); color: #fff; }
.vn-alici > i { width: 44px; height: 44px; display: grid; place-items: center; border-radius: 12px; background: rgba(255,255,255,.14); color: var(--vn-lime); font-size: 18px; }
.vn-alici > span { flex: 1 1 260px; display: grid; gap: 2px; min-width: 0; }
.vn-alici small { font-size: 12px; color: rgba(255,255,255,.75); }
.vn-alici b { font-family: var(--vn-font-head); font-size: 17px; color: #fff; }
.vn-banka__orta { display: grid; gap: var(--vn-3); min-width: 0; }
.vn-banka__iban b { font-size: 18px; white-space: nowrap; }
.vn-banka dl { align-content: center; }
@media (min-width: 900px) {
  .vn-banka { display: grid; grid-template-columns: 200px minmax(0, 1.5fr) minmax(0, 1fr); align-items: center; gap: var(--vn-5); }
  .vn-banka__logo { height: 110px; }
  .vn-banka__iban { grid-template-columns: minmax(0, 1fr) auto; align-items: center; }
  .vn-banka__iban small { grid-column: 1 / -1; }
  .vn-banka dl > div:first-child { border-top: 0; }
}
@media (max-width: 520px) { .vn-banka__iban b { font-size: 15px; white-space: normal; } }
@media (min-width: 900px) {
  .vn-banka { grid-template-columns: 170px minmax(0, 1.7fr) minmax(0, 1fr); }
  .vn-banka__iban { grid-template-columns: 1fr; }
}
.vn-banka__iban b { font-size: 16px; }
@media (min-width: 1280px) { .vn-banka__iban { grid-template-columns: minmax(0, 1fr) auto; } .vn-banka__iban small { grid-column: 1 / -1; } }
@media (min-width: 1280px) { .vn-banka__iban { grid-template-columns: 1fr; } .vn-banka__iban small { grid-column: auto; } }
.vn-banka__iban b { overflow-wrap: anywhere; white-space: normal; }
@media (min-width: 900px) { .vn-banka__iban b { white-space: nowrap; } }

/* Araçlar sayfası */
.vn-araclar { display: grid; gap: var(--vn-4); grid-template-columns: 1fr; }
@media (min-width: 760px) { .vn-araclar { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.vn-arac, .vn a.vn-arac { --m: var(--vn-blue); display: grid; grid-template-columns: 56px minmax(0, 1fr); gap: var(--vn-4); padding: var(--vn-5); background: var(--vn-surface); border: 1px solid var(--vn-line); border-radius: 16px; color: var(--vn-ink); text-decoration: none; transition: border-color var(--vn-ease), box-shadow var(--vn-ease), transform var(--vn-ease); }
.vn-arac:nth-child(3n+2) { --m: var(--vn-teal); } .vn-arac:nth-child(3n+3) { --m: var(--vn-lime-ink); }
.vn-arac:hover { border-color: var(--m); box-shadow: 0 14px 32px rgba(11,42,74,.1); transform: translateY(-2px); text-decoration: none; }
.vn-arac__ikon { width: 56px; height: 56px; display: grid; place-items: center; border-radius: 14px; font-size: 22px; color: var(--m); background: color-mix(in srgb, var(--m) 13%, transparent); }
.vn-arac__metin { display: grid; gap: 4px; min-width: 0; align-content: start; }
.vn-arac__metin strong { font-family: var(--vn-font-head); font-size: 18px; font-weight: 600; }
.vn-arac__metin small { font-size: 14px; line-height: 1.5; color: var(--vn-text-2); }
.vn-arac__metin em { margin-top: 6px; font-style: normal; font-family: var(--vn-font-head); font-size: 14px; font-weight: 600; color: var(--vn-blue); }
.vn-arac--tum, .vn a.vn-arac--tum { border-style: dashed; border-color: var(--vn-line-strong); background: transparent; }
.vn-home3 .vn-araclar3 .vn-related { display: flex; flex-wrap: wrap; gap: var(--vn-3); }

/* Yasal metinler: belge (kâğıt) görünümü */
.vn-page__body.vn-belge { max-width: 860px; display: block; padding: clamp(24px, 5vw, 64px) clamp(20px, 5.5vw, 72px); background: var(--vn-surface); border: 1px solid var(--vn-line); border-radius: 6px; box-shadow: 0 1px 2px rgba(11,42,74,.06), 0 18px 40px rgba(11,42,74,.08); font-size: 15.5px; line-height: 1.75; color: var(--vn-text); }
.vn-belge__bas { display: grid; gap: 6px; text-align: center; padding-bottom: var(--vn-5); margin-bottom: var(--vn-6); border-bottom: 2px solid var(--vn-ink); }
.vn-belge__bas span { font-size: 13px; letter-spacing: .04em; color: var(--vn-text-2); }
.vn-belge__bas strong { font-family: var(--vn-font-head); font-size: clamp(20px, 2.4vw, 26px); font-weight: 700; letter-spacing: .02em; text-transform: uppercase; color: var(--vn-ink); }
.vn-page__body.vn-belge h2 { margin: 2em 0 .6em; padding-bottom: 6px; font-size: 17px; font-weight: 700; color: var(--vn-ink); border-bottom: 1px solid var(--vn-line); }
.vn-page__body.vn-belge h2:first-of-type { margin-top: 0; }
.vn-page__body.vn-belge p { margin: 0 0 1em; text-align: justify; hyphens: auto; }
.vn-page__body.vn-belge p > strong:first-child { color: var(--vn-ink); }
.vn-page__body.vn-belge ul, .vn-page__body.vn-belge ol { display: block; margin: 0 0 1em; padding-left: 1.6em; }
.vn-page__body.vn-belge li { margin-bottom: .4em; }
.vn-page__body.vn-belge .vn-notice { text-align: left; margin-bottom: var(--vn-5); }
.vn-page__body.vn-belge table { margin: 0 0 1em; }
.vn-page__body.vn-belge > :last-child { margin-bottom: 0; }
@media (max-width: 640px) { .vn-page__body.vn-belge p { text-align: left; } }
@media print { .vn-page__body.vn-belge { box-shadow: none; border: 0; padding: 0; } }

/* Üst bilgi çubuğu da sayfa kayarken yukarıda kalır */
@media (min-width: 768px) {
  .vn-util { position: sticky; top: 0; z-index: 32; height: 36px; }
  .vn-util + .vn-header, .vn-header { top: 36px; }
  .vn-page__nav { top: 124px; }
  .vn-yapi__ozet { top: 132px; }
}

/* Paket kartı: uzun fiyat karta sığar */
.vn-hcard { container-type: inline-size; min-width: 0; }
.vn-hcard__price, .vn .vn-hcard__price { flex-wrap: wrap; row-gap: 2px; }
.vn-hcard__price b { font-size: clamp(24px, 13.5cqi, 38px); }
/* body yüksekliği 100% iken sticky başlık bir ekran sonra bırakıyordu */
body.vn-public { height: auto; min-height: 100%; }
.vn-footer__altyapi { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
@media (min-width: 900px) { .vn-footer__altyapi { grid-template-columns: repeat(4, auto); justify-content: space-between; } }
/* Telefon: içerik sütunu en geniş çocuğa göre taşmasın */
.vn-page__body { grid-template-columns: minmax(0, 1fr); }
.vn-yapi { grid-template-columns: minmax(0, 1fr); min-width: 0; }
@media (min-width: 1000px) { .vn-yapi { grid-template-columns: minmax(0, 1.5fr) minmax(300px, 1fr); } }
.vn-yapi__satir label { flex-wrap: wrap; }
.vn-footer__altyapi span { display: flex; align-items: center; gap: 8px; min-width: 0; }
.vn-footer__altyapi span i { margin-right: 0; width: 16px; text-align: center; flex: 0 0 auto; }

/* Üye olma sayfası: renkli bölüm başlıkları ve yan bilgi paneli */
.vn-register { max-width: 1180px; display: grid; gap: var(--vn-5); grid-template-columns: minmax(0, 1fr); align-items: start; }
.vn-register__ana { min-width: 0; display: grid; gap: var(--vn-5); grid-template-columns: minmax(0, 1fr); }
@media (min-width: 1100px) { .vn-register { grid-template-columns: minmax(0, 1fr) 330px; gap: var(--vn-6); } .vn-register__ana { grid-column: 1; grid-row: 1; } .vn-register__yan { grid-column: 2; grid-row: 1; position: sticky; top: 132px; } }
.vn-register__yan { display: grid; gap: var(--vn-4); padding: var(--vn-5); border-radius: 18px; background: var(--vn-grad); color: #fff; }
.vn-register__yan-baslik, .vn .vn-register__yan-baslik { margin: 0; font-family: var(--vn-font-mono); font-size: 12px; letter-spacing: .1em; text-transform: uppercase; color: rgba(255,255,255,.75); }
.vn-register__yan ul { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--vn-3); }
@media (min-width: 640px) and (max-width: 1099px) { .vn-register__yan ul { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.vn-register__yan li { display: grid; grid-template-columns: 40px minmax(0, 1fr); gap: 12px; align-items: start; }
.vn-register__yan li > i { width: 40px; height: 40px; display: grid; place-items: center; border-radius: 12px; background: rgba(255,255,255,.12); color: var(--vn-lime); font-size: 16px; }
.vn-register__yan li span { display: grid; gap: 2px; }
.vn-register__yan li strong { font-family: var(--vn-font-head); font-size: 15px; font-weight: 600; color: #fff; }
.vn-register__yan li small { font-size: 13px; line-height: 1.45; color: rgba(255,255,255,.78); }
.vn-register__giris { display: grid; gap: 10px; padding-top: var(--vn-4); border-top: 1px solid rgba(255,255,255,.16); font-size: 14px; color: rgba(255,255,255,.85); }
.vn-register .vn-card { --m: var(--vn-blue); border-top: 4px solid var(--m); border-radius: 16px; }
.vn-register form section.vn-card:nth-of-type(3n+2), .vn-register #containerNewUserSignup > section.vn-card:nth-of-type(3n+2) { --m: var(--vn-teal); }
.vn-register #containerNewUserSignup > section.vn-card:nth-of-type(3n+3) { --m: var(--vn-lime-ink); }
.vn-register .vn-card > h3, .vn .vn-register .vn-card > h3 { display: flex; align-items: center; gap: 12px; margin: 0; padding-bottom: var(--vn-3); border-bottom: 1px dashed var(--vn-line-strong); font-size: 19px; }
.vn-register .vn-card > h3[style*="display: none"], .vn-register .vn-card > h3[hidden] { display: none; }
.vn-rbas { width: 40px; height: 40px; flex: 0 0 auto; display: grid; place-items: center; border-radius: 12px; font-size: 16px; color: var(--m); background: color-mix(in srgb, var(--m) 14%, transparent); }
.vn-register .vn-seg--wide button[aria-pressed="true"] { background: var(--vn-navy); color: #fff; border-color: var(--vn-navy); }
.vn-register__submit { padding: var(--vn-4) var(--vn-5); border-radius: 16px; background: var(--vn-blue-wash); border: 1px solid var(--vn-line); }
.vn-register__submit .vn-btn { min-width: 240px; min-height: 48px; font-size: 16px; }
@media (max-width: 639px) { .vn-register__submit .vn-btn { width: 100%; } }
@media (max-width: 639px) { .vn-register__yan ul { grid-template-columns: repeat(2, minmax(0, 1fr)); } .vn-register__yan li small { display: none; } .vn-register__yan li { align-items: center; } }
.vn-arama__captcha { min-height: 78px; margin-top: var(--vn-3); max-width: 100%; overflow: hidden; }
@media (max-width: 360px) { .vn-arama__captcha { transform: scale(.88); transform-origin: left top; } }
.vn-formhata { scroll-margin-top: 130px; outline: 0; border-radius: 14px; animation: vnHataVurgu 1.6s ease-out 1; }
@keyframes vnHataVurgu { 0% { box-shadow: 0 0 0 0 rgba(192, 57, 43, .45); } 100% { box-shadow: 0 0 0 14px rgba(192, 57, 43, 0); } }
@media (prefers-reduced-motion: reduce) { .vn-formhata { animation: none; } }

/* ===== Müşteri paneli: başlık bandı, özet kartları, genel bakış ===== */
.vn-shell .vn-page-head--band { display: flex; flex-wrap: wrap; align-items: center; gap: var(--vn-4); padding: 22px 26px; border-radius: 18px; background: var(--vn-grad); color: #fff; box-shadow: 0 12px 30px rgba(11,42,74,.14); }
.vn-page-head__ikon { width: 56px; height: 56px; flex: 0 0 auto; display: grid; place-items: center; border-radius: 16px; background: rgba(255,255,255,.12); border: 1px solid rgba(255,255,255,.18); color: var(--vn-lime); font-size: 22px; }
.vn-shell .vn-page-head--band > div:not(.vn-row), .vn-page-head__metin { flex: 1 1 240px; min-width: 0; }
.vn-shell .vn-page-head--band h1, .vn .vn-shell .vn-page-head--band h1 { margin: 0; color: #fff; font-size: clamp(22px, 2.4vw, 28px); overflow-wrap: anywhere; }
.vn-shell .vn-page-head--band .vn-label { margin: 0 0 4px; color: var(--vn-lime); }
.vn-page-head__alt, .vn .vn-page-head__alt { margin: 4px 0 0; font-size: 14px; color: rgba(255,255,255,.8); }
.vn-shell .vn-page-head--band .vn-svc__host, .vn-shell .vn-page-head--band .vn-muted { color: rgba(255,255,255,.78); }
.vn-shell .vn-page-head--band .vn-btn--secondary, .vn-shell .vn-page-head--band a.vn-btn--secondary { background: rgba(255,255,255,.1); border-color: rgba(255,255,255,.3); color: #fff; }
.vn-shell .vn-page-head--band .vn-btn--secondary:hover { background: rgba(255,255,255,.18); color: #fff; }
.vn-page-head__islem { flex: 0 0 auto; }
@media (max-width: 575px) { .vn-shell .vn-page-head--band { padding: 18px; } .vn-page-head__ikon { width: 46px; height: 46px; font-size: 18px; } .vn-page-head__islem, .vn-shell .vn-page-head--band > .vn-row { width: 100%; } .vn-shell .vn-page-head--band .vn-btn { flex: 1 1 auto; } }

/* Özet şeridi: ayrı, ikonlu kartlar */
.vn-shell .vn-strip { display: grid; gap: var(--vn-3); grid-template-columns: repeat(2, minmax(0, 1fr)); background: transparent; border: 0; border-radius: 0; box-shadow: none; overflow: visible; }
@media (min-width: 1200px) { .vn-shell .vn-strip { grid-template-columns: repeat(4, minmax(0, 1fr)); } .vn-shell .vn-inv-summary .vn-strip { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.vn-shell .vn-strip > a, .vn-shell .vn-strip > div { --m: var(--vn-blue); display: grid; grid-template-columns: 46px minmax(0, 1fr); column-gap: 14px; row-gap: 2px; align-content: center; padding: 18px; border: 1px solid var(--vn-line); border-radius: 16px; background: var(--vn-surface); overflow: hidden; }
.vn-shell .vn-strip > :nth-child(2) { --m: var(--vn-teal); } .vn-shell .vn-strip > :nth-child(3) { --m: var(--vn-lime-ink); } .vn-shell .vn-strip > :nth-child(4) { --m: var(--vn-navy); }
.vn-shell .vn-strip > a::before, .vn-shell .vn-strip > div::before { background: var(--m); }
.vn-shell .vn-strip .vn-strip__ikon { display: grid; grid-row: 1 / span 3; align-self: center; width: 46px; height: 46px; display: grid; place-items: center; border-radius: 13px; font-size: 18px; color: var(--m); background: color-mix(in srgb, var(--m) 13%, transparent); }
.vn-shell .vn-strip > * > :not(.vn-strip__ikon) { grid-column: 2; min-width: 0; }
.vn-shell .vn-strip .vn-strip__value { font-size: 28px; line-height: 1.1; }
.vn-shell .vn-strip > a { transition: border-color var(--vn-ease), box-shadow var(--vn-ease), transform var(--vn-ease); }
.vn-shell .vn-strip > a:hover { border-color: var(--m); box-shadow: 0 10px 24px rgba(11,42,74,.08); transform: translateY(-2px); background: var(--vn-surface); }
:root[data-vn-tema="dark"] .vn-shell .vn-strip > :nth-child(4) { --m: var(--vn-blue); }

/* Genel bakış yerleşimi */
.vn-home__grid { display: grid; gap: var(--vn-5); grid-template-columns: minmax(0, 1fr); align-items: start; }
@media (min-width: 1280px) { .vn-home__grid { grid-template-columns: minmax(0, 1fr) 320px; } }
.vn-home__aside { display: grid; gap: var(--vn-4); align-content: start; }
@media (min-width: 700px) and (max-width: 1279px) { .vn-home__aside { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.vn-home__aside .card { margin-bottom: 0; }
.vn-tur { width: 34px; height: 34px; display: inline-grid !important; place-items: center; border-radius: 10px; margin-right: 10px !important; font-size: 14px; color: var(--vn-blue) !important; background: var(--vn-blue-wash); vertical-align: middle; }
.vn-tur--hosting { color: var(--vn-teal) !important; background: var(--vn-teal-wash); }
.vn-tur--alanadi { color: var(--vn-lime-ink) !important; background: color-mix(in srgb, var(--vn-lime) 20%, transparent); }
.vn-tur--diger { color: var(--vn-navy) !important; background: color-mix(in srgb, var(--vn-navy) 10%, transparent); }
:root[data-vn-tema="dark"] .vn-tur--diger { color: var(--vn-text-2) !important; background: rgba(255,255,255,.08); }
.vn-home__services .vn-name .vn-small { padding-left: 46px; }
.vn-hizli { padding: var(--vn-5); border: 1px solid var(--vn-line); border-radius: 16px; background: var(--vn-surface); display: grid; gap: var(--vn-3); }
.vn-hizli h3, .vn .vn-hizli h3 { margin: 0; font-size: 17px; }
.vn-hizli__izgara { display: grid; gap: 10px; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.vn-hizli__izgara a, .vn .vn-hizli__izgara a { --m: var(--vn-blue); display: grid; gap: 8px; justify-items: start; padding: 14px; border-radius: 12px; border: 1px solid var(--vn-line); background: var(--vn-bg); color: var(--vn-ink); font-family: var(--vn-font-head); font-size: 14px; font-weight: 600; line-height: 1.25; text-decoration: none; transition: border-color var(--vn-ease), background var(--vn-ease); }
.vn-hizli__izgara a:nth-child(3n+2) { --m: var(--vn-teal); } .vn-hizli__izgara a:nth-child(3n+3) { --m: var(--vn-lime-ink); }
.vn-hizli__izgara a i { width: 36px; height: 36px; display: grid; place-items: center; border-radius: 10px; color: var(--m); background: color-mix(in srgb, var(--m) 14%, transparent); font-size: 15px; }
.vn-hizli__izgara a:hover { border-color: var(--m); background: var(--vn-surface); text-decoration: none; }
.vn-pdestek { display: grid; gap: var(--vn-3); padding: var(--vn-5); border-radius: 16px; background: var(--vn-grad); color: #fff; }
.vn-pdestek__ikon { width: 44px; height: 44px; display: grid; place-items: center; border-radius: 12px; background: rgba(255,255,255,.12); color: var(--vn-lime); font-size: 18px; }
.vn-pdestek h3, .vn .vn-pdestek h3 { margin: 0; color: #fff; font-size: 17px; }
.vn-pdestek p, .vn .vn-pdestek p { margin: 0; font-size: 14px; line-height: 1.55; color: rgba(255,255,255,.82); }
@media (min-width: 700px) and (max-width: 1279px) { .vn-home__aside > .card { grid-column: 1 / -1; order: 3; } }
.vn-pdestek { display: flex; flex-direction: column; }
.vn-pdestek .vn-btn { margin-top: auto; }
/* Genel bakıştaki WHMCS panelleri (son talepler vb.) */
.vn-shell .vn-home__panels .card { border: 1px solid var(--vn-line); border-top: 4px solid var(--vn-blue); border-radius: 16px; overflow: hidden; box-shadow: none; }
.vn-shell .vn-home__panels .card:nth-of-type(2n) { border-top-color: var(--vn-teal); }
.vn-shell .vn-home__panels .card-title { font-family: var(--vn-font-head); font-size: 17px; font-weight: 600; color: var(--vn-ink); }
.vn-shell .vn-home__panels .card-header .btn { border-radius: 10px; font-family: var(--vn-font-head); font-weight: 600; font-size: 13px; border: 1px solid var(--vn-line-strong); background: var(--vn-surface); color: var(--vn-ink); }
.vn-shell .vn-home__panels .list-group-item { padding: 14px 20px; color: var(--vn-ink); font-size: 14px; line-height: 1.5; }
.vn-shell .vn-home__panels .list-group-item:hover { background: var(--vn-blue-wash); }
.vn-shell .vn-home__panels .list-group-item small { color: var(--vn-text-2); font-size: 12px; }
.vn-shell .vn-home__panels .list-group-item .label[style] { background: var(--vn-bg) !important; color: var(--vn-ink) !important; border: 1px solid var(--vn-line-strong); margin-left: 6px; }

/* Profil fotoğrafı (Gravatar; yoksa baş harfler) */
.vn-avatar { position: relative; flex: 0 0 auto; width: 40px; height: 40px; display: inline-grid; place-items: center; border-radius: 50%; overflow: hidden; background: linear-gradient(135deg, var(--vn-teal), var(--vn-blue)); color: #fff; }
.vn-avatar b { font-family: var(--vn-font-head); font-size: 14px; font-weight: 700; letter-spacing: .02em; }
.vn-avatar img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.vn-avatar--sm { width: 28px; height: 28px; } .vn-avatar--sm b { font-size: 11px; }
.vn-avatar--lg { width: 60px; height: 60px; border: 2px solid rgba(255,255,255,.35); } .vn-avatar--lg b { font-size: 20px; }
.vn-account { padding-left: 6px; }

/* Panel liste sayfaları: yan kutular 1400px altında tablonun altına iner, tablo tam genişlik alır */
@media (max-width: 1399px) {
  .vn-shell .row > .vn-context { flex: 0 0 100%; max-width: 100%; order: 2 !important; margin-top: var(--vn-5); }
  .vn-shell .row > .primary-content { flex: 0 0 100%; max-width: 100%; order: 1 !important; }
  .vn-shell .vn-context .sidebar { display: grid !important; gap: var(--vn-4); grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); align-items: start; }
  .vn-shell .vn-context .card-sidebar { margin-bottom: 0; }
}
.vn-svc-list__tur { width: 56px; }
.vn-svc-list__tur .vn-tur { margin-right: 0 !important; }
.vn-shell .table-list tbody tr { cursor: pointer; }

/* Faturalar: e-Fatura rozeti ve fatura sayfasındaki kutu */
.vn-shell .vn-inv-summary .vn-strip { grid-template-columns: repeat(2, minmax(0, 1fr)); }
@media (min-width: 1200px) { .vn-shell .vn-inv-summary .vn-strip { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.vn-ef, .vn a.vn-ef { display: inline-flex; align-items: center; gap: 6px; padding: 5px 10px; border-radius: 8px; border: 1px solid color-mix(in srgb, var(--vn-teal) 40%, transparent); background: var(--vn-teal-wash); color: var(--vn-ink); font-family: var(--vn-font-mono); font-size: 12px; white-space: nowrap; text-decoration: none; }
.vn-ef i { color: #c0392b; }
a.vn-ef:hover { border-color: var(--vn-teal); text-decoration: none; }
.vn-ef--taslak { border-color: var(--vn-line-strong); background: var(--vn-bg); font-family: var(--vn-font-body); } .vn-ef--taslak i { color: var(--vn-text-2); }
.vn-inv-table__no .vn-tur { margin-right: 10px !important; }
.vn-efkutu { display: flex; flex-wrap: wrap; align-items: center; gap: var(--vn-4); max-width: 960px; margin: 0 auto var(--vn-4); padding: var(--vn-4) var(--vn-5); border-radius: 16px; border: 1px solid color-mix(in srgb, var(--vn-teal) 45%, transparent); border-left: 5px solid var(--vn-teal); background: var(--vn-surface); }
.vn-efkutu > div { flex: 1 1 220px; display: grid; gap: 2px; min-width: 0; }
.vn-efkutu strong { font-family: var(--vn-font-head); font-size: 16px; color: var(--vn-ink); }
.vn-efkutu span { font-size: 14px; color: var(--vn-text-2); } .vn-efkutu span b { font-family: var(--vn-font-mono); color: var(--vn-ink); }
.vn-efkutu__ikon { flex: 0 0 auto !important; width: 46px; height: 46px; display: grid !important; place-items: center; border-radius: 13px; background: var(--vn-teal-wash); color: #c0392b !important; font-size: 20px !important; }
.vn-efkutu--taslak { border-color: var(--vn-line-strong); border-left-color: var(--vn-text-3); } .vn-efkutu--taslak .vn-efkutu__ikon { color: var(--vn-text-2) !important; background: var(--vn-bg); }
.vn-shell .vn-inv-table .table-list td, .vn-shell .vn-inv-table .table-list th { padding-left: 10px; padding-right: 10px; }
.vn-shell .vn-inv-table__no { white-space: nowrap; }

/* Hizmet ayrıntısı: özet, işlem kartları, ikonlu bilgi kutuları */
.vn-shell .vn-strip .vn-strip__value--metin { font-size: 18px; font-family: var(--vn-font-head); font-weight: 600; letter-spacing: -0.01em; overflow-wrap: anywhere; }
.vn-svc__islem { display: flex; flex-wrap: wrap; gap: var(--vn-3); }
.vn-svc__islem a, .vn .vn-svc__islem a { --m: var(--vn-blue); flex: 1 1 220px; display: grid; grid-template-columns: 42px minmax(0, 1fr); gap: 12px; align-items: center; padding: 14px 16px; border: 1px solid var(--vn-line); border-radius: 14px; background: var(--vn-surface); color: var(--vn-ink); text-decoration: none; transition: border-color var(--vn-ease), box-shadow var(--vn-ease); }
.vn-svc__islem a:nth-child(4n+2) { --m: var(--vn-teal); } .vn-svc__islem a:nth-child(4n+3) { --m: var(--vn-lime-ink); } .vn-svc__islem a:nth-child(4n+4) { --m: var(--vn-navy); }
:root[data-vn-tema="dark"] .vn-svc__islem a:nth-child(4n+4) { --m: var(--vn-blue); }
.vn-svc__islem a > i { width: 42px; height: 42px; display: grid; place-items: center; border-radius: 12px; font-size: 17px; color: var(--m); background: color-mix(in srgb, var(--m) 13%, transparent); }
.vn-svc__islem a span { display: grid; gap: 2px; min-width: 0; }
.vn-svc__islem a strong { font-family: var(--vn-font-head); font-size: 15px; font-weight: 600; }
.vn-svc__islem a small { font-size: 13px; color: var(--vn-text-2); line-height: 1.35; }
.vn-svc__islem a:hover { border-color: var(--m); box-shadow: 0 10px 24px rgba(11,42,74,.08); text-decoration: none; }
.vn-svc .vn-tile { position: relative; display: grid; grid-template-columns: 38px minmax(0, 1fr); column-gap: 12px; row-gap: 2px; align-content: center; }
.vn-svc .vn-tile > :not(.vn-tile__ikon) { grid-column: 2; min-width: 0; }
.vn-svc .vn-tile .vn-tile__ikon { grid-row: 1 / span 3; align-self: center; width: 38px; height: 38px; display: grid; place-items: center; border-radius: 10px; font-size: 15px; color: var(--vn-blue); background: var(--vn-blue-wash); }
.vn-svc .vn-tiles > .vn-tile:nth-child(3n+2) .vn-tile__ikon { color: var(--vn-teal); background: var(--vn-teal-wash); }
.vn-svc .vn-tiles > .vn-tile:nth-child(3n+3) .vn-tile__ikon { color: var(--vn-lime-ink); background: color-mix(in srgb, var(--vn-lime) 20%, transparent); }
.vn-svc .vn-card > h3 { padding-bottom: var(--vn-3); border-bottom: 1px dashed var(--vn-line-strong); }

/* Hesap bakiyesi */
.vn-bakiye, .vn a.vn-bakiye { display: inline-flex; align-items: center; gap: 8px; height: 40px; padding: 0 12px; border: 1px solid color-mix(in srgb, var(--vn-teal) 45%, transparent); border-radius: var(--vn-r); background: var(--vn-teal-wash); color: var(--vn-ink); text-decoration: none; white-space: nowrap; }
.vn-bakiye i { color: var(--vn-teal); font-size: 15px; }
.vn-bakiye span { display: grid; line-height: 1.1; }
.vn-bakiye small { font-size: 10px; letter-spacing: .06em; text-transform: uppercase; color: var(--vn-text-2); }
.vn-bakiye b { font-family: var(--vn-font-mono); font-size: 13px; font-weight: 600; }
.vn-bakiye:hover { border-color: var(--vn-teal); text-decoration: none; }
@media (max-width: 767px) { .vn-bakiye small { display: none; } .vn-bakiye { padding: 0 8px; } }
@media (max-width: 480px) { .vn-top .vn-bakiye { display: none; } }
.vn-page-head__bakiye, .vn a.vn-page-head__bakiye { flex: 0 0 auto; display: inline-flex; align-items: center; gap: 12px; padding: 10px 16px; border-radius: 14px; background: rgba(255,255,255,.1); border: 1px solid rgba(255,255,255,.2); color: #fff; text-decoration: none; }
.vn-page-head__bakiye i { color: var(--vn-lime); font-size: 20px; }
.vn-page-head__bakiye span { display: grid; line-height: 1.2; }
.vn-page-head__bakiye small { font-size: 11px; letter-spacing: .06em; text-transform: uppercase; color: rgba(255,255,255,.75); }
.vn-page-head__bakiye b { font-family: var(--vn-font-head); font-size: 20px; font-weight: 700; white-space: nowrap; }
.vn-page-head__bakiye:hover { background: rgba(255,255,255,.16); color: #fff; text-decoration: none; }
.vn-inv-bakiye { display: flex; flex-wrap: wrap; align-items: center; gap: var(--vn-4); margin-top: var(--vn-3); padding: 18px 20px; border-radius: 16px; border: 1px solid color-mix(in srgb, var(--vn-teal) 40%, transparent); border-left: 5px solid var(--vn-teal); background: var(--vn-surface); }
.vn-inv-bakiye > div:not(.vn-row) { flex: 1 1 240px; display: grid; gap: 2px; min-width: 0; }
.vn-inv-bakiye .vn-label { margin: 0; }
.vn-inv-bakiye strong { font-family: var(--vn-font-head); font-size: 26px; font-weight: 700; letter-spacing: -0.02em; color: var(--vn-ink); }
.vn-inv-bakiye small { font-size: 13px; color: var(--vn-text-2); }
.vn-inv-bakiye__ikon { width: 52px; height: 52px; flex: 0 0 auto; display: grid; place-items: center; border-radius: 14px; background: var(--vn-teal-wash); color: var(--vn-teal); font-size: 22px; }
/* Panel üst çubuğu: telefonda ad gizlenir, yalnız profil fotoğrafı kalır */
@media (max-width: 767px) { .vn-top .vn-account__name, .vn-top .vn-account > i { display: none; } .vn-top .vn-account { padding: 0 5px; } .vn-top__actions { min-width: 0; gap: 6px; } }
/* 768–1100 px: uzun firma adı üst çubuğu taşırmasın (ad kısaltılır, üç noktayla biter) */
@media (min-width: 768px) and (max-width: 1100px) { .vn-top .vn-account__name { max-width: 150px; } .vn-top__actions { min-width: 0; } .vn-top .vn-account { min-width: 0; } }
@media (min-width: 992px) and (max-width: 1100px) { .vn-top .vn-account__name { max-width: 96px; } }
/* Üst çubuk: yer daralınca sayfa taşmaz; önce sayfa yolu (breadcrumb) kısalır, düğmeler yerinde kalır */
.vn-top .vn-top__crumb { flex: 1 1 0; min-width: 0; overflow: hidden; }
.vn-top .vn-top__crumb .vn-yol { flex-wrap: nowrap; overflow: hidden; white-space: nowrap; }
.vn-top .vn-top__actions { flex: 0 0 auto; }
@media (max-width: 400px) { .vn-top .vn-icon-btn { width: 36px; height: 36px; } .vn-top .vn-top__logo img { height: 24px; width: auto; } }
.vn-context .recent-ticket small span[style] { color: var(--vn-text-2) !important; }
@media (max-width: 420px) { .vn-top { padding-inline: 10px; gap: 6px; } .vn-top .vn-top__logo img { height: 22px; width: auto; } .vn-top .vn-icon-btn { width: 34px; height: 34px; } .vn-top__actions { gap: 4px; } .vn-top .vn-account { padding: 0 2px; border: 0; background: transparent; } }

/* Destek talebi görüntüleme */
.vn-talep { display: grid; gap: var(--vn-4); grid-template-columns: minmax(0, 1fr); background: transparent; }
.vn-talep__islem { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--vn-3); }
.vn-talep__geri i { margin-right: 6px; }
.vn-talep__kapat:hover { border-color: var(--vn-red); color: var(--vn-red); }
.vn-talep__yazisma { display: grid; gap: var(--vn-4); }
.vn-ileti { display: grid; grid-template-columns: 44px minmax(0, 1fr); gap: 12px; align-items: start; }
.vn-ileti__avatar { width: 44px; height: 44px; display: grid; place-items: center; border-radius: 50%; background: linear-gradient(135deg, var(--vn-blue), var(--vn-navy)); color: #fff; font-family: var(--vn-font-head); font-size: 16px; }
.vn-ileti--ekip .vn-ileti__avatar { background: linear-gradient(135deg, var(--vn-teal), var(--vn-lime)); color: var(--vn-navy); }
.vn-ileti__govde, .vn-shell .vn-ileti__govde.ticket-reply { margin: 0; border: 1px solid var(--vn-line); border-radius: 4px 16px 16px 16px; background: var(--vn-surface); overflow: hidden; }
.vn-ileti--ekip .vn-ileti__govde { border-color: color-mix(in srgb, var(--vn-teal) 45%, transparent); border-left: 4px solid var(--vn-teal); }
.vn-ileti__bas, .vn-shell .vn-ileti__bas.posted-by { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 10px; padding: 12px 18px; border-bottom: 1px solid var(--vn-line); background: var(--vn-bg); font-size: 13px; color: var(--vn-text-2); }
.vn-ileti--ekip .vn-ileti__bas { background: var(--vn-teal-wash); }
.vn-ileti__bas strong { font-family: var(--vn-font-head); font-size: 15px; font-weight: 600; color: var(--vn-ink); }
.vn-ileti__rol { padding: 2px 8px; border-radius: 6px; border: 1px solid var(--vn-line-strong); font-size: 12px; color: var(--vn-text-2); background: var(--vn-surface); }
.vn-ileti--ekip .vn-ileti__rol { border-color: color-mix(in srgb, var(--vn-teal) 50%, transparent); color: var(--vn-ink); }
.vn-ileti__bas time { margin-left: auto; font-family: var(--vn-font-mono); font-size: 12px; }
.vn-ileti__metin, .vn-shell .vn-ileti__metin.message { padding: 16px 18px; font-size: 15px; line-height: 1.65; color: var(--vn-text); overflow-wrap: anywhere; }
.vn-ileti__metin > :last-child { margin-bottom: 0; }
.vn-ileti__metin img { max-width: 100%; height: auto; }
.vn-ileti__metin pre { max-width: 100%; overflow: auto; }
.vn-ileti__ip { margin: 12px 0 0; padding-top: 10px; border-top: 1px dashed var(--vn-line-strong); font-family: var(--vn-font-mono); font-size: 12px; color: var(--vn-text-3); }
.vn-ileti__ek { padding: 12px 18px; border-top: 1px solid var(--vn-line); font-size: 14px; }
.vn-ileti__ek .attachment-list { list-style: none; margin: 8px 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; }
.vn-ileti__ek .attachment-list li { margin: 0; float: none; width: auto; }
.vn-ileti__ek .attachment-list a, .vn-ileti__ek .attachment-list li > span { display: inline-flex; align-items: center; gap: 6px; padding: 6px 12px; border: 1px solid var(--vn-line-strong); border-radius: 8px; background: var(--vn-bg); color: var(--vn-ink); font-size: 13px; text-decoration: none; }
.vn-talep__yanit { border-top: 4px solid var(--vn-blue); border-radius: 16px; }
.vn-talep__yanit > h3 { display: flex; align-items: center; gap: 12px; margin: 0 0 var(--vn-4); padding-bottom: var(--vn-3); border-bottom: 1px dashed var(--vn-line-strong); font-size: 19px; --m: var(--vn-blue); }
.vn-talep__kim { margin: 0; }
.vn-talep__gonder { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: var(--vn-3); }
.vn-talep__gonder .vn-btn { min-width: 150px; min-height: 46px; }
@media (max-width: 575px) { .vn-ileti { grid-template-columns: minmax(0, 1fr); } .vn-ileti__avatar { display: none; } .vn-ileti__bas time { margin-left: 0; width: 100%; } .vn-talep__gonder .vn-btn { flex: 1 1 auto; } }
.vn-talep__geri, .vn a.vn-talep__geri { font-family: var(--vn-font-head); font-weight: 600; font-size: 14px; color: var(--vn-blue); text-decoration: none; }
html[lang="tr"] .custom-file-label::after { content: "Gözat"; }

/* Hesap sayfaları: üst sekme çubuğu ve WHMCS'in standart kartları */
.vn-hesapnav { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: var(--vn-5); padding: 8px; border: 1px solid var(--vn-line); border-radius: 14px; background: var(--vn-surface); }
.vn-hesapnav a, .vn .vn-hesapnav a { display: inline-flex; align-items: center; gap: 8px; padding: 9px 14px; border-radius: 10px; border: 1px solid transparent; color: var(--vn-text-2); font-family: var(--vn-font-head); font-size: 14px; font-weight: 600; text-decoration: none; white-space: nowrap; }
.vn-hesapnav a i { color: var(--vn-teal); font-size: 14px; }
.vn-hesapnav a:hover { background: var(--vn-bg); color: var(--vn-ink); text-decoration: none; }
.vn-hesapnav a[aria-current="page"] { background: var(--vn-navy); color: #fff; }
.vn-hesapnav a[aria-current="page"] i { color: var(--vn-lime); }
:root[data-vn-tema="dark"] .vn-hesapnav a[aria-current="page"] { background: var(--vn-blue); }
@media (max-width: 575px) { .vn-hesapnav { flex-wrap: nowrap; overflow-x: auto; } }
.vn-shell .primary-content > .card, .vn-shell .primary-content > form > .card, .vn-shell .primary-content > div > .card { border: 1px solid var(--vn-line); border-top: 4px solid var(--vn-blue); border-radius: 16px; box-shadow: none; overflow: hidden; margin-bottom: var(--vn-4); }
.vn-shell .primary-content .card + .card, .vn-shell .primary-content > .card:nth-of-type(2n) { border-top-color: var(--vn-teal); }
.vn-shell .primary-content .card > .card-body > .card-title, .vn-shell .primary-content .card > .card-body > h3 { font-family: var(--vn-font-head); font-size: 19px; font-weight: 600; color: var(--vn-ink); padding-bottom: var(--vn-3); margin-bottom: var(--vn-4); border-bottom: 1px dashed var(--vn-line-strong); }

/* Alt menüsü olan panel sayfaları (alan adı yönetimi, ödeme işlemleri): WHMCS yan menüsü sayfanın üstünde sekme çubuğu olur */
body.vn-shell[data-vn-tpl^="clientareadomain"]:not([data-vn-tpl="clientareadomains"]) .row > .vn-context,
body.vn-shell[data-vn-tpl="clientareaaddfunds"] .row > .vn-context,
body.vn-shell[data-vn-tpl="clientareaquotes"] .row > .vn-context,
body.vn-shell[data-vn-tpl="masspay"] .row > .vn-context { flex: 0 0 100%; max-width: 100%; order: 0 !important; margin-top: 0; margin-bottom: var(--vn-4); }
body.vn-shell[data-vn-tpl^="clientareadomain"]:not([data-vn-tpl="clientareadomains"]) .row > .primary-content,
body.vn-shell[data-vn-tpl="clientareaaddfunds"] .row > .primary-content,
body.vn-shell[data-vn-tpl="clientareaquotes"] .row > .primary-content,
body.vn-shell[data-vn-tpl="masspay"] .row > .primary-content { flex: 0 0 100%; max-width: 100%; order: 1 !important; }
body.vn-shell[data-vn-tpl^="clientareadomain"]:not([data-vn-tpl="clientareadomains"]) .vn-context .sidebar,
body.vn-shell[data-vn-tpl="clientareaaddfunds"] .vn-context .sidebar,
body.vn-shell[data-vn-tpl="clientareaquotes"] .vn-context .sidebar,
body.vn-shell[data-vn-tpl="masspay"] .vn-context .sidebar { display: grid !important; grid-template-columns: minmax(0, 1fr) !important; gap: 8px; }
.vn-sekme .card-sidebar, body.vn-shell[data-vn-tpl^="clientareadomain"]:not([data-vn-tpl="clientareadomains"]) .vn-context .card-sidebar,
body.vn-shell[data-vn-tpl="clientareaaddfunds"] .vn-context .card-sidebar,
body.vn-shell[data-vn-tpl="clientareaquotes"] .vn-context .card-sidebar,
body.vn-shell[data-vn-tpl="masspay"] .vn-context .card-sidebar { margin: 0; border: 1px solid var(--vn-line); border-radius: 14px; background: var(--vn-surface); display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; gap: 4px 10px; padding: 8px; }
body.vn-shell[data-vn-tpl^="clientareadomain"]:not([data-vn-tpl="clientareadomains"]) .vn-context .card-sidebar .card-header,
body.vn-shell[data-vn-tpl="clientareaaddfunds"] .vn-context .card-sidebar .card-header,
body.vn-shell[data-vn-tpl="clientareaquotes"] .vn-context .card-sidebar .card-header,
body.vn-shell[data-vn-tpl="masspay"] .vn-context .card-sidebar .card-header { border: 0; background: transparent; padding: 6px 10px; }
body.vn-shell[data-vn-tpl^="clientareadomain"]:not([data-vn-tpl="clientareadomains"]) .vn-context .card-sidebar .collapsable-card-body,
body.vn-shell[data-vn-tpl="clientareaaddfunds"] .vn-context .card-sidebar .collapsable-card-body,
body.vn-shell[data-vn-tpl="clientareaquotes"] .vn-context .card-sidebar .collapsable-card-body,
body.vn-shell[data-vn-tpl="masspay"] .vn-context .card-sidebar .collapsable-card-body { flex: 1 1 300px; min-width: 0; padding: 0; }
body.vn-shell[data-vn-tpl^="clientareadomain"]:not([data-vn-tpl="clientareadomains"]) .vn-context .card-sidebar .list-group,
body.vn-shell[data-vn-tpl="clientareaaddfunds"] .vn-context .card-sidebar .list-group,
body.vn-shell[data-vn-tpl="clientareaquotes"] .vn-context .card-sidebar .list-group,
body.vn-shell[data-vn-tpl="masspay"] .vn-context .card-sidebar .list-group { display: flex; flex-direction: row; flex-wrap: wrap; gap: 6px; }
body.vn-shell[data-vn-tpl^="clientareadomain"]:not([data-vn-tpl="clientareadomains"]) .vn-context .card-sidebar .list-group-item,
body.vn-shell[data-vn-tpl="clientareaaddfunds"] .vn-context .card-sidebar .list-group-item,
body.vn-shell[data-vn-tpl="clientareaquotes"] .vn-context .card-sidebar .list-group-item,
body.vn-shell[data-vn-tpl="masspay"] .vn-context .card-sidebar .list-group-item { width: auto; padding: 9px 14px; border: 1px solid transparent; border-radius: 10px; font-family: var(--vn-font-head); font-size: 14px; font-weight: 600; color: var(--vn-text-2); background: transparent; white-space: nowrap; }
body.vn-shell[data-vn-tpl^="clientareadomain"]:not([data-vn-tpl="clientareadomains"]) .vn-context .card-sidebar .list-group-item:hover,
body.vn-shell[data-vn-tpl="clientareaaddfunds"] .vn-context .card-sidebar .list-group-item:hover,
body.vn-shell[data-vn-tpl="clientareaquotes"] .vn-context .card-sidebar .list-group-item:hover,
body.vn-shell[data-vn-tpl="masspay"] .vn-context .card-sidebar .list-group-item:hover { background: var(--vn-bg); color: var(--vn-ink); }
body.vn-shell[data-vn-tpl^="clientareadomain"]:not([data-vn-tpl="clientareadomains"]) .vn-context .card-sidebar .list-group-item.active,
body.vn-shell[data-vn-tpl="clientareaaddfunds"] .vn-context .card-sidebar .list-group-item.active,
body.vn-shell[data-vn-tpl="clientareaquotes"] .vn-context .card-sidebar .list-group-item.active,
body.vn-shell[data-vn-tpl="masspay"] .vn-context .card-sidebar .list-group-item.active { background: var(--vn-navy); color: #fff; border-color: var(--vn-navy); }

/* Hizmet ayrıntısı üst özeti (modül ekranlarının da üstünde) ve iptal talebi */
.vn-svc--ust { margin-bottom: var(--vn-4); }
.vn-iptal { display: grid; gap: var(--vn-4); grid-template-columns: minmax(0, 1fr); max-width: 860px; background: transparent; }
.vn-iptal__hizmet { display: flex; flex-wrap: wrap; align-items: center; gap: var(--vn-4); padding: 16px 20px; border: 1px solid var(--vn-line); border-left: 5px solid var(--vn-blue); border-radius: 16px; background: var(--vn-surface); }
.vn-iptal__hizmet > div { flex: 1 1 220px; display: grid; gap: 2px; min-width: 0; }
.vn-iptal__hizmet .vn-label { margin: 0; }
.vn-iptal__hizmet strong { font-family: var(--vn-font-head); font-size: 18px; color: var(--vn-ink); }
.vn-iptal__hizmet small { font-size: 13px; color: var(--vn-text-2); overflow-wrap: anywhere; }
.vn-iptal__ikon { width: 46px; height: 46px; flex: 0 0 auto; display: grid; place-items: center; border-radius: 13px; background: var(--vn-blue-wash); color: var(--vn-blue); font-size: 18px; }
.vn-iptal__form { border-top: 4px solid var(--vn-red); border-radius: 16px; }
.vn-iptal__form h3 { margin: 0 0 var(--vn-3); font-size: 18px; }
.vn-iptal__tur { display: grid; gap: var(--vn-3); grid-template-columns: minmax(0, 1fr); }
@media (min-width: 700px) { .vn-iptal__tur { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.vn-iptal__tur label { position: relative; margin: 0; cursor: pointer; }
.vn-iptal__tur input { position: absolute; opacity: 0; }
.vn-iptal__tur label > span { display: grid; grid-template-columns: 36px minmax(0, 1fr); column-gap: 12px; row-gap: 2px; height: 100%; padding: 16px; border: 2px solid var(--vn-line); border-radius: 14px; background: var(--vn-bg); transition: border-color var(--vn-ease), background var(--vn-ease); }
.vn-iptal__tur label > span > i { grid-row: 1 / span 2; width: 36px; height: 36px; display: grid; place-items: center; border-radius: 10px; background: var(--vn-surface); color: var(--vn-text-2); }
.vn-iptal__tur strong { font-family: var(--vn-font-head); font-size: 15px; color: var(--vn-ink); }
.vn-iptal__tur small { grid-column: 2; font-size: 13px; line-height: 1.45; color: var(--vn-text-2); }
.vn-iptal__tur input:checked + span { border-color: var(--vn-blue); background: var(--vn-blue-wash); }
.vn-iptal__tur input:checked + span > i { background: var(--vn-blue); color: #fff; }
.vn-iptal__tur input:focus-visible + span { outline: 2px solid var(--vn-blue); outline-offset: 2px; }
.vn-iptal__gonder { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: var(--vn-3); }
.vn-iptal__dugme, .vn .vn-iptal__dugme { background: var(--vn-red); border-color: var(--vn-red); color: #fff; }
.vn-iptal__dugme:hover { filter: brightness(.92); color: #fff; }
/* Hizmet ayrıntısındaki ödenmemiş fatura uyarısı */
.vn-shell #alertUnpaidInvoice, .vn-shell #alertOverdueInvoice { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px 16px; padding: 14px 18px; border-radius: 14px; }
.vn-shell #alertUnpaidInvoice .float-right, .vn-shell #alertOverdueInvoice .float-right { float: none !important; order: 2; }
.vn-shell #alertUnpaidInvoice .btn, .vn-shell #alertOverdueInvoice .btn { padding: 8px 16px; border-radius: 10px; font-family: var(--vn-font-head); font-weight: 600; font-size: 14px; background: var(--vn-surface); border: 1px solid var(--vn-line-strong); color: var(--vn-ink); }

/* ===== Sepet ===== */
.vn-adimlar { list-style: none; margin: 0 0 var(--vn-5); padding: 10px; display: grid; gap: 8px; grid-template-columns: repeat(3, minmax(0, 1fr)); border: 1px solid var(--vn-line); border-radius: 16px; background: var(--vn-surface); counter-reset: none; }
.vn-adimlar li { display: flex; align-items: center; gap: 12px; padding: 10px 14px; border-radius: 12px; min-width: 0; color: var(--vn-text-2); }
.vn-adimlar li > span { flex: 0 0 auto; width: 36px; height: 36px; display: grid; place-items: center; border-radius: 50%; border: 2px solid var(--vn-line-strong); font-family: var(--vn-font-head); font-weight: 700; font-size: 15px; background: var(--vn-surface); }
.vn-adimlar li div { display: grid; min-width: 0; }
.vn-adimlar strong { font-family: var(--vn-font-head); font-size: 15px; font-weight: 600; color: inherit; }
.vn-adimlar small { font-size: 12px; color: var(--vn-text-3); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.vn-adimlar li.is-etkin { background: var(--vn-grad); color: #fff; }
.vn-adimlar li.is-etkin > span { background: var(--vn-lime); border-color: var(--vn-lime); color: var(--vn-navy); }
.vn-adimlar li.is-etkin small { color: rgba(255,255,255,.8); }
.vn-adimlar li.is-tamam { color: var(--vn-ink); }
.vn-adimlar li.is-tamam > span { background: var(--vn-teal); border-color: var(--vn-teal); color: #fff; font-size: 13px; }
@media (max-width: 700px) { .vn-adimlar small { display: none; } .vn-adimlar li { padding: 8px; gap: 8px; } .vn-adimlar li > span { width: 30px; height: 30px; font-size: 13px; } .vn-adimlar strong { font-size: 13px; } }
@media (max-width: 460px) { .vn-adimlar li:not(.is-etkin) div { display: none; } .vn-adimlar { grid-template-columns: auto minmax(0, 1fr) auto; } .vn-adimlar li.is-etkin { grid-column: auto; } }

.vn-sepetbos { display: grid; gap: var(--vn-5); padding: clamp(24px, 4vw, 44px); border: 1px solid var(--vn-line); border-radius: 22px; background: var(--vn-surface); box-shadow: 0 10px 34px rgba(11,42,74,.06); }
.vn-sepetbos__ust { display: grid; gap: 8px; justify-items: center; text-align: center; }
.vn-sepetbos__ikon { width: 84px; height: 84px; display: grid; place-items: center; border-radius: 24px; background: var(--vn-grad); color: var(--vn-lime); font-size: 32px; box-shadow: 0 14px 30px rgba(11,42,74,.2); }
.vn-sepetbos__ust h2, .vn .vn-sepetbos__ust h2 { margin: 8px 0 0; font-size: 26px; }
.vn-sepetbos__ust p, .vn .vn-sepetbos__ust p { margin: 0; max-width: 520px; color: var(--vn-text-2); }
.vn-sepetbos__izgara { display: grid; gap: var(--vn-3); grid-template-columns: minmax(0, 1fr); }
@media (min-width: 620px) { .vn-sepetbos__izgara { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1000px) { .vn-sepetbos__izgara { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.vn-sepetbos__izgara a, .vn .vn-sepetbos__izgara a { --m: var(--vn-blue); display: grid; grid-template-columns: 48px minmax(0, 1fr); gap: 14px; align-items: center; padding: 16px; border: 1px solid var(--vn-line); border-radius: 16px; background: var(--vn-bg); color: var(--vn-ink); text-decoration: none; transition: border-color var(--vn-ease), background var(--vn-ease), transform var(--vn-ease); }
.vn-sepetbos__izgara a:nth-child(3n+2) { --m: var(--vn-teal); } .vn-sepetbos__izgara a:nth-child(3n+3) { --m: var(--vn-lime-ink); }
.vn-sepetbos__izgara a > i { width: 48px; height: 48px; display: grid; place-items: center; border-radius: 14px; font-size: 19px; color: var(--m); background: color-mix(in srgb, var(--m) 14%, transparent); }
.vn-sepetbos__izgara span { display: grid; gap: 2px; min-width: 0; }
.vn-sepetbos__izgara strong { font-family: var(--vn-font-head); font-size: 16px; font-weight: 600; }
.vn-sepetbos__izgara small { font-size: 13px; color: var(--vn-text-2); }
.vn-sepetbos__izgara a:hover { border-color: var(--m); background: var(--vn-surface); transform: translateY(-2px); text-decoration: none; }
.vn-sepetbos__alt, .vn .vn-sepetbos__alt { margin: 0; text-align: center; font-size: 14px; color: var(--vn-text-2); }

.vn-sepetguven { margin-top: var(--vn-5); display: grid; gap: var(--vn-3); grid-template-columns: repeat(2, minmax(0, 1fr)); background: transparent; }
@media (min-width: 1000px) { .vn-sepetguven { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
@media (max-width: 520px) { .vn-sepetguven { grid-template-columns: minmax(0, 1fr); } }
.vn-sepetguven > div { --m: var(--vn-blue); display: grid; grid-template-columns: 40px minmax(0, 1fr); gap: 12px; align-items: center; padding: 14px 16px; border: 1px solid var(--vn-line); border-radius: 14px; background: var(--vn-surface); }
.vn-sepetguven > div:nth-child(2) { --m: var(--vn-teal); } .vn-sepetguven > div:nth-child(3) { --m: var(--vn-lime-ink); } .vn-sepetguven > div:nth-child(4) { --m: var(--vn-teal); }
.vn-sepetguven > div > i { width: 40px; height: 40px; display: grid; place-items: center; border-radius: 12px; font-size: 16px; font-style: normal; font-weight: 700; color: var(--m); background: color-mix(in srgb, var(--m) 14%, transparent); }
.vn-sepetguven span { display: grid; gap: 1px; min-width: 0; }
.vn-sepetguven strong { font-family: var(--vn-font-head); font-size: 14px; font-weight: 600; color: var(--vn-ink); }
.vn-sepetguven small { font-size: 12.5px; line-height: 1.4; color: var(--vn-text-2); }

/* Dolu sepet: kalemler kart, özet renkli başlıklı */
body .vn-sepet #order-standard_cart .header-lined, body .vn-sepet #order-standard_cart .cart-sidebar, body .vn-sepet #order-standard_cart .sidebar-collapsed { display: none; }
body .vn-sepet #order-standard_cart .cart-body { width: 100%; float: none; }
body .vn-sepet #order-standard_cart .view-cart-items-header { padding: 12px 18px; border: 1px solid var(--vn-line); border-bottom: 0; border-radius: 16px 16px 0 0; background: var(--vn-bg); }
body .vn-sepet #order-standard_cart .view-cart-items { border: 1px solid var(--vn-line); border-radius: 0 0 16px 16px; background: var(--vn-surface); margin-bottom: var(--vn-3); overflow: hidden; }
body .vn-sepet #order-standard_cart .view-cart-items .item, body .vn-sepet #order-standard_cart .view-cart-items .item:nth-child(even) { position: relative; padding: 18px 18px 18px 74px; border-bottom: 1px solid var(--vn-line); }
body .vn-sepet #order-standard_cart .view-cart-items .item:last-child { border-bottom: 0; }
body .vn-sepet #order-standard_cart .view-cart-items .item::before { content: ""; position: absolute; left: 18px; top: 18px; width: 42px; height: 42px; border-radius: 12px; background: var(--vn-blue-wash) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231877b9' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z'/%3E%3Cpath d='M3.3 7 12 12l8.7-5M12 22V12'/%3E%3C/svg%3E") center / 22px no-repeat; }
body .vn-sepet #order-standard_cart .view-cart-items .item-title { font-size: 17px; }
body .vn-sepet #order-standard_cart .view-cart-items .item-group, body .vn-sepet #order-standard_cart .view-cart-items .item-domain { display: block; font-size: 13px; color: var(--vn-text-2); }
body .vn-sepet #order-standard_cart .view-cart-items .item-domain { font-family: var(--vn-font-mono); }
body .vn-sepet #order-standard_cart .view-cart-items .item-price span:first-child { font-size: 18px; font-weight: 600; }
body .vn-sepet #order-standard_cart .btn-remove-from-cart { width: 34px; height: 34px; border-radius: 10px; border: 1px solid var(--vn-line); color: var(--vn-text-2); background: var(--vn-surface); }
body .vn-sepet #order-standard_cart .btn-remove-from-cart:hover { border-color: var(--vn-red); color: var(--vn-red); }
body .vn-sepet #order-standard_cart .view-cart-tabs { border: 1px solid var(--vn-line); border-radius: 16px; background: var(--vn-surface); padding: 6px 18px 12px; }
body .vn-sepet #order-standard_cart .order-summary { border-radius: 18px; box-shadow: 0 12px 30px rgba(11,42,74,.08); }
body .vn-sepet #order-standard_cart .order-summary h2 { background: var(--vn-grad); color: #fff; border-bottom: 0; padding: 16px 20px; }
body .vn-sepet #order-standard_cart .order-summary .total-due-today { margin-top: 12px; padding: 14px; border-radius: 12px; background: var(--vn-bg); }
body .vn-sepet #order-standard_cart .order-summary .total-due-today .amt { font-family: var(--vn-font-head); font-size: 30px; font-weight: 700; letter-spacing: -0.02em; }
body .vn-sepet #order-standard_cart .order-summary .btn-checkout { background: var(--vn-lime); border-color: var(--vn-lime); color: var(--vn-navy); font-weight: 700; min-height: 50px; border-radius: 12px; }
body .vn-sepet #order-standard_cart .order-summary .btn-checkout:hover { background: var(--vn-lime-hover); border-color: var(--vn-lime-hover); }
:root[data-vn-tema="dark"] body .vn-sepet #order-standard_cart .order-summary h2 { background: var(--vn-grad) !important; color: #fff; }
body .vn-sepet #order-standard_cart .empty-cart { margin: 4px 0 var(--vn-3); }

/* Ödeme adımı: iki sütun, bölümler kart */
.vn-odeme { display: grid; gap: var(--vn-5); grid-template-columns: minmax(0, 1fr); align-items: start; }
@media (min-width: 1100px) { .vn-odeme { grid-template-columns: minmax(0, 1fr) 330px; } .vn-odeme__yan { position: sticky; top: 132px; } }
.vn-odeme > #order-standard_cart { min-width: 0; padding: clamp(18px, 3vw, 30px); border: 1px solid var(--vn-line); border-radius: 20px; background: var(--vn-surface); }
body .vn-odeme #order-standard_cart .cart-sidebar { display: none; }
body .vn-odeme #order-standard_cart .cart-body { width: 100%; float: none; padding-inline: 0; }
body .vn-odeme #order-standard_cart > .row { margin: 0; }
body .vn-odeme #order-standard_cart .sub-heading { border-top: 0; height: auto; margin: var(--vn-6) 0 var(--vn-3); padding-bottom: 10px; border-bottom: 1px dashed var(--vn-line-strong); }
body .vn-odeme #order-standard_cart .sub-heading span, body .vn-odeme #order-standard_cart .sub-heading-borderless span { position: static; top: 0; padding: 0; background: transparent !important; font-family: var(--vn-font-head); font-size: 17px; font-weight: 600; letter-spacing: 0; text-transform: none; color: var(--vn-ink); display: inline-flex; align-items: center; gap: 10px; }
body .vn-odeme #order-standard_cart .sub-heading > span::before { content: ""; width: 26px; height: 4px; border-radius: 2px; background: linear-gradient(90deg, var(--vn-teal), var(--vn-lime)); }
body .vn-odeme #order-standard_cart .sub-heading span span::before { content: none; }
@media (min-width: 1100px) { body .vn-odeme #order-standard_cart #totalDueToday { display: none; } }

body .vn-odeme #order-standard_cart #btnCompleteOrder { min-width: 280px; min-height: 54px; border-radius: 14px; background: var(--vn-lime); border-color: var(--vn-lime); color: var(--vn-navy); font-family: var(--vn-font-head); font-weight: 700; font-size: 17px; }
body .vn-odeme #order-standard_cart #btnCompleteOrder:hover { background: var(--vn-lime-hover); border-color: var(--vn-lime-hover); }
body .vn-odeme #order-standard_cart #btnCompleteOrder[disabled] { background: var(--vn-line-strong); border-color: var(--vn-line-strong); color: #fff; }
.vn-odeme__yan { display: grid; gap: var(--vn-4); background: transparent; }
.vn-odeme__ozet { display: grid; gap: var(--vn-3); padding: var(--vn-5); border-radius: 18px; background: var(--vn-grad); color: #fff; box-shadow: 0 14px 32px rgba(11,42,74,.16); }
.vn-odeme__baslik, .vn .vn-odeme__baslik { margin: 0; font-family: var(--vn-font-mono); font-size: 12px; letter-spacing: .1em; text-transform: uppercase; color: rgba(255,255,255,.75); }
.vn-odeme__ozet dl { margin: 0; display: grid; gap: 8px; }
.vn-odeme__ozet dl div { display: flex; justify-content: space-between; gap: 12px; padding-bottom: 8px; border-bottom: 1px solid rgba(255,255,255,.14); font-size: 14px; }
.vn-odeme__ozet dt { font-weight: 400; color: rgba(255,255,255,.82); }
.vn-odeme__ozet dd { margin: 0; font-family: var(--vn-font-mono); color: #fff; white-space: nowrap; }
.vn-odeme__toplam, .vn .vn-odeme__toplam { margin: 0; display: grid; gap: 2px; }
.vn-odeme__toplam small { font-size: 13px; color: rgba(255,255,255,.75); }
.vn-odeme__toplam b { font-family: var(--vn-font-head); font-size: 32px; line-height: 1.1; font-weight: 700; letter-spacing: -0.03em; color: #fff; white-space: nowrap; }
.vn-odeme__geri, .vn a.vn-odeme__geri { font-size: 14px; font-weight: 600; color: var(--vn-lime); text-decoration: none; }
.vn-odeme__guven { list-style: none; margin: 0; padding: var(--vn-4); display: grid; gap: var(--vn-3); border: 1px solid var(--vn-line); border-radius: 16px; background: var(--vn-surface); }
.vn-odeme__guven li { display: grid; grid-template-columns: 38px minmax(0, 1fr); gap: 12px; align-items: center; }
.vn-odeme__guven li > i { width: 38px; height: 38px; display: grid; place-items: center; border-radius: 11px; background: var(--vn-teal-wash); color: var(--vn-teal); font-size: 15px; }
.vn-odeme__guven span { display: grid; gap: 1px; }
.vn-odeme__guven strong { font-family: var(--vn-font-head); font-size: 14px; font-weight: 600; color: var(--vn-ink); }
.vn-odeme__guven small { font-size: 12.5px; line-height: 1.4; color: var(--vn-text-2); }
@media (max-width: 1099px) { .vn-odeme .vn-odeme__ozet { display: none; } }
/* Giriş yapmış ziyaretçide üst menüdeki "Müşteri Paneli" düğmesi: telefonda yalnız ikon */
.vn-header__panel i { display: none; }
@media (max-width: 480px) { .vn-header__panel span { display: none; } .vn-header__panel i { display: inline-block; } .vn-header__panel, .vn a.vn-header__panel { width: 40px; padding: 0; justify-content: center; } }

/* ===== Sipariş ekranları: yapılandırma, yenileme, alan adı ===== */
.vn-adimlar { grid-template-columns: repeat(4, minmax(0, 1fr)); }
@media (max-width: 460px) { .vn-adimlar { grid-template-columns: repeat(4, auto); justify-content: space-between; } .vn-adimlar li.is-etkin { flex: 1; } }
body .vn-siparis #order-standard_cart .cart-sidebar, body .vn-siparis #order-standard_cart .sidebar-collapsed, body .vn-siparis #order-standard_cart .header-lined { display: none; }
body .vn-siparis #order-standard_cart .cart-body { width: 100%; float: none; }
body .vn-siparis #order-standard_cart .sub-heading { border-top: 0; height: auto; margin: var(--vn-6) 0 var(--vn-3); padding-bottom: 10px; border-bottom: 1px dashed var(--vn-line-strong); }
body .vn-siparis #order-standard_cart .sub-heading span, body .vn-siparis #order-standard_cart .sub-heading-borderless span { position: static; top: 0; padding: 0; background: transparent !important; font-family: var(--vn-font-head); font-size: 17px; font-weight: 600; letter-spacing: 0; text-transform: none; color: var(--vn-ink); display: inline-flex; align-items: center; gap: 10px; }
body .vn-siparis #order-standard_cart .sub-heading > span::before { content: ""; width: 26px; height: 4px; border-radius: 2px; background: linear-gradient(90deg, var(--vn-teal), var(--vn-lime)); }
body .vn-siparis #order-standard_cart .order-summary { border-radius: 18px; box-shadow: 0 12px 30px rgba(11,42,74,.08); }
body .vn-siparis #order-standard_cart .order-summary h2 { background: var(--vn-grad); color: #fff; border-bottom: 0; padding: 16px 20px; }
:root[data-vn-tema="dark"] body .vn-siparis #order-standard_cart .order-summary h2 { background: var(--vn-grad) !important; color: #fff; }
body .vn-siparis #order-standard_cart .order-summary .total-due-today { margin-top: 12px; padding: 14px; border-radius: 12px; background: var(--vn-bg); }
body .vn-siparis #order-standard_cart .order-summary .total-due-today .amt { font-family: var(--vn-font-head); font-size: 28px; font-weight: 700; letter-spacing: -0.02em; }
body .vn-siparis #order-standard_cart #btnCompleteProductConfig, body .vn-siparis #order-standard_cart #btnGoToCart, body .vn-siparis #order-standard_cart .secondary-cart-sidebar .btn-primary, body .vn-siparis #order-standard_cart .secondary-cart-sidebar .btn-success { display: block; width: 100%; min-height: 50px; margin-top: var(--vn-3); border-radius: 12px; background: var(--vn-lime); border-color: var(--vn-lime); color: var(--vn-navy); font-family: var(--vn-font-head); font-weight: 700; font-size: 16px; }
body .vn-siparis #order-standard_cart #btnCompleteProductConfig:hover, body .vn-siparis #order-standard_cart #btnGoToCart:hover { background: var(--vn-lime-hover); border-color: var(--vn-lime-hover); }
/* Yapılandırma: ürün kartı ve alan kutuları */
body .vn-yapilandir #order-standard_cart .secondary-cart-body > form > p:first-child, body .vn-yapilandir #order-standard_cart .secondary-cart-body > p:first-child { color: var(--vn-text-2); }
body .vn-yapilandir #order-standard_cart .product-info { position: relative; padding: 20px 22px 20px 88px; border-radius: 16px; border-left: 5px solid var(--vn-teal); min-height: 88px; }
body .vn-yapilandir #order-standard_cart .product-info::before { content: ""; position: absolute; left: 22px; top: 20px; width: 48px; height: 48px; border-radius: 14px; background: var(--vn-teal-wash) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2314a38b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='3' width='20' height='7' rx='2'/%3E%3Crect x='2' y='14' width='20' height='7' rx='2'/%3E%3Cpath d='M6 6.5h.01M6 17.5h.01'/%3E%3C/svg%3E") center / 24px no-repeat; }
body .vn-yapilandir #order-standard_cart .product-info .product-title { font-size: 20px; }
body .vn-yapilandir #order-standard_cart .secondary-cart-body { min-width: 0; }
body .vn-yapilandir #order-standard_cart .field-container, body .vn-yapilandir #order-standard_cart .product-configurable-options { padding: 18px; border: 1px solid var(--vn-line); border-radius: 16px; background: var(--vn-surface); }
body .vn-yapilandir #order-standard_cart .field-container label, body .vn-yapilandir #order-standard_cart .product-configurable-options label { font-family: var(--vn-font-head); font-weight: 600; font-size: 14px; color: var(--vn-ink); }
body .vn-yapilandir #order-standard_cart #inputBillingcycle { min-width: 240px; font-family: var(--vn-font-head); font-weight: 600; }
/* Yenileme listesi */
body .vn-yenile #order-standard_cart .service-renewals { display: grid; gap: var(--vn-3); }
body .vn-yenile #order-standard_cart .service-renewal { position: relative; margin: 0; padding: 18px 18px 18px 78px; border: 1px solid var(--vn-line); border-radius: 16px; background: var(--vn-surface); }
body .vn-yenile #order-standard_cart .service-renewal::before { content: ""; position: absolute; left: 18px; top: 18px; width: 44px; height: 44px; border-radius: 12px; background: var(--vn-blue-wash) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231877b9' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 12a9 9 0 1 1-2.6-6.4M21 4v5h-5'/%3E%3C/svg%3E") center / 22px no-repeat; }
body .vn-yenile #order-standard_cart .service-renewal h3, body .vn-yenile #order-standard_cart .service-renewal .font-size-24 { font-size: 18px; margin: 0; }
body .vn-yenile #order-standard_cart .service-renewal h4, body .vn-yenile #order-standard_cart .service-renewal .font-size-22 { font-family: var(--vn-font-mono); font-size: 14px; font-weight: 500; color: var(--vn-text-2); margin: 2px 0 8px; }
body .vn-yenile #order-standard_cart .service-renewal .btn { border-radius: 10px; font-family: var(--vn-font-head); font-weight: 600; border: 1px solid var(--vn-blue); color: var(--vn-blue); background: var(--vn-surface); }
body .vn-yenile #order-standard_cart .service-renewal .btn:hover { background: var(--vn-blue); color: #fff; }
/* Alan adı kayıt / transfer */
body .vn-alanadi #order-standard_cart .domain-pricing, body .vn-alanadi #order-standard_cart .tld-pricing-container, body .vn-alanadi #order-standard_cart #tldPricing { border: 1px solid var(--vn-line); border-radius: 16px; overflow: hidden; background: var(--vn-surface); }
.vn-transferadim { max-width: 900px; margin: var(--vn-6) auto 0; padding: var(--vn-5); border: 1px solid var(--vn-line); border-radius: 18px; background: var(--vn-surface); }
.vn-transferadim h3, .vn .vn-transferadim h3 { margin: 0 0 var(--vn-4); font-size: 19px; text-align: center; }
.vn-transferadim ol { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--vn-3); grid-template-columns: minmax(0, 1fr); counter-reset: vnt; }
@media (min-width: 640px) { .vn-transferadim ol { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1100px) { .vn-transferadim ol { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.vn-transferadim li { --m: var(--vn-blue); display: grid; gap: 10px; align-content: start; padding: 16px; border-radius: 14px; border: 1px solid var(--vn-line); background: var(--vn-bg); text-align: left; }
.vn-transferadim li:nth-child(2) { --m: var(--vn-teal); } .vn-transferadim li:nth-child(3) { --m: var(--vn-lime-ink); } .vn-transferadim li:nth-child(4) { --m: var(--vn-teal); }
.vn-transferadim li > i { width: 42px; height: 42px; display: grid; place-items: center; border-radius: 12px; font-size: 17px; color: var(--m); background: color-mix(in srgb, var(--m) 14%, transparent); }
.vn-transferadim span { display: grid; gap: 3px; }
.vn-transferadim strong { font-family: var(--vn-font-head); font-size: 15px; font-weight: 600; color: var(--vn-ink); }
.vn-transferadim small { font-size: 13px; line-height: 1.45; color: var(--vn-text-2); }
body .vn-alanadi #order-standard_cart .domain-pricing { padding: 18px; }
body .vn-alanadi #order-standard_cart #btnCheckAvailability, body .vn-alanadi #order-standard_cart #btnTransferDomain { background: var(--vn-lime); border-color: var(--vn-lime); color: var(--vn-navy); font-family: var(--vn-font-head); font-weight: 700; }
body .vn-alanadi #order-standard_cart #btnCheckAvailability:hover, body .vn-alanadi #order-standard_cart #btnTransferDomain:hover { background: var(--vn-lime-hover); border-color: var(--vn-lime-hover); }
body .vn-yapilandir #order-standard_cart .product-info { min-height: 0; }

/* ===== Duyurular ===== */
.vn-duyurular { display: grid; gap: var(--vn-4); grid-template-columns: minmax(0, 1fr); }
@media (min-width: 900px) { .vn-duyurular { grid-template-columns: repeat(2, minmax(0, 1fr)); } .vn-duyuru--one, .vn-duyuru-bos { grid-column: 1 / -1; } }
.vn-duyuru { --m: var(--vn-blue); display: grid; grid-template-columns: 74px minmax(0, 1fr); gap: var(--vn-4); align-items: start; padding: var(--vn-5); border: 1px solid var(--vn-line); border-top: 4px solid var(--m); border-radius: 16px; background: var(--vn-surface); transition: box-shadow var(--vn-ease), transform var(--vn-ease); }
.vn-duyuru:nth-child(3n+2) { --m: var(--vn-teal); } .vn-duyuru:nth-child(3n+3) { --m: var(--vn-lime-ink); }
.vn-duyuru:hover { box-shadow: 0 14px 32px rgba(11,42,74,.09); transform: translateY(-2px); }
.vn-duyuru__tarih { display: grid; justify-items: center; gap: 2px; padding: 10px 6px; border-radius: 14px; background: color-mix(in srgb, var(--m) 12%, transparent); color: var(--m); }
.vn-duyuru__tarih b { font-family: var(--vn-font-head); font-size: 28px; line-height: 1; font-weight: 700; }
.vn-duyuru__tarih span { font-family: var(--vn-font-mono); font-size: 12px; color: var(--vn-text-2); }
.vn-duyuru__govde { display: grid; gap: 8px; min-width: 0; }
.vn-duyuru__etiket, .vn .vn-duyuru__etiket { margin: 0; font-family: var(--vn-font-head); font-size: 12px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--m); }
.vn-duyuru h2, .vn .vn-duyuru h2 { margin: 0; font-size: 19px; line-height: 1.3; }
.vn-duyuru h2 a { color: var(--vn-ink); text-decoration: none; } .vn-duyuru h2 a:hover { color: var(--vn-blue); }
.vn-duyuru__ozet { font-size: 15px; line-height: 1.6; color: var(--vn-text-2); display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.vn-duyuru--one { background: var(--vn-grad); border: 0; color: #fff; padding: clamp(20px, 3vw, 32px); grid-template-columns: 92px minmax(0, 1fr); }
.vn-duyuru--one .vn-duyuru__tarih { background: rgba(255,255,255,.12); color: var(--vn-lime); padding: 14px 8px; }
.vn-duyuru--one .vn-duyuru__tarih b { font-size: 36px; } .vn-duyuru--one .vn-duyuru__tarih span { color: rgba(255,255,255,.8); }
.vn-duyuru--one .vn-duyuru__etiket { color: var(--vn-lime); }
.vn-duyuru--one h2, .vn .vn-duyuru--one h2 { font-size: clamp(20px, 2.4vw, 26px); }
.vn-duyuru--one h2 a, .vn .vn-duyuru--one h2 a { color: #fff; } .vn-duyuru--one h2 a:hover { color: var(--vn-lime); }
.vn-duyuru--one .vn-duyuru__ozet { color: rgba(255,255,255,.84); }
.vn-duyuru--one .vn-link-arrow, .vn .vn-duyuru--one a.vn-link-arrow { color: var(--vn-lime); }
@media (max-width: 520px) { .vn-duyuru, .vn-duyuru--one { grid-template-columns: minmax(0, 1fr); } .vn-duyuru__tarih { grid-auto-flow: column; justify-content: start; align-items: baseline; gap: 8px; padding: 8px 12px; justify-self: start; } .vn-duyuru__tarih b, .vn-duyuru--one .vn-duyuru__tarih b { font-size: 20px; } }
.vn-duyuru-alt { display: flex; flex-wrap: wrap; gap: var(--vn-3); }
.vn-duyuru-alt a, .vn .vn-duyuru-alt a { --m: var(--vn-blue); flex: 1 1 220px; display: grid; grid-template-columns: 42px minmax(0, 1fr); gap: 12px; align-items: center; padding: 14px 16px; border: 1px solid var(--vn-line); border-radius: 14px; background: var(--vn-surface); color: var(--vn-ink); text-decoration: none; }
.vn-duyuru-alt a:nth-child(2) { --m: var(--vn-teal); } .vn-duyuru-alt a:nth-child(3) { --m: var(--vn-lime-ink); }
.vn-duyuru-alt a > i { width: 42px; height: 42px; display: grid; place-items: center; border-radius: 12px; font-size: 17px; color: var(--m); background: color-mix(in srgb, var(--m) 13%, transparent); }
.vn-duyuru-alt span { display: grid; gap: 2px; } .vn-duyuru-alt strong { font-family: var(--vn-font-head); font-size: 15px; font-weight: 600; } .vn-duyuru-alt small { font-size: 13px; color: var(--vn-text-2); }
.vn-duyuru-alt a:hover { border-color: var(--m); text-decoration: none; }
.vn-news--single { max-width: 900px; }
.vn-duyuru-tek { border: 1px solid var(--vn-line); border-radius: 18px; background: var(--vn-surface); overflow: hidden; }
.vn-duyuru-tek__bas { display: flex; align-items: center; gap: var(--vn-4); padding: clamp(18px, 3vw, 28px); background: var(--vn-grad); color: #fff; }
.vn-duyuru-tek__ikon { flex: 0 0 auto; width: 54px; height: 54px; display: grid; place-items: center; border-radius: 16px; background: rgba(255,255,255,.12); color: var(--vn-lime); font-size: 22px; }
.vn-duyuru-tek__bas time { font-family: var(--vn-font-mono); font-size: 13px; color: rgba(255,255,255,.8); }
.vn-duyuru-tek__bas h1, .vn .vn-duyuru-tek__bas h1 { margin: 4px 0 0; color: #fff; font-size: clamp(20px, 2.6vw, 28px); line-height: 1.25; }
.vn-duyuru-tek .vn-news__text { padding: clamp(18px, 3vw, 32px); max-width: none; }
.vn-duyuru-tek > p { padding: 0 clamp(18px, 3vw, 32px) var(--vn-4); }

/* Alan adı seçimi (hosting siparişinde) ve alan adı sayfalarının alt bölümleri */
body .vn-alansec #order-standard_cart .option, body .vn-alansec #order-standard_cart .domain-selection-options .option { padding: 16px 18px; margin-bottom: 10px; border: 1px solid var(--vn-line); border-radius: 16px; background: var(--vn-surface); transition: border-color var(--vn-ease); }
body .vn-alansec #order-standard_cart .option:hover { border-color: var(--vn-blue); }
body .vn-alansec #order-standard_cart .option.option-selected, body .vn-alansec #order-standard_cart .option:has(input[type="radio"]:checked) { border-color: var(--vn-blue); border-left: 5px solid var(--vn-blue); background: var(--vn-blue-wash); }
body .vn-alansec #order-standard_cart .option > label { font-family: var(--vn-font-head); font-weight: 600; font-size: 15px; color: var(--vn-ink); }
body .vn-alansec #order-standard_cart .domain-input-group { margin-top: 12px; }
body .vn-alansec #order-standard_cart .domain-input-group .btn-primary, body .vn-tamam #order-standard_cart .btn-primary, body .vn-tamam #order-standard_cart .btn-default { min-height: 46px; border-radius: 12px; background: var(--vn-lime); border-color: var(--vn-lime); color: var(--vn-navy); font-family: var(--vn-font-head); font-weight: 700; }
body .vn-alansec #order-standard_cart .domain-input-group .btn-primary:hover { background: var(--vn-lime-hover); border-color: var(--vn-lime-hover); }
body .vn-tamam #order-standard_cart .order-confirmation { padding: clamp(20px, 4vw, 40px); border: 1px solid var(--vn-line); border-top: 4px solid var(--vn-teal); border-radius: 18px; background: var(--vn-surface); text-align: center; }
.vn-alanek { display: grid; gap: var(--vn-7); margin-top: var(--vn-7); background: transparent; }
.vn-alanek section { display: grid; gap: var(--vn-3); }
.vn-alanek h2, .vn .vn-alanek h2 { margin: 0 0 var(--vn-2); font-size: clamp(22px, 2.4vw, 28px); }
.vn-alanek .vn-label { margin: 0; font-family: var(--vn-font-head); font-size: 13px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--vn-teal); display: flex; align-items: center; gap: 10px; }
.vn-alanek .vn-label::before { content: ""; width: 28px; height: 3px; border-radius: 2px; background: linear-gradient(90deg, var(--vn-teal), var(--vn-lime)); }
/* WHMCS'in "Destek" yan menüsü panelde gösterilmez (aynı bağlantılar sol menüde ve sayfalardaki kartlarda var) */
.vn-shell .vn-context [menuitemname="Support"], .vn-public .vn-context [menuitemname="Support"], .vn-public .sidebar [menuitemname="Support"] { display: none !important; }
.vn-duyuru-alt a:nth-child(4) { --m: var(--vn-teal); }
.vn-duyuru-alt { display: grid; grid-template-columns: minmax(0, 1fr); }
@media (min-width: 620px) { .vn-duyuru-alt { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1300px) { .vn-duyuru-alt:has(a:nth-child(4)) { grid-template-columns: repeat(4, minmax(0, 1fr)); } }

/* ===== Bilgi bankası ===== */
.vn-kb { gap: var(--vn-5); }
.vn-kb section { display: grid; gap: var(--vn-3); }
.vn-kb .vn-label { margin: 0; font-family: var(--vn-font-head); font-size: 13px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--vn-teal); display: flex; align-items: center; gap: 10px; }
.vn-kb .vn-label::before { content: ""; width: 28px; height: 3px; border-radius: 2px; background: linear-gradient(90deg, var(--vn-teal), var(--vn-lime)); }
.vn-kbara { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 12px; padding: 10px 10px 10px 20px; border-radius: 18px; background: var(--vn-grad); box-shadow: 0 12px 30px rgba(11,42,74,.14); }
.vn-kbara > i { color: var(--vn-lime); font-size: 18px; }
.vn-kbara input, .vn .vn-kbara input { width: 100%; min-height: 50px; padding: 0 16px; border: 0; border-radius: 12px; background: #fff; color: #0b2a4a; font-size: 16px; }
.vn-kbara input:focus { outline: 3px solid rgba(183, 220, 90, .6); }
.vn-kbara .vn-btn { min-height: 50px; min-width: 110px; border-radius: 12px; }
@media (max-width: 520px) { .vn-kbara { grid-template-columns: minmax(0, 1fr); padding: 12px; } .vn-kbara > i { display: none; } }
.vn-kbkat { display: grid; gap: var(--vn-3); grid-template-columns: minmax(0, 1fr); }
@media (min-width: 640px) { .vn-kbkat { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1200px) { .vn-kbkat { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.vn-kbkat__kart, .vn a.vn-kbkat__kart { --m: var(--vn-blue); position: relative; display: grid; grid-template-columns: 52px minmax(0, 1fr); gap: 6px 14px; align-items: center; padding: 18px; border: 1px solid var(--vn-line); border-top: 4px solid var(--m); border-radius: 16px; background: var(--vn-surface); color: var(--vn-ink); text-decoration: none; transition: box-shadow var(--vn-ease), transform var(--vn-ease); }
.vn-kbkat__kart:nth-child(3n+2) { --m: var(--vn-teal); } .vn-kbkat__kart:nth-child(3n+3) { --m: var(--vn-lime-ink); }
.vn-kbkat__kart:hover { box-shadow: 0 14px 30px rgba(11,42,74,.1); transform: translateY(-2px); text-decoration: none; }
.vn-kbikon { grid-row: 1 / span 2; width: 52px; height: 52px; flex: 0 0 auto; display: grid; place-items: center; border-radius: 14px; font-size: 22px; color: var(--m, var(--vn-blue)); background: color-mix(in srgb, var(--m, var(--vn-blue)) 13%, transparent); }
.vn-kbikon--logo { background: #fff; border: 1px solid var(--vn-line); padding: 8px; }
.vn-kbikon--logo img { max-width: 100%; max-height: 100%; object-fit: contain; }
.vn-kbkat__metin { display: grid; gap: 2px; min-width: 0; }
.vn-kbkat__metin strong { font-family: var(--vn-font-head); font-size: 17px; font-weight: 600; }
.vn-kbkat__metin small { font-size: 13px; line-height: 1.4; color: var(--vn-text-2); }
.vn-kbkat__sayi { grid-column: 2; justify-self: start; padding: 3px 10px; border-radius: 8px; background: var(--vn-bg); border: 1px solid var(--vn-line); font-family: var(--vn-font-mono); font-size: 12px; color: var(--vn-text-2); }
.vn-kb .show-on-card-hover { position: absolute; top: 10px; right: 10px; opacity: 0; transition: opacity var(--vn-ease); }
.vn-kb a:hover > .show-on-card-hover, .vn-kb a:focus-within > .show-on-card-hover { opacity: 1; }
.vn-kbliste { display: grid; gap: 10px; grid-template-columns: minmax(0, 1fr); }
@media (min-width: 1000px) { .vn-kbliste { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.vn-kbliste__satir, .vn a.vn-kbliste__satir { position: relative; display: grid; grid-template-columns: 40px minmax(0, 1fr); gap: 12px; align-items: center; padding: 14px 16px; border: 1px solid var(--vn-line); border-radius: 14px; background: var(--vn-surface); color: var(--vn-ink); text-decoration: none; transition: border-color var(--vn-ease), background var(--vn-ease); }
.vn-kbliste__satir > i { width: 40px; height: 40px; display: grid; place-items: center; border-radius: 11px; background: var(--vn-teal-wash); color: var(--vn-teal); font-size: 16px; }
.vn-kbliste__satir span { display: grid; gap: 2px; min-width: 0; }
.vn-kbliste__satir strong { font-family: var(--vn-font-head); font-size: 15px; font-weight: 600; line-height: 1.3; }
.vn-kbliste__satir small { font-size: 13px; color: var(--vn-text-2); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.vn-kbliste__satir:hover { border-color: var(--vn-teal); background: var(--vn-teal-wash); text-decoration: none; }
.vn-kbliste__bos { grid-column: 1 / -1; padding: var(--vn-5); border: 1px dashed var(--vn-line-strong); border-radius: 14px; text-align: center; color: var(--vn-text-2); }
.vn-kbbaslik { display: flex; flex-wrap: wrap; align-items: center; gap: var(--vn-4); padding: 16px 20px; border: 1px solid var(--vn-line); border-left: 5px solid var(--vn-blue); border-radius: 16px; background: var(--vn-surface); }
.vn-kbbaslik > div { flex: 1 1 220px; min-width: 0; }
.vn-kbbaslik h2, .vn .vn-kbbaslik h2 { margin: 0; font-size: 22px; }
.vn-kbbaslik p, .vn .vn-kbbaslik p { margin: 2px 0 0; font-size: 14px; color: var(--vn-text-2); }
.vn-kb--makale { max-width: 980px; }
.vn-makale .vn-duyuru-tek__bas > div { flex: 1 1 auto; min-width: 0; }
.vn-makale__yazdir, .vn a.vn-makale__yazdir { flex: 0 0 auto; background: rgba(255,255,255,.1); border-color: rgba(255,255,255,.3); color: #fff; }
.vn-makale__metin { font-size: 16px; line-height: 1.75; overflow-wrap: anywhere; }
.vn-makale__metin h2, .vn-makale__metin h3 { margin: 1.4em 0 .5em; }
.vn-makale__metin pre, .vn-makale__metin code { font-family: var(--vn-font-mono); font-size: 14px; }
.vn-makale__metin pre { padding: 14px 16px; border-radius: 12px; background: #0f1b2b; color: #dbe7f5; overflow: auto; }
.vn-makale__metin :not(pre) > code { padding: 2px 6px; border-radius: 6px; background: var(--vn-bg); border: 1px solid var(--vn-line); }
.vn-makale__metin table { width: 100%; border-collapse: collapse; }
.vn-makale__metin td, .vn-makale__metin th { border: 1px solid var(--vn-line); padding: 8px 12px; }
.vn-makale__oy { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 16px; margin: 0 clamp(18px, 3vw, 32px) clamp(18px, 3vw, 32px); padding: 16px 18px; border-radius: 14px; background: var(--vn-bg); border: 1px solid var(--vn-line); }
.vn-makale__oy strong { font-family: var(--vn-font-head); font-size: 15px; color: var(--vn-ink); flex: 1 1 200px; }
.vn-makale__oy span { display: flex; gap: 8px; }
.vn-makale__oy small { color: var(--vn-text-2); font-family: var(--vn-font-mono); }
@media print { .vn-duyuru-tek__bas { background: none !important; color: #000; } .vn-duyuru-tek__bas h1 { color: #000 !important; } }
.vn a.vn-kbkat__kart:nth-child(3n+2) { --m: var(--vn-teal); } .vn a.vn-kbkat__kart:nth-child(3n+3) { --m: var(--vn-lime-ink); }

/* ===== Destek talebi sayfaları: yan kutular sayfanın içinde ===== */
.vn-dept { max-width: none; gap: var(--vn-5); }
.vn-dept__giris, .vn .vn-dept__giris { margin: 0; color: var(--vn-text-2); }
.vn-dept__izgara { display: grid; gap: var(--vn-3); grid-template-columns: minmax(0, 1fr); }
@media (min-width: 700px) { .vn-dept__izgara { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.vn-dept__kart, .vn a.vn-dept__kart { --m: var(--vn-blue); display: grid; grid-template-columns: 52px minmax(0, 1fr) auto; gap: 14px; align-items: center; padding: 18px; border: 1px solid var(--vn-line); border-top: 4px solid var(--m); border-radius: 16px; background: var(--vn-surface); color: var(--vn-ink); text-decoration: none; transition: box-shadow var(--vn-ease), transform var(--vn-ease); }
.vn a.vn-dept__kart:nth-child(4n+2) { --m: var(--vn-teal); } .vn a.vn-dept__kart:nth-child(4n+3) { --m: var(--vn-lime-ink); } .vn a.vn-dept__kart:nth-child(4n+4) { --m: var(--vn-teal); }
.vn-dept__kart:hover { box-shadow: 0 14px 30px rgba(11,42,74,.1); transform: translateY(-2px); text-decoration: none; }
.vn-dept__ikon { width: 52px; height: 52px; display: grid; place-items: center; border-radius: 14px; font-size: 20px; color: var(--m); background: color-mix(in srgb, var(--m) 13%, transparent); }
.vn-dept__metin { display: grid; gap: 2px; min-width: 0; }
.vn-dept__metin strong { font-family: var(--vn-font-head); font-size: 17px; font-weight: 600; }
.vn-dept__metin small { font-size: 13px; color: var(--vn-text-2); }
.vn-dept__sec { font-family: var(--vn-font-head); font-size: 14px; font-weight: 600; color: var(--vn-blue); white-space: nowrap; }
.vn-dept__son { display: grid; gap: var(--vn-3); padding: var(--vn-5); border: 1px solid var(--vn-line); border-radius: 16px; background: var(--vn-surface); }
.vn-dept__son-bas { display: flex; align-items: center; justify-content: space-between; gap: var(--vn-3); padding-bottom: var(--vn-3); border-bottom: 1px dashed var(--vn-line-strong); }
.vn-dept__son-bas h3, .vn .vn-dept__son-bas h3 { margin: 0; font-size: 18px; }
.vn-dept__son-liste { display: grid; gap: 8px; grid-template-columns: minmax(0, 1fr); }
@media (min-width: 1000px) { .vn-dept__son-liste { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.vn-dept__son-liste a, .vn .vn-dept__son-liste a { display: grid; grid-template-columns: 36px minmax(0, 1fr); gap: 12px; align-items: center; padding: 10px 14px; border: 1px solid var(--vn-line); border-radius: 12px; background: var(--vn-bg); color: var(--vn-ink); text-decoration: none; font-size: 14px; }
.vn-dept__son-liste a > i { width: 36px; height: 36px; display: grid; place-items: center; border-radius: 10px; background: var(--vn-teal-wash); color: var(--vn-teal); }
.vn-dept__son-liste a:hover { border-color: var(--vn-teal); background: var(--vn-surface); text-decoration: none; }
.vn-dept__son-liste .recent-ticket { min-width: 0; }
.vn-dept__son-liste .truncate { font-family: var(--vn-font-head); font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.vn-dept__son-liste small { display: flex; flex-direction: row-reverse; justify-content: flex-end; gap: 10px; font-size: 12px; color: var(--vn-text-2); }
.vn-dept__son-liste small span { float: none !important; color: var(--vn-text-2) !important; }
.vn-talep__acilis { margin-right: auto; font-size: 13px; color: var(--vn-text-2); }
.vn-talep__acilis i { margin-right: 4px; color: var(--vn-teal); }
/* Talep görüntüleme: "Bildirim detayı" kutusu gizli (bilgiler sayfanın üstündeki kartlarda); CC alıcıları yanıt kutusunun altında sayfa kartı */
body.vn-shell[data-vn-tpl="viewticket"] .row > .vn-context, body.vn-public[data-vn-tpl="viewticket"] .row > .vn-context { flex: 0 0 100%; max-width: 100%; order: 2 !important; margin-top: var(--vn-4); }
body.vn-shell[data-vn-tpl="viewticket"] .row > .primary-content, body.vn-public[data-vn-tpl="viewticket"] .row > .primary-content { flex: 0 0 100%; max-width: 100%; order: 1 !important; }
body[data-vn-tpl="viewticket"] .vn-context [menuitemname="Ticket Information"] { display: none !important; }
body[data-vn-tpl="viewticket"] .vn-context .sidebar { display: block !important; }
body[data-vn-tpl="viewticket"] #sidebarTicketCc { margin: 0; border: 1px solid var(--vn-line); border-top: 4px solid var(--vn-teal); border-radius: 16px; background: var(--vn-surface); overflow: hidden; }
body[data-vn-tpl="viewticket"] #sidebarTicketCc .card-header { padding: 18px 20px 0; border: 0; background: transparent; }
body[data-vn-tpl="viewticket"] #sidebarTicketCc .card-title { font-family: var(--vn-font-head); font-size: 18px; font-weight: 600; letter-spacing: 0; text-transform: none; color: var(--vn-ink); }
body[data-vn-tpl="viewticket"] #sidebarTicketCc .card-title i:first-child { color: var(--vn-teal); margin-right: 4px; }
body[data-vn-tpl="viewticket"] #sidebarTicketCc .card-minimise { display: none; }
body[data-vn-tpl="viewticket"] #sidebarTicketCc .card-footer { padding: 14px 20px 20px; border: 0; background: transparent; max-width: 560px; }
body[data-vn-tpl="viewticket"] #sidebarTicketCc .list-group-item { padding: 10px 20px; border-left: 0; border-right: 0; }

/* Genel bakış: alan adı kayıt kartı */
.vn-alankayit { display: grid; gap: 10px; padding: var(--vn-5); border: 1px solid var(--vn-line); border-top: 4px solid var(--vn-teal); border-radius: 16px; background: var(--vn-surface); }
.vn-alankayit h3, .vn .vn-alankayit h3 { margin: 0; font-size: 17px; display: flex; align-items: center; gap: 10px; }
.vn-alankayit h3 i { color: var(--vn-teal); }
.vn-alankayit p, .vn .vn-alankayit p { margin: 0; font-size: 13px; color: var(--vn-text-2); }
.vn-alankayit form { display: grid; gap: 10px; margin: 0; }
.vn-alankayit input.form-control { width: 100%; min-height: 46px; border-radius: 12px; font-family: var(--vn-font-mono); font-size: 14px; }
.vn-alankayit__dugme { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.vn-alankayit__dugme .vn-btn { min-height: 42px; }
@media (min-width: 700px) and (max-width: 1279px) { .vn-home__aside > .vn-alankayit { grid-column: 1 / -1; order: 3; } }

/* Destek talepleri listesi */
.vn-talep-ozet { background: transparent; margin-bottom: var(--vn-4); }
.vn-talep-alt { margin-top: var(--vn-5); background: transparent; }
.vn-ticket-table__link--ikonlu, .vn a.vn-ticket-table__link--ikonlu { display: grid; grid-template-columns: 34px minmax(0, 1fr); gap: 12px; align-items: center; text-decoration: none; }
.vn-ticket-table__link--ikonlu > span { display: grid; gap: 2px; min-width: 0; }
.vn-ticket-table__link--ikonlu .vn-tur { margin-right: 0 !important; }
.vn-ticket-table__link--ikonlu .ticket-subject { overflow-wrap: anywhere; }
.vn-yeni { margin-left: 6px; padding: 2px 8px; border-radius: 6px; background: var(--vn-blue); color: #fff; font-family: var(--vn-font-head); font-size: 11px; font-style: normal; font-weight: 600; white-space: nowrap; }
.vn-ticket-table__dept { color: var(--vn-text-2); font-size: 14px; }
.vn-durum { display: inline-flex; align-items: center; gap: 6px; padding: 4px 10px; border-radius: 8px; font-family: var(--vn-font-head); font-size: 12px; font-weight: 600; white-space: nowrap; border: 1px solid var(--vn-line-strong); background: var(--vn-bg); color: var(--vn-text-2); }
.vn-durum::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: currentColor; }
.vn-durum--open, .vn-durum--customer-reply, .vn-durum--in-progress, .vn-durum--on-hold { border-color: color-mix(in srgb, var(--vn-blue) 45%, transparent); background: var(--vn-blue-wash); color: var(--vn-blue); }
.vn-durum--answered { border-color: color-mix(in srgb, var(--vn-teal) 50%, transparent); background: var(--vn-teal-wash); color: var(--vn-teal); }
.vn-shell .vn-ticket-table .table-list td, .vn-shell .vn-ticket-table .table-list th { padding-left: 12px; padding-right: 12px; vertical-align: middle; }
.vn-ticket-table__link--ikonlu .ticket-subject { overflow-wrap: break-word; }
.vn-shell .vn-ticket-table #tableTicketsList th:first-child, .vn-shell .vn-ticket-table #tableTicketsList td:first-child { width: 46% !important; }
.vn-shell .vn-ticket-table #tableTicketsList td:nth-child(4), .vn-shell .vn-ticket-table #tableTicketsList td:nth-child(5) { white-space: nowrap; }

/* ===== Panel: sayfa yolu, tablo başlıkları, hesap açıklama kartları ===== */
.vn-top__crumb .vn-yol { font-family: var(--vn-font-head); font-size: 13px; font-weight: 600; align-items: center; gap: 2px; }
.vn-top__crumb .vn-yol .breadcrumb-item { display: inline-flex; align-items: center; gap: 8px; padding: 0; color: var(--vn-text-2); }
.vn-top__crumb .vn-yol .breadcrumb-item::before { content: none !important; }
.vn-top__crumb .vn-yol .breadcrumb-item a { display: inline-flex; align-items: center; gap: 6px; padding: 6px 10px; border-radius: 8px; color: var(--vn-text-2); text-decoration: none; }
.vn-top__crumb .vn-yol .breadcrumb-item a:hover { background: var(--vn-bg); color: var(--vn-ink); }
.vn-top__crumb .vn-yol .breadcrumb-item a .fa-home { color: var(--vn-teal); }
.vn-top__crumb .vn-yol__ok { font-size: 9px; color: var(--vn-text-3); }
.vn-top__crumb .vn-yol .breadcrumb-item.active { color: var(--vn-ink); }
.vn-top__crumb .vn-yol .breadcrumb-item.active { padding-right: 10px; }
.vn-top__crumb .vn-yol .breadcrumb-item.active:not(:first-child) { background: none; }
.vn-top__crumb .vn-yol .breadcrumb-item.active > .vn-yol__ok { margin-right: 4px; }
.vn-shell .table-list thead th { padding-top: 14px; padding-bottom: 14px; background: linear-gradient(90deg, var(--vn-blue-wash), var(--vn-teal-wash)); border-bottom: 2px solid color-mix(in srgb, var(--vn-teal) 35%, transparent) !important; font-family: var(--vn-font-head); font-size: 12px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--vn-ink); white-space: nowrap; }
.vn-shell .table-list thead th > i { margin-right: 6px; color: var(--vn-teal); font-size: 13px; }
:root[data-vn-tema="dark"] .vn-shell .table-list thead th { background: #16263A; color: var(--vn-ink); }
.vn-hgiris { display: grid; gap: var(--vn-3); grid-template-columns: minmax(0, 1fr); margin-bottom: var(--vn-4); background: transparent; }
@media (min-width: 640px) { .vn-hgiris { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1400px) { .vn-hgiris { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.vn-hgiris > a, .vn-hgiris > div, .vn .vn-hgiris > a { --m: var(--vn-blue); display: grid; grid-template-columns: 44px minmax(0, 1fr); gap: 12px; align-items: start; padding: 16px; border: 1px solid var(--vn-line); border-top: 4px solid var(--m); border-radius: 16px; background: var(--vn-surface); color: var(--vn-ink); text-decoration: none; }
.vn-hgiris > :nth-child(2) { --m: var(--vn-teal); } .vn-hgiris > :nth-child(3) { --m: var(--vn-lime-ink); } .vn-hgiris > :nth-child(4) { --m: var(--vn-teal); }
.vn .vn-hgiris > a:nth-child(2) { --m: var(--vn-teal); } .vn .vn-hgiris > a:nth-child(3) { --m: var(--vn-lime-ink); } .vn .vn-hgiris > a:nth-child(4) { --m: var(--vn-teal); }
.vn-hgiris i { width: 44px; height: 44px; display: grid; place-items: center; border-radius: 12px; font-size: 17px; color: var(--m); background: color-mix(in srgb, var(--m) 13%, transparent); }
.vn-hgiris span { display: grid; gap: 3px; min-width: 0; }
.vn-hgiris strong { font-family: var(--vn-font-head); font-size: 15px; font-weight: 600; }
.vn-hgiris small { font-size: 13px; line-height: 1.45; color: var(--vn-text-2); }
.vn-hgiris > a:hover { box-shadow: 0 12px 26px rgba(11,42,74,.09); text-decoration: none; }
.vn-hgiris-kutu { display: grid; grid-template-columns: 52px minmax(0, 1fr); gap: var(--vn-4); align-items: center; margin-bottom: var(--vn-3); padding: 18px 20px; border-radius: 16px; background: var(--vn-grad); color: #fff; }
.vn-hgiris-kutu__ikon { width: 52px; height: 52px; display: grid; place-items: center; border-radius: 14px; background: rgba(255,255,255,.12); color: var(--vn-lime); font-size: 21px; }
.vn-hgiris-kutu h3, .vn .vn-hgiris-kutu h3 { margin: 0 0 4px; color: #fff; font-size: 18px; }
.vn-hgiris-kutu p, .vn .vn-hgiris-kutu p { margin: 0; font-size: 14px; line-height: 1.55; color: rgba(255,255,255,.86); }
.vn-hgiris-not { margin: 0 0 var(--vn-4); font-size: 13px; color: var(--vn-text-2); }
body[data-vn-tpl="user-security"] .primary-content > p:first-of-type { display: none; }
.vn-eposta-giris, .vn .vn-eposta-giris { margin: 0 0 var(--vn-3); color: var(--vn-text-2); }
.vn-eposta-table__konu { display: flex; align-items: center; gap: 12px; font-family: var(--vn-font-head); font-weight: 600; color: var(--vn-ink); }
.vn-eposta-table__konu .vn-tur { margin-right: 0 !important; flex: 0 0 auto; }
.vn-eposta-table__ek { margin-left: 6px; color: var(--vn-text-3); font-size: 12px; }
.vn-shell .vn-eposta-table .table-list td { vertical-align: middle; }
/* Boş sepette yenileme bandı */
.vn-sepetbos__yenile { display: flex; flex-wrap: wrap; align-items: center; gap: var(--vn-4); padding: 16px 18px; border-radius: 16px; border: 1px solid color-mix(in srgb, var(--vn-teal) 40%, transparent); border-left: 5px solid var(--vn-teal); background: var(--vn-teal-wash); }
.vn-sepetbos__yenile > div:not(.vn-row) { flex: 1 1 260px; display: grid; gap: 2px; min-width: 0; }
.vn-sepetbos__yenile strong { font-family: var(--vn-font-head); font-size: 16px; color: var(--vn-ink); }
.vn-sepetbos__yenile small { font-size: 13px; color: var(--vn-text-2); }
.vn-sepetbos__yenile-ikon { width: 46px; height: 46px; flex: 0 0 auto; display: grid; place-items: center; border-radius: 13px; background: var(--vn-surface); color: var(--vn-teal); font-size: 18px; }
/* Tarama düzeltmeleri */
.vn-shell .vn-dom-filter .vn-seg, .vn-shell .vn-inv-filter .vn-seg { max-width: 100%; overflow-x: auto; }
.vn-iptal__dugme, .vn .vn-iptal__dugme { background: #b93a2b; border-color: #b93a2b; }
:root[data-vn-tema="dark"] #order-standard_cart .div-renewal-period-label, :root[data-vn-tema="dark"] #order-standard_cart .text-muted { color: var(--vn-text-2) !important; }
:root[data-vn-tema="dark"] #order-standard_cart .text-primary, :root[data-vn-tema="dark"] .text-primary { color: #7FB6E6 !important; }
#vnDomFilter, #vnTicketFilter, #vnInvFilter, #vnSvcGroups .vn-seg { max-width: 100%; overflow-x: auto; }
#vnDomFilter button, #vnTicketFilter button, #vnInvFilter button { white-space: nowrap; }
#vnDomFilter, #vnTicketFilter, #vnInvFilter, #vnSvcGroups .vn-seg, .vn-svc-groups .vn-seg { scrollbar-width: none; }
#vnDomFilter::-webkit-scrollbar, #vnTicketFilter::-webkit-scrollbar, #vnInvFilter::-webkit-scrollbar, .vn-svc-groups .vn-seg::-webkit-scrollbar { display: none; }
.vn-shell #domainForm > .btn-group { display: flex; flex-wrap: wrap; max-width: 100%; gap: 6px; }
.vn-shell #domainForm > .btn-group > .btn, .vn-shell #domainForm > .btn-group > .btn-group > .btn { border-radius: 10px !important; margin: 0 !important; border: 1px solid var(--vn-line-strong); }
/* Hesap bilgileri: kaydet çubuğu sayfayla birlikte kaymaz, formun sonunda durur */
.vn-account-form__submit { position: static !important; bottom: auto !important; margin-top: var(--vn-4); box-shadow: none; }

/* İki adımlı doğrulama kartı */
.vn-2fa { display: grid; gap: var(--vn-4); padding: var(--vn-5); border: 1px solid var(--vn-line); border-top: 4px solid var(--vn-teal); border-radius: 16px; background: var(--vn-surface); }
.vn-2fa__bas { display: flex; flex-wrap: wrap; align-items: center; gap: var(--vn-4); }
.vn-2fa__bas > div { flex: 1 1 260px; min-width: 0; }
.vn-2fa__ikon { width: 52px; height: 52px; flex: 0 0 auto; display: grid; place-items: center; border-radius: 14px; background: var(--vn-teal-wash); color: var(--vn-teal); font-size: 22px; }
.vn-2fa h3, .vn .vn-2fa h3 { margin: 0 0 4px; font-size: 19px; }
.vn-2fa__bas p, .vn .vn-2fa__bas p { margin: 0; font-size: 14px; line-height: 1.55; color: var(--vn-text-2); }
.vn-2fa__adim { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--vn-3); grid-template-columns: minmax(0, 1fr); }
@media (min-width: 900px) { .vn-2fa__adim { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.vn-2fa__adim li { --m: var(--vn-blue); display: grid; grid-template-columns: 40px minmax(0, 1fr); gap: 12px; align-items: start; padding: 14px; border: 1px solid var(--vn-line); border-radius: 14px; background: var(--vn-bg); }
.vn-2fa__adim li:nth-child(2) { --m: var(--vn-teal); } .vn-2fa__adim li:nth-child(3) { --m: var(--vn-lime-ink); }
.vn-2fa__adim li > i { width: 40px; height: 40px; display: grid; place-items: center; border-radius: 11px; font-size: 16px; color: var(--m); background: color-mix(in srgb, var(--m) 14%, transparent); }
.vn-2fa__adim span { display: grid; gap: 2px; }
.vn-2fa__adim strong { font-family: var(--vn-font-head); font-size: 14px; font-weight: 600; color: var(--vn-ink); }
.vn-2fa__adim small { font-size: 13px; line-height: 1.45; color: var(--vn-text-2); }
.vn-2fa__dugme { display: flex; flex-wrap: wrap; gap: var(--vn-3); }
.vn-2fa__dugme .vn-btn { min-height: 46px; }
.vn-2fa__kapat:hover { border-color: var(--vn-red); color: var(--vn-red); }
.vn-2fa .w-hidden { display: none !important; }
.vn-sso { border-top-color: var(--vn-blue); margin-top: var(--vn-4); }
.vn-sso .vn-2fa__ikon { background: var(--vn-blue-wash); color: var(--vn-blue); }
.vn-sso__form { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin: 0; padding: 14px 16px; border: 1px solid var(--vn-line); border-radius: 14px; background: var(--vn-bg); font-family: var(--vn-font-head); font-weight: 600; color: var(--vn-ink); }
.vn-2fa + .vn-2fa { margin-top: var(--vn-4); }

/* Alan adları: toplu işlem çubuğu */
.vn-toplu { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 16px; margin: 0 0 var(--vn-4); padding: 12px 16px; border: 1px solid var(--vn-line); border-left: 4px solid var(--vn-teal); border-radius: 14px; background: var(--vn-surface); }
.vn-toplu__etiket, .vn .vn-toplu__etiket { margin: 0; display: flex; align-items: center; gap: 10px; }
.vn-toplu__etiket > i { width: 36px; height: 36px; display: grid; place-items: center; border-radius: 10px; background: var(--vn-teal-wash); color: var(--vn-teal); font-size: 14px; }
.vn-toplu__etiket span { display: grid; line-height: 1.25; }
.vn-toplu__etiket strong { font-family: var(--vn-font-head); font-size: 14px; color: var(--vn-ink); }
.vn-toplu__etiket small { font-size: 12px; color: var(--vn-text-2); }
.vn-shell #domainForm .vn-toplu__dugmeler { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 0 auto; max-width: 100%; }
.vn-shell #domainForm .vn-toplu__dugmeler > .btn, .vn-shell #domainForm .vn-toplu__dugmeler > .btn-group > .btn { --m: var(--vn-blue); flex: 0 0 auto; width: auto; display: inline-flex; align-items: center; gap: 8px; padding: 8px 14px; border-radius: 10px !important; margin: 0 !important; border: 1px solid color-mix(in srgb, var(--m) 40%, transparent); background: color-mix(in srgb, var(--m) 9%, transparent); color: var(--vn-ink); font-family: var(--vn-font-head); font-size: 13px; font-weight: 600; white-space: nowrap; }
.vn-shell #domainForm .vn-toplu__dugmeler > .btn > i { color: var(--m); font-size: 13px; }
.vn-shell #domainForm .vn-toplu__dugmeler > .btn:nth-child(2) { --m: var(--vn-teal); }
.vn-shell #domainForm .vn-toplu__dugmeler > .btn:nth-child(3) { --m: var(--vn-lime-ink); }
.vn-shell #domainForm .vn-toplu__dugmeler > .btn-group { flex: 0 0 auto; }
.vn-shell #domainForm .vn-toplu__dugmeler > .btn-group > .btn { --m: var(--vn-text-2); background: var(--vn-bg); }
.vn-shell #domainForm .vn-toplu__dugmeler > .btn:hover, .vn-shell #domainForm .vn-toplu__dugmeler > .btn-group > .btn:hover { background: color-mix(in srgb, var(--m) 18%, transparent); border-color: var(--m); }
@media (max-width: 700px) { .vn-shell #domainForm .vn-toplu__dugmeler { margin-left: 0; } }
/* Özet kartı düğme olduğunda (tıklanınca listeyi süzer) */
.vn-shell .vn-strip > button.vn-strip__kart { --m: var(--vn-blue); display: grid; grid-template-columns: 46px minmax(0, 1fr); column-gap: 14px; row-gap: 2px; align-content: center; padding: 18px; border: 1px solid var(--vn-line); border-radius: 16px; background: var(--vn-surface); overflow: hidden; position: relative; text-align: left; font: inherit; color: inherit; cursor: pointer; transition: border-color var(--vn-ease), box-shadow var(--vn-ease), transform var(--vn-ease); }
.vn-shell .vn-strip > button.vn-strip__kart::before { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 3px; background: var(--m); }
.vn-shell .vn-strip > button.vn-strip__kart:nth-child(2) { --m: var(--vn-teal); } .vn-shell .vn-strip > button.vn-strip__kart:nth-child(3) { --m: var(--vn-lime-ink); } .vn-shell .vn-strip > button.vn-strip__kart:nth-child(4) { --m: var(--vn-navy); }
:root[data-vn-tema="dark"] .vn-shell .vn-strip > button.vn-strip__kart:nth-child(4) { --m: var(--vn-blue); }
.vn-shell .vn-strip > button.vn-strip__kart > span { display: block; }
.vn-shell .vn-strip > button.vn-strip__kart:hover, .vn-shell .vn-strip > button.vn-strip__kart.is-secili { border-color: var(--m); box-shadow: 0 10px 24px rgba(11,42,74,.09); transform: translateY(-2px); }
.vn-shell .vn-strip > button.vn-strip__kart.is-secili { background: color-mix(in srgb, var(--m) 7%, var(--vn-surface)); }
.vn-shell .vn-strip > button.vn-strip__kart:focus-visible { outline: 2px solid var(--vn-blue); outline-offset: 2px; }
/* Hizmetlerim: WHMCS'in "Görüntüle" durum kutusu gizli (yerini sayfadaki süzgeç aldı) */
body[data-vn-tpl="clientareaproducts"] .vn-context [menuitemname="My Services Status Filter"] { display: none !important; }
#vnSvcFilter { max-width: 100%; overflow-x: auto; scrollbar-width: none; } #vnSvcFilter button { white-space: nowrap; }
.vn-svc-groups { margin-top: -6px; }
/* Alan adları: altı özet kartı, tümünü seç */
@media (min-width: 992px) { .vn-shell .vn-dom-summary .vn-strip { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (min-width: 1700px) { .vn-shell .vn-dom-summary .vn-strip { grid-template-columns: repeat(6, minmax(0, 1fr)); } }
.vn-shell .vn-strip > button.vn-strip__kart:nth-child(5) { --m: var(--vn-red); } .vn-shell .vn-strip > button.vn-strip__kart:nth-child(6) { --m: var(--vn-text-2); }
.vn-toplu__sec { display: flex; align-items: center; gap: 10px; }
.vn-toplu__sayi { padding: 4px 10px; border-radius: 8px; background: var(--vn-blue); color: #fff; font-family: var(--vn-font-head); font-size: 12px; font-weight: 600; white-space: nowrap; }
.vn-shell #domainForm .vn-toplu__dugmeler > .btn:nth-child(4) { --m: var(--vn-teal); }
.vn-shell #domainForm .vn-toplu__dugmeler > .btn:nth-child(5) { --m: var(--vn-navy); }
:root[data-vn-tema="dark"] .vn-shell #domainForm .vn-toplu__dugmeler > .btn:nth-child(5) { --m: var(--vn-blue); }

/* Hizmet ayrıntısı: WHMCS yan menüleri her genişlikte içeriğin altında, sekme görünümünde */
body.vn-shell[data-vn-tpl="clientareaproductdetails"] .row > .vn-context { flex: 0 0 100%; max-width: 100%; order: 2 !important; margin-top: var(--vn-5); }
body.vn-shell[data-vn-tpl="clientareaproductdetails"] .row > .primary-content { flex: 0 0 100%; max-width: 100%; order: 1 !important; }
body.vn-shell[data-vn-tpl="clientareaproductdetails"] .vn-context .sidebar { display: grid !important; grid-template-columns: minmax(0, 1fr) !important; gap: 8px; }
body.vn-shell[data-vn-tpl="clientareaproductdetails"] .vn-context .card-sidebar { margin: 0; border: 1px solid var(--vn-line); border-radius: 14px; background: var(--vn-surface); display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; gap: 4px 10px; padding: 8px; }
body.vn-shell[data-vn-tpl="clientareaproductdetails"] .vn-context .card-sidebar .card-header { border: 0; background: transparent; padding: 6px 10px; }
body.vn-shell[data-vn-tpl="clientareaproductdetails"] .vn-context .card-sidebar .collapsable-card-body { flex: 1 1 300px; min-width: 0; padding: 0; }
body.vn-shell[data-vn-tpl="clientareaproductdetails"] .vn-context .card-sidebar .list-group { display: flex; flex-direction: row; flex-wrap: wrap; gap: 6px; }
body.vn-shell[data-vn-tpl="clientareaproductdetails"] .vn-context .card-sidebar .list-group-item { width: auto; padding: 9px 14px; border: 1px solid transparent; border-radius: 10px; font-family: var(--vn-font-head); font-size: 14px; font-weight: 600; color: var(--vn-text-2); background: transparent; white-space: nowrap; }
body.vn-shell[data-vn-tpl="clientareaproductdetails"] .vn-context .card-sidebar .list-group-item:hover { background: var(--vn-bg); color: var(--vn-ink); }
body.vn-shell[data-vn-tpl="clientareaproductdetails"] .vn-context .card-sidebar .list-group-item.active { background: var(--vn-navy); color: #fff; border-color: var(--vn-navy); }
body.vn-shell[data-vn-tpl="clientareaproductdetails"] .vn-context .vn-svc__billing { margin-bottom: var(--vn-3); }
.vn-inv-filter[hidden] { display: none !important; }
.vn-shell .vn-strip > button.vn-strip__kart.is-secili { border-width: 2px; padding: 17px; }
.vn-shell .vn-talep-ozet, .vn-shell .vn-dom-summary { margin-bottom: var(--vn-4); }

/* Ödenmemiş faturada "yenilemek istemiyorum" kutusu */
.vn-vazgec { max-width: 960px; margin: 0 auto var(--vn-4); border: 1px solid var(--vn-line); border-radius: 14px; background: var(--vn-surface); }
.vn-vazgec > summary { list-style: none; cursor: pointer; padding: 14px 18px; font-family: var(--vn-font-head); font-size: 14px; font-weight: 600; color: var(--vn-text-2); display: flex; align-items: center; gap: 10px; }
.vn-vazgec > summary::-webkit-details-marker { display: none; }
.vn-vazgec > summary i { color: var(--vn-teal); }
.vn-vazgec > summary::after { content: "+"; margin-left: auto; font-size: 18px; color: var(--vn-text-3); }
.vn-vazgec[open] > summary::after { content: "–"; }
.vn-vazgec[open] > summary { color: var(--vn-ink); border-bottom: 1px dashed var(--vn-line-strong); }
.vn-vazgec__ic { display: grid; gap: var(--vn-3); padding: 16px 18px 18px; }
.vn-vazgec__ic > p, .vn .vn-vazgec__ic > p { margin: 0; font-size: 14px; color: var(--vn-text-2); }
.vn-vazgec__satir { display: flex; flex-wrap: wrap; align-items: center; gap: var(--vn-3); padding: 12px 14px; border: 1px solid var(--vn-line); border-radius: 12px; background: var(--vn-bg); }
.vn-vazgec__satir > div { flex: 1 1 240px; display: grid; gap: 2px; min-width: 0; }
.vn-vazgec__satir strong { font-family: var(--vn-font-head); font-size: 15px; color: var(--vn-ink); overflow-wrap: anywhere; }
.vn-vazgec__satir small { font-size: 13px; line-height: 1.45; color: var(--vn-text-2); }
.vn-vazgec__ikon { width: 38px; height: 38px; flex: 0 0 auto; display: grid; place-items: center; border-radius: 10px; background: var(--vn-surface); color: var(--vn-text-2); border: 1px solid var(--vn-line); }

/* ===== Fatura sayfası: özet bandı ve belirgin bölümler ===== */
.vn-fozet { --d: var(--vn-text-2); max-width: 960px; margin: 0 auto var(--vn-4); display: flex; flex-wrap: wrap; align-items: center; gap: var(--vn-4) var(--vn-5); padding: 20px 24px; border-radius: 18px; background: var(--vn-grad); color: #fff; box-shadow: 0 12px 30px rgba(11,42,74,.16); }
.vn-fozet__ikon { width: 56px; height: 56px; flex: 0 0 auto; display: grid; place-items: center; border-radius: 16px; background: rgba(255,255,255,.12); border: 1px solid rgba(255,255,255,.18); color: var(--vn-lime); font-size: 22px; }
.vn-fozet__baslik { display: grid; gap: 2px; justify-items: start; }
.vn-fozet__baslik small { font-family: var(--vn-font-mono); font-size: 11px; letter-spacing: .1em; text-transform: uppercase; color: rgba(255,255,255,.75); }
.vn-fozet__baslik strong { font-family: var(--vn-font-head); font-size: 26px; line-height: 1.1; font-weight: 700; color: #fff; }
.vn-fozet__durum { margin-top: 4px; padding: 4px 12px; border-radius: 8px; font-family: var(--vn-font-head); font-size: 13px; font-weight: 700; background: #fff; color: #0b2a4a; }
.vn-fozet--unpaid .vn-fozet__durum, .vn-fozet--collections .vn-fozet__durum { background: #ffd9d2; color: #8f2318; }
.vn-fozet--paid .vn-fozet__durum { background: var(--vn-lime); color: var(--vn-navy); }
.vn-fozet__bilgi { flex: 1 1 320px; margin: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.vn-fozet__bilgi > div { padding: 10px 14px; border-radius: 12px; background: rgba(255,255,255,.1); border: 1px solid rgba(255,255,255,.14); display: grid; gap: 2px; min-width: 0; }
.vn-fozet__bilgi dt { font-size: 11px; font-weight: 400; letter-spacing: .06em; text-transform: uppercase; color: rgba(255,255,255,.75); }
.vn-fozet__bilgi dd { margin: 0; font-family: var(--vn-font-mono); font-size: 15px; color: #fff; white-space: nowrap; }
.vn-fozet__bilgi dd.vn-fozet__tutar { font-family: var(--vn-font-head); font-size: 20px; font-weight: 700; letter-spacing: -0.02em; }
.vn-fozet__ode, .vn a.vn-fozet__ode { flex: 0 0 auto; min-height: 48px; padding-inline: 22px; background: var(--vn-lime); border-color: var(--vn-lime); color: var(--vn-navy); font-weight: 700; }
@media (max-width: 640px) { .vn-fozet__bilgi { grid-template-columns: minmax(0, 1fr); } .vn-fozet__ode { width: 100%; } }
.vn-vazgec { border: 1px solid color-mix(in srgb, var(--vn-teal) 40%, transparent); border-left: 5px solid var(--vn-teal); }
.vn-vazgec > summary { padding: 16px 18px; font-size: 15px; color: var(--vn-ink); }
.vn-vazgec__soru { width: 34px; height: 34px; display: grid; place-items: center; border-radius: 10px; background: var(--vn-teal-wash); color: var(--vn-teal); font-size: 14px; }
.vn-vazgec > summary::after { width: 30px; height: 30px; display: grid; place-items: center; border-radius: 8px; border: 1px solid var(--vn-line-strong); color: var(--vn-ink); }
.vn-invoice-page .invoice-container { max-width: 960px; border-radius: 18px; box-shadow: 0 10px 30px rgba(11,42,74,.07); }
.vn-invoice-page .invoice-container h3 { font-size: 26px; }
.vn-invoice-page .invoice-container .invoice-status span { padding: 8px 20px; border-radius: 10px; font-size: 15px; font-weight: 700; }
.vn-invoice-page .vn-inv-parties, .vn-invoice-page .vn-inv-meta { border-left: 4px solid var(--vn-teal); }
.vn-invoice-page .vn-inv-meta { border-left-color: var(--vn-blue); }
.vn-invoice-page .invoice-container .vn-inv-parties strong, .vn-invoice-page .invoice-container .vn-inv-meta strong { font-size: 16px; }
.vn-invoice-page .invoice-container .card-header, .vn-invoice-page .invoice-container .card-title.bg-info { background: linear-gradient(90deg, var(--vn-blue-wash), var(--vn-teal-wash)) !important; border-bottom: 2px solid color-mix(in srgb, var(--vn-teal) 35%, transparent) !important; }
.vn-invoice-page .invoice-container .card-header h3, .vn-invoice-page .invoice-container .card-title.bg-info { font-family: var(--vn-font-head) !important; font-size: 13px !important; font-weight: 700 !important; letter-spacing: .06em; color: var(--vn-ink) !important; }
.vn-invoice-page .invoice-container .table thead td, .vn-invoice-page .invoice-container .table thead th { background: var(--vn-bg); font-family: var(--vn-font-head); font-weight: 700; color: var(--vn-ink); border-bottom: 2px solid var(--vn-line-strong); }
.vn-invoice-page .invoice-container .table td + td { border-left: 1px solid var(--vn-line); }
.vn-invoice-page .invoice-container .table tr:last-child td { background: var(--vn-teal-wash); font-size: 16px; }
.vn-invoice-page .invoice-container .table tr:last-child td strong { font-size: 16px; }
:root[data-vn-tema="dark"] .vn-invoice-page .invoice-container .card-header { background: #16263A !important; }

/* Panel tabloları: sütunlar arasında dikey çizgi */
.vn-shell .table-list thead th + th, .vn-shell .table-list tbody td + td { border-left: 1px solid var(--vn-line); }
.vn-shell .table-list tbody td { border-bottom: 1px solid var(--vn-line); }
.vn-shell .vn-home__services .vn-table th + th, .vn-shell .vn-home__services .vn-table td + td { border-left: 1px solid var(--vn-line); }
/* Fatura tablosu dar ekranda da sığsın */
.vn-shell .vn-inv-table .table-list thead th { padding-left: 8px !important; padding-right: 16px !important; font-size: 11px; letter-spacing: .03em; }
.vn-shell .vn-inv-table .table-list thead th > i { margin-right: 4px; font-size: 11px; }
.vn-shell .vn-inv-table .table-list td { padding-left: 8px; padding-right: 8px; }
.vn-shell .vn-inv-table .vn-ef { padding: 4px 7px; font-size: 11px; gap: 4px; }
.vn-shell .vn-inv-table .vn-inv-table__no .vn-tur { width: 28px; height: 28px; font-size: 12px; margin-right: 6px !important; }
.vn-shell .vn-inv-table .vn-inv-table__action .vn-link-arrow { font-size: 12px; }
@media (max-width: 1500px) { .vn-shell .vn-inv-table .table-list thead th > i { display: none; } }

/* Fatura: havale seçiliyken banka bilgileri kutusu */
.vn-havale { display: flex; flex-wrap: wrap; align-items: center; gap: var(--vn-4); margin: var(--vn-4) 0; padding: 16px 18px; border-radius: 14px; border: 1px solid color-mix(in srgb, var(--vn-blue) 40%, transparent); border-left: 5px solid var(--vn-blue); background: var(--vn-blue-wash); }
.vn-havale > div { flex: 1 1 260px; display: grid; gap: 3px; min-width: 0; }
.vn-havale strong { font-family: var(--vn-font-head); font-size: 16px; color: var(--vn-ink); }
.vn-havale span { font-size: 14px; line-height: 1.5; color: var(--vn-text-2); }
.vn-havale__ikon { flex: 0 0 auto !important; width: 46px; height: 46px; display: grid !important; place-items: center; border-radius: 13px; background: var(--vn-surface); color: var(--vn-blue) !important; font-size: 19px !important; }
/* Fatura üst çubuğu: "Faturalara dön" belirgin düğme */
.vn-invoice-bar { max-width: 960px; padding: 10px 12px; border: 1px solid var(--vn-line); border-radius: 14px; background: var(--vn-surface); }
.vn-invoice-bar__back, .vn a.vn-invoice-bar__back { display: inline-flex; align-items: center; gap: 8px; min-height: 40px; padding: 0 16px; border-radius: 10px; background: var(--vn-navy); color: #fff; font-size: 14px; font-weight: 600; text-decoration: none; }
.vn-invoice-bar__back:hover, .vn a.vn-invoice-bar__back:hover { background: var(--vn-blue); color: #fff; text-decoration: none; }
.vn-invoice-bar__actions .vn-btn { min-height: 40px; }

/* Faturalar: beş özet kartı tam satır, kredi kutusu altında */
.vn-shell .vn-inv-summary { display: block; }
.vn-shell .vn-inv-summary .vn-strip { grid-template-columns: repeat(2, minmax(0, 1fr)); }
@media (min-width: 900px) { .vn-shell .vn-inv-summary .vn-strip { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (min-width: 1500px) { .vn-shell .vn-inv-summary .vn-strip { grid-template-columns: repeat(5, minmax(0, 1fr)); } }
.vn-shell .vn-dom-summary .vn-strip { grid-template-columns: repeat(2, minmax(0, 1fr)); }
@media (min-width: 992px) { .vn-shell .vn-dom-summary .vn-strip { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (min-width: 1700px) { .vn-shell .vn-dom-summary .vn-strip { grid-template-columns: repeat(6, minmax(0, 1fr)); } }
.vn-shell .vn-inv-summary .vn-inv-bakiye { margin-top: var(--vn-3); margin-bottom: var(--vn-4); }
/* Tablo içindeki düğme: üzerine gelince yazı kaybolmasın */
.vn-shell .table-list a.vn-btn:hover, .vn-shell .table-list a.vn-btn:focus, .vn .vn-inv-table__action a.vn-btn:hover { color: #fff !important; text-decoration: none; }
.vn-shell .table-list a.vn-btn.vn-btn--secondary:hover { color: var(--vn-ink) !important; }
/* Beş kart: yarım satır kalmasın */
.vn-shell .vn-inv-summary .vn-strip > :nth-child(5) { grid-column: 1 / -1; }
@media (min-width: 900px) and (max-width: 1499px) { .vn-shell .vn-inv-summary .vn-strip { grid-template-columns: repeat(6, minmax(0, 1fr)); } .vn-shell .vn-inv-summary .vn-strip > * { grid-column: span 2; } .vn-shell .vn-inv-summary .vn-strip > :nth-child(4), .vn-shell .vn-inv-summary .vn-strip > :nth-child(5) { grid-column: span 3; } }
@media (min-width: 1500px) { .vn-shell .vn-inv-summary .vn-strip > :nth-child(5) { grid-column: auto; } }
.vn-vazgec__not { color: var(--vn-ink) !important; font-weight: 600; }
/* Site sayfalarının gövde kapsayıcısı (Bootstrap .container) üst menü ve footer'ın kapsayıcısıyla aynı genişlikte:
   aksi hâlde menü, sayfa içeriğinden geniş kalıp "Hesap oluştur" düğmesi dışarı taşmış gibi görünüyordu. */
body.vn-public #main-body > .container, body.vn-public #main-body > div > .container { width: 100%; max-width: var(--vn-container); padding-inline: var(--vn-4); }
@media (min-width: 768px) { body.vn-public #main-body > .container, body.vn-public #main-body > div > .container { padding-inline: var(--vn-5); } }

/* Ana sayfa: müşteri paneli önizlemesi (yeni panel düzeni) */
.vn-mock--yeni .vn-mock__body { display: grid; gap: 12px; }
.vn-mock__bant { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 12px; padding: 14px 16px; border-radius: 14px; background: var(--vn-grad); color: #fff; }
.vn-mock__avatar { width: 40px; height: 40px; flex: 0 0 auto; display: grid; place-items: center; border-radius: 50%; border: 2px solid rgba(255,255,255,.35); background: linear-gradient(135deg, var(--vn-teal), var(--vn-blue)); font-family: var(--vn-font-head); font-size: 14px; font-weight: 700; }
.vn-mock__bant > div { flex: 1 1 120px; display: grid; line-height: 1.2; min-width: 0; }
.vn-mock__bant small { font-family: var(--vn-font-mono); font-size: 9px; letter-spacing: .1em; color: var(--vn-lime); }
.vn-mock__bant b { font-family: var(--vn-font-head); font-size: 17px; font-weight: 700; color: #fff; }
.vn-mock__kredi { display: inline-flex; align-items: center; gap: 8px; padding: 6px 10px; border-radius: 10px; background: rgba(255,255,255,.1); border: 1px solid rgba(255,255,255,.2); }
.vn-mock__kredi i { color: var(--vn-lime); font-size: 14px; }
.vn-mock__kredi span { display: grid; line-height: 1.15; }
.vn-mock__kredi small { color: rgba(255,255,255,.75); }
.vn-mock__kredi b { font-size: 13px; white-space: nowrap; }
.vn-mock__dugme { padding: 8px 14px; border-radius: 10px; background: var(--vn-lime); color: var(--vn-navy); font-family: var(--vn-font-head); font-size: 13px; font-weight: 700; white-space: nowrap; }
.vn-mock--yeni .vn-mock__strip { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; border: 0; background: transparent; border-radius: 0; overflow: visible; }
@media (min-width: 1300px) { .vn-mock--yeni .vn-mock__strip { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.vn-mock--yeni .vn-mock__strip > div { --m: var(--vn-blue); display: grid; grid-template-columns: 32px minmax(0, 1fr); gap: 8px; align-items: center; padding: 10px; border: 1px solid var(--vn-line); border-top: 3px solid var(--m); border-radius: 12px; background: var(--vn-surface); }
.vn-mock--yeni .vn-mock__strip > div:nth-child(2) { --m: var(--vn-teal); } .vn-mock--yeni .vn-mock__strip > div:nth-child(3) { --m: var(--vn-lime-ink); } .vn-mock--yeni .vn-mock__strip > div:nth-child(4) { --m: var(--vn-navy); }
:root[data-vn-tema="dark"] .vn-mock--yeni .vn-mock__strip > div:nth-child(4) { --m: var(--vn-blue); }
.vn-mock--yeni .vn-mock__strip > div > i { width: 32px; height: 32px; display: grid; place-items: center; border-radius: 9px; font-size: 13px; color: var(--m); background: color-mix(in srgb, var(--m) 13%, transparent); }
.vn-mock--yeni .vn-mock__strip > div > span { display: grid; line-height: 1.15; min-width: 0; }
.vn-mock--yeni .vn-mock__strip small { font-size: 9px; letter-spacing: .06em; color: var(--vn-teal); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.vn-mock--yeni .vn-mock__strip b { font-size: 20px; }
.vn-mock--yeni .vn-mock__table { border: 1px solid var(--vn-line); border-radius: 12px; overflow: hidden; border-collapse: separate; border-spacing: 0; }
.vn-mock--yeni .vn-mock__table thead th { background: linear-gradient(90deg, var(--vn-blue-wash), var(--vn-teal-wash)); border-bottom: 2px solid color-mix(in srgb, var(--vn-teal) 35%, transparent); font-family: var(--vn-font-head); font-weight: 700; color: var(--vn-ink); }
:root[data-vn-tema="dark"] .vn-mock--yeni .vn-mock__table thead th { background: #16263A; }
.vn-mock--yeni .vn-mock__table th + th, .vn-mock--yeni .vn-mock__table td + td { border-left: 1px solid var(--vn-line); }
.vn-mock--yeni .vn-mock__table td:first-child { display: flex; align-items: center; gap: 10px; }
.vn-mock--yeni .vn-mock__table td:first-child > span { display: grid; min-width: 0; }
.vn-mock--yeni .vn-mock__table .vn-tur { margin: 0 !important; flex: 0 0 auto; width: 30px; height: 30px; font-size: 12px; }

/* İşletim sistemi seçimi: seçili olan beyaz kutuda onay imiyle durur; diğeri yeşil dolgulu, "…'a geçin" yazılı bir düğmedir */
.vn-ossw__sec.is-on .vn-ossw__im { color: var(--vn-teal); font-size: 14px; }
.vn a.vn-ossw__sec { background: var(--vn-lime); color: var(--vn-navy); box-shadow: 0 2px 0 rgba(0,0,0,.18); transition: filter var(--vn-ease), transform var(--vn-ease); }
.vn a.vn-ossw__sec:hover { background: var(--vn-lime); color: var(--vn-navy); filter: brightness(1.08); transform: translateY(-1px); }
.vn a.vn-ossw__sec .vn-ossw__im { font-size: 12px; transition: transform var(--vn-ease); }
.vn a.vn-ossw__sec:hover .vn-ossw__im { transform: translateX(3px); }
/* Sipariş adımları: geçilmiş adım bağlantıysa bütün kutu tıklanır */
.vn-adimlar li { position: relative; }
.vn .vn-adimlar strong a { color: inherit; text-decoration: none; }
.vn-adimlar strong a::after { content: ""; position: absolute; inset: 0; border-radius: 12px; }
.vn-adimlar li:has(strong a) { transition: background var(--vn-ease); }
.vn-adimlar li:has(strong a):hover { background: var(--vn-blue-wash); }
.vn-adimlar li:has(strong a):hover strong a { color: var(--vn-blue); text-decoration: underline; }
/* Menü düğmesi: yazı rengi açıkça verilir; verilmezse işletim sistemi koyu moddayken ikon beyaz zeminde beyaz kalıyor */
.vn-menu-btn { color: var(--vn-ink); }
/* 1100-1179 px: menü yedi başlıkla sıkışır; düğmeler bir kademe daha daralır ki sağdaki düğmeler kenar boşluğuna girmesin */
@media (min-width: 1100px) and (max-width: 1179px) { .vn-mega__btn { padding: 0 5px; gap: 4px; } .vn-header__in { gap: 14px; } }

/* ---------- Sipariş akışı: kalan WHMCS görünümleri ---------- */
/* Sepet kalemi: düzenle ve kaldır düğmeleri belirgin */
body .vn-sepet #order-standard_cart .view-cart-items .item { padding-block: 18px; }
body .vn-sepet #order-standard_cart .item-title { font-size: 19px; }
body .vn-sepet #order-standard_cart .item-title .btn-link:not(.btn-remove-from-cart) { display: inline-flex; align-items: center; gap: 6px; margin-left: 10px; padding: 5px 12px; border: 1px solid var(--vn-blue); border-radius: 8px; background: var(--vn-blue-wash); color: var(--vn-blue); font-family: var(--vn-font-head); font-size: 13px; font-weight: 600; text-decoration: none; vertical-align: middle; }
body .vn-sepet #order-standard_cart .item-title .btn-link:not(.btn-remove-from-cart):hover { background: var(--vn-blue); color: #fff; }
body .vn-sepet #order-standard_cart .btn-remove-from-cart { width: 40px; height: 40px; border-radius: 10px; border: 1px solid color-mix(in srgb, var(--vn-red) 45%, transparent); color: var(--vn-red); background: color-mix(in srgb, var(--vn-red) 10%, var(--vn-surface)); font-size: 15px; text-decoration: none; }
body .vn-sepet #order-standard_cart .btn-remove-from-cart:hover { background: var(--vn-red); border-color: var(--vn-red); color: #fff; }
body .vn-sepet #order-standard_cart .item-title .btn-remove-from-cart { width: auto; height: auto; padding: 5px 12px; font-size: 13px; font-weight: 600; }
body .vn-sepet #order-standard_cart .item-price span:first-child { font-size: 20px; font-weight: 700; color: var(--vn-ink); }
body .vn-sepet #order-standard_cart .empty-cart { margin: 12px 0 var(--vn-4); text-align: right; background: transparent; }
body .vn-sepet #order-standard_cart .empty-cart .btn { display: inline-flex; align-items: center; gap: 8px; padding: 9px 16px; border: 1px solid color-mix(in srgb, var(--vn-red) 45%, transparent); border-radius: 10px; background: color-mix(in srgb, var(--vn-red) 8%, var(--vn-surface)); color: var(--vn-red); font-family: var(--vn-font-head); font-size: 14px; font-weight: 600; text-decoration: none; }
body .vn-sepet #order-standard_cart .empty-cart .btn:hover { background: var(--vn-red); border-color: var(--vn-red); color: #fff; }
/* İndirim kodu kutusu: alan ve düğme yan yana */
body .vn-sepet #order-standard_cart .view-cart-tabs { padding: 14px 18px 18px; }
body .vn-sepet #order-standard_cart .view-cart-tabs .nav-tabs { border: 0; gap: 6px; margin-bottom: 12px; }
body .vn-sepet #order-standard_cart .view-cart-tabs .nav-tabs a { padding: 7px 14px; border: 1px solid var(--vn-line); border-radius: 8px; font-family: var(--vn-font-head); font-size: 14px; font-weight: 600; color: var(--vn-text-2); background: var(--vn-bg); box-shadow: none; }
body .vn-sepet #order-standard_cart .view-cart-tabs .nav-tabs a.active, body .vn-sepet #order-standard_cart .view-cart-tabs .nav-tabs a[aria-expanded="true"], body .vn-sepet #order-standard_cart .view-cart-tabs .nav-tabs a[aria-selected="true"] { border-color: var(--vn-blue); background: var(--vn-blue-wash); color: var(--vn-blue); box-shadow: none; }
body .vn-sepet #order-standard_cart .view-cart-tabs .tab-content { padding: 0; }
body .vn-sepet #order-standard_cart .view-cart-tabs .promo form { display: flex; flex-wrap: wrap; gap: 10px; align-items: stretch; }
body .vn-sepet #order-standard_cart .view-cart-tabs .promo .form-group { flex: 1 1 240px; margin: 0; }
body .vn-sepet #order-standard_cart .view-cart-tabs .promo .btn { flex: 0 0 auto; width: auto; min-height: 44px; margin: 0; padding: 0 22px; border-radius: var(--vn-r); border: 1px solid var(--vn-blue); background: var(--vn-blue); color: #fff; font-family: var(--vn-font-head); font-weight: 600; }
body .vn-sepet #order-standard_cart .view-cart-tabs .promo .btn:hover { filter: brightness(1.08); }
@media (max-width: 520px) { body .vn-sepet #order-standard_cart .view-cart-tabs .promo .btn { flex: 1 1 100%; } }
/* Özet: "Alışverişe devam et" tam genişlikte ikinci düğme */
body .vn-sepet #order-standard_cart .order-summary .text-right > br { display: none; }
body .vn-sepet #order-standard_cart .order-summary .btn-continue-shopping { display: flex; align-items: center; justify-content: center; gap: 8px; width: 100%; min-height: 46px; margin-top: 10px; border: 1px solid var(--vn-line-strong); border-radius: 12px; background: var(--vn-surface); color: var(--vn-ink); font-family: var(--vn-font-head); font-size: 15px; font-weight: 600; text-decoration: none; }
body .vn-sepet #order-standard_cart .order-summary .btn-continue-shopping::before { content: "\f067"; font-family: "Font Awesome 6 Pro", "Font Awesome 5 Pro", "Font Awesome 5 Free"; font-weight: 900; font-size: 12px; color: var(--vn-blue); }
body .vn-sepet #order-standard_cart .order-summary .btn-continue-shopping:hover { border-color: var(--vn-blue); background: var(--vn-blue-wash); color: var(--vn-blue); }
/* Sepete başka ürün ekleyin */
.vn-sepetek { margin: var(--vn-5) 0; padding: var(--vn-5); border: 1px solid var(--vn-line); border-radius: 16px; background: var(--vn-surface); }
.vn-sepetek__bas { display: flex; align-items: center; gap: 14px; margin-bottom: var(--vn-4); }
.vn-sepetek__ikon { flex: 0 0 auto; width: 44px; height: 44px; display: grid; place-items: center; border-radius: 12px; background: var(--vn-grad); color: #fff; font-size: 16px; }
.vn .vn-sepetek h2 { margin: 0; font-size: 20px; }
.vn .vn-sepetek p { margin: 2px 0 0; font-size: 14px; color: var(--vn-text-2); }
/* "Sorunuz mu var?" kutusu (yapılandırma ekranları) */
body #order-standard_cart .alert.info-text-sm { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 14px; margin-top: var(--vn-4); padding: 14px 18px; border: 1px solid var(--vn-line); border-left: 1px solid var(--vn-line); border-radius: 14px; background: var(--vn-surface); color: var(--vn-text); font-size: 14px; text-align: left; }
body #order-standard_cart .alert.info-text-sm > i { flex: 0 0 auto; width: 36px; height: 36px; display: grid; place-items: center; border-radius: 10px; background: var(--vn-blue-wash); color: var(--vn-blue); font-size: 15px; }
body #order-standard_cart .alert.info-text-sm .alert-link { margin-left: auto; display: inline-flex; align-items: center; min-height: 36px; padding: 0 16px; border: 1px solid var(--vn-blue); border-radius: 10px; background: var(--vn-blue); color: #fff; font-family: var(--vn-font-head); font-weight: 600; text-decoration: none; }
body #order-standard_cart .alert.info-text-sm .alert-link:hover { filter: brightness(1.08); color: #fff; }
/* Ödeme adımı: giriş düğmesi, ödeme yöntemi kartları, sözleşme onayı, güvenlik notu */
body .vn-odeme #order-standard_cart #btnExistingLogin { min-width: 200px; min-height: 46px; border-radius: 12px; background: var(--vn-blue); border-color: var(--vn-blue); color: #fff; font-family: var(--vn-font-head); font-size: 15px; font-weight: 600; }
body .vn-odeme #order-standard_cart #btnExistingLogin:hover { filter: brightness(1.08); }
body .vn-odeme #order-standard_cart .generate-password { min-height: 38px; padding: 0 14px; border: 1px solid var(--vn-blue); border-radius: 10px; background: var(--vn-blue-wash); color: var(--vn-blue); font-family: var(--vn-font-head); font-weight: 600; }
body .vn-odeme #order-standard_cart .generate-password:hover { background: var(--vn-blue); color: #fff; }
body .vn-odeme #order-standard_cart #paymentGatewaysContainer > .text-center { display: grid; gap: 10px; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); text-align: left; }
body .vn-odeme #order-standard_cart #paymentGatewaysContainer .radio-inline { display: flex; align-items: center; gap: 10px; margin: 0; padding: 14px 16px; border: 1px solid var(--vn-line-strong); border-radius: 12px; background: var(--vn-surface); font-family: var(--vn-font-head); font-size: 15px; font-weight: 600; color: var(--vn-ink); cursor: pointer; transition: border-color var(--vn-ease), background var(--vn-ease); }
body .vn-odeme #order-standard_cart #paymentGatewaysContainer .radio-inline:hover { border-color: var(--vn-blue); }
body .vn-odeme #order-standard_cart #paymentGatewaysContainer .radio-inline:has(input:checked), body .vn-odeme #order-standard_cart #paymentGatewaysContainer .radio-inline:has(.checked) { border-color: var(--vn-blue); background: var(--vn-blue-wash); box-shadow: inset 0 0 0 1px var(--vn-blue); }
body .vn-odeme #order-standard_cart #paymentGatewaysContainer > p { font-size: 14px; color: var(--vn-text-2); }
body .vn-odeme #order-standard_cart .vn-sozlesme { margin: var(--vn-4) 0; }
body .vn-odeme #order-standard_cart .vn-sozlesme label { display: inline-flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 6px 8px; margin: 0; padding: 12px 18px; border: 1px solid var(--vn-line-strong); border-radius: 12px; background: var(--vn-bg); font-size: 15px; color: var(--vn-ink); cursor: pointer; }
body .vn-odeme #order-standard_cart .vn-sozlesme a { font-weight: 600; color: var(--vn-blue); text-decoration: underline; }
.vn-odeme__not { display: flex; align-items: flex-start; gap: 10px; margin: var(--vn-5) 0 0; padding: 12px 16px; border: 1px solid var(--vn-line); border-radius: 12px; background: var(--vn-bg); font-size: 13px; line-height: 1.5; color: var(--vn-text-2); }
.vn-odeme__not i { margin-top: 2px; color: var(--vn-teal); font-size: 15px; }
.vn-odeme__not strong { color: var(--vn-ink); font-family: var(--vn-font-mono); font-weight: 500; }
/* Vergi tahmini sekmesi kullanılmaz (fiyatlar KDV dahil); tek sekme kaldığı için sekme başlığı düz başlık gibi durur */
body .vn-sepet #order-standard_cart .view-cart-tabs .nav-tabs li:has(a[href="#calcTaxes"]), body .vn-sepet #order-standard_cart #calcTaxes { display: none !important; }
body .vn-sepet #order-standard_cart .view-cart-tabs .nav-tabs a[href="#applyPromo"] { padding: 0; border: 0; background: transparent; color: var(--vn-ink); font-size: 16px; pointer-events: none; }
body .vn-sepet #order-standard_cart .view-cart-tabs .nav-tabs a[href="#applyPromo"]::before { content: "\f3ff"; font-family: "Font Awesome 6 Pro", "Font Awesome 5 Pro", "Font Awesome 5 Free"; font-weight: 900; margin-right: 8px; color: var(--vn-blue); }
/* Ödeme dönemi kartları */
.vn-donem__liste { position: absolute !important; width: 1px !important; height: 1px !important; opacity: 0; pointer-events: none; }
.vn-donem { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 6px; }
.vn-donem__kart { flex: 1 1 112px; min-width: 0; }
.vn-donem__kart { position: relative; display: grid; gap: 2px; align-content: start; padding: 12px 12px; border: 1px solid var(--vn-line-strong); border-radius: 14px; background: var(--vn-surface); color: var(--vn-ink); text-align: left; cursor: pointer; transition: border-color var(--vn-ease), background var(--vn-ease), transform var(--vn-ease); }
.vn-donem__kart:hover { border-color: var(--vn-blue); transform: translateY(-1px); }
.vn-donem__kart.is-on { border-color: var(--vn-blue); background: var(--vn-blue-wash); box-shadow: inset 0 0 0 1px var(--vn-blue); }
.vn-donem__ad { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; font-family: var(--vn-font-head); font-size: 14px; font-weight: 600; color: var(--vn-text-2); }
.vn-donem__ad em { padding: 2px 8px; border-radius: 6px; background: var(--vn-lime); color: var(--vn-navy); font-style: normal; font-size: 12px; font-weight: 700; }
.vn-donem__kart strong { font-family: var(--vn-font-head); font-size: 17px; font-weight: 700; white-space: nowrap; }
.vn-donem__kart s { font-size: 13px; color: var(--vn-text-3); }
.vn-donem__kart small { font-size: 13px; color: var(--vn-text-2); }
.vn-donem__kazanc { margin-top: 4px; font-size: 12.5px; font-weight: 600; color: var(--vn-lime-ink); }
[data-vn-tema="dark"] .vn-donem__kazanc { color: var(--vn-lime); }
/* Sepet kaleminde dönem indirimi */
.vn-sepetind { display: grid; justify-items: end; gap: 2px; margin-top: 6px; }
.vn-sepetind s { font-size: 13px; color: var(--vn-text-3); }
.vn-sepetind b { padding: 2px 8px; border-radius: 6px; background: var(--vn-lime); color: var(--vn-navy); font-family: var(--vn-font-head); font-size: 12px; font-weight: 700; }
.vn-sepetind small { font-size: 12px; color: var(--vn-text-2); }
/* Yapılandırma ekranındaki "Sorunuz mu var?" kutusu gösterilmez: hemen altında sitenin kendi iletişim şeridi var */
body #order-standard_cart .alert.info-text-sm { display: none; }
/* Dönem kartlarının durduğu kutu: açılır liste için bırakılan gri zemin kalksın */
body .vn-siparis #order-standard_cart .field-container:has(.vn-donem), body .vn-siparis #order-standard_cart .form-group:has(.vn-donem) { background: transparent; }
/* Sepet: dönem indirimi satırı, başlık ölçüsü, kaldır düğmesinin sütunu */
body .vn-sepet #order-standard_cart .item-price .vn-sepetind { display: grid; justify-items: end; gap: 3px; margin-top: 6px; font-family: var(--vn-font-body); }
body .vn-sepet #order-standard_cart .item-price .vn-sepetind > * { display: block; margin: 0; font-family: var(--vn-font-body); }
body .vn-sepet #order-standard_cart .item-price .vn-sepetind s { font-size: 13px; font-weight: 400; color: var(--vn-text-3); }
body .vn-sepet #order-standard_cart .item-price .vn-sepetind b { padding: 2px 8px; border-radius: 6px; background: var(--vn-lime); color: var(--vn-navy); font-family: var(--vn-font-head); font-size: 12px; font-weight: 700; }
body .vn-sepet #order-standard_cart .item-price .vn-sepetind small { font-size: 12px; font-weight: 400; color: var(--vn-text-2); }
body .vn-sepetek h2, .vn .vn-sepetek h2 { margin: 0; font-size: 20px; line-height: 1.3; }
body .vn-sepet #order-standard_cart .view-cart-items .item .col-sm-1 { padding: 0 10px 0 0; text-align: right; }
/* "Sil" düğmesi: simge + yazı yan yana; sabit kare kutu yazıyı kesiyordu (mobil) */
body .vn-sepet #order-standard_cart .view-cart-items .item .col-sm-1 .btn-remove-from-cart { display: inline-flex; align-items: center; justify-content: center; gap: 6px; width: auto; min-width: 36px; height: 36px; padding: 0 12px; white-space: nowrap; }

/* ---------- Giriş sayfası ---------- */
.vn-login { max-width: 1080px; border-radius: 20px; box-shadow: 0 18px 48px -28px rgba(11,42,74,.45); }
.vn-login__info { position: relative; background: var(--vn-grad); overflow: hidden; }
.vn-login__info::after { content: ""; position: absolute; right: -90px; bottom: -90px; width: 280px; height: 280px; border-radius: 50%; background: radial-gradient(circle, rgba(141,198,63,.28), transparent 68%); pointer-events: none; }
.vn-login__info ul { gap: 10px; }
.vn-login__info li { position: relative; z-index: 1; grid-template-columns: 44px minmax(0, 1fr); gap: 14px; align-items: center; padding: 12px 14px; border: 1px solid rgba(255,255,255,.16); border-left: 1px solid rgba(255,255,255,.16); border-radius: 14px; background: rgba(255,255,255,.07); }
.vn-login__info li > i { width: 44px; height: 44px; display: grid; place-items: center; border-radius: 12px; background: rgba(255,255,255,.14); color: var(--vn-lime); font-size: 17px; }
.vn-login__info li > div { display: grid; gap: 2px; min-width: 0; }
.vn-login__info li span { font-size: 13.5px; line-height: 1.45; }
.vn-login__alt { position: relative; z-index: 1; display: flex; flex-wrap: wrap; gap: 8px 18px; margin-top: var(--vn-3); padding-top: var(--vn-4); border-top: 1px solid rgba(255,255,255,.18); font-size: 13px; color: rgba(255,255,255,.85); }
.vn-login__alt i { margin-right: 6px; color: var(--vn-lime); }
.vn-login__bas { display: grid; grid-template-columns: 52px minmax(0, 1fr); column-gap: 14px; align-items: center; }
.vn-login__ikon { grid-row: span 2; width: 52px; height: 52px; display: grid; place-items: center; border-radius: 14px; background: var(--vn-grad); color: #fff; font-size: 20px; }
.vn .vn-login__bas h1 { margin: 0; }
.vn .vn-login__bas p { margin: 0; }
.vn-login__form #login { min-height: 50px; font-size: 16px; }
.vn-register__not { display: flex; gap: 10px; align-items: flex-start; margin: 0 0 var(--vn-4); padding: 12px 14px; border: 1px solid var(--vn-line); border-left: 3px solid var(--vn-blue); border-radius: 10px; background: var(--vn-surface); font-size: 14px; line-height: 1.55; color: var(--vn-text-2); }
.vn-register__not i { margin-top: 3px; color: var(--vn-blue); }
.vn-field__error--uyari { color: var(--vn-amber); }
.vn-field__error[hidden] { display: none; }
.vn-sifretel__ileti { margin: 0; padding: 10px 12px; border-radius: 10px; font-size: 14px; line-height: 1.5; border: 1px solid var(--vn-line); background: var(--vn-bg); color: var(--vn-text); }
.vn-sifretel__ileti[hidden], .vn-login__form form[hidden] { display: none !important; }
.vn-sifretel__ileti.is-hata { border-color: var(--vn-red); background: var(--vn-red-wash); }
.vn-sifretel__ileti.is-tamam { border-left: 3px solid var(--vn-teal); }
.vn-sifretel__not { margin: 0; font-size: 13.5px; line-height: 1.55; color: var(--vn-text-2); }
.vn-login__kisayol { display: grid; gap: 8px; grid-template-columns: repeat(3, minmax(0, 1fr)); padding-top: var(--vn-4); border-top: 1px solid var(--vn-line); }
.vn-login__kisayol a, .vn .vn-login__kisayol a { display: grid; gap: 8px; align-content: start; padding: 12px; border: 1px solid var(--vn-line); border-radius: 12px; background: var(--vn-bg); color: var(--vn-ink); text-decoration: none; transition: border-color var(--vn-ease), background var(--vn-ease); }
.vn-login__kisayol a:hover { border-color: var(--vn-blue); background: var(--vn-blue-wash); text-decoration: none; }
.vn-login__kisayol i { width: 34px; height: 34px; display: grid; place-items: center; border-radius: 10px; background: var(--vn-blue-wash); color: var(--vn-blue); font-size: 14px; }
.vn-login__kisayol a:nth-child(2) i { background: color-mix(in srgb, var(--vn-teal) 14%, transparent); color: var(--vn-teal); }
.vn-login__kisayol a:nth-child(3) i { background: color-mix(in srgb, var(--vn-lime-ink) 14%, transparent); color: var(--vn-lime-ink); }
.vn-login__kisayol span { display: grid; gap: 1px; min-width: 0; }
.vn-login__kisayol strong { font-family: var(--vn-font-head); font-size: 13.5px; font-weight: 600; line-height: 1.3; }
.vn-login__kisayol small { font-size: 12.5px; color: var(--vn-blue); }
@media (max-width: 560px) { .vn-login__kisayol { grid-template-columns: minmax(0, 1fr); } .vn-login__kisayol a, .vn .vn-login__kisayol a { grid-template-columns: 34px minmax(0, 1fr); align-items: center; } }
/* Şifre sıfırlama: giriş düzeninin eşi; iç adımlardaki standart alanlar da bizim ölçülerde */
.vn-login--sifre .vn-login__form .form-control { min-height: 46px; border: 1px solid var(--vn-line-strong); border-radius: var(--vn-r); }
.vn-login--sifre .vn-login__form .btn-primary { min-height: 46px; padding: 0 22px; border-radius: var(--vn-r); background: var(--vn-blue); border-color: var(--vn-blue); font-family: var(--vn-font-head); font-weight: 600; }
.vn-login--sifre .vn-login__form .btn-default { min-height: 46px; padding: 0 22px; border-radius: var(--vn-r); border: 1px solid var(--vn-line-strong); background: var(--vn-surface); color: var(--vn-ink); font-family: var(--vn-font-head); font-weight: 600; }
.vn-login--sifre #resetPasswordButton { min-height: 50px; font-size: 16px; }

/* ---------- Ödeme adımı: bölüm başlıkları ve alanlar ---------- */
body .vn-odeme #order-standard_cart .sub-heading { display: flex; align-items: center; margin: var(--vn-6) 0 var(--vn-4); padding: 10px 14px; border: 1px solid var(--vn-line); border-radius: 14px; background: var(--vn-bg); }
body .vn-odeme #order-standard_cart .sub-heading > span { display: flex; align-items: center; gap: 12px; }
body .vn-odeme #order-standard_cart .sub-heading > span::before { content: none; }
.vn-odeme__bi { flex: 0 0 auto; width: 36px; height: 36px; display: grid !important; place-items: center; border-radius: 10px; background: var(--vn-grad); color: #fff; font-size: 15px; }
body .vn-odeme #order-standard_cart .form-control, body .vn-odeme #order-standard_cart select.form-control, body .vn-odeme #order-standard_cart .custom-select { min-height: 46px; height: 46px; border-radius: var(--vn-r); }
body .vn-odeme #order-standard_cart textarea.form-control { height: auto; }
body .vn-odeme #order-standard_cart label:not(.radio-inline):not(.checkbox-inline):not(.field-icon) { font-size: 13.5px; font-weight: 600; color: var(--vn-ink); }
body .vn-odeme #order-standard_cart .g-recaptcha, body .vn-odeme #order-standard_cart .g-recaptcha > div { margin-inline: 0 auto; }
body .vn-odeme #order-standard_cart #default-captcha-domainchecker, body .vn-odeme #order-standard_cart .text-center:has(.g-recaptcha) { text-align: left; }
body .vn-odeme #order-standard_cart #passwordStrengthBarNewUser, body .vn-odeme #order-standard_cart .progress { height: 10px; border-radius: 6px; background: var(--vn-line); }
body .vn-odeme #order-standard_cart .text-center:has(> #btnCompleteOrder) { padding: var(--vn-5); margin-top: var(--vn-5); border: 1px solid var(--vn-line); border-radius: 16px; background: var(--vn-bg); }

/* ---------- Alt bilgi: altyapı şeridi ---------- */
.vn-footer__altyapi2 { display: grid; gap: 10px; grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: var(--vn-5); padding-top: var(--vn-5); border-top: 1px solid rgba(255,255,255,.14); }
@media (min-width: 900px) { .vn-footer__altyapi2 { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
@media (max-width: 480px) { .vn-footer__altyapi2 { grid-template-columns: minmax(0, 1fr); } }
.vn-footer__altyapi2 > div { display: grid; grid-template-columns: 42px minmax(0, 1fr); gap: 12px; align-items: center; padding: 12px 14px; border: 1px solid rgba(255,255,255,.14); border-radius: 14px; background: rgba(255,255,255,.05); }
.vn-footer__altyapi2 > div > i { width: 42px; height: 42px; display: grid; place-items: center; border-radius: 12px; background: rgba(141,198,63,.16); color: var(--vn-lime); font-size: 17px; }
.vn-footer__altyapi2 > div:nth-child(2) > i { background: rgba(56,160,220,.2); color: #7cc4f0; }
.vn-footer__altyapi2 > div:nth-child(3) > i { background: rgba(32,178,150,.2); color: #5fd6bf; }
.vn-footer__altyapi2 span { display: grid; gap: 1px; min-width: 0; }
.vn-footer__altyapi2 strong { font-family: var(--vn-font-head); font-size: 14.5px; font-weight: 600; color: #fff; }
.vn-footer__altyapi2 small { font-size: 12.5px; color: rgba(255,255,255,.7); }

/* ---------- Panel ana sayfa: telefon genişliğinde hizmet kartları (sıkı düzen) ---------- */
@media (max-width: 767px) {
  #vnHomeTable.vn-table--stack tr { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px 10px; padding: 14px; }
  #vnHomeTable.vn-table--stack td { width: auto; padding: 0; }
  #vnHomeTable.vn-table--stack td.vn-name { grid-column: 1 / -1; display: grid; grid-template-columns: auto minmax(0, 1fr); column-gap: 10px; align-items: center; font-size: 16px; text-align: left; }
  #vnHomeTable.vn-table--stack td.vn-name > a { display: contents; font-weight: 600; }
  #vnHomeTable.vn-table--stack td.vn-name > a .vn-tur { grid-row: span 2; }
  #vnHomeTable.vn-table--stack td.vn-name > .vn-small { grid-column: 2; font-size: 13px; text-align: left; }
  #vnHomeTable.vn-table--stack td[data-label]:not(.vn-name) { display: grid; gap: 3px; align-content: start; justify-items: start; padding: 8px 10px; border: 1px solid var(--vn-line); border-radius: 10px; background: var(--vn-bg); text-align: left; font-size: 13.5px; font-weight: 600; color: var(--vn-ink); min-width: 0; overflow-wrap: anywhere; }
  #vnHomeTable.vn-table--stack td[data-label]:not(.vn-name)::before { font-size: 11.5px; font-weight: 500; }
  #vnHomeTable.vn-table--stack td.vn-mono { font-family: var(--vn-font-body); font-size: 13px; }
  #vnHomeTable.vn-table--stack td.vn-home__go { grid-column: 1 / -1; display: block; }
  #vnHomeTable.vn-table--stack td.vn-home__go::before { content: none; }
  #vnHomeTable.vn-table--stack td.vn-home__go .vn-link-arrow { display: flex; align-items: center; justify-content: center; min-height: 40px; border: 1px solid var(--vn-blue); border-radius: 10px; background: var(--vn-blue-wash); color: var(--vn-blue); font-size: 14px; font-weight: 600; text-decoration: none; }
}
@media (max-width: 380px) { #vnHomeTable.vn-table--stack tr { grid-template-columns: repeat(2, minmax(0, 1fr)); } #vnHomeTable.vn-table--stack td[data-label="Yenileme"], #vnHomeTable.vn-table--stack td.vn-num { grid-column: 1 / -1; } }

/* ---------- Sepet: kalem ve indirim kodu kutusu (dolu görünüm) ---------- */
body .vn-sepet #order-standard_cart .view-cart-items .item { position: relative; border-left: 4px solid var(--vn-teal); }
body .vn-sepet #order-standard_cart .item-group { display: inline-flex; align-items: center; gap: 6px; margin-top: 6px; padding: 3px 10px; border: 1px solid var(--vn-line); border-radius: 6px; background: var(--vn-bg); font-size: 13px; color: var(--vn-text-2); }
body .vn-sepet #order-standard_cart .item-group::before { content: "\f02b"; font-family: "Font Awesome 6 Pro", "Font Awesome 5 Pro", "Font Awesome 5 Free"; font-weight: 900; font-size: 11px; color: var(--vn-blue); }
body .vn-sepet #order-standard_cart .item-domain { display: flex; align-items: center; gap: 6px; margin-top: 6px; font-size: 13.5px; color: var(--vn-ink); }
body .vn-sepet #order-standard_cart .item-domain:not(:empty)::before { content: "\f0ac"; font-family: "Font Awesome 6 Pro", "Font Awesome 5 Pro", "Font Awesome 5 Free"; font-weight: 900; font-size: 12px; color: var(--vn-teal); }
.vn-sepetoneri, body .vn-sepet #order-standard_cart a.vn-sepetoneri { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; margin-top: 14px; padding: 10px 14px; border: 1px dashed color-mix(in srgb, var(--vn-lime-ink) 55%, transparent); border-radius: 12px; background: color-mix(in srgb, var(--vn-lime) 14%, var(--vn-surface)); color: var(--vn-ink); font-size: 14px; text-decoration: none; }
.vn-sepetoneri > i { flex: 0 0 auto; width: 30px; height: 30px; display: grid; place-items: center; border-radius: 8px; background: var(--vn-lime); color: var(--vn-navy); font-size: 13px; }
.vn-sepetoneri span { flex: 1 1 200px; min-width: 0; }
.vn-sepetoneri em { font-style: normal; font-family: var(--vn-font-head); font-weight: 600; color: var(--vn-blue); white-space: nowrap; }
.vn-sepetoneri:hover em { text-decoration: underline; }
body .vn-sepet #order-standard_cart .view-cart-tabs { border-left: 4px solid var(--vn-blue); }
.vn-sepetkod { margin: -4px 0 12px; font-size: 13.5px; color: var(--vn-text-2); }
body .vn-sepet #order-standard_cart .item-group { width: fit-content; max-width: 100%; }

/* ---------- Panel tabloları, telefon genişliği ---------- */
@media (max-width: 767px) {
  /* Sığmayan tablolar yana kaydırılabilir */
  .vn-shell .table-container .listtable { overflow-x: auto; -webkit-overflow-scrolling: touch; }
  /* Faturalar: her satır bir kart; kaydırmaya gerek kalmaz */
  .vn-shell .vn-inv-table .listtable { overflow-x: visible; }
  .vn-shell .vn-inv-table #tableInvoicesList, .vn-shell .vn-inv-table #tableInvoicesList tbody { display: block; width: 100% !important; }
  .vn-shell .vn-inv-table #tableInvoicesList thead { display: none; }
  .vn-shell .vn-inv-table #tableInvoicesList tbody tr { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px 12px; align-items: center; padding: 14px; border-bottom: 1px solid var(--vn-line); }
  .vn-shell .vn-inv-table #tableInvoicesList tbody td { display: block; padding: 0 !important; border: 0 !important; text-align: left; white-space: normal; }
  .vn-shell .vn-inv-table #tableInvoicesList td.vn-inv-table__no { grid-column: 1; grid-row: 1; font-size: 16px; font-weight: 600; }
  .vn-shell .vn-inv-table #tableInvoicesList td:nth-child(5) { grid-column: 2; grid-row: 1; justify-self: end; }
  .vn-shell .vn-inv-table #tableInvoicesList td:nth-child(2), .vn-shell .vn-inv-table #tableInvoicesList td:nth-child(3) { font-size: 13.5px; color: var(--vn-text); }
  .vn-shell .vn-inv-table #tableInvoicesList td:nth-child(2) { grid-column: 1; grid-row: 2; }
  .vn-shell .vn-inv-table #tableInvoicesList td:nth-child(3) { grid-column: 2; grid-row: 2; justify-self: end; }
  .vn-shell .vn-inv-table #tableInvoicesList td:nth-child(2)::before, .vn-shell .vn-inv-table #tableInvoicesList td:nth-child(3)::before { display: block; font-size: 11.5px; color: var(--vn-text-2); }
  .vn-shell .vn-inv-table #tableInvoicesList td:nth-child(2)::before { content: "Tarih"; }
  .vn-shell .vn-inv-table #tableInvoicesList td:nth-child(3)::before { content: "Son ödeme"; }
  html[lang="en"] .vn-shell .vn-inv-table #tableInvoicesList td:nth-child(2)::before { content: "Date"; }
  html[lang="en"] .vn-shell .vn-inv-table #tableInvoicesList td:nth-child(3)::before { content: "Due"; }
  .vn-shell .vn-inv-table #tableInvoicesList td.vn-inv-table__total { grid-column: 1; grid-row: 3; font-size: 18px; font-weight: 700; }
  .vn-shell .vn-inv-table #tableInvoicesList td.vn-inv-table__ef { grid-column: 2; grid-row: 3; justify-self: end; }
  .vn-shell .vn-inv-table #tableInvoicesList td.vn-inv-table__ef:has(> .vn-muted:only-child) { display: none; }
  .vn-shell .vn-inv-table #tableInvoicesList td.vn-inv-table__action { grid-column: 1 / -1; grid-row: 4; }
  .vn-shell .vn-inv-table #tableInvoicesList td.vn-inv-table__action .vn-btn { display: flex; width: 100%; justify-content: center; min-height: 42px; }
  .vn-shell .vn-inv-table #tableInvoicesList td.vn-inv-table__action:empty { display: none; }
  .vn-shell .vn-inv-table #tableInvoicesList td.dataTables_empty { grid-column: 1 / -1; text-align: center; }
}
@media (max-width: 767px) {
  #vnHomeTable.vn-table--stack td.vn-name > .vn-small { justify-self: start; }
  /* Hizmetlerim: her satır bir kart */
  .vn-shell .table-container .listtable:has(#tableServicesList) { overflow-x: visible; }
  .vn-shell #tableServicesList, .vn-shell #tableServicesList tbody { display: block; width: 100% !important; }
  .vn-shell #tableServicesList thead { display: none; }
  .vn-shell #tableServicesList tbody tr { display: grid; grid-template-columns: 44px minmax(0, 1fr) auto; gap: 8px 10px; align-items: center; padding: 14px; border-bottom: 1px solid var(--vn-line); }
  .vn-shell #tableServicesList tbody td { display: block; padding: 0 !important; border: 0 !important; text-align: left; white-space: normal; min-width: 0; }
  .vn-shell #tableServicesList td:nth-child(1) { grid-column: 1; grid-row: 1; }
  .vn-shell #tableServicesList td:nth-child(2) { grid-column: 2; grid-row: 1; overflow-wrap: anywhere; }
  .vn-shell #tableServicesList td:nth-child(5) { grid-column: 3; grid-row: 1; justify-self: end; }
  .vn-shell #tableServicesList td:nth-child(3), .vn-shell #tableServicesList td:nth-child(4) { grid-row: 2; padding: 8px 10px !important; border: 1px solid var(--vn-line) !important; border-radius: 10px; background: var(--vn-bg); font-size: 13.5px; }
  .vn-shell #tableServicesList td:nth-child(3) { grid-column: 1 / 3; }
  .vn-shell #tableServicesList td:nth-child(4) { grid-column: 3; text-align: right; }
  .vn-shell #tableServicesList td:nth-child(3)::before, .vn-shell #tableServicesList td:nth-child(4)::before { display: block; font-family: var(--vn-font-body); font-size: 11.5px; font-weight: 500; color: var(--vn-text-2); }
  .vn-shell #tableServicesList td:nth-child(3)::before { content: "Tutar"; }
  .vn-shell #tableServicesList td:nth-child(4)::before { content: "Yenileme"; }
  html[lang="en"] .vn-shell #tableServicesList td:nth-child(3)::before { content: "Amount"; }
  html[lang="en"] .vn-shell #tableServicesList td:nth-child(4)::before { content: "Renewal"; }
  .vn-shell #tableServicesList td.dataTables_empty { grid-column: 1 / -1; text-align: center; }
}
/* Faturalar: son sütundaki "Öde" ve "Görüntüle" hücrede ortalı, aynı genişlikte */
@media (min-width: 768px) {
  .vn-shell .vn-inv-table #tableInvoicesList td.vn-inv-table__action { text-align: center; white-space: nowrap; }
  .vn-shell .vn-inv-table #tableInvoicesList td.vn-inv-table__action .vn-btn, .vn-shell .vn-inv-table #tableInvoicesList td.vn-inv-table__action .vn-link-arrow { display: inline-flex; align-items: center; justify-content: center; min-width: 92px; margin: 0; }
}
@media (max-width: 767px) {
  /* Alan adlarım: her satır bir kart */
  .vn-shell .table-container .listtable:has(#tableDomainsList), .vn-shell .table-container .listtable:has(#tableTicketsList) { overflow-x: visible; }
  .vn-shell #tableDomainsList, .vn-shell #tableDomainsList tbody, .vn-shell #tableTicketsList, .vn-shell #tableTicketsList tbody { display: block; width: 100% !important; }
  .vn-shell #tableDomainsList thead, .vn-shell #tableTicketsList thead { display: none; }
  .vn-shell #tableDomainsList tbody td, .vn-shell #tableTicketsList tbody td { display: block; padding: 0 !important; border: 0 !important; text-align: left; white-space: normal; min-width: 0; width: auto !important; }
  .vn-shell #tableDomainsList tbody tr { display: grid; grid-template-columns: 22px 40px minmax(0, 1fr) minmax(0, 1fr) auto; gap: 8px 10px; align-items: center; padding: 14px; border-bottom: 1px solid var(--vn-line); }
  .vn-shell #tableDomainsList td:nth-child(1) { grid-column: 1; grid-row: 1; }
  .vn-shell #tableDomainsList td:nth-child(2) { grid-column: 2; grid-row: 1; }
  /* Alan adı ilk satırı tek başına kaplar; durum etiketi ikinci satırda adın altında (uzun etiket "Yenilenebilir dönem (günü geçmiş)" adı sıkıştırmasın) */
  .vn-shell #tableDomainsList td:nth-child(3) { grid-column: 3 / -1; grid-row: 1; overflow-wrap: anywhere; }
  .vn-shell #tableDomainsList td:nth-child(3) .vn-dom-name { font-size: 15.5px; font-weight: 600; }
  .vn-shell #tableDomainsList td:nth-child(6) { grid-column: 3 / -1; grid-row: 2; justify-self: start; }
  .vn-shell #tableDomainsList td:nth-child(6) .label { display: inline-block; white-space: normal; line-height: 1.3; }
  .vn-shell #tableDomainsList td:nth-child(4), .vn-shell #tableDomainsList td:nth-child(5) { grid-row: 3; padding: 8px 10px !important; border: 1px solid var(--vn-line) !important; border-radius: 10px; background: var(--vn-bg); font-size: 13.5px; align-self: stretch; }
  .vn-shell #tableDomainsList td:nth-child(4) { grid-column: 1 / 4; }
  .vn-shell #tableDomainsList td:nth-child(5) { grid-column: 4 / 6; }
  .vn-shell #tableDomainsList td:nth-child(5) small { display: block; }
  .vn-shell #tableDomainsList td:nth-child(4)::before, .vn-shell #tableDomainsList td:nth-child(5)::before { display: block; font-family: var(--vn-font-body); font-size: 11.5px; font-weight: 500; color: var(--vn-text-2); }
  .vn-shell #tableDomainsList td:nth-child(4)::before { content: "Kayıt"; }
  .vn-shell #tableDomainsList td:nth-child(5)::before { content: "Yenileme"; }
  html[lang="en"] .vn-shell #tableDomainsList td:nth-child(4)::before { content: "Registered"; }
  html[lang="en"] .vn-shell #tableDomainsList td:nth-child(5)::before { content: "Renewal"; }
  /* Destek taleplerim: her satır bir kart */
  .vn-shell #tableTicketsList tbody tr { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px 12px; align-items: center; padding: 14px; border-bottom: 1px solid var(--vn-line); }
  .vn-shell #tableTicketsList td:nth-child(1) { grid-column: 1 / -1; grid-row: 1; overflow-wrap: anywhere; }
  .vn-shell #tableTicketsList td:nth-child(2) { grid-column: 1; grid-row: 2; font-size: 13.5px; color: var(--vn-text-2); }
  .vn-shell #tableTicketsList td:nth-child(2)::before { content: "\f0e8"; font-family: "Font Awesome 6 Pro", "Font Awesome 5 Pro", "Font Awesome 5 Free"; font-weight: 900; font-size: 11px; margin-right: 6px; color: var(--vn-text-3); }
  .vn-shell #tableTicketsList td:nth-child(3) { grid-column: 2; grid-row: 2; justify-self: end; }
  .vn-shell #tableTicketsList td:nth-child(4) { grid-column: 1; grid-row: 3; font-size: 13px; color: var(--vn-text-2); }
  .vn-shell #tableTicketsList td:nth-child(4)::before { content: "Son güncelleme: "; }
  html[lang="en"] .vn-shell #tableTicketsList td:nth-child(4)::before { content: "Last update: "; }
  .vn-shell #tableTicketsList td:nth-child(5) { grid-column: 2; grid-row: 3; justify-self: end; }
  .vn-shell #tableDomainsList td.dataTables_empty, .vn-shell #tableTicketsList td.dataTables_empty { grid-column: 1 / -1; grid-row: auto; text-align: center; }
}
@media (max-width: 767px) {
  .vn-shell #tableTicketsList td:nth-child(4) { font-family: var(--vn-font-body); white-space: normal !important; overflow: visible; text-overflow: clip; max-width: none; }
}
@media (max-width: 767px) {
  .vn-shell #tableTicketsList td:nth-child(4)::before { content: "Güncelleme: "; }
  html[lang="en"] .vn-shell #tableTicketsList td:nth-child(4)::before { content: "Updated: "; }
  .vn-shell #tableTicketsList td:nth-child(4) { font-size: 12.5px; }
}

/* ---------- Kredi yükleme ve toplu ödeme ---------- */
.vn-kredi, .vn-topluode { display: grid; gap: var(--vn-5); grid-template-columns: minmax(0, 1fr); align-items: start; }
@media (min-width: 1100px) { .vn-kredi { grid-template-columns: minmax(0, 1fr) 360px; } .vn-topluode { grid-template-columns: minmax(0, 1fr) 360px; } .vn-topluode__yan { position: sticky; top: 96px; } }
.vn-kredi__form { display: grid; gap: var(--vn-5); padding: clamp(18px, 3vw, 28px); border: 1px solid var(--vn-line); border-top: 4px solid var(--vn-teal); border-radius: 18px; background: var(--vn-surface); }
.vn-kredi__bas, .vn-topluode__bas { display: flex; flex-wrap: wrap; align-items: center; gap: 14px; }
.vn-kredi__bas > div:nth-child(2), .vn-topluode__bas > div { flex: 1 1 260px; min-width: 0; }
.vn-kredi__ikon, .vn-topluode__ikon { flex: 0 0 auto; width: 52px; height: 52px; display: grid; place-items: center; border-radius: 14px; background: var(--vn-grad); color: #fff; font-size: 20px; }
.vn .vn-kredi__bas h2, .vn .vn-topluode__bas h2 { margin: 0; font-size: 21px; }
.vn .vn-kredi__bas p, .vn .vn-topluode__bas p { margin: 2px 0 0; font-size: 14px; color: var(--vn-text-2); }
.vn-kredi__mevcut { display: grid; gap: 1px; padding: 10px 16px; border: 1px solid color-mix(in srgb, var(--vn-teal) 40%, transparent); border-radius: 12px; background: var(--vn-teal-wash); text-align: right; }
.vn-kredi__mevcut small { font-size: 12px; color: var(--vn-text-2); }
.vn-kredi__mevcut b { font-family: var(--vn-font-head); font-size: 19px; color: var(--vn-ink); white-space: nowrap; }
.vn-kredi__tutar { min-height: 56px; font-family: var(--vn-font-head); font-size: 22px; font-weight: 700; }
.vn-kredi__hizli { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 10px; }
.vn-kredi__hizli button { flex: 1 1 80px; min-height: 40px; border: 1px solid var(--vn-line-strong); border-radius: 10px; background: var(--vn-bg); color: var(--vn-ink); font-family: var(--vn-font-head); font-size: 15px; font-weight: 600; cursor: pointer; transition: border-color var(--vn-ease), background var(--vn-ease); }
.vn-kredi__hizli button:hover { border-color: var(--vn-blue); }
.vn-kredi__hizli button.is-on { border-color: var(--vn-blue); background: var(--vn-blue-wash); color: var(--vn-blue); box-shadow: inset 0 0 0 1px var(--vn-blue); }
.vn-kredi__yontem { display: grid; gap: 10px; grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); }
.vn-kredi__yontem label { position: relative; margin: 0; cursor: pointer; }
.vn-kredi__yontem input { position: absolute; opacity: 0; pointer-events: none; }
.vn-kredi__yontem span { display: flex; align-items: center; gap: 10px; min-height: 50px; padding: 0 16px; border: 1px solid var(--vn-line-strong); border-radius: 12px; background: var(--vn-surface); font-family: var(--vn-font-head); font-size: 15px; font-weight: 600; color: var(--vn-ink); transition: border-color var(--vn-ease), background var(--vn-ease); }
.vn-kredi__yontem span i { color: var(--vn-text-3); }
.vn-kredi__yontem label:hover span { border-color: var(--vn-blue); }
.vn-kredi__yontem input:checked + span { border-color: var(--vn-blue); background: var(--vn-blue-wash); box-shadow: inset 0 0 0 1px var(--vn-blue); }
.vn-kredi__yontem input:checked + span i { color: var(--vn-blue); }
.vn-kredi__yontem input:focus-visible + span { outline: 2px solid var(--vn-blue); outline-offset: 2px; }
.vn-kredi__gonder { min-height: 52px; font-size: 16px; }
.vn-kredi__not, .vn .vn-kredi__not { display: flex; align-items: flex-start; gap: 8px; margin: 0; font-size: 13px; line-height: 1.5; color: var(--vn-text-2); }
.vn-kredi__not i { margin-top: 3px; color: var(--vn-teal); }
.vn-kredi__yan { display: grid; gap: var(--vn-4); }
.vn-kredi__kutu, .vn-topluode__kutu { display: grid; gap: var(--vn-3); padding: var(--vn-5); border: 1px solid var(--vn-line); border-radius: 16px; background: var(--vn-surface); }
.vn .vn-kredi__kutu h3, .vn .vn-topluode__kutu h3 { margin: 0; font-size: 16px; }
.vn-kredi__adim { list-style: none; margin: 0; padding: 0; display: grid; gap: 12px; }
.vn-kredi__adim li { display: grid; grid-template-columns: 32px minmax(0, 1fr); gap: 12px; align-items: start; }
.vn-kredi__adim li > span { width: 32px; height: 32px; display: grid; place-items: center; border-radius: 50%; background: var(--vn-teal-wash); color: var(--vn-teal); font-family: var(--vn-font-head); font-weight: 700; font-size: 14px; }
.vn-kredi__adim li div { display: grid; gap: 1px; }
.vn-kredi__adim strong { font-family: var(--vn-font-head); font-size: 14.5px; font-weight: 600; color: var(--vn-ink); }
.vn-kredi__adim small { font-size: 13px; line-height: 1.45; color: var(--vn-text-2); }
.vn-kredi__sinir { margin: 0; display: grid; gap: 8px; }
.vn-kredi__sinir div { display: flex; justify-content: space-between; gap: 12px; padding: 10px 12px; border: 1px solid var(--vn-line); border-radius: 10px; background: var(--vn-bg); font-size: 14px; }
.vn-kredi__sinir dt { font-weight: 500; color: var(--vn-text-2); }
.vn-kredi__sinir dt i { width: 16px; margin-right: 4px; color: var(--vn-blue); font-size: 12px; }
.vn-kredi__sinir dd { margin: 0; font-family: var(--vn-font-head); font-weight: 600; color: var(--vn-ink); white-space: nowrap; }
.vn-topluode__sol { display: grid; gap: var(--vn-4); min-width: 0; }
.vn-topluode__bas { padding: var(--vn-5); border: 1px solid var(--vn-line); border-radius: 16px; background: var(--vn-surface); }
.vn-topluode__fatura { border: 1px solid var(--vn-line); border-left: 4px solid var(--vn-blue); border-radius: 14px; background: var(--vn-surface); overflow: hidden; }
.vn-topluode__fatura header { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; padding: 12px 16px; border-bottom: 1px solid var(--vn-line); background: var(--vn-bg); }
.vn-topluode__fatura header strong { flex: 1 1 auto; font-family: var(--vn-font-head); font-size: 16px; color: var(--vn-ink); }
.vn-topluode__fatura header a, .vn .vn-topluode__fatura header a { font-size: 13px; font-weight: 600; color: var(--vn-blue); text-decoration: none; }
.vn-topluode__fatura ul { list-style: none; margin: 0; padding: 0; }
.vn-topluode__fatura li { display: flex; justify-content: space-between; gap: 16px; padding: 11px 16px; border-bottom: 1px solid var(--vn-line); font-size: 14px; }
.vn-topluode__fatura li:last-child { border-bottom: 0; }
.vn-topluode__fatura li span { min-width: 0; overflow-wrap: anywhere; color: var(--vn-text); }
.vn-topluode__fatura li b { flex: 0 0 auto; font-family: var(--vn-font-head); font-weight: 600; color: var(--vn-ink); white-space: nowrap; }
.vn-topluode__bos { padding: var(--vn-5); border: 1px dashed var(--vn-line-strong); border-radius: 14px; text-align: center; color: var(--vn-text-2); }
.vn-topluode__yan { display: grid; gap: var(--vn-4); }
.vn-topluode__ozet { display: grid; gap: var(--vn-3); padding: var(--vn-5); border-radius: 18px; background: var(--vn-grad); color: #fff; box-shadow: 0 14px 32px rgba(11,42,74,.16); }
.vn-topluode__etiket, .vn .vn-topluode__etiket { margin: 0; font-family: var(--vn-font-mono); font-size: 12px; letter-spacing: .1em; text-transform: uppercase; color: rgba(255,255,255,.75); }
.vn-topluode__ozet dl { margin: 0; display: grid; gap: 8px; }
.vn-topluode__ozet dl div { display: flex; justify-content: space-between; gap: 12px; padding-bottom: 8px; border-bottom: 1px solid rgba(255,255,255,.14); font-size: 14px; }
.vn-topluode__ozet dt { font-weight: 400; color: rgba(255,255,255,.82); }
.vn-topluode__ozet dd { margin: 0; font-family: var(--vn-font-head); font-weight: 600; color: #fff; white-space: nowrap; }
.vn-topluode__toplam, .vn .vn-topluode__toplam { margin: 0; display: grid; gap: 2px; }
.vn-topluode__toplam small { font-size: 13px; color: rgba(255,255,255,.75); }
.vn-topluode__toplam b { font-family: var(--vn-font-head); font-size: 30px; line-height: 1.1; font-weight: 700; letter-spacing: -0.02em; color: #fff; white-space: nowrap; }
.vn-topluode__kutu .vn-btn { min-height: 52px; font-size: 16px; }
/* Kredi yükleme ve toplu ödeme sayfalarında üstte yalnızca "Ödeme işlemleri" şeridi kalır; açıklama, borç özeti ve durum süzgeci kutuları sayfanın kendi içeriğinde var */
body.vn-shell[data-vn-tpl="clientareaaddfunds"] .vn-context [menuitemname="Add Funds"],
body.vn-shell[data-vn-tpl="masspay"] .vn-context [menuitemname="My Invoices Summary"],
body.vn-shell[data-vn-tpl="masspay"] .vn-context [menuitemname="My Invoices Status Filter"] { display: none !important; }
.vn-kredi__tutar::placeholder { font-weight: 500; color: var(--vn-text-3); }
.vn-kredi__sinirnot, .vn .vn-kredi__sinirnot { margin: 8px 0 0; font-size: 13.5px; color: var(--vn-text-2); }
.vn-kredi__sinirnot i { margin-right: 4px; color: var(--vn-blue); }
.vn-kredi__sinirnot b { color: var(--vn-ink); font-weight: 600; white-space: nowrap; }
/* Toplu ödeme: fatura seçimi */
.vn-topluode__sec { margin: 0; display: grid; place-items: center; cursor: pointer; }
.vn-topluode input[type="checkbox"] { width: 20px; height: 20px; accent-color: var(--vn-blue); cursor: pointer; }
.vn-topluode.is-yukleniyor { opacity: .55; pointer-events: none; }
.vn-topluode__diger { padding: var(--vn-4) var(--vn-5); border: 1px dashed var(--vn-line-strong); border-radius: 14px; background: var(--vn-surface); }
.vn .vn-topluode__diger h3 { margin: 0; font-size: 16px; }
.vn .vn-topluode__diger p { margin: 2px 0 var(--vn-3); font-size: 13.5px; color: var(--vn-text-2); }
.vn-topluode__diger ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.vn-topluode__diger label { display: flex; align-items: center; gap: 12px; margin: 0; padding: 10px 14px; border: 1px solid var(--vn-line); border-radius: 12px; background: var(--vn-bg); cursor: pointer; transition: border-color var(--vn-ease); }
.vn-topluode__diger label:hover { border-color: var(--vn-blue); }
.vn-topluode__diger label span { flex: 1 1 auto; display: grid; gap: 1px; min-width: 0; }
.vn-topluode__diger strong { font-family: var(--vn-font-head); font-size: 15px; font-weight: 600; color: var(--vn-ink); }
.vn-topluode__diger small { font-size: 12.5px; color: var(--vn-text-2); }
.vn-topluode__diger small.is-gec { color: var(--vn-red); }
.vn-topluode__diger b { font-family: var(--vn-font-head); font-weight: 600; color: var(--vn-ink); white-space: nowrap; }
/* Tarayıcının kendi form öğeleri (onay kutusu, kaydırma çubuğu) sitenin temasını izler; işletim sisteminin koyu modunu değil */
html { color-scheme: light; }
html[data-vn-tema="dark"] { color-scheme: dark; }

/* ---------- Banka hesapları, kısa görünüm (havale seçilince) ---------- */
.vn-bankaozet { display: grid; gap: 12px; padding: 16px; border: 1px solid color-mix(in srgb, var(--vn-blue) 35%, transparent); border-radius: 14px; background: var(--vn-blue-wash); }
.vn-bankaozet__bas { display: grid; grid-template-columns: 40px minmax(0, 1fr); gap: 12px; align-items: center; }
.vn-bankaozet__bas > span { width: 40px; height: 40px; display: grid; place-items: center; border-radius: 11px; background: var(--vn-surface); color: var(--vn-blue); font-size: 16px; }
.vn-bankaozet__bas div { display: grid; gap: 2px; }
.vn-bankaozet__bas strong { font-family: var(--vn-font-head); font-size: 16px; color: var(--vn-ink); }
.vn-bankaozet__bas small { font-size: 13px; line-height: 1.45; color: var(--vn-text-2); }
.vn-bankaozet__alici { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 12px; padding: 10px 12px; border: 1px solid var(--vn-line); border-radius: 10px; background: var(--vn-surface); }
.vn-bankaozet__alici small { flex: 1 1 100%; font-size: 12px; color: var(--vn-text-2); }
.vn-bankaozet__alici b { flex: 1 1 200px; min-width: 0; font-size: 14px; font-weight: 600; color: var(--vn-ink); }
.vn-bankaozet ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.vn-bankaozet li { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; padding: 10px 12px; border: 1px solid var(--vn-line); border-radius: 10px; background: var(--vn-surface); }
.vn-bankaozet li img { flex: 0 0 auto; width: 74px; height: 34px; object-fit: contain; padding: 4px 6px; border-radius: 8px; background: #fff; border: 1px solid var(--vn-line); }
.vn-bankaozet li div { flex: 1 1 190px; display: grid; gap: 1px; min-width: 0; }
.vn-bankaozet li strong { font-family: var(--vn-font-head); font-size: 14px; font-weight: 600; color: var(--vn-ink); }
.vn-bankaozet li b { font-family: var(--vn-font-mono); font-size: 13.5px; font-weight: 500; color: var(--vn-ink); overflow-wrap: anywhere; }
.vn-bankaozet .vn-btn.is-ok { border-color: var(--vn-teal); color: var(--vn-teal); }
.vn-bankaozet__tum, .vn a.vn-bankaozet__tum { font-size: 13px; font-weight: 600; color: var(--vn-blue); text-decoration: none; }
/* Fatura bölme */
.vn-bol__satir { display: flex; align-items: center; gap: 12px; margin: 0 0 8px; padding: 10px 14px; border: 1px solid var(--vn-line); border-radius: 12px; background: var(--vn-surface); cursor: pointer; transition: border-color var(--vn-ease), background var(--vn-ease); }
.vn-bol__satir:hover { border-color: var(--vn-blue); }
.vn-bol__satir:has(input:checked) { border-color: var(--vn-blue); background: var(--vn-blue-wash); }
.vn-bol__satir input { flex: 0 0 auto; width: 20px; height: 20px; accent-color: var(--vn-blue); }
.vn-bol__satir span { flex: 1 1 auto; min-width: 0; font-size: 14px; color: var(--vn-ink); overflow-wrap: anywhere; }
.vn-bol__satir b { flex: 0 0 auto; font-family: var(--vn-font-head); font-weight: 600; color: var(--vn-ink); white-space: nowrap; }
.vn-bol__alt { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 16px; margin-top: 12px; }
.vn-bol__alt small { font-size: 13px; color: var(--vn-text-2); }
.vn-bol__sonuc { margin: 12px 0 0; padding: 10px 14px; border-radius: 10px; font-size: 14px; }
.vn-bol__sonuc.is-hata { background: color-mix(in srgb, var(--vn-red) 12%, var(--vn-surface)); color: var(--vn-red); }
.vn-bol__sonuc.is-tamam { background: var(--vn-teal-wash); color: var(--vn-ink); }
/* Fatura: ödeme yöntemi seçicisi başlığının altında, aynı hizada */
.vn-inv-meta [data-role="paymethod-info"] { float: none !important; display: block; margin-top: 6px; }
.vn-inv-meta [data-role="paymethod-info"] form { display: flex; justify-content: flex-start; }
@media (min-width: 576px) { .vn-inv-meta .text-sm-right [data-role="paymethod-info"] form { justify-content: flex-end; } }
.vn-inv-meta [data-role="paymethod-info"] select { width: auto; min-width: 190px; min-height: 42px; font-family: var(--vn-font-body); font-size: 15px; font-weight: 600; }
.vn-inv-banka { margin: var(--vn-4) 0; }
/* Destek talebi durumları: her durum kendi renginde */
.vn-durum--open { border-color: color-mix(in srgb, var(--vn-blue) 45%, transparent); background: var(--vn-blue-wash); color: var(--vn-blue); }
.vn-durum--answered { border-color: color-mix(in srgb, var(--vn-green) 50%, transparent); background: var(--vn-green-wash); color: var(--vn-green); }
.vn-durum--customer-reply { border-color: color-mix(in srgb, var(--vn-amber) 55%, transparent); background: var(--vn-amber-wash); color: color-mix(in srgb, var(--vn-amber) 70%, var(--vn-ink)); }
.vn-durum--in-progress { border-color: color-mix(in srgb, var(--vn-teal) 50%, transparent); background: var(--vn-teal-wash); color: var(--vn-teal); }
.vn-durum--on-hold { border-color: color-mix(in srgb, var(--vn-red) 40%, transparent); background: var(--vn-red-wash); color: var(--vn-red); }
.vn-durum--closed { border-color: transparent; background: color-mix(in srgb, var(--vn-navy) 82%, var(--vn-surface)); color: #fff; }
.vn-durum--closed::before { content: "\f00c"; width: auto; height: auto; border-radius: 0; background: none; font-family: "Font Awesome 6 Pro", "Font Awesome 5 Pro", "Font Awesome 5 Free"; font-weight: 900; font-size: 10px; color: var(--vn-lime); }
[data-vn-tema="dark"] .vn-durum--closed { background: color-mix(in srgb, var(--vn-text-2) 26%, var(--vn-surface)); color: var(--vn-ink); }
/* Toplu ödeme: seçili fatura renkli, seçilmeyen soluk; sıra değişmez */
.vn-topluode__fatura { border-left-color: var(--vn-blue); box-shadow: 0 0 0 1px color-mix(in srgb, var(--vn-blue) 35%, transparent); }
.vn-topluode__fatura header { background: var(--vn-blue-wash); }
.vn-topluode__ad { flex: 1 1 160px; display: grid; gap: 1px; min-width: 0; }
.vn-topluode__ad small { font-size: 12.5px; color: var(--vn-text-2); }
.vn-topluode__ad small.is-gec { color: var(--vn-red); }
.vn-topluode__durum { padding: 3px 10px; border-radius: 6px; background: var(--vn-blue); color: #fff; font-family: var(--vn-font-head); font-size: 12px; font-weight: 600; white-space: nowrap; }
.vn-topluode__tutar { font-family: var(--vn-font-head); font-size: 16px; font-weight: 700; color: var(--vn-ink); white-space: nowrap; }
.vn-topluode__fatura.is-disarida { border-left-color: var(--vn-line-strong); box-shadow: none; background: var(--vn-bg); }
.vn-topluode__fatura.is-disarida header { background: transparent; border-bottom: 0; }
.vn-topluode__fatura.is-disarida .vn-tur, .vn-topluode__fatura.is-disarida .vn-topluode__ad, .vn-topluode__fatura.is-disarida .vn-topluode__tutar { opacity: .55; filter: grayscale(1); }
.vn-topluode__fatura.is-disarida .vn-topluode__tutar { text-decoration: line-through; }
.vn-topluode__fatura.is-disarida .vn-topluode__durum { background: transparent; border: 1px solid var(--vn-line-strong); color: var(--vn-text-2); }
.vn-topluode__fatura.is-disarida:hover { border-left-color: var(--vn-blue); }

/* Panel ana sayfası: hesap güvenliği kartları (includes/vn-guvenlik-kartlar.tpl) */
.vn-guvenlik { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--vn-3); }
/* Eksik fatura bilgisi kartı da varsa dört kart: 2 x 2 (yarım satır kalmasın) */
.vn-guvenlik--dort { grid-template-columns: repeat(2, minmax(0, 1fr)); }
@media (max-width: 1100px) { .vn-guvenlik { grid-template-columns: minmax(0, 1fr); } }
.vn-guvenlik__kart { display: grid; grid-template-columns: 44px minmax(0, 1fr); gap: 4px 14px; align-items: start; padding: 16px 18px; border: 1px solid var(--vn-line); border-left: 4px solid var(--vn-line-strong); border-radius: var(--vn-r-lg); background: var(--vn-surface); min-width: 0; }
.vn-guvenlik__kart.is-tamam { border-left-color: var(--vn-green); }
.vn-guvenlik__kart.is-eksik { border-left-color: var(--vn-amber, #C9801A); }
.vn-guvenlik__ikon { grid-row: span 2; width: 44px; height: 44px; display: grid; place-items: center; border-radius: 12px; background: var(--vn-bg); border: 1px solid var(--vn-line); color: var(--vn-blue); font-size: 18px; }
.vn-guvenlik__kart.is-tamam .vn-guvenlik__ikon { color: var(--vn-green); }
.vn-guvenlik__kart.is-eksik .vn-guvenlik__ikon { color: var(--vn-amber, #C9801A); }
.vn .vn-guvenlik__kart h3 { margin: 0 0 2px; font-size: 16px; color: var(--vn-ink); }
.vn-guvenlik__kart p { margin: 0; max-width: none; font-size: 13.5px; line-height: 1.5; color: var(--vn-text-2); overflow-wrap: anywhere; }
.vn-guvenlik__kart > .vn-link-arrow { grid-column: 2; justify-self: start; margin-top: 6px; font-size: 14px; }
.vn-guvenlik__dugme { border: 0; padding: 0; background: none; cursor: pointer; font-family: inherit; color: var(--vn-blue); font-weight: 600; }
/* Hesap › Güvenlik: cep telefonu bölümü (iki adımlı doğrulama kutusunun düzenini kullanır) */
.vn-telbolum__tercih { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 14px; padding: 14px 16px; border: 1px solid var(--vn-line); border-radius: 12px; background: var(--vn-bg); }
.vn-telbolum__tercih > div { flex: 1 1 280px; display: grid; gap: 3px; min-width: 0; }
.vn-telbolum__tercih strong { font-family: var(--vn-font-head); font-size: 15px; color: var(--vn-ink); }
.vn-telbolum__tercih small { font-size: 13px; line-height: 1.5; color: var(--vn-text-2); }
.vn-telbolum > p.vn-gorus__ileti { margin: 0; padding: 10px 12px; border-radius: 10px; font-size: 14px; color: var(--vn-ink); }
.vn-telbolum > p.vn-gorus__ileti.is-tamam { background: var(--vn-green-wash, rgba(46, 160, 67, .12)); border: 1px solid var(--vn-green); }
.vn-telbolum > p.vn-gorus__ileti.is-hata { background: rgba(200, 60, 60, .1); border: 1px solid rgba(200, 60, 60, .5); }
.vn-devirp label[hidden], .vn-devirp .vn-btn[hidden] { display: none; }
/* Pencerelerdeki sonuç iletisi (telefon doğrulama) */
.vn-pencere__kutu > p.vn-gorus__ileti { padding: 10px 12px; border-radius: 10px; font-size: 14px; color: var(--vn-ink); }
.vn-pencere__kutu > p.vn-gorus__ileti.is-tamam { background: var(--vn-green-wash, rgba(46, 160, 67, .12)); border: 1px solid var(--vn-green); }
.vn-pencere__kutu > p.vn-gorus__ileti.is-hata { background: rgba(200, 60, 60, .1); border: 1px solid rgba(200, 60, 60, .5); }

/* Yenileme listeleri: "yaklaşanlar" satırı (orderform/verinomi/vn-yenile-yakin.tpl) */
.vn-yakin { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 14px; margin: 0 0 14px; padding: 12px 16px; border: 1px solid var(--vn-line); border-left: 4px solid var(--vn-blue); border-radius: 12px; background: var(--vn-surface); }
.vn-yakin[hidden] { display: none; }
.vn-yakin__metin { flex: 1 1 320px; font-size: 14.5px; color: var(--vn-text); }
.vn-yenile .vn-yakin-gizli { display: none !important; }
/* Yenileme sayfasında sepet düğmeleri yan yana: görüntüle (geniş) + boşalt (kırmızı çerçeveli). Yan sütun daralınca alt alta iner, taşmaz. */
.vn-yenile .vn-yakin__sepet { display: flex; flex-wrap: wrap; gap: 10px; align-items: stretch; margin: 16px 0 0 !important; padding: 0; text-align: left; clear: both; }
.vn-yenile .vn-yakin__sepet > #btnGoToCart, .vn-yenile .vn-yakin__sepet > #vnSepetBosalt { box-sizing: border-box; min-width: 0; min-height: 50px; margin: 0 !important; padding: 12px 16px !important; display: flex !important; align-items: center; justify-content: center; gap: 8px; border-radius: var(--vn-r); font-family: var(--vn-font-head); font-size: 15.5px !important; font-weight: 600; line-height: 1.2; white-space: nowrap; float: none !important; width: auto !important; }
.vn-yenile .vn-yakin__sepet > #btnGoToCart { flex: 3 1 170px; }
.vn-yenile .vn-yakin__sepet > #vnSepetBosalt { flex: 1 1 172px; border: 1px solid #C0473A !important; background: transparent !important; color: #C0473A !important; cursor: pointer; }
.vn-yenile .vn-yakin__sepet > #vnSepetBosalt:hover, .vn-yenile .vn-yakin__sepet > #vnSepetBosalt:focus-visible { background: #C0473A !important; color: #fff !important; }
.vn-yenile .vn-yakin__sepet > #vnSepetBosalt[disabled] { opacity: .6; cursor: default; }
[data-vn-tema="dark"] .vn-yenile .vn-yakin__sepet > #vnSepetBosalt { border-color: #E0685B !important; color: #F08A7D !important; }
[data-vn-tema="dark"] .vn-yenile .vn-yakin__sepet > #vnSepetBosalt:hover { background: #C0473A !important; color: #fff !important; }
/* Makbuzu kesilmiş kayıtta "Makbuzu öde" (Sepete ekle düğmesinin yerinde) */
.vn-yenile .vn-yakin__makbuz { float: right; display: inline-flex; align-items: center; gap: 8px; padding: 10px 16px; border: 1px solid var(--vn-amber, #C9801A); border-radius: var(--vn-r); background: var(--vn-surface); color: var(--vn-ink); font-family: var(--vn-font-head); font-size: 15px; font-weight: 600; text-decoration: none; }
.vn-yenile .vn-yakin__makbuz:hover { background: var(--vn-amber, #C9801A); color: #fff; text-decoration: none; }
/* Sepette kayıt varken ekranın altında duran satır */
.vn-yakin-cubuk { position: fixed; left: 0; right: 0; bottom: 0; z-index: 25; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 10px 18px; padding: 12px 20px calc(12px + env(safe-area-inset-bottom, 0px)); border-top: 1px solid var(--vn-line-strong); background: var(--vn-surface); box-shadow: 0 -8px 24px rgba(8, 15, 28, .18); }
.vn-yakin-cubuk[hidden] { display: none; }
.vn-yakin-cubuk__metin { display: inline-flex; flex-wrap: wrap; align-items: baseline; gap: 4px 12px; font-size: 15px; color: var(--vn-text); }
.vn-yakin-cubuk__metin strong { color: var(--vn-ink); }
.vn-yakin-cubuk__metin span { font-family: var(--vn-font-head); font-size: 18px; font-weight: 700; color: var(--vn-ink); font-variant-numeric: tabular-nums; }
body.vn-yakin-cubuklu .vn-app__body { padding-bottom: 76px; }
@media (min-width: 992px) { .vn-yakin-cubuk { left: 240px; } html[data-vn-menu="dar"] .vn-yakin-cubuk { left: 72px; } }
@media (max-width: 991.98px) { .vn-yakin-cubuk { bottom: calc(58px + env(safe-area-inset-bottom, 0px)); padding-bottom: 12px; } body.vn-yakin-cubuklu .vn-app__body { padding-bottom: 140px; } }
/* Telefonda tek satır: solda adet ve tutar alt alta, sağda düğme */
@media (max-width: 560px) { .vn-yakin-cubuk { flex-wrap: nowrap; justify-content: space-between; gap: 10px; padding: 8px 14px; } .vn-yakin-cubuk__metin { flex-direction: column; align-items: flex-start; gap: 0; font-size: 12.5px; min-width: 0; } .vn-yakin-cubuk__metin span { font-size: 16px; } .vn-yakin-cubuk .vn-btn { flex: 0 0 auto; padding-inline: 14px; } }
.vn-yakin__ucretsiz { float: right; max-width: 260px; font-size: 13px; line-height: 1.45; color: var(--vn-text-2); text-align: right; }
/* WHMCS'in liste kapsayıcısındaki açık gri zemin koyu temada kartların arasından beyaz şerit gibi görünüyordu */
.vn-yenile .service-renewals, .vn-yenile .domain-renewals { background: transparent !important; border: 0 !important; padding: 0 !important; }
/* Liste tek sütun ve kapsayıcısından geniş olamaz (uzun içerik sütunu genişletip telefonda yatay taşma yapıyordu) */
body .vn-yenile #order-standard_cart .service-renewals, body .vn-yenile #order-standard_cart .domain-renewals { grid-template-columns: minmax(0, 1fr); }
.vn-yenile .service-renewal, .vn-yenile .domain-renewal { min-width: 0; overflow-wrap: break-word; }
@media (max-width: 520px) { .vn-yakin__ucretsiz { float: none; display: block; max-width: none; text-align: left; margin-top: 8px; clear: both; } }

/* ---------- Panel menüsü: dar ekranda çekmece (alt çubuktaki "Menü" açar) ---------- */
.vn-tabbar { grid-template-columns: repeat(6, minmax(0, 1fr)); }
.vn-tabbar button { display: grid; justify-items: center; gap: 2px; padding: 10px 4px; border: 0; background: none; font-size: 11px; font-family: var(--vn-font-head); font-weight: 500; color: var(--vn-text-2); cursor: pointer; }
.vn-tabbar button i { font-size: 16px; }
.vn-tabbar button[aria-expanded="true"] { color: var(--vn-teal); }
.vn-side__kapat, .vn-cekmece__perde { display: none; }
.vn-top__menu { display: none; }
@media (max-width: 991.98px) { .vn-top__menu { display: grid; place-items: center; flex: 0 0 auto; width: 38px; height: 38px; margin-right: 2px; border: 1px solid var(--vn-line-strong); border-radius: 10px; background: var(--vn-surface); color: var(--vn-ink); font-size: 16px; cursor: pointer; } }
/* Menü düğmesi eklenince dar telefonda üst çubuk taşmasın: logo küçülür, düğme daralır */
@media (max-width: 540px) { .vn-top { padding-inline: 10px; gap: 6px; } .vn-top .vn-icon-btn { width: 34px; height: 34px; } .vn-top__actions { gap: 4px; } .vn-top .vn-account { padding: 0 2px; border: 0; background: transparent; }
  .vn-top .vn-top__menu { width: 34px; height: 34px; margin-right: 0; } .vn-top .vn-top__logo img { height: 17px; width: auto; } }
/* Çok dar telefonda (380 px altı) logo gizlenir; yerini menü düğmesi tutar */
@media (max-width: 380px) { .vn-top .vn-top__logo { display: none; } }
/* Alan adı ayrıntısı: dar ekranda WHMCS'in "Yönet" ve "İşlemler" kutuları gösterilmez (aynı işlemler sayfadaki kutularda var) */
@media (max-width: 991.98px) { body.vn-shell[data-vn-tpl="clientareadomaindetails"] .vn-context.vn-context--alanadi > .sidebar { display: none !important; } .vn-shell .row > .vn-context--alanadi { margin-top: 0; } }
@media (max-width: 991.98px) {
  html[data-vn-cekmece="acik"] .vn-side { display: flex; flex-direction: column; position: fixed; inset: 0 auto 0 0; z-index: 1080; width: min(300px, 86vw); overflow-y: auto; padding-bottom: calc(var(--vn-5) + env(safe-area-inset-bottom, 0px)); box-shadow: 8px 0 30px rgba(8, 15, 28, .35); }
  html[data-vn-cekmece="acik"] .vn-cekmece__perde { display: block; position: fixed; inset: 0; z-index: 1070; background: rgba(8, 15, 28, .55); }
  html[data-vn-cekmece="acik"] .vn-side__kapat { display: grid; place-items: center; position: absolute; top: 12px; right: 10px; width: 36px; height: 36px; border: 0; border-radius: 10px; background: transparent; color: var(--vn-text-2); font-size: 26px; line-height: 1; cursor: pointer; }
  html[data-vn-cekmece="acik"] body { overflow: hidden; }
}

/* ---------- Panel menüsü: daraltılabilir ---------- */
.vn-side__dar { display: none; }
@media (min-width: 992px) {
  .vn-side { display: flex; flex-direction: column; }
  .vn-side__dar { display: flex; align-items: center; gap: 12px; margin-top: auto; padding: 10px 12px; border: 1px solid var(--vn-line); border-radius: var(--vn-r); background: var(--vn-bg); color: var(--vn-text-2); font-family: var(--vn-font-head); font-size: 14px; font-weight: 500; cursor: pointer; transition: border-color var(--vn-ease), color var(--vn-ease); }
  .vn-side__dar:hover { border-color: var(--vn-blue); color: var(--vn-blue); }
  .vn-side__dar i { width: 18px; text-align: center; transition: transform var(--vn-ease); }
  .vn-app { transition: grid-template-columns .18s ease; }
  html[data-vn-menu="dar"] .vn-app { grid-template-columns: 72px minmax(0, 1fr); }
  html[data-vn-menu="dar"] .vn-side { padding-inline: 10px; overflow-x: hidden; }
  html[data-vn-menu="dar"] .vn-side__logo { width: 40px; margin: 0 auto var(--vn-5); padding: 0; overflow: hidden; }
  html[data-vn-menu="dar"] .vn-side__logo img.vn-logo { max-width: none; }
  html[data-vn-menu="dar"] .vn-side nav a { justify-content: center; gap: 0; padding-inline: 0; font-size: 0; }
  html[data-vn-menu="dar"] .vn-side nav a i { font-size: 17px; width: auto; }
  html[data-vn-menu="dar"] .vn-side__group { height: 1px; margin: 12px 8px; padding: 0; background: var(--vn-line); overflow: hidden; }
  html[data-vn-menu="dar"] .vn-side__group span { display: none; }
  html[data-vn-menu="dar"] .vn-side__dar { justify-content: center; padding-inline: 0; }
  html[data-vn-menu="dar"] .vn-side__dar span { display: none; }
  html[data-vn-menu="dar"] .vn-side__dar i { transform: rotate(180deg); }
}

/* ---------- Destek talebi: departman seçimi ---------- */
.vn-dept__bas { display: grid; gap: 14px 18px; grid-template-columns: 56px minmax(0, 1fr); align-items: center; padding: var(--vn-5); border: 1px solid var(--vn-line); border-left: 4px solid var(--vn-teal); border-radius: 16px; background: var(--vn-surface); }
.vn-dept__basikon { width: 56px; height: 56px; display: grid; place-items: center; border-radius: 15px; background: var(--vn-grad); color: #fff; font-size: 22px; }
.vn .vn-dept__bas h2 { margin: 0; font-size: 21px; }
.vn .vn-dept__bas p { margin: 2px 0 0; font-size: 14.5px; color: var(--vn-text-2); }
.vn-dept__bas ul { grid-column: 1 / -1; list-style: none; margin: 0; padding: 14px 0 0; border-top: 1px dashed var(--vn-line-strong); display: grid; gap: 8px 18px; grid-template-columns: minmax(0, 1fr); font-size: 13.5px; color: var(--vn-text); }
@media (min-width: 1000px) { .vn-dept__bas ul { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.vn-dept__bas li { display: flex; align-items: flex-start; gap: 8px; }
.vn-dept__bas li i { margin-top: 3px; color: var(--vn-teal); font-size: 12px; }
.vn-dept__kart, .vn a.vn-dept__kart { padding-block: 20px; }
.vn-dept__sec { display: inline-flex; align-items: center; gap: 8px; min-height: 40px; padding: 0 16px; border: 1px solid var(--m); border-radius: 10px; background: color-mix(in srgb, var(--m) 10%, transparent); color: var(--m); transition: background var(--vn-ease), color var(--vn-ease); }
.vn-dept__kart:hover .vn-dept__sec { background: var(--m); color: #fff; }
@media (max-width: 520px) { .vn-dept__kart, .vn a.vn-dept__kart { grid-template-columns: 52px minmax(0, 1fr); } .vn-dept__sec { grid-column: 1 / -1; justify-content: center; } }

/* ---------- Alan adı transferi ---------- */
.vn-transfer { display: grid; gap: var(--vn-5); grid-template-columns: minmax(0, 1fr); align-items: start; margin-bottom: var(--vn-5); }
@media (min-width: 1000px) { .vn-transfer { grid-template-columns: minmax(0, 1fr) 340px; } }
.vn-transfer__sol { min-width: 0; padding: clamp(16px, 2.5vw, 26px); border: 1px solid var(--vn-line); border-top: 4px solid var(--vn-blue); border-radius: 18px; background: var(--vn-surface); }
.vn-transfer__sekme { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin-bottom: var(--vn-4); padding: 6px; border-radius: 14px; background: var(--vn-bg); border: 1px solid var(--vn-line); }
.vn-transfer__sekme button { display: flex; align-items: center; justify-content: center; gap: 8px; min-height: 44px; border: 1px solid transparent; border-radius: 10px; background: transparent; color: var(--vn-text-2); font-family: var(--vn-font-head); font-size: 15px; font-weight: 600; cursor: pointer; }
.vn-transfer__sekme button:hover { color: var(--vn-ink); }
.vn-transfer__sekme button.is-on { border-color: var(--vn-blue); background: var(--vn-surface); color: var(--vn-blue); box-shadow: 0 2px 8px rgba(11,42,74,.08); }
body .vn-alanadi #order-standard_cart .vn-transfer .card, body .vn-alanadi #order-standard_cart .vn-transfer .panel { border: 0; box-shadow: none; margin: 0; background: transparent; }
body .vn-alanadi #order-standard_cart .vn-transfer .card-header, body .vn-alanadi #order-standard_cart .vn-transfer .card-body, body .vn-alanadi #order-standard_cart .vn-transfer .card-footer { padding-inline: 0; background: transparent; border: 0; }
body .vn-alanadi #order-standard_cart .vn-transfer .card-header { display: none; }
body .vn-alanadi #order-standard_cart .vn-transfer .form-control { min-height: 48px; }
body .vn-alanadi #order-standard_cart .vn-transfer label { font-size: 14px; font-weight: 600; color: var(--vn-ink); }
body .vn-alanadi #order-standard_cart .vn-transfer #btnTransferDomain { min-height: 50px; padding-inline: 28px; }
.vn-transfer__dip, .vn .vn-transfer__dip { margin: var(--vn-3) 0 0; font-size: 12.5px; color: var(--vn-text-2); }
.vn-toplutr { display: grid; gap: 10px; }
.vn-toplutr label { margin: 0; font-size: 14px; font-weight: 600; color: var(--vn-ink); }
.vn-toplutr textarea { min-height: 170px; font-family: var(--vn-font-mono); font-size: 14px; line-height: 1.7; resize: vertical; }
.vn-toplutr small { font-size: 13px; line-height: 1.5; color: var(--vn-text-2); }
.vn-toplutr__alt { display: flex; flex-wrap: wrap; gap: 10px; }
.vn-toplutr__alt .vn-btn { min-height: 48px; }
.vn-toplutr__sonuc { list-style: none; margin: 4px 0 0; padding: 0; display: grid; gap: 6px; }
.vn-toplutr__sonuc li { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 10px; padding: 9px 12px; border: 1px solid var(--vn-line); border-radius: 10px; font-size: 13.5px; }
.vn-toplutr__sonuc li b { font-family: var(--vn-font-mono); font-weight: 500; color: var(--vn-ink); overflow-wrap: anywhere; }
.vn-toplutr__sonuc li span { color: var(--vn-text-2); }
.vn-toplutr__sonuc li.is-tamam { border-color: color-mix(in srgb, var(--vn-green) 45%, transparent); background: var(--vn-green-wash); }
.vn-toplutr__sonuc li.is-tamam i { color: var(--vn-green); }
.vn-toplutr__sonuc li.is-hata { border-color: color-mix(in srgb, var(--vn-red) 40%, transparent); background: var(--vn-red-wash); }
.vn-toplutr__sonuc li.is-hata i { color: var(--vn-red); }
.vn-toplutr--giris { grid-template-columns: 44px minmax(0, 1fr); align-items: center; padding: 16px; border: 1px dashed var(--vn-line-strong); border-radius: 14px; }
.vn-toplutr--giris > i { width: 44px; height: 44px; display: grid; place-items: center; border-radius: 12px; background: var(--vn-blue-wash); color: var(--vn-blue); font-size: 17px; }
.vn-toplutr--giris div { display: grid; gap: 2px; }
.vn-toplutr--giris strong { font-family: var(--vn-font-head); color: var(--vn-ink); }
.vn-toplutr--giris .vn-btn { grid-column: 1 / -1; justify-self: start; }
.vn-transfer__yan { display: grid; gap: var(--vn-3); padding: var(--vn-5); border-radius: 18px; background: var(--vn-grad); color: #fff; }
.vn .vn-transfer__yan h3 { margin: 0; font-size: 17px; color: #fff; }
.vn-transfer__yan ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
.vn-transfer__yan li { display: grid; grid-template-columns: 40px minmax(0, 1fr); gap: 12px; align-items: center; padding: 10px 12px; border: 1px solid rgba(255,255,255,.16); border-radius: 12px; background: rgba(255,255,255,.07); }
.vn-transfer__yan li > i { width: 40px; height: 40px; display: grid; place-items: center; border-radius: 11px; background: rgba(255,255,255,.14); color: var(--vn-lime); font-size: 15px; }
.vn-transfer__yan li span { display: grid; gap: 1px; }
.vn-transfer__yan strong { font-family: var(--vn-font-head); font-size: 14.5px; font-weight: 600; color: #fff; }
.vn-transfer__yan small { font-size: 12.5px; line-height: 1.45; color: rgba(255,255,255,.78); }
.vn-transfer__yan .vn-link-arrow, .vn .vn-transfer__yan a.vn-link-arrow { color: var(--vn-lime); }

/* ---------- Uzantı fiyat listesi ---------- */
.vn-tldbas { display: grid; grid-template-columns: 48px minmax(0, 1fr); gap: 14px; align-items: center; margin: var(--vn-4) 0; }
.vn-tldbas__ikon { width: 48px; height: 48px; display: grid; place-items: center; border-radius: 13px; background: var(--vn-grad); color: #fff; font-size: 18px; }
.vn .vn-tldbas h3 { margin: 0; font-size: 20px; }
.vn .vn-tldbas p { margin: 2px 0 0; font-size: 14px; color: var(--vn-text-2); }
.vn-featured-tlds .vn-chip { padding: 8px 14px; border-radius: 10px; border: 1px solid color-mix(in srgb, var(--vn-teal) 40%, transparent); background: var(--vn-teal-wash); font-family: var(--vn-font-head); font-size: 14px; color: var(--vn-ink); }
.vn-featured-tlds .vn-chip b { color: var(--vn-teal); }
.domain-pricing .tld-filters { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: var(--vn-4); }
.domain-pricing .tld-filters a.badge { margin: 0; padding: 8px 14px; border-radius: 10px; font-family: var(--vn-font-head); font-size: 13.5px; font-weight: 600; }
.domain-pricing .tld-filters a.badge.badge-success, .domain-pricing .tld-filters a.badge.active { box-shadow: inset 0 0 0 1px var(--vn-blue); }
.domain-pricing .tld-pricing-header { border-radius: 12px 12px 0 0; overflow: hidden; background: var(--vn-navy); }
.domain-pricing .tld-pricing-header div, .domain-pricing .tld-pricing-header .tld-column, .domain-pricing .tld-pricing-header div:nth-child(odd), .domain-pricing .tld-pricing-header div:nth-child(even) { background: transparent !important; color: #fff; border: 0 !important; padding-block: 6px; font-family: var(--vn-font-head); font-size: 12.5px; font-weight: 600; letter-spacing: .04em; }
.domain-pricing .tld-pricing-header i { margin-right: 4px; color: var(--vn-lime); }
.domain-pricing .tld-row { align-items: center; padding-block: 8px; font-family: var(--vn-font-head); font-size: 15px; font-weight: 600; border-inline: 1px solid var(--vn-line); }
.domain-pricing .tld-row:nth-child(even) { background: var(--vn-bg); }
.domain-pricing .tld-row .two-row-center { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; }
.domain-pricing .vn-tldad { min-width: 86px; padding: 6px 12px; border-radius: 9px; background: var(--vn-blue-wash); color: var(--vn-blue); font-family: var(--vn-font-head); font-size: 16px; font-weight: 700; text-align: center; }
.domain-pricing .tld-row:nth-child(3n) .vn-tldad { background: var(--vn-teal-wash); color: var(--vn-teal); }
.domain-pricing .tld-row:nth-child(3n+1) .vn-tldad { background: color-mix(in srgb, var(--vn-lime-ink) 12%, transparent); color: var(--vn-lime-ink); }
.vn-tldsor { display: inline-flex; align-items: center; gap: 6px; min-height: 32px; padding: 0 12px; border: 1px solid var(--vn-line-strong); border-radius: 8px; background: var(--vn-surface); color: var(--vn-ink); font-family: var(--vn-font-head); font-size: 13px; font-weight: 600; cursor: pointer; transition: border-color var(--vn-ease), background var(--vn-ease), color var(--vn-ease); }
.vn-tldsor i { font-size: 11px; color: var(--vn-blue); }
.vn-tldsor:hover { border-color: var(--vn-blue); background: var(--vn-blue); color: #fff; }
.vn-tldsor:hover i { color: #fff; }
.domain-pricing .tld-row small { display: block; font-weight: 400; }
@media (max-width: 767px) { .domain-pricing .tld-row .two-row-center { padding-bottom: 6px; } }
/* Toplu ödeme: durum etiketi düğme; üzerine gelince yapılacak işlemi yazar */
button.vn-topluode__durum { border: 1px solid transparent; cursor: pointer; transition: background var(--vn-ease), border-color var(--vn-ease), color var(--vn-ease); }
.vn-topluode__d2 { display: none; }
button.vn-topluode__durum:hover .vn-topluode__d1, button.vn-topluode__durum:focus-visible .vn-topluode__d1 { display: none; }
button.vn-topluode__durum:hover .vn-topluode__d2, button.vn-topluode__durum:focus-visible .vn-topluode__d2 { display: inline; }
.vn-topluode__fatura:not(.is-disarida) button.vn-topluode__durum:hover { background: var(--vn-red); }
.vn-topluode__fatura.is-disarida button.vn-topluode__durum { border-color: var(--vn-line-strong); }
.vn-topluode__fatura.is-disarida button.vn-topluode__durum:hover { background: var(--vn-blue); border-color: var(--vn-blue); color: #fff; }
/* Menü daraltma düğmesi menünün sağ üst köşesinde, küçük ikon düğmesi olarak durur */
@media (min-width: 992px) {
  .vn-side__dar { position: absolute; top: 8px; right: 8px; width: 28px; height: 28px; margin: 0; padding: 0; justify-content: center; gap: 0; border-radius: 8px; background: var(--vn-surface); z-index: 2; }
  .vn-side__dar span { display: none; }
  .vn-side__dar i { width: auto; font-size: 13px; }
  .vn-side__logo { padding-right: 30px; }
  html[data-vn-menu="dar"] .vn-side { padding-top: 46px; }
  html[data-vn-menu="dar"] .vn-side__dar { right: 50%; transform: translateX(50%); }
  html[data-vn-menu="dar"] .vn-side__dar i { transform: rotate(180deg); }
  html[data-vn-menu="dar"] .vn-side__logo { padding-right: 0; }
}

/* ---------- Ödeme sayfasına yönlendirme ---------- */
.vn-yonlen { max-width: 640px; margin: var(--vn-5) auto; padding: clamp(22px, 4vw, 40px); display: grid; justify-items: center; gap: 12px; text-align: center; border: 1px solid var(--vn-line); border-top: 4px solid var(--vn-teal); border-radius: 20px; background: var(--vn-surface); box-shadow: 0 18px 48px -30px rgba(11,42,74,.45); }
.vn-yonlen__ikon { width: 68px; height: 68px; display: grid; place-items: center; border-radius: 20px; background: var(--vn-grad); color: var(--vn-lime); font-size: 26px; }
.vn .vn-yonlen h2 { margin: 6px 0 0; font-size: 24px; }
.vn .vn-yonlen > p { margin: 0; color: var(--vn-text-2); }
.vn-yonlen__cubuk { width: min(100%, 340px); height: 10px; margin: 8px 0; border-radius: 6px; background: var(--vn-line); overflow: hidden; }
.vn-yonlen__cubuk span { display: block; width: 40%; height: 100%; border-radius: 6px; background: linear-gradient(90deg, var(--vn-teal), var(--vn-lime)); animation: vn-yonlen 1.4s ease-in-out infinite; }
@keyframes vn-yonlen { 0% { transform: translateX(-100%); } 100% { transform: translateX(250%); } }
@media (prefers-reduced-motion: reduce) { .vn-yonlen__cubuk span { animation: none; width: 100%; } }
.vn-yonlen__gecit { width: 100%; display: grid; justify-items: center; gap: 10px; }
.vn-yonlen__gecit:empty { display: none; }
.vn-yonlen__gecit .alert { width: 100%; margin: 0; text-align: left; }
.vn-yonlen__gecit input[type="submit"], .vn-yonlen__gecit button[type="submit"], .vn-yonlen__gecit .btn { min-height: 48px; padding: 0 24px; border: 1px solid var(--vn-lime); border-radius: 12px; background: var(--vn-lime); color: var(--vn-navy); font-family: var(--vn-font-head); font-size: 15px; font-weight: 700; cursor: pointer; }
.vn-yonlen__guven { list-style: none; width: 100%; margin: 8px 0 0; padding: 14px 0 0; border-top: 1px dashed var(--vn-line-strong); display: grid; gap: 8px; text-align: left; font-size: 13.5px; color: var(--vn-text); }
.vn-yonlen__guven li { display: flex; align-items: flex-start; gap: 10px; }
.vn-yonlen__guven i { width: 18px; margin-top: 3px; text-align: center; color: var(--vn-teal); }
.vn-yonlen__alt { width: 100%; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 8px 10px; padding: 12px 14px; border-radius: 12px; background: var(--vn-bg); font-size: 13.5px; color: var(--vn-text-2); }

/* Ana sayfa bandındaki kredi kutusu: tıklanabildiği belli olsun */
.vn-page-head__bakiye { position: relative; cursor: pointer; transition: background var(--vn-ease), border-color var(--vn-ease), transform var(--vn-ease), box-shadow var(--vn-ease); }
.vn-page-head__yukle { display: inline-flex; align-items: center; gap: 6px; margin-left: 6px; padding: 5px 10px; border-radius: 8px; background: var(--vn-lime); color: var(--vn-navy); font-style: normal; font-family: var(--vn-font-head); font-size: 12.5px; font-weight: 700; white-space: nowrap; }
.vn-page-head__yukle i { font-size: 10px; }
a.vn-page-head__bakiye:hover, a.vn-page-head__bakiye:focus-visible { background: rgba(255,255,255,.2); border-color: var(--vn-lime); transform: translateY(-2px); box-shadow: 0 10px 24px rgba(0,0,0,.22); text-decoration: none; }
a.vn-page-head__bakiye:hover .vn-page-head__yukle { filter: brightness(1.08); }
/* Üst bardaki kredi düğmesi de aynı */
a.vn-bakiye { transition: border-color var(--vn-ease), transform var(--vn-ease), box-shadow var(--vn-ease); }
a.vn-bakiye:hover { border-color: var(--vn-teal); transform: translateY(-1px); box-shadow: 0 6px 14px rgba(11,42,74,.12); text-decoration: none; }

/* Fatura üstündeki açılır bölümler: ne olduğu ve tıklanabildiği belli */
.vn-vazgec > summary { gap: 14px; padding: 14px 16px; color: var(--vn-ink); transition: background var(--vn-ease); border-radius: 14px; }
.vn-vazgec > summary:hover { background: var(--vn-bg); }
.vn-vazgec > summary::after { content: none; }
.vn-vazgec__soru { flex: 0 0 auto; width: 44px; height: 44px; display: grid; place-items: center; border-radius: 12px; background: var(--vn-teal-wash); font-size: 17px; }
.vn-vazgec__bas { flex: 1 1 240px; display: grid; gap: 2px; min-width: 0; }
.vn-vazgec__bas strong { font-family: var(--vn-font-head); font-size: 16px; font-weight: 600; color: var(--vn-ink); }
.vn-vazgec__bas small { font-family: var(--vn-font-body); font-size: 13.5px; font-weight: 400; line-height: 1.45; color: var(--vn-text-2); }
.vn-vazgec__ac { flex: 0 0 auto; display: inline-flex; align-items: center; gap: 8px; min-height: 40px; padding: 0 16px; border: 1px solid var(--vn-blue); border-radius: 10px; background: var(--vn-blue-wash); color: var(--vn-blue); font-family: var(--vn-font-head); font-size: 14px; font-weight: 600; white-space: nowrap; transition: background var(--vn-ease), color var(--vn-ease); }
.vn-vazgec > summary .vn-vazgec__ac i { color: inherit; font-size: 11px; transition: transform var(--vn-ease); }
.vn-vazgec > summary:hover .vn-vazgec__ac { background: var(--vn-blue); color: #fff; }
.vn-vazgec__ac span:nth-child(2) { display: none; }
.vn-vazgec[open] .vn-vazgec__ac span:nth-child(1) { display: none; }
.vn-vazgec[open] .vn-vazgec__ac span:nth-child(2) { display: inline; }
.vn-vazgec[open] .vn-vazgec__ac i { transform: rotate(180deg); }
.vn-vazgec[open] > summary { border-radius: 14px 14px 0 0; }
.vn-bol { border-left: 4px solid var(--vn-blue); }
.vn-bol .vn-vazgec__soru { background: var(--vn-blue-wash); }
.vn-bol > summary .vn-vazgec__soru i { color: var(--vn-blue); }
.vn-bol .vn-vazgec__ac { border-color: var(--vn-lime); background: var(--vn-lime); color: var(--vn-navy); }
.vn-bol > summary:hover .vn-vazgec__ac { background: var(--vn-lime-hover); color: var(--vn-navy); }
@media (max-width: 560px) { .vn-vazgec__ac { flex: 1 1 100%; justify-content: center; } }

/* Transfer formu: iç satırın eksi kenar boşluğu kaydırma çubuğu çıkarıyordu */
body .vn-alanadi #order-standard_cart .vn-transfer .row { margin-inline: 0; }
body .vn-alanadi #order-standard_cart .vn-transfer .row > [class*="col-"] { padding-inline: 0; }
body .vn-alanadi #order-standard_cart .vn-transfer .card, body .vn-alanadi #order-standard_cart .vn-transfer .card-body, body .vn-alanadi #order-standard_cart .vn-transfer .panel-body, body .vn-alanadi #order-standard_cart .vn-transfer form { overflow: visible; }
body .vn-alanadi #order-standard_cart .vn-transfer .card-body { padding-block: 0 12px; }
body .vn-alanadi #order-standard_cart .vn-transfer label[for="inputAuthCode"] a { white-space: nowrap; }
.vn-vazgec > summary::after, .vn-vazgec[open] > summary::after { content: none !important; display: none !important; }
/* Fatura bölme: hizmet grubu satırı (aynı hizmetin kalemleri birlikte) */
.vn-bol__satir { align-items: flex-start; }
.vn-bol__satir > .vn-tur { flex: 0 0 auto; }
.vn-bol__satir > span { display: grid; gap: 3px; }
.vn-bol__satir > span strong { font-family: var(--vn-font-head); font-size: 15.5px; font-weight: 600; color: var(--vn-ink); overflow-wrap: anywhere; }
.vn-bol__satir > span small { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 2px 12px; font-size: 13px; line-height: 1.45; color: var(--vn-text-2); }
.vn-bol__satir > span small em { font-style: normal; color: var(--vn-text); white-space: nowrap; }
.vn-bol__satir > b { font-size: 16px; }
.vn-bol__kural, .vn .vn-bol__kural { display: flex; align-items: flex-start; gap: 8px; margin: 4px 0 0; font-size: 13px; color: var(--vn-text-2); }
.vn-bol__kural i { margin-top: 3px; color: var(--vn-blue); }
/* Bakiyesi sıfır olan "ödenmemiş" fatura */
.vn-fozet__borcsuz { display: inline-flex; align-items: center; gap: 8px; min-height: 46px; padding: 0 16px; border-radius: 12px; background: rgba(255,255,255,.14); border: 1px solid rgba(255,255,255,.3); color: #fff; font-family: var(--vn-font-head); font-weight: 600; }
.vn-fozet__borcsuz i { color: var(--vn-lime); }
.vn-borcsuz { max-width: 960px; margin: 0 auto var(--vn-4); display: grid; grid-template-columns: 44px minmax(0, 1fr); gap: 14px; align-items: center; padding: 14px 16px; border: 1px solid color-mix(in srgb, var(--vn-green) 45%, transparent); border-left: 4px solid var(--vn-green); border-radius: 14px; background: var(--vn-green-wash); }
.vn-borcsuz > span { width: 44px; height: 44px; display: grid; place-items: center; border-radius: 12px; background: var(--vn-surface); color: var(--vn-green); font-size: 18px; }
.vn-borcsuz div { display: grid; gap: 2px; }
.vn-borcsuz strong { font-family: var(--vn-font-head); font-size: 16px; color: var(--vn-ink); }
.vn-borcsuz small { font-size: 13.5px; line-height: 1.45; color: var(--vn-text); }
/* Fatura bölme: grupta tek kalem varsa kalem tutarı yinelenmez (sağda grup toplamı var) */
.vn-bol__satir > span small:only-of-type em { display: none; }

/* ---------- Profil resmi ---------- */
.vn-avatar--xl { width: 88px; height: 88px; border: 3px solid var(--vn-surface); box-shadow: 0 0 0 2px var(--vn-teal); } .vn-avatar--xl b { font-size: 30px; }
.vn-avatarkart { display: flex; flex-wrap: wrap; align-items: center; gap: 16px 20px; margin-bottom: var(--vn-5); padding: var(--vn-5); border: 1px solid var(--vn-line); border-left: 4px solid var(--vn-teal); border-radius: 16px; background: var(--vn-surface); scroll-margin-top: 90px; }
.vn-avatarkart__metin { flex: 1 1 260px; min-width: 0; display: grid; gap: 4px; }
.vn .vn-avatarkart h3 { margin: 0; font-size: 18px; }
.vn .vn-avatarkart p { margin: 0; font-size: 14px; line-height: 1.5; color: var(--vn-text-2); }
.vn-avatarkart__dugme { display: flex; flex-wrap: wrap; gap: 10px; }
.vn-avatarkart__dugme label.vn-btn { margin: 0; cursor: pointer; }
.vn-avatarkart.is-yukleniyor { opacity: .6; pointer-events: none; }
.vn .vn-avatarkart p.vn-avatarkart__sonuc { margin-top: 4px; padding: 8px 12px; border-radius: 10px; font-size: 13.5px; }
.vn .vn-avatarkart p.vn-avatarkart__sonuc.is-hata { background: var(--vn-red-wash); color: var(--vn-red); }
.vn .vn-avatarkart p.vn-avatarkart__sonuc.is-tamam { background: var(--vn-green-wash); color: var(--vn-ink); }
/* Genel bakış bandındaki resim: tıklanınca profil resmi kartına gider; üzerine gelince kamera imi belirir */
.vn-avatar-bag { position: relative; flex: 0 0 auto; display: inline-grid; border-radius: 50%; text-decoration: none; }
.vn-avatar-bag > i { position: absolute; right: -4px; bottom: -4px; width: 24px; height: 24px; display: grid; place-items: center; border-radius: 50%; background: var(--vn-lime); color: var(--vn-navy); font-size: 11px; border: 2px solid var(--vn-navy); transition: transform var(--vn-ease); }
.vn-avatar-bag:hover > i { transform: scale(1.15); }
.vn-avatar-bag:hover .vn-avatar { box-shadow: 0 0 0 3px rgba(141,198,63,.55); }
/* Telefon: bandın içindeki kredi kutusu satıra sığar; "Kredi yükle" etiketi sağa yaslanır, taşmaz */
.vn-page-head__bakiye { max-width: 100%; min-width: 0; }
.vn-page-head__yukle { margin-left: auto; }
@media (max-width: 600px) {
  .vn-page-head__bakiye { width: 100%; box-sizing: border-box; }
  .vn-page-head__bakiye > span { flex: 1 1 auto; min-width: 0; }
  .vn-page-head__yukle { flex: 0 0 auto; padding: 5px 8px; font-size: 12px; }
}
/* Çok dar telefon (350 px altı): üst bardaki kredi düğmesi yalnızca ikon olur; tutar genel bakış bandında zaten yazıyor */
@media (max-width: 350px) {
  .vn-top .vn-bakiye > *:not(i) { display: none; }
  .vn-top .vn-bakiye { padding-inline: 10px; }
  .vn-top__actions { gap: 4px; }
}
/* Panel gövdesi: içerik, en geniş çocuğuna göre değil ekrana göre genişler (çok dar telefonda yana taşma olmasın) */
.vn-main { grid-template-columns: minmax(0, 1fr); }
.vn-main > * { min-width: 0; }
@media (max-width: 420px) {
  .vn-account-form__cols { grid-template-columns: minmax(0, 1fr); }
  .vn-account-form .vn-card, .vn-account-form .vn-stack { min-width: 0; }
  .vn-seg--wide { flex-wrap: wrap; }
}
/* Panel iskeleti: sütunlar içeriğin en geniş öğesine göre değil ekrana göre boyutlanır (320 px'te yana taşma olmasın) */
@media (max-width: 991px) { .vn-app { grid-template-columns: minmax(0, 1fr); } }
.vn-app__body { min-width: 0; }
.vn-stack { grid-template-columns: minmax(0, 1fr); }
.vn-account-form, .vn-account-form__cols > * { min-width: 0; }

/* ---------- Yapılandırma: seçilen paket kutusu ---------- */
body .vn-yapilandir #order-standard_cart .product-info { padding: 20px 22px; border-left: 5px solid var(--vn-teal); }
body .vn-yapilandir #order-standard_cart .product-info::before { content: none; }
.vn-urunoz__ust { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; margin-bottom: 10px; }
.vn-urunoz__etiket { display: inline-flex; align-items: center; gap: 6px; font-family: var(--vn-font-head); font-size: 13px; font-weight: 600; color: var(--vn-teal); }
.vn-urunoz__grup { padding: 3px 10px; border: 1px solid var(--vn-line); border-radius: 6px; background: var(--vn-bg); font-size: 12.5px; color: var(--vn-text-2); }
.vn-urunoz__degis, body #order-standard_cart a.vn-urunoz__degis { margin-left: auto; font-family: var(--vn-font-head); font-size: 13px; font-weight: 600; color: var(--vn-blue); text-decoration: none; }
.vn-urunoz__degis:hover { text-decoration: underline; }
body .vn-yapilandir #order-standard_cart .product-info .product-title { margin: 0 0 14px; font-size: 24px; font-weight: 700; }
.vn-urunoz { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); }
.vn-urunoz li { display: flex; align-items: center; gap: 10px; padding: 9px 12px; border: 1px solid var(--vn-line); border-radius: 10px; background: var(--vn-bg); font-size: 14px; color: var(--vn-ink); }
.vn-urunoz li i { flex: 0 0 auto; width: 30px; height: 30px; display: grid; place-items: center; border-radius: 8px; background: var(--vn-teal-wash); color: var(--vn-teal); font-size: 13px; }
.vn-urunoz li:nth-child(3n+2) i { background: var(--vn-blue-wash); color: var(--vn-blue); }
.vn-urunoz li:nth-child(3n) i { background: color-mix(in srgb, var(--vn-lime-ink) 13%, transparent); color: var(--vn-lime-ink); }
/* Özellik listesi: son satır sarkmaz, kutular satırı doldurur */
.vn-urunoz { display: flex; flex-wrap: wrap; }
.vn-urunoz li { flex: 1 1 200px; min-width: 0; }

/* ---------- Ödeme dönemi kartları (dolu görünüm) ---------- */
body .vn-yapilandir #order-standard_cart label[for="inputBillingcycle"] { display: flex; align-items: center; gap: 10px; font-family: var(--vn-font-head); font-size: 17px; font-weight: 600; color: var(--vn-ink); }
body .vn-yapilandir #order-standard_cart label[for="inputBillingcycle"]::before { content: "\f073"; width: 34px; height: 34px; display: grid; place-items: center; border-radius: 10px; background: var(--vn-grad); color: #fff; font-family: "Font Awesome 6 Pro", "Font Awesome 5 Pro", "Font Awesome 5 Free"; font-weight: 900; font-size: 14px; }
.vn-donem__not, .vn .vn-donem__not { margin: 2px 0 12px; font-size: 13.5px; color: var(--vn-text-2); }
.vn-donem__not i { margin-right: 4px; color: var(--vn-blue); }
.vn-donem { align-items: stretch; gap: 12px; }
.vn-donem__kart { flex: 1 1 150px; display: flex; flex-direction: column; gap: 4px; padding: 16px 14px 0; overflow: hidden; }
.vn-donem__ust { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 8px; margin-bottom: 4px; }
.vn-donem__isaret { flex: 0 0 auto; width: 20px; height: 20px; display: grid; place-items: center; border: 2px solid var(--vn-line-strong); border-radius: 50%; background: var(--vn-surface); }
.vn-donem__isaret i { font-size: 9px; color: transparent; }
.vn-donem__kart.is-on .vn-donem__isaret { border-color: var(--vn-blue); background: var(--vn-blue); }
.vn-donem__kart.is-on .vn-donem__isaret i { color: #fff; }
.vn-donem__ad { font-family: var(--vn-font-head); font-size: 15px; font-weight: 700; color: var(--vn-ink); }
.vn-donem__ust em { padding: 2px 8px; border-radius: 6px; background: var(--vn-lime); color: var(--vn-navy); font-style: normal; font-size: 12px; font-weight: 700; }
.vn-donem__kart strong { font-size: 22px; letter-spacing: -0.01em; }
.vn-donem__aylik { font-size: 13px; color: var(--vn-text-2); }
.vn-donem__kazanc { display: flex; align-items: flex-start; gap: 6px; margin-top: 2px; font-size: 12.5px; line-height: 1.4; font-weight: 600; color: var(--vn-lime-ink); }
.vn-donem__kazanc i { margin-top: 2px; }
.vn-donem__alt { display: grid; gap: 4px; margin: auto -14px 0; padding: 10px 14px 12px; border-top: 1px dashed var(--vn-line-strong); background: var(--vn-bg); font-size: 12px; line-height: 1.35; color: var(--vn-text-2); }
.vn-donem__kart { padding-bottom: 0; }
.vn-donem__kart > s { margin-top: -2px; }
.vn-donem__alt i { width: 14px; margin-right: 4px; text-align: center; color: var(--vn-blue); }
.vn-donem__kart.is-on .vn-donem__alt { background: color-mix(in srgb, var(--vn-blue) 10%, var(--vn-surface)); border-top-color: color-mix(in srgb, var(--vn-blue) 35%, transparent); }
.vn-donem__kart:not(:has(.vn-donem__alt)) { padding-bottom: 14px; }
.vn-donem__kart.is-eniyi { border-color: color-mix(in srgb, var(--vn-lime-ink) 55%, transparent); }
.vn-donem__eniyi { align-self: flex-start; display: inline-flex; align-items: center; gap: 5px; margin: -16px 0 8px -14px; padding: 4px 10px; border-radius: 0 0 10px 0; background: var(--vn-lime); color: var(--vn-navy); font-family: var(--vn-font-head); font-size: 11.5px; font-weight: 700; }
.vn-donem__eniyi i { font-size: 10px; }
[data-vn-tema="dark"] .vn-donem__kazanc { color: var(--vn-lime); }
/* "En avantajlı" etiketi kartın köşesinde durur; bütün kartların içeriği aynı hizadan başlar */
.vn-donem__kart { position: relative; padding-top: 30px; }
.vn-donem__eniyi { position: absolute; top: 0; left: 0; margin: 0; border-radius: 12px 0 10px 0; }
/* Yapılandırma ekranı, dar ekran: sipariş özeti ve "Devam et" tam genişlikte (ortada dar bir kutu kalmasın) */
@media (max-width: 991px) {
  body .vn-siparis #order-standard_cart .secondary-cart-sidebar, body .vn-siparis #order-standard_cart .secondary-cart-body { width: 100%; max-width: none; float: none; flex: 0 0 100%; }
  body .vn-siparis #order-standard_cart #scrollingPanelContainer, body .vn-siparis #order-standard_cart #orderSummary { width: 100% !important; max-width: none; position: static !important; }
}

/* ---------- Sipariş özeti (yapılandırma ekranı) ---------- */
.vn-ozet { display: grid; gap: 12px; }
.vn-ozet__urun { display: grid; grid-template-columns: 42px minmax(0, 1fr) auto; gap: 12px; align-items: center; padding-bottom: 12px; border-bottom: 1px solid var(--vn-line); }
.vn-ozet__ikon { width: 42px; height: 42px; display: grid; place-items: center; border-radius: 12px; background: var(--vn-teal-wash); color: var(--vn-teal); font-size: 17px; }
.vn-ozet__urun > span:nth-child(2) { display: grid; gap: 1px; min-width: 0; }
body #order-standard_cart .vn-ozet .product-name { margin: 0; font-family: var(--vn-font-head); font-size: 17px; font-weight: 700; color: var(--vn-ink); }
body #order-standard_cart .vn-ozet .product-group { margin: 0; font-style: normal; font-size: 12.5px; color: var(--vn-text-2); }
.vn-ozet__taban { font-family: var(--vn-font-head); font-size: 15px; color: var(--vn-ink); white-space: nowrap; }
.vn-ozet__baslik, .vn .vn-ozet__baslik { margin: 0; font-family: var(--vn-font-mono); font-size: 11px; letter-spacing: .08em; text-transform: uppercase; color: var(--vn-text-2); }
.vn-ozet__liste { list-style: none; margin: 0; padding: 0; display: grid; gap: 6px; }
.vn-ozet__liste li { display: grid; grid-template-columns: 28px minmax(0, 1fr) auto; gap: 10px; align-items: center; padding: 7px 8px; border-radius: 9px; background: var(--vn-bg); }
.vn-ozet__liste li > i { width: 28px; height: 28px; display: grid; place-items: center; border-radius: 8px; background: var(--vn-surface); color: var(--vn-blue); font-size: 12px; border: 1px solid var(--vn-line); }
.vn-ozet__liste li > span { display: grid; gap: 0; min-width: 0; font-size: 13px; font-weight: 600; line-height: 1.3; color: var(--vn-ink); overflow-wrap: anywhere; }
.vn-ozet__liste li > span small { font-size: 11.5px; font-weight: 400; color: var(--vn-text-2); }
.vn-ozet__liste li > b { font-family: var(--vn-font-head); font-size: 13px; color: var(--vn-ink); white-space: nowrap; text-align: right; }
.vn-ozet__liste li > b small { display: block; font-weight: 400; font-size: 11px; color: var(--vn-text-2); }
.vn-ozet__dahil { display: inline-block; padding: 2px 8px; border-radius: 6px; background: var(--vn-green-wash); color: var(--vn-green); font-style: normal; font-family: var(--vn-font-head); font-size: 11.5px; font-weight: 700; white-space: nowrap; }
body #order-standard_cart .vn-ozet__toplamlar { margin: 0; padding-top: 10px; border-top: 1px dashed var(--vn-line-strong); }
body #order-standard_cart .vn-ozet__toplamlar small { font-size: 11.5px; color: var(--vn-text-3); }
.vn-ozet__guven { list-style: none; margin: 10px 0 0; padding: 10px 0 0; border-top: 1px solid var(--vn-line); display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 6px 12px; font-size: 12px; color: var(--vn-text-2); }
.vn-ozet__guven i { margin-right: 4px; color: var(--vn-teal); }

/* ---------- Yapılandırma: sunucu ayarları ve seçenekler ---------- */
body .vn-yapilandir #order-standard_cart .sub-heading { display: flex; align-items: center; border: 1px solid var(--vn-line); border-radius: 14px; padding: 10px 14px; margin: var(--vn-6) 0 var(--vn-3); background: var(--vn-surface); }
body .vn-yapilandir #order-standard_cart .sub-heading > span { display: flex; align-items: center; gap: 12px; }
body .vn-yapilandir #order-standard_cart .sub-heading > span::before { content: none; }
.vn-bolumikon { width: 36px; height: 36px; display: grid !important; place-items: center; border-radius: 10px; background: var(--vn-grad); color: #fff; font-size: 15px; }
body .vn-yapilandir #order-standard_cart .field-container label, body .vn-yapilandir #order-standard_cart .vn-secenek > label { display: flex; align-items: center; gap: 8px; font-size: 14px; font-weight: 600; color: var(--vn-ink); }
.vn-alanikon { flex: 0 0 auto; width: 26px; height: 26px; display: grid !important; place-items: center; border-radius: 7px; background: var(--vn-blue-wash); color: var(--vn-blue); font-size: 12px; }
.vn-alanacik { display: block; margin-top: 6px; font-size: 12.5px; line-height: 1.45; color: var(--vn-text-2); }
.vn-sifrearac { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 8px; }
.vn-sifrearac .vn-btn { min-height: 34px; }
body .vn-yapilandir #order-standard_cart #productConfigurableOptions .row { row-gap: 12px; }
body .vn-yapilandir #order-standard_cart #productConfigurableOptions .vn-tam { flex: 0 0 100%; max-width: 100%; }
.vn-secenek { height: 100%; margin: 0 !important; padding: 12px 14px; border: 1px solid var(--vn-line); border-radius: 12px; background: var(--vn-surface); transition: border-color var(--vn-ease), box-shadow var(--vn-ease); }
.vn-secenek.is-degisti { border-color: var(--vn-blue); box-shadow: inset 3px 0 0 var(--vn-blue); }
.vn-secenek select.form-control { margin-top: 2px; }
.vn-secenek__durum { display: inline-flex; align-items: center; gap: 5px; margin-top: 8px; font-family: var(--vn-font-head); font-size: 12px; font-weight: 600; }
.vn-secenek__durum.is-dahil { color: var(--vn-green); }
.vn-secenek__durum.is-ucretli { color: var(--vn-blue); }
[data-vn-tema="dark"] .vn-secenek__durum.is-dahil { color: var(--vn-lime); }
body .vn-yapilandir #order-standard_cart .field-container { padding: 16px; border: 1px solid var(--vn-line); border-radius: 14px; background: var(--vn-surface); }
/* Dönem kartları dar sütunda 2 × 2 dizilir; uzun tutar kartın dışına taşmaz */
.vn-donem__kart { flex: 1 1 190px; }
.vn-donem__kart strong { font-size: 20px; white-space: normal; overflow-wrap: anywhere; }
.vn-ozet__urun .product-name { overflow-wrap: anywhere; }
/* Dönem kartları: satır hiçbir zaman sarkmaz (4 kart: 4'lü ya da 2 × 2; 3 kart: 3'lü; 6 kart: 3 × 2) */
body .vn-yapilandir #order-standard_cart .form-group:has(> .vn-donem) { container-type: inline-size; }
.vn-donem { display: grid; gap: 12px; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.vn-donem__kart { flex: none; min-width: 0; }
.vn-donem:has(> :nth-child(3):last-child) { grid-template-columns: repeat(3, minmax(0, 1fr)); }
@container (min-width: 760px) {
  .vn-donem:has(> :nth-child(4):last-child) { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .vn-donem:has(> :nth-child(6):last-child), .vn-donem:has(> :nth-child(5):last-child) { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@container (max-width: 440px) { .vn-donem, .vn-donem:has(> :nth-child(3):last-child) { grid-template-columns: minmax(0, 1fr); } }
/* Telefon, misafir görünümü: üst şeritte telefon + dil + para birimi sığsın */
@media (max-width: 420px) {
  .vn-util .vn-container { gap: 8px; }
  .vn-util .vn-gecis a { padding-inline: 7px; }
  .vn-util__contact a { font-size: 12px; }
}
/* Yapılandırma: sayfanın altındaki "Devam et" şeridi */
.vn-altdevam { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px 16px; margin-top: var(--vn-5); padding: 16px 18px; border: 1px solid var(--vn-line); border-left: 4px solid var(--vn-lime); border-radius: 14px; background: var(--vn-surface); }
.vn-altdevam div { display: grid; gap: 1px; }
.vn-altdevam small { font-size: 12.5px; color: var(--vn-text-2); }
.vn-altdevam b { font-family: var(--vn-font-head); font-size: 24px; font-weight: 700; color: var(--vn-ink); white-space: nowrap; }
.vn-altdevam .vn-btn { min-height: 50px; min-width: 200px; font-size: 16px; }
@media (max-width: 520px) { .vn-altdevam .vn-btn { flex: 1 1 100%; } }
/* Eksik zorunlu alan */
body #order-standard_cart .form-control.vn-eksik { border-color: var(--vn-red); box-shadow: 0 0 0 3px color-mix(in srgb, var(--vn-red) 18%, transparent); }
/* Telefon: seçenek kartları arasında boşluk (WHMCS seçenekleri ikişerli satırlara böler) */
body .vn-yapilandir #order-standard_cart #productConfigurableOptions .row + .row { margin-top: 12px; }
/* "Dahil" etiketi açık temada okunaklı */
.vn-ozet__dahil { color: color-mix(in srgb, var(--vn-green) 78%, var(--vn-ink)); }
[data-vn-tema="dark"] .vn-ozet__dahil { color: var(--vn-lime); }
/* Sepet: alan adını değiştir */
.vn-alandegis { display: inline-flex; align-items: center; gap: 5px; margin-left: 8px; padding: 2px 8px; border: 1px solid var(--vn-line-strong); border-radius: 6px; background: var(--vn-surface); color: var(--vn-blue); font-family: var(--vn-font-head); font-size: 12px; font-weight: 600; cursor: pointer; }
.vn-alandegis:hover { border-color: var(--vn-blue); background: var(--vn-blue-wash); }
.vn-alandegis i { font-size: 10px; }
.vn-alanform { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: 8px; max-width: 460px; }
.vn-alanform input { flex: 1 1 200px; min-height: 38px !important; }
.vn-alanform small { flex: 1 1 100%; font-size: 12.5px; color: var(--vn-red); }
.vn-alanform.is-yukleniyor { opacity: .6; pointer-events: none; }
/* Sepet, dar ekran: sipariş özeti tam genişlikte */
@media (max-width: 991px) {
  body .vn-sepet #order-standard_cart .secondary-cart-sidebar, body .vn-sepet #order-standard_cart .secondary-cart-body { width: 100%; max-width: none; float: none; flex: 0 0 100%; }
  body .vn-sepet #order-standard_cart #scrollingPanelContainer, body .vn-sepet #order-standard_cart .order-summary { width: 100% !important; max-width: none; position: static !important; }
}

/* ---------- Sepet sayfası: sipariş özeti ---------- */
.vn-sozet { display: grid; gap: 10px; margin-bottom: 12px; padding-bottom: 12px; border-bottom: 1px solid var(--vn-line); }
.vn-sozet__sayi, .vn .vn-sozet__sayi { margin: 0; font-size: 13px; color: var(--vn-text-2); }
.vn-sozet__sayi i { margin-right: 4px; color: var(--vn-teal); }
.vn-sozet__sayi b { font-family: var(--vn-font-head); color: var(--vn-ink); }
.vn-sozet__liste { list-style: none; margin: 0; padding: 0; display: grid; gap: 6px; }
.vn-sozet__liste li { display: flex; justify-content: space-between; align-items: flex-start; gap: 10px; padding: 8px 10px; border-radius: 9px; background: var(--vn-bg); }
.vn-sozet__liste li > span { display: grid; gap: 1px; min-width: 0; }
.vn-sozet__liste strong { font-family: var(--vn-font-head); font-size: 14px; font-weight: 600; color: var(--vn-ink); }
.vn-sozet__liste small { font-size: 12px; color: var(--vn-text-2); overflow-wrap: anywhere; }
.vn-sozet__liste li > b { display: grid; justify-items: end; font-family: var(--vn-font-head); font-size: 13.5px; color: var(--vn-ink); white-space: nowrap; }
.vn-sozet__liste li > b small { font-weight: 400; }
body .vn-sepet #order-standard_cart .order-summary .recurring-totals { font-size: 13px; color: var(--vn-text-2); }
body .vn-sepet #order-standard_cart .order-summary .recurring-totals .cost { font-family: var(--vn-font-head); font-style: normal; font-weight: 600; color: var(--vn-ink); }
body .vn-sepet #order-standard_cart .order-summary .recurring-charges { font-style: normal; font-family: var(--vn-font-body); }
.vn-sozet__kazanc, .vn .vn-sozet__kazanc { margin: 8px 0; padding: 8px 10px; border-radius: 9px; background: color-mix(in srgb, var(--vn-lime) 16%, var(--vn-surface)); font-size: 13px; color: var(--vn-ink); }
.vn-sozet__kazanc i { margin-right: 4px; color: var(--vn-lime-ink); }
.vn-sozet__guven { list-style: none; margin: 10px 0 0; padding: 10px 0 0; border-top: 1px solid var(--vn-line); display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 6px 12px; font-size: 12px; color: var(--vn-text-2); }
.vn-sozet__guven i { margin-right: 4px; color: var(--vn-teal); }
[data-vn-tema="dark"] .vn-sozet__kazanc i { color: var(--vn-lime); }

/* ---------- Genel bakış: son destek talepleri (kaydırmasız) ---------- */
.vn-home__panels .card .list-group, .vn-home__panels .card .card-body { max-height: none !important; overflow: visible !important; }
.vn-sontalep { display: grid; gap: 12px; padding: var(--vn-5); border: 1px solid var(--vn-line); border-top: 4px solid var(--vn-teal); border-radius: 16px; background: var(--vn-surface); }
.vn-sontalep__bas { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; }
.vn-sontalep__ikon { flex: 0 0 auto; width: 40px; height: 40px; display: grid; place-items: center; border-radius: 11px; background: var(--vn-teal-wash); color: var(--vn-teal); font-size: 16px; }
.vn .vn-sontalep h3 { flex: 1 1 200px; margin: 0; font-size: 18px; }
.vn-sontalep__liste { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.vn-sontalep__liste a, .vn .vn-sontalep__liste a { display: grid; grid-template-columns: 34px minmax(0, 1fr) auto; gap: 12px; align-items: center; padding: 10px 12px; border: 1px solid var(--vn-line); border-radius: 12px; background: var(--vn-bg); color: var(--vn-ink); text-decoration: none; transition: border-color var(--vn-ease), background var(--vn-ease); }
.vn-sontalep__liste a:hover { border-color: var(--vn-blue); background: var(--vn-blue-wash); }
.vn-sontalep__liste a > i:first-child { width: 34px; height: 34px; display: grid; place-items: center; border-radius: 9px; background: var(--vn-surface); border: 1px solid var(--vn-line); color: var(--vn-blue); font-size: 14px; }
.vn-sontalep__liste a > i:last-child { font-size: 11px; color: var(--vn-text-3); }
.vn-sontalep__liste a > span { min-width: 0; font-family: var(--vn-font-head); font-size: 14.5px; font-weight: 600; line-height: 1.35; overflow-wrap: anywhere; }
.vn-sontalep__liste a > span br { display: none; }
.vn-sontalep__liste a > span small { display: block; margin-top: 2px; font-family: var(--vn-font-body); font-size: 12.5px; font-weight: 400; color: var(--vn-text-2); }
.vn-sontalep__liste a > span .label { display: inline-block; margin-left: 6px; padding: 2px 8px; border-radius: 6px; border: 1px solid var(--vn-line-strong); background: var(--vn-surface) !important; font-family: var(--vn-font-head); font-size: 11.5px; font-weight: 600; color: var(--vn-text-2) !important; vertical-align: middle; }
.vn-sontalep__liste a > span .label[class*="closed"] { border-color: transparent; background: color-mix(in srgb, var(--vn-navy) 82%, var(--vn-surface)) !important; color: #fff !important; }
.vn-sontalep__liste a > span .label[class*="open"] { border-color: color-mix(in srgb, var(--vn-blue) 45%, transparent); background: var(--vn-blue-wash) !important; color: var(--vn-blue) !important; }
.vn-sontalep__liste a > span .label[class*="answered"] { border-color: color-mix(in srgb, var(--vn-green) 50%, transparent); background: var(--vn-green-wash) !important; color: var(--vn-green) !important; }
.vn-sontalep__liste a > span .label[class*="customer"] { border-color: color-mix(in srgb, var(--vn-amber) 55%, transparent); background: var(--vn-amber-wash) !important; color: color-mix(in srgb, var(--vn-amber) 70%, var(--vn-ink)) !important; }
[data-vn-tema="dark"] .vn-sontalep__liste a > span .label[class*="closed"] { background: color-mix(in srgb, var(--vn-text-2) 26%, var(--vn-surface)) !important; color: var(--vn-ink) !important; }
.vn-sontalep__tum { justify-self: start; }
.vn-sontalep__bos, .vn .vn-sontalep__bos { margin: 0; color: var(--vn-text-2); }

/* ---------- Genel bakış: süre uyarıları ---------- */
.vn-sureuyari { display: flex; flex-wrap: wrap; align-items: center; gap: 14px 18px; padding: 18px 20px; border: 1px solid color-mix(in srgb, var(--vn-amber) 55%, transparent); border-left: 6px solid var(--vn-amber); border-radius: 16px; background: var(--vn-amber-wash); }
.vn-sureuyari__ikon { flex: 0 0 auto; width: 52px; height: 52px; display: grid; place-items: center; border-radius: 14px; background: var(--vn-amber); color: #fff; font-size: 22px; }
.vn-sureuyari > div { flex: 1 1 300px; min-width: 0; display: grid; gap: 4px; }
.vn .vn-sureuyari h3 { margin: 0; font-size: 18px; color: var(--vn-ink); }
.vn-sureuyari__metin, .vn .vn-sureuyari__metin p { margin: 0; font-size: 14.5px; line-height: 1.5; color: var(--vn-text); }
.vn-sureuyari__metin strong { color: var(--vn-ink); }
.vn-sureuyari .vn-btn { flex: 0 0 auto; min-height: 46px; }
.vn-sureuyari--alanadi { border-color: color-mix(in srgb, var(--vn-red) 45%, transparent); border-left-color: var(--vn-red); background: var(--vn-red-wash); }
.vn-sureuyari--alanadi .vn-sureuyari__ikon { background: var(--vn-red); }
@media (max-width: 560px) { .vn-sureuyari .vn-btn { flex: 1 1 100%; justify-content: center; } }

/* ---------- Alan adlarım: satır işlemleri ---------- */
.vn-shell #tableDomainsList td.vn-dom-islem { text-align: right; white-space: nowrap; }
.vn-shell #tableDomainsList td.vn-dom-islem .vn-btn { margin-left: 6px; }
.vn-shell #tableDomainsList td.vn-dom-islem a.vn-btn--secondary:hover { color: var(--vn-blue) !important; }
@media (max-width: 767px) {
  .vn-shell #tableDomainsList td:nth-child(7) { grid-column: 1 / -1; grid-row: 4; display: flex; gap: 8px; text-align: left; }
  .vn-shell #tableDomainsList td:nth-child(7) .vn-btn { flex: 1 1 0; justify-content: center; margin: 0; min-height: 40px; }
}

/* ---------- Alan adı ayrıntısı: genel bakış ---------- */
.vn-domozet { display: grid; gap: 12px; grid-template-columns: repeat(2, minmax(0, 1fr)); margin-bottom: var(--vn-4); }
@media (min-width: 1100px) { .vn-domozet { grid-template-columns: repeat(4, minmax(0, 1fr)); } .vn-domozet:has(> :nth-child(3):last-child) { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 480px) { .vn-domozet { grid-template-columns: minmax(0, 1fr); } }
.vn-domozet__kutu, .vn a.vn-domozet__kutu { --m: var(--vn-blue); display: grid; grid-template-columns: 46px minmax(0, 1fr); gap: 12px; align-items: center; padding: 14px; border: 1px solid var(--vn-line); border-top: 3px solid var(--m); border-radius: 14px; background: var(--vn-surface); color: var(--vn-ink); text-decoration: none; transition: border-color var(--vn-ease), transform var(--vn-ease), box-shadow var(--vn-ease); }
.vn-domozet__kutu > i { width: 46px; height: 46px; display: grid; place-items: center; border-radius: 13px; background: color-mix(in srgb, var(--m) 14%, transparent); color: var(--m); font-size: 18px; }
.vn-domozet__kutu > span { display: grid; gap: 1px; min-width: 0; }
.vn-domozet__kutu small { font-size: 12.5px; color: var(--vn-text-2); }
.vn-domozet__kutu b { font-family: var(--vn-font-head); font-size: 18px; font-weight: 700; color: var(--vn-ink); overflow-wrap: anywhere; }
.vn-domozet__kutu b .vn-small { display: block; font-family: var(--vn-font-body); font-size: 12.5px; font-weight: 500; color: var(--vn-text-2); }
.vn-domozet__kutu b .vn-small.is-soon { color: var(--vn-red); font-weight: 600; }
.vn-domozet__kutu em { font-style: normal; font-size: 12.5px; font-weight: 600; color: var(--vn-blue); }
.vn-domozet__kutu em i { font-size: 10px; }
.vn-domozet__kutu em.vn-domozet__not { color: var(--vn-text-2); font-weight: 400; }
.vn-domozet__kutu--tarih { --m: var(--vn-teal); }
.vn-domozet__kutu.is-iyi { --m: var(--vn-green); }
.vn-domozet__kutu.is-uyari { --m: var(--vn-red); }
a.vn-domozet__kutu:hover { transform: translateY(-2px); box-shadow: 0 10px 22px rgba(11,42,74,.1); text-decoration: none; }
.vn-domyenile { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 16px; margin-bottom: var(--vn-5); padding: 14px 16px; border-radius: 14px; background: var(--vn-grad); color: #fff; }
.vn-domyenile > span { flex: 0 0 auto; width: 44px; height: 44px; display: grid; place-items: center; border-radius: 12px; background: rgba(255,255,255,.14); color: var(--vn-lime); font-size: 18px; }
.vn-domyenile > div { flex: 1 1 260px; display: grid; gap: 2px; min-width: 0; }
.vn-domyenile strong { font-family: var(--vn-font-head); font-size: 16px; color: #fff; }
.vn-domyenile small { font-size: 13px; color: rgba(255,255,255,.82); }
.vn-domyenile .vn-btn { min-height: 46px; }
.vn-dombaslik, .vn .vn-dombaslik { display: flex; align-items: center; gap: 8px; margin: var(--vn-5) 0 var(--vn-3); font-family: var(--vn-font-head); font-size: 16px; font-weight: 600; color: var(--vn-ink); }
.vn-dombaslik i { color: var(--vn-teal); }
.vn-dombilgi { display: grid; gap: 10px; grid-template-columns: repeat(2, minmax(0, 1fr)); }
@media (min-width: 1100px) { .vn-dombilgi { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
@media (max-width: 480px) { .vn-dombilgi { grid-template-columns: minmax(0, 1fr); } }
.vn-dombilgi > div { display: grid; grid-template-columns: 36px minmax(0, 1fr); gap: 10px; align-items: center; padding: 10px 12px; border: 1px solid var(--vn-line); border-radius: 12px; background: var(--vn-bg); }
.vn-dombilgi > div > i { width: 36px; height: 36px; display: grid; place-items: center; border-radius: 10px; background: var(--vn-surface); border: 1px solid var(--vn-line); color: var(--vn-blue); font-size: 14px; }
.vn-dombilgi span { display: grid; gap: 1px; min-width: 0; }
.vn-dombilgi small { font-size: 12px; color: var(--vn-text-2); }
.vn-dombilgi b { font-family: var(--vn-font-head); font-size: 14.5px; font-weight: 600; color: var(--vn-ink); overflow-wrap: anywhere; }
.vn-domislem { display: grid; gap: 10px; grid-template-columns: minmax(0, 1fr); }
@media (min-width: 900px) { .vn-domislem { grid-template-columns: repeat(2, minmax(0, 1fr)); } .vn-domislem > :last-child:nth-child(odd) { grid-column: 1 / -1; } }
.vn-domislem a, .vn .vn-domislem a { --m: var(--vn-blue); display: grid; grid-template-columns: 44px minmax(0, 1fr) auto; gap: 12px; align-items: center; padding: 14px; border: 1px solid var(--vn-line); border-radius: 14px; background: var(--vn-surface); color: var(--vn-ink); text-decoration: none; transition: border-color var(--vn-ease), background var(--vn-ease), transform var(--vn-ease); }
.vn-domislem a:nth-child(3n+2) { --m: var(--vn-teal); } .vn-domislem a:nth-child(3n) { --m: var(--vn-lime-ink); }
.vn-domislem a > i:first-child { width: 44px; height: 44px; display: grid; place-items: center; border-radius: 12px; background: color-mix(in srgb, var(--m) 14%, transparent); color: var(--m); font-size: 17px; }
.vn-domislem a > i:last-child { font-size: 12px; color: var(--vn-text-3); transition: transform var(--vn-ease); }
.vn-domislem a > span { display: grid; gap: 2px; min-width: 0; }
.vn-domislem strong { font-family: var(--vn-font-head); font-size: 15.5px; font-weight: 600; }
.vn-domislem small { font-size: 13px; line-height: 1.45; color: var(--vn-text-2); }
.vn-domislem a:hover { border-color: var(--m); background: color-mix(in srgb, var(--m) 6%, var(--vn-surface)); transform: translateY(-1px); text-decoration: none; }
.vn-domislem a:hover > i:last-child { transform: translateX(3px); color: var(--m); }
.vn-dommodul { margin-top: var(--vn-4); }
.vn-dommodul .btn { min-height: 40px; padding: 0 16px; border: 1px solid var(--vn-line-strong); border-radius: 10px; background: var(--vn-surface); color: var(--vn-ink); font-family: var(--vn-font-head); font-weight: 600; }
.vn-dommodul .btn:hover { border-color: var(--vn-blue); color: var(--vn-blue); }
.vn-domozet__kutu.is-iyi, .vn a.vn-domozet__kutu.is-iyi { --m: var(--vn-green); }
.vn-domozet__kutu.is-uyari, .vn a.vn-domozet__kutu.is-uyari { --m: var(--vn-red); }
.vn-domozet__kutu.vn-domozet__kutu--tarih { --m: var(--vn-teal); }
/* Genel bakış kartları: başlık ölçüsü ve kartlar arası boşluk */
body .vn-sureuyari h3, .vn .vn-sureuyari h3 { margin: 0; font-size: 18px; line-height: 1.3; }
body .vn-sontalep h3, .vn .vn-sontalep h3 { flex: 1 1 200px; margin: 0; font-size: 18px; line-height: 1.3; }
.vn-home__panels > .vn-sureuyari, .vn-home__panels > .vn-sontalep { margin-bottom: var(--vn-4); }

/* ---------- Alan adı ayrıntısı: sekmeler (otomatik yenileme, nameserver, transfer kilidi, eklentiler) ---------- */
.vn-btn--tehlike, .vn a.vn-btn--tehlike, .vn button.vn-btn--tehlike { border: 1px solid color-mix(in srgb, var(--vn-red) 50%, transparent); background: color-mix(in srgb, var(--vn-red) 10%, var(--vn-surface)); color: var(--vn-red); }
.vn-btn--tehlike:hover, .vn button.vn-btn--tehlike:hover { background: var(--vn-red); border-color: var(--vn-red); color: #fff; }
.vn-domsekme { display: grid; gap: var(--vn-4); }
.vn-domsekme__bas { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 16px; padding-bottom: var(--vn-4); border-bottom: 1px dashed var(--vn-line-strong); }
.vn-domsekme__bas > span { flex: 0 0 auto; width: 52px; height: 52px; display: grid; place-items: center; border-radius: 14px; background: var(--vn-grad); color: #fff; font-size: 20px; }
.vn-domsekme__bas > div { flex: 1 1 280px; min-width: 0; }
.vn .vn-domsekme__bas h3 { margin: 0; font-size: 20px; }
.vn .vn-domsekme__bas p { margin: 2px 0 0; font-size: 14px; line-height: 1.5; color: var(--vn-text-2); }
.vn-domdurum { --m: var(--vn-blue); display: flex; flex-wrap: wrap; align-items: center; gap: 14px 18px; padding: 18px; border: 1px solid color-mix(in srgb, var(--m) 40%, transparent); border-left: 5px solid var(--m); border-radius: 14px; background: color-mix(in srgb, var(--m) 7%, var(--vn-surface)); }
.vn-domdurum.is-iyi { --m: var(--vn-green); } .vn-domdurum.is-uyari { --m: var(--vn-red); }
.vn-domdurum__ikon { flex: 0 0 auto; width: 52px; height: 52px; display: grid; place-items: center; border-radius: 50%; background: var(--m); color: #fff; font-size: 20px; }
.vn-domdurum > div { flex: 1 1 300px; min-width: 0; display: grid; gap: 2px; }
.vn-domdurum small { font-size: 12.5px; color: var(--vn-text-2); }
.vn-domdurum b { font-family: var(--vn-font-head); font-size: 19px; color: var(--vn-ink); }
.vn .vn-domdurum p { margin: 4px 0 0; font-size: 14px; line-height: 1.5; color: var(--vn-text); }
.vn-domdurum form { flex: 0 0 auto; margin: 0; }
.vn-domdurum .vn-btn { min-height: 46px; }
.vn-domnot { list-style: none; margin: 0; padding: 0; display: grid; gap: 6px; font-size: 13.5px; color: var(--vn-text-2); }
.vn-domnot li { display: flex; align-items: flex-start; gap: 8px; }
.vn-domnot i { margin-top: 3px; color: var(--vn-blue); }
.vn-domsecim { display: grid; gap: 10px; grid-template-columns: minmax(0, 1fr); margin-bottom: var(--vn-4); }
@media (min-width: 900px) { .vn-domsecim { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.vn-domsecim label { position: relative; margin: 0; cursor: pointer; }
.vn-domsecim input { position: absolute; opacity: 0; pointer-events: none; }
.vn-domsecim label > span { display: grid; grid-template-columns: 40px minmax(0, 1fr); gap: 12px; align-items: center; height: 100%; padding: 14px; border: 1px solid var(--vn-line-strong); border-radius: 14px; background: var(--vn-surface); transition: border-color var(--vn-ease), background var(--vn-ease); }
.vn-domsecim label > span > i { width: 40px; height: 40px; display: grid; place-items: center; border-radius: 11px; background: var(--vn-bg); color: var(--vn-text-2); font-size: 15px; }
.vn-domsecim label > span > span { display: grid; gap: 2px; }
.vn-domsecim strong { font-family: var(--vn-font-head); font-size: 15px; font-weight: 600; color: var(--vn-ink); }
.vn-domsecim small { font-size: 13px; line-height: 1.45; color: var(--vn-text-2); }
.vn-domsecim label:hover > span { border-color: var(--vn-blue); }
.vn-domsecim input:checked + span { border-color: var(--vn-blue); background: var(--vn-blue-wash); box-shadow: inset 0 0 0 1px var(--vn-blue); }
.vn-domsecim input:checked + span > i { background: var(--vn-blue); color: #fff; }
.vn-domsecim input:focus-visible + span { outline: 2px solid var(--vn-blue); outline-offset: 2px; }
.vn-domns { display: grid; gap: 12px; grid-template-columns: minmax(0, 1fr); }
@media (min-width: 900px) { .vn-domns { grid-template-columns: repeat(2, minmax(0, 1fr)); } .vn-domns > :last-child:nth-child(odd) { grid-column: 1 / -1; } }
.vn-domns--tek { grid-template-columns: minmax(0, 420px) !important; }
.vn-domns label { display: flex; align-items: center; gap: 8px; margin-bottom: 6px; font-size: 14px; font-weight: 600; color: var(--vn-ink); }
.vn-domns label em { margin-left: auto; font-style: normal; font-size: 11.5px; font-weight: 600; color: var(--vn-teal); }
.vn-domns__no { width: 24px; height: 24px; display: grid; place-items: center; border-radius: 7px; background: var(--vn-blue-wash); color: var(--vn-blue); font-family: var(--vn-font-head); font-size: 12px; font-weight: 700; }
.vn-domns .form-control { min-height: 46px; border: 1px solid var(--vn-line-strong); border-radius: var(--vn-r); font-family: var(--vn-font-mono); font-size: 14px; }
.vn-domns .form-control:disabled { background: var(--vn-bg); color: var(--vn-text-3); }
.vn-domsekme__alt { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 16px; margin-top: var(--vn-4); padding-top: var(--vn-4); border-top: 1px dashed var(--vn-line-strong); }
.vn-domsekme__alt .vn-btn { min-height: 48px; }
.vn-domsekme__alt small { font-size: 13px; color: var(--vn-text-2); }
.vn-domsekme__alt small i { margin-right: 4px; color: var(--vn-blue); }
.vn-domek { display: grid; gap: 10px; }
.vn-domek__kart { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 16px; padding: 14px 16px; border: 1px solid var(--vn-line); border-radius: 14px; background: var(--vn-surface); }
.vn-domek__kart.is-acik { border-left: 4px solid var(--vn-green); }
.vn-domek__kart > i { flex: 0 0 auto; width: 46px; height: 46px; display: grid; place-items: center; border-radius: 13px; background: var(--vn-blue-wash); color: var(--vn-blue); font-size: 18px; }
.vn-domek__kart > div { flex: 1 1 280px; min-width: 0; display: grid; gap: 2px; }
.vn-domek__kart strong { font-family: var(--vn-font-head); font-size: 15.5px; color: var(--vn-ink); }
.vn-domek__kart strong em { margin-left: 6px; padding: 2px 8px; border-radius: 6px; background: var(--vn-green-wash); color: var(--vn-green); font-style: normal; font-size: 11.5px; }
.vn-domek__kart small { font-size: 13px; line-height: 1.45; color: var(--vn-text-2); }
.vn-domek__kart form { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; }
.vn-domek__bos, .vn .vn-domek__bos { margin: 0; padding: 16px; border: 1px dashed var(--vn-line-strong); border-radius: 12px; text-align: center; color: var(--vn-text-2); }
/* Modül düğmesi (child host yönetimi): yazı ortalı, ikonlu */
.vn-dommodul .btn, .vn-dommodul a.btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 44px; padding: 0 18px; line-height: 1.2; text-decoration: none; }
.vn-dommodul .btn::before { content: "\f0e8"; font-family: "Font Awesome 6 Pro", "Font Awesome 5 Pro", "Font Awesome 5 Free"; font-weight: 900; font-size: 13px; color: var(--vn-blue); }

/* ---------- Hizmet ayrıntısı: işlemler üstte, nameserver kutusu, cPanel modülü çıktısı ---------- */
body.vn-shell[data-vn-tpl="clientareaproductdetails"] .vn-context [menuitemname="Service Details Actions"] { display: none !important; }
.vn-svcgiris { margin-top: var(--vn-4); padding: 14px 16px; border: 1px solid var(--vn-line); border-left: 4px solid var(--vn-blue); border-radius: 14px; background: var(--vn-surface); }
.vn-svcgiris__bas, .vn .vn-svcgiris__bas { margin: 0 0 10px; font-family: var(--vn-font-head); font-size: 14px; font-weight: 600; color: var(--vn-ink); }
.vn-svcgiris__bas i { margin-right: 6px; color: var(--vn-blue); }
.vn-svcgiris__liste { display: flex; flex-wrap: wrap; gap: 10px; }
.vn-svcgiris__liste a, .vn .vn-svcgiris__liste a { flex: 1 1 180px; display: flex; align-items: center; justify-content: center; gap: 8px; min-height: 46px; padding: 0 16px; border: 1px solid var(--vn-line-strong); border-radius: 12px; background: var(--vn-surface); color: var(--vn-ink); font-family: var(--vn-font-head); font-size: 14.5px; font-weight: 600; text-decoration: none; transition: border-color var(--vn-ease), background var(--vn-ease), color var(--vn-ease), transform var(--vn-ease); }
.vn-svcgiris__liste a:hover { border-color: var(--vn-blue); color: var(--vn-blue); transform: translateY(-1px); text-decoration: none; }
.vn-svcgiris__liste a.is-giris { border-color: var(--vn-blue); background: var(--vn-blue); color: #fff; }
.vn-svcgiris__liste a.is-giris:hover { filter: brightness(1.08); color: #fff; }
.vn-svcgiris__liste a.is-iptal { flex: 0 1 auto; border-color: color-mix(in srgb, var(--vn-red) 45%, transparent); color: var(--vn-red); }
.vn-svcgiris__liste a.is-iptal:hover { background: var(--vn-red); border-color: var(--vn-red); color: #fff; }
.vn-svcns { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 16px; margin-top: var(--vn-4); padding: 14px 16px; border: 1px solid var(--vn-line); border-left: 4px solid var(--vn-teal); border-radius: 14px; background: var(--vn-surface); }
.vn-svcns__ikon { flex: 0 0 auto; width: 44px; height: 44px; display: grid; place-items: center; border-radius: 12px; background: var(--vn-teal-wash); color: var(--vn-teal); font-size: 17px; }
.vn-svcns__metin { flex: 1 1 260px; min-width: 0; display: grid; gap: 2px; }
.vn-svcns__metin strong { font-family: var(--vn-font-head); font-size: 15.5px; color: var(--vn-ink); }
.vn-svcns__metin small { font-size: 13px; line-height: 1.45; color: var(--vn-text-2); }
.vn-svcns ul { flex: 1 1 320px; list-style: none; margin: 0; padding: 0; display: grid; gap: 6px; }
.vn-svcns li { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 6px 6px 6px 12px; border: 1px solid var(--vn-line); border-radius: 10px; background: var(--vn-bg); }
.vn-svcns li b { font-family: var(--vn-font-mono); font-size: 14px; font-weight: 500; color: var(--vn-ink); overflow-wrap: anywhere; }
/* cPanel / Plesk modülünün kendi kutuları */
.vn-modcikti { margin-top: var(--vn-4); }
.vn-modcikti > .row { row-gap: var(--vn-4); }
.vn-modcikti .card { border: 1px solid var(--vn-line); border-radius: 16px; box-shadow: none; overflow: hidden; margin-bottom: var(--vn-4) !important; background: var(--vn-surface); }
.vn-modcikti .card-header { display: flex; align-items: center; gap: 10px; padding: 14px 18px; border-bottom: 1px solid var(--vn-line); background: var(--vn-bg); }
.vn-modcikti .card-header::before { content: "\f013"; flex: 0 0 auto; width: 34px; height: 34px; display: grid; place-items: center; border-radius: 10px; background: var(--vn-grad); color: #fff; font-family: "Font Awesome 6 Pro", "Font Awesome 5 Pro", "Font Awesome 5 Free"; font-weight: 900; font-size: 14px; }
.vn-modcikti .vn-mod-paket .card-header::before { content: "\f466"; }
.vn-modcikti .vn-mod-kullanim .card-header::before { content: "\f080"; }
.vn-modcikti .vn-mod-ek .card-header::before { content: "\f12e"; }
.vn-modcikti .vn-mod-kisayol .card-header::before { content: "\f0e7"; }
.vn-modcikti .vn-mod-eposta .card-header::before { content: "\f0e0"; }
.vn-modcikti .vn-mod-fatura .card-header::before { content: "\f570"; }
.vn-modcikti .card-header .card-title { font-family: var(--vn-font-head); font-size: 16px; font-weight: 600; color: var(--vn-ink); }
.vn-modcikti .card-body { padding: 18px; }
.vn-modcikti [class*="package-details"] { display: grid; gap: 4px; margin-bottom: 14px; text-align: left; }
.vn-modcikti [class*="package-details"] em { font-style: normal; font-size: 13px; color: var(--vn-text-2); }
.vn-modcikti [class*="package-details"] h4 { font-family: var(--vn-font-head); font-size: 20px; font-weight: 700; color: var(--vn-ink); }
.vn-modcikti [class*="package-details"] a { font-family: var(--vn-font-mono); font-size: 14px; }
.vn-modcikti .vn-mod-paket .card-body { text-align: left !important; }
.vn-modcikti .vn-mod-paket .card-body p { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; }
.vn-modcikti .btn { min-height: 42px; padding: 0 16px; display: inline-flex; align-items: center; justify-content: center; gap: 6px; border-radius: 10px; font-family: var(--vn-font-head); font-size: 14px; font-weight: 600; }
.vn-modcikti .btn-default { border: 1px solid var(--vn-line-strong); background: var(--vn-surface); color: var(--vn-ink); }
.vn-modcikti .btn-default:hover { border-color: var(--vn-blue); color: var(--vn-blue); }
.vn-modcikti .btn-success, .vn-modcikti .btn-primary { border: 1px solid var(--vn-blue); background: var(--vn-blue); color: #fff; }
.vn-modcikti .vn-mod-ek form { display: flex; flex-wrap: wrap; gap: 10px; width: 100%; }
.vn-modcikti .vn-mod-ek select { flex: 1 1 220px; width: auto !important; min-height: 44px; margin: 0 !important; }
.vn-modcikti .vn-mod-ek .btn { flex: 0 0 auto; width: auto; margin: 0 !important; border-color: var(--vn-lime); background: var(--vn-lime); color: var(--vn-navy); }
.vn-modcikti .vn-mod-kullanim .card-body > .row { row-gap: 14px; }
.vn-kullanim { display: grid; gap: 6px; text-align: left; }
.vn-kullanim__ust { display: flex; justify-content: space-between; align-items: baseline; gap: 10px; }
.vn-kullanim__ust strong { font-family: var(--vn-font-head); font-size: 14.5px; color: var(--vn-ink); }
.vn-kullanim__ust b { font-family: var(--vn-font-head); font-size: 18px; color: var(--vn-teal); }
.vn-kullanim__cubuk { height: 12px; border-radius: 7px; background: var(--vn-line); overflow: hidden; }
.vn-kullanim__cubuk span { display: block; height: 100%; border-radius: 7px; background: linear-gradient(90deg, var(--vn-teal), var(--vn-lime)); }
.vn-kullanim small { font-size: 13px; color: var(--vn-text-2); }
.vn-kullanim.is-yakin .vn-kullanim__ust b { color: var(--vn-amber); } .vn-kullanim.is-yakin .vn-kullanim__cubuk span { background: var(--vn-amber); }
.vn-kullanim.is-asim .vn-kullanim__ust b, .vn-kullanim.is-asim small { color: var(--vn-red); } .vn-kullanim.is-asim .vn-kullanim__cubuk span { background: var(--vn-red); }
.vn-modcikti .limit-near { margin-top: 12px; padding: 8px 12px; border-radius: 10px; background: var(--vn-red-wash); font-size: 13.5px; font-weight: 600; text-align: left; }
.vn-modcikti [class*="feature-row"] { display: grid; gap: 10px; grid-template-columns: repeat(2, minmax(0, 1fr)); margin: 0; }
@media (min-width: 700px) { .vn-modcikti [class*="feature-row"] { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (min-width: 1200px) { .vn-modcikti [class*="feature-row"] { grid-template-columns: repeat(5, minmax(0, 1fr)); } }
.vn-modcikti [class*="feature-row"] > [class*="col-"] { flex: none; max-width: none; width: auto; padding: 0; }
.vn-modcikti [class*="feature-row"] a { display: grid !important; grid-template-columns: 40px minmax(0, 1fr); gap: 10px; align-items: center; height: 100%; margin: 0 !important; padding: 12px; border: 1px solid var(--vn-line); border-radius: 12px; background: var(--vn-bg); color: var(--vn-ink); font-family: var(--vn-font-head); font-size: 14px; font-weight: 600; text-align: left; text-decoration: none; transition: border-color var(--vn-ease), background var(--vn-ease), transform var(--vn-ease); }
.vn-modcikti [class*="feature-row"] a:hover { border-color: var(--vn-blue); background: var(--vn-blue-wash); transform: translateY(-1px); }
.vn-modcikti [class*="feature-row"] img { width: 40px; height: 40px; object-fit: contain; margin: 0; }
.vn-modcikti .vn-mod-eposta .form-control, .vn-modcikti .vn-mod-eposta .input-group-text { min-height: 46px; }
.vn-modcikti .vn-mod-fatura .card-body > .row { display: grid; gap: 10px; grid-template-columns: repeat(2, minmax(0, 1fr)); margin: 0; }
@media (min-width: 1100px) { .vn-modcikti .vn-mod-fatura .card-body > .row { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.vn-modcikti .vn-mod-fatura .card-body > .row > [class*="col-"] { display: contents; }
.vn-modcikti .vn-mod-fatura .row[id] { display: grid; gap: 2px; margin: 0; padding: 10px 12px; border: 1px solid var(--vn-line); border-radius: 12px; background: var(--vn-bg); }
.vn-modcikti .vn-mod-fatura .row[id] > div { flex: none; max-width: none; width: auto; padding: 0; text-align: left !important; }
.vn-modcikti .vn-mod-fatura .row[id] > div:first-child { font-size: 12px; color: var(--vn-text-2); }
.vn-modcikti .vn-mod-fatura .row[id] > div:last-child { font-family: var(--vn-font-head); font-size: 15px; font-weight: 600; color: var(--vn-ink); }
[data-vn-tema="dark"] .vn-modcikti [class*="feature-row"] img { background: #fff; border-radius: 8px; padding: 3px; }

/* ---------- Ek hizmetler (cart.php?gid=addons) ---------- */
.vn-eklenti { display: grid; gap: var(--vn-4); }
.vn-eklenti__bas { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 16px; padding: var(--vn-5); border: 1px solid var(--vn-line); border-left: 4px solid var(--vn-teal); border-radius: 16px; background: var(--vn-surface); }
.vn-eklenti__ikon { flex: 0 0 auto; width: 52px; height: 52px; display: grid; place-items: center; border-radius: 14px; background: var(--vn-grad); color: #fff; font-size: 20px; }
.vn-eklenti__bas > div { flex: 1 1 300px; min-width: 0; }
.vn .vn-eklenti__bas h2 { margin: 0; font-size: 21px; }
.vn .vn-eklenti__bas p { margin: 2px 0 0; font-size: 14px; color: var(--vn-text-2); }
.vn-eklenti__izgara { display: grid; gap: var(--vn-4); grid-template-columns: minmax(0, 1fr); }
@media (min-width: 900px) { .vn-eklenti__izgara { grid-template-columns: repeat(2, minmax(0, 1fr)); } .vn-eklenti__izgara > :last-child:nth-child(odd) { grid-column: 1 / -1; } }
.vn-eklenti__kart { display: grid; gap: 14px; align-content: start; margin: 0; padding: var(--vn-5); border: 1px solid var(--vn-line); border-top: 4px solid var(--vn-blue); border-radius: 16px; background: var(--vn-surface); }
.vn-eklenti__ust { display: grid; grid-template-columns: 46px minmax(0, 1fr); gap: 12px; align-items: center; }
.vn-eklenti__ust > span { width: 46px; height: 46px; display: grid; place-items: center; border-radius: 13px; background: var(--vn-blue-wash); color: var(--vn-blue); font-size: 18px; }
.vn .vn-eklenti__ust h3 { margin: 0; font-size: 18px; }
.vn-eklenti__aciklama, .vn .vn-eklenti__aciklama { margin: 0; font-size: 14px; line-height: 1.55; color: var(--vn-text); }
.vn-eklenti .vn-field label { font-size: 13.5px; font-weight: 600; color: var(--vn-ink); }
.vn-eklenti select.vn-input { min-height: 46px; }
.vn-eklenti__alt { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; padding-top: 14px; border-top: 1px dashed var(--vn-line-strong); }
.vn-eklenti__fiyat { display: grid; gap: 1px; }
.vn-eklenti__fiyat b { font-family: var(--vn-font-head); font-size: 24px; font-weight: 700; color: var(--vn-ink); white-space: nowrap; }
.vn-eklenti__fiyat small { font-size: 12.5px; color: var(--vn-text-2); }
.vn-eklenti__alt .vn-btn { min-height: 48px; }
.vn-eklenti__bos { display: grid; justify-items: center; gap: 8px; padding: var(--vn-7) var(--vn-5); border: 1px dashed var(--vn-line-strong); border-radius: 16px; background: var(--vn-surface); text-align: center; }
.vn-eklenti__bos > i { width: 64px; height: 64px; display: grid; place-items: center; border-radius: 18px; background: var(--vn-blue-wash); color: var(--vn-blue); font-size: 24px; }
.vn .vn-eklenti__bos h3 { margin: 6px 0 0; } .vn .vn-eklenti__bos p { margin: 0; color: var(--vn-text-2); }
.vn-modcikti .vn-mod-kullanim .card-body > .row { row-gap: 14px; }
.vn-modcikti .vn-mod-kullanim .card-body > .alert, .vn-modcikti .vn-mod-kullanim .card-body > p, .vn-modcikti .vn-mod-kullanim .card-body > div:not(.row):not(.limit-near) { margin-top: 12px; padding: 8px 12px; border-radius: 10px; background: var(--vn-bg); color: var(--vn-text-2); font-size: 12.5px; text-align: left; }
.vn-modcikti .vn-mod-paket .card-body { text-align: left !important; }
/* Hizmet ayrıntısı: işlemler ve nameserver kutusu altındaki kartla bitişmesin */
.vn-svcgiris, .vn-svcns { margin-bottom: var(--vn-4); }
.vn-svcgiris + .vn-svc, .vn-svcns + .vn-svc, .vn-svcgiris + .vn-modcikti, .vn-svcns + .vn-modcikti { margin-top: 0; }
/* Hizmet ayrıntısı: Bilgi / Eklentiler sekme çubuğu içeriğin üstünde */
.primary-content > .vn-svcsekme { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 10px; margin: 0 0 var(--vn-4); padding: 6px; border: 1px solid var(--vn-line); border-radius: 14px; background: var(--vn-surface); }
.primary-content > .vn-svcsekme .card-header { display: none; }
.primary-content > .vn-svcsekme .collapsable-card-body, .primary-content > .vn-svcsekme .collapse { display: block !important; height: auto !important; flex: 1 1 auto; padding: 0; }
.primary-content > .vn-svcsekme .list-group { display: flex; flex-wrap: wrap; gap: 6px; }
.primary-content > .vn-svcsekme .list-group-item { width: auto; padding: 9px 16px; border: 1px solid transparent; border-radius: 10px; font-family: var(--vn-font-head); font-size: 14px; font-weight: 600; color: var(--vn-text-2); background: transparent; }
.primary-content > .vn-svcsekme .list-group-item:hover { background: var(--vn-bg); color: var(--vn-ink); }
.primary-content > .vn-svcsekme .list-group-item.active { background: var(--vn-navy); color: #fff; }
.primary-content > .vn-svcsekme .list-group { flex-direction: row !important; justify-content: flex-start; align-items: center; }
.primary-content > .vn-svcsekme .list-group-item { flex: 0 0 auto; margin: 0 !important; text-align: left; border-radius: 10px !important; }
.primary-content > .vn-svcsekme .list-group-item .sidebar-menu-item-wrapper { display: block; }
.primary-content > .vn-svcsekme { justify-content: flex-start !important; }
.primary-content > .vn-svcsekme .collapsable-card-body { width: 100%; text-align: left; }
.primary-content > .vn-svcsekme .list-group { width: 100%; margin: 0 !important; justify-content: flex-start !important; }
/* Plesk kullanım kutusundaki "Son güncelleme" notu uyarı değil, bilgi */
.vn-modcikti .limit-near.text-info { background: var(--vn-bg); color: var(--vn-text-2) !important; font-weight: 500; }
/* Panel üst çubuğu: dil seçimi (geniş ekranda çubukta, dar ekranda hesap menüsünde) */
.vn-top__dil { display: none; }
@media (min-width: 1100px) { .vn-top__dil { display: inline-flex; } }
.vn-top__dil .vn-gecis { border-color: var(--vn-line-strong); background: var(--vn-surface); }
.vn-top__dil .vn-gecis a { color: var(--vn-text-2); }
.vn-top__dil .vn-gecis a[aria-current="true"] { background: var(--vn-navy); color: #fff; }
[data-vn-tema="dark"] .vn-top__dil .vn-gecis a[aria-current="true"] { background: var(--vn-lime); color: var(--vn-navy); }
.vn-menudil { display: flex; align-items: center; gap: 6px; padding: 6px 16px 8px; }
.vn-menudil span { flex: 1 1 auto; font-size: 12.5px; color: var(--vn-text-2); }
.vn-menudil a { padding: 4px 10px; border: 1px solid var(--vn-line); border-radius: 8px; font-size: 13px; font-weight: 600; color: var(--vn-ink); text-decoration: none; }
.vn-menudil a[aria-current="true"] { border-color: var(--vn-blue); background: var(--vn-blue-wash); color: var(--vn-blue); }
/* Geniş ekranda dil seçimi üst çubukta olduğu için hesap menüsündeki satır (ve önündeki ayırıcı) gizlenir */
@media (min-width: 1100px) { .vn-menudil, .dropdown-divider:has(+ .vn-menudil) { display: none; } }
/* Telefonda modül kısayolları: ikon üstte, yazı altta; kelime bölünmez */
@media (max-width: 520px) {
  .vn-modcikti [class*="feature-row"] a { grid-template-columns: minmax(0, 1fr); justify-items: center; text-align: center; font-size: 13px; overflow-wrap: normal; word-break: normal; hyphens: auto; }
}

/* Alan adı fiyat tablosu: koyu temada başlık kutusuna genel kuraldan gelen zemin bindirmesin; tablo başlığı açık temadaki gibi lacivert bant */
.vn-tldbas, [data-vn-tema="dark"] .vn-tldbas { background: transparent !important; }
[data-vn-tema="dark"] .domain-pricing .tld-pricing-header { background: #0B1A2C; border: 1px solid var(--vn-line); border-bottom: 0; }
[data-vn-tema="dark"] .domain-pricing .tld-pricing-header [class*="col-"] { color: #fff; border: 0 !important; }
.domain-pricing .tld-pricing-header { padding-block: 4px; }
/* Kategori düğmeleri tek seçimli; seçili olan dolu görünür */
.domain-pricing .tld-filters a.badge { cursor: pointer; transition: background-color .15s, color .15s, border-color .15s; }
.domain-pricing .tld-filters a.badge:hover { border-color: var(--vn-blue); color: var(--vn-ink) !important; }
.domain-pricing .tld-filters a.badge.badge-success, .domain-pricing .tld-filters a.badge.active { background: var(--vn-blue) !important; color: #fff !important; border-color: var(--vn-blue); box-shadow: none; }

/* .tr alan adı belgeleri sayfası */
.vn-trlist { display: flex; flex-wrap: wrap; gap: 8px; margin: 4px 0 12px; }
.vn-trlist a { padding: 7px 12px; border-radius: 9px; border: 1px solid var(--vn-line); background: var(--vn-bg); font-family: var(--vn-font-head); font-size: 14px; font-weight: 600; color: var(--vn-ink); text-decoration: none; transition: border-color .15s, background-color .15s; }
.vn-trlist a:hover { border-color: var(--vn-blue); background: var(--vn-blue-wash); color: var(--vn-blue); }
.vn-trlist--belgeli a { border-color: color-mix(in srgb, var(--vn-teal) 45%, transparent); }
.vn-trnot { margin: 0; font-size: 13.5px; line-height: 1.55; color: var(--vn-text-2); }
.vn-trbelge { display: grid; gap: var(--vn-4); grid-template-columns: repeat(3, minmax(0, 1fr)); margin: var(--vn-5) 0 var(--vn-4); }
@media (max-width: 1100px) { .vn-trbelge { grid-template-columns: repeat(2, minmax(0, 1fr)); } .vn-trbelge article:last-child:nth-child(odd) { grid-column: 1 / -1; } }
@media (max-width: 640px) { .vn-trbelge { grid-template-columns: minmax(0, 1fr); } }
.vn-trbelge article { scroll-margin-top: 100px; display: flex; flex-direction: column; gap: 12px; padding: var(--vn-4) var(--vn-5); border-radius: 16px; background: var(--vn-surface); border: 1px solid var(--vn-line); border-top: 4px solid var(--vn-teal); }
.vn-trbelge article:nth-child(3n+2) { border-top-color: var(--vn-blue); }
.vn-trbelge article:nth-child(3n) { border-top-color: var(--vn-lime); }
.vn-trbelge article:target { border-color: var(--vn-blue); box-shadow: 0 0 0 3px var(--vn-blue-wash); }
.vn-trbelge header { display: grid; gap: 2px; }
.vn-trbelge header b { font-family: var(--vn-font-head); font-size: 22px; font-weight: 700; color: var(--vn-ink); letter-spacing: -0.01em; }
.vn-trbelge header span { font-size: 13.5px; color: var(--vn-text-2); }
.vn-trbelge ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; flex: 1; }
.vn-trbelge li { position: relative; padding-left: 22px; font-size: 14px; line-height: 1.55; color: var(--vn-text-2); }
.vn-trbelge li::before { content: "\f15c"; font-family: "Font Awesome 6 Pro", "Font Awesome 5 Pro", "Font Awesome 5 Free"; font-weight: 900; position: absolute; left: 0; top: 1px; color: var(--vn-teal); font-size: 13px; }
.vn-trbelge li strong { display: block; color: var(--vn-ink); font-size: 14px; }
.vn-trbelge .vn-link-arrow { margin-top: auto; }
/* İki kart düğmesi dar ekranda kartın dışına taşmasın */
.vn-ikikart > div > .vn-btn { max-width: 100%; white-space: normal; text-align: center; }

/* Alan adları tablosu: başlıktaki "tümünü seç" kutusu satırlardaki kutularla aynı hizada */
#tableDomainsList thead th.vn-tumkutu, #tableDomainsList tbody td:first-child { width: 44px; padding-left: 12px !important; padding-right: 12px !important; text-align: center; vertical-align: middle; }
#tableDomainsList thead th.vn-tumkutu { background-image: none !important; }
#tableDomainsList thead th.vn-tumkutu::before, #tableDomainsList thead th.vn-tumkutu::after { display: none !important; }
#tableDomainsList thead th.vn-tumkutu input, #tableDomainsList tbody td:first-child input.domids { width: 16px; height: 16px; margin: 0; vertical-align: middle; }

/* Dönem kartları tek sayıda ise (5 dönem gibi) son satır yarım kalmasın: iki sütunda son kart satırı doldurur, geniş alanda 3 + 2 eşit paylaşır */
.vn-donem > :last-child:nth-child(odd) { grid-column: 1 / -1; }
.vn-donem:has(> :nth-child(3):last-child) > :last-child { grid-column: auto; }
@container (min-width: 760px) {
  .vn-donem:has(> :nth-child(5):last-child) { grid-template-columns: repeat(6, minmax(0, 1fr)); }
  .vn-donem:has(> :nth-child(5):last-child) > * { grid-column: span 2; }
  .vn-donem:has(> :nth-child(5):last-child) > :nth-child(n+4) { grid-column: span 3; }
}
@container (max-width: 440px) { .vn-donem > :last-child:nth-child(odd) { grid-column: auto; } }

/* Hesap bilgileri: üstte hesap özeti kutuları, kart başlıklarında ikon + açıklama, bildirim tercihleri satır satır */
.vn-hesapozet { display: grid; gap: var(--vn-3); grid-template-columns: repeat(4, minmax(0, 1fr)); margin-bottom: var(--vn-4); }
@media (max-width: 1100px) { .vn-hesapozet { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 480px) { .vn-hesapozet { grid-template-columns: minmax(0, 1fr); } }
.vn-hesapozet > * { position: relative; display: grid; gap: 2px; align-content: start; padding: 16px 18px 16px 62px; border-radius: 16px; background: var(--vn-surface); border: 1px solid var(--vn-line); color: inherit; text-decoration: none; min-width: 0; }
.vn-hesapozet > * > i:first-child { position: absolute; left: 16px; top: 16px; width: 34px; height: 34px; display: grid; place-items: center; border-radius: 10px; background: var(--vn-blue-wash); color: var(--vn-blue); font-size: 14px; }
.vn-hesapozet > :nth-child(2) > i:first-child { background: var(--vn-teal-wash); color: var(--vn-teal); }
.vn-hesapozet span { font-family: var(--vn-font-mono); font-size: 11px; letter-spacing: .06em; text-transform: uppercase; color: var(--vn-text-2); }
.vn-hesapozet b { font-family: var(--vn-font-head); font-size: 18px; font-weight: 700; color: var(--vn-ink); overflow-wrap: anywhere; }
.vn-hesapozet small { font-size: 12.5px; color: var(--vn-text-2); }
.vn-hesapozet small i { font-size: 10px; margin-left: 2px; }
.vn-hesapozet a { transition: border-color .15s, box-shadow .15s; }
.vn-hesapozet a:hover { border-color: var(--vn-blue); box-shadow: 0 0 0 3px var(--vn-blue-wash); }
.vn-hesapozet a:hover small { color: var(--vn-blue); }
.vn-hesapozet .is-acik > i:first-child { background: var(--vn-teal-wash); color: var(--vn-teal); }
.vn-hesapozet .is-acik b { color: var(--vn-teal); }
.vn-hesapozet .is-kapali > i:first-child { background: color-mix(in srgb, #D97706 14%, transparent); color: #D97706; }
.vn-hesapozet .is-kapali b { color: #B45309; }
[data-vn-tema="dark"] .vn-hesapozet .is-kapali b { color: #FBBF24; }
.vn-kartbas { display: grid; grid-template-columns: 40px minmax(0, 1fr); gap: 12px; align-items: center; padding-bottom: 14px; border-bottom: 1px solid var(--vn-line); }
.vn-kartbas__ikon { width: 40px; height: 40px; display: grid; place-items: center; border-radius: 11px; background: var(--vn-blue-wash); color: var(--vn-blue); font-size: 15px; }
.vn .vn-kartbas h3 { margin: 0; font-size: 18px; }
.vn .vn-kartbas p { margin: 2px 0 0; font-size: 13.5px; line-height: 1.45; color: var(--vn-text-2); max-width: none; }
.vn-tercih { display: grid; }
.vn-tercih .vn-check { padding: 11px 0; border-bottom: 1px solid var(--vn-line); font-size: 14.5px; line-height: 1.5; }
.vn-tercih .vn-check:first-child { padding-top: 0; }
.vn-tercih .vn-check:last-child { border-bottom: 0; padding-bottom: 0; }
.vn-tercih .vn-check:hover span { color: var(--vn-ink); }

/* Hesap sekmeleri (profil, şifre, kullanıcılar, sorumlular): solda formlar, sağda bilgi kartı ve kısayollar */
.vn-hesap2 { display: grid; gap: var(--vn-4); grid-template-columns: minmax(0, 1fr); align-items: start; }
@media (min-width: 1100px) { .vn-hesap2 { grid-template-columns: minmax(0, 3fr) minmax(0, 2fr); } }
.vn-hesap2 > * { min-width: 0; }
.vn-hesap2__dugme { display: flex; flex-wrap: wrap; gap: 10px; }
.vn-hesap2 .vn-form-grid { display: grid; gap: var(--vn-4); grid-template-columns: repeat(2, minmax(0, 1fr)); }
@media (max-width: 640px) { .vn-hesap2 .vn-form-grid { grid-template-columns: minmax(0, 1fr); } }
.vn-bilgikart { display: grid; gap: 14px; border-top: 4px solid var(--vn-teal); }
.vn .vn-bilgikart h3 { margin: 0; font-size: 17px; display: flex; align-items: center; gap: 9px; }
.vn-bilgikart h3 i { color: var(--vn-teal); font-size: 16px; }
.vn-bilgikart ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 12px; }
.vn-bilgikart li { font-size: 14px; line-height: 1.55; color: var(--vn-text-2); padding-left: 14px; border-left: 2px solid var(--vn-line-strong); }
.vn-bilgikart li strong { display: block; color: var(--vn-ink); }
.vn-bilgikart__tik li { border-left: 0; padding-left: 26px; position: relative; }
.vn-bilgikart__tik li::before { content: "\f00c"; font-family: "Font Awesome 6 Pro", "Font Awesome 5 Pro", "Font Awesome 5 Free"; font-weight: 900; position: absolute; left: 0; top: 2px; font-size: 12px; color: var(--vn-teal); }
.vn-kisayollar { display: grid; gap: 10px; }
.vn-kisayollar a { display: grid; grid-template-columns: 40px minmax(0, 1fr); gap: 12px; align-items: center; padding: 14px 16px; border-radius: 14px; background: var(--vn-surface); border: 1px solid var(--vn-line); text-decoration: none; color: inherit; transition: border-color .15s, box-shadow .15s; }
.vn-kisayollar a:hover { border-color: var(--vn-blue); box-shadow: 0 0 0 3px var(--vn-blue-wash); }
.vn-kisayollar a > i { width: 40px; height: 40px; display: grid; place-items: center; border-radius: 11px; background: var(--vn-blue-wash); color: var(--vn-blue); font-size: 15px; }
.vn-kisayollar strong { display: block; font-family: var(--vn-font-head); font-size: 15px; color: var(--vn-ink); }
.vn-kisayollar small { display: block; font-size: 13px; line-height: 1.45; color: var(--vn-text-2); }
.vn-rozet { display: inline-block; margin-left: 6px; padding: 2px 8px; border-radius: 6px; font-style: normal; font-family: var(--vn-font-body); font-size: 12px; font-weight: 600; vertical-align: middle; border: 1px solid transparent; }
.vn-rozet--tamam { background: var(--vn-teal-wash); color: var(--vn-teal); border-color: color-mix(in srgb, var(--vn-teal) 35%, transparent); }
.vn-rozet--uyari { background: color-mix(in srgb, #D97706 12%, transparent); color: #B45309; border-color: color-mix(in srgb, #D97706 35%, transparent); }
[data-vn-tema="dark"] .vn-rozet--uyari { color: #FBBF24; }
.vn-rozet--bilgi { background: var(--vn-blue-wash); color: var(--vn-blue); border-color: color-mix(in srgb, var(--vn-blue) 35%, transparent); }
.vn-btn--tehlike, .vn .vn-btn--secondary.vn-btn--tehlike { color: #C0392B; border-color: color-mix(in srgb, #C0392B 40%, transparent); }
.vn-btn--tehlike:hover, .vn .vn-btn--secondary.vn-btn--tehlike:hover { background: color-mix(in srgb, #C0392B 10%, transparent); color: #C0392B; border-color: #C0392B; }
[data-vn-tema="dark"] .vn-btn--tehlike, [data-vn-tema="dark"] .vn .vn-btn--secondary.vn-btn--tehlike { color: #FF9A8B; }
/* Şifre: yeni şifre kutusu ile "şifre oluştur" düğmesi yan yana */
.vn-sifre__satir { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 10px; }
@media (max-width: 520px) { .vn-sifre__satir { grid-template-columns: minmax(0, 1fr); } }
.vn-hesap2 .vn-field .progress { margin-top: 10px; height: 8px; border-radius: 6px; }
.vn-hesap2 .vn-field .alert { margin: 8px 0 0; padding: 8px 12px; font-size: 13px; border-radius: 10px; }
/* Kullanıcılar */
.vn-kullanicilar { display: grid; gap: 10px; }
.vn-kullanici { display: grid; grid-template-columns: 44px minmax(0, 1fr) auto; gap: 12px 14px; align-items: center; padding: 14px 16px; border-radius: 14px; border: 1px solid var(--vn-line); background: var(--vn-bg); }
.vn-kullanici__harf { width: 44px; height: 44px; display: grid; place-items: center; border-radius: 50%; background: var(--vn-grad); color: #fff; font-family: var(--vn-font-head); font-weight: 700; font-size: 17px; }
.vn-kullanici.is-davet .vn-kullanici__harf { background: var(--vn-blue-wash); color: var(--vn-blue); font-size: 15px; }
.vn-kullanici__metin { min-width: 0; }
.vn-kullanici__metin strong { display: block; font-size: 15px; color: var(--vn-ink); overflow-wrap: anywhere; }
.vn-kullanici__metin small { display: flex; flex-wrap: wrap; gap: 4px 16px; margin-top: 3px; font-size: 13px; color: var(--vn-text-2); }
.vn-kullanici__metin small i { margin-right: 3px; }
.vn-kullanici__metin .is-acik { color: var(--vn-teal); }
.vn-kullanici__metin .is-kapali { color: var(--vn-text-3); }
.vn-kullanici__dugme { display: flex; flex-wrap: wrap; gap: 8px; justify-content: flex-end; margin: 0; }
@media (max-width: 700px) { .vn-kullanici { grid-template-columns: 44px minmax(0, 1fr); } .vn-kullanici__dugme { grid-column: 1 / -1; justify-content: flex-start; } }
.vn-yetkisec { display: grid; gap: 10px; grid-template-columns: repeat(2, minmax(0, 1fr)); }
@media (max-width: 640px) { .vn-yetkisec { grid-template-columns: minmax(0, 1fr); } }
.vn-yetkisec label { display: grid; grid-template-columns: 18px minmax(0, 1fr); gap: 10px; align-items: start; margin: 0; padding: 14px 16px; border-radius: 14px; border: 1px solid var(--vn-line); background: var(--vn-surface); cursor: pointer; transition: border-color .15s, background-color .15s; }
.vn-yetkisec label:hover { border-color: var(--vn-blue); }
.vn-yetkisec label:has(input:checked) { border-color: var(--vn-blue); background: var(--vn-blue-wash); }
.vn-yetkisec input { width: 18px; height: 18px; margin: 2px 0 0; accent-color: var(--vn-blue); }
.vn-yetkisec strong { display: block; font-size: 15px; color: var(--vn-ink); }
.vn-yetkisec small { display: block; font-size: 13px; line-height: 1.45; color: var(--vn-text-2); font-weight: 400; }
.vn-yetkiler { display: grid; gap: 0; padding: 4px 16px; border-radius: 14px; border: 1px solid var(--vn-line); background: var(--vn-bg); }
.vn-yetkiler .vn-check { padding: 11px 0; border-bottom: 1px solid var(--vn-line); font-size: 14px; margin: 0; }
.vn-yetkiler .vn-check:last-child { border-bottom: 0; }
.vn-yetkiler .vn-check strong { color: var(--vn-ink); margin-right: 4px; }
/* Sorumlular */
.vn-sorumlusec { display: grid; grid-template-columns: 40px minmax(0, 1fr) minmax(0, 1.2fr) auto; gap: 14px; align-items: center; margin: 0; }
.vn-sorumlusec label { margin: 0; }
.vn-sorumlusec label strong { display: block; font-size: 15px; color: var(--vn-ink); }
.vn-sorumlusec label small { display: block; font-size: 13px; color: var(--vn-text-2); font-weight: 400; }
@media (max-width: 900px) { .vn-sorumlusec { grid-template-columns: 40px minmax(0, 1fr); } .vn-sorumlusec select, .vn-sorumlusec .vn-btn { grid-column: 1 / -1; } }
.vn-sorumlu__cols { display: grid; gap: var(--vn-4); grid-template-columns: minmax(0, 1fr); align-items: start; }
@media (min-width: 1100px) { .vn-sorumlu__cols { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.vn-sorumlu__cols .vn-form-grid { display: grid; gap: var(--vn-4); grid-template-columns: repeat(2, minmax(0, 1fr)); }
.vn-sorumlu__cols .vn-col-2 { grid-column: 1 / -1; }
@media (max-width: 640px) { .vn-sorumlu__cols .vn-form-grid { grid-template-columns: minmax(0, 1fr); } }
@media (min-width: 800px) { .vn-tercih--iki { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: var(--vn-5); } .vn-tercih--iki .vn-check:first-child { padding-top: 11px; } }
.vn-yetkiler.w-hidden { display: none; }

/* Yasal metin sayfaları: künye, "Kısaca" kartları, bölüm kartları ve içindekiler (düz belge görünümü yerine) */
.vn-page__body.vn-yasal { max-width: none; display: block; min-width: 0; }
.vn-yasal__kunye { display: grid; gap: 12px; grid-template-columns: minmax(0, 2.2fr) minmax(0, 1fr) minmax(0, 1fr) auto; align-items: stretch; margin-bottom: var(--vn-5); }
.vn-yasal__kunye > div { position: relative; display: grid; gap: 2px; align-content: center; padding: 14px 16px 14px 58px; border-radius: 14px; background: var(--vn-surface); border: 1px solid var(--vn-line); min-width: 0; }
.vn-yasal__kunye > div > i { position: absolute; left: 14px; top: 50%; transform: translateY(-50%); width: 32px; height: 32px; display: grid; place-items: center; border-radius: 9px; background: var(--vn-blue-wash); color: var(--vn-blue); font-size: 13px; }
.vn-yasal__kunye span { font-family: var(--vn-font-mono); font-size: 11px; letter-spacing: .06em; text-transform: uppercase; color: var(--vn-text-2); }
.vn-yasal__kunye b { font-family: var(--vn-font-head); font-size: 15px; font-weight: 700; color: var(--vn-ink); overflow-wrap: anywhere; }
.vn-yasal__kunye .vn-btn { align-self: stretch; height: auto; }
@media (max-width: 1100px) { .vn-yasal__kunye { grid-template-columns: repeat(2, minmax(0, 1fr)); } .vn-yasal__kunye > div:first-child, .vn-yasal__kunye .vn-btn { grid-column: 1 / -1; } .vn-yasal__kunye .vn-btn { min-height: 44px; } }
.vn-yasal__ozet { display: grid; gap: var(--vn-4); grid-template-columns: repeat(3, minmax(0, 1fr)); }
@media (max-width: 900px) { .vn-yasal__ozet { grid-template-columns: minmax(0, 1fr); } }
.vn-yasal__ozet > div { padding: var(--vn-4) var(--vn-5); border-radius: 16px; background: var(--vn-surface); border: 1px solid var(--vn-line); border-top: 4px solid var(--vn-blue); }
.vn-yasal__ozet > div:nth-child(2) { border-top-color: var(--vn-teal); }
.vn-yasal__ozet > div:nth-child(3) { border-top-color: var(--vn-lime); }
.vn-yasal__ozet i { width: 40px; height: 40px; display: grid; place-items: center; border-radius: 11px; background: var(--vn-blue-wash); color: var(--vn-blue); font-size: 16px; margin-bottom: 10px; }
.vn-yasal__ozet > div:nth-child(2) i { background: var(--vn-teal-wash); color: var(--vn-teal); }
.vn .vn-yasal__ozet h3, .vn-yasal__ozet h3 { margin: 0 0 4px; font-size: 17px; }
.vn .vn-yasal__ozet p, .vn-yasal__ozet p { margin: 0; font-size: 14px; line-height: 1.55; color: var(--vn-text-2); max-width: none; }
.vn-yasal__not { margin: 12px 0 var(--vn-5); font-size: 13px; color: var(--vn-text-2); }
.vn-yasal__not i { color: var(--vn-blue); margin-right: 4px; }
.vn-yasal__icmobil { display: none; margin-bottom: var(--vn-4); border: 1px solid var(--vn-line); border-radius: 14px; background: var(--vn-surface); }
.vn-yasal__icmobil summary { padding: 14px 16px; font-family: var(--vn-font-head); font-weight: 600; color: var(--vn-ink); cursor: pointer; }
.vn-yasal__icmobil summary i { color: var(--vn-blue); margin-right: 6px; }
.vn-yasal__icmobil ol { margin: 0; padding: 0 16px 14px 36px; display: grid; gap: 8px; font-size: 14px; }
@media (max-width: 991px) { .vn-yasal__icmobil { display: block; } }
.vn-yasal__govde { display: grid; gap: var(--vn-4); margin-bottom: var(--vn-6); }
.vn-yasal__bolum { padding: clamp(18px, 2.4vw, 28px) clamp(18px, 2.8vw, 32px); border-radius: 16px; background: var(--vn-surface); border: 1px solid var(--vn-line); border-left: 4px solid var(--vn-blue); scroll-margin-top: 100px; min-width: 0; }
.vn-yasal__bolum:nth-child(3n+2) { border-left-color: var(--vn-teal); }
.vn-yasal__bolum:nth-child(3n) { border-left-color: var(--vn-lime); }
.vn-yasal__bolum--giris { border-left-color: var(--vn-line-strong); background: var(--vn-blue-wash); }
.vn-yasal__bolum:target { box-shadow: 0 0 0 3px var(--vn-blue-wash); border-color: var(--vn-blue); }
.vn .vn-yasal__bolum h2, .vn-yasal__bolum h2 { display: flex; align-items: center; gap: 12px; margin: 0 0 14px; padding-bottom: 12px; border-bottom: 1px solid var(--vn-line); font-size: 19px; font-weight: 700; color: var(--vn-ink); }
.vn .vn-yasal__bolum h2.vn-yasal__alt, .vn-yasal__bolum h2.vn-yasal__alt { margin-top: 22px; padding: 0 0 0 12px; border-bottom: 0; border-left: 3px solid var(--vn-teal); font-size: 16px; }
.vn-yasal__no { flex: none; width: 32px; height: 32px; display: grid; place-items: center; border-radius: 9px; background: var(--vn-navy); color: #fff; font-family: var(--vn-font-mono); font-size: 13px; font-weight: 700; }
.vn .vn-yasal__bolum p, .vn-yasal__bolum p { margin: 0 0 12px; font-size: 15px; line-height: 1.7; color: var(--vn-text); max-width: none; text-align: left; }
.vn-yasal__bolum > :last-child { margin-bottom: 0; }
.vn-yasal__bolum ul, .vn-yasal__bolum ol { display: grid; gap: 8px; margin: 0 0 14px; padding: 0; list-style: none; }
.vn-yasal__bolum ul > li { position: relative; padding-left: 24px; font-size: 15px; line-height: 1.6; color: var(--vn-text); }
.vn-yasal__bolum ul > li::before { content: ""; position: absolute; left: 6px; top: 10px; width: 7px; height: 7px; border-radius: 50%; background: var(--vn-teal); }
.vn-yasal__bolum ol { counter-reset: vnyasal; }
.vn-yasal__bolum ol > li { counter-increment: vnyasal; position: relative; padding-left: 30px; font-size: 15px; line-height: 1.6; color: var(--vn-text); }
.vn-yasal__bolum ol > li::before { content: counter(vnyasal) "."; position: absolute; left: 0; top: 0; font-family: var(--vn-font-mono); font-size: 13px; font-weight: 700; color: var(--vn-blue); line-height: 1.85; }
.vn-yasal__madde { display: inline-block; margin-right: 8px; padding: 1px 8px; border-radius: 6px; background: var(--vn-blue-wash); color: var(--vn-blue); font-family: var(--vn-font-mono); font-size: 12.5px; font-weight: 700; }
.vn-yasal__bolum table { width: 100%; border-collapse: collapse; margin: 0 0 14px; font-size: 14px; }
.vn-yasal__bolum th, .vn-yasal__bolum td { padding: 10px 12px; border: 1px solid var(--vn-line); text-align: left; vertical-align: top; }
.vn-yasal__bolum th { background: var(--vn-bg); color: var(--vn-ink); }
.vn-yasal__bolum a { overflow-wrap: anywhere; }
/* Yan sütun: sayfa menüsü + içindekiler birlikte yapışık kalır */
.vn-yasal__yan { display: grid; gap: var(--vn-4); align-content: start; min-width: 0; }
@media (min-width: 992px) { .vn-yasal__yan { position: sticky; top: 96px; max-height: calc(100vh - 116px); overflow-y: auto; } .vn-yasal__yan .vn-page__nav { position: static; } }
.vn-yasal__ic { padding: 14px 14px 16px; border-radius: 14px; background: var(--vn-surface); border: 1px solid var(--vn-line); }
.vn-yasal__ic .vn-label { margin: 0 0 8px; }
.vn-yasal__ic ol { list-style: none; margin: 0; padding: 0; display: grid; gap: 2px; counter-reset: vnic; }
.vn-yasal__ic a { display: block; padding: 6px 10px; border-radius: 8px; font-size: 13.5px; line-height: 1.4; color: var(--vn-text-2); text-decoration: none; border-left: 2px solid transparent; }
.vn-yasal__ic ol.is-sayili a::before { counter-increment: vnic; content: counter(vnic) ". "; font-family: var(--vn-font-mono); font-size: 12px; color: var(--vn-text-3); }
.vn-yasal__ic a:hover { background: var(--vn-bg); color: var(--vn-ink); }
.vn-yasal__ic a.is-on { background: var(--vn-blue-wash); color: var(--vn-blue); border-left-color: var(--vn-blue); font-weight: 600; }
@media (max-width: 991px) { .vn-yasal__ic { display: none; } }
@media print {
  .vn-yasal__gizle, .vn-yasal__kunye .vn-btn, .vn-yasal__icmobil, .vn-yasal__yan, .vn-page__nav, .vn-ghero__icon { display: none !important; }
  .vn-yasal__bolum, .vn-yasal__ozet > div, .vn-yasal__kunye > div { border: 1px solid #ccc; background: #fff; break-inside: avoid-page; }
  .vn-yasal__bolum { break-inside: auto; }
}
.vn-yasal__ust > .vn-label { margin: 0 0 10px; }
.vn-yasal__not { margin-top: 14px; }

/* Çerez bildirimi: altta, içerik genişliğinde; panelde telefon alt menüsünün üstünde durur */
.vn-cerez { position: fixed; z-index: 1040; left: 50%; bottom: 16px; transform: translateX(-50%); width: min(880px, calc(100% - 32px)); display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 14px; align-items: center; padding: 14px 18px; border-radius: 16px; background: var(--vn-surface); border: 1px solid var(--vn-line-strong); box-shadow: 0 12px 40px rgba(8, 24, 44, .22); }
.vn-cerez[hidden] { display: none; }
.vn-cerez > i { width: 38px; height: 38px; display: grid; place-items: center; border-radius: 11px; background: var(--vn-blue-wash); color: var(--vn-blue); font-size: 16px; }
.vn .vn-cerez p, .vn-cerez p { margin: 0; font-size: 14px; line-height: 1.5; color: var(--vn-text); max-width: none; }
.vn-cerez p a { font-weight: 600; white-space: nowrap; }
@media (max-width: 640px) { .vn-cerez { grid-template-columns: minmax(0, 1fr); gap: 10px; bottom: 12px; padding: 14px; } .vn-cerez > i { display: none; } .vn-cerez .vn-btn { width: 100%; } }
@media (max-width: 991px) { body.vn-shell .vn-cerez { bottom: 84px; } }
@media print { .vn-cerez { display: none !important; } }
.vn-yasal__tbas td, .vn-yasal__tbas th { background: var(--vn-bg); color: var(--vn-ink); font-weight: 600; }
@media (max-width: 700px) {
  .vn-yasal__tablo, .vn-yasal__tablo tbody, .vn-yasal__tablo tr, .vn-yasal__tablo td, .vn-yasal__tablo th { display: block; width: auto; }
  .vn-yasal__tablo .vn-yasal__tbas { display: none; }
  .vn-yasal__tablo tr { border: 1px solid var(--vn-line); border-radius: 12px; padding: 12px 14px; margin-bottom: 10px; background: var(--vn-bg); }
  .vn-yasal__bolum .vn-yasal__tablo td, .vn-yasal__bolum .vn-yasal__tablo th { border: 0 !important; padding: 0 0 10px; background: transparent !important; }
  .vn-yasal__tablo td:last-child { padding-bottom: 0; }
  .vn-yasal__tablo td::before { content: attr(data-baslik); display: block; font-family: var(--vn-font-mono); font-size: 11px; letter-spacing: .06em; text-transform: uppercase; color: var(--vn-blue); margin-bottom: 2px; }
}
.vn-yasal__icmobil ol.is-numarali { list-style: none; padding-left: 16px; }

/* Çerez onayı: başlık + metin, iki düğme */
.vn-cerez__metin strong { display: block; font-family: var(--vn-font-head); font-size: 15px; color: var(--vn-ink); margin-bottom: 2px; }
.vn-cerez__dugme { display: flex; gap: 8px; flex-wrap: wrap; justify-content: flex-end; }
.vn-cerez__dugme .vn-btn { white-space: nowrap; }
@media (max-width: 760px) { .vn-cerez { grid-template-columns: minmax(0, 1fr); gap: 10px; padding: 14px; } .vn-cerez > i { display: none; } .vn-cerez__dugme { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); } .vn-cerez__dugme .vn-btn { width: 100%; white-space: normal; } }
/* Yasal metin: ara başlık paragrafları */
.vn .vn-yasal__bolum p.vn-yasal__ara, .vn-yasal__bolum p.vn-yasal__ara { margin: 18px 0 8px; font-family: var(--vn-font-head); font-size: 16px; font-weight: 700; color: var(--vn-ink); }

/* Alt menü: ETBİS kaydı (karekod + bağlantı) */
.vn-etbis { display: inline-grid; grid-template-columns: 76px auto; gap: 12px; align-items: center; margin-top: var(--vn-4); padding: 10px 14px 10px 10px; border-radius: 14px; border: 1px solid rgba(255, 255, 255, .16); background: rgba(255, 255, 255, .05); text-decoration: none; transition: border-color .15s, background-color .15s; }
.vn-etbis:hover { border-color: var(--vn-lime); background: rgba(255, 255, 255, .09); text-decoration: none; }
.vn-etbis img { width: 76px; height: 76px; border-radius: 8px; background: #fff; display: block; }
.vn-etbis span { display: grid; gap: 1px; }
.vn-etbis small { font-family: var(--vn-font-mono); font-size: 11px; letter-spacing: .04em; color: rgba(255, 255, 255, .65); }
.vn-etbis strong { font-family: var(--vn-font-head); font-size: 15px; font-weight: 700; color: var(--vn-lime); line-height: 1.25; }
.vn-etbis em { font-style: normal; font-size: 12.5px; color: rgba(255, 255, 255, .8); }
.vn-etbis em i { font-size: 10px; margin-left: 3px; }

/* Kariyer başvuru formu: iletişim sayfasındaki düzenle aynı; dosya seçme alanı */
.vn-kariyerform { margin-bottom: var(--vn-6); scroll-margin-top: 100px; }
.vn-kariyerform .vn-form-grid { display: grid; gap: var(--vn-4); grid-template-columns: repeat(2, minmax(0, 1fr)); }
.vn-kariyerform .vn-col-2 { grid-column: 1 / -1; }
@media (max-width: 640px) { .vn-kariyerform .vn-form-grid { grid-template-columns: minmax(0, 1fr); } }
.vn-kariyerform select.vn-input { appearance: auto; }
.vn-dosya { position: relative; display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 12px; align-items: center; margin: 0; padding: 12px 14px; border: 1.5px dashed var(--vn-line-strong); border-radius: 12px; background: var(--vn-bg); cursor: pointer; transition: border-color .15s, background-color .15s; }
.vn-dosya:hover, .vn-dosya:focus-within { border-color: var(--vn-blue); background: var(--vn-blue-wash); }
.vn-dosya.is-dolu { border-style: solid; border-color: var(--vn-teal); background: var(--vn-teal-wash); }
.vn-dosya > i { color: var(--vn-blue); font-size: 16px; }
.vn-dosya.is-dolu > i { color: var(--vn-teal); }
.vn-dosya span { font-size: 14px; font-weight: 400; color: var(--vn-text-2); overflow-wrap: anywhere; }
.vn-dosya.is-dolu span { color: var(--vn-ink); font-weight: 600; }
.vn-dosya em { font-style: normal; padding: 6px 12px; border-radius: 9px; border: 1px solid var(--vn-line-strong); background: var(--vn-surface); font-size: 13px; font-weight: 600; color: var(--vn-ink); }
.vn-dosya input[type="file"] { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; }

/* Kariyer: ilan kartındaki künye satırı ve teknoloji ızgarası */
.vn-ilanmeta { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0; margin: 0; border: 1px solid var(--vn-line); border-radius: 12px; background: var(--vn-bg); overflow: hidden; }
.vn-ilanmeta > div { padding: 10px 14px; border-left: 1px solid var(--vn-line); min-width: 0; }
.vn-ilanmeta > div:first-child { border-left: 0; }
.vn-ilanmeta dt { font-family: var(--vn-font-mono); font-size: 11px; letter-spacing: .06em; text-transform: uppercase; font-weight: 500; color: var(--vn-text-2); }
.vn-ilanmeta dd { margin: 2px 0 0; font-size: 13.5px; font-weight: 600; line-height: 1.35; color: var(--vn-ink); }
@media (max-width: 560px) { .vn-ilanmeta { grid-template-columns: minmax(0, 1fr); } .vn-ilanmeta > div { border-left: 0; border-top: 1px solid var(--vn-line); } .vn-ilanmeta > div:first-child { border-top: 0; } }
/* Kariyer sayfası: kullandığımız araçlar. (Adı .vn-araclar idi; Araçlar sayfasının kartlarıyla çakışıp onları bozuyordu.) */
.vn-kariyerarac { display: grid; gap: var(--vn-3); grid-template-columns: repeat(4, minmax(0, 1fr)); margin: var(--vn-4) 0 var(--vn-3); }
@media (max-width: 900px) { .vn-kariyerarac { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.vn-kariyerarac > div { position: relative; display: grid; gap: 1px; align-content: center; min-height: 68px; padding: 12px 14px 12px 62px; border-radius: 14px; background: var(--vn-surface); border: 1px solid var(--vn-line); min-width: 0; }
.vn-kariyerarac i { position: absolute; left: 14px; top: 50%; transform: translateY(-50%); width: 36px; height: 36px; display: grid; place-items: center; border-radius: 10px; background: var(--vn-blue-wash); color: var(--vn-blue); font-size: 16px; }
.vn-kariyerarac > div:nth-child(even) i { background: var(--vn-teal-wash); color: var(--vn-teal); }
.vn-kariyerarac strong { font-family: var(--vn-font-head); font-size: 15px; color: var(--vn-ink); }
.vn-kariyerarac small { font-size: 12.5px; color: var(--vn-text-2); }

/* Transfer adımları kutusu üstteki ve alttaki bölümlerle aynı genişlikte; başlık sola yaslı */
.vn-transferadim { max-width: none; margin: var(--vn-6) 0 0; }
.vn-transferadim h3, .vn .vn-transferadim h3 { text-align: left; font-size: 22px; }
@media (min-width: 900px) { .vn-transferadim ol { grid-template-columns: repeat(4, minmax(0, 1fr)); } }

/* Alan adı sorgulama sonuçları: tam eşleşme kartı, öne çıkan uzantı kartları, öneri listesi (WHMCS'in kimlik ve sınıfları aynı) */
body #order-standard_cart .domain-checker-container .tooltip { display: none !important; }
body #order-standard_cart #DomainSearchResults { margin-top: var(--vn-5); }
body #order-standard_cart .primary-domain-header { display: inline-flex; align-items: center; gap: 8px; margin: 0 0 10px; padding: 0; border: 0; background: none; font-family: var(--vn-font-mono); font-size: 12px; letter-spacing: .08em; text-transform: uppercase; font-weight: 600; color: var(--vn-teal); }
body #order-standard_cart .primary-domain-header::before { content: ""; width: 28px; height: 3px; border-radius: 2px; background: var(--vn-teal); }
body #order-standard_cart .domain-checker-result-headline { margin: 0 0 var(--vn-5); padding: clamp(18px, 2.4vw, 28px); border-radius: 18px; border: 1px solid var(--vn-line); border-left: 5px solid var(--vn-line-strong); background: var(--vn-surface); text-align: left; }
body #order-standard_cart .domain-checker-result-headline:has(.domain-available:not([style*="none"])) { border-color: color-mix(in srgb, var(--vn-teal) 40%, transparent); border-left-color: var(--vn-teal); background: linear-gradient(90deg, var(--vn-teal-wash), var(--vn-surface) 55%); }
body #order-standard_cart .domain-checker-result-headline:has(.domain-unavailable:not([style*="none"])), body #order-standard_cart .domain-checker-result-headline:has(.domain-tld-unavailable:not([style*="none"])), body #order-standard_cart .domain-checker-result-headline:has(.domain-invalid:not([style*="none"])) { border-left-color: #C0392B; }
body #order-standard_cart #primaryLookupResult[style*="block"] { display: grid !important; grid-template-columns: minmax(0, 1fr) auto; gap: 12px 24px; align-items: center; }
body #order-standard_cart #primaryLookupResult > p { margin: 0; text-align: left; }
body #order-standard_cart #primaryLookupResult .domain-available, body #order-standard_cart #primaryLookupResult .domain-unavailable, body #order-standard_cart #primaryLookupResult .domain-tld-unavailable, body #order-standard_cart #primaryLookupResult .domain-invalid { grid-column: 1; position: relative; padding-left: 52px; min-height: 40px; align-content: center; font-family: var(--vn-font-head); font-size: clamp(17px, 1.9vw, 22px); font-weight: 600; line-height: 1.35; }
body #order-standard_cart #primaryLookupResult .domain-available:not([style*="none"]), body #order-standard_cart #primaryLookupResult .domain-unavailable:not([style*="none"]), body #order-standard_cart #primaryLookupResult .domain-tld-unavailable:not([style*="none"]), body #order-standard_cart #primaryLookupResult .domain-invalid:not([style*="none"]) { display: grid !important; }
body #order-standard_cart #primaryLookupResult .domain-available { color: var(--vn-ink); }
body #order-standard_cart #primaryLookupResult .domain-available strong { color: var(--vn-teal); }
body #order-standard_cart #primaryLookupResult .domain-available::before, body #order-standard_cart #primaryLookupResult .domain-unavailable::before, body #order-standard_cart #primaryLookupResult .domain-tld-unavailable::before, body #order-standard_cart #primaryLookupResult .domain-invalid::before { content: "\f00c"; font-family: "Font Awesome 6 Pro", "Font Awesome 5 Pro", "Font Awesome 5 Free"; font-weight: 900; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 40px; height: 40px; display: grid; place-items: center; border-radius: 12px; background: var(--vn-teal); color: #fff; font-size: 17px; }
body #order-standard_cart #primaryLookupResult .domain-unavailable::before, body #order-standard_cart #primaryLookupResult .domain-tld-unavailable::before, body #order-standard_cart #primaryLookupResult .domain-invalid::before { content: "\f00d"; background: color-mix(in srgb, #C0392B 14%, transparent); color: #C0392B; }
body #order-standard_cart #primaryLookupResult .domain-length-restrictions { display: block; font-family: var(--vn-font-body); font-size: 14px; font-weight: 400; color: var(--vn-text-2); }
body #order-standard_cart #primaryLookupResult .domain-price { grid-column: 2; grid-row: 1; display: flex; align-items: center; gap: 16px; white-space: nowrap; }
body #order-standard_cart #primaryLookupResult .domain-price[style*="none"] { display: none; }
body #order-standard_cart #primaryLookupResult .domain-price .price { font-family: var(--vn-font-head); font-size: clamp(22px, 2.4vw, 28px); font-weight: 700; color: var(--vn-ink); }
body #order-standard_cart #primaryLookupResult .domain-price .btn-add-to-cart { background: var(--vn-lime); border-color: var(--vn-lime); color: var(--vn-navy); padding: 12px 22px; border-radius: 12px; font-family: var(--vn-font-head); font-size: 16px; font-weight: 700; }
body #order-standard_cart #primaryLookupResult .domain-price .btn-add-to-cart:hover { filter: brightness(.95); }
body #order-standard_cart #primaryLookupResult .domain-error, body #order-standard_cart #primaryLookupResult .domain-contact-support, body #order-standard_cart #primaryLookupResult .idn-language-selector { grid-column: 1 / -1; }
body #order-standard_cart #primaryLookupResult .domain-error:empty { display: none; }
.vn-alinmis { display: none; grid-column: 1 / -1; align-items: center; justify-content: space-between; gap: 12px 16px; flex-wrap: wrap; padding: 12px 16px; border-radius: 12px; background: var(--vn-bg); border: 1px solid var(--vn-line); font-family: var(--vn-font-body); font-size: 14.5px; font-weight: 400; color: var(--vn-text); }
.vn-alinmis i { color: var(--vn-blue); margin-right: 6px; }
body #order-standard_cart #primaryLookupResult:has(.domain-unavailable:not([style*="none"])) .vn-alinmis { display: flex; }
body #order-standard_cart .domain-lookup-primary-loader { margin: 0; text-align: left; color: var(--vn-text-2); font-weight: 500; }
@media (max-width: 720px) { body #order-standard_cart #primaryLookupResult { grid-template-columns: minmax(0, 1fr); } body #order-standard_cart #primaryLookupResult .domain-price { grid-column: 1; grid-row: auto; justify-content: space-between; flex-wrap: wrap; white-space: normal; } }
/* .tr tahsis listesi açıklaması (TAKIL / TAKAL) */
.vn-trliste { grid-column: 1 / -1; }
.vn-trliste[hidden], .vn-trliste > [hidden] { display: none !important; }
.vn-trliste > div { display: flex; align-items: flex-start; gap: 12px 14px; flex-wrap: wrap; padding: 14px 16px; border-radius: 12px; border: 1px solid var(--vn-line); border-left: 3px solid var(--vn-amber); background: var(--vn-bg); text-align: left; font-family: var(--vn-font-body); }
.vn-trliste > div[data-vn-trliste="takal"] { border-left-color: var(--vn-red); }
.vn-trliste > div > i { margin-top: 3px; color: var(--vn-text-2); }
.vn-trliste > div > div { flex: 1 1 260px; min-width: 0; }
.vn-trliste strong { display: block; margin-bottom: 4px; color: var(--vn-text); }
.vn-trliste p { margin: 0; font-size: 14px; line-height: 1.55; color: var(--vn-text-2); overflow-wrap: anywhere; }
body #order-standard_cart #primaryLookupResult.vn-trkapali .domain-price, body #order-standard_cart #primaryLookupResult.vn-trkapali .domain-available { display: none !important; }
body #order-standard_cart .btn-add-to-cart.vn-trkapali-dugme { display: none !important; }
body #order-standard_cart #primaryLookupResult.vn-trbekle { display: none !important; }
body #order-standard_cart .btn-add-to-cart.vn-trbekle-dugme { visibility: hidden; }
body #order-standard_cart #primaryLookupResult.vn-trhata .domain-unavailable, body #order-standard_cart #primaryLookupResult.vn-trhata .vn-alinmis, body #order-standard_cart #primaryLookupResult.vn-trtakal .vn-alinmis { display: none !important; }
.vn-trnotu { display: block; font-size: 12px; color: var(--vn-text-2); }
.vn-sonucetiket { margin: 0 0 10px; }
/* Öne çıkan uzantı kartları */
body #order-standard_cart .spotlight-tlds { margin: 0 0 var(--vn-5); padding: 0; background: none; }
body #order-standard_cart .spotlight-tlds-container { display: grid; gap: var(--vn-3); grid-template-columns: repeat(4, minmax(0, 1fr)); margin: 0; }
@media (max-width: 900px) { body #order-standard_cart .spotlight-tlds-container { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
body #order-standard_cart .spotlight-tld-container { width: auto !important; float: none; padding: 0; margin: 0; }
body #order-standard_cart .spotlight-tld { height: 100%; margin: 0; padding: 16px 16px 14px; display: grid; gap: 4px; align-content: start; text-align: left; border-radius: 16px; border-top: 4px solid var(--vn-blue); font-family: var(--vn-font-head); font-size: 22px; font-weight: 700; color: var(--vn-ink); }
body #order-standard_cart .spotlight-tld-container:nth-child(2n) .spotlight-tld { border-top-color: var(--vn-teal); }
body #order-standard_cart .spotlight-tld-container:nth-child(3n) .spotlight-tld { border-top-color: var(--vn-lime); }
body #order-standard_cart .spotlight-tld .domain-lookup-result { display: grid; gap: 10px; margin-top: 2px; }
body #order-standard_cart .spotlight-tld .available.price { font-family: var(--vn-font-mono); font-size: 14px; font-weight: 500; color: var(--vn-text-2); }
body #order-standard_cart .spotlight-tld .btn:not(.domain-contact-support) { width: 100%; padding: 9px 12px; border: 1px solid var(--vn-blue); border-radius: 10px; background: var(--vn-blue); color: #fff !important; opacity: 1; font-family: var(--vn-font-head); font-size: 14px; font-weight: 600; }
body #order-standard_cart .spotlight-tld .btn:not(.domain-contact-support):hover { background: var(--vn-blue-hover, var(--vn-blue)); filter: brightness(.95); }
body #order-standard_cart .spotlight-tld .btn.unavailable, body #order-standard_cart .spotlight-tld .btn.invalid { background: var(--vn-bg) !important; border-color: var(--vn-line) !important; color: var(--vn-text-2) !important; opacity: 1; cursor: default; font-weight: 500; }
/* Öneri listesi */
body #order-standard_cart .suggested-domains { border-radius: 18px; background: var(--vn-surface); }
body #order-standard_cart .suggested-domains .card-header { padding: 14px 18px; border-bottom: 1px solid var(--vn-line); }
body #order-standard_cart .suggested-domains .card-header i { color: var(--vn-lime-ink); margin-right: 6px; font-size: 13px; }
body #order-standard_cart .suggested-domains .list-group-item { display: flex; align-items: center; flex-wrap: nowrap; gap: 0; padding: 12px 18px; border-left: 0; border-right: 0; border-radius: 0; }
body #order-standard_cart .suggested-domains .list-group-item.w-hidden { display: none; }
body #order-standard_cart .suggested-domains .list-group-item:hover { background: var(--vn-blue-wash); }
body #order-standard_cart .suggested-domains .domain, body #order-standard_cart .suggested-domains .extension { font-family: var(--vn-font-head); font-size: 16px; }
body #order-standard_cart .suggested-domains .domain { font-weight: 500; color: var(--vn-text); min-width: 0; overflow-wrap: anywhere; }
body #order-standard_cart .suggested-domains .extension { font-weight: 700; color: var(--vn-blue); }
body #order-standard_cart .suggested-domains .actions { margin-left: auto; padding-left: 14px; display: flex; align-items: center; gap: 14px; float: none; flex: none; position: static; width: auto; }
body #order-standard_cart .suggested-domains .price { font-family: var(--vn-font-head); font-size: 16px; font-weight: 700; color: var(--vn-ink); }
body #order-standard_cart .suggested-domains .btn:not(.domain-contact-support) { padding: 8px 14px; border-radius: 10px; font-family: var(--vn-font-head); font-size: 13.5px; }
body #order-standard_cart .suggested-domains .btn .to-add::before { content: "\f217"; font-family: "Font Awesome 6 Pro", "Font Awesome 5 Pro", "Font Awesome 5 Free"; font-weight: 900; margin-right: 6px; font-size: 12px; }
body #order-standard_cart .btn-add-to-cart.checkout, body #order-standard_cart .btn-add-to-cart:has(.added[style*="inline"]) { background: var(--vn-teal) !important; border-color: var(--vn-teal) !important; color: #fff !important; }
body #order-standard_cart .suggested-domains .more-suggestions { padding: 14px; background: var(--vn-bg); border-top: 1px solid var(--vn-line); }
body #order-standard_cart .suggested-domains .more-suggestions a { display: inline-block; padding: 9px 18px; border-radius: 10px; border: 1px solid var(--vn-line-strong); background: var(--vn-surface); font-family: var(--vn-font-head); font-weight: 600; font-size: 14px; color: var(--vn-ink); text-decoration: none; }
body #order-standard_cart .suggested-domains .more-suggestions a:hover { border-color: var(--vn-blue); color: var(--vn-blue); }
body #order-standard_cart .domain-suggestions-warning { padding: 12px 18px 14px; }
body #order-standard_cart .domain-suggestions-warning p { margin: 0; font-size: 12.5px; color: var(--vn-text-2); }
@media (max-width: 560px) { body #order-standard_cart .suggested-domains .list-group-item { flex-wrap: wrap; row-gap: 8px; } body #order-standard_cart .suggested-domains .actions { width: 100%; justify-content: space-between; margin-left: 0; padding-left: 0; } }
body #order-standard_cart .spotlight-tld .btn span { color: inherit !important; font-size: inherit; }
.vn-alanadi-ikili { margin-top: var(--vn-5); }
body #order-standard_cart .suggested-domains .list-group-item[style*="block"] { display: flex !important; }
/* Öneri satırları telefonda: fiyat tek satır, düğme kendi genişliğinde */
body #order-standard_cart .suggested-domains .price { white-space: nowrap; }
body #order-standard_cart .suggested-domains .actions .btn { flex: none; width: auto; white-space: nowrap; }
body #order-standard_cart .spotlight-tld .btn.unavailable, body #order-standard_cart .spotlight-tld .btn.invalid { background: transparent !important; border-style: dashed !important; }

/* Alan adı ayarları (confdomains): solda alan adı kartları ve nameserver, sağda bilgi */
.vn-alanayar { display: grid; gap: var(--vn-4); grid-template-columns: minmax(0, 1fr); align-items: start; }
@media (min-width: 1100px) { .vn-alanayar { grid-template-columns: minmax(0, 7fr) minmax(0, 3fr); } }
.vn-alanayar__ana, .vn-alanayar__yan { display: grid; gap: var(--vn-4); min-width: 0; }
.vn-alanayar__alan { border-top: 4px solid var(--vn-teal); }
.vn-alanayar__bas { display: grid; grid-template-columns: 52px minmax(0, 1fr); gap: 14px; align-items: center; }
.vn-alanayar__ikon { width: 52px; height: 52px; display: grid; place-items: center; border-radius: 14px; background: var(--vn-grad); color: #fff; font-size: 20px; }
.vn-alanayar__bas .vn-label { margin: 0 0 2px; }
.vn .vn-alanayar__bas h2, .vn-alanayar__bas h2 { margin: 0; font-size: clamp(20px, 2.2vw, 26px); overflow-wrap: anywhere; }
.vn-alanayar .vn-ilanmeta dd a { color: var(--vn-blue); text-decoration: none; }
.vn-alanayar .vn-ilanmeta dd a:hover { text-decoration: underline; }
.vn-alanayar .vn-ilanmeta dd a i { font-size: 10px; }
.vn-alanayar__var { color: var(--vn-teal); }
.vn-alanayar__ekbas { margin: 4px 0 0; }
.vn-alanayar__ekler { display: grid; gap: 12px; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); margin: 0; }
body #order-standard_cart .vn-alanayar .panel-addon { display: flex; flex-direction: column; margin: 0; border-radius: 16px; background: var(--vn-surface); cursor: pointer; transition: border-color .15s, box-shadow .15s; text-align: left; }
body #order-standard_cart .vn-alanayar .panel-addon:hover { border-color: var(--vn-blue); box-shadow: 0 0 0 3px var(--vn-blue-wash); }
body #order-standard_cart .vn-alanayar .panel-addon-selected { border-color: var(--vn-teal); box-shadow: 0 0 0 3px var(--vn-teal-wash); }
body #order-standard_cart .vn-alanayar .panel-addon .panel-body { position: relative; flex: 1; padding: 16px 16px 12px 68px; text-align: left; background: transparent; }
.vn-alanayar__ekikon { position: absolute; left: 16px; top: 16px; width: 40px; height: 40px; display: grid; place-items: center; border-radius: 11px; background: var(--vn-blue-wash); color: var(--vn-blue); font-size: 16px; }
body #order-standard_cart .vn-alanayar .panel-addon-selected .vn-alanayar__ekikon { background: var(--vn-teal-wash); color: var(--vn-teal); }
body #order-standard_cart .vn-alanayar .panel-addon label { display: flex; align-items: center; gap: 8px; margin: 0 0 4px; font-family: var(--vn-font-head); font-size: 16px; font-weight: 600; color: var(--vn-ink); cursor: pointer; }
body #order-standard_cart .vn-alanayar .panel-addon label input, body #order-standard_cart .vn-alanayar .panel-addon label .iradio_square-blue, body #order-standard_cart .vn-alanayar .panel-addon label .icheckbox_square-blue { flex: none; margin: 0; }
body #order-standard_cart .vn-alanayar .panel-addon .panel-body p { margin: 0; font-size: 13.5px; line-height: 1.5; color: var(--vn-text-2); }
body #order-standard_cart .vn-alanayar .panel-addon .panel-price { padding: 10px 16px; text-align: left; background: var(--vn-bg); border-top: 1px solid var(--vn-line); font-family: var(--vn-font-head); font-size: 17px; font-weight: 700; color: var(--vn-ink); }
body #order-standard_cart .vn-alanayar .panel-addon .panel-price small { font-family: var(--vn-font-body); font-size: 13px; font-weight: 400; color: var(--vn-text-2); }
body #order-standard_cart .vn-alanayar .panel-addon .panel-add { padding: 11px 16px; text-align: center; font-family: var(--vn-font-head); font-size: 14px; font-weight: 600; color: #fff; background: var(--vn-blue); border-radius: 0 0 15px 15px; }
body #order-standard_cart .vn-alanayar .panel-addon-selected .panel-add { background: var(--vn-teal); }
.vn-alanayar__alanlar { display: grid; gap: var(--vn-4); grid-template-columns: repeat(2, minmax(0, 1fr)); }
.vn-alanayar__ns { display: grid; gap: var(--vn-4); grid-template-columns: repeat(2, minmax(0, 1fr)); }
.vn-alanayar__ns--uc { grid-template-columns: repeat(3, minmax(0, 1fr)); margin-top: 14px; }
@media (max-width: 640px) { .vn-alanayar__alanlar, .vn-alanayar__ns, .vn-alanayar__ns--uc { grid-template-columns: minmax(0, 1fr); } }
.vn-alanayar__ns input { font-family: var(--vn-font-mono); font-size: 14px; }
.vn-alanayar__nsek summary { cursor: pointer; font-family: var(--vn-font-head); font-size: 14px; font-weight: 600; color: var(--vn-blue); list-style: none; }
.vn-alanayar__nsek summary::-webkit-details-marker { display: none; }
.vn-alanayar__nsek summary i { margin-right: 4px; }
.vn-alanayar__nsek[open] summary i::before { content: "\f056"; }
.vn-alanayar__dugme { display: flex; flex-wrap: wrap; gap: 12px; justify-content: space-between; align-items: center; }
.vn-alanayar .vn-btn--lg { padding: 14px 28px; font-size: 16px; }
@media (max-width: 560px) { .vn-alanayar__dugme > * { width: 100%; justify-content: center; } .vn-alanayar__dugme { flex-direction: column-reverse; } }

/* Alt menü: ETBİS ve RIPE NCC kutuları yan yana (dar sütunda alt alta) */
.vn-rozetler { display: flex; flex-wrap: wrap; gap: 10px; margin-top: var(--vn-4); }
.vn-rozetler .vn-etbis { margin-top: 0; }
.vn-etbis__ikon { width: 76px; height: 76px; display: grid; place-items: center; border-radius: 8px; background: rgba(255, 255, 255, .1); color: var(--vn-lime); font-size: 28px; }
.vn-etbis--ripe { grid-template-columns: 76px auto; }

/* ETBİS ve RIPE NCC kutuları alt menüde kendi satırında, yan yana */
.vn-rozetler { margin: var(--vn-5) 0 0; gap: 12px; align-items: stretch; }
.vn-etbis--ripe { grid-template-columns: auto auto; }
.vn-etbis__logo { display: block; height: 76px; width: auto; padding: 8px 10px; border-radius: 8px; background: #fff; }
@media (max-width: 640px) { .vn-rozetler .vn-etbis { width: 100%; } .vn-etbis__logo { height: 64px; } .vn-etbis--ripe { grid-template-columns: auto minmax(0, 1fr); } }
.vn-etbis img.vn-etbis__logo { width: auto; height: 76px; aspect-ratio: 992 / 292; padding: 10px 12px; box-sizing: border-box; object-fit: contain; }
@media (max-width: 640px) { .vn-etbis img.vn-etbis__logo { height: 60px; padding: 8px 10px; } }
@media (max-width: 640px) { .vn-etbis img.vn-etbis__logo { height: 48px; padding: 6px 8px; } .vn-etbis--ripe strong { white-space: nowrap; } }
/* RIPE logosu: karekodla aynı yükseklikte, daha dar bir kutuda (logo orantısı korunur) */
.vn-etbis img.vn-etbis__logo { width: 132px; height: 76px; aspect-ratio: auto; padding: 8px 10px; }
@media (max-width: 640px) { .vn-etbis img.vn-etbis__logo { width: 132px; height: 76px; padding: 8px 10px; } }
/* Yasal sayfalarda "diğer yasal metinler": dört kart 2 × 2 */
@media (min-width: 700px) { .vn-yasal .vn-related { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.vn-yasal .vn-related a:last-child:nth-child(odd) { grid-column: 1 / -1; }
.vn-yasal__taslak { border-left-color: #D97706; background: color-mix(in srgb, #D97706 10%, var(--vn-surface)); }

/* ---------- Yazdırma: yalnızca içerik basılır; menüler, alt menü, çubuklar ve düğmeler gizlenir ---------- */
@media print {
  @page { margin: 16mm 14mm; }
  html, body, body.vn-shell, body.vn-public { background: #fff !important; height: auto !important; min-height: 0 !important; }
  .vn-side, .vn-top, .vn-util, .vn-header, #header, .vn-footer, #footer, .vn-app__foot, .vn-tabbar, .vn-cerez, .vn-dialog, dialog,
  .vn-page__nav, .vn-yasal__yan, .vn-yasal__gizle, .vn-yasal__icmobil, .vn-yasal__kunye .vn-btn, .vn-ghero__icon, .vn-ghero__crumb,
  .vn-page__cta, .vn-hesap-sekme, .master-breadcrumb, #vnMenuDar, .vn-yasal__taslak ~ .vn-yok { display: none !important; }
  .vn-app, .vn-app__body, #main-body, #main-body > div, .vn-page, .vn-page__grid, .vn-page__body { display: block !important; width: auto !important; max-width: none !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; grid-template-columns: none !important; }
  .vn-app__body { margin-left: 0 !important; }
  /* Başlık bandı: renkli zemin yerine sade başlık */
  .vn-ghero { background: none !important; color: #0B2A4A !important; padding: 0 0 6mm !important; margin: 0 0 6mm !important; border: 0 !important; border-bottom: 2px solid #0B2A4A !important; border-radius: 0 !important; box-shadow: none !important; min-height: 0 !important; }
  .vn-ghero * { color: #0B2A4A !important; }
  .vn-ghero__h, .vn-ghero h1 { font-size: 20pt !important; margin: 0 !important; }
  /* Yasal metin: künye tek satır, özet kartları ve bölümler sade çerçeveli */
  .vn-yasal__kunye { display: flex !important; flex-wrap: wrap; gap: 4mm 10mm !important; margin: 0 0 5mm !important; }
  .vn-yasal__kunye > div { border: 0 !important; background: none !important; padding: 0 !important; display: block !important; }
  .vn-yasal__kunye > div > i { display: none !important; }
  .vn-yasal__kunye span { display: block; font-size: 8pt !important; }
  .vn-yasal__kunye b { font-size: 10.5pt !important; }
  .vn-yasal__ust > .vn-label { margin: 0 0 2mm !important; }
  .vn-yasal__ozet { display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 4mm !important; }
  .vn-yasal__ozet > div { border: 1px solid #C9D3DF !important; border-top: 2px solid #0B2A4A !important; border-radius: 0 !important; background: #fff !important; padding: 3mm !important; break-inside: avoid; }
  .vn-yasal__ozet i { display: none !important; }
  .vn-yasal__ozet h3 { font-size: 11pt !important; }
  .vn-yasal__ozet p, .vn-yasal__not { font-size: 9pt !important; }
  .vn-yasal__govde { display: block !important; margin: 0 !important; }
  .vn-yasal__bolum { border: 0 !important; border-radius: 0 !important; background: none !important; box-shadow: none !important; padding: 0 !important; margin: 0 0 6mm !important; break-inside: auto; }
  .vn-yasal__bolum--giris { border-left: 2px solid #C9D3DF !important; padding-left: 4mm !important; }
  .vn-yasal__bolum h2, .vn .vn-yasal__bolum h2 { font-size: 13pt !important; margin: 0 0 3mm !important; padding-bottom: 2mm !important; border-bottom: 1px solid #C9D3DF !important; break-after: avoid; }
  .vn .vn-yasal__bolum h2.vn-yasal__alt, .vn-yasal__bolum h2.vn-yasal__alt { font-size: 11.5pt !important; border-bottom: 0 !important; border-left: 2px solid #0B2A4A !important; margin-top: 4mm !important; }
  .vn-yasal__no { background: none !important; color: #0B2A4A !important; border: 1px solid #0B2A4A; width: auto !important; height: auto !important; padding: 0 2mm; font-size: 10pt !important; }
  .vn .vn-yasal__bolum p, .vn-yasal__bolum p, .vn-yasal__bolum li { font-size: 10.5pt !important; line-height: 1.5 !important; color: #111 !important; orphans: 3; widows: 3; }
  .vn-yasal__bolum ul > li::before { background: #0B2A4A !important; }
  .vn-yasal__madde { background: none !important; color: #0B2A4A !important; padding: 0 !important; }
  .vn-yasal__bolum table { font-size: 9.5pt !important; break-inside: auto; }
  .vn-yasal__bolum tr { break-inside: avoid; }
  .vn-yasal__bolum th, .vn-yasal__bolum td, .vn-yasal__tbas td { border: 1px solid #C9D3DF !important; background: #fff !important; color: #111 !important; }
  .vn-yasal__taslak { border: 1px solid #999 !important; background: #fff !important; }
  .vn-yasal a, .vn-page__body a { color: #0B2A4A !important; text-decoration: none !important; }
  /* Genel: kartlarda gölge ve renkli zemin basılmasın */
  .vn-card, .vn-feat, .vn-kunye > div, .vn-fark__kart, .vn-tkart { box-shadow: none !important; break-inside: avoid; }
  * { -webkit-print-color-adjust: economy; print-color-adjust: economy; }
}
/* Bootstrap yazdırmada gövdeyi 992 px'e zorluyor; çıktı küçülüp sağdan kesiliyordu */
@media print { html, body, body.vn-shell, body.vn-public, .container { min-width: 0 !important; width: auto !important; } }
/* Ödeme: açık rıza kutusu uzun metin taşıdığı için sola yaslı, satır içinde sarar */
body .vn-odeme #order-standard_cart .vn-sozlesme--riza label { display: flex; flex-wrap: nowrap; align-items: flex-start; justify-content: flex-start; text-align: left; max-width: 620px; margin-inline: auto; font-size: 14px; line-height: 1.5; }
body .vn-odeme #order-standard_cart .vn-sozlesme--riza label > span { flex: 1; min-width: 0; }
body .vn-odeme #order-standard_cart .vn-sozlesme--riza input { flex: none; margin-top: 3px; }

/* Kayıt formu son adım: robot doğrulaması solda, "Kayıt ol" sağda; tek bant */
.vn-register__son { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 16px 24px; padding: var(--vn-4) var(--vn-5); border-radius: 16px; background: var(--vn-blue-wash); border: 1px solid var(--vn-line); }
.vn-register__son .vn-register__captcha { min-width: 0; }
.vn-register__son .vn-register__captcha:empty { display: none; }
.vn-register__son .vn-register__captcha .text-center, .vn-register__son .vn-register__captcha .row, .vn-register__son .vn-register__captcha [class*="col-"] { text-align: left; margin: 0; padding: 0; max-width: none; flex: none; width: auto; }
.vn-register__son .vn-register__captcha .recaptcha-container, .vn-register__son .vn-register__captcha .form-group { margin: 0; }
.vn-register__son .vn-register__submit { display: grid; gap: 8px; justify-items: stretch; padding: 0; border: 0; background: none; border-radius: 0; margin-left: auto; }
.vn-register__son .vn-register__submit .vn-btn { min-width: 260px; min-height: 52px; font-size: 17px; }
.vn-register__son .vn-register__submit small { text-align: center; font-size: 13px; color: var(--vn-text-2); }
@media (max-width: 720px) { .vn-register__son { justify-content: center; } .vn-register__son .vn-register__submit { width: 100%; margin-left: 0; } .vn-register__son .vn-register__submit .vn-btn { min-width: 0; width: 100%; } }

/* Kayıt: üyelik türü kartları; tür seçilmeden formun geri kalanı kapalı */
.vn-turipucu { display: none; margin: 0; padding: 10px 14px; border-radius: 12px; background: var(--vn-blue-wash); color: var(--vn-ink); font-size: 14.5px; font-weight: 500; }
.is-tursuz .vn-turipucu { display: block; }
.vn-turkartlar { display: grid; gap: 12px; grid-template-columns: repeat(2, minmax(0, 1fr)); }
@media (max-width: 560px) { .vn-turkartlar { grid-template-columns: minmax(0, 1fr); } }
.vn-turkart { display: grid; grid-template-columns: 48px minmax(0, 1fr); gap: 14px; align-items: center; padding: 16px 18px; border-radius: 16px; border: 1.5px solid var(--vn-line-strong); background: var(--vn-surface); text-align: left; cursor: pointer; color: inherit; font: inherit; transition: border-color .15s, box-shadow .15s, background-color .15s; }
.vn-turkart:hover { border-color: var(--vn-blue); box-shadow: 0 0 0 3px var(--vn-blue-wash); }
.vn-turkart > i { width: 48px; height: 48px; display: grid; place-items: center; border-radius: 13px; background: var(--vn-blue-wash); color: var(--vn-blue); font-size: 19px; }
.vn-turkart strong { display: block; font-family: var(--vn-font-head); font-size: 18px; font-weight: 700; color: var(--vn-ink); }
.vn-turkart small { display: block; font-size: 13.5px; line-height: 1.45; color: var(--vn-text-2); }
.vn-turkart[aria-pressed="true"] { border-color: var(--vn-teal); background: var(--vn-teal-wash); box-shadow: 0 0 0 3px color-mix(in srgb, var(--vn-teal) 22%, transparent); }
.vn-turkart[aria-pressed="true"] > i { background: var(--vn-teal); color: #fff; }
#frmCheckout.is-tursuz #containerNewUserSignup > section:not(:first-of-type), #frmCheckout.is-tursuz > section, #frmCheckout.is-tursuz > .vn-register__son, #frmCheckout.is-tursuz .linked-accounts ~ section:not(:first-of-type) { display: none; }
#frmCheckout.is-tursuz section:not([aria-labelledby="vnTypeTitle"]) { display: none; }

/* Kayıt: firma türü kartları (tüzel şirket / şahıs firması); radyo düğmesi kartın içinde gizli */
.vn-turkartlar--firma .vn-turkart { position: relative; margin: 0; font-weight: 400; }
.vn-turkartlar--firma .vn-turkart input { position: absolute; opacity: 0; pointer-events: none; }
.vn-turkartlar--firma .vn-turkart:has(input:checked) { border-color: var(--vn-teal); background: var(--vn-teal-wash); box-shadow: 0 0 0 3px color-mix(in srgb, var(--vn-teal) 22%, transparent); }
.vn-turkartlar--firma .vn-turkart:has(input:checked) > i { background: var(--vn-teal); color: #fff; }
.vn-turkartlar--firma .vn-turkart:has(input:focus-visible) { outline: 2px solid var(--vn-blue); outline-offset: 2px; }
.vn-turipucu--firma { display: none !important; }
.is-firmasiz .vn-turipucu--firma { display: block !important; }
/* Ödeme adımındaki yeni hesap formu: tür (ve kurumsalda firma türü) seçilmeden geri kalanı kapalı */
.is-tursuz .vn-turkapali { display: none; }
body .vn-odeme #order-standard_cart .vn-turkart { width: 100%; }
.vn-odeme__izin { margin: var(--vn-4) 0 0; padding: 14px 16px; border: 1px solid var(--vn-line); border-radius: 14px; background: var(--vn-bg); }
.vn-odeme__izin .vn-check { margin: 0; font-size: 14.5px; }
body .vn-odeme #order-standard_cart .vn-turkartlar--firma label.vn-turkart { display: grid; grid-template-columns: 48px minmax(0, 1fr); gap: 14px; align-items: center; margin: 0; padding: 16px 18px; font-weight: 400; cursor: pointer; }

/* Onay kutuları: zorunlu / isteğe bağlı etiketi; zorunlu kutu işaretli ve kilitli */
.vn-etk { font-style: normal; font-weight: 500; font-size: .9em; color: var(--vn-text-3); white-space: nowrap; }
.vn-etk--zor { color: #B45309; font-weight: 600; }
[data-vn-tema="dark"] .vn-etk--zor { color: #FBBF24; }
input.vn-kilit { cursor: not-allowed; accent-color: var(--vn-teal); }
label:has(> input.vn-kilit) { cursor: default; }

/* Ödeme: İzinler bölümü kayıt formundakiyle aynı (alt alta onay satırları) */
body .vn-odeme #order-standard_cart .vn-odeme__izinler { display: grid; gap: 14px; margin: 0 0 var(--vn-5); text-align: left; }
body .vn-odeme #order-standard_cart .vn-odeme__izinler .vn-check { display: flex; align-items: flex-start; gap: 10px; margin: 0; font-size: 15px; font-weight: 600; line-height: 1.5; color: var(--vn-text); cursor: pointer; }
body .vn-odeme #order-standard_cart .vn-odeme__izinler .vn-check input { width: 18px; height: 18px; margin: 3px 0 0; flex: none; accent-color: var(--vn-blue); }
body .vn-odeme #order-standard_cart .vn-odeme__izinler .vn-check input.vn-kilit { accent-color: var(--vn-teal); }
body .vn-odeme #order-standard_cart .vn-odeme__izinler .vn-check a { color: var(--vn-blue); font-weight: 600; text-decoration: none; }
body .vn-odeme #order-standard_cart .vn-odeme__izinler .vn-check a:hover { text-decoration: underline; }
body .vn-odeme #order-standard_cart .vn-odeme__izinler .vn-small { margin: 0; font-size: 13.5px; color: var(--vn-text-2); }
body .vn-odeme #order-standard_cart .vn-odeme__tamamla { padding-top: var(--vn-2); }
/* Ödeme: yeni hesapta üyelik türü seçilmeden formun devamı kapalı */
#frmCheckout.is-kapali #containerNewUserSignup ~ * { display: none !important; }

/* Ödeme son adım: robot doğrulaması solda, "Siparişi tamamla" sağda; tek bant */
body .vn-odeme #order-standard_cart .vn-odeme__tamamla { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 16px 24px; padding: var(--vn-4) var(--vn-5); border-radius: 16px; background: var(--vn-blue-wash); border: 1px solid var(--vn-line); text-align: left; }
body .vn-odeme #order-standard_cart .vn-odeme__captcha { min-width: 0; }
body .vn-odeme #order-standard_cart .vn-odeme__captcha:empty { display: none; }
body .vn-odeme #order-standard_cart .vn-odeme__captcha .text-center, body .vn-odeme #order-standard_cart .vn-odeme__captcha .row, body .vn-odeme #order-standard_cart .vn-odeme__captcha [class*="col-"] { text-align: left; margin: 0; padding: 0; max-width: none; flex: none; width: auto; }
body .vn-odeme #order-standard_cart .vn-odeme__captcha .form-group, body .vn-odeme #order-standard_cart .vn-odeme__captcha .recaptcha-container { margin: 0; }
body .vn-odeme #order-standard_cart .vn-odeme__tamamla #btnCompleteOrder { margin: 0 0 0 auto; min-width: 260px; }
@media (max-width: 720px) { body .vn-odeme #order-standard_cart .vn-odeme__tamamla { justify-content: center; } body .vn-odeme #order-standard_cart .vn-odeme__tamamla #btnCompleteOrder { margin: 0; width: 100%; min-width: 0; } }
body .vn-odeme #order-standard_cart .vn-odeme__girisnot { margin: var(--vn-4) 0 0; padding: 10px 14px; border-radius: 12px; background: var(--vn-blue-wash); color: var(--vn-ink); font-size: 14px; text-align: left; }
body .vn-odeme #order-standard_cart .vn-odeme__girisnot i { color: var(--vn-blue); margin-right: 4px; }

/* Hizmet ayrıntısı: IP yönetimi (rDNS, trafik, geçmiş) */
.vn-ipyon { display: grid; gap: var(--vn-4); margin: 0 0 var(--vn-4); padding: var(--vn-5); border-radius: 16px; background: var(--vn-surface); border: 1px solid var(--vn-line); border-top: 4px solid var(--vn-blue); }
.vn-ipyon__ornek { margin: 0; padding: 10px 14px; border-radius: 12px; background: color-mix(in srgb, #D97706 10%, var(--vn-surface)); border: 1px solid color-mix(in srgb, #D97706 35%, transparent); font-size: 13.5px; color: var(--vn-ink); }
.vn-ipyon__ornek i { color: #D97706; margin-right: 4px; }
.vn-ipyon__liste { display: grid; gap: 10px; }
.vn-ipyon__ust { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px 16px; }
.vn-ipyon__sayi { margin: 0; font-size: 14.5px; color: var(--vn-text-2); }
.vn-ipyon__sayi b { color: var(--vn-ink); }
.vn-ipyon__ara { position: relative; margin: 0; flex: 0 1 320px; }
.vn-ipyon__ara i { position: absolute; left: 12px; top: 50%; transform: translateY(-50%); color: var(--vn-text-3); font-size: 13px; pointer-events: none; }
.vn-ipyon__ara input { padding-left: 34px; }
.vn-ipgrup { display: grid; gap: 10px; padding: var(--vn-4); border: 1px solid var(--vn-line); border-radius: 14px; scroll-margin-top: 90px; }
.vn-ipgrup[hidden], .vn-ipsatir[hidden] { display: none; }
.vn-ipgrup.is-hedef { border-color: var(--vn-blue); box-shadow: 0 0 0 3px var(--vn-blue-wash); }
.vn-ipgrup__bas { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 16px; }
.vn-ipgrup__bas h3 { margin: 0; font-size: 16.5px; }
.vn-ipgrup__bas p { margin: 2px 0 0; font-family: var(--vn-font-mono); font-size: 13px; color: var(--vn-text-3); overflow-wrap: anywhere; }
.vn-ipyd { display: grid; gap: 10px; grid-template-columns: minmax(180px, 240px) minmax(0, 1fr); align-items: start; }
.vn-ipyd__durum { display: grid; gap: 2px; padding: 12px 14px; border-radius: 12px; border: 1px solid var(--vn-line); border-left: 4px solid var(--vn-teal); background: var(--vn-bg); }
.vn-ipyd__durum.is-kapali { border-left-color: #C0392B; }
.vn-ipyd__durum span { font-family: var(--vn-font-mono); font-size: 11px; letter-spacing: .06em; text-transform: uppercase; color: var(--vn-text-2); }
.vn-ipyd__durum b { font-family: var(--vn-font-head); font-size: 20px; color: var(--vn-ink); }
.vn-ipyd__durum.is-kapali b { color: #C0392B; }
[data-vn-tema="dark"] .vn-ipyd__durum.is-kapali b { color: #FF8A7A; }
.vn-ipyd__durum small { font-size: 12.5px; color: var(--vn-text-2); }
@media (max-width: 640px) { .vn-ipyd { grid-template-columns: minmax(0, 1fr); } }
.vn-ipyd__sure { display: grid; gap: 4px; margin: 0; max-width: 260px; }
.vn-ipyd__sure span { font-size: 13.5px; font-weight: 600; color: var(--vn-ink); }
.vn-ipyd__sure small { font-size: 12.5px; color: var(--vn-text-3); }
/* Çok alan adlı antispam paketi: hizmet sayfasındaki alan adı listesi */
.vn-spamcok { margin: 0 0 var(--vn-4); padding: 16px; border: 1px solid var(--vn-line); border-left: 4px solid var(--vn-blue); border-radius: 14px; background: var(--vn-surface); text-align: left; }
.vn-spamcok__bas { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 4px 16px; margin-bottom: 10px; }
.vn-spamcok__bas strong { font-size: 16px; color: var(--vn-ink); }
.vn-spamcok__bas span { font-size: 13.5px; color: var(--vn-text-2); }
.vn-spamcok ul { list-style: none; margin: 0; padding: 0; }
.vn-spamcok li { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 12px; padding: 10px 0; border-top: 1px solid var(--vn-line); }
.vn-spamcok__ad { flex: 1 1 200px; min-width: 0; font-family: var(--vn-font-mono); font-size: 14px; color: var(--vn-ink); overflow-wrap: anywhere; }
.vn-spamcok li small { flex: 1 1 100%; font-size: 12.5px; color: var(--vn-text-2); overflow-wrap: anywhere; }
.vn-spamcok .vn-mxetiket { margin-left: 0; }
.vn-spamcok li form { margin: 0; }
.vn-spamcok__cikar { padding: 4px 6px; border: 0; background: none; font-size: 13px; color: var(--vn-text-2); text-decoration: underline; cursor: pointer; }
.vn-spamcok__cikar:hover { color: var(--vn-danger, #B42318); }
.vn-spamcok__bos { font-size: 14px; color: var(--vn-text-2); }
.vn-spamcok p.vn-spamcok__ileti { margin: 0 0 10px; padding: 10px 12px; border-radius: 10px; border: 1px solid var(--vn-line); font-size: 14px; max-width: none; }
.vn-spamcok p.vn-spamcok__ileti--tamam { border-color: #2E9E5B; }
.vn-spamcok p.vn-spamcok__ileti--hata { border-color: #D9822B; }
.vn-spamcok__ekle { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 10px; margin: 0; padding-top: 12px; border-top: 1px solid var(--vn-line); }
.vn-spamcok__ekle label { flex: 1 1 200px; min-width: 0; margin: 0; }
.vn-spamcok__ekle label span { display: block; margin-bottom: 4px; font-size: 13px; font-weight: 600; color: var(--vn-text-2); }
.vn-spamcok p.vn-spamcok__alt, .vn-spamcok__alt { margin: 8px 0 0; font-size: 13px; color: var(--vn-text-2); max-width: none; }
/* Antispam MX etiketi (hizmet listesi) */
.vn-mxetiket { display: inline-flex; align-items: center; gap: 5px; margin-left: 6px; padding: 1px 8px; border-radius: 6px; border: 1px solid; font-size: 12px; font-weight: 600; line-height: 1.6; white-space: nowrap; vertical-align: middle; }
.vn-mxetiket i { font-size: 10px; }
.vn-mxetiket--tamam { color: var(--vn-teal); border-color: color-mix(in srgb, var(--vn-teal) 45%, transparent); background: var(--vn-teal-wash); }
.vn-mxetiket--yanlis { color: var(--vn-red); border-color: color-mix(in srgb, var(--vn-red) 45%, transparent); background: var(--vn-red-wash); }
.vn-mxetiket--eksik { color: var(--vn-amber); border-color: color-mix(in srgb, var(--vn-amber) 45%, transparent); background: var(--vn-amber-wash); }
.vn-mxuyari.vn-mxuyari--tamam { border-left-color: var(--vn-teal); }
.vn-mxuyari.vn-mxuyari--tamam > i { color: var(--vn-teal); }
.vn .vn-mxuyari p, .vn-mxuyari p { max-width: none; }
.vn-mxuyari code { font-family: var(--vn-font-mono); font-size: 13px; background: none; padding: 0; color: var(--vn-ink); }
.vn-svc-list__yonet { white-space: nowrap; text-align: center; vertical-align: middle; }
body #tableServicesList th:last-child { text-align: center; }
.vn-svc-list__dugmeler { display: inline-flex; flex-direction: column; align-items: stretch; gap: 6px; }
.vn-svc-list__dugmeler .vn-spambag { justify-content: center; }
.vn-spambag.vn-spambag--ikincil, .vn a.vn-spambag.vn-spambag--ikincil { background: var(--vn-surface); border-color: var(--vn-line); color: var(--vn-text); }
.vn-spambag.vn-spambag--ikincil:hover { background: var(--vn-bg); border-color: var(--vn-blue); color: var(--vn-blue); }
/* Yönetim sütunu eklenince tablo dar ekranda kabına sığmayabilir: hücre boşlukları kısılır, yine sığmazsa tablo kendi içinde kaydırılır (sayfa taşmaz) */
#tableServicesList_wrapper { overflow-x: auto; }
@media (max-width: 1280px) { body #tableServicesList th, body #tableServicesList td { padding-left: 8px; padding-right: 8px; } .vn-svc-list__yonet .vn-spambag { padding: 4px 9px; } }
.vn-spambag, .vn a.vn-spambag { display: inline-flex; align-items: center; gap: 6px; margin: 0; padding: 5px 12px; border-radius: 6px; border: 1px solid color-mix(in srgb, var(--vn-blue) 45%, transparent); background: var(--vn-blue-wash); color: var(--vn-blue); font-size: 13px; font-weight: 600; line-height: 1.5; white-space: nowrap; vertical-align: middle; text-decoration: none; }
.vn-spambag:hover { background: var(--vn-blue); color: #fff; text-decoration: none; }
.vn-spambag i { font-size: 11px; }
/* Antispam MX uyarısı (hizmet ayrıntısı) */
.vn-mxuyari { display: flex; gap: 12px; margin: 0 0 var(--vn-4); padding: 16px; border-radius: 14px; background: var(--vn-surface); border: 1px solid var(--vn-line); border-left: 4px solid var(--vn-amber); text-align: left; }
.vn-mxuyari > i { color: var(--vn-amber); font-size: 20px; margin-top: 2px; }
.vn-mxuyari > div { min-width: 0; flex: 1; }
.vn-mxuyari strong { display: block; color: var(--vn-ink); font-size: 16px; }
.vn-mxuyari p { margin: 6px 0 0; font-size: 14px; line-height: 1.55; color: var(--vn-text-2); overflow-wrap: anywhere; }
.vn-mxuyari__ikili { display: grid; gap: 12px; grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: 12px; }
.vn-mxuyari__denetle { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; margin-top: 12px; }
.vn-mxuyari__sonuc { font-size: 13.5px; color: var(--vn-text-2); }
.vn-mxuyari__sonuc.is-tamam { color: var(--vn-teal); font-weight: 600; }
.vn-mxuyari__sonuc.is-uyari { color: var(--vn-amber); font-weight: 600; }
.vn-mxuyari__sonuc[hidden] { display: none; }
.vn-mxuyari__ikili--tek { grid-template-columns: minmax(0, 1fr); }
.vn-mxuyari__ikili--tek li { justify-content: space-between; padding: 6px 0; border-top: 1px solid var(--vn-line); }
.vn-mxuyari__ikili--tek li:first-child { border-top: 0; }
.vn-mxuyari__ikili--tek ul { gap: 0; }
.vn-mxuyari__ikili > div { padding: 12px 14px; border: 1px solid var(--vn-line); border-radius: 12px; background: var(--vn-bg); min-width: 0; }
.vn-mxuyari__ikili ul { list-style: none; margin: 8px 0 0; padding: 0; display: grid; gap: 6px; }
.vn-mxuyari__ikili li { display: flex; flex-wrap: wrap; gap: 4px 8px; align-items: baseline; font-size: 14px; }
.vn-mxuyari__ikili code { font-family: var(--vn-font-mono); font-size: 13px; color: var(--vn-ink); background: none; padding: 0; overflow-wrap: anywhere; }
.vn-mxuyari__ikili small { font-size: 12px; color: var(--vn-red); font-weight: 600; }
.vn-mxuyari__ikili small.is-tamam { color: var(--vn-teal); }
.vn-mxuyari__yok, .vn-mxuyari p.vn-mxuyari__yok { margin: 8px 0 0; font-size: 13.5px; }
.vn-mxuyari p.vn-mxuyari__alt { font-size: 13px; margin-top: 12px; }
@media (max-width: 640px) { .vn-mxuyari__ikili { grid-template-columns: minmax(0, 1fr); } .vn-mxuyari { padding: 14px; } .vn-mxuyari > i { display: none; } }
.vn-ipsaldiri { display: flex; gap: 12px; margin: 0 0 var(--vn-4); padding: 14px 16px; border-radius: 14px; background: color-mix(in srgb, #C0392B 8%, var(--vn-surface)); border: 1px solid color-mix(in srgb, #C0392B 40%, transparent); }
.vn-ipyon .vn-ipsaldiri { margin: 0; }
.vn-ipsaldiri > i { color: #C0392B; font-size: 20px; margin-top: 2px; }
.vn-ipsaldiri strong { display: block; color: var(--vn-ink); font-size: 16px; }
.vn-ipsaldiri p { margin: 4px 0 8px; font-size: 14px; color: var(--vn-text-2); max-width: 760px; }
.vn-ipsaldiri ul { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 6px 16px; }
.vn-ipsaldiri li b { font-family: var(--vn-font-mono); font-size: 14px; color: var(--vn-ink); }
.vn-ipsaldiri li span { font-size: 12.5px; color: var(--vn-text-2); }
.vn-ipsatir__saldiri { margin-left: 8px; font-style: normal; font-family: var(--vn-font-body, inherit); font-size: 12px; font-weight: 600; color: #C0392B; white-space: nowrap; }
[data-vn-tema="dark"] .vn-ipsaldiri > i, [data-vn-tema="dark"] .vn-ipsatir__saldiri { color: #FF8A7A; }
.vn-ipsatir--ortak .vn-ipsatir__yerel { flex: 1 1 320px; justify-content: flex-end; gap: 8px 12px; }
.vn-ipsatir--ortak .vn-ipsatir__yerel span { max-width: 420px; }
.vn-ipsatir--ortak .vn-ipsatir__yerel .vn-btn { flex: none; }
@media (max-width: 640px) { .vn-ipsatir--ortak .vn-ipsatir__yerel { flex-wrap: wrap; justify-content: flex-start; } }
.vn-ipsatir.is-vurgu { border-color: var(--vn-blue); box-shadow: 0 0 0 3px var(--vn-blue-wash); transition: box-shadow .2s; }
.vn-ipkara__ozet { display: flex; gap: 10px; margin: 0; max-width: none; padding: 11px 14px; border-radius: 12px; font-size: 14px; line-height: 1.5; font-weight: 600; }
.vn-ipkara__ozet.is-temiz { background: var(--vn-lime-wash); color: var(--vn-lime-ink); }
.vn-ipkara__ozet.is-listede { background: #FDECEC; color: #B42318; }
[data-vn-tema="dark"] .vn-ipkara__ozet.is-listede { background: #3A1512; color: #FFB4A8; }
.vn-ipkara__ozet i { margin-top: 3px; }
.vn-ipkara { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 8px; }
@media (max-width: 1100px) { .vn-ipkara { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
/* Telefonda tek sütun, sıkı satırlar: ad solda, durum sağda (dar kutuda adlar kelime ortasından bölünüyordu) */
@media (max-width: 520px) { .vn-ipkara { grid-template-columns: minmax(0, 1fr); gap: 6px; } .vn-ipkara li { grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 2px 10px; padding: 7px 10px; } .vn-ipkara li b { overflow-wrap: normal; } }
.vn-ipkara li { display: grid; grid-template-columns: minmax(0, 1fr); align-content: start; gap: 2px; padding: 9px 12px; border: 1px solid var(--vn-line); border-left: 4px solid var(--vn-teal); border-radius: 10px; background: var(--vn-bg); font-size: 13.5px; }
.vn-ipkara li.is-listede { border-left-color: #C0392B; }
.vn-ipkara li.is-bilinmiyor { border-left-color: var(--vn-line-strong); }
.vn-ipkara li b { font-weight: 600; color: var(--vn-ink); overflow-wrap: anywhere; }
.vn-ipkara li span { font-size: 12.5px; color: var(--vn-text-2); white-space: nowrap; }
.vn-ipkara li.is-listede span { color: #C0392B; font-weight: 700; }
[data-vn-tema="dark"] .vn-ipkara li.is-listede span { color: #FF8A7A; }
.vn-ipkara li a { grid-column: 1 / -1; font-size: 12.5px; font-weight: 600; }
.vn-ipkara__zaman { align-self: center; font-size: 12.5px; color: var(--vn-text-3); }
.vn-ipgrup__dugme { display: flex; flex-wrap: wrap; gap: 8px; }
.vn-ipgrup__dugme .vn-btn.is-on { border-color: var(--vn-blue); background: var(--vn-blue-wash); color: var(--vn-blue); }
.vn-ipgrup__panel { display: grid; gap: 12px; padding: 14px; border: 1px solid var(--vn-line); border-radius: 14px; background: var(--vn-surface); min-width: 0; }
.vn-ipgrup__panel[hidden] { display: none; }
.vn-iptop { display: grid; gap: 6px; padding: 14px; border: 1px solid var(--vn-line); border-radius: 12px; background: var(--vn-bg); min-width: 0; }
.vn-iptop h4 { margin: 0; font-size: 15px; }
.vn-iptop ul { list-style: none; margin: 6px 0 0; padding: 0; display: grid; gap: 10px; }
.vn-iptop li { display: grid; grid-template-columns: minmax(120px, 190px) minmax(0, 1fr) 56px; align-items: center; gap: 4px 12px; }
.vn-iptop li b { font-family: var(--vn-font-mono); font-size: 13.5px; font-weight: 600; color: var(--vn-ink); overflow-wrap: anywhere; }
.vn-iptop__cubuk { display: block; height: 8px; border-radius: 999px; background: var(--vn-line); overflow: hidden; }
.vn-iptop__cubuk i { display: block; height: 100%; border-radius: 999px; background: var(--vn-blue); }
.vn-iptop li em { font-style: normal; text-align: right; font-family: var(--vn-font-mono); font-size: 12.5px; color: var(--vn-ink); }
.vn-iptop li small { grid-column: 1 / -1; display: flex; flex-wrap: wrap; gap: 4px 14px; font-size: 12px; color: var(--vn-text-2); }
@media (max-width: 520px) { .vn-iptop li { grid-template-columns: minmax(0, 1fr) 56px; } .vn-iptop li b { grid-column: 1 / -1; } .vn-ipgrup__dugme { width: 100%; } .vn-ipgrup__dugme .vn-btn { flex: 1 1 auto; justify-content: center; } }
.vn-ipbag { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 14px; margin: 0 0 var(--vn-4); padding: 14px 16px; border-radius: 14px; background: var(--vn-surface); border: 1px solid var(--vn-line); text-decoration: none; color: inherit; }
.vn-ipbag:hover { border-color: var(--vn-blue); text-decoration: none; color: inherit; }
.vn-ipbag__metin { display: grid; gap: 2px; flex: 1 1 240px; min-width: 0; }
.vn-ipbag__metin strong { color: var(--vn-ink); font-size: 15.5px; }
.vn-ipbag__metin small { color: var(--vn-text-2); font-size: 13.5px; }
.vn-ipbos { display: grid; gap: var(--vn-4); padding: var(--vn-5); border-radius: 16px; background: var(--vn-surface); border: 1px solid var(--vn-line); }
.vn-ipbos__uyari { display: flex; gap: 12px; padding: 14px 16px; border-radius: 12px; background: color-mix(in srgb, #D97706 10%, var(--vn-surface)); border: 1px solid color-mix(in srgb, #D97706 35%, transparent); }
.vn-ipbos__uyari > i { color: #D97706; font-size: 20px; margin-top: 2px; }
.vn-ipbos__uyari h2 { margin: 0 0 4px; font-size: 17.5px; }
.vn-ipbos__uyari p { margin: 0; color: var(--vn-text-2); font-size: 14.5px; max-width: 760px; }
.vn-ipbos__liste { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); }
.vn-ipbos__liste li { display: flex; gap: 10px; padding: 12px 14px; border: 1px solid var(--vn-line); border-radius: 12px; background: var(--vn-bg); }
.vn-ipbos__liste i { color: var(--vn-blue); margin-top: 3px; }
.vn-ipbos__liste span { display: grid; gap: 2px; font-size: 13.5px; color: var(--vn-text-2); }
.vn-ipbos__liste b { color: var(--vn-ink); font-size: 14.5px; }
.vn-ipbos__not { margin: 0; font-size: 13.5px; color: var(--vn-text-2); }
/* Destek talebi oluşturuldu sayfası: aynı kart, yeşil başlık */
.vn-talepok__bas { background: color-mix(in srgb, #16A34A 10%, var(--vn-surface)); }
.vn-talepok__bas > i { color: #16A34A; }
.vn-talepok__bas h2 a { font-family: var(--vn-mono, monospace); white-space: nowrap; }
.vn-ipyon__sayi span { color: var(--vn-text-3); }
.vn-ipyon__not { margin: 0; }
.vn-ipsatir { border: 1px solid var(--vn-line); border-radius: 14px; background: var(--vn-bg); min-width: 0; }
.vn-ipsatir__ust { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px 16px; padding: 12px 14px; }
.vn-ipsatir__ad { display: grid; gap: 2px; min-width: 0; }
.vn-ipsatir__ip { font-family: var(--vn-font-mono); font-size: 16px; font-weight: 700; color: var(--vn-ink); overflow-wrap: anywhere; }
.vn-ipsatir__rdns { font-size: 13.5px; color: var(--vn-text-2); min-height: 20px; overflow-wrap: anywhere; }
.vn-ipsatir__rdns b { font-family: var(--vn-font-mono); font-weight: 500; color: var(--vn-teal); }
.vn-ipsatir__rdns em { font-style: normal; color: var(--vn-text-3); }
.vn-ipsatir__rdns .is-hata { color: #C0392B; }
.vn-ipsatir__yerel { margin: 0; font-size: 13.5px; color: var(--vn-text-3); display: flex; align-items: center; gap: 8px; }
.vn-ipsatir__goster { padding: 0; border: 0; background: none; color: var(--vn-blue); font-size: 13.5px; font-weight: 600; cursor: pointer; }
.vn-ipsatir__dugme { display: flex; flex-wrap: wrap; gap: 8px; }
.vn-ipsatir__dugme .vn-btn.is-on { border-color: var(--vn-blue); background: var(--vn-blue-wash); color: var(--vn-blue); }
.vn-ipsatir__panel { padding: 14px; border-top: 1px solid var(--vn-line); background: var(--vn-surface); border-radius: 0 0 13px 13px; display: grid; gap: 12px; }
.vn-ipsatir__panel[hidden] { display: none; }
.vn-ippanel__form { display: grid; gap: 8px; margin: 0; }
.vn-ippanel__form label { margin: 0; font-size: 13.5px; font-weight: 600; color: var(--vn-ink); }
.vn-ippanel__form input { font-family: var(--vn-font-mono); font-size: 14px; max-width: 520px; }
.vn-ippanel__dugme { display: flex; flex-wrap: wrap; gap: 8px; }
.vn-ipsatir__rdns b { display: block; }
.vn-ippanel__alan { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.vn-ippanel__alan input { flex: 1 1 260px; min-width: 0; }
.vn-ippanel__kapat { justify-self: start; }
.vn-ipyon__aciklama { list-style: none; margin: 0; padding: 0; display: grid; gap: 3px; font-size: 12px; line-height: 1.5; color: var(--vn-text-3); }
.vn-ipyon__aciklama li { position: relative; padding-left: 12px; }
.vn-ipyon__aciklama li::before { content: "*"; position: absolute; left: 0; top: 1px; }
.vn-ipyon__aciklama b { font-weight: 600; color: var(--vn-text-2); }
.vn-ippanel__ipucu { margin: 0; max-width: 620px; font-size: 13px; line-height: 1.5; color: var(--vn-text-3); }
.vn-ippanel__bilgi { margin: 0; font-size: 14px; color: var(--vn-text-2); }
.vn-ippanel__sonuc { margin: 0; padding: 10px 14px; border-radius: 12px; font-size: 14px; font-weight: 600; }
.vn-ippanel__sonuc.is-tamam { background: var(--vn-lime-wash); color: var(--vn-lime-ink); }
.vn-ippanel__sonuc.is-hata { background: #FDECEC; color: #B42318; }
[data-vn-tema="dark"] .vn-ippanel__sonuc.is-hata { background: #3A1512; color: #FFB4A8; }
.vn-ippanel__uyari { margin: 0; padding: 10px 14px; border-radius: 12px; font-size: 13.5px; line-height: 1.5; background: color-mix(in srgb, #D97706 10%, var(--vn-surface)); color: var(--vn-ink); border: 1px solid color-mix(in srgb, #D97706 30%, transparent); }
.vn-ipgecmis { list-style: none; margin: 0; padding: 0; display: grid; }
.vn-ipgecmis li { display: grid; grid-template-columns: 130px minmax(0, 1fr); gap: 12px; padding: 9px 0; border-bottom: 1px solid var(--vn-line); font-size: 14px; }
.vn-ipgecmis li:last-child { border-bottom: 0; padding-bottom: 0; }
.vn-ipgecmis li:first-child { padding-top: 0; }
.vn-ipgecmis time { font-family: var(--vn-font-mono); font-size: 12.5px; color: var(--vn-text-2); }
.vn-ipgecmis span { color: var(--vn-text); overflow-wrap: anywhere; }
@media (max-width: 520px) { .vn-ipgecmis li { grid-template-columns: minmax(0, 1fr); gap: 2px; } }
.vn-ipgrafik__sec { display: inline-flex; flex-wrap: wrap; gap: 6px; }
.vn-ipgrafik__sec button { padding: 6px 12px; border-radius: 9px; border: 1px solid var(--vn-line); background: var(--vn-bg); font-family: var(--vn-font-head); font-size: 13px; font-weight: 600; color: var(--vn-text-2); cursor: pointer; }
.vn-ipgrafik__sec button.is-on { background: var(--vn-blue); border-color: var(--vn-blue); color: #fff; }
.vn-ipgrafik { display: grid; gap: 12px; min-width: 0; }
.vn-ipgrafik__ozet { display: grid; gap: 10px; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.vn-ipgrafik__ozet > div { display: grid; gap: 2px; align-content: start; padding: 12px 14px; border-radius: 12px; border: 1px solid var(--vn-line); border-top: 3px solid var(--vn-blue); background: var(--vn-bg); min-width: 0; }
.vn-ipgrafik__ozet > div.is-giden { border-top-color: var(--vn-teal); }
.vn-ipgrafik__ozet > div.is-toplam { border-top-color: var(--vn-line-strong); }
.vn-ipgrafik__ozet span { font-family: var(--vn-font-mono); font-size: 11px; letter-spacing: .06em; text-transform: uppercase; color: var(--vn-text-2); }
.vn-ipgrafik__ozet b { font-family: var(--vn-font-head); font-size: 22px; line-height: 1.2; color: var(--vn-ink); white-space: nowrap; }
.vn-ipgrafik__ozet dl { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 3px 10px; margin: 8px 0 0; padding-top: 8px; border-top: 1px dashed var(--vn-line); font-size: 12.5px; }
.vn-ipgrafik__ozet dt { margin: 0; font-weight: 400; color: var(--vn-text-2); }
.vn-ipgrafik__ozet dd { margin: 0; text-align: right; font-family: var(--vn-font-mono); font-size: 12px; color: var(--vn-ink); overflow-wrap: anywhere; }
@media (max-width: 760px) { .vn-ipgrafik__ozet { grid-template-columns: minmax(0, 1fr); } .vn-ipgrafik__ozet b { font-size: 19px; } }
@media (max-width: 480px) { .vn-ipgrup { padding: 10px; } }
.vn-ipgrafik__lejant { display: flex; flex-wrap: wrap; gap: 6px; justify-content: flex-end; }
.vn-ipgrafik__lejant button { display: inline-flex; align-items: center; gap: 7px; padding: 4px 10px; border-radius: 8px; border: 1px solid var(--vn-line); background: var(--vn-bg); font-size: 12.5px; font-weight: 600; color: var(--vn-text-3); cursor: pointer; }
.vn-ipgrafik__lejant button.is-on { color: var(--vn-ink); }
.vn-ipgrafik__lejant i, .vn-ipgrafik__ipucu i { width: 10px; height: 10px; border-radius: 3px; background: var(--vn-line-strong); flex: none; }
.vn-ipgrafik__lejant .is-gelen.is-on i, .vn-ipgrafik__ipucu .is-gelen i { background: var(--vn-blue); }
.vn-ipgrafik__lejant .is-giden.is-on i, .vn-ipgrafik__ipucu .is-giden i { background: var(--vn-teal); }
.vn-ipgrafik__cizim { position: relative; min-width: 0; padding: 10px 4px 4px; border: 1px solid var(--vn-line); border-radius: 12px; background: var(--vn-bg); overflow: hidden; }
.vn-ipgrafik__svg { display: block; max-width: 100%; touch-action: pan-y; cursor: crosshair; }
.vn-ipgrafik__cizgi { stroke: var(--vn-line); stroke-width: 1; stroke-dasharray: 3 4; }
.vn-ipgrafik__cizgi.is-taban { stroke: var(--vn-line-strong); stroke-dasharray: none; }
.vn-ipgrafik__alan { stroke: none; pointer-events: none; }
.vn-ipgrafik__alan.is-gelen { fill: color-mix(in srgb, var(--vn-blue) 16%, transparent); }
.vn-ipgrafik__alan.is-giden { fill: color-mix(in srgb, var(--vn-teal) 14%, transparent); }
.vn-ipgrafik__gelen, .vn-ipgrafik__giden { fill: none; stroke-width: 2; stroke-linejoin: round; stroke-linecap: round; pointer-events: none; }
.vn-ipgrafik__gelen { stroke: var(--vn-blue); }
.vn-ipgrafik__giden { stroke: var(--vn-teal); }
.vn-ipgrafik__yazi { font-family: var(--vn-font-mono); font-size: 11px; fill: var(--vn-text-2); pointer-events: none; }
.vn-ipgrafik__imlec { stroke: var(--vn-text-3); stroke-width: 1; pointer-events: none; }
.vn-ipgrafik__nokta { stroke: var(--vn-bg); stroke-width: 2; pointer-events: none; }
.vn-ipgrafik__nokta.is-gelen { fill: var(--vn-blue); }
.vn-ipgrafik__nokta.is-giden { fill: var(--vn-teal); }
.vn-ipgrafik__ipucu { position: absolute; z-index: 2; display: grid; gap: 4px; min-width: 150px; padding: 8px 10px; border-radius: 10px; border: 1px solid var(--vn-line-strong); background: var(--vn-surface); box-shadow: 0 6px 18px rgba(0, 0, 0, .14); font-size: 12.5px; pointer-events: none; }
.vn-ipgrafik__ipucu[hidden] { display: none; }
.vn-ipgrafik__ipucu strong { font-family: var(--vn-font-mono); font-size: 11.5px; font-weight: 500; color: var(--vn-text-2); }
.vn-ipgrafik__ipucu span { display: flex; align-items: center; gap: 7px; color: var(--vn-text-2); }
.vn-ipgrafik__ipucu b { margin-left: auto; padding-left: 12px; font-family: var(--vn-font-mono); font-weight: 600; color: var(--vn-ink); white-space: nowrap; }
@media (max-width: 640px) { .vn-ipsatir__dugme { width: 100%; } .vn-ipsatir__dugme .vn-btn { flex: 1 1 auto; justify-content: center; } }

/* Destek talebi: bölümün çalışma saatleri */
.vn-talepbilgi { margin: 0 0 var(--vn-4); }
.vn-talepbilgi p { display: flex; gap: 10px; margin: 0; max-width: none; padding: 12px 14px; border: 1px solid var(--vn-line); border-left: 4px solid var(--vn-blue); border-radius: 12px; background: var(--vn-bg); font-size: 14px; line-height: 1.5; color: var(--vn-text-2); text-align: left; }
.vn-talepbilgi p[hidden] { display: none; }
.vn-talepbilgi p[data-vn-bolum="haftaici"] { border-left-color: #D97706; }
.vn-talepbilgi i { margin-top: 3px; color: var(--vn-blue); }
.vn-talepbilgi p[data-vn-bolum="haftaici"] i { color: #D97706; }
.vn-talepbilgi strong { color: var(--vn-ink); }
.vn-dept__saat { display: block; font-style: normal; font-family: var(--vn-font-mono); font-size: 11.5px; letter-spacing: .04em; text-transform: uppercase; color: var(--vn-teal); }
.vn-zorunlu { color: #C0392B; font-weight: 700; }
.vn-alanipucu { display: block; margin-top: 4px; font-size: 12.5px; line-height: 1.45; color: var(--vn-text-3); }
.vn-alanipucu[hidden], .vn-zorunlu[hidden] { display: none; }

/* Destek talebi ekleri: dosya alanı, "Gözat" ve "Daha fazla ekle" aynı yükseklikte (düğme alttan taşıyordu) */
.attachment-group { align-items: stretch; }
.attachment-group .custom-file, .attachment-group .custom-file-input { height: 42px; }
.attachment-group .custom-file-label { height: 42px; line-height: 28px; display: block; }
.attachment-group .custom-file-label::after { height: 40px; line-height: 28px; }
.attachment-group .input-group-append .btn { height: 42px; min-height: 0; padding-top: 0; padding-bottom: 0; display: inline-flex; align-items: center; gap: 6px; border-top-left-radius: 0; border-bottom-left-radius: 0; }
@media (max-width: 480px) { .attachment-group .input-group-append .btn { padding-left: 10px; padding-right: 10px; font-size: 13px; } }

/* Destek talebi: Mesaj / Hassas veriler sekmeleri, hassas veri alanı ve talepteki liste */
.vn-talepsekme { display: grid; grid-template-columns: minmax(0, 1fr); gap: 0; background: none; }
.vn-talepsekme__bas { display: flex; gap: 4px; border-bottom: 1px solid var(--vn-line); margin: 0 0 10px; }
.vn-talepsekme__bas button { padding: 8px 14px; border: 0; border-bottom: 3px solid transparent; margin-bottom: -1px; background: none; font-family: var(--vn-font-head); font-size: 14.5px; font-weight: 600; color: var(--vn-text-2); cursor: pointer; }
.vn-talepsekme__bas button.is-on { color: var(--vn-blue); border-bottom-color: var(--vn-blue); }
.vn-talepsekme__bas button i { font-size: 12px; margin-right: 4px; }
.vn-talepsekme__bas em { font-style: normal; margin-left: 6px; font-size: 12px; font-weight: 600; color: var(--vn-lime-ink); }
.vn-talepsekme__bas em[hidden] { display: none; }
.vn-talepsekme [data-panel][hidden] { display: none; }
.vn.vn-talepsekme p.vn-talepsekme__uyari { display: flex; gap: 10px; margin: 0 0 10px; max-width: none; padding: 11px 14px; border: 1px solid color-mix(in srgb, #D97706 40%, transparent); border-left: 4px solid #D97706; border-radius: 12px; background: color-mix(in srgb, #D97706 9%, var(--vn-surface)); font-size: 13.5px; line-height: 1.5; color: var(--vn-text-2); }
.vn-talepsekme__uyari i { margin-top: 3px; color: #D97706; }
.vn-talepsekme__uyari strong { color: var(--vn-ink); }
.vn-talepsekme__uyari a { font-weight: 600; }
.vn.vn-talepsekme p.vn-talepsekme__not { margin: 8px 0 0; max-width: none; font-size: 13px; line-height: 1.5; color: var(--vn-text-2); }
.vn-talepsekme__not i { color: var(--vn-teal); margin-right: 4px; }
.vn-hassas { display: grid; grid-template-columns: minmax(0, 1fr); gap: 10px; background: none; }
.vn.vn-hassas p.vn-hassas__bilgi { display: flex; gap: 10px; margin: 0; max-width: none; padding: 12px 14px; border: 1px solid color-mix(in srgb, var(--vn-teal) 40%, transparent); border-radius: 12px; background: color-mix(in srgb, var(--vn-teal) 9%, var(--vn-surface)); font-size: 13.5px; line-height: 1.5; color: var(--vn-text-2); }
.vn-hassas__bilgi i { margin-top: 3px; color: var(--vn-teal); }
.vn-hassas__bilgi span { flex: 1 1 auto; min-width: 0; }
.vn-hassas__bilgi strong { color: var(--vn-ink); }
.vn-hassas__alan { font-family: var(--vn-font-mono); font-size: 14px; line-height: 1.6; min-height: 190px; border-color: color-mix(in srgb, var(--vn-teal) 45%, var(--vn-line)); background: color-mix(in srgb, var(--vn-teal) 5%, var(--vn-surface)); }
.vn-hassas__uret { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 10px; }
.vn-hassas__uret code { padding: 5px 10px; border: 1px solid var(--vn-line); border-radius: 8px; background: var(--vn-bg); font-family: var(--vn-font-mono); font-size: 14px; color: var(--vn-ink); user-select: all; overflow-wrap: anywhere; }
.vn-hassas__uret code[hidden], .vn-hassas__uret button[hidden] { display: none; }
.vn-hassas__uret small { flex: 1 1 260px; font-size: 12.5px; color: var(--vn-text-3); }
.vn-hassasliste { display: grid; gap: var(--vn-3); margin: 0 0 var(--vn-4); padding: var(--vn-4); border: 1px solid var(--vn-line); border-left: 4px solid var(--vn-teal); border-radius: 14px; background: var(--vn-surface); }
.vn-hassasliste ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.vn-hassasliste li { display: flex; flex-wrap: wrap; align-items: flex-start; gap: 8px 12px; padding: 10px 12px; border: 1px solid var(--vn-line); border-radius: 10px; background: var(--vn-bg); }
.vn-hassasliste time { font-family: var(--vn-font-mono); font-size: 12.5px; color: var(--vn-text-2); min-width: 120px; padding-top: 5px; }
.vn-hassasliste pre { flex: 1 1 260px; min-width: 0; margin: 0; padding: 6px 10px; border: 1px solid var(--vn-line); border-radius: 8px; background: var(--vn-surface); font-family: var(--vn-font-mono); font-size: 13.5px; color: var(--vn-ink); white-space: pre-wrap; overflow-wrap: anywhere; letter-spacing: .12em; }
.vn-hassasliste pre.is-acik { letter-spacing: 0; user-select: all; }
.vn-hassasliste__dugme { display: flex; flex-wrap: wrap; gap: 6px; }
.vn-hassasliste__silindi { flex: 1 1 auto; padding-top: 4px; font-size: 13.5px; color: var(--vn-text-3); }
@media (max-width: 520px) { .vn-talepsekme__bas button { padding: 8px 10px; font-size: 13.5px; } .vn-hassasliste time { min-width: 0; width: 100%; padding-top: 0; } .vn-hassasliste__dugme { width: 100%; } .vn-hassasliste__dugme .vn-btn { flex: 1 1 auto; justify-content: center; } }
@media (max-width: 520px) { .vn-ipkara li { grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 2px 10px; padding: 8px 10px; } .vn-ipkara li a { grid-column: 1 / -1; } }
/* Üst çubuk: yönetici müşteri hesabındayken "yönetici alanına geri dön" düğmesi */
.vn-top .vn-top__yonetici { color: #D97706; border-color: color-mix(in srgb, #D97706 45%, var(--vn-line)); background: color-mix(in srgb, #D97706 10%, var(--vn-surface)); text-decoration: none; }
.vn-top .vn-top__yonetici:hover { background: #D97706; color: #fff; }
@media (max-width: 600px) { .vn-top .vn-top__yonetici { display: none; } }
/* Üst çubuk bildirimleri: yanıtlanan destek talebi satırı */
.client-alerts li a .vn-bildirim-yanit { color: var(--vn-green); }
/* Panel: yeni yanıt bildirimi kutusu (sağ alt köşe) */
.vn-yanitkutu { position: fixed; right: 20px; bottom: 20px; z-index: 1080; display: flex; align-items: flex-start; gap: 12px; width: min(360px, calc(100vw - 32px)); padding: 14px 16px; border: 1px solid var(--vn-line-strong); border-left: 4px solid var(--vn-green); border-radius: 14px; background: var(--vn-surface); box-shadow: 0 12px 32px rgba(0, 0, 0, .22); }
.vn-yanitkutu[hidden] { display: none; }
.vn-yanitkutu > i { margin-top: 3px; color: var(--vn-green); font-size: 16px; }
.vn-yanitkutu > div { flex: 1 1 auto; min-width: 0; display: grid; gap: 3px; }
.vn-yanitkutu strong { font-family: var(--vn-font-head); font-size: 15px; color: var(--vn-ink); }
.vn-yanitkutu span { font-size: 13.5px; color: var(--vn-text-2); overflow-wrap: anywhere; }
.vn-yanitkutu a { justify-self: start; font-size: 13.5px; }
.vn-yanitkutu > button { flex: 0 0 auto; width: 26px; height: 26px; border: 0; border-radius: 8px; background: transparent; color: var(--vn-text-2); font-size: 20px; line-height: 1; cursor: pointer; }
.vn-yanitkutu > button:hover { background: var(--vn-blue-wash); color: var(--vn-ink); }
@media (max-width: 1099px) { .vn-yanitkutu { right: 16px; bottom: 84px; } }
/* Talep sayfası: kapalı talep notu */
.vn-talep__kapali { margin: 0 0 var(--vn-4); }
.vn-talep__kapali i { margin-right: 6px; color: var(--vn-amber); }
/* Panel: işlem geçmişi sayfası */
.vn-islem { display: grid; gap: var(--vn-4); padding: var(--vn-5); border: 1px solid var(--vn-line); border-radius: 16px; background: var(--vn-surface); min-width: 0; }
.vn-islem__bilgi { display: flex; gap: 10px; margin: 0; max-width: none; padding: 12px 14px; border: 1px solid var(--vn-line); border-left: 4px solid var(--vn-blue); border-radius: 12px; background: var(--vn-bg); font-size: 14px; line-height: 1.55; color: var(--vn-text-2); }
.vn-islem__bilgi i { margin-top: 3px; color: var(--vn-blue); }
.vn-islem__tablo { overflow-x: auto; border: 1px solid var(--vn-line); border-radius: 12px; }
.vn-islem table { width: 100%; border-collapse: collapse; font-size: 14px; }
.vn-islem th { padding: 10px 14px; text-align: left; font-family: var(--vn-mono, monospace); font-size: 11.5px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: var(--vn-text-2); background: var(--vn-bg); border-bottom: 1px solid var(--vn-line); white-space: nowrap; }
.vn-islem td { padding: 11px 14px; border-top: 1px solid var(--vn-line); vertical-align: top; color: var(--vn-text-2); overflow-wrap: anywhere; }
.vn-islem tbody tr:first-child td { border-top: 0; }
.vn-islem td strong { color: var(--vn-ink); font-weight: 600; }
.vn-islem td em { display: inline-block; margin-left: 4px; font-style: normal; font-size: 12.5px; color: var(--vn-amber); }
.vn-islem__zaman { white-space: nowrap; font-variant-numeric: tabular-nums; }
.vn-islem__zaman b { color: var(--vn-ink); font-weight: 600; }
.vn-islem__ip { white-space: nowrap; font-family: var(--vn-mono, monospace); font-size: 13px; }
.vn-islem__yok { color: var(--vn-text-3); }
.vn-islem__alt { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px; font-size: 13.5px; color: var(--vn-text-2); }
.vn-islem__bos { margin: 0; padding: 18px; border: 1px dashed var(--vn-line-strong); border-radius: 12px; color: var(--vn-text-2); }
@media (max-width: 700px) {
  .vn-islem { padding: var(--vn-4); }
  .vn-islem thead { display: none; }
  .vn-islem table, .vn-islem tbody, .vn-islem tr, .vn-islem td { display: block; }
  .vn-islem tr { padding: 10px 12px; border-top: 1px solid var(--vn-line); }
  .vn-islem tbody tr:first-child { border-top: 0; }
  .vn-islem td { padding: 2px 0; border: 0; }
  .vn-islem td.vn-islem__bosluk { display: none; }
  .vn-islem td[data-etiket]:not(:nth-child(2))::before { content: attr(data-etiket) ": "; color: var(--vn-text-3); font-size: 12.5px; }
}
/* Yenileme sayfası: yenilenecek kayıt yok kartı */
.vn-yenilebos__bas { background: color-mix(in srgb, #16A34A 9%, var(--vn-surface)); border-color: color-mix(in srgb, #16A34A 30%, var(--vn-line)); }
.vn-yenilebos__bas > i { color: #16A34A; }
/* Hizmetlerim başlığı: "Hizmet yenile" düğmesi (turuncu; diğer ikincil düğmelerden ayrışır) */
/* Bant içindeki düğmeleri yeşile çeviren kuralı geçmek için !important */
.vn-btn--yenile, .vn a.vn-btn--yenile, .vn-page-head a.vn-btn--yenile { background: #F59E0B !important; border-color: #F59E0B !important; color: #1B2433 !important; font-weight: 700; }
.vn-btn--yenile:hover, .vn a.vn-btn--yenile:hover, .vn-page-head a.vn-btn--yenile:hover { background: #FBBF24 !important; border-color: #FBBF24 !important; color: #1B2433 !important; }
/* Telefon: talep listesinde başlık hücresi sütununu doldurur (masaüstündeki %46 genişlik burada geçmez) */
@media (max-width: 767px) { .vn-shell .vn-ticket-table #tableTicketsList tbody td:first-child { width: auto !important; } }
/* Telefon: talep sayfasındaki özet kutuları tek sütun (iki sütunda "Kapandı", "Departmanı" gibi kelimeler ortadan bölünüyordu) */
@media (max-width: 520px) { .vn .vn-strip.vn-talep__ozet, .vn-shell .vn-strip.vn-talep__ozet { grid-template-columns: 1fr !important; } .vn-shell .vn-talep__ozet .vn-strip__value--metin { overflow-wrap: break-word; } }
/* Alan adı ayrıntısı: etkin olmayan alan adı şeridi ve süresi dolmuş alan adı bandı */
.vn-domkapali { margin: 0 0 var(--vn-4); }
.vn-domkapali i { margin-right: 6px; color: var(--vn-amber); }
.vn-domyenile.vn-domyenile--bitti { background: linear-gradient(120deg, #4A1D1D 0%, #7A2E1F 100%); }
.vn-domyenile--bitti[data-durum="yenilenebilir"], .vn-domyenile--bitti[data-durum="bosta"] { background: linear-gradient(120deg, #0E3B2E 0%, #14604A 100%); }
.vn-domyenile__dugme { flex: 0 0 auto; display: flex; flex-wrap: wrap; gap: 8px; margin: 0; max-width: none; }
.vn-domyenile__dugme:empty { display: none; }
.vn-domyenile--bitti .vn-btn--secondary { background: rgba(255, 255, 255, .12); border-color: rgba(255, 255, 255, .35); color: #fff; }
/* Alan adı yenileme: süresi dolmuş alan adı açıklaması */
.vn-yenilenot { margin: 0 0 var(--vn-4); line-height: 1.6; }
/* Alan adı yenileme satırı: hizmet yenileme satırıyla aynı kart (koyu temada beyaz zemin üzerinde yazı görünmüyordu) */
body .vn-yenile #order-standard_cart .domain-renewals { display: grid; gap: var(--vn-3); background: transparent; border: 0; padding: 0; }
body .vn-yenile #order-standard_cart .domain-renewal { position: relative; margin: 0; padding: 18px; border: 1px solid var(--vn-line); border-radius: 16px; background: var(--vn-surface); color: var(--vn-text-2); }
body .vn-yenile #order-standard_cart .domain-renewal h3 { margin: 0 0 4px; font-family: var(--vn-font-head); font-size: 20px; color: var(--vn-ink); overflow-wrap: anywhere; }
body .vn-yenile #order-standard_cart .domain-renewal p { margin: 0 0 10px; color: var(--vn-text-2); font-size: 14px; }
body .vn-yenile #order-standard_cart .domain-renewal label { color: var(--vn-ink); font-weight: 600; }
body .vn-yenile #order-standard_cart .domain-renewal .btn { border-radius: 10px; font-family: var(--vn-font-head); font-weight: 600; border: 1px solid var(--vn-blue); color: var(--vn-blue); background: transparent; }
body .vn-yenile #order-standard_cart .domain-renewal .btn:hover { background: var(--vn-blue); color: #fff; }
/* Telefon: yenileme satırında durum etiketi alan adının üstüne alınır (yanında kalınca alan adı ortadan bölünüyordu) */
@media (max-width: 600px) {
  body .vn-yenile #order-standard_cart .domain-renewal .pull-right, body .vn-yenile #order-standard_cart .service-renewal .pull-right { float: none !important; display: block; margin: 0 0 8px; }
  body .vn-yenile #order-standard_cart .domain-renewal h3 { overflow-wrap: break-word; }
}
/* Panel: ortalanmış pencere (iki adımlı doğrulama önerisi) */
.vn-pencere { position: fixed; inset: 0; z-index: 1090; display: grid; place-items: center; padding: 16px; background: rgba(8, 15, 28, .62); overflow-y: auto; }
.vn-pencere[hidden] { display: none; }
.vn-pencere__kutu { position: relative; width: min(560px, 100%); display: grid; gap: 14px; padding: 28px; border: 1px solid var(--vn-line-strong); border-top: 4px solid var(--vn-teal); border-radius: 18px; background: var(--vn-surface); box-shadow: 0 24px 60px rgba(0, 0, 0, .35); justify-items: start; }
.vn-pencere__kapat { position: absolute; top: 12px; right: 12px; width: 34px; height: 34px; border: 0; border-radius: 10px; background: transparent; color: var(--vn-text-2); font-size: 24px; line-height: 1; cursor: pointer; }
.vn-pencere__kapat:hover { background: var(--vn-blue-wash); color: var(--vn-ink); }
.vn-pencere__ikon { width: 52px; height: 52px; display: grid; place-items: center; border-radius: 14px; background: var(--vn-teal-wash); color: var(--vn-teal); font-size: 22px; }
.vn .vn-pencere__kutu h2, .vn-pencere__kutu h2 { margin: 0; font-size: 21px; line-height: 1.3; padding-right: 28px; }
.vn-pencere__kutu > p { margin: 0; max-width: none; font-size: 14.5px; line-height: 1.6; color: var(--vn-text-2); }
.vn-pencere__secenek { display: grid; gap: 10px; width: 100%; }
.vn-pencere__secenek a, .vn .vn-pencere__secenek a { display: grid; grid-template-columns: 44px minmax(0, 1fr) auto; gap: 12px; align-items: center; padding: 14px; border: 1px solid var(--vn-line); border-radius: 14px; background: var(--vn-bg); color: var(--vn-ink); text-decoration: none; }
.vn-pencere__secenek a:hover, .vn-pencere__secenek a:focus { border-color: var(--vn-blue); background: var(--vn-blue-wash); outline: 0; }
.vn-pencere__secenek a > i { width: 44px; height: 44px; display: grid; place-items: center; border-radius: 12px; background: var(--vn-surface); border: 1px solid var(--vn-line); color: var(--vn-blue); font-size: 18px; }
.vn-pencere__secenek span { display: grid; gap: 3px; min-width: 0; }
.vn-pencere__secenek strong { font-family: var(--vn-font-head); font-size: 16px; }
.vn-pencere__secenek small { font-size: 13px; line-height: 1.5; color: var(--vn-text-2); }
.vn-pencere__secenek em { font-style: normal; font-weight: 600; font-size: 14px; color: var(--vn-blue); white-space: nowrap; }
.vn-pencere__kutu > p.vn-pencere__alt { font-size: 13px; color: var(--vn-text-3); }
@media (max-width: 520px) { .vn-pencere__kutu { padding: 22px 18px; } .vn-pencere__secenek a { grid-template-columns: 40px minmax(0, 1fr); } .vn-pencere__secenek em { grid-column: 2; } }
.vn-2fa__sms { margin: 0; max-width: none; padding: 10px 12px; border: 1px solid var(--vn-line); border-left: 4px solid var(--vn-blue); border-radius: 10px; background: var(--vn-bg); font-size: 14px; color: var(--vn-text-2); }
.vn-2fa__sms i { margin-right: 6px; color: var(--vn-blue); }
/* Panel: devir sayfası */
.vn-devir { display: grid; gap: var(--vn-4); min-width: 0; }
.vn-devir__kutu { display: grid; gap: 12px; padding: var(--vn-5); border: 1px solid var(--vn-line); border-radius: 16px; background: var(--vn-surface); min-width: 0; }
.vn-devir__kutu--gelen { border-top: 4px solid var(--vn-green); }
.vn .vn-devir__kutu h2, .vn-devir__kutu h2 { margin: 0; font-size: 18px; }
.vn-devir__kutu h2 i { margin-right: 8px; color: var(--vn-blue); }
.vn-devir__satir { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 14px; padding: 12px 14px; border: 1px solid var(--vn-line); border-radius: 12px; background: var(--vn-bg); }
.vn-devir__satir > div:first-child { flex: 1 1 260px; min-width: 0; display: grid; gap: 3px; }
.vn-devir__satir strong { color: var(--vn-ink); overflow-wrap: anywhere; }
.vn-devir__satir small { font-size: 13px; color: var(--vn-text-2); }
.vn-devir__kod { flex: 1 1 100%; display: flex; flex-wrap: wrap; align-items: flex-end; gap: 10px; }
.vn-devir__kod[hidden] { display: none; }
.vn-devir__kod label, .vn-devir__form label { display: grid; gap: 5px; margin: 0; font-size: 13.5px; font-weight: 600; color: var(--vn-ink); }
.vn-devir__kod input { width: 170px; padding: 9px 12px; border: 1px solid var(--vn-line-strong); border-radius: 10px; background: var(--vn-surface); color: var(--vn-ink); font-size: 18px; letter-spacing: .3em; }
.vn-devir__form { display: grid; gap: 14px; max-width: 640px; justify-items: start; }
.vn-devir__form label { width: 100%; }
.vn-devir__form .form-control { width: 100%; }
.vn-devir__not, .vn-devir__bos { margin: 0; max-width: none; font-size: 13.5px; color: var(--vn-text-2); }
.vn-devir__uyari { margin: 0; max-width: none; padding: 12px 14px; border: 1px solid color-mix(in srgb, #D97706 35%, var(--vn-line)); border-left: 4px solid #D97706; border-radius: 12px; background: color-mix(in srgb, #D97706 9%, var(--vn-surface)); font-size: 14px; color: var(--vn-ink); }
.vn-devir__uyari i { margin-right: 6px; color: #D97706; }
.vn-devir__ileti { flex: 1 1 100%; margin: 0; max-width: none; padding: 10px 12px; border-radius: 10px; background: var(--vn-green-wash); color: var(--vn-ink); font-size: 14px; }
.vn-devir__ileti[hidden] { display: none; }
.vn-devir__ileti.is-hata { background: var(--vn-red-wash); }
.vn-devir__durum { padding: 3px 10px; border: 1px solid var(--vn-line-strong); border-radius: 8px; font-size: 12.5px; font-weight: 600; color: var(--vn-text-2); white-space: nowrap; }
.vn-devir__durum--tamamlandi { border-color: color-mix(in srgb, var(--vn-green) 50%, transparent); background: var(--vn-green-wash); color: var(--vn-green); }
.vn-devirbag { margin: 0 0 var(--vn-4); max-width: none; padding: 10px 14px; border: 1px dashed var(--vn-line-strong); border-radius: 12px; font-size: 14px; color: var(--vn-text-2); }
.vn-devirbag i { margin-right: 6px; color: var(--vn-blue); }
.vn-devirbag a { font-weight: 600; }
.vn-hesapnav__say { display: inline-block; margin-left: 6px; padding: 0 7px; border-radius: 999px; background: var(--vn-green); color: #fff; font-size: 12px; }
/* Devir sayfası: işaret kutulu liste (toplu devir) ve paket içeriği */
.vn-devir__form--liste { max-width: none; }
.vn-devir__arac { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 14px; width: 100%; }
.vn-devir__form .vn-devir__ara, .vn-devir__arac .vn-devir__ara { position: relative; flex: 1 1 240px; max-width: 360px; width: auto; display: block; }
.vn-devir__ara i { position: absolute; left: 12px; top: 50%; transform: translateY(-50%); color: var(--vn-text-3); font-size: 13px; }
.vn-devir__ara input { width: 100%; padding: 9px 12px 9px 34px; border: 1px solid var(--vn-line-strong); border-radius: 10px; background: var(--vn-bg); color: var(--vn-ink); font-size: 14px; }
.vn-devir__durumsec { margin: 0; }
.vn-devir__durumsec select { padding: 8px 12px; border: 1px solid var(--vn-line-strong); border-radius: 10px; background: var(--vn-surface); color: var(--vn-ink); font-size: 13.5px; font-weight: 600; }
.vn-devir__sayi { margin-left: auto; font-size: 13px; color: var(--vn-text-3); font-variant-numeric: tabular-nums; }
.vn-devir__satir[hidden] { display: none; }
.vn-devir__tur { display: inline-flex; border: 1px solid var(--vn-line-strong); border-radius: 10px; overflow: hidden; }
.vn-devir__tur button { border: 0; padding: 8px 14px; background: var(--vn-surface); color: var(--vn-text-2); font-size: 13.5px; font-weight: 600; cursor: pointer; }
.vn-devir__tur button + button { border-left: 1px solid var(--vn-line-strong); }
.vn-devir__tur button.is-on { background: var(--vn-blue); color: #fff; }
.vn-devir__tur button b { margin-left: 4px; padding: 1px 7px; border-radius: 999px; background: var(--vn-bg); color: var(--vn-text-2); font-size: 12px; font-weight: 600; font-variant-numeric: tabular-nums; }
.vn-devir__tur button.is-on b { background: rgba(255, 255, 255, .22); color: #fff; }
.vn-devir__form .vn-devir__tumu { width: auto; display: inline-flex; align-items: center; gap: 8px; font-weight: 500; color: var(--vn-text-2); cursor: pointer; }
.vn-devir__liste { list-style: none; margin: 0; padding: 0; width: 100%; max-height: 420px; overflow-y: auto; border: 1px solid var(--vn-line); border-radius: 12px; background: var(--vn-bg); }
.vn-devir__liste li + li { border-top: 1px solid var(--vn-line); }
.vn-devir__liste li[hidden] { display: none; }
.vn-devir__form .vn-devir__liste label { display: grid; grid-template-columns: 18px 22px minmax(0, 1fr); gap: 12px; align-items: center; padding: 11px 14px; font-weight: 400; cursor: pointer; }
.vn-devir__liste label:hover { background: var(--vn-blue-wash); }
.vn-devir__liste li.is-engel label { cursor: not-allowed; opacity: .62; }
.vn-devir__liste li.is-engel label:hover { background: transparent; }
.vn-devir__liste i { color: var(--vn-blue); text-align: center; }
.vn-devir__liste span { display: grid; gap: 2px; min-width: 0; }
.vn-devir__liste strong { font-weight: 600; color: var(--vn-ink); overflow-wrap: anywhere; }
.vn-devir__liste small { font-size: 12.5px; color: var(--vn-text-2); }
.vn-devir__secim { margin: 0; max-width: none; width: 100%; padding: 10px 12px; border: 1px dashed var(--vn-line-strong); border-radius: 10px; font-size: 14px; color: var(--vn-text-2); }
.vn-devir__secim.is-dolu { border-style: solid; border-color: color-mix(in srgb, var(--vn-blue) 45%, transparent); background: var(--vn-blue-wash); color: var(--vn-ink); font-weight: 600; }
.vn-devir__secim.is-hata { border-style: solid; background: var(--vn-red-wash); color: var(--vn-ink); }
.vn-devir__form .vn-devir__alici { max-width: 640px; }
.vn-devir__kalem { flex: 1 1 100%; list-style: none; margin: 0; padding: 0; display: grid; gap: 4px; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); }
.vn-devir__kalem li { display: flex; gap: 8px; align-items: baseline; font-size: 13.5px; color: var(--vn-text-2); min-width: 0; }
.vn-devir__kalem li i { color: var(--vn-text-3); font-size: 12px; }
.vn-devir__kalem li span { min-width: 0; overflow-wrap: anywhere; }
.vn-devir__kalem li small { display: block; color: var(--vn-red); font-size: 12.5px; }
.vn-devir__satir > .vn-devir__uyari { flex: 1 1 100%; }
/* Devret penceresi ve işlem kutularındaki kapalı (devredilemeyen) hâl */
/* İşlem geçmişi: süzgeç satırı */
.vn-islem__suz { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin: 0 0 14px; }
.vn-islem__suz label { margin: 0; }
.vn-islem__suz .vn-islem__ara { position: relative; flex: 1 1 260px; max-width: 380px; }
.vn-islem__ara i { position: absolute; left: 12px; top: 50%; transform: translateY(-50%); color: var(--vn-text-3); font-size: 13px; }
.vn-islem__suz input[type=search], .vn-islem__suz select { width: 100%; padding: 9px 12px; border: 1px solid var(--vn-line-strong); border-radius: 10px; background: var(--vn-bg); color: var(--vn-ink); font-size: 14px; }
.vn-islem__suz input[type=search] { padding-left: 34px; }
@media (max-width: 640px) { .vn-islem__suz label { flex: 1 1 100%; max-width: none; } .vn-islem__suz .vn-islem__ara { max-width: none; } }
.vn-islem__sayfa { display: inline-flex; flex-wrap: wrap; align-items: center; gap: 6px; }
.vn-islem__sayfa a, .vn-islem__sayfa b, .vn-islem__sayfa span { min-width: 34px; height: 34px; padding: 0 8px; display: inline-grid; place-items: center; border-radius: 9px; font-size: 13.5px; font-weight: 600; font-variant-numeric: tabular-nums; }
.vn-islem__sayfa a { border: 1px solid var(--vn-line-strong); background: var(--vn-surface); color: var(--vn-ink); text-decoration: none; }
.vn-islem__sayfa a:hover { border-color: var(--vn-blue); background: var(--vn-blue-wash); }
.vn-islem__sayfa b { background: var(--vn-blue); color: #fff; }
.vn-islem__sayfa span { color: var(--vn-text-3); min-width: 20px; padding: 0; }
/* Panel bildirimi sayfası (vn-gorus.tpl): solda form, sağda önceki bildirimler */
.vn-gorus { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); gap: var(--vn-4); align-items: start; min-width: 0; }
@media (max-width: 1000px) { .vn-gorus { grid-template-columns: minmax(0, 1fr); } }
.vn-gorus__kutu { display: grid; gap: 14px; padding: var(--vn-5); border: 1px solid var(--vn-line); border-radius: 16px; background: var(--vn-surface); min-width: 0; }
.vn .vn-gorus__kutu h2, .vn-gorus__kutu h2 { margin: 0; font-size: 18px; display: flex; align-items: center; gap: 10px; }
.vn-gorus__kutu h2 i { color: var(--vn-blue); font-size: 16px; }
.vn-gorus__kutu > p { margin: 0; max-width: none; font-size: 14.5px; line-height: 1.6; color: var(--vn-text-2); }
.vn-gorus__kutu > p.vn-gorus__alt, .vn-gorus__kutu > p.vn-gorus__bos { font-size: 13.5px; color: var(--vn-text-3); }
.vn-gorus__kutu > .vn-btn { justify-self: start; }
.vn-gorus__tur { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.vn-gorus__tur label { margin: 0; cursor: pointer; }
.vn-gorus__tur input { position: absolute; opacity: 0; pointer-events: none; }
.vn-gorus__tur span { display: flex; align-items: center; justify-content: center; gap: 8px; padding: 11px 12px; border: 1px solid var(--vn-line-strong); border-radius: 10px; background: var(--vn-bg); color: var(--vn-text-2); font-size: 14.5px; font-weight: 600; }
.vn-gorus__tur input:checked + span { border-color: var(--vn-blue); background: var(--vn-blue-wash); color: var(--vn-ink); }
.vn-gorus__tur input:focus-visible + span { outline: 2px solid var(--vn-blue); outline-offset: 2px; }
.vn-gorus__alan { display: grid; gap: 5px; margin: 0; font-size: 13.5px; font-weight: 600; color: var(--vn-ink); }
.vn-gorus__alan textarea { resize: vertical; min-height: 150px; font-weight: 400; }
.vn-gorus__kutu > p.vn-gorus__ileti { padding: 10px 12px; border-radius: 10px; font-size: 14px; color: var(--vn-ink); }
.vn-gorus__kutu > p.vn-gorus__ileti.is-tamam { background: var(--vn-green-wash, rgba(46, 160, 67, .12)); border: 1px solid var(--vn-green); }
.vn-gorus__kutu > p.vn-gorus__ileti.is-hata { background: rgba(200, 60, 60, .1); border: 1px solid rgba(200, 60, 60, .5); }
.vn-gorus__liste { display: grid; gap: 10px; margin: 0; padding: 0; list-style: none; }
.vn-gorus__liste li { display: grid; gap: 6px; padding: 12px 14px; border: 1px solid var(--vn-line); border-radius: 12px; background: var(--vn-bg); min-width: 0; }
.vn-gorus__liste li.is-yeni { border-color: var(--vn-blue); }
.vn-gorus__ust { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 6px 12px; font-size: 12.5px; color: var(--vn-text-3); }
.vn-gorus__durum { font-size: 12.5px; font-weight: 600; color: var(--vn-text-2); }
.vn-gorus__durum--tamam { color: var(--vn-green); }
.vn-gorus__durum--inceleniyor, .vn-gorus__durum--planlandi { color: var(--vn-blue); }
.vn-gorus__liste p { margin: 0; max-width: none; font-size: 14px; line-height: 1.55; color: var(--vn-ink); overflow-wrap: anywhere; }
.vn-gorus__liste p.vn-gorus__metin { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; }
.vn-gorus__liste p.vn-gorus__metin.is-acik { display: block; }
.vn-gorus__devam { justify-self: start; padding: 0; border: 0; background: none; color: var(--vn-blue); font-size: 13px; font-weight: 600; cursor: pointer; }
.vn-gorus__liste p.vn-gorus__not { padding-top: 6px; border-top: 1px dashed var(--vn-line); color: var(--vn-text-2); }
.vn-gorus__not i { margin-right: 4px; font-size: 11px; color: var(--vn-blue); }
.vn-devirp { justify-items: stretch; }
.vn-devirp > .vn-pencere__ikon, .vn-devirp > .vn-btn { justify-self: start; }
.vn-devirp label { display: grid; gap: 5px; margin: 0; font-size: 13.5px; font-weight: 600; color: var(--vn-ink); }
.vn-pencere__kutu > p.vn-devirp__kayit { padding: 10px 12px; border: 1px solid var(--vn-line); border-radius: 10px; background: var(--vn-bg); color: var(--vn-ink); overflow-wrap: anywhere; }
.vn-devirp__kayit i { margin-right: 6px; color: var(--vn-blue); }
.vn-devirp__toplu { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px; width: 100%; margin-top: 4px; padding: 12px 14px; border: 1px dashed var(--vn-line-strong); border-radius: 12px; background: var(--vn-bg); font-size: 13.5px; color: var(--vn-text-2); }
.vn-devirp__toplu span { flex: 1 1 200px; }
.vn-svc__islem > a.is-kapali, .vn-domislem > a.is-kapali { opacity: .68; }
.vn-svc__islem > a.is-kapali:not([href]), .vn-domislem > a.is-kapali:not([href]) { cursor: not-allowed; }
.vn-svc__islem > a.is-kapali small, .vn-domislem > a.is-kapali small { color: var(--vn-red); }
.vn-devir__liste li { position: relative; }
.vn-devir__liste .vn-devir__fatura { position: absolute; right: 14px; top: 50%; transform: translateY(-50%); font-size: 13px; }
.vn-devir__liste li.is-engel label { padding-right: 150px; }
@media (max-width: 600px) { .vn-devir__liste .vn-devir__fatura { position: static; transform: none; display: block; padding: 0 14px 10px 66px; } .vn-devir__liste li.is-engel label { padding-right: 14px; } }
.vn-svc__billing-actions .vn-svc__iptal { align-self: flex-start; width: auto; }
/* İptal talebi: uyarılar form genişliğinde, simgeli; alan adı sorusu kendi kutumuzda */
.vn-iptal .vn-iptal__uyari, .vn-iptal__uyari { max-width: none; width: 100%; margin: 0 0 var(--vn-4); }
.vn-iptal__uyari i { margin-right: 6px; color: var(--vn-amber); }
.vn-notice--bad.vn-iptal__uyari i { color: var(--vn-red); }
.vn-iptal__alanadi { margin: 0 0 var(--vn-4); padding: 12px 14px; border: 1px solid var(--vn-line); border-left: 4px solid var(--vn-amber); border-radius: 12px; background: var(--vn-bg); font-size: 14px; }
.vn-iptal__alanadi p { margin: 0 0 6px; max-width: none; }

/* Kartla site içi ödeme (/kartla-ode, vn-ode.tpl) */
.vn-ode__duzen { display: grid; gap: var(--vn-4); grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr); align-items: start; }
.vn-ode__form, .vn-ode__ozet, .vn-ode__kutu { padding: 20px; border: 1px solid var(--vn-line); border-radius: 14px; background: var(--vn-surface); }
.vn-ode__form { display: grid; gap: 14px; }
.vn-ode h2 { margin: 0; font-size: 18px; color: var(--vn-ink); }
.vn-ode__alan { display: block; margin: 0; min-width: 0; }
.vn-ode__alan > span { display: block; margin-bottom: 4px; font-size: 13px; font-weight: 600; color: var(--vn-text-2); }
.vn-ode__sira { display: grid; gap: 12px; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.vn-ode__kaydet { display: flex; gap: 10px; align-items: flex-start; margin: 0; font-weight: 400; cursor: pointer; }
.vn-ode__kaydet input { margin-top: 4px; }
.vn-ode__kaydet small { display: block; font-size: 12.5px; color: var(--vn-text-2); }
.vn-ode__ozet dl { margin: 12px 0; }
.vn-ode__ozet dl div { display: flex; justify-content: space-between; gap: 12px; padding: 8px 0; border-top: 1px solid var(--vn-line); }
.vn-ode__ozet dt { font-weight: 400; color: var(--vn-text-2); }
.vn-ode__ozet dd { margin: 0; color: var(--vn-ink); text-align: right; }
.vn-ode__kutu { max-width: 640px; display: grid; gap: 10px; justify-items: start; }
.vn-ode__kutu p { margin: 0; }
.vn-ode__kutu--tamam { border-left: 4px solid var(--vn-teal); }
@media (max-width: 800px) { .vn-ode__duzen { grid-template-columns: 1fr; } }

/* Havaleden sonra ödeme bildirimi kutusu (makbuz sayfası, includes/vn-odeme-bildir.tpl) */
.vn-odebildir { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 14px; margin-top: 12px; padding: 14px 16px; border: 1px solid var(--vn-line); border-left: 4px solid var(--vn-teal); border-radius: 14px; background: var(--vn-surface); text-align: left; }
.vn-odebildir > i { font-size: 18px; color: var(--vn-teal); }
.vn-odebildir > div { flex: 1 1 240px; min-width: 0; }
.vn-odebildir strong { display: block; font-size: 15px; color: var(--vn-ink); }
.vn-odebildir span { font-size: 13.5px; color: var(--vn-text-2); }
.vn-ode__sira--iki { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.vn-ode__ipucu { display: block; margin-top: 4px; font-size: 12.5px; color: var(--vn-text-2); }
@media (max-width: 520px) { .vn-ode__sira--iki { grid-template-columns: 1fr; } }
.vn-ode__ozet dl.vn-ode__adimlar div { justify-content: flex-start; }
.vn-ode__ozet dl.vn-ode__adimlar dt { flex: 0 0 auto; font-weight: 700; color: var(--vn-teal); }
.vn-ode__ozet dl.vn-ode__adimlar dd { flex: 1 1 0; text-align: left; }
.vn-ode__form textarea.form-control { min-height: 64px; height: 64px; }
.vn-odebildir--inceleniyor, .vn-odebildir--yanit { border-left-color: #D9822B; }
.vn-odebildir--inceleniyor > i, .vn-odebildir--yanit > i { color: #D9822B; }
.vn-ode__gecmis { margin-top: var(--vn-4); padding: 20px; border: 1px solid var(--vn-line); border-radius: 14px; background: var(--vn-surface); }
.vn-ode__gecmis ul { list-style: none; margin: 10px 0 0; padding: 0; }
.vn-ode__gecmis li { padding: 12px 0; border-top: 1px solid var(--vn-line); }
.vn-ode__gecmis-ust { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 16px; }
.vn-ode__gecmis-ust .vn-mxetiket { margin-right: auto; }
.vn-ode__gecmis-ayrinti { display: flex; flex-wrap: wrap; gap: 6px 28px; margin: 8px 0 0; }
.vn-ode__gecmis-ayrinti dt { font-size: 12px; font-weight: 400; color: var(--vn-text-2); }
.vn-ode__gecmis-ayrinti dd { margin: 0; font-size: 14px; color: var(--vn-ink); overflow-wrap: anywhere; }
.vn-ode__gecmis-islem { font-family: var(--vn-font-mono); font-size: 13px; }
.vn-ode__gecmis-no { flex: 0 0 90px; font-family: var(--vn-font-mono); font-weight: 600; }
.vn-ode__gecmis-tutar { flex: 0 0 110px; color: var(--vn-ink); }
.vn-ode__gecmis .vn-mxetiket { margin-left: 0; }

/* Ödeme hareketleri / cari döküm (/odeme-hareketleri, vn-hareketler.tpl) */
.vn-har__ozet { display: grid; gap: var(--vn-3); grid-template-columns: repeat(4, minmax(0, 1fr)); margin-bottom: var(--vn-4); }
.vn-har__ozet > div, .vn-har__ozet > a { padding: 16px; border: 1px solid var(--vn-line); border-radius: 14px; background: var(--vn-surface); min-width: 0; }
.vn-har__ozet strong { display: block; margin-top: 4px; font-family: var(--vn-font-mono); font-size: 20px; color: var(--vn-ink); overflow-wrap: anywhere; }
.vn-har__ozet small { display: block; font-size: 12.5px; color: var(--vn-text-2); }
.vn-har__ozet-bakiye.is-borc { border-left: 4px solid #D9822B; }
.vn-har__ozet-bakiye.is-alacak { border-left: 4px solid var(--vn-teal); }
.vn-har__suz { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin: 0 0 10px; }
.vn-har__suz label { margin: 0; }
.vn-har__suz select.form-control, .vn-har__suz input.form-control { width: auto; min-width: 150px; }
.vn-har__ozel { display: inline-flex; flex-wrap: wrap; gap: 8px; }
.vn-har__ozel[hidden] { display: none; }
.vn-har__arac { display: inline-flex; flex-wrap: wrap; gap: 8px; margin-left: auto; }
.vn-har__not { margin: 0 0 10px; font-size: 13.5px; color: var(--vn-text-2); max-width: none; }
.vn-har__tablo { border: 1px solid var(--vn-line); border-radius: 14px; background: var(--vn-surface); overflow-x: auto; margin-bottom: 10px; }
.vn-har__tablo table { width: 100%; border-collapse: collapse; font-size: 14px; }
.vn-har__tablo th { padding: 12px 14px; text-align: left; font-size: 12px; letter-spacing: .06em; text-transform: uppercase; color: var(--vn-text-2); border-bottom: 1px solid var(--vn-line); white-space: nowrap; }
.vn-har__tablo td { padding: 11px 14px; border-top: 1px solid var(--vn-line); vertical-align: top; color: var(--vn-text); }
.vn-har__tablo tbody tr:first-child td { border-top: 0; }
.vn-har__tablo td:first-child { white-space: nowrap; font-family: var(--vn-font-mono); font-size: 13px; }
.vn-har__tablo td i { margin-right: 6px; color: var(--vn-text-3); }
.vn-har--odeme td i { color: var(--vn-teal); }
.vn-har__tablo td small { display: block; margin-top: 2px; font-size: 12.5px; color: var(--vn-text-2); overflow-wrap: anywhere; }
.vn-har__tablo td small.vn-har__islem { font-family: var(--vn-font-mono); font-size: 12px; }
.vn-har__tablo .vn-har__sayi { text-align: right; white-space: nowrap; font-family: var(--vn-font-mono); }
.vn-har__tablo abbr { font-size: 11px; color: var(--vn-text-2); text-decoration: none; }
.vn-har--devir td { background: var(--vn-bg); }
.vn-har__bos { text-align: center; color: var(--vn-text-2); }
@media (max-width: 900px) { .vn-har__ozet { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 640px) {
  .vn-har__arac { margin-left: 0; }
  .vn-har__tablo thead { display: none; }
  .vn-har__tablo tr { display: block; padding: 10px 14px; border-top: 1px solid var(--vn-line); }
  .vn-har__tablo tbody tr:first-child { border-top: 0; }
  .vn-har__tablo td { display: flex; justify-content: space-between; gap: 12px; padding: 3px 0; border: 0; text-align: right; }
  .vn-har__tablo td:nth-child(2) { display: block; text-align: left; padding: 4px 0 6px; }
  .vn-har__tablo td[data-b]:not(:nth-child(2))::before { content: attr(data-b); font-family: var(--vn-font); font-size: 12.5px; color: var(--vn-text-2); }
  .vn-har__tablo td.vn-har__sayi:empty { display: none; }
}
@media print { .vn-side, .vn-top, .vn-shell__top, header, footer, .d-print-none { display: none !important; } .vn-har__tablo { border: 0; overflow: visible; } }

/* Sol menü: "Muhasebe" başlığı ve alt satırları */
.vn-side nav a.vn-side__alt { padding-left: 34px; font-size: 14px; }
.vn-har__ara { position: relative; flex: 1 1 220px; max-width: 340px; }
.vn-har__ara i { position: absolute; left: 12px; top: 50%; transform: translateY(-50%); color: var(--vn-text-3); pointer-events: none; }
.vn-har__suz .vn-har__ara input.form-control { width: 100%; padding-left: 34px; }
.vn-har__tur { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 10px; }
.vn-har__tur a { display: inline-flex; align-items: center; gap: 6px; padding: 7px 12px; border: 1px solid var(--vn-line); border-radius: 10px; background: var(--vn-surface); font-size: 14px; color: var(--vn-text); text-decoration: none; }
.vn-har__tur a b { font-family: var(--vn-font-mono); font-size: 12.5px; font-weight: 600; color: var(--vn-text-2); }
.vn-har__tur a[aria-current="true"] { border-color: var(--vn-blue); color: var(--vn-ink); box-shadow: inset 0 -2px 0 var(--vn-blue); }
.vn-har--ay td { padding: 8px 14px; background: var(--vn-bg); font-size: 12px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--vn-text-2); font-family: var(--vn-font) !important; }
.vn-har__tablo td.vn-har__alacak { color: var(--vn-teal); }
.vn-har__tablo td.vn-har__sayi small { font-family: var(--vn-font); font-size: 11.5px; }
.vn-har__tablo td .vn-mxetiket { margin-left: 6px; }
.vn-har__sayfa { display: flex; flex-wrap: wrap; justify-content: center; gap: 6px; margin: 4px 0 12px; }
.vn-har__sayfa a, .vn-har__sayfa span { min-width: 36px; padding: 7px 11px; border: 1px solid var(--vn-line); border-radius: 10px; background: var(--vn-surface); text-align: center; font-size: 14px; color: var(--vn-text); text-decoration: none; }
.vn-har__sayfa span { border-color: transparent; background: none; }
.vn-har__sayfa a[aria-current="page"] { border-color: var(--vn-blue); color: var(--vn-ink); font-weight: 700; }
@media (max-width: 640px) { .vn-har__tablo tr.vn-har--ay { padding: 0; } .vn-har__tablo tr.vn-har--ay td { display: block; text-align: left; padding: 8px 14px; } .vn-har__ara { max-width: none; } }
.vn-har__acik { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 14px; margin: 0 0 var(--vn-3); padding: 14px 16px; border: 1px solid var(--vn-line); border-left: 4px solid #D9822B; border-radius: 14px; background: var(--vn-surface); }
.vn-har__acik > i { font-size: 18px; color: #D9822B; }
.vn-har__acik > div { flex: 1 1 260px; min-width: 0; }
.vn-har__acik strong { display: block; color: var(--vn-ink); }
.vn-har__acik span { font-size: 13.5px; color: var(--vn-text-2); }
.vn-har__aylik { margin: 0 0 var(--vn-3); border: 1px solid var(--vn-line); border-radius: 14px; background: var(--vn-surface); }
.vn-har__aylik summary { padding: 12px 16px; cursor: pointer; font-weight: 600; color: var(--vn-ink); }
.vn-har__aylik summary i { margin-right: 6px; color: var(--vn-text-3); }
.vn-har__aylik table { width: 100%; border-collapse: collapse; font-size: 13.5px; }
.vn-har__aylik th { padding: 8px 16px; text-align: left; font-size: 12px; letter-spacing: .06em; text-transform: uppercase; color: var(--vn-text-2); border-top: 1px solid var(--vn-line); }
.vn-har__aylik td { padding: 8px 16px; border-top: 1px solid var(--vn-line); width: 40%; }
.vn-har__aylik td:first-child { width: 20%; white-space: nowrap; }
.vn-har__aylik td b { display: block; font-family: var(--vn-font-mono); font-weight: 500; color: var(--vn-ink); }
.vn-har__cubuk { display: block; height: 6px; min-width: 2px; margin-bottom: 4px; border-radius: 3px; background: var(--vn-blue); }
.vn-har__cubuk--odenen { background: var(--vn-teal); }
.vn-har__tablo td small.vn-har__ek { display: flex; flex-wrap: wrap; gap: 4px 14px; margin-top: 4px; }
.vn-har__ac { padding: 0; border: 0; background: none; font: inherit; color: var(--vn-blue); cursor: pointer; }
.vn-har__ac i { margin: 0 2px 0 0 !important; font-size: 10px; color: inherit !important; transition: transform .15s; }
.vn-har__ac[aria-expanded="true"] i { transform: rotate(180deg); }
.vn-har__kalem { list-style: none; margin: 8px 0 2px; padding: 8px 10px; border: 1px solid var(--vn-line); border-radius: 10px; background: var(--vn-bg); font-size: 13px; }
.vn-har__kalem[hidden] { display: none; }
.vn-har__kalem li { display: flex; justify-content: space-between; gap: 12px; padding: 3px 0; }
.vn-har__kalem li span { min-width: 0; overflow-wrap: anywhere; color: var(--vn-text); }
.vn-har__kalem li b { white-space: nowrap; font-family: var(--vn-font-mono); font-weight: 500; }
.vn-har__alt { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px 16px; margin: 4px 0 12px; }
.vn-har__alt .vn-har__sayfa { margin: 0; }
.vn-har__boy { display: inline-flex; align-items: center; gap: 6px; font-size: 13.5px; color: var(--vn-text-2); }
.vn-har__boy a { min-width: 36px; padding: 6px 9px; border: 1px solid var(--vn-line); border-radius: 10px; background: var(--vn-surface); text-align: center; color: var(--vn-text); text-decoration: none; }
.vn-har__boy a[aria-current="true"] { border-color: var(--vn-blue); color: var(--vn-ink); font-weight: 700; }
.vn-har__aylik td { vertical-align: top; }
.vn-ode__gecmis h2 small { font-family: var(--vn-font-mono); font-size: 13px; font-weight: 500; color: var(--vn-text-2); }
.vn-ode__gecmis-suz { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 10px; margin: 12px 0 0; }
.vn-ode__gecmis-suz select.form-control { width: auto; min-width: 170px; }
.vn-ode__gecmis-suz .vn-har__ara input.form-control { width: 100%; padding-left: 34px; }
.vn-ode__gecmis-bos { margin: 12px 0 0; color: var(--vn-text-2); }
.vn-ode__gecmis .vn-har__sayfa { margin: 12px 0 0; }

/* Sol menü: açılır gruplar */
.vn-side__grup { display: block; }
.vn-side nav a.vn-side__ust { cursor: pointer; }
.vn-side nav a .vn-side__ok { margin-left: auto; width: auto; font-size: 11px; color: var(--vn-text-3); transition: transform .15s; }
.vn-side__grup.is-acik > .vn-side__ust .vn-side__ok { transform: rotate(180deg); }
.vn-side__altlar { display: none; }
.vn-side__grup.is-acik > .vn-side__altlar { display: block; }
html[data-vn-menu="dar"] .vn-side__altlar, html[data-vn-menu="dar"] .vn-side nav a .vn-side__ok, html[data-vn-menu="dar"] .vn-side nav a .vn-hesapnav__say { display: none !important; }

/* Ana sayfa ödeme kutusu ve sol menü rozet renkleri */
.vn-odekutu { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 14px; padding: 16px 18px; border: 1px solid var(--vn-line); border-left: 4px solid #D9822B; border-radius: 14px; background: var(--vn-surface); }
.vn-odekutu--kotu { border-left-color: var(--vn-red); }
.vn-odekutu > i { font-size: 20px; color: #D9822B; }
.vn-odekutu--kotu > i { color: var(--vn-red); }
.vn-odekutu > div { flex: 1 1 280px; min-width: 0; }
.vn-odekutu strong { display: block; font-size: 16px; color: var(--vn-ink); }
.vn-odekutu span { font-size: 14px; color: var(--vn-text-2); }
.vn-side nav a .vn-hesapnav__say { margin-left: 6px; }
.vn-hesapnav__say.vn-rozet--uyari { background: #D9822B; color: #fff; }
.vn-hesapnav__say.vn-rozet--kotu { background: var(--vn-red); color: #fff; }
.vn-har__ozet > a { display: block; text-decoration: none; color: inherit; cursor: pointer; transition: border-color .15s, box-shadow .15s; }
.vn-har__ozet > a:hover, .vn-har__ozet > a:focus-visible { border-color: #D9822B; box-shadow: 0 0 0 2px rgba(217, 130, 43, .25); }
.vn-har__ozet > a small { color: #D9822B; font-weight: 600; }

/* Panel araması (üst çubuktaki büyüteç; header.tpl, vn-ara.php) */
.vn-ara { position: fixed; inset: 0; z-index: 1200; display: flex; justify-content: center; align-items: flex-start; padding: 9vh 16px 16px; background: rgba(6, 18, 34, .55); }
.vn-ara[hidden] { display: none; }
.vn-ara__kutu { width: 100%; max-width: 640px; max-height: 78vh; display: flex; flex-direction: column; border: 1px solid var(--vn-line); border-radius: 16px; background: var(--vn-surface); box-shadow: 0 24px 60px rgba(0, 0, 0, .35); overflow: hidden; }
.vn-ara__alan { display: flex; align-items: center; gap: 10px; margin: 0; padding: 14px 16px; border-bottom: 1px solid var(--vn-line); }
.vn-ara__alan > i { color: var(--vn-text-3); }
.vn-ara__alan input { flex: 1 1 auto; min-width: 0; border: 0; outline: 0; background: none; font-size: 17px; color: var(--vn-ink); }
.vn-ara__kapat { padding: 3px 8px; border: 1px solid var(--vn-line); border-radius: 8px; background: var(--vn-bg); font-size: 12px; color: var(--vn-text-2); cursor: pointer; }
.vn-ara__sonuc { overflow-y: auto; padding: 6px 8px 10px; }
.vn-ara__not { margin: 14px 10px; font-size: 14px; color: var(--vn-text-2); max-width: none; }
.vn-ara__grup { margin: 12px 10px 4px; font-size: 11.5px; font-weight: 700; letter-spacing: .07em; text-transform: uppercase; color: var(--vn-text-2); }
.vn-ara__sonuc a { display: flex; align-items: center; gap: 12px; padding: 9px 10px; border-radius: 10px; color: var(--vn-text); text-decoration: none; }
.vn-ara__sonuc a:hover, .vn-ara__sonuc a.is-secili, .vn-ara__sonuc a:focus-visible { background: var(--vn-teal-wash); }
.vn-ara__sonuc a i { flex: 0 0 18px; text-align: center; color: var(--vn-text-3); }
.vn-ara__sonuc a span { min-width: 0; }
.vn-ara__sonuc a strong { display: block; font-weight: 600; color: var(--vn-ink); overflow-wrap: anywhere; }
.vn-ara__sonuc a small { display: block; font-size: 12.5px; color: var(--vn-text-2); overflow-wrap: anywhere; }
body.vn-ara-acik { overflow: hidden; }

/* Dönem / tarih aralığı süzgeci: işlem geçmişi ve gönderilen e-postalar (hesap ekstresiyle aynı düzen) */
.vn-islem__suz select { width: auto; min-width: 160px; }
.vn-tarihsec { display: inline-flex; flex-wrap: wrap; align-items: center; gap: 8px; color: var(--vn-text-2); }
.vn-tarihsec[hidden] { display: none; }
.vn-tarihsec input[type=date] { padding: 8px 12px; border: 1px solid var(--vn-line-strong); border-radius: 10px; background: var(--vn-bg); color: var(--vn-ink); font: inherit; font-size: 14px; }
.vn-eposta-suz { margin-bottom: 12px; }
.vn-eposta-suz__sayi { font-family: var(--vn-font-mono); font-size: 13px; color: var(--vn-text-2); }

/* Üst çubuktaki arama alanı (geniş ekran): boş yeri doldurur; tıklanınca arama penceresi açılır */
.vn-top__ara { display: none; }
@media (min-width: 1200px) {
  .vn-top .vn-top__crumb { flex: 0 1 auto; }
  .vn-top__ara { display: flex; align-items: center; gap: 10px; flex: 1 1 0; min-width: 42px; max-width: 560px; height: 42px; overflow: hidden; margin: 0 auto 0 8px; padding: 0 12px; border: 1px solid var(--vn-line); border-radius: 12px; background: var(--vn-bg); color: var(--vn-text-2); font: inherit; font-size: 14px; text-align: left; cursor: text; transition: border-color .15s, box-shadow .15s; }
  .vn-top__ara:hover, .vn-top__ara:focus-visible { border-color: var(--vn-blue); box-shadow: 0 0 0 3px color-mix(in srgb, var(--vn-blue) 18%, transparent); outline: 0; }
  .vn-top__ara > i { color: var(--vn-blue); }
  .vn-top__ara-metin { flex: 1 1 auto; min-width: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
  .vn-top__ara-metin b { font-weight: 600; color: var(--vn-ink); }
  .vn-top__ara-imlec { display: inline-block; width: 1px; height: 15px; margin-left: 2px; vertical-align: -2px; background: var(--vn-blue); animation: vnAraImlec 1s steps(1) infinite; }
  .vn-top__ara kbd { flex: 0 0 auto; padding: 2px 7px; border: 1px solid var(--vn-line); border-radius: 6px; background: var(--vn-surface); font-family: var(--vn-font-mono); font-size: 12px; color: var(--vn-text-2); box-shadow: none; }
  .vn-top .vn-top__arabuton { display: none; }
  .vn-top__ara > i { flex: 0 0 auto; }
  .vn-top__ara kbd { margin-left: auto; }
}
@keyframes vnAraImlec { 50% { opacity: 0; } }
@media (prefers-reduced-motion: reduce) { .vn-top__ara-imlec { animation: none; } }

/* Arama penceresi: boş durum (örnekler, hızlı erişim), vurgu ve alt bilgi */
.vn-ara__kutu { max-width: 720px; }
.vn-ara__alan input { padding: 4px 0; }
.vn-ara__grup b { margin-left: 4px; font-family: var(--vn-font-mono); font-weight: 500; }
.vn-ara__ornek { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 4px 10px 6px; }
.vn-ara__ornek button { display: inline-flex; align-items: center; gap: 6px; padding: 6px 11px; border: 1px solid var(--vn-line); border-radius: 10px; background: var(--vn-bg); font: inherit; font-size: 13.5px; color: var(--vn-text); cursor: pointer; }
.vn-ara__ornek button:hover, .vn-ara__ornek button:focus-visible { border-color: var(--vn-blue); color: var(--vn-ink); }
.vn-ara__ornek button i { font-size: 11px; color: var(--vn-text-3); }
.vn-ara__ornek span { font-size: 13px; color: var(--vn-text-2); }
.vn-ara__hizli { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 2px 8px; }
.vn-ara__sonuc a i:first-child { flex: 0 0 34px; height: 34px; display: grid; place-items: center; border-radius: 9px; background: var(--vn-bg); color: var(--vn-blue); }
.vn-ara__sonuc a .vn-ara__git { margin-left: auto; flex: 0 0 auto; font-size: 11px; color: var(--vn-text-3); opacity: 0; }
.vn-ara__sonuc a:hover .vn-ara__git, .vn-ara__sonuc a.is-secili .vn-ara__git { opacity: 1; }
.vn-ara__sonuc mark { padding: 0 1px; border-radius: 3px; background: color-mix(in srgb, var(--vn-lime) 45%, transparent); color: inherit; }
.vn-ara__sonuc a.vn-ara__ode { margin: 6px 2px 2px; border: 1px solid var(--vn-line); border-left: 4px solid #D9822B; }
.vn-ara__sonuc a.vn-ara__ode i:first-child { color: #D9822B; }
.vn-ara__sonuc a.vn-ara__ode small { color: #D9822B; font-weight: 600; }
.vn-ara__alt { display: flex; flex-wrap: wrap; gap: 6px 16px; padding: 9px 16px; border-top: 1px solid var(--vn-line); background: var(--vn-bg); font-size: 12.5px; color: var(--vn-text-2); }
.vn-ara__alt kbd { margin-right: 3px; padding: 1px 6px; border: 1px solid var(--vn-line); border-radius: 5px; background: var(--vn-surface); font-family: var(--vn-font-mono); font-size: 11px; color: var(--vn-text-2); box-shadow: none; }
.vn-ara__alt-sag { margin-left: auto; }
@media (max-width: 640px) { .vn-ara__hizli { grid-template-columns: 1fr; } .vn-ara__alt span:not(.vn-ara__alt-sag) { display: none; } .vn-ara__alt-sag { margin-left: 0; } }
.vn-side nav a.vn-side__ayri { margin-top: 10px; padding-top: 12px; border-top: 1px solid var(--vn-line); border-radius: 0 0 10px 10px; }
.vn-liste-not { margin: 10px 0; font-size: 13.5px; color: var(--vn-text-2); max-width: none; }
.vn-liste-not[hidden] { display: none; }
.vn-liste-not i { margin-right: 4px; color: var(--vn-text-3); }

/* Dar telefonda üst çubuk: arama düğmesi eklendikten sonra 375 px'te 5 px taşıyordu */
@media (max-width: 430px) {
  .vn-top .vn-top__actions { gap: 4px; }
  /* Kredi kutusu: yalnızca tutar (etiket ve cüzdan simgesi gizlenir) */
  .vn-top .vn-bakiye { padding-inline: 8px; }
  .vn-top .vn-bakiye > i, .vn-top .vn-bakiye small { display: none; }
}

/* Telefon görünümü düzeltmeleri (ekran görüntüleriyle tek tek bakıldı, 2026-10-06) */
/* Hesap sekmeleri: yatay kayar ama kaydırma çubuğu görünmez */
.vn-hesapnav { scrollbar-width: none; }
.vn-hesapnav::-webkit-scrollbar { display: none; }
/* Liste kartlarında arama kutusunun üstündeki boşluk */
.dataTables_wrapper .dataTables_filter { margin-top: 0 !important; }
/* İçinde bilgi olmayan "Hizmet bilgileri" kartı boş kutu olarak görünmesin */
.vn-svc__info:not(:has(.vn-tiles > *)):not(:has(> :nth-child(3))) { display: none; }
@media (max-width: 640px) {
  /* Gönderilen e-postalar: tablo yerine alt alta kartlar (sütunlar ekrandan taşıyordu) */
  .vn-eposta-table table thead { display: none; }
  .vn-eposta-table table, .vn-eposta-table tbody, .vn-eposta-table tr, .vn-eposta-table td { display: block; width: 100% !important; }
  .vn-eposta-table tr { padding: 12px 14px; border-top: 1px solid var(--vn-line); }
  .vn-eposta-table tbody tr:first-child { border-top: 0; }
  .vn-eposta-table td { padding: 2px 0 !important; border: 0 !important; }
  .vn-eposta-table td.vn-inv-table__action { margin-top: 6px; text-align: left; }
  .vn-har__tablo td.vn-har__sayi small { display: inline; margin-left: 4px; }
}
@media (max-width: 430px) {
  /* Özet kutucukları: metin sütunu 60 px'e düşüyor, tarih ve tutarlar harf harf bölünüyordu */
  .vn-strip > * { grid-template-columns: 40px minmax(0, 1fr); column-gap: 10px; }
  .vn-strip .vn-label { font-size: 10px; letter-spacing: .03em; overflow-wrap: break-word; }
  .vn-strip .vn-small { display: none; }
  .vn-strip.vn-svc__ozet { grid-template-columns: minmax(0, 1fr); }
  .vn-strip .vn-strip__value--metin { white-space: nowrap; word-break: normal; overflow-wrap: normal; }
  /* Ana sayfa başlığındaki kredi kutusu: tutar "Kredi yükle" düğmesinin altına giriyordu */
  .vn-page-head__bakiye { flex-wrap: wrap; row-gap: 8px; }
  /* Kredi yükle: hazır tutarlar 3 + 1 yerine 2 + 2 */
  .vn-kredi__hizli button { flex: 1 1 calc(50% - 8px); }
  /* Hesap ekstresi özet kutuları: tutar iki satıra bölünmesin */
  .vn-har__ozet > div, .vn-har__ozet > a { padding: 12px; }
  .vn-har__ozet strong { font-size: 15.5px; white-space: nowrap; }
}

/* Tablet (701–899 px): arama düğmesi eklendikten sonra üst çubuk 768 px'te 81 px taşıyordu; hesap düğmesinde yalnızca resim kalır */
@media (min-width: 701px) and (max-width: 899px) {
  .vn-top .vn-account .vn-account__name { display: none; }
  .vn-top .vn-account { padding-inline: 6px; }
}

/* Sipariş: alan adı adımında uzantı seçimi telefonda ".com" yazısını kesiyordu */
#frmProductDomain select.form-control, #frmProductDomain select.custom-select, #frmProductDomain select { min-width: 96px; }

/* Ürün sayfalarındaki hap biçimli etiketler sade çizgili etikete çevrildi (kullanıcı kararı, 2026-10-06; "yapay görünüm yok") */
.vn-ghero__facts { gap: 6px 18px; }
.vn-ghero__facts li { padding: 0 0 0 10px; border: 0; border-left: 2px solid rgba(255,255,255,.4); border-radius: 0; background: none; font-size: 13.5px; line-height: 1.35; color: rgba(255,255,255,.92); }
.vn-ghero__facts .vn-ghero__deal { background: none; border-color: var(--vn-lime); border-left-width: 3px; color: var(--vn-lime); font-family: var(--vn-font-head); font-weight: 700; }
.vn-deal { top: -11px; padding: 3px 9px 3px 8px; border: 1px solid var(--vn-line); border-left: 3px solid var(--vn-lime); border-radius: 3px; background: var(--vn-surface); color: var(--vn-ink); font-size: 12px; font-weight: 700; }
.vn-deal--inline { padding: 1px 7px 1px 6px; font-size: 11px; }
.vn-pcard__tag, .vn-ubolum__adet { border-radius: 3px; }

/* Kalan hap biçimli etiketler de sade çizgili / köşeli yapıldı (kullanıcı kararı, 2026-10-06). Sayı baloncukları (menü rozeti, sepet
   sayısı), ilerleme çubukları ve kaydırıcılar yuvarlak kalır: onlar etiket değil. */
.vn-hero3__tag span, .vn-ekrozet { border-radius: 3px; }
.vn-quote figcaption em, .vn-sla__list em, .vn-ssltag, .vn-hcard__panel, .vn-hdetay__sinirsiz, .vn-oscard__tur {
  border-radius: 3px; border-left: 2px solid currentColor; padding-left: 7px;
}
.vn-oscard__tur { border-top: 0; border-right: 0; border-bottom: 0; }
/* Durum etiketleri (Aktif, Ödenmedi, Kapandı…) */
.vn-pill, .badge, .label, .status, .label.status, .vn-durum, .vn-mxetiket,
.vn-home__panels .label, .vn-invoice-page .invoice-status span { border-radius: 4px; }
/* Düğme gibi çalışan yuvarlak kutular: diğer düğmelerle aynı köşe */
.vn-ukat a, .vn .vn-ukat a, .vn-yapi__hazir button, .vn-gecis { border-radius: 10px; }

/* Üst çubuk (1200–1899 px): uzun firma adı bütün yeri alıp arama alanını simgeye düşürüyordu; ad kısaltılır, arama alanı öncelik alır */
@media (min-width: 1200px) and (max-width: 1899px) {
  .vn-top .vn-account .vn-account__name { max-width: 170px; }
  .vn-top__ara { min-width: 190px; }
}

/* ============ Kayıt: dört adımlı form (clientregister.tpl) ============ */
/* Adım listesi solda, form sağda; telefonda liste formun üstünde tek satır */
#frmCheckout.vn-adimli .vn-adim { display: none; }
#frmCheckout.vn-adimli .vn-adim.is-etkin { display: grid; gap: var(--vn-5); grid-template-columns: minmax(0, 1fr); }
/* Tür seçilmeden diğer bölümleri gizleyen genel kural adımlı formda geçerli değildir; yalnız .vn-turkapali gizlenir */
#frmCheckout.vn-adimli.is-tursuz section:not([aria-labelledby="vnTypeTitle"]):not(.vn-turkapali) { display: grid; }
.vn-adim__gec { display: flex; justify-content: space-between; align-items: center; gap: 12px; }
.vn-adim__gec > [data-vn-ileri]:only-child { margin-left: auto; }
.vn-adim__gec .vn-btn { min-height: 46px; min-width: 132px; }
.vn-kayitadim { list-style: none; margin: 0; padding: 0 0 var(--vn-4); display: grid; gap: 6px; border-bottom: 1px solid rgba(255,255,255,.16); counter-reset: none; }
.vn-register__yan .vn-kayitadim li { display: block; }
.vn-kayitadim button { width: 100%; display: grid; grid-template-columns: 40px minmax(0, 1fr); gap: 12px; align-items: center; padding: 6px; border: 0; border-radius: 10px; background: none; color: rgba(255,255,255,.62); font: inherit; font-size: 15px; text-align: left; cursor: pointer; }
.vn-kayitadim button:disabled { cursor: default; }
.vn-kayitadim button b { width: 40px; height: 40px; display: grid; place-items: center; border-radius: 8px; border: 1px solid rgba(255,255,255,.22); background: rgba(255,255,255,.06); font-family: var(--vn-font-mono); font-size: 16px; font-weight: 600; color: rgba(255,255,255,.7); }
.vn-kayitadim button:not(:disabled):hover { background: rgba(255,255,255,.08); }
.vn-kayitadim button[aria-current="step"] { color: #fff; font-weight: 600; }
.vn-kayitadim button[aria-current="step"] b { background: var(--vn-lime); border-color: var(--vn-lime); color: var(--vn-navy); }
.vn-kayitadim button.is-tamam { color: rgba(255,255,255,.88); }
.vn-kayitadim button.is-tamam b { border-color: var(--vn-lime); color: var(--vn-lime); }
.vn-kayitadim button:focus-visible { outline: 2px solid var(--vn-lime); outline-offset: 2px; }
@media (min-width: 1100px) { .vn-register:has(.vn-adimli) { grid-template-columns: 300px minmax(0, 1fr); } .vn-register:has(.vn-adimli) .vn-register__ana { grid-column: 2; } .vn-register:has(.vn-adimli) .vn-register__yan { grid-column: 1; } }
@media (max-width: 1099px) {
  .vn-register:has(.vn-adimli) .vn-register__yan { padding: var(--vn-4); }
  .vn-register:has(.vn-adimli) .vn-register__yan-baslik, .vn-register:has(.vn-adimli) .vn-register__yan ul, .vn-register:has(.vn-adimli) .vn-register__giris { display: none; }
  .vn-kayitadim { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; padding-bottom: 0; border-bottom: 0; }
  .vn-kayitadim button { grid-template-columns: minmax(0, 1fr); justify-items: center; gap: 6px; padding: 4px 2px; font-size: 12.5px; line-height: 1.25; text-align: center; }
}
@media (max-width: 520px) { .vn-kayitadim button span { display: none; } .vn-kayitadim button[aria-current="step"] span { display: block; position: absolute; left: 0; right: 0; bottom: 0; font-size: 14px; line-height: 20px; } .vn-kayitadim { position: relative; padding-bottom: 30px; } .vn-kayitadim li { position: static; } .vn-adim__gec .vn-btn { min-width: 0; flex: 1 1 0; } }
/* Tür seçilmeden İleri'ye basılınca seçim kartları kısa süre vurgulanır */
.vn-turkartlar.is-uyar .vn-turkart { animation: vnTurUyar .5s ease 2; }
@keyframes vnTurUyar { 50% { border-color: var(--vn-danger, #d6453d); box-shadow: 0 0 0 3px color-mix(in srgb, var(--vn-danger, #d6453d) 22%, transparent); } }
@media (prefers-reduced-motion: reduce) { .vn-turkartlar.is-uyar .vn-turkart { animation: none; border-color: var(--vn-danger, #d6453d); } }
.vn-register__geri { min-height: 46px; min-width: 132px; }
@media (max-width: 720px) { .vn-register__son .vn-register__geri { order: 3; width: 100%; } }
.vn-register:has(.vn-adimli) .vn-register__not { max-width: none; }

/* Kayıt: yazdıkça süzülen öneri listesi (il, ilçe, vergi dairesi). Kutu metin kutusu olarak kalır; listede olmayan değer de yazılabilir */
.vn-oneri { position: relative; display: block; }
.vn-oneri > input { width: 100%; }
.vn-oneri.is-listeli > input { padding-right: 38px; }
.vn-oneri__ok { display: none; position: absolute; right: 2px; top: 2px; bottom: 2px; width: 36px; border: 0; background: none; color: var(--vn-text-2); cursor: pointer; font-size: 12px; }
.vn-oneri.is-listeli .vn-oneri__ok { display: grid; place-items: center; }
.vn-oneri__liste { position: absolute; z-index: 30; left: 0; right: 0; top: calc(100% + 4px); margin: 0; padding: 4px; list-style: none; max-height: 264px; overflow-y: auto; border: 1px solid var(--vn-line-strong); border-radius: 10px; background: var(--vn-surface); box-shadow: 0 12px 28px rgba(8, 20, 40, .22); }
.vn-oneri__liste[hidden] { display: none; }
.vn-oneri__liste li { padding: 9px 12px; border-radius: 7px; font-size: 15px; line-height: 1.3; color: var(--vn-ink); cursor: pointer; }
.vn-oneri__liste li:hover, .vn-oneri__liste li.is-etkin { background: var(--vn-blue-wash); }
.vn-oneri__liste li[aria-selected="true"] { font-weight: 600; box-shadow: inset 3px 0 0 var(--vn-teal); }

/* Kayıt: cep telefonu doğrulama kutusu (1. adım) */
.vn-teldogrula { display: grid; gap: 12px; padding: 14px 16px; border: 1px solid var(--vn-line); border-left: 3px solid var(--vn-blue); border-radius: 10px; background: var(--vn-surface); }
.vn-teldogrula[hidden] { display: none; }
.vn-teldogrula__ileti, .vn .vn-teldogrula__ileti { margin: 0; font-size: 14.5px; line-height: 1.5; color: var(--vn-ink); }
.vn-teldogrula__ileti.is-hata { color: var(--vn-danger, #d6453d); }
.vn-teldogrula__ileti.is-tamam { color: var(--vn-teal); font-weight: 600; }
.vn-teldogrula__ileti.is-tamam::before { content: "\f00c"; font-family: "Font Awesome 6 Pro", "Font Awesome 5 Pro", "Font Awesome 5 Free"; font-weight: 900; margin-right: 8px; }
.vn-teldogrula__satir { display: flex; align-items: flex-end; gap: 12px; flex-wrap: wrap; }
.vn-teldogrula__satir[hidden] { display: none; }
.vn-teldogrula__satir .vn-field { flex: 0 1 220px; margin: 0; }
.vn-teldogrula__satir #vnTelKod { font-size: 20px; letter-spacing: .3em; text-align: center; }
.vn-teldogrula__satir .vn-btn { min-height: 46px; min-width: 132px; }
.vn-teldogrula__satir .vn-field--error + .vn-btn { margin-bottom: 26px; }
.vn-teldogrula__alt, .vn .vn-teldogrula__alt { margin: 0; display: flex; flex-wrap: wrap; gap: 6px 20px; font-size: 14px; }
.vn-teldogrula__bag { padding: 0; border: 0; background: none; color: var(--vn-blue); font: inherit; cursor: pointer; text-decoration: underline; text-underline-offset: 3px; }
.vn-teldogrula__bag:disabled { color: var(--vn-text-2); text-decoration: none; cursor: default; }
.vn-teldogrula__bag[hidden] { display: none; }
#inputPhone.is-dogrulu { border-color: var(--vn-teal); }
@media (max-width: 520px) { .vn-teldogrula__satir .vn-field, .vn-teldogrula__satir .vn-btn { flex: 1 1 100%; } .vn-teldogrula__satir .vn-field--error + .vn-btn { margin-bottom: 0; } }
.vn-register input[readonly] { background: var(--vn-blue-wash); color: var(--vn-ink); cursor: default; }

/* Ödeme adımındaki yeni hesap formu: kayıt sayfasıyla aynı adımlar. Adım listesi burada açık zeminde durur. */
form:not(.vn-adimli) .vn-adim__gec, form:not(.vn-adimli) .vn-kayitadim { display: none; }
.vn-kayitadim--acik { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; padding: 10px; border: 1px solid var(--vn-line); border-radius: 12px; background: var(--vn-surface); }
.vn-kayitadim--acik li { display: block; }
.vn-kayitadim--acik button { grid-template-columns: 34px minmax(0, 1fr); gap: 10px; padding: 4px; color: var(--vn-text-2); font-size: 14px; }
.vn-kayitadim--acik button b { width: 34px; height: 34px; border-color: var(--vn-line-strong); background: var(--vn-bg); color: var(--vn-text-2); font-size: 15px; }
.vn-kayitadim--acik button:not(:disabled):hover { background: var(--vn-blue-wash); }
.vn-kayitadim--acik button[aria-current="step"] { color: var(--vn-ink); }
.vn-kayitadim--acik button[aria-current="step"] b { background: var(--vn-lime); border-color: var(--vn-lime); color: var(--vn-navy); }
.vn-kayitadim--acik button.is-tamam { color: var(--vn-ink); }
.vn-kayitadim--acik button.is-tamam b { border-color: var(--vn-teal); color: var(--vn-teal); background: var(--vn-teal-wash); }
.vn-kayitadim--acik button:focus-visible { outline-color: var(--vn-blue); }
@media (max-width: 760px) { .vn-kayitadim--acik button { grid-template-columns: minmax(0, 1fr); justify-items: center; text-align: center; gap: 6px; font-size: 12.5px; line-height: 1.25; } }
@media (max-width: 520px) { .vn-kayitadim--acik { padding-bottom: 34px; } .vn-kayitadim--acik button[aria-current="step"] span { bottom: 8px; } }
#frmCheckout[data-vn-odeme] .vn-adim__gec { margin-top: 4px; }

/* Zorunlu onay kutusu işaretlenmeden gönderilmek istenirse */
.vn-check.is-hata { outline: 2px solid var(--vn-danger, #d6453d); outline-offset: 6px; border-radius: 6px; }
.vn-onay__uyari { display: block; margin-top: 8px; }
.vn-onay__uyari[hidden] { display: none; }
.vn-teldogrula__robot { min-height: 78px; }
.vn-teldogrula__robot[hidden] { display: none; }
/* Telefonu bu oturumda doğrulanmış ziyaretçide formun sonundaki robot doğrulaması gizlenir */
#frmCheckout.is-teldogrulu .vn-register__captcha, #frmCheckout.is-teldogrulu .vn-odeme__captcha { display: none; }

/* Sipariş özeti: ücretsiz seçenekte duran, ücretli seçeneği de olan satırda "Ekle" düğmesi */
.vn-ozet__ekle { display: inline-flex; align-items: center; gap: 5px; padding: 3px 9px; border: 1px solid var(--vn-blue); border-radius: 6px; background: transparent; color: var(--vn-blue); font-family: var(--vn-font-head); font-size: 11.5px; font-weight: 700; white-space: nowrap; cursor: pointer; }
.vn-ozet__ekle:hover { background: var(--vn-blue); color: #fff; }
.vn-ozet__ekle:focus-visible { outline: 2px solid var(--vn-blue); outline-offset: 2px; }
.vn-ozet__ekle i { font-size: 10px; }
.vn-secenek.is-vurgu { animation: vnSecenekVurgu 1.4s ease 1; }
@keyframes vnSecenekVurgu { 0%, 60% { border-color: var(--vn-blue); box-shadow: 0 0 0 3px color-mix(in srgb, var(--vn-blue) 25%, transparent); } }
@media (prefers-reduced-motion: reduce) { .vn-secenek.is-vurgu { animation: none; border-color: var(--vn-blue); } }

/* Sepet akışındaki hata ekranı (stoğu biten paket vb.) */
.vn-sepethata { max-width: 720px; margin: var(--vn-6) auto; padding: var(--vn-6) var(--vn-5); display: grid; gap: var(--vn-3); justify-items: center; text-align: center; border: 1px solid var(--vn-line); border-top: 4px solid var(--vn-blue); border-radius: 16px; background: var(--vn-surface); }
.vn-sepethata__ikon { width: 64px; height: 64px; display: grid; place-items: center; border-radius: 16px; background: var(--vn-blue-wash); color: var(--vn-blue); font-size: 26px; }
.vn-sepethata h2, .vn .vn-sepethata h2 { margin: 0; font-size: 24px; }
.vn-sepethata p, .vn .vn-sepethata p { margin: 0; max-width: 56ch; font-size: 15.5px; line-height: 1.6; color: var(--vn-text-2); }
.vn-sepethata__dugmeler { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin-top: var(--vn-2); }
.vn-sepethata__dugmeler .vn-btn { min-height: 46px; }
@media (max-width: 520px) { .vn-sepethata__dugmeler .vn-btn { flex: 1 1 100%; } }
.vn-ozet__ekle--sade { border-color: var(--vn-line-strong); color: var(--vn-text-2); }
.vn-ozet__ekle--sade:hover { background: var(--vn-blue-wash); color: var(--vn-ink); border-color: var(--vn-blue); }

/* Müşterinin sipariş notu (hizmet ve alan adı ayrıntı sayfaları) */
.vn-sipnot { display: grid; gap: 10px; border-left: 3px solid var(--vn-blue); }
.vn-sipnot h3 small { margin-left: 8px; font-family: var(--vn-font-mono); font-size: 12px; font-weight: 400; color: var(--vn-text-2); }
.vn-sipnot__metin, .vn .vn-sipnot__metin { margin: 0; padding: 12px 14px; border-radius: 10px; background: var(--vn-bg); border: 1px solid var(--vn-line); font-size: 15px; line-height: 1.6; color: var(--vn-ink); overflow-wrap: anywhere; }
#tabOverview > .vn-sipnot { margin-top: var(--vn-4); }
.vn-sipnot p, .vn .vn-sipnot p { max-width: none; }

/* Hizmet ayrıntısı: VPN yapılandırma dosyası kartı */
.vn-vpndosya { display: grid; gap: 12px; }
.vn-vpndosya p, .vn .vn-vpndosya p { max-width: none; margin: 0; }
.vn-vpndosya__satir { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 14px; padding: 12px 14px; border: 1px solid var(--vn-line); border-radius: 12px; background: var(--vn-bg); }
.vn-vpndosya__ikon { width: 44px; height: 44px; flex: 0 0 auto; display: grid; place-items: center; border-radius: 12px; background: var(--vn-blue-wash); color: var(--vn-blue); font-size: 18px; }
.vn-vpndosya__ad { display: grid; gap: 2px; flex: 1 1 200px; min-width: 0; }
.vn-vpndosya__ad b { font-family: var(--vn-font-mono); font-size: 14.5px; color: var(--vn-ink); overflow-wrap: anywhere; }
.vn-vpndosya__ad small { font-size: 12.5px; color: var(--vn-text-2); }
.vn-vpndosya__satir .vn-btn { min-height: 44px; }
.vn-vpndosya__not { padding: 10px 14px; border-radius: 10px; border-left: 3px solid var(--vn-teal); background: var(--vn-teal-wash); font-size: 14.5px; color: var(--vn-ink); }
.vn-vpndosya__not.is-hata { border-left-color: var(--vn-danger, #d6453d); background: color-mix(in srgb, var(--vn-danger, #d6453d) 10%, transparent); }
@media (max-width: 520px) { .vn-vpndosya__satir .vn-btn { flex: 1 1 100%; } }

/* ===== Sistem durumu sayfası (serverstatus.tpl; hooks/verinomi_durum.php) ===== */
.vn-sd { display: grid; gap: var(--vn-4); }
.vn-sd__onizle { margin: 0; padding: 10px 14px; border: 1px dashed var(--vn-line-strong); border-radius: 12px; font-size: 13.5px; color: var(--vn-text-2); }
.vn-sd__ozet { --m: var(--vn-green); display: flex; flex-wrap: wrap; align-items: center; gap: var(--vn-4); padding: var(--vn-5); border: 1px solid color-mix(in srgb, var(--m) 45%, var(--vn-line)); border-left: 5px solid var(--m); border-radius: 16px; background: color-mix(in srgb, var(--m) 7%, var(--vn-surface)); }
.vn-sd__ozet--bakim { --m: var(--vn-blue); } .vn-sd__ozet--olay { --m: var(--vn-amber); }
.vn-sd__ozetikon { flex: none; width: 52px; height: 52px; display: grid; place-items: center; border-radius: 50%; background: var(--m); color: #fff; font-size: 21px; }
.vn-sd__ozet > div { flex: 1 1 280px; min-width: 0; }
.vn-sd__ozet h2, .vn .vn-sd__ozet h2 { margin: 0 0 4px; font-size: 22px; line-height: 1.25; }
.vn-sd__ozet p, .vn .vn-sd__ozet p { margin: 0; font-size: 14.5px; color: var(--vn-text-2); }
.vn-sd__saat { font-family: var(--vn-font-mono); font-size: 12.5px; color: var(--vn-text-2); }
.vn-sd__kart { display: grid; gap: var(--vn-3); padding: var(--vn-5); border: 1px solid var(--vn-line); border-radius: 16px; background: var(--vn-surface); }
.vn-sd__bas, .vn .vn-sd__bas { display: flex; align-items: center; gap: 10px; margin: 0; font-size: 18px; }
.vn-sd__bas i { color: var(--vn-blue); font-size: 16px; }
.vn-sd__not, .vn .vn-sd__not { max-width: none; margin: 0; font-size: 14.5px; line-height: 1.55; color: var(--vn-text-2); }
.vn-sd__not--iyi i { color: var(--vn-green); margin-right: 4px; }
.vn-sd__kucuk, .vn .vn-sd__kucuk { max-width: none; margin: 0; padding-top: var(--vn-3); border-top: 1px dashed var(--vn-line); font-size: 13.5px; color: var(--vn-text-2); }
.vn-sd__hizmet { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: var(--vn-3); }
.vn-sd__hizmet li { flex: 1 1 260px; display: grid; gap: 4px; padding: 12px 14px; border: 1px solid color-mix(in srgb, var(--vn-amber) 50%, var(--vn-line)); border-radius: 12px; background: var(--vn-amber-wash); }
.vn-sd__hizmet a { display: grid; gap: 2px; color: var(--vn-ink); text-decoration: none; }
.vn-sd__hizmet a span { font-family: var(--vn-font-mono); font-size: 13px; color: var(--vn-text-2); }
.vn-sd__hizmet small { font-size: 13px; color: var(--vn-text-2); }
/* Dört bileşen: yarım satır kalmasın diye 4 / 2 / 1 sütun */
.vn-sd__bilesenler { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--vn-3); }
@media (min-width: 1500px) { .vn-sd__bilesenler { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
@media (max-width: 480px) { .vn-sd__bilesenler { grid-template-columns: minmax(0, 1fr); } }
.vn-sd__bilesen { --m: var(--vn-green); flex: 1 1 250px; display: grid; grid-template-columns: 40px minmax(0, 1fr); column-gap: 12px; align-items: center; padding: 14px 16px; border: 1px solid var(--vn-line); border-radius: 14px; background: var(--vn-surface); }
.vn-sd__bilesen--bakim { --m: var(--vn-blue); } .vn-sd__bilesen--olay { --m: var(--vn-amber); border-color: color-mix(in srgb, var(--vn-amber) 55%, var(--vn-line)); }
.vn-sd__bilesen i { grid-row: span 2; width: 40px; height: 40px; display: grid; place-items: center; border-radius: 12px; font-size: 16px; color: var(--m); background: color-mix(in srgb, var(--m) 13%, transparent); }
.vn-sd__bilesen strong { font-family: var(--vn-font-head); font-size: 15px; font-weight: 600; color: var(--vn-ink); }
.vn-sd__bilesen span { font-size: 13px; font-weight: 600; color: color-mix(in srgb, var(--m) 80%, var(--vn-ink)); }
.vn-sd__olay { display: grid; gap: 10px; padding: 16px; border: 1px solid var(--vn-line); border-radius: 14px; background: var(--vn-bg); }
.vn-sd__olay--sizi { border-color: color-mix(in srgb, var(--vn-amber) 60%, var(--vn-line)); }
.vn-sd__olay header { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px; }
.vn-sd__olay h3, .vn .vn-sd__olay h3 { margin: 0; font-size: 16.5px; line-height: 1.3; }
.vn-sd__sizi, .vn .vn-sd__sizi { margin: 0; font-size: 13.5px; font-weight: 600; color: color-mix(in srgb, var(--vn-amber) 70%, var(--vn-ink)); }
.vn-sd__aciklama { font-size: 14.5px; line-height: 1.6; color: var(--vn-text); } .vn-sd__aciklama p { margin: 0 0 6px; } .vn-sd__aciklama p:last-child { margin: 0; }
.vn-sd__kunye { display: flex; flex-wrap: wrap; gap: 8px 24px; margin: 0; padding-top: 10px; border-top: 1px dashed var(--vn-line); }
.vn-sd__kunye div { display: grid; gap: 1px; } .vn-sd__kunye dt { font-size: 12px; font-weight: 500; color: var(--vn-text-2); } .vn-sd__kunye dd { margin: 0; font-size: 13.5px; font-weight: 600; color: var(--vn-ink); }
@media (max-width: 560px) { .vn-sd__ozet, .vn-sd__kart { padding: var(--vn-4); } .vn-sd__ozet h2, .vn .vn-sd__ozet h2 { font-size: 19px; } .vn-sd__saat { flex-basis: 100%; } }

/* ===== Bulunamayan sayfa (error/page-not-found.tpl) ===== */
.vn-404 { display: grid; gap: var(--vn-5); max-width: 980px; margin: var(--vn-6) auto; }
.vn-404__ust { display: grid; gap: 10px; justify-items: center; padding: var(--vn-6) var(--vn-5); border: 1px solid var(--vn-line); border-radius: 18px; background: var(--vn-surface); text-align: center; }
.vn-404__kod { font-family: var(--vn-font-mono); font-size: 15px; font-weight: 600; letter-spacing: .12em; color: var(--vn-blue); padding: 4px 12px; border: 1px solid color-mix(in srgb, var(--vn-blue) 45%, transparent); border-radius: 8px; }
.vn-404__ust h1, .vn .vn-404__ust h1 { margin: 6px 0 0; font-size: clamp(24px, 4vw, 34px); line-height: 1.2; }
.vn-404__ust p, .vn .vn-404__ust p { margin: 0; max-width: 46em; font-size: 15.5px; line-height: 1.6; color: var(--vn-text-2); }
.vn-404__bag { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
@media (max-width: 560px) { .vn-404__bag { grid-template-columns: minmax(0, 1fr); } .vn-404__ust { padding: var(--vn-5) var(--vn-4); } }
.vn-404__not, .vn .vn-404__not { margin: 0; max-width: none; text-align: center; font-size: 14px; color: var(--vn-text-2); }

/* ===== Hesap seçme sayfası (WHMCS'in user-switch-account şablonu; birden çok hesaba erişimi olan kullanıcı) ===== */
.card.mw-540:has(.select-account) { max-width: 720px; margin: 0; border: 1px solid var(--vn-line); border-radius: 16px; background: var(--vn-surface); }
.card.mw-540:has(.select-account) > .card-body { display: grid; gap: var(--vn-3); padding: var(--vn-5); }
.card.mw-540:has(.select-account) > .card-body > p { margin: 0; font-size: 14.5px; color: var(--vn-text-2); }
.select-account { display: grid; gap: 10px; border: 0; }
.select-account a { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; padding: 14px 16px; border: 1px solid var(--vn-line); border-radius: 12px; background: var(--vn-bg); color: var(--vn-ink); font-family: var(--vn-font-head); font-size: 15px; font-weight: 600; text-decoration: none; transition: border-color .15s var(--vn-ease); }
.select-account a::before { content: "\f1ad"; font-family: "Font Awesome 6 Pro", "Font Awesome 5 Pro", "Font Awesome 5 Free"; font-weight: 900; width: 36px; height: 36px; display: grid; place-items: center; border-radius: 10px; font-size: 15px; color: var(--vn-blue); background: var(--vn-blue-wash); }
.select-account a::after { content: "\f061"; font-family: "Font Awesome 6 Pro", "Font Awesome 5 Pro", "Font Awesome 5 Free"; font-weight: 900; margin-left: auto; font-size: 13px; color: var(--vn-text-3); }
.select-account a:hover { border-color: var(--vn-blue); text-decoration: none; }
.select-account a:hover::after { color: var(--vn-blue); }
.select-account a .label { padding: 3px 8px; border: 1px solid color-mix(in srgb, var(--vn-teal) 50%, transparent); border-radius: 6px; background: var(--vn-teal-wash); color: var(--vn-teal); font-family: var(--vn-font-body); font-size: 12px; font-weight: 600; }
.select-account a.disabled, .select-account a .label-default { opacity: .7; }

/* ===== Gönderilen e-posta penceresi (viewemail.tpl) ===== */
body.vn-epg { margin: 0; background: var(--vn-bg); }
.vn-epg__sayfa { display: grid; grid-template-rows: auto auto minmax(0, 1fr); gap: var(--vn-3); min-height: 100vh; max-width: 980px; margin: 0 auto; padding: var(--vn-4); }
.vn-epg__ust { display: flex; flex-wrap: wrap; align-items: center; gap: var(--vn-3); }
.vn-epg__logo { display: inline-flex; } .vn-epg__logo img { height: 32px; width: auto; }
.vn-epg__etiket { flex: 1 1 auto; font-family: var(--vn-font-mono); font-size: 12px; letter-spacing: .08em; text-transform: uppercase; color: var(--vn-text-2); }
.vn-epg__etiket i { margin-right: 4px; color: var(--vn-blue); }
.vn-epg__bas { display: grid; gap: var(--vn-3); padding: var(--vn-4) var(--vn-5); border: 1px solid var(--vn-line); border-top: 4px solid var(--vn-blue); border-radius: 16px; background: var(--vn-surface); }
.vn-epg__bas h1, .vn .vn-epg__bas h1 { margin: 0; font-size: clamp(19px, 3vw, 24px); line-height: 1.3; }
.vn-epg__kunye { display: flex; flex-wrap: wrap; gap: 10px 28px; margin: 0; }
.vn-epg__kunye div { display: grid; gap: 2px; min-width: 0; }
.vn-epg__kunye dt { font-size: 12px; font-weight: 500; color: var(--vn-text-2); } .vn-epg__kunye dt i { margin-right: 3px; color: var(--vn-text-3); }
.vn-epg__kunye dd { margin: 0; font-size: 14px; font-weight: 600; color: var(--vn-ink); overflow-wrap: anywhere; }
.vn-epg__not, .vn .vn-epg__not { margin: 0; max-width: none; padding-top: var(--vn-3); border-top: 1px dashed var(--vn-line); font-size: 13px; color: var(--vn-text-2); }
.vn-epg__not + .vn-epg__not { padding-top: 0; border-top: 0; }
.vn-epg__not i { margin-right: 4px; color: var(--vn-blue); }
.vn-epg__govde { display: grid; min-height: 420px; border: 1px solid var(--vn-line); border-radius: 16px; background: #fff; overflow: hidden; }
.vn-epg__govde iframe { display: block; width: 100%; height: 100%; min-height: 420px; border: 0; background: #fff; }
@media (max-width: 560px) { .vn-epg__sayfa { padding: var(--vn-3); } .vn-epg__bas { padding: var(--vn-4); } }
/* ==========================================================================
   Koyu tema: renk değerleri ds/verinomi.css içinde değişir. Bu dosya, değerleri kullanmayan
   yerleri (WHMCS ve Bootstrap'in kendi stilleri, sabit beyaz zeminler) koyu temaya uydurur.
   ========================================================================== */

/* Koyu temada açık yazılı logo (img/logo-koyu.png: logo.png'den üretilir, simge aynı, yazı beyaz / açık mavi) */
.vn-logo--koyu { display: none !important; }
[data-vn-tema="dark"] .vn-logo--acik { display: none !important; }
[data-vn-tema="dark"] .vn-logo--koyu { display: block !important; }

[data-vn-tema="dark"] .vn-tema-btn i { color: var(--vn-lime); }

/* Bootstrap ve WHMCS'in kendi bileşenleri */
[data-vn-tema="dark"] body { background: var(--vn-bg); color: var(--vn-text); }
[data-vn-tema="dark"] .bg-white,
[data-vn-tema="dark"] .bg-light,
[data-vn-tema="dark"] .card,
[data-vn-tema="dark"] .card-header,
[data-vn-tema="dark"] .card-footer,
[data-vn-tema="dark"] .card-body,
[data-vn-tema="dark"] .panel,
[data-vn-tema="dark"] .panel-body,
[data-vn-tema="dark"] .panel-heading,
[data-vn-tema="dark"] .panel-footer,
[data-vn-tema="dark"] .list-group-item,
[data-vn-tema="dark"] .modal-content,
[data-vn-tema="dark"] .dropdown-menu,
[data-vn-tema="dark"] .popover,
[data-vn-tema="dark"] .popover-body,
[data-vn-tema="dark"] .well,
[data-vn-tema="dark"] .jumbotron { background-color: var(--vn-surface) !important; color: var(--vn-text); border-color: var(--vn-line); }
[data-vn-tema="dark"] .modal-header, [data-vn-tema="dark"] .modal-footer, [data-vn-tema="dark"] hr { border-color: var(--vn-line); }
[data-vn-tema="dark"] .popover .arrow::after, [data-vn-tema="dark"] .popover .arrow::before { border-bottom-color: var(--vn-surface); border-top-color: var(--vn-surface); }
[data-vn-tema="dark"] .close { color: var(--vn-text); text-shadow: none; }

[data-vn-tema="dark"] .form-control,
[data-vn-tema="dark"] .custom-select,
[data-vn-tema="dark"] .input-group-text,
[data-vn-tema="dark"] select,
[data-vn-tema="dark"] textarea,
[data-vn-tema="dark"] input[type="text"],
[data-vn-tema="dark"] input[type="email"],
[data-vn-tema="dark"] input[type="password"],
[data-vn-tema="dark"] input[type="tel"],
[data-vn-tema="dark"] input[type="number"],
[data-vn-tema="dark"] input[type="search"],
[data-vn-tema="dark"] .vn-input,
[data-vn-tema="dark"] .vn-textarea,
[data-vn-tema="dark"] .vn-select { background-color: #0D1826 !important; color: var(--vn-ink) !important; border-color: var(--vn-line-strong) !important; }
[data-vn-tema="dark"] .form-control::placeholder, [data-vn-tema="dark"] input::placeholder, [data-vn-tema="dark"] textarea::placeholder { color: var(--vn-text-3); }
[data-vn-tema="dark"] .form-control:disabled, [data-vn-tema="dark"] .form-control[readonly], [data-vn-tema="dark"] input:disabled { background-color: #16263A !important; color: var(--vn-text-2) !important; }
[data-vn-tema="dark"] .vn-search { background: #0D1826; border-color: var(--vn-line-strong); }
[data-vn-tema="dark"] .vn-search input, [data-vn-tema="dark"] .vn-hero3__search input[type="text"] { background: transparent !important; border: 0 !important; }
[data-vn-tema="dark"] .iti__country-list, [data-vn-tema="dark"] .intl-tel-input .country-list { background: var(--vn-surface); color: var(--vn-text); border-color: var(--vn-line); }
[data-vn-tema="dark"] .icheckbox_square-blue, [data-vn-tema="dark"] .iradio_square-blue { filter: brightness(.85) contrast(1.1); }

[data-vn-tema="dark"] .table, [data-vn-tema="dark"] table.dataTable, [data-vn-tema="dark"] .table td, [data-vn-tema="dark"] .table th,
[data-vn-tema="dark"] table.dataTable tbody tr, [data-vn-tema="dark"] table.dataTable tbody td, [data-vn-tema="dark"] table.dataTable thead th { background-color: transparent !important; color: var(--vn-text); border-color: var(--vn-line) !important; }
[data-vn-tema="dark"] .table-striped tbody tr:nth-of-type(odd), [data-vn-tema="dark"] table.dataTable.stripe tbody tr.odd { background-color: rgba(255,255,255,.03) !important; }
[data-vn-tema="dark"] .table-hover tbody tr:hover, [data-vn-tema="dark"] table.dataTable tbody tr:hover { background-color: rgba(255,255,255,.05) !important; color: var(--vn-ink); }
[data-vn-tema="dark"] .table-container, [data-vn-tema="dark"] .dataTables_wrapper { background: var(--vn-surface); color: var(--vn-text); border-color: var(--vn-line); }
[data-vn-tema="dark"] .dataTables_wrapper .dataTables_info, [data-vn-tema="dark"] .dataTables_wrapper label { color: var(--vn-text-2); }
[data-vn-tema="dark"] .page-link { background: var(--vn-surface); color: var(--vn-text); border-color: var(--vn-line); }
[data-vn-tema="dark"] .page-item.active .page-link { background: var(--vn-blue); border-color: var(--vn-blue); color: #fff; }
[data-vn-tema="dark"] .page-item.disabled .page-link { background: var(--vn-surface); color: var(--vn-text-3); }

[data-vn-tema="dark"] .btn-default, [data-vn-tema="dark"] .btn-secondary, [data-vn-tema="dark"] .btn-light, [data-vn-tema="dark"] .btn-outline-secondary { background: var(--vn-surface); color: var(--vn-ink); border-color: var(--vn-line-strong); }
[data-vn-tema="dark"] .btn-default:hover, [data-vn-tema="dark"] .btn-secondary:hover, [data-vn-tema="dark"] .btn-light:hover { background: #16263A; color: var(--vn-ink); }
[data-vn-tema="dark"] .btn-link { color: var(--vn-blue-hover); }
[data-vn-tema="dark"] .nav-tabs { border-color: var(--vn-line); }
[data-vn-tema="dark"] .nav-tabs .nav-link.active, [data-vn-tema="dark"] .nav-tabs .nav-item.show .nav-link { background: var(--vn-surface); color: var(--vn-ink); border-color: var(--vn-line) var(--vn-line) var(--vn-surface); }
[data-vn-tema="dark"] .dropdown-item { color: var(--vn-text); }
[data-vn-tema="dark"] .dropdown-item:hover, [data-vn-tema="dark"] .dropdown-item:focus { background: var(--vn-blue-wash); color: var(--vn-ink); }
[data-vn-tema="dark"] .dropdown-divider { border-color: var(--vn-line); }
[data-vn-tema="dark"] .text-dark, [data-vn-tema="dark"] .text-body { color: var(--vn-ink) !important; }
[data-vn-tema="dark"] .text-muted { color: var(--vn-text-2) !important; }
[data-vn-tema="dark"] .border, [data-vn-tema="dark"] .border-top, [data-vn-tema="dark"] .border-bottom { border-color: var(--vn-line) !important; }
[data-vn-tema="dark"] .alert-info { background: var(--vn-blue-wash); color: var(--vn-text); }
[data-vn-tema="dark"] .alert-success { background: var(--vn-green-wash); color: var(--vn-text); }
[data-vn-tema="dark"] .alert-warning { background: var(--vn-amber-wash); color: var(--vn-text); }
[data-vn-tema="dark"] .alert-danger { background: var(--vn-red-wash); color: var(--vn-text); }
[data-vn-tema="dark"] .label.status, [data-vn-tema="dark"] .badge-light { filter: saturate(1.1); }
[data-vn-tema="dark"] code, [data-vn-tema="dark"] pre { background: #0D1826; color: var(--vn-ink); border-color: var(--vn-line); }
[data-vn-tema="dark"] .markdown-content, [data-vn-tema="dark"] .md-editor, [data-vn-tema="dark"] .md-editor textarea { background: #0D1826; color: var(--vn-ink); border-color: var(--vn-line-strong); }

/* Sipariş formu (standard_cart) */
[data-vn-tema="dark"] #order-standard_cart,
[data-vn-tema="dark"] #order-standard_cart .cart-body { color: var(--vn-text); }
[data-vn-tema="dark"] #order-standard_cart .tld-row,
[data-vn-tema="dark"] #order-standard_cart .tld-column,
[data-vn-tema="dark"] #order-standard_cart .domain-pricing .row,
[data-vn-tema="dark"] #order-standard_cart .domain-pricing [class*="col-"],
[data-vn-tema="dark"] .domain-pricing .tld-row,
[data-vn-tema="dark"] .domain-pricing .tld-pricing-header [class*="col-"] { background-color: transparent !important; color: var(--vn-text); border-color: var(--vn-line) !important; }
[data-vn-tema="dark"] .domain-pricing .tld-row:nth-child(even), [data-vn-tema="dark"] #order-standard_cart .tld-row.highlighted { background-color: rgba(255,255,255,.03) !important; }
[data-vn-tema="dark"] #order-standard_cart .domain-promo-box,
[data-vn-tema="dark"] #order-standard_cart .spotlight-tld,
[data-vn-tema="dark"] #order-standard_cart .suggested-domains,
[data-vn-tema="dark"] #order-standard_cart .suggested-domains .list-group-item,
[data-vn-tema="dark"] #order-standard_cart .domain-checker-result-headline,
[data-vn-tema="dark"] #order-standard_cart .product-info,
[data-vn-tema="dark"] #order-standard_cart .field-container,
[data-vn-tema="dark"] #order-standard_cart .panel-addon,
[data-vn-tema="dark"] #order-standard_cart .panel-addon .panel-body,
[data-vn-tema="dark"] #order-standard_cart .order-summary,
[data-vn-tema="dark"] #order-standard_cart .summary-container,
[data-vn-tema="dark"] #order-standard_cart .view-cart-items,
[data-vn-tema="dark"] #order-standard_cart .view-cart-items .item,
[data-vn-tema="dark"] #order-standard_cart .view-cart-items-header,
[data-vn-tema="dark"] #order-standard_cart .view-cart-tabs .tab-content,
[data-vn-tema="dark"] #order-standard_cart .empty-cart,
[data-vn-tema="dark"] #order-standard_cart .already-registered,
[data-vn-tema="dark"] #order-standard_cart .products .product,
[data-vn-tema="dark"] #order-standard_cart .products .product header,
[data-vn-tema="dark"] #order-standard_cart .products .product footer,
[data-vn-tema="dark"] #order-standard_cart .cc-input-container,
[data-vn-tema="dark"] #order-standard_cart .featured-tld,
[data-vn-tema="dark"] .featured-tld .img-container { background-color: var(--vn-surface) !important; color: var(--vn-text); border-color: var(--vn-line) !important; }
[data-vn-tema="dark"] #order-standard_cart .sub-heading { border-color: var(--vn-line); }
[data-vn-tema="dark"] #order-standard_cart .sub-heading span,
[data-vn-tema="dark"] #order-standard_cart .sub-heading-borderless span { background-color: var(--vn-bg) !important; color: var(--vn-ink); }
[data-vn-tema="dark"] #order-standard_cart .order-summary h2,
[data-vn-tema="dark"] #order-standard_cart .view-cart-items-header { background-color: #16263A !important; color: var(--vn-ink); }
[data-vn-tema="dark"] #order-standard_cart .summary-container, [data-vn-tema="dark"] #order-standard_cart .order-summary .subtotal,
[data-vn-tema="dark"] #order-standard_cart .order-summary .bordered-totals { border-color: var(--vn-line) !important; }
[data-vn-tema="dark"] #order-standard_cart .featured-tld .img-container img,
[data-vn-tema="dark"] .featured-tld .img-container img { background: #F6F8FB; border-radius: 6px; padding: 4px; }
[data-vn-tema="dark"] #order-standard_cart .domain-checker-container .input-group-box { background: transparent; }
[data-vn-tema="dark"] #order-standard_cart label, [data-vn-tema="dark"] #order-standard_cart .field-help-text { color: var(--vn-text); }

/* Kendi bileşenlerimizde sabit açık renk kalanlar */
[data-vn-tema="dark"] .vn-panelsec__logo { background: #3A2318; }
[data-vn-tema="dark"] .vn-panelsec__opt.is-kapali { background: #0D1826; }
[data-vn-tema="dark"] dialog.vn-dialog { background: var(--vn-surface); color: var(--vn-text); border-color: var(--vn-line); }
[data-vn-tema="dark"] .vn-dialog__foot { background: #0D1826; }
[data-vn-tema="dark"] .vn-pcard:hover, [data-vn-tema="dark"] .vn-sslcard:hover, [data-vn-tema="dark"] .vn-sla__card:hover,
[data-vn-tema="dark"] .vn-channel:hover, [data-vn-tema="dark"] .vn-related a:hover { box-shadow: 0 16px 36px rgba(0,0,0,.45); }
[data-vn-tema="dark"] .vn-mega__panel { box-shadow: 0 18px 40px rgba(0,0,0,.5); }
[data-vn-tema="dark"] .vn-contact__map iframe { filter: invert(.9) hue-rotate(180deg) brightness(.95) contrast(.9); }
[data-vn-tema="dark"] #fullpage-overlay { background: rgba(10,20,32,.85); color: var(--vn-text); }
/* Fatura görünümü ve yazdırma her zaman açık zeminlidir */
@media print { :root[data-vn-tema="dark"] { --vn-bg: #fff; --vn-surface: #fff; --vn-ink: #0B2A4A; --vn-text: #0B2A4A; --vn-text-2: #4A5B70; --vn-line: #DCE3EC; } }
[data-vn-tema="dark"] .alert a, [data-vn-tema="dark"] .alert .alert-link { color: var(--vn-blue-hover); }
[data-vn-tema="dark"] .btn-default, [data-vn-tema="dark"] input.btn-default, [data-vn-tema="dark"] a.btn-default { background: var(--vn-surface) !important; color: var(--vn-ink) !important; border-color: var(--vn-line-strong) !important; }
[data-vn-tema="dark"] .vn-tabsec { background: linear-gradient(180deg, rgba(24,119,185,.14) 0%, transparent 55%); }
[data-vn-tema="dark"] .vn-tabsec::before, [data-vn-tema="dark"] .vn-tabsec::after { opacity: .12; }
/* Yanıt düzenleyicisinin altındaki sayaç satırı (lines / words / kaydedildi) koyu temada okunur olsun */
[data-vn-tema="dark"] .md-editor .md-footer, [data-vn-tema="dark"] .md-editor > .md-header { background: #16263A; border-color: var(--vn-line); }
[data-vn-tema="dark"] .md-editor .md-footer, [data-vn-tema="dark"] .md-editor .md-footer *, [data-vn-tema="dark"] .md-editor .markdown-save { color: var(--vn-text-2) !important; }

/* Fatura sayfası (kendi başına çizilen sayfa) koyu temada */
[data-vn-tema="dark"] body.vn-invoice-page { background: var(--vn-bg); color: var(--vn-text); }
[data-vn-tema="dark"] .vn-invoice-page .invoice-container { background: var(--vn-surface); border-color: var(--vn-line); color: var(--vn-text); box-shadow: none; }
[data-vn-tema="dark"] .vn-invoice-page .invoice-container h2, [data-vn-tema="dark"] .vn-invoice-page .invoice-container h3, [data-vn-tema="dark"] .vn-invoice-page .invoice-container strong { color: var(--vn-ink); }
[data-vn-tema="dark"] .vn-invoice-page .invoice-container .invoice-col, [data-vn-tema="dark"] .vn-invoice-page .invoice-container address, [data-vn-tema="dark"] .vn-invoice-page .invoice-container p, [data-vn-tema="dark"] .vn-invoice-page .invoice-container .small-text { color: var(--vn-text); }
[data-vn-tema="dark"] .vn-invoice-page .vn-inv-parties, [data-vn-tema="dark"] .vn-invoice-page .vn-inv-meta, [data-vn-tema="dark"] .vn-invoice-page .invoice-container .invoice-header > .invoice-col:last-child { background: #16263A; }
[data-vn-tema="dark"] .vn-invoice-page .invoice-container .card { background: var(--vn-surface); border-color: var(--vn-line); }
[data-vn-tema="dark"] .vn-invoice-page .invoice-container .card-header, [data-vn-tema="dark"] .vn-invoice-page .invoice-container .card-title.bg-info { background: #16263A !important; color: var(--vn-ink) !important; }
[data-vn-tema="dark"] .vn-invoice-page .invoice-container .table, [data-vn-tema="dark"] .vn-invoice-page .invoice-container .table td, [data-vn-tema="dark"] .vn-invoice-page .invoice-container .table th { color: var(--vn-text); border-color: var(--vn-line) !important; background-color: transparent; }
[data-vn-tema="dark"] .vn-invoice-page .invoice-container .table thead td, [data-vn-tema="dark"] .vn-invoice-page .invoice-container .table thead th { background: #16263A; color: var(--vn-ink); }
[data-vn-tema="dark"] .vn-invoice-page .invoice-container .table tr:last-child td { background: rgba(20, 163, 139, .14); color: var(--vn-ink); }
[data-vn-tema="dark"] .vn-invoice-page .invoice-container .bg-light, [data-vn-tema="dark"] .vn-invoice-page .invoice-container .table .bg-light { background: transparent !important; }
[data-vn-tema="dark"] .vn-invoice-page .invoice-container hr { border-top-color: var(--vn-line); }
[data-vn-tema="dark"] .vn-invoice-page .invoice-container .custom-select, [data-vn-tema="dark"] .vn-invoice-page .invoice-container select, [data-vn-tema="dark"] .vn-invoice-page .invoice-container .form-control { background-color: #0D1826; color: var(--vn-ink); border-color: var(--vn-line-strong); }
[data-vn-tema="dark"] .vn-invoice-page .invoice-container .alert { background: rgba(192, 57, 43, .16); color: var(--vn-ink); border-color: rgba(192, 57, 43, .5); }
[data-vn-tema="dark"] .vn-invoice-page .invoice-container .alert-success { background: rgba(20, 163, 139, .16); border-color: rgba(20, 163, 139, .5); }
[data-vn-tema="dark"] .vn-invoice-page .vn-invoice-bar__back, [data-vn-tema="dark"] .vn-invoice-page .vn a.vn-invoice-bar__back { color: var(--vn-ink); }
[data-vn-tema="dark"] .vn-invoice-page .text-muted { color: var(--vn-text-2) !important; }
/* Açma/kapama anahtarı (bootstrap-switch) koyu temada */
[data-vn-tema="dark"] .bootstrap-switch { border-color: var(--vn-line-strong); background: #0D1826; }
[data-vn-tema="dark"] .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-success { background: #14a38b; color: #06241f; }
[data-vn-tema="dark"] .bootstrap-switch .bootstrap-switch-handle-off, [data-vn-tema="dark"] .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-default { background: #24364d; color: var(--vn-ink); }
[data-vn-tema="dark"] .bootstrap-switch .bootstrap-switch-label { background: #16263A; }
[data-vn-tema="dark"] .vn-invoice-page .vn-invoice-bar__back, [data-vn-tema="dark"] .vn-invoice-page .vn a.vn-invoice-bar__back { background: var(--vn-blue); color: #fff; }
/* Tablo arama kutusu koyu temada: açık zeminli büyüteç görseli yerine düz kutu */
[data-vn-tema="dark"] .dataTables_wrapper .dataTables_filter input, [data-vn-tema="dark"] .dataTables_filter label .form-control { background-image: none !important; background-color: #0D1826 !important; color: var(--vn-ink) !important; border-color: var(--vn-line-strong) !important; padding-left: 12px !important; }
/* Markdown düzenleyici: odaklanınca / etkinken eklentinin beyaz zemini koyu temada yazıyı okunmaz yapıyordu */
[data-vn-tema="dark"] .md-editor > textarea, [data-vn-tema="dark"] .md-editor.active > textarea, [data-vn-tema="dark"] .md-editor > textarea:focus, [data-vn-tema="dark"] .md-editor > .md-preview { background: #0D1826 !important; color: var(--vn-ink) !important; }
[data-vn-tema="dark"] .md-editor > .md-header, [data-vn-tema="dark"] .md-editor > .md-header.btn-toolbar, [data-vn-tema="dark"] .md-editor > .md-footer { background: #16263A !important; border-color: var(--vn-line) !important; }
[data-vn-tema="dark"] .md-editor .md-control, [data-vn-tema="dark"] .md-editor .md-control-fullscreen { color: var(--vn-text-2) !important; }
/* Dosya seçme alanı (destek talebi ekleri) koyu temada beyaz kalıyordu */
[data-vn-tema="dark"] .custom-file-label { background: #0D1826 !important; color: var(--vn-text-2) !important; border-color: var(--vn-line) !important; }
[data-vn-tema="dark"] .custom-file-label::after { background: #16263A !important; color: var(--vn-ink) !important; border-color: var(--vn-line) !important; }
/* Pencere başlığı: WHMCS'in açık gri zemini koyu temada başlığı okunmaz bırakıyordu */
[data-vn-tema="dark"] .modal .modal-header { background: var(--vn-surface) !important; color: var(--vn-ink); }
[data-vn-tema="dark"] .modal .modal-header .modal-title, [data-vn-tema="dark"] .modal .modal-header .close { color: var(--vn-ink) !important; opacity: 1; text-shadow: none; }