/**
 * DamlaWave — Damla Hosting teması
 * Su mavisi, teknolojik, hareketli katman. AeroCore stillerinin üzerine yüklenir.
 */

/* =========================================================================
   0. TOKENLAR
   ========================================================================= */
/* Marka paleti sabit: admin'deki eski renk ayarı (ör. kırmızı) temayı bozmasın.
   Rengi değiştirmek gerekirse yalnızca bu blok düzenlenir. */
:root{
  --wstyle-primary: #0b6fae !important;
  --wstyle-primary-rgb: 11, 111, 174 !important;
  --wstyle-secondary: #3a9bd5 !important;
  --wstyle-secondary-rgb: 58, 155, 213 !important;
  --aerocore-primary: #0b6fae !important;
  --aerocore-secondary: #3a9bd5 !important;
}

:root{
  --dw-accent: #0b6fae;
  --dw-accent-hover: color-mix(in srgb, var(--dw-accent) 82%, #000);
  --dw-accent-soft: color-mix(in srgb, var(--dw-accent) 12%, #fff);
  --dw-accent-wash: color-mix(in srgb, var(--dw-accent) 6%, #fff);
  --dw-accent-bright: color-mix(in srgb, var(--dw-accent) 55%, #fff);
  --dw-accent-ink: color-mix(in srgb, var(--dw-accent) 78%, #000);
  --dw-accent-glow: color-mix(in srgb, var(--dw-accent) 35%, transparent);
  --dw-ink: #07182a;
  --dw-ink-2: #0c2238;
  --dw-text: #1b2b3c;
  --dw-muted: #526273;
  --dw-line: #e1e8ef;
  --dw-line-2: #eaf0f5;
  --dw-bg-soft: #f7fafc;
  --dw-on-dark: #c5d3e0;
  --dw-on-dark-dim: #8ea3b8;
  --dw-mono-font: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --dw-r-sm: 10px;
  --dw-r-md: 14px;
  --dw-r-lg: 20px;
  --dw-r-xl: 26px;
}

/* =========================================================================
   1. TEMEL
   ========================================================================= */
html, body{ font-family: "Manrope", "Manrope Fallback", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif !important; }
body{ color: var(--dw-text); }
h1,h2,h3,h4,h5,h6{ letter-spacing: -.02em; }
.dw-mono{ font-family: var(--dw-mono-font) !important; letter-spacing: 0; }
.dw-muted{ color: var(--dw-muted) !important; }
.dw-dim{ color: var(--dw-on-dark-dim) !important; }
.dw-accent{ color: var(--dw-accent) !important; }
.dw-accent-bright{ color: var(--dw-accent-bright) !important; }
.dw-xs{ font-size: .75rem; }
.dw-dots{ background-image: radial-gradient(rgba(7,24,42,.085) 1px, transparent 1.2px); background-size: 22px 22px; }
.dw-dots-dark{ background-image: radial-gradient(rgba(255,255,255,.07) 1px, transparent 1.2px); background-size: 22px 22px; }
::selection{ background: var(--dw-accent-soft); color: var(--dw-ink); }

/* Butonlar */
.dw-btn{
  display: inline-flex; align-items: center; justify-content: center; gap: .5rem;
  min-height: 46px; padding: .7rem 1.35rem; border-radius: 12px; border: 1px solid transparent;
  font-weight: 700; font-size: .95rem; line-height: 1.2; text-decoration: none !important;
  transition: background-color .18s ease, color .18s ease, border-color .18s ease, transform .18s ease, box-shadow .18s ease;
  cursor: pointer;
}
.dw-btn:hover{ transform: translateY(-1px); }
.dw-btn-primary{ background: var(--dw-accent); color: #fff !important; box-shadow: 0 8px 22px -10px var(--dw-accent-glow); }
.dw-btn-primary:hover{ background: var(--dw-accent-hover); color: #fff !important; }
.dw-btn-ghost{ background: #fff; color: var(--dw-ink) !important; border-color: #ccd8e3; }
.dw-btn-ghost:hover{ border-color: var(--dw-accent); color: var(--dw-accent) !important; }
.dw-btn-outline-light{ background: transparent; color: #fff !important; border-color: rgba(255,255,255,.28); }
.dw-btn-outline-light:hover{ border-color: #fff; color: #fff !important; }

/* Bootstrap birincil butonlar biraz daha keskin */
.btn-primary{ --bs-btn-bg: var(--dw-accent); --bs-btn-border-color: var(--dw-accent); --bs-btn-hover-bg: var(--dw-accent-hover); --bs-btn-hover-border-color: var(--dw-accent-hover); }

/* Hareket anahtar kareleri */
@keyframes dw-spin{ to{ transform: rotate(360deg); } }
@keyframes dw-spin-rev{ to{ transform: rotate(-360deg); } }
@keyframes dw-pulse{ 0%{ transform: scale(1); opacity: .55; } 100%{ transform: scale(3); opacity: 0; } }
@keyframes dw-ripple{ 0%{ transform: scale(.35); opacity: .7; } 100%{ transform: scale(1.25); opacity: 0; } }
@keyframes dw-dash{ to{ stroke-dashoffset: -48; } }
@keyframes dw-marquee{ to{ transform: translateX(-50%); } }
@keyframes dw-wave{ to{ transform: translateX(-50%); } }
@keyframes dw-blink{ 50%{ opacity: 0; } }
@keyframes dw-bar{ 0%{ width: 6%; } 60%{ width: 100%; } 100%{ width: 100%; } }
@keyframes dw-bar-slow{ 0%{ width: 4%; } 100%{ width: 22%; } }
@keyframes dw-packet{ 0%{ left: 0; opacity: 0; } 10%{ opacity: 1; } 90%{ opacity: 1; } 100%{ left: 100%; opacity: 0; } }
@keyframes dw-line{ from{ opacity: 0; transform: translateY(4px); } to{ opacity: 1; transform: none; } }

.dw-spin{ transform-box: fill-box; transform-origin: center; animation: dw-spin 60s linear infinite; }
.dw-spin-rev{ transform-box: fill-box; transform-origin: center; animation: dw-spin-rev 90s linear infinite; }
.dw-ripple{ fill: none; stroke: var(--dw-accent); stroke-width: 2; transform-box: fill-box; transform-origin: center; animation: dw-ripple 4.5s ease-out infinite; }
.dw-ripple-light{ stroke: var(--dw-accent-bright); stroke-width: 1.5; }
.dw-ping{ fill: var(--dw-accent); transform-box: fill-box; transform-origin: center; animation: dw-pulse 2.4s ease-out infinite; }
.dw-d2{ animation-delay: 1.5s !important; }
.dw-d3{ animation-delay: 3s !important; }
.dw-ping.dw-d2{ animation-delay: .8s !important; }
.dw-ping.dw-d3{ animation-delay: 1.6s !important; }
.dw-caret{ animation: dw-blink 1s steps(1) infinite; }
.dw-l1{ animation: dw-line .5s ease-out .2s both; }
.dw-l2{ animation: dw-line .5s ease-out .9s both; }
.dw-l3{ animation: dw-line .5s ease-out 1.6s both; }
.dw-l4{ animation: dw-line .5s ease-out 2.3s both; }

/* Durum göstergesi */
.dw-status-dot{ position: relative; display: inline-block; width: 8px; height: 8px; border-radius: 50%; background: var(--dw-accent-bright); flex-shrink: 0; }
.dw-status-dot::after{ content: ""; position: absolute; inset: 0; border-radius: 50%; background: inherit; animation: dw-pulse 2s ease-out infinite; }
.dw-status{
  align-items: center; gap: .5rem; padding: .45rem .8rem; border-radius: 999px; border: 1px solid var(--dw-line);
  font-size: .8rem; font-weight: 600; color: #3a4857 !important; text-decoration: none; white-space: nowrap;
}
.dw-status .dw-status-dot{ background: var(--dw-accent); }
.dw-status:hover{ border-color: var(--dw-accent); color: var(--dw-accent) !important; }

/* =========================================================================
   2. ÜST BAR, HEADER, DRAWER
   ========================================================================= */
.topbar{ background: var(--dw-ink) !important; color: var(--dw-on-dark) !important; border: 0 !important; }
.topbar .text-secondary, .topbar a, .topbar .topbar-link, .topbar .topbar-icon{ color: var(--dw-on-dark) !important; }
.topbar a:hover{ color: #fff !important; }
.topbar .text-primary{ color: var(--dw-accent-bright) !important; }

.site-header{ background: rgba(255,255,255,.88) !important; border-bottom: 1px solid var(--dw-line) !important; box-shadow: none !important; }
.site-nav .nav-link{ color: var(--dw-ink) !important; font-weight: 600 !important; border-radius: 10px !important; }
.site-nav .nav-link:hover, .site-nav .nav-link.active{ color: var(--dw-accent) !important; background-color: var(--dw-accent-wash) !important; }
.site-header .btn-primary{ background: var(--dw-ink) !important; border-color: var(--dw-ink) !important; color: #fff !important; border-radius: 999px !important; box-shadow: none !important; }
.site-header .btn-primary:hover{ background: var(--dw-accent) !important; border-color: var(--dw-accent) !important; }
.site-header .btn-outline-primary{ border-color: transparent !important; color: var(--dw-ink) !important; background: transparent !important; }
.site-header .btn-outline-primary:hover{ color: var(--dw-accent) !important; background: var(--dw-accent-wash) !important; }
.site-header .icon-disc, .site-drawer .icon-disc{ background: var(--dw-accent-soft) !important; border-color: transparent !important; color: var(--dw-accent) !important; }
.site-header .dropdown-menu, .nav-dropdown{ border-radius: 16px !important; border-color: var(--dw-line) !important; box-shadow: 0 24px 48px -18px rgba(7,24,42,.22) !important; }
.site-header .item-desc{ color: var(--dw-muted) !important; }

/* =========================================================================
   3. ORTAK BÖLÜM DÜZENİ
   ========================================================================= */
.dw-section{ padding: clamp(3.5rem, 7vw, 6rem) 0; }
.dw-head{ display: flex; flex-direction: column; gap: .6rem; max-width: 40rem; margin-bottom: 2.5rem; }
.dw-head-row{ max-width: none; flex-direction: row; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 1.5rem; }
.dw-head h2, .dw-section h2{ margin: 0; font-size: clamp(1.85rem, 3.6vw, 2.9rem); line-height: 1.1; font-weight: 800; letter-spacing: -.035em; color: var(--dw-ink) !important; }
.dw-eyebrow{ display: inline-block; font-size: .8rem !important; font-weight: 700 !important; color: var(--dw-accent) !important; letter-spacing: 0 !important; text-transform: none !important; }

/* =========================================================================
   4. ANA SAYFA — HERO
   ========================================================================= */
.dw-home main{ overflow-x: clip; }
.dw-hero{ position: relative; overflow: hidden; background-color: var(--dw-accent-wash); }
.dw-hero-inner{ display: flex; flex-wrap: wrap; align-items: center; gap: 3rem; padding-top: clamp(3rem, 7vw, 5rem); padding-bottom: clamp(5.5rem, 9vw, 7.5rem); }
.dw-hero-copy{ flex: 1 1 30rem; min-width: 0; display: flex; flex-direction: column; gap: 1.5rem; }
.dw-chip-dark{ align-self: flex-start; display: inline-flex; align-items: center; gap: .6rem; padding: .4rem .75rem; border-radius: 8px; background: var(--dw-ink); color: #d3e2ef; font-size: .8rem; }
.dw-chip-dot{ width: 7px; height: 7px; border-radius: 50%; background: var(--dw-accent-bright); }
.dw-hero-title{ margin: 0; font-size: clamp(2.5rem, 5.6vw, 4.25rem); line-height: 1.02; font-weight: 800; letter-spacing: -.045em; color: var(--dw-ink) !important; }
.dw-hero-title span{ color: var(--dw-accent) !important; }
.dw-hero-lead{ margin: 0; max-width: 31rem; font-size: 1.1rem; line-height: 1.65; color: #455366; }

.dw-search{
  position: relative; display: flex; align-items: center; gap: .5rem; max-width: 35rem;
  padding: .5rem .5rem .5rem 1rem; background: #fff; border: 1px solid #d6e0ea; border-radius: 16px;
  box-shadow: 0 14px 34px -14px rgba(7,24,42,.18); transition: border-color .18s ease, box-shadow .18s ease;
}
.dw-search:focus-within{ border-color: var(--dw-accent); box-shadow: 0 0 0 4px var(--dw-accent-soft), 0 14px 34px -14px rgba(7,24,42,.18); }
.dw-search-prefix{ color: var(--dw-accent); font-weight: 700; }
.dw-search input{ flex: 1 1 auto; min-width: 0; border: 0; outline: 0; background: transparent; padding: .6rem .1rem; font-size: 1rem; color: var(--dw-ink); }
.dw-search input::placeholder{ color: #8796a6; }
.dw-search .dw-btn{ min-height: 44px; border-radius: 11px; }

.dw-tlds{ display: flex; flex-wrap: wrap; gap: .5rem; font-size: .8rem; }
.dw-tld{ display: inline-flex; align-items: center; gap: .4rem; padding: .35rem .65rem; border-radius: 8px; background: #fff; border: 1px solid var(--dw-line); color: var(--dw-ink) !important; text-decoration: none; font-weight: 700; }
.dw-tld span{ color: var(--dw-muted); font-weight: 500; }
.dw-tld em{ font-style: normal; font-size: .65rem; padding: .05rem .35rem; border-radius: 4px; background: var(--dw-accent-soft); color: var(--dw-accent-ink); }
.dw-tld:hover{ border-color: var(--dw-accent); }
.dw-tld-all{ padding: .35rem .65rem; color: var(--dw-accent) !important; font-weight: 700; text-decoration: none; }

.dw-hero-art{ position: relative; flex: 1 1 28rem; min-width: 0; height: 500px; }
.dw-orbit{ position: absolute; left: 50%; top: 0; width: 460px; height: 460px; margin-left: -230px; }
.dw-orbit svg{ position: absolute; inset: 0; overflow: visible; }
.dw-o-track{ fill: none; stroke: var(--dw-ink); stroke-opacity: .07; }
.dw-o-dash1{ fill: none; stroke: var(--dw-accent); stroke-opacity: .45; stroke-width: 1.5; stroke-dasharray: 2 14; }
.dw-o-dash2{ fill: none; stroke: var(--dw-accent); stroke-opacity: .35; stroke-width: 1.5; stroke-dasharray: 40 30; }
.dw-o-core{ fill: var(--dw-accent-soft); stroke: var(--dw-accent); stroke-opacity: .25; }
.dw-o-glow{ fill: var(--dw-accent); fill-opacity: .14; }
.dw-o-drop{ fill: var(--dw-accent); }
.dw-flow{ fill: none; stroke: var(--dw-accent); stroke-width: 1.6; stroke-dasharray: 4 8; animation: dw-dash 1.6s linear infinite; }
.dw-node{ fill: var(--dw-accent); stroke: #fff; stroke-width: 2; }
.dw-tag{ position: absolute; padding: .15rem .5rem; border-radius: 6px; background: var(--dw-ink); color: #fff; font-size: .75rem; font-weight: 700; }

.dw-term{ position: absolute; right: 0; bottom: 0; width: 330px; max-width: 100%; border-radius: 14px; background: var(--dw-ink); color: var(--dw-on-dark); font-size: .78rem; line-height: 1.7; box-shadow: 0 24px 48px rgba(7,24,42,.28); overflow: hidden; }
.dw-term-bar{ display: flex; align-items: center; gap: 6px; padding: .6rem .9rem; border-bottom: 1px solid rgba(255,255,255,.08); color: var(--dw-on-dark-dim); }
.dw-term-bar i{ width: 9px; height: 9px; border-radius: 50%; background: #33465a; }
.dw-term-bar span{ margin-left: .5rem; }
.dw-term-body{ display: flex; flex-direction: column; padding: .75rem .9rem .9rem; }
.dw-term b, .dw-log b{ color: var(--dw-accent-bright); font-weight: 500; }

.dw-wave{ position: absolute; left: 0; right: 0; bottom: -1px; height: 56px; overflow: hidden; pointer-events: none; }
.dw-wave svg{ display: block; animation: dw-wave 18s linear infinite; }
.dw-wave path{ fill: var(--dw-ink); }

/* Kayan şerit */
.dw-marquee{ background: var(--dw-ink); color: #d3e2ef; overflow: hidden; }
.dw-marquee-track{ display: flex; width: max-content; padding: 1rem 0; font-size: .875rem; animation: dw-marquee 36s linear infinite; }
.dw-marquee-set{ display: flex; gap: 2.5rem; padding-right: 2.5rem; white-space: nowrap; }
.dw-marquee-set i{ font-style: normal; color: var(--dw-accent-bright); }

/* =========================================================================
   5. ANA SAYFA — BENTO
   ========================================================================= */
.dw-bento{ display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1rem; }
.dw-span2{ grid-column: span 2; }
.dw-tile{ display: flex; flex-direction: column; justify-content: space-between; gap: 1.25rem; padding: 1.75rem; border: 1px solid var(--dw-line); border-radius: var(--dw-r-xl); background: #fff; }
.dw-tile h3{ margin: 0 0 .25rem; font-size: 1.15rem; font-weight: 800; color: var(--dw-ink) !important; }
.dw-tile p{ margin: 0; font-size: .95rem; color: var(--dw-muted); }
.dw-tile-soft{ background: var(--dw-bg-soft); }
.dw-tile-top{ display: flex; justify-content: space-between; align-items: flex-start; gap: 1rem; font-size: .8rem; }
.dw-tile-dark{ background-color: var(--dw-ink); border-color: var(--dw-ink); color: #fff; }
.dw-tile-dark h3{ color: #fff !important; }
.dw-ico-line{ stroke: var(--dw-accent); stroke-width: 2; }
.dw-ico-fill{ fill: var(--dw-accent-soft); stroke-opacity: .5; }
.dw-big{ font-size: 2.75rem; font-weight: 700; letter-spacing: -.04em; line-height: 1; color: var(--dw-accent); }
.dw-bars{ display: flex; flex-direction: column; gap: .9rem; font-size: .8rem; }
.dw-bar-label{ display: flex; justify-content: space-between; margin-bottom: .35rem; }
.dw-bar{ height: 10px; border-radius: 99px; background: var(--dw-line-2); overflow: hidden; }
.dw-bar span{ display: block; height: 100%; border-radius: 99px; }
.dw-fill{ width: 100%; background: var(--dw-accent); animation: dw-bar 3.2s cubic-bezier(.2,.8,.2,1) infinite; }
.dw-fill-slow{ width: 22%; background: #98a9ba; animation: dw-bar-slow 3.2s linear infinite; }
.dw-net{ display: flex; align-items: center; gap: .9rem; font-size: .8rem; color: var(--dw-on-dark); }
.dw-net-box{ padding: .5rem .75rem; border-radius: 10px; border: 1px solid rgba(255,255,255,.15); }
.dw-net-line{ position: relative; flex: 1 1 auto; height: 2px; background: rgba(255,255,255,.15); }
.dw-net-line i{ position: absolute; top: 50%; width: 8px; height: 8px; margin-top: -4px; border-radius: 50%; background: var(--dw-accent-bright); animation: dw-packet 2.4s linear infinite; }
.dw-net-line i:nth-child(2){ animation-delay: .8s; }
.dw-net-line i:nth-child(3){ animation-delay: 1.6s; }

/* =========================================================================
   6. PAKETLER (sabit kartlar + WISECP plan rafı)
   ========================================================================= */
.dw-plans-wrap{ background-color: var(--dw-bg-soft); border-top: 1px solid var(--dw-line-2); border-bottom: 1px solid var(--dw-line-2); }
.dw-plan-grid{ display: flex; flex-wrap: wrap; gap: 1.25rem; align-items: stretch; }
.dw-plan{ position: relative; flex: 1 1 18rem; min-width: 0; display: flex; flex-direction: column; gap: 1.35rem; padding: 1.9rem; background: #fff; border: 1px solid var(--dw-line); border-radius: var(--dw-r-xl); transition: transform .2s ease, box-shadow .2s ease; }
.dw-plan:hover{ transform: translateY(-4px); box-shadow: 0 24px 48px -24px rgba(7,24,42,.25); }
.dw-plan h3{ margin: .2rem 0 0; font-size: 1.3rem; font-weight: 800; color: var(--dw-ink) !important; }
.dw-price{ display: flex; align-items: baseline; gap: .4rem; }
.dw-price span{ font-size: 2.9rem; font-weight: 700; letter-spacing: -.04em; line-height: 1; color: var(--dw-ink); }
.dw-price small{ font-size: .95rem; color: var(--dw-muted); }
.dw-spec{ margin: 0; display: flex; flex-direction: column; flex-grow: 1; font-size: .84rem; }
.dw-spec div{ display: flex; justify-content: space-between; gap: 1rem; padding: .6rem 0; border-top: 1px dashed #dbe4ec; }
.dw-spec div:last-child{ border-bottom: 1px dashed #dbe4ec; }
.dw-spec dt{ font-weight: 400; color: var(--dw-muted); }
.dw-spec dd{ margin: 0; font-weight: 700; color: var(--dw-ink); }
.dw-plan-hot{ background-color: var(--dw-ink); border-color: var(--dw-ink); color: #fff; box-shadow: 0 0 0 1px var(--dw-accent), 0 24px 60px -12px var(--dw-accent-glow); }
.dw-plan-hot h3, .dw-plan-hot .dw-price span, .dw-plan-hot .dw-spec dd{ color: #fff !important; }
.dw-plan-hot .dw-price small, .dw-plan-hot .dw-spec dt{ color: #a3b5c7; }
.dw-plan-hot .dw-spec div{ border-color: rgba(255,255,255,.15); }
.dw-plan-flag{ position: absolute; top: 1.1rem; right: 1.1rem; padding: .2rem .6rem; border-radius: 6px; background: var(--dw-accent); color: #fff; font-size: .7rem; font-weight: 700; }

/* WISECP dinamik plan rafı */
.dw-plans-wrap .plans-rack{ background: transparent !important; padding-top: clamp(3.5rem, 7vw, 6rem) !important; padding-bottom: clamp(3.5rem, 7vw, 6rem) !important; }
.plans-rack .section-head h2{ color: var(--dw-ink) !important; letter-spacing: -.035em !important; }
.rack-bar{ background: #fff !important; border: 1px solid var(--dw-line) !important; border-radius: 14px !important; box-shadow: none !important; }
.rack-bar .nav-link, .rack-bar .nav-pills .nav-link{ border-radius: 10px !important; color: #3a4857 !important; }
.rack-bar .nav-link.active, .rack-bar .nav-pills .nav-link.active{ background: var(--dw-ink) !important; color: #fff !important; box-shadow: none !important; }
.billing-toggle{ background: #fff !important; border: 1px solid var(--dw-line) !important; border-radius: 12px !important; }
.billing-toggle .billing-option, .billing-option{ border-radius: 9px !important; }
.billing-toggle .billing-option.active, .billing-option.active{ background: var(--dw-ink) !important; color: #fff !important; box-shadow: none !important; }
.plan-card.aerocore-plan-card, .aerocore-plan-card{ border-radius: var(--dw-r-xl) !important; border: 1px solid var(--dw-line) !important; box-shadow: none !important; }
.plan-card.aerocore-plan-card:hover, .aerocore-plan-card:hover{ transform: translateY(-4px) !important; box-shadow: 0 24px 48px -24px rgba(7,24,42,.25) !important; border-color: var(--dw-line) !important; }
.aerocore-plan-price{ font-family: var(--dw-mono-font) !important; font-weight: 700 !important; letter-spacing: -.04em !important; color: var(--dw-ink) !important; }
.plan-card.is-popular, .aerocore-plan-card.is-popular{
  transform: none !important; background-color: var(--dw-ink) !important; color: #fff !important; border-color: var(--dw-ink) !important;
  background-image: radial-gradient(rgba(255,255,255,.07) 1px, transparent 1.2px) !important; background-size: 22px 22px !important;
  box-shadow: 0 0 0 1px var(--dw-accent), 0 24px 60px -12px var(--dw-accent-glow) !important;
}
.plan-card.is-popular h3, .plan-card.is-popular .aerocore-plan-price, .plan-card.is-popular .spec-value, .plan-card.is-popular .aerocore-feature-item{ color: #fff !important; }
.plan-card.is-popular .text-secondary, .plan-card.is-popular .aerocore-plan-cycle, .plan-card.is-popular .spec-label{ color: #a3b5c7 !important; }
.plan-card.is-popular .aerocore-spec-box, .plan-card.is-popular .aerocore-spec-pill{ background: rgba(255,255,255,.06) !important; border-color: rgba(255,255,255,.12) !important; color: #fff !important; }
.plan-card.is-popular .billing-compare{ color: var(--dw-accent-bright) !important; }
.plan-card.is-popular .plan-billing-table{ --bs-table-bg: transparent; --bs-table-color: #c5d3e0; }
.aerocore-popular-badge{ font-family: var(--dw-mono-font) !important; border-radius: 6px !important; background: var(--dw-accent) !important; color: #fff !important; }
.plan-card .btn{ border-radius: 12px !important; }

/* =========================================================================
   7. LOKASYONLAR, 5651 BANDI, CTA
   ========================================================================= */
.dw-locs{ display: flex; flex-wrap: wrap; gap: .9rem; }
.dw-loc{ flex: 1 1 12rem; min-width: 0; display: flex; align-items: center; justify-content: space-between; gap: .75rem; padding: 1.2rem 1.35rem; border: 1px solid var(--dw-line); border-radius: 18px; background: #fff; color: var(--dw-ink) !important; text-decoration: none; transition: border-color .18s ease, transform .18s ease; }
.dw-loc:hover{ border-color: var(--dw-accent); transform: translateY(-2px); }
.dw-loc > span{ display: flex; flex-direction: column; line-height: 1.35; }
.dw-loc strong{ font-size: 1.05rem; }
.dw-loc small{ color: var(--dw-muted); font-size: .85rem; }
.dw-loc b{ font-size: .75rem; color: var(--dw-accent); white-space: nowrap; }

.dw-band{ display: flex; flex-wrap: wrap; align-items: center; gap: 2.5rem; padding: clamp(2rem, 4vw, 3rem); border-radius: 28px; background-color: var(--dw-ink); color: #fff; }
.dw-band-copy{ flex: 1 1 26rem; min-width: 0; display: flex; flex-direction: column; gap: 1rem; }
.dw-band h2{ color: #fff !important; font-size: clamp(1.75rem, 3.2vw, 2.5rem) !important; }
.dw-band p{ margin: 0; color: #b6c6d6; max-width: 30rem; }
.dw-log{ flex: 1 1 22rem; min-width: 0; display: flex; flex-direction: column; padding: 1.1rem 1.25rem; border-radius: 16px; border: 1px solid rgba(255,255,255,.1); background: rgba(255,255,255,.03); font-size: .78rem; line-height: 1.9; color: #b6c6d6; }

.dw-cta{ background: var(--dw-accent-wash); border-top: 1px solid var(--dw-line-2); }
.dw-cta-inner{ display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 1.75rem; padding-top: clamp(3rem, 6vw, 4.5rem); padding-bottom: clamp(3rem, 6vw, 4.5rem); }
.dw-cta h2{ margin: 0 0 .4rem; font-size: clamp(1.5rem, 2.8vw, 2rem); font-weight: 800; letter-spacing: -.03em; color: var(--dw-ink) !important; }
.dw-cta p{ margin: 0; color: #455366; }

/* =========================================================================
   8. FOOTER
   ========================================================================= */
.site-footer{ background: #fff !important; color: var(--dw-muted) !important; border-top: 1px solid var(--dw-line) !important; }
.site-footer .footer-heading{ font-family: var(--dw-mono-font) !important; font-size: .8rem !important; font-weight: 700 !important; letter-spacing: 0 !important; text-transform: lowercase !important; color: var(--dw-muted) !important; }
.site-footer .footer-heading::before{ content: "// "; color: var(--dw-accent); }
.site-footer a, .site-footer .footer-link{ color: #3a4857 !important; }
.site-footer a:hover, .site-footer .footer-link:hover{ color: var(--dw-accent) !important; }
.site-footer .footer-base{ border-top: 1px solid var(--dw-line) !important; font-family: var(--dw-mono-font); font-size: .8rem; }
.site-footer .footer-status .status-dot{ background: var(--dw-accent) !important; }
.footer-powered-band{ background: var(--dw-bg-soft) !important; }
.aerocore-compliance-bar{ font-family: var(--dw-mono-font); font-size: .75rem; color: var(--dw-muted); }
.scroll-top{ background: var(--dw-ink) !important; border-color: var(--dw-ink) !important; border-radius: 12px !important; }

/* =========================================================================
   9. MÜŞTERİ PANELİ — KABUK
   ========================================================================= */
body[data-client-nav=sidebar] .client-main{ background-color: #f4f7fa !important; }
.client-sidebar{ background-color: var(--dw-ink) !important; background-image: radial-gradient(rgba(255,255,255,.07) 1px, transparent 1.2px); background-size: 22px 22px; border-inline-end: 0 !important; }
.client-sidebar-link{ border-radius: 12px !important; color: #c5d3e0 !important; font-weight: 600; }
.client-sidebar-link:hover{ color: #fff !important; background-color: rgba(255,255,255,.07) !important; }
.client-sidebar-link.active{ color: #fff !important; background-color: rgba(255,255,255,.09) !important; font-weight: 700 !important; }
.client-sidebar-link.active::before{ background-color: var(--dw-accent-bright) !important; }
.client-sidebar-link.active .client-sidebar-ico{ color: var(--dw-accent-bright); }
.client-sidebar-badge{ font-family: var(--dw-mono-font); border-radius: 6px !important; background: rgba(255,255,255,.12) !important; color: #fff !important; }
.client-sidebar-link:has(.client-sidebar-badge)::after{ background-color: var(--dw-accent-bright) !important; }
.dw-side-status{ font-size: .78rem; color: #c5d3e0 !important; }
.dw-side-status .dw-status-dot{ background: var(--dw-accent-bright); }

.client-topbar{ background: rgba(255,255,255,.9) !important; border-bottom: 1px solid var(--dw-line) !important; box-shadow: none !important; }
.client-topbar .header-icon-btn{ background: #fff !important; border: 1px solid var(--dw-line) !important; color: var(--dw-ink) !important; border-radius: 12px !important; }
.client-topbar .header-icon-btn:hover{ border-color: var(--dw-accent) !important; color: var(--dw-accent) !important; background: #fff !important; }
.client-topbar-badge{ font-family: var(--dw-mono-font); background: var(--dw-accent) !important; color: #fff !important; }
.account-switcher-ava{ background: var(--dw-ink) !important; color: #fff !important; border-radius: 9px !important; }

/* =========================================================================
   10. MÜŞTERİ PANELİ — ÖZET (dashboard)
   ========================================================================= */
.dash{ --dash-tile-radius: 18px; }
.dash-hero{
  position: relative; overflow: hidden; border-radius: 24px !important;
  background: var(--dw-ink) !important; color: #fff;
  background-image: radial-gradient(rgba(255,255,255,.07) 1px, transparent 1.2px) !important; background-size: 22px 22px !important;
  --wstyle-on-primary: #ffffff;
}
.dash-hero::before{ display: none !important; }
.dw-dash-orbit{ position: absolute; right: -90px; top: -150px; overflow: visible; pointer-events: none; }
.dash-hero-inner{ position: relative; z-index: 1; }
.dash-eyebrow{ font-size: .8rem !important; letter-spacing: 0 !important; text-transform: none !important; color: var(--dw-accent-bright) !important; }
.dash-greeting{ color: #fff !important; letter-spacing: -.035em !important; }
.dash-health{ color: var(--dw-on-dark) !important; }
.dash-pulse{ --pulse-color: var(--dw-accent-bright); }
.dash-btn-glass{ background: transparent !important; border: 1px solid rgba(255,255,255,.22) !important; border-radius: 12px !important; color: #fff !important; backdrop-filter: none !important; }
.dash-btn-glass:hover{ border-color: #fff !important; background: rgba(255,255,255,.06) !important; }
.dash-hero-actions .dash-btn-light{ background: var(--dw-accent) !important; color: #fff !important; border-radius: 12px !important; box-shadow: none !important; }
.dash-hero-actions .dash-btn-light:hover{ background: var(--dw-accent-hover) !important; color: #fff !important; }
.dash-balance-card{ background: rgba(255,255,255,.06) !important; border: 1px solid rgba(255,255,255,.12) !important; border-radius: 18px !important; backdrop-filter: none !important; }
.dash-balance-label{ font-family: var(--dw-mono-font); color: #a3b5c7 !important; }
.dash-balance-value{ font-family: var(--dw-mono-font); font-weight: 700 !important; letter-spacing: -.03em !important; color: #fff !important; }
.dash-balance-note{ color: #a3b5c7 !important; }
.dash-balance-card .dash-btn-light{ background: #fff !important; color: var(--dw-ink) !important; border-radius: 11px !important; box-shadow: none !important; }

.dash-stat{ border-radius: 18px !important; border-color: var(--dw-line) !important; box-shadow: none !important; }
.dash-stat:hover{ border-color: color-mix(in srgb, var(--dw-accent) 40%, var(--dw-line)) !important; box-shadow: 0 18px 36px -22px rgba(7,24,42,.3) !important; }
.dash-stat-label{ font-size: .9rem !important; font-weight: 700 !important; color: #3a4857 !important; }
.dash-stat-value{ font-family: var(--dw-mono-font); font-weight: 700 !important; letter-spacing: -.03em !important; color: var(--dw-ink) !important; }
.dash-stat-watermark{ display: none !important; }
.dash-stat-ico{ border-radius: 10px !important; }

.dash-panel{ border-radius: 20px !important; border-color: var(--dw-line) !important; box-shadow: none !important; }
.dash-panel-head{ border-block-end-color: var(--dw-line-2) !important; }
.dash-panel-title{ font-weight: 800 !important; color: var(--dw-ink) !important; }
.dash-panel-link{ color: var(--dw-accent) !important; font-weight: 700 !important; }
.dash-service-meta, .dash-row-sub{ font-family: var(--dw-mono-font); font-size: .78rem !important; }
.dash .badge{ font-family: var(--dw-mono-font); font-weight: 700; border-radius: 6px; }
.dash .btn-soft{ border-radius: 10px; }
.dash-meter > span, .dash-gauge-fill{ background-color: var(--dw-accent) !important; }
.dash-alert{ border-radius: 14px !important; }

/* =========================================================================
   11. DUYARLI DÜZEN
   ========================================================================= */
@media (max-width: 991.98px){
  .dw-hero-art{ display: none; }
  .dw-bento{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 575.98px){
  .dw-bento{ grid-template-columns: minmax(0, 1fr); }
  .dw-span2{ grid-column: auto; }
  .dw-search{ flex-wrap: wrap; padding: .5rem; }
  .dw-search-prefix{ display: none; }
  .dw-search input{ flex-basis: 100%; padding: .6rem .5rem; }
  .dw-search .dw-btn{ width: 100%; }
  .dw-dash-orbit{ opacity: .5; }
}

/* =========================================================================
   12. KOYU MOD
   ========================================================================= */
[data-bs-theme=dark]{
  --dw-text: #d3e2ef; --dw-muted: #93a7bb; --dw-line: #173049; --dw-line-2: #12283e; --dw-bg-soft: #0a1d31;
  --dw-accent-wash: color-mix(in srgb, var(--dw-accent) 10%, #061321);
  --dw-accent-soft: color-mix(in srgb, var(--dw-accent) 22%, #061321);
}
[data-bs-theme=dark] .site-header{ background: rgba(6,19,33,.88) !important; }
[data-bs-theme=dark] .site-nav .nav-link,
[data-bs-theme=dark] .dw-hero-title,
[data-bs-theme=dark] .dw-head h2, [data-bs-theme=dark] .dw-section h2,
[data-bs-theme=dark] .dw-tile h3, [data-bs-theme=dark] .dw-plan h3, [data-bs-theme=dark] .dw-price span, [data-bs-theme=dark] .dw-spec dd,
[data-bs-theme=dark] .dw-cta h2, [data-bs-theme=dark] .dw-loc, [data-bs-theme=dark] .dw-tld{ color: #f1f6fb !important; }
[data-bs-theme=dark] .dw-hero-lead, [data-bs-theme=dark] .dw-cta p{ color: var(--dw-muted); }
[data-bs-theme=dark] .dw-tile, [data-bs-theme=dark] .dw-plan, [data-bs-theme=dark] .dw-loc,
[data-bs-theme=dark] .dw-search, [data-bs-theme=dark] .dw-tld, [data-bs-theme=dark] .dw-btn-ghost,
[data-bs-theme=dark] .site-footer, [data-bs-theme=dark] .rack-bar, [data-bs-theme=dark] .billing-toggle{ background: #0a1d31 !important; border-color: var(--dw-line) !important; }
[data-bs-theme=dark] .dw-tile-dark, [data-bs-theme=dark] .dw-plan-hot{ background-color: #020c17 !important; }
[data-bs-theme=dark] .dw-search input{ color: #fff; }
[data-bs-theme=dark] .dw-dots{ background-image: radial-gradient(rgba(255,255,255,.06) 1px, transparent 1.2px); }
[data-bs-theme=dark] .dw-o-track{ stroke: #fff; }
[data-bs-theme=dark] .site-footer a, [data-bs-theme=dark] .site-footer .footer-link{ color: #c5d3e0 !important; }
[data-bs-theme=dark] .client-topbar{ background: rgba(6,19,33,.9) !important; }
[data-bs-theme=dark] body[data-client-nav=sidebar] .client-main{ background-color: #061321 !important; }
[data-bs-theme=dark] .dash-stat-value, [data-bs-theme=dark] .dash-panel-title{ color: #f1f6fb !important; }
[data-bs-theme=dark] .dash-hero, [data-bs-theme=dark] .client-sidebar{ background-color: #020c17 !important; }

/* =========================================================================
   13. HAREKET HASSASİYETİ
   ========================================================================= */
@media (prefers-reduced-motion: reduce){
  .dw-spin, .dw-spin-rev, .dw-ripple, .dw-ping, .dw-flow, .dw-caret, .dw-marquee-track, .dw-wave svg,
  .dw-fill, .dw-fill-slow, .dw-net-line i, .dw-status-dot::after,
  .dw-l1, .dw-l2, .dw-l3, .dw-l4{ animation: none !important; }
  .dw-ripple{ opacity: 0; }
}
.dw-plan-hot .dw-spec dd.dw-accent-bright{ color: var(--dw-accent-bright) !important; }

/* =========================================================================
   14. İÇ SAYFALAR — ORTAK PARÇALAR
   (sayfa başlığı, bölüm başlıkları, SSS, iletişim bandı, bülten, CTA)
   ========================================================================= */

/* Sayfa başlığı (partials/page-hero.tpl) */
.page-hero.dw-page-hero{
  background: var(--dw-accent-wash) !important; border-bottom: 0 !important; color: var(--dw-ink) !important;
  padding: clamp(2.75rem, 6vw, 4.5rem) 0 clamp(4.5rem, 8vw, 6rem) !important;
}
.dw-page-hero-dots{
  position: absolute; inset: 0; z-index: 0; pointer-events: none;
  background-image: radial-gradient(rgba(7,24,42,.085) 1px, transparent 1.2px); background-size: 22px 22px;
  -webkit-mask-image: linear-gradient(90deg, transparent 5%, #000 70%); mask-image: linear-gradient(90deg, transparent 5%, #000 70%);
}
.dw-page-hero-art{ position: absolute; z-index: 1; top: 50%; right: max(1rem, calc(50% - 650px)); width: 340px; height: 340px; margin-top: -170px; overflow: visible; pointer-events: none; }
.page-hero.dw-page-hero > .container{ position: relative; z-index: 2 !important; }
.dw-page-hero .page-hero-title{ max-width: 44rem; font-size: clamp(2rem, 4.4vw, 3.3rem) !important; line-height: 1.06 !important; font-weight: 800 !important; letter-spacing: -.04em !important; color: var(--dw-ink) !important; }
.dw-page-hero .page-hero-lead{ max-width: 38rem; font-size: 1.075rem; line-height: 1.65; color: #455366 !important; }
.dw-crumbs .breadcrumb{ --bs-breadcrumb-divider: "/"; --bs-breadcrumb-item-padding-x: .45rem; font-family: var(--dw-mono-font); font-size: .78rem !important; align-items: center; }
.dw-crumbs .breadcrumb::before{ content: "~/"; margin-right: .5rem; color: var(--dw-accent); font-weight: 700; }
.dw-crumbs .breadcrumb-item + .breadcrumb-item::before{ color: #9fb0c1 !important; }
.dw-page-hero .breadcrumb-item a{ color: var(--dw-accent) !important; font-weight: 600; }
.dw-page-hero .breadcrumb-item.active{ color: var(--dw-muted) !important; }
.dw-hero-badges > span{ padding: .45rem .8rem; border-radius: 10px; background: #fff; border: 1px solid var(--dw-line); font-weight: 600; color: var(--dw-ink); }
.dw-hero-badges i{ color: var(--dw-accent); }
.dw-wave-page{ height: 40px; z-index: 2; }
.dw-wave-page path{ fill: #fff; }
[data-bs-theme=dark] .dw-wave-page path{ fill: var(--bs-body-bg); }
/* Görselli başlıkta (kategori arka planı) görsel yine silik kalsın */
.dw-page-hero:not(.page-hero-plain) .page-hero-scrim{ background: linear-gradient(180deg, rgba(240,246,251,.88) 0%, rgba(240,246,251,.96) 100%) !important; }

/* Bölüm başlıkları — ana sayfadaki "// başlık" dili */
main .section-head:not(.text-center){ text-align: start !important; }
main .section-head:not(.text-center) .section-lead{ margin-inline: 0 !important; }
.section-head h2{ font-size: clamp(1.75rem, 3.2vw, 2.6rem) !important; line-height: 1.1 !important; font-weight: 800 !important; letter-spacing: -.035em !important; color: var(--dw-ink) !important; }
.section-head .section-lead{ color: var(--dw-muted) !important; font-size: 1rem; }
.eyebrow{ font-family: var(--dw-mono-font) !important; font-size: .8rem !important; font-weight: 700 !important; letter-spacing: 0 !important; text-transform: none !important; color: var(--dw-accent) !important; }
.eyebrow::before{ content: "// "; }
.band-dark .eyebrow{ color: var(--dw-accent-bright) !important; }
.link-arrow{ color: var(--dw-accent) !important; font-weight: 700 !important; }

/* Kategori sekmeleri (lokasyon / paket aileleri) */
.aerocore-cat-nav .aerocore-tab-btn{ border-radius: 10px !important; border-color: var(--dw-line) !important; color: #3a4857 !important; box-shadow: none !important; }
.aerocore-cat-nav .aerocore-tab-btn:hover{ border-color: var(--dw-accent) !important; color: var(--dw-accent) !important; background: #fff !important; }
.aerocore-cat-nav .aerocore-tab-btn.active{ background: var(--dw-ink) !important; border-color: var(--dw-ink) !important; color: #fff !important; box-shadow: none !important; }
.page-category [data-role="currency-label"]{ font-family: var(--dw-mono-font); }

/* Satır düzenindeki paketler (components/plan-rows.tpl — VPS/VDS lokasyonları) */
.aerocore-plan-row-card{ border: 1px solid var(--dw-line) !important; border-radius: 18px !important; background: #fff !important; box-shadow: none !important; }
.aerocore-plan-row-card:hover{ border-color: color-mix(in srgb, var(--dw-accent) 45%, var(--dw-line)) !important; box-shadow: 0 18px 36px -22px rgba(7,24,42,.3) !important; }
.aerocore-plan-row-card.is-popular{ border-color: var(--dw-accent) !important; background: #fff !important; box-shadow: 0 0 0 3px var(--dw-accent-soft) !important; }
.aerocore-plan-row-card h3{ font-weight: 800 !important; letter-spacing: -.02em !important; color: var(--dw-ink) !important; }
.aerocore-server-icon{ border: 0 !important; border-radius: 10px !important; background: var(--dw-ink) !important; color: var(--dw-accent-bright) !important; }
.aerocore-spec-pill{ border-color: var(--dw-line) !important; border-radius: 8px !important; background: var(--dw-bg-soft) !important; color: #3a4857 !important; font-family: var(--dw-mono-font); font-size: .74rem !important; }
.aerocore-spec-pill i{ color: var(--dw-accent) !important; }
.aerocore-plan-row-card .btn{ border-radius: 12px !important; box-shadow: none !important; }
.aerocore-plan-row-card .btn-outline-primary{ border-color: #ccd8e3 !important; color: var(--dw-ink) !important; background: #fff !important; }
.aerocore-plan-row-card .btn-outline-primary:hover{ border-color: var(--dw-accent) !important; color: var(--dw-accent) !important; }
.aerocore-plan-row-card [data-role="price-now"]{ font-family: var(--dw-mono-font) !important; letter-spacing: -.04em !important; color: var(--dw-ink) !important; }

/* "Her sunucuda dahil" kartları */
.aerocore-included-section{ background-color: var(--dw-bg-soft) !important; border-top: 1px solid var(--dw-line-2); border-bottom: 1px solid var(--dw-line-2); }
.aerocore-included-section .card{ height: 100%; border: 1px solid var(--dw-line) !important; border-radius: var(--dw-r-lg) !important; background: #fff !important; box-shadow: none !important; transition: border-color .18s ease, transform .18s ease; }
.aerocore-included-section .card:hover{ border-color: color-mix(in srgb, var(--dw-accent) 45%, var(--dw-line)) !important; transform: translateY(-2px); }
.aerocore-included-section .card-body{ padding: 1.4rem !important; }
.aerocore-included-section h3{ font-weight: 800 !important; color: var(--dw-ink) !important; }
.aerocore-included-section .icon-disc, .wcp-empty-state .icon-disc, .cat-card .icon-disc{ border-radius: 12px !important; background: var(--dw-accent-soft) !important; color: var(--dw-accent) !important; border: 0 !important; }

/* Alt kategori kartları (cat-hub) */
.cat-card{ border-radius: 18px !important; border-color: var(--dw-line) !important; box-shadow: none !important; }
.cat-card:hover{ border-color: var(--dw-accent) !important; }
.cat-card-price-amount{ font-family: var(--dw-mono-font); font-weight: 700; color: var(--dw-ink); }

/* SSS — numaralı akordeon */
.dw-faq-section.bg-surface{ background-color: var(--dw-bg-soft) !important; }
.dw-faq-section .accordion, .hotspot-faq{ counter-reset: dwfaq; display: flex; flex-direction: column; gap: .6rem; }
.dw-faq-section .accordion-item, .hotspot-faq .accordion-item{ margin: 0 !important; border: 1px solid var(--dw-line) !important; border-radius: 16px !important; overflow: hidden; background: #fff !important; box-shadow: none !important; }
.dw-faq-section .accordion-button, .hotspot-faq .accordion-button{
  counter-increment: dwfaq; gap: .9rem; padding: 1.1rem 1.25rem !important; background: #fff !important; color: var(--dw-ink) !important;
  font-weight: 700 !important; box-shadow: none !important; border-radius: 0 !important;
}
.dw-faq-section .accordion-button::before, .hotspot-faq .accordion-button::before{ content: counter(dwfaq, decimal-leading-zero); flex-shrink: 0; font-family: var(--dw-mono-font); font-size: .75rem; font-weight: 700; color: var(--dw-accent); }
.dw-faq-section .accordion-button:not(.collapsed), .hotspot-faq .accordion-button:not(.collapsed){ background: var(--dw-accent-wash) !important; color: var(--dw-accent-ink) !important; }
.dw-faq-section .accordion-body, .hotspot-faq .accordion-body{ padding: .25rem 1.25rem 1.25rem 3.35rem !important; color: #455366 !important; line-height: 1.7; }

/* Satış ve desteğe ulaşın bandı (partials/band-contact.tpl) */
.aerocore-plan-card .aerocore-icon-wrap{ border-radius: 12px !important; background: var(--dw-accent-soft) !important; border: 0 !important; color: var(--dw-accent) !important; }
a.aerocore-plan-card.flex-row{ flex-direction: row !important; align-items: center !important; text-align: start !important; padding: 1.4rem 1.5rem !important; }
a.aerocore-plan-card.flex-row .aerocore-icon-wrap{ width: 48px !important; height: 48px !important; flex-shrink: 0; }
a.aerocore-plan-card strong{ color: var(--dw-ink) !important; }
a.aerocore-plan-card strong.num-tabular{ font-family: var(--dw-mono-font); letter-spacing: -.02em; }
a.aerocore-plan-card .bi-arrow-right{ color: var(--dw-accent) !important; transition: transform .18s ease; }
a.aerocore-plan-card:hover .bi-arrow-right{ transform: translateX(4px); }

/* Bülten bandı — lacivert, noktalı */
.newsletter-band{ background: transparent !important; }
.newsletter-panel{
  background-color: var(--dw-ink) !important; background-image: radial-gradient(rgba(255,255,255,.07) 1px, transparent 1.2px) !important; background-size: 22px 22px !important;
  border: 0 !important; border-radius: 28px !important; box-shadow: none !important; color: #fff !important; padding: clamp(2rem, 4vw, 3rem) !important;
}
.newsletter-panel h2{ color: #fff !important; letter-spacing: -.03em !important; }
.newsletter-kicker{ font-family: var(--dw-mono-font) !important; font-size: .8rem !important; color: var(--dw-accent-bright) !important; }
.newsletter-kicker i{ display: none !important; }
.newsletter-kicker::before{ content: "// "; }
.newsletter-sub{ color: #b6c6d6 !important; }
.newsletter-panel .form-control{ background: rgba(255,255,255,.06) !important; border: 1px solid rgba(255,255,255,.16) !important; color: #fff !important; border-radius: 12px !important; }
.newsletter-panel .form-control::placeholder{ color: #8ea3b8 !important; }
.newsletter-panel .form-control:focus{ border-color: var(--dw-accent-bright) !important; box-shadow: 0 0 0 4px rgba(58,155,213,.25) !important; }
.newsletter-panel .btn-secondary{ background: var(--dw-accent) !important; border-color: var(--dw-accent) !important; border-radius: 12px !important; box-shadow: none !important; }
.newsletter-panel .btn-secondary:hover{ background: var(--dw-accent-bright) !important; border-color: var(--dw-accent-bright) !important; color: var(--dw-ink) !important; }
.newsletter-band .form-check-label{ color: #8ea3b8 !important; }
.newsletter-band .form-check-label a{ color: var(--dw-accent-bright) !important; }
.newsletter-panel .form-check-input{ background-color: transparent; border-color: rgba(255,255,255,.35); }
.newsletter-panel .form-check-input:checked{ background-color: var(--dw-accent); border-color: var(--dw-accent); }

/* Başlamaya hazır mısınız bandı (components/cta-band.tpl) */
.cta-band{ background: var(--dw-ink) !important; border-radius: 28px !important; padding: clamp(2.5rem, 5vw, 3.75rem) clamp(1.5rem, 4vw, 3rem) !important; }
.cta-band::before{ background-image: radial-gradient(rgba(255,255,255,.07) 1px, transparent 1.2px) !important; background-size: 22px 22px !important; -webkit-mask-image: none !important; mask-image: none !important; }
.cta-band .cta-title{ color: #fff !important; font-size: clamp(1.6rem, 3vw, 2.25rem); letter-spacing: -.035em !important; }
.cta-band p{ color: #b6c6d6; opacity: 1 !important; }
.cta-band .btn{ min-height: 46px; display: inline-flex; align-items: center; font-weight: 700; border-radius: 12px !important; }
.cta-band .btn-light{ background: var(--dw-accent) !important; border-color: var(--dw-accent) !important; color: #fff !important; }
.cta-band .btn-light:hover{ background: var(--dw-accent-hover) !important; border-color: var(--dw-accent-hover) !important; }
.cta-band .btn-outline-light{ border-color: rgba(255,255,255,.28) !important; color: #fff !important; }
.cta-band .btn-outline-light:hover{ background: transparent !important; border-color: #fff !important; }

/* =========================================================================
   15. KATEGORİ İÇERİK METNİ (ör. Almanya VPS açıklaması)
   ========================================================================= */
.dw-content-section .category-content:not(:has(.hotspot-wrapper)){ max-width: 56rem !important; color: var(--dw-text); }
.dw-content-section .category-content:not(:has(.hotspot-wrapper)) :is(h2, h3, h4){
  position: relative; margin: 2.25rem 0 .7rem; padding-left: 1.1rem;
  font-size: 1.3rem; font-weight: 800; line-height: 1.3; letter-spacing: -.02em; color: var(--dw-ink) !important;
}
.dw-content-section .category-content:not(:has(.hotspot-wrapper)) :is(h2, h3, h4)::before{ content: ""; position: absolute; left: 0; top: .2em; bottom: .2em; width: 3px; border-radius: 3px; background: var(--dw-accent); }
.dw-content-section .category-content:not(:has(.hotspot-wrapper)) > :first-child :is(h2, h3, h4):first-child,
.dw-content-section .category-content:not(:has(.hotspot-wrapper)) .hostingozellikler > :is(h2, h3, h4):first-child{ margin-top: 0; }
.dw-content-section .category-content:not(:has(.hotspot-wrapper)) p{ color: #455366; line-height: 1.75; }
.dw-content-section .category-content:not(:has(.hotspot-wrapper)) ul{ display: grid; gap: .6rem; margin: 1rem 0 1.5rem; padding: 0; list-style: none; }
.dw-content-section .category-content:not(:has(.hotspot-wrapper)) ul > li{ position: relative; padding: .95rem 1.1rem .95rem 2.75rem; border: 1px solid var(--dw-line); border-radius: 14px; background: var(--dw-bg-soft); color: #455366; line-height: 1.65; }
/* Madde işareti: küçük su damlası */
.dw-content-section .category-content:not(:has(.hotspot-wrapper)) ul > li::before{
  content: ""; position: absolute; left: 1.15rem; top: 1.3rem; width: 10px; height: 10px;
  border-radius: 50% 0 50% 50%; background: var(--dw-accent); transform: rotate(-45deg);
}
.dw-content-section .category-content:not(:has(.hotspot-wrapper)) strong{ color: var(--dw-ink); }
/* Eski temadan kalan özellik kutuları (.hostozellk) → kart ızgarası */
.category-content :has(> .hostozellk){ display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 22rem), 1fr)); gap: 1rem; margin: 2rem 0; }
.category-content :has(> .hostozellk) > .clear{ display: none; }
.category-content .hostozellk{ padding: 1.4rem 1.5rem; border: 1px solid var(--dw-line); border-radius: 20px; background: #fff; }
.category-content .hostozellk::before{ content: ""; display: block; width: 12px; height: 12px; margin: .2rem 0 1rem .2rem; border-radius: 50% 0 50% 50%; background: var(--dw-accent); transform: rotate(-45deg); }
.dw-content-section .category-content .hostozellk h4{ margin: 0 0 .4rem !important; padding-left: 0 !important; font-size: 1.05rem !important; }
.dw-content-section .category-content .hostozellk h4::before{ display: none !important; }
.category-content .hostozellk p{ margin: 0; font-size: .92rem; }
/* {SITE-URL} yer tutucusu çözülmemiş (kırık) eski görseller */
.category-content img[src^="{SITE-URL}"]{ display: none !important; }

/* =========================================================================
   16. 5651 HOTSPOT SAYFASI (yönetim panelindeki içerik blokları)
   ========================================================================= */
.hotspot-wrapper{ color: var(--dw-text) !important; }
.hotspot-wrapper .text-dark{ color: var(--dw-ink) !important; }
.hotspot-wrapper .text-muted{ color: var(--dw-muted) !important; }
.hotspot-wrapper h2, .hotspot-wrapper h3{ letter-spacing: -.035em; }
.hotspot-wrapper .text-center > .text-uppercase.small{ font-family: var(--dw-mono-font); font-size: .8rem; letter-spacing: 0 !important; text-transform: none !important; }
.hotspot-wrapper .text-center > .text-uppercase.small::before{ content: "// "; }
.hotspot-wrapper .text-center.mb-4 h2{ font-size: clamp(1.75rem, 3.2vw, 2.5rem) !important; font-weight: 800 !important; letter-spacing: -.035em; color: var(--dw-ink) !important; }
.hotspot-wrapper .text-primary, .hotspot-wrapper .text-primary-gradient{ color: var(--dw-accent) !important; -webkit-text-fill-color: currentColor; background: none !important; }
.hotspot-wrapper .btn{ min-height: 46px; display: inline-flex; align-items: center; border-radius: 12px !important; box-shadow: none !important; font-weight: 700 !important; }
.hotspot-wrapper .btn-primary{ background: var(--dw-accent) !important; border-color: var(--dw-accent) !important; }
.hotspot-wrapper .btn-outline-primary{ background: #fff !important; border-color: #ccd8e3 !important; color: var(--dw-ink) !important; }
.hotspot-wrapper .btn-outline-primary:hover{ border-color: var(--dw-accent) !important; color: var(--dw-accent) !important; }

.hotspot-hero-card{
  background-color: var(--dw-accent-wash) !important; background-image: radial-gradient(rgba(7,24,42,.07) 1px, transparent 1.2px) !important; background-size: 22px 22px !important;
  border: 1px solid var(--dw-line) !important; border-radius: 28px !important; box-shadow: none !important; padding: clamp(1.75rem, 4vw, 3rem) !important;
}
.hotspot-hero-card .rounded-pill.bg-primary-subtle{ border-radius: 8px !important; border: 0 !important; background: var(--dw-ink) !important; color: #d3e2ef !important; font-family: var(--dw-mono-font); font-weight: 700 !important; }
.hotspot-hero-card .aerocore-pulse-dot{ background: var(--dw-accent-bright) !important; }
.hotspot-hero-card h2{ font-size: clamp(1.9rem, 3.6vw, 2.75rem) !important; line-height: 1.1; font-weight: 800 !important; }

.hotspot-telemetry-card{ background: var(--dw-ink) !important; border: 1px solid rgba(255,255,255,.08) !important; border-radius: 16px !important; box-shadow: 0 24px 48px rgba(7,24,42,.28) !important; -webkit-backdrop-filter: none !important; backdrop-filter: none !important; }
.hotspot-telemetry-header, .hotspot-telemetry-footer{ background: transparent !important; border-color: rgba(255,255,255,.08) !important; }
.hotspot-telemetry-dots .dot{ width: 9px !important; height: 9px !important; background: #33465a !important; }
.hotspot-telemetry-title, .hotspot-telemetry-body, .hotspot-telemetry-footer{ font-family: var(--dw-mono-font) !important; }
.hotspot-telemetry-title{ color: var(--dw-on-dark-dim) !important; }
.hotspot-telemetry-row .t-label{ color: var(--dw-on-dark-dim) !important; }
.hotspot-telemetry-row .t-val{ color: #e6eef6; }
.hotspot-telemetry-card .text-info, .hotspot-telemetry-card .text-primary{ color: var(--dw-accent-bright) !important; }

.hotspot-warning-card, .step-card, .sector-card{ border: 1px solid var(--dw-line) !important; border-radius: 20px !important; background: #fff !important; box-shadow: none !important; }
.hotspot-warning-card:hover, .step-card:hover, .sector-card:hover{ border-color: color-mix(in srgb, var(--dw-accent) 45%, var(--dw-line)) !important; box-shadow: 0 18px 36px -22px rgba(7,24,42,.3) !important; background: #fff !important; }
.hotspot-icon-box{ border-radius: 12px !important; }
.hotspot-icon-primary{ background: var(--dw-accent-soft) !important; color: var(--dw-accent) !important; border-color: transparent !important; }
.step-number{ border-radius: 10px !important; background: var(--dw-ink) !important; box-shadow: none !important; font-family: var(--dw-mono-font); }

.hotspot-plan-card{ border: 1px solid var(--dw-line) !important; border-radius: var(--dw-r-xl) !important; box-shadow: none !important; background: #fff !important; }
.hotspot-plan-card:hover{ transform: translateY(-4px) !important; box-shadow: 0 24px 48px -24px rgba(7,24,42,.25) !important; border-color: var(--dw-line) !important; }
.hotspot-plan-capacity{ font-family: var(--dw-mono-font); background: var(--dw-accent-soft) !important; color: var(--dw-accent-ink) !important; }
.hotspot-plan-features li{ border-bottom: 1px dashed #dbe4ec !important; color: #3a4857 !important; }
.hotspot-plan-features li i{ color: var(--dw-accent) !important; }
.hotspot-plan-badge{ border-radius: 6px !important; background: var(--dw-accent) !important; font-family: var(--dw-mono-font); letter-spacing: 0 !important; text-transform: none !important; }
.hotspot-plan-card.featured{
  background-color: var(--dw-ink) !important; background-image: radial-gradient(rgba(255,255,255,.07) 1px, transparent 1.2px) !important; background-size: 22px 22px !important;
  border: 0 !important; box-shadow: 0 0 0 1px var(--dw-accent), 0 24px 60px -12px var(--dw-accent-glow) !important; color: #fff;
}
.hotspot-plan-card.featured :is(.hotspot-plan-title, .text-dark, .fw-bold, h3, h4, strong){ color: #fff !important; }
.hotspot-plan-card.featured .text-muted, .hotspot-plan-card.featured small{ color: #a3b5c7 !important; }
.hotspot-plan-card.featured .hotspot-plan-capacity{ background: rgba(255,255,255,.08) !important; color: #d3e2ef !important; }
.hotspot-plan-card.featured .hotspot-plan-features li{ color: #c5d3e0 !important; border-color: rgba(255,255,255,.14) !important; }
.hotspot-plan-card.featured .hotspot-plan-features li i{ color: var(--dw-accent-bright) !important; }

.hotspot-wrapper .bg-light{ background: var(--dw-bg-soft) !important; border: 1px solid var(--dw-line); border-radius: 24px !important; }
.hotspot-cta-box{
  background: var(--dw-ink) !important; background-image: radial-gradient(rgba(255,255,255,.07) 1px, transparent 1.2px) !important; background-size: 22px 22px !important;
  border-radius: 28px !important; box-shadow: none !important; padding: clamp(2.25rem, 5vw, 3.5rem) clamp(1.25rem, 4vw, 3rem) !important;
}
.hotspot-cta-box h2, .hotspot-cta-box h3, .hotspot-cta-box .fw-bold{ color: #fff !important; }
.hotspot-cta-box p{ color: #b6c6d6 !important; opacity: 1 !important; }
.hotspot-cta-box .btn-light{ background: var(--dw-accent) !important; border-color: var(--dw-accent) !important; color: #fff !important; }
.hotspot-cta-box .btn-outline-light{ background: transparent !important; border-color: rgba(255,255,255,.28) !important; color: #fff !important; }

/* =========================================================================
   17. İÇERİK SAYFALARI (page-detail) — ör. Banka Bilgilerimiz
   ========================================================================= */
.dw-page-doc .about-nav{ gap: .15rem; padding: .75rem; border: 1px solid var(--dw-line) !important; border-radius: 18px; background: #fff; }
.dw-page-doc .about-nav-title{ padding: .35rem .75rem .6rem !important; font-family: var(--dw-mono-font); font-size: .78rem !important; font-weight: 700 !important; letter-spacing: 0 !important; text-transform: none !important; opacity: 1 !important; color: var(--dw-muted) !important; }
.dw-page-doc .about-nav-title::before{ content: "// "; color: var(--dw-accent); }
.dw-page-doc .about-nav-link{ padding: .55rem .75rem !important; border-radius: 10px; color: #3a4857 !important; font-weight: 600 !important; }
.dw-page-doc .about-nav-link::before{ display: none !important; }
.dw-page-doc .about-nav-link:hover{ background: var(--dw-accent-wash); color: var(--dw-accent) !important; }
.dw-page-doc .about-nav-link.active{ background: var(--dw-ink); color: #fff !important; }
.dw-page-doc .page-doc-sheet{ border: 1px solid var(--dw-line) !important; border-radius: 24px !important; box-shadow: none !important; padding: clamp(1.5rem, 3.5vw, 2.75rem) !important; }
.dw-page-doc .kb-prose :is(h2, h3){ position: relative; padding-left: 1.1rem; font-weight: 800 !important; letter-spacing: -.025em; color: var(--dw-ink) !important; }
.dw-page-doc .kb-prose :is(h2, h3)::before{ content: ""; position: absolute; left: 0; top: .2em; bottom: .2em; width: 3px; border-radius: 3px; background: var(--dw-accent); }

/* Önemli not kutusu */
.kb-prose .info-box{ position: relative; margin: 1rem 0 2rem; padding: 1rem 1.15rem 1rem 3.1rem; border: 1px solid #f1dcae; border-radius: 14px; background: #fdf6e7; color: #a15c07; font-weight: 700; }
.kb-prose .info-box::before{ content: "!"; position: absolute; left: 1rem; top: 1rem; display: grid; place-items: center; width: 1.35rem; height: 1.35rem; border-radius: 50%; background: #a15c07; color: #fff; font-size: .8rem; font-weight: 800; }
.kb-prose .info-box ul{ margin: .35rem 0 0; padding-left: 1.1rem; font-weight: 500; }

/* Banka hesap kartları (editördeki tabloyu kartlara çevirir) */
.bank-account .row > [class*="col-"]:has(> .bank-item:not(:has(*))){ display: none; }
.bank-account .row > [class*="col-"]{ flex: 0 0 100%; max-width: 100%; }
.bank-item .iban table, .bank-item .iban tbody{ display: block; width: 100% !important; border: 0 !important; }
.bank-item .iban tr{ display: grid; grid-template-columns: repeat(auto-fit, minmax(17rem, 1fr)); gap: 1rem; }
.bank-item .iban td{
  display: flex; flex-direction: column; justify-content: center; gap: .35rem; width: auto !important;
  padding: 1.6rem 1.25rem !important; border: 1px solid var(--dw-line) !important; border-radius: 20px; background: #fff; color: var(--dw-text);
  transition: border-color .18s ease, box-shadow .18s ease;
}
.bank-item .iban td:hover{ border-color: color-mix(in srgb, var(--dw-accent) 45%, var(--dw-line)) !important; box-shadow: 0 18px 36px -22px rgba(7,24,42,.3); }
.bank-item .iban img{ max-height: 48px; width: auto; object-fit: contain; }
.bank-item .iban strong{ color: var(--dw-ink); }
.dw-iban{ display: inline-flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: .5rem; vertical-align: middle; }
.dw-iban code{ padding: .35rem .6rem; border: 1px dashed #c8d6e3; border-radius: 8px; background: var(--dw-bg-soft); color: var(--dw-ink); font-family: var(--dw-mono-font); font-size: .88rem; font-weight: 700; white-space: nowrap; }
.dw-iban-copy{ display: inline-flex; align-items: center; gap: .35rem; padding: .32rem .65rem; border: 1px solid var(--dw-line); border-radius: 8px; background: #fff; color: var(--dw-accent); font-size: .75rem; font-weight: 700; cursor: pointer; transition: background-color .18s ease, color .18s ease, border-color .18s ease; }
.dw-iban-copy:hover{ border-color: var(--dw-accent); }
.dw-iban-copy.is-done{ background: var(--dw-accent); border-color: var(--dw-accent); color: #fff; }

/* =========================================================================
   18. İLETİŞİM SAYFASI
   ========================================================================= */
.dw-contact .card.contact-card{ padding: 0 !important; border: 1px solid var(--dw-line) !important; border-radius: 24px !important; box-shadow: none !important; }
.dw-contact .contact-card .card-body{ padding: clamp(1.5rem, 3.5vw, 2.5rem) !important; }
.contact-card-badge, .contact-aside-badge{ padding: .3rem .65rem !important; border: 0 !important; border-radius: 8px !important; background: var(--dw-accent-soft) !important; color: var(--dw-accent) !important; font-family: var(--dw-mono-font); font-size: .78rem !important; letter-spacing: 0 !important; text-transform: none !important; }
.contact-card-badge i, .contact-aside-badge i{ display: none; }
.dw-contact .contact-card h2, .dw-offices h2{ color: var(--dw-ink) !important; font-weight: 800 !important; letter-spacing: -.03em !important; }
.dw-contact .contact-input-group .input-group-text{ border-radius: 12px 0 0 12px !important; }
.dw-contact .contact-input-group .form-control{ border-radius: 0 12px 12px 0 !important; }
.dw-contact .contact-textarea{ border-radius: 12px !important; }
.dw-contact .contact-input-group:focus-within .input-group-text{ color: var(--dw-accent) !important; }
.dw-contact .contact-submit-btn{ min-height: 46px; border-radius: 12px !important; box-shadow: 0 8px 22px -10px var(--dw-accent-glow) !important; }

/* Sağdaki hızlı iletişim kartı — lacivert, noktalı */
.dw-contact .card.contact-aside-card{
  background-color: var(--dw-ink) !important; background-image: radial-gradient(rgba(255,255,255,.07) 1px, transparent 1.2px) !important; background-size: 22px 22px !important;
  padding: 0 !important; border: 0 !important; border-radius: 24px !important; box-shadow: none !important;
}
.dw-contact .contact-aside-card .card-body{ background: transparent !important; color: var(--dw-on-dark) !important; padding: clamp(1.5rem, 3.5vw, 2.5rem) !important; }
.dw-contact .contact-aside-badge{ background: rgba(255,255,255,.08) !important; color: var(--dw-accent-bright) !important; }
.dw-contact .contact-aside-card h2{ color: #fff !important; font-weight: 800 !important; letter-spacing: -.03em; }
.dw-contact .contact-method{ background: rgba(255,255,255,.04) !important; border: 1px solid rgba(255,255,255,.1) !important; border-radius: 16px !important; }
.dw-contact .contact-method:hover{ background: rgba(255,255,255,.07) !important; border-color: rgba(255,255,255,.22) !important; transform: none !important; }
.dw-contact .contact-method .icon-disc{ border: 0 !important; border-radius: 12px !important; background: rgba(58,155,213,.16) !important; color: var(--dw-accent-bright) !important; }
.dw-contact .contact-method span, .dw-contact .contact-method-sub{ color: #a3b5c7 !important; }
.dw-contact .contact-method .contact-method-label{ color: #fff !important; font-weight: 700; font-size: .92rem !important; }
.dw-contact .contact-method .contact-method-value{ color: var(--dw-accent-bright) !important; font-weight: 700; text-decoration: none; }
.dw-contact .contact-method .num-tabular{ font-family: var(--dw-mono-font); }
.dw-contact .contact-method .btn-soft{ background: rgba(255,255,255,.08) !important; border: 1px solid rgba(255,255,255,.14) !important; color: #fff !important; border-radius: 10px !important; }
.dw-contact .contact-method .btn-soft:hover{ border-color: #fff !important; }

/* Ofisler ve harita */
.dw-offices .text-secondary{ color: var(--dw-muted) !important; }
.dw-offices .contact-office{ padding: 1.4rem 1.5rem; border: 1px solid var(--dw-line) !important; border-radius: 20px !important; background: #fff !important; box-shadow: none !important; }
.dw-offices .contact-office-city{ font-weight: 800; letter-spacing: -.02em; color: var(--dw-ink) !important; }
.dw-offices .contact-office .badge{ font-family: var(--dw-mono-font); border-radius: 6px; }
.dw-offices .contact-office-meta a{ font-family: var(--dw-mono-font); color: var(--dw-ink); }
.dw-offices .contact-map, .dw-offices .contact-map-frame{ border-radius: 24px !important; overflow: hidden; border-color: var(--dw-line) !important; }
.dw-offices .contact-map-chip{ font-family: var(--dw-mono-font); border-radius: 8px !important; background: var(--dw-ink) !important; color: #fff !important; }

/* =========================================================================
   19. İÇ SAYFALAR — DUYARLI, KOYU MOD, HAREKET
   ========================================================================= */
@media (max-width: 1199.98px){ .dw-page-hero-art{ display: none; } }
@media (max-width: 575.98px){
  .dw-iban code{ white-space: normal; word-break: break-all; }
  .bank-item .iban tr{ grid-template-columns: minmax(0, 1fr); }
  .dw-faq-section .accordion-body, .hotspot-faq .accordion-body{ padding-left: 1.25rem !important; }
}
[data-bs-theme=dark] .page-hero.dw-page-hero .page-hero-title,
[data-bs-theme=dark] .section-head h2,
[data-bs-theme=dark] .dw-faq-section .accordion-button, [data-bs-theme=dark] .hotspot-faq .accordion-button,
[data-bs-theme=dark] .dw-contact .contact-card h2, [data-bs-theme=dark] .dw-offices h2, [data-bs-theme=dark] .dw-offices .contact-office-city,
[data-bs-theme=dark] .aerocore-included-section h3, [data-bs-theme=dark] .hotspot-wrapper .text-dark,
[data-bs-theme=dark] .dw-content-section .category-content :is(h2, h3, h4), [data-bs-theme=dark] .dw-page-doc .kb-prose :is(h2, h3){ color: #f1f6fb !important; }
[data-bs-theme=dark] .dw-page-hero .page-hero-lead, [data-bs-theme=dark] .dw-content-section .category-content p,
[data-bs-theme=dark] .dw-faq-section .accordion-body, [data-bs-theme=dark] .hotspot-faq .accordion-body{ color: var(--dw-muted) !important; }
[data-bs-theme=dark] .dw-page-hero-dots{ background-image: radial-gradient(rgba(255,255,255,.06) 1px, transparent 1.2px); }
[data-bs-theme=dark] .dw-hero-badges > span,
[data-bs-theme=dark] .aerocore-included-section .card,
[data-bs-theme=dark] .dw-faq-section .accordion-item, [data-bs-theme=dark] .hotspot-faq .accordion-item,
[data-bs-theme=dark] .dw-faq-section .accordion-button, [data-bs-theme=dark] .hotspot-faq .accordion-button,
[data-bs-theme=dark] .aerocore-cat-nav .aerocore-tab-btn, [data-bs-theme=dark] .aerocore-plan-row-card,
[data-bs-theme=dark] .hotspot-warning-card, [data-bs-theme=dark] .step-card, [data-bs-theme=dark] .sector-card, [data-bs-theme=dark] .hotspot-plan-card:not(.featured),
[data-bs-theme=dark] .dw-page-doc .about-nav, [data-bs-theme=dark] .bank-item .iban td, [data-bs-theme=dark] .dw-iban-copy,
[data-bs-theme=dark] .dw-contact .card.contact-card, [data-bs-theme=dark] .dw-offices .contact-office, [data-bs-theme=dark] .category-content .hostozellk{ background: #0a1d31 !important; border-color: var(--dw-line) !important; color: var(--dw-text); }
[data-bs-theme=dark] .dw-faq-section .accordion-button:not(.collapsed), [data-bs-theme=dark] .hotspot-faq .accordion-button:not(.collapsed){ background: var(--dw-accent-wash) !important; color: #f1f6fb !important; }
[data-bs-theme=dark] .newsletter-panel, [data-bs-theme=dark] .cta-band, [data-bs-theme=dark] .hotspot-cta-box,
[data-bs-theme=dark] .dw-contact .card.contact-aside-card, [data-bs-theme=dark] .hotspot-plan-card.featured{ background-color: #020c17 !important; }
[data-bs-theme=dark] .kb-prose .info-box{ background: rgba(161,92,7,.14); border-color: rgba(161,92,7,.4); color: #f0c46b; }