/* Hostragons brand palette — overrides the template's per-theme primary color.
 * Detected from logo + hostragons.com: violet #761098 / #5a0c78, accent #bf0b90. */
:root,
[data-theme],
[data-bs-theme="light"],
[data-bs-theme="dark"] {
  --bs-primary: #761098 !important;
  --bs-primary-rgb: 118, 16, 152 !important;
  --bs-primary-text-emphasis: #5a0c78 !important;
  --bs-primary-bg-subtle: #f4e9fd !important;
  --bs-primary-border-subtle: #ddbdf7 !important;
  --bs-link-color: #761098 !important;
  --bs-link-color-rgb: 118, 16, 152 !important;
  --bs-link-hover-color: #5a0c78 !important;
  --bs-link-hover-color-rgb: 118, 16, 152 !important;
  --primary: #761098 !important;
  --primary-color: #761098 !important;
  --bs-gradient-primary: linear-gradient(90deg, #761098 0%, #bf0b90 100%) !important;
}

/* ============================================================
   DARK MODE FIX — marka paleti --bs-primary-bg-subtle'ı her iki tema
   için açık lila (#f4e9fd) zorluyordu; dark modda bg-primary-subtle
   kullanan hero/section'lar açık kalıp metin görünmez oluyordu
   ("siyah modunda karman çorman"). Dark'ta koyu violet'e çekiyoruz.
   ============================================================ */
[data-bs-theme="dark"] {
  --bs-primary-bg-subtle: #1f1430 !important;
  --bs-primary-border-subtle: #3a2356 !important;
  --bs-primary-text-emphasis: #d9b8f5 !important;
}
/* Açık-tema sabit arka planlı bölümleri dark'ta koyulaştır */
[data-bs-theme="dark"] .bg-primary-subtle { background-color: #1f1430 !important; }
[data-bs-theme="dark"] .hero-9.bg-primary-subtle,
[data-bs-theme="dark"] .hero-9 { background-color: #11131a !important; }
/* dark:bg-* varyantı OLMAYAN düz beyaz kartlar/bölümler dark'ta beyaz kalmasın */
[data-bs-theme="dark"] .bg-white:not([class*="dark:bg"]) { background-color: #171a23 !important; }

.btn-primary {
  --bs-btn-bg: #761098; --bs-btn-border-color: #761098;
  --bs-btn-hover-bg: #5a0c78; --bs-btn-hover-border-color: #5a0c78;
  --bs-btn-active-bg: #5a0c78; --bs-btn-active-border-color: #5e0c7a;
  --bs-btn-disabled-bg: #761098; --bs-btn-disabled-border-color: #761098;
}
.btn-outline-primary {
  --bs-btn-color: #761098; --bs-btn-border-color: #761098;
  --bs-btn-hover-bg: #761098; --bs-btn-hover-border-color: #761098; --bs-btn-hover-color: #fff;
  --bs-btn-active-bg: #761098; --bs-btn-active-border-color: #761098; --bs-btn-active-color: #fff;
}
.btn-outline-primary:hover, .btn-outline-primary:focus, .btn-outline-primary:active { color: #fff !important; }
.btn-outline-primary:hover iconify-icon, .btn-outline-primary:active iconify-icon { color: #fff !important; }
.text-primary { color: #761098 !important; }
.bg-primary { background-color: #761098 !important; }
.border-primary { border-color: #761098 !important; }
a.link-primary, .link-primary { color: #761098 !important; }

/* Domain hero (hero-7) — şablonun mavi gradient'i markaya çevrildi */
.hero-7 { background-image: linear-gradient(160deg, #8a1ca8 -29%, #4e0a66 80%) !important; }

/* HEADER LOGO FIX — the SVG (viewBox only) collapses to 0 width in the flex
   header. Force explicit dimensions so it always renders. */
.primary-header a.logo { display: inline-flex !important; align-items: center !important; }
.primary-header .logo__img {
  height: 40px !important;
  width: 185px !important;
  max-height: none !important;
  max-width: none !important;
  display: inline-block !important;
  visibility: visible !important;
  opacity: 1 !important;
}
.logo__img { max-height: 44px; width: auto; }
footer .footer-logo { height: 42px !important; width: 195px !important; max-height: none !important; max-width: none !important; display: inline-block !important; }

/* ============================================================
   MEGA MENÜ YENİDEN TASARIM
   Sorun: şablonun navigation-2 menüsü tam genişlikte (inset-inline:0)
   açılıyor ama menülerimiz az öğeli olduğu için panelin %66'sı boş kalıyordu.
   Çözüm: içeriğe göre boyutlanan, kart görünümlü kompakt dropdown.
   ============================================================ */
@media (min-width: 992px) {
  .primary-header .nav-item.navigation-2 { position: relative; }

  .primary-header .navigation-2__menu {
    inset-inline: auto;
    left: 0;
    right: auto;
    width: -moz-max-content;
    width: max-content;
    min-width: 250px;
    max-width: min(94vw, 600px);
    padding: 0.75rem;
    gap: 0;
    background: #ffffff;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 0.9rem;
    box-shadow: 0 18px 44px rgba(15, 23, 42, 0.14);
  }

  /* Sağdaki son iki menü viewport dışına taşmasın diye sağa hizalanır */
  .primary-header .navbar-nav > .nav-item.navigation-2:nth-last-child(-n + 2) .navigation-2__menu {
    left: auto;
    right: 0;
  }

  .primary-header .navigation-2__menu-list { width: 100%; }

  /* Açılışta yumuşak yukarı kayma */
  .primary-header .nav-item.navigation-2:hover .navigation-2__menu {
    -webkit-animation: hgMenuIn 0.18s ease;
    animation: hgMenuIn 0.18s ease;
  }
}

@-webkit-keyframes hgMenuIn { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: translateY(0); } }
@keyframes hgMenuIn { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: translateY(0); } }

/* Menü başlığı: küçük, büyük harf, marka rengi */
.navigation-2__menu-list > span:first-child {
  display: block;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #761098 !important;
  padding: 0 0.4rem 0.5rem;
  margin-bottom: 0.4rem;
  border-bottom: 1px solid rgba(15, 23, 42, 0.07);
}

/* Link satırları + ikon kutusu */
.navigation-2__menu-link {
  border-radius: 0.6rem;
  transition: background 0.18s ease, transform 0.18s ease;
}
.navigation-2__menu-link:hover { background: #f4e9fd; transform: translateY(-1px); }
.navigation-2__menu-title { font-size: 0.95rem; }
.navigation-2__menu-icon {
  background: #f4e9fd;
  color: #761098;
  border-radius: 0.6rem;
  transition: background 0.18s ease;
}
.navigation-2__menu-icon-is { color: #761098; transition: color 0.18s ease; }
.navigation-2__menu-link:hover .navigation-2__menu-icon { background: #761098; }
.navigation-2__menu-link:hover .navigation-2__menu-icon-is { color: #ffffff !important; }

/* Tam 2 öğeli menüler (Veri Merkezi, Diğer) tek kolon → dar, derli toplu panel */
.navigation-2__menu-list > ul.list:has(> li:nth-child(2):last-child) {
  grid-template-columns: 1fr !important;
  gap: 0.35rem !important;
}

/* ---- Dropdown alt bilgi şeridi (footer) ---- */
.navigation-2__menu-foot {
  flex-basis: 100%;
  width: 100%;
  margin-top: 0.55rem;
  padding: 0.7rem 0.55rem 0.15rem;
  border-top: 1px solid rgba(15, 23, 42, 0.08);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  flex-wrap: wrap;
}
.navigation-2__menu-foot-text { font-size: 0.8rem; color: #64748b; }
.navigation-2__menu-foot-link {
  font-size: 0.82rem;
  font-weight: 600;
  color: #761098;
  display: inline-flex;
  align-items: center;
  gap: 0.2rem;
  white-space: nowrap;
  text-decoration: none;
}
.navigation-2__menu-foot-link iconify-icon,
.navigation-2__menu-foot-link .hg-arrow { transition: transform 0.18s ease; }
.navigation-2__menu-foot-link:hover { color: #5a0c78; }
.navigation-2__menu-foot-link:hover iconify-icon,
.navigation-2__menu-foot-link:hover .hg-arrow { transform: translateX(3px); }

/* ICANN gibi salt-bilgi varyantı: başlık + düz metin linkler */
.navigation-2__menu-foot--info {
  flex-direction: column;
  align-items: flex-start;
  gap: 0.4rem;
}
.navigation-2__menu-foot-label {
  font-size: 0.66rem;
  font-weight: 700;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  color: #94a3b8;
}
.navigation-2__menu-foot-links { display: flex; flex-wrap: wrap; gap: 0.3rem 1.15rem; }
.navigation-2__menu-foot-links a {
  position: relative;
  font-size: 0.8rem;
  color: #64748b;
  text-decoration: none;
  transition: color 0.18s ease;
}
.navigation-2__menu-foot-links a:hover { color: #761098; }
.navigation-2__menu-foot-links a:not(:last-child)::after {
  content: "·";
  position: absolute;
  right: -0.66rem;
  color: #cbd5e1;
}

/* ============================================================
   BLOG — kart placeholder + içerik tipografisi
   ============================================================ */
.hg-post-card { border: 1px solid rgba(15,23,42,.08); box-shadow: 0 8px 28px rgba(15,23,42,.06); transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease; }
.hg-post-card:hover { transform: translateY(-4px); box-shadow: 0 18px 44px rgba(118,16,152,.14); border-color: rgba(118,16,152,.22); }
.hg-post-thumb {
  position: relative; display: flex; align-items: center; justify-content: center;
  height: 170px; background: linear-gradient(135deg, #761098 0%, #bf0b90 100%);
  overflow: hidden; text-decoration: none;
}
.hg-post-thumb::after { content: ""; position: absolute; width: 180px; height: 180px; right: -60px; top: -60px; background: rgba(255,255,255,.12); border-radius: 50%; }
.hg-post-thumb__icon { font-size: 3.2rem; color: rgba(255,255,255,.92); transition: transform .25s ease; }
.hg-post-card:hover .hg-post-thumb__icon { transform: scale(1.08); }
.hg-post-thumb__cat { position: absolute; left: 1rem; bottom: 1rem; font-size: .72rem; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; color: #fff; background: rgba(0,0,0,.22); backdrop-filter: blur(2px); padding: .25rem .6rem; border-radius: 999px; }

/* Blog yazı içeriği (WP HTML) — okunur, markalı tipografi */
.blog-content { font-size: 1.02rem; line-height: 1.8; color: #334155; }
.blog-content h2 { font-size: 1.6rem; font-weight: 800; margin: 2rem 0 1rem; color: #0f172a; }
.blog-content h3 { font-size: 1.3rem; font-weight: 700; margin: 1.75rem 0 .85rem; color: #0f172a; }
.blog-content h4 { font-size: 1.12rem; font-weight: 700; margin: 1.5rem 0 .75rem; color: #0f172a; }
.blog-content p { margin: 0 0 1.15rem; }
.blog-content a { color: #761098; text-decoration: underline; text-underline-offset: 2px; }
.blog-content a:hover { color: #5a0c78; }
.blog-content img { max-width: 100%; height: auto; border-radius: .75rem; margin: 1.25rem 0; }
.blog-content ul, .blog-content ol { margin: 0 0 1.15rem 1.25rem; }
.blog-content li { margin-bottom: .5rem; }
.blog-content blockquote { border-left: 4px solid #761098; background: #faf5ff; padding: 1rem 1.25rem; border-radius: .5rem; margin: 1.5rem 0; color: #475569; }
.blog-content table { width: 100%; border-collapse: collapse; margin: 1.5rem 0; font-size: .92rem; }
.blog-content th, .blog-content td { border: 1px solid rgba(15,23,42,.1); padding: .65rem .85rem; text-align: left; }
.blog-content th { background: #f4e9fd; color: #0f172a; font-weight: 700; }
.blog-content pre { background: #1e1b2e; color: #e9d5fb; padding: 1rem 1.25rem; border-radius: .6rem; overflow-x: auto; margin: 1.5rem 0; }
.blog-content code { background: #f4e9fd; color: #761098; padding: .12rem .4rem; border-radius: .35rem; font-size: .9em; }
.blog-content pre code { background: transparent; color: inherit; padding: 0; }
.blog-content figure { margin: 1.5rem 0; }
.blog-content img.alignright { float: right; margin: 0 0 1rem 1.5rem; }
.blog-content img.alignleft { float: left; margin: 0 1.5rem 1rem 0; }

/* ============================================================
   BLOG — yazı hero, paylaş, yazar, ilgili, sidebar (güzelleştirme + mobil)
   ============================================================ */
.hg-article-hero { background: linear-gradient(160deg, #8a1ca8 -10%, #4e0a66 90%); padding: 3.5rem 0; position: relative; overflow: hidden; }
.hg-article-hero::after { content:""; position:absolute; width:420px; height:420px; right:-160px; top:-160px; background:rgba(255,255,255,.07); border-radius:50%; }
.hg-article-hero .container { position: relative; z-index: 1; }
.hg-article-hero__cat { display:inline-flex; align-items:center; font-size:.78rem; font-weight:700; letter-spacing:.04em; text-transform:uppercase; color:#fff; background:rgba(255,255,255,.16); padding:.35rem .9rem; border-radius:999px; text-decoration:none; transition:background .15s ease; }
.hg-article-hero__cat:hover { color:#fff; background:rgba(255,255,255,.28); }
.hg-article-hero__title { font-size: clamp(1.5rem, 4vw, 2.4rem); line-height: 1.2; }

.hg-share { display:flex; align-items:center; flex-wrap:wrap; gap:.6rem; }
.hg-share__label { font-weight:700; color:#0f172a; margin-right:.25rem; }
.hg-share__btn { width:2.5rem; height:2.5rem; display:grid; place-content:center; border-radius:.6rem; color:#fff; font-size:1.1rem; transition:transform .15s ease, filter .15s ease; }
.hg-share__btn:hover { transform:translateY(-2px); filter:brightness(1.08); color:#fff; }
.hg-share__btn--x{background:#0f1419}.hg-share__btn--fb{background:#1877f2}.hg-share__btn--in{background:#0a66c2}.hg-share__btn--wa{background:#25d366}

.hg-author { display:flex; gap:1.25rem; align-items:flex-start; background:linear-gradient(135deg,#f7f1fb,#fdeffa); border:1px solid #ead9f6; border-radius:1rem; padding:1.5rem; }
.hg-author__avatar { width:3.5rem; height:3.5rem; flex-shrink:0; display:grid; place-content:center; background:linear-gradient(135deg,#761098,#bf0b90); color:#fff; border-radius:1rem; font-size:1.6rem; }

.hg-related { background:#fff; border:1px solid rgba(15,23,42,.08); border-radius:.9rem; padding:1.25rem; box-shadow:0 6px 18px rgba(15,23,42,.05); transition:transform .18s ease, box-shadow .18s ease; text-decoration:none; }
.hg-related:hover { transform:translateY(-3px); box-shadow:0 14px 30px rgba(118,16,152,.12); }
.hg-related__cat { display:inline-block; font-size:.68rem; font-weight:700; text-transform:uppercase; letter-spacing:.04em; color:#761098; background:#f4e9fd; padding:.2rem .55rem; border-radius:999px; margin-bottom:.6rem; }
.hg-related__title { display:block; font-weight:700; color:#0f172a; line-height:1.35; margin-bottom:.5rem; }
.hg-related:hover .hg-related__title { color:#761098; }
.hg-related__date { display:block; font-size:.78rem; color:#94a3b8; }

.hg-side-title { display:block; font-size:1.05rem; font-weight:800; color:#0f172a; padding-bottom:.6rem; border-bottom:2px solid #f4e9fd; position:relative; }
.hg-side-title::after { content:""; position:absolute; left:0; bottom:-2px; width:48px; height:2px; background:#761098; }
/* Sidebar sticky offset: fixed header masaüstünde ~130px; sidebar başlığı
   header altına girmesin diye top = header + küçük boşluk. */
@media (min-width: 992px) { .hg-sticky { position: sticky; top: 146px; } }
/* Mobilde sidebar article'ın ALTINA akar (grid stack); kutular arası ferah boşluk. */
@media (max-width: 991px) { .hg-sticky { margin-top: 2.5rem; } }

/* Blog index — hero, kategori şeridi, öne çıkan */
/* NOT: site header'ı position:fixed (masaüstü ~130px). Diğer hero'lar H1 üstünde
   breadcrumb/pill ile header'ı temizliyor; blog hero'da sadece küçük eyebrow var,
   bu yüzden üst padding fixed header yüksekliğini kapsamalı (yoksa H1 arkada kalır). */
.hg-blog-hero { background: linear-gradient(160deg, #8a1ca8 -10%, #4e0a66 90%); padding: calc(130px + 2rem) 0 3.25rem; position: relative; overflow: hidden; }
.hg-blog-hero::after { content:""; position:absolute; width:380px; height:380px; left:-140px; bottom:-200px; background:rgba(255,255,255,.07); border-radius:50%; }
.hg-blog-hero .container { position:relative; z-index:1; }
.hg-blog-hero__eyebrow { display:inline-block; font-size:.75rem; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:#ffc4ef; }
.hg-blog-hero h1 { font-size: clamp(1.6rem, 4vw, 2.4rem); }

/* Kategori şeridi — .hg-cat-pills ALTINA scope'lanır: domain-prices sayfasındaki
   ayrı .hg-cat-pill kuralıyla (satır ~548) çakışmasın (aynı isim, sonra gelen kazanıyordu). */
.hg-cat-pills { padding:0; margin-bottom:0; }
.hg-cat-pills .hg-cat-pill { display:inline-flex; align-items:center; gap:.35rem; cursor:pointer; text-decoration:none; font-size:.82rem; font-weight:600; color:#475569; background:#fff; border:1px solid rgba(15,23,42,.1); border-radius:999px; padding:.45rem 1rem; transition:all .15s ease; box-shadow:0 1px 2px rgba(15,23,42,.04); }
.hg-cat-pills .hg-cat-pill small { color:#94a3b8; font-weight:700; background:#f1f5f9; border-radius:999px; padding:0 .45rem; line-height:1.5; transition:all .15s ease; }
.hg-cat-pills .hg-cat-pill.is-active, .hg-cat-pills .hg-cat-pill:hover { background:#761098; border-color:#761098; color:#fff; box-shadow:0 6px 16px rgba(118,16,152,.22); }
.hg-cat-pills .hg-cat-pill.is-active small, .hg-cat-pills .hg-cat-pill:hover small { color:#fff; background:rgba(255,255,255,.22); }
/* Kategori bölümü başlığı (üst etiket) */
.hg-cat-pills-label { display:block; text-align:center; font-size:.74rem; font-weight:800; letter-spacing:.1em; text-transform:uppercase; color:#94a3b8; margin-bottom:.9rem; }

.hg-featured { display:block; text-decoration:none; border-radius:1.25rem; overflow:hidden; background:linear-gradient(135deg,#761098 0%,#bf0b90 100%); position:relative; box-shadow:0 18px 44px rgba(118,16,152,.2); }
.hg-featured::after { content:""; position:absolute; width:340px; height:340px; right:-100px; top:-120px; background:rgba(255,255,255,.1); border-radius:50%; }
.hg-featured__body { position:relative; z-index:1; padding:2.5rem; }
.hg-featured__badge { display:inline-block; font-size:.72rem; font-weight:700; letter-spacing:.04em; text-transform:uppercase; color:#fff; background:rgba(255,255,255,.18); padding:.3rem .8rem; border-radius:999px; margin-bottom:1rem; }
.hg-featured__title { color:#fff; font-weight:800; font-size:clamp(1.4rem,3vw,2rem); line-height:1.25; margin:0 0 .75rem; max-width:46rem; }
.hg-featured__excerpt { color:rgba(255,255,255,.9); font-size:1rem; margin:0 0 1.25rem; max-width:44rem; }
.hg-featured__meta { display:inline-flex; align-items:center; gap:.5rem; color:rgba(255,255,255,.85); font-size:.9rem; }
.hg-featured__cta { display:inline-flex; align-items:center; gap:.35rem; margin-left:1rem; background:#fff; color:#761098; font-weight:700; padding:.45rem 1rem; border-radius:.6rem; }
@media (max-width:575px){ .hg-featured__body{padding:1.75rem 1.5rem} .hg-featured__cta{margin-left:0;margin-top:.75rem} .hg-featured__meta{flex-wrap:wrap} }

/* Blog mobil: içerik padding + sidebar üstte değil altta akışı zaten grid stack eder */
@media (max-width: 991px){ .blog-content { padding: 1.5rem !important; } }

/* ---------- MOBİL: blog içeriği taşma önleme ---------- */
.blog-content { overflow-wrap: break-word; word-break: break-word; }
.blog-content iframe, .blog-content video, .blog-content embed { max-width: 100%; }
.blog-content .wp-block-embed__wrapper iframe { width: 100%; }
@media (max-width: 767px) {
  .blog-content table { display: block; overflow-x: auto; -webkit-overflow-scrolling: touch; white-space: nowrap; }
  .blog-content pre { font-size: .8rem; }
  .blog-content { font-size: .98rem; }
  .hg-article-hero { padding: 2.5rem 0; }
  /* mobil header ~110px: blog hero üst padding'i header'ı temizlesin (H1 arkada kalmasın) */
  .hg-blog-hero { padding: calc(110px + 1.5rem) 0 2.5rem; }
}

/* Header — 7/24 Destek hızlı erişim */
.hg-support { text-decoration:none; color:#0f172a; transition:color .15s ease; }
.hg-support:hover { color:#761098; }
.hg-support__ico { width:2.2rem; height:2.2rem; display:grid; place-content:center; background:#f4e9fd; color:#761098; border-radius:.6rem; font-size:1.15rem; transition:all .15s ease; }
.hg-support:hover .hg-support__ico { background:#761098; color:#fff; }
.hg-support__sm { font-size:.66rem; color:#94a3b8; font-weight:600; }
.hg-support__lg { font-size:.82rem; font-weight:800; }

/* Dil seçici (footer) */
.hg-lang__menu { max-height: 320px; overflow-y: auto; min-width: 210px; }
.hg-lang__menu .dropdown-item.active { background: #761098; color: #fff; }
.hg-lang__soon { color: #94a3b8 !important; cursor: not-allowed; pointer-events: none; display: block; padding: .35rem 1rem; font-size: .9rem; }
.hg-lang__soon small { font-size: .68rem; opacity: .8; }

/* ============================================================
   HİZMET KARŞILAŞTIRMA TABLOSU — MOBİL FIX (tüm ürün sayfaları)
   Sorun: geniş tablo kayınca özellik isimleri (ilk kolon) kayboluyordu.
   Çözüm: ilk kolon sabit (sticky) + akıcı yatay kaydırma + kaydır ipucu.
   ============================================================ */
@media (max-width: 991px) {
  .compare-table {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 0.85rem;
    position: relative;
  }
  .compare-table > table { min-width: 600px; margin-bottom: 0; }
  .compare-table th:first-child,
  .compare-table td:first-child {
    position: sticky;
    left: 0;
    z-index: 3;
    background: #ffffff;
    box-shadow: 4px 0 8px rgba(15, 23, 42, 0.06);
    min-width: 145px;
    white-space: normal;
    font-weight: 600;
  }
  /* striped satırlarda sabit ilk hücre zemini uyumlu olsun */
  .compare-table table.table-striped > tbody > tr:nth-of-type(odd) > td:first-child { background: #faf6fe; }
  .compare-table thead th:first-child { background: #f4e9fd; }
  /* kaydır ipucu */
  .compare-table::after {
    content: "← kaydırarak karşılaştırın →";
    position: sticky; left: 0; display: block;
    font-size: 0.72rem; color: #94a3b8; text-align: center;
    padding: 0.4rem; background: #fff; border-top: 1px dashed rgba(15,23,42,.08);
  }
}

/* ============================================================
   İKİ KATMANLI HEADER — üst utility bar (oweb'den ilham, aynısı değil)
   ============================================================ */
.hg-topbar { font-size: .8rem; line-height: 1; padding: .15rem 0 .6rem; margin-bottom: .55rem; border-bottom: 1px solid rgba(15,23,42,.08); }
.hg-topbar__links { padding: 0; }
.hg-topbar__links a { color: #64748b; text-decoration: none; display: inline-flex; align-items: center; gap: .35rem; font-weight: 500; transition: color .15s ease; }
.hg-topbar__links a:hover { color: #761098; }
.hg-topbar__links iconify-icon { color: #761098; font-size: 1rem; }
.hg-topbar__trust { font-size: .8rem; color: #64748b; }
.hg-topbar__trust strong { color: #0f172a; }
.hg-topbar__stars { color: #ffce54; letter-spacing: 1px; }
.hg-topbar__cur .dropdown-toggle { color: #475569 !important; font-size: .82rem; border: 0 !important; box-shadow: none !important; background: transparent !important; }
.hg-topbar__cur .dropdown-toggle:hover { color: #761098 !important; }
.hg-cur-ico { font-size: 1rem; color: #761098; }
/* Dil ve para birimi seçici oklarını birebir aynı yap */
.hg-lang .dropdown-toggle::after, .hg-topbar__cur .dropdown-toggle::after { margin-left: .15rem; vertical-align: .12em; border-top-color: currentColor; opacity: .7; }
@media (max-width: 575px) { .hg-topbar { font-size: .72rem; } .hg-topbar__links a span { display: none; } .hg-topbar__links iconify-icon { font-size: 1.15rem; } }

/* Üst bar tam satır olsun: container'ı sarmaya zorla */
.hg-has-topbar > .container { flex-wrap: wrap !important; }
.hg-topbar { flex: 0 0 100% !important; max-width: 100% !important; }

/* ===== Full-width header + aşağı kaydırınca daralma ===== */
.hg-header { width: 100%; top: 0; left: 0; background: #fff !important; border-bottom: 1px solid rgba(15,23,42,.08); transition: box-shadow .25s ease, background .25s ease; will-change: transform; transform: translateZ(0); backface-visibility: hidden; }
.hg-header.primary-header--fixed { top: 0 !important; }
.hg-header > .container { transition: background .2s ease, box-shadow .2s ease, border-radius .2s ease; }
.hg-header .hg-topbar { transition: opacity .2s ease; }
/* daraltılmış durum: değişiklikten önceki "boxed/yüzen" haline döner.
   Üst bar (dil/USD) GÖRÜNÜR kalır; header şeffaflaşır, container yüzen kart olur. */
.hg-header.hg-shrink { background: transparent !important; border-bottom-color: transparent !important; box-shadow: none !important; padding-top: .6rem; padding-bottom: .2rem; }
.hg-header.hg-shrink > .container { background: #fff; border-radius: 1rem; box-shadow: 0 12px 32px rgba(15,23,42,.14); padding-left: 1.75rem !important; padding-right: 1.75rem !important; padding-bottom: .35rem !important; }
.hg-header.hg-shrink .hg-topbar { margin-bottom: .35rem; }

/* ===== Giriş yapmış müşteri hesap menüsü (header) ===== */
.hg-acct { position: relative; }
.hg-acct__toggle::after { display: none; } /* bootstrap caret'ı kapat, kendi okumuz var */
.hg-acct__menu { position: absolute; top: 100%; right: 0; left: auto; min-width: 256px; padding: .5rem; margin-top: .4rem; border: 1px solid rgba(15,23,42,.1); border-radius: .9rem; box-shadow: 0 18px 44px rgba(15,23,42,.16); background: #fff; }
/* üzerine gelince aç (hover köprüsüyle) */
.hg-acct::after { content: ""; position: absolute; top: 100%; right: 0; width: 260px; height: .5rem; }
.hg-acct:hover .hg-acct__menu { display: block; }
.hg-acct__head { padding: .5rem .75rem .65rem; border-bottom: 1px solid rgba(15,23,42,.08); margin-bottom: .35rem; display: flex; flex-direction: column; }
.hg-acct__hi { font-size: .68rem; color: #94a3b8; text-transform: uppercase; letter-spacing: .05em; }
.hg-acct__name { font-weight: 700; color: #0f172a; font-size: .95rem; }
.hg-acct__menu .dropdown-item { border-radius: .55rem; padding: .5rem .75rem; font-size: .9rem; font-weight: 500; color: #334155; display: flex; align-items: center; white-space: nowrap; }
.hg-acct__menu .dropdown-item:hover { background: #f4e9fd; color: #761098; }
.hg-acct__menu .dropdown-item iconify-icon { color: #761098; }
.hg-acct__logout { color: #b91c1c !important; }
.hg-acct__logout:hover { background: #fee2e2 !important; }
.hg-acct__logout iconify-icon { color: #b91c1c !important; }

/* Bayraklı dil seçici */
.hg-flag { width: 20px; height: 15px; object-fit: cover; border-radius: 2px; flex-shrink: 0; box-shadow: 0 0 0 1px rgba(15,23,42,.1); vertical-align: middle; }
.hg-flag--dim { opacity: .5; }
.hg-lang .dropdown-toggle { color: #475569 !important; border: 0 !important; box-shadow: none !important; background: transparent !important; font-size: .82rem; }
.hg-lang .dropdown-toggle:hover { color: #761098 !important; }
.hg-lang__menu { max-height: 320px; overflow-y: auto; min-width: 200px; }

/* İletişim bilgi kartları */
.hg-contact-card { background:#fff; border:1px solid rgba(15,23,42,.08); border-radius:1rem; padding:1.5rem; text-align:center; box-shadow:0 8px 24px rgba(15,23,42,.05); transition:transform .18s ease, box-shadow .18s ease; color:#334155; }
.hg-contact-card:hover { transform:translateY(-4px); box-shadow:0 16px 36px rgba(118,16,152,.12); }
.hg-contact-card__ico { width:3.2rem; height:3.2rem; margin:0 auto .9rem; display:grid; place-content:center; background:linear-gradient(135deg,#761098,#bf0b90); color:#fff; border-radius:.9rem; font-size:1.5rem; }
.hg-contact-card__t { display:block; font-size:.8rem; font-weight:700; text-transform:uppercase; letter-spacing:.04em; color:#94a3b8; margin-bottom:.25rem; }
.hg-contact-card__v { display:block; font-weight:700; color:#0f172a; word-break:break-word; }
.hg-contact-card:hover .hg-contact-card__v { color:#761098; }

/* Mesajlaşma kanal butonları (iletişim sayfası) */
.hg-msg { display:inline-flex; align-items:center; gap:.5rem; padding:.55rem .95rem; border-radius:.7rem; font-weight:600; font-size:.9rem; text-decoration:none; color:#fff; border:1px solid transparent; transition:transform .15s ease, box-shadow .15s ease, filter .15s ease; }
.hg-msg iconify-icon { font-size:1.25rem; line-height:1; }
.hg-msg:hover { transform:translateY(-2px); color:#fff; filter:saturate(1.05); box-shadow:0 8px 18px rgba(15,23,42,.16); }
.hg-msg--wa { background:#25D366; box-shadow:0 6px 14px rgba(37,211,102,.28); }
.hg-msg--tg { background:#229ED9; box-shadow:0 6px 14px rgba(34,158,217,.28); }
.hg-msg--dc { background:#5865F2; box-shadow:0 6px 14px rgba(88,101,242,.28); }
.hg-msg--sk { background:#00AFF0; box-shadow:0 6px 14px rgba(0,175,240,.28); }

/* Abuse sayfası */
.hg-abuse-cat { background:#fff; border:1px solid rgba(15,23,42,.08); border-radius:1rem; padding:1.6rem; transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease; }
.hg-abuse-cat:hover { transform:translateY(-4px); box-shadow:0 16px 36px rgba(118,16,152,.12); border-color:rgba(118,16,152,.25); }
.hg-abuse-cat__ico { width:3rem; height:3rem; display:grid; place-content:center; margin-bottom:1rem; border-radius:.85rem; font-size:1.5rem; color:#761098; background:#f4e9fd; }
.hg-abuse-mail { background:linear-gradient(135deg,#f4e9fd,#fdeaf6); border:1px solid rgba(118,16,152,.15); border-radius:1rem; padding:1.1rem 1.3rem; }
.hg-abuse-mail iconify-icon { color:#761098; }
.hg-abuse-mail__link { color:#761098; word-break:break-word; }
.hg-abuse-mail__link:hover { color:#bf0b90; }
.hg-abuse-note { background:#f8f5fb; border:1px dashed rgba(118,16,152,.25); border-radius:1rem; padding:1.3rem 1.5rem; }
.hg-abuse-note a { color:#761098; font-weight:600; }

/* Inline domain sorgu sonuçları */
.hg-domain-results { margin-top: 1.25rem; text-align: left; }
.hg-domain-results:empty { margin-top: 0; }
.hg-dom-loading { display:flex; align-items:center; gap:.6rem; padding:1rem 1.25rem; background:#fff; border:1px solid rgba(15,23,42,.08); border-radius:.85rem; color:#475569; font-size:.95rem; }
.hg-dom-loading--sm { border:0; background:transparent; padding:.5rem 0; }
.hg-dom-msg { padding:.85rem 1.1rem; border-radius:.7rem; background:#f1f5f9; color:#475569; font-size:.9rem; }
.hg-dom-msg--warn { background:#fef3f2; color:#b42318; }
.hg-dom-card { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:1rem; padding:1.1rem 1.35rem; border-radius:1rem; background:#fff; border:1px solid rgba(15,23,42,.08); box-shadow:0 8px 22px rgba(15,23,42,.05); }
.hg-dom-card--ok { border-color:rgba(34,197,94,.4); background:linear-gradient(180deg,#fff,#f3fdf6); }
.hg-dom-card--no { border-color:rgba(244,63,94,.25); }
.hg-dom-card__main { display:flex; align-items:center; gap:.85rem; flex-wrap:wrap; }
.hg-dom-card__name { font-size:1.25rem; font-weight:800; color:#0f172a; word-break:break-all; }
.hg-dom-badge { display:inline-flex; align-items:center; gap:.3rem; font-size:.82rem; font-weight:700; padding:.25rem .65rem; border-radius:2rem; }
.hg-dom-badge--ok { background:#dcfce7; color:#15803d; }
.hg-dom-badge--no { background:#fee2e2; color:#b91c1c; }
.hg-dom-card__act { display:flex; align-items:center; gap:1rem; }
.hg-dom-card__price { font-size:1.05rem; font-weight:800; color:#761098; white-space:nowrap; }
.hg-dom-card__price small { font-size:.7rem; font-weight:600; color:#94a3b8; }
.hg-dom-alts { margin-top:1.25rem; }
.hg-dom-alts__title { font-size:.8rem; font-weight:700; text-transform:uppercase; letter-spacing:.04em; color:#94a3b8; margin-bottom:.6rem; }
.hg-dom-alts__grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(260px,1fr)); gap:.6rem; }
.hg-dom-alt { display:flex; align-items:center; justify-content:space-between; gap:.75rem; padding:.7rem 1rem; background:#fff; border:1px solid rgba(15,23,42,.08); border-radius:.7rem; }
.hg-dom-alt__name { font-weight:700; color:#0f172a; word-break:break-all; font-size:.95rem; }
.hg-dom-alt__right { display:flex; align-items:center; gap:.7rem; flex-shrink:0; }
.hg-dom-alt__price { font-weight:700; color:#761098; font-size:.9rem; white-space:nowrap; }

/* Uzantı çipleri (alan-adi-kayit altı) — tıklayınca uzantı seçer */
.hg-tld-chip { display:inline-flex; align-items:center; gap:.5rem; padding:.4rem .8rem; border-radius:2rem; border:1px solid rgba(255,255,255,.25); background:rgba(255,255,255,.1); color:#fff; cursor:pointer; transition:all .15s ease; line-height:1; }
.hg-tld-chip:hover { background:#fff; color:#5a0c78; border-color:#fff; }
.hg-tld-chip.is-active { background:#fff; color:#5a0c78; border-color:#fff; box-shadow:0 4px 12px rgba(0,0,0,.18); }
.hg-tld-chip__ext { font-size:1.05rem; font-weight:800; }
.hg-tld-chip__price { font-size:.8rem; font-weight:600; opacity:.85; }
.hg-tld-chip:hover .hg-tld-chip__price, .hg-tld-chip.is-active .hg-tld-chip__price { color:#bf0b90; opacity:1; }
.hg-tld-chip--more { text-decoration:none; font-weight:700; gap:.3rem; }
.hg-tld-chip--more iconify-icon { font-size:1rem; }
/* açık (beyaz) zemin varyantı — ana sayfa hero domain kutusu için */
.hg-tld-chip--light { background:#faf6fe !important; border-color:#e9d5fb !important; color:#5a0c78 !important; }
.hg-tld-chip--light .hg-tld-chip__ext { color:#5a0c78 !important; }
.hg-tld-chip--light .hg-tld-chip__price { color:#64748b !important; opacity:1; }
.hg-tld-chip--light:hover, .hg-tld-chip--light.is-active { background:#761098 !important; border-color:#761098 !important; color:#fff !important; }
.hg-tld-chip--light:hover .hg-tld-chip__ext, .hg-tld-chip--light.is-active .hg-tld-chip__ext { color:#fff !important; }
.hg-tld-chip--light:hover .hg-tld-chip__price, .hg-tld-chip--light.is-active .hg-tld-chip__price { color:#fff !important; }

/* ===== Alan Adı Kayıt — yeni tasarım ===== */
.hg-eyebrow { display:inline-block; font-size:.78rem; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:#bf0b90; }

/* Hero */
.hg-dhero2 { position:relative; overflow:hidden; padding:clamp(9rem, 7vw + 4rem, 11.5rem) 0 clamp(3.5rem, 4vw, 5rem); background:radial-gradient(120% 120% at 80% -10%, #8a1ca8 0%, #5a0c78 45%, #3d0a55 100%); }
.hg-dhero2::before { content:""; position:absolute; inset:0; background-image:radial-gradient(circle at 15% 20%, rgba(191,11,144,.35), transparent 40%), radial-gradient(circle at 90% 80%, rgba(110,224,246,.12), transparent 45%); pointer-events:none; }
.hg-dhero2__badge { display:inline-flex; align-items:center; gap:.45rem; padding:.4rem .9rem; border-radius:2rem; background:rgba(255,255,255,.12); border:1px solid rgba(255,255,255,.2); color:#fff; font-size:.82rem; font-weight:600; margin-bottom:1.25rem; }
.hg-dhero2__badge iconify-icon { font-size:1rem; }
.hg-dhero2__title { color:#fff; font-weight:800; font-size:clamp(2rem,3.4vw,3.1rem); line-height:1.1; margin:0 0 1rem; }
.hg-dhero2__sub { color:rgba(255,255,255,.85); font-size:1.08rem; max-width:620px; margin:0 auto 2rem; }
.hg-dhero2__trust { list-style:none; display:flex; flex-wrap:wrap; gap:.6rem 1.6rem; justify-content:center; padding:0; margin:1.75rem 0 0; }
.hg-dhero2__trust li { display:inline-flex; align-items:center; gap:.4rem; color:rgba(255,255,255,.9); font-size:.9rem; font-weight:500; }
.hg-dhero2__trust iconify-icon { color:#6ce0f6; font-size:1.1rem; }

/* Arama kutusu */
.hg-dbox { max-width:760px; }
.hg-dbox__bar { display:flex; align-items:center; gap:.4rem; background:#fff; border-radius:1rem; padding:.45rem .45rem .45rem 1.1rem; box-shadow:0 24px 60px -20px rgba(0,0,0,.5); }
.hg-dbox__ico { font-size:1.3rem; color:#94a3b8; flex-shrink:0; }
.hg-dbox__input { flex:1 1 auto; min-width:0; border:0; outline:0; background:transparent; font-size:1.05rem; font-weight:600; color:#0f172a; padding:.6rem .4rem; }
.hg-dbox__input::placeholder { color:#cbd5e1; font-weight:500; }
.hg-dbox__tld { flex:0 0 auto; border:0; outline:0; background:#f1f5f9; border-radius:.7rem; font-weight:700; color:#5a0c78; padding:.6rem 1.8rem .6rem .7rem; cursor:pointer; max-width:120px; }
.hg-dbox__btn { flex:0 0 auto; display:inline-flex; align-items:center; gap:.45rem; border:0; border-radius:.8rem; padding:.7rem 1.4rem; font-weight:700; color:#fff; background:linear-gradient(135deg,#761098,#bf0b90); cursor:pointer; transition:filter .15s ease, transform .15s ease; }
.hg-dbox__btn:hover { filter:brightness(1.08); transform:translateY(-1px); }
.hg-dbox__btn iconify-icon { font-size:1.1rem; }
.hg-dbox .hg-domain-results { text-align:left; }
.hg-pop { display:flex; align-items:center; gap:.6rem; flex-wrap:wrap; justify-content:center; margin-top:1.4rem; }
.hg-pop__label { color:rgba(255,255,255,.8); font-size:.85rem; font-weight:600; }
.hg-pop__chips { display:flex; flex-wrap:wrap; gap:.5rem; justify-content:center; }
@media (max-width:575px){ .hg-dbox__bar{ flex-wrap:wrap; padding:.6rem; } .hg-dbox__input{ flex:1 1 100%; order:1; } .hg-dbox__tld{ order:2; flex:1 1 40%; max-width:none; } .hg-dbox__btn{ order:3; flex:1 1 50%; justify-content:center; } .hg-dbox__ico{ display:none; } }

/* Popüler uzantı fiyat kartları */
.hg-tld-card { display:flex; flex-direction:column; align-items:flex-start; gap:.15rem; width:100%; text-align:left; background:#fff; border:1px solid rgba(15,23,42,.08); border-radius:1rem; padding:1.15rem 1.25rem; cursor:pointer; transition:transform .16s ease, box-shadow .16s ease, border-color .16s ease; }
.hg-tld-card:hover { transform:translateY(-5px); box-shadow:0 18px 38px rgba(118,16,152,.16); border-color:rgba(118,16,152,.3); }
.hg-tld-card__ext { font-size:1.4rem; font-weight:800; color:#761098; line-height:1; }
.hg-tld-card__label { font-size:.72rem; color:#94a3b8; text-transform:uppercase; letter-spacing:.04em; margin-top:.35rem; }
.hg-tld-card__price { font-size:1.15rem; font-weight:800; color:#0f172a; }
.hg-tld-card__cta { display:inline-flex; align-items:center; gap:.25rem; font-size:.8rem; font-weight:700; color:#bf0b90; margin-top:.5rem; opacity:0; transform:translateX(-4px); transition:all .16s ease; }
.hg-tld-card:hover .hg-tld-card__cta { opacity:1; transform:translateX(0); }

/* Avantaj kartları */
.hg-perk-wrap { background:#faf7fd; border:1px solid rgba(118,16,152,.1); border-radius:1.5rem; padding:clamp(1.5rem,3vw,2.75rem); }
.hg-perk { background:#fff; border:1px solid rgba(15,23,42,.06); border-radius:1rem; padding:1.5rem; transition:transform .16s ease, box-shadow .16s ease; }
.hg-perk:hover { transform:translateY(-4px); box-shadow:0 14px 32px rgba(118,16,152,.1); }
.hg-perk__ico { display:grid; place-content:center; width:3.2rem; height:3.2rem; border-radius:.9rem; background:linear-gradient(135deg,#761098,#bf0b90); color:#fff; font-size:1.6rem; margin-bottom:1.1rem; }

/* 3 adım */
.hg-step3 { position:relative; background:#fff; border:1px solid rgba(15,23,42,.08); border-radius:1.25rem; padding:2.25rem 1.75rem 1.75rem; text-align:center; transition:transform .16s ease, box-shadow .16s ease; }
.hg-step3:hover { transform:translateY(-4px); box-shadow:0 16px 36px rgba(118,16,152,.12); }
.hg-step3__num { position:absolute; top:-1rem; left:50%; transform:translateX(-50%); width:2.2rem; height:2.2rem; display:grid; place-content:center; border-radius:50%; background:#bf0b90; color:#fff; font-weight:800; font-size:.95rem; box-shadow:0 6px 14px rgba(191,11,144,.4); }
.hg-step3__ico { display:inline-grid; place-content:center; width:4rem; height:4rem; border-radius:1rem; background:#f4e9fd; color:#761098; font-size:2rem; margin-bottom:1.1rem; }

/* Transfer CTA */
.hg-transfer-cta { background:linear-gradient(135deg,#761098,#bf0b90); border-radius:1.5rem; padding:clamp(1.75rem,3.5vw,3rem); position:relative; overflow:hidden; }
.hg-transfer-cta::after { content:""; position:absolute; width:320px; height:320px; right:-120px; top:-120px; background:rgba(255,255,255,.1); border-radius:50%; }
.hg-transfer-cta > .row { position:relative; z-1; }
.hg-transfer-cta__tag { display:inline-flex; align-items:center; gap:.4rem; color:#fff; font-weight:600; font-size:.9rem; background:rgba(255,255,255,.15); padding:.35rem .85rem; border-radius:2rem; }
.hg-transfer-cta .btn-light { color:#761098; }

/* ===== Domain fiyatları sayfası ===== */
.hg-dhero2--compact { padding-bottom:clamp(2.5rem,3vw,3.5rem); }
.hg-pricesearch { position:relative; max-width:520px; margin-top:2rem; }
.hg-pricesearch iconify-icon { position:absolute; left:1.1rem; top:50%; transform:translateY(-50%); font-size:1.25rem; color:#94a3b8; }
.hg-pricesearch input { width:100%; border:0; outline:0; border-radius:1rem; padding:1rem 1.2rem 1rem 3rem; font-size:1.02rem; font-weight:600; color:#0f172a; background:#fff; box-shadow:0 18px 44px -18px rgba(0,0,0,.45); }
.hg-pricesearch input::placeholder { color:#cbd5e1; font-weight:500; }

.hg-cat-bar { display:flex; flex-wrap:wrap; gap:.5rem; justify-content:center; margin-bottom:2rem; }
.hg-cat-pill { border:1px solid rgba(15,23,42,.12); background:#fff; color:#475569; font-weight:600; font-size:.88rem; padding:.5rem 1.1rem; border-radius:2rem; cursor:pointer; text-decoration:none; transition:all .15s ease; }
.hg-cat-pill:hover { border-color:#761098; color:#761098; }
.hg-cat-pill.is-active { background:linear-gradient(135deg,#761098,#bf0b90); color:#fff; border-color:transparent; }

.hg-pricetable-wrap { background:#fff; border:1px solid rgba(15,23,42,.08); border-radius:1.25rem; box-shadow:0 14px 40px rgba(15,23,42,.06); overflow:hidden; }
.hg-pricetable { width:100%; border-collapse:collapse; }
.hg-pricetable thead th { background:#faf7fd; color:#5a0c78; font-size:.78rem; font-weight:700; text-transform:uppercase; letter-spacing:.04em; padding:1rem 1.25rem; text-align:left; border-bottom:1px solid rgba(118,16,152,.12); }
.hg-pricetable tbody td { padding:.85rem 1.25rem; border-bottom:1px solid rgba(15,23,42,.06); font-size:.95rem; color:#334155; vertical-align:middle; }
.hg-pricetable tbody tr:last-child td { border-bottom:0; }
.hg-pricetable tbody tr:hover { background:#faf7fd; }
.hg-pricetable__tld { font-weight:800; color:#761098; font-size:1.02rem; }
.hg-pricetable__hot { display:inline-block; margin-left:.5rem; font-size:.62rem; font-weight:700; text-transform:uppercase; letter-spacing:.03em; color:#bf0b90; background:#fdeaf6; padding:.12rem .45rem; border-radius:1rem; vertical-align:middle; }
.hg-pricetable__price { font-weight:800; color:#0f172a; }
.hg-pricetable__btn { display:inline-flex; align-items:center; gap:.3rem; font-size:.82rem; font-weight:700; color:#761098; border:1px solid rgba(118,16,152,.3); border-radius:.6rem; padding:.4rem .9rem; text-decoration:none; transition:all .15s ease; white-space:nowrap; }
.hg-pricetable__btn:hover { background:#761098; color:#fff; border-color:#761098; }
.hg-pricetable__empty { padding:2.5rem 1.25rem; text-align:center; color:#64748b; }

/* ===== WHOIS sonuç kartı ===== */
.hg-whois { background:#fff; border:1px solid rgba(15,23,42,.08); border-radius:1.25rem; padding:1.5rem 1.75rem; box-shadow:0 14px 40px rgba(15,23,42,.06); }
.hg-whois--free { text-align:center; }
.hg-whois__head { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:.75rem; padding-bottom:1rem; margin-bottom:1.1rem; border-bottom:1px solid rgba(15,23,42,.08); }
.hg-whois--free .hg-whois__head { justify-content:center; border:0; }
.hg-whois__domain { font-size:1.4rem; font-weight:800; color:#761098; word-break:break-all; }
.hg-whois__grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); gap:.6rem 1.5rem; }
.hg-whois__row { display:flex; flex-direction:column; gap:.15rem; padding:.5rem 0; border-bottom:1px dashed rgba(15,23,42,.07); }
.hg-whois__k { font-size:.78rem; font-weight:700; text-transform:uppercase; letter-spacing:.03em; color:#94a3b8; display:inline-flex; align-items:center; gap:.35rem; }
.hg-whois__k iconify-icon { color:#bf0b90; font-size:.95rem; }
.hg-whois__v { font-weight:600; color:#0f172a; word-break:break-word; }
.hg-whois__block { margin-top:1.25rem; }
.hg-whois__blocktitle { display:block; font-size:.78rem; font-weight:700; text-transform:uppercase; letter-spacing:.03em; color:#94a3b8; margin-bottom:.5rem; }
.hg-whois__chips { display:flex; flex-wrap:wrap; gap:.4rem; }
.hg-whois__chip { background:#f4e9fd; color:#5a0c78; font-weight:600; font-size:.82rem; padding:.3rem .7rem; border-radius:.5rem; word-break:break-all; }
.hg-whois__chip--st { background:#f1f5f9; color:#475569; }
.hg-whois__raw { margin-top:1.25rem; }
.hg-whois__raw summary { cursor:pointer; font-weight:600; color:#761098; font-size:.9rem; }
.hg-whois__raw pre { margin-top:.75rem; background:#0f172a; color:#cbd5e1; padding:1rem 1.1rem; border-radius:.75rem; font-size:.78rem; line-height:1.55; max-height:340px; overflow:auto; white-space:pre-wrap; word-break:break-word; }

/* ===== Toplu sorgulama ===== */
.hg-bulk { background:#fff; border:1px solid rgba(15,23,42,.08); border-radius:1.25rem; padding:1.5rem 1.75rem; box-shadow:0 14px 40px rgba(15,23,42,.06); }
.hg-bulk__ta { width:100%; border:1px solid rgba(15,23,42,.15); border-radius:.85rem; padding:.9rem 1.1rem; font-size:.98rem; font-family:inherit; resize:vertical; color:#0f172a; }
.hg-bulk__ta:focus { outline:0; border-color:#761098; box-shadow:0 0 0 3px rgba(118,16,152,.12); }
.hg-bulk__bar { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:.75rem; margin-top:1rem; }
.hg-bulk__status { margin-top:1.25rem; padding:.75rem 1.1rem; background:#faf7fd; border:1px solid rgba(118,16,152,.15); border-radius:.7rem; color:#5a0c78; font-size:.92rem; }
.hg-bulk__list { margin-top:1rem; display:flex; flex-direction:column; gap:.5rem; }
.hg-bulk__row { display:flex; align-items:center; justify-content:space-between; gap:1rem; flex-wrap:wrap; padding:.8rem 1.1rem; border:1px solid rgba(15,23,42,.08); border-radius:.8rem; }
.hg-bulk__name { font-weight:700; color:#0f172a; word-break:break-all; }
.hg-bulk__res { display:flex; align-items:center; gap:.7rem; flex-wrap:wrap; }
.hg-bulk__b { display:inline-flex; align-items:center; gap:.3rem; font-size:.82rem; font-weight:700; padding:.25rem .65rem; border-radius:2rem; }
.hg-bulk__b--q { background:#f1f5f9; color:#64748b; }
.hg-bulk__b--l { background:#eef2ff; color:#4338ca; }
.hg-bulk__b--ok { background:#dcfce7; color:#15803d; }
.hg-bulk__b--no { background:#fee2e2; color:#b91c1c; }
.hg-bulk__b--err { background:#fef3c7; color:#92400e; }
.hg-bulk__price { font-weight:800; color:#761098; font-size:.9rem; }
.hg-bulk__add { font-size:.82rem; font-weight:700; color:#fff; background:linear-gradient(135deg,#761098,#bf0b90); padding:.35rem .85rem; border-radius:.55rem; text-decoration:none; }
.hg-bulk__add:hover { color:#fff; filter:brightness(1.08); }
.hg-bulk__add--alt { background:#fff; color:#761098; border:1px solid rgba(118,16,152,.4); }
.hg-bulk__add--alt:hover { background:#761098; color:#fff; filter:none; }

/* ============================================================================
   HEADER GELİŞTİRMELERİ (2026-05-29) — Araçlar menü, tema toggle, sepet,
   currency sembolü, üst bar nefes payı, logo swap, DARK MODE header
   ============================================================================ */

/* üst bar tarayıcıya yapışmasın — nefes payı */
.hg-header > .container { padding-top: .5rem; }
.hg-topbar { padding-top: .3rem; }

/* logo açık/koyu swap (şablon .logo .logo__img kuralını ezmek için !important) */
.logo .logo__img--dark { display: none !important; }
.logo .logo__img--light { display: inline-block !important; }
[data-bs-theme=dark] .logo .logo__img--light { display: none !important; }
[data-bs-theme=dark] .logo .logo__img--dark { display: inline-block !important; }

/* ---------- Araçlar dropdown (top bar mega) ---------- */
.hg-tools { position: static; }
.hg-tools__toggle { color:#64748b; text-decoration:none; display:inline-flex; align-items:center; gap:.35rem; font-weight:500; cursor:pointer; }
.hg-tools__toggle iconify-icon:first-child { color:#761098; font-size:1rem; }
.hg-tools__toggle:hover { color:#761098; }
.hg-tools__caret { transition: transform .2s ease; opacity:.7; }
.hg-tools__toggle[aria-expanded="true"] .hg-tools__caret { transform: rotate(180deg); }
.hg-tools__menu {
  border:1px solid rgba(15,23,42,.07); border-radius:1.1rem; padding:0; margin-top:.6rem;
  box-shadow:0 24px 70px rgba(15,23,42,.16); width:min(1020px, calc(100vw - 2rem));
  overflow:hidden; left:50% !important; transform:translateX(-50%) !important; right:auto !important;
}
.hg-tools__head { padding:1rem 1.6rem .85rem; border-bottom:1px solid rgba(15,23,42,.06); }
.hg-tools__head-title { display:block; font-weight:700; font-size:.98rem; color:#0f172a; }
.hg-tools__head-sub { display:block; font-size:.8rem; color:#94a3b8; margin-top:.1rem; }
.hg-tools__grid { display:grid; grid-template-columns:repeat(5,1fr); gap:.5rem 1.4rem; padding:1.4rem 1.6rem 1.6rem; }
.hg-tools__col { padding:0; }
.hg-tools__cat { display:flex; align-items:center; gap:.45rem; font-size:.72rem; font-weight:700; text-transform:uppercase; letter-spacing:.04em; color:#94a3b8; margin-bottom:.7rem; white-space:nowrap; height:1.1rem; }
.hg-tools__cat iconify-icon { font-size:1.05rem; color:#9333c4; flex:0 0 auto; }
.hg-tools__link { display:flex; align-items:center; gap:.6rem; font-size:.875rem; color:#334155; text-decoration:none; padding:.45rem .55rem; margin:0 -.55rem; border-radius:.5rem; font-weight:500; line-height:1.25; transition: background .12s ease, color .12s ease; }
.hg-tools__link span { flex:1 1 auto; }
.hg-tools__link:hover { background:#f7f1fb; color:#761098; }
.hg-tools__ico { flex:0 0 1.15rem; width:1.15rem; font-size:1.05rem; color:#a16ac4; text-align:center; transition: color .12s ease; }
.hg-tools__link:hover .hg-tools__ico { color:#761098; }
@media (max-width: 991px){ .hg-tools__grid{ grid-template-columns:repeat(2,1fr); } .hg-tools__menu{ width:calc(100vw - 1.5rem);} .hg-tools__col{ border-right:0; border-bottom:1px solid rgba(15,23,42,.06);} }

/* ---------- Açık / Koyu tema toggle ---------- */
.hg-theme-toggle { background:transparent; border:0; padding:.2rem .35rem; cursor:pointer; color:#64748b; display:inline-flex; align-items:center; line-height:1; font-size:1.1rem; border-radius:.5rem; transition: color .15s ease, background .15s ease; }
.hg-theme-toggle:hover { color:#761098; background:rgba(118,16,152,.08); }
.hg-theme-toggle__moon { display:none; }
[data-bs-theme=dark] .hg-theme-toggle__sun { display:none; }
[data-bs-theme=dark] .hg-theme-toggle__moon { display:inline-flex; }

/* ---------- Currency sembolü (cüzdan ikonu yerine) ---------- */
.hg-cur-sym { font-weight:800; color:#761098; font-size:.95rem; }

/* ---------- Sepet ---------- */
.hg-cart { position:relative; display:inline-flex; align-items:center; justify-content:center; width:2.25rem; height:2.25rem; border-radius:.6rem; color:#475569; text-decoration:none; transition: background .15s ease, color .15s ease; }
.hg-cart:hover { background:#f7f1fb; color:#761098; }
.hg-cart__badge { position:absolute; top:-.15rem; right:-.15rem; background:#bf0b90; color:#fff; font-size:.62rem; font-weight:800; min-width:1.05rem; height:1.05rem; display:grid; place-content:center; border-radius:999px; padding:0 .25rem; }

/* ============ DARK MODE — HEADER ============ */
[data-bs-theme=dark] .hg-header { background:#0f1117 !important; border-bottom-color:rgba(255,255,255,.08); }
[data-bs-theme=dark] .hg-header.hg-shrink { background:transparent !important; }
[data-bs-theme=dark] .hg-header.hg-shrink > .container { background:#171a23; box-shadow:0 14px 36px rgba(0,0,0,.55); }
[data-bs-theme=dark] .hg-topbar { border-bottom-color:rgba(255,255,255,.08); }
[data-bs-theme=dark] .hg-topbar__links a, [data-bs-theme=dark] .hg-tools__toggle { color:#94a3b8; }
[data-bs-theme=dark] .hg-topbar__links a:hover, [data-bs-theme=dark] .hg-tools__toggle:hover { color:#fff; }
[data-bs-theme=dark] .hg-topbar__cur .dropdown-toggle { color:#cbd5e1 !important; }
[data-bs-theme=dark] .nav-link { color:#cbd5e1 !important; }
[data-bs-theme=dark] .nav-link:hover { color:#fff !important; }
[data-bs-theme=dark] .hg-cart { color:#94a3b8; }
[data-bs-theme=dark] .hg-cart:hover { background:rgba(255,255,255,.06); color:#fff; }
[data-bs-theme=dark] .hg-tools__menu { background:#171a23; border-color:rgba(255,255,255,.08); }
[data-bs-theme=dark] .hg-tools__head { border-bottom-color:rgba(255,255,255,.08); }
[data-bs-theme=dark] .hg-tools__head-title { color:#f1f5f9; }
[data-bs-theme=dark] .hg-tools__col { border-right-color:rgba(255,255,255,.07); border-bottom-color:rgba(255,255,255,.07); }
[data-bs-theme=dark] .hg-tools__link { color:#cbd5e1; }
[data-bs-theme=dark] .hg-tools__link:hover { background:rgba(255,255,255,.06); color:#fff; }
[data-bs-theme=dark] .hg-cur-sym { color:#c084fc; }
[data-bs-theme=dark] .hg-tools__cat { color:#64748b; }
[data-bs-theme=dark] .hg-tools__cat iconify-icon, [data-bs-theme=dark] .hg-tools__ico { color:#b07fd6; }
[data-bs-theme=dark] .hg-theme-toggle { color:#94a3b8; }
[data-bs-theme=dark] .hg-theme-toggle:hover { color:#fff; background:rgba(255,255,255,.08); }

/* ============================================================================
   ANA SAYFA HERO (2026-05-29) — gradyan başlık, neon dönen kartlar, puan rozetleri
   ============================================================================ */
.hg-hero-title { font-weight: 800; letter-spacing: -0.02em; }
.hg-hero-grad { background: linear-gradient(110deg,#761098 0%,#bf0b90 55%,#5c65ff 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }

/* --- Neon dönen kartlar (hero hizmet kartları) --- */
/* SABİT neon: statik gradyan kenar + yumuşak parıltı (rotasyon YOK) */
.circular-card-list__item { position: relative; isolation: isolate; border-color: transparent !important; transition: transform .25s cubic-bezier(.2,.8,.2,1); }
.circular-card-list__item::before {
  content: ""; position: absolute; inset: -1.5px; border-radius: inherit; padding: 1.5px; z-index: -1;
  background: linear-gradient(140deg, #761098 0%, #bf0b90 50%, #5c65ff 100%);
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor; mask-composite: exclude;
}
.circular-card-list__item::after {
  content: ""; position: absolute; inset: 0; border-radius: inherit; z-index: -2;
  box-shadow: 0 0 20px 1px rgba(130, 36, 227, .25); opacity: .85; transition: box-shadow .25s ease, opacity .25s ease;
}
.circular-card-list__item:hover { transform: translateY(-8px) scale(1.04); }
.circular-card-list__item:hover::after { opacity: 1; box-shadow: 0 0 34px 4px rgba(191, 11, 144, .42); }
.circular-card-list__item:hover .circular-card__icon { background: linear-gradient(135deg,#761098,#bf0b90); }
.circular-card-list__item:hover .circular-card__icon iconify-icon { color: #fff !important; }
/* tıklayınca ekrana doğru büyüyüp gider */
.circular-card-list__item.hg-card-launch { transform: scale(1.3) translateY(-10px); opacity: 0; transition: transform .42s ease, opacity .42s ease; z-index: 9; }
[data-bs-theme=dark] .circular-card-list__item { background: #171a23 !important; }

/* --- Trustpilot / HostAdvice puan rozetleri --- */
.hg-ratings { font-size: .95rem; }
.hg-rating { display: inline-flex; align-items: center; gap: .45rem; }
.hg-rating__brand { font-size: 1.25rem; }
.hg-rating__brand--tp { color: #00b67a; }
.hg-rating__brand--ha { color: #ff7a00; }
.hg-rating__stars { display: inline-flex; gap: 1px; }
.hg-rating__stars i { width: 1.05rem; height: 1.05rem; display: inline-grid; place-content: center; }
.hg-rating__stars i::before { content: "★"; color: #ffce54; font-size: 1rem; line-height: 1; }
.hg-rating__brand--tp ~ .hg-rating__stars i::before { color: #00b67a; }
.hg-rating__val { color: var(--hg-ink, #0f172a); }
.hg-rating__val strong { font-size: 1.05rem; }
.hg-rating__src { color: #64748b; font-size: .82rem; }
.hg-rating__sep { width: 1px; height: 1.6rem; background: rgba(15,23,42,.12); }
.hg-rating__trust { color: #64748b; font-weight: 600; }
[data-bs-theme=dark] .hg-rating__val { color: #f1f5f9; }
[data-bs-theme=dark] .hg-rating__src, [data-bs-theme=dark] .hg-rating__trust { color: #94a3b8; }

/* ---------- ANA SAYFA: Veri Merkezi ızgarası + Yorum kartları (2026-05-29) ---------- */
.hg-dc-grid { display: flex !important; flex-direction: row !important; flex-wrap: wrap; justify-content: center; gap: 1rem; padding: 0; margin: 0; list-style: none; }
.hg-dc-card { flex: 0 0 auto; display: flex; align-items: center; gap: .75rem; background: #fff; border: 1px solid var(--hg-line); border-radius: .9rem; padding: .75rem 1.15rem; box-shadow: var(--hg-shadow); transition: transform .15s ease, box-shadow .15s ease; min-width: 190px; }
.hg-dc-card:hover { transform: translateY(-4px); box-shadow: var(--hg-shadow-lg); }
.hg-dc-flag { font-size: 1.9rem; flex: 0 0 auto; line-height: 1; }
.hg-dc-text { display: flex; flex-direction: column; line-height: 1.25; }
.hg-dc-city { font-weight: 700; color: var(--hg-ink); }
.hg-dc-country { font-size: .8rem; color: var(--hg-muted); }
[data-bs-theme=dark] .hg-dc-card { background: #171a23; border-color: rgba(255,255,255,.08); }
[data-bs-theme=dark] .hg-dc-city { color: #f1f5f9; }

/* yorum rozetleri + kartları */
.hg-rev-badges { display: inline-flex; flex-wrap: wrap; gap: .6rem 1rem; justify-content: center; }
.hg-rev-badge { display: inline-flex; align-items: center; gap: .45rem; background: #fff; border: 1px solid var(--hg-line); border-radius: 999px; padding: .5rem 1rem; font-size: .9rem; color: #475569; box-shadow: var(--hg-shadow); }
.hg-rev-badge iconify-icon { font-size: 1.2rem; }
.hg-rev-badge strong { color: var(--hg-ink); }
.hg-rev-card { display: flex; flex-direction: column; gap: .8rem; background: #fff; border: 1px solid rgba(15,23,42,.10); border-radius: var(--hg-radius); box-shadow: 0 10px 34px rgba(15,23,42,.09); padding: 1.6rem; }
.hg-rev-card:hover { box-shadow: var(--hg-shadow-lg); }
.hg-rev-stars { color: #ffce54; font-size: 1.05rem; display: flex; gap: 1px; }
.hg-rev-text { color: #475569; font-size: .92rem; line-height: 1.6; margin: 0; flex: 1 1 auto; }
.hg-rev-author { display: flex; align-items: center; gap: .65rem; border-top: 1px solid var(--hg-line); padding-top: .9rem; }
.hg-rev-flag { font-size: 1.7rem; flex: 0 0 auto; }
.hg-rev-meta { display: flex; flex-direction: column; line-height: 1.25; }
.hg-rev-name { font-weight: 700; color: var(--hg-ink); }
.hg-rev-src { font-size: .78rem; color: var(--hg-muted); }
[data-bs-theme=dark] .hg-rev-badge, [data-bs-theme=dark] .hg-rev-card { background: #171a23; border-color: rgba(255,255,255,.08); }
[data-bs-theme=dark] .hg-rev-badge strong, [data-bs-theme=dark] .hg-rev-name { color: #f1f5f9; }
[data-bs-theme=dark] .hg-rev-text { color: #cbd5e1; }

/* Veri merkezi haritası: 9. ve 10. pin pozisyonları (şablonda --1..--8 vardı) */
.data-center-location--9 { top: 72%; left: 16%; }
.data-center-location--10 { top: 33%; left: 60%; }

/* ---------- Veri merkezi: küre pin'leri + alt liste (2026-05-29) ---------- */
.hg-globe { max-width: 720px; }
.hg-globe-pin { position: absolute; transform: translate(-50%, -100%); display: flex; flex-direction: column; align-items: center; z-index: 2; }
.hg-globe-pin__label { background: #fff; border-radius: .5rem; padding: .2rem .6rem; box-shadow: 0 6px 18px rgba(15,23,42,.16); font-size: .8rem; font-weight: 600; color: #0f172a; white-space: nowrap; display: inline-flex; align-items: center; gap: .35rem; }
.hg-globe-pin__flag { font-size: 1.05rem; }
.hg-globe-pin__dot { width: .62rem; height: .62rem; border-radius: 50%; background: var(--hg-primary); margin-top: 3px; box-shadow: 0 0 0 4px rgba(118,16,152,.22); }
.hg-loc-list { display: flex !important; flex-direction: row !important; flex-wrap: wrap; justify-content: center; gap: .65rem; padding: 0; margin: 0; list-style: none; }
.hg-loc-chip { display: inline-flex; align-items: center; gap: .4rem; background: #fff; border: 1px solid var(--hg-line); border-radius: 999px; padding: .3rem .7rem; box-shadow: 0 4px 14px rgba(15,23,42,.05); transition: transform .15s ease, box-shadow .15s ease; }
.hg-loc-chip:hover { transform: translateY(-2px); box-shadow: var(--hg-shadow); }
.hg-loc-chip__flag { font-size: 1.05rem; flex: 0 0 auto; }
.hg-loc-chip__city { font-weight: 600; color: var(--hg-ink); font-size: .8rem; }
.hg-loc-chip__country { display: none; }
/* yorum rozetleri tıklanabilir link */
.hg-rev-badge { text-decoration: none; cursor: pointer; transition: transform .15s ease, box-shadow .15s ease; }
.hg-rev-badge:hover { transform: translateY(-2px); box-shadow: var(--hg-shadow-lg); color: inherit; }
.hg-rev-badge__ext { font-size: .85rem; opacity: .5; }
[data-bs-theme=dark] .hg-loc-chip { background: #171a23; border-color: rgba(255,255,255,.08); }
[data-bs-theme=dark] .hg-loc-chip__city { color: #f1f5f9; }
[data-bs-theme=dark] .hg-globe-pin__label { background: #1f2330; color: #f1f5f9; }

/* Pricing indirim rozeti (köşe) */
.hg-price-tag { position:absolute; top:0; right:0; background:linear-gradient(135deg,#bf0b90,#761098); color:#fff; font-size:.72rem; font-weight:800; padding:.32rem .75rem; border-bottom-left-radius:.65rem; letter-spacing:.02em; box-shadow:0 4px 12px rgba(118,16,152,.3); z-index:2; }

/* hero puan rozetleri tıklanabilir */
a.hg-rating { text-decoration: none; transition: transform .15s ease; }
a.hg-rating:hover { transform: translateY(-2px); }
a.hg-rating:hover .hg-rating__src { color: #761098; }

/* Hosting mega menü görsel thumbnail'ları */
.navigation-2__menu-img { width: 52px; height: 52px; object-fit: contain; flex-shrink: 0; }
.navigation-2__menu-link:hover .navigation-2__menu-img { transform: scale(1.08); transition: transform .15s ease; }

/* ---------- Hosting mega menü (2 kolon: liste + #1 promo paneli, demo gibi) ---------- */
@media (min-width: 992px) {
  .primary-header .navigation-2__menu--hosting { width: 720px !important; max-width: min(94vw, 760px) !important; }
}
.hg-hmenu { display: flex; gap: 1.4rem; align-items: stretch; }
.hg-hmenu__list { flex: 1 1 56%; display: flex; flex-direction: column; gap: .15rem; }
.hg-hmenu__item { display: flex; align-items: center; gap: .8rem; padding: .55rem .6rem; border-radius: .65rem; text-decoration: none; transition: background .12s ease, transform .12s ease; }
.hg-hmenu__item:hover { background: #f7f1fb; transform: translateY(-1px); }
.hg-hmenu__ico { width: 46px; height: 46px; border-radius: 50%; display: grid; place-content: center; flex: 0 0 auto; }
.hg-hmenu__ico iconify-icon { color: #fff; }
.hg-hmenu__item-title { display: block; font-weight: 700; color: var(--hg-ink); font-size: .95rem; }
.hg-hmenu__item-desc { display: block; font-size: .82rem; color: var(--hg-muted); line-height: 1.3; }
.hg-hmenu__promo { flex: 0 0 40%; background: linear-gradient(160deg, #761098 0%, #bf0b90 100%); color: #fff; border-radius: .9rem; padding: 1.25rem 1.3rem; display: flex; flex-direction: column; }
.hg-hmenu__promo-badge { font-weight: 800; font-size: 1.1rem; margin-bottom: .9rem; }
.hg-hmenu__benefits { list-style: none; padding: 0; margin: 0 0 1.1rem; display: flex; flex-direction: column; gap: .5rem; }
.hg-hmenu__benefits li { display: flex; align-items: center; gap: .45rem; font-size: .85rem; }
.hg-hmenu__benefits iconify-icon { font-size: 1.05rem; color: #ffce54; flex: 0 0 auto; }
.hg-hmenu__cta { margin-top: auto; background: #fff; color: #761098 !important; font-weight: 700; text-align: center; padding: .6rem; border-radius: .6rem; text-decoration: none; display: inline-flex; align-items: center; justify-content: center; gap: .3rem; transition: transform .12s ease; }
.hg-hmenu__cta:hover { transform: translateY(-2px); color: #5a0c78 !important; }
@media (max-width: 991px) { .hg-hmenu { flex-direction: column; } .hg-hmenu__promo { display: none; } }

/* ===== Footer (kompakt) ===== */
.hg-footer.section-space-top { padding-top: clamp(2.25rem, 4vw, 3.5rem) !important; }
.hg-footer .section-space-sm-bottom { padding-bottom: clamp(1.25rem, 2.5vw, 2rem) !important; }
.hg-footer .footer-logo { height: 34px !important; width: 158px !important; }
.hg-foot-intro { color: var(--hg-muted, #64748b); font-size: .9rem; line-height: 1.55; max-width: 44ch; margin: 0; }
.hg-foot-copy { color: var(--hg-muted, #94a3b8); line-height: 1.5; }

/* üst şerit ayraç */
.hg-foot-top { border-bottom: 1px solid rgba(15,23,42,.08); }
[data-bs-theme=dark] .hg-foot-top { border-bottom-color: rgba(255,255,255,.08); }
.hg-foot-top .hg-foot-intro { border-left: 3px solid; border-image: linear-gradient(180deg,#bf0b90,#761098) 1; padding-left: .85rem; }

/* başlıklar + marka aksanı */
.hg-foot-h { font-size: 1rem; font-weight: 700; margin-bottom: 1rem; padding-bottom: .45rem; position: relative; color: var(--hg-ink, #0f172a); }
.hg-foot-h::after { content: ""; position: absolute; left: 0; bottom: 0; width: 28px; height: 3px; border-radius: 3px; background: linear-gradient(90deg,#bf0b90,#761098); }
[data-bs-theme=dark] .hg-foot-h { color: #f1f5f9; }

/* linkler */
.hg-foot-link { display: inline-block; font-size: .9rem; color: var(--hg-muted, #64748b); text-decoration: none; transition: color .15s ease, transform .15s ease; }
.hg-foot-link:hover { color: #761098; transform: translateX(3px); }
[data-bs-theme=dark] .hg-foot-link { color: #aab2c5; }
[data-bs-theme=dark] .hg-foot-link:hover { color: #d8a9ee; }

/* ödüller */
.hg-foot-label { font-size: .72rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--hg-muted, #94a3b8); }
.hg-award-box { display: inline-flex; align-items: center; justify-content: center; width: 46px; height: 46px; padding: 4px; border-radius: 10px; background: #fff; border: 1px solid rgba(15,23,42,.07); box-shadow: 0 4px 12px rgba(15,23,42,.06); transition: transform .18s ease, box-shadow .18s ease; flex: 0 0 auto; }
.hg-award-box:hover { transform: translateY(-3px); box-shadow: 0 8px 20px rgba(118,16,152,.16); }
.hg-award-box .hg-award { max-width: 100%; max-height: 100%; width: auto; height: auto; object-fit: contain; display: block; filter: none; }
[data-bs-theme=dark] .hg-award-box { background: #f4f6fb; border-color: rgba(255,255,255,.08); }

/* Hizmetlerimiz: geniş ekranda 2 sütun, dar ekranda tek */
.hg-foot-services { margin-bottom: 0; }
@media (min-width: 768px){
  .hg-foot-services { display: block !important; columns: 2; -webkit-columns: 2; column-gap: 1.25rem; }
  .hg-foot-services > li { break-inside: avoid; -webkit-column-break-inside: avoid; }
}
.hg-foot-services > li { margin-bottom: .4rem; }

/* alt bar */
footer .border-dark-subtle.border-top { border-color: rgba(15,23,42,.08) !important; }
[data-bs-theme=dark] footer .border-dark-subtle.border-top { border-color: rgba(255,255,255,.08) !important; }

/* ===== Data Center: alt taşmayı engelle ===== */
.data-center-location-section { padding-bottom: clamp(3.5rem, 6vw, 6.5rem); overflow: hidden; }
.data-center-location-section .hg-loc-list { margin-bottom: 0 !important; }

/* ===== Teknoloji logo grid (hosting paket teknolojileri) ===== */
.hg-tech-tile { border: 1px solid rgba(15,23,42,.07); transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease; }
.hg-tech-tile:hover { transform: translateY(-4px); box-shadow: 0 12px 28px rgba(118,16,152,.12); border-color: rgba(118,16,152,.25); }
.hg-tech-logo { width: 100%; height: 40px; display: grid; place-content: center; }
.hg-tech-logo img { height: 34px; width: auto; max-width: 140px; object-fit: contain; }
[data-bs-theme=dark] .hg-tech-tile { border-color: rgba(255,255,255,.08); }
/* tek renkli (siyah) simple-icons logoları koyu zeminde görünür kıl */
[data-bs-theme=dark] .hg-tech-logo img[src$="cpanel.svg"],
[data-bs-theme=dark] .hg-tech-logo img[src$="php.svg"],
[data-bs-theme=dark] .hg-tech-logo img[src$="nodejs.svg"],
[data-bs-theme=dark] .hg-tech-logo img[src$="python.svg"],
[data-bs-theme=dark] .hg-tech-logo img[src$="letsencrypt.svg"],
[data-bs-theme=dark] .hg-tech-logo img[src$="wp-toolkit.svg"] { filter: invert(1) brightness(1.6); }
/* Softaculous logosu beyaz-şeffaf: açık temada koyulaştır, koyu temada beyaz bırak */
.hg-tech-logo img[src$="softaculous.png"] { filter: brightness(0); }
[data-bs-theme=dark] .hg-tech-logo img[src$="softaculous.png"] { filter: none; }

/* demo kart logoları */
.hg-demo-logo { display: block; height: 40px; }
.hg-demo-logo img { height: 40px; max-width: 160px; width: auto; object-fit: contain; }
[data-bs-theme=dark] .hg-demo-logo img[src$="cpanel.svg"] { filter: invert(1) brightness(1.6); }
.hg-demo-logo img[src$="softaculous.png"] { filter: brightness(0); }
[data-bs-theme=dark] .hg-demo-logo img[src$="softaculous.png"] { filter: none; }

/* ===== FIX: tema style.css .bg-primary'yi bg-opacity utility'lerinden SONRA tanımlayıp
   --bs-bg-opacity'i 1'e sıfırlıyor; bu yüzden "bg-primary bg-opacity-5" her yerde SOLID çıkıyordu.
   brand.css en son yüklendiği için !important ile doğru opaklıkları geri veriyoruz. ===== */
.bg-primary.bg-opacity-5  { background-color: rgba(var(--bs-primary-rgb), .05) !important; }
.bg-primary.bg-opacity-10 { background-color: rgba(var(--bs-primary-rgb), .10) !important; }
.bg-primary.bg-opacity-25 { background-color: rgba(var(--bs-primary-rgb), .25) !important; }
.bg-primary.bg-opacity-50 { background-color: rgba(var(--bs-primary-rgb), .50) !important; }
.bg-secondary.bg-opacity-5  { background-color: rgba(var(--bs-secondary-rgb), .05) !important; }
.bg-secondary.bg-opacity-10 { background-color: rgba(var(--bs-secondary-rgb), .10) !important; }
.bg-success.bg-opacity-10 { background-color: rgba(var(--bs-success-rgb), .10) !important; }
.border-primary.border-opacity-30 { border-color: rgba(var(--bs-primary-rgb), .30) !important; }

/* Sayfa içi paket anchor'ı: sabit header altında kalmasın */
#paketler { scroll-margin-top: 100px; }

/* ============================================================================
   MEGA MENÜ — DROPDOWN HİZA/BOŞLUK FIX (2026-05-29)
   Sorun: öğe açıklamaları farklı uzunlukta (örn. Google Ads 2 satır,
   diğerleri 1 satır) olduğundan satırlar farklı yükseklikte oluyor ve
   aralarda boşluk açılıyordu. Çözüm: tüm açıklamaları tek satıra clamp et +
   link satırlarına eşit min-height ver. Tüm dropdown'larda tutarlı.
   ============================================================================ */
.primary-header .navigation-2__menu-text {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  overflow: hidden;
  margin: 0;
}
.primary-header .navigation-2__menu-link {
  align-items: center !important;
  min-height: 3.25rem;
}
/* grid satırları aynı yükseklikte hizalansın (içerik az olsa da yamulmasın) */
.primary-header .navigation-2__menu-list > ul.list { align-items: stretch; }
.primary-header .navigation-2__menu-list > ul.list > li { display: flex; }
.primary-header .navigation-2__menu-list > ul.list > li > a { width: 100%; }

/* ============================================================================
   VERİ MERKEZİ MEGA MENÜSÜ — "Server" demo düzeni (tek sütun dikey liste,
   renkli yuvarlak ikon rozeti + bold başlık + açıklama). Gerçek 2 hizmetimiz
   korunur (Sanal Sunucu, DNS Barındırma); demo gibi şık ve dolu görünür.
   ============================================================================ */
@media (min-width: 992px) {
  .primary-header .navigation-2__menu--server { min-width: 320px; width: 340px !important; }
}
.hg-srv { display: flex; flex-direction: column; gap: .35rem; padding: 0; margin: 0; list-style: none; }
.hg-srv > li { display: block; }
.hg-srv__link {
  align-items: center;
  padding: .6rem .55rem;
  border-radius: .65rem;
  text-decoration: none;
  transition: background .18s ease, transform .18s ease;
}
.hg-srv__link:hover { background: #f4e9fd; transform: translateY(-1px); }
.hg-srv__ico {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  display: grid;
  place-content: center;
  flex: 0 0 auto;
}
.hg-srv__ico iconify-icon { color: #fff !important; }
.hg-srv__title { font-size: .95rem; color: var(--hg-ink, #0f172a); line-height: 1.25; }
.hg-srv__link:hover .hg-srv__title { color: #761098; }
.hg-srv__text {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  overflow: hidden;
  color: var(--hg-muted, #64748b);
  line-height: 1.3;
  margin: 0;
}
[data-bs-theme=dark] .hg-srv__link:hover { background: rgba(255,255,255,.06); }
[data-bs-theme=dark] .hg-srv__title { color: #f1f5f9; }
[data-bs-theme=dark] .hg-srv__link:hover .hg-srv__title { color: #d8a9ee; }
[data-bs-theme=dark] .hg-srv__text { color: #94a3b8; }

/* ===== Hostragons karşılaştırma tablosu ipucu (tooltip) — CSS-only, mobil uyumlu ===== */
/* Kullanım: <span class="hg-tip" tabindex="0" data-tip="Açıklama metni">
              <iconify-icon icon="solar:question-circle-linear"></iconify-icon></span>
   Masaüstünde hover, dokunmatik/klavyede focus ile açılır. */
.hg-tip {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-inline-start: .35rem;
	width: 1.05rem;
	height: 1.05rem;
	color: #9aa3b2;
	cursor: help;
	vertical-align: middle;
	outline: none;
	transition: color .15s ease;
}
.hg-tip:hover,
.hg-tip:focus-visible { color: #761098; }
.hg-tip > iconify-icon { font-size: 1.05rem; line-height: 1; }
.hg-tip__bubble {
	position: absolute;
	bottom: calc(100% + 9px);
	left: 50%;
	transform: translateX(-50%) translateY(4px);
	z-index: 30;
	min-width: 180px;
	max-width: 260px;
	padding: .55rem .7rem;
	border-radius: .5rem;
	background: #1f2330;
	color: #f1f5f9;
	font-size: .78rem;
	font-weight: 400;
	line-height: 1.45;
	text-align: left;
	white-space: normal;
	box-shadow: 0 10px 30px rgba(15, 23, 42, .28);
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transition: opacity .15s ease, transform .15s ease, visibility .15s;
}
.hg-tip__bubble::after {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	transform: translateX(-50%);
	border: 6px solid transparent;
	border-top-color: #1f2330;
}
.hg-tip:hover .hg-tip__bubble,
.hg-tip:focus .hg-tip__bubble,
.hg-tip:focus-within .hg-tip__bubble {
	opacity: 1;
	visibility: visible;
	transform: translateX(-50%) translateY(0);
}
[data-bs-theme=dark] .hg-tip__bubble { background: #2a2f3d; color: #f8fafc; }
[data-bs-theme=dark] .hg-tip__bubble::after { border-top-color: #2a2f3d; }
/* Tablonun ilk hücresinde (etiketler) ipucu balonu taşmasın diye sola hizalı varyant */
.hg-tip--start .hg-tip__bubble { left: 0; transform: translateX(0) translateY(4px); }
.hg-tip--start .hg-tip__bubble::after { left: 12px; transform: none; }
.hg-tip--start:hover .hg-tip__bubble,
.hg-tip--start:focus .hg-tip__bubble,
.hg-tip--start:focus-within .hg-tip__bubble { transform: translateX(0) translateY(0); }
/* Çok dar ekranlarda balonu sınırla */
@media (max-width: 575.98px) {
	.hg-tip__bubble { max-width: 200px; min-width: 150px; }
}

/* ── WS3: responsive fixes (mobile/tablet horizontal-overflow) ───────────────── */
/* Decorative hover tooltips are position:absolute + visibility:hidden, so their box
   still pushes page width when an icon sits near the right edge → use clip (keeps
   position:sticky working, unlike overflow:hidden) to kill horizontal page scroll. */
html, body { overflow-x: clip; }
/* Comparison/pricing tables in page content (Bootstrap .table, not .blog-content
   which is already handled) must scroll internally instead of breaking the layout. */
@media (max-width: 991.98px) {
  .container .table:not(.blog-content .table) { display: block; width: 100%; max-width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }
}
/* Tooltip never wider than the small-screen viewport. */
@media (max-width: 575.98px) {
  .hg-tip__bubble { max-width: min(240px, calc(100vw - 28px)); }
}

/* ── WS4: content map (ez-toc) — restyle bare WordPress TOC into a modern card ── */
.blog-content #ez-toc-container,
.blog-content .ez-toc-v2_0_83,
.blog-content div[class*="ez-toc"] {
  background: color-mix(in srgb, var(--bs-primary, #761098) 5%, var(--bs-body-bg, #fff));
  border: 1px solid color-mix(in srgb, var(--bs-primary, #761098) 14%, transparent);
  border-left: 4px solid var(--bs-primary, #761098);
  border-radius: 14px; padding: 1.1rem 1.35rem; margin: 1.25rem 0 1.75rem;
  box-shadow: 0 6px 22px rgba(118, 16, 152, .06); float: none; width: 100%;
}
.blog-content .ez-toc-title-container { margin-bottom: .5rem; display: flex; align-items: center; gap: .4rem; }
.blog-content .ez-toc-title { font-weight: 700; font-size: 1.02rem; color: var(--bs-primary, #761098); cursor: default; letter-spacing: .2px; text-transform: none; }
.blog-content .ez-toc-title-container::before {
  content: ""; width: 18px; height: 18px; flex: 0 0 18px; background: var(--bs-primary, #761098);
  -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="black" d="M3 5h18v2H3zm0 6h12v2H3zm0 6h18v2H3z"/></svg>') center/contain no-repeat;
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="black" d="M3 5h18v2H3zm0 6h12v2H3zm0 6h18v2H3z"/></svg>') center/contain no-repeat;
}
.blog-content #ez-toc-container nav > ul, .blog-content .ez-toc-list { list-style: none; margin: 0; padding: 0; counter-reset: eztoc; }
.blog-content .ez-toc-list li { margin: .18rem 0; padding: 0; }
.blog-content .ez-toc-list a, .blog-content .ez-toc-link { text-decoration: none; color: var(--bs-emphasis-color, #1f2330); font-size: .93rem; display: inline-flex; align-items: baseline; gap: .5rem; padding: .15rem 0; border: 0; transition: color .15s ease; }
.blog-content .ez-toc-list > li > a::before { counter-increment: eztoc; content: counter(eztoc) "."; color: var(--bs-primary, #761098); font-weight: 700; font-size: .82rem; min-width: 1.4em; }
.blog-content .ez-toc-list a:hover, .blog-content .ez-toc-link:hover { color: var(--bs-primary, #761098); text-decoration: none; }
.blog-content .ez-toc-list ul { list-style: none; margin: .1rem 0 .1rem 1.5rem; padding: 0; }
.blog-content .ez-toc-list ul a::before { content: "–"; color: color-mix(in srgb, var(--bs-primary, #761098) 60%, transparent); min-width: 1em; }
.blog-content .ez-toc-title-toggle { margin-left: auto; }
.blog-content .ez-toc-title-toggle a { color: var(--bs-secondary-color, #6c757d); }
[data-bs-theme="dark"] .blog-content div[class*="ez-toc"] { background: color-mix(in srgb, var(--bs-primary, #761098) 12%, var(--bs-body-bg, #171a23)); }

/* ── WS3b: kullanıcı raporları — tablet hero, mobil nav dropdown, tooltip stacking ── */
/* 1) Sabit header sayfanın ÜZERİNE biner ve hero içeriği viewport'a dikey ortalanır —
      kısa/tablet viewport'larda başlığın ilk satırı header'ın ALTINA giriyordu. Hero'ya
      header yüksekliği kadar üst dolgu ver (ortalama hesabına dahil olur, binme biter). */
.hero-3 { padding-top: 9.75rem; }
@media (max-width: 991.98px) {
  .hero-3 { padding-top: 8rem; }
}
@media (max-width: 575.98px) {
  .hero-3 { padding-top: 8.5rem; }
}
/* 2) Mobil/tablet açılır menü: absolute+sabit-genişlik dropdown'lar 390px'te sağa-sola
      taşıyordu → collapse içinde DAİMA static ve tam-genişlik (standart mobil desen). */
@media (max-width: 991.98px) {
  .navbar-collapse .dropdown-menu,
  .navbar-collapse .hg-tools__menu {
    position: static !important; inset: auto !important; transform: none !important;
    width: 100% !important; min-width: 0 !important; max-width: 100% !important;
    box-shadow: none; border: 0; margin: 0 0 .25rem;
  }
  .navbar-collapse .hg-tools__grid { grid-template-columns: 1fr !important; }
  .navbar-collapse { max-height: calc(100vh - 72px); overflow-y: auto; overflow-x: hidden; }
}
/* 3) "?" tooltip komşu kartın ALTINDA kalıyordu: hover'da hem balona çok yüksek z-index
      ver hem de balonu taşıyan kartı/satırı/kolonu kardeşlerinin üstüne çıkar. */
.hg-tip__bubble { z-index: 1070; }
li:has(> .hg-tip:hover), li:has(.hg-tip:focus-within),
.card:has(.hg-tip:hover), .card:has(.hg-tip:focus-within),
[class*="col-"]:has(.hg-tip:hover), [class*="col-"]:has(.hg-tip:focus-within) {
  position: relative; z-index: 1060;
}

/* ── WS3c: navigation-2 mega-menü mobil taşması ────────────────────────────────
   Alt-menü ul'ları INLINE style ile 2 kolonlu grid (min 210px/kolon) → 390px'te
   sağa taşıyordu. Inline'ı yalnızca !important ezer: mobil/tablet menüde tek kolon,
   menü panelleri static/tam-genişlik. */
@media (max-width: 991.98px) {
  .navbar-collapse .navigation-2__menu,
  .navbar-collapse .navigation-2__sub-menu {
    position: static !important; inset: auto !important; transform: none !important;
    width: 100% !important; min-width: 0 !important; max-width: 100% !important;
    box-shadow: none !important; border: 0;
  }
  .navbar-collapse .navigation-2__menu ul,
  .navbar-collapse .navigation-2 ul.list {
    display: grid !important;
    grid-template-columns: 1fr !important;
    grid-auto-flow: row !important;
    gap: .4rem 0 !important;
    width: 100%;
  }
  .navbar-collapse .navigation-2__menu-link { width: 100%; min-width: 0; }
  .navbar-collapse .navigation-2__menu-text { white-space: normal; }
}