/* =====================================================================
   Nesli Hosting · profesyonel arayüz katmanı (style.css + shop.css üzerine)
   Lacivert #06172C · Mavi #006DE8 · Turuncu #F26B1D · Sarı #F5AD22
   ===================================================================== */
:root{--n-navy:#06172c;--n-blue:#006de8;--n-blue-d:#0058bd;--n-orange:#f26b1d;--n-gold:#f5ad22;--n-ink:#0c1e35;--n-mute:#5f7186;--n-line:#e2e9f1;--n-soft:#f4f7fb;--n-ok:#14915a}

/* İkonlar */
.nh-i{width:1.15em;height:1.15em;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;vertical-align:-.2em;flex-shrink:0;display:inline-block}
.nh-i.nh-sm{width:.95em;height:.95em;vertical-align:-.12em}
.nh-caret{width:.9em;height:.9em;margin-left:3px;vertical-align:-.12em;opacity:.65;transition:transform .2s}
.nav-item:hover .nh-caret{transform:rotate(180deg)}
.nh-phone{width:26px;height:26px}
.promo .nh-i{width:14px;height:14px;margin-right:2px;opacity:.85}
.promo-links a{display:inline-flex;align-items:center;gap:5px}
.mega-ico{width:34px;height:34px;flex:0 0 34px;border-radius:9px;background:#edf5ff;color:var(--n-blue)}
.mega-ico .nh-i{width:18px;height:18px}
.mega-menu a:hover .mega-ico{background:var(--n-blue);color:#fff}
.benefit .ico .nh-i,.stat i .nh-i{width:26px;height:26px}
.mail-icon .nh-i{width:56px;height:56px;stroke-width:1.4}
.drawer-close{display:grid;place-items:center}
.drawer-close .nh-i{width:22px;height:22px}
.mobile-menu .nh-i{width:26px;height:26px}
.registry-card em{font-style:normal;display:grid;place-items:center}

/* Başlık: kaydırınca ince gölge */
.header{transition:box-shadow .2s}
.header.is-scrolled{box-shadow:0 6px 24px rgba(6,23,44,.08)}

/* Odak ve hareket tercihleri */
:where(a,button,input,select,textarea,[tabindex]):focus-visible{outline:2.5px solid var(--n-blue);outline-offset:2px;border-radius:6px}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important;scroll-behavior:auto!important}}

/* Sabit butonlar */
.float-btn{width:52px;height:52px;border:0;cursor:pointer}
.float-btn .nh-i{width:22px;height:22px}
.float-btn.wh{background:#1fa855}
.float-btn.up{background:var(--n-navy)}

/* ---------- Sepet / ödeme ---------- */
.nh-shop{max-width:1180px;margin:0 auto;padding:34px 20px 70px}
.nh-shop-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:22px}
.nh-shop-head h1{font-size:30px;letter-spacing:-.02em;margin:0;color:var(--n-ink)}
.nh-shop-head p{margin:6px 0 0;color:var(--n-mute)}
.nh-back{display:inline-flex;align-items:center;gap:8px;font-weight:700;color:var(--n-blue)}
.nh-steps{display:flex;align-items:center;gap:0;margin:0 0 26px;padding:0;list-style:none;counter-reset:st}
.nh-steps li{display:flex;align-items:center;gap:10px;color:var(--n-mute);font-weight:700;font-size:14px;flex:1}
.nh-steps li::before{counter-increment:st;content:counter(st);width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#fff;border:2px solid var(--n-line);font-size:13px;flex-shrink:0}
.nh-steps li:not(:last-child)::after{content:"";flex:1;height:2px;background:var(--n-line);margin:0 12px;border-radius:2px}
.nh-steps li.done{color:var(--n-ink)}
.nh-steps li.done::before{background:var(--n-ok);border-color:var(--n-ok);color:#fff;content:"✓"}
.nh-steps li.on{color:var(--n-ink)}
.nh-steps li.on::before{background:var(--n-blue);border-color:var(--n-blue);color:#fff}
.nh-grid{display:grid;grid-template-columns:minmax(0,1fr) 370px;gap:24px;align-items:start}
.nh-panel{background:#fff;border:1px solid var(--n-line);border-radius:16px}
.nh-panel-h{padding:18px 22px;border-bottom:1px solid var(--n-line);display:flex;justify-content:space-between;align-items:center;gap:10px}
.nh-panel-h h2{font-size:17px;margin:0;color:var(--n-ink)}
.nh-panel-h small{color:var(--n-mute)}
.nh-sticky{position:sticky;top:110px}

.ci{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:16px;padding:20px 22px;border-bottom:1px solid var(--n-line);align-items:start}
.ci:last-child{border-bottom:0}
.ci-ico{width:48px;height:48px;border-radius:12px;display:grid;place-items:center;background:#edf5ff;color:var(--n-blue)}
.ci-ico .nh-i{width:24px;height:24px}
.ci-ico.t-domain{background:#eefaf3;color:var(--n-ok)}
.ci-ico.t-server{background:#f3efff;color:#6d4ed8}
.ci-ico.t-mail{background:#fff4e8;color:#d6650f}
.ci-name b{display:block;font-size:16px;color:var(--n-ink);word-break:break-all}
.ci-name small{display:block;color:var(--n-mute);margin-top:3px}
.ci-periods{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px}
.ci-periods button{border:1.5px solid var(--n-line);background:#fff;border-radius:9px;padding:7px 12px;font:inherit;font-size:13px;font-weight:700;color:var(--n-ink);cursor:pointer;line-height:1.2;text-align:left}
.ci-periods button small{display:block;font-weight:600;color:var(--n-mute);font-size:11.5px}
.ci-periods button.on{border-color:var(--n-blue);background:#f2f7ff;color:var(--n-blue)}
.ci-side{text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:10px}
.ci-price{font-size:19px;font-weight:800;color:var(--n-ink);white-space:nowrap}
.ci-price small{display:block;font-size:12px;font-weight:600;color:var(--n-mute)}
.ci-del{border:0;background:none;color:var(--n-mute);cursor:pointer;display:inline-flex;align-items:center;gap:6px;font:inherit;font-size:13px;padding:6px 8px;border-radius:8px}
.ci-del:hover{background:#fdecec;color:#c42f35}
.nh-sum{padding:18px 22px}
.nh-sum-row{display:flex;justify-content:space-between;gap:10px;padding:7px 0;color:var(--n-mute);font-size:14.5px}
.nh-sum-row b{color:var(--n-ink)}
.nh-sum-total{border-top:1px dashed var(--n-line);margin-top:8px;padding-top:14px;font-size:16px;color:var(--n-ink)}
.nh-sum-total b{font-size:24px;letter-spacing:-.02em}
.nh-sum-try{background:var(--n-soft);border-radius:10px;padding:10px 12px;margin-top:10px;font-size:13.5px;color:var(--n-mute)}
.nh-sum-try b{color:var(--n-ink)}
.nh-cta{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;height:54px;border:0;border-radius:12px;background:var(--n-orange);color:#fff;font:inherit;font-weight:800;font-size:16px;cursor:pointer;box-shadow:0 10px 24px rgba(242,107,29,.28)}
.nh-cta:hover{background:#dd5d12;color:#fff}
.nh-cta:disabled{background:#c9d3de;box-shadow:none;cursor:not-allowed}
.nh-trust{list-style:none;margin:16px 0 0;padding:16px 0 0;border-top:1px solid var(--n-line);display:grid;gap:10px}
.nh-trust li{display:flex;gap:10px;align-items:flex-start;font-size:13.5px;color:var(--n-mute)}
.nh-trust .nh-i{color:var(--n-ok);width:18px;height:18px;margin-top:1px}
.nh-trust b{color:var(--n-ink);display:block;font-size:13.5px}
.nh-empty{padding:46px 26px;text-align:center}
.nh-empty h2{margin:0 0 6px;font-size:22px;color:var(--n-ink)}
.nh-empty p{color:var(--n-mute);margin:0 0 22px}
.nh-empty-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;text-align:left}
.nh-empty-grid a{border:1px solid var(--n-line);border-radius:12px;padding:16px;color:var(--n-ink);display:flex;flex-direction:column;gap:8px;font-weight:700}
.nh-empty-grid a small{color:var(--n-mute);font-weight:500}
.nh-empty-grid a:hover{border-color:var(--n-blue);background:#f7fbff}
.nh-empty-grid .nh-i{width:24px;height:24px;color:var(--n-blue)}
.cur-switch{margin-bottom:6px}

/* Ödeme ekranı: ödeme yöntemleri kart görünümü */
.co-pay{display:grid;gap:10px;padding:16px 22px}
.co-pay label{display:flex;gap:12px;align-items:flex-start;border:1.5px solid var(--n-line);border-radius:12px;padding:14px;cursor:pointer;margin:0}
.co-pay label:has(input:checked){border-color:var(--n-blue);background:#f2f7ff}
.co-pay input{margin-top:3px;accent-color:var(--n-blue)}
.co-pay .pm-ico{width:36px;height:36px;border-radius:9px;background:#edf5ff;color:var(--n-blue);display:grid;place-items:center;flex-shrink:0}
.co-pay .pm-ico .nh-i{width:20px;height:20px}
.co-pay span b{display:block;color:var(--n-ink)}
.co-pay small{display:block;color:var(--n-mute);font-size:12.5px;margin-top:2px;font-weight:500}
.co-terms{padding:4px 22px 6px}
.co-terms label{display:flex;gap:10px;font-size:13.5px;color:var(--n-mute);margin-bottom:10px}
.co-terms a{color:var(--n-blue);font-weight:600}
.co-account{margin:16px 22px 0;padding:16px;border-radius:12px;background:var(--n-soft);display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.co-item{padding:18px 22px;border-bottom:1px solid var(--n-line)}

@media (max-width:980px){
  .nh-grid{grid-template-columns:1fr}
  .nh-sticky{position:static}
  .nh-empty-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .nh-steps li{font-size:0;flex:0 0 auto}
  .nh-steps li:not(:last-child){flex:1}
  .nh-steps li.on{font-size:14px}
}
@media (max-width:560px){
  .ci{grid-template-columns:40px minmax(0,1fr);padding:16px}
  .ci-side{grid-column:1 / -1;flex-direction:row;justify-content:space-between;align-items:center}
  .ci-ico{width:40px;height:40px}
  .nh-shop-head h1{font-size:24px}
}
.nh-grid.is-empty{grid-template-columns:1fr}.nh-grid.is-empty .nh-sticky{display:none}
/* checkout özetinde mevcut satır sınıfları */
#coSummary .summary-row{display:flex;justify-content:space-between;gap:10px;padding:7px 0;color:var(--n-mute);font-size:14.5px;border:0}
#coSummary .summary-row strong{color:var(--n-ink)}
#coSummary .summary-row.total{border-top:1px dashed var(--n-line);margin-top:6px;padding-top:12px;color:var(--n-ink);font-size:15px}
#coSummary .summary-row.total strong{font-size:20px}
#coSummary .fx-note{background:var(--n-soft);border-radius:10px;padding:10px 12px}
.co-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 16px}
.co-item b{color:var(--n-ink);font-size:15.5px}
.co-item .co-price{font-weight:800;color:var(--n-ink);font-size:17px}
.co-item label{grid-column:1 / -1;font-size:13px;font-weight:700;color:var(--n-mute);display:grid;gap:6px;margin-top:6px}
.co-item input{height:44px;border:1.5px solid var(--n-line);border-radius:10px;padding:0 12px;font:inherit;font-size:15px}
.co-item input:focus{border-color:var(--n-blue);outline:none}
.co-error{background:#fdecec;border:1px solid #f5c2c4;color:#a1262b;border-radius:12px;padding:12px 16px;margin-bottom:16px;font-weight:600}
/* başlık sıkışmasını önle */
.phone-text b,.phone-text small{white-space:nowrap}
.nav-contact .phone-ico{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#edf5ff;color:var(--n-blue)}
.nav-contact .phone-ico .nh-phone{width:22px;height:22px}
@media (max-width:1380px){.nav-contact .phone-text{display:none}}
@media (max-width:1180px){.nav-contact .phone-ico{display:none}}
.promo span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-flex;align-items:center;gap:6px;min-width:0}
.promo .container{gap:16px}
@media (max-width:760px){.promo-links{display:none}}
.navlinks>.nav-item>a,.navlinks>a{white-space:nowrap}
.mail-icon{color:var(--n-blue)}
.product-card a .nh-i{margin-left:2px}

/* ===================== Başlık v2 ===================== */
.navlinks>.nav-item>a,.navlinks>a{text-transform:none;font-size:15px;font-weight:700;letter-spacing:0;color:var(--n-ink)}
.navlinks>.nav-item>a:hover,.navlinks>a:hover{color:var(--n-blue)}
.mega-grid.mega-1{grid-template-columns:1fr}
.mega-grid.mega-2{grid-template-columns:repeat(2,1fr)}
.mega-grid.mega-3{grid-template-columns:repeat(3,1fr)}
.mega-menu.mega-sm{width:min(380px,calc(100vw - 40px))}
.mega-col h4{font-size:12px;letter-spacing:0;text-transform:none;color:var(--n-mute);font-weight:700;margin:0 0 8px}
.mega-col a{display:flex;gap:12px;align-items:flex-start;padding:10px;border-radius:10px;color:var(--n-ink);font-weight:700;font-size:14.5px}
.mega-col a:hover{background:#f4f8fd}
.mega-col a small{display:block;font-weight:500;color:var(--n-mute);font-size:12.5px;margin-top:2px}
.mega-note{font-size:12.5px;color:var(--n-mute);margin:6px 10px 0}
.mega-promo{border-radius:12px}
.mega-promo a{text-transform:none;letter-spacing:0}
.nh-call{display:flex;align-items:center;gap:10px;color:var(--n-ink)}
.nh-call:hover{color:var(--n-blue)}
.panel-btn{display:inline-flex;align-items:center;gap:8px;border-radius:10px;border-color:var(--n-line);font-size:14px;color:var(--n-ink);padding:10px 14px;white-space:nowrap}
.panel-btn:hover{border-color:var(--n-blue);color:var(--n-blue)}
.header-cart{border-radius:10px;border-color:var(--n-line)}
.header-cart .nh-i{width:21px;height:21px}
.nh-mob-actions{display:none;gap:8px;margin-left:auto}
.nh-mob-btn{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:#edf5ff;color:var(--n-blue)}
.nh-mob-btn.wa{background:#e8f8ee;color:#1fa855}
.nh-mob-btn .nh-i{width:21px;height:21px}
.mobile-menu{width:42px;height:42px;border-radius:12px;border:1px solid var(--n-line)!important;display:none;place-items:center;color:var(--n-ink)}
@media(max-width:1080px){
  .nh-mob-actions{display:flex}
  .mobile-menu{display:grid!important;margin-left:0!important}
  .nav-contact .nh-call,.nav-contact .panel-btn{display:none}
  .nav{gap:10px}
  .nav-contact{order:3}
  .nh-mob-actions{order:2}
  .mobile-menu{order:4}
}
@media(max-width:420px){.header-cart{width:42px;height:42px;flex-basis:42px}.nh-mob-btn,.mobile-menu{width:40px;height:40px}.logo img{height:30px}}
/* çekmece */
.drawer-toggle{display:flex;align-items:center;gap:10px}
.drawer-toggle span{margin-left:auto}
.drawer-toggle .nh-i,.drawer-link .nh-i{width:19px;height:19px;color:var(--n-blue)}
.drawer-link{display:flex;align-items:center;gap:10px;padding:14px 16px;font-weight:800;color:var(--n-ink);border-bottom:1px solid #eef2f6}
.drawer-contact{display:grid;gap:8px;padding:14px 16px 0}
.drawer-contact a{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:12px;background:#f4f8fd;color:var(--n-ink);font-weight:800}
.drawer-contact a .nh-i{color:var(--n-blue)}
.drawer-cta a{border-radius:12px;text-transform:none}

/* ===================== Footer v2 ===================== */
.nh-foot{background:var(--n-navy);color:#a9bacd;padding:56px 0 24px;font-size:14.5px}
.nh-foot a{color:#d4e0ec}
.nh-foot a:hover{color:#fff}
.nh-foot-grid{display:grid;grid-template-columns:1.6fr repeat(4,1fr);gap:34px}
.nh-foot h4{color:#fff;font-size:15px;margin:0 0 14px;letter-spacing:0;text-transform:none}
.nh-foot-h2{margin-top:22px!important}
.nh-foot-grid>div>a{display:block;padding:5px 0}
.nh-foot-brand img{height:34px;filter:brightness(0) invert(1);margin-bottom:14px}
.nh-foot-brand p{margin:0 0 18px;max-width:340px;color:#a9bacd}
.nh-foot-contact{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.nh-foot-contact li,.nh-foot-contact a{display:flex;gap:12px;align-items:flex-start}
.nh-foot-contact .nh-i{width:20px;height:20px;color:#6fb1ff;margin-top:2px}
.nh-foot-contact b{display:block;color:#fff}
.nh-foot-contact small{color:#93a7bd;font-size:13px}
.nh-social{display:flex;gap:8px;margin-top:18px}
.nh-social a{width:38px;height:38px;border-radius:10px;background:rgba(255,255,255,.07);display:grid;place-items:center}
.nh-social a:hover{background:var(--n-blue)}
.nh-social .nh-i{width:18px;height:18px}
.nh-foot-trust{display:flex;gap:14px;flex-wrap:wrap;align-items:center;margin:40px 0 0;padding:22px 0;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08)}
.nh-reg{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:12px;background:rgba(255,255,255,.05)}
.nh-reg b{display:block;color:#fff;font-size:13.5px}
.nh-reg small{color:#93a7bd;font-size:12px}
.nh-reg-b{font-weight:900;font-size:12px;color:var(--n-navy);background:#fff;border-radius:8px;padding:8px 9px}
.nh-pay{margin-left:auto;display:flex;gap:8px;flex-wrap:wrap}
.nh-pay span{display:inline-flex;align-items:center;gap:6px;border:1px solid rgba(255,255,255,.18);border-radius:8px;padding:7px 10px;font-weight:800;font-size:12px;color:#fff;letter-spacing:.02em}
.nh-pay .nh-i{width:15px;height:15px}
.nh-foot-bottom{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;padding-top:20px;font-size:13px}
.nh-foot-bottom nav{display:flex;gap:16px;flex-wrap:wrap}
.nh-foot-bottom a{color:#a9bacd}
@media(max-width:980px){.nh-foot-grid{grid-template-columns:1fr 1fr}.nh-foot-brand{grid-column:1 / -1}.nh-pay{margin-left:0}}
@media(max-width:520px){.nh-foot-grid{grid-template-columns:1fr 1fr;gap:24px}.nh-foot{padding-top:40px}}

/* ===================== İçerik sayfaları ===================== */
.nh-doc{padding:44px 0 70px;background:#fff}
.nh-page-head{max-width:720px;margin-bottom:28px}
.nh-page-head h1{font-size:34px;letter-spacing:-.02em;margin:0 0 8px;color:var(--n-ink)}
.nh-page-head p{color:var(--n-mute);margin:0;font-size:16.5px}
.nh-doc-wrap{display:grid;grid-template-columns:minmax(0,760px);justify-content:center;gap:40px}
.nh-doc-wrap.has-side{grid-template-columns:260px minmax(0,760px)}
.nh-doc-side{position:sticky;top:110px;align-self:start}
.nh-doc-side h2{font-size:13px;color:var(--n-mute);margin:0 0 10px}
.nh-doc-side nav{display:grid;gap:2px}
.nh-doc-side a{display:flex;gap:10px;align-items:flex-start;padding:9px 10px;border-radius:9px;color:var(--n-ink);font-size:14px;font-weight:600}
.nh-doc-side a .nh-i{color:var(--n-mute);margin-top:2px}
.nh-doc-side a:hover{background:var(--n-soft)}
.nh-doc-side a.on{background:#edf5ff;color:var(--n-blue)}
.nh-doc-side a.on .nh-i{color:var(--n-blue)}
.nh-crumb{font-size:13.5px;color:var(--n-mute);margin-bottom:12px}
.nh-crumb a{color:var(--n-blue)}
.nh-meta{color:var(--n-mute);font-size:14px;margin:0 0 24px}
.nh-prose{color:#22364d;font-size:17px;line-height:1.75}
.nh-prose h1{font-size:36px;line-height:1.15;letter-spacing:-.02em;color:var(--n-ink);margin:0 0 8px}
.nh-prose h2{font-size:23px;color:var(--n-ink);margin:34px 0 10px;letter-spacing:-.01em}
.nh-prose h3{font-size:19px;color:var(--n-ink);margin:24px 0 8px}
.nh-prose p,.nh-prose li{font-size:17px;line-height:1.75}
.nh-prose ul,.nh-prose ol{padding-left:22px}
.nh-prose li{margin:6px 0}
.nh-prose a{color:var(--n-blue);font-weight:600;text-decoration:underline;text-underline-offset:3px}
.nh-prose code{background:var(--n-soft);border-radius:6px;padding:2px 6px;font-size:.9em}
.nh-lead{font-size:19px!important;color:var(--n-ink)}
.nh-cover{width:100%;border-radius:16px;margin:6px 0 24px}
.nh-more{margin-top:44px;padding-top:26px;border-top:1px solid var(--n-line)}
.nh-more h2{margin-top:0;font-size:19px}
.nh-more a{display:block;padding:12px 0;border-bottom:1px solid var(--n-line);text-decoration:none;color:var(--n-ink)}
.nh-more a small{display:block;color:var(--n-mute);font-weight:500;font-size:13px}
.nh-doc-list{display:grid;gap:12px;max-width:860px}
.nh-doc-card{display:flex;gap:16px;align-items:center;padding:18px 20px;border:1px solid var(--n-line);border-radius:14px;color:var(--n-ink)}
.nh-doc-card:hover{border-color:var(--n-blue);background:#f8fbff}
.nh-doc-card b{display:block;font-size:16.5px}
.nh-doc-card small{display:block;color:var(--n-mute);font-size:14px;margin-top:2px}
.nh-doc-card em{display:block;font-style:normal;color:var(--n-mute);font-size:12.5px;margin-top:6px}
.nh-doc-card>.nh-i{margin-left:auto;color:var(--n-blue)}
.nh-doc-ico{width:44px;height:44px;border-radius:12px;background:#edf5ff;color:var(--n-blue);display:grid;place-items:center;flex-shrink:0}
.nh-doc-ico .nh-i{width:22px;height:22px}
.nh-blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.nh-post{display:flex;flex-direction:column;border:1px solid var(--n-line);border-radius:16px;overflow:hidden;color:var(--n-ink);background:#fff}
.nh-post:hover{border-color:var(--n-blue)}
.nh-post img{width:100%;aspect-ratio:16/9;object-fit:cover}
.nh-post-body{padding:20px;display:flex;flex-direction:column;gap:8px;flex:1}
.nh-post time{font-size:13px;color:var(--n-mute)}
.nh-post b{font-size:19px;line-height:1.3}
.nh-post small{color:var(--n-mute);font-size:14.5px;line-height:1.55}
.nh-post em{font-style:normal;color:var(--n-blue);font-weight:700;font-size:14px;margin-top:auto;padding-top:6px}
.nh-post.is-lead{grid-column:span 2;background:var(--n-navy);border-color:var(--n-navy)}
.nh-post.is-lead b{color:#fff;font-size:26px}
.nh-post.is-lead small,.nh-post.is-lead time{color:#b8c8db}
.nh-post.is-lead em{color:#7fbaff}
.nh-cta.nh-cta-inline{display:inline-flex;width:auto;padding:0 24px;height:50px;text-decoration:none}
@media(max-width:980px){.nh-doc-wrap.has-side{grid-template-columns:1fr}.nh-doc-side{position:static}.nh-blog-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.nh-blog-grid{grid-template-columns:1fr}.nh-post.is-lead{grid-column:auto}.nh-prose h1,.nh-page-head h1{font-size:28px}}
/* kapalı mobil menünün gölgesi sayfaya taşmasın */
.drawer-panel{box-shadow:none;visibility:hidden}
.mobile-drawer.open .drawer-panel{box-shadow:-20px 0 50px rgba(0,0,0,.2);visibility:visible}
.mega-note{font-weight:500}
@media(max-width:1080px){.nav-contact{display:flex!important}}
.promo .container{overflow:hidden}
.drawer-panel{transition:transform .28s,visibility .28s}

/* ===== Ana sayfa: üst şerit, domain bandı deseni ===== */
.promo b{color:#ff7a1a}
.domain-top>.container{position:relative;z-index:1}

/* ===== Hizmet paneli (ana sayfa) ===== */
.nh-svcs{padding:34px 0 10px;background:#fff}
.nh-svc-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));background:#fff;border:1px solid var(--n-line);border-radius:18px;box-shadow:0 18px 44px rgba(6,23,44,.07);overflow:hidden}
.nh-svc{position:relative;display:flex;flex-direction:column;gap:8px;padding:26px 24px 22px;color:var(--n-ink);border-left:1px solid var(--n-line);transition:background .18s}
.nh-svc:first-child{border-left:0}
.nh-svc::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:var(--acc,var(--n-blue));opacity:0;transition:opacity .18s}
.nh-svc:hover{background:#f8fbff;color:var(--n-ink)}
.nh-svc:hover::before{opacity:1}
.nh-svc-ico{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;background:var(--tint,#edf5ff);color:var(--acc,var(--n-blue));margin-bottom:6px}
.nh-svc-ico .nh-i{width:26px;height:26px;stroke-width:1.7}
.nh-svc b{font-size:18px;letter-spacing:-.01em}
.nh-svc small{color:var(--n-mute);font-size:14px;line-height:1.5;min-height:42px}
.nh-svc-price{display:flex;flex-direction:column;margin-top:4px;font-weight:800;font-size:20px;color:var(--n-ink)}
.nh-svc-price em{font-style:normal;font-weight:600;font-size:12px;color:var(--n-mute)}
.nh-svc-go{margin-top:auto;padding-top:10px;display:inline-flex;align-items:center;gap:6px;font-weight:800;font-size:14px;color:var(--acc,var(--n-blue))}
.nh-svc.t-domain{--acc:#14915a;--tint:#eaf8f0}
.nh-svc.t-hosting{--acc:#006de8;--tint:#edf5ff}
.nh-svc.t-vps{--acc:#0c8fb3;--tint:#e8f7fb}
.nh-svc.t-ded{--acc:#6d4ed8;--tint:#f2eeff}
.nh-svc.t-mail{--acc:#e0651b;--tint:#fff2e8}
@media(max-width:1100px){.nh-svc-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.nh-svc{border-top:1px solid var(--n-line)}.nh-svc:nth-child(-n+3){border-top:0}.nh-svc:nth-child(3n+1){border-left:0}}
@media(max-width:640px){.nh-svc-grid{grid-template-columns:1fr 1fr}.nh-svc{border-left:1px solid var(--n-line)!important;border-top:1px solid var(--n-line)!important;padding:20px 16px}.nh-svc:nth-child(odd){border-left:0!important}.nh-svc:nth-child(-n+2){border-top:0!important}.nh-svc:last-child{grid-column:1 / -1}.nh-svc small{min-height:0}}

/* domain bandı: kurşuni gri tel kafes küre + ağ + nokta dokusu (v2) */
.domain-top::before{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;opacity:.16;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1040' height='720' viewBox='0 0 1040 720'%3E%3Cg fill='none' stroke='%238f9bab' stroke-width='1.4'%3E%3Ccircle cx='520' cy='360' r='300'/%3E%3Cellipse cx='520' cy='360' rx='75' ry='300'/%3E%3Cellipse cx='520' cy='360' rx='150' ry='300'/%3E%3Cellipse cx='520' cy='360' rx='225' ry='300'/%3E%3Cellipse cx='520' cy='162.0' rx='225.4' ry='36.1'/%3E%3Cellipse cx='520' cy='261.0' rx='283.2' ry='45.3'/%3E%3Cellipse cx='520' cy='360.0' rx='300.0' ry='48.0'/%3E%3Cellipse cx='520' cy='459.0' rx='283.2' ry='45.3'/%3E%3Cellipse cx='520' cy='558.0' rx='225.4' ry='36.1'/%3E%3Cellipse cx='520' cy='360' rx='420' ry='110' transform='rotate(-18 520 360)' stroke-dasharray='3 7'/%3E%3Cellipse cx='520' cy='360' rx='360' ry='190' transform='rotate(24 520 360)' stroke-dasharray='2 9'/%3E%3Cline x1='140' y1='300' x2='370' y2='220'/%3E%3Cline x1='370' y1='220' x2='640' y2='20'/%3E%3Cline x1='640' y1='20' x2='670' y2='270'/%3E%3Cline x1='670' y1='270' x2='890' y2='230'/%3E%3Cline x1='670' y1='270' x2='480' y2='400'/%3E%3Cline x1='480' y1='400' x2='330' y2='640'/%3E%3Cline x1='480' y1='400' x2='840' y2='510'/%3E%3Cline x1='840' y1='510' x2='890' y2='230'/%3E%3Cline x1='370' y1='220' x2='480' y2='400'/%3E%3Ccircle cx='140' cy='300' r='5' fill='%238f9bab' stroke='none'/%3E%3Ccircle cx='140' cy='300' r='11'/%3E%3Ccircle cx='890' cy='230' r='5' fill='%238f9bab' stroke='none'/%3E%3Ccircle cx='890' cy='230' r='11'/%3E%3Ccircle cx='640' cy='20' r='5' fill='%238f9bab' stroke='none'/%3E%3Ccircle cx='640' cy='20' r='11'/%3E%3Ccircle cx='330' cy='640' r='5' fill='%238f9bab' stroke='none'/%3E%3Ccircle cx='330' cy='640' r='11'/%3E%3Ccircle cx='840' cy='510' r='5' fill='%238f9bab' stroke='none'/%3E%3Ccircle cx='840' cy='510' r='11'/%3E%3Ccircle cx='480' cy='400' r='5' fill='%238f9bab' stroke='none'/%3E%3Ccircle cx='480' cy='400' r='11'/%3E%3Ccircle cx='670' cy='270' r='5' fill='%238f9bab' stroke='none'/%3E%3Ccircle cx='670' cy='270' r='11'/%3E%3Ccircle cx='370' cy='220' r='5' fill='%238f9bab' stroke='none'/%3E%3Ccircle cx='370' cy='220' r='11'/%3E%3C/g%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Ccircle cx='2' cy='2' r='1.1' fill='%238f9bab'/%3E%3C/svg%3E");
  background-repeat:no-repeat,repeat;background-size:1040px 720px,24px 24px;background-position:right -160px center,0 0;
  -webkit-mask-image:linear-gradient(90deg,rgba(0,0,0,.35) 0%,#000 55%);mask-image:linear-gradient(90deg,rgba(0,0,0,.35) 0%,#000 55%)}
.domain-top::after{content:"";position:absolute;left:-180px;bottom:-260px;width:620px;height:430px;pointer-events:none;z-index:0;opacity:.09;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1040' height='720' viewBox='0 0 1040 720'%3E%3Cg fill='none' stroke='%238f9bab' stroke-width='1.4'%3E%3Ccircle cx='520' cy='360' r='300'/%3E%3Cellipse cx='520' cy='360' rx='75' ry='300'/%3E%3Cellipse cx='520' cy='360' rx='150' ry='300'/%3E%3Cellipse cx='520' cy='360' rx='225' ry='300'/%3E%3Cellipse cx='520' cy='162.0' rx='225.4' ry='36.1'/%3E%3Cellipse cx='520' cy='261.0' rx='283.2' ry='45.3'/%3E%3Cellipse cx='520' cy='360.0' rx='300.0' ry='48.0'/%3E%3Cellipse cx='520' cy='459.0' rx='283.2' ry='45.3'/%3E%3Cellipse cx='520' cy='558.0' rx='225.4' ry='36.1'/%3E%3Cellipse cx='520' cy='360' rx='420' ry='110' transform='rotate(-18 520 360)' stroke-dasharray='3 7'/%3E%3Cellipse cx='520' cy='360' rx='360' ry='190' transform='rotate(24 520 360)' stroke-dasharray='2 9'/%3E%3Cline x1='140' y1='300' x2='370' y2='220'/%3E%3Cline x1='370' y1='220' x2='640' y2='20'/%3E%3Cline x1='640' y1='20' x2='670' y2='270'/%3E%3Cline x1='670' y1='270' x2='890' y2='230'/%3E%3Cline x1='670' y1='270' x2='480' y2='400'/%3E%3Cline x1='480' y1='400' x2='330' y2='640'/%3E%3Cline x1='480' y1='400' x2='840' y2='510'/%3E%3Cline x1='840' y1='510' x2='890' y2='230'/%3E%3Cline x1='370' y1='220' x2='480' y2='400'/%3E%3Ccircle cx='140' cy='300' r='5' fill='%238f9bab' stroke='none'/%3E%3Ccircle cx='140' cy='300' r='11'/%3E%3Ccircle cx='890' cy='230' r='5' fill='%238f9bab' stroke='none'/%3E%3Ccircle cx='890' cy='230' r='11'/%3E%3Ccircle cx='640' cy='20' r='5' fill='%238f9bab' stroke='none'/%3E%3Ccircle cx='640' cy='20' r='11'/%3E%3Ccircle cx='330' cy='640' r='5' fill='%238f9bab' stroke='none'/%3E%3Ccircle cx='330' cy='640' r='11'/%3E%3Ccircle cx='840' cy='510' r='5' fill='%238f9bab' stroke='none'/%3E%3Ccircle cx='840' cy='510' r='11'/%3E%3Ccircle cx='480' cy='400' r='5' fill='%238f9bab' stroke='none'/%3E%3Ccircle cx='480' cy='400' r='11'/%3E%3Ccircle cx='670' cy='270' r='5' fill='%238f9bab' stroke='none'/%3E%3Ccircle cx='670' cy='270' r='11'/%3E%3Ccircle cx='370' cy='220' r='5' fill='%238f9bab' stroke='none'/%3E%3Ccircle cx='370' cy='220' r='11'/%3E%3C/g%3E%3C/svg%3E") no-repeat center/contain}
@media(max-width:760px){.domain-top::before{background-size:720px 500px,22px 22px;background-position:right -260px top 30px,0 0}.domain-top::after{display:none}}

/* domain bandı v3: koyu lacivert + hareketli alan adı ↔ sunucu animasyonu */
.domain-top{background:radial-gradient(circle at 78% 18%,rgba(0,110,230,.13),transparent 32%),linear-gradient(135deg,#031127 0%,#05224a 55%,#063366 100%)}
.domain-top::after{display:none}
.domain-top::before{background-image:radial-gradient(rgba(147,163,184,.55) 1px,transparent 1.2px);background-size:24px 24px;background-position:0 0;background-repeat:repeat;opacity:.18;-webkit-mask-image:none;mask-image:none}
.hero-net{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;opacity:.6;pointer-events:none;
  -webkit-mask-image:radial-gradient(ellipse 42% 58% at 50% 42%,rgba(0,0,0,.18),#000 75%);mask-image:radial-gradient(ellipse 42% 58% at 50% 42%,rgba(0,0,0,.18),#000 75%)}
@media(max-width:760px){.hero-net{opacity:.4}}
.hero-net{height:calc(100% - 64px);object-position:center top}

/* ===== Turuncu birincil butonlar (domain sorgula ile aynı) ===== */
:root{--n-cta:linear-gradient(135deg,#ff7a00,#ff5c00);--n-cta-shadow:0 10px 24px rgba(255,92,0,.34),0 2px 6px rgba(255,92,0,.18)}
.domain-search-main button{box-shadow:var(--n-cta-shadow);transition:transform .15s,box-shadow .15s}
.domain-search-main button:hover{transform:translateY(-1px);box-shadow:0 14px 30px rgba(255,92,0,.42),0 3px 8px rgba(255,92,0,.2)}
.nav-contact .panel-btn{background:var(--n-cta);border:0;color:#fff;box-shadow:var(--n-cta-shadow);transition:transform .15s,box-shadow .15s}
.nav-contact .panel-btn:hover{color:#fff;transform:translateY(-1px);box-shadow:0 14px 30px rgba(255,92,0,.42),0 3px 8px rgba(255,92,0,.2)}
.nav-contact .panel-btn .nh-i{color:#fff}

/* ===== Üst şerit metni: 1,5 pt büyük, ışıltılı ===== */
.promo{height:30px}
.promo span b{font-size:calc(1em - 2px);letter-spacing:.01em;
  background:linear-gradient(100deg,#ff7a1a 0%,#ff7a1a 40%,#ffd2a8 50%,#ff7a1a 60%,#ff7a1a 100%);
  background-size:250% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;
  animation:nhShine 3.6s ease-in-out infinite}
.promo span>.nh-i{color:#ff7a1a;width:13px;height:13px;transform-origin:30% 30%;animation:nhSwing 3.6s ease-in-out infinite}
@keyframes nhShine{0%{background-position:100% 0}55%,100%{background-position:0 0}}
@keyframes nhSwing{0%,60%,100%{transform:rotate(0)}66%{transform:rotate(-14deg)}74%{transform:rotate(10deg)}82%{transform:rotate(-5deg)}90%{transform:rotate(0)}}
@media (prefers-reduced-motion:reduce){.promo span b{animation:none;color:#ff7a1a;-webkit-text-fill-color:#ff7a1a;background:none}.promo span>.nh-i{animation:none}}

/* ===== Kendi veri merkezimiz bölümü ===== */
.dc-sec{background:#fff;padding:64px 0 28px}
.dc-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:56px;align-items:center}
.dc-loc{display:inline-flex;align-items:center;gap:7px;font-weight:700;font-size:14px;color:var(--n-blue);background:#edf5ff;border-radius:20px;padding:6px 13px}
.dc-loc .nh-i{width:16px;height:16px}
.dc-copy h2{font-size:40px;line-height:1.12;letter-spacing:-.025em;color:var(--n-ink);margin:16px 0 14px;max-width:560px}
.dc-copy>p{font-size:17px;line-height:1.7;color:var(--n-mute);max-width:580px;margin:0 0 24px}
.dc-points{list-style:none;margin:0 0 28px;padding:0;display:grid;gap:16px}
.dc-points li{display:flex;gap:14px;align-items:flex-start}
.dc-points b{display:block;color:var(--n-ink);font-size:16px;margin-bottom:2px}
.dc-points span:last-child{color:var(--n-mute);font-size:15px;line-height:1.55}
.dc-pi{width:40px;height:40px;border-radius:11px;background:#f1f5fa;color:var(--n-navy);display:grid;place-items:center;flex-shrink:0}
.dc-pi .nh-i{width:20px;height:20px}
.dc-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.dc-btn{display:inline-flex;align-items:center;gap:8px;height:48px;padding:0 22px;border-radius:12px;background:var(--n-navy);color:#fff;font-weight:800;font-size:15px}
.dc-btn:hover{background:#0d2f57;color:#fff}
.dc-link{font-weight:700;color:var(--n-blue);font-size:15px}
.dc-card{background:var(--n-navy);border-radius:22px;overflow:hidden;box-shadow:0 30px 60px rgba(6,23,44,.22)}
.dc-visual{position:relative;padding:26px 26px 6px;background:radial-gradient(circle at 70% 0%,rgba(0,110,230,.28),transparent 55%)}
.dc-rack{width:100%;height:auto;display:block}
.dc-rack .u{fill:#0f2f57;stroke:#24507f;stroke-width:1}
.dc-rack .vent{stroke:#3a6496;stroke-width:2;stroke-linecap:round}
.dc-rack .led{fill:#39d98a;animation:dcBlink 2.2s ease-in-out infinite}
.dc-rack .l1{fill:#6fb1ff;animation-delay:.7s}.dc-rack .l2{animation-delay:1.4s}
@keyframes dcBlink{0%,100%{opacity:.3}50%{opacity:1}}
@media (prefers-reduced-motion:reduce){.dc-rack .led{animation:none;opacity:.8}}
.dc-tag{position:absolute;left:26px;bottom:20px;display:flex;align-items:center;gap:10px;background:rgba(255,255,255,.95);color:var(--n-ink);border-radius:12px;padding:10px 14px;box-shadow:0 10px 24px rgba(0,0,0,.25)}
.dc-tag .nh-i{width:22px;height:22px;color:var(--n-blue)}
.dc-tag b{display:block;font-size:14px}
.dc-tag small{display:block;font-size:12.5px;color:var(--n-mute)}
.dc-stats{display:grid;grid-template-columns:repeat(4,1fr);margin:0;border-top:1px solid rgba(255,255,255,.1)}
.dc-stats div{padding:18px 16px;border-left:1px solid rgba(255,255,255,.1)}
.dc-stats div:first-child{border-left:0}
.dc-stats dt{color:#fff;font-weight:800;font-size:21px;letter-spacing:-.01em}
.dc-stats dd{margin:2px 0 0;color:#93a7bd;font-size:12.5px}
.dc-perks{list-style:none;margin:48px 0 0;padding:22px 0;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--n-line);border-bottom:1px solid var(--n-line)}
.dc-perks li{display:flex;gap:12px;align-items:flex-start;padding:4px 22px;border-left:1px solid var(--n-line)}
.dc-perks li:first-child{border-left:0;padding-left:0}
.dc-perks .nh-i{width:24px;height:24px;color:var(--n-blue);flex-shrink:0;margin-top:2px}
.dc-perks b{display:block;color:var(--n-ink);font-size:15.5px}
.dc-perks span{color:var(--n-mute);font-size:14px;line-height:1.5}
@media(max-width:1000px){.dc-grid{grid-template-columns:1fr;gap:36px}.dc-copy h2{font-size:32px}.dc-perks{grid-template-columns:1fr 1fr;gap:16px 0}.dc-perks li:nth-child(3){border-left:0;padding-left:0}}
@media(max-width:560px){.dc-sec{padding:44px 0 20px}.dc-copy h2{font-size:27px}.dc-stats{grid-template-columns:1fr 1fr}.dc-stats div:nth-child(3){border-left:0}.dc-stats div:nth-child(n+3){border-top:1px solid rgba(255,255,255,.1)}.dc-perks{grid-template-columns:1fr}.dc-perks li{border-left:0!important;padding-left:0}}
.nh-spec{width:100%;border-collapse:collapse;margin:8px 0 10px;font-size:15.5px}
.nh-spec th,.nh-spec td{padding:11px 14px;border-bottom:1px solid var(--n-line);text-align:left;vertical-align:top}
.nh-spec th{width:42%;color:var(--n-mute);font-weight:600}
.nh-spec td{color:var(--n-ink);font-weight:600}
.nh-spec tr:nth-child(odd) th,.nh-spec tr:nth-child(odd) td{background:#f8fafd}
.dc-points{gap:14px}
.dc-stats dt{font-size:19px;white-space:nowrap}.dc-stats div{padding:18px 14px}

/* ===== Gerçek veriler bandı ===== */
.nh-facts{background:linear-gradient(135deg,#041633 0%,#06244c 60%,#073366 100%);color:#fff;padding:34px 0 22px}
.nh-facts-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) minmax(240px,1.15fr);align-items:center}
.nh-fact{display:flex;align-items:center;gap:14px;padding:6px 24px;border-left:1px solid rgba(255,255,255,.12)}
.nh-fact:first-child{border-left:0;padding-left:0}
.nh-fact b{font-size:38px;font-weight:800;letter-spacing:-.03em;line-height:1;font-variant-numeric:tabular-nums}
.nh-fact span{font-size:14.5px;font-weight:700;line-height:1.3;color:#e4edf7}
.nh-fact small{display:block;font-weight:500;font-size:12.5px;color:#93a7bd;margin-top:3px}
.nh-wa{margin-left:20px;display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:14px;border:1px solid rgba(37,211,102,.45);background:rgba(37,211,102,.08);color:#fff;transition:background .18s,border-color .18s}
.nh-wa:hover{background:rgba(37,211,102,.16);border-color:#25d366;color:#fff}
.nh-wa>.nh-i:first-child{width:30px;height:30px;color:#25d366;flex-shrink:0}
.nh-wa b{display:block;font-size:15px}
.nh-wa small{display:block;font-size:12.5px;color:#a9bacd}
.nh-wa>.nh-i:last-child{margin-left:auto;color:#25d366}
.nh-facts-note{margin:20px 0 0;padding-top:16px;border-top:1px solid rgba(255,255,255,.1);font-size:13.5px;color:#a9bacd;display:flex;align-items:center;gap:8px}
.nh-facts-note .nh-i{color:#6fb1ff}
.dc-claim{margin:0 0 24px;padding:16px 18px;border-left:3px solid var(--n-orange);background:#fff7f1;border-radius:0 12px 12px 0;color:var(--n-ink);font-weight:700;font-size:16px;line-height:1.55}
@media(max-width:1100px){.nh-facts-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 0}.nh-fact:nth-child(3){border-left:0;padding-left:0}.nh-wa{grid-column:1 / -1;margin:6px 0 0}}
@media(max-width:520px){.nh-fact{padding:4px 12px;flex-direction:column;align-items:flex-start;gap:6px}.nh-fact b{font-size:30px}}
.nh-fact{flex-direction:column;align-items:flex-start;gap:8px}
.nh-fact b{font-size:40px}
.nh-fact span{font-size:15px}
.nh-wa b{white-space:nowrap}
.nh-facts-grid{align-items:start}
.nh-wa{align-self:center}
.nh-fact span{white-space:nowrap}
@media(max-width:520px){.nh-fact span{white-space:normal}}

/* ===== Siyah tek şerit istatistik bandı ===== */
.nh-facts{background:#000;padding:26px 0;border-top:1px solid #1c1c1c;border-bottom:1px solid #1c1c1c}
.nh-facts-grid{grid-template-columns:repeat(4,minmax(0,1fr)) auto;align-items:center}
.nh-fact{flex-direction:row;align-items:center;gap:14px;border-left-color:#262626}
.nh-fact b{font-size:42px;color:#fff}
.nh-fact span{font-size:15px;color:#fff}
.nh-fact small{color:#8a8a8a}
.nh-fact:nth-child(odd) b{color:#ff7a1a}
.nh-facts-note{display:none}
.nh-wa{background:#0d0d0d;border-color:#2a2a2a}
.nh-wa:hover{background:#111;border-color:#25d366}
@media(max-width:1100px){.nh-fact{flex-direction:column;align-items:flex-start;gap:6px}.nh-fact b{font-size:34px}}

/* ===== "5 firmadan biriyiz" büyük vurgu ===== */
.nh-five{background:#fff;padding:56px 0 30px}
.nh-five-in{display:grid;grid-template-columns:auto minmax(0,1fr);gap:44px;align-items:center;background:linear-gradient(135deg,#041633,#06244c 60%,#073366);border-radius:24px;padding:44px 52px;color:#fff;position:relative;overflow:hidden}
.nh-five-in::after{content:"";position:absolute;right:-120px;top:-120px;width:380px;height:380px;border-radius:50%;background:radial-gradient(circle,rgba(255,122,26,.22),transparent 65%);pointer-events:none}
.nh-five-num{font-size:220px;font-weight:900;line-height:.8;letter-spacing:-.06em;background:linear-gradient(160deg,#ffb066,#ff6a00);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;padding-right:8px}
.nh-five-kicker{margin:0 0 12px;font-size:15px;font-weight:800;color:#ff9a4d}
.nh-five-claim{margin:0 0 22px;font-size:27px;line-height:1.38;font-weight:800;letter-spacing:-.01em;color:#fff;max-width:900px}
.nh-five-list{list-style:none;margin:0 0 22px;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.nh-five-list li{display:inline-flex;align-items:center;gap:8px;padding:8px 13px;border-radius:30px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);font-size:14px;font-weight:700}
.nh-five-list .nh-i{color:#ff9a4d;width:17px;height:17px}
.nh-five-link{display:inline-flex;align-items:center;gap:8px;font-weight:800;color:#fff;border-bottom:2px solid #ff7a1a;padding-bottom:3px}
.nh-five-link:hover{color:#ffb066}
@media(max-width:900px){.nh-five-in{grid-template-columns:1fr;gap:10px;padding:32px 26px}.nh-five-num{font-size:130px}.nh-five-claim{font-size:21px}}

/* ===== Açılır menüler: daha büyük ve şık ===== */
.mega-menu{width:min(1080px,calc(100vw - 40px));padding:28px;border-radius:18px;border-color:#e3eaf2;box-shadow:0 30px 80px rgba(4,22,51,.22)}
.mega-menu.mega-sm{width:min(440px,calc(100vw - 40px))}
.mega-grid{gap:22px}
.mega-col h4{font-size:13px;color:#8796a8;margin:0 0 10px 12px;font-weight:700}
.mega-col a{padding:12px;gap:14px;font-size:16px;border-radius:14px;transition:background .15s}
.mega-col a small{font-size:13.5px;margin-top:3px}
.mega-ico{width:46px;height:46px;flex:0 0 46px;border-radius:13px;background:linear-gradient(145deg,#eef5ff,#dceaff);color:#0a63d6;box-shadow:inset 0 0 0 1px rgba(10,99,214,.08)}
.mega-ico .nh-i{width:22px;height:22px;stroke-width:1.7}
.mega-col a:hover{background:#f3f7fc}
.mega-col a:hover .mega-ico{background:linear-gradient(145deg,#1a7cf0,#0a5bc4);color:#fff;box-shadow:0 8px 18px rgba(10,99,214,.3)}
.nav-item:nth-child(2) .mega-ico{background:linear-gradient(145deg,#eefbf3,#d7f3e2);color:#13814f;box-shadow:inset 0 0 0 1px rgba(19,129,79,.08)}
.nav-item:nth-child(2) .mega-col a:hover .mega-ico{background:linear-gradient(145deg,#1fa866,#11804c);color:#fff;box-shadow:0 8px 18px rgba(19,129,79,.3)}
.nav-item:nth-child(3) .mega-ico{background:linear-gradient(145deg,#f3efff,#e4dbff);color:#6440d6;box-shadow:inset 0 0 0 1px rgba(100,64,214,.08)}
.nav-item:nth-child(3) .mega-col a:hover .mega-ico{background:linear-gradient(145deg,#7c5cf0,#5a36c9);color:#fff;box-shadow:0 8px 18px rgba(100,64,214,.3)}
.mega-promo{margin-top:22px;padding:20px 24px;border-radius:14px;background:linear-gradient(120deg,#041633,#073366)}
.mega-promo b{font-size:18px}
.mega-promo a{background:linear-gradient(135deg,#ff7a00,#ff5c00);color:#fff;border:0;border-radius:10px;padding:12px 20px;font-weight:800;box-shadow:0 10px 24px rgba(255,92,0,.34)}
.mega-promo a:hover{color:#fff}
.mega-note{margin:8px 12px 0;font-size:13.5px}
/* menü yazıları ve buton (eski kuralları ezer) */
.mega-menu .mega-col a>span:last-child{font-size:16px;font-weight:700;line-height:1.3;color:var(--n-ink)}
.mega-menu .mega-col a>span:last-child small{font-size:13.5px;font-weight:500;color:#6a7b8f;line-height:1.45}
.mega-menu .mega-promo a{background:linear-gradient(135deg,#ff7a00,#ff5c00)!important;color:#fff!important;border:0!important;border-radius:10px;padding:12px 20px;font-size:15px;font-weight:800;box-shadow:0 10px 24px rgba(255,92,0,.34)}
.mega-menu .mega-promo small{font-size:13.5px;color:#b8c8db}
/* siyah şerit: taşmasız tek satır */
.nh-facts-grid{grid-template-columns:repeat(4,max-content) minmax(0,1fr);gap:0}
.nh-fact{padding:4px 28px;gap:12px}
.nh-fact b{font-size:36px}
.nh-fact span{white-space:normal;max-width:150px;font-size:14px;line-height:1.25}
.nh-fact small{font-size:12px}
.nh-wa{justify-self:end;margin-left:16px}
@media(max-width:1240px){.nh-facts-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 0}.nh-fact:nth-child(3){border-left:0;padding-left:0}.nh-wa{grid-column:1 / -1;justify-self:stretch;margin:4px 0 0}}
.nh-facts-grid{grid-template-columns:repeat(4,minmax(0,1fr)) auto}
.nh-fact{padding:4px 20px;min-width:0}
.nh-fact b{font-size:34px;flex-shrink:0}
.nh-fact span{max-width:none;min-width:0}
@media(max-width:1240px){.nh-facts-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* ===== Kurumsal vurgu bölümü (görsel | metin | görsel) ===== */
.nh-proof{background:#f5f8fc;padding:72px 0;border-top:1px solid var(--n-line);border-bottom:1px solid var(--n-line)}
.nh-proof-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.3fr) minmax(0,.8fr);gap:40px;align-items:center}
.nh-proof-img{margin:0;position:relative;border-radius:20px;overflow:hidden;aspect-ratio:4/5;background:#0a2347;box-shadow:0 24px 50px rgba(6,23,44,.18)}
.nh-proof-img img{width:100%;height:100%;object-fit:cover;display:block}
.nh-proof-img figcaption{position:absolute;left:14px;bottom:14px;right:14px;padding:10px 14px;border-radius:12px;background:rgba(255,255,255,.94);color:var(--n-ink);font-weight:700;font-size:14px}
.nh-proof-grid .nh-proof-img:last-child{transform:translateY(28px)}
.nh-proof-grid .nh-proof-img:first-child{transform:translateY(-28px)}
.nh-proof-body{text-align:center}
.nh-seal{width:112px;height:112px;margin:0 auto 22px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fff;border:1px solid #f1c8a8;box-shadow:0 0 0 7px #fff3ea,0 14px 30px rgba(242,107,29,.18);color:var(--n-orange)}
.nh-seal b{font-size:44px;line-height:1;font-weight:800;letter-spacing:-.03em}
.nh-seal span{font-size:11.5px;font-weight:700;color:var(--n-ink);margin-top:3px}
.nh-proof-body h2{font-size:32px;line-height:1.2;letter-spacing:-.02em;color:var(--n-ink);margin:0 0 14px}
.nh-proof-body p{font-size:16.5px;line-height:1.75;color:var(--n-mute);margin:0 auto 22px;max-width:560px}
.nh-proof-pts{list-style:none;margin:0 auto 26px;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px 22px;max-width:460px;text-align:left}
.nh-proof-pts li{display:flex;align-items:center;gap:9px;font-weight:700;color:var(--n-ink);font-size:15px}
.nh-proof-pts .nh-i{width:18px;height:18px;color:#fff;background:var(--n-ok);border-radius:50%;padding:3px;stroke-width:2.6}
.nh-proof-link{display:inline-flex;align-items:center;gap:8px;height:48px;padding:0 22px;border-radius:12px;background:var(--n-navy);color:#fff;font-weight:800}
.nh-proof-link:hover{background:#0d2f57;color:#fff}
@media(max-width:1000px){.nh-proof-grid{grid-template-columns:1fr 1fr;gap:20px}.nh-proof-body{grid-column:1 / -1;order:-1;margin-bottom:12px}.nh-proof-grid .nh-proof-img{transform:none!important;aspect-ratio:4/3}}
@media(max-width:560px){.nh-proof{padding:48px 0}.nh-proof-body h2{font-size:25px}.nh-proof-pts{grid-template-columns:1fr}}

/* ===== Nesli Mail: gerçek ekran görüntüleri ===== */
.nm-shots{position:relative;padding:10px 0 60px 0}
.nm-browser{margin:0;border-radius:14px;overflow:hidden;background:#11151c;box-shadow:0 30px 70px rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.08)}
.nm-browser-bar{display:flex;align-items:center;gap:7px;padding:10px 14px;background:#1b2029}
.nm-browser-bar i{width:10px;height:10px;border-radius:50%;background:#3a4252}
.nm-browser-bar i:nth-child(1){background:#ff5f57}.nm-browser-bar i:nth-child(2){background:#febc2e}.nm-browser-bar i:nth-child(3){background:#28c840}
.nm-browser-bar span{margin-left:12px;font-size:12px;color:#9aa6b6;background:#11151c;border-radius:6px;padding:4px 12px}
.nm-browser img{display:block;width:100%;height:auto}
.nm-phone{position:absolute;right:-18px;bottom:0;width:31%;margin:0;border-radius:30px;overflow:hidden;border:8px solid #0b0e13;background:#0b0e13;box-shadow:0 26px 60px rgba(0,0,0,.45)}
.nm-phone img{display:block;width:100%;height:auto;border-radius:22px}
@media(max-width:980px){.nm-phone{right:8px;width:34%}}
@media(max-width:560px){.nm-shots{padding-bottom:40px}.nm-phone{width:40%;border-width:6px;border-radius:22px}}
.store-badges a{transition:transform .15s}
.store-badges a:hover{transform:translateY(-2px)}

/* ===== Nesli Mail: siyah zemin, fark vurgusu, iOS + Android cihazlar ===== */
.mail-feature-section{background:#000!important;padding:76px 0 70px}
.mail-feature-section .mail-kicker{background:rgba(255,122,26,.12);border-color:rgba(255,122,26,.4);color:#ff9a4d;letter-spacing:.02em}
.mail-feature-copy h2{font-size:42px;line-height:1.12;letter-spacing:-.025em}
.mail-feature-copy>p{color:#b4bfcc;font-size:17px;line-height:1.7}
.nm-vs{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:22px 0 20px}
.nm-vs-col{border-radius:16px;padding:18px 18px 14px}
.nm-vs-col b{display:block;font-size:15px;margin-bottom:10px}
.nm-vs-col ul{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.nm-vs-col li{display:flex;align-items:flex-start;gap:9px;font-size:14.5px;line-height:1.4}
.nm-vs-col .nh-i{width:18px;height:18px;flex-shrink:0;margin-top:1px;border-radius:50%;padding:3px;stroke-width:2.6}
.nm-vs-col.is-them{background:#0d0d0d;border:1px solid #262626;color:#8a8a8a}
.nm-vs-col.is-them b{color:#a3a3a3}
.nm-vs-col.is-them .nh-i{background:#2a2a2a;color:#9a9a9a}
.nm-vs-col.is-us{background:linear-gradient(145deg,#2a1406,#1a0d04);border:1px solid rgba(255,122,26,.55);color:#fff;box-shadow:0 14px 40px rgba(255,92,0,.14)}
.nm-vs-col.is-us b{color:#ff9a4d}
.nm-vs-col.is-us .nh-i{background:#ff7a1a;color:#fff}
.mail-feature-section .mail-proof span{background:#0d0d0d;border-color:#2a2a2a;color:#d6dbe2}
.mail-feature-section .store-note{color:#8a8a8a}
.nm-browser{border-color:#262626;box-shadow:0 30px 80px rgba(0,0,0,.6),0 0 0 1px #1a1a1a}
/* cihaz çerçeveleri */
.nm-shots{padding:0 0 120px}
.nm-phone{display:none}
.nm-dev{position:absolute;bottom:0;margin:0;width:27%;aspect-ratio:9/18.5;padding:9px;background:#0a0a0a;box-shadow:0 30px 70px rgba(0,0,0,.7),inset 0 0 0 1.5px #3a3a3a}
.nm-dev img{display:block;width:100%;height:100%;object-fit:cover;object-position:28% top}
.nm-dev figcaption{position:absolute;left:50%;bottom:-30px;transform:translateX(-50%);font-size:12.5px;font-weight:700;color:#8a8a8a;white-space:nowrap}
.nm-ios{left:-14px;border-radius:44px}
.nm-ios img{border-radius:36px}
.nm-island{position:absolute;top:17px;left:50%;transform:translateX(-50%);width:30%;height:16px;border-radius:12px;background:#000;z-index:2}
.nm-ios::after{content:"";position:absolute;right:-3px;top:24%;width:3px;height:14%;border-radius:0 3px 3px 0;background:#2e2e2e}
.nm-android{right:-14px;border-radius:30px;background:#16181c;box-shadow:0 30px 70px rgba(0,0,0,.7),inset 0 0 0 1.5px #44484f}
.nm-android img{border-radius:22px}
.nm-punch{position:absolute;top:18px;left:50%;transform:translateX(-50%);width:11px;height:11px;border-radius:50%;background:#000;box-shadow:0 0 0 2px #16181c;z-index:2}
.nm-android::after{content:"";position:absolute;right:-3px;top:20%;width:3px;height:9%;border-radius:0 3px 3px 0;background:#3a3d43}
@media(max-width:980px){.mail-feature-copy h2{font-size:32px}.nm-shots{margin-top:30px}.nm-ios{left:6px}.nm-android{right:6px}}
@media(max-width:560px){.nm-vs{grid-template-columns:1fr}.nm-dev{width:36%;padding:6px}.nm-ios{border-radius:30px}.nm-ios img{border-radius:25px}.nm-android{border-radius:22px}.nm-android img{border-radius:17px}.nm-island{top:11px;height:11px}.nm-punch{top:12px;width:8px;height:8px}.nm-shots{padding-bottom:90px}}
@media(min-width:981px){.nm-dev{width:30%}.nm-shots{padding-bottom:140px}}

/* ===== Paket ızgarası: paket sayısına göre sütun ===== */
.rich-package-wrap{overflow:visible}
.rich-package-grid{min-width:0!important;gap:14px}
.rich-package-grid.cols-1{grid-template-columns:minmax(0,380px)}
.rich-package-grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.rich-package-grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.rich-package-grid.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.rich-package-grid.cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}
@media(max-width:1150px){.rich-package-grid.cols-4,.rich-package-grid.cols-5{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:860px){.rich-package-grid[class*="cols-"]{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.rich-package-grid[class*="cols-"]{grid-template-columns:1fr}}

/* ===== "Yeni" rozeti (Nesli Mail) ===== */
.nh-has-new{position:relative;display:inline-flex;align-items:center;gap:7px}
.nh-new{display:inline-flex;align-items:center;height:18px;padding:0 7px;border-radius:9px;background:linear-gradient(135deg,#ff7a00,#ff5c00);color:#fff;font-size:10.5px;font-weight:800;letter-spacing:.02em;line-height:1;box-shadow:0 0 0 0 rgba(255,92,0,.55);animation:nhNew 1.8s ease-out infinite}
@keyframes nhNew{0%{box-shadow:0 0 0 0 rgba(255,92,0,.55);opacity:1}60%{box-shadow:0 0 0 7px rgba(255,92,0,0);opacity:.75}100%{box-shadow:0 0 0 0 rgba(255,92,0,0);opacity:1}}
@media (prefers-reduced-motion:reduce){.nh-new{animation:none}}

/* ===== SSS ===== */
.nh-faq{display:grid;gap:10px;margin-bottom:10px}
.nh-faq details{border:1px solid var(--n-line);border-radius:14px;background:#fff}
.nh-faq details[open]{border-color:#b9d3f3;box-shadow:0 8px 24px rgba(6,23,44,.06)}
.nh-faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:14px;padding:16px 18px;font-weight:700;color:var(--n-ink);font-size:16.5px}
.nh-faq summary::-webkit-details-marker{display:none}
.nh-faq-ic{transition:transform .2s;color:var(--n-mute)}
.nh-faq details[open] .nh-faq-ic{transform:rotate(180deg);color:var(--n-blue)}
.nh-faq details>div{padding:0 18px 16px;color:#33475e;font-size:16px;line-height:1.7}
/* Hakkımızda'ya taşınan bölüm */
.infra-band{margin-top:30px}

/* ===== İç sayfa bantları: koyu lacivert + hareketli alan adı ↔ sunucu ===== */
.page-hero.has-net{position:relative;overflow:hidden;background:radial-gradient(circle at 78% 18%,rgba(0,110,230,.13),transparent 32%),linear-gradient(135deg,#031127 0%,#05224a 55%,#063366 100%)}
.page-hero.has-net::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(147,163,184,.55) 1px,transparent 1.2px);background-size:24px 24px;opacity:.18;pointer-events:none}
.page-hero.has-net>.container{position:relative;z-index:1}
.page-hero.has-net .hero-net{height:100%;opacity:.7;-webkit-mask-image:linear-gradient(90deg,rgba(0,0,0,.12) 0%,rgba(0,0,0,.35) 40%,#000 75%);mask-image:linear-gradient(90deg,rgba(0,0,0,.12) 0%,rgba(0,0,0,.35) 40%,#000 75%)}

/* ===== Özellik ve sekme ikonları ===== */
.feature-row.has-ico{display:flex;align-items:center;justify-content:center;gap:9px}
.feature-row.has-ico::before{display:none!important}
.feature-row .nh-fi{width:18px;height:18px;color:var(--n-blue);flex-shrink:0}
.plat-tabs button{display:inline-flex;align-items:center;gap:10px}
.plat-tabs button .nh-fi{width:20px;height:20px;color:currentColor}
.panel-tabs button .nh-fi{width:17px;height:17px}

/* ===== Ödeme: giriş / hesap oluştur kutusu ===== */
.co-auth{margin:18px 22px 0;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);border:1px solid var(--n-line);border-radius:16px;overflow:hidden;background:#fff}
.co-auth-login{padding:22px 24px}
.co-auth-login h2{display:flex;align-items:center;gap:9px;margin:0 0 6px;font-size:19px;color:var(--n-ink)}
.co-auth-login h2 .nh-i{width:20px;height:20px;color:var(--n-blue)}
.co-auth-login>p{margin:0 0 16px;color:var(--n-mute);font-size:14.5px}
.co-auth-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.co-auth-fields label{display:grid;gap:6px;font-size:13px;font-weight:700;color:var(--n-mute)}
.co-auth-fields input{height:46px;border:1.5px solid var(--n-line);border-radius:11px;padding:0 13px;font:inherit;font-size:15px;color:var(--n-ink);background:#fff}
.co-auth-fields input:focus{border-color:var(--n-blue);outline:none;box-shadow:0 0 0 3px rgba(0,109,232,.12)}
.co-auth-row{display:flex;align-items:center;gap:16px;margin-top:14px;flex-wrap:wrap}
.co-auth-row a{font-size:14px;font-weight:600;color:var(--n-blue)}
.co-auth-btn{display:inline-flex;align-items:center;gap:8px;height:46px;padding:0 20px;border:0;border-radius:11px;background:var(--n-blue);color:#fff;font:inherit;font-weight:800;font-size:15px;cursor:pointer}
.co-auth-btn:hover{background:var(--n-blue-d)}
.co-auth-new{padding:22px 24px;background:var(--n-soft);border-left:1px solid var(--n-line);display:flex;flex-direction:column}
.co-auth-new b{font-size:16.5px;color:var(--n-ink)}
.co-auth-new ul{list-style:none;margin:12px 0 18px;padding:0;display:grid;gap:8px}
.co-auth-new li{display:flex;align-items:center;gap:8px;font-size:14px;color:#33475e}
.co-auth-new li .nh-i{width:17px;height:17px;padding:2px;border-radius:50%;background:var(--n-ok);color:#fff;stroke-width:2.8}
.co-auth-reg{margin-top:auto;display:inline-flex;align-items:center;justify-content:center;height:46px;border-radius:11px;background:var(--n-cta,linear-gradient(135deg,#ff7a00,#ff5c00));color:#fff;font-weight:800;font-size:15px;box-shadow:0 10px 24px rgba(255,92,0,.28)}
.co-auth-reg:hover{color:#fff}
@media(max-width:760px){.co-auth{grid-template-columns:1fr}.co-auth-new{border-left:0;border-top:1px solid var(--n-line)}.co-auth-fields{grid-template-columns:1fr}}
.co-auth-fields label{min-width:0}.co-auth-fields input{width:100%;min-width:0;box-sizing:border-box}.co-auth-login,.co-auth-new{min-width:0}

/* ===== Kur anahtarı (₺ / $ / €) ===== */
.nh-cur{position:relative;display:inline-grid;grid-template-columns:repeat(3,34px);height:34px;padding:3px;border-radius:20px;background:#eef2f7;border:1px solid var(--n-line);flex-shrink:0}
.nh-cur button{position:relative;z-index:1;border:0;background:none;font:inherit;font-size:14px;font-weight:800;color:var(--n-mute);cursor:pointer;border-radius:16px;padding:0}
.nh-cur button[aria-pressed="true"]{color:#fff}
.nh-cur-knob{position:absolute;top:3px;left:3px;width:34px;height:26px;border-radius:16px;background:var(--n-navy);box-shadow:0 3px 8px rgba(6,23,44,.25);transition:transform .22s ease}
.nh-cur[data-on="USD"] .nh-cur-knob{transform:translateX(34px)}
.nh-cur[data-on="EUR"] .nh-cur-knob{transform:translateX(68px)}
.nh-cur button:hover:not([aria-pressed="true"]){color:var(--n-ink)}
.nav-contact .nh-cur{margin-right:4px}
.nh-cur-promo{display:none;height:24px;grid-template-columns:repeat(3,28px);padding:2px;background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.14)}
.nh-cur-promo .nh-cur-knob{width:28px;height:18px;top:2px;left:2px;background:#ff7a1a;box-shadow:none}
.nh-cur-promo[data-on="USD"] .nh-cur-knob{transform:translateX(28px)}
.nh-cur-promo[data-on="EUR"] .nh-cur-knob{transform:translateX(56px)}
.nh-cur-promo button{font-size:12px;color:#a9bacd}
.drawer-cur{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 0;font-weight:700;color:var(--n-ink);font-size:14px}
@media(max-width:1080px){.nav-contact .nh-cur{display:none}.nh-cur-promo{display:inline-grid;margin-left:auto}}
@media (prefers-reduced-motion:reduce){.nh-cur-knob{transition:none}}

/* ===== Siyah şerit: daha sade yazılar ===== */
.nh-fact b{font-size:32px}
.nh-fact span{font-size:13px;font-weight:600;line-height:1.3;color:#e8e8e8;letter-spacing:.005em}
.nh-fact small{font-size:11.5px;font-weight:500;color:#7d7d7d;margin-top:2px}
.nh-wa{padding:10px 14px;gap:10px}
.nh-wa>.nh-i:first-child{width:24px;height:24px}
.nh-wa b{font-size:13.5px;font-weight:700}
.nh-wa small{font-size:11.5px}

/* ===== Mobil: buton yazıları ===== */
@media(max-width:640px){
  .domain-search-main button,.nh-cta,.rich-buy,.nh-proof-link,.dc-btn,.co-auth-btn,.co-auth-reg,.nh-svc-go,.mega-promo a,.drawer-cta a,.srv-buy{font-size:13.5px!important}
  .nh-cta,.co-auth-btn,.co-auth-reg,.dc-btn,.nh-proof-link{height:44px}
  .nh-fact b{font-size:26px}
  .nh-fact span{font-size:12.5px}
  .nh-wa b{font-size:13px}
  .plat-tabs button{font-size:14px;padding:10px 14px}
  .store-badges img{height:40px}
}
@media(max-width:1500px){.nav-contact .phone-text{display:none}.nav{gap:20px}}
@media(max-width:1240px){.navlinks{gap:18px}}

/* ===== Kur anahtarı üst şeritte (masaüstü + mobil), telefon numarası geri ===== */
.nh-cur-promo{display:inline-grid!important;margin-left:auto;margin-right:18px}
@media(max-width:1500px){.nav-contact .phone-text{display:block}}
@media(max-width:1380px){.nav-contact .phone-text{display:none}}
@media(max-width:760px){.nh-cur-promo{margin-right:0}}
.promo-links a{font-size:12px;font-weight:700;letter-spacing:.01em}
.promo-links .nh-i{width:13px;height:13px}

/* ===== Bulut depolama ===== */
.nh-soon{display:flex;gap:18px;align-items:flex-start;padding:28px;border:1px dashed #b9cde4;border-radius:18px;background:#fff;max-width:760px}
.nh-soon>.nh-i{width:40px;height:40px;color:var(--n-blue);flex-shrink:0}
.nh-soon b{font-size:19px;color:var(--n-ink)}
.nh-soon p{color:var(--n-mute);margin:6px 0 16px}
.nh-sto-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.nh-sto-grid>div{background:#fff;border:1px solid var(--n-line);border-radius:16px;padding:22px}
.nh-sto-grid b{display:block;font-size:16.5px;color:var(--n-ink);margin:12px 0 6px}
.nh-sto-grid p{margin:0;color:var(--n-mute);font-size:14.5px;line-height:1.6}
.nh-sto-ico{width:44px;height:44px;border-radius:12px;background:#e8f7fb;color:#0c8fb3;display:grid;place-items:center}
.nh-sto-ico .nh-i{width:22px;height:22px}
@media(max-width:900px){.nh-sto-grid{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.nh-sto-grid{grid-template-columns:1fr}}
.ci-ico.t-storage{background:#e8f7fb;color:#0c8fb3}
/* ===== Banka hesapları ===== */
.nh-banks{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;margin-top:20px}
.nh-bank{border:1px solid var(--n-line);border-radius:14px;padding:18px;background:#f8fafd;font-size:15px;line-height:1.7;color:var(--n-ink);font-variant-numeric:tabular-nums}
.nh-bank:first-line{font-weight:800}

/* ===== Paket fiyatı: birim (/ay, /yıl) fiyatın yanında ===== */
.rich-package .discount-line{display:flex;justify-content:center;align-items:center;gap:10px;flex-wrap:wrap}
.rich-package .price-stack{display:inline-flex;flex-wrap:wrap;align-items:baseline;justify-content:center;column-gap:5px;text-align:center}
.rich-package .price-stack del{flex-basis:100%;text-align:center}
.rich-package .price-stack small{display:inline;margin:0;font-size:15px;font-weight:700;color:var(--n-mute)}

/* ===== Sepete Ekle butonları bir seviye büyük (tüm site) ===== */
.rich-package .rich-buy,.rich-buy{font-size:13px;padding:12px 24px;margin-top:12px;box-shadow:0 8px 18px rgba(255,92,0,.25);transition:transform .15s,box-shadow .15s}
.rich-package .rich-buy:hover,.rich-buy:hover{transform:translateY(-1px);box-shadow:0 12px 24px rgba(255,92,0,.33)}
.srv-buy{font-size:14.5px;padding:11px 20px}
@media(max-width:640px){.rich-buy,.srv-buy{font-size:14px!important;padding:12px 22px}}

/* ===== Logo: oran her zaman korunur (ezilme düzeltmesi) ===== */
.logo img,.drawer-head img,.nh-foot-brand img{height:auto!important;max-height:56px;object-fit:contain}
.logo img{width:155px}
@media(max-width:1080px){.logo img{width:135px}}
@media(max-width:420px){.logo img{width:110px}}
.nh-foot-brand img{width:150px;max-height:none}

/* ===== Altyapı bölümü (kurumsal, olgu tablosu) ===== */
.nh-pv{background:#f5f8fc;padding:84px 0;border-top:1px solid var(--n-line);border-bottom:1px solid var(--n-line)}
.nh-pv-grid{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:64px;align-items:center}
.nh-pv-media{position:relative;padding:0 70px 70px 0}
.nh-pv-media figure{margin:0;border-radius:18px;overflow:hidden;background:#0a2347;position:relative}
.nh-pv-a{aspect-ratio:4/4.4;box-shadow:0 24px 50px rgba(6,23,44,.18)}
.nh-pv-b{position:absolute!important;right:0;bottom:0;width:52%;aspect-ratio:4/4.6;border:6px solid #f5f8fc;box-shadow:0 24px 50px rgba(6,23,44,.25)}
.nh-pv-media img{width:100%;height:100%;object-fit:cover;display:block}
.nh-pv-media figcaption{position:absolute;left:12px;bottom:12px;padding:6px 11px;border-radius:8px;background:rgba(255,255,255,.94);color:var(--n-ink);font-size:12.5px;font-weight:700}
.nh-pv-kicker{display:inline-flex;align-items:center;gap:8px;margin:0 0 14px;font-size:14px;font-weight:700;color:var(--n-blue)}
.nh-pv-kicker .nh-i{width:18px;height:18px}
.nh-pv-body h2{font-size:36px;line-height:1.15;letter-spacing:-.025em;color:var(--n-ink);margin:0 0 16px;max-width:560px}
.nh-pv-lead{font-size:16.5px;line-height:1.75;color:var(--n-mute);margin:0 0 28px;max-width:600px}
.nh-pv-facts{display:grid;grid-template-columns:1fr 1fr;margin:0 0 30px;border-top:1px solid #dfe7f0}
.nh-pv-facts>div{padding:16px 18px 16px 0;border-bottom:1px solid #dfe7f0}
.nh-pv-facts>div:nth-child(even){padding-left:18px;border-left:1px solid #dfe7f0}
.nh-pv-facts dt{font-size:16px;font-weight:800;color:var(--n-ink);letter-spacing:-.005em}
.nh-pv-facts dd{margin:3px 0 0;font-size:14px;color:var(--n-mute)}
.nh-pv-link{display:inline-flex;align-items:center;gap:8px;height:48px;padding:0 22px;border-radius:12px;background:var(--n-navy);color:#fff;font-weight:800;font-size:15px}
.nh-pv-link:hover{background:#0d2f57;color:#fff}
@media(max-width:1000px){.nh-pv-grid{grid-template-columns:1fr;gap:40px}.nh-pv-media{max-width:520px;padding:0 50px 50px 0}.nh-pv-body h2{font-size:30px}}
@media(max-width:560px){.nh-pv{padding:56px 0}.nh-pv-facts{grid-template-columns:1fr}.nh-pv-facts>div:nth-child(even){padding-left:0;border-left:0}.nh-pv-body h2{font-size:26px}}

/* ===== Veri merkezi fotoğrafları ===== */
.dc-visual.has-photo{padding:0;background:none}
.dc-photo{display:block;width:100%;height:auto;aspect-ratio:1000/860;object-fit:cover}
.dc-visual.has-photo .dc-tag{left:18px;bottom:18px}
.dc-gal{padding:20px 0 70px;background:#fff}
.dc-gal-head{max-width:760px;margin-bottom:22px}
.dc-gal-head h2{font-size:28px;letter-spacing:-.02em;color:var(--n-ink);margin:0 0 8px}
.dc-gal-head p{color:var(--n-mute);margin:0;font-size:15.5px;line-height:1.65}
.dc-gal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.dc-gal-grid figure{margin:0;border-radius:16px;overflow:hidden;background:#0a1626;position:relative}
.dc-gal-grid img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;transition:transform .35s}
.dc-gal-grid figure:hover img{transform:scale(1.03)}
.dc-gal-grid figcaption{position:absolute;left:0;right:0;bottom:0;padding:26px 14px 12px;background:linear-gradient(transparent,rgba(0,0,0,.72));color:#fff;font-size:13.5px;font-weight:700}
@media(max-width:900px){.dc-gal-grid{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.dc-gal-grid{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.dc-gal-grid img{transition:none}}

/* ===== VPS bölümü: siyah zemin ===== */
.rich-package-section.dark{background:#000!important}
.rich-package-section.dark::before,.rich-package-section.dark::after{display:none!important}

/* ===== Uzantı kutucukları: her biri kendi renginde ===== */
.domain-price-chip{position:relative;transition:background .18s,transform .18s}
.domain-price-chip::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:var(--tc,#5cc3ff)}
.domain-price-chip b{color:var(--tc,#5cc3ff)!important;font-size:17px}
.domain-price-chip span{color:#fff;font-size:13.5px}
.domain-price-chip:not(.all){background:linear-gradient(180deg,var(--tb,rgba(92,195,255,.14)),rgba(255,255,255,.02))}
.domain-price-chip:not(.all):hover{background:linear-gradient(180deg,var(--tb2,rgba(92,195,255,.24)),rgba(255,255,255,.04))}
.domain-price-chip:nth-child(1){--tc:#4fc3ff;--tb:rgba(79,195,255,.16);--tb2:rgba(79,195,255,.28)}
.domain-price-chip:nth-child(2){--tc:#ff5d5d;--tb:rgba(255,93,93,.16);--tb2:rgba(255,93,93,.28)}
.domain-price-chip:nth-child(3){--tc:#3ee08f;--tb:rgba(62,224,143,.15);--tb2:rgba(62,224,143,.27)}
.domain-price-chip:nth-child(4){--tc:#ffb53d;--tb:rgba(255,181,61,.16);--tb2:rgba(255,181,61,.28)}
.domain-price-chip:nth-child(5){--tc:#b98cff;--tb:rgba(185,140,255,.17);--tb2:rgba(185,140,255,.29)}
.domain-price-chip.hot{box-shadow:inset 0 0 0 1px var(--tc)}
.domain-price-chip.all{background:linear-gradient(135deg,#ff7a00,#ff5c00)!important}
.domain-price-chip.all::before{display:none}
.domain-price-chip.all b,.domain-price-chip.all span{color:#fff!important}
.domain-price-chip.all b{font-size:13.5px}
.domain-price-chip.all span{font-size:12px}

/* ===== Mobil menü v2 ===== */
.drawer-panel{display:flex;flex-direction:column;overflow-y:auto}
.drawer-head{padding:16px 18px;border-bottom:1px solid #eef2f6}
.drawer-head img{height:auto!important;width:118px}
.drawer-close{width:40px;height:40px;border-radius:12px;background:#f1f5f9;border:0}
.drawer-nav{padding:8px 14px 4px}
.drawer-toggle,.drawer-link{display:flex!important;align-items:center;gap:12px;width:100%;padding:11px 6px!important;margin:0;border:0;border-bottom:1px solid #eef2f6;background:none;font:inherit;font-size:15.5px!important;font-weight:700!important;color:var(--n-ink)!important;text-align:left;cursor:pointer;text-transform:none!important;letter-spacing:0!important}
.dr-ico{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;flex-shrink:0}
.dr-ico .nh-i{width:18px!important;height:18px!important}
.dr-ico.c-dom{background:#e9f7f0;color:#14915a}.dr-ico.c-host{background:#edf5ff;color:#006de8}.dr-ico.c-srv{background:#f2eeff;color:#6440d6}.dr-ico.c-mail{background:#fff2e8;color:#e0651b}.dr-ico.c-kur{background:#eef2f7;color:#334a63}
.dr-lbl{flex:1}
.dr-caret{width:16px!important;height:16px!important;color:#8a99ab;transition:transform .2s}
.dr-go{width:15px!important;height:15px!important;color:#8a99ab}
.drawer-group.open .dr-caret{transform:rotate(180deg);color:var(--n-blue)}
.drawer-link .nh-new{margin-right:6px}
.drawer-sub{margin:2px 0 8px 23px;padding:2px 0 2px 21px;border-left:2px solid #e6edf5}
.drawer-sub a{display:block;padding:9px 6px!important;font-size:14.5px!important;font-weight:600!important;color:#3d5168!important;border:0!important;text-transform:none!important;letter-spacing:0!important}
.drawer-sub a:active,.drawer-sub a:hover{color:var(--n-blue)!important}
.drawer-cur{margin:10px 14px 0;padding:12px 6px;font-size:14px;color:var(--n-mute)}
.drawer-contact{display:grid!important;grid-template-columns:1fr 1fr;gap:10px;padding:6px 20px 0!important}
.drawer-contact a{display:flex!important;align-items:center;gap:10px;padding:11px 12px!important;border-radius:14px!important;background:#f4f8fd!important;border:1px solid #e3ebf4;color:var(--n-ink)!important;min-width:0}
.drawer-contact a .nh-i{width:20px!important;height:20px!important;color:var(--n-blue);flex-shrink:0}
.drawer-contact a.wa .nh-i{color:#1fa855}
.drawer-contact small{display:block;font-size:11.5px;color:var(--n-mute);font-weight:600}
.drawer-contact b{display:block;font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.drawer-contact span{min-width:0}
.drawer-cta{display:grid!important;gap:10px;padding:14px 20px 24px!important;margin-top:auto}
.drawer-cta a{display:flex!important;align-items:center;justify-content:center;height:48px;border-radius:12px!important;font-size:15px!important;font-weight:800!important;text-transform:none!important;letter-spacing:0!important}
.drawer-cta a.cta-o{background:linear-gradient(135deg,#ff7a00,#ff5c00)!important;color:#fff!important;border:0!important;box-shadow:0 10px 22px rgba(255,92,0,.25)}
.drawer-cta a.cta-n{background:var(--n-navy)!important;color:#fff!important;border:0!important}

/* ===== WHOIS sorgulama ===== */
.whois-hero .container{max-width:980px}
.whois-form{display:flex;gap:10px;margin-top:22px;background:#fff;border-radius:14px;padding:8px;box-shadow:0 20px 50px rgba(0,0,0,.3);max-width:720px}
.whois-form input{flex:1;min-width:0;border:0;outline:none;font:inherit;font-size:17px;padding:0 14px;color:var(--n-ink);background:none}
.whois-form button{display:inline-flex;align-items:center;gap:8px;border:0;border-radius:10px;padding:0 22px;height:52px;background:linear-gradient(135deg,#ff7a00,#ff5c00);color:#fff;font:inherit;font-weight:800;font-size:15px;cursor:pointer;box-shadow:var(--n-cta-shadow,0 10px 24px rgba(255,92,0,.3));white-space:nowrap}
.whois-res{padding:36px 0 70px;background:#f5f8fc}
.whois-res .container{max-width:980px}
.whois-card{background:#fff;border:1px solid var(--n-line);border-radius:18px;padding:24px 26px;margin-bottom:30px;box-shadow:0 14px 40px rgba(6,23,44,.06)}
.whois-err{color:#a1262b;background:#fdecec;border-color:#f5c2c4;font-weight:600}
.whois-top{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;padding-bottom:18px;border-bottom:1px solid var(--n-line)}
.whois-dom{font-size:24px;font-weight:800;color:var(--n-ink);letter-spacing:-.01em;margin-right:12px;word-break:break-all}
.whois-pill{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:20px;font-size:13px;font-weight:800;background:#eef2f7;color:var(--n-mute);vertical-align:middle}
.whois-pill .nh-i{width:15px;height:15px}
.whois-pill.ok{background:#e6f6ee;color:#14915a}
.whois-pill.taken{background:#fdecec;color:#c42f35}
.whois-buy{display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 18px;border-radius:11px;background:linear-gradient(135deg,#ff7a00,#ff5c00);color:#fff;font-weight:800}
.whois-buy:hover{color:#fff}
.whois-alt{font-weight:700;color:var(--n-blue);display:inline-flex;align-items:center;gap:6px}
.whois-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:0}
.whois-grid>div{padding:18px 16px 18px 0}
.whois-grid>div+div{padding-left:16px;border-left:1px solid var(--n-line)}
.whois-grid dt{font-size:12.5px;color:var(--n-mute);font-weight:700}
.whois-grid dd{margin:5px 0 0;font-size:16px;font-weight:800;color:var(--n-ink);word-break:break-word}
.whois-grid dd small{display:block;font-size:12.5px;font-weight:600;color:#14915a;margin-top:2px}
.whois-sec{padding-top:16px;border-top:1px solid var(--n-line);margin-top:4px}
.whois-sec h3{font-size:14px;color:var(--n-mute);margin:0 0 10px}
.whois-tags{display:flex;flex-wrap:wrap;gap:8px}
.whois-tags span{padding:6px 11px;border-radius:9px;background:#f1f5fa;border:1px solid #e3ebf4;font-size:13.5px;font-weight:700;color:var(--n-ink)}
.whois-ns{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px}
.whois-ns li{padding:9px 12px;border-radius:9px;background:#f8fafd;border:1px solid #e9eef5;font-size:14px}
.whois-note{margin:16px 0 0;color:var(--n-mute)}
.whois-note a{color:var(--n-blue);font-weight:700}
.whois-info{background:#fff;border:1px solid var(--n-line);border-radius:18px;padding:26px 30px}
.whois-info h2:first-child{margin-top:0}
@media(max-width:760px){.whois-grid{grid-template-columns:1fr 1fr}.whois-grid>div:nth-child(3){padding-left:0;border-left:0}.whois-grid>div:nth-child(n+3){border-top:1px solid var(--n-line)}.whois-form button{padding:0 14px}.whois-info{padding:20px}}
@media(max-width:480px){.whois-form{flex-direction:column}.whois-form input{height:48px}.whois-form button{justify-content:center}}
.drawer-contact{grid-template-columns:1.35fr 1fr}.drawer-contact b{font-size:13px;letter-spacing:-.01em}.drawer-contact a{gap:9px;padding:11px 10px!important}

/* ===== Paket kartı: platform rozetleri + altta tam genişlik Sepete Ekle ===== */
.rich-package{display:flex;flex-direction:column}
.rich-package .feature-rows{flex:1}
.pf-chips{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin:14px 0 4px}
.pf-chip{display:inline-flex;align-items:center;gap:7px;padding:7px 13px;border-radius:999px;background:#fff3ea;border:1px solid #ffd2b0;color:#e0590c;font-size:13.5px;font-weight:800}
.pf-chip .nh-i{width:17px;height:17px;color:#ff6a00;stroke-width:2}
.rich-buy-wrap{padding:14px}
.rich-package .rich-buy.is-full,.rich-buy.is-full{display:flex!important;align-items:center;justify-content:center;gap:9px;width:100%;margin:0;height:52px;padding:0 16px;border-radius:12px;font-size:16px;font-weight:800;background:linear-gradient(135deg,#ff7a00,#ff5c00)!important;color:#fff!important;box-shadow:0 10px 24px rgba(255,92,0,.3)}
.rich-buy.is-full .nh-i{width:20px;height:20px}
.rich-buy.is-full:hover{transform:translateY(-1px);box-shadow:0 14px 30px rgba(255,92,0,.4)}
.rich-buy.is-full.is-out{background:#c9d3de!important;box-shadow:none;cursor:not-allowed}
.rich-package .rich-renew{margin-top:8px}

/* ===== İçerik sayfaları: tablolar (sözleşme, blog, sayfa) ===== */
.nh-prose table{width:100%;border-collapse:collapse;margin:18px 0 24px;font-size:15.5px;display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}
.nh-prose table tbody,.nh-prose table thead{display:table;width:100%;border-collapse:collapse}
.nh-prose th,.nh-prose td{border:1px solid #dfe7f0;padding:10px 12px;text-align:left;vertical-align:top;line-height:1.6}
.nh-prose th{background:#f4f8fd;color:var(--n-ink);font-weight:700}
.nh-prose tr:nth-child(even) td{background:#fbfcfe}
.nh-prose u{text-underline-offset:3px}
.nh-prose blockquote{margin:16px 0;padding:12px 18px;border-left:4px solid var(--n-blue);background:#f4f8fd;border-radius:0 10px 10px 0}