/* 03.11.2026: genel rötuş katmanı (style.css'ten sonra yüklenir). Sahip isteği: düğmeler sunucun paletinde
   (lacivert #001c64/#003087, mavi #0070e0, vurgu altın #ffc60b). Kırmızı çağrı düğmeleri maviye çekildi. */
:root{ --snc-navy:#001c64; --snc-navy2:#003087; --snc-blue:#0070e0; --snc-blue2:#0a84ff; --snc-gold:#ffc60b; --snc-line:#e3e8f2; --snc-muted:#5b6b82;
  --snc-cta:linear-gradient(135deg,#0a84ff 0%,#0070e0 45%,#003087 100%); --snc-cta-h:linear-gradient(135deg,#0070e0 0%,#003087 100%); }

/* Odak halkası (klavye ile gezinme) */
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible{ outline:3px solid rgba(0,112,224,.45); outline-offset:2px; border-radius:6px; }

/* Ana çağrı düğmesi: Hemen Başla */
.hbc-left-button{ background:var(--snc-cta) !important; border-radius:12px !important; padding:.95em 1.6em !important; gap:.6em; transition:transform .2s ease, box-shadow .2s ease; box-shadow:0 14px 26px -14px rgba(0,112,224,.9) !important; }
.hbc-left-button i{ display:inline-block !important; margin-left:0 !important; transition:transform .2s ease; }
.hbc-left-button:hover{ background:var(--snc-cta-h) !important; transform:translateY(-1px); color:#fff !important; }
.hbc-left-button:hover i{ transform:translateX(3px); }
.hbc-right-button{ border-radius:12px !important; border:2px solid rgba(0,48,135,.18) !important; color:var(--snc-navy2) !important; transition:border-color .2s ease, background .2s ease; }
.hbc-right-button:hover{ border-color:var(--snc-navy2) !important; background:rgba(0,48,135,.04) !important; }

/* İncele / Satın Al ve genel btn-01 */
.btn-01{ border-radius:10px; font-weight:600; transition:background-color .2s ease, transform .2s ease, box-shadow .2s ease; }
.btn-01:hover{ transform:translateY(-1px); box-shadow:0 10px 18px -12px rgba(0,48,135,.8); }
.vps-plan .vps-plan-name .btn-01{ border-radius:10px !important; background:var(--snc-navy2) !important; border-color:var(--snc-navy2) !important; font-weight:700; letter-spacing:.02em; }
.vps-plan .vps-plan-name .btn-01:hover{ background:var(--snc-blue) !important; border-color:var(--snc-blue) !important; }
.vps-plan{ border-radius:14px; transition:box-shadow .25s ease, border-color .25s ease; }
.vps-plan:hover{ box-shadow:0 18px 36px -22px rgba(0,28,100,.45); border-color:rgba(0,112,224,.35); }

/* Kartlardaki "Detaylı İncele" etiketi */
.base-info-btn{ background-color:var(--snc-navy2) !important; padding:6px 14px !important; border-radius:12px 0 !important; letter-spacing:.01em; }
.base-info:hover .base-info-btn{ background-color:var(--snc-blue) !important; }
.base-info-btn a::after{ content:" \2192"; }

/* Paket satırında fareyi izleyen "Sabitle" kutusu kaldırıldı (tıklayınca detayın açık kalması aynen çalışır) */
#fixed-info-box, .fixed-info-box{ display:none !important; }

/* Ana sayfa alan adı kutusu */
.snc-dsbox{ display:flex; align-items:center; gap:28px; padding:26px 28px; border-radius:20px; color:#fff; position:relative; overflow:hidden;
  background:radial-gradient(600px 220px at 100% 0%, rgba(10,132,255,.45), transparent 70%), linear-gradient(135deg,#001c64 0%,#003087 70%,#0b3fa8 100%);
  box-shadow:0 24px 48px -30px rgba(0,28,100,.75); }
.snc-dsbox::after{ content:""; position:absolute; right:-80px; bottom:-120px; width:300px; height:300px; border-radius:50%; border:44px solid rgba(255,255,255,.05); pointer-events:none; }
.snc-dsbox__txt{ flex:0 0 36%; min-width:0; position:relative; z-index:1; }
.snc-dsbox__eyebrow{ display:inline-flex; align-items:center; gap:7px; font-size:12px; font-weight:700; letter-spacing:.08em; color:var(--snc-gold); }
.snc-dsbox__title{ display:block; font-size:clamp(20px,2.1vw,26px); line-height:1.25; margin:8px 0 6px; font-weight:700; color:#fff; }
.snc-dsbox__sub{ display:block; font-size:14px; color:#c7d5f2; }
.snc-dsbox__form{ flex:1; min-width:0; position:relative; z-index:1; margin:0; }
.snc-dsbox__field{ display:flex; align-items:center; gap:8px; background:#fff; border-radius:14px; padding:7px; box-shadow:0 12px 28px -16px rgba(0,0,0,.55); }
.snc-dsbox__field i{ color:var(--snc-blue); font-size:18px; margin:0 4px 0 10px; }
.snc-dsbox__field input{ flex:1; min-width:0; border:0 !important; outline:0; font-size:17px; padding:11px 4px; color:#1e324b; background:transparent; box-shadow:none !important; }
.snc-dsbox__field input::placeholder{ color:#93a1b8; font-size:16px; }
.snc-dsbox__field button{ border:0; border-radius:10px; background:var(--snc-cta); color:#fff; font-weight:700; font-size:16px; padding:12px 26px; cursor:pointer; white-space:nowrap; box-shadow:0 10px 18px -10px rgba(0,112,224,.9); transition:transform .2s; }
.snc-dsbox__field button:hover{ transform:translateY(-1px); background:var(--snc-cta-h); }
.snc-dsbox__chips{ display:flex; flex-wrap:wrap; gap:8px; margin-top:12px; min-height:34px; }
.snc-dsbox__chips button{ display:inline-flex; align-items:baseline; gap:7px; border:1px solid rgba(255,255,255,.2); background:rgba(255,255,255,.08); color:#fff; border-radius:10px; padding:6px 11px; font-size:13px; cursor:pointer; transition:background .2s, border-color .2s; }
.snc-dsbox__chips button:hover{ background:rgba(255,255,255,.16); border-color:rgba(255,255,255,.4); }
.snc-dsbox__chips b{ font-size:14px; }
.snc-dsbox__chips span{ color:var(--snc-gold); font-weight:700; }
.snc-dsbox__chips s{ color:#9fb1d6; font-size:11px; }
@media (max-width:991px){ .snc-dsbox{ flex-direction:column; align-items:stretch; gap:16px; padding:22px 18px; } .snc-dsbox__txt{ flex:none; } }
@media (max-width:560px){ .snc-dsbox__field{ flex-wrap:wrap; } .snc-dsbox__field i{ display:none; } .snc-dsbox__field input{ flex:1 1 100%; padding:10px 8px; } .snc-dsbox__field button{ width:100%; } }

/* Canlı destek: sağ kenarda dikey sekme + panel (vihyper / blog düzeni, sunucun renkleri) */
.whatsapp-button, .wp-chat-cont{ display:none !important; }
.snc-lc{ position:fixed; right:0; top:50%; transform:translateY(-50%); z-index:99979; font-family:Montserrat,'Titillium Web',system-ui,sans-serif; }
.snc-lc__btn{ display:flex; flex-direction:column; align-items:center; gap:8px; border:0; cursor:pointer; padding:14px 9px; border-radius:12px 0 0 12px; color:#fff; background:linear-gradient(180deg,#003087,#001c64); box-shadow:-4px 6px 20px rgba(0,28,100,.3); transition:background .2s; }
.snc-lc__btn:hover{ background:linear-gradient(180deg,#0070e0,#003087); }
.snc-lc__t{ writing-mode:vertical-rl; transform:rotate(180deg); font-size:13.5px; font-weight:700; letter-spacing:.02em; }
.snc-lc__dot{ width:9px; height:9px; border-radius:50%; background:#3ee08f; animation:sncDot 2s infinite; }
.snc-lc[data-st="offline"] .snc-lc__dot{ background:#9aa3ad; animation:none; }
.snc-lc[data-st="away"] .snc-lc__dot{ background:var(--snc-gold); }
@keyframes sncDot{ 0%{ box-shadow:0 0 0 0 rgba(62,224,143,.6); } 70%{ box-shadow:0 0 0 7px rgba(62,224,143,0); } 100%{ box-shadow:0 0 0 0 rgba(62,224,143,0); } }
.snc-lc__panel{ position:absolute; right:46px; top:50%; width:300px; max-width:calc(100vw - 60px); background:#fff; border-radius:16px; overflow:hidden; box-shadow:0 24px 60px rgba(4,17,43,.3); opacity:0; transform:translate(10px,-50%) scale(.97); transform-origin:right center; transition:opacity .2s, transform .25s; }
.snc-lc__panel.is-in{ opacity:1; transform:translate(0,-50%); }
.snc-lc__head{ display:flex; align-items:center; gap:12px; padding:16px; color:#fff; background:linear-gradient(120deg,#001c64,#003087 60%,#0070e0); }
.snc-lc__logo{ width:40px; height:40px; border-radius:12px; background:#fff; color:var(--snc-navy2); display:grid; place-items:center; font-weight:800; font-size:20px; }
.snc-lc__hn{ flex:1; min-width:0; display:flex; flex-direction:column; gap:3px; }
.snc-lc__hn strong{ font-size:16px; }
.snc-lc__hn small{ font-size:12.5px; color:rgba(255,255,255,.82); }
.snc-lc[data-st="online"] .snc-lc__st::before{ content:""; display:inline-block; width:8px; height:8px; border-radius:50%; background:#3ee08f; margin-right:6px; }
.snc-lc__x{ width:32px; height:32px; border:0; border-radius:50%; background:rgba(255,255,255,.14); color:#fff; font-size:22px; line-height:1; cursor:pointer; }
.snc-lc__body{ display:flex; flex-direction:column; gap:8px; padding:12px; }
.snc-lc__opt{ display:flex; align-items:center; gap:12px; width:100%; padding:11px 12px; border:1px solid var(--snc-line); border-radius:14px; background:#fff; color:#0b1f4d !important; text-decoration:none !important; text-align:left; cursor:pointer; font:inherit; transition:border-color .15s, background .15s, transform .15s; }
.snc-lc__opt:hover{ border-color:var(--snc-blue); background:#f4f8ff; transform:translateX(2px); }
.snc-lc__oi{ width:40px; height:40px; flex:none; border-radius:12px; display:grid; place-items:center; color:#fff; background:var(--snc-navy2); }
.snc-lc__oi--wa{ background:#1fa855; }
.snc-lc__oi svg{ width:20px; height:20px; }
.snc-lc__opt b{ display:block; font-size:15px; color:#0b1f4d; }
.snc-lc__opt small{ display:block; margin-top:2px; font-size:12.5px; color:var(--snc-muted); }
html.snc-pp-open .snc-lc{ display:none; }
/* Tawk balonu artık panelde: yukarı çık düğmesi eski geniş kutudan kompakt kareye */
.scroll-top.active{ width:52px !important; height:52px !important; border-radius:14px !important; padding:0 !important; box-shadow:0 12px 24px -12px rgba(0,28,100,.6); }
.scroll-top i{ left:0 !important; font-size:22px !important; }
.snc-lc__head{ position:static !important; width:auto !important; }
@media (max-width:640px){ .snc-lc__btn{ padding:10px 7px; } .snc-lc__t{ font-size:12px; } }

/* Yıllık alım popup'ı */
.snc-pp{ position:fixed; inset:0; z-index:100001; display:flex; align-items:center; justify-content:center; padding:16px; }
.snc-pp[hidden]{ display:none; }
.snc-pp__bg{ position:absolute; inset:0; background:rgba(2,10,30,.55); opacity:0; transition:opacity .25s; }
.snc-pp__box{ position:relative; display:flex; width:min(760px,100%); background:#fff; border-radius:22px; overflow:hidden; box-shadow:0 40px 90px -30px rgba(0,0,0,.6); opacity:0; transform:translateY(16px) scale(.98); transition:opacity .25s, transform .3s; outline:0; }
.snc-pp.is-open .snc-pp__bg{ opacity:1; }
.snc-pp.is-open .snc-pp__box{ opacity:1; transform:none; }
.snc-pp__x{ position:absolute; top:12px; right:12px; z-index:2; width:36px; height:36px; border-radius:50%; border:0; background:#f1f4fa; color:#0b1f4d; font-size:24px; line-height:1; cursor:pointer; }
.snc-pp__art{ flex:0 0 260px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:2px; padding:28px 20px; color:#fff; text-align:center;
  background:radial-gradient(260px 180px at 80% 10%, rgba(10,132,255,.55), transparent 70%), linear-gradient(160deg,#001c64,#003087 60%,#0b3fa8); }
.snc-pp__big{ font-size:86px; font-weight:800; line-height:1; color:var(--snc-gold); letter-spacing:-.02em; text-shadow:0 10px 30px rgba(0,0,0,.25); }
.snc-pp__small{ font-size:13px; font-weight:700; letter-spacing:.12em; color:#d5e0f7; }
.snc-pp__svg{ width:170px; margin-top:22px; }
.snc-pp__txt{ flex:1; padding:34px 32px 26px; color:#1e324b; }
.snc-pp__eyebrow{ display:inline-block; font-size:12px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:var(--snc-blue); background:#e8f1ff; border-radius:999px; padding:4px 10px; }
.snc-pp__txt h2{ font-size:26px; line-height:1.2; font-weight:700; color:#001c64; margin:12px 0 10px; }
.snc-pp__txt p{ font-size:15px; color:var(--snc-muted); margin:0 0 12px; }
.snc-pp__txt ul{ list-style:none; padding:0; margin:0 0 18px; display:grid; gap:6px; }
.snc-pp__txt li{ font-size:14px; font-weight:600; color:#1e324b; padding-left:24px; position:relative; }
.snc-pp__txt li::before{ content:""; position:absolute; left:0; top:3px; width:16px; height:16px; border-radius:50%; background:#e3f6eb url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 8.2l2.6 2.6L12 5.4' fill='none' stroke='%231f9d57' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/12px no-repeat; }
.snc-pp__cta{ display:flex; flex-wrap:wrap; gap:8px; align-items:center; }
.snc-pp__go{ background:var(--snc-cta); color:#fff !important; font-weight:700; padding:13px 22px; border-radius:12px; text-decoration:none !important; box-shadow:0 12px 22px -12px rgba(0,112,224,.9); }
.snc-pp__go:hover{ background:var(--snc-cta-h); }
.snc-pp__alt{ border:1px solid var(--snc-line); color:var(--snc-navy2) !important; font-weight:600; font-size:14px; padding:11px 14px; border-radius:12px; text-decoration:none !important; }
.snc-pp__alt:hover{ border-color:var(--snc-blue); }
.snc-pp__later{ display:block; margin-top:14px; border:0; background:none; color:#93a1b8; font-size:13px; cursor:pointer; padding:0; text-decoration:underline; }
@media (max-width:640px){
  .snc-pp{ align-items:flex-end; padding:0; }
  .snc-pp__box{ flex-direction:column; border-radius:20px 20px 0 0; max-height:92vh; overflow:auto; }
  .snc-pp__art{ flex:none; flex-direction:row; gap:10px; padding:16px 18px; }
  .snc-pp__big{ font-size:44px; } .snc-pp__svg{ display:none; }
  .snc-pp__txt{ padding:18px 18px 20px; } .snc-pp__txt h2{ font-size:21px; }
}

/* Menü: açılır paneller yarı saydamdı (arkadaki sayfa okunuyordu) — düz beyaz, gölgeli, net hover */
.mega-menu > .container{ background:#fff !important; -webkit-backdrop-filter:none !important; backdrop-filter:none !important; border:1px solid #e3e8f2; border-top:0; box-shadow:0 34px 60px -34px rgba(0,28,100,.45) !important; }
.mega-menu .menu-link{ transition:background .15s ease, transform .15s ease; }
.mega-menu .menu-link:hover{ background:#f2f7ff !important; transform:translateX(2px); }
.mega-menu .menu-link b{ color:#001c64; }
.mega-menu .menu-link:hover b{ color:#0070e0; }
.mega-menu .menu-link .svg, .mega-menu .menu-link svg{ transition:border-color .15s; }
.mega-menu .menu-link:hover .svg, .mega-menu .menu-link:hover svg{ border-color:#0070e0 !important; }
/* Mobil menü: açılan başlık mutlak konumlanıp diğer başlıkları ve giriş düğmelerini kapatıyordu — normal akordeon */
.mobile-menu{ overflow-y:auto; max-height:calc(100vh - 145px); -webkit-overflow-scrolling:touch; }
.mobile-menu nav ul>li>a.open{ position:static !important; top:auto !important; left:auto !important; width:auto !important; height:auto !important; padding:0 !important; background:none !important; color:#0070e0 !important; z-index:auto !important; }
.mobile-menu nav ul>li .dropdown{ position:static !important; inset:auto !important; height:auto !important; margin-top:8px; border-left:2px solid rgba(0,112,224,.45); }
.mobile-menu nav ul>li .dropdown a{ margin:2px 0 2px 12px !important; padding:9px 0 9px 6px !important; border-bottom:1px solid rgba(127,140,160,.18) !important; }
.mobile-menu .mobil-giris-yap{ background:#003087 !important; border-radius:10px !important; }
.mobile-menu .mobil-uye-ol{ background:var(--snc-cta) !important; border-radius:10px !important; }
.mobile-menu .mobil-musteri-paneli{ background:transparent !important; border:1.5px solid rgba(255,255,255,.35) !important; border-radius:10px !important; }

/* Yatay taşma (mobilde sayfa sağa kayıyordu) */
body{ overflow-x:clip; }
@media (prefers-reduced-motion: reduce){
  .hbc-left-button, .btn-01, .vps-plan, .hbc-left-button i, .snc-pp__box, .snc-lc__panel{ transition:none !important; transform:none !important; }
  .snc-lc__dot{ animation:none; }
}