/* ViHyper Red — tasarım katmanı (Modern tema iskeleti üzerine). Renkler token'lardan gelir. */
:root {
  --vh-bg: #ffffff;
  --vh-bg-soft: #fff8f8;
  --vh-rose-100: #fff0f2;
  --vh-rose-200: #ffe0e5;
  --vh-rose-300: #ffc0cb;
  --vh-coral: #e94f65;
  --vh-red: #c42d49;
  --vh-red-700: #b4233f;
  --vh-red-800: #8f1e35;
  --vh-ink: #273040;
  --vh-ink-2: #3a4456;
  --vh-muted: #5a6575;
  --vh-line: #eadfe3;
  --vh-line-2: #f3e9ec;
  --vh-navy: #1d2433;
  --vh-success: #18794e;
  --vh-radius-sm: 10px;
  --vh-radius: 16px;
  --vh-radius-lg: 24px;
  --vh-shadow: 0 12px 40px rgb(143 30 53 / 7%);
  --vh-shadow-lg: 0 24px 60px rgb(143 30 53 / 12%);
  --vh-ease: cubic-bezier(.2, .8, .2, 1);
  --vh-font: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --vh-head: "Manrope", "Inter", system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
  --vh-gutter: clamp(16px, 3vw, 40px);
}

/* ---------- Temel ---------- */
html { scroll-behavior: smooth; }
body { background: var(--vh-bg) !important; color: var(--vh-ink) !important; font-family: var(--vh-font) !important; font-size: 16px; line-height: 1.6; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }
body, input, select, textarea, button { font-family: var(--vh-font); }
h1, h2, h3, h4, h5 { font-family: var(--vh-head); color: var(--vh-ink); letter-spacing: -.01em; }
a { color: var(--vh-red-700); transition: color .16s var(--vh-ease); }
a:hover { color: var(--vh-red-800); }
:focus-visible { outline: 3px solid rgb(196 45 73 / 45%); outline-offset: 2px; border-radius: 6px; }
::selection { background: var(--vh-rose-200); color: var(--vh-red-800); }
img { max-width: 100%; height: auto; }
#wrapper { width: auto !important; max-width: 1280px !important; margin: 0 auto !important; padding-left: var(--vh-gutter); padding-right: var(--vh-gutter); box-sizing: border-box; float: none !important; }
#wrapper #wrapper { padding-left: 0; padding-right: 0; }
.vh-skip { position: absolute; left: -9999px; top: 8px; z-index: 10000; background: var(--vh-red); color: #fff !important; padding: 10px 16px; border-radius: 10px; font-weight: 700; }
.vh-skip:focus { left: 12px; }
.vh-sr { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }

/* ---------- Butonlar (tema ve WISECP sınıfları) ---------- */
.vh-btn, .gonderbtn, a.gonderbtn, .yesilbtn, .mavibtn, .turuncbtn, .lbtn.green, .graybtn, .redbtn, input[type="submit"].gonderbtn {
  display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 46px; padding: 0 22px !important; border-radius: 12px !important;
  font: 700 15px/1 var(--vh-font) !important; letter-spacing: .01em; text-transform: none !important; text-decoration: none !important; cursor: pointer;
  border: 0 !important; box-shadow: none; transition: transform .18s var(--vh-ease), box-shadow .18s var(--vh-ease), background-color .18s; box-sizing: border-box;
}
.vh-btn-primary, .gonderbtn, a.gonderbtn, .yesilbtn, .lbtn.green, input[type="submit"].gonderbtn { background: var(--vh-red) !important; color: #fff !important; box-shadow: 0 8px 22px rgb(196 45 73 / 28%); }
.vh-btn-primary:hover, .gonderbtn:hover, a.gonderbtn:hover, .yesilbtn:hover, .lbtn.green:hover { background: var(--vh-red-700) !important; color: #fff !important; transform: translateY(-2px); box-shadow: 0 12px 28px rgb(196 45 73 / 34%); }
.vh-btn-ghost, .graybtn, .mavibtn, .turuncbtn { background: #fff !important; color: var(--vh-red-700) !important; border: 1.5px solid var(--vh-rose-300) !important; }
.vh-btn-ghost:hover, .graybtn:hover, .mavibtn:hover, .turuncbtn:hover { border-color: var(--vh-red) !important; background: var(--vh-rose-100) !important; color: var(--vh-red-800) !important; }
.lbtn { border-radius: 12px !important; font-family: var(--vh-font) !important; }

/* ---------- Formlar ---------- */
input[type="text"], input[type="email"], input[type="password"], input[type="tel"], input[type="number"], input[type="search"], select, textarea {
  border: 1.5px solid var(--vh-line) !important; border-radius: 12px !important; background: #fff !important; color: var(--vh-ink) !important; font-size: 15px !important; min-height: 46px; padding: 10px 14px !important; box-sizing: border-box; transition: border-color .16s, box-shadow .16s; box-shadow: none !important;
}
textarea { min-height: 110px; }
input:focus, select:focus, textarea:focus { border-color: var(--vh-red) !important; box-shadow: 0 0 0 4px rgb(196 45 73 / 12%) !important; outline: 0; }
.checkbox-custom + .checkbox-custom-label:before, .radio-custom + .radio-custom-label:before { border-color: var(--vh-rose-300) !important; border-radius: 6px; }
.checkbox-custom:checked + .checkbox-custom-label:before { background: var(--vh-red) !important; border-color: var(--vh-red) !important; }

/* ---------- Üst menü (yeni başlık) ---------- */
.vh-top { background: var(--vh-navy); color: #e6e9f0; font-size: 13.5px; }
.vh-top .vh-wrap { display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 38px; }
.vh-top a { color: #e6e9f0 !important; text-decoration: none; display: inline-flex; align-items: center; gap: 6px; }
.vh-top a:hover { color: #fff !important; }
.vh-top-l, .vh-top-r { display: flex; align-items: center; gap: 18px; }
.vh-wrap { max-width: 1280px; margin: 0 auto; padding-left: var(--vh-gutter); padding-right: var(--vh-gutter); box-sizing: border-box; }
.vh-header { position: sticky; top: 0; z-index: 900; background: rgb(255 255 255 / 94%); backdrop-filter: saturate(160%) blur(10px); border-bottom: 1px solid var(--vh-line-2); }
.vh-header .vh-wrap { display: flex; align-items: center; gap: 24px; height: 76px; }
.vh-logo { display: flex; align-items: center; flex: none; }
.vh-logo img { height: 40px; width: auto; display: block; }
.vh-nav { flex: 1; min-width: 0; }
.vh-nav > ul { list-style: none; display: flex; align-items: center; justify-content: center; gap: 2px; margin: 0; padding: 0; }
.vh-nav > ul > li { position: relative; }
.vh-nav > ul > li > a { display: inline-flex; align-items: center; gap: 6px; height: 76px; padding: 0 14px; color: var(--vh-ink) !important; font: 650 15px/1 var(--vh-font); text-decoration: none; text-transform: none; white-space: nowrap; position: relative; }
.vh-nav > ul > li > a::after { content: ""; position: absolute; left: 14px; right: 14px; bottom: 18px; height: 2px; border-radius: 2px; background: var(--vh-red); transform: scaleX(0); transform-origin: left; transition: transform .22s var(--vh-ease); }
.vh-nav > ul > li:hover > a, .vh-nav > ul > li:focus-within > a { color: var(--vh-red-700) !important; }
.vh-nav > ul > li:hover > a::after, .vh-nav > ul > li:focus-within > a::after { transform: scaleX(1); }
.vh-nav .fa-caret-down { font-size: 12px; opacity: .6; transition: transform .2s; }
.vh-nav > ul > li:hover .fa-caret-down { transform: rotate(180deg); }
.vh-nav .menu_tag { float: none !important; margin: 0 !important; position: absolute; top: 12px; right: 4px; font-size: 10.5px !important; padding: 1px 6px !important; border-radius: 999px !important; }
/* Açılır menü ve mega menü */
.vh-nav li > ul, .vh-nav #megamenu { position: absolute; top: calc(100% - 6px); left: 50%; transform: translate(-50%, 8px); min-width: 260px; margin: 0; padding: 10px; list-style: none; background: #fff; border: 1px solid var(--vh-line); border-radius: 18px; box-shadow: var(--vh-shadow-lg); opacity: 0; visibility: hidden; transition: opacity .2s var(--vh-ease), transform .2s var(--vh-ease), visibility .2s; z-index: 950; }
.vh-nav li:hover > ul, .vh-nav li:focus-within > ul, .vh-nav li:hover > #megamenu, .vh-nav li:focus-within > #megamenu { opacity: 1; visibility: visible; transform: translate(-50%, 0); }
.vh-nav li > ul li a { display: flex; align-items: center; gap: 10px; padding: 10px 12px; border-radius: 10px; color: var(--vh-ink) !important; font-size: 14.5px; font-weight: 550; text-decoration: none; }
.vh-nav li > ul li a:hover { background: var(--vh-rose-100); color: var(--vh-red-700) !important; }
.vh-nav #megamenu { width: min(860px, 92vw); padding: 18px; }
.vh-nav #megamenu, .vh-nav #megamenu * { box-sizing: border-box; }
.vh-nav #megamenu a { color: var(--vh-ink) !important; text-decoration: none; }
.vh-nav #megamenu a:hover { color: var(--vh-red-700) !important; }
.vh-nav #megamenu img { max-height: 54px; width: auto; }
.vh-nav #megamenu h3, .vh-nav #megamenu h4, .vh-nav #megamenu strong { font-family: var(--vh-head); color: var(--vh-ink); }
.vh-nav #megamenu [style*="background"] { background-image: none !important; }
.vh-nav #megamenu .gonderbtn, .vh-nav #megamenu .lbtn { min-height: 40px; }
.vh-actions { display: flex; align-items: center; gap: 10px; flex: none; }
.vh-icon-btn { position: relative; display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; border-radius: 12px; border: 1px solid var(--vh-line); background: #fff; color: var(--vh-ink) !important; text-decoration: none; transition: border-color .16s, color .16s, background .16s; }
.vh-icon-btn:hover { border-color: var(--vh-rose-300); color: var(--vh-red-700) !important; background: var(--vh-rose-100); }
.vh-icon-btn .basket-count { position: absolute; top: -6px; right: -6px; min-width: 20px; height: 20px; padding: 0 5px; border-radius: 999px; background: var(--vh-red); color: #fff; font: 700 11px/20px var(--vh-font); text-align: center; box-sizing: border-box; }
.vh-actions .vh-btn { min-height: 44px; padding: 0 18px !important; }
.vh-burger { display: none; }
.vh-lang img { width: 22px; height: auto; border-radius: 3px; }

/* Mobil çekmece */
.vh-drawer { position: fixed; inset: 0; z-index: 2000; visibility: hidden; }
.vh-drawer.is-open { visibility: visible; }
.vh-drawer-bg { position: absolute; inset: 0; background: rgb(29 36 51 / 45%); opacity: 0; transition: opacity .25s; }
.vh-drawer.is-open .vh-drawer-bg { opacity: 1; }
.vh-drawer-panel { position: absolute; top: 0; right: 0; bottom: 0; width: min(380px, 88vw); background: #fff; box-shadow: -20px 0 60px rgb(29 36 51 / 25%); transform: translateX(100%); transition: transform .3s var(--vh-ease); display: flex; flex-direction: column; }
.vh-drawer.is-open .vh-drawer-panel { transform: none; }
.vh-drawer-head { display: flex; align-items: center; justify-content: space-between; padding: 14px 16px; border-bottom: 1px solid var(--vh-line-2); }
.vh-drawer-head img { height: 34px; width: auto; }
.vh-drawer-body { overflow-y: auto; padding: 8px 12px 24px; flex: 1; }
.vh-drawer-body ul { list-style: none; margin: 0; padding: 0; }
.vh-drawer-body li a { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 13px 10px; border-radius: 10px; color: var(--vh-ink) !important; font-weight: 600; text-decoration: none; }
.vh-drawer-body li a:hover { background: var(--vh-rose-100); }
.vh-drawer-body .inner { display: none; padding-left: 10px; border-left: 2px solid var(--vh-rose-200); margin: 0 0 6px 10px; }
.vh-drawer-body .inner.show { display: block; }
.vh-drawer-body #megamenu { position: static; opacity: 1; visibility: visible; transform: none; box-shadow: none; border: 0; padding: 4px 0 4px 10px; width: auto; }
.vh-drawer-body #megamenu * { float: none !important; width: auto !important; max-width: 100%; }
.vh-drawer-acts { display: grid; gap: 10px; padding: 12px 16px 18px; border-top: 1px solid var(--vh-line-2); }
.vh-drawer-acts .vh-btn { width: 100%; }

@media (max-width: 1180px) {
  .vh-nav > ul > li > a { padding: 0 10px; font-size: 14.5px; }
  .vh-actions .vh-btn-ghost { display: none; }
}
@media (max-width: 1023px) {
  .vh-top-l .vh-hide-m { display: none; }
  .vh-nav { display: none; }
  .vh-burger { display: inline-flex; }
  .vh-header .vh-wrap { height: 64px; justify-content: space-between; }
  .vh-logo img { height: 34px; }
  .vh-actions .vh-btn { display: none; }
}
@media (max-width: 560px) { .vh-top-r .vh-hide-xs { display: none; } }

/* Eski başlık öğelerini gizle (yeni başlık kullanılıyor) */
.header#fullwidth, #mobmenu { display: none !important; }

/* ---------- Sayfa başlığı bandı ---------- */
.sayfaustheader, #header2 { background: linear-gradient(180deg, var(--vh-bg-soft), #fff) !important; background-image: linear-gradient(180deg, var(--vh-bg-soft), #fff) !important; padding: clamp(28px, 5vw, 56px) 0 clamp(20px, 3vw, 32px) !important; border-bottom: 1px solid var(--vh-line-2); position: relative; overflow: hidden; height: auto !important; min-height: 0 !important; }
.sayfaustheader::before { content: ""; position: absolute; right: -120px; top: -160px; width: 420px; height: 420px; border-radius: 50%; background: radial-gradient(closest-side, rgb(233 79 101 / 14%), transparent); pointer-events: none; }
.sayfaustheader .headerwhite { display: none !important; }
.sayfabaslik { text-align: left !important; float: none !important; width: auto !important; position: relative; }
.sayfabaslik h1 { color: var(--vh-ink) !important; font: 800 clamp(28px, 4vw, 44px)/1.15 var(--vh-head) !important; margin: 0 0 10px !important; text-transform: none !important; text-shadow: none !important; text-wrap: balance; }
.sayfabaslik > a { color: var(--vh-muted) !important; font-size: 16.5px !important; display: block; max-width: 760px; text-decoration: none; }
.sayfabaslik .breadcrumb, .sayfabaslik .breadcrumbs, .sayfabaslik ul { margin-top: 14px; }
.sayfabaslik .breadcrumb a, .sayfabaslik [class*="breadcrumb"] a { color: var(--vh-red-700) !important; font-size: 14px; }
.paypasbutonlar a { border-radius: 10px !important; }

/* ---------- Kategori giriş metni (H1 tek: sayfa başlığında) ---------- */
.pakettitle { text-align: center; margin: clamp(28px, 4vw, 48px) auto 22px !important; max-width: 860px; }
.pakettitle .vh-cat-title, .pakettitle h2 { font: 800 clamp(22px, 3vw, 32px)/1.25 var(--vh-head) !important; color: var(--vh-ink) !important; margin: 0 0 8px !important; text-transform: none !important; }
.pakettitle .vh-cat-sub, .pakettitle p, .pakettitle h3 { color: var(--vh-muted) !important; font: 400 17px/1.6 var(--vh-font) !important; margin: 0 !important; text-transform: none !important; }

/* Alt kategori sekmeleri */
.categoriesproduct { display: flex !important; flex-wrap: wrap; justify-content: center; gap: 12px; margin: 10px auto 28px !important; text-align: center; }
.categoriesproduct .lbtn { display: inline-flex !important; flex-direction: column; align-items: center; gap: 8px; width: auto !important; min-width: 180px; padding: 14px 18px !important; background: #fff !important; border: 1.5px solid var(--vh-line) !important; color: var(--vh-ink) !important; font-weight: 700 !important; font-size: 15px !important; float: none !important; margin: 0 !important; height: auto !important; line-height: 1.3 !important; transition: border-color .18s, transform .18s, box-shadow .18s; }
.categoriesproduct .lbtn img { width: 72px !important; height: auto !important; }
.categoriesproduct .lbtn:hover { border-color: var(--vh-rose-300) !important; transform: translateY(-3px); box-shadow: var(--vh-shadow); }
.categoriesproduct .lbtn#category-button-active { border-color: var(--vh-red) !important; background: var(--vh-rose-100) !important; color: var(--vh-red-800) !important; }

/* ---------- Paket kartları (hosting) ---------- */
.tablopaketler { display: grid !important; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 22px; align-items: stretch; margin: 10px 0 40px !important; background: none !important; }
.tablopaketler::after, .tablopaketler .clear { display: none !important; }
.tablepaket { width: auto !important; float: none !important; margin: 0 !important; display: flex; flex-direction: column; background: #fff !important; border: 1px solid var(--vh-line) !important; border-radius: var(--vh-radius-lg) !important; padding: 26px 24px 24px !important; box-shadow: var(--vh-shadow) !important; text-align: left !important; position: relative; transition: transform .25s var(--vh-ease), box-shadow .25s var(--vh-ease), border-color .25s; box-sizing: border-box; }
.tablepaket:hover { transform: translateY(-4px); box-shadow: var(--vh-shadow-lg) !important; border-color: var(--vh-rose-300) !important; }
.tablepaket.tablepopular, .tablepopular { border: 2px solid var(--vh-red) !important; }
.tablepaket .tpakettitle { background: none !important; color: var(--vh-ink) !important; font: 800 18px/1.3 var(--vh-head) !important; padding: 0 !important; margin: 0 0 6px !important; text-align: left !important; text-transform: none !important; letter-spacing: 0; }
.tablepaket .paketline { height: 1px !important; background: var(--vh-line-2) !important; margin: 14px 0 !important; width: 100% !important; border: 0 !important; }
.tablepaket h4 { color: var(--vh-muted) !important; font: 600 13px/1 var(--vh-font) !important; text-transform: uppercase; letter-spacing: .08em; margin: 0 0 6px !important; text-align: left !important; }
.tablepaket h3 { margin: 0 !important; text-align: left !important; }
.amount_spot_view { color: var(--vh-ink) !important; font: 800 36px/1.1 var(--vh-head) !important; font-variant-numeric: tabular-nums; letter-spacing: -.02em; }
.amount_spot_view i, .currposright, .currposleft { font-style: normal !important; font-size: .55em !important; color: var(--vh-red) !important; vertical-align: .55em; margin: 0 2px; }
.products_features { color: var(--vh-ink-2) !important; font-size: 14.5px !important; line-height: 2 !important; text-align: left !important; flex: 1; }
.products_features i.fa { width: 22px; color: var(--vh-red) !important; text-align: center; }
.products_features img { filter: grayscale(.15); max-height: 30px; width: auto; margin: 6px 6px 0 0 !important; }
.tablepaket .gonderbtn { width: 100%; margin-top: 8px !important; }
.tablepaket [class*="popular"], .tablepaket .populartext { background: var(--vh-red) !important; color: #fff !important; border-radius: 999px !important; font-size: 12px !important; padding: 4px 12px !important; }

/* ---------- Karşılaştırma tablosu (sunucular) ---------- */
.sunucular { overflow-x: auto; -webkit-overflow-scrolling: touch; border: 1px solid var(--vh-line); border-radius: var(--vh-radius-lg); box-shadow: var(--vh-shadow); background: #fff; margin: 10px 0 40px !important; }
.sunucular table, table.horizontal-list { border-collapse: separate !important; border-spacing: 0 !important; width: 100% !important; min-width: 860px; font-size: 14.5px; }
.sunucular thead, .sunucular thead th, table.horizontal-list thead th { background: var(--vh-bg-soft) !important; color: var(--vh-ink) !important; font: 700 13px/1.2 var(--vh-font) !important; text-transform: uppercase; letter-spacing: .06em; padding: 16px 14px !important; border-bottom: 1px solid var(--vh-line) !important; }
.sunucular tbody td, table.horizontal-list tbody td { padding: 16px 14px !important; border-bottom: 1px solid var(--vh-line-2) !important; color: var(--vh-ink-2); background: #fff; font-variant-numeric: tabular-nums; }
.sunucular tbody tr { transition: background .16s; }
.sunucular tbody tr:hover td { background: var(--vh-bg-soft) !important; }
.sunucular tbody tr:last-child td { border-bottom: 0 !important; }
.sunucular tbody td strong { color: var(--vh-ink); font-family: var(--vh-head); }
.sunucular .gonderbtn, .sunucular .lbtn { min-height: 40px; padding: 0 16px !important; font-size: 14px !important; white-space: nowrap; }
.dataTables_wrapper .dataTables_filter input { min-height: 38px; }

/* ---------- Özellik ve içerik blokları ---------- */
.ozellikAlanlarim, .hostingdenDahaFazlasi, .sss { margin: 40px 0 !important; }
.ozellikAlanlarim h2, .hostingdenDahaFazlasi h2, .sss h2, .digerhizmetler h2 { font: 800 clamp(22px, 3vw, 32px)/1.25 var(--vh-head) !important; color: var(--vh-ink) !important; text-transform: none !important; }
.ozellikAlanlarim h3, .ozellikAlanlarim h4 { font-family: var(--vh-head) !important; color: var(--vh-ink) !important; }
.ozellikAlanlarim i.fa, .hostingdenDahaFazlasi i.fa { color: var(--vh-red) !important; }
.sss .toggle, .accordion .toggle { border: 1px solid var(--vh-line) !important; border-radius: 14px !important; background: #fff !important; }
.digerhzmucgen { display: none !important; }
.digerhmzinfo { border-radius: var(--vh-radius) !important; }

/* ---------- Alan adı ---------- */
.uzantibox { background: #fff !important; border: 1px solid var(--vh-line) !important; border-radius: var(--vh-radius) !important; box-shadow: var(--vh-shadow); transition: transform .2s var(--vh-ease), border-color .2s; }
.uzantibox:hover { transform: translateY(-3px); border-color: var(--vh-rose-300) !important; }
.uzantibox .tld-name, .uzantibox h4 { color: var(--vh-red-700) !important; font-family: var(--vh-head) !important; }
.domdiscount { background: var(--vh-red) !important; border-radius: 999px !important; }

/* ---------- Altbilgi ---------- */
.footer { background: var(--vh-navy) !important; background-image: none !important; color: #c9cfdb !important; padding: 56px 0 28px !important; margin-top: 40px; }
.footer a { color: #c9cfdb !important; text-decoration: none; }
.footer a:hover { color: #fff !important; }
.footer h3, .footer h4, .footer .footblok h3 { color: #fff !important; font-family: var(--vh-head) !important; font-size: 16px !important; text-transform: none !important; letter-spacing: 0; }
.footer .footblok a { font-size: 14.5px; line-height: 2; }
.footer .line { background: rgb(255 255 255 / 10%) !important; height: 1px !important; }
.footslogan h4 { color: #c9cfdb !important; font-weight: 500 !important; }
.footslogan h2 a { color: #fff !important; font-family: var(--vh-head); }
.footsosyal a { border-radius: 12px !important; background: rgb(255 255 255 / 8%) !important; }
.footsosyal a:hover { background: var(--vh-red) !important; }
.footlogos { display: flex !important; flex-wrap: wrap; justify-content: center; align-items: center; gap: clamp(18px, 4vw, 48px); padding: 28px var(--vh-gutter) !important; border-top: 1px solid var(--vh-line-2); background: #fff !important; }
.footlogos img { filter: grayscale(1); opacity: .65; transition: filter .2s, opacity .2s; max-height: 34px; width: auto !important; }
.footlogos img:hover { filter: none; opacity: 1; }
.ebulten { background: var(--vh-rose-100) !important; border-radius: var(--vh-radius-lg); max-width: 1200px; margin: 30px auto !important; }

/* ---------- Genel kart ve tablolar (müşteri paneli dahil, hafif dokunuş) ---------- */
.padding20, .padding30 { box-sizing: border-box; }
table.dataTable thead th { background: var(--vh-bg-soft) !important; color: var(--vh-ink) !important; }
.swal2-confirm { background: var(--vh-red) !important; }

/* ---------- Hareket ---------- */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; scroll-behavior: auto !important; }
  [data-aos] { opacity: 1 !important; transform: none !important; }
}

/* ---------- Ana sayfa girişi ---------- */
.vh-nav li.is-open > ul, .vh-nav li.is-open > #megamenu { opacity: 1; visibility: visible; transform: translate(-50%, 0); }
.vh-hero { position: relative; overflow: hidden; background: radial-gradient(1200px 520px at 85% -10%, var(--vh-rose-100), transparent 60%), linear-gradient(180deg, #fff, var(--vh-bg-soft)); padding: clamp(36px, 6vw, 80px) 0 clamp(32px, 5vw, 64px); border-bottom: 1px solid var(--vh-line-2); }
.vh-hero-in { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr); gap: clamp(24px, 4vw, 56px); align-items: center; }
.vh-eyebrow { display: inline-flex; align-items: center; gap: 8px; margin: 0 0 16px; padding: 7px 14px; border-radius: 999px; background: #fff; border: 1px solid var(--vh-rose-200); color: var(--vh-red-700); font: 700 13px/1 var(--vh-font); letter-spacing: .04em; text-transform: uppercase; }
.vh-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--vh-red); box-shadow: 0 0 0 0 rgb(196 45 73 / 45%); animation: vhPulse 2.2s infinite; }
@keyframes vhPulse { 70% { box-shadow: 0 0 0 8px rgb(196 45 73 / 0); } 100% { box-shadow: 0 0 0 0 rgb(196 45 73 / 0); } }
.vh-hero h1 { font: 800 clamp(34px, 4.8vw, 62px)/1.08 var(--vh-head) !important; letter-spacing: -.025em; color: var(--vh-ink) !important; margin: 0 0 18px !important; text-wrap: balance; text-transform: none !important; }
.vh-hero h1 em { font-style: normal; background: linear-gradient(90deg, var(--vh-red), var(--vh-coral)); -webkit-background-clip: text; background-clip: text; color: transparent; }
.vh-hero-lead { font-size: clamp(16.5px, 1.6vw, 19px); line-height: 1.6; color: var(--vh-muted); max-width: 560px; margin: 0 0 28px; }
.vh-hero-cta { display: flex; flex-wrap: wrap; gap: 12px; }
.vh-btn-lg { min-height: 54px !important; padding: 0 26px !important; font-size: 16px !important; border-radius: 14px !important; }
.vh-hero-art svg { width: 100%; height: auto; max-width: 560px; display: block; margin-left: auto; }
.vh-a-flow { animation: vhFlow 1.6s linear infinite; }
@keyframes vhFlow { to { stroke-dashoffset: -36; } }
.vh-a-led { animation: vhLed 1.8s ease-in-out infinite; }
.vh-d2 { animation-delay: .5s !important; } .vh-d3 { animation-delay: 1s !important; }
@keyframes vhLed { 0%, 100% { opacity: 1; } 50% { opacity: .35; } }
.vh-a-float { animation: vhFloat 6s ease-in-out infinite; }
@keyframes vhFloat { 0%, 100% { translate: 0 0; } 50% { translate: 0 -8px; } }
.vh-a-ring { transform-origin: 300px 240px; animation: vhRing 4s ease-out infinite; }
@keyframes vhRing { 0% { scale: .92; opacity: .7; } 100% { scale: 1.06; opacity: 0; } }
.vh-services { list-style: none; margin: clamp(28px, 4vw, 48px) 0 0; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
.vh-services a { display: flex; flex-direction: column; gap: 8px; height: 100%; padding: 20px; background: #fff; border: 1px solid var(--vh-line); border-radius: var(--vh-radius); text-decoration: none; color: var(--vh-ink) !important; box-shadow: 0 4px 16px rgb(143 30 53 / 5%); transition: transform .22s var(--vh-ease), box-shadow .22s, border-color .22s; box-sizing: border-box; }
.vh-services a:hover { transform: translateY(-4px); box-shadow: var(--vh-shadow-lg); border-color: var(--vh-rose-300); }
.vh-svc-ic { width: 44px; height: 44px; border-radius: 12px; display: inline-flex; align-items: center; justify-content: center; background: var(--vh-rose-100); color: var(--vh-red); font-size: 20px; }
.vh-svc-t { font: 800 17px/1.3 var(--vh-head); }
.vh-svc-d { font-size: 14px; line-height: 1.5; color: var(--vh-muted); flex: 1; }
.vh-svc-go { font-size: 14px; font-weight: 700; color: var(--vh-red-700); display: inline-flex; align-items: center; gap: 6px; }
.vh-services a:hover .vh-svc-go i { translate: 3px 0; transition: translate .2s; }
@media (max-width: 1023px) {
  .vh-hero-in { grid-template-columns: minmax(0, 1fr); }
  .vh-hero-art svg { max-width: 420px; margin: 0 auto; }
  .vh-services { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 560px) {
  .vh-hero-art { display: none; }
  .vh-services { grid-template-columns: minmax(0, 1fr); gap: 10px; }
  .vh-services a { flex-direction: row; flex-wrap: wrap; align-items: center; padding: 14px; }
  .vh-svc-d { display: none; }
  .vh-svc-go { margin-left: auto; }
  .vh-hero-cta .vh-btn { width: 100%; }
}

/* Kategori: başlık sayfa bandında H1; buradaki tekrar başlığı gizle, alt başlığı açıklama gibi göster */
.sayfaustheader ~ #wrapper .pakettitle > h2.vh-h:first-child, .sayfaustheader ~ div .pakettitle > h2.vh-h:first-child { display: none !important; }
.pakettitle h2:not(.vh-h) { font: 500 clamp(17px, 1.8vw, 20px)/1.55 var(--vh-font) !important; color: var(--vh-muted) !important; max-width: 760px; margin: 0 auto !important; }
.vh-h { text-transform: none !important; }
/* Ana sayfa blok başlıkları (eski H1 → H2) */
#wrapper h2.vh-h, .vh-h strong { font-family: var(--vh-head) !important; }

/* ---------- Yeni altbilgi ---------- */
.vh-footer { padding: 0 0 24px !important; }
.vh-fcta { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 20px; padding: 32px; margin: 0 0 48px; transform: translateY(-40px); border-radius: var(--vh-radius-lg); background: linear-gradient(120deg, var(--vh-red-800), var(--vh-red) 55%, var(--vh-coral)); box-shadow: 0 20px 50px rgb(143 30 53 / 30%); }
.vh-fcta-t { margin: 0; font: 800 clamp(20px, 2.4vw, 28px)/1.25 var(--vh-head); color: #fff; }
.vh-fcta-s { margin: 6px 0 0; color: rgb(255 255 255 / 85%); }
.vh-fcta-a { display: flex; flex-wrap: wrap; gap: 10px; }
.vh-fcta .vh-btn-primary { background: #fff !important; color: var(--vh-red-800) !important; box-shadow: none; }
.vh-fcta .vh-btn-primary:hover { background: var(--vh-rose-100) !important; color: var(--vh-red-800) !important; }
.vh-btn-onDark { background: rgb(255 255 255 / 12%) !important; color: #fff !important; border: 1px solid rgb(255 255 255 / 35%) !important; }
.vh-btn-onDark:hover { background: rgb(255 255 255 / 22%) !important; color: #fff !important; }
.vh-fgrid { display: grid; grid-template-columns: minmax(220px, 1.3fr) repeat(auto-fit, minmax(160px, 1fr)); gap: 32px; padding-bottom: 36px; border-bottom: 1px solid rgb(255 255 255 / 10%); }
.vh-fbrand .footlogo { height: 44px; width: auto; filter: brightness(0) invert(1); opacity: .95; margin-bottom: 14px; }
.vh-faddr { font-size: 14.5px; line-height: 1.6; color: #c9cfdb; margin: 0 0 16px; }
.vh-social { display: flex; gap: 8px; flex-wrap: wrap; }
.vh-social a { width: 40px; height: 40px; display: inline-flex !important; align-items: center; justify-content: center; border-radius: 12px; background: rgb(255 255 255 / 8%); color: #fff !important; float: none !important; margin: 0 !important; }
.vh-fh { margin: 0 0 12px; color: #fff; font: 700 15.5px/1.3 var(--vh-head); }
.vh-fcol ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 4px; }
.vh-fcol a { font-size: 14.5px; line-height: 1.9; color: #c9cfdb !important; }
.vh-fcol a:hover { color: #fff !important; }
.vh-fbottom { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; padding-top: 20px; font-size: 13.5px; color: #9aa3b5; }
.vh-pay { display: inline-flex; align-items: center; gap: 12px; opacity: .85; }
@media (max-width: 767px) { .vh-fcta { padding: 22px; transform: translateY(-28px); } .vh-fcta-a .vh-btn { width: 100%; } .vh-fgrid { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); } .vh-fbrand { grid-column: 1 / -1; } }

/* Menü sığdırma (1024–1440) */
.vh-header .vh-wrap { gap: 18px; }
.vh-nav > ul { justify-content: flex-start; flex-wrap: nowrap; }
.vh-nav > ul > li > a { padding: 0 11px; font-size: 14.5px; letter-spacing: 0; }
.vh-nav > ul > li > a::after { left: 11px; right: 11px; }
.vh-nav .menu_tag { top: 10px !important; right: auto !important; left: 50% !important; transform: translateX(-50%); font-size: 9.5px !important; line-height: 1.5; padding: 0 6px !important; white-space: nowrap; font-weight: 700 !important; letter-spacing: .03em; }
@media (max-width: 1360px) { .vh-actions .vh-btn-ghost { display: none; } }
@media (max-width: 1240px) { .vh-nav > ul > li > a { padding: 0 8px; font-size: 14px; } .vh-nav > ul > li > a::after { left: 8px; right: 8px; } .vh-logo img { height: 34px; } }
@media (max-width: 1100px) { .vh-actions .vh-btn-primary { display: none; } }

/* Alan adı sorgu kutusu (#DomainCheck) */
#DomainCheck { display: flex !important; gap: 0; max-width: 680px; margin: 0 auto !important; padding: 6px; background: #fff; border: 1.5px solid var(--vh-line); border-radius: 16px; box-shadow: var(--vh-shadow); box-sizing: border-box; }
#DomainCheck:focus-within { border-color: var(--vh-red); box-shadow: 0 0 0 4px rgb(196 45 73 / 12%), var(--vh-shadow); }
#DomainCheck input[name="domain"] { flex: 1; min-width: 0; width: auto !important; border: 0 !important; box-shadow: none !important; background: transparent !important; font-size: 17px !important; height: 52px; margin: 0 !important; float: none !important; }
#DomainCheck input[type="submit"] { flex: none; width: auto !important; height: 52px !important; min-height: 0; margin: 0 !important; padding: 0 28px !important; border: 0 !important; border-radius: 12px !important; background: var(--vh-red) !important; color: #fff !important; font: 700 16px/1 var(--vh-font) !important; cursor: pointer; float: none !important; position: static !important; box-shadow: none !important; }
#DomainCheck input[type="submit"]:hover { background: var(--vh-red-700) !important; }
.spottlds, .spotlight-tlds { font-variant-numeric: tabular-nums; }
/* Menü 1440 altı: kayıt butonunu gizle */
@media (max-width: 1520px) { .vh-actions .vh-btn-ghost { display: none !important; } }

/* Çerez bildirimi (#mio-cookie-popup): alt köşede sade kart */
#mio-cookie-popup { left: 16px !important; right: auto !important; bottom: 16px !important; top: auto !important; width: min(380px, calc(100vw - 32px)) !important; max-width: none !important; height: auto !important; padding: 18px 18px 16px !important; background: #fff !important; color: var(--vh-ink) !important; border: 1px solid var(--vh-line) !important; border-radius: 16px !important; box-shadow: var(--vh-shadow-lg) !important; text-align: left !important; font: 14px/1.55 var(--vh-font) !important; box-sizing: border-box; z-index: 1500 !important; }
#mio-cookie-popup * { color: var(--vh-ink-2) !important; text-align: left !important; font-family: var(--vh-font) !important; }
#mio-cookie-popup h1, #mio-cookie-popup h2, #mio-cookie-popup h3, #mio-cookie-popup h4, #mio-cookie-popup strong:first-child { color: var(--vh-ink) !important; font: 800 16px/1.3 var(--vh-head) !important; margin: 0 0 6px !important; }
#mio-cookie-popup a { color: var(--vh-red-700) !important; }
#mio-cookie-popup a[href^="javascript"], #mio-cookie-popup .lbtn, #mio-cookie-popup button, #mio-cookie-popup .gonderbtn { display: inline-flex !important; align-items: center; justify-content: center; min-height: 40px; padding: 0 18px !important; margin-top: 10px !important; border-radius: 10px !important; background: var(--vh-red) !important; color: #fff !important; text-decoration: none !important; font-weight: 700 !important; border: 0 !important; width: auto !important; float: none !important; }
/* Ana sayfa sekme düğmeleri: hap biçimi */
.miotab-labels { display: flex !important; flex-wrap: wrap; justify-content: center; gap: 10px; margin: 18px 0 26px !important; }
.miotab-labels .gonderbtn, .miotab-labels a { background: #fff !important; color: var(--vh-ink) !important; border: 1.5px solid var(--vh-line) !important; box-shadow: none !important; border-radius: 999px !important; min-height: 44px; padding: 0 20px !important; font-weight: 650 !important; margin: 0 !important; float: none !important; transform: none !important; }
.miotab-labels .gonderbtn:hover, .miotab-labels a:hover { border-color: var(--vh-rose-300) !important; color: var(--vh-red-700) !important; }
.miotab-labels .active, .miotab-labels a.active, .miotab-labels .gonderbtn.active, .miotab-labels [id*="active"] { background: var(--vh-red) !important; border-color: var(--vh-red) !important; color: #fff !important; }
/* Bölümler arası aşırı boşlukları kısalt */
#wrapper > .padding30:empty, .clear + br + br { display: none; }

/* Ana sayfa sekmeleri: yan yana, tam genişlik */
.miotab-labels { float: none !important; width: 100% !important; position: static !important; }
.miotab-labels #paketaktifbtn, .miotab-labels .gonderbtn#paketaktifbtn { background: var(--vh-red) !important; border-color: var(--vh-red) !important; color: #fff !important; }
.miotab-content { float: none !important; width: 100% !important; }
/* Paket kartlarını içeren her kapsayıcı ızgara olsun */
*:has(> .tablepaket):not(.miotab-content), .miotab-content[style*="block"]:has(> .tablepaket) { display: grid !important; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 22px; align-items: stretch; background: none !important; }
*:has(> .tablepaket) > .clear { display: none !important; }
/* Çerez kartı: iç katmanlar şeffaf */
#mio-cookie-popup * { background: transparent !important; box-shadow: none !important; }
#mio-cookie-popup a[href^="javascript"], #mio-cookie-popup .lbtn, #mio-cookie-popup button, #mio-cookie-popup .gonderbtn { background: var(--vh-red) !important; }
html body div#mio-cookie-popup { opacity: 1 !important; }
html body div#mio-cookie-popup div.mio-cookie-popup__card.mio-cookie-popup__c-p-card, html body div#mio-cookie-popup div.mio-cookie-popup__card { background: transparent !important; box-shadow: none !important; padding: 0 !important; width: auto !important; max-width: none !important; }
html body div#mio-cookie-popup div.mio-cookie-popup__card *, html body div#mio-cookie-popup div.mio-cookie-popup__card { color: var(--vh-ink-2) !important; text-align: left !important; }
html body div#mio-cookie-popup div.mio-cookie-popup__card a { color: var(--vh-red-700) !important; }
html body div#mio-cookie-popup button.mio-cookie-popup__c-p-button { background: var(--vh-red) !important; color: #fff !important; border-radius: 10px !important; min-height: 40px; padding: 0 20px !important; margin-top: 10px !important; border: 0 !important; font-weight: 700 !important; }

.tablepaket .gonderbtn, .tablepaket a.gonderbtn { display: flex !important; align-items: center !important; justify-content: center !important; height: auto !important; min-height: 50px; line-height: 1.2 !important; padding: 14px 20px !important; text-align: center !important; }
.sunucular .gonderbtn, .sunucular a.gonderbtn { display: inline-flex !important; align-items: center !important; justify-content: center !important; height: auto !important; line-height: 1.2 !important; }
/* Ana sayfa bölüm başlıkları ortalı ve blok */
.pakettitle h2.vh-h, .pakettitle > h2 { display: block !important; float: none !important; width: auto !important; text-align: center !important; }
/* "Neden biz" bölümü: sade zemin, kart öğeler */
.nedenbiz { background-image: none !important; background: linear-gradient(180deg, #fff, var(--vh-bg-soft)) !important; padding: clamp(40px, 6vw, 80px) 0 !important; }
.nedenbiz .ozellik { background: #fff !important; border: 1px solid var(--vh-line) !important; border-radius: var(--vh-radius-lg) !important; padding: 28px 22px !important; box-shadow: 0 4px 16px rgb(143 30 53 / 5%); transition: transform .22s var(--vh-ease), box-shadow .22s; box-sizing: border-box; }
.nedenbiz .ozellik:hover { transform: translateY(-4px); box-shadow: var(--vh-shadow-lg); }
.nedenbiz .ozellik h4 { font: 800 19px/1.3 var(--vh-head) !important; color: var(--vh-ink) !important; }
.nedenbiz .ozellik p, .nedenbiz .servisinfos p { color: var(--vh-muted) !important; font-size: 15px !important; line-height: 1.6 !important; }
.nedenbiz .ozellik i.fa, .nedenbiz .ozellik i[class*="ion"] { color: var(--vh-red) !important; }

.pakettitle { float: none !important; display: block !important; margin-left: auto !important; margin-right: auto !important; width: auto !important; }

/* Tanıtım bandı (.anatanitim): yöneticideki turkuaz görsel yerine marka zemini */
.anatanitim { background: radial-gradient(700px 360px at 85% 20%, rgb(233 79 101 / 35%), transparent 60%), linear-gradient(120deg, var(--vh-navy), #2a1420 70%, var(--vh-red-800)) !important; background-image: radial-gradient(700px 360px at 85% 20%, rgb(233 79 101 / 35%), transparent 60%), linear-gradient(120deg, var(--vh-navy), #2a1420 70%, var(--vh-red-800)) !important; padding: clamp(44px, 6vw, 84px) 0 !important; position: relative; overflow: hidden; }
.anatanitim::after { content: ""; position: absolute; right: -80px; bottom: -120px; width: 420px; height: 420px; border-radius: 50%; border: 1px solid rgb(255 255 255 / 10%); box-shadow: 0 0 0 60px rgb(255 255 255 / 3%), 0 0 0 120px rgb(255 255 255 / 2%); pointer-events: none; }
.anatanitim, .anatanitim p, .anatanitim span, .anatanitim li { color: rgb(255 255 255 / 85%) !important; }
.anatanitim h2, .anatanitim h3, .anatanitim .tanslogan h2 { color: #fff !important; font: 800 clamp(24px, 3vw, 36px)/1.2 var(--vh-head) !important; text-transform: none !important; }
.anatanitim .line, .anatanitim hr { background: rgb(255 255 255 / 20%) !important; border-color: rgb(255 255 255 / 20%) !important; }
.anatanitim .gonderbtn, .anatanitim a.lbtn { background: #fff !important; color: var(--vh-red-800) !important; box-shadow: none !important; }
.anatanitim .gonderbtn:hover, .anatanitim a.lbtn:hover { background: var(--vh-rose-100) !important; }
.anatanitim img { filter: drop-shadow(0 20px 40px rgb(0 0 0 / 30%)); }

/* Sayfa başlığı: eski gri kutu yok, yol çubuğu tek satır */
.sayfabaslik { background: none !important; padding: 0 !important; box-shadow: none !important; border: 0 !important; }
.vh-ph-desc { color: var(--vh-muted) !important; font-size: 17px !important; line-height: 1.6; max-width: 760px; margin: 0 0 6px !important; }
.vh-crumbs { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: 14px; font-size: 14px; color: var(--vh-muted); }
.vh-crumbs a { display: inline !important; color: var(--vh-red-700) !important; font-size: 14px !important; text-decoration: none; }
.vh-crumbs a:hover { text-decoration: underline; }
.vh-crumbs i.fa { font-size: 11px; color: var(--vh-rose-300) !important; }
.sayfaustheader .paypasbutonlar { margin-top: 10px; }
.sayfaustheader .paypasbutonlar a { background: #fff !important; border: 1px solid var(--vh-line) !important; color: var(--vh-muted) !important; }

/* Mega menü başlık genişliğine göre ortalanır (sağ kenardan taşmaz) */
.vh-header .vh-wrap { position: relative; }
.vh-nav > ul > li:has(> #megamenu) { position: static; }
.vh-nav #megamenu { left: 50%; max-width: calc(100vw - 32px); }

/* Mega menü iç düzeni */
.vh-nav #megamenu { overflow: visible !important; height: auto !important; }
.vh-nav #megamenu #wrapper { padding: 0 !important; max-width: none !important; }
.vh-nav #megamenu .padding30 { display: flex !important; align-items: stretch; gap: 14px; padding: 0 !important; }
.vh-nav #megamenu .padding30 > .clear { display: none !important; }
.vh-nav #megamenu #megamenuservice { flex: 1 1 0; display: block !important; float: none !important; width: auto !important; margin: 0 !important; border-radius: 14px; transition: background .18s; }
.vh-nav #megamenu #megamenuservice:hover { background: var(--vh-rose-100); }
.vh-nav #megamenu #megamenuservice .padding20 { padding: 16px 12px !important; text-align: center; }
.vh-nav #megamenu #megamenuservice i.fa { color: var(--vh-red) !important; font-size: 34px !important; }
.vh-nav #megamenu #megamenuservice h5 { font: 800 15px/1.3 var(--vh-head) !important; color: var(--vh-ink) !important; margin: 10px 0 6px !important; text-transform: none !important; }
.vh-nav #megamenu #megamenuservice p, .vh-nav #megamenu #megamenuservice span { font-size: 13.5px !important; line-height: 1.5 !important; color: var(--vh-muted) !important; }
.vh-nav #megamenu .digerhmzinfo { flex: 0 0 210px; position: static !important; float: none !important; width: auto !important; height: auto !important; margin: 0 !important; padding: 18px !important; border-radius: 16px !important; background: linear-gradient(160deg, var(--vh-red), var(--vh-red-800)) !important; box-sizing: border-box; }
.vh-nav #megamenu .digerhmzinfo, .vh-nav #megamenu .digerhmzinfo * { color: #fff !important; }
.vh-nav #megamenu .digerhmzinfo h5 { font: 800 15px/1.3 var(--vh-head) !important; margin: 0 0 8px !important; }
.vh-nav #megamenu .digerhmzinfo p { font-size: 13.5px !important; line-height: 1.5 !important; }
.vh-nav #megamenu .digerhmzinfo a { display: inline-flex !important; margin-top: 8px; padding: 8px 12px !important; border-radius: 10px; background: rgb(255 255 255 / 16%); font-weight: 700; font-size: 13px; text-decoration: none; }

html { overflow-x: clip; }
.caroufredsel_wrapper { overflow: hidden !important; max-width: 100%; }

/* =====================================================================
   DÜZEN TURU 2 — tutarlılık, renk birliği, az yazı (2026-10-26)
   ===================================================================== */

/* Bölüm aralıkları: dengeli ve tutarlı */
.tablopaketler, .products_list, .nedenbiz, .anatanitim, .homedomainarea-con, .cfeedbacks, .homeblog, .digerhizmetler { margin-top: 0 !important; margin-bottom: 0 !important; }
.tablopaketler.products_list { padding: clamp(40px, 6vw, 72px) 0 !important; }
.tablopaketler.products_list:nth-of-type(even) { background: var(--vh-bg-soft) !important; }
.pakettitle { margin: 0 auto 26px !important; }
.pakettitle h2.vh-h, .pakettitle h2.vh-h strong { font: 800 clamp(24px, 3vw, 34px)/1.2 var(--vh-head) !important; color: var(--vh-ink) !important; letter-spacing: -.015em; }
.pakettitle h2:not(.vh-h) { font-size: 16.5px !important; display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }

/* Alan adı kutusu: kaymasın, temiz kart */
.homedomainarea { margin: clamp(32px, 5vw, 56px) auto !important; max-width: 1100px; border-radius: var(--vh-radius-lg) !important; border: 1px solid var(--vh-line) !important; box-shadow: var(--vh-shadow) !important; top: 0 !important; position: relative !important; }
.homedomainarea .padding30 { padding: clamp(22px, 4vw, 40px) !important; }
.homedomainarea h2, .homedomainarea .vh-h { font: 800 clamp(22px, 2.6vw, 30px)/1.25 var(--vh-head) !important; margin: 0 0 18px !important; }
.homedomainarea .padding30 > div:has(> .spottlds) { display: flex !important; flex-wrap: wrap; justify-content: center; gap: 10px; }
.homedomainarea .padding30 > div:has(> .spottlds) > :not(.spottlds) { flex: 0 0 100%; }
.homedomainarea .padding30 > div:has(> .spottlds) > .spottlds { flex: 0 0 calc((100% - 50px) / 6); box-sizing: border-box; }
.spottlds { display: flex !important; flex-direction: column; align-items: center; justify-content: center; gap: 6px; width: auto !important; margin: 0 !important; padding: 14px 8px !important; border: 1px solid var(--vh-line-2); border-radius: 14px; background: #fff; float: none !important; transition: border-color .18s, transform .18s; }
.spottlds:hover { border-color: var(--vh-rose-300); transform: translateY(-2px); }
.spottlds img { height: 22px !important; width: auto !important; margin: 0 !important; }
.spottlds h4, .spottlds h3, .spottlds .amount_spot_view { font: 800 19px/1.1 var(--vh-head) !important; margin: 0 !important; color: var(--vh-ink) !important; }
.homedomainarea p, .homedomainarea h5 { font-size: 15px !important; color: var(--vh-muted) !important; }
.homedomainarea p .amount_spot_view, .homedomainarea h5 .amount_spot_view { font-size: 17px !important; }
@media (max-width: 767px) { .homedomainarea .padding30 > div:has(> .spottlds) > .spottlds { flex-basis: calc((100% - 20px) / 3); } .spottlds h4, .spottlds h3, .spottlds .amount_spot_view { font-size: 15px !important; } }

/* Fiyat: para birimi yanında, üst simge değil */
.amount_spot_view { display: inline-flex !important; align-items: baseline; gap: 3px; flex-direction: row-reverse; justify-content: flex-end; }
.amount_spot_view i.currposleft { order: 2; }
.amount_spot_view i, .amount_spot_view .currposright, .amount_spot_view .currposleft { vertical-align: baseline !important; position: static !important; top: auto !important; font-size: .6em !important; font-weight: 800; color: var(--vh-ink-2) !important; margin: 0 !important; }

/* Sekmeler: simgesiz, tek tipte */
.miotab-labels img { display: none !important; }
.miotab-labels a, .miotab-labels .gonderbtn { min-height: 42px !important; font-size: 14.5px !important; }

/* Paket kartları: hizalı, eşit, sade */
.miotab-content[style*="block"]:has(> .tablepaket), *:has(> .tablepaket):not(.miotab-content) { grid-template-columns: repeat(auto-fit, minmax(270px, 340px)) !important; justify-content: center; gap: 20px !important; }
.tablepaket { padding: 24px 22px 20px !important; text-align: left !important; overflow: hidden; }
.tablepaket .tpakettitle { min-height: 2.6em; display: flex; align-items: flex-end; font-size: 17px !important; }
.tablepaket .tablepopular { position: absolute !important; top: 16px !important; right: 16px !important; left: auto !important; transform: none !important; width: auto !important; height: auto !important; padding: 5px 10px !important; border-radius: 999px !important; background: var(--vh-rose-100) !important; color: var(--vh-red-700) !important; font: 800 11px/1 var(--vh-font) !important; letter-spacing: .06em; box-shadow: none !important; z-index: 2; }
.tablepaket .tablepopular::before, .tablepaket .tablepopular::after { display: none !important; }
.tablepaket:has(.tablepopular) { border: 2px solid var(--vh-red) !important; }
.tablepaket .products_features { line-height: 1.5 !important; font-size: 14.5px !important; display: flex; flex-direction: column; }
.vh-feat { list-style: none; margin: 0; padding: 0; display: grid; gap: 9px; }
.vh-feat li { display: flex; gap: 9px; align-items: flex-start; color: var(--vh-ink-2); }
.vh-feat li i.fa { flex: none; width: 18px; margin-top: 2px; color: var(--vh-red) !important; text-align: center; }
.vh-feat-more { margin-top: 9px; }
.vh-feat-more img { max-height: 26px !important; margin: 4px 8px 0 0 !important; }
.vh-feat-toggle { margin-top: 14px; display: flex; align-items: center; justify-content: center; gap: 8px; width: 100%; min-height: 40px; border: 1px dashed var(--vh-rose-300); border-radius: 10px; background: var(--vh-bg-soft); color: var(--vh-red-700); font: 700 13.5px/1 var(--vh-font); cursor: pointer; }
.vh-feat-toggle:hover { background: var(--vh-rose-100); border-style: solid; }
.vh-feat-toggle[aria-expanded="true"] i { transform: rotate(180deg); }
.tablepaket strong[style*="color"], .tablepaket span[style*="color"], .tablepaket font[color] { color: var(--vh-success) !important; }
.tablepaket .gonderbtn { margin-top: auto !important; }
.tablepaket > .paketline:last-of-type { margin-top: auto !important; }

/* Karşılaştırma tablosu: mobilde kartlara dönüşür */
@media (max-width: 767px) {
  .sunucular { overflow: visible; border: 0; box-shadow: none; background: none; }
  table.vh-rtable { min-width: 0 !important; }
  table.vh-rtable thead { display: none; }
  table.vh-rtable, table.vh-rtable tbody { display: block; }
  table.vh-rtable tr { display: grid; grid-template-columns: 1fr 1fr; gap: 8px 14px; margin: 0 0 12px; padding: 16px; border: 1px solid var(--vh-line); border-radius: 16px; background: #fff; box-shadow: 0 4px 14px rgb(143 30 53 / 6%); }
  table.vh-rtable td { display: block; padding: 0 !important; border: 0 !important; text-align: left !important; font-size: 14px; background: none !important; }
  table.vh-rtable td::before { content: attr(data-label); display: block; font: 700 11px/1.4 var(--vh-font); letter-spacing: .06em; text-transform: uppercase; color: var(--vh-muted); }
  table.vh-rtable td:first-child { grid-column: 1 / -1; font: 800 17px/1.3 var(--vh-head); }
  table.vh-rtable td:first-child::before { display: none; }
  table.vh-rtable td:last-child { grid-column: 1 / -1; }
  table.vh-rtable td:last-child::before { display: none; }
  table.vh-rtable td:last-child .gonderbtn, table.vh-rtable td:last-child a { width: 100%; }
  .dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info { display: none; }
}

/* Mobil hizmet kartları: kompakt kutucuklar */
@media (max-width: 560px) {
  .vh-services { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 10px !important; }
  .vh-services a { flex-direction: column !important; align-items: flex-start !important; flex-wrap: nowrap !important; padding: 14px !important; gap: 8px !important; }
  .vh-svc-t { font-size: 15px !important; }
  .vh-svc-go { display: none !important; }
}
.vh-svc-d { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }

/* Blog bloğu: geniş kart */
.homeblog, .anablog { max-width: 1100px; margin: 0 auto !important; }
#wrapper:has(> .bloglar), .bloglar { width: auto !important; float: none !important; }

/* Yukarı çık düğmesi */
.cd-top { width: 44px !important; height: 44px !important; border-radius: 12px !important; background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 19V5M5 12l7-7 7 7' fill='none' stroke='%23c42d49' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 20px no-repeat !important; border: 1px solid var(--vh-line) !important; box-shadow: var(--vh-shadow) !important; right: auto !important; left: 20px !important; bottom: 96px !important; }
@media (max-width: 767px) { .cd-top { display: none !important; } }

/* WISECP imzası: küçük, sade */
.footer + div, a[href*="wisecp.com"] { font-size: 12px !important; color: var(--vh-muted) !important; }

/* Kart ızgarası: kapsayıcı tam genişlik, 3–4 kart yan yana sığsın */
.miotab-contents { width: 100% !important; max-width: 1160px !important; margin: 0 auto !important; float: none !important; }
.miotab-content[style*="block"]:has(> .tablepaket), *:has(> .tablepaket):not(.miotab-content) { width: 100% !important; max-width: 1160px !important; margin-left: auto !important; margin-right: auto !important; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)) !important; box-sizing: border-box; }
*:has(> .tablepaket:nth-child(2):last-child) { grid-template-columns: repeat(2, minmax(250px, 360px)) !important; justify-content: center; }
.products_features, .tablepaket .vh-feat { text-align: left !important; padding-left: 0 !important; margin-left: 0 !important; }
.homedomainarea .padding30 > div:has(> .spottlds) > :not(.spottlds):last-child, .homedomainarea h5, .homedomainarea h4:not(.spottlds h4) { color: var(--vh-muted) !important; font: 500 16px/1.5 var(--vh-font) !important; }

/* ---------- Alan adı sayfası ---------- */
.alanadisorgu { display: flex !important; flex-wrap: wrap; align-items: center; gap: 8px; max-width: 760px; margin: 18px auto 10px !important; padding: 6px !important; background: #fff !important; border: 1.5px solid var(--vh-line) !important; border-radius: 16px !important; box-shadow: var(--vh-shadow); box-sizing: border-box; height: auto !important; }
.alanadisorgu:focus-within { border-color: var(--vh-red) !important; box-shadow: 0 0 0 4px rgb(196 45 73 / 12%), var(--vh-shadow); }
.alanadisorgu #domainInput { flex: 1 1 260px; min-width: 0; width: auto !important; height: 52px !important; border: 0 !important; box-shadow: none !important; background: transparent !important; font-size: 17px !important; margin: 0 !important; float: none !important; }
.alanadisorgu .gonderbtn, .alanadisorgu a#checkButton, .alanadisorgu a#transferbtn { flex: none; position: static !important; float: none !important; width: auto !important; height: 50px !important; min-height: 0 !important; margin: 0 !important; padding: 0 22px !important; line-height: 1 !important; display: inline-flex !important; align-items: center !important; box-shadow: none !important; }
.alanadisorgu a#transferbtn { background: #fff !important; color: var(--vh-red-700) !important; border: 1.5px solid var(--vh-rose-300) !important; }
.wclientdomainpage h1, .wclientdomainpage > h2.vh-h, .wclientdomainpage h2.vh-h { font: 800 clamp(22px, 2.6vw, 30px)/1.3 var(--vh-head) !important; text-align: center; }
.popuzantilar { display: grid !important; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 12px; width: auto !important; margin: 26px 0 !important; }
.popuzantilar > .clear { display: none !important; }
.uzantibox { width: auto !important; margin: 0 !important; float: none !important; position: relative; text-align: center; box-shadow: 0 4px 14px rgb(143 30 53 / 5%) !important; }
.uzantibox > div { padding: 16px 10px 14px !important; }
.uzantibox h4 { margin: 0 0 8px !important; height: 26px; display: flex; align-items: center; justify-content: center; font: 800 17px/1 var(--vh-head) !important; color: var(--vh-ink) !important; }
.uzantibox h4 img { max-height: 24px !important; width: auto !important; }
.uzantibox h5 { margin: 0 !important; }
.uzantibox .amount_spot_view { font: 800 18px/1.1 var(--vh-head) !important; color: var(--vh-ink) !important; }
.uzantibox [class*="kampanya"], .uzantibox .domdiscount, .uzantibox span[style*="background"], .uzantibox > span, .uzantibox .tldtag { position: absolute !important; top: -9px !important; left: 50% !important; transform: translateX(-50%); padding: 3px 9px !important; border-radius: 999px !important; background: var(--vh-red) !important; color: #fff !important; font: 700 10.5px/1.3 var(--vh-font) !important; white-space: nowrap; }
.uzantibox .doldprice { color: var(--vh-muted) !important; font-size: 12px !important; text-decoration: line-through; }
.domainozellikler { background-image: none !important; background: linear-gradient(180deg, var(--vh-bg-soft), #fff) !important; padding: clamp(40px, 6vw, 72px) 0 !important; }
.dozelliklist { background: #fff !important; border: 1px solid var(--vh-line) !important; border-radius: var(--vh-radius-lg) !important; padding: 26px 20px !important; box-shadow: 0 4px 16px rgb(143 30 53 / 5%); transition: transform .22s var(--vh-ease), box-shadow .22s; box-sizing: border-box; }
.dozelliklist:hover { transform: translateY(-4px); box-shadow: var(--vh-shadow-lg); }
.dozelliklist i.fa, .domainiconleft i { color: var(--vh-red) !important; }
.dozelliklist h4 { font: 800 18px/1.3 var(--vh-head) !important; color: var(--vh-ink) !important; }
.dozelliklist p { color: var(--vh-muted) !important; font-size: 14.5px !important; line-height: 1.6 !important; }
@media (max-width: 767px) { .popuzantilar { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; } .uzantibox .amount_spot_view { font-size: 14px !important; } .alanadisorgu .gonderbtn { flex: 1 1 40%; justify-content: center; } }

/* ---------- Hareket: ikonlar ve kartlar (kurumsal, ölçülü) ---------- */
@keyframes vhBob { 0%, 100% { translate: 0 0; } 50% { translate: 0 -4px; } }
@keyframes vhGlow { 0%, 100% { box-shadow: 0 0 0 0 rgb(196 45 73 / 0); } 50% { box-shadow: 0 0 0 8px rgb(196 45 73 / 8%); } }
.vh-svc-ic, .nedenbiz .ozellik .servisikon, .dozelliklist i.fa { animation: vhBob 4s ease-in-out infinite; }
.vh-services li:nth-child(2) .vh-svc-ic { animation-delay: .4s; } .vh-services li:nth-child(3) .vh-svc-ic { animation-delay: .8s; } .vh-services li:nth-child(4) .vh-svc-ic { animation-delay: 1.2s; }
.vh-btn-primary.vh-btn-lg { animation: vhGlow 3s ease-in-out infinite; }
.tablepaket:has(.tablepopular) { animation: vhGlow 3.4s ease-in-out infinite; }

/* Sayfa başlığı çizimi */
.sayfaustheader > #wrapper:first-of-type { display: grid !important; grid-template-columns: minmax(0, 1fr) 400px; align-items: center; gap: 24px; }
.vh-ph-art { justify-self: end; width: 400px; }
/* Sayfa başlığı sahnesi: kabin, teknisyen, akan paketler */
.vh-pa .vh-pa-rack { animation: vhFloat 7s ease-in-out infinite; }
.vh-pa .vh-pa-person { animation: vhFloat 6s ease-in-out infinite .6s; }
.vh-pa .vh-pa-cloud { animation: vhFloat 8s ease-in-out infinite 1.2s; }
.vh-pa .vh-pa-chip { animation: vhFloat 5s ease-in-out infinite .3s; }
.vh-pa .vh-pa-online { animation: vhFloat 6.5s ease-in-out infinite 1s; }
.vh-pa .vh-pa-pkt { offset-path: path("M150 70 C 210 30, 290 40, 345 76"); offset-rotate: auto; animation: vhPkt 3.2s cubic-bezier(.45,.05,.55,.95) infinite; }
.vh-pa .vh-pa-pkt2 { animation-delay: 1.6s; }
@keyframes vhPkt { 0% { offset-distance: 0%; opacity: 0; } 10%, 85% { opacity: 1; } 100% { offset-distance: 100%; opacity: 0; } }
.vh-pa .vh-pa-scan { animation: vhScan 3.6s ease-in-out infinite; }
@keyframes vhScan { 0%, 100% { translate: 0 0; } 50% { translate: 0 140px; } }
.vh-pa .vh-pa-bars rect { transform-box: fill-box; transform-origin: left center; animation: vhBars 1.8s ease-in-out infinite; }
.vh-pa .vh-pa-bars rect:nth-child(2) { animation-delay: .3s; } .vh-pa .vh-pa-bars rect:nth-child(3) { animation-delay: .6s; } .vh-pa .vh-pa-bars rect:nth-child(4) { animation-delay: .9s; }
@keyframes vhBars { 0%, 100% { scale: .4 1; } 50% { scale: 1.6 1; } }
.vh-pa .vh-pa-blink { transform-box: fill-box; transform-origin: center; animation: vhBlink 4.5s infinite; }
.vh-pa .vh-pa-type { transform-box: fill-box; transform-origin: top center; animation: vhType .45s ease-in-out infinite alternate; }
@keyframes vhType { from { rotate: -4deg; } to { rotate: 5deg; } }
.vh-pa .vh-pa-code rect { transform-box: fill-box; transform-origin: left center; animation: vhCode 2.4s steps(6) infinite; }
.vh-pa .vh-pa-code rect:nth-child(2) { animation-delay: .4s; } .vh-pa .vh-pa-code rect:nth-child(3) { animation-delay: .8s; } .vh-pa .vh-pa-code rect:nth-child(4) { animation-delay: 1.2s; }
@keyframes vhCode { 0% { scale: 0 1; } 60%, 100% { scale: 1 1; } }
.vh-pa .vh-pa-caret { animation: vhLed 1s steps(1) infinite; }
.vh-pa .vh-pa-ping { transform-box: fill-box; transform-origin: center; animation: vhPing 2s ease-out infinite; }
@keyframes vhPing { from { scale: 1; opacity: .9; } to { scale: 2.6; opacity: 0; } }
@media (prefers-reduced-motion: reduce) { .vh-pa *, .vh-pa { animation: none !important; } .vh-pa .vh-pa-pkt { display: none; } }
@media (max-width: 1100px) { .sayfaustheader > #wrapper:first-of-type { grid-template-columns: minmax(0, 1fr) 320px; } .vh-ph-art { width: 320px; } }
.vh-ph-svg { width: 100%; height: auto; display: block; }
.sayfaustheader { padding: clamp(20px, 3vw, 32px) 0 clamp(16px, 2vw, 24px) !important; }
.sayfaustheader .paypasbutonlar { display: none !important; }
.vh-a-ring2 { transform-origin: 170px 110px; animation: vhRing 4s ease-out infinite; }
.vh-a-spin { animation: vhSpin 14s linear infinite; }
@keyframes vhSpin { to { rotate: 360deg; } }
@media (max-width: 767px) { .sayfaustheader > #wrapper:first-of-type { grid-template-columns: minmax(0, 1fr); } .vh-ph-art { display: none; } }

/* =====================================================================
   İKİNCİL MARKA RENGİ: kurumsal mavi (kırmızı = eylem, mavi = bilgi/güven)
   ===================================================================== */
:root { --vh-blue: #2453d6; --vh-blue-600: #1d43b3; --vh-blue-400: #3b6ff5; --vh-blue-100: #e3ecff; --vh-blue-50: #f3f7ff; --vh-navy: #14213d; }
.vh-top { background: linear-gradient(90deg, var(--vh-navy), #1b2d57) !important; }
.vh-eyebrow { border-color: var(--vh-blue-100) !important; color: var(--vh-blue-600) !important; }
.vh-dot { background: var(--vh-blue) !important; }
.vh-hero { background: radial-gradient(900px 480px at 88% -10%, var(--vh-blue-100), transparent 60%), radial-gradient(700px 420px at 10% 110%, var(--vh-rose-100), transparent 60%), linear-gradient(180deg, #fff, var(--vh-blue-50)) !important; }
.vh-hero h1 em { background: linear-gradient(90deg, var(--vh-red), var(--vh-blue-400)) !important; -webkit-background-clip: text !important; background-clip: text !important; }
.vh-services li:nth-child(even) .vh-svc-ic { background: var(--vh-blue-100) !important; color: var(--vh-blue) !important; }
.vh-services a:hover { border-color: var(--vh-blue-100) !important; }
.vh-btn-ghost, .graybtn, .mavibtn { color: var(--vh-blue-600) !important; border-color: var(--vh-blue-100) !important; }
.vh-btn-ghost:hover, .graybtn:hover, .mavibtn:hover { background: var(--vh-blue-50) !important; border-color: var(--vh-blue) !important; color: var(--vh-blue-600) !important; }
/* Bölüm zeminleri sırayla mavi/pembe */
.tablopaketler.products_list:nth-of-type(even) { background: var(--vh-blue-50) !important; }
.tablopaketler.products_list:nth-of-type(odd) { background: #fff !important; }
.nedenbiz { background: linear-gradient(180deg, #fff, var(--vh-blue-50)) !important; }
.domainozellikler { background: linear-gradient(180deg, var(--vh-blue-50), #fff) !important; }
.sayfaustheader, #header2 { background-image: radial-gradient(700px 300px at 90% 0%, var(--vh-blue-100), transparent 60%), linear-gradient(180deg, var(--vh-bg-soft), #fff) !important; }
/* İkonlar ve bilgi ögeleri mavi */
.vh-feat li i.fa, .products_features i.fa { color: var(--vh-blue) !important; }
.nedenbiz .ozellik:nth-child(even) i.fa, .dozelliklist:nth-child(even) i.fa { color: var(--vh-blue) !important; }
.vh-nav #megamenu #megamenuservice i.fa { color: var(--vh-blue) !important; }
.vh-nav #megamenu #megamenuservice:nth-child(2) i.fa { color: var(--vh-red) !important; }
.vh-nav li > ul li a:hover { background: var(--vh-blue-50) !important; color: var(--vh-blue-600) !important; }
.vh-feat-toggle { border-color: var(--vh-blue-100) !important; background: var(--vh-blue-50) !important; color: var(--vh-blue-600) !important; }
.vh-feat-toggle:hover { background: var(--vh-blue-100) !important; }
.tablepaket .tablepopular { background: var(--vh-blue-100) !important; color: var(--vh-blue-600) !important; }
.tablepaket h4 { color: var(--vh-blue-600) !important; }
.sunucular thead, .sunucular thead th, table.horizontal-list thead th { background: var(--vh-blue-50) !important; color: var(--vh-navy) !important; }
.sunucular tbody tr:hover td { background: var(--vh-blue-50) !important; }
.vh-crumbs a { color: var(--vh-blue-600) !important; }
.miotab-labels a:hover, .categoriesproduct .lbtn:hover { border-color: var(--vh-blue-100) !important; color: var(--vh-blue-600) !important; }
.uzantibox:hover, .spottlds:hover { border-color: var(--vh-blue-100) !important; }
.uzantibox .tld-name { color: var(--vh-blue-600) !important; }
/* Sayaçlar: sade, iki renkli */
.vh-counter { font: 800 clamp(30px, 4vw, 44px)/1 var(--vh-head) !important; color: var(--vh-blue-600) !important; }
/* Tanıtım bandı ve altbilgi: lacivert-mavi derinlik */
.anatanitim { background-image: radial-gradient(700px 360px at 85% 20%, rgb(59 111 245 / 30%), transparent 60%), radial-gradient(500px 300px at 10% 100%, rgb(233 79 101 / 22%), transparent 60%), linear-gradient(120deg, var(--vh-navy), #1b2d57) !important; }
.footer { background: linear-gradient(180deg, var(--vh-navy), #0f1a33) !important; }
.vh-fcta { background: linear-gradient(120deg, var(--vh-blue-600), var(--vh-blue) 40%, var(--vh-red) 100%) !important; }
.vh-social a:hover { background: var(--vh-blue) !important; }
/* Odak halkası mavi */
:focus-visible { outline-color: rgb(36 83 214 / 55%) !important; }

/* Rakamlarla biz: kart görünümü */
.rakamlarlabiz { padding: clamp(36px, 5vw, 64px) 0 !important; background: #fff !important; }
.rakamlarlabiz #wrapper { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
.rakamlarlabiz #wrapper > :not(.istatistik) { grid-column: 1 / -1; }
.rakamlarlabiz .istatistik { width: auto !important; float: none !important; margin: 0 !important; position: relative; overflow: hidden; padding: 24px 18px !important; border: 1px solid var(--vh-line); border-radius: var(--vh-radius-lg); background: linear-gradient(180deg, #fff, var(--vh-blue-50)); text-align: left !important; }
.rakamlarlabiz .istatistik h2 { font: 600 15px/1.4 var(--vh-font) !important; color: var(--vh-muted) !important; margin: 6px 0 0 !important; text-transform: none !important; }
.rakamlarlabiz .istatistik i { position: absolute !important; right: 14px; top: 50%; transform: translateY(-50%); font-size: 54px !important; color: var(--vh-blue-100) !important; opacity: 1 !important; margin: 0 !important; }
.rakamlarlabiz .istatistik:nth-of-type(even) .vh-counter { color: var(--vh-red) !important; }
@media (max-width: 767px) { .rakamlarlabiz #wrapper { grid-template-columns: repeat(2, minmax(0, 1fr)); } }

/* =====================================================================
   MENÜ v3 — tek tip açılır panel (yönetim içeriğinden üretilir)
   ===================================================================== */
.vh-nav > ul > li { position: static !important; }
.vh-nav > ul > li > a { position: relative; height: 76px; }
.vh-nav .menu_tag { position: static !important; transform: none !important; display: inline-block; margin: 0 0 0 4px !important; padding: 2px 6px !important; border-radius: 6px !important; font: 800 9.5px/1.2 var(--vh-font) !important; letter-spacing: .02em; vertical-align: 1px; float: none !important; }
.vh-nav .menu_tag { display: none !important; }
.vh-drawer-body .menu_tag { position: static !important; display: inline-block; margin-left: 6px !important; padding: 2px 7px !important; border-radius: 6px !important; font: 800 10px/1.3 var(--vh-font) !important; color: #fff !important; float: none !important; }
.vh-nav .vh-mega, .vh-nav li > ul { position: absolute !important; top: calc(100% - 8px) !important; left: 50% !important; transform: translate(-50%, 10px) !important; opacity: 0; visibility: hidden; transition: opacity .2s var(--vh-ease), transform .2s var(--vh-ease), visibility .2s; z-index: 950; }
.vh-nav li:hover > .vh-mega, .vh-nav li:focus-within > .vh-mega, .vh-nav li.is-open > .vh-mega,
.vh-nav li:hover > ul, .vh-nav li:focus-within > ul, .vh-nav li.is-open > ul { opacity: 1; visibility: visible; transform: translate(-50%, 0) !important; }
.vh-nav .vh-mega { width: min(820px, calc(100vw - 48px)); display: grid; grid-template-columns: minmax(0, 1fr) 240px; gap: 14px; padding: 14px; background: #fff; border: 1px solid var(--vh-line); border-radius: 20px; box-shadow: 0 28px 70px rgb(20 33 61 / 18%); box-sizing: border-box; }
.vh-nav .vh-mega:not(:has(.vh-mega-info)) { width: min(640px, calc(100vw - 48px)); grid-template-columns: minmax(0, 1fr); }
.vh-mega-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 4px; align-content: start; }
.vh-mega-item { display: flex; gap: 12px; align-items: flex-start; padding: 12px; border-radius: 14px; color: var(--vh-ink) !important; text-decoration: none !important; transition: background .16s; }
.vh-mega-item:hover, .vh-mega-item:focus-visible { background: var(--vh-blue-50); }
.vh-mega-ic { flex: none; width: 42px; height: 42px; border-radius: 12px; display: inline-flex; align-items: center; justify-content: center; background: var(--vh-blue-100); color: var(--vh-blue); font-size: 18px; }
.vh-mega-item:nth-child(even) .vh-mega-ic { background: var(--vh-rose-100); color: var(--vh-red); }
.vh-mega-item:hover .vh-mega-ic { animation: vhBob 1.2s ease-in-out infinite; }
.vh-mega-tx { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.vh-mega-tx strong { font: 750 14.5px/1.3 var(--vh-head); color: var(--vh-ink); }
.vh-mega-tx small { font: 400 12.5px/1.45 var(--vh-font); color: var(--vh-muted); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.vh-mega-info { display: flex; flex-direction: column; gap: 8px; padding: 18px; border-radius: 16px; background: radial-gradient(240px 160px at 100% 0%, rgb(59 111 245 / 40%), transparent 70%), linear-gradient(160deg, var(--vh-navy), #1b2d57); color: #fff; }
.vh-mega-info strong { font: 800 15px/1.3 var(--vh-head); }
.vh-mega-info p { margin: 0; font-size: 13px; line-height: 1.5; color: rgb(255 255 255 / 80%); }
.vh-mega-info a { margin-top: auto; align-self: flex-start; display: inline-flex; align-items: center; gap: 6px; padding: 9px 14px; border-radius: 10px; background: var(--vh-red); color: #fff !important; font: 700 13px/1 var(--vh-font); text-decoration: none !important; }
.vh-mega-info a:hover { background: var(--vh-red-700); }
/* Basit açılır liste (Kurumsal vb.) */
.vh-nav li > ul { min-width: 250px; padding: 8px !important; background: #fff; border: 1px solid var(--vh-line); border-radius: 16px; box-shadow: 0 24px 60px rgb(20 33 61 / 16%); list-style: none; margin: 0; }
.vh-nav li > ul li a { padding: 10px 12px !important; font-size: 14.5px !important; }
/* Mobil çekmecede mega: liste */
.vh-drawer-body .vh-mega { display: none; padding: 4px 0 8px 8px; }
.vh-drawer-body .vh-mega.show { display: block; }
.vh-drawer-body .vh-mega-grid { grid-template-columns: minmax(0, 1fr); }
.vh-drawer-body .vh-mega-item { padding: 10px; }
.vh-drawer-body .vh-mega-tx small { display: none; }
.vh-drawer-body .vh-mega-ic { width: 34px; height: 34px; font-size: 15px; }

/* Menü hiçbir genişlikte taşmasın: dar ekranda yazı ve boşluk küçülür */
.vh-nav { min-width: 0; overflow: visible; }
.vh-nav > ul { gap: 0; }
@media (max-width: 1320px) { .vh-nav > ul > li > a { padding: 0 9px; font-size: 14px; } }
@media (max-width: 1180px) { .vh-nav > ul > li > a { padding: 0 7px; font-size: 13.5px; } .vh-nav .fa-caret-down { display: none; } }
.vh-header .vh-wrap, .vh-top .vh-wrap { max-width: 1440px; }
@media (max-width: 1760px) { .vh-actions .vh-btn-ghost { display: none !important; } }
@media (min-width: 1761px) { .vh-actions .vh-btn-ghost { display: inline-flex !important; } }

.vh-nav > ul { justify-content: center !important; }

.vh-drawer-body .vh-mega-item, .vh-drawer-body .inner li a { justify-content: flex-start !important; gap: 12px; font-weight: 600; }
.vh-drawer-body > ul > li > a > span:first-child { flex: 1; }

.vh-header .vh-wrap, .vh-top .vh-wrap { max-width: 1280px !important; }
.vh-actions .vh-btn-ghost { display: none !important; }

/* Ürün sayfası özellik kutuları: düzenli ızgara */
.detail-products-features { padding: clamp(36px, 5vw, 64px) 0 !important; }
.hostingdenDahaFazlasi { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; width: auto !important; max-width: 1160px; margin: 0 auto !important; float: none !important; }
.hostingdenDahaFazlasi > .clear, .hostingdenDahaFazlasi > br { display: none !important; }
.hostingdenDahaFazlasi > :not(.ozellikAlanlarim) { grid-column: 1 / -1; text-align: center; }
.hostingdenDahaFazlasi .ozellikAlanlarim { width: auto !important; float: none !important; margin: 0 !important; display: grid !important; grid-template-columns: 56px minmax(0, 1fr); gap: 4px 14px; align-items: start; padding: 20px !important; border: 1px solid var(--vh-line); border-radius: var(--vh-radius-lg); background: #fff; box-shadow: 0 4px 14px rgb(20 33 61 / 5%); transition: transform .2s var(--vh-ease), box-shadow .2s; box-sizing: border-box; }
.hostingdenDahaFazlasi .ozellikAlanlarim:hover { transform: translateY(-3px); box-shadow: var(--vh-shadow-lg); }
.hostingdenDahaFazlasi .ozellikAlanlarim img, .hostingdenDahaFazlasi .ozellikAlanlarim i { grid-row: 1 / span 2; width: 56px !important; height: 56px !important; object-fit: contain; float: none !important; margin: 0 !important; animation: vhBob 4.5s ease-in-out infinite; }
.hostingdenDahaFazlasi .ozellikAlanlarim:nth-child(even) img { animation-delay: .6s; }
.hostingdenDahaFazlasi .ozellikAlanlarim strong, .hostingdenDahaFazlasi .ozellikAlanlarim h4 { display: block; font: 800 16px/1.3 var(--vh-head) !important; color: var(--vh-ink) !important; margin: 2px 0 0 !important; }
.hostingdenDahaFazlasi .ozellikAlanlarim p, .hostingdenDahaFazlasi .ozellikAlanlarim span { font-size: 14px !important; line-height: 1.55 !important; color: var(--vh-muted) !important; margin: 0 !important; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
@media (max-width: 900px) { .hostingdenDahaFazlasi { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 560px) { .hostingdenDahaFazlasi { grid-template-columns: minmax(0, 1fr); } }

.hostingdenDahaFazlasi .ozellikAlanlarim > *:not(img):not(i) { width: auto !important; max-width: none !important; height: auto !important; max-height: none !important; overflow: visible !important; float: none !important; padding: 0 !important; margin: 0 !important; grid-column: 2; }
.hostingdenDahaFazlasi .ozellikAlanlarim > div, .hostingdenDahaFazlasi .ozellikAlanlarim > span { display: block !important; }
.hostingdenDahaFazlasi .ozellikAlanlarim strong { white-space: normal !important; }

.hostingdenDahaFazlasi .ozellikAlanlarim > p, .hostingdenDahaFazlasi .ozellikAlanlarim > span, .hostingdenDahaFazlasi .ozellikAlanlarim > div:last-child { display: -webkit-box !important; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical !important; overflow: hidden !important; }

/* Özellik kutuları: yalnız ikon + başlık (az yazı) */
.hostingdenDahaFazlasi .ozellikAlanlarim { font-size: 0 !important; grid-template-columns: 48px minmax(0, 1fr); align-items: center; padding: 16px 18px !important; }
.hostingdenDahaFazlasi .ozellikAlanlarim img, .hostingdenDahaFazlasi .ozellikAlanlarim i { width: 48px !important; height: 48px !important; grid-row: auto; }
.hostingdenDahaFazlasi .ozellikAlanlarim > p, .hostingdenDahaFazlasi .ozellikAlanlarim > span, .hostingdenDahaFazlasi .ozellikAlanlarim > div:last-child, .hostingdenDahaFazlasi .ozellikAlanlarim br { display: none !important; }
.hostingdenDahaFazlasi .ozellikAlanlarim strong, .hostingdenDahaFazlasi .ozellikAlanlarim h4 { font-size: 15.5px !important; }

/* SSS (jQuery UI akordeon): sade kartlar */
.sss { max-width: 900px; margin: 40px auto !important; }
.sss h4 strong, .sss > h4 { font: 800 clamp(22px, 2.6vw, 30px)/1.25 var(--vh-head) !important; color: var(--vh-ink) !important; display: block; text-align: center; margin-bottom: 18px !important; }
.sss .ui-accordion .ui-accordion-header { margin: 10px 0 0 !important; padding: 16px 48px 16px 18px !important; border: 1px solid var(--vh-line) !important; border-radius: 14px !important; background: #fff !important; color: var(--vh-ink) !important; font: 700 15.5px/1.4 var(--vh-font) !important; position: relative; outline: 0; }
.sss .ui-accordion .ui-accordion-header:hover { border-color: var(--vh-blue-100) !important; background: var(--vh-blue-50) !important; }
.sss .ui-accordion .ui-accordion-header-active { border-color: var(--vh-blue) !important; border-radius: 14px 14px 0 0 !important; color: var(--vh-blue-600) !important; }
.sss .ui-accordion .ui-accordion-header .ui-icon { position: absolute !important; right: 18px !important; left: auto !important; top: 50% !important; margin-top: -8px !important; background: none !important; width: 16px; height: 16px; text-indent: 0; overflow: visible; }
.sss .ui-accordion .ui-accordion-header .ui-icon::before { content: "+"; font: 700 20px/16px var(--vh-font); color: var(--vh-blue); }
.sss .ui-accordion .ui-accordion-header-active .ui-icon::before { content: "–"; }
.sss .ui-accordion .ui-accordion-content { padding: 16px 18px !important; border: 1px solid var(--vh-blue) !important; border-top: 0 !important; border-radius: 0 0 14px 14px !important; background: #fff !important; color: var(--vh-ink-2) !important; font-size: 15px !important; line-height: 1.65 !important; }
.sss .ui-accordion .ui-accordion-content * { color: var(--vh-ink-2) !important; }

.sss { float: none !important; width: auto !important; margin-left: auto !important; margin-right: auto !important; border-top: 0 !important; }
.detail-products-features > .line, .detail-products-features hr, #wrapper > .line { display: none !important; }

/* Alan adı sorgu bölümü ortalı */
.alanadisorgu { float: none !important; width: 100% !important; max-width: 820px !important; margin: 10px auto 18px !important; justify-content: center; }
.alanadisorgu > h1, .alanadisorgu > h2, .alanadisorgu > .vh-h { flex: 0 0 100%; text-align: center !important; margin: 4px 0 8px !important; }
.alanadisorgu:has(h2, h1) { background: none !important; border: 0 !important; box-shadow: none !important; padding: 0 !important; }
.alanadisorgu:has(h2, h1) #domainInput { flex: 1 1 300px; background: #fff !important; border: 1.5px solid var(--vh-line) !important; border-radius: 14px !important; padding: 0 18px !important; height: 56px !important; }
.alanadisorgu:has(h2, h1) #domainInput:focus { border-color: var(--vh-blue) !important; box-shadow: 0 0 0 4px rgb(36 83 214 / 12%) !important; }
.alanadisorgu:has(h2, h1) .gonderbtn { height: 56px !important; }
/* Uzantı kutuları: içerik dikey ortalı, eşit yükseklik */
.popuzantilar { grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)) !important; }
.uzantibox > div { min-height: 104px; display: flex !important; flex-direction: column; align-items: center; justify-content: center; gap: 6px; box-sizing: border-box; }
.uzantibox h4, .uzantibox h5 { margin: 0 !important; }
.uzantibox br { display: none; }

.uzantibox { display: flex !important; flex-direction: column; justify-content: center; min-height: 108px; }
.uzantibox > div { min-height: 0 !important; padding: 8px 10px !important; }
.uzantibox > div:has(> .domdiscount) { position: absolute !important; inset: 0 auto auto 50% !important; padding: 0 !important; display: block !important; }
.uzantibox > div.dnewprice { display: flex !important; padding: 0 10px 10px !important; flex-direction: column; align-items: center; }
.uzantibox h5:empty { display: none !important; }
.uzantibox .ddiscountnewprice { font-size: 12px; color: var(--vh-muted); }

.uzantibox > div:has(> .domdiscount) { position: static !important; display: contents !important; }
.uzantibox .domdiscount { left: 50% !important; transform: translateX(-50%) !important; }
.popuzantilar { grid-template-columns: repeat(5, minmax(0, 1fr)) !important; max-width: 1000px; margin-left: auto !important; margin-right: auto !important; }
@media (max-width: 767px) { .popuzantilar { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; } }

/* İletişim sayfası */
.iletisimblok { border: 1px solid var(--vh-line) !important; border-radius: var(--vh-radius-lg); background: #fff; padding: 22px 16px !important; box-shadow: 0 4px 14px rgb(20 33 61 / 5%); }
.iletisimblok i.fa { font-size: 30px !important; width: 60px; height: 60px; display: inline-flex !important; align-items: center; justify-content: center; border-radius: 16px; background: var(--vh-blue-100); color: var(--vh-blue) !important; animation: vhBob 4s ease-in-out infinite; }
.iletisimblok:nth-of-type(even) i.fa { background: var(--vh-rose-100); color: var(--vh-red) !important; }
.iletisimblok h3, .iletisimpage h4 { color: var(--vh-ink) !important; font: 800 16px/1.3 var(--vh-head) !important; margin: 12px 0 6px !important; }
.iletisimblok, .iletisimblok * { border-left-color: transparent; }
.iletisimformu { background: #fff; border: 1px solid var(--vh-line); border-radius: var(--vh-radius-lg); padding: 22px !important; box-shadow: var(--vh-shadow); box-sizing: border-box; }
.iletisimformu h4, .iletisimpage h4 { font: 800 18px/1.3 var(--vh-head) !important; }
#ContactForm input, #ContactForm textarea, #ContactForm select { width: 100% !important; margin-bottom: 10px !important; }
.iletisimpage iframe { border-radius: var(--vh-radius-lg); border: 1px solid var(--vh-line) !important; }

.iletisimpage:has(> .iletisimblok) { display: grid !important; grid-template-columns: 1.4fr 1fr 1fr 1fr; gap: 14px; align-items: stretch; }
.iletisimpage:has(> .iletisimblok) > * { width: auto !important; float: none !important; margin: 0 !important; box-sizing: border-box; }
.iletisimpage:has(> .iletisimblok) > :not(.iletisimblok):not(div) , .iletisimpage:has(> .iletisimblok) > .clear { display: none !important; }
.iletisimpage:has(> .iletisimblok) > div:not(.iletisimblok) { border: 1px solid var(--vh-line); border-radius: var(--vh-radius-lg); padding: 20px !important; background: var(--vh-blue-50); }
@media (max-width: 900px) { .iletisimpage:has(> .iletisimblok) { grid-template-columns: 1fr 1fr; } }
@media (max-width: 560px) { .iletisimpage:has(> .iletisimblok) { grid-template-columns: minmax(0, 1fr); } }

.iletisimpage:has(> .iletisimblok) > div:not(.iletisimblok):not(:has(*)) { display: none !important; }
.iletisimpage:has(> .iletisimblok) > div:has(iframe), .iletisimpage:has(> .iletisimblok) > .iletisimformu { grid-column: span 2; background: #fff !important; }
@media (max-width: 900px) { .iletisimpage:has(> .iletisimblok) > div:has(iframe), .iletisimpage:has(> .iletisimblok) > .iletisimformu { grid-column: 1 / -1; } }

/* Hakkımızda bandı: metin + animasyonlu çizim */
.anatanitim .vh-about { display: grid !important; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: clamp(24px, 4vw, 56px); align-items: center; }
.anatanitim .tanslogan { width: auto !important; float: none !important; text-align: left !important; }
.vh-about-eyebrow { display: inline-flex; align-items: center; gap: 8px; margin: 0 0 12px !important; padding: 6px 12px; border-radius: 999px; background: rgb(255 255 255 / 10%); color: #fff !important; font: 700 12.5px/1 var(--vh-font) !important; letter-spacing: .06em; text-transform: uppercase; }
.vh-about-eyebrow .vh-dot { background: #fff !important; }
.anatanitim .tanslogan h2 { margin: 0 0 14px !important; }
.vh-about-text { display: -webkit-box !important; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; font-size: 16px !important; line-height: 1.7 !important; margin: 0 0 22px !important; max-width: 560px; }
.anatanitim .tanslogan .gonderbtn { float: none !important; position: static !important; display: inline-flex !important; }
.vh-about-art svg { width: 100%; max-width: 520px; height: auto; display: block; margin-left: auto; }
.vh-a-orbit { transform-origin: 230px 170px; animation: vhSpin 18s linear infinite; }
.vh-a-orbit2 { transform-origin: 230px 170px; animation: vhSpin 26s linear infinite reverse; }
.anatanitim::after { display: none !important; }
@media (max-width: 900px) { .anatanitim .vh-about { grid-template-columns: minmax(0, 1fr); } .vh-about-art svg { max-width: 420px; margin: 0 auto; } }

/* Bülten (abonelik) kutusu */
.ebulten { display: block !important; max-width: 1100px !important; margin: clamp(32px, 5vw, 56px) auto !important; padding: 0 !important; background: none !important; height: auto !important; }
.ebultencont { width: auto !important; max-width: none !important; margin: 0 var(--vh-gutter) !important; float: none !important; display: grid !important; grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr); align-items: center; gap: 24px; padding: 26px 28px !important; border-radius: var(--vh-radius-lg); background: radial-gradient(400px 200px at 100% 0%, rgb(59 111 245 / 16%), transparent 70%), linear-gradient(120deg, var(--vh-blue-50), #fff 60%, var(--vh-rose-100)) !important; border: 1px solid var(--vh-line); box-sizing: border-box; height: auto !important; }
.vh-nl-head { display: flex; align-items: center; gap: 14px; }
.vh-nl-ic { flex: none; width: 52px; height: 52px; border-radius: 14px; display: inline-flex; align-items: center; justify-content: center; background: var(--vh-blue); color: #fff; font-size: 22px; animation: vhBob 4s ease-in-out infinite; }
.vh-nl-t { margin: 0; font: 800 18px/1.3 var(--vh-head); color: var(--vh-ink); }
.vh-nl-s { margin: 4px 0 0; font-size: 14px; color: var(--vh-muted); }
#newsletter_email { display: flex !important; gap: 8px; align-items: center; width: auto !important; float: none !important; padding: 6px; background: #fff; border: 1.5px solid var(--vh-line); border-radius: 14px; height: auto !important; }
#newsletter_email > i.fa { display: none !important; }
#newsletter_email input[name="email"] { flex: 1; min-width: 0; width: auto !important; height: 48px !important; border: 0 !important; box-shadow: none !important; margin: 0 !important; float: none !important; background: transparent !important; }
#newsletter_email .gonderbtn { flex: none; height: 48px !important; min-height: 0; margin: 0 !important; float: none !important; position: static !important; width: auto !important; }
#newsletter_gdpr { grid-column: 1 / -1; font-size: 13px; color: var(--vh-muted); }
@media (max-width: 767px) { .ebultencont { grid-template-columns: minmax(0, 1fr); padding: 20px !important; } }

/* Ana sayfa alan adı kutusu: kompakt uzantı çipleri */
.homedomainarea .spottlds { padding: 10px 6px !important; border-radius: 12px; }
.homedomainarea .spottlds img { height: 18px !important; }
.homedomainarea .spottlds h4, .homedomainarea .spottlds h3, .homedomainarea .spottlds .amount_spot_view { font-size: 15px !important; }
.homedomainarea .padding30 > div:has(> .spottlds) > :not(.spottlds):last-child { margin-top: 10px !important; font-size: 14.5px !important; }
.homedomainarea .padding30 > div:has(> .spottlds) > :not(.spottlds):last-child .amount_spot_view { font-size: 16px !important; color: var(--vh-red) !important; }

/* Neden biz: kısa kartlar + animasyonlu çizimler */
.vh-why { padding: clamp(44px, 6vw, 80px) 0 !important; }
.vh-why-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 18px; max-width: 1160px; margin: 0 auto; }
.vh-why-card { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 8px; padding: 18px 18px 22px; background: #fff; border: 1px solid var(--vh-line); border-radius: var(--vh-radius-lg); box-shadow: 0 4px 16px rgb(20 33 61 / 5%); transition: transform .22s var(--vh-ease), box-shadow .22s, border-color .22s; }
.vh-why-card:hover { transform: translateY(-5px); box-shadow: var(--vh-shadow-lg); border-color: var(--vh-blue-100); }
.vh-why-card .vh-fa { width: 100%; max-width: 180px; height: auto; display: block; }
.vh-why-card h3 { margin: 4px 0 0 !important; font: 800 17px/1.3 var(--vh-head) !important; color: var(--vh-ink) !important; text-transform: none !important; }
.vh-why-card p { margin: 0 !important; font-size: 14px !important; line-height: 1.55 !important; color: var(--vh-muted) !important; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.vh-a-ring3 { transform-origin: 80px 56px; animation: vhRing 3s ease-out infinite; }
.vh-a-spinc { transform-origin: 80px 56px; animation: vhSpin 3s linear infinite; }

.vh-why-grid { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; max-width: 1000px; }
.vh-why-grid:has(> :nth-child(4):last-child), .vh-why-grid:has(> :nth-child(8):last-child) { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; max-width: 1160px; }
@media (max-width: 900px) { .vh-why-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } }
@media (max-width: 480px) { .vh-why-grid { grid-template-columns: minmax(0, 1fr) !important; } }

.vh-counter-wrap { display: flex; align-items: baseline; gap: 2px; }
.vh-counter-plus { font: 800 clamp(22px, 3vw, 32px)/1 var(--vh-head); color: inherit; }
.rakamlarlabiz .istatistik:nth-of-type(even) .vh-counter-plus { color: var(--vh-red); }
.rakamlarlabiz .istatistik:nth-of-type(odd) .vh-counter-plus { color: var(--vh-blue-600); }
/* Bülten kutusu ortalı */
.ebultencont { grid-template-columns: minmax(0, 1fr) !important; justify-items: center; text-align: center; max-width: 760px !important; margin: 0 auto !important; padding: 30px 28px !important; }
.vh-nl-head { flex-direction: column; text-align: center; gap: 10px; }
#newsletter_email { width: 100% !important; max-width: 560px; margin: 0 auto !important; }
#newsletter_gdpr { text-align: center; }

/* Ana sayfa alan adı kutusu: dar ve ortalı */
.homedomainarea { max-width: 820px !important; }
.homedomainarea .padding30 { text-align: center; }
.homedomainarea #DomainCheck { max-width: 620px; }
.homedomainarea .padding30 > div:has(> .spottlds) > .spottlds { flex: 0 0 calc((100% - 50px) / 6); }

/* =====================================================================
   BOŞLUK DÜZENİ: tüm bölümler aynı dikey ritimde
   ===================================================================== */
:root { --vh-sec: clamp(32px, 4.2vw, 56px); }
.vh-hero { padding: clamp(28px, 4vw, 52px) 0 clamp(24px, 3vw, 40px) !important; }
.tablopaketler.products_list, .vh-why, .nedenbiz, .anatanitim, .rakamlarlabiz, .detail-products-features, .domainozellikler { padding-top: var(--vh-sec) !important; padding-bottom: var(--vh-sec) !important; margin-top: 0 !important; margin-bottom: 0 !important; }
.homedomainarea { margin-top: var(--vh-sec) !important; margin-bottom: 0 !important; }
.homedomainarea-con { padding: 0 !important; margin: 0 !important; }
.ebulten { margin: var(--vh-sec) auto !important; }
.pakettitle { margin: 0 auto 22px !important; padding: 0 !important; }
.pakettitle .line { display: none !important; }
body > br, #wrapper > br, .clear + br, br + br { display: none !important; }
.clear { height: 0 !important; margin: 0 !important; padding: 0 !important; }
.footlogos { padding-top: 22px !important; padding-bottom: 22px !important; margin: 0 !important; }
body > div:has(> a[href*="wisecp.com"]), .wisecp-brand, a[href*="wisecp.com"] { margin: 0 !important; padding: 8px 0 !important; display: block; text-align: center; }
.footer.vh-footer { margin-top: 60px !important; }
.vh-fcta { margin-bottom: 28px !important; }
.vh-fgrid { padding-bottom: 28px !important; }
.vh-hero-in { align-items: center; }

/* Alan adı fiyat tablosu */
.tescilucretleri { max-width: 1000px; margin: var(--vh-sec) auto 0 !important; }
.tescilucretleri h4 { font: 800 clamp(22px, 2.6vw, 30px)/1.25 var(--vh-head) !important; text-align: center; margin: 0 0 18px !important; }
.tescilucretleri table { width: 100% !important; border-collapse: separate !important; border-spacing: 0 !important; border: 1px solid var(--vh-line) !important; border-radius: var(--vh-radius-lg); overflow: hidden; background: #fff; }
.tescilucretleri thead th, .tescilucretleri table tr:first-child th { background: var(--vh-blue-50) !important; color: var(--vh-navy) !important; font: 700 13px/1.2 var(--vh-font) !important; text-transform: uppercase; letter-spacing: .06em; padding: 14px !important; }
.tescilucretleri td { padding: 13px 14px !important; border-top: 1px solid var(--vh-line-2) !important; background: #fff !important; font-variant-numeric: tabular-nums; }
.tescilucretleri tr:hover td { background: var(--vh-blue-50) !important; }
.tescilucretleri td:first-child { font: 800 15px/1.2 var(--vh-head) !important; color: var(--vh-ink) !important; }
.tescilucretleri [style*="color"], .tescilucretleri font, .tescilucretleri .dnewprice, .tescilucretleri strong { color: var(--vh-red) !important; }
.tescilucretleri del, .tescilucretleri s, .tescilucretleri .doldprice { color: var(--vh-muted) !important; font-size: 12.5px; }
/* Alan adı özellik kartları: eşit yükseklik, 3 sütun */
.domainozellikler #wrapper { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.domainozellikler #wrapper > .clear, .domainozellikler #wrapper > br { display: none !important; }
.domainozellikler .dozelliklist { width: auto !important; float: none !important; margin: 0 !important; height: 100%; }
.domainozellikler .dozelliklist i.fa { font-size: 30px !important; }
.domainozellikler .dozelliklist p { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
@media (max-width: 900px) { .domainozellikler #wrapper { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 560px) { .domainozellikler #wrapper { grid-template-columns: minmax(0, 1fr); } .tescilucretleri { overflow-x: auto; } }
/* SSS başlık boşluğu ve bülten üst boşluğu */
.sss { margin: var(--vh-sec) auto !important; }
.sss .ui-accordion { margin-top: 0 !important; }
.sss > h4, .sss h4 { margin: 0 0 14px !important; padding: 0 !important; }
.ebulten { margin-top: 0 !important; }

/* Neden biz v2: yatay, kutusuz, sade */
.vh-why-grid { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; max-width: 1160px !important; gap: 8px 28px !important; }
.vh-why-card { flex-direction: row !important; align-items: center !important; text-align: left !important; gap: 14px !important; padding: 14px 6px !important; background: none !important; border: 0 !important; border-bottom: 1px solid var(--vh-line-2) !important; border-radius: 0 !important; box-shadow: none !important; }
.vh-why-card:hover { transform: none !important; box-shadow: none !important; }
.vh-why-card .vh-fa { flex: none; width: 76px !important; max-width: none !important; }
.vh-why-card .vh-fa > rect:first-child { rx: 18; }
.vh-why-card > h3, .vh-why-card > p { margin: 0 !important; }
.vh-why-card { display: grid !important; grid-template-columns: 76px minmax(0, 1fr); grid-template-rows: auto auto; column-gap: 14px; row-gap: 2px; }
.vh-why-card .vh-fa { grid-row: 1 / span 2; }
.vh-why-card h3 { font-size: 16px !important; align-self: end; }
.vh-why-card p { font-size: 13.5px !important; -webkit-line-clamp: 1 !important; align-self: start; }
.vh-why-card:hover .vh-fa { animation: vhBob 1.4s ease-in-out infinite; }
@media (max-width: 900px) { .vh-why-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } }
@media (max-width: 560px) { .vh-why-grid { grid-template-columns: minmax(0, 1fr) !important; } }

/* =====================================================================
   RENK SADELEŞTİRME: lacivert + kırmızı + nötr gri (degrade/pastel parıltı yok)
   ===================================================================== */
:root { --vh-bg-soft: #f6f7f9; --vh-gray-50: #f6f7f9; --vh-gray-100: #eef1f5; --vh-gray-200: #e3e7ee; --vh-line: #e6e9ef; --vh-line-2: #eef1f5; --vh-ink: #1b2436; --vh-muted: #5b6577; }
.vh-hero { background: linear-gradient(180deg, #fff 0%, var(--vh-gray-50) 100%) !important; }
.vh-hero h1 em { background: none !important; -webkit-background-clip: border-box !important; background-clip: border-box !important; color: var(--vh-red) !important; }
.vh-eyebrow { background: #fff !important; border-color: var(--vh-gray-200) !important; color: var(--vh-navy) !important; }
.vh-dot { background: var(--vh-red) !important; }
.sayfaustheader, #header2 { background: var(--vh-gray-50) !important; background-image: none !important; }
.sayfaustheader::before { display: none !important; }
.tablopaketler.products_list:nth-of-type(even), .nedenbiz, .domainozellikler { background: var(--vh-gray-50) !important; }
.tablopaketler.products_list:nth-of-type(odd), .vh-why { background: #fff !important; }
.vh-svc-ic, .vh-services li:nth-child(even) .vh-svc-ic, .vh-mega-ic, .vh-mega-item:nth-child(even) .vh-mega-ic { background: var(--vh-gray-100) !important; color: var(--vh-navy) !important; }
.vh-services li:nth-child(odd) .vh-svc-ic, .vh-mega-item:nth-child(odd) .vh-mega-ic { color: var(--vh-red) !important; }
.vh-feat li i.fa, .products_features i.fa { color: var(--vh-navy) !important; opacity: .75; }
.vh-feat-toggle { background: #fff !important; border: 1px solid var(--vh-gray-200) !important; color: var(--vh-navy) !important; }
.vh-feat-toggle:hover { background: var(--vh-gray-50) !important; }
.vh-fcta { background: var(--vh-navy) !important; box-shadow: 0 18px 44px rgb(20 33 61 / 25%) !important; }
.vh-fcta .vh-btn-primary { background: var(--vh-red) !important; color: #fff !important; }
.vh-fcta .vh-btn-primary:hover { background: var(--vh-red-700) !important; }
.anatanitim { background: var(--vh-navy) !important; background-image: none !important; }
.ebultencont { background: var(--vh-gray-50) !important; }
.vh-nl-ic { background: var(--vh-navy) !important; }
.rakamlarlabiz .istatistik { background: #fff !important; }
.rakamlarlabiz .istatistik i { color: var(--vh-gray-100) !important; }
.vh-counter, .rakamlarlabiz .istatistik:nth-of-type(odd) .vh-counter-plus { color: var(--vh-navy) !important; }
.vh-mega-info { background: var(--vh-navy) !important; }
.sunucular thead th, .tescilucretleri thead th { background: var(--vh-gray-50) !important; }
.vh-a-ring, .vh-a-ring2 { opacity: .5; }

/* =====================================================================
   HOSTING PAKET KARTLARI v3
   ===================================================================== */
.tablepaket { padding: 26px 24px 22px !important; border: 1px solid var(--vh-gray-200) !important; border-radius: 18px !important; box-shadow: 0 2px 8px rgb(20 33 61 / 5%) !important; background: #fff !important; overflow: visible !important; }
.tablepaket:hover { transform: translateY(-4px); box-shadow: 0 18px 40px rgb(20 33 61 / 12%) !important; border-color: var(--vh-gray-200) !important; }
.tablepaket .tpakettitle { min-height: 0 !important; font: 800 18px/1.3 var(--vh-head) !important; color: var(--vh-navy) !important; margin-bottom: 2px !important; }
.tablepaket h4 { color: var(--vh-muted) !important; letter-spacing: .04em; font-size: 12px !important; }
.tablepaket .amount_spot_view { font-size: 40px !important; color: var(--vh-navy) !important; }
.tablepaket .amount_spot_view::after { content: "/ay"; order: -1; font: 600 14px/1 var(--vh-font); color: var(--vh-muted); margin-left: 4px; align-self: flex-end; padding-bottom: 6px; }
.tablepaket .paketline { background: var(--vh-gray-100) !important; }
.tablepaket .gonderbtn { background: var(--vh-navy) !important; box-shadow: none !important; border-radius: 12px !important; }
.tablepaket .gonderbtn:hover { background: #22325a !important; }
/* Popüler paket: kırmızı üst kenar + etiket */
.tablepaket:has(.tablepopular) { border: 2px solid var(--vh-red) !important; box-shadow: 0 18px 44px rgb(196 45 73 / 16%) !important; animation: none !important; position: relative; }
.tablepaket:has(.tablepopular) .gonderbtn { background: var(--vh-red) !important; }
.tablepaket:has(.tablepopular) .gonderbtn:hover { background: var(--vh-red-700) !important; }
.tablepaket .tablepopular { top: -14px !important; right: auto !important; left: 50% !important; transform: translateX(-50%) !important; padding: 7px 14px !important; border-radius: 999px !important; background: var(--vh-red) !important; color: #fff !important; font: 800 11.5px/1 var(--vh-font) !important; letter-spacing: .04em; white-space: nowrap; font-size: 0 !important; box-shadow: 0 6px 16px rgb(196 45 73 / 30%) !important; }
.tablepaket .tablepopular::after { content: "★  EN ÇOK TERCİH EDİLEN"; display: inline !important; font: 800 11.5px/1 var(--vh-font); letter-spacing: .05em; color: #fff; }
html[lang^="en"] .tablepaket .tablepopular::after { content: "★  MOST POPULAR"; }

.tablepaket .amount_spot_view::after { content: none !important; display: none !important; }

.vh-btn-primary, .gonderbtn { box-shadow: none !important; }
.vh-btn-primary.vh-btn-lg { animation: none !important; }

/* Bülten: ortalı, geniş, iki sütun */
.ebulten { float: none !important; width: auto !important; max-width: 1160px !important; margin: 0 auto var(--vh-sec) !important; padding: 0 var(--vh-gutter) !important; box-sizing: border-box; }
.ebultencont { max-width: none !important; width: 100% !important; margin: 0 !important; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important; justify-items: stretch !important; text-align: left !important; padding: 28px 32px !important; }
.vh-nl-head { flex-direction: row !important; text-align: left !important; }
#newsletter_email { max-width: none !important; }
@media (max-width: 767px) { .ebultencont { grid-template-columns: minmax(0, 1fr) !important; text-align: center !important; } .vh-nl-head { flex-direction: column !important; text-align: center !important; } }
/* WISECP imzası: küçük ve sönük */
.vh-brand { text-align: center; padding: 6px 0 !important; margin: 0 !important; line-height: 1; }
.vh-brand, .vh-brand * { font-size: 11px !important; color: #b3bac6 !important; opacity: .7; text-decoration: none !important; font-weight: 400 !important; }
.vh-brand img { height: 10px !important; width: auto !important; opacity: .5; filter: grayscale(1); }

/* Alt bilgi çağrı bandı: kurumsal kırmızı */
.vh-fcta { background: linear-gradient(135deg, var(--vh-red) 0%, var(--vh-red-800) 100%) !important; box-shadow: 0 18px 40px rgb(143 30 53 / 28%) !important; position: relative; overflow: hidden; }
.vh-fcta::after { content: ""; position: absolute; right: -60px; top: -80px; width: 260px; height: 260px; border-radius: 50%; border: 1px solid rgb(255 255 255 / 18%); box-shadow: 0 0 0 40px rgb(255 255 255 / 5%); pointer-events: none; }
.vh-fcta > * { position: relative; z-index: 1; }
.vh-fcta-t { color: #fff !important; }
.vh-fcta-s { color: rgb(255 255 255 / 85%) !important; }
.vh-fcta .vh-btn-primary { background: #fff !important; color: var(--vh-red-800) !important; }
.vh-fcta .vh-btn-primary:hover { background: var(--vh-gray-50) !important; color: var(--vh-red-800) !important; }
.vh-fcta .vh-btn-onDark { background: transparent !important; border: 1.5px solid rgb(255 255 255 / 55%) !important; color: #fff !important; }
.vh-fcta .vh-btn-onDark:hover { background: rgb(255 255 255 / 12%) !important; }

/* Ana sayfa alan adı bandı (yeni biçim) */
.vh-dom { padding: var(--vh-sec) var(--vh-gutter) !important; background: var(--vh-navy); position: relative; overflow: hidden; }
.vh-dom::before { content: ""; position: absolute; left: 50%; top: -220px; width: 900px; height: 440px; transform: translateX(-50%); border-radius: 50%; border: 1px solid rgb(255 255 255 / 8%); box-shadow: 0 0 0 70px rgb(255 255 255 / 2%), 0 0 0 140px rgb(255 255 255 / 2%); pointer-events: none; }
.vh-dom-in { position: relative; max-width: 760px; margin: 0 auto; text-align: center; }
.vh-dom-eyebrow { display: inline-flex; align-items: center; gap: 8px; margin: 0 0 10px; padding: 6px 12px; border-radius: 999px; background: rgb(255 255 255 / 10%); color: #fff; font: 700 12.5px/1 var(--vh-font); letter-spacing: .06em; text-transform: uppercase; }
.vh-dom h2.vh-h { color: #fff !important; font: 800 clamp(24px, 3vw, 34px)/1.2 var(--vh-head) !important; margin: 0 0 20px !important; text-align: center !important; }
.vh-dom h2 .amount_spot_view, .vh-dom-note .amount_spot_view { color: #fff !important; font-size: 1em !important; }
.vh-dom-form { display: flex; align-items: center; gap: 6px; padding: 6px; background: #fff; border-radius: 16px; box-shadow: 0 16px 40px rgb(0 0 0 / 25%); }
.vh-dom-www { padding-left: 12px; color: var(--vh-muted); font: 600 16px/1 var(--vh-font); }
.vh-dom-form input { flex: 1; min-width: 0; height: 54px !important; border: 0 !important; box-shadow: none !important; background: transparent !important; font-size: 17px !important; padding: 0 6px !important; margin: 0 !important; }
.vh-dom-form button { flex: none; display: inline-flex; align-items: center; gap: 8px; height: 54px; padding: 0 26px; border: 0; border-radius: 12px; background: var(--vh-red); color: #fff; font: 700 16px/1 var(--vh-font); cursor: pointer; transition: background .16s; }
.vh-dom-form button:hover { background: var(--vh-red-700); }
.vh-dom-tlds { list-style: none; margin: 18px 0 0; padding: 0; display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; }
.vh-dom-tlds li { display: inline-flex; align-items: baseline; gap: 8px; padding: 8px 14px; border-radius: 999px; background: rgb(255 255 255 / 8%); border: 1px solid rgb(255 255 255 / 14%); color: #fff; font-size: 14px; }
.vh-dom-tld { font: 800 15px/1 var(--vh-head); }
.vh-dom-price { color: rgb(255 255 255 / 75%); font-variant-numeric: tabular-nums; }
.vh-dom-note { margin: 16px 0 0; color: rgb(255 255 255 / 70%) !important; font-size: 14px; }
.vh-dom-note * { display: inline !important; font-size: 14px !important; color: #fff !important; }
@media (max-width: 560px) { .vh-dom-www { display: none; } .vh-dom-form button { padding: 0 16px; } .vh-dom-form button i { display: none; } }

/* Çizgi ikonlar */
.vh-ico { width: 24px; height: 24px; display: block; }
@keyframes vhIco { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-2px); } }

/* Neden biz v3: ikon kutucuğu + başlık + 2 satır metin */
.vh-why-card { grid-template-columns: 52px minmax(0, 1fr) !important; column-gap: 16px !important; padding: 18px 4px !important; align-items: start !important; }
.vh-why-ic { grid-row: 1 / span 2; width: 52px; height: 52px; border-radius: 14px; display: inline-flex; align-items: center; justify-content: center; background: #fff; color: var(--vh-red); border: 1px solid var(--vh-gray-200); box-shadow: 0 4px 12px rgb(20 33 61 / 6%); transition: background .2s, color .2s, transform .2s; }
.vh-why-ic.is-alt { color: var(--vh-navy); }
.vh-why-ic .vh-ico { width: 26px; height: 26px; }
.vh-why-card:hover .vh-why-ic { background: var(--vh-red); color: #fff; border-color: var(--vh-red); transform: translateY(-2px); }
.vh-why-card:hover .vh-why-ic.is-alt { background: var(--vh-navy); border-color: var(--vh-navy); }
.vh-why-card h3 { font-size: 16.5px !important; align-self: end; margin-top: 2px !important; }
.vh-why-card p { -webkit-line-clamp: 2 !important; font-size: 14px !important; line-height: 1.55 !important; }

/* Rakamlarla biz v2 */
.vh-stats #wrapper { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
.vh-stats #wrapper > .pakettitle { grid-column: 1 / -1; }
.vh-stats .pakettitle h2:not(.vh-h) { font-style: italic; }
.vh-stat { display: grid; grid-template-columns: 48px minmax(0, 1fr); grid-template-rows: auto auto; column-gap: 14px; align-items: center; padding: 20px; border: 1px solid var(--vh-gray-200); border-radius: 18px; background: #fff; box-shadow: 0 4px 14px rgb(20 33 61 / 5%); }
.vh-stat-ic { grid-row: 1 / span 2; width: 48px; height: 48px; border-radius: 14px; display: inline-flex; align-items: center; justify-content: center; background: var(--vh-gray-50); color: var(--vh-red); }
.vh-stat:nth-child(odd) .vh-stat-ic { color: var(--vh-navy); }
.vh-stat-num { display: flex; align-items: baseline; gap: 2px; font: 800 clamp(26px, 2.6vw, 34px)/1.05 var(--vh-head); color: var(--vh-navy); font-variant-numeric: tabular-nums; }
.vh-stat-plus { color: var(--vh-red); }
.vh-stat-label { margin: 4px 0 0 !important; font: 600 14px/1.3 var(--vh-font) !important; color: var(--vh-muted) !important; }
@media (max-width: 900px) { .vh-stats #wrapper { grid-template-columns: repeat(2, minmax(0, 1fr)); } }

/* Kurumsal ve benzeri açılır listeler: iki sütunlu panel */
.vh-nav li > ul { width: 520px; min-width: 0 !important; display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 2px; padding: 10px !important; }
.vh-nav li > ul li { list-style: none; }
.vh-nav li > ul li a { display: flex !important; align-items: center; gap: 10px; padding: 10px 12px !important; border-radius: 10px; font: 600 14px/1.3 var(--vh-font) !important; color: var(--vh-ink) !important; white-space: normal; }
.vh-nav li > ul li a i { flex: none; width: 32px; height: 32px; border-radius: 9px; display: inline-flex !important; align-items: center; justify-content: center; background: var(--vh-gray-50); color: var(--vh-navy); font-size: 14px; }
.vh-nav li > ul li a:hover { background: var(--vh-gray-50) !important; color: var(--vh-red-700) !important; }
.vh-nav li > ul li a:hover i { background: var(--vh-red); color: #fff; }
.vh-nav li > ul li a .__cf_email__, .vh-nav li > ul li a[href*="email-protection"] { font-size: 13px; }

.vh-dom-note { display: none !important; }

/* =====================================================================
   SUNUCU PAKETLERİ: tablo yerine plan kartları (tüm ekranlarda)
   ===================================================================== */
.sunucular { overflow: visible !important; border: 0 !important; box-shadow: none !important; background: none !important; }
table.vh-rtable { min-width: 0 !important; width: 100% !important; border: 0 !important; background: none !important; }
table.vh-rtable thead { display: none !important; }
table.vh-rtable, table.vh-rtable tbody { display: block !important; }
table.vh-rtable tbody { display: grid !important; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 18px; }
table.vh-rtable tr { display: flex !important; flex-direction: column; gap: 0; margin: 0 !important; padding: 22px 22px 20px !important; border: 1px solid var(--vh-gray-200) !important; border-radius: 18px !important; background: #fff !important; box-shadow: 0 2px 8px rgb(20 33 61 / 5%) !important; transition: transform .22s var(--vh-ease), box-shadow .22s; }
table.vh-rtable tr:hover { transform: translateY(-4px); box-shadow: 0 18px 40px rgb(20 33 61 / 12%) !important; }
table.vh-rtable tr:hover td { background: none !important; }
table.vh-rtable td { display: flex !important; justify-content: space-between; align-items: baseline; gap: 12px; padding: 9px 0 !important; border: 0 !important; border-bottom: 1px solid var(--vh-gray-100) !important; text-align: right !important; font-size: 14.5px !important; color: var(--vh-ink) !important; font-weight: 600; background: none !important; }
table.vh-rtable td::before { content: attr(data-label); flex: none; font: 500 13px/1.4 var(--vh-font) !important; letter-spacing: 0 !important; text-transform: none !important; color: var(--vh-muted) !important; text-align: left; }
table.vh-rtable td:first-child { display: block !important; order: -2; padding: 0 0 12px !important; text-align: left !important; font: 800 19px/1.25 var(--vh-head) !important; color: var(--vh-navy) !important; }
table.vh-rtable td:first-child::before { display: none !important; }
table.vh-rtable td:nth-last-child(2) { order: 10; display: block !important; border-bottom: 0 !important; padding: 16px 0 6px !important; text-align: left !important; font: 800 30px/1.1 var(--vh-head) !important; color: var(--vh-navy) !important; }
table.vh-rtable td:nth-last-child(2)::before { display: block; margin-bottom: 4px; }
table.vh-rtable td:nth-last-child(2) * { font-size: inherit; }
table.vh-rtable td:nth-last-child(2) small, table.vh-rtable td:nth-last-child(2) span:not(:first-child) { font: 500 13px/1 var(--vh-font) !important; color: var(--vh-muted) !important; }
table.vh-rtable td:last-child { order: 11; display: block !important; border-bottom: 0 !important; padding: 8px 0 0 !important; }
table.vh-rtable td:last-child::before { display: none !important; }
table.vh-rtable td:last-child .gonderbtn, table.vh-rtable td:last-child a { width: 100% !important; min-height: 48px; background: var(--vh-navy) !important; }
table.vh-rtable tr:hover td:last-child .gonderbtn { background: var(--vh-red) !important; }
.sunucular .dataTables_wrapper .dataTables_length, .sunucular .dataTables_wrapper .dataTables_filter, .sunucular .dataTables_wrapper .dataTables_info, .sunucular .dataTables_wrapper .dataTables_paginate { display: none !important; }

/* Başlık + açıklama: daha belirgin (silik değil) */
.pakettitle h2:not(.vh-h) { color: var(--vh-ink-2) !important; font-weight: 500 !important; font-size: 17px !important; -webkit-line-clamp: 2; }
.pakettitle h2.vh-h strong { color: var(--vh-navy) !important; }

/* Eski görseller: kategori sekmesi ikonları ve özellik resimleri yerine çizgi ikonlar */
.categoriesproduct .lbtn img, .miotab-labels img { display: none !important; }
.categoriesproduct .lbtn { flex-direction: row !important; min-width: 0 !important; padding: 10px 18px !important; border-radius: 999px !important; font-size: 14.5px !important; }
.hostingdenDahaFazlasi .ozellikAlanlarim img { display: none !important; }
.vh-feat-ic { grid-row: auto; width: 48px; height: 48px; border-radius: 14px; display: inline-flex; align-items: center; justify-content: center; background: var(--vh-gray-50); color: var(--vh-navy); }
.hostingdenDahaFazlasi .ozellikAlanlarim:nth-child(odd) .vh-feat-ic { color: var(--vh-red); }

/* Sekme durumları: üstüne gelince yazı kaybolmasın */
.miotab-labels a, .miotab-labels .gonderbtn, .categoriesproduct .lbtn { background: #fff !important; color: var(--vh-ink) !important; border: 1.5px solid var(--vh-gray-200) !important; }
.miotab-labels a:hover, .miotab-labels .gonderbtn:hover, .categoriesproduct .lbtn:hover { background: var(--vh-gray-50) !important; color: var(--vh-navy) !important; border-color: var(--vh-navy) !important; transform: none !important; }
.miotab-labels #paketaktifbtn, .miotab-labels #paketaktifbtn:hover, .categoriesproduct .lbtn#category-button-active, .categoriesproduct .lbtn#category-button-active:hover { background: var(--vh-red) !important; color: #fff !important; border-color: var(--vh-red) !important; }

/* Neden biz v4: sol giriş + sağ 2x3 özellik */
.vh-why2 { background: var(--vh-gray-50) !important; }
.vh-why2-in { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.6fr); gap: clamp(28px, 4vw, 64px); align-items: center; }
.vh-why2-eyebrow { display: inline-flex; align-items: center; gap: 8px; margin: 0 0 12px; padding: 6px 12px; border-radius: 999px; background: #fff; border: 1px solid var(--vh-gray-200); color: var(--vh-navy); font: 700 12.5px/1 var(--vh-font); letter-spacing: .05em; text-transform: uppercase; }
.vh-why2-intro h2.vh-h { text-align: left !important; font: 800 clamp(26px, 3vw, 38px)/1.15 var(--vh-head) !important; color: var(--vh-navy) !important; margin: 0 0 14px !important; }
.vh-why2-lead { margin: 0 0 22px; font-size: 16.5px; line-height: 1.65; color: var(--vh-muted); max-width: 420px; }
.vh-why2-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.vh-why2-item { display: grid; grid-template-columns: 48px minmax(0, 1fr); column-gap: 14px; align-items: start; padding: 18px; background: #fff; border: 1px solid var(--vh-gray-200); border-radius: 16px; transition: border-color .2s, box-shadow .2s; }
.vh-why2-item:hover { border-color: var(--vh-gray-200); box-shadow: 0 14px 32px rgb(20 33 61 / 10%); }
.vh-why2-item .vh-why-ic { grid-row: 1 / span 2; width: 48px; height: 48px; }
.vh-why2-item:hover .vh-why-ic { background: var(--vh-red); color: #fff; border-color: var(--vh-red); }
.vh-why2-item:hover .vh-why-ic.is-alt { background: var(--vh-navy); border-color: var(--vh-navy); }
.vh-why2-item h3 { margin: 2px 0 4px !important; font: 800 16px/1.3 var(--vh-head) !important; color: var(--vh-navy) !important; text-transform: none !important; }
.vh-why2-item p { margin: 0 !important; font-size: 14px !important; line-height: 1.55 !important; color: var(--vh-muted) !important; }
@media (max-width: 1000px) { .vh-why2-in { grid-template-columns: minmax(0, 1fr); } .vh-why2-intro { text-align: center; } .vh-why2-intro h2.vh-h { text-align: center !important; } .vh-why2-lead { margin-left: auto; margin-right: auto; } }
@media (max-width: 600px) { .vh-why2-grid { grid-template-columns: minmax(0, 1fr); } }

/* Hakkımızda bandı: okunabilirlik */
.anatanitim { background: var(--vh-navy) !important; }
.anatanitim .tanslogan h2, .anatanitim .tanslogan h2 strong { color: #fff !important; }
.vh-about-text { color: #d5dbe6 !important; }
.vh-about-text * { color: #d5dbe6 !important; }
.anatanitim .line, .anatanitim hr { display: none !important; }
.vh-about-art svg text { paint-order: stroke; }

.vh-why2, .vh-why2 * { text-align: left !important; }
@media (max-width: 1000px) { .vh-why2-intro, .vh-why2-intro * { text-align: center !important; } }

.anatanitim .tanslogan h2 { border: 0 !important; padding-bottom: 0 !important; }
.anatanitim .tanslogan h2::after, .anatanitim .tanslogan::after { display: none !important; }

.vh-why2-artwrap { margin-top: 26px; max-width: 420px; }
.vh-why2-art { width: 100%; height: auto; display: block; filter: drop-shadow(0 18px 30px rgb(20 33 61 / 10%)); }
.vh-a-dash { animation: vhDash 3.2s linear infinite; }
@keyframes vhDash { from { stroke-dashoffset: 320; } to { stroke-dashoffset: -320; } }
.vh-a-pulse { transform-origin: 28px 34px; animation: vhRing 2.6s ease-out infinite; }
@media (max-width: 1000px) { .vh-why2-artwrap { margin-left: auto; margin-right: auto; } }

/* Özellik ikonları: sıralı hafif animasyon + hover dolgu */
.hostingdenDahaFazlasi .vh-feat-ic { border: 1px solid var(--vh-gray-200); background: #fff; animation: vhBob 4s ease-in-out infinite; transition: background .2s, color .2s; }
.hostingdenDahaFazlasi .ozellikAlanlarim:nth-child(3n+1) .vh-feat-ic { animation-delay: .3s; }
.hostingdenDahaFazlasi .ozellikAlanlarim:nth-child(3n+2) .vh-feat-ic { animation-delay: .9s; }
.hostingdenDahaFazlasi .ozellikAlanlarim:hover .vh-feat-ic { background: var(--vh-red); color: #fff; border-color: var(--vh-red); }
.hostingdenDahaFazlasi .ozellikAlanlarim:nth-child(odd):hover .vh-feat-ic { background: var(--vh-navy); border-color: var(--vh-navy); }
.hostingdenDahaFazlasi > h2, .hostingdenDahaFazlasi > h2 strong { font: 800 clamp(22px, 2.6vw, 30px)/1.25 var(--vh-head) !important; color: var(--vh-navy) !important; margin: 0 !important; }
.hostingdenDahaFazlasi > h3 { font: 500 16px/1.6 var(--vh-font) !important; color: var(--vh-muted) !important; margin: 4px 0 10px !important; }

/* =====================================================================
   SUNUCU PAKETLERİ v2: yan yana satırlar (masaüstü), kart (mobil)
   ===================================================================== */
@media (min-width: 901px) {
  table.vh-rtable tbody { display: flex !important; flex-direction: column; gap: 12px; }
  table.vh-rtable tr { display: grid !important; grid-template-columns: 1.1fr 1.6fr .9fr 1.2fr 1.2fr .9fr 1.2fr 150px; align-items: center; gap: 14px; padding: 16px 20px !important; border-left: 4px solid var(--vh-navy) !important; }
  table.vh-rtable tr:nth-child(even) { border-left-color: var(--vh-red) !important; }
  table.vh-rtable tr:hover { transform: translateY(-2px); border-left-color: var(--vh-red) !important; }
  table.vh-rtable td { display: flex !important; flex-direction: column; align-items: flex-start !important; justify-content: center; gap: 3px; padding: 0 !important; border: 0 !important; text-align: left !important; order: 0 !important; font-size: 14.5px !important; }
  table.vh-rtable td::before { display: block !important; font: 600 11px/1.2 var(--vh-font) !important; letter-spacing: .06em !important; text-transform: uppercase !important; color: var(--vh-muted) !important; }
  table.vh-rtable td:first-child { padding: 0 !important; font: 800 17px/1.2 var(--vh-head) !important; }
  table.vh-rtable td:first-child::before { display: block !important; content: "Paket"; }
  html[lang^="en"] table.vh-rtable td:first-child::before { content: "Plan"; }
  table.vh-rtable td:nth-last-child(2) { padding: 0 !important; font: 800 22px/1.1 var(--vh-head) !important; color: var(--vh-navy) !important; }
  table.vh-rtable td:last-child { padding: 0 !important; }
  table.vh-rtable td:last-child .gonderbtn { min-height: 46px; background: var(--vh-red) !important; }
}

.vh-stats #wrapper > .vh-stat { grid-column: auto !important; }
.vh-stat { opacity: 1; transform: none; }
.vh-stat.vh-in { animation: vhUp .7s var(--vh-ease) both; }
.vh-stat:nth-of-type(2).vh-in { animation-delay: .1s; } .vh-stat:nth-of-type(3).vh-in { animation-delay: .2s; } .vh-stat:nth-of-type(4).vh-in { animation-delay: .3s; }
@keyframes vhUp { from { opacity: 0; transform: translateY(18px); } to { opacity: 1; transform: none; } }
.vh-stat-ic { animation: vhBob 4s ease-in-out infinite; }
.vh-stat:hover { border-color: var(--vh-gray-200); box-shadow: 0 16px 36px rgb(20 33 61 / 10%); transform: translateY(-3px); transition: transform .2s, box-shadow .2s; }
.vh-stat:hover .vh-stat-ic { background: var(--vh-red); color: #fff; }

.hostingdenDahaFazlasi .ozellikAlanlarim > span.vh-feat-ic { display: inline-flex !important; grid-column: 1 !important; grid-row: 1 !important; font-size: 14px; }
.hostingdenDahaFazlasi .ozellikAlanlarim > strong, .hostingdenDahaFazlasi .ozellikAlanlarim > h4 { grid-column: 2 !important; grid-row: 1 !important; align-self: center; }

/* Kurumsal mega: iletişim kartı + bağlantı sütunları */
.vh-nav .vh-mega.vh-mega-links { width: min(860px, calc(100vw - 48px)) !important; grid-template-columns: 230px minmax(0, 1fr) !important; padding: 16px !important; }
.vh-mega-contact { display: flex; flex-direction: column; gap: 10px; padding: 18px; border-radius: 16px; background: var(--vh-navy); color: #fff; }
.vh-mega-contact strong { font: 800 15px/1.3 var(--vh-head); color: #fff; }
.vh-mega-contact a { display: flex; align-items: center; gap: 8px; padding: 10px 12px; border-radius: 10px; background: rgb(255 255 255 / 8%); color: #fff !important; font: 600 13.5px/1.3 var(--vh-font); text-decoration: none !important; word-break: break-all; }
.vh-mega-contact a:hover { background: var(--vh-red); }
.vh-mega-cols { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px 18px; padding: 4px 4px 4px 8px; }
.vh-mega-h { margin: 4px 0 8px !important; font: 800 12px/1.2 var(--vh-font); letter-spacing: .06em; text-transform: uppercase; color: var(--vh-muted); }
.vh-mega-col ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 2px; }
.vh-mega-col a { display: block; padding: 7px 10px; margin: 0 -10px; border-radius: 8px; color: var(--vh-ink) !important; font: 600 14px/1.35 var(--vh-font); text-decoration: none !important; }
.vh-mega-col a:hover { background: var(--vh-gray-50); color: var(--vh-red-700) !important; }
.vh-drawer-body .vh-mega-links .vh-mega-cols { grid-template-columns: minmax(0, 1fr); }

/* Giriş / kayıt sayfaları: kurumsal sol panel */
.uyeolgirisslogan { background: var(--vh-navy) !important; background-image: radial-gradient(600px 400px at 20% 110%, rgb(196 45 73 / 30%), transparent 60%), radial-gradient(500px 300px at 100% 0%, rgb(59 111 245 / 18%), transparent 60%) !important; position: relative; overflow: hidden; }
.uyeolgirisslogan::before, .uyeolgirisslogan::after { display: none !important; }
.uyeolgirisslogan-con { position: relative; z-index: 1; display: flex !important; flex-direction: column; gap: 16px; max-width: 520px !important; }
.uyeolgirisslogan-con .logo img { height: 46px !important; width: auto !important; filter: brightness(0) invert(1); }
.uyeolgirisslogan-con h4 { color: #d5dbe6 !important; font: 500 16px/1.6 var(--vh-font) !important; margin: 0 !important; }
.vh-sign-art svg { width: 100%; max-width: 440px; height: auto; display: block; }
.vh-sign-points { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
.vh-sign-points li { position: relative; padding-left: 30px; color: #fff; font: 600 15px/1.4 var(--vh-font); }
.vh-sign-points li::before { content: ""; position: absolute; left: 0; top: 0; width: 20px; height: 20px; border-radius: 6px; background: var(--vh-red) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 12.5l4 4 8-9' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 14px no-repeat; }
.uyeolgirisslogan-con .gonderbtn { align-self: flex-start; background: #fff !important; color: var(--vh-red-800) !important; }
.uyeol, .signupcon { background: #fff !important; }
.signupcon .padding30 { max-width: 460px; margin: 0 auto !important; }
.signupcon h1.signinsignup-title, .signupcon h1 { font: 800 30px/1.2 var(--vh-head) !important; color: var(--vh-navy) !important; }
.signupcon h2, .signupcon h3, .signupcon h4 { color: var(--vh-navy) !important; font-family: var(--vh-head) !important; }
.signupcon .gonderbtn, .signupcon input[type="submit"] { width: 100% !important; min-height: 50px; background: var(--vh-red) !important; }
@media (max-width: 900px) { .vh-sign-art, .vh-sign-points { display: none; } }

.uyeolgirisslogan { display: flex !important; align-items: center; justify-content: center; min-height: 100vh; padding: 32px 0 !important; box-sizing: border-box; }
.uyeolgirisslogan-con { gap: 12px; position: relative !important; top: auto !important; transform: none !important; margin: 0 auto !important; padding: 0 32px; }
.vh-sign-art svg { max-width: 320px; }
@media (max-height: 760px) { .vh-sign-art { display: none; } }

.uyeolgirisslogan-con .logo { order: -3; } .uyeolgirisslogan-con .vh-sign-art { order: -2; } .uyeolgirisslogan-con h4 { order: -1; }

.hostingdenDahaFazlasi .ozellikAlanlarim > span.vh-feat-ic { width: 46px !important; height: 46px !important; border-radius: 13px !important; background: var(--vh-gray-100) !important; border: 0 !important; color: var(--vh-navy) !important; }
.hostingdenDahaFazlasi .ozellikAlanlarim:nth-child(odd) > span.vh-feat-ic { background: #fde8ec !important; color: var(--vh-red) !important; }
.hostingdenDahaFazlasi .vh-feat-ic .vh-ico { width: 24px; height: 24px; }
.hostingdenDahaFazlasi .ozellikAlanlarim:hover > span.vh-feat-ic { background: var(--vh-navy) !important; color: #fff !important; }

/* =====================================================================
   GİRİŞ / KAYIT v2 — sol tanıtım paneli + sağ form kartı
   ===================================================================== */
#new-signin-signup, #uyeolgiris { background: var(--vh-gray-50) !important; }
.uyeolgirisyapx { display: grid !important; grid-template-columns: minmax(0, 45%) minmax(0, 55%); min-height: 100vh; }
.uyeolgirisyapx > .uyeolgirisslogan, .uyeolgirisyapx > .uyeol { width: auto !important; float: none !important; height: auto !important; min-height: 100vh; margin: 0 !important; }
.uyeolgirisslogan.vh-sp-wrap { display: block !important; padding: 0 !important; background: var(--vh-navy) !important; background-image: radial-gradient(520px 360px at 0% 100%, rgb(196 45 73 / 28%), transparent 65%), radial-gradient(460px 320px at 100% 0%, rgb(59 111 245 / 20%), transparent 60%) !important; position: sticky; top: 0; height: 100vh !important; }
.vh-sp { height: 100%; display: flex; flex-direction: column; justify-content: space-between; gap: 24px; padding: clamp(24px, 4vh, 44px) clamp(24px, 4vw, 56px); box-sizing: border-box; color: #fff; }
.vh-sp-top { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.vh-sp-logo img { height: 40px; width: auto; filter: brightness(0) invert(1); display: block; }
.vh-sp-home { color: rgb(255 255 255 / 75%) !important; font: 600 14px/1 var(--vh-font); text-decoration: none !important; display: inline-flex; align-items: center; gap: 8px; }
.vh-sp-home:hover { color: #fff !important; }
.vh-sp-slider { position: relative; flex: 1; display: grid; align-content: center; max-width: 480px; width: 100%; margin: 0 auto; }
.vh-sp-slide { grid-area: 1 / 1; opacity: 0; visibility: hidden; transform: translateY(14px); transition: opacity .6s var(--vh-ease), transform .6s var(--vh-ease), visibility .6s; }
.vh-sp-slide.is-active { opacity: 1; visibility: visible; transform: none; }
.vh-sp-art svg { width: 100%; max-width: 340px; height: auto; display: block; margin: 0 0 18px; }
.vh-sp-ring { transform-origin: 160px 100px; animation: vhRing 3.6s ease-out infinite; }
.vh-sp-eyebrow { display: inline-block; margin: 0 0 10px; padding: 6px 12px; border-radius: 999px; background: rgb(255 255 255 / 10%); font: 700 12px/1 var(--vh-font); letter-spacing: .06em; text-transform: uppercase; color: #fff; }
.vh-sp-title { margin: 0 0 10px !important; font: 800 clamp(24px, 2.4vw, 32px)/1.2 var(--vh-head) !important; color: #fff !important; text-transform: none !important; }
.vh-sp-text { margin: 0 0 18px; color: #c9d1de; font-size: 15.5px; line-height: 1.6; }
.vh-sp-link { display: inline-flex; align-items: center; gap: 8px; color: #fff !important; font: 700 14.5px/1 var(--vh-font); text-decoration: none !important; padding-bottom: 4px; border-bottom: 2px solid var(--vh-red); }
.vh-sp-link:hover { color: #ffd0d8 !important; }
.vh-sp-dots { grid-area: 2 / 1; display: flex; gap: 8px; margin-top: 26px; }
.vh-sp-dots button { width: 34px; height: 4px; padding: 0; border: 0; border-radius: 4px; background: rgb(255 255 255 / 22%); cursor: pointer; overflow: hidden; position: relative; }
.vh-sp-dots button span { position: absolute; inset: 0; width: 0; background: #fff; border-radius: 4px; }
.vh-sp-dots button.is-active span { width: 100%; }
.vh-sp-slider.is-playing .vh-sp-dots button.is-active span { animation: vhProg 5.5s linear forwards; }
@keyframes vhProg { from { width: 0; } to { width: 100%; } }
.vh-sp-bottom { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; padding-top: 18px; border-top: 1px solid rgb(255 255 255 / 12%); }
.vh-sp-bottom p { margin: 0; color: #c9d1de; font-size: 14.5px; }
.vh-sp-switch { display: inline-flex; align-items: center; min-height: 40px; padding: 0 16px; border-radius: 10px; background: #fff; color: var(--vh-navy) !important; font: 700 14px/1 var(--vh-font); text-decoration: none !important; }
.vh-sp-switch:hover { background: var(--vh-red); color: #fff !important; }
/* Sağ form kartı */
.uyeolgirisyapx > .uyeol { display: flex !important; align-items: center; justify-content: center; padding: 40px 24px !important; background: var(--vh-gray-50) !important; box-sizing: border-box; }
.uyeol .signupcon { width: 100% !important; max-width: 480px; background: #fff !important; border: 1px solid var(--vh-gray-200); border-radius: 20px; box-shadow: 0 20px 50px rgb(20 33 61 / 8%); float: none !important; margin: 0 !important; }
.uyeol .signupcon > .padding30 { padding: 34px 32px !important; max-width: none !important; }
.uyeol .signinsignup-title { font: 800 28px/1.2 var(--vh-head) !important; color: var(--vh-navy) !important; margin: 0 0 6px !important; text-align: left !important; }
.uyeol .line { height: 1px !important; background: var(--vh-gray-100) !important; margin: 16px 0 !important; border: 0 !important; }
.uyeol h2, .uyeol h3, .uyeol h4, .uyeol h5 { color: var(--vh-navy) !important; font-family: var(--vh-head) !important; text-align: left !important; border: 0 !important; }
.uyeol p { color: var(--vh-muted) !important; }
.uyeol input[type="text"], .uyeol input[type="email"], .uyeol input[type="password"], .uyeol input[type="tel"], .uyeol select { width: 100% !important; min-height: 50px !important; margin: 0 0 12px !important; float: none !important; }
.uyeol .yuzde50, .uyeol .yuzde70, .uyeol .yuzde30, .uyeol .yuzde100 { box-sizing: border-box; }
.uyeol .gonderbtn, .uyeol input[type="submit"], .uyeol button[type="submit"] { width: 100% !important; min-height: 52px !important; border-radius: 12px !important; background: var(--vh-red) !important; color: #fff !important; font: 700 16px/1 var(--vh-font) !important; float: none !important; margin: 6px 0 0 !important; }
.uyeol .gonderbtn:hover { background: var(--vh-red-700) !important; }
.uyeol a { color: var(--vh-blue-600) !important; }
.uyeol .socialconnect a { color: var(--vh-ink) !important; border: 1px solid var(--vh-gray-200) !important; border-radius: 12px !important; background: #fff !important; }
.uyeol .vh-sign-art, .uyeol .vh-sign-points { display: none !important; }
@media (max-width: 900px) {
  .uyeolgirisyapx { grid-template-columns: minmax(0, 1fr); }
  .uyeolgirisslogan.vh-sp-wrap { position: static; height: auto !important; min-height: 0 !important; }
  .vh-sp-slider, .vh-sp-bottom { display: none; }
  .uyeolgirisyapx > .uyeol { min-height: 0; padding: 20px 14px 40px !important; }
  .uyeol .signupcon > .padding30 { padding: 24px 20px !important; }
}

.uyeol .signupcon .padding30 > div, .uyeol .signupcon form, .uyeol .signupcon .padding30 > div > div { width: 100% !important; max-width: none !important; margin-left: 0 !important; margin-right: 0 !important; float: none !important; box-sizing: border-box; }
.uyeol .signupcon .padding30 > div:not(.line):not(.socialconnect) { padding-left: 0 !important; padding-right: 0 !important; }
.uyeol .signupcon h4, .uyeol .signupcon h5 { font-size: 17px !important; margin: 0 0 6px !important; }

/* Giriş/kayıt formu ince ayarlar */
.uyeol .line { display: none !important; }
.uyeol .signinsignup-title { margin-bottom: 18px !important; }
.uyeol form h4 { margin: 0 0 4px !important; }
.uyeol form p { font-size: 14.5px !important; line-height: 1.5 !important; margin: 0 0 14px !important; }
/* Telefon alanı: ülke kodu yazının üstüne binmesin */
.uyeol .intl-tel-input, .uyeol .iti { width: 100% !important; display: block !important; }
.uyeol .intl-tel-input input, .uyeol .iti input, .uyeol input[type="tel"] { padding-left: 92px !important; }
.uyeol .intl-tel-input .flag-container, .uyeol .iti__flag-container { height: 50px; }
.uyeol .intl-tel-input .selected-flag, .uyeol .iti__selected-flag { height: 50px !important; padding: 0 8px 0 12px !important; border-radius: 12px 0 0 12px; background: var(--vh-gray-50) !important; }
/* Kayıt adımları */
.uyeol [class*="adim"], .uyeol [class*="step"], .uyeol .signupsteps { margin: 10px 0 18px !important; }
/* Özel onay kutusu: yerel kutu görünmesin */
.uyeol .checkbox-custom, .uyeol .radio-custom { opacity: 0 !important; position: absolute !important; width: 1px !important; height: 1px !important; }
.uyeol .checkbox-custom-label, .uyeol .radio-custom-label { font-size: 14px !important; color: var(--vh-ink-2) !important; }
@media (max-width: 900px) {
  .uyeol .signinsignup-title { font-size: 24px !important; }
  .uyeol form p { font-size: 14px !important; }
  .uyeol .yuzde50 { width: 100% !important; float: none !important; padding: 0 !important; }
  .vh-sp { padding: 16px 18px; }
  .vh-sp-logo img { height: 32px; }
}

/* Kayıt adım göstergesi */
.uyeol .signup-stages { display: flex !important; align-items: center; gap: 10px; height: auto !important; margin: 4px 0 22px !important; padding: 0 !important; background: none !important; border: 0 !important; position: relative; }
.uyeol .signup-stages::before { content: ""; position: absolute; left: 18px; right: 18px; top: 50%; height: 2px; background: var(--vh-gray-100); z-index: 0; }
.uyeol .signup-stages > * { position: relative; z-index: 1; flex: 1; display: flex !important; justify-content: center; text-decoration: none !important; float: none !important; width: auto !important; margin: 0 !important; }
.uyeol .signup-stages > *:first-child { justify-content: flex-start; } .uyeol .signup-stages > *:last-child { justify-content: flex-end; }
.uyeol .signup-stages-block { width: 36px !important; height: 36px !important; border-radius: 50% !important; display: inline-flex !important; align-items: center; justify-content: center; background: #fff !important; border: 2px solid var(--vh-gray-200) !important; color: var(--vh-muted) !important; font: 800 14px/1 var(--vh-font) !important; margin: 0 !important; position: static !important; box-shadow: none !important; }
.uyeol .signup-stages-block.active { background: var(--vh-red) !important; border-color: var(--vh-red) !important; color: #fff !important; }

.uyeolgirisyapx .uyeol .signupcon h1.signinsignup-title { font-size: 26px !important; margin: 0 0 10px !important; }
.uyeolgirisyapx .uyeol .signupcon .socialconnect:empty { display: none !important; }
@media (max-width: 900px) {
  .uyeolgirisyapx .uyeol .signupcon h1.signinsignup-title { font-size: 22px !important; }
  .uyeolgirisyapx .uyeol .signupcon > .padding30 { padding: 20px 18px !important; }
  .uyeolgirisyapx .uyeol .signupcon { border-radius: 16px; }
  .uyeolgirisyapx .uyeol .signupcon form h4 strong { font-size: 16px !important; }
}

/* Mobil düzeltmeler: paket kartları ve sekmeler */
.tablopaketler.products_list { display: block !important; }
.miotab-contents, .miotab-content { max-width: 100% !important; box-sizing: border-box; }
@media (max-width: 767px) {
  .miotab-content[style*="block"]:has(> .tablepaket), *:has(> .tablepaket):not(.miotab-content) { grid-template-columns: minmax(0, 1fr) !important; gap: 16px !important; }
  .miotab-labels { flex-wrap: nowrap !important; justify-content: flex-start !important; overflow-x: auto; -webkit-overflow-scrolling: touch; padding: 2px 2px 8px !important; scrollbar-width: none; }
  .miotab-labels::-webkit-scrollbar { display: none; }
  .miotab-labels a, .miotab-labels .gonderbtn { flex: none; white-space: nowrap; min-height: 40px !important; font-size: 13.5px !important; padding: 0 14px !important; }
  .categoriesproduct { flex-wrap: nowrap !important; justify-content: flex-start !important; overflow-x: auto; padding-bottom: 6px; }
  .categoriesproduct .lbtn { flex: none; white-space: nowrap; }
  .tablepaket { padding: 22px 18px 18px !important; }
  .tablepaket .amount_spot_view { font-size: 34px !important; }
  .pakettitle h2.vh-h, .pakettitle h2.vh-h strong { font-size: 24px !important; }
  .vh-why2-intro h2.vh-h { font-size: 26px !important; }
  .vh-dom h2.vh-h { font-size: 22px !important; }
}

/* Giriş/kayıt: form daha ortada ve daha büyük */
@media (min-width: 901px) {
  .uyeolgirisyapx { grid-template-columns: minmax(0, 38%) minmax(0, 62%) !important; }
  .uyeolgirisyapx > .uyeol { justify-content: flex-start !important; padding-left: clamp(40px, 8vw, 140px) !important; }
  .uyeol .signupcon { max-width: 600px !important; }
  .uyeol .signupcon > .padding30 { padding: 42px 44px !important; }
  .uyeolgirisyapx .uyeol .signupcon h1.signinsignup-title { font-size: 30px !important; }
  .uyeol input[type="text"], .uyeol input[type="email"], .uyeol input[type="password"], .uyeol input[type="tel"], .uyeol select { min-height: 54px !important; font-size: 16px !important; }
}
/* Giriş/kayıt kartı: sağ alanın tam ortasında, daha geniş */
@media (min-width: 901px) {
  .uyeolgirisyapx { grid-template-columns: minmax(0, 36%) minmax(0, 64%) !important; }
  .uyeolgirisyapx > .uyeol { justify-content: center !important; padding: 40px clamp(24px, 4vw, 64px) !important; }
  .uyeol .signupcon { max-width: 640px !important; }
}
/* Üst menüde Kayıt Ol düğmesi (her zaman görünür, kompakt) */
.vh-actions .vh-btn-ghost { display: inline-flex !important; min-height: 44px; padding: 0 16px !important; font-size: 14.5px !important; color: var(--vh-navy) !important; border: 1.5px solid var(--vh-gray-200) !important; background: #fff !important; }
.vh-actions .vh-btn-ghost:hover { border-color: var(--vh-navy) !important; background: var(--vh-gray-50) !important; }
@media (max-width: 1360px) { .vh-actions .vh-btn { padding: 0 13px !important; font-size: 14px !important; } .vh-nav > ul > li > a { padding: 0 8px; font-size: 14px; } }
@media (max-width: 1180px) { .vh-actions .vh-btn-ghost { display: none !important; } }

.vh-nav > ul > li > a { padding: 0 9px !important; font-size: 14.5px !important; }
.vh-nav > ul > li > a::after { left: 9px !important; right: 9px !important; }
.vh-header .vh-wrap { gap: 14px !important; }
.vh-actions { gap: 8px !important; }
@media (max-width: 1300px) { .vh-nav > ul > li > a { padding: 0 7px !important; font-size: 14px !important; } .vh-nav .fa-caret-down { display: none !important; } }

.uyeol .signupcon #Signin_Form, .uyeol .signupcon #Signforget_Form, .uyeol .signupcon form { margin-top: 12px !important; }
.uyeol .signinsignup-title { display: block !important; }

/* =====================================================================
   GİRİŞ / KAYIT v3 — boşluksuz: büyük tanıtım paneli + hemen yanında form
   ===================================================================== */
@media (min-width: 901px) {
  .uyeolgirisyapx { grid-template-columns: minmax(0, 52%) minmax(0, 48%) !important; }
  .uyeolgirisyapx > .uyeol { justify-content: flex-start !important; align-items: center !important; background: #fff !important; padding: 40px clamp(32px, 5vw, 80px) !important; }
  .uyeol .signupcon { max-width: 520px !important; border: 0 !important; box-shadow: none !important; border-radius: 0 !important; background: transparent !important; }
  .uyeol .signupcon > .padding30 { padding: 0 !important; }
  .vh-sp-slider { max-width: 600px !important; }
  .vh-sp-art svg { max-width: 520px !important; margin-bottom: 8px !important; }
  .vh-sp-title { font-size: clamp(28px, 2.8vw, 40px) !important; }
  .vh-sp-text { font-size: 17px !important; max-width: 520px; }
}
.vh-sp-cta { border-bottom: 0 !important; padding: 13px 20px !important; border-radius: 12px; background: var(--vh-red); color: #fff !important; font-size: 15px !important; box-shadow: 0 10px 24px rgb(196 45 73 / 35%); }
.vh-sp-cta:hover { background: var(--vh-red-700); color: #fff !important; }
.vh-sp-person { animation: vhFloat 5s ease-in-out infinite; }
.vh-sp-wave { transform-origin: 78px 104px; animation: vhWave 2.4s ease-in-out infinite; }
@keyframes vhWave { 0%, 100% { rotate: 0deg; } 50% { rotate: -10deg; } }
.vh-sp-blink { animation: vhBlink 4s infinite; transform-origin: 44px 49px; }
@keyframes vhBlink { 0%, 94%, 100% { scale: 1 1; } 96% { scale: 1 .1; } }
.vh-sp-slide.is-active .vh-sp-art { animation: vhUp .7s var(--vh-ease) both; }
.vh-sp-slide.is-active .vh-sp-title { animation: vhUp .7s .1s var(--vh-ease) both; }
.vh-sp-slide.is-active .vh-sp-text { animation: vhUp .7s .2s var(--vh-ease) both; }
.vh-sp-slide.is-active .vh-sp-cta { animation: vhUp .7s .3s var(--vh-ease) both; }

/* =====================================================================
   GİRİŞ / KAYIT v4 — panel ve form tek, ortalanmış, boşluksuz blok
   ===================================================================== */
@media (min-width: 901px) {
  #new-signin-signup { min-height: 100vh; display: flex !important; align-items: center; justify-content: center; padding: 32px 24px !important; box-sizing: border-box; background: var(--vh-gray-50) !important; }
  .uyeolgirisyapx { width: 100% !important; max-width: 1180px !important; min-height: 0 !important; margin: 0 auto !important; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important; border-radius: 24px; overflow: hidden; box-shadow: 0 30px 80px rgb(20 33 61 / 16%); background: #fff; }
  .uyeolgirisyapx > .uyeolgirisslogan, .uyeolgirisyapx > .uyeol { min-height: 640px !important; }
  .uyeolgirisslogan.vh-sp-wrap { position: relative !important; height: auto !important; }
  .uyeolgirisyapx > .uyeol { justify-content: center !important; align-items: center !important; padding: 48px 56px !important; background: #fff !important; }
  .uyeol .signupcon { max-width: 460px !important; width: 100% !important; }
  .vh-sp { padding: 32px 40px !important; }
  .vh-sp-art svg { max-width: 440px !important; }
  .vh-sp-title { font-size: clamp(26px, 2.4vw, 34px) !important; }
  .vh-sp-text { font-size: 16px !important; }
}

.uyeolgirisyapx > .uyeol, .uyeolgirisyapx > .uyeolgirisslogan { position: relative !important; left: auto !important; right: auto !important; top: auto !important; transform: none !important; width: auto !important; max-width: none !important; margin: 0 !important; box-sizing: border-box !important; }