/* ============================================================
   Athena Teması — theme.css
   Bootstrap 5.3 üzerine özel bileşen stilleri.
   ŞU AN: yalnızca HEADER (üst bar + navbar + mega-menü).
   İkonlar: RemixIcon (font, <i class="ri-*-line">). Light/Dark: data-bs-theme + token'lar.
   Diğer bölümler sırayla yeniden inşa edilecek.
   ============================================================ */

/* ---------- Base ---------- */
body{
  font-family:var(--font-sans);
  color:var(--c-text);
  font-size:var(--fs-base);
  line-height:var(--lh-base);
  background:var(--c-bg);
  -webkit-font-smoothing:antialiased;
}
a{color:var(--c-primary);text-decoration:none;transition:color .15s ease}
a:hover,a:focus{color:var(--c-primary-dark);text-decoration:none}
img{max-width:100%;height:auto}
h1,h2,h3,h4,h5,h6{font-family:var(--font-display);color:var(--c-ink);margin:0}
p{margin:0}
ul{margin:0;padding:0;list-style:none}
*{box-sizing:border-box}

.iw-container{max-width:var(--container);margin:0 auto;padding:0 24px}

/* RemixIcon (font ikon): font-size ile ölçeklenir, currentColor ile renklenir */
[class^="ri-"]{line-height:1;vertical-align:-.125em;flex:0 0 auto}

/* ---------- Buttons (temel) ---------- */
.iw-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  padding:11px 22px;border-radius:var(--r-sm);border:1px solid transparent;
  font-weight:var(--fw-semi);font-size:var(--fs-base);line-height:1;cursor:pointer;
  transition:all .16s ease;white-space:nowrap;
}
.iw-btn--primary{background:var(--c-primary-fill,var(--c-primary));color:#fff}
.iw-btn--primary:hover{background:var(--c-primary-dark);color:#fff;box-shadow:var(--sh-primary)}
.iw-btn--green{background:var(--c-green);color:#fff}
.iw-btn--green:hover{background:var(--c-green-dark);color:#fff}
.iw-btn--sm{padding:8px 16px;font-size:var(--fs-sm)}
.iw-btn--lg{padding:14px 28px;font-size:var(--fs-md)}
.iw-btn--ghost{background:transparent;border-color:var(--c-line);color:var(--c-ink)}
.iw-btn--ghost:hover{border-color:var(--c-primary);color:var(--c-primary)}
.iw-btn--ghost i{font-size:18px}
.iw-btn--light{background:#fff;color:var(--c-primary)}
.iw-btn--light:hover{background:#eef1f8;color:var(--c-primary-dark)}
.iw-btn--ghost-light{background:transparent;border-color:rgba(255,255,255,.28);color:#fff}
.iw-btn--ghost-light:hover{background:rgba(255,255,255,.1);color:#fff}

/* ============================================================
   HEADER
   ============================================================ */
/* Promosyon barı (top bar üstü) */
.iw-promobar{background:linear-gradient(90deg,var(--c-primary),var(--c-primary-dark));color:#fff;font-size:13px;position:relative;z-index:2}
.iw-promobar__inner{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:40px;padding-top:7px;padding-bottom:7px}
.iw-promobar__msg{margin:0;display:flex;align-items:center;gap:8px;flex-wrap:wrap;line-height:1.35}
.iw-promobar__msg>i{font-size:17px;color:#FFD76A}
.iw-promobar__msg b{font-weight:var(--fw-bold)}
.iw-promobar__code{display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,.15);border:1px dashed rgba(255,255,255,.42);border-radius:8px;padding:2px 5px 2px 10px;margin-left:4px}
.iw-promobar__copy{border:0;background:transparent;color:#fff;cursor:pointer;padding:2px 4px;border-radius:6px;display:inline-flex;font-size:14px;line-height:1;transition:background .15s,color .15s}
.iw-promobar__copy:hover{background:rgba(255,255,255,.2)}
.iw-promobar__copy.is-copied{color:#7CF0B0}
.iw-promobar__right{display:flex;align-items:center;gap:14px;flex:0 0 auto}
.iw-promobar__count{display:inline-flex;align-items:center;gap:5px;font-variant-numeric:tabular-nums}
.iw-promobar__count>span{display:inline-flex;flex-direction:column;align-items:center;line-height:1;background:rgba(255,255,255,.14);border-radius:7px;padding:4px 7px;min-width:34px}
.iw-promobar__count b{font-size:14px;font-weight:var(--fw-bold)}
.iw-promobar__count small{font-size:8.5px;letter-spacing:.5px;opacity:.85;margin-top:2px}
.iw-promobar__count>i{font-style:normal;opacity:.6;font-weight:var(--fw-bold)}
.iw-promobar__btn{display:inline-flex;align-items:center;gap:6px;background:#fff;color:var(--c-primary);font-weight:var(--fw-bold);font-size:12.5px;padding:7px 14px;border-radius:8px;white-space:nowrap;transition:transform .15s,box-shadow .15s,color .15s}
.iw-promobar__btn:hover{color:var(--c-primary-dark);transform:translateY(-1px);box-shadow:0 6px 16px rgba(0,0,0,.2)}
.iw-promobar__close{border:0;background:transparent;color:rgba(255,255,255,.7);cursor:pointer;font-size:18px;line-height:1;padding:2px;display:inline-flex}
.iw-promobar__close:hover{color:#fff}
/* tıklanabilir band — imleç + hafif dokunma geri bildirimi; kontroller (kopyala/kapat/Kayıt Ol) kendi işini yapar */
.iw-promobar.is-tappable{cursor:pointer}
.iw-promobar.is-tappable:active{filter:brightness(1.07)}
.iw-promobar__copy,.iw-promobar__close,.iw-promobar__btn{cursor:pointer}
.iw-promobar__go{display:none}
@media (max-width:860px){.iw-promobar__code{display:none}.iw-promobar__count small{display:none}.iw-promobar__inner{gap:10px}}
@media (max-width:560px){
  .iw-promobar__count{display:none}
  .iw-promobar__msg{font-size:12.5px;line-height:1.3}
  /* Kayıt Ol butonu mesajı sıkıştırıyor; mobilde gizle — mesaj tam genişlik */
  .iw-promobar__btn{display:none}
  .iw-promobar__inner{gap:10px}
  .iw-promobar__right{gap:6px}
  /* band tıklanabilir; "git" ipucu chevron'u */
  .iw-promobar__go{display:inline-flex;font-size:20px;color:rgba(255,255,255,.85);line-height:1}
}

.iw-header{position:sticky;top:0;z-index:50;transition:box-shadow .25s ease}
.iw-header .iw-topbar,.iw-header .iw-nav{transition:background .25s ease}
/* Kaydırınca buzlu cam (glassmorphism) */
.iw-header.is-stuck{box-shadow:0 6px 24px rgba(16,24,40,.10)}
.iw-header.is-stuck .iw-topbar{background:var(--c-topbar)}
.iw-header.is-stuck .iw-nav{background:var(--c-bg);box-shadow:0 1px 0 var(--c-line)}
[data-bs-theme="dark"] .iw-header.is-stuck{box-shadow:0 8px 26px rgba(0,0,0,.45)}

/* Üst bar (renk/metin değişkenlerle — beyaz/açık üst bar desteklenir) */
.iw-topbar{background:var(--c-topbar);color:var(--c-topbar-text);font-size:var(--fs-sm);
  border-bottom:1px solid var(--c-topbar-border)}
.iw-topbar__inner{display:flex;justify-content:space-between;align-items:center;height:40px}
.iw-topbar__list{display:flex;align-items:center;gap:0}
.iw-topbar__list li{display:flex;align-items:center;padding:2px 16px}
.iw-topbar__list li:first-child{padding-left:0}
.iw-topbar__list--right li:last-child{padding-right:0}
.iw-topbar__list li:not(:first-child){border-left:1px solid var(--c-topbar-divider)}
.iw-topbar__list--right li:first-child{border-left:1px solid var(--c-topbar-divider);padding-left:16px}
.iw-topbar__list a{color:var(--c-topbar-text);display:inline-flex;align-items:center;gap:7px;opacity:.9;transition:opacity .15s ease}
.iw-topbar__list a:hover{opacity:1}
.iw-topbar__list a i{color:var(--c-topbar-ico);font-size:16px}
.iw-topbar__right{display:flex;align-items:center;gap:22px}
.iw-theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;
  border:1px solid var(--c-topbar-line);border-radius:var(--r-sm);background:transparent;color:var(--c-topbar-text);cursor:pointer;transition:.16s}
.iw-theme-toggle:hover{background:var(--c-topbar-hover);color:var(--c-topbar-text)}
.iw-theme-toggle i{font-size:17px}

/* Navbar */
.iw-nav{position:relative;background:var(--c-bg);box-shadow:0 1px 0 var(--c-line-soft)}
.iw-nav__inner{display:flex;align-items:center;height:78px;gap:22px}
.iw-nav__logo{display:inline-flex;align-items:center;max-width:220px;flex-shrink:0}
.iw-nav__logo .iw-logo-svg{height:42px;width:auto;display:block}
.iw-logo-mark{fill:var(--c-primary);transition:fill .2s ease}
.iw-logo-text{fill:var(--c-ink)} /* eski SVG kuralı — artık kullanılmıyor, span.iw-logo-text aşağıdaki kuralı alır */
span.iw-logo-text{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  font-family:var(--font-display);font-weight:var(--fw-bold);font-size:19px;line-height:1.15;
  letter-spacing:-.2px;color:var(--c-ink)}
.iw-panel__logo span.iw-logo-text{font-size:16px;max-width:170px}
.iw-auth__aside span.iw-logo-text{font-size:24px;color:#fff;max-width:260px}
.iw-nf5__logo span.iw-logo-text,.iw-fn__brand span.iw-logo-text{font-size:18px;color:#fff;max-width:220px}
.iw-mm__logo span.iw-logo-text{font-size:16px;max-width:160px}
.iw-menu{display:flex;align-items:center;gap:4px;margin-left:18px;flex:1}
.iw-menu__item{position:static}
.iw-menu__link{display:inline-flex;align-items:center;gap:6px;padding:10px 13px;border-radius:var(--r-sm);
  color:var(--c-ink);font-weight:var(--fw-semi);font-size:var(--fs-base);white-space:nowrap;cursor:pointer;
  transition:color var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out)}
.iw-menu__link i{font-size:18px;color:var(--c-muted);transition:transform var(--dur-base) var(--ease-out);will-change:transform}
.iw-menu__item:hover .iw-menu__link,.iw-menu__item.is-open .iw-menu__link{color:var(--c-primary);background:var(--c-primary-50)}
.iw-menu__item:hover .iw-menu__link i,.iw-menu__item.is-open .iw-menu__link i{transform:rotate(180deg);color:var(--c-primary)}

.iw-cart{display:inline-flex;align-items:center;gap:9px;padding:11px 18px;border:1px solid var(--c-line);
  border-radius:var(--r-sm);color:var(--c-ink);font-weight:var(--fw-semi)}
.iw-cart:hover{border-color:var(--c-primary);color:var(--c-primary)}
.iw-cart i{font-size:19px}
.iw-cart__count{background:var(--c-primary-fill,var(--c-primary));color:#fff;border-radius:6px;padding:2px 9px;font-size:var(--fs-sm)}

.iw-nav__toggle{display:none;flex-direction:column;gap:5px;width:42px;height:42px;border:1px solid var(--c-line);
  border-radius:var(--r-sm);background:var(--c-bg);cursor:pointer;align-items:center;justify-content:center;margin-left:auto}
.iw-nav__toggle span{width:20px;height:2px;background:var(--c-ink);border-radius:2px;transition:.2s}

/* Mega menü — renk-kodlu sistem (.iw-megac / .iw-mcard) dosyanın sonunda tanımlıdır. */

/* ============================================================
   RESPONSIVE (header)
   ============================================================ */
@media (max-width:1100px){
  .iw-menu{gap:0}
  .iw-menu__link{padding:10px 9px;font-size:var(--fs-sm)}
}
@media (max-width:992px){
  /* Mobil nav */
  .iw-nav__toggle{display:flex}
  .iw-menu{position:fixed;top:0;right:0;bottom:0;width:320px;max-width:88%;background:var(--c-bg);flex-direction:column;
    align-items:stretch;margin:0;padding:20px;gap:4px;overflow-y:auto;box-shadow:var(--sh-lg);
    transform:translateX(100%);transition:transform .25s ease;z-index:120}
  body.iw-nav-open .iw-menu{transform:translateX(0)}
  body.iw-nav-open:after{content:"";position:fixed;inset:0;background:rgba(8,12,22,.5);z-index:110}
  /* header sticky z-index:50 kendi stacking context'ini yaratıyor; menü açıkken
     drawer'ın overlay'in (110) üstünde kalması için header'ı yükselt */
  body.iw-nav-open .iw-header{z-index:130}
  .iw-menu__link{justify-content:space-between}
  .iw-cart{margin-left:auto;margin-right:8px}
}
@media (max-width:560px){
  /* Kompakt sepet — dar ekranda "Sepetim" metnini gizle (header taşmasını önler) */
  .iw-cart > span:not(.iw-cart__count){display:none}
}
@media (max-width:768px){
  .iw-topbar__list--right{display:none}
}
/* Mobil topbar panel/giriş pill'i — masaüstünde gizli */
.iw-topbar__panel{display:none}
@media (max-width:768px){
  .iw-topbar__panel{display:inline-flex;align-items:center;gap:6px;
    padding:5px 12px;border-radius:999px;border:1px solid var(--c-topbar-divider);
    color:var(--c-topbar-text);font-size:12.5px;font-weight:var(--fw-semi);line-height:1;
    text-decoration:none;white-space:nowrap;opacity:.95}
  .iw-topbar__panel i{color:var(--c-topbar-ico);font-size:15px}
  .iw-topbar__panel:active{opacity:1}
  .iw-topbar__right{gap:12px}
}
@media (max-width:380px){
  /* çok dar ekran: sadece ikon */
  .iw-topbar__panel span{display:none}
  .iw-topbar__panel{padding:6px 9px}
}
/* dar mobil: topbar sol listede yalnız telefon kalsın (taşmayı önler) */
@media (max-width:576px){
  .iw-topbar__list li:not(:first-child){display:none}
  /* telefon sol, tema anahtarı sağ (dengeli) */
  .iw-topbar__inner{justify-content:space-between}
  .iw-topbar{padding-left:16px;padding-right:12px}
  .iw-topbar__list li:first-child{padding-left:0}
}

/* ============================================================
   HERO  (anasayfa — sol içerik + sağ bento görsel)
   ============================================================ */
.iw-hero{position:relative;overflow:hidden}

/* Hero stil varyantları (customizer 'data-hero' ile seçer) */
.iw-hero__variant{display:none;position:relative}
[data-hero="1"] .iw-hero__variant[data-variant="1"],
[data-hero="2"] .iw-hero__variant[data-variant="2"],
[data-hero="3"] .iw-hero__variant[data-variant="3"]{display:block}
html:not([data-hero]) .iw-hero__variant[data-variant="1"]{display:block}
.iw-hero__variant--light{background:var(--c-primary-50)}
.iw-hero__variant--dark{background:linear-gradient(135deg,#1e2c58 0%,#121d3c 58%,#0c1430 100%)}
.iw-hero__variant[data-variant="1"]{padding:38px 0 56px}

.iw-hero__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.04fr);gap:44px;align-items:center;position:relative;z-index:1;padding-bottom:38px}

/* --- Sol içerik --- */
.iw-hero__eyebrow{font-size:var(--fs-sm);color:var(--c-muted);font-weight:var(--fw-medium);margin-bottom:9px}
.iw-hero__price{color:var(--c-green);font-weight:var(--fw-bold)}
.iw-hero__title{font-size:clamp(23px,2.2vw,31px);line-height:1.18;font-weight:var(--fw-bold);
  color:var(--c-ink);letter-spacing:-.3px;margin-bottom:11px}
.iw-hero__lead{font-size:14px;line-height:1.6;color:var(--c-text);max-width:48ch;margin-bottom:20px}

.iw-hero__features{display:grid;grid-template-columns:1fr 1fr;gap:14px 22px;margin-bottom:22px}
.iw-feat{display:flex;gap:11px;align-items:flex-start}
.iw-feat__ico{flex:0 0 auto;width:37px;height:37px;border-radius:10px;background:var(--c-primary-fill,var(--c-primary));color:#fff;
  display:inline-flex;align-items:center;justify-content:center;font-size:18px;box-shadow:0 6px 14px rgba(56,88,176,.20)}
.iw-feat__title{font-size:14px;font-weight:var(--fw-semi);color:var(--c-ink);margin-bottom:2px}
.iw-feat__desc{font-size:12px;line-height:1.45;color:var(--c-muted)}
.iw-hero__cta{margin-top:2px}
.iw-hero__cta i{font-size:18px}

/* --- Sağ görsel: YER TUTUCU (gerçek tasarım gelene kadar) --- */
.iw-hero__visual{position:relative;z-index:1}
.iw-hero__placeholder{min-height:380px;height:100%;display:flex;flex-direction:column;
  align-items:center;justify-content:center;gap:12px;text-align:center;padding:24px;
  border:2px dashed var(--c-line);border-radius:var(--r-lg);background:var(--c-bg-soft);color:var(--c-muted)}
.iw-hero__placeholder i{font-size:46px;opacity:.5}
.iw-hero__ph-label{font-size:14px;font-weight:var(--fw-medium);letter-spacing:.2px}
.iw-hero__ph-size{font-size:12px;font-weight:var(--fw-semi);color:var(--c-primary);
  background:var(--c-primary-100);padding:3px 11px;border-radius:var(--r-pill);font-variant-numeric:tabular-nums}

/* Hero illüstrasyonu (SVG art / PNG çıktı) */
.iw-hero__art{width:100%;max-width:600px;margin:0 auto;min-height:380px;display:flex;align-items:center;justify-content:center}
.iw-hero__art svg{width:100%;height:auto}
.iw-hero__artimg{width:100%;height:auto;display:block}
/* koyu hero'da açık/beyaz yüzen kartlar bilinçli tercih — yalnız primary'yi bir tık canlandır */
.iw-hero__art--dark{--c-primary:#4d6fd0}

/* Alt dalga */
.iw-hero__wave{position:absolute;left:0;right:0;bottom:-1px;line-height:0;z-index:0}
.iw-hero__wave svg{width:100%;height:58px;display:block}

/* --- Hero slider (BS5 carousel — sola kayan slide, sonsuz döngü) --- */
.iw-hero__carousel{position:relative}

/* nokta göstergeleri */
.iw-hero__dots{margin:0;bottom:-26px;gap:9px;z-index:4}
.iw-hero__dots [data-bs-target]{box-sizing:border-box;width:9px;height:9px;border-radius:50%;
  background:var(--c-primary-fill,var(--c-primary));border:none;opacity:.28;margin:0;text-indent:0;
  transition:opacity .2s ease,width .2s ease}
.iw-hero__dots [data-bs-target].active{opacity:1;width:26px;border-radius:6px}

/* ===== Hero Stili 2 — ortalı / merkez ===== */
.iw-hero2{padding:50px 0 64px}
.iw-hero2 .iw-hero__dots{display:none}  /* ortalıda noktalar gizli */
.iw-hero2__inner{position:relative;z-index:1;max-width:760px;margin:0 auto;display:flex;flex-direction:column;align-items:center;text-align:center}
.iw-hero2__badge{display:inline-flex;align-items:center;gap:7px;background:var(--c-primary-100);color:var(--c-primary);
  font-size:13px;font-weight:var(--fw-semi);padding:6px 14px;border-radius:var(--r-pill);margin-bottom:18px}
.iw-hero2__badge i{font-size:15px}
.iw-hero2__title{font-size:clamp(28px,3vw,42px);line-height:1.16;font-weight:var(--fw-bold);color:var(--c-ink);letter-spacing:-.4px;margin-bottom:14px}
.iw-hero2__hl{color:var(--c-primary)}
.iw-hero2__lead{font-size:16px;line-height:1.65;color:var(--c-text);max-width:560px;margin:0 auto 26px}
.iw-hero2__cta{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-bottom:38px}
.iw-hero2__stats{display:flex;flex-wrap:wrap;justify-content:center;gap:18px 44px;list-style:none;padding:0;margin:0}
.iw-hero2__stats li{display:flex;flex-direction:column;align-items:center}
.iw-hero2__stats strong{font-size:26px;font-weight:var(--fw-bold);color:var(--c-primary);line-height:1}
.iw-hero2__stats span{font-size:13px;color:var(--c-muted);margin-top:4px}

/* ===== Hero Stili 3 — koyu split ===== */
.iw-hero3{padding:48px 0 60px}
.iw-hero3__grid{display:grid;grid-template-columns:1.05fr .95fr;gap:46px;align-items:center;position:relative;z-index:1}
.iw-hero3__badge{display:inline-flex;align-items:center;gap:7px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);
  color:#d3dcf6;font-size:13px;font-weight:var(--fw-semi);padding:6px 14px;border-radius:var(--r-pill);margin-bottom:18px}
.iw-hero3__badge i{font-size:15px}
.iw-hero3__title{font-size:clamp(28px,3vw,42px);line-height:1.14;font-weight:var(--fw-bold);color:#fff;letter-spacing:-.4px;margin-bottom:14px}
.iw-hero3__lead{font-size:15px;line-height:1.7;color:#aab6d6;max-width:46ch;margin-bottom:26px}
.iw-hero3__cta{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:26px}
.iw-hero3__trust{display:flex;align-items:center;flex-wrap:wrap;gap:8px;color:#8b97ba;font-size:13px}
.iw-hero3__trust b{color:#d3dcf6;font-weight:var(--fw-semi)}
.iw-hero3__visual{position:relative;z-index:1}
.iw-hero__placeholder--dark{border-color:rgba(255,255,255,.18);background:rgba(255,255,255,.04);color:#9aa6c8}
.iw-hero__placeholder--dark .iw-hero__ph-size{background:rgba(255,255,255,.12);color:#d3dcf6}

/* --- Responsive --- */
@media (max-width:992px){
  .iw-hero{padding:40px 0 70px}
  .iw-hero__grid{grid-template-columns:1fr;gap:24px;padding-bottom:0}
  .iw-hero__variant[data-variant="1"]{padding:34px 0 40px}
  .iw-hero__visual{max-width:620px}
  .iw-hero__art{min-height:0;max-width:520px}
  .iw-hero__placeholder{min-height:300px}
}
@media (max-width:560px){
  .iw-hero__features{grid-template-columns:1fr;gap:14px}
  .iw-hero__art{max-width:440px}
  .iw-hero__placeholder{min-height:240px}
}

/* ============================================================
   DOMAIN ARAMA
   ============================================================ */
/* Bölüm Figma oranlarında; tüm panel tek seferde ÜNİFORM küçültülür (transform:scale) */
.iw-domain{padding:54px 0 64px;background:var(--c-bg)}
.iw-domain__panel{transform:scale(.82);transform-origin:top center;margin-bottom:-92px;
  position:relative;background:transparent;border-radius:26px;padding:44px clamp(22px,4vw,56px) 0;text-align:center}
/* mavi zemin alttan ~32px kısa biter → TLD kartları hafif dışarı taşar */
.iw-domain__panel::before{content:"";position:absolute;left:0;right:0;top:0;bottom:32px;background:var(--c-primary-50);border-radius:26px;z-index:-1}

.iw-domain__badge{display:inline-flex;align-items:center;gap:10px;background:var(--c-primary-100);
  border-radius:var(--r-pill);padding:6px 16px 6px 6px;font-size:14px;color:var(--c-primary);font-weight:var(--fw-medium);margin-bottom:20px}
.iw-domain__badge-ext{background:var(--c-primary-fill,var(--c-primary));color:#fff;font-weight:var(--fw-bold);padding:5px 13px;border-radius:var(--r-pill);font-size:14px}
.iw-domain__badge strong{font-weight:var(--fw-semi)}

.iw-domain__title{font-size:clamp(26px,3vw,40px);font-weight:var(--fw-bold);color:var(--c-ink);letter-spacing:-.4px;margin-bottom:12px}
.iw-domain__subtitle{font-size:clamp(14px,1.4vw,18px);font-weight:var(--fw-semi);color:var(--c-primary);margin-bottom:30px}

.iw-domain__search{display:flex;gap:10px;background:var(--c-bg-card);border-radius:16px;padding:10px;
  box-shadow:0 18px 40px rgba(20,30,60,.10);max-width:1080px;margin:0 auto 22px}
.iw-domain__input{flex:1;min-width:0;border:none;background:transparent;padding:0 14px;font-size:15px;color:var(--c-text);outline:none;font-family:inherit}
.iw-domain__input::placeholder{color:var(--c-muted)}
.iw-domain__btn{padding:14px 26px;border-radius:11px;font-size:15px;white-space:nowrap}
.iw-domain__btn i{font-size:18px}

.iw-domain__features{display:flex;flex-wrap:wrap;justify-content:center;gap:14px 40px;list-style:none;padding:0;margin:0 0 68px}
.iw-domain__features li{display:flex;align-items:center;gap:9px;font-size:15px;color:var(--c-text);font-weight:var(--fw-medium)}
.iw-domain__features i{color:var(--c-green);font-size:22px}

.iw-domain__cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:-52px}
.iw-tld{background:var(--c-bg-card);border:1px solid var(--c-line-soft);border-radius:16px;padding:18px 20px;
  box-shadow:0 16px 38px rgba(20,30,60,.12);text-align:left}
.iw-tld__head{display:flex;align-items:center;gap:13px;padding-bottom:13px;border-bottom:1px solid var(--c-line-soft);margin-bottom:14px}
.iw-tld__ext{font-size:25px;font-weight:var(--fw-bold);color:var(--c-ink);line-height:1;letter-spacing:-.5px}
.iw-tld__ext::first-letter{color:var(--dot,var(--c-primary))}
.iw-tld__info{display:flex;flex-direction:column;gap:1px}
.iw-tld__info strong{font-size:15px;font-weight:var(--fw-semi);color:var(--c-ink)}
.iw-tld__info a{font-size:13px;color:var(--c-muted);display:inline-flex;align-items:center;gap:2px}
.iw-tld__info a:hover{color:var(--c-primary)}
.iw-tld__info a i{font-size:15px}
.iw-tld__foot{display:flex;align-items:center;justify-content:space-between;gap:10px}
.iw-tld__badge{background:rgba(0,176,120,.12);color:var(--c-green-dark);font-weight:var(--fw-bold);font-size:11px;
  line-height:1.15;text-align:center;padding:6px 10px;border-radius:8px}
.iw-tld__price{font-size:22px;font-weight:var(--fw-bold);color:var(--c-ink);white-space:nowrap}
.iw-tld__price small{font-size:12px;font-weight:var(--fw-medium);color:var(--c-muted);margin-left:2px}

@media (max-width:992px){
  .iw-domain__panel{transform:scale(.9);margin-bottom:-56px}
  .iw-domain__cards{grid-template-columns:repeat(2,1fr);margin-bottom:-36px}
}
@media (max-width:680px){
  .iw-hero{padding-bottom:22px}
  .iw-hero__variant[data-variant="1"]{padding-bottom:26px}
  .iw-domain{padding:28px 0 44px}
  .iw-domain__panel{transform:none;margin-bottom:0;padding-left:0;padding-right:0;padding-top:26px}
  /* mobilde: kart sarmalı yerine görünür kenarlıklı input alanı + tam genişlik buton */
  .iw-domain__search{flex-direction:column;background:transparent;box-shadow:none;padding:0;gap:10px;margin-bottom:20px}
  .iw-domain__input{flex:none;height:52px;border:1.5px solid var(--c-line);background:var(--c-bg-card);border-radius:12px;padding:0 16px}
  .iw-domain__input:focus{border-color:var(--c-primary)}
  .iw-domain__btn{justify-content:center;width:100%;height:52px;padding:0 26px}
  .iw-domain__features{margin-bottom:32px}
  .iw-domain__cards{grid-template-columns:1fr;gap:12px;margin-bottom:0;margin-top:6px}
  .iw-tld{padding:14px 16px;box-shadow:0 8px 22px rgba(20,30,60,.08)}
  .iw-tld__head{padding-bottom:11px;margin-bottom:11px}
  .iw-tld__ext{font-size:22px}
  .iw-tld__price{font-size:19px}
}

/* ============================================================
   VDS PAKETLERİMİZ
   ============================================================ */
.iw-vds{padding:54px 0 60px;background:var(--c-bg)}
.iw-vds > .iw-container{max-width:1400px}  /* yoğun tablo için biraz daha geniş */
.iw-vds__head{text-align:center;margin-bottom:30px}
.iw-vds__title{font-size:clamp(24px,2.6vw,34px);font-weight:var(--fw-bold);color:var(--c-primary);letter-spacing:-.4px;margin-bottom:6px}
.iw-vds__sub{font-size:clamp(14px,1.3vw,17px);font-weight:var(--fw-semi);color:var(--c-primary)}

.iw-vds__rows{display:flex;flex-direction:column;gap:14px}
/* 3 zon: Nox Cloud | ÖZELLİK BLOĞU | FİYAT+CTA */
.iw-vds__row{display:grid;grid-template-columns:150px 1fr auto;align-items:center;
  background:var(--c-bg-card);border:1px solid var(--c-line);border-radius:16px;padding:14px 18px;
  box-shadow:0 4px 14px rgba(20,30,60,.05);
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.iw-vds__row:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(20,30,60,.10);border-color:var(--c-line)}
.iw-vds__row--pop{border-color:var(--c-primary);box-shadow:0 14px 34px rgba(56,88,176,.16)}

/* Zon 1 — Athena Cloud kart (beyaz satırda açık-mavi, öne çıkar) */
.iw-vds__name{align-self:stretch;position:relative}
.iw-vds__card{height:100%;display:flex;flex-direction:column;justify-content:center;
  background:var(--c-primary-50);border:1px solid transparent;border-radius:12px;padding:14px 16px}
.iw-vds__card strong{font-size:16px;font-weight:var(--fw-bold);color:var(--c-primary)}
.iw-vds__card span{font-size:13px;color:var(--c-muted)}
.iw-vds__pop{position:absolute;top:-14px;left:0;background:var(--c-primary-fill,var(--c-primary));color:#fff;
  font-size:10.5px;font-weight:var(--fw-bold);letter-spacing:.5px;padding:5px 13px;border-radius:8px;box-shadow:var(--sh-primary)}

/* Zon 2 — Özellik bloğu (kendi iç ızgarası + sol ayraç) */
.iw-vds__specs{display:grid;grid-template-columns:1.92fr 1.2fr 1fr 1.04fr 1.24fr 1.74fr;align-items:center;
  gap:8px;margin:0 14px;padding:0 16px;border-left:1px solid var(--c-line)}
.iw-vds__spec{position:relative;display:flex;align-items:center;gap:9px;min-width:0}
/* maddeler arası dik çizgi (gap içinde, layout genişliği eklemez) */
.iw-vds__spec:not(:first-child)::before{content:"";position:absolute;left:-4px;top:50%;transform:translateY(-50%);
  width:1px;height:38px;background:var(--c-line)}
.iw-vds__spec > i{flex:0 0 auto;color:var(--c-primary);font-size:23px}
.iw-vds__spec > div{min-width:0}
.iw-vds__spec b{display:block;font-size:12px;font-weight:var(--fw-semi);color:var(--c-ink);line-height:1.3;white-space:nowrap}
.iw-vds__spec span{display:block;font-size:11px;color:var(--c-muted);white-space:nowrap}

/* Zon 3 — Fiyat + CTA (sol ayraç) */
.iw-vds__buy{display:flex;align-items:center;gap:16px;padding-left:16px;border-left:1px solid var(--c-line)}
.iw-vds__price{text-align:right;white-space:nowrap}
.iw-vds__price strong{font-size:22px;font-weight:var(--fw-bold);color:var(--c-ink);line-height:1.1}
.iw-vds__price span{display:block;font-size:12px;color:var(--c-muted);margin-top:1px}
.iw-vds__action{display:flex;flex-direction:column;align-items:stretch;gap:9px;min-width:150px}
.iw-vds__code{background:rgba(0,176,120,.12);color:var(--c-green-dark);border-radius:9px;
  font-size:11px;font-weight:var(--fw-medium);text-align:center;line-height:1.35;padding:7px 12px;white-space:nowrap}
.iw-vds__code b{font-weight:var(--fw-bold)}
.iw-vds__btn{padding:11px 20px;font-size:14px;white-space:nowrap;width:100%;justify-content:center}

.iw-vds__more{display:block;text-align:center;margin-top:26px;font-size:16px;font-weight:var(--fw-semi);color:var(--c-primary)}
.iw-vds__more:hover{color:var(--c-primary-dark)}

/* --- Responsive --- */
@media (max-width:1100px){
  .iw-vds__row{grid-template-columns:1fr;gap:16px;padding:18px}
  .iw-vds__specs{grid-template-columns:repeat(3,1fr);gap:16px 12px;margin:0;padding:0;border-left:none}
  .iw-vds__spec:not(:first-child)::before{display:none}
  .iw-vds__buy{padding-left:0;border-left:none;justify-content:space-between}
}
@media (max-width:680px){
  .iw-vds__specs{grid-template-columns:repeat(2,1fr)}
  .iw-vds__buy{flex-direction:column;align-items:stretch;gap:14px}
  .iw-vds__price{text-align:left}
}

/* ============================================================
   VDS SUNUCU ÖZELLİKLERİ (6 kart)
   ============================================================ */
/* VDS Özellikleri — intro + akan kart ızgarası (hostivon "Bizi Farklı Kılan" uyarlaması)
   intro grid'in İLK HÜCRESİ; kartlar akar → 2. satırda intro'nun altına da kart gelir */
.iw-vwhy{padding:56px 0 66px;background:var(--c-bg-soft)}
.iw-vwhy__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;align-items:start}
.iw-vwhy__intro{padding:4px 12px 0 0}
.iw-vwhy__eyebrow{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:var(--fw-semi);color:var(--c-primary);
  background:var(--c-primary-50);border:1px solid color-mix(in srgb, var(--c-primary) 18%, transparent);padding:6px 14px;border-radius:999px;margin-bottom:16px}
.iw-vwhy__eyebrow i{font-size:15px}
.iw-vwhy__title{font-size:clamp(24px,2.3vw,31px);font-weight:var(--fw-extra);color:var(--c-ink);letter-spacing:-.5px;line-height:1.16;margin:0}
.iw-vwhy__hl{color:var(--c-primary)}
.iw-vwhy__title::after{content:"";display:block;width:118px;height:10px;background:var(--c-primary-fill,var(--c-primary));margin-top:6px;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 12' preserveAspectRatio='none'%3E%3Cpath d='M3 7.4C18 5.6 40 5 68 5.3C96 5.6 118 4.8 146 5.1C168 5.3 190 5.5 216 6.1C217.5 6.2 217.5 6.6 216 6.8C196 7.9 170 7.7 142 7.8C116 7.9 88 8.6 60 8.3C38 8.1 16 8.3 3 7.9Z' fill='black'/%3E%3C/svg%3E") 0 0/100% 100% no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 12' preserveAspectRatio='none'%3E%3Cpath d='M3 7.4C18 5.6 40 5 68 5.3C96 5.6 118 4.8 146 5.1C168 5.3 190 5.5 216 6.1C217.5 6.2 217.5 6.6 216 6.8C196 7.9 170 7.7 142 7.8C116 7.9 88 8.6 60 8.3C38 8.1 16 8.3 3 7.9Z' fill='black'/%3E%3C/svg%3E") 0 0/100% 100% no-repeat}
.iw-vwhy__desc{font-size:14.5px;color:var(--c-muted);line-height:1.7;margin:16px 0 0}
.iw-vwc{background:var(--c-bg-card);border:1px solid var(--c-line);border-radius:18px;padding:22px;
  box-shadow:0 12px 28px rgba(20,30,60,.08);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.iw-vwc:hover{transform:translateY(-4px);box-shadow:0 20px 44px rgba(20,30,60,.13);border-color:var(--c-primary-light)}
.iw-vwc__top{display:flex;align-items:center;gap:12px;padding-bottom:14px;border-bottom:1px solid var(--c-line);margin-bottom:14px}
.iw-vwc__ico{flex:0 0 auto;width:44px;height:44px;border-radius:12px;background:var(--c-icon-badge);color:var(--c-primary);
  display:inline-flex;align-items:center;justify-content:center;font-size:22px}
.iw-vwc__name{font-size:16px;font-weight:var(--fw-bold);color:var(--c-ink);letter-spacing:-.2px}
.iw-vwc__desc{font-size:13.5px;color:var(--c-muted);line-height:1.6;margin:0}
@media (max-width:1080px){.iw-vwhy__grid{grid-template-columns:repeat(2,1fr)}.iw-vwhy__intro{grid-column:1/-1;max-width:560px}}
@media (max-width:560px){.iw-vwhy__grid{grid-template-columns:1fr}}

/* ============================================================
   CAZİP FIRSATLAR (4 promo kart)
   ============================================================ */
.iw-promo{padding:54px 0 62px;background:var(--c-bg)}
.iw-promo__head{text-align:center;margin-bottom:42px}
.iw-promo__eyebrow{display:block;font-size:14px;font-weight:var(--fw-semi);color:var(--c-primary-light);margin-bottom:6px}
.iw-promo__title{font-size:clamp(24px,2.8vw,36px);font-weight:var(--fw-bold);color:var(--c-ink);letter-spacing:-.4px;margin-bottom:10px}
.iw-promo__sub{font-size:clamp(14px,1.3vw,17px);color:var(--c-primary);max-width:760px;margin:0 auto;line-height:1.6}

.iw-promo__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.iw-promo__card{position:relative;background:var(--c-primary-50);border:1.5px solid var(--c-primary);border-radius:18px;
  padding:30px 22px 26px;text-align:center;transition:transform .18s ease,box-shadow .18s ease}
.iw-promo__card:hover{transform:translateY(-4px);box-shadow:0 20px 40px rgba(56,88,176,.14)}
.iw-promo__card--green{border-color:var(--c-accent2)}
.iw-promo__card--green:hover{box-shadow:0 20px 40px rgba(20,30,60,.14)}

/* üst tab */
.iw-promo__tab{position:absolute;top:-13px;left:50%;transform:translateX(-50%);z-index:2;
  background:var(--c-bg-card);border:1.5px solid var(--c-primary);color:var(--c-ink);
  font-size:11.5px;font-weight:var(--fw-semi);padding:5px 14px;border-radius:var(--r-pill);white-space:nowrap}
.iw-promo__card--green .iw-promo__tab{border-color:var(--c-accent2);color:var(--c-accent2-dark)}

.iw-promo__ico{font-size:54px;line-height:1;color:var(--c-primary);margin:6px 0 14px}
.iw-promo__card--green .iw-promo__ico{color:var(--c-accent2)}
.iw-promo__name{font-size:22px;font-weight:var(--fw-bold);color:var(--c-ink);margin-bottom:10px}
.iw-promo__card--green .iw-promo__name{color:var(--c-accent2)}
.iw-promo__new{font-size:30px;font-weight:var(--fw-extra);color:var(--c-ink);line-height:1.1;margin-bottom:12px}
.iw-promo__new span{font-size:14px;font-weight:var(--fw-medium);color:var(--c-muted)}
.iw-promo__card--green .iw-promo__new{color:var(--c-accent2)}
.iw-promo__from{font-size:14px;color:var(--c-muted);margin-bottom:20px}
.iw-promo__btn{padding:10px 26px;font-size:14px}
.iw-promo__btn i{font-size:16px}
/* VPS butonu da ikincil renge (aksandan türetilmiş) bağlı */
.iw-promo__card--green .iw-promo__btn{background:var(--c-accent2);color:#fff}
.iw-promo__card--green .iw-promo__btn:hover{background:var(--c-accent2-dark);color:#fff}

@media (max-width:900px){.iw-promo__grid{grid-template-columns:repeat(2,1fr);gap:26px 22px}}
@media (max-width:520px){.iw-promo__grid{grid-template-columns:1fr}}

/* ============================================================
   GÜNCELLEME NOTLARI (changelog sayfası)
   ============================================================ */
.iw-changelog{padding:54px 0 72px;background:var(--c-bg)}
.iw-changelog__head{text-align:center;max-width:680px;margin:0 auto 44px}
.iw-changelog__badge{display:inline-flex;align-items:center;gap:7px;background:var(--c-primary-100);color:var(--c-primary);
  font-size:13px;font-weight:var(--fw-semi);padding:6px 14px;border-radius:var(--r-pill);margin-bottom:16px}
.iw-changelog__badge i{font-size:15px}
.iw-changelog__title{font-size:clamp(26px,3vw,40px);font-weight:var(--fw-bold);color:var(--c-ink);letter-spacing:-.5px;margin-bottom:10px}
.iw-changelog__sub{font-size:clamp(14px,1.4vw,17px);color:var(--c-muted);line-height:1.6}

/* zaman tüneli */
.iw-cl{position:relative;max-width:780px;margin:0 auto;padding-left:34px}
.iw-cl::before{content:"";position:absolute;left:6px;top:10px;bottom:10px;width:2px;background:var(--c-line)}
.iw-cl__item{position:relative;margin-bottom:24px}
.iw-cl__item:last-child{margin-bottom:0}
.iw-cl__item::before{content:"";position:absolute;left:-34px;top:22px;width:14px;height:14px;border-radius:50%;
  background:var(--c-primary-fill,var(--c-primary));box-shadow:0 0 0 4px var(--c-bg),0 0 0 6px var(--c-primary-100)}

.iw-cl__card{background:var(--c-bg-card);border:1px solid var(--c-line);border-radius:14px;padding:20px 24px;
  box-shadow:0 4px 14px rgba(20,30,60,.05);transition:box-shadow .18s ease,border-color .18s ease}
.iw-cl__card:hover{box-shadow:0 12px 30px rgba(20,30,60,.09);border-color:var(--c-primary-light)}
.iw-cl__meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:8px}
.iw-cl__ver{background:var(--c-primary-fill,var(--c-primary));color:#fff;font-size:13px;font-weight:var(--fw-bold);padding:3px 11px;border-radius:8px;letter-spacing:.3px}
.iw-cl__cur{background:rgba(0,176,120,.12);color:var(--c-green-dark);font-size:11px;font-weight:var(--fw-bold);padding:3px 9px;border-radius:6px;text-transform:uppercase;letter-spacing:.4px}
.iw-cl__date{display:inline-flex;align-items:center;gap:5px;font-size:13px;color:var(--c-muted);margin-left:auto}
.iw-cl__date i{font-size:15px}
.iw-cl__name{font-size:18px;font-weight:var(--fw-bold);color:var(--c-ink);margin-bottom:14px}
.iw-cl__changes{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}
/* li display:flex, inline <strong>/<code>'ları ayrı flex öğesine bölüp mobilde satırı sarmasız taşırıyordu → blok akış + float etiket */
.iw-cl__changes li{display:block;font-size:14.5px;color:var(--c-text);line-height:1.5}
.iw-cl__tag{float:left;margin-right:11px;font-size:11px;font-weight:var(--fw-bold);padding:2px 9px;border-radius:6px;margin-top:2px;white-space:nowrap}
.iw-cl__tag--new{background:rgba(0,176,120,.12);color:var(--c-green-dark)}
.iw-cl__tag--imp{background:var(--c-primary-100);color:var(--c-primary)}
.iw-cl__tag--fix{background:rgba(245,166,35,.16);color:#bd7a06}

@media (max-width:560px){
  .iw-cl{padding-left:26px}
  .iw-cl__item::before{left:-26px}
  .iw-cl__date{margin-left:0}
  .iw-cl__changes li{font-size:14px}
}

/* ============================================================
   MÜŞTERİ YORUMLARI (3 kart)
   ============================================================ */
.iw-reviews{padding:54px 0 64px;background:var(--c-bg)}
.iw-reviews__head{text-align:center;max-width:640px;margin:0 auto 34px}
.iw-reviews__eyebrow{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:var(--fw-semi);
  color:var(--c-primary);background:var(--c-primary-50);border:1px solid color-mix(in srgb, var(--c-primary) 18%, transparent);
  padding:6px 14px;border-radius:999px;margin-bottom:16px}
.iw-reviews__eyebrow i{font-size:15px}
.iw-reviews__title{font-size:clamp(26px,2.8vw,38px);font-weight:var(--fw-extra);color:var(--c-ink);letter-spacing:-.5px;margin:0 0 12px}
.iw-reviews__hl{position:relative;color:var(--c-primary);white-space:nowrap}
.iw-reviews__hl::after{content:"";position:absolute;left:0;right:2px;bottom:-8px;height:10px;background:var(--c-primary-fill,var(--c-primary));
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 12' preserveAspectRatio='none'%3E%3Cpath d='M3 7.4C18 5.6 40 5 68 5.3C96 5.6 118 4.8 146 5.1C168 5.3 190 5.5 216 6.1C217.5 6.2 217.5 6.6 216 6.8C196 7.9 170 7.7 142 7.8C116 7.9 88 8.6 60 8.3C38 8.1 16 8.3 3 7.9Z' fill='black'/%3E%3C/svg%3E") 0 0/100% 100% no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 12' preserveAspectRatio='none'%3E%3Cpath d='M3 7.4C18 5.6 40 5 68 5.3C96 5.6 118 4.8 146 5.1C168 5.3 190 5.5 216 6.1C217.5 6.2 217.5 6.6 216 6.8C196 7.9 170 7.7 142 7.8C116 7.9 88 8.6 60 8.3C38 8.1 16 8.3 3 7.9Z' fill='black'/%3E%3C/svg%3E") 0 0/100% 100% no-repeat}
.iw-reviews__sub{font-size:clamp(14px,1.4vw,17px);color:var(--c-muted);line-height:1.6;margin:0}

/* carousel */
.iw-reviews__carousel{display:flex;align-items:center;gap:14px}
.iw-reviews__viewport{flex:1;min-width:0;overflow:hidden;padding:22px 4px 10px}
.iw-reviews__track{display:flex;gap:24px;transition:transform .45s cubic-bezier(.4,0,.2,1);will-change:transform}
/* web-hosting "__marquee" varyantı: CSS'i hiç yazılmamıştı → flex track yatay taşıyordu.
   Sarmalı grid'e çevir (mevcut .iw-rev 3/2/1 sütun breakpoint'lerini kullanır), carousel transform'unu nötrle. */
.iw-reviews__marquee{padding:8px 0}
.iw-reviews__marquee .iw-reviews__track{flex-wrap:wrap;justify-content:center;transition:none;transform:none!important;will-change:auto}
.iw-reviews__nav{flex:0 0 auto;width:46px;height:46px;border-radius:50%;border:1px solid var(--c-line);background:var(--c-bg-card);
  color:var(--c-ink);display:inline-flex;align-items:center;justify-content:center;font-size:24px;cursor:pointer;
  box-shadow:0 4px 14px rgba(20,30,60,.08);transition:background .16s,color .16s,border-color .16s,opacity .16s}
.iw-reviews__nav:hover{background:var(--c-primary-fill,var(--c-primary));color:#fff;border-color:var(--c-primary)}
.iw-reviews__nav:disabled{opacity:.38;cursor:default}
.iw-reviews__nav:disabled:hover{background:var(--c-bg-card);color:var(--c-ink);border-color:var(--c-line)}
.iw-reviews__dots{display:flex;justify-content:center;gap:8px;margin-top:22px}
.iw-reviews__dot{width:8px;height:8px;border-radius:50%;background:var(--c-line);border:0;padding:0;cursor:pointer;transition:width .2s,background .2s}
.iw-reviews__dot.is-active{width:22px;border-radius:4px;background:var(--c-primary-fill,var(--c-primary))}

/* konuşma balonu kart — dış çerçeve (soft) + içinde beyaz balon */
.iw-rev{flex:0 0 calc((100% - 48px)/3);min-width:0;background:var(--c-bg-soft);border:1px solid var(--c-line);
  border-radius:20px;padding:14px 14px 22px;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.iw-rev:hover{transform:translateY(-3px);box-shadow:0 16px 36px rgba(20,30,60,.09);border-color:var(--c-primary-light)}
.iw-rev__bubble{position:relative;display:flex;align-items:center;gap:14px;background:var(--c-bg-card);border:1px solid var(--c-line);
  border-radius:16px;padding:18px 20px;box-shadow:0 6px 18px rgba(20,30,60,.06)}
.iw-rev__bubble::after{content:"";position:absolute;left:36px;bottom:-9px;width:18px;height:18px;background:var(--c-bg-card);
  border-right:1px solid var(--c-line);border-bottom:1px solid var(--c-line);transform:rotate(45deg)}
.iw-rev__avatar{flex:0 0 auto;width:58px;height:58px;border-radius:14px;object-fit:cover;display:block;background:var(--c-primary-100)}
.iw-rev__who{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.iw-rev__stars{display:inline-flex;gap:3px;margin-bottom:1px}
.iw-rev__stars i{width:18px;height:18px;border-radius:5px;background:var(--c-green);color:#fff;
  display:inline-flex;align-items:center;justify-content:center;font-size:11px}
.iw-rev__name{font-size:18px;font-weight:var(--fw-bold);color:var(--c-ink);line-height:1.2}
.iw-rev__role{font-size:13px;color:var(--c-muted);line-height:1.2}
.iw-rev__text{font-size:14px;line-height:1.65;color:var(--c-text);margin:16px 10px 0}

@media (max-width:960px){.iw-rev{flex:0 0 calc((100% - 24px)/2)}}
@media (max-width:640px){
  .iw-rev{flex:0 0 100%}
  .iw-reviews__nav{width:40px;height:40px;font-size:20px}
}

/* ===================== VDS KULLANIM ALANLARI ===================== */
.iw-usecase{padding:54px 0 64px;background:var(--c-bg-soft)}
.iw-usecase__head{text-align:center;margin-bottom:36px}
.iw-usecase__title{font-size:clamp(24px,2.6vw,34px);font-weight:var(--fw-bold);color:var(--c-primary);letter-spacing:-.4px;margin-bottom:8px}
.iw-usecase__sub{font-size:clamp(14px,1.3vw,17px);color:var(--c-muted)}

.iw-usecase__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.iw-uc{display:flex;flex-direction:column;background:var(--c-bg-card);border:1px solid var(--c-line);border-radius:18px;
  padding:26px 26px 28px;box-shadow:0 6px 18px rgba(20,30,60,.05);
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.iw-uc:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(20,30,60,.10);border-color:var(--c-primary-light)}
.iw-uc__top{display:flex;align-items:center;justify-content:space-between;gap:12px}
.iw-uc__name{font-size:19px;font-weight:var(--fw-bold);color:var(--c-ink);letter-spacing:-.2px}
.iw-uc__ico{flex:0 0 auto;width:44px;height:44px;border-radius:12px;background:var(--c-icon-badge);color:var(--c-primary);
  display:inline-flex;align-items:center;justify-content:center;font-size:22px}
.iw-uc__desc{margin-top:12px;font-size:14px;line-height:1.6;color:var(--c-muted)}
.iw-uc__list{margin:18px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:11px}
.iw-uc__item{display:flex;align-items:flex-start;gap:9px;font-size:13.5px;line-height:1.45;color:var(--c-text)}
.iw-uc__item i{flex:0 0 auto;color:var(--c-primary);font-size:16px;line-height:1.3;font-weight:600}

@media (max-width:1040px){.iw-usecase__grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.iw-usecase__grid{grid-template-columns:1fr}}

/* ===================== TEKNOLOJİK ÖZELLİKLER ===================== */
.iw-tech{padding:54px 0 64px;background:var(--c-bg)}
.iw-tech__head{text-align:center;margin-bottom:36px}
.iw-tech__title{font-size:clamp(24px,2.6vw,34px);font-weight:var(--fw-bold);color:var(--c-primary);letter-spacing:-.4px;margin-bottom:8px}
.iw-tech__sub{font-size:clamp(14px,1.3vw,17px);color:var(--c-muted)}
.iw-tech__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.iw-tech__card{text-align:center;background:var(--c-bg-card);border:1px solid var(--c-line);border-radius:16px;
  padding:30px 26px;box-shadow:0 6px 18px rgba(20,30,60,.05);
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.iw-tech__card:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(20,30,60,.10);border-color:var(--c-primary-light)}
.iw-tech__name{font-size:18px;font-weight:var(--fw-bold);color:var(--c-primary);letter-spacing:-.2px;margin-bottom:10px}
.iw-tech__desc{font-size:14px;line-height:1.65;color:var(--c-muted)}
@media (max-width:1040px){.iw-tech__grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.iw-tech__grid{grid-template-columns:1fr}}

/* ===================== NEDEN ATHENA? ===================== */
.iw-why{padding:54px 0 64px;background:var(--c-bg-soft)}
.iw-why__head{text-align:center;margin-bottom:36px}
.iw-why__title{font-size:clamp(24px,2.6vw,34px);font-weight:var(--fw-bold);color:var(--c-primary);letter-spacing:-.4px;margin-bottom:8px}
.iw-why__sub{font-size:clamp(14px,1.3vw,17px);color:var(--c-muted)}
.iw-why__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.iw-why__card{display:flex;flex-direction:column;align-items:center;text-align:center;background:var(--c-bg-card);
  border:1px solid var(--c-line);border-radius:18px;padding:32px 26px;box-shadow:0 6px 18px rgba(20,30,60,.05);
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.iw-why__card:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(20,30,60,.10);border-color:var(--c-primary-light)}
.iw-why__ico{width:54px;height:54px;border-radius:14px;background:var(--c-icon-badge);color:var(--c-primary);
  display:inline-flex;align-items:center;justify-content:center;font-size:26px;margin-bottom:18px}
.iw-why__name{font-size:20px;font-weight:var(--fw-bold);color:var(--c-ink);letter-spacing:-.2px;margin-bottom:12px}
.iw-why__desc{font-size:13.5px;line-height:1.65;color:var(--c-muted);max-width:240px}
@media (max-width:1040px){.iw-why__grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.iw-why__grid{grid-template-columns:1fr}}

/* ===================== SIKÇA SORULAN SORULAR ===================== */
.iw-faq{padding:54px 0 64px;background:var(--c-bg)}
.iw-faq__head{text-align:center;margin-bottom:34px}
.iw-faq__title{font-size:clamp(24px,2.6vw,34px);font-weight:var(--fw-bold);color:var(--c-primary);letter-spacing:-.4px;margin-bottom:8px}
.iw-faq__sub{font-size:clamp(14px,1.3vw,17px);color:var(--c-muted)}
.iw-faq__list{max-width:840px;margin:0 auto;background:var(--c-bg-card);border:1px solid var(--c-line);
  border-radius:16px;overflow:hidden;box-shadow:0 6px 18px rgba(20,30,60,.05)}
.iw-faq__item + .iw-faq__item{border-top:1px solid var(--c-line)}
.iw-faq__q{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;
  background:none;border:0;cursor:pointer;text-align:left;padding:19px 24px;font-family:inherit;
  font-size:16px;font-weight:var(--fw-semi);color:var(--c-ink);transition:color .15s ease}
.iw-faq__q:hover{color:var(--c-primary)}
.iw-faq__item.is-open .iw-faq__q{color:var(--c-primary)}
.iw-faq__chev{flex:0 0 auto;font-size:22px;color:var(--c-muted);transition:transform .28s ease,color .15s ease}
.iw-faq__item.is-open .iw-faq__chev{transform:rotate(180deg);color:var(--c-primary)}
.iw-faq__a{display:grid;grid-template-rows:0fr;transition:grid-template-rows .28s ease}
.iw-faq__item.is-open .iw-faq__a{grid-template-rows:1fr}
.iw-faq__a-inner{overflow:hidden}
.iw-faq__a-inner p{margin:0;padding:4px 24px 22px;font-size:14.5px;line-height:1.7;color:var(--c-text)}
@media (max-width:560px){.iw-faq__q{font-size:15px;padding:16px 18px}.iw-faq__a-inner p{padding:2px 18px 18px}}

/* ===================== FOOTER ===================== */
.iw-footer{background:var(--c-footer-bg);color:rgba(255,255,255,.72);font-size:14px;border-top:1px solid var(--c-footer-line);transition:background .25s ease}
.iw-footer a{color:rgba(255,255,255,.72);text-decoration:none;transition:color .15s ease}
.iw-footer a:hover{color:#fff}
/* ---- varyant görünürlüğü (customizer: data-footer) ---- */
.iw-footer__variant{display:none}
[data-footer="1"] .iw-footer__variant[data-variant="1"],
[data-footer="2"] .iw-footer__variant[data-variant="2"],
[data-footer="3"] .iw-footer__variant[data-variant="3"],
[data-footer="4"] .iw-footer__variant[data-variant="4"],
[data-footer="5"] .iw-footer__variant[data-variant="5"]{display:block}
.iw-footer__variant[data-variant="1"],
.iw-footer__variant[data-variant="2"]{padding-top:58px}
.iw-footer__title{font-size:16px;font-weight:var(--fw-bold);color:#fff;margin:0 0 18px;padding-bottom:10px;position:relative}
.iw-footer__title::after{content:"";position:absolute;left:0;bottom:0;width:34px;height:2px;background:var(--c-primary-light);border-radius:2px}

/* Bant 1 */
.iw-footer__top{display:grid;grid-template-columns:1.7fr 1fr 1fr 1fr 1fr;gap:32px;padding-bottom:40px}
.iw-footer__brand{max-width:340px}
.iw-footer__logo{display:inline-block}
.iw-footer__logo .iw-logo-svg{height:36px;width:auto;display:block;margin-bottom:18px}
.iw-footer .iw-logo-mark{fill:#fff}
.iw-footer .iw-logo-text{fill:rgba(255,255,255,.68)}
.iw-footer__about{line-height:1.7;color:rgba(255,255,255,.58);margin:0 0 20px}
.iw-footer__social{display:flex;gap:10px;margin-bottom:18px}
.iw-footer__social a{width:38px;height:38px;border-radius:10px;background:rgba(255,255,255,.08);display:inline-flex;
  align-items:center;justify-content:center;font-size:17px;color:rgba(255,255,255,.85);transition:background .15s ease,transform .15s ease,color .15s ease}
.iw-footer__social a:hover{background:var(--c-primary-light);color:#fff;transform:translateY(-2px)}
.iw-footer__support{color:rgba(255,255,255,.7);margin:0}
.iw-footer__support span{color:var(--c-primary-light);font-weight:var(--fw-bold)}
.iw-footer__support a{font-weight:var(--fw-semi)}
.iw-footer__col ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:11px}
.iw-footer__col li a{display:inline-flex;align-items:center;gap:8px}
.iw-footer__col li a i{font-size:15px;color:var(--c-primary-light);opacity:.92}

/* Bant 2 */
.iw-footer__mid{display:grid;grid-template-columns:1fr 1.12fr;gap:44px;padding:38px 0;border-top:1px solid var(--c-footer-line)}
.iw-footer__mid--solo{grid-template-columns:1fr 1fr}
.iw-footer__contactlist{list-style:none;margin:0 0 22px;padding:0;display:flex;flex-direction:column;gap:15px}
.iw-footer__contactlist li{display:flex;gap:12px}
.iw-footer__contactlist li>i{flex:0 0 auto;font-size:17px;color:var(--c-primary-light);margin-top:2px}
.iw-footer__contactlist li div{display:flex;flex-direction:column;gap:2px}
.iw-footer__contactlist strong{color:#fff;font-weight:var(--fw-semi)}
.iw-footer__contactlist span{color:rgba(255,255,255,.6);line-height:1.5}
.iw-footer__btk{display:flex;gap:12px;background:var(--c-footer-card);border:1px solid var(--c-footer-card-border);border-radius:12px;padding:16px}
.iw-footer__btk>i{flex:0 0 auto;font-size:26px;color:var(--c-primary-light)}
.iw-footer__btk strong{display:block;color:#fff;font-weight:var(--fw-semi);margin-bottom:4px;font-size:13.5px}
.iw-footer__btk span{font-size:12.5px;line-height:1.55;color:rgba(255,255,255,.55)}

.iw-footer__news{background:var(--c-footer-card);border:1px solid var(--c-footer-card-border);border-radius:16px;padding:24px}
.iw-footer__news-head{display:flex;align-items:center;gap:14px;margin-bottom:16px}
.iw-footer__news-ico{flex:0 0 auto;width:48px;height:48px;border-radius:50%;background:rgba(91,121,206,.22);color:var(--c-primary-light);
  display:inline-flex;align-items:center;justify-content:center;font-size:22px}
.iw-footer__news-head strong{display:block;color:#fff;font-size:17px;font-weight:var(--fw-bold);letter-spacing:.3px}
.iw-footer__news-head small{color:var(--c-primary-light);font-size:13px}
.iw-footer__news-lead{color:#fff;font-weight:var(--fw-semi);margin:0 0 8px;display:flex;align-items:center;gap:7px}
.iw-footer__news-lead i{color:var(--c-primary-light)}
.iw-footer__news-desc{color:rgba(255,255,255,.6);line-height:1.6;margin:0 0 16px;font-size:13.5px}
.iw-footer__promo-deadline{display:flex;align-items:center;gap:7px;margin:0 0 16px;font-size:13px;font-weight:var(--fw-medium);color:var(--c-amber)}
.iw-footer__promo-deadline i{flex:0 0 auto;font-size:15px}
/* ÖZEL KAMPANYA — dönen gradyan çerçeve animasyonu (accent-uyumlu) */
@property --iw-angle{syntax:'<angle>';initial-value:0deg;inherits:false}
.iw-footer__promo{position:relative;border-color:transparent;isolation:isolate}
.iw-footer__promo::after{content:"";position:absolute;inset:0;border-radius:inherit;padding:2px;pointer-events:none;
  background:conic-gradient(from var(--iw-angle),var(--c-primary),var(--c-primary-light),var(--c-accent2),var(--c-primary-light),var(--c-primary));
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;mask-composite:exclude;
  animation:iw-promo-spin 4.5s linear infinite}
@keyframes iw-promo-spin{to{--iw-angle:360deg}}
@media (prefers-reduced-motion:reduce){.iw-footer__promo::after{animation:none}}
.iw-footer__news-form{display:flex;gap:10px;margin-bottom:12px}
.iw-footer__news-form input{flex:1;min-width:0;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.16);border-radius:10px;
  padding:11px 14px;color:#fff;font-family:inherit;font-size:14px;outline:none;transition:border-color .15s ease}
.iw-footer__news-form input::placeholder{color:rgba(255,255,255,.45)}
.iw-footer__news-form input:focus{border-color:var(--c-primary-light)}
.iw-footer__news-form button{flex:0 0 auto;background:var(--c-primary-fill,var(--c-primary));color:#fff;border:0;border-radius:10px;padding:11px 22px;
  font-family:inherit;font-weight:var(--fw-semi);font-size:14px;cursor:pointer;transition:background .15s ease}
.iw-footer__news-form button:hover{background:var(--c-primary-light)}
.iw-footer__news-note{font-size:12px;color:rgba(255,255,255,.45);line-height:1.5;margin:0}
.iw-footer__news-note a{color:var(--c-primary-light)}
.iw-footer__pay{margin-top:24px}
.iw-footer__pay-icons{display:flex;gap:12px}
.iw-footer__pay-badge{width:54px;height:34px;border-radius:7px;background:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:24px;color:#1a1f36}
.iw-footer__pay-badge .ri-visa-fill{color:#1a1f71}
.iw-footer__pay-badge .ri-mastercard-fill{color:#eb001b}
.iw-footer__pay-badge--troy{font-size:13px;font-weight:800;font-style:italic;color:#00a1e0;letter-spacing:.5px}

/* Bant 3 */
.iw-footer__bottom{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;padding:22px 0;border-top:1px solid var(--c-footer-line)}
.iw-footer__bottom-l{display:flex;flex-direction:column;gap:9px}
.iw-footer__badges{display:flex;gap:22px;flex-wrap:wrap}
.iw-footer__badges span{display:inline-flex;align-items:center;gap:7px;font-size:13px;color:rgba(255,255,255,.7)}
.iw-footer__badges i{color:var(--c-primary-light);font-size:16px}
.iw-footer__copy{font-size:12.5px;color:rgba(255,255,255,.5);line-height:1.5;margin:0;max-width:700px}
.iw-footer__legal{display:flex;gap:20px;flex-wrap:wrap}
.iw-footer__legal a{font-size:13px;color:rgba(255,255,255,.6)}

@media (max-width:980px){
  .iw-footer__top{grid-template-columns:1fr 1fr;gap:30px 28px}
  .iw-footer__brand{grid-column:1 / -1;max-width:none}
  .iw-footer__mid{grid-template-columns:1fr;gap:32px}
}
@media (max-width:560px){
  .iw-footer__top{grid-template-columns:1fr}
  .iw-footer__bottom{flex-direction:column;align-items:flex-start}
  .iw-footer__news-form{flex-direction:column}
  .iw-footer__news-form button{width:100%}
}

/* ---- Footer V3: Kompakt ---- */
.iw-footer__variant[data-variant="3"]{padding:30px 0}
.iw-fc{display:flex;align-items:center;justify-content:space-between;gap:28px;flex-wrap:wrap;padding-bottom:22px}
.iw-fc__logo{display:inline-block}
.iw-fc__logo .iw-logo-svg{height:30px;width:auto;display:block}
.iw-fc__links{flex:1;display:flex;gap:26px;flex-wrap:wrap;justify-content:center}
.iw-fc__links a{font-size:14px;color:rgba(255,255,255,.74);font-weight:var(--fw-medium)}
.iw-fc__links a:hover{color:#fff}
.iw-fc__social{display:flex;gap:9px}
.iw-fc__social a{width:34px;height:34px;border-radius:9px;background:rgba(255,255,255,.08);display:inline-flex;align-items:center;justify-content:center;font-size:15px;color:rgba(255,255,255,.85);transition:background .15s ease,transform .15s ease,color .15s ease}
.iw-fc__social a:hover{background:var(--c-primary-light);color:#fff;transform:translateY(-2px)}
.iw-fc__bottom{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;padding-top:18px;border-top:1px solid var(--c-footer-line)}
.iw-fc__pay{display:flex;gap:8px;align-items:center}
.iw-fc__pay .iw-footer__pay-badge{width:42px;height:27px;font-size:18px}
.iw-fc__pay .iw-footer__pay-badge--troy{font-size:11px}
@media (max-width:760px){.iw-fc{justify-content:center;text-align:center}.iw-fc__links{order:3;flex-basis:100%}.iw-fc__bottom{justify-content:center;text-align:center}}

/* ---- Footer V4: Yeni Nesil ---- */
.iw-footer__variant[data-variant="4"]{padding:0 0 0}
.iw-fn__cta{position:relative;overflow:hidden;margin:40px 0 44px;padding:40px 44px;border-radius:24px;
  background:linear-gradient(120deg,var(--c-primary),var(--c-primary-dark));
  display:flex;align-items:center;justify-content:space-between;gap:28px;flex-wrap:wrap;box-shadow:0 24px 60px rgba(0,0,0,.35)}
.iw-fn__cta::before{content:"";position:absolute;inset:0;background:radial-gradient(620px 220px at 85% -10%,rgba(255,255,255,.20),transparent 70%);pointer-events:none}
.iw-fn__cta-text{position:relative;max-width:560px}
.iw-fn__cta-text h3{font-size:clamp(22px,2.4vw,30px);font-weight:var(--fw-extra);color:#fff;margin:0 0 8px;letter-spacing:-.4px}
.iw-fn__cta-text p{color:rgba(255,255,255,.85);line-height:1.6;margin:0;font-size:15px}
.iw-fn__cta-actions{position:relative;display:flex;gap:12px;flex-wrap:wrap}
.iw-fn__btn{display:inline-flex;align-items:center;gap:8px;padding:13px 24px;border-radius:12px;font-weight:var(--fw-semi);font-size:15px;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}
.iw-footer .iw-fn__btn--solid{background:#fff;color:var(--c-primary)}
.iw-footer .iw-fn__btn--solid:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(0,0,0,.28);color:var(--c-primary)}
.iw-footer .iw-fn__btn--ghost{background:rgba(255,255,255,.12);color:#fff;border:1px solid rgba(255,255,255,.4)}
.iw-footer .iw-fn__btn--ghost:hover{background:rgba(255,255,255,.2);color:#fff}
.iw-fn__grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:36px;padding-bottom:36px}
.iw-fn__brand{max-width:330px}
.iw-fn__brand .iw-logo-svg{height:34px;width:auto;display:block;margin-bottom:16px}
.iw-fn .iw-logo-mark{fill:#fff}
.iw-fn .iw-logo-text{fill:rgba(255,255,255,.68)}
.iw-fn__about{color:rgba(255,255,255,.58);line-height:1.7;margin:0 0 18px}
.iw-fn__social{display:flex;gap:10px}
.iw-fn__social a{width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.07);border:1px solid var(--c-footer-card-border);
  display:inline-flex;align-items:center;justify-content:center;font-size:17px;color:#fff;transition:background .15s ease,transform .15s ease,border-color .15s ease}
.iw-fn__social a:hover{background:var(--c-primary-fill,var(--c-primary));border-color:var(--c-primary);transform:translateY(-3px)}
.iw-fn__col h4{font-size:15px;font-weight:var(--fw-bold);color:#fff;margin:0 0 16px}
.iw-fn__col ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.iw-fn__col a{position:relative;color:rgba(255,255,255,.66);font-size:14px;width:fit-content}
.iw-fn__col a::after{content:"";position:absolute;left:0;bottom:-3px;width:0;height:1.5px;background:var(--c-primary-light);transition:width .22s ease}
.iw-fn__col a:hover{color:#fff}
.iw-fn__col a:hover::after{width:100%}
.iw-fn__bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:22px 0;border-top:1px solid var(--c-footer-line)}
@media (max-width:980px){.iw-fn__grid{grid-template-columns:1fr 1fr;gap:30px}.iw-fn__brand{grid-column:1 / -1;max-width:none}.iw-fn__cta{padding:30px}}
@media (max-width:560px){.iw-fn__grid{grid-template-columns:1fr}.iw-fn__bottom{flex-direction:column;align-items:flex-start}.iw-fn__cta-actions .iw-fn__btn{flex:1;justify-content:center}}

/* ===================== DOMAIN SAYFASI ===================== */
/* Hero: tam genişlik mavi bant (kutu yerine) — mavilik yatay olarak kaplar */
.iw-domain--page{padding:56px 0 60px;background:linear-gradient(180deg,var(--c-primary-100),var(--c-primary-50) 55%)}
.iw-domain--page .iw-domain__panel{transform:none;margin-bottom:0;padding:0;background:transparent;border-radius:0;box-shadow:none}
.iw-domain--page .iw-domain__cards{margin-bottom:0}
/* Sonuç gelince hero'daki statik kartlar + özellikler gizlensin (odak sonuca) */
.iw-domain__panel.is-searching .iw-domain__features,
.iw-domain__panel.is-searching .iw-domain__cards{display:none}
@media (max-width:992px){.iw-domain--page .iw-domain__panel{transform:none;margin-bottom:0}.iw-domain--page .iw-domain__cards{margin-bottom:0}}

/* Alan adı hizmetleri — alt sayfa link kartları */
.iw-domsvc{padding:54px 0 60px;background:var(--c-bg-soft)}
.iw-domsvc__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.iw-domsvc__card{display:flex;flex-direction:column;background:var(--c-bg-card);border:1px solid var(--c-line);
  border-radius:16px;padding:24px 24px 22px;box-shadow:0 6px 18px rgba(20,30,60,.05);
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.iw-domsvc__card:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(20,30,60,.10);border-color:var(--c-primary-light)}
.iw-domsvc__ico{width:46px;height:46px;border-radius:12px;background:var(--c-icon-badge);color:var(--c-primary);
  display:inline-flex;align-items:center;justify-content:center;font-size:23px;margin-bottom:16px}
.iw-domsvc__name{font-size:17px;font-weight:var(--fw-bold);color:var(--c-ink);margin-bottom:6px}
.iw-domsvc__desc{font-size:13.5px;line-height:1.6;color:var(--c-muted);margin:0 0 14px;flex:1}
.iw-domsvc__more{display:inline-flex;align-items:center;gap:5px;font-size:13.5px;font-weight:var(--fw-semi);color:var(--c-primary)}
.iw-domsvc__more i{transition:transform .18s ease}
.iw-domsvc__card:hover .iw-domsvc__more i{transform:translateX(3px)}
@media (max-width:980px){.iw-domsvc__grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.iw-domsvc__grid{grid-template-columns:1fr}}

/* Popüler uzantılar ızgarası (.iw-tld kartları) */
.iw-domext{padding:54px 0 60px;background:var(--c-bg)}
.iw-domext__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.iw-domext .iw-tld{transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.iw-domext .iw-tld:hover{transform:translateY(-3px);box-shadow:0 22px 46px rgba(20,30,60,.14);border-color:var(--c-primary-light)}
.iw-domext__more{text-align:center;margin-top:30px}
@media (max-width:980px){.iw-domext__grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:520px){.iw-domext__grid{grid-template-columns:1fr}}

/* Transfer CTA bandı (gradient) */
.iw-domcta{padding:6px 0 64px;background:var(--c-bg)}
.iw-domcta__inner{position:relative;overflow:hidden;border-radius:24px;padding:42px clamp(24px,4vw,56px);
  background:linear-gradient(120deg,var(--c-primary),var(--c-primary-dark));display:flex;align-items:center;
  justify-content:space-between;gap:28px;flex-wrap:wrap;box-shadow:0 24px 60px rgba(20,30,60,.18)}
.iw-domcta__inner::before{content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(600px 200px at 85% -10%,rgba(255,255,255,.20),transparent 70%)}
.iw-domcta__text{position:relative;max-width:640px}
.iw-domcta__text h2{color:#fff;font-size:clamp(22px,2.4vw,30px);font-weight:var(--fw-extra);margin:0 0 8px;letter-spacing:-.4px}
.iw-domcta__text p{color:rgba(255,255,255,.88);margin:0;line-height:1.6}
.iw-domcta__btn{position:relative;display:inline-flex;align-items:center;gap:8px;background:#fff;color:var(--c-primary);
  padding:14px 26px;border-radius:12px;font-weight:var(--fw-semi);font-size:15px;white-space:nowrap;
  transition:transform .15s ease,box-shadow .15s ease}
.iw-domcta__btn:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(0,0,0,.22);color:var(--c-primary)}
@media (max-width:680px){.iw-domcta__btn{width:100%;justify-content:center}}

/* ===================== DOMAIN ALT SAYFA BİLEŞENLERİ ===================== */
/* Bölüm zemini modifikatörleri (beyaz/gri dönüşüm için) */
.iw-why--plain{background:var(--c-bg)}
.iw-faq--soft{background:var(--c-bg-soft)}

/* Sayfa başlık bandı (alt sayfa hero'su) */
.iw-pghead{background:var(--c-primary-50);padding:52px 0;text-align:center}
.iw-pghead__bc{display:inline-flex;align-items:center;gap:7px;font-size:13px;color:var(--c-primary);font-weight:var(--fw-medium);margin-bottom:12px}
.iw-pghead__bc a{color:var(--c-primary)}
.iw-pghead__bc a:hover{text-decoration:underline}
.iw-pghead__title{font-size:clamp(26px,3vw,38px);font-weight:var(--fw-bold);color:var(--c-ink);letter-spacing:-.4px;margin:0 0 10px}
.iw-pghead__sub{font-size:clamp(14px,1.4vw,18px);color:var(--c-primary);font-weight:var(--fw-medium);margin:0;max-width:680px;margin-inline:auto}

/* Adım/process kartları */
.iw-steps{padding:54px 0 60px;background:var(--c-bg-soft)}
.iw-steps__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.iw-step{position:relative;background:var(--c-bg-card);border:1px solid var(--c-line);border-radius:16px;
  padding:26px 24px;box-shadow:0 6px 18px rgba(20,30,60,.05)}
.iw-step__num{width:40px;height:40px;border-radius:11px;background:var(--c-icon-badge);color:var(--c-primary);
  display:inline-flex;align-items:center;justify-content:center;font-weight:var(--fw-bold);font-size:18px;margin-bottom:14px}
.iw-step__name{font-size:16px;font-weight:var(--fw-bold);color:var(--c-ink);margin-bottom:6px}
.iw-step__desc{font-size:13.5px;line-height:1.6;color:var(--c-muted);margin:0}
@media (max-width:980px){.iw-steps__grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.iw-steps__grid{grid-template-columns:1fr}}
/* Reseller "Nasıl Çalışır?" — kutusuz, ortalı, koyu daire numaralar */
.iw-steps--plain{background:var(--c-bg)}
.iw-steps--plain .iw-step{background:transparent;border:0;box-shadow:none;padding:0 16px;text-align:center}
.iw-steps--plain .iw-step__num{width:64px;height:64px;border-radius:50%;background:var(--c-ink);color:#fff;font-size:24px;margin-bottom:18px}
.iw-steps--plain .iw-step__name{font-size:18px}
.iw-steps--plain .iw-step__desc{max-width:244px;margin:0 auto}
[data-bs-theme="dark"] .iw-steps--plain .iw-step__num{background:var(--c-primary-fill,var(--c-primary))}

/* Fiyat tablosu (domain-fiyatlari) */
.iw-pricing{padding:48px 0 62px;background:var(--c-bg)}
.iw-pricing__tools{max-width:520px;margin:0 auto 26px}
.iw-pricing__search{display:flex;align-items:center;gap:10px;background:var(--c-bg-card);border:1px solid var(--c-line);
  border-radius:12px;padding:11px 16px}
.iw-pricing__search i{font-size:20px;color:var(--c-muted)}
.iw-pricing__search input{flex:1;min-width:0;border:none;background:transparent;outline:none;font-family:inherit;font-size:15px;color:var(--c-text)}
.iw-pricing__search input::placeholder{color:var(--c-muted)}
.iw-ptable-wrap{max-width:1000px;margin:0 auto;border:1px solid var(--c-line);border-radius:16px;overflow-x:auto;overflow-y:hidden;box-shadow:0 6px 18px rgba(20,30,60,.05)}
.iw-ptable{width:100%;border-collapse:collapse;font-size:14.5px;background:var(--c-bg-card)}
.iw-ptable th,.iw-ptable td{padding:15px 22px;text-align:left;white-space:nowrap}
.iw-ptable thead th{background:var(--c-primary-50);color:var(--c-primary);font-weight:var(--fw-semi);font-size:12px;text-transform:uppercase;letter-spacing:.5px}
.iw-ptable tbody tr{border-top:1px solid var(--c-line)}
.iw-ptable tbody tr:hover{background:var(--c-bg-soft)}
.iw-ptable__ext{font-weight:var(--fw-bold);color:var(--c-ink);font-size:16px}
.iw-ptable__ext::first-letter{color:var(--c-primary)}
.iw-ptable td b{font-weight:var(--fw-semi);color:var(--c-ink)}
.iw-ptable td.iw-ptable__act{text-align:right}
.iw-ptable__buy{display:inline-flex;align-items:center;gap:5px;background:var(--c-icon-badge);color:var(--c-primary);
  padding:8px 14px;border-radius:9px;font-weight:var(--fw-semi);font-size:13px;transition:background .15s ease,color .15s ease}
.iw-ptable__buy:hover{background:var(--c-primary-fill,var(--c-primary));color:#fff}
.iw-pricing__empty{text-align:center;color:var(--c-muted);padding:26px;font-size:14px}
@media (max-width:620px){.iw-ptable th,.iw-ptable td{padding:13px 14px}.iw-ptable__act{display:none}}

/* Whois sonuç kartı */
.iw-whois{padding:50px 0 60px;background:var(--c-bg)}
.iw-whois__tool{max-width:1080px;margin:0 auto}
.iw-whois__result{max-width:1080px;margin:26px auto 0;background:var(--c-bg-card);border:1px solid var(--c-line);
  border-radius:16px;padding:26px 30px;box-shadow:0 8px 24px rgba(20,30,60,.06)}
.iw-whois__rhead{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;
  padding-bottom:16px;margin-bottom:18px;border-bottom:1px solid var(--c-line)}
.iw-whois__rname{font-size:20px;font-weight:var(--fw-bold);color:var(--c-ink)}
.iw-whois__status{display:inline-flex;align-items:center;gap:6px;background:rgba(0,176,120,.12);color:var(--c-green-dark);
  font-weight:var(--fw-semi);font-size:13px;padding:6px 13px;border-radius:var(--r-pill)}
.iw-whois__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px 40px}
.iw-whois__row{display:flex;flex-direction:column;gap:3px}
.iw-whois__row dt{font-size:12px;text-transform:uppercase;letter-spacing:.4px;color:var(--c-muted);font-weight:var(--fw-medium)}
.iw-whois__row dd{margin:0;font-size:14.5px;color:var(--c-ink);font-weight:var(--fw-medium)}
.iw-whois__note{font-size:12.5px;color:var(--c-muted);margin:18px 0 0;display:flex;align-items:center;gap:7px}
@media (max-width:620px){.iw-whois__grid{grid-template-columns:1fr}}

/* ===================== SEKMELİ DOMAIN ARAMA (sorgu + sonuç) ===================== */
.iw-dsearch{max-width:1080px;margin:0 auto 22px}
.iw-dsearch__tabs{display:inline-flex;gap:6px;background:var(--c-bg-card);border:1px solid var(--c-line);
  border-radius:12px;padding:5px;margin-bottom:14px;box-shadow:0 6px 18px rgba(20,30,60,.06)}
.iw-dsearch__tab{border:0;background:transparent;color:var(--c-muted);font-family:inherit;font-weight:var(--fw-semi);
  font-size:14px;padding:9px 20px;border-radius:9px;cursor:pointer;display:inline-flex;align-items:center;gap:7px;
  transition:background .15s ease,color .15s ease}
.iw-dsearch__tab i{font-size:17px}
.iw-dsearch__tab:hover{color:var(--c-primary)}
.iw-dsearch__tab.is-active,.iw-dsearch__tab.is-active:hover{background:var(--c-primary-fill,var(--c-primary));color:#fff;box-shadow:var(--sh-primary)}
.iw-dsearch__panel{margin-top:16px;background:var(--c-bg-card);border:1px solid var(--c-line);border-radius:16px;
  box-shadow:0 12px 34px rgba(20,30,60,.10);overflow:hidden;text-align:left}
.iw-dsearch__loading{display:flex;align-items:center;justify-content:center;gap:11px;padding:36px;color:var(--c-muted);font-weight:var(--fw-medium)}
.iw-dsearch__spin{width:18px;height:18px;border:2px solid var(--c-line);border-top-color:var(--c-primary);border-radius:50%;animation:iw-spin .7s linear infinite}
@keyframes iw-spin{to{transform:rotate(360deg)}}
.iw-dsearch__rhead{padding:14px 22px;font-size:13.5px;color:var(--c-muted);border-bottom:1px solid var(--c-line);background:var(--c-bg-soft)}
.iw-dsearch__rhead b{color:var(--c-ink)}
.iw-dsearch__more{padding:14px 22px;text-align:center;border-top:1px solid var(--c-line)}
.iw-dres{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:15px 22px}
.iw-dres + .iw-dres{border-top:1px solid var(--c-line)}
.iw-dres--primary{background:var(--c-primary-50)}
.iw-dres__name{font-weight:var(--fw-bold);color:var(--c-ink);font-size:16px}
.iw-dres__name b{color:var(--c-primary);font-weight:var(--fw-bold)}
.iw-dres__status{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:var(--fw-semi);padding:5px 12px;border-radius:var(--r-pill);white-space:nowrap}
.iw-dres__status--ok{background:rgba(0,176,120,.12);color:var(--c-green-dark)}
.iw-dres__status--taken{background:rgba(229,72,77,.12);color:var(--c-red)}
.iw-dres__status--info{background:var(--c-icon-badge);color:var(--c-primary)}
.iw-dres__price{margin-left:auto;font-weight:var(--fw-bold);color:var(--c-ink);font-size:16px;white-space:nowrap}
.iw-dres__price small{font-size:12px;color:var(--c-muted);font-weight:var(--fw-medium);margin-left:2px}
.iw-dres__add{display:inline-flex;align-items:center;gap:6px;background:var(--c-primary-fill,var(--c-primary));color:#fff;border:0;font-family:inherit;
  font-weight:var(--fw-semi);font-size:13.5px;padding:9px 16px;border-radius:10px;cursor:pointer;transition:background .15s ease}
.iw-dres__add:hover{background:var(--c-primary-dark)}
.iw-dres__add.is-added{background:var(--c-green);cursor:default}
.iw-dres__add i{font-size:16px}
.iw-dres__taken{margin-left:auto;display:inline-flex;align-items:center;gap:6px;color:var(--c-muted);font-size:13px;font-weight:var(--fw-medium)}
.iw-dres__taken a{color:var(--c-primary)}
.iw-dres__note{flex-basis:100%;font-size:12.5px;color:var(--c-muted);margin:4px 0 0;display:flex;align-items:center;gap:6px}
@media (max-width:620px){
  .iw-dsearch__tabs{display:flex;width:100%}
  .iw-dsearch__tab{flex:1;justify-content:center;padding:9px 6px}
  .iw-dres__price{margin-left:0}
  .iw-dres__taken{margin-left:0}
}

/* ===================== WEB HOSTING HERO ===================== */
.iw-whhero{padding:54px 0 64px;background:var(--c-bg-soft)}
.iw-whhero__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.12fr);gap:48px;align-items:center}
.iw-whhero__badge{display:inline-flex;align-items:center;gap:7px;background:var(--c-primary-50);color:var(--c-primary);
  font-size:13px;font-weight:var(--fw-semi);padding:7px 16px;border-radius:var(--r-pill);margin-bottom:20px}
.iw-whhero__badge i{font-size:16px}
.iw-whhero__title{font-size:clamp(30px,4vw,48px);font-weight:var(--fw-extra);color:var(--c-ink);line-height:1.12;letter-spacing:-1px;margin:0 0 18px}
.iw-whhero__sub{font-size:clamp(15px,1.5vw,18px);line-height:1.65;color:var(--c-muted);margin:0 0 28px;max-width:520px}
.iw-whhero__cta{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:24px}
.iw-whhero__feats{display:flex;flex-wrap:wrap;gap:12px 26px;list-style:none;padding:0;margin:0}
.iw-whhero__feats li{display:inline-flex;align-items:center;gap:8px;font-size:14.5px;font-weight:var(--fw-medium);color:var(--c-text)}
.iw-whhero__feats i{color:var(--c-primary);font-size:19px}

/* Bento mockup */
.iw-whbento{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;
  grid-template-areas:"install install usage" "install install dc" "uptime partners partners" "review review review"}
.iw-whcard{background:var(--c-bg-card);border:1px solid var(--c-line);border-radius:16px;box-shadow:0 10px 30px rgba(20,30,60,.07)}
.iw-whcard--install{grid-area:install;padding:22px 24px}
.iw-whcard--usage{grid-area:usage;padding:16px 18px;display:flex;flex-direction:column;justify-content:center}
.iw-whcard--dc{grid-area:dc;padding:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:11px}
.iw-whcard--uptime{grid-area:uptime;padding:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px}
.iw-whcard--partners{grid-area:partners;padding:18px 22px;display:flex;align-items:center;justify-content:center}
.iw-whcard--review{grid-area:review;padding:20px 24px}

.iw-whcard__title{font-size:16px;font-weight:var(--fw-bold);color:var(--c-ink);margin:0 0 16px}
.iw-sk{display:block;height:10px;border-radius:6px;background:var(--c-skeleton);margin-bottom:11px}
.iw-skrow{display:flex;gap:10px;margin-bottom:11px}
.iw-skrow .iw-sk{margin-bottom:0}
.iw-whcard__btns{display:flex;gap:9px;margin-top:18px;flex-wrap:wrap}
.iw-whcard__btn{font-size:12.5px;font-weight:var(--fw-semi);padding:8px 14px;border-radius:9px;border:1px solid var(--c-line);background:var(--c-bg);color:var(--c-muted)}
.iw-whcard__btn--done{background:var(--c-primary-fill,var(--c-primary));border-color:var(--c-primary);color:#fff}

.iw-whcard__usage-top{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.iw-whcard__usage-ico{flex:0 0 auto;width:34px;height:34px;border-radius:10px;background:var(--c-icon-badge);color:var(--c-primary);display:inline-flex;align-items:center;justify-content:center;font-size:18px}
.iw-whcard__usage-label{font-size:11.5px;color:var(--c-muted);font-weight:var(--fw-medium)}
.iw-whcard__usage-val{font-size:13px;font-weight:var(--fw-bold);color:var(--c-ink)}
.iw-whcard__bar{height:8px;border-radius:5px;background:var(--c-skeleton-soft);overflow:hidden}
.iw-whcard__bar span{display:block;height:100%;background:var(--c-primary-fill,var(--c-primary));border-radius:5px}

.iw-whcard__dc-ico{width:46px;height:46px;border-radius:14px;background:var(--c-primary-fill,var(--c-primary));color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:23px}
.iw-whcard__dc-text{font-size:13.5px;font-weight:var(--fw-semi);color:var(--c-ink);line-height:1.35}

.iw-whcard__uptime-big{font-size:26px;font-weight:var(--fw-extra);color:var(--c-primary);letter-spacing:-.5px;line-height:1}
.iw-whcard__uptime-label{font-size:14px;font-weight:var(--fw-semi);color:var(--c-primary);border-bottom:2px solid var(--c-primary-light);padding-bottom:3px}

.iw-whcard--partners img{max-width:100%;height:auto;max-height:26px;display:block;box-sizing:content-box;
  background:#fff;border-radius:10px;padding:11px 20px}

.iw-whcard__rev-top{display:flex;align-items:center;gap:13px;margin-bottom:16px}
.iw-whcard__rev-av{flex:0 0 auto;width:46px;height:46px;border-radius:50%;object-fit:cover}
.iw-whcard__rev-who{display:flex;flex-direction:column;line-height:1.3}
.iw-whcard__rev-name{font-size:15px;font-weight:var(--fw-bold);color:var(--c-ink)}
.iw-whcard__rev-role{font-size:12.5px;color:var(--c-muted)}
.iw-whcard__rev-badge{margin-left:auto;background:rgba(0,176,120,.13);color:var(--c-green-dark);font-size:11px;font-weight:var(--fw-bold);padding:6px 12px;border-radius:var(--r-pill);letter-spacing:.3px;white-space:nowrap}

@media (max-width:920px){
  .iw-whhero__grid{grid-template-columns:1fr;gap:38px}
  .iw-whhero__sub{max-width:none}
}
@media (max-width:620px){
  .iw-whbento{grid-template-columns:1fr;grid-template-areas:"install" "usage" "dc" "uptime" "partners" "review"}
}

/* ===================== WEB HOSTING TÜRLERİ ===================== */
.iw-whtypes{padding:54px 0 64px;background:var(--c-bg)}
.iw-whtypes__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.iw-whtype{display:block;background:var(--c-primary-50);border:1px solid transparent;border-radius:18px;padding:28px 30px;
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.iw-whtype:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(20,30,60,.10);border-color:var(--c-primary-light)}
.iw-whtype__head{display:flex;align-items:center;gap:16px;margin-bottom:14px}
.iw-whtype__ico{flex:0 0 auto;width:52px;height:52px;border-radius:14px;background:var(--c-bg-card);color:var(--c-primary);
  display:inline-flex;align-items:center;justify-content:center;font-size:25px}
.iw-whtype__name{font-size:20px;font-weight:var(--fw-bold);color:var(--c-primary);letter-spacing:-.2px;margin:0}
.iw-whtype__desc{font-size:14.5px;line-height:1.6;color:var(--c-muted);margin:0}
@media (max-width:980px){.iw-whtypes__grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.iw-whtypes__grid{grid-template-columns:1fr}}

/* ===================== HOSTING PAKETLERİ (fiyat) ===================== */
.iw-whplans{padding:54px 0 60px;background:var(--c-bg)}
.iw-whplans__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;align-items:stretch}
.iw-plan{display:flex;flex-direction:column;background:var(--c-bg-card);border:1.5px solid var(--c-line);border-radius:18px;
  padding:30px 28px;box-shadow:0 6px 18px rgba(20,30,60,.05);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.iw-plan:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(20,30,60,.10);border-color:var(--c-primary-light)}
.iw-plan--pop{border-color:var(--c-primary);box-shadow:0 18px 44px rgba(56,88,176,.16)}
.iw-plan{position:relative}
.iw-plan__badge{position:absolute;top:-13px;left:50%;transform:translateX(-50%);background:var(--c-primary-fill,var(--c-primary));color:#fff;
  font-size:12px;font-weight:var(--fw-bold);padding:5px 16px;border-radius:var(--r-pill);letter-spacing:.3px;white-space:nowrap}
.iw-plan__name{font-size:18px;font-weight:var(--fw-bold);color:var(--c-ink);margin:0 0 6px}
.iw-plan__tag{font-size:13px;color:var(--c-muted);margin:0 0 18px}
.iw-plan__price{display:flex;align-items:baseline;gap:5px;margin-bottom:20px}
.iw-plan__amount{font-size:38px;font-weight:var(--fw-extra);color:var(--c-ink);letter-spacing:-1px;line-height:1}
.iw-plan__per{font-size:14px;color:var(--c-muted);font-weight:var(--fw-medium)}
.iw-plan__feats{list-style:none;padding:0;margin:0 0 24px;display:flex;flex-direction:column;gap:11px;flex:1}
.iw-plan__feats li{display:flex;align-items:flex-start;gap:9px;font-size:14px;color:var(--c-text);line-height:1.4}
.iw-plan__feats i{color:var(--c-green);font-size:17px;flex:0 0 auto;margin-top:1px}
.iw-plan__btn{width:100%;justify-content:center}
@media (max-width:920px){.iw-whplans__grid{grid-template-columns:1fr;max-width:440px;margin:0 auto}}

/* ===================== RESELLER PAKETLERİ (4 sütun + Aylık/Yıllık + gold Ultimate) ===================== */
.iw-rplans{padding:54px 0 64px;background:var(--c-bg);--rgold:#DEC746}
.iw-rplans__toggwrap{display:flex;justify-content:center;margin:4px 0 34px}
/* Paket kademe sekmeleri (Başlangıç / Enterprise) */
.iw-rtiers__tabs{display:flex;justify-content:center;gap:6px;width:max-content;max-width:100%;margin:0 auto 14px;padding:6px;background:var(--c-bg-soft);border:1px solid var(--c-line);border-radius:999px}
.iw-rtiers__tab{display:inline-flex;align-items:center;gap:8px;border:0;background:transparent;color:var(--c-muted);font-family:inherit;font-size:15px;font-weight:var(--fw-semi,600);padding:11px 28px;border-radius:999px;cursor:pointer;transition:background .18s,color .18s,box-shadow .18s}
.iw-rtiers__tab i{font-size:18px}
.iw-rtiers__tab:hover{color:var(--c-text)}
.iw-rtiers__tab.is-active{background:var(--c-primary-fill,var(--c-primary));color:#fff;box-shadow:0 6px 16px rgba(56,88,176,.28)}
.iw-rtiers__panel{display:none}
.iw-rtiers__panel.is-active{display:block;animation:iwPtabIn .3s ease}
@media (max-width:560px){.iw-rtiers__tabs{width:100%}.iw-rtiers__tab{flex:1;justify-content:center;padding:11px 12px}}
.iw-rtoggle{display:inline-flex;gap:4px;padding:5px;background:var(--c-bg-soft);border:1px solid var(--c-line);border-radius:999px}
.iw-rtoggle__btn{border:0;background:transparent;color:var(--c-muted);font-family:inherit;font-size:14px;font-weight:var(--fw-semi,600);
  padding:9px 24px;border-radius:999px;cursor:pointer;transition:background .18s,color .18s,box-shadow .18s}
.iw-rtoggle__btn.is-active{background:var(--c-bg-card);color:var(--c-ink);box-shadow:0 2px 8px rgba(20,30,60,.12)}
.iw-rplans__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;align-items:stretch}
/* reseller rozetleri sağ-üstte */
:is(.iw-rplans,.iw-ptabs) .iw-plan__badge{left:auto;right:16px;transform:none;top:-12px}
/* tikler primary (Figma) */
:is(.iw-rplans,.iw-ptabs) .iw-plan__feats i{color:var(--c-primary)}
/* gold Ultimate varyantı */
.iw-plan--gold{border-color:var(--rgold);box-shadow:0 18px 44px rgba(190,160,40,.18)}
.iw-plan--gold:hover{border-color:var(--rgold)}
.iw-plan--gold .iw-plan__badge{background:var(--rgold);color:#fff}
.iw-plan--gold .iw-plan__amount{color:var(--rgold)}
.iw-plan--gold .iw-plan__feats i{color:var(--rgold)}
.iw-plan--gold .iw-plan__btn{background:var(--rgold);border-color:var(--rgold);color:#fff}
.iw-plan--gold .iw-plan__btn:hover{filter:brightness(.95);transform:translateY(-1px)}
@media (max-width:1080px){.iw-rplans__grid{grid-template-columns:repeat(2,1fr);max-width:760px;margin:0 auto}}
@media (max-width:560px){.iw-rplans__grid{grid-template-columns:1fr;max-width:420px}}
/* yıllık tasarruf vurgusu (JS 'is-yearly' sınıfını ekler) */
.iw-plan__old{display:none;font-size:18px;font-weight:var(--fw-semi);color:var(--c-muted);text-decoration:line-through;margin-right:9px}
.iw-plan__save{display:none;align-items:center;gap:5px;align-self:flex-start;margin:-12px 0 18px;font-size:11.5px;font-weight:var(--fw-bold);color:var(--c-green-dark);background:rgba(0,176,120,.12);padding:4px 11px;border-radius:999px}
.iw-plan__save i{font-size:13px}
:is(.iw-rplans,.iw-ptabs,.iw-whplans).is-yearly .iw-plan__old{display:inline}
:is(.iw-rplans,.iw-ptabs,.iw-whplans).is-yearly .iw-plan__save{display:inline-flex}
.iw-plan--gold .iw-plan__save{color:#fff;background:rgba(255,255,255,.18)}
/* Yıllık butonunda indirim etiketi */
.iw-rtoggle__btn[data-cycle="y"]::after{content:"−%20";margin-left:7px;font-size:10px;font-weight:var(--fw-bold);color:#fff;background:var(--c-green);padding:2px 7px;border-radius:999px;vertical-align:middle;line-height:1.7}
/* popüler paketi öne çıkar */
.iw-rplans__grid .iw-plan--pop{transform:scale(1.045);z-index:2;box-shadow:0 22px 50px rgba(56,88,176,.22)}
.iw-rplans__grid .iw-plan--pop:hover{transform:scale(1.045) translateY(-4px)}
@media (max-width:1080px){.iw-rplans__grid .iw-plan--pop,.iw-rplans__grid .iw-plan--pop:hover{transform:none}}
/* "Popüler" rozeti — ortalı, yıldızlı, gradyan + parıltı */
:is(.iw-rplans,.iw-ptabs) .iw-plan--pop .iw-plan__badge{left:50%;right:auto;transform:translateX(-50%);top:-14px;
  display:inline-flex;align-items:center;gap:6px;padding:7px 20px;font-size:12px;letter-spacing:.5px;text-transform:uppercase;
  background:linear-gradient(100deg,var(--c-primary),var(--c-primary-light));box-shadow:0 9px 22px rgba(56,88,176,.5);overflow:hidden}
:is(.iw-rplans,.iw-ptabs) .iw-plan--pop .iw-plan__badge::before{content:"\2605";font-size:12px;line-height:1;margin-top:-1px}
:is(.iw-rplans,.iw-ptabs) .iw-plan--pop .iw-plan__badge::after{content:"";position:absolute;top:0;bottom:0;left:-60%;width:42%;
  background:linear-gradient(100deg,transparent,rgba(255,255,255,.55),transparent);transform:skewX(-20deg);
  animation:iwBadgeShine 3.6s ease-in-out infinite}
@keyframes iwBadgeShine{0%,55%{left:-60%}88%,100%{left:170%}}

/* ===================== RESELLER PAKET KARŞILAŞTIRMA TABLOSU ===================== */
.iw-rcompare{padding:54px 0 64px;background:var(--c-bg-soft)}
.iw-rcompare__wrap{max-width:1120px;margin:0 auto;overflow-x:auto}
.iw-rctable{width:100%;min-width:840px;border-collapse:collapse;font-size:14.5px}
.iw-rctable thead th{padding:4px 18px 22px;text-align:center;vertical-align:bottom}
.iw-rctable thead th:first-child{text-align:left;color:var(--c-muted);font-weight:var(--fw-medium)}
.iw-rctable__pname{display:block;font-size:17px;font-weight:var(--fw-bold);color:var(--c-ink);margin-bottom:6px}
.iw-rctable__pprice{font-size:21px;font-weight:var(--fw-extra);color:var(--c-ink);letter-spacing:-.5px}
.iw-rctable__pprice span{font-size:12px;color:var(--c-muted);font-weight:var(--fw-medium);letter-spacing:0}
.iw-rctable__group th{padding:24px 18px 11px;text-align:left;font-size:15px;font-weight:var(--fw-bold);color:var(--c-ink);border-bottom:1.5px solid var(--c-line)}
.iw-rctable__group i{color:var(--c-primary);margin-right:9px;font-size:17px;vertical-align:-2px}
.iw-rctable tbody td,.iw-rctable tbody tr>th{padding:13px 18px;text-align:center;color:var(--c-text);border-bottom:1px solid color-mix(in srgb,var(--c-line) 55%,transparent)}
.iw-rctable tbody tr>th{text-align:left;font-weight:var(--fw-medium);color:var(--c-ink)}
.iw-rctable tbody tr:not(.iw-rctable__group):hover td,.iw-rctable tbody tr:not(.iw-rctable__group):hover>th{background:var(--c-bg-card)}
.iw-rctable__yes{color:var(--c-primary);font-size:19px}
.iw-rctable__no{color:var(--c-muted);font-weight:var(--fw-bold)}
.iw-rctable__cta td{padding:26px 12px 0;border:0}
.iw-rctable__cta .iw-btn{width:100%;justify-content:center}
/* karşılaştırma sekmeleri: iw-ptabs davranışını iç kapsayıcıda kullan (bölüm stilini sıfırla) */
.iw-ptabs--bare{padding:0;background:transparent}
/* panel <tbody> olduğunda: display:block yerine table-row-group */
.iw-rctable tbody.iw-ptabs__panel.is-active{display:table-row-group;animation:none}
@media (max-width:560px){.iw-rcompare__wrap{margin:0 -16px;padding:0 16px}}

/* ===================== RESELLER KÂR HESAPLAYICI ===================== */
.iw-rcalc{padding:54px 0 64px;background:var(--c-bg)}
.iw-rcalc__card{max-width:1080px;margin:0 auto;background:var(--c-bg-card);border:1px solid var(--c-line);border-radius:22px;box-shadow:0 20px 50px rgba(20,30,60,.07);padding:34px}
.iw-rcalc__grid{display:grid;grid-template-columns:1fr 1fr;gap:34px}
/* girdiler */
.iw-rcalc__lbl{display:block;font-size:14px;color:var(--c-ink);font-weight:var(--fw-medium);margin:22px 0 11px}
.iw-rcalc__lbl:first-child{margin-top:0}
.iw-rcalc__lbl b{font-weight:var(--fw-bold);color:var(--c-primary)}
.iw-rcalc__select{position:relative}
.iw-rcalc__select select{width:100%;appearance:none;-webkit-appearance:none;border:1.5px solid var(--c-line);border-radius:12px;background:var(--c-bg-card);color:var(--c-ink);font-family:inherit;font-size:14.5px;font-weight:var(--fw-medium);padding:13px 42px 13px 16px;cursor:pointer}
.iw-rcalc__select select:focus{outline:none;border-color:var(--c-primary)}
.iw-rcalc__select i{position:absolute;right:14px;top:50%;transform:translateY(-50%);color:var(--c-muted);pointer-events:none;font-size:20px}
.iw-rcalc__range{-webkit-appearance:none;appearance:none;width:100%;height:6px;border-radius:6px;cursor:pointer;background:linear-gradient(90deg,var(--c-primary) var(--rc-fill,25%),var(--c-line) var(--rc-fill,25%))}
.iw-rcalc__range::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:var(--c-primary-fill,var(--c-primary));border:3px solid var(--c-bg-card);box-shadow:0 1px 4px rgba(20,30,60,.3);cursor:pointer}
.iw-rcalc__range::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--c-primary-fill,var(--c-primary));border:3px solid var(--c-bg-card);cursor:pointer}
.iw-rcalc__ticks{display:flex;justify-content:space-between;margin-top:8px;font-size:12.5px;color:var(--c-muted)}
/* projeksiyon paneli */
.iw-rcalc__out{background:var(--c-bg-soft);border-radius:16px;padding:22px}
.iw-rcalc__outtitle{font-size:18px;font-weight:var(--fw-bold);color:var(--c-ink);margin:0 0 16px}
.iw-rcalc__row{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--c-bg-card);border-radius:12px;padding:15px 18px;margin-bottom:10px;font-size:14.5px;color:var(--c-ink);font-weight:var(--fw-medium)}
.iw-rcalc__row b{font-size:18px;font-weight:var(--fw-extra)}
.iw-rcalc__row--hl{background:color-mix(in srgb,var(--c-ink) 9%,var(--c-bg-card))}
.iw-rcalc__row--hl b{font-size:22px}
.iw-rcalc__pos{color:var(--c-green)}
.iw-rcalc__neg{color:var(--c-red)}
.iw-rcalc__warn{color:var(--c-amber)}
.iw-rcalc__row--info{background:transparent;border:1px dashed var(--c-line);padding:11px 18px;color:var(--c-text)}
.iw-rcalc__row--info b{font-size:15px;font-weight:var(--fw-bold);color:var(--c-ink)}
/* ipuçları */
.iw-rcalc__tips{background:var(--c-primary-50);border-radius:14px;padding:18px 20px;margin-top:6px}
.iw-rcalc__tips h4{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:var(--fw-bold);color:var(--c-primary);margin:0 0 12px}
.iw-rcalc__tips h4 i{color:#E0A800}
.iw-rcalc__tips ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px}
.iw-rcalc__tips li{position:relative;padding-left:16px;font-size:13.5px;color:var(--c-primary);line-height:1.45}
.iw-rcalc__tips li::before{content:"•";position:absolute;left:3px}
/* paket önerisi */
.iw-rcalc__reco{background:var(--c-bg-card);border:1px solid var(--c-line);border-radius:16px;padding:22px;margin-top:24px}
.iw-rcalc__recotitle{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:var(--fw-bold);color:var(--c-ink);margin:0 0 16px}
.iw-rcalc__recotitle i{color:var(--c-primary)}
.iw-rcalc__recogrid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.iw-rcalc__recocard{background:var(--c-bg-soft);border:2px solid transparent;border-radius:12px;padding:16px;cursor:pointer;transition:border-color .18s,background .18s,opacity .18s}
.iw-rcalc__recocard.is-reco{border-color:var(--c-ink)}
.iw-rcalc__recocard:not(.is-insuf):hover{border-color:var(--c-primary-light)}
.iw-rcalc__recocard.is-selected{border-color:var(--c-primary);background:var(--c-primary-50)}
.iw-rcalc__recocard:focus-visible{outline:2px solid var(--c-primary);outline-offset:2px}
.iw-rcalc__recocard.is-insuf{opacity:.5}
.iw-rcalc__reconame{display:block;font-size:15px;font-weight:var(--fw-bold);color:var(--c-ink);margin-bottom:6px}
.iw-rcalc__recomax{display:block;font-size:13.5px;color:var(--c-text);margin-bottom:9px}
.iw-rcalc__recook{display:inline-flex;align-items:center;gap:3px;font-size:13px;font-weight:var(--fw-semi);color:var(--c-green)}
.iw-rcalc__recocard.is-insuf .iw-rcalc__recook{color:var(--c-red)}
@media (max-width:860px){.iw-rcalc__grid{grid-template-columns:1fr;gap:26px}.iw-rcalc__recogrid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:480px){.iw-rcalc__recogrid{grid-template-columns:1fr}}

/* ===================== BULUT HOSTING NEDİR? (metin + canlı bulut mimarisi) ===================== */
.iw-cloudwhat{padding:64px 0 72px;background:var(--c-bg-soft);overflow:hidden}
.iw-cloudwhat__grid{display:grid;grid-template-columns:1fr 1.02fr;gap:54px;align-items:center}
/* metin */
.iw-cloudwhat__eyebrow{display:inline-block;font-size:12px;font-weight:var(--fw-bold);letter-spacing:1.4px;color:var(--c-primary);background:var(--c-primary-50);padding:6px 13px;border-radius:999px;margin-bottom:16px}
.iw-cloudwhat__title{font-size:clamp(26px,3vw,34px);font-weight:var(--fw-extra);color:var(--c-ink);letter-spacing:-.5px;margin:0 0 16px;line-height:1.2}
.iw-cloudwhat__lead{font-size:15.5px;line-height:1.75;color:var(--c-text);margin:0 0 13px}
.iw-cloudwhat__lead b{color:var(--c-ink);font-weight:var(--fw-semi)}
.iw-cloudwhat__points{list-style:none;padding:0;margin:24px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:18px}
.iw-cloudwhat__point{display:flex;gap:12px;align-items:flex-start}
.iw-cloudwhat__pico{flex:0 0 auto;width:42px;height:42px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;background:var(--c-icon-badge);color:var(--c-primary);font-size:21px}
.iw-cloudwhat__point b{display:block;font-size:14.5px;color:var(--c-ink);font-weight:var(--fw-semi);margin-bottom:3px}
.iw-cloudwhat__point span{font-size:13px;color:var(--c-muted);line-height:1.5}
/* ---- canlı bulut mimarisi görseli ---- */
.iw-cloudviz{position:relative;background:var(--c-bg-card);border:1px solid var(--c-line);border-radius:22px;padding:34px 30px 30px;box-shadow:0 20px 50px rgba(20,30,60,.08)}
.iw-cloudviz__chip{position:absolute;top:18px;right:18px;display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:var(--fw-semi);color:var(--c-primary);background:var(--c-primary-50);padding:7px 12px;border-radius:999px}
.iw-cloudviz__chip i{animation:iwCloudArrow 2.2s ease-in-out infinite}
@keyframes iwCloudArrow{0%,100%{transform:translateY(-1px)}50%{transform:translateY(2px)}}
.iw-cloudviz__cloud{max-width:236px;margin:8px auto 0;background:linear-gradient(135deg,var(--c-primary),var(--c-primary-dark));border-radius:16px;padding:15px 18px;text-align:center;color:#fff;box-shadow:0 12px 28px rgba(56,88,176,.35)}
.iw-cloudviz__cloud-ico{font-size:25px;line-height:1}
.iw-cloudviz__cloud-label{display:block;font-size:14px;font-weight:var(--fw-bold);margin-top:3px}
.iw-cloudviz__cloud-sub{display:block;font-size:11px;opacity:.82}
/* bağlantı ağacı: bulut → gövde → yatay bus → 4 sunucuya düşüş (hepsi bağlı) */
.iw-cloudviz__tree{position:relative;height:54px;margin:2px 0}
.iw-cloudviz__stem{position:absolute;left:50%;top:0;width:2px;height:24px;background:var(--c-line);transform:translateX(-50%)}
.iw-cloudviz__bus{position:absolute;top:23px;left:calc(12.5% - 3.75px);right:calc(12.5% - 3.75px);height:2px;background:var(--c-line);border-radius:2px}
.iw-cloudviz__drops{position:absolute;top:24px;left:0;right:0;height:30px;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.iw-cloudviz__drop{position:relative;justify-self:center;width:2px;height:100%;background:var(--c-line);overflow:hidden}
.iw-cloudviz__drop::after{content:"";position:absolute;left:-1px;top:-12px;width:4px;height:12px;border-radius:4px;background:var(--c-primary-fill,var(--c-primary));box-shadow:0 0 8px var(--c-primary);animation:iwWireFlow 1.7s linear infinite}
.iw-cloudviz__drop:nth-child(2)::after{animation-delay:.4s}
.iw-cloudviz__drop:nth-child(3)::after{animation-delay:.8s}
.iw-cloudviz__drop:nth-child(4)::after{animation-delay:1.2s}
@keyframes iwWireFlow{0%{top:-12px;opacity:0}15%{opacity:1}80%{opacity:1}100%{top:30px;opacity:0}}
.iw-cloudviz__nodes{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.iw-cloudviz__node{background:var(--c-bg-soft);border:1px solid var(--c-line);border-radius:12px;padding:13px 6px 11px;text-align:center}
.iw-cloudviz__node>i{font-size:21px;color:var(--c-primary)}
.iw-cloudviz__node-name{display:block;font-size:11px;color:var(--c-ink);font-weight:var(--fw-semi);margin-top:5px}
.iw-cloudviz__node-st{display:inline-flex;align-items:center;gap:4px;font-size:10px;color:var(--c-green);margin-top:6px}
.iw-cloudviz__node-st::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--c-green);animation:iwNodePulse 2s ease-out infinite}
@keyframes iwNodePulse{0%{box-shadow:0 0 0 0 rgba(0,176,120,.45)}70%{box-shadow:0 0 0 6px rgba(0,176,120,0)}100%{box-shadow:0 0 0 0 rgba(0,176,120,0)}}
.iw-cloudviz__node.is-scaling{border-style:dashed;border-color:var(--c-primary-light);animation:iwScaleIn 3s ease-in-out infinite}
.iw-cloudviz__node.is-scaling>i{color:var(--c-primary-light)}
.iw-cloudviz__node.is-scaling .iw-cloudviz__node-st{color:var(--c-primary)}
.iw-cloudviz__node.is-scaling .iw-cloudviz__node-st::before{background:var(--c-primary-fill,var(--c-primary));animation:none}
@keyframes iwScaleIn{0%,100%{opacity:.5;transform:scale(.97)}50%{opacity:1;transform:scale(1)}}
@media (prefers-reduced-motion:reduce){.iw-cloudviz__chip i,.iw-cloudviz__drop::after,.iw-cloudviz__node-st::before,.iw-cloudviz__node.is-scaling{animation:none}}
@media (max-width:920px){.iw-cloudwhat__grid{grid-template-columns:1fr;gap:36px}.iw-cloudviz{order:-1}}
@media (max-width:520px){.iw-cloudwhat__points{grid-template-columns:1fr}.iw-cloudviz{padding:26px 18px 22px}.iw-cloudviz__node-name{font-size:10px}}

/* ===================== ÜCRETSİZ DOMAIN BANDI (premium paketler) — geliştirilmiş ===================== */
.iw-fdom{padding:0;background:var(--c-bg)}
.iw-fdom__band{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(circle at 88% 10%,rgba(255,255,255,.20),transparent 46%),linear-gradient(120deg,var(--c-primary),var(--c-primary-dark) 92%);color:#fff}
.iw-fdom__inner{position:relative;padding-top:34px;padding-bottom:34px;text-align:center}
/* noktalı doku (sağa doğru beliren) */
.iw-fdom__band::before{content:"";position:absolute;inset:0;z-index:-2;background-image:radial-gradient(rgba(255,255,255,.20) 1.1px,transparent 1.3px);background-size:17px 17px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);opacity:.6}
/* parlama süpürmesi */
.iw-fdom__band::after{content:"";position:absolute;top:0;bottom:0;left:-35%;width:28%;z-index:-1;background:linear-gradient(100deg,transparent,rgba(255,255,255,.22),transparent);transform:skewX(-18deg);animation:iwFdomShine 5.5s ease-in-out infinite}
@keyframes iwFdomShine{0%,100%{left:-35%}55%{left:130%}}
/* metin */
.iw-fdom__txt{position:relative}
.iw-fdom__kicker{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:8px;flex-wrap:wrap}
.iw-fdom__badge{position:relative;overflow:hidden;display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:var(--fw-bold);letter-spacing:.5px;background:var(--c-green);color:#fff;padding:5px 12px;border-radius:999px;white-space:nowrap;box-shadow:0 4px 14px rgba(0,176,120,.45)}
.iw-fdom__badge::after{content:"";position:absolute;top:0;bottom:0;left:-45%;width:38%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.55),transparent);transform:skewX(-18deg);animation:iwFdomShine 3.4s ease-in-out infinite}
.iw-fdom__value{font-size:12.5px;color:rgba(255,255,255,.85)}
.iw-fdom__value s{opacity:.7}
.iw-fdom__title{font-size:clamp(19px,2.4vw,24px);font-weight:var(--fw-extra);letter-spacing:-.4px;margin:0 0 5px;line-height:1.2;color:#fff}
.iw-fdom__sub{font-size:13.5px;line-height:1.55;margin:0 auto;max-width:660px;color:rgba(255,255,255,.9)}
@media (max-width:780px){.iw-fdom__inner{padding-top:26px;padding-bottom:26px}}
@media (prefers-reduced-motion:reduce){.iw-fdom__band::after,.iw-fdom__ico::after,.iw-fdom__badge::after{animation:none}}

/* ===================== HOSTING ÖZELLİKLERİ ===================== */
.iw-whfeat{padding:54px 0 60px;background:var(--c-bg-soft)}
.iw-whfeat__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.iw-whfeat__card{display:flex;gap:16px;background:var(--c-bg-card);border:1px solid var(--c-line);border-radius:16px;
  padding:22px 24px;box-shadow:0 6px 18px rgba(20,30,60,.05);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.iw-whfeat__card:hover{transform:translateY(-3px);box-shadow:0 16px 36px rgba(20,30,60,.10);border-color:var(--c-primary-light)}
.iw-whfeat__ico{flex:0 0 auto;width:46px;height:46px;border-radius:12px;background:var(--c-icon-badge);color:var(--c-primary);
  display:inline-flex;align-items:center;justify-content:center;font-size:23px}
.iw-whfeat__name{font-size:15.5px;font-weight:var(--fw-bold);color:var(--c-ink);margin:0 0 4px}
.iw-whfeat__desc{font-size:13.5px;line-height:1.55;color:var(--c-muted);margin:0}
@media (max-width:980px){.iw-whfeat__grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.iw-whfeat__grid{grid-template-columns:1fr}}

/* ===================== MUTLU MÜŞTERİLERİMİZ (logo şeridi) ===================== */
.iw-whlogos{padding:50px 0 56px;background:var(--c-bg)}
.iw-whlogos__head{text-align:center;margin-bottom:32px}
.iw-whlogos__title{font-size:clamp(22px,2.5vw,32px);font-weight:var(--fw-bold);color:var(--c-ink);letter-spacing:-.3px;margin:0}
.iw-whlogos__grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
.iw-whlogo{aspect-ratio:16/10;background:var(--c-bg-soft);border:1px solid var(--c-line);border-radius:14px;
  display:flex;align-items:center;justify-content:center;color:var(--c-skeleton);font-size:30px;padding:14px 18px;
  transition:border-color .18s ease,color .18s ease,transform .18s ease,box-shadow .18s ease}
.iw-whlogo:hover{border-color:var(--c-primary-light);color:var(--c-primary-light);transform:translateY(-3px);box-shadow:var(--sh-card-sm)}
.iw-whlogo--txt{font-size:17px;font-weight:var(--fw-semi);letter-spacing:.2px;color:var(--c-muted);text-align:center;line-height:1.25}
.iw-whlogo--txt:hover{color:var(--c-primary)}
@media (max-width:680px){.iw-whlogos__grid{grid-template-columns:repeat(3,1fr)}}

/* ===================== WEB HOSTING NEDİR? ===================== */
.iw-whabout{padding:56px 0 60px;background:var(--c-bg-soft)}
.iw-whabout__head{text-align:center;margin-bottom:38px}
.iw-whabout__title{font-size:clamp(24px,2.6vw,34px);font-weight:var(--fw-bold);color:var(--c-ink);letter-spacing:-.4px;margin:0 0 8px}
.iw-whabout__sub{font-size:clamp(14px,1.3vw,17px);color:var(--c-muted);margin:0}
.iw-whabout__grid{display:grid;grid-template-columns:1fr 1fr;gap:46px;align-items:center}
.iw-whabout__media{aspect-ratio:16/11;border-radius:18px;overflow:hidden;background:linear-gradient(135deg,#10233f,#0a3e74);
  display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.45);font-size:54px;box-shadow:0 18px 44px rgba(20,30,60,.16)}
.iw-whabout__media img{width:100%;height:100%;object-fit:cover;display:block}
.iw-whabout__bodytitle{font-size:21px;font-weight:var(--fw-bold);color:var(--c-ink);margin:0 0 16px}
.iw-whabout__body p{font-size:14.5px;line-height:1.75;color:var(--c-text);margin:0 0 16px}
.iw-whabout__body p:last-child{margin-bottom:0}
@media (max-width:860px){.iw-whabout__grid{grid-template-columns:1fr;gap:30px}.iw-whabout__media{aspect-ratio:16/9}}
/* whabout body'de ikinci alt başlık (Nedir?/Neden? blokları) + altına kart ızgarası */
.iw-whabout__body .iw-whabout__bodytitle ~ .iw-whabout__bodytitle{margin-top:28px}
.iw-whabout__cards{margin-top:54px}

/* ===== Veri merkezi altyapı bölümü (4 merkezli kart + sertifika listeleri) ===== */
.iw-dcfeat{padding:56px 0 64px;background:var(--c-bg)}
.iw-dcfeat__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-bottom:54px}
.iw-dccard{background:var(--c-bg-card);border:1px solid var(--c-line);border-radius:16px;padding:28px 22px;text-align:center;box-shadow:0 6px 18px rgba(20,30,60,.05);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.iw-dccard:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(20,30,60,.10);border-color:var(--c-primary-light)}
.iw-dccard__ico{width:50px;height:50px;border-radius:14px;margin:0 auto 16px;display:grid;place-items:center;background:var(--c-icon-badge);color:var(--c-primary);font-size:25px}
.iw-dccard__name{font-size:18px;font-weight:var(--fw-bold);color:var(--c-ink);margin:0 0 14px}
.iw-dccard__list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:9px}
.iw-dccard__list li{font-size:14px;color:var(--c-muted)}
.iw-dccerts{list-style:none;padding:0;margin:12px 0 0;display:flex;flex-direction:column;gap:11px}
.iw-dccerts li{display:flex;align-items:center;gap:10px;font-size:14.5px;color:var(--c-text)}
.iw-dccerts li i{color:var(--c-primary);font-size:18px;flex:0 0 auto}
@media (max-width:980px){.iw-dcfeat__grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:520px){.iw-dcfeat__grid{grid-template-columns:1fr}}
/* Veri merkezi 2-kolonunda görsel sağda (sertifikalar solda) */
.iw-dcfeat .iw-whabout__media{order:2}
.iw-dcfeat--imgleft .iw-whabout__media{order:0}
@media (max-width:860px){.iw-dcfeat .iw-whabout__media{order:0}}

/* ===== SLA garantileri (4 istatistik + tazminat bandı) ===== */
.iw-sla{padding:54px 0 64px;background:var(--c-bg)}
.iw-sla__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-bottom:28px}
.iw-sla__card{background:var(--c-bg-card);border:1px solid var(--c-line);border-radius:16px;padding:30px 22px;text-align:center;box-shadow:0 6px 18px rgba(20,30,60,.05)}
.iw-sla__num{font-size:clamp(30px,3.4vw,40px);font-weight:var(--fw-extra);color:var(--c-ink);letter-spacing:-1px;line-height:1}
.iw-sla__label{font-size:17px;font-weight:var(--fw-bold);color:var(--c-ink);margin:10px 0 12px}
.iw-sla__desc{font-size:13.5px;line-height:1.55;color:var(--c-muted);margin:0}
.iw-sla__band{background:var(--c-primary-50);border-radius:18px;padding:26px 30px;text-align:center}
.iw-sla__bandtitle{font-size:18px;font-weight:var(--fw-bold);color:var(--c-primary);margin:0 0 18px}
.iw-sla__tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.iw-sla__tier b{display:block;font-size:17px;font-weight:var(--fw-bold);color:var(--c-primary);margin-bottom:4px}
.iw-sla__tier span{font-size:13px;color:var(--c-muted)}
@media (max-width:880px){.iw-sla__grid{grid-template-columns:repeat(2,1fr)}.iw-sla__tiers{grid-template-columns:1fr;gap:14px}}
@media (max-width:480px){.iw-sla__grid{grid-template-columns:1fr}}

/* ===================== HOSTING TÜRLERİ (açıklama kartları) ===================== */
.iw-whkinds{padding:8px 0 60px;background:var(--c-bg)}
.iw-whkinds__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
@media (max-width:900px){.iw-whkinds__grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.iw-whkinds__grid{grid-template-columns:1fr}}

/* ===================== NEDEN BİZİ SEÇMELİSİNİZ? ===================== */
.iw-whwhy{padding:54px 0 60px;background:var(--c-bg-soft)}
/* başlık: .iw-whabout__head/__title/__sub · ızgara: .iw-whkinds__grid · kart: .iw-uc */

/* ===================== HEMEN BAŞLAYIN (CTA) ===================== */
.iw-whstart{padding:56px 0 64px;background:var(--c-bg)}
.iw-whstart__grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.iw-whstart__media{aspect-ratio:4/3;border-radius:20px;overflow:hidden;position:relative;
  background:linear-gradient(150deg,color-mix(in srgb,var(--c-primary) 14%,var(--c-bg-soft)),var(--c-bg-soft));
  border:1px solid var(--c-line);display:flex;align-items:flex-end;justify-content:center;color:var(--c-skeleton);font-size:62px}
.iw-whstart__media img{width:100%;height:auto;max-height:100%;object-fit:contain;display:block}
@media (max-width:860px){.iw-whstart__grid{grid-template-columns:1fr;gap:32px}}

/* ===================== WEB-HOST HERO SLIDER (placeholder) ===================== */
.iw-whslider{width:100%;max-width:460px;margin-left:auto}
.iw-whslider__track{position:relative;aspect-ratio:4/3;border-radius:18px;overflow:hidden;
  background:var(--c-bg-soft);border:1px solid var(--c-line);box-shadow:0 14px 38px rgba(20,30,60,.10)}
.iw-whslide{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
  color:var(--c-skeleton);font-size:50px;opacity:0;transition:opacity .5s ease;pointer-events:none}
.iw-whslide.is-active{opacity:1;pointer-events:auto}
.iw-whslide img{width:100%;height:100%;object-fit:cover;display:block}
/* slider içinde SVG art: çerçeveyi kaldır, yüzen çipler taşabilsin */
.iw-whslider__track:has([data-hero-art]){background:none;border:0;box-shadow:none;overflow:visible}
.iw-whslide [data-hero-art]{width:100%;min-height:0}
[data-whhero="3"] .iw-whslider__track:has([data-hero-art]){background:none;border:0}
.iw-whslider__dots{display:flex;gap:8px;justify-content:center;margin-top:14px}
.iw-whslider__dot{width:8px;height:8px;border-radius:50%;background:var(--c-line);border:0;padding:0;cursor:pointer;
  transition:width .2s ease,background .2s ease}
.iw-whslider__dot.is-active{background:var(--c-primary-fill,var(--c-primary));width:22px;border-radius:4px}

/* Web-host hero stilleri (data-whhero) — anasayfa kalıbından uyarlandı */
/* 1 = Slider (split: metin sol / slider sağ) — base .iw-whhero zaten split */
/* 2 = Ortalı */
[data-whhero="2"] .iw-whhero__grid{grid-template-columns:1fr;justify-items:center;text-align:center}
[data-whhero="2"] .iw-whhero__text{align-items:center;max-width:760px}
[data-whhero="2"] .iw-whhero__sub{margin-left:auto;margin-right:auto}
[data-whhero="2"] .iw-whhero__cta,[data-whhero="2"] .iw-whhero__feats{justify-content:center}
[data-whhero="2"] .iw-whhero__visual{display:none}
[data-whhero="2"] .iw-whhero{padding-top:96px;padding-bottom:96px}
/* 3 = Koyu Split */
[data-whhero="3"] .iw-whhero{background:var(--c-navy)}
[data-whhero="3"] .iw-whhero__title{color:#fff}
[data-whhero="3"] .iw-whhero__sub{color:rgba(255,255,255,.72)}
[data-whhero="3"] .iw-whhero__feats li{color:rgba(255,255,255,.85)}
[data-whhero="3"] .iw-whhero__badge{background:rgba(255,255,255,.12);color:#fff}
[data-whhero="3"] .iw-whhero__cta .iw-btn--ghost{background:transparent;border-color:rgba(255,255,255,.3);color:#fff}
[data-whhero="3"] .iw-whhero__cta .iw-btn--ghost:hover{background:rgba(255,255,255,.12);color:#fff}
[data-whhero="3"] .iw-whslider__track{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.14)}
[data-whhero="3"] .iw-whslide{color:rgba(255,255,255,.3)}
[data-whhero="3"] .iw-whslider__dot{background:rgba(255,255,255,.25)}
[data-whhero="3"] .iw-whslider__dot.is-active{background:#fff}

/* ===================== PREMIUM VDS — temaya duyarlı premium hero (açık + koyu) ===================== */
/* --- TABAN = AÇIK PREMIUM (şampanya/altın aydınlık) --- */
.iw-whhero--premium{--pg:#E8C873;--pg-deep:#C39A3A;--pg-ink:#9A7420;
  --prem-grid:color-mix(in srgb, var(--pg) 32%, transparent);
  position:relative;overflow:hidden;
  background:
    radial-gradient(900px 360px at 82% -15%, color-mix(in srgb, var(--pg) 26%, transparent), transparent 60%),
    radial-gradient(720px 420px at 6% 125%, color-mix(in srgb, var(--c-primary) 15%, transparent), transparent 60%),
    linear-gradient(140deg, color-mix(in srgb, var(--pg) 8%, var(--c-bg)) 0%, var(--c-bg-soft) 58%, color-mix(in srgb, var(--pg) 5%, var(--c-bg)) 100%)}
.iw-whhero--premium::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background-image:linear-gradient(var(--prem-grid) 1px,transparent 1px),linear-gradient(90deg,var(--prem-grid) 1px,transparent 1px);
  background-size:48px 48px;
  -webkit-mask-image:radial-gradient(circle at 52% 30%,#000,transparent 78%);mask-image:radial-gradient(circle at 52% 30%,#000,transparent 78%)}
.iw-whhero--premium>.iw-container{position:relative;z-index:1}
/* başlıkta altın vurgu — açıkta daha derin altın (kontrast) */
.iw-prem-gold{background:linear-gradient(92deg,#C99A33,#E0BB55 50%,#A87E22);-webkit-background-clip:text;background-clip:text;color:transparent}
/* altın cam rozet (açık) */
.iw-whhero--premium .iw-whhero__badge{background:color-mix(in srgb, var(--pg) 18%, var(--c-bg));
  border:1px solid color-mix(in srgb, var(--pg) 55%, transparent);color:var(--pg-ink);box-shadow:0 5px 18px color-mix(in srgb, var(--pg) 24%, transparent)}
.iw-whhero--premium .iw-whhero__badge i{color:var(--pg-deep)}
/* feats — altın tik */
.iw-whhero--premium .iw-whhero__feats i{color:var(--pg-deep)}
/* altın buton (her iki temada) */
.iw-whhero--premium .iw-btn--primary{background:linear-gradient(100deg,var(--pg),var(--pg-deep));color:#231B05;
  box-shadow:0 12px 30px color-mix(in srgb, var(--pg) 34%, transparent)}
.iw-whhero--premium .iw-btn--primary:hover{filter:brightness(1.06);color:#231B05;box-shadow:0 16px 38px color-mix(in srgb, var(--pg) 42%, transparent)}
/* slider — açık kart + altın çerçeve */
.iw-whhero--premium .iw-whslider__track{border-color:color-mix(in srgb, var(--pg) 38%, var(--c-line))}
.iw-whhero--premium .iw-whslider__dot.is-active{background:var(--pg-deep)}

/* --- KOYU TEMA = koyu lacivert + altın --- */
[data-bs-theme="dark"] .iw-whhero--premium{--prem-grid:rgba(255,255,255,.045);
  --prem-d1:color-mix(in srgb, var(--c-primary) 30%, #0A1428);
  --prem-d2:color-mix(in srgb, var(--c-primary) 15%, #070E1C);
  background:
    radial-gradient(900px 360px at 82% -15%, color-mix(in srgb, var(--pg) 20%, transparent), transparent 62%),
    radial-gradient(720px 420px at 6% 125%, color-mix(in srgb, var(--c-primary) 42%, transparent), transparent 60%),
    linear-gradient(140deg, var(--prem-d1) 0%, var(--prem-d2) 100%)}
[data-bs-theme="dark"] .iw-whhero--premium .iw-whhero__title{color:#fff}
[data-bs-theme="dark"] .iw-whhero--premium .iw-whhero__sub{color:rgba(255,255,255,.74)}
[data-bs-theme="dark"] .iw-prem-gold{background:linear-gradient(92deg,var(--pg),#F6E3AE 48%,var(--pg-deep));-webkit-background-clip:text;background-clip:text;color:transparent}
[data-bs-theme="dark"] .iw-whhero--premium .iw-whhero__badge{background:linear-gradient(100deg,rgba(232,200,115,.20),rgba(232,200,115,.06));
  border-color:rgba(232,200,115,.5);color:var(--pg);box-shadow:0 6px 22px rgba(232,200,115,.14)}
[data-bs-theme="dark"] .iw-whhero--premium .iw-whhero__badge i{color:var(--pg)}
[data-bs-theme="dark"] .iw-whhero--premium .iw-whhero__feats li{color:rgba(255,255,255,.84)}
[data-bs-theme="dark"] .iw-whhero--premium .iw-whhero__feats i{color:var(--pg)}
[data-bs-theme="dark"] .iw-whhero--premium .iw-btn--ghost{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.3);color:#fff}
[data-bs-theme="dark"] .iw-whhero--premium .iw-btn--ghost:hover{background:rgba(255,255,255,.12);border-color:var(--pg);color:#fff}
[data-bs-theme="dark"] .iw-whhero--premium .iw-whslider__track{background:rgba(255,255,255,.05);border-color:rgba(232,200,115,.22);box-shadow:0 30px 70px rgba(0,0,0,.42)}
[data-bs-theme="dark"] .iw-whhero--premium .iw-whslide{color:rgba(232,200,115,.42)}
[data-bs-theme="dark"] .iw-whhero--premium .iw-whslider__dot{background:rgba(255,255,255,.26)}
[data-bs-theme="dark"] .iw-whhero--premium .iw-whslider__dot.is-active{background:var(--pg)}

/* --- Premium içerik bölümleri — altın aksan (açık + koyu temada çalışır) --- */
.iw-prem{--pg:#E8C873;--pg-deep:#C39A3A;--pg-ink:#9A7420;--pg-badge:color-mix(in srgb, #DEC746 15%, var(--c-bg));
  --pg-d1:color-mix(in srgb, var(--c-primary) 26%, #0B1626);--pg-d2:color-mix(in srgb, var(--c-primary) 13%, #070E1B)}
/* bölüm başlıkları tutarlı koyu (ink); altın yalnızca aksan */
.iw-prem .iw-usecase__title,.iw-prem .iw-faq__title{color:var(--c-ink)}
.iw-prem .iw-uc__ico{background:var(--pg-badge);color:var(--pg-deep)}
.iw-prem .iw-uc:hover{border-color:color-mix(in srgb, var(--pg) 60%, var(--c-line))}
/* Premium "Nedir" — BENTO GRID */
.iw-pbento{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:46px;
  grid-template-areas:
    "feat feat b c"
    "feat feat d e"
    "neden neden g h"}
.iw-pbento__cell{background:var(--c-bg-card);border:1px solid var(--c-line);border-radius:18px;padding:24px 22px;
  display:flex;flex-direction:column;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.iw-pbento__cell:not(.iw-pb-feat):hover{transform:translateY(-3px);box-shadow:0 16px 36px rgba(20,30,60,.10);
  border-color:color-mix(in srgb, var(--pg) 60%, var(--c-line))}
.iw-pbento__ico{width:46px;height:46px;border-radius:13px;display:inline-flex;align-items:center;justify-content:center;
  font-size:23px;background:var(--pg-badge);color:var(--pg-deep);margin-bottom:15px}
.iw-pbento__name{font-size:16.5px;font-weight:var(--fw-bold);color:var(--c-ink);margin:0 0 8px;letter-spacing:-.2px}
.iw-pbento__desc{font-size:13.5px;color:var(--c-muted);line-height:1.55;margin:0}
/* feature hücresi — koyu + altın */
.iw-pb-feat{grid-area:feat;position:relative;overflow:hidden;justify-content:flex-end;color:#fff;
  border-color:color-mix(in srgb, var(--pg) 32%, transparent);
  background:
    radial-gradient(120% 80% at 86% 12%, color-mix(in srgb, var(--pg) 30%, transparent), transparent 55%),
    linear-gradient(150deg, var(--pg-d1), var(--pg-d2))}
/* arka plan görseli + üstünde scrim (metin kontrastı korunur) */
.iw-pb-feat__bg{position:absolute;inset:0;z-index:0;width:100%;height:100%;object-fit:cover;display:block}
.iw-pb-feat::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(to top, var(--pg-d2) 6%, color-mix(in srgb,var(--pg-d2) 78%,transparent) 42%, transparent 78%)}
.iw-pb-feat > *:not(.iw-pb-feat__bg){position:relative;z-index:2}
.iw-pb-feat .iw-pbento__crown{font-size:42px;color:var(--pg);margin-bottom:auto;line-height:1}
.iw-pb-feat h3{color:#fff;font-size:23px;font-weight:var(--fw-bold);margin:20px 0 12px;letter-spacing:-.3px}
.iw-pb-feat p{color:rgba(255,255,255,.78);font-size:14.5px;line-height:1.62;margin:0}
.iw-pb-b{grid-area:b}.iw-pb-c{grid-area:c}.iw-pb-d{grid-area:d}.iw-pb-e{grid-area:e}
.iw-pb-g{grid-area:g}.iw-pb-h{grid-area:h}
/* neden — geniş prose hücre */
.iw-pb-neden{grid-area:neden;justify-content:center;background:color-mix(in srgb, var(--pg) 6%, var(--c-bg-card))}
.iw-pb-neden .iw-pbento__wtitle{font-size:20px;font-weight:var(--fw-bold);color:var(--pg-deep);margin:0 0 10px;letter-spacing:-.2px}
.iw-pb-neden p{font-size:14.5px;color:var(--c-text);line-height:1.62;margin:0;max-width:600px}
@media (max-width:920px){.iw-pbento{grid-template-columns:repeat(2,1fr);grid-template-areas:"feat feat" "b c" "d e" "neden neden" "g h"}}
@media (max-width:560px){.iw-pbento{grid-template-columns:1fr;grid-template-areas:"feat" "b" "c" "d" "e" "neden" "g" "h"}}

/* --- Premium PAKETLER — altın aksan (sadece premium sayfa, .iw-rplans paylaşımlı olduğu için scope'lu) --- */
.iw-prem .iw-rplans{--c-primary:#C39A3A;--c-primary-dark:#A67E28;--c-primary-light:#E0BB55}
.iw-prem .iw-rplans .iw-btn--primary,.iw-prem .iw-rplans .iw-btn--primary:hover{color:#231B05}
.iw-prem .iw-plan--pop{box-shadow:0 18px 44px color-mix(in srgb, var(--pg) 22%, transparent)}
.iw-prem .iw-rplans__grid .iw-plan--pop{box-shadow:0 22px 50px color-mix(in srgb, var(--pg) 32%, transparent)}
.iw-prem .iw-rplans__grid .iw-plan--pop:hover{box-shadow:0 22px 50px color-mix(in srgb, var(--pg) 38%, transparent)}
.iw-prem .iw-rplans .iw-plan--pop .iw-plan__badge{color:#231B05}
/* koyu flagship paket (En Güçlü) */
.iw-prem .iw-plan--prem-flag{color:#fff;position:relative;overflow:hidden;
  border-color:color-mix(in srgb, var(--pg) 36%, transparent);
  background:
    radial-gradient(120% 70% at 88% 6%, color-mix(in srgb, var(--pg) 24%, transparent), transparent 55%),
    linear-gradient(160deg, var(--pg-d1), var(--pg-d2))}
.iw-prem .iw-plan--prem-flag:hover{border-color:color-mix(in srgb, var(--pg) 50%, transparent)}
.iw-prem .iw-plan--prem-flag .iw-plan__name{color:#fff}
.iw-prem .iw-plan--prem-flag .iw-plan__tag{color:rgba(255,255,255,.62)}
.iw-prem .iw-plan--prem-flag .iw-plan__amount{color:var(--pg)}
.iw-prem .iw-plan--prem-flag .iw-plan__per{color:rgba(255,255,255,.6)}
.iw-prem .iw-plan--prem-flag .iw-plan__old{color:rgba(255,255,255,.5)}
.iw-prem .iw-plan--prem-flag .iw-plan__feats li{color:rgba(255,255,255,.84)}
.iw-prem .iw-plan--prem-flag .iw-plan__feats i{color:var(--pg)}
.iw-prem .iw-plan--prem-flag .iw-plan__badge{background:linear-gradient(100deg, var(--pg), var(--pg-deep));color:#231B05}
.iw-prem .iw-plan--prem-flag .iw-plan__btn{background:linear-gradient(100deg, var(--pg), var(--pg-deep));border-color:transparent;color:#231B05}
.iw-prem .iw-plan--prem-flag .iw-plan__btn:hover{filter:brightness(1.06);color:#231B05}
.iw-prem .iw-plan--prem-flag .iw-plan__save{color:#fff;background:rgba(255,255,255,.18)}

/* --- Premium — PERFORMANS KARŞILAŞTIRMA TABLOSU --- */
.iw-pcompare{padding:54px 0 64px;background:var(--c-bg-soft)}
.iw-pcompare__wrap{margin-top:42px;overflow-x:auto}
.iw-pcompare__table{width:100%;border-collapse:collapse;min-width:700px;background:var(--c-bg-card);
  border:1px solid var(--c-line);border-radius:18px;overflow:hidden}
.iw-pcompare__table th,.iw-pcompare__table td{padding:15px 20px;text-align:center;font-size:14.5px;
  color:var(--c-text);border-bottom:1px solid var(--c-line)}
.iw-pcompare__table thead th{font-size:15px;font-weight:var(--fw-bold);color:var(--c-ink);
  background:var(--c-bg-soft);padding:18px 20px;vertical-align:bottom}
.iw-pcompare__table tbody tr:last-child td{border-bottom:0}
.iw-pcompare__table tbody tr:hover td{background:color-mix(in srgb, var(--c-ink) 3%, transparent)}
.iw-pcompare__feat{text-align:left !important;font-weight:var(--fw-semi);color:var(--c-ink);white-space:nowrap}
/* premium sütunu vurgulu (son sütun) */
.iw-pcompare__table th.iw-pcompare__hl{color:#fff;background:linear-gradient(160deg,var(--pg-d1),var(--pg-d2))}
.iw-pcompare__table td.iw-pcompare__hl{background:color-mix(in srgb, var(--pg) 9%, var(--c-bg-card));
  color:var(--c-ink);font-weight:var(--fw-semi)}
.iw-pcompare__table tbody tr:hover td.iw-pcompare__hl{background:color-mix(in srgb, var(--pg) 15%, var(--c-bg-card))}
.iw-pcompare__crown{display:block;font-size:24px;color:var(--pg);margin-bottom:5px;line-height:1}
.iw-pcompare__yes{color:var(--pg-deep);font-size:21px;vertical-align:middle}
.iw-pcompare__hl .iw-pcompare__yes{color:var(--pg-deep)}
.iw-pcompare__no{color:var(--c-muted);font-size:20px;opacity:.45;vertical-align:middle}

/* --- Premium — CTA bandı (koyu + altın) --- */
.iw-pcta{padding:10px 0 64px}
.iw-pcta__inner{position:relative;overflow:hidden;border-radius:24px;padding:58px 40px;text-align:center;color:#fff;
  border:1px solid color-mix(in srgb, var(--pg) 30%, transparent);
  background:
    radial-gradient(700px 300px at 85% -25%, color-mix(in srgb, var(--pg) 26%, transparent), transparent 60%),
    radial-gradient(620px 320px at 6% 125%, color-mix(in srgb, var(--c-primary) 34%, transparent), transparent 60%),
    linear-gradient(150deg, var(--pg-d1), var(--pg-d2))}
.iw-pcta__inner::before{content:"";position:absolute;inset:0;pointer-events:none;
  background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);
  background-size:46px 46px;-webkit-mask-image:radial-gradient(circle at 50% 40%,#000,transparent 72%);mask-image:radial-gradient(circle at 50% 40%,#000,transparent 72%)}
.iw-pcta__badge{position:relative;display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:var(--fw-semi);
  color:var(--pg);background:color-mix(in srgb, var(--pg) 15%, transparent);border:1px solid color-mix(in srgb, var(--pg) 40%, transparent);
  padding:7px 16px;border-radius:999px;margin-bottom:18px}
.iw-pcta__title{position:relative;font-size:clamp(26px,3.4vw,40px);font-weight:var(--fw-extra);color:#fff;letter-spacing:-.6px;margin:0 0 14px;line-height:1.15}
.iw-pcta__gold{background:linear-gradient(92deg, var(--pg), #F6E3AE 50%, var(--pg-deep));-webkit-background-clip:text;background-clip:text;color:transparent}
.iw-pcta__sub{position:relative;font-size:clamp(15px,1.5vw,17px);color:rgba(255,255,255,.76);max-width:600px;margin:0 auto 30px;line-height:1.6}
.iw-pcta__btns{position:relative;display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
.iw-pcta .iw-btn--primary{background:linear-gradient(100deg, var(--pg), var(--pg-deep));color:#231B05;box-shadow:0 12px 30px color-mix(in srgb, var(--pg) 34%, transparent)}
.iw-pcta .iw-btn--primary:hover{filter:brightness(1.06);color:#231B05}
.iw-pcta .iw-btn--ghost{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.3);color:#fff}
.iw-pcta .iw-btn--ghost:hover{background:rgba(255,255,255,.12);border-color:var(--pg);color:#fff}
/* premium SSS — altın aksan */
.iw-prem .iw-faq__item.is-open{border-color:color-mix(in srgb, var(--pg) 45%, var(--c-line))}
.iw-prem .iw-faq__item.is-open .iw-faq__chev,
.iw-prem .iw-faq__item.is-open .iw-faq__q,
.iw-prem .iw-faq__q:hover{color:var(--pg-deep)}

/* ===================== YOL HARİTASI (durum panosu) ===================== */
.iw-roadmap{padding:54px 0 72px;background:var(--c-bg-soft)}
.iw-roadmap__head{text-align:center;max-width:660px;margin:0 auto 30px}
.iw-roadmap__title{font-size:clamp(28px,3.4vw,42px);font-weight:var(--fw-extra);color:var(--c-ink);letter-spacing:-.8px;margin:0 0 12px}
.iw-roadmap__sub{font-size:clamp(15px,1.5vw,18px);color:var(--c-muted);line-height:1.6;margin:0}
.iw-roadmap__updated{display:inline-flex;align-items:center;gap:7px;margin-top:14px;font-size:13px;font-weight:var(--fw-semi);color:var(--c-muted)}
/* özet ilerleme */
.iw-roadmap__summary{max-width:720px;margin:0 auto 46px}
.iw-roadmap__pct{text-align:center;font-size:14px;font-weight:var(--fw-semi);color:var(--c-text);margin:0 0 10px}
.iw-roadmap__pct b{color:var(--c-green-dark);font-weight:var(--fw-bold)}
.iw-roadmap__track{height:12px;border-radius:999px;background:var(--c-line);overflow:hidden;display:flex}
.iw-roadmap__track span{display:block;height:100%}
.iw-roadmap__track .rm-done{background:var(--c-green)}
.iw-roadmap__track .rm-prog{background:var(--c-amber)}
.iw-roadmap__legend{display:flex;justify-content:center;flex-wrap:wrap;gap:10px 24px;margin-top:16px}
.iw-roadmap__leg{display:inline-flex;align-items:center;gap:8px;font-size:13.5px;font-weight:var(--fw-semi);color:var(--c-text)}
.iw-roadmap__dot{width:11px;height:11px;border-radius:50%}
.rm-c-done{background:var(--c-green)}.rm-c-prog{background:var(--c-amber)}.rm-c-plan{background:var(--c-muted)}
/* pano */
.iw-roadmap__board{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;align-items:start}
.iw-rmcol{background:var(--c-bg-card);border:1px solid var(--c-line);border-radius:18px;padding:18px 16px 20px}
.iw-rmcol__head{display:flex;align-items:center;gap:9px;font-size:16px;font-weight:var(--fw-bold);color:var(--c-ink);
  padding:6px 6px 14px;border-bottom:2px solid var(--c-line);margin-bottom:14px}
.iw-rmcol__head i{font-size:20px}
.iw-rmcol__count{margin-left:auto;font-size:13px;font-weight:var(--fw-bold);padding:2px 11px;border-radius:999px;background:var(--c-bg-soft);color:var(--c-muted)}
.iw-rmcol--done .iw-rmcol__head{border-bottom-color:color-mix(in srgb,var(--c-green) 45%,var(--c-line))}
.iw-rmcol--done .iw-rmcol__head i{color:var(--c-green)}
.iw-rmcol--prog .iw-rmcol__head{border-bottom-color:color-mix(in srgb,var(--c-amber) 55%,var(--c-line))}
.iw-rmcol--prog .iw-rmcol__head i{color:var(--c-amber)}
.iw-rmcol--plan .iw-rmcol__head i{color:var(--c-muted)}
/* kart */
.iw-rmcard{display:flex;align-items:center;gap:12px;padding:12px;border-radius:12px;border:1px solid var(--c-line);
  background:var(--c-bg);margin-bottom:10px;text-decoration:none;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}
.iw-rmcard:last-child{margin-bottom:0}
a.iw-rmcard:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(20,30,60,.08);border-color:var(--c-primary-light)}
.iw-rmcard__ico{flex:0 0 auto;width:38px;height:38px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;font-size:19px;background:var(--c-icon-badge);color:var(--c-primary)}
.iw-rmcard__body{display:flex;flex-direction:column;min-width:0}
.iw-rmcard__name{font-size:14.5px;font-weight:var(--fw-semi);color:var(--c-ink);line-height:1.3}
.iw-rmcard__desc{font-size:12.5px;color:var(--c-muted);line-height:1.35}
.iw-rmcard__go{margin-left:auto;font-size:17px;color:var(--c-muted);flex:0 0 auto}
a.iw-rmcard:hover .iw-rmcard__go{color:var(--c-primary)}
.iw-rmcol--done .iw-rmcard__ico{background:color-mix(in srgb,var(--c-green) 14%,var(--c-bg));color:var(--c-green-dark)}
.iw-rmcol--prog .iw-rmcard{border-color:color-mix(in srgb,var(--c-amber) 42%,var(--c-line))}
.iw-rmcol--prog .iw-rmcard__ico{background:color-mix(in srgb,var(--c-amber) 16%,var(--c-bg));color:var(--c-amber)}
.iw-rmcard__badge{margin-left:auto;font-size:11px;font-weight:var(--fw-bold);padding:3px 10px;border-radius:999px;display:inline-flex;align-items:center;gap:5px;
  background:color-mix(in srgb,var(--c-amber) 18%,var(--c-bg));color:color-mix(in srgb,var(--c-amber) 70%,#000)}
.iw-rmcard__badge i{font-size:12px;animation:iwRmPulse 1.6s ease-in-out infinite}
@keyframes iwRmPulse{0%,100%{opacity:1}50%{opacity:.35}}
.iw-rmcol--plan .iw-rmcard{background:transparent;border-style:dashed}
.iw-rmcol--plan .iw-rmcard__ico{background:var(--c-bg-soft);color:var(--c-muted)}
.iw-rmcol--plan .iw-rmcard__name{color:var(--c-text)}
@media (max-width:860px){.iw-roadmap__board{grid-template-columns:1fr;max-width:520px;margin:0 auto}}
/* grup başlıkları + müşteri paneli grid */
.iw-roadmap__group{margin-bottom:48px}
.iw-roadmap__group:last-child{margin-bottom:0}
.iw-roadmap__section{display:flex;align-items:center;gap:11px;font-size:21px;font-weight:var(--fw-bold);color:var(--c-ink);letter-spacing:-.3px;margin:0 0 20px}
.iw-roadmap__section i{font-size:23px;color:var(--c-primary)}
.iw-roadmap__scount{margin-left:auto;font-size:13px;font-weight:var(--fw-semi);color:var(--c-muted);background:var(--c-bg-card);border:1px solid var(--c-line);padding:5px 13px;border-radius:999px}
.iw-rmpanelgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(238px,1fr));gap:14px}
.iw-rmpanelgrid .iw-rmcard{margin-bottom:0;background:transparent;border-style:dashed}
.iw-rmpanelgrid .iw-rmcard__ico{background:var(--c-bg-soft);color:var(--c-muted)}
.iw-rmpanelgrid .iw-rmcard__name{color:var(--c-text)}
.iw-rmempty{text-align:center;color:var(--c-muted);font-size:13px;line-height:1.5;padding:22px 12px;border:1px dashed var(--c-line);border-radius:12px;background:var(--c-bg-soft);margin:0}
/* tamamlanan sayfa gridi (link kartlar, yeşil ikon) + yeşil sayaç + grup notu */
.iw-rmgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(238px,1fr));gap:14px}
.iw-rmgrid .iw-rmcard{margin-bottom:0}
.iw-rmgrid .iw-rmcard__ico{background:color-mix(in srgb,var(--c-green) 14%,var(--c-bg));color:var(--c-green-dark)}
.iw-roadmap__scount--done{color:var(--c-green-dark);border-color:color-mix(in srgb,var(--c-green) 38%,var(--c-line));background:color-mix(in srgb,var(--c-green) 8%,var(--c-bg-card))}
.iw-roadmap__gnote{margin:-6px 0 18px;font-size:13.5px;color:var(--c-muted);line-height:1.5;display:flex;align-items:flex-start;gap:8px}
.iw-roadmap__gnote i{color:var(--c-primary);font-size:16px;margin-top:1px;flex:0 0 auto}

/* ===================== SONSUZ LOGO SLIDER (marquee) ===================== */
.iw-logos{padding:36px 0 40px;background:var(--c-bg-soft);overflow:hidden;border-top:1px solid var(--c-line);border-bottom:1px solid var(--c-line)}
.iw-logos__title{text-align:center;font-size:13px;font-weight:var(--fw-semi);color:var(--c-muted);letter-spacing:.6px;text-transform:uppercase;margin:0 0 26px}
.iw-logos__marquee{position:relative;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);
  mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}
.iw-logos__track{display:flex;width:max-content;animation:iwLogoScroll 60s linear infinite}
.iw-logo{flex:0 0 auto;display:inline-flex;align-items:center;gap:11px;padding:0 32px;
  color:var(--c-muted);opacity:.72;transition:color .2s ease,opacity .2s ease}
.iw-logo:hover{color:var(--c-primary);opacity:1}
.iw-logo i{font-size:29px}
.iw-logo__txt{font-size:19px;font-weight:var(--fw-bold);letter-spacing:-.3px;white-space:nowrap}
@keyframes iwLogoScroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.iw-logos__track{animation:none;flex-wrap:wrap;justify-content:center}}

/* ===================== YATAY PAKET DÜZENİ (.iw-rplans--h) ===================== */
.iw-rplans--h .iw-rplans__grid{display:flex;flex-direction:column;gap:16px}
.iw-rplans--h .iw-plan{display:grid;grid-template-columns:minmax(160px,190px) 1fr auto 170px;
  grid-template-areas:"name feats price btn" "tag feats price btn";
  align-items:center;column-gap:30px;row-gap:2px;padding:22px 28px;transform:none}
.iw-rplans--h .iw-rplans__grid .iw-plan--pop,
.iw-rplans--h .iw-rplans__grid .iw-plan--pop:hover{transform:none}
.iw-rplans--h .iw-plan:hover{transform:translateY(-3px)}
.iw-rplans--h .iw-plan__name{grid-area:name;margin:0;font-size:18px}
.iw-rplans--h .iw-plan__tag{grid-area:tag;margin:0}
.iw-rplans--h .iw-plan__price{grid-area:price;margin:0;justify-content:flex-end;white-space:nowrap}
.iw-rplans--h .iw-plan__amount{font-size:30px}
.iw-rplans--h .iw-plan__feats{grid-area:feats;flex-direction:row;flex-wrap:wrap;gap:8px 22px;margin:0}
.iw-rplans--h .iw-plan__feats li{font-size:13px;line-height:1.3}
.iw-rplans--h .iw-plan__btn{grid-area:btn;width:100%}
/* rozet — yatayda sol üst köşe */
.iw-rplans--h .iw-plan--pop .iw-plan__badge,
.iw-rplans--h .iw-plan--gold .iw-plan__badge{left:24px;right:auto;top:-12px;transform:none}
@media (max-width:860px){
  .iw-rplans--h .iw-plan{grid-template-columns:1fr auto;grid-template-areas:"name price" "tag price" "feats feats" "btn btn";column-gap:18px;row-gap:12px}
  .iw-rplans--h .iw-plan__btn{width:100%}
}

/* ===================== PAKET SEKMELERİ (netlen "Size Uygun Paketi Seçin" uyarlaması) ===================== */
.iw-ptabs{padding:54px 0 64px;background:var(--c-bg);--rgold:#DEC746}
.iw-ptabs__head{text-align:center;max-width:640px;margin:0 auto 24px}
.iw-ptabs__eyebrow{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:var(--fw-semi);color:var(--c-primary);
  background:var(--c-primary-50);border:1px solid color-mix(in srgb, var(--c-primary) 18%, transparent);padding:6px 14px;border-radius:999px;margin-bottom:16px}
.iw-ptabs__eyebrow i{font-size:15px}
.iw-ptabs__title{font-size:clamp(26px,2.8vw,38px);font-weight:var(--fw-extra);color:var(--c-ink);letter-spacing:-.5px;margin:0 0 10px}
.iw-ptabs__sub{font-size:clamp(14px,1.4vw,17px);color:var(--c-muted);line-height:1.6;margin:0}
/* sekme çubuğu */
.iw-ptabs__tabs{display:flex;justify-content:center;flex-wrap:wrap;gap:6px;width:max-content;max-width:100%;margin:0 auto 36px;
  padding:6px;background:var(--c-bg-soft);border:1px solid var(--c-line);border-radius:999px}
.iw-ptabs__tab{display:inline-flex;align-items:center;gap:8px;border:0;background:transparent;color:var(--c-muted);font-family:inherit;
  font-size:14.5px;font-weight:var(--fw-semi);padding:10px 22px;border-radius:999px;cursor:pointer;white-space:nowrap;
  transition:background .18s,color .18s,box-shadow .18s}
.iw-ptabs__tab i{font-size:17px}
.iw-ptabs__tab:hover{color:var(--c-ink)}
.iw-ptabs__tab.is-active{background:var(--c-primary-fill,var(--c-primary));color:#fff;box-shadow:0 6px 16px rgba(56,88,176,.28)}
/* paneller */
.iw-ptabs__panel{display:none}
.iw-ptabs__panel.is-active{display:block;animation:iwPtabIn .3s ease}
@keyframes iwPtabIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.iw-ptabs .iw-rplans__grid--3{grid-template-columns:repeat(3,1fr);max-width:1000px;margin:0 auto}
.iw-ptabs__empty{text-align:center;color:var(--c-muted);font-size:var(--fs-base);padding:32px 0}
.iw-ptabs__more{display:flex;justify-content:center;margin-top:28px}
.iw-ptabs__morelink{display:inline-flex;align-items:center;gap:7px;font-size:14.5px;font-weight:var(--fw-semi);color:var(--c-primary);text-decoration:none}
.iw-ptabs__morelink:hover{color:var(--c-primary-dark)}
@media (max-width:1080px){.iw-ptabs .iw-rplans__grid--3{grid-template-columns:repeat(2,1fr)}}
@media (max-width:640px){
  .iw-ptabs__tabs{border-radius:18px;width:100%;justify-content:stretch}
  .iw-ptabs__tab{flex:1;justify-content:center;padding:10px 12px}
  .iw-ptabs .iw-rplans__grid--3{grid-template-columns:1fr}
}

/* ===================== SUNUCU LİSANSLARI ===================== */
/* Hero görseli — lisans rozet kartları */

/* Kategori sekmeleri lisans sayfasında yatayda taşarsa sarsın */
.iw-whplans .iw-rtiers__tabs{flex-wrap:wrap}

/* Neden Athena Lisans — avantaj kartları */
.iw-licwhy{padding:56px 0 64px;background:var(--c-bg-soft)}
.iw-licwhy__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.iw-licwc{background:var(--c-bg-card);border:1px solid var(--c-line);border-radius:18px;padding:24px;box-shadow:0 10px 26px rgba(20,30,60,.06);transition:transform .2s,box-shadow .2s,border-color .2s}
.iw-licwc:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(20,30,60,.10);border-color:var(--c-primary-light)}
.iw-licwc__ico{width:52px;height:52px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;font-size:26px;background:color-mix(in srgb, var(--c-primary) 12%, transparent);color:var(--c-primary);margin-bottom:14px}
.iw-licwc__name{font-size:17px;font-weight:700;color:var(--c-ink);margin:0 0 8px}
.iw-licwc__desc{font-size:14px;line-height:1.6;color:var(--c-muted);margin:0}
@media (max-width:980px){.iw-licwhy__grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:540px){.iw-licwhy__grid{grid-template-columns:1fr}}

/* ===================== Footer Varyant 5: İndirim Habercisi (yüzen bülten bandı) ===================== */
/* footer zemini varyant 5'te gövdeye taşınır — bandın üst yarısı sayfa zemininde yüzer */
[data-footer="5"] .iw-footer{background:transparent;border-top:0}
/* NOT: buradaki 'display' KASITLI OLARAK YOK. Daha önce sorun giderme
   sırasında koşulsuz 'display:block' eklenmişti; bu, yukarıdaki
   [data-footer="N"] varyant seçicisini ezdiği için başka bir varyant
   seçildiğinde varyant 5 de ekranda kalıyordu (iki footer üst üste).
   Görünürlüğü yalnızca [data-footer] kuralları belirler. */
.iw-footer__variant[data-variant="5"]{padding:56px 0 0;
  --nf5-bg:color-mix(in srgb, var(--c-primary) 82%, #041E6B);
  --nf5-band:color-mix(in srgb, var(--c-primary) 15%, #EDF3FE);
  --nf5-navy:color-mix(in srgb, var(--c-primary) 52%, #0A1638);
  --nf5-orange:#F5821F;
  /* İndirim Habercisi kupon paleti */
  --nl-paper:color-mix(in srgb, var(--c-primary) 6%, #F6F8FE);
  --nl-ink:color-mix(in srgb, var(--c-primary) 55%, #101a3a);
  --nl-ink-soft:color-mix(in srgb, var(--c-primary) 30%, #6b7291);
  --nl-amber:#F59E0B;
  --nl-amber-deep:#A9690A}

/* — Yüzen İNDİRİM HABERCİSİ kuponu — */
.iw-nl__wrap{position:relative;z-index:2;margin-bottom:-84px}
.iw-nl{display:grid;grid-template-columns:1.15fr auto .95fr;align-items:center;
  background:var(--nl-paper);border-radius:20px;overflow:hidden;position:relative;
  box-shadow:0 30px 60px -24px rgba(8,16,48,.55)}
/* üst amber vurgu şeridi */
.iw-nl::before{content:"";position:absolute;left:0;right:0;top:0;height:4px;
  background:linear-gradient(90deg,var(--nl-amber),color-mix(in srgb,var(--nl-amber) 35%,var(--c-primary)))}
/* sol: teklif */
.iw-nl__offer{display:flex;align-items:center;gap:22px;padding:30px 30px 30px 34px}
.iw-nl__kicker{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase;color:var(--nl-amber-deep)}
.iw-nl__kicker i{font-size:15px}
.iw-nl__title{margin:8px 0 6px;font-family:var(--font-display,'Space Grotesk',sans-serif);font-size:26px;font-weight:700;line-height:1.1;letter-spacing:-.3px;color:var(--nl-ink)}
.iw-nl__sub{margin:0;font-size:14.5px;line-height:1.5;color:var(--nl-ink-soft);max-width:340px}
/* orta: yırtma çizgisi (perforasyon) — uç delikleri arka planla eşleşir */
.iw-nl__perf{align-self:stretch;width:2px;margin:0 6px;position:relative;
  background:repeating-linear-gradient(to bottom,color-mix(in srgb,var(--nl-ink) 26%,transparent) 0 6px,transparent 6px 12px)}
.iw-nl__perf::before,.iw-nl__perf::after{content:"";position:absolute;left:50%;transform:translateX(-50%);width:22px;height:22px;border-radius:50%}
.iw-nl__perf::before{top:-11px;background:var(--c-bg)}      /* kupon üstü sayfa zeminine yaslı */
.iw-nl__perf::after{bottom:-11px;background:var(--nf5-bg)}  /* kupon altı royal footer'a yaslı */
/* sağ: form */
.iw-nl__form{padding:30px 34px 30px 30px}
.iw-nl__ftitle{margin:0 0 12px;font-size:14px;font-weight:700;color:var(--nl-ink);display:flex;align-items:center;gap:8px}
.iw-nl__ftitle i{color:var(--c-primary);font-size:17px}
.iw-nl__field{display:flex;align-items:center;background:#fff;border:1.5px solid color-mix(in srgb,var(--nl-ink) 16%,transparent);border-radius:12px;padding:0 6px 0 14px;transition:border-color .18s,box-shadow .18s}
.iw-nl__field:focus-within{border-color:var(--c-primary);box-shadow:0 0 0 4px color-mix(in srgb,var(--c-primary) 14%,transparent)}
.iw-nl__field>i{color:color-mix(in srgb,var(--nl-ink) 45%,transparent);font-size:18px}
.iw-nl__input{flex:1;min-width:0;height:50px;border:0;background:transparent;padding:0 12px;font-family:inherit;font-size:14.5px;color:var(--nl-ink)}
.iw-nl__input:focus{outline:none}
.iw-nl__input::placeholder{color:color-mix(in srgb,var(--nl-ink) 42%,transparent)}
.iw-nl__btn{flex:0 0 auto;height:40px;padding:0 20px;border:0;border-radius:9px;cursor:pointer;background:var(--c-primary-fill,var(--c-primary));color:#fff;font-family:inherit;font-size:14.5px;font-weight:700;display:inline-flex;align-items:center;gap:7px;transition:background .18s,transform .18s}
.iw-nl__btn:hover{background:var(--c-primary-dark);transform:translateY(-1px)}
.iw-nl__consent{display:flex;align-items:center;gap:9px;margin:13px 2px 0;font-size:12.5px;color:var(--nl-ink-soft);cursor:pointer}
.iw-nl__consent input{width:16px;height:16px;accent-color:var(--c-primary);flex:0 0 auto}
.iw-nl__consent u{text-underline-offset:2px;color:var(--nl-ink)}

/* — Gövde (royal mavi) — */
.iw-nf5__body{background:var(--nf5-bg);padding-top:140px;color:rgba(255,255,255,.78)}
.iw-nf5__grid{display:grid;grid-template-columns:repeat(4,1fr) 1.25fr;gap:30px;padding-bottom:56px}
.iw-nf5__h{display:flex;align-items:center;gap:2px;margin:0 0 14px;font-size:15px;font-weight:700;color:#fff}
.iw-nf5__h i{font-size:16px;opacity:.85}
.iw-nf5__h--sub{margin-top:24px}
.iw-nf5__col ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.iw-nf5__col a{color:rgba(255,255,255,.78);font-size:14px;transition:color .15s}
.iw-nf5__col a:hover{color:#fff}
.iw-nf5__brand{display:flex;flex-direction:column;align-items:flex-end;text-align:right}
.iw-nf5__logo .iw-logo-svg{width:168px;height:auto}
/* <use> shadow DOM'una fill, custom property mirasıyla geçer */
.iw-nf5__logo{--c-primary:#fff;--c-ink:rgba(255,255,255,.72)}
.iw-nf5__contact{display:flex;flex-direction:column;gap:2px;margin-top:16px}
.iw-nf5__contact strong{color:#fff;font-size:14.5px;margin-top:11px}
.iw-nf5__contact a{color:rgba(255,255,255,.82);font-size:14px}
.iw-nf5__contact a:hover{color:#fff}
.iw-nf5__follow{margin-top:28px}
.iw-nf5__follow span{display:block;font-size:13px;font-weight:600;color:rgba(255,255,255,.55);margin-bottom:10px}
.iw-nf5__social{display:flex;justify-content:flex-end;gap:15px}
.iw-nf5__social a{color:#fff;font-size:19px;opacity:.9;transition:opacity .15s}
.iw-nf5__social a:hover{opacity:1}

/* — Alt telif barı — */
.iw-nf5__bar{background:color-mix(in srgb, var(--nf5-bg) 28%, #05070E)}
.iw-nf5__bar-in{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;padding-top:17px;padding-bottom:17px}
.iw-nf5__bar p{margin:0;font-size:13.5px;color:rgba(255,255,255,.85)}
.iw-nf5__bar b{color:#fff;font-weight:700}
.iw-nf5__bar nav{display:flex;flex-wrap:wrap}
.iw-nf5__bar nav a{color:rgba(255,255,255,.8);font-size:13.5px;padding:0 12px;border-right:1px solid rgba(255,255,255,.25)}
.iw-nf5__bar nav a:last-child{border-right:0;padding-right:0}
.iw-nf5__bar nav a:hover{color:#fff}

/* — responsive — */
@media (max-width:1180px){
  .iw-nf5__body{padding-top:116px}
  .iw-nf5__grid{grid-template-columns:repeat(3,1fr)}
  .iw-nf5__brand{grid-column:1/-1;align-items:flex-start;text-align:left}
  .iw-nf5__social{justify-content:flex-start}
}
@media (max-width:820px){
  /* kupon dikey yığılır; perforasyon gizlenir */
  .iw-nl{grid-template-columns:1fr}
  .iw-nl__perf{display:none}
  .iw-nl__offer{padding:26px 26px 6px}
  .iw-nl__form{padding:16px 26px 24px}
  .iw-nl__wrap{margin-bottom:-64px}
}
@media (max-width:640px){
  .iw-nf5__grid{grid-template-columns:repeat(2,1fr)}
  .iw-nl__title{font-size:22px}
  .iw-nl__sub{max-width:none}
  /* input alanı sarar: tam genişlik buton (domain aramasıyla tutarlı) */
  .iw-nl__field{flex-wrap:wrap;padding:6px}
  .iw-nl__field>i{display:none}
  .iw-nl__input{flex:1 1 100%;height:46px;padding:0 10px}
  .iw-nl__btn{width:100%;height:46px;justify-content:center}
  .iw-nl__consent{align-items:flex-start}
  .iw-nl__consent input{margin-top:2px}
  .iw-nf5__bar-in{flex-direction:column;align-items:flex-start}
}


/* ===================== NETWORK ALTYAPISI (anasayfa) ===================== */
.iw-netinfra{padding:64px 0 72px;background:var(--c-bg-soft)}
.iw-netinfra__head{text-align:center;max-width:640px;margin:0 auto 40px}
.iw-netinfra__eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--c-primary);background:var(--c-primary-100);padding:7px 16px;border-radius:999px;margin-bottom:16px}
.iw-netinfra__title{font-size:32px;font-weight:800;color:var(--c-ink);margin:0 0 12px}
.iw-netinfra__sub{font-size:15.5px;line-height:1.6;color:var(--c-muted);margin:0}
.iw-netinfra__stats{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-bottom:48px}
.iw-netstat{display:flex;flex-direction:column;align-items:center;gap:4px;background:var(--c-bg-card);border:1px solid var(--c-line);border-radius:16px;padding:22px 16px;box-shadow:0 6px 18px rgba(20,30,60,.05)}
.iw-netstat__num{font-size:30px;font-weight:800;color:var(--c-primary);line-height:1}
.iw-netstat__label{font-size:13px;color:var(--c-muted)}
.iw-netinfra__map{display:grid;grid-template-columns:minmax(220px,250px) 1fr minmax(400px,500px);align-items:center;gap:24px}
.iw-netnode{display:flex;flex-direction:column;align-items:center;gap:5px;background:var(--c-bg-card);border:1px solid var(--c-line);border-radius:20px;padding:30px 24px;box-shadow:0 14px 36px rgba(20,30,60,.08)}
.iw-netnode__logo{width:64px;height:64px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:30px;background:var(--c-primary-100);color:var(--c-primary);margin-bottom:6px}
.iw-netnode__as{font-size:22px;font-weight:800;color:var(--c-primary);letter-spacing:.5px}
.iw-netnode__name{font-size:15px;font-weight:600;color:var(--c-ink)}
.iw-netnode__status{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--c-green-dark);margin-top:4px}
.iw-netnode__status i{font-size:9px;color:var(--c-green)}
.iw-netlink{position:relative;display:flex;flex-direction:column;gap:16px;align-items:center;justify-content:center;min-height:130px}
.iw-netlink__line{position:relative;width:100%;height:2px;border-radius:2px;background:color-mix(in srgb, var(--c-primary) 20%, transparent);overflow:hidden}
.iw-netlink__line::after{content:"";position:absolute;top:0;left:-38%;height:100%;width:38%;border-radius:2px;background:linear-gradient(90deg, transparent, var(--c-primary), transparent);animation:iwBgpFlow 1.9s linear infinite}
.iw-netlink__line:nth-child(1){transform:rotate(-7deg)}
.iw-netlink__line:nth-child(2)::after{animation-delay:.45s}
.iw-netlink__line:nth-child(3){transform:rotate(7deg)}
.iw-netlink__line:nth-child(3)::after{animation-delay:.9s}
@keyframes iwBgpFlow{0%{left:-38%}100%{left:100%}}
.iw-netlink__label{position:absolute;bottom:-24px;font-size:12.5px;font-weight:600;color:var(--c-muted)}
.iw-netpeers{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.iw-netpeer{display:flex;align-items:center;gap:12px;background:var(--c-bg-card);border:1px solid var(--c-line);border-radius:14px;padding:13px 16px;transition:transform .18s,box-shadow .18s,border-color .18s}
.iw-netpeer:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(20,30,60,.10);border-color:var(--c-primary-light)}
.iw-netpeer__ico{flex:0 0 auto;width:40px;height:40px;border-radius:11px;display:inline-flex;align-items:center;justify-content:center;font-size:20px;background:color-mix(in srgb, var(--c-primary) 10%, transparent);color:var(--c-primary)}
.iw-netpeer__logo{flex:0 0 auto;width:40px;height:40px;border-radius:11px;display:inline-flex;align-items:center;justify-content:center;font-size:14px;font-weight:800;letter-spacing:.4px;color:#fff;background:var(--bc,var(--c-primary));box-shadow:0 3px 9px color-mix(in srgb, var(--bc, var(--c-primary)) 42%, transparent)}
@media (prefers-reduced-motion:reduce){.iw-netlink__line::after{animation:none;left:0;width:100%;opacity:.55}}
.iw-netpeer__txt{flex:1;display:flex;flex-direction:column;line-height:1.25;min-width:0}
.iw-netpeer__txt strong{font-size:14px;color:var(--c-ink);font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.iw-netpeer__txt span{font-size:12px;color:var(--c-muted)}
.iw-netpeer__dot{font-size:9px;color:var(--c-green)}
@media (max-width:1080px){
  .iw-netinfra__map{grid-template-columns:1fr;gap:22px;max-width:580px;margin:0 auto}
  /* mobilde bağlayıcı: yatay çizgi yığını yerine tek, ortalı dikey akış çizgisi */
  .iw-netlink{min-height:0;flex-direction:column;gap:9px;padding:2px 0 6px}
  .iw-netlink__line{width:2px;height:26px;transform:none!important;
    background:linear-gradient(var(--c-primary),color-mix(in srgb,var(--c-primary) 12%,transparent))}
  .iw-netlink__line::after{display:none}
  .iw-netlink__line:nth-child(2),
  .iw-netlink__line:nth-child(3){display:none}
  .iw-netlink__label{position:static;font-weight:700;color:var(--c-primary)}
}
@media (max-width:720px){
  .iw-netinfra__stats{grid-template-columns:repeat(2,1fr)}
  .iw-netinfra__stats .iw-netstat:last-child{grid-column:1 / -1}  /* 5. stat tek kalmasın → son satırda tam genişlik */
  .iw-netinfra__title{font-size:26px}
}
@media (max-width:520px){.iw-netpeers{grid-template-columns:1fr}}

/* ============================================================
   HAREKET & ERİŞİLEBİLİRLİK KATMANI (v2.8 — motion & a11y)
   ============================================================ */

/* --- Scroll-reveal: JS varken gizli başlar; IntersectionObserver .is-in ekler
   (above-the-fold öğeler load'da anında tetiklenir → hero girişi de bu sistemle). --- */
html.js .iw-reveal{opacity:0;transform:translateY(24px);
  transition:opacity var(--dur-reveal) var(--ease-emph), transform var(--dur-reveal) var(--ease-emph);
  transition-delay:var(--reveal-delay,0ms)}
html.js .iw-reveal--left{transform:translateX(-28px)}
html.js .iw-reveal--right{transform:translateX(28px)}
html.js .iw-reveal--scale{transform:scale(.94)}
html.js .iw-reveal.is-in{opacity:1;transform:none}
/* grid/başlık içi kademeli giriş (stagger) */
html.js [data-reveal-stagger] > .iw-reveal:nth-child(1){--reveal-delay:40ms}
html.js [data-reveal-stagger] > .iw-reveal:nth-child(2){--reveal-delay:120ms}
html.js [data-reveal-stagger] > .iw-reveal:nth-child(3){--reveal-delay:200ms}
html.js [data-reveal-stagger] > .iw-reveal:nth-child(4){--reveal-delay:280ms}
html.js [data-reveal-stagger] > .iw-reveal:nth-child(5){--reveal-delay:340ms}
html.js [data-reveal-stagger] > .iw-reveal:nth-child(n+6){--reveal-delay:400ms}

/* --- Buton press feedback (tüm butonlar) --- */
.iw-btn:active{transform:scale(.97);transition:transform var(--dur-fast) var(--ease-out)}

/* --- Focus-visible sistemi (klavye erişilebilirliği) --- */
a:focus-visible, button:focus-visible, .iw-btn:focus-visible, input:focus-visible,
select:focus-visible, textarea:focus-visible, .iw-menu__link:focus-visible,
.iw-rtiers__tab:focus-visible, .iw-rtoggle__btn:focus-visible, .iw-faq__q:focus-visible,
.iw-ptabs__tab:focus-visible, .iw-reviews__nav:focus-visible, .iw-netpeer:focus-visible,
.iw-promobar__copy:focus-visible, .iw-theme-toggle:focus-visible{
  outline:2px solid var(--c-primary); outline-offset:3px; border-radius:6px}

/* --- Input focus glow --- */
input:focus, textarea:focus, select:focus{
  box-shadow:0 0 0 3px color-mix(in srgb, var(--c-primary) 18%, transparent);
  transition:box-shadow var(--dur-base) var(--ease-out)}

/* --- Mobil yatay taşma düzeltmesi (kök clip = tüm akış-içi taşmayı keser) --- */
html{overflow-x:clip}
.iw-logos{overflow:hidden;max-width:100%}

/* --- Mobil dokunma hedefleri (>=42px) --- */
@media (max-width:640px){
  .iw-rtoggle__btn, .iw-rtiers__tab, .iw-ptabs__tab{min-height:42px}
  .iw-topbar__list a, .iw-menu__link{min-height:40px}
}

/* --- Reduced-motion: yeni hareketleri tamamen kapat --- */
@media (prefers-reduced-motion:reduce){
  html.js .iw-reveal{opacity:1 !important; transform:none !important; transition:none !important}
  .iw-btn:active{transform:none}
  html{scroll-behavior:auto}
}

/* ===================== MEGA MENÜ — renk-kodlu kategori sistemi (Segment esinli, Athena stili) =====================
   Her menü kendi imza rengini taşır (--panel-acc), her kart kendi kategori rengini (--acc).
   Eski .iw-mega* sistemi kaldırıldı; markup .iw-megac / .iw-mcard kullanır. */
.iw-megac{position:absolute;top:100%;left:0;right:0;z-index:var(--z-dropdown,120);
  background:color-mix(in srgb, var(--c-bg) 88%, transparent);
  -webkit-backdrop-filter:blur(16px) saturate(1.35);backdrop-filter:blur(16px) saturate(1.35);
  border-top:2px solid var(--panel-acc,var(--c-primary));
  box-shadow:0 30px 60px -20px rgba(20,30,60,.34);
  opacity:0;visibility:hidden;transform:translateY(9px);
  transition:opacity var(--dur-base) var(--ease-emph),transform var(--dur-base) var(--ease-emph),visibility var(--dur-base)}
[data-bs-theme="dark"] .iw-megac{box-shadow:0 30px 66px -18px rgba(0,0,0,.6)}
.iw-menu__item:hover>.iw-megac,.iw-menu__item.is-open>.iw-megac,.iw-menu__item:focus-within>.iw-megac{opacity:1;visibility:visible;transform:translateY(0)}

.iw-megac__inner{max-width:var(--container);margin:0 auto;padding:24px var(--gutter);
  display:grid;grid-template-columns:1fr 288px;gap:26px;align-items:stretch}
.iw-megac__main{display:flex;flex-direction:column;gap:18px;min-width:0}
.iw-megac__group{min-width:0}
.iw-megac__eyebrow{display:flex;align-items:center;gap:9px;margin:0 0 11px;
  font-size:11px;font-weight:var(--fw-bold);letter-spacing:.09em;text-transform:uppercase;color:var(--acc)}
.iw-megac__eyebrow .dot{width:7px;height:7px;border-radius:50%;background:var(--acc);flex:0 0 auto;
  box-shadow:0 0 0 3px color-mix(in srgb,var(--acc) 22%,transparent)}
.iw-megac__eyebrow::after{content:"";flex:1;height:1px;
  background:linear-gradient(90deg,color-mix(in srgb,var(--acc) 34%,transparent),transparent)}
.iw-megac__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}

.iw-mcard{position:relative;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:13px;
  padding:13px 15px;border:1px solid var(--c-line);border-radius:14px;background:var(--c-bg-card);
  text-decoration:none;overflow:hidden;isolation:isolate;
  transition:border-color var(--dur-base) var(--ease-out),transform var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out)}
.iw-mcard::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;
  background:var(--acc);transform:scaleY(0);transform-origin:top;
  transition:transform var(--dur-base) var(--ease-out)}
.iw-mcard:hover{border-color:color-mix(in srgb,var(--acc) 60%,var(--c-line));transform:translateY(-2px);
  box-shadow:0 16px 32px -16px color-mix(in srgb,var(--acc) 65%,transparent)}
.iw-mcard:hover::before{transform:scaleY(1)}
.iw-mcard__ico{width:44px;height:44px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;
  font-size:22px;flex:0 0 auto;
  background:color-mix(in srgb,var(--acc) 13%,transparent);color:var(--acc);
  border:1px solid color-mix(in srgb,var(--acc) 22%,transparent);
  transition:background var(--dur-base) var(--ease-out),color var(--dur-base) var(--ease-out),transform var(--dur-base) var(--ease-out)}
.iw-mcard:hover .iw-mcard__ico{background:var(--acc);color:#fff;border-color:var(--acc);transform:scale(1.06)}
.iw-mcard__body{min-width:0}
.iw-mcard__title{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin:0 0 2px;
  font-weight:var(--fw-semi);font-size:var(--fs-base);color:var(--c-ink);line-height:1.2}
.iw-mcard:hover .iw-mcard__title{color:var(--acc)}
.iw-mcard__desc{margin:0;font-size:var(--fs-xs);color:var(--c-muted);line-height:1.5;
  display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
.iw-mcard__badge{font-size:9.5px;font-weight:var(--fw-bold);letter-spacing:.04em;text-transform:uppercase;
  padding:2px 7px;border-radius:999px;line-height:1.4;white-space:nowrap;
  background:color-mix(in srgb,var(--acc) 15%,transparent);color:var(--acc)}
.iw-mcard__go{flex:0 0 auto;color:var(--c-muted);font-size:17px;opacity:0;transform:translateX(-4px);
  transition:opacity var(--dur-base) var(--ease-out),transform var(--dur-base) var(--ease-out),color var(--dur-base) var(--ease-out)}
.iw-mcard:hover .iw-mcard__go{opacity:1;transform:translateX(0);color:var(--acc)}

.iw-megac__feat{display:flex;flex-direction:column;align-items:flex-start;
  background:color-mix(in srgb,var(--panel-acc) 7%,var(--c-bg-card));
  border:1px solid color-mix(in srgb,var(--panel-acc) 20%,transparent);border-radius:16px;padding:22px 20px}
.iw-megac__feat-ico{width:46px;height:46px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;
  font-size:24px;margin-bottom:13px;background:color-mix(in srgb,var(--panel-acc) 16%,transparent);color:var(--panel-acc)}
.iw-megac__feat h4{margin:0 0 6px;font-size:var(--fs-md);font-weight:var(--fw-bold);color:var(--c-ink);line-height:1.25}
.iw-megac__feat p{margin:0 0 16px;font-size:var(--fs-xs);color:var(--c-muted);line-height:1.55}
.iw-megac__cta{display:inline-flex;align-items:center;gap:7px;justify-content:center;width:100%;
  padding:10px 16px;border-radius:11px;background:var(--panel-acc);color:#fff;
  font-size:var(--fs-sm);font-weight:var(--fw-semi);text-decoration:none;
  transition:filter var(--dur-base) var(--ease-out),transform var(--dur-base) var(--ease-out)}
.iw-megac__cta:hover{filter:brightness(1.07);transform:translateY(-1px);color:#fff}
.iw-megac__cta i{transition:transform var(--dur-base) var(--ease-out)}
.iw-megac__cta:hover i{transform:translateX(3px)}
.iw-megac__feat-support{display:inline-flex;align-items:center;gap:7px;margin-top:14px;
  font-size:var(--fs-xs);font-weight:var(--fw-medium);color:var(--c-muted)}
.iw-megac__feat-support i{color:var(--c-green);font-size:15px}

@media (max-width:992px){
  .iw-megac{position:static;opacity:1;visibility:visible;transform:none;
    -webkit-backdrop-filter:none;backdrop-filter:none;background:transparent;
    border:none;box-shadow:none;max-height:0;overflow:hidden;transition:max-height var(--dur-slow) var(--ease-out)}
  .iw-menu__item.is-open>.iw-megac{max-height:2200px}
  .iw-megac__inner{grid-template-columns:1fr;gap:14px;padding:8px 0 14px}
  .iw-megac__grid{grid-template-columns:1fr}
  .iw-megac__feat{display:none}
}

/* ===================== İLETİŞİM SAYFASI (iletisim.html) ===================== */
/* Ortak bölüm başlığı */
.iw-sec-head{max-width:640px;margin:0 auto 34px;text-align:center}
.iw-sec-head__eyebrow{display:inline-flex;align-items:center;gap:7px;padding:6px 14px;border-radius:var(--r-pill);
  background:color-mix(in srgb,var(--c-primary) 10%,transparent);color:var(--c-primary);
  font-size:var(--fs-xs);font-weight:var(--fw-semi);margin-bottom:14px}
.iw-sec-head__title{font-size:var(--fs-h2);font-weight:var(--fw-bold);color:var(--c-ink);margin:0 0 10px;line-height:1.18}
.iw-sec-head__sub{font-size:var(--fs-md);color:var(--c-muted);margin:0;line-height:1.6}

/* Hero — canlı destek kartı */
.iw-csupport{background:var(--c-bg-card);border:1px solid var(--c-line);border-radius:var(--r-xl);
  padding:24px;box-shadow:var(--sh-lg);max-width:400px;margin-left:auto}
.iw-csupport__top{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}
.iw-csupport__live{display:inline-flex;align-items:center;gap:7px;font-size:var(--fs-sm);font-weight:var(--fw-semi);color:var(--c-green-dark)}
.iw-csupport__dot{width:9px;height:9px;border-radius:50%;background:var(--c-green);position:relative}
.iw-csupport__dot::after{content:"";position:absolute;inset:-4px;border-radius:50%;
  background:color-mix(in srgb,var(--c-green) 60%,transparent);animation:iwPulse 1.8s var(--ease-out) infinite}
@keyframes iwPulse{0%{transform:scale(.6);opacity:.7}100%{transform:scale(1.9);opacity:0}}
.iw-csupport__label{display:inline-flex;align-items:center;gap:6px;font-size:var(--fs-sm);color:var(--c-muted)}
.iw-csupport__label i{color:var(--c-primary);font-size:16px}
.iw-csupport__agents{display:flex;align-items:center;margin-bottom:16px}
.iw-csupport__ava{width:40px;height:40px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;
  font-size:13px;font-weight:var(--fw-bold);color:#fff;background:var(--acc);border:2px solid var(--c-bg-card);margin-left:-10px}
.iw-csupport__ava:first-child{margin-left:0}
.iw-csupport__more{width:40px;height:40px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;
  font-size:12px;font-weight:var(--fw-bold);color:var(--c-muted);background:var(--c-bg-soft);border:2px solid var(--c-bg-card);margin-left:-10px}
.iw-csupport__msg{font-size:var(--fs-sm);color:var(--c-text);line-height:1.55;
  background:var(--c-bg-soft);border-radius:var(--r-md);padding:12px 14px;margin:0 0 16px}
.iw-csupport__stat{display:flex;align-items:baseline;gap:8px;margin-bottom:16px}
.iw-csupport__stat-num{font-size:var(--fs-xl);font-weight:var(--fw-bold);color:var(--c-primary)}
.iw-csupport__stat-lbl{font-size:var(--fs-sm);color:var(--c-muted)}
.iw-csupport__btn{width:100%;justify-content:center}

/* İletişim kanalları */
.iw-cchan-sec{padding:var(--section-py-top) 0 var(--section-py-bottom)}
.iw-cchan{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.iw-cchan__card{position:relative;display:flex;flex-direction:column;align-items:flex-start;
  padding:24px;border:1px solid var(--c-line);border-radius:var(--r-lg);background:var(--c-bg-card);
  text-decoration:none;overflow:hidden;isolation:isolate;
  transition:transform var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out),border-color var(--dur-base) var(--ease-out)}
.iw-cchan__card::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:var(--acc);
  transform:scaleX(0);transform-origin:left;transition:transform var(--dur-base) var(--ease-out)}
.iw-cchan__card:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--acc) 55%,var(--c-line));
  box-shadow:0 18px 38px -16px color-mix(in srgb,var(--acc) 60%,transparent)}
.iw-cchan__card:hover::before{transform:scaleX(1)}
.iw-cchan__ico{width:50px;height:50px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;
  font-size:25px;margin-bottom:16px;background:color-mix(in srgb,var(--acc) 13%,transparent);color:var(--acc);
  border:1px solid color-mix(in srgb,var(--acc) 22%,transparent);
  transition:background var(--dur-base) var(--ease-out),color var(--dur-base) var(--ease-out),transform var(--dur-base) var(--ease-out)}
.iw-cchan__card:hover .iw-cchan__ico{background:var(--acc);color:#fff;transform:scale(1.06)}
.iw-cchan__name{font-size:var(--fs-xs);font-weight:var(--fw-semi);text-transform:uppercase;letter-spacing:.06em;color:var(--c-muted);margin-bottom:6px}
.iw-cchan__val{font-size:var(--fs-md);font-weight:var(--fw-semi);color:var(--c-ink);line-height:1.3;margin-bottom:4px}
.iw-cchan__sub{font-size:var(--fs-sm);color:var(--c-muted);margin-bottom:16px}
.iw-cchan__go{margin-top:auto;display:inline-flex;align-items:center;gap:5px;font-size:var(--fs-sm);font-weight:var(--fw-semi);color:var(--acc)}
.iw-cchan__go i{transition:transform var(--dur-base) var(--ease-out)}
.iw-cchan__card:hover .iw-cchan__go i{transform:translateX(4px)}

/* Form + bilgi bölümü */
.iw-cform-sec{padding:0 0 var(--section-py-bottom);scroll-margin-top:120px}
.iw-cform{display:grid;grid-template-columns:1.5fr 1fr;gap:28px;align-items:start}
.iw-cform__main{background:var(--c-bg-card);border:1px solid var(--c-line);border-radius:var(--r-xl);padding:32px}
.iw-cform__title{font-size:var(--fs-h3);font-weight:var(--fw-bold);color:var(--c-ink);margin:12px 0 8px}
.iw-cform__lead{font-size:var(--fs-sm);color:var(--c-muted);margin:0 0 24px;line-height:1.6}

/* Form alanları */
.iw-form__row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.iw-field{display:flex;flex-direction:column;margin-bottom:16px}
.iw-field__label{font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--c-ink);margin-bottom:7px}
.iw-field__input{width:100%;font-family:var(--font-sans);font-size:var(--fs-sm);color:var(--c-ink);
  background:var(--c-bg-soft);border:1px solid var(--c-line);border-radius:var(--r-md);padding:11px 14px;
  transition:border-color var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out),background var(--dur-base) var(--ease-out)}
.iw-field__input::placeholder{color:var(--c-muted)}
.iw-field__input:hover{border-color:var(--c-primary-light)}
.iw-field__input:focus{outline:none;border-color:var(--c-primary);background:var(--c-bg-card);
  box-shadow:0 0 0 3px color-mix(in srgb,var(--c-primary) 16%,transparent)}
.iw-field__textarea{resize:vertical;min-height:120px;line-height:1.55}
.iw-field__select{position:relative}
.iw-field__select select{appearance:none;-webkit-appearance:none;cursor:pointer;padding-right:40px}
.iw-field__select i{position:absolute;right:12px;top:50%;transform:translateY(-50%);pointer-events:none;color:var(--c-muted);font-size:18px}
.iw-field__check{display:flex;align-items:flex-start;gap:10px;font-size:var(--fs-sm);color:var(--c-muted);line-height:1.5;margin:4px 0 20px;cursor:pointer}
.iw-field__check input{width:18px;height:18px;margin-top:1px;accent-color:var(--c-primary);flex:0 0 auto;cursor:pointer}
.iw-field__check a{color:var(--c-primary);font-weight:var(--fw-medium)}
.iw-form__submit{width:100%;justify-content:center}
.iw-form__submit i{font-size:18px}
.iw-form__success{display:flex;align-items:center;gap:14px;padding:20px;border-radius:var(--r-lg);
  background:color-mix(in srgb,var(--c-green) 10%,transparent);border:1px solid color-mix(in srgb,var(--c-green) 30%,transparent)}
.iw-form__success i{font-size:32px;color:var(--c-green);flex:0 0 auto}
.iw-form__success strong{display:block;color:var(--c-ink);font-size:var(--fs-md);margin-bottom:2px}
.iw-form__success p{margin:0;font-size:var(--fs-sm);color:var(--c-muted)}

/* Form hata mesajı (login/register/reset/2FA) — WHMCS $loginerror vb. için.
   Eklendi: M2 kimlik doğrulama dönüşümü — kaynak temada bu bileşen yoktu. */
.iw-form__error{display:flex;align-items:center;gap:10px;padding:14px 16px;border-radius:var(--r-md);
  background:color-mix(in srgb,var(--c-red) 10%,transparent);border:1px solid color-mix(in srgb,var(--c-red) 30%,transparent);
  color:var(--c-red);font-size:var(--fs-sm);font-weight:var(--fw-medium);margin-bottom:16px}
.iw-form__error i{font-size:20px;flex:0 0 auto}

/* Yan bilgi kartları */
.iw-cform__aside{display:flex;flex-direction:column;gap:18px}
.iw-cinfo{background:var(--c-bg-card);border:1px solid var(--c-line);border-radius:var(--r-lg);padding:22px 24px}
.iw-cinfo__title{display:flex;align-items:center;gap:9px;font-size:var(--fs-md);font-weight:var(--fw-semi);color:var(--c-ink);margin:0 0 16px}
.iw-cinfo__title i{color:var(--c-primary);font-size:19px}
.iw-cinfo__hours{list-style:none;margin:0;padding:0}
.iw-cinfo__hours li{display:flex;align-items:center;justify-content:space-between;padding:9px 0;border-bottom:1px solid var(--c-line-soft);font-size:var(--fs-sm);color:var(--c-muted)}
.iw-cinfo__hours li:last-child{border-bottom:none}
.iw-cinfo__hours li b{color:var(--c-ink);font-weight:var(--fw-semi)}
.iw-cinfo__hours li.is-live span{display:inline-flex;align-items:center;gap:6px;color:var(--c-green-dark);font-weight:var(--fw-medium)}
.iw-cinfo__hours li.is-live b{color:var(--c-green-dark)}
.iw-cinfo__addr{font-size:var(--fs-sm);color:var(--c-text);line-height:1.7;margin:0 0 16px}
.iw-cinfo__social{display:flex;gap:10px}
.iw-cinfo__social a{width:38px;height:38px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;
  font-size:18px;color:var(--c-muted);background:var(--c-bg-soft);border:1px solid var(--c-line);
  transition:color var(--dur-base) var(--ease-out),background var(--dur-base) var(--ease-out),transform var(--dur-base) var(--ease-out)}
.iw-cinfo__social a:hover{color:#fff;background:var(--c-primary-fill,var(--c-primary));border-color:var(--c-primary);transform:translateY(-2px)}

/* Harita yer tutucu */
.iw-cmap{position:relative;height:220px;border-radius:var(--r-lg);overflow:hidden;border:1px solid var(--c-line);
  background:color-mix(in srgb,var(--c-primary) 6%,var(--c-bg-soft))}
.iw-cmap__grid{position:absolute;inset:0;
  background-image:linear-gradient(color-mix(in srgb,var(--c-primary) 12%,transparent) 1px,transparent 1px),
                   linear-gradient(90deg,color-mix(in srgb,var(--c-primary) 12%,transparent) 1px,transparent 1px);
  background-size:34px 34px}
.iw-cmap__pin{position:absolute;top:38%;left:50%;transform:translate(-50%,-50%);font-size:34px;color:var(--c-primary);
  filter:drop-shadow(0 6px 10px rgba(56,88,176,.35))}
.iw-cmap__pin::after{content:"";position:absolute;left:50%;bottom:-6px;transform:translateX(-50%);width:16px;height:5px;
  border-radius:50%;background:rgba(56,88,176,.25)}
.iw-cmap__card{position:absolute;left:14px;right:14px;bottom:14px;background:var(--c-bg-card);border:1px solid var(--c-line);
  border-radius:var(--r-md);padding:12px 14px;box-shadow:var(--sh-md);display:flex;flex-direction:column;gap:2px}
.iw-cmap__name{font-size:var(--fs-sm);font-weight:var(--fw-semi);color:var(--c-ink)}
.iw-cmap__addr{font-size:var(--fs-xs);color:var(--c-muted)}
.iw-cmap__link{font-size:var(--fs-xs);font-weight:var(--fw-semi);color:var(--c-primary);margin-top:4px;text-decoration:none;display:inline-flex;align-items:center;gap:5px}

/* Kapanış CTA */
.iw-ccta{padding:0 0 var(--section-y)}
.iw-ccta__box{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;
  background:linear-gradient(120deg,var(--c-primary),var(--c-primary-dark));
  border-radius:var(--r-xl);padding:36px 40px}
.iw-ccta__text h2{font-size:var(--fs-h3);font-weight:var(--fw-bold);color:#fff;margin:0 0 6px}
.iw-ccta__text p{font-size:var(--fs-md);color:rgba(255,255,255,.85);margin:0;line-height:1.55}
.iw-ccta .iw-btn--light i{font-size:18px}

@media (max-width:992px){
  .iw-cchan{grid-template-columns:repeat(2,1fr)}
  .iw-cform{grid-template-columns:1fr}
  .iw-csupport{margin:0 auto}
}
@media (max-width:560px){
  .iw-cchan{grid-template-columns:1fr}
  .iw-form__row{grid-template-columns:1fr}
  .iw-cform__main{padding:24px 20px}
  .iw-ccta__box{padding:28px 24px}
  .iw-sec-head__title{font-size:var(--fs-xl)}
}

/* ===================== BLOG (blog.html + anasayfa teaser) ===================== */
/* Post kartı — kategori renk-kodlu kapak */
.iw-post{display:flex;flex-direction:column;background:var(--c-bg-card);border:1px solid var(--c-line);
  border-radius:var(--r-lg);overflow:hidden;
  transition:transform var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out),border-color var(--dur-base) var(--ease-out)}
.iw-post:hover{transform:translateY(-4px);box-shadow:var(--sh-lg);border-color:color-mix(in srgb,var(--c-primary) 28%,var(--c-line))}
.iw-post__cover{position:relative;display:flex;align-items:center;justify-content:center;height:180px;overflow:hidden;text-decoration:none;
  background:linear-gradient(135deg,color-mix(in srgb,var(--acc) 24%,var(--c-bg-card)),color-mix(in srgb,var(--acc) 7%,var(--c-bg-card)))}
.iw-post__cover::before{content:"";position:absolute;inset:0;
  background-image:radial-gradient(color-mix(in srgb,var(--acc) 26%,transparent) 1.4px,transparent 1.4px);background-size:18px 18px;
  -webkit-mask-image:linear-gradient(150deg,#000,transparent 78%);mask-image:linear-gradient(150deg,#000,transparent 78%)}
.iw-post__cover-ico{position:relative;font-size:56px;color:var(--acc);transition:transform var(--dur-base) var(--ease-out)}
.iw-post:hover .iw-post__cover-ico{transform:scale(1.1) rotate(-4deg)}
/* gerçek kapak görseli — rozetlerin (z-index:2) altında, desenin üstünde */
.iw-post__img{position:absolute;inset:0;z-index:1;width:100%;height:100%;object-fit:cover;display:block;
  transition:transform var(--dur-slow,.5s) var(--ease-out)}
.iw-post:hover .iw-post__img{transform:scale(1.045)}
.iw-post__cat{position:absolute;top:12px;left:12px;z-index:2;font-size:10.5px;font-weight:var(--fw-bold);letter-spacing:.04em;
  text-transform:uppercase;padding:4px 11px;border-radius:var(--r-pill);background:var(--acc);color:#fff}
.iw-post__feat-badge{position:absolute;top:12px;right:12px;z-index:2;display:inline-flex;align-items:center;gap:5px;
  font-size:10.5px;font-weight:var(--fw-bold);padding:4px 11px;border-radius:var(--r-pill);
  background:var(--c-bg-card);color:var(--c-ink);box-shadow:var(--sh-sm)}
.iw-post__feat-badge i{color:var(--rgold,#DEC746)}
.iw-post__body{display:flex;flex-direction:column;flex:1;padding:18px 20px 20px}
.iw-post__meta{display:flex;flex-wrap:wrap;gap:14px;font-size:var(--fs-xs);color:var(--c-muted);margin-bottom:11px}
.iw-post__meta span{display:inline-flex;align-items:center;gap:5px}
.iw-post__meta i{font-size:14px}
.iw-post__title{font-size:var(--fs-md);font-weight:var(--fw-semi);line-height:1.35;margin:0 0 10px}
.iw-post__title a{color:var(--c-ink);text-decoration:none;transition:color var(--dur-base) var(--ease-out)}
.iw-post:hover .iw-post__title a{color:var(--c-primary)}
.iw-post__excerpt{font-size:var(--fs-sm);color:var(--c-muted);line-height:1.6;margin:0 0 16px;flex:1;
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.iw-post__more{display:inline-flex;align-items:center;gap:6px;font-size:var(--fs-sm);font-weight:var(--fw-semi);
  color:var(--c-primary);text-decoration:none;margin-top:auto}
.iw-post__more i{transition:transform var(--dur-base) var(--ease-out)}
.iw-post:hover .iw-post__more i{transform:translateX(4px)}

/* Grid */
.iw-post-grid{display:grid;gap:24px}
.iw-post-grid--3{grid-template-columns:repeat(3,1fr)}

/* Öne çıkan (yatay büyük kart) */
.iw-post--feature{flex-direction:row;margin-bottom:32px}
.iw-post--feature .iw-post__cover{flex:0 0 46%;width:46%;height:auto;min-height:320px}
.iw-post--feature .iw-post__cover-ico{font-size:80px}
.iw-post--feature .iw-post__body{justify-content:center;padding:36px 40px}
.iw-post--feature .iw-post__title{font-size:var(--fs-h3);line-height:1.24;margin-bottom:12px}
.iw-post--feature .iw-post__excerpt{-webkit-line-clamp:4;font-size:var(--fs-base);margin-bottom:18px}

/* Anasayfa teaser başlığı */
.iw-bloghome{padding:var(--section-py-top) 0 var(--section-py-bottom)}
.iw-bloghome__head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:32px}
.iw-bloghome__title{font-size:var(--fs-h2);font-weight:var(--fw-bold);color:var(--c-ink);margin:10px 0 8px;line-height:1.18}
.iw-bloghome__sub{font-size:var(--fs-md);color:var(--c-muted);margin:0;max-width:520px;line-height:1.6}
.iw-bloghome__all{flex:0 0 auto}

/* Blog sayfası hero */
.iw-bloghero{background:linear-gradient(180deg,var(--c-primary-50),var(--c-bg));padding:56px 0 42px;text-align:center}
.iw-bloghero__inner{max-width:720px;margin:0 auto}
.iw-bloghero__title{font-size:var(--fs-hero);font-weight:var(--fw-bold);color:var(--c-ink);margin:14px 0 12px;line-height:1.12}
.iw-bloghero__sub{font-size:var(--fs-md);color:var(--c-muted);margin:0 auto 26px;max-width:600px;line-height:1.6}

/* Kategori filtre çipleri */
.iw-blogchips{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
.iw-blogchip{font-family:var(--font-sans);font-size:var(--fs-sm);font-weight:var(--fw-medium);
  padding:8px 16px;border-radius:var(--r-pill);border:1px solid var(--c-line);background:var(--c-bg-card);color:var(--c-text);
  cursor:pointer;transition:color var(--dur-base) var(--ease-out),background var(--dur-base) var(--ease-out),border-color var(--dur-base) var(--ease-out)}
.iw-blogchip:hover{border-color:var(--acc,var(--c-primary));color:var(--acc,var(--c-primary))}
.iw-blogchip.is-active{background:var(--acc,var(--c-primary));border-color:var(--acc,var(--c-primary));color:#fff}

/* Blog içerik alanı */
.iw-blogmain{padding:var(--section-py-top) 0 var(--section-y)}
.iw-blogempty{text-align:center;color:var(--c-muted);padding:44px 0;font-size:var(--fs-md)}
.iw-blogempty i{font-size:22px;vertical-align:-4px;margin-right:6px}

/* Sayfalama */
.iw-pagination{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:44px}
.iw-pagination__btn{min-width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;padding:0 12px;
  border-radius:var(--r-md);border:1px solid var(--c-line);background:var(--c-bg-card);color:var(--c-text);
  font-size:var(--fs-sm);font-weight:var(--fw-medium);text-decoration:none;
  transition:color var(--dur-base) var(--ease-out),background var(--dur-base) var(--ease-out),border-color var(--dur-base) var(--ease-out)}
.iw-pagination__btn i{font-size:18px}
.iw-pagination__btn:hover{border-color:var(--c-primary);color:var(--c-primary)}
.iw-pagination__btn.is-active{background:var(--c-primary-fill,var(--c-primary));border-color:var(--c-primary);color:#fff}
.iw-pagination__btn.is-disabled{opacity:.45;pointer-events:none}
.iw-pagination__dots{color:var(--c-muted);padding:0 4px}

@media (max-width:992px){
  .iw-post-grid--3{grid-template-columns:repeat(2,1fr)}
  .iw-post--feature{flex-direction:column}
  .iw-post--feature .iw-post__cover{flex-basis:auto;width:100%;height:220px;min-height:0}
  .iw-post--feature .iw-post__body{padding:26px 24px}
  .iw-bloghome__head{align-items:flex-start}
}
@media (max-width:560px){
  .iw-post-grid--3{grid-template-columns:1fr}
  .iw-bloghero__title{font-size:var(--fs-h2)}
  .iw-bloghome__all{width:100%;justify-content:center}
}

/* ===================== HAKKIMIZDA (hakkimizda.html) ===================== */
/* Hero misyon kartı */
.iw-abvisual{background:var(--c-bg-card);border:1px solid var(--c-line);border-radius:var(--r-xl);
  padding:32px;box-shadow:var(--sh-lg);width:100%}
.iw-whhero__visual:has(.iw-abvisual){align-self:start}
.iw-abvisual__badge{display:inline-flex;align-items:center;gap:7px;padding:6px 13px;border-radius:var(--r-pill);
  background:color-mix(in srgb,var(--c-primary) 12%,transparent);color:var(--c-primary);
  font-size:var(--fs-xs);font-weight:var(--fw-semi);margin-bottom:16px}
.iw-abvisual__quote{font-size:var(--fs-lg);font-weight:var(--fw-semi);color:var(--c-ink);line-height:1.45;margin:0 0 20px}
.iw-abvisual__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.iw-abvisual__list li{display:flex;align-items:center;gap:10px;font-size:var(--fs-sm);color:var(--c-text)}
.iw-abvisual__list i{font-size:19px;flex:0 0 auto}

/* İstatistik şeridi (gradyan, sayaçlı) */
.iw-abstat-sec{padding:0 0 var(--section-py-bottom)}
.iw-abstat{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;
  background:linear-gradient(120deg,var(--c-primary),var(--c-primary-dark));border-radius:var(--r-xl);padding:38px 28px}
.iw-abstat__item{text-align:center;position:relative}
.iw-abstat__item:not(:last-child)::after{content:"";position:absolute;right:-10px;top:50%;transform:translateY(-50%);
  width:1px;height:52px;background:rgba(255,255,255,.18)}
.iw-abstat__num{display:block;font-size:38px;font-weight:var(--fw-extra);color:#fff;line-height:1.1;letter-spacing:-.01em}
.iw-abstat__label{display:block;margin-top:6px;font-size:var(--fs-sm);color:rgba(255,255,255,.82)}

@media (max-width:992px){
  .iw-abstat{grid-template-columns:repeat(2,1fr);gap:30px 20px}
  .iw-abstat__item::after{display:none}
  .iw-abvisual{margin:0 auto}
}
@media (max-width:560px){
  .iw-abstat{grid-template-columns:1fr}
  .iw-abstat__num{font-size:32px}
}

/* ===================== BİLGİ BANKASI (bilgi-bankasi.html) ===================== */
.iw-kbhero{background:linear-gradient(180deg,var(--c-primary-50),var(--c-bg));padding:58px 0 46px;text-align:center}
.iw-kbhero__inner{max-width:720px;margin:0 auto}
.iw-kbhero__title{font-size:var(--fs-hero);font-weight:var(--fw-bold);color:var(--c-ink);margin:14px 0 12px;line-height:1.12}
.iw-kbhero__sub{font-size:var(--fs-md);color:var(--c-muted);margin:0 auto 24px;max-width:560px;line-height:1.6}

.iw-kbsearch{display:flex;align-items:center;gap:10px;max-width:560px;margin:0 auto 14px;
  background:var(--c-bg-card);border:1px solid var(--c-line);border-radius:var(--r-pill);
  padding:7px 7px 7px 20px;box-shadow:var(--sh-md);
  transition:border-color var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out)}
.iw-kbsearch:focus-within{border-color:var(--c-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--c-primary) 16%,transparent)}
.iw-kbsearch > i{color:var(--c-muted);font-size:21px;flex:0 0 auto}
.iw-kbsearch input{flex:1;min-width:0;border:none;background:transparent;font-family:var(--font-sans);font-size:var(--fs-md);color:var(--c-ink);outline:none}
.iw-kbsearch input::placeholder{color:var(--c-muted)}
.iw-kbsearch .iw-btn{flex:0 0 auto;border-radius:var(--r-pill);padding:10px 22px}

.iw-kbtags{display:flex;flex-wrap:wrap;gap:8px 10px;justify-content:center;align-items:center;font-size:var(--fs-sm);margin:0}
.iw-kbtags span{color:var(--c-muted)}
.iw-kbtags a{color:var(--c-primary);text-decoration:none;padding:3px 11px;border-radius:var(--r-pill);
  background:color-mix(in srgb,var(--c-primary) 8%,transparent);transition:background var(--dur-base) var(--ease-out)}
.iw-kbtags a:hover{background:color-mix(in srgb,var(--c-primary) 16%,transparent)}

.iw-kbcat-sec{padding:var(--section-py-top) 0 var(--section-py-bottom)}
.iw-kbcat{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.iw-kbcat__card{position:relative;display:flex;align-items:center;gap:15px;padding:20px 22px;
  border:1px solid var(--c-line);border-radius:var(--r-lg);background:var(--c-bg-card);text-decoration:none;overflow:hidden;isolation:isolate;
  transition:transform var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out),border-color var(--dur-base) var(--ease-out)}
.iw-kbcat__card::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--acc);
  transform:scaleY(0);transform-origin:top;transition:transform var(--dur-base) var(--ease-out)}
.iw-kbcat__card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--acc) 55%,var(--c-line));
  box-shadow:0 16px 34px -16px color-mix(in srgb,var(--acc) 60%,transparent)}
.iw-kbcat__card:hover::before{transform:scaleY(1)}
.iw-kbcat__ico{width:48px;height:48px;border-radius:13px;display:inline-flex;align-items:center;justify-content:center;
  font-size:24px;flex:0 0 auto;background:color-mix(in srgb,var(--acc) 13%,transparent);color:var(--acc);
  border:1px solid color-mix(in srgb,var(--acc) 22%,transparent);
  transition:background var(--dur-base) var(--ease-out),color var(--dur-base) var(--ease-out),transform var(--dur-base) var(--ease-out)}
.iw-kbcat__card:hover .iw-kbcat__ico{background:var(--acc);color:#fff;transform:scale(1.06)}
.iw-kbcat__body{display:flex;flex-direction:column;min-width:0;flex:1}
.iw-kbcat__title{font-size:var(--fs-md);font-weight:var(--fw-semi);color:var(--c-ink);line-height:1.25}
.iw-kbcat__count{font-size:var(--fs-xs);color:var(--c-muted);margin-top:2px}
.iw-kbcat__go{flex:0 0 auto;color:var(--c-muted);font-size:18px;transition:transform var(--dur-base) var(--ease-out),color var(--dur-base) var(--ease-out)}
.iw-kbcat__card:hover .iw-kbcat__go{color:var(--acc);transform:translateX(4px)}

.iw-kbfaq__chips{margin-bottom:24px}

@media (max-width:992px){
  .iw-kbcat{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:560px){
  .iw-kbcat{grid-template-columns:1fr}
  .iw-kbhero__title{font-size:var(--fs-h2)}
  .iw-kbsearch{flex-wrap:wrap;border-radius:var(--r-lg);padding:12px 14px}
  .iw-kbsearch .iw-btn{width:100%}
}

/* ===================== BLOG DETAY (blog-yazi.html) ===================== */
/* Okuma ilerleme çubuğu */
.iw-readbar{position:fixed;top:0;left:0;height:3px;width:0;z-index:200;
  background:linear-gradient(90deg,var(--c-primary),var(--seg-sky,#2D9CDB));transition:width .1s linear}

/* Makale başlığı */
.iw-arthero{background:linear-gradient(180deg,var(--c-primary-50),var(--c-bg));padding:40px 0 30px}
.iw-arthero__inner{max-width:760px;margin:0 auto;text-align:center}
.iw-crumb{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:6px;font-size:var(--fs-sm);color:var(--c-muted);margin-bottom:16px}
.iw-crumb a{color:var(--c-muted);text-decoration:none;transition:color var(--dur-base) var(--ease-out)}
.iw-crumb a:hover{color:var(--c-primary)}
.iw-crumb i{font-size:16px;opacity:.6}
.iw-artcat{display:inline-flex;align-items:center;gap:6px;padding:5px 13px;border-radius:var(--r-pill);
  font-size:var(--fs-xs);font-weight:var(--fw-bold);letter-spacing:.03em;
  background:color-mix(in srgb,var(--acc) 14%,transparent);color:var(--acc);margin-bottom:16px}
.iw-artcat i{font-size:14px}
.iw-arthero__title{font-size:var(--fs-h2);font-weight:var(--fw-bold);color:var(--c-ink);line-height:1.2;margin:0}
.iw-artmeta{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:8px 18px;margin-top:20px;font-size:var(--fs-sm);color:var(--c-muted)}
.iw-artmeta span{display:inline-flex;align-items:center;gap:6px}
.iw-artmeta i{font-size:15px}
.iw-artmeta__author{font-weight:var(--fw-medium);color:var(--c-ink)}
.iw-artmeta__ava{width:26px;height:26px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;
  font-size:11px;font-weight:var(--fw-bold);color:#fff;background:var(--acc,var(--c-primary))}

/* Kapak */
.iw-artcover{position:relative;max-width:900px;margin:6px auto 0;height:300px;border-radius:var(--r-xl);overflow:hidden;
  display:flex;align-items:center;justify-content:center;
  background:linear-gradient(135deg,color-mix(in srgb,var(--acc) 26%,var(--c-bg-card)),color-mix(in srgb,var(--acc) 8%,var(--c-bg-card)));
  border:1px solid var(--c-line)}
.iw-artcover__grid{position:absolute;inset:0;
  background-image:radial-gradient(color-mix(in srgb,var(--acc) 24%,transparent) 1.5px,transparent 1.5px);background-size:22px 22px;
  -webkit-mask-image:linear-gradient(150deg,#000,transparent 80%);mask-image:linear-gradient(150deg,#000,transparent 80%)}
.iw-artcover > i{position:relative;font-size:84px;color:var(--acc)}
/* gerçek kapak görseli — kutuyu tamamen doldurur */
.iw-artcover > img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}

/* Prose — zengin metin */
.iw-prose{max-width:740px;margin:38px auto 0;font-size:var(--fs-md);color:var(--c-text);line-height:1.8}
.iw-prose > * + *{margin-top:1.15em}
.iw-prose__lead{font-size:var(--fs-lg);color:var(--c-ink);line-height:1.65}
.iw-prose h2{font-size:var(--fs-h3);color:var(--c-ink);line-height:1.28;margin-top:1.7em}
.iw-prose h3{font-size:var(--fs-lg);color:var(--c-ink);margin-top:1.4em}
.iw-prose a{color:var(--c-primary);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.iw-prose strong{color:var(--c-ink);font-weight:var(--fw-semi)}
.iw-prose ul,.iw-prose ol{padding-left:1.4em}
.iw-prose li{margin:.45em 0}
.iw-prose li::marker{color:var(--c-primary);font-weight:var(--fw-bold)}
.iw-prose blockquote{margin:1.5em 0;border-left:3px solid var(--c-primary);padding:2px 0 2px 20px;
  font-family:var(--font-display);font-size:var(--fs-lg);font-style:italic;color:var(--c-ink);line-height:1.5}
.iw-prose pre{background:var(--c-bg-soft);border:1px solid var(--c-line);border-radius:var(--r-md);
  padding:16px 18px;overflow-x:auto;font-family:var(--font-mono,ui-monospace,SFMono-Regular,Menlo,monospace);font-size:var(--fs-sm);line-height:1.6;color:var(--c-ink)}
.iw-prose :not(pre) > code{font-family:var(--font-mono,ui-monospace,SFMono-Regular,Menlo,monospace);font-size:.88em;
  background:var(--c-bg-soft);border:1px solid var(--c-line);border-radius:6px;padding:2px 6px;color:var(--c-primary)}
.iw-prose pre code{background:none;border:none;padding:0;color:inherit;font-size:inherit}

/* İpucu kutusu */
.iw-artcallout{display:flex;gap:13px;align-items:flex-start;
  background:color-mix(in srgb,var(--c-primary) 7%,var(--c-bg-card));
  border:1px solid color-mix(in srgb,var(--c-primary) 20%,transparent);border-radius:var(--r-lg);padding:16px 18px}
.iw-artcallout > i{color:var(--c-primary);font-size:22px;flex:0 0 auto;margin-top:1px}
.iw-artcallout p{margin:0}

/* Figür / görsel yer tutucu */
.iw-prose__fig{margin:1.6em 0}
.iw-prose__fig-ph{display:flex;align-items:center;justify-content:center;height:220px;border-radius:var(--r-lg);
  background:var(--c-bg-soft);border:1px dashed var(--c-line);color:var(--c-muted);font-size:34px}
/* PageSpeed skoru öncesi/sonrası karşılaştırması (görsel değil, bileşen) */
.iw-scorecmp{display:flex;align-items:center;justify-content:center;gap:clamp(18px,5vw,54px);
  padding:30px 22px;border-radius:var(--r-lg);background:var(--c-bg-soft);border:1px solid var(--c-line)}
.iw-scorecmp__item{display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;min-width:0}
.iw-scorecmp__dial{--deg:calc(var(--sc) * 3.6deg);
  width:104px;height:104px;border-radius:50%;display:grid;place-items:center;margin-bottom:8px;
  background:conic-gradient(var(--sc-col) var(--deg), color-mix(in srgb,var(--sc-col) 16%,transparent) 0)}
.iw-scorecmp__dial::before{content:"";grid-area:1/1;width:80px;height:80px;border-radius:50%;background:var(--c-bg-card)}
.iw-scorecmp__num{grid-area:1/1;font-size:28px;font-weight:var(--fw-extra,800);color:var(--sc-col);line-height:1;
  font-variant-numeric:tabular-nums}
.iw-scorecmp__label{font-size:13.5px;font-weight:var(--fw-semi);color:var(--c-ink)}
.iw-scorecmp__note{font-size:12.5px;color:var(--c-muted)}
.iw-scorecmp__arrow{font-size:26px;color:var(--c-muted);flex:0 0 auto}
@media (max-width:420px){
  .iw-scorecmp{gap:14px;padding:22px 12px}
  .iw-scorecmp__dial{width:86px;height:86px}
  .iw-scorecmp__dial::before{width:66px;height:66px}
  .iw-scorecmp__num{font-size:23px}
}
.iw-prose__fig figcaption{margin-top:10px;text-align:center;font-size:var(--fs-sm);color:var(--c-muted)}

/* Etiketler + paylaş */
.iw-artfoot{max-width:740px;margin:32px auto 0;padding-top:22px;border-top:1px solid var(--c-line);
  display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px}
.iw-arttags{display:flex;flex-wrap:wrap;gap:8px}
.iw-arttag{font-size:var(--fs-sm);color:var(--c-primary);text-decoration:none;padding:4px 12px;border-radius:var(--r-pill);
  background:color-mix(in srgb,var(--c-primary) 8%,transparent);transition:background var(--dur-base) var(--ease-out)}
.iw-arttag:hover{background:color-mix(in srgb,var(--c-primary) 16%,transparent)}
.iw-artshare{display:flex;align-items:center;gap:9px}
.iw-artshare__label{font-size:var(--fs-sm);color:var(--c-muted)}
.iw-artshare a,.iw-artshare__copy{width:36px;height:36px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;
  font-size:17px;color:var(--c-muted);background:var(--c-bg-soft);border:1px solid var(--c-line);cursor:pointer;
  transition:color var(--dur-base) var(--ease-out),background var(--dur-base) var(--ease-out),transform var(--dur-base) var(--ease-out)}
.iw-artshare a:hover,.iw-artshare__copy:hover{color:#fff;background:var(--c-primary-fill,var(--c-primary));border-color:var(--c-primary);transform:translateY(-2px)}

/* Yazar kutusu */
.iw-artauthor{max-width:740px;margin:28px auto 0;display:flex;gap:18px;align-items:flex-start;
  background:var(--c-bg-card);border:1px solid var(--c-line);border-radius:var(--r-lg);padding:24px}
.iw-artauthor__ava{width:64px;height:64px;border-radius:50%;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;
  font-size:22px;font-weight:var(--fw-bold);color:#fff;background:var(--acc,var(--c-primary))}
.iw-artauthor__role{font-size:var(--fs-xs);font-weight:var(--fw-semi);text-transform:uppercase;letter-spacing:.06em;color:var(--c-muted)}
.iw-artauthor__name{font-size:var(--fs-md);font-weight:var(--fw-semi);color:var(--c-ink);margin:3px 0 8px}
.iw-artauthor__bio{font-size:var(--fs-sm);color:var(--c-muted);line-height:1.6;margin:0 0 12px}
.iw-artauthor__social{display:flex;gap:9px}
.iw-artauthor__social a{width:34px;height:34px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;
  font-size:16px;color:var(--c-muted);background:var(--c-bg-soft);border:1px solid var(--c-line);
  transition:color var(--dur-base) var(--ease-out),background var(--dur-base) var(--ease-out)}
.iw-artauthor__social a:hover{color:#fff;background:var(--c-primary-fill,var(--c-primary));border-color:var(--c-primary)}

/* İlgili yazılar */
.iw-related{padding:var(--section-py-top) 0 var(--section-y)}
.iw-sec-head--left{max-width:none;margin:0 0 26px;text-align:left}

@media (max-width:560px){
  .iw-arthero__title{font-size:var(--fs-xl)}
  .iw-artcover{height:210px}
  .iw-artcover > i{font-size:60px}
  .iw-artauthor{flex-direction:column;gap:14px}
  .iw-artfoot{flex-direction:column;align-items:flex-start}
}

/* ===================== YASAL METİN SAYFALARI (gizlilik, kvkk, kullanım, çerez) ===================== */
.iw-legalhero{background:linear-gradient(180deg,var(--c-primary-50),var(--c-bg));padding:44px 0 34px;text-align:center}
.iw-legalhero__inner{max-width:760px;margin:0 auto}
.iw-legalhero__title{font-size:var(--fs-h2);font-weight:var(--fw-bold);color:var(--c-ink);line-height:1.18;margin:14px 0 10px}
.iw-legalhero__meta{display:inline-flex;align-items:center;gap:7px;font-size:var(--fs-sm);color:var(--c-muted)}
.iw-legalhero__meta i{font-size:15px}
.iw-legalbody{padding:0 0 var(--section-y)}
.iw-legalbody .iw-prose{margin-top:34px}
/* Yasal listelerde daha okunur aralık */
.iw-legalbody .iw-prose h2{scroll-margin-top:120px}

/* ===================== DOMAIN ARAMA SONUÇLARI (anasayfa demo) ===================== */
.iw-dresult{margin-top:16px;text-align:left}
.iw-dresult__loading{display:flex;align-items:center;justify-content:center;gap:10px;padding:22px;color:var(--c-muted);font-size:var(--fs-sm)}
.iw-dresult__loading i{font-size:20px;color:var(--c-primary);animation:iwDomSpin 1s linear infinite}
@keyframes iwDomSpin{to{transform:rotate(360deg)}}
.iw-dresult__inner{background:var(--c-bg-card);border:1px solid var(--c-line);border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--sh-md)}
.iw-dresult__lead{display:flex;align-items:center;gap:9px;padding:14px 18px;background:var(--c-bg-soft);
  border-bottom:1px solid var(--c-line);font-size:var(--fs-sm);color:var(--c-text)}
.iw-dresult__lead i{color:var(--c-red);font-size:18px;flex:0 0 auto}
.iw-dresult__lead strong{color:var(--c-ink)}
.iw-dresult__row{display:flex;align-items:center;gap:14px;padding:13px 18px;border-bottom:1px solid var(--c-line-soft);flex-wrap:wrap}
.iw-dresult__row:last-child{border-bottom:none}
.iw-dresult__row.is-taken{background:color-mix(in srgb,var(--c-muted) 5%,transparent)}
.iw-dresult__name{flex:1 1 150px;min-width:0;font-size:var(--fs-md);color:var(--c-ink)}
.iw-dresult__name b{font-weight:var(--fw-semi)}
.iw-dresult__status{display:inline-flex;align-items:center;gap:5px;font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--c-green-dark);white-space:nowrap}
.iw-dresult__status i{font-size:16px}
.iw-dresult__status--taken{color:var(--c-muted)}
.iw-dresult__price{font-size:var(--fs-md);font-weight:var(--fw-bold);color:var(--c-primary);white-space:nowrap}
.iw-dresult__price small{font-size:var(--fs-xs);color:var(--c-muted);font-weight:var(--fw-regular)}
.iw-dresult__add{white-space:nowrap}
.iw-dresult__add.is-added{background:var(--c-green);border-color:var(--c-green);pointer-events:none}
.iw-dresult__whois{font-size:var(--fs-sm);color:var(--c-muted);text-decoration:none;white-space:nowrap}
.iw-dresult__whois:hover{color:var(--c-primary)}
@media (max-width:560px){
  .iw-dresult__row{gap:8px 12px}
  .iw-dresult__name{flex-basis:100%}
  .iw-dresult__add{margin-left:auto}
}

/* ===================== MÜŞTERİ PANELİ — GİRİŞ / KAYIT (auth) ===================== */
.iw-authbody{display:flex;flex-direction:column;min-height:100vh;background:var(--c-bg)}

/* form üstü kontroller (siteye dön + tema butonu — üst bar kaldırıldı) */
.iw-auth__topctl{flex:0 0 auto;display:flex;justify-content:flex-end;align-items:center;gap:10px}

/* split shell */
.iw-auth{flex:1 0 auto;display:grid;grid-template-columns:1.05fr .95fr}

/* brand aside (lacivert gradyan) */
.iw-auth__aside{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center;gap:28px;
  padding:clamp(32px,5vw,64px);color:#fff;background:linear-gradient(135deg,#10233f,#0a3e74)}
.iw-auth__aside::before{content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(circle at 82% 12%,rgba(255,255,255,.10),transparent 42%),radial-gradient(circle at 12% 90%,rgba(56,88,176,.38),transparent 46%)}
.iw-auth__aside>*{position:relative}
.iw-auth__aside .iw-logo-svg{height:40px;width:auto}
.iw-auth__aside .iw-logo-mark,.iw-auth__aside .iw-logo-text{fill:#fff}
.iw-auth__headline{font-family:var(--font-display);font-size:clamp(24px,2.6vw,33px);font-weight:700;line-height:1.18;letter-spacing:-.6px;margin:0 0 12px;color:#fff}
.iw-auth__lead{font-size:15.5px;line-height:1.6;color:rgba(255,255,255,.82);margin:0;max-width:420px}
.iw-auth__points{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:15px}
.iw-auth__point{display:flex;align-items:flex-start;gap:12px;font-size:15px;color:rgba(255,255,255,.92);line-height:1.4}
.iw-auth__point i{flex:0 0 auto;width:27px;height:27px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;
  font-size:15px;background:rgba(255,255,255,.14);color:#fff}

/* form side */
.iw-auth__main{display:flex;flex-direction:column;padding:clamp(24px,4vw,44px)}
.iw-auth__card{width:100%;max-width:440px;margin:auto}
.iw-auth__title{font-family:var(--font-display);font-size:26px;font-weight:700;color:var(--c-ink);margin:0 0 5px;letter-spacing:-.4px}
.iw-auth__subtitle{font-size:14.5px;color:var(--c-muted);margin:0 0 24px}

/* üst seviye hesap türü segmenti (bireysel / kurumsal) */
.iw-auth__acctype{display:flex;gap:8px;margin-bottom:14px}
.iw-auth__acc{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:8px;
  padding:11px 12px;border-radius:var(--r-md);border:1.5px solid var(--c-line);background:var(--c-bg-card);
  color:var(--c-muted);font-family:inherit;font-size:14px;font-weight:var(--fw-semi);cursor:pointer;
  transition:color .16s,border-color .16s,background .16s}
.iw-auth__acc i{font-size:17px}
.iw-auth__acc:hover{border-color:var(--c-primary-light);color:var(--c-text)}
.iw-auth__acc.is-active{border-color:var(--c-primary);color:var(--c-primary);background:var(--c-primary-50)}

/* segment sekmeler */
.iw-auth__tabs{display:flex;gap:5px;padding:5px;background:var(--c-bg-soft);border:1px solid var(--c-line);border-radius:var(--r-pill);margin-bottom:24px}
.iw-auth__tab{flex:1;border:0;background:transparent;color:var(--c-muted);font-family:inherit;font-size:14.5px;font-weight:var(--fw-semi);
  padding:10px 16px;border-radius:var(--r-pill);cursor:pointer;transition:color .16s,background .16s,box-shadow .16s}
.iw-auth__tab.is-active{background:var(--c-primary-fill,var(--c-primary));color:#fff;box-shadow:0 6px 16px rgba(56,88,176,.28)}

/* paneller */
.iw-auth__panel{display:none}
.iw-auth__panel.is-active{display:block;animation:iwAuthIn .28s ease}
@keyframes iwAuthIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}

/* şifre alanı + göz */
.iw-field__pass{position:relative}
.iw-field__pass .iw-field__input{padding-right:44px}
.iw-field__eye{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:34px;height:34px;border:0;background:transparent;
  color:var(--c-muted);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-size:19px;border-radius:8px;transition:color .15s,background .15s}
.iw-field__eye:hover{color:var(--c-primary);background:var(--c-bg-soft)}

/* hatırla / şifremi unuttum satırı */
.iw-auth__row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:2px 0 20px}
.iw-auth__row .iw-field__check{margin:0}
.iw-auth__link{background:none;border:0;padding:0;font-family:inherit;font-size:13.5px;font-weight:var(--fw-medium);color:var(--c-primary);cursor:pointer;white-space:nowrap;display:inline-flex;align-items:center;gap:4px}
.iw-auth__link:hover{text-decoration:underline}

/* ayraç + sosyal */
.iw-auth__divider{display:flex;align-items:center;gap:14px;margin:20px 0;color:var(--c-muted);font-size:13px}
.iw-auth__divider::before,.iw-auth__divider::after{content:"";flex:1;height:1px;background:var(--c-line)}
.iw-auth__social{width:100%;justify-content:center}
.iw-auth__social i{font-size:18px}

/* alt geçiş satırı */
.iw-auth__alt{text-align:center;font-size:14px;color:var(--c-muted);margin:22px 0 0}
.iw-auth__alt .iw-auth__link{font-size:14px;font-weight:var(--fw-semi)}

/* demo hesabı bandı */
.iw-auth__demo{display:flex;align-items:flex-start;gap:10px;margin-bottom:18px;padding:12px 14px;
  background:color-mix(in srgb,var(--c-primary) 8%,transparent);
  border:1px solid color-mix(in srgb,var(--c-primary) 22%,transparent);border-radius:var(--r-md)}
.iw-auth__demo>i{flex:none;font-size:18px;color:var(--c-primary);margin-top:1px}
.iw-auth__demo strong{display:block;font-size:var(--fs-sm);color:var(--c-ink);font-weight:var(--fw-semi)}
.iw-auth__demo span{font-size:var(--fs-sm);color:var(--c-text)}
.iw-auth__demolink{background:none;border:none;padding:0;cursor:pointer;color:var(--c-primary);
  font-weight:var(--fw-semi);font-size:inherit;text-decoration:underline;text-underline-offset:2px}
.iw-auth__demolink:hover{color:var(--c-primary-dark)}

/* responsive */
@media (max-width:900px){
  .iw-auth{grid-template-columns:1fr;grid-template-rows:auto 1fr}
  .iw-auth__aside{gap:16px;padding:30px clamp(20px,5vw,40px)}
  .iw-auth__aside .iw-logo-svg{display:none}
  .iw-auth__points{display:none}
  .iw-auth__lead{max-width:none}
}
@media (max-width:560px){
  .iw-auth__aside{display:none}
  .iw-auth{grid-template-rows:1fr}
}

/* =====================================================================
   Panel Shell — müşteri paneli iskeleti (sidebar + üst bar + içerik)
   Yalnızca token kullanır → koyu tema otomatik. Standalone sayfalarda
   (kontrol-paneli.html vb.) yüklenir. main.js initPanelShell() sürer.
   ===================================================================== */

.iw-panelbody{min-height:100vh;background:var(--c-bg-soft)}
.iw-panel{display:grid;grid-template-columns:264px 1fr;min-height:100vh}

/* ---- Avatar (paneldeki baş harf rozeti) ---- */
.iw-avatar{flex:none;display:inline-flex;align-items:center;justify-content:center;
  width:38px;height:38px;border-radius:var(--r-pill);
  background:color-mix(in srgb,var(--c-primary) 14%,transparent);color:var(--c-primary);
  font-family:var(--font-display);font-size:13px;font-weight:var(--fw-bold);letter-spacing:.02em}
.iw-avatar--sm{width:30px;height:30px;font-size:12px}

/* ---- Sidebar ---- */
.iw-panel__sidebar{position:sticky;top:0;height:100vh;z-index:1;
  display:flex;flex-direction:column;
  background:var(--c-bg-card);border-right:1px solid var(--c-line)}
.iw-panel__brand{flex:none;display:flex;align-items:center;justify-content:space-between;
  height:64px;padding:0 20px;border-bottom:1px solid var(--c-line-soft)}
.iw-panel__logo{display:inline-flex}
.iw-panel__logo .iw-logo-svg{height:28px;width:auto;display:block}
.iw-panel__close{display:none;align-items:center;justify-content:center;
  width:34px;height:34px;border:none;background:transparent;color:var(--c-muted);
  font-size:22px;cursor:pointer;border-radius:var(--r-sm);transition:all var(--dur-fast) var(--ease-out)}
.iw-panel__close:hover{background:var(--c-bg-soft);color:var(--c-ink)}
.iw-panel__cta{flex:none;padding:16px 16px 6px}
.iw-panel__cta .iw-btn{width:100%}

.iw-pnav{flex:1;min-height:0;overflow-y:auto;padding:6px 12px 16px}
.iw-pnav__group{padding:8px 0}
.iw-pnav__label{display:block;padding:6px 12px;font-size:var(--fs-xs);font-weight:var(--fw-semi);
  letter-spacing:.05em;text-transform:uppercase;color:var(--c-muted)}
.iw-pnav__link{position:relative;display:flex;align-items:center;gap:12px;
  padding:10px 12px;border-radius:var(--r-md);color:var(--c-text);
  font-size:var(--fs-base);font-weight:var(--fw-medium);
  transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}
.iw-pnav__link i{font-size:19px;color:var(--c-muted);transition:color var(--dur-fast) var(--ease-out)}
.iw-pnav__link:hover{background:var(--c-bg-soft);color:var(--c-ink)}
.iw-pnav__link:hover i{color:var(--c-primary)}
.iw-pnav__link.is-active{background:color-mix(in srgb,var(--c-primary) 10%,transparent);color:var(--c-primary)}
.iw-pnav__link.is-active i{color:var(--c-primary)}
.iw-pnav__link.is-active::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);
  width:3px;height:20px;border-radius:0 3px 3px 0;background:var(--c-primary-fill,var(--c-primary))}
.iw-pnav__badge{margin-left:auto;flex:none;min-width:20px;height:20px;padding:0 6px;
  display:inline-flex;align-items:center;justify-content:center;line-height:1;
  border-radius:var(--r-pill);background:var(--c-primary-fill,var(--c-primary));color:#fff;
  font-size:11px;font-weight:var(--fw-bold)}

.iw-panel__user{flex:none;display:flex;align-items:center;gap:10px;
  padding:14px 16px;border-top:1px solid var(--c-line-soft)}
.iw-panel__userinfo{display:flex;flex-direction:column;min-width:0;line-height:1.3}
.iw-panel__userinfo strong{font-size:var(--fs-sm);font-weight:var(--fw-semi);color:var(--c-ink);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.iw-panel__userinfo span{font-size:var(--fs-xs);color:var(--c-muted);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.iw-panel__logout{margin-left:auto;flex:none;display:inline-flex;align-items:center;justify-content:center;
  width:34px;height:34px;border-radius:var(--r-sm);color:var(--c-muted);font-size:18px;
  transition:all var(--dur-fast) var(--ease-out)}
.iw-panel__logout:hover{background:var(--c-bg-soft);color:var(--c-red)}

/* ---- Ana kolon ---- */
.iw-panel__main{display:flex;flex-direction:column;min-width:0}

/* ---- Üst bar ---- */
.iw-panel__topbar{position:sticky;top:0;z-index:var(--z-header);
  display:flex;align-items:center;gap:16px;height:64px;padding:0 clamp(16px,3vw,28px);
  background:var(--c-bg-card);border-bottom:1px solid var(--c-line)}
.iw-panel__topleft{flex:none;display:flex;align-items:center;gap:12px;min-width:0}
.iw-panel__ptitle{margin:0;font-family:var(--font-display);font-size:var(--fs-lg);
  font-weight:var(--fw-semi);color:var(--c-ink);white-space:nowrap}
.iw-panel__toggle{display:none;flex-direction:column;justify-content:center;gap:4px;
  width:40px;height:40px;padding:0 10px;border:1px solid var(--c-line);border-radius:var(--r-sm);
  background:transparent;cursor:pointer}
.iw-panel__toggle span{display:block;height:2px;border-radius:2px;background:var(--c-ink)}

.iw-psearch{position:relative;flex:1;min-width:0;max-width:440px}
.iw-psearch i{position:absolute;left:12px;top:50%;transform:translateY(-50%);
  color:var(--c-muted);font-size:17px;pointer-events:none}
.iw-psearch__input{width:100%;height:40px;padding:0 14px 0 38px;
  font-family:var(--font-sans);font-size:var(--fs-sm);color:var(--c-ink);
  background:var(--c-bg-soft);border:1px solid var(--c-line);border-radius:var(--r-pill);
  transition:border-color var(--dur-base),box-shadow var(--dur-base),background var(--dur-base)}
.iw-psearch__input::placeholder{color:var(--c-muted)}
.iw-psearch__input::-webkit-search-cancel-button{display:none}
.iw-psearch__input:focus{outline:none;border-color:var(--c-primary);background:var(--c-bg-card);
  box-shadow:0 0 0 3px color-mix(in srgb,var(--c-primary) 16%,transparent)}

.iw-panel__topright{margin-left:auto;flex:none;display:flex;align-items:center;gap:10px}

/* ---- Dropdown primitifi (bildirim + hesap) ---- */
.iw-pop{position:relative;flex:none}
.iw-pop__btn{display:inline-flex;align-items:center;gap:8px;cursor:pointer;
  background:transparent;border:1px solid var(--c-line);border-radius:var(--r-sm);
  color:var(--c-text);transition:all var(--dur-fast) var(--ease-out)}
.iw-pbell{position:relative;width:40px;height:40px;justify-content:center;font-size:19px}
.iw-pbell:hover{background:var(--c-bg-soft);color:var(--c-ink)}
.iw-pbell__dot{position:absolute;top:9px;right:10px;width:7px;height:7px;border-radius:var(--r-pill);
  background:var(--c-red);border:2px solid var(--c-bg-card)}
.iw-pmenu__btn{padding:5px 8px 5px 5px}
.iw-pmenu__btn:hover{background:var(--c-bg-soft)}
.iw-pmenu__name{font-size:var(--fs-sm);font-weight:var(--fw-semi);color:var(--c-ink);
  max-width:120px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.iw-pmenu__caret{font-size:16px;color:var(--c-muted);transition:transform var(--dur-fast) var(--ease-out)}
.iw-pop.is-open .iw-pmenu__caret{transform:rotate(180deg)}

.iw-pop__panel{position:absolute;top:calc(100% + 8px);right:0;min-width:220px;padding:6px;
  background:var(--c-bg-card);border:1px solid var(--c-line);border-radius:var(--r-md);
  box-shadow:var(--sh-lg);z-index:var(--z-dropdown);
  opacity:0;visibility:hidden;transform:translateY(-6px);
  transition:opacity var(--dur-base) var(--ease-out),transform var(--dur-base) var(--ease-out),visibility var(--dur-base)}
.iw-pop.is-open .iw-pop__panel{opacity:1;visibility:visible;transform:none}
.iw-pop__panel--wide{min-width:280px}
.iw-pop__head{padding:10px 12px;margin-bottom:6px;border-bottom:1px solid var(--c-line-soft);
  display:flex;flex-direction:column;gap:2px;font-size:var(--fs-sm);font-weight:var(--fw-semi);color:var(--c-ink)}
.iw-pop__head strong{font-size:var(--fs-sm);font-weight:var(--fw-semi);color:var(--c-ink)}
.iw-pop__head span{font-size:var(--fs-xs);font-weight:var(--fw-regular);color:var(--c-muted)}
.iw-pop__item{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:var(--r-sm);
  color:var(--c-text);font-size:var(--fs-sm);font-weight:var(--fw-medium);
  transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}
.iw-pop__item i{font-size:17px;color:var(--c-muted);transition:color var(--dur-fast) var(--ease-out)}
.iw-pop__item:hover{background:var(--c-bg-soft);color:var(--c-ink)}
.iw-pop__item:hover i{color:var(--c-primary)}
.iw-pop__item--danger{color:var(--c-red)}
.iw-pop__item--danger i{color:var(--c-red)}
.iw-pop__item--danger:hover{background:color-mix(in srgb,var(--c-red) 10%,transparent);color:var(--c-red)}
.iw-pop__item--danger:hover i{color:var(--c-red)}
.iw-pop__sep{height:1px;margin:6px 0;background:var(--c-line-soft)}
.iw-pop__empty{display:flex;flex-direction:column;align-items:center;gap:8px;padding:26px 12px;
  color:var(--c-muted);text-align:center}
.iw-pop__empty i{font-size:28px;opacity:.6}
.iw-pop__empty span{font-size:var(--fs-sm)}

/* ---- İçerik ---- */
/* Kenar boşluğu kullanıcı isteğiyle bir miktar artırıldı (32→44px);
   dar ekrandaki değer aşağıdaki media sorgusunda korunur. */
.iw-panel__content{padding:clamp(20px,3.2vw,44px)}
.iw-panel__pagehead{margin-bottom:24px}
.iw-panel__pagehead h2{margin:0 0 6px;font-family:var(--font-display);font-size:var(--fs-h3);color:var(--c-ink)}
.iw-panel__pagehead p{margin:0;font-size:var(--fs-md);color:var(--c-muted)}
.iw-panel__placeholder{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;
  padding:64px 24px;background:var(--c-bg-card);border:1px dashed var(--c-line);border-radius:var(--r-lg)}
.iw-panel__placeholder i{font-size:44px;color:var(--c-primary);opacity:.85}
.iw-panel__placeholder h3{margin:0;font-family:var(--font-display);font-size:var(--fs-xl);color:var(--c-ink)}
.iw-panel__placeholder p{margin:0;max-width:440px;color:var(--c-muted)}

/* ---- Mobil drawer arka planı ---- */
.iw-panel__overlay{display:none;position:fixed;inset:0;background:rgba(8,12,22,.5);
  z-index:118;opacity:0;transition:opacity var(--dur-base) var(--ease-out)}

/* ---- Responsive: sidebar → off-canvas drawer (≤992px) ---- */
@media (max-width:992px){
  .iw-panel{grid-template-columns:1fr}
  .iw-panel__sidebar{position:fixed;top:0;left:0;bottom:0;height:auto;width:280px;max-width:86%;
    transform:translateX(-100%);transition:transform var(--dur-slow) var(--ease-out);
    z-index:120;box-shadow:var(--sh-lg)}
  body.iw-panel-open .iw-panel__sidebar{transform:none}
  body.iw-panel-open .iw-panel__overlay{display:block;opacity:1}
  .iw-panel__toggle{display:flex}
  .iw-panel__close{display:inline-flex}
}
@media (max-width:760px){
  .iw-psearch{display:none}
}
@media (max-width:560px){
  .iw-panel__topbar{gap:10px;padding:0 14px}
  .iw-panel__ptitle{font-size:var(--fs-md)}
  .iw-pmenu__name,.iw-pmenu__caret{display:none}
  .iw-panel__content{padding:18px 14px}
}

/* ---- Dashboard içerik ---- */
.iw-dash{display:flex;flex-direction:column;gap:20px}
.iw-dgrid{display:grid;gap:16px}
.iw-dgrid--stats{grid-template-columns:repeat(4,1fr)}
.iw-dgrid--sidebar{grid-template-columns:minmax(0,1fr) 340px}
.iw-dgrid--2{grid-template-columns:1fr 1fr}

/* uyarı bandı */
.iw-dnotice{display:flex;align-items:center;gap:14px;padding:14px 18px;border-radius:var(--r-md);
  background:color-mix(in srgb,var(--c-amber) 12%,transparent);
  border:1px solid color-mix(in srgb,var(--c-amber) 34%,transparent)}
.iw-dnotice>i{flex:none;font-size:22px;color:var(--c-amber)}
.iw-dnotice p{flex:1;min-width:0;margin:0;font-size:var(--fs-sm);color:var(--c-text)}
.iw-dnotice p strong{color:var(--c-ink)}
.iw-dnotice .iw-btn{flex:none}

/* özet kartları */
.iw-dstat{display:flex;align-items:center;gap:14px;min-width:0;padding:18px;background:var(--c-bg-card);
  border:1px solid var(--c-line);border-radius:var(--r-lg);box-shadow:var(--sh-card-subtle);
  transition:transform var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out)}
.iw-dstat:hover{transform:translateY(-2px);box-shadow:var(--sh-card-mid);
  border-color:color-mix(in srgb,var(--acc) 40%,var(--c-line))}
.iw-dstat__icon{flex:none;display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;
  border-radius:var(--r-md);background:color-mix(in srgb,var(--acc) 14%,transparent);color:var(--acc);font-size:23px}
.iw-dstat__body{display:flex;flex-direction:column;min-width:0}
.iw-dstat__num{font-family:var(--font-display);font-size:26px;font-weight:var(--fw-bold);color:var(--c-ink);line-height:1.1}
.iw-dstat__label{font-size:var(--fs-sm);color:var(--c-muted)}
.iw-dstat__go{margin-left:auto;flex:none;color:var(--c-muted);font-size:18px;
  transition:color var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out)}
.iw-dstat:hover .iw-dstat__go{color:var(--acc);transform:translate(2px,-2px)}

/* kart panel */
.iw-dcard{display:flex;flex-direction:column;min-width:0;background:var(--c-bg-card);border:1px solid var(--c-line);
  border-radius:var(--r-lg);box-shadow:var(--sh-card-subtle);overflow:hidden}
.iw-dcard__head{display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:16px 20px;border-bottom:1px solid var(--c-line-soft)}
.iw-dcard__title{display:flex;align-items:center;gap:9px;margin:0;font-family:var(--font-display);
  font-size:var(--fs-lg);font-weight:var(--fw-semi);color:var(--c-ink)}
.iw-dcard__title i{color:var(--c-primary);font-size:19px}
.iw-dcard__more{flex:none;display:inline-flex;align-items:center;gap:2px;font-size:var(--fs-sm);
  font-weight:var(--fw-semi);color:var(--c-primary)}
.iw-dcard__more:hover{color:var(--c-primary-dark)}
.iw-dcard__body{padding:20px}
.iw-dcard__body--flush{padding:0}

/* kompakt tablo */
.iw-dtable__wrap{overflow-x:auto}
.iw-dtable{width:100%;min-width:520px;border-collapse:collapse;font-size:var(--fs-sm)}
.iw-dtable th{padding:11px 14px;text-align:left;font-size:var(--fs-xs);font-weight:var(--fw-semi);
  letter-spacing:.03em;text-transform:uppercase;color:var(--c-muted);
  background:var(--c-bg-soft);border-bottom:1px solid var(--c-line-soft)}
.iw-dtable td{padding:13px 14px;color:var(--c-text);border-bottom:1px solid var(--c-line-soft);white-space:nowrap}
.iw-dtable th:first-child,.iw-dtable td:first-child{padding-left:20px}
.iw-dtable th:last-child,.iw-dtable td:last-child{padding-right:20px}
.iw-dtable tbody tr:last-child td{border-bottom:0}
.iw-dtable tbody tr:hover td{background:var(--c-bg-soft)}
.iw-dtable td strong{color:var(--c-ink);font-weight:var(--fw-semi)}
.iw-dtable__r{text-align:right}
.iw-dtable__r span{color:var(--c-muted);font-weight:var(--fw-regular);font-size:var(--fs-xs)}

/* durum rozeti */
.iw-badge{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:var(--r-pill);
  font-size:var(--fs-xs);font-weight:var(--fw-semi);line-height:1.5;white-space:nowrap}
.iw-badge::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
.iw-badge--ok{color:var(--c-green);background:color-mix(in srgb,var(--c-green) 13%,transparent)}
.iw-badge--warn{color:var(--c-amber);background:color-mix(in srgb,var(--c-amber) 15%,transparent)}
.iw-badge--danger{color:var(--c-red);background:color-mix(in srgb,var(--c-red) 13%,transparent)}
.iw-badge--muted{color:var(--c-muted);background:color-mix(in srgb,var(--c-muted) 14%,transparent)}

/* hesap özeti */
.iw-dbal{display:flex;flex-direction:column;gap:2px;padding:16px 18px;margin-bottom:16px;border-radius:var(--r-md);
  background:linear-gradient(135deg,var(--c-primary),var(--c-primary-dark));color:#fff}
.iw-dbal__label{font-size:var(--fs-sm);opacity:.85}
.iw-dbal__amt{font-family:var(--font-display);font-size:28px;font-weight:var(--fw-bold);line-height:1.15}
.iw-dquick{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.iw-dquick__btn{display:flex;align-items:center;gap:8px;padding:11px 12px;border-radius:var(--r-md);
  background:var(--c-bg-soft);border:1px solid var(--c-line);color:var(--c-ink);
  font-size:var(--fs-sm);font-weight:var(--fw-medium);transition:all var(--dur-fast) var(--ease-out)}
.iw-dquick__btn i{color:var(--c-primary);font-size:17px}
.iw-dquick__btn:hover{border-color:var(--c-primary);background:var(--c-primary-50);color:var(--c-primary)}

/* destek talepleri listesi */
.iw-dticket{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.iw-dticket li+li{border-top:1px solid var(--c-line-soft)}
.iw-dticket a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 2px;color:var(--c-ink)}
.iw-dticket__t{font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--c-ink);
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.iw-dticket a:hover .iw-dticket__t{color:var(--c-primary)}
.iw-dticket__m{flex:none;display:flex;align-items:center;gap:10px}
.iw-dticket__d{font-size:var(--fs-xs);color:var(--c-muted)}

/* dashboard responsive */
@media (max-width:1100px){.iw-dgrid--stats{grid-template-columns:repeat(2,1fr)}}
@media (max-width:1080px){.iw-dgrid--sidebar{grid-template-columns:1fr}}
@media (max-width:900px){.iw-dgrid--2{grid-template-columns:1fr}}
@media (max-width:560px){
  .iw-dgrid--stats{grid-template-columns:1fr}
  .iw-dnotice{flex-wrap:wrap}
  .iw-dnotice .iw-btn{width:100%}
  .iw-dticket__d{display:none}
}

/* =====================================================================
   Sipariş akışı (checkout) — Yapılandırma › Sepet › Ödeme › Tamamlandı
   Public header/footer + adım göstergesi. Yalnızca token → koyu tema oto.
   ===================================================================== */
.iw-checkout{padding:38px 0 64px;background:var(--c-bg-soft)}
.iw-checkout__head{text-align:center;margin:0 auto 26px;max-width:640px}
.iw-checkout__title{font-family:var(--font-display);font-size:var(--fs-h2);color:var(--c-ink);margin:0 0 8px}
.iw-checkout__sub{color:var(--c-muted);margin:0}

/* ---- Adım göstergesi (stepper) ---- */
.iw-cksteps{display:flex;align-items:flex-start;justify-content:center;max-width:640px;margin:0 auto 34px}
.iw-ckstep{flex:1;position:relative;display:flex;flex-direction:column;align-items:center;gap:9px;text-align:center}
.iw-ckstep::before{content:"";position:absolute;top:19px;left:-50%;width:100%;height:2px;background:var(--c-line);z-index:0}
.iw-ckstep:first-child::before{display:none}
.iw-ckstep__num{position:relative;z-index:1;width:40px;height:40px;border-radius:50%;
  display:inline-flex;align-items:center;justify-content:center;
  font-family:var(--font-display);font-weight:var(--fw-bold);font-size:15px;
  background:var(--c-bg-card);border:2px solid var(--c-line);color:var(--c-muted);transition:all var(--dur-base) var(--ease-out)}
.iw-ckstep__num i{font-size:18px}
.iw-ckstep__label{font-size:var(--fs-sm);font-weight:var(--fw-semi);color:var(--c-muted)}
.iw-ckstep.is-active .iw-ckstep__num{background:var(--c-primary-fill,var(--c-primary));border-color:var(--c-primary);color:#fff;
  box-shadow:0 0 0 4px color-mix(in srgb,var(--c-primary) 18%,transparent)}
.iw-ckstep.is-active .iw-ckstep__label{color:var(--c-primary)}
.iw-ckstep.is-done .iw-ckstep__num{background:var(--c-green);border-color:var(--c-green);color:#fff}
.iw-ckstep.is-done .iw-ckstep__label{color:var(--c-ink)}
.iw-ckstep.is-done::before{background:var(--c-green)}
.iw-ckstep.is-active::before{background:linear-gradient(90deg,var(--c-green),var(--c-primary))}

/* ---- 2 sütun düzen: içerik + özet ---- */
.iw-order__grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:24px;align-items:start}

/* ---- Yapılandırma kartları ---- */
.iw-ccard{background:var(--c-bg-card);border:1px solid var(--c-line);border-radius:var(--r-lg);
  box-shadow:var(--sh-card-subtle);margin-bottom:18px;overflow:hidden}
.iw-ccard__head{display:flex;align-items:center;gap:11px;padding:16px 20px;border-bottom:1px solid var(--c-line-soft)}
.iw-ccard__step{flex:none;width:26px;height:26px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;
  background:color-mix(in srgb,var(--c-primary) 14%,transparent);color:var(--c-primary);font-weight:var(--fw-bold);font-size:13px}
.iw-ccard__title{margin:0;font-family:var(--font-display);font-size:var(--fs-lg);font-weight:var(--fw-semi);color:var(--c-ink)}
.iw-ccard__body{padding:20px}

/* paket seçim kartı (radio) */
.iw-pick{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.iw-pickcard{position:relative;display:block;cursor:pointer;background:var(--c-bg-soft);
  border:1.5px solid var(--c-line);border-radius:var(--r-md);padding:16px 16px 16px;transition:all var(--dur-fast) var(--ease-out)}
.iw-pickcard input{position:absolute;opacity:0;pointer-events:none}
.iw-pickcard:hover{border-color:var(--c-primary-light)}
.iw-pickcard:has(input:checked){border-color:var(--c-primary);background:color-mix(in srgb,var(--c-primary) 10%,transparent);box-shadow:0 0 0 3px color-mix(in srgb,var(--c-primary) 14%,transparent)}
.iw-pickcard__name{display:block;font-weight:var(--fw-bold);color:var(--c-ink);font-size:15px;margin-bottom:3px}
.iw-pickcard__spec{display:block;font-size:var(--fs-xs);color:var(--c-muted);margin-bottom:10px}
.iw-pickcard__price{font-family:var(--font-display);font-size:19px;font-weight:var(--fw-bold);color:var(--c-primary)}
.iw-pickcard__price span{font-size:var(--fs-xs);color:var(--c-muted);font-weight:var(--fw-regular)}
.iw-pickcard__tick{position:absolute;top:12px;right:12px;width:20px;height:20px;border-radius:50%;
  background:var(--c-primary-fill,var(--c-primary));color:#fff;display:none;align-items:center;justify-content:center;font-size:13px}
.iw-pickcard:has(input:checked) .iw-pickcard__tick{display:inline-flex}

/* domain alanı */
.iw-dom{display:flex;gap:10px}
.iw-dom .iw-field{flex:1;margin-bottom:0}

/* ek hizmet satırı (checkbox) */
.iw-addon{display:flex;align-items:center;gap:12px;padding:13px 14px;border:1px solid var(--c-line);
  border-radius:var(--r-md);margin-bottom:10px;cursor:pointer;transition:border-color var(--dur-fast) var(--ease-out)}
.iw-addon:last-child{margin-bottom:0}
.iw-addon:hover{border-color:var(--c-primary-light)}
.iw-addon:has(input:checked){border-color:var(--c-primary);background:color-mix(in srgb,var(--c-primary) 10%,transparent)}
.iw-addon input{width:18px;height:18px;accent-color:var(--c-primary);flex:none}
.iw-addon__txt{flex:1;min-width:0}
.iw-addon__name{display:block;font-weight:var(--fw-semi);color:var(--c-ink);font-size:var(--fs-sm)}
.iw-addon__desc{display:block;font-size:var(--fs-xs);color:var(--c-muted)}
.iw-addon__price{flex:none;font-weight:var(--fw-semi);color:var(--c-ink);font-size:var(--fs-sm)}

/* ---- Sipariş özeti (sticky sidebar) ---- */
.iw-osum{position:sticky;top:24px;background:var(--c-bg-card);border:1px solid var(--c-line);
  border-radius:var(--r-lg);box-shadow:var(--sh-card-base);overflow:hidden}
.iw-osum__head{padding:16px 20px;border-bottom:1px solid var(--c-line-soft);
  font-family:var(--font-display);font-size:var(--fs-lg);font-weight:var(--fw-semi);color:var(--c-ink)}
.iw-osum__body{padding:8px 20px 20px}
.iw-osum__item{display:flex;justify-content:space-between;gap:12px;padding:13px 0;border-bottom:1px solid var(--c-line-soft)}
.iw-osum__nm{font-size:var(--fs-sm);color:var(--c-ink);font-weight:var(--fw-medium)}
.iw-osum__ds{display:block;font-size:var(--fs-xs);color:var(--c-muted);margin-top:2px}
.iw-osum__pr{font-weight:var(--fw-semi);color:var(--c-ink);white-space:nowrap;font-size:var(--fs-sm)}
.iw-osum__row{display:flex;justify-content:space-between;gap:12px;padding:7px 0;font-size:var(--fs-sm);color:var(--c-text)}
.iw-osum__row b{font-weight:var(--fw-semi);color:var(--c-ink)}
.iw-osum__total{display:flex;justify-content:space-between;align-items:baseline;
  padding:14px 0 2px;margin-top:8px;border-top:2px solid var(--c-line)}
.iw-osum__total span{font-weight:var(--fw-semi);color:var(--c-ink)}
.iw-osum__total b{font-family:var(--font-display);font-size:23px;color:var(--c-ink)}
.iw-osum__foot{padding:16px 20px 20px;border-top:1px solid var(--c-line-soft)}
.iw-osum__foot .iw-btn{width:100%}
.iw-osum__secure{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:12px;
  font-size:var(--fs-xs);color:var(--c-muted)}
.iw-osum__secure i{color:var(--c-green)}
.iw-osum__coupon{display:flex;gap:8px;margin-bottom:6px}
.iw-osum__coupon .iw-field__input{flex:1}

/* ---- Responsive ---- */
@media (max-width:980px){
  .iw-order__grid{grid-template-columns:1fr}
  .iw-osum{position:static}
}
@media (max-width:600px){
  .iw-pick{grid-template-columns:1fr}
  .iw-ckstep__label{font-size:var(--fs-xs)}
}
@media (max-width:420px){
  .iw-ckstep__label{display:none}
  .iw-ckstep.is-active .iw-ckstep__label{display:block}
}

/* ---- Sepet öğeleri (sepet.html) ---- */
.iw-citem{display:flex;align-items:flex-start;gap:14px;padding:18px 0;border-bottom:1px solid var(--c-line-soft)}
.iw-citem:last-child{border-bottom:0}
.iw-citem__ico{flex:none;width:44px;height:44px;border-radius:var(--r-md);display:inline-flex;align-items:center;justify-content:center;
  background:color-mix(in srgb,var(--c-primary) 12%,transparent);color:var(--c-primary);font-size:22px}
.iw-citem__main{flex:1;min-width:0}
.iw-citem__name{font-weight:var(--fw-semi);color:var(--c-ink);font-size:var(--fs-md)}
.iw-citem__meta{display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:5px;font-size:var(--fs-xs);color:var(--c-muted)}
.iw-citem__meta span{display:inline-flex;align-items:center;gap:4px}
.iw-citem__actions{display:flex;gap:14px;margin-top:9px}
.iw-citem__act{display:inline-flex;align-items:center;gap:4px;background:none;border:0;padding:0;cursor:pointer;
  font-size:var(--fs-xs);font-weight:var(--fw-semi);color:var(--c-muted);transition:color var(--dur-fast) var(--ease-out)}
.iw-citem__act:hover{color:var(--c-primary)}
.iw-citem__act--del:hover{color:var(--c-red)}
.iw-citem__right{flex:none;text-align:right}
.iw-citem__price{font-family:var(--font-display);font-weight:var(--fw-bold);color:var(--c-ink);font-size:17px}
.iw-citem__per{display:block;font-size:var(--fs-xs);color:var(--c-muted)}
.iw-cempty{text-align:center;padding:40px 20px;color:var(--c-muted)}
.iw-cempty i{font-size:44px;opacity:.5;display:block;margin-bottom:12px}
@media (max-width:520px){
  .iw-citem__ico{display:none}
}

/* ---- Ödeme yöntemi (odeme.html) ---- */
.iw-pay{border:1.5px solid var(--c-line);border-radius:var(--r-md);margin-bottom:12px;transition:border-color var(--dur-fast) var(--ease-out)}
.iw-pay:last-child{margin-bottom:0}
.iw-pay:has(input:checked){border-color:var(--c-primary);background:color-mix(in srgb,var(--c-primary) 9%,transparent)}
.iw-pay__head{display:flex;align-items:center;gap:12px;padding:15px 16px;cursor:pointer;margin:0}
.iw-pay__head input{width:18px;height:18px;accent-color:var(--c-primary);flex:none}
.iw-pay__name{flex:1;font-weight:var(--fw-semi);color:var(--c-ink);font-size:var(--fs-md)}
.iw-pay__icons{display:inline-flex;gap:7px;color:var(--c-muted);font-size:23px}
.iw-pay__body{display:none;padding:2px 16px 18px;margin-top:-2px}
.iw-pay:has(input:checked) .iw-pay__body{display:block}
.iw-pay__bank{font-size:var(--fs-sm);color:var(--c-text);line-height:1.9;background:var(--c-bg-soft);border-radius:var(--r-sm);padding:12px 14px}
.iw-pay__bank strong{color:var(--c-ink)}
.iw-pay__redir{display:flex;align-items:center;gap:8px;font-size:var(--fs-sm);color:var(--c-muted)}
.iw-pay__redir i{color:var(--c-primary);font-size:18px}
.iw-terms{display:flex;align-items:flex-start;gap:10px;margin-top:4px;font-size:var(--fs-sm);color:var(--c-text)}
.iw-terms input{width:18px;height:18px;accent-color:var(--c-primary);flex:none;margin-top:1px}
.iw-terms a{color:var(--c-primary);font-weight:var(--fw-semi)}

/* ---- Sipariş tamamlandı (siparis-tamamlandi.html) ---- */
.iw-done{max-width:640px;margin:0 auto;text-align:center}
.iw-done__badge{width:88px;height:88px;border-radius:50%;margin:0 auto 22px;display:flex;align-items:center;justify-content:center;
  background:color-mix(in srgb,var(--c-green) 14%,transparent);color:var(--c-green);font-size:46px;
  box-shadow:0 0 0 10px color-mix(in srgb,var(--c-green) 7%,transparent)}
.iw-done__title{font-family:var(--font-display);font-size:var(--fs-h2);color:var(--c-ink);margin:0 0 10px}
.iw-done__sub{color:var(--c-muted);font-size:var(--fs-md);margin:0 0 26px}
.iw-done__card{background:var(--c-bg-card);border:1px solid var(--c-line);border-radius:var(--r-lg);
  box-shadow:var(--sh-card-base);padding:24px;text-align:left;margin-bottom:22px}
.iw-done__row{display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid var(--c-line-soft);font-size:var(--fs-sm)}
.iw-done__row:last-child{border-bottom:0}
.iw-done__row span{color:var(--c-muted)}
.iw-done__row b{color:var(--c-ink);font-weight:var(--fw-semi)}
.iw-done__row b.iw-done__big{font-family:var(--font-display);font-size:19px}
.iw-done__actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.iw-done__note{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:20px;font-size:var(--fs-sm);color:var(--c-muted)}
.iw-done__note i{color:var(--c-primary)}
@media (max-width:480px){.iw-done__actions .iw-btn{width:100%}}

/* ---- Panel liste sayfaları (Hizmetlerim/Domainlerim/Faturalarım vb.) ---- */
.iw-panel__pagehead--row{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap}
.iw-panel__pagehead--row>div{min-width:0}
.iw-pfilters{display:flex;flex-wrap:wrap;gap:8px;padding:14px 20px;border-bottom:1px solid var(--c-line-soft)}
.iw-pchip{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:var(--r-pill);cursor:pointer;
  background:var(--c-bg-soft);border:1px solid var(--c-line);color:var(--c-text);
  font-size:var(--fs-sm);font-weight:var(--fw-medium);transition:all var(--dur-fast) var(--ease-out)}
.iw-pchip:hover{border-color:var(--c-primary-light);color:var(--c-ink)}
.iw-pchip.is-active{background:var(--c-primary-fill,var(--c-primary));border-color:var(--c-primary);color:#fff}
.iw-pchip__n{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;
  border-radius:var(--r-pill);background:color-mix(in srgb,var(--c-ink) 10%,transparent);color:var(--c-muted);font-size:11px;font-weight:var(--fw-bold)}
.iw-pchip.is-active .iw-pchip__n{background:rgba(255,255,255,.25);color:#fff}
.iw-dtable .iw-btn--sm{padding:6px 12px;font-size:var(--fs-xs)}
.iw-dtable__empty{padding:32px 18px;text-align:center;color:var(--c-muted);font-size:var(--fs-sm)}

/* ---- Panel detay / yönetim sayfaları ---- */
.iw-detail__back{display:inline-flex;align-items:center;gap:6px;margin-bottom:14px;
  font-size:var(--fs-sm);font-weight:var(--fw-semi);color:var(--c-muted);transition:color var(--dur-fast) var(--ease-out)}
.iw-detail__back:hover{color:var(--c-primary)}
.iw-detail__head{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:22px}
.iw-detail__title{margin:0;font-family:var(--font-display);font-size:var(--fs-h3);color:var(--c-ink)}
.iw-detail__actions{margin-left:auto;display:flex;gap:10px;flex-wrap:wrap}
.iw-dgrid--detail{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:20px;align-items:start}
.iw-dgrid--detail>*{min-width:0}

.iw-info{display:flex;flex-direction:column}
.iw-info__row{display:flex;justify-content:space-between;gap:14px;padding:12px 0;
  border-bottom:1px solid var(--c-line-soft);font-size:var(--fs-sm)}
.iw-info__row:last-child{border-bottom:0}
.iw-info__row>span{color:var(--c-muted)}
.iw-info__row>b{color:var(--c-ink);font-weight:var(--fw-semi);text-align:right;min-width:0}
.iw-info__code{font-family:ui-monospace,monospace;background:var(--c-bg-soft);padding:2px 8px;border-radius:var(--r-sm);font-size:var(--fs-xs)}

.iw-usage{margin-bottom:18px}
.iw-usage:last-child{margin-bottom:0}
.iw-usage__top{display:flex;justify-content:space-between;font-size:var(--fs-sm);margin-bottom:7px}
.iw-usage__top>span{color:var(--c-muted)}
.iw-usage__top>b{color:var(--c-ink);font-weight:var(--fw-semi)}
.iw-usage__bar{height:8px;border-radius:var(--r-pill);background:var(--c-bg-soft);overflow:hidden}
.iw-usage__fill{height:100%;border-radius:var(--r-pill);background:var(--c-primary-fill,var(--c-primary))}
.iw-usage__fill--warn{background:var(--c-amber)}
.iw-usage__fill--danger{background:var(--c-red)}

.iw-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.iw-actions--full{margin-top:10px}
.iw-actions--full .iw-dquick__btn{grid-column:1/-1}
.iw-dquick__btn--danger{color:var(--c-red)}
.iw-dquick__btn--danger i{color:var(--c-red)!important}
.iw-dquick__btn--danger:hover{border-color:var(--c-red);background:color-mix(in srgb,var(--c-red) 8%,transparent);color:var(--c-red)}

/* fatura kimden/kime */
.iw-invmeta{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:4px}
.iw-invmeta h4{margin:0 0 8px;font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.04em;color:var(--c-muted);font-weight:var(--fw-semi)}
.iw-invmeta p{margin:0;font-size:var(--fs-sm);color:var(--c-text);line-height:1.7}
.iw-invmeta strong{color:var(--c-ink)}

@media (max-width:980px){.iw-dgrid--detail{grid-template-columns:1fr}}
@media (max-width:560px){.iw-actions{grid-template-columns:1fr}.iw-invmeta{grid-template-columns:1fr}.iw-detail__actions{width:100%}.iw-detail__actions .iw-btn{flex:1}}

/* =====================================================================
   Kampanya / promo öğeleri
   ===================================================================== */
/* Dashboard: görselli banner (image slot) */
.iw-promo{display:grid;grid-template-columns:300px 1fr;background:var(--c-bg-card);
  border:1px solid var(--c-line);border-radius:var(--r-lg);box-shadow:var(--sh-card-subtle);overflow:hidden}
.iw-promo__media{position:relative;min-height:180px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;
  background:color-mix(in srgb,var(--c-primary) 8%,var(--c-bg-soft));color:var(--c-muted);border-right:1px solid var(--c-line-soft)}
.iw-promo__media i{font-size:38px;opacity:.55}
.iw-promo__media span{font-size:var(--fs-xs)}
/* tasarlanmış kampanya görseli */
.iw-promo__media--filled{gap:2px;border-right:1px solid var(--c-line-soft);overflow:hidden;
  background:linear-gradient(150deg,var(--c-primary),var(--c-primary-dark))}
.iw-promo__media--filled .iw-promo__spark{position:absolute;z-index:2;top:14px;right:16px;color:#FFD76A;font-size:22px;opacity:.9}

/* ---- Kampanya bandı: görsel tüm kartı kaplar (--cover) ---- */
/* Metinler HTML'de kalır; kampanya değişince görsel yeniden üretilmez. */
.iw-promo--cover{position:relative;border-color:transparent}
.iw-promo__bg{position:absolute;inset:0;z-index:0;width:100%;height:100%;object-fit:cover;display:block}
/* hafif scrim: görsel görünür kalsın, yalnızca metnin olduğu sol taraf hafifçe koyulaşsın */
.iw-promo--cover::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background-image:linear-gradient(90deg,color-mix(in srgb,var(--c-primary-dark) 60%,transparent) 0%,
    color-mix(in srgb,var(--c-primary-dark) 38%,transparent) 44%,
    transparent 74%),
  radial-gradient(rgba(255,255,255,.06) 1px,transparent 1px);background-size:auto,20px 20px}
/* içerik scrim'in üstünde ve dikeyde ortalı */
.iw-promo--cover .iw-promo__media,
.iw-promo--cover .iw-promo__body{position:relative;z-index:2}
/* metin görselin üstüne taşmasın: koyu bölgede kalacak şekilde sınırla */
.iw-promo--cover .iw-promo__body{justify-content:center;max-width:480px}
/* geniş ekranda içerik grubu (indirim bloğu + metin) sağdaki görsel alanı dışında ortalanır,
   böylece solda kocaman boşluk kalmaz */
/* eşik: bu genişlikten sonra kart ~1200px'i aşar ve ortalama anlamlı olur */
@media (min-width:1540px){
  .iw-promo--cover{grid-template-columns:auto auto;justify-content:center;
    padding-right:min(30%,540px)}
}
.iw-promo--cover .iw-promo__media--filled{background:none;border-right:1px solid rgba(255,255,255,.22)}
/* sağ blok artık görsel üzerinde — metinler açık renge döner */
.iw-promo--cover .iw-promo__title{color:#fff;text-shadow:0 1px 10px rgba(10,20,50,.35)}
.iw-promo--cover .iw-promo__text{color:rgba(255,255,255,.88)}
.iw-promo--cover .iw-promo__text strong{color:#fff}
.iw-promo--cover .iw-promo__badge{background:rgba(255,255,255,.18);color:#FFD76A}
/* buton indigo zeminde kaybolmasın: beyaz + indigo metin */
.iw-promo--cover .iw-btn--primary{background:#fff;color:var(--c-primary)}
.iw-promo--cover .iw-btn--primary:hover{background:rgba(255,255,255,.9);color:var(--c-primary-dark)}
.iw-promo__off{position:relative;z-index:2;font-family:var(--font-display);font-weight:var(--fw-extra);color:#fff;
  font-size:clamp(44px,6vw,64px);line-height:1;letter-spacing:-1px;text-shadow:0 2px 12px rgba(10,20,50,.45)}
.iw-promo__offlbl{position:relative;z-index:2;color:rgba(255,255,255,.9);font-size:var(--fs-sm);font-weight:var(--fw-medium);margin-bottom:12px;text-shadow:0 1px 8px rgba(10,20,50,.4)}
.iw-promo__code2{position:relative;z-index:2;display:inline-flex;align-items:center;gap:6px;font-weight:var(--fw-semi);font-size:13px;color:#fff;
  background:rgba(255,255,255,.16);border:1px dashed rgba(255,255,255,.5);border-radius:var(--r-pill);padding:5px 12px;letter-spacing:.03em}
.iw-promo__body{padding:22px 24px;display:flex;flex-direction:column;align-items:flex-start;gap:9px}
.iw-promo__badge{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:var(--r-pill);
  background:color-mix(in srgb,var(--c-amber) 16%,transparent);color:var(--c-amber);font-size:var(--fs-xs);font-weight:var(--fw-bold)}
.iw-promo__title{margin:0;font-family:var(--font-display);font-size:var(--fs-xl);color:var(--c-ink);line-height:1.25}
.iw-promo__text{margin:0;font-size:var(--fs-sm);color:var(--c-muted)}
.iw-promo__text strong{color:var(--c-primary)}
.iw-promo__body .iw-btn{margin-top:4px}
@media (max-width:680px){.iw-promo{grid-template-columns:1fr}
  .iw-promo__media{min-height:120px;border-right:0;border-bottom:1px solid var(--c-line-soft)}}

/* Sidebar: gradyan promo kartı */
.iw-promocard{display:block;margin:12px 12px 4px;padding:16px;border-radius:var(--r-md);
  background:linear-gradient(135deg,var(--c-primary),var(--c-primary-dark));color:#fff;
  box-shadow:var(--sh-primary);transition:transform var(--dur-fast) var(--ease-out)}
.iw-promocard:hover{transform:translateY(-2px);color:#fff}
.iw-promocard__ico{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;
  border-radius:var(--r-sm);background:rgba(255,255,255,.18);font-size:19px;margin-bottom:10px}
.iw-promocard__title{display:block;font-family:var(--font-display);font-size:17px;font-weight:var(--fw-bold);line-height:1.2}
.iw-promocard__text{display:block;font-size:var(--fs-xs);opacity:.9;margin-top:3px}
.iw-promocard__cta{display:inline-flex;align-items:center;gap:4px;margin-top:11px;font-size:var(--fs-sm);font-weight:var(--fw-semi)}

/* Sipariş/ödeme: kapatılabilir duyuru şeridi */
.iw-cbar{display:flex;align-items:center;gap:12px;padding:11px 16px;margin-bottom:22px;border-radius:var(--r-md);
  background:color-mix(in srgb,var(--c-primary) 10%,transparent);border:1px solid color-mix(in srgb,var(--c-primary) 22%,transparent)}
.iw-cbar>p{margin:0;flex:1;min-width:0;font-size:var(--fs-sm);color:var(--c-text)}
.iw-cbar>p i{color:var(--c-primary);margin-right:4px}
.iw-cbar>p strong{color:var(--c-primary);font-family:ui-monospace,monospace}
.iw-cbar__close{flex:none;background:none;border:0;cursor:pointer;color:var(--c-muted);font-size:18px;padding:2px;border-radius:var(--r-sm);line-height:1}
.iw-cbar__close:hover{color:var(--c-ink)}

/* ---- Destek talebi sohbet dizisi (talep-detay) ---- */
.iw-thread{display:flex;flex-direction:column;gap:16px}
.iw-tmsg{display:flex;gap:12px}
.iw-tmsg__av{flex:none;width:40px;height:40px;border-radius:var(--r-pill);display:inline-flex;align-items:center;justify-content:center;
  font-family:var(--font-display);font-weight:var(--fw-bold);font-size:13px}
.iw-tmsg__av--staff{background:color-mix(in srgb,var(--c-primary) 15%,transparent);color:var(--c-primary)}
.iw-tmsg__av--me{background:var(--c-bg-soft);color:var(--c-muted)}
.iw-tmsg__body{flex:1;min-width:0}
.iw-tmsg__head{display:flex;align-items:center;gap:8px;margin-bottom:6px}
.iw-tmsg__who{font-weight:var(--fw-semi);color:var(--c-ink);font-size:var(--fs-sm)}
.iw-tmsg__role{font-size:11px;color:#fff;background:var(--c-primary-fill,var(--c-primary));border-radius:var(--r-pill);padding:1px 8px;font-weight:var(--fw-semi)}
.iw-tmsg__time{font-size:var(--fs-xs);color:var(--c-muted);margin-left:auto}
.iw-tmsg__bubble{background:var(--c-bg-soft);border:1px solid var(--c-line-soft);border-radius:var(--r-md);
  padding:13px 15px;font-size:var(--fs-sm);color:var(--c-text);line-height:1.65}
.iw-tmsg--staff .iw-tmsg__bubble{background:color-mix(in srgb,var(--c-primary) 6%,transparent);
  border-color:color-mix(in srgb,var(--c-primary) 18%,transparent)}
.iw-reply{margin-top:20px;padding-top:20px;border-top:1px solid var(--c-line-soft)}
/* bakiye tutar çipleri */
.iw-amtgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:16px}
.iw-amtgrid .iw-pchip{justify-content:center;padding:12px 8px;font-weight:var(--fw-bold)}
@media (max-width:520px){.iw-amtgrid{grid-template-columns:repeat(2,1fr)}}

/* ---- Duyurular ---- */
.iw-ann{display:flex;flex-direction:column}
.iw-ann__item{display:flex;gap:14px;padding:18px 20px;border-bottom:1px solid var(--c-line-soft)}
.iw-ann__item:last-child{border-bottom:0}
.iw-ann__ico{flex:none;width:42px;height:42px;border-radius:var(--r-md);display:inline-flex;align-items:center;justify-content:center;
  background:color-mix(in srgb,var(--c-primary) 12%,transparent);color:var(--c-primary);font-size:20px}
.iw-ann__body{flex:1;min-width:0}
.iw-ann__title{font-weight:var(--fw-semi);color:var(--c-ink);font-size:var(--fs-md)}
.iw-ann__date{font-size:var(--fs-xs);color:var(--c-muted);margin:2px 0 6px}
.iw-ann__excerpt{font-size:var(--fs-sm);color:var(--c-text);line-height:1.55;margin:0}
.iw-ann__more{display:inline-block;margin-top:7px;font-size:var(--fs-sm);font-weight:var(--fw-semi);color:var(--c-primary)}

/* ---- Bayilik seviye kartı ---- */
.iw-blevel{display:flex;align-items:center;gap:18px;padding:22px;border-radius:var(--r-lg);
  background:linear-gradient(135deg,var(--c-primary),var(--c-primary-dark));color:#fff;box-shadow:var(--sh-primary);margin-bottom:18px}
.iw-blevel__badge{flex:none;width:64px;height:64px;border-radius:var(--r-md);display:inline-flex;align-items:center;justify-content:center;
  background:rgba(255,255,255,.18);font-size:32px}
.iw-blevel__t{flex:1;min-width:0}
.iw-blevel__name{font-family:var(--font-display);font-size:22px;font-weight:var(--fw-bold);line-height:1.2}
.iw-blevel__sub{font-size:var(--fs-sm);opacity:.9;margin-top:2px}
.iw-blevel__bar{height:7px;border-radius:var(--r-pill);background:rgba(255,255,255,.25);overflow:hidden;margin-top:12px}
.iw-blevel__fill{height:100%;background:#fff;border-radius:var(--r-pill)}
@media (max-width:520px){.iw-blevel{flex-wrap:wrap}}

/* ---- Sidebar: açılır-kapanır gruplar ---- */
.iw-pnav__group{padding:0}
.iw-pnav__link--top{margin-bottom:2px}
.iw-pnav__head{display:flex;align-items:center;gap:9px;width:100%;
  padding:9px 12px;margin-top:6px;background:none;border:0;cursor:pointer;font-family:inherit;
  font-size:var(--fs-xs);font-weight:var(--fw-semi);letter-spacing:.05em;text-transform:uppercase;color:var(--c-muted);
  border-radius:var(--r-sm);transition:color var(--dur-fast) var(--ease-out)}
.iw-pnav__head:hover{color:var(--c-ink)}
.iw-pnav__head>span{flex:1;text-align:left}
.iw-pnav__hico{flex:none;font-size:15px}
.iw-pnav__chev{flex:none;font-size:16px;transition:transform var(--dur-base) var(--ease-out)}
.iw-pnav__group.is-collapsed .iw-pnav__chev{transform:rotate(-90deg)}
.iw-pnav__items{display:flex;flex-direction:column;gap:1px}
.iw-pnav__group.is-collapsed .iw-pnav__items{display:none}

/* =====================================================================
   Sidebar — VPSRobot düzeni (bölüm etiketleri + düz menü + açılır öğeler)
   ===================================================================== */
.iw-panel__search{position:relative;margin:2px 16px 8px}
.iw-panel__search>i{position:absolute;left:13px;top:50%;transform:translateY(-50%);color:var(--c-muted);font-size:17px;pointer-events:none}
.iw-panel__search input{width:100%;height:42px;padding:0 14px 0 38px;border-radius:var(--r-md);
  background:var(--c-bg-soft);border:1px solid var(--c-line);color:var(--c-ink);font-family:var(--font-sans);font-size:var(--fs-sm)}
.iw-panel__search input::placeholder{color:var(--c-muted)}
.iw-panel__search input:focus{outline:none;border-color:var(--c-primary);background:var(--c-bg-card);
  box-shadow:0 0 0 3px color-mix(in srgb,var(--c-primary) 15%,transparent)}
.iw-panel__search input::-webkit-search-cancel-button{display:none}

.iw-pnav__section{display:block;padding:14px 12px 7px;font-size:var(--fs-xs);font-weight:var(--fw-semi);
  letter-spacing:.06em;text-transform:uppercase;color:var(--c-muted)}
.iw-pnav__section:first-child{padding-top:4px}

/* menü öğesi (büyük) — link ve açılır buton ortak */
.iw-pnav__link{position:relative;display:flex;align-items:center;gap:13px;width:100%;padding:11px 14px;border-radius:var(--r-md);
  color:var(--c-text);font-size:var(--fs-md);font-weight:var(--fw-medium);background:none;border:0;cursor:pointer;
  font-family:inherit;text-align:left;transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}
.iw-pnav__link>i:first-child{flex:none;font-size:21px;color:var(--c-muted);transition:color var(--dur-fast) var(--ease-out)}
.iw-pnav__link>span{flex:1;min-width:0}
.iw-pnav__link:hover{background:var(--c-bg-soft);color:var(--c-ink)}
.iw-pnav__link:hover>i:first-child{color:var(--c-primary)}
.iw-pnav__link.is-active{background:color-mix(in srgb,var(--c-primary) 12%,transparent);color:var(--c-primary);font-weight:var(--fw-semi)}
.iw-pnav__link.is-active>i:first-child{color:var(--c-primary)}
.iw-pnav__link.is-active::before{display:none}

/* açılır grup */
.iw-pnav__chev{flex:none;font-size:18px;color:var(--c-muted);transition:transform var(--dur-base) var(--ease-out)}
.iw-pnav__exp:not(.is-collapsed) .iw-pnav__chev{transform:rotate(90deg)}
.iw-pnav__sub{display:flex;flex-direction:column;gap:1px;padding-left:34px;margin:2px 0}
.iw-pnav__exp.is-collapsed .iw-pnav__sub{display:none}
.iw-pnav__link--sub{padding:9px 12px;font-size:var(--fs-sm);gap:0}

/* karanlık mod satırı */
.iw-panel__darkrow{display:flex;align-items:center;justify-content:space-between;gap:12px;
  margin:4px 16px;padding:12px 4px;border-top:1px solid var(--c-line-soft)}
.iw-panel__darkrow>span{display:flex;align-items:center;gap:9px;font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--c-ink)}
.iw-panel__darkrow>span i{font-size:18px;color:var(--c-muted)}
.iw-switch{flex:none;width:44px;height:24px;border-radius:var(--r-pill);background:var(--c-line);border:0;cursor:pointer;position:relative;transition:background var(--dur-base) var(--ease-out)}
.iw-switch__dot{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.25);transition:transform var(--dur-base) var(--ease-out)}
.iw-switch.is-on{background:var(--c-primary-fill,var(--c-primary))}
.iw-switch.is-on .iw-switch__dot{transform:translateX(20px)}

/* kullanıcı kartı chevron */
.iw-panel__userexp{margin-left:auto;flex:none;display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;
  border-radius:var(--r-sm);background:none;border:0;cursor:pointer;color:var(--c-muted);font-size:18px}
.iw-panel__userexp:hover{background:var(--c-bg-soft);color:var(--c-ink)}

/* ---- Hizmet detay sekmeleri (WHMCS modül sekmeleri) ---- */
.iw-dtabs .iw-ptabs__tabs{justify-content:flex-start;flex-wrap:wrap;width:auto;max-width:none;gap:2px;margin:0 0 22px;padding:0;
  background:none;border:0;border-bottom:1px solid var(--c-line);border-radius:0}
.iw-dtabs .iw-ptabs__tab{border-radius:0;padding:11px 16px;margin-bottom:-1px;gap:7px;font-weight:var(--fw-semi);
  color:var(--c-muted);border-bottom:2px solid transparent;font-size:var(--fs-sm)}
.iw-dtabs .iw-ptabs__tab i{font-size:17px}
.iw-dtabs .iw-ptabs__tab:hover{color:var(--c-ink);background:none}
.iw-dtabs .iw-ptabs__tab.is-active{color:var(--c-primary);background:none;box-shadow:none;border-bottom-color:var(--c-primary)}

/* VNC konsol yer tutucu */
.iw-vnc{aspect-ratio:16/9;border-radius:var(--r-md);background:#0b1020;border:1px solid var(--c-line);
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#8ea0c8;text-align:center;padding:20px;margin-bottom:16px}
.iw-vnc i{font-size:40px;opacity:.7}
.iw-vnc span{font-size:var(--fs-sm)}

/* kullanım grafiği yer tutucu */
.iw-graph{background:var(--c-bg-soft);border:1px solid var(--c-line-soft);border-radius:var(--r-md);padding:16px;margin-bottom:14px}
.iw-graph:last-child{margin-bottom:0}
.iw-graph__top{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:12px}
.iw-graph__top span{font-size:var(--fs-sm);color:var(--c-muted)}
.iw-graph__top b{font-family:var(--font-display);font-size:18px;color:var(--c-ink)}
.iw-graph__bars{display:flex;align-items:flex-end;gap:3px;height:64px}
.iw-graph__bars i{flex:1;background:color-mix(in srgb,var(--c-primary) 55%,transparent);border-radius:3px 3px 0 0;min-height:3px}

/* güç durumu */
.iw-power{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:var(--r-md);margin-bottom:16px;
  background:color-mix(in srgb,var(--c-green) 10%,transparent);border:1px solid color-mix(in srgb,var(--c-green) 25%,transparent)}
.iw-power__dot{flex:none;width:10px;height:10px;border-radius:50%;background:var(--c-green);box-shadow:0 0 0 3px color-mix(in srgb,var(--c-green) 20%,transparent)}
.iw-power__txt{font-weight:var(--fw-semi);color:var(--c-ink)}
.iw-power__txt small{display:block;font-weight:var(--fw-regular);color:var(--c-muted);font-size:var(--fs-xs)}
.iw-modnote{display:flex;align-items:flex-start;gap:9px;margin-top:16px;padding:12px 14px;border-radius:var(--r-md);
  background:var(--c-bg-soft);font-size:var(--fs-xs);color:var(--c-muted)}
.iw-modnote i{color:var(--c-primary);font-size:15px;margin-top:1px}

/* detay kart meta + yedek tablosu eylemleri */
.iw-dcard__meta{font-size:var(--fs-xs);color:var(--c-muted);white-space:nowrap}
.iw-dtable__act{white-space:nowrap;text-align:right}
.iw-dtable__act a{display:inline-flex;align-items:center;gap:4px;font-size:var(--fs-xs);font-weight:var(--fw-semi);
  color:var(--c-primary);text-decoration:none;padding:3px 6px;border-radius:var(--r-sm)}
.iw-dtable__act a:hover{background:color-mix(in srgb,var(--c-primary) 10%,transparent)}
.iw-dtable__act a+a{margin-left:2px}

/* ===== Mobil alt navigasyon barı (app hissi) ===== */
.iw-mobilebar{position:fixed;left:0;right:0;bottom:0;z-index:1200;display:none;
  background:color-mix(in srgb,var(--c-bg-card) 90%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
  border-top:1px solid var(--c-line);box-shadow:0 -6px 24px rgba(20,30,60,.08);
  padding-bottom:env(safe-area-inset-bottom)}
.iw-mobilebar__row{display:flex;align-items:stretch;max-width:600px;margin:0 auto}
.iw-mobilebar__item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;
  padding:8px 2px 7px;min-height:56px;color:var(--c-muted);text-decoration:none;
  background:none;border:0;cursor:pointer;font-family:inherit;-webkit-tap-highlight-color:transparent;
  transition:color .15s ease}
.iw-mobilebar__ico{position:relative;display:flex;align-items:center;justify-content:center;height:24px}
.iw-mobilebar__ico i{font-size:23px;line-height:1}
.iw-mobilebar__lbl{font-size:11px;font-weight:var(--fw-medium);letter-spacing:.1px}
.iw-mobilebar__item.is-active{color:var(--c-primary)}
.iw-mobilebar__item:active{color:var(--c-primary)}
.iw-mobilebar__badge{position:absolute;top:-5px;left:13px;min-width:16px;height:16px;padding:0 4px;
  background:var(--c-primary-fill,var(--c-primary));color:#fff;border-radius:9px;font-size:10px;font-weight:var(--fw-bold);
  display:flex;align-items:center;justify-content:center;line-height:1;border:2px solid var(--c-bg-card)}
@media (max-width:680px){
  .iw-mobilebar{display:block}
  body.has-mobilebar{padding-bottom:calc(58px + env(safe-area-inset-bottom))}
  /* panel: sidebar drawer açıkken alt bar gizlensin */
  body.iw-panel-open .iw-mobilebar{display:none}
  /* panel: alt bardaki Menü hamburger'ın yerine geçtiği için topbar toggle gizli */
  .iw-panel__toggle{display:none}
}

/* ===== Mobilde hero görsellerini gizle (metin odaklı, hızlı hero) ===== */
@media (max-width:680px){
  .iw-hero__visual,
  .iw-hero3__visual,
  .iw-whhero__visual{display:none}
  .iw-hero__grid,
  .iw-hero3__grid,
  .iw-whhero__grid{grid-template-columns:1fr;gap:0}
  /* alt bardaki "Menü" drawer'ı açtığı için header hamburgeri gereksiz */
  .iw-nav__toggle{display:none}
  /* nav satırını sık — logo+sepet ortalanınca kalan boşluğu azalt */
  .iw-nav__inner{height:60px}
  /* metin-odaklı mobil hero'da dekoratif alt dalga öksüz kalıyor, gizle */
  .iw-hero__wave{display:none}
  /* hero üst boşluğunu kaldır — lavanta zemin nav'a yaslansın (beyaz şerit gitsin) */
  .iw-hero{padding-top:0}
  .iw-whhero{padding-top:22px}
  /* hero carousel noktaları mobilde gizli */
  .iw-hero__dots{display:none}
}

/* ===== Mobil menü drawer'ı — app-stili (VPSRobot benzeri) ===== */
/* ekstralar masaüstü yatay nav'da gizli */
.iw-mm__head,.iw-mm__home,.iw-mm__foot{display:none}
@media (max-width:680px){
  /* tam ekran panel */
  .iw-menu{width:100%;max-width:100%;padding:0;gap:0;background:var(--c-bg-card);box-shadow:none}
  /* açıkken alt bar gizlensin (drawer footer'ı ile çakışmasın) */
  body.iw-nav-open .iw-mobilebar{display:none}
  /* başlık: logo + kapat */
  .iw-mm__head{display:flex;align-items:center;justify-content:space-between;
    padding:16px 20px 14px;border-bottom:1px solid var(--c-line-soft);flex:0 0 auto}
  .iw-mm__logo{display:inline-flex;align-items:center}
  .iw-mm__logo .iw-logo-svg{height:34px;width:auto;display:block}
  .iw-mm__close{width:40px;height:40px;border:0;background:var(--c-bg-soft);border-radius:50%;
    display:flex;align-items:center;justify-content:center;color:var(--c-ink);font-size:22px;cursor:pointer;flex:0 0 auto}
  .iw-mm__close:active{background:var(--c-line)}
  /* menü satırları — büyük, ferah */
  .iw-mm__home{display:block}
  .iw-menu__item{width:100%;padding:2px 12px;border:0}
  .iw-menu__item:first-of-type{margin-top:8px}
  .iw-menu__link{width:100%;justify-content:space-between;padding:15px 16px;border-radius:14px;
    font-size:17px;font-weight:var(--fw-semi);color:var(--c-ink);background:none}
  .iw-menu__link i{font-size:20px;color:var(--c-muted);transition:transform .2s ease}
  .iw-menu__item.is-open>.iw-menu__link{background:var(--c-bg-soft)}
  .iw-menu__link.is-active{background:var(--c-primary-50);color:var(--c-primary)}
  .iw-menu__link.is-active i{color:var(--c-primary)}
  /* alt CTA'lar — tabana yasla */
  .iw-mm__foot{display:flex;flex-direction:column;gap:10px;margin-top:auto;flex:0 0 auto;
    padding:16px 20px calc(18px + env(safe-area-inset-bottom));border-top:1px solid var(--c-line-soft)}
  .iw-mm__foot .iw-btn{width:100%;justify-content:center;height:52px;font-size:16px}
}

/* menü açıkken customizer FAB gizli (drawer footer ile çakışmasın) */
body.iw-nav-open .iw-cz__toggle{display:none}

/* ===== Hizmetler alt-sheet'i (mobil, aşağıdan kayar) ===== */
.iw-svsheet{position:fixed;inset:0;z-index:1300;visibility:hidden;pointer-events:none}
.iw-svsheet.is-open{visibility:visible;pointer-events:auto}
.iw-svsheet__backdrop{position:absolute;inset:0;background:rgba(8,12,22,.5);opacity:0;transition:opacity .25s ease}
.iw-svsheet.is-open .iw-svsheet__backdrop{opacity:1}
.iw-svsheet__panel{position:absolute;left:0;right:0;bottom:0;background:var(--c-bg-card);
  border-radius:22px 22px 0 0;box-shadow:0 -10px 40px rgba(8,12,22,.22);
  transform:translateY(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);
  max-height:82vh;display:flex;flex-direction:column;padding-bottom:env(safe-area-inset-bottom)}
.iw-svsheet.is-open .iw-svsheet__panel{transform:translateY(0)}
.iw-svsheet__head{position:relative;display:flex;align-items:center;justify-content:center;
  padding:16px 20px 12px;border-bottom:1px solid var(--c-line-soft);flex:0 0 auto}
.iw-svsheet__grip{position:absolute;top:7px;left:50%;transform:translateX(-50%);width:38px;height:4px;border-radius:3px;background:var(--c-line)}
.iw-svsheet__title{margin:0;font-family:var(--font-display);font-size:var(--fs-lg);color:var(--c-ink)}
.iw-svsheet__close{position:absolute;right:14px;top:50%;transform:translateY(-50%);width:36px;height:36px;border:0;
  background:var(--c-bg-soft);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--c-ink);font-size:20px;cursor:pointer}
.iw-svsheet__list{overflow-y:auto;padding:8px 12px 16px;-webkit-overflow-scrolling:touch}
.iw-svsheet__item{display:flex;align-items:center;gap:14px;padding:12px 12px;border-radius:14px;
  text-decoration:none;color:var(--c-ink);transition:background .15s ease}
.iw-svsheet__item:active{background:var(--c-bg-soft)}
.iw-svsheet__ico{flex:0 0 auto;width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;
  background:var(--c-primary-50);color:var(--c-primary);font-size:22px}
.iw-svsheet__txt{flex:1;display:flex;flex-direction:column;min-width:0}
.iw-svsheet__txt b{font-size:15px;font-weight:var(--fw-semi)}
.iw-svsheet__txt small{font-size:12.5px;color:var(--c-muted)}
.iw-svsheet__chev{color:var(--c-muted);font-size:20px;flex:0 0 auto}

/* Hizmetler sheet — akordeon (kategori → ürünler) */
.iw-svsheet__grp{border-bottom:1px solid var(--c-line-soft)}
.iw-svsheet__grp:last-child{border-bottom:0}
.iw-svsheet__cat{width:100%;display:flex;align-items:center;gap:14px;padding:13px 12px;background:none;border:0;
  cursor:pointer;text-align:left;font-family:inherit;color:var(--c-ink);-webkit-tap-highlight-color:transparent}
.iw-svsheet__cat .iw-svsheet__txt b{font-size:16px;font-weight:var(--fw-semi)}
.iw-svsheet__cat .iw-svsheet__chev{margin-left:auto;color:var(--c-muted);font-size:22px;transition:transform .25s ease;flex:0 0 auto}
.iw-svsheet__grp.is-open .iw-svsheet__cat .iw-svsheet__chev{transform:rotate(180deg)}
.iw-svsheet__grp.is-open .iw-svsheet__ico{background:var(--c-primary-fill,var(--c-primary));color:#fff}
.iw-svsheet__sub{max-height:0;overflow:hidden;transition:max-height .3s cubic-bezier(.4,0,.2,1)}
.iw-svsheet__grp.is-open .iw-svsheet__sub{max-height:440px}
.iw-svsheet__sublink{display:flex;align-items:center;gap:8px;padding:11px 14px 11px 70px;color:var(--c-text);
  text-decoration:none;font-size:14.5px;font-weight:var(--fw-medium)}
.iw-svsheet__sublink::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--c-primary-fill,var(--c-primary));opacity:.5;flex:0 0 auto;margin-left:-14px;margin-right:9px}
.iw-svsheet__sublink:active{background:var(--c-bg-soft)}
.iw-svsheet__sub .iw-svsheet__sublink:last-child{margin-bottom:8px}

/* ===== Domain transfer — "+1 YIL" promo rozeti (yenilendi, mobil uyumlu) ===== */
.iw-domain__badge--promo{
  display:inline-flex;align-items:center;gap:12px;flex-wrap:nowrap;
  background:var(--c-primary-50);border-radius:999px;
  padding:7px 20px 7px 7px;max-width:100%;text-align:left;margin-bottom:20px}
.iw-domain__badge-ext--stamp{
  flex:0 0 auto;width:50px;height:50px;border-radius:50%;padding:0;
  background:var(--c-primary-fill,var(--c-primary));color:#fff;
  display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1;
  box-shadow:0 4px 12px color-mix(in srgb,var(--c-primary) 34%,transparent)}
.iw-stamp__n{font-size:17px;font-weight:var(--fw-extra);letter-spacing:-.5px}
.iw-stamp__u{font-size:9.5px;font-weight:var(--fw-bold);letter-spacing:1.5px;opacity:.92;margin-top:1px}
.iw-domain__badge--promo>span{
  flex:1;min-width:0;font-size:13.5px;font-weight:var(--fw-medium);color:var(--c-primary);line-height:1.4}
@media (max-width:400px){
  .iw-domain__badge--promo>span{font-size:12.5px}
  .iw-domain__badge-ext--stamp{width:46px;height:46px}
  .iw-stamp__n{font-size:16px}
}

/* ===== Büyük/4K ekranlar — container'ı genişlet (içerik ortada kaybolmasın) ===== */
@media (min-width:1600px){ :root{ --container:1400px } }
@media (min-width:2000px){ :root{ --container:1560px } }
@media (min-width:2560px){ :root{ --container:1720px } }
/* çok geniş container'da hero/başlık metin satırları aşırı uzamasın */
@media (min-width:1600px){
  .iw-hero__lead{max-width:600px}
}

/* ===== Geniş ekran: kayan logo şeridi ve hero'yu ortada tut ===== */
/* marquee container genişliğine hapsolsun, logolar içinde kaysın (kenardan kenara gitmesin) */
.iw-logos__marquee{max-width:var(--container);margin-left:auto;margin-right:auto;overflow:hidden}
/* hero içeriği büyük ekranda aşırı yayılmasın, ortada dengeli dursun */
@media (min-width:1600px){
  .iw-hero .iw-container{max-width:1440px}
}
/* hero carousel'i de container'a hapset: slide geçişi tüm ekranı kat etmesin,
   ortada kendi kutusunun içinde kaysın (lavanta arka plan tam genişlikte kalır) */
.iw-hero__carousel{max-width:var(--container);margin-left:auto;margin-right:auto}
@media (min-width:1600px){
  .iw-hero__carousel{max-width:1440px}
}

/* ===== Hero görsel kadraj ayarları =====
   Figma çıktısı sabit (1150×747); kişinin kadraj/ölçeği burada ayarlanır.
   Ölçü birimi YÜZDE: görselin kendi boyutuna göre hesaplandığı için
   her ekran genişliğinde aynı kadraj korunur (px olsaydı geniş ekranda kayardı).
   Referans ayar 1280px ekranda yapıldı (görsel 460×299 px). */
.iw-whslide .iw-hero__artimg{transform:translate(-18.26%,13.72%) scale(1.31);
  transform-origin:center bottom}

/* hero slider nokta göstergeleri gizli — hero dekoratif, otomatik dönüyor */
.iw-whslider__dots{display:none}

/* ============================================================
   BAĞIMSIZ PANEL SAYFALARI (fatura/teklif/e-posta) — ek sınıflar

   WHMCS'in kök header/footer ile sarmalamadığı üç sayfa için gereken,
   başka yerde karşılığı olmayan parçalar. Tamamı mevcut token'ları
   kullanır; yeni renk/ölçü sabiti tanımlanmaz, böylece admin panelinden
   yapılan tema değişiklikleri bu sayfaları da olduğu gibi etkiler.
   ============================================================ */

/* Tablo hücresi — ortalanmış (indirim sütunu gibi) */
.iw-dtable__c{text-align:center}

/* Küçük yardımcı/dipnot satırı (ör. "* vergiye tabidir") */
.iw-detail__hint{color:var(--c-muted);font-size:var(--fs-xs);margin:10px 0 0}

/* Kart içi ince ayırıcı */
.iw-detail__sep{height:1px;background:var(--c-line);margin:14px 0}

/* Adres blokları — <address> italiğini iptal eder */
.iw-addr{font-style:normal;margin:0;color:var(--c-text);font-size:var(--fs-sm);line-height:1.7}
.iw-addr b{color:var(--c-ink);font-weight:var(--fw-semi)}

/* Yönetici tarafından girilmiş zengin metin (teklif açıklaması, notlar).
   İçeriği WHMCS'ten ham HTML gelir; burada yalnızca tipografisi
   temaya oturtulur. */
.iw-rte{color:var(--c-text);font-size:var(--fs-sm);line-height:1.75}
.iw-rte>*:first-child{margin-top:0}
.iw-rte>*:last-child{margin-bottom:0}
.iw-rte h1,.iw-rte h2,.iw-rte h3,.iw-rte h4{color:var(--c-ink);font-weight:var(--fw-semi);margin:18px 0 8px;line-height:1.35}
.iw-rte h1{font-size:var(--fs-xl)}
.iw-rte h2{font-size:var(--fs-lg)}
.iw-rte h3,.iw-rte h4{font-size:var(--fs-md)}
.iw-rte p{margin:0 0 12px}
.iw-rte ul,.iw-rte ol{margin:0 0 12px;padding-left:20px}
.iw-rte li{margin-bottom:6px}
.iw-rte a{color:var(--c-primary);text-decoration:underline}
.iw-rte strong,.iw-rte b{color:var(--c-ink);font-weight:var(--fw-semi)}
.iw-rte img{max-width:100%;height:auto;border-radius:var(--r-sm)}
.iw-rte table{width:100%;border-collapse:collapse;margin:0 0 12px}
.iw-rte th,.iw-rte td{border:1px solid var(--c-line);padding:8px 10px;text-align:left}
.iw-rte th{background:var(--c-bg-soft);color:var(--c-ink);font-weight:var(--fw-semi)}
.iw-rte blockquote{margin:0 0 12px;padding:10px 14px;border-left:3px solid var(--c-primary);background:var(--c-bg-soft);border-radius:0 var(--r-sm) var(--r-sm) 0}
.iw-rte code{background:var(--c-bg-soft);padding:2px 6px;border-radius:var(--r-sm);font-size:.92em}
.iw-rte pre{background:var(--c-bg-soft);padding:12px 14px;border-radius:var(--r-sm);overflow-x:auto;margin:0 0 12px}

/* --- E-posta görüntüleyici (viewemail.php) — POPUP penceresi.
   Panel kabuğu YOKTUR (bkz. viewemail.tpl başındaki not): WHMCS bunu
   ayrı bir pencerede açar, sidebar/topbar anlamsız olurdu. */
.iw-mailview{background:var(--c-bg);min-height:100vh;padding:20px}
.iw-mailview__wrap{max-width:860px;margin:0 auto}
.iw-mailview__files{display:flex;flex-wrap:wrap;gap:8px;padding:0 18px 14px}
.iw-mailview__file{display:inline-flex;align-items:center;gap:6px;background:var(--c-bg-soft);border:1px solid var(--c-line);border-radius:var(--r-pill,999px);padding:5px 12px;font-size:var(--fs-xs);color:var(--c-text)}
.iw-mailview__frame{display:block;width:100%;min-height:420px;border:0;background:#fff}
.iw-mailview__foot{padding:14px 18px;border-top:1px solid var(--c-line);display:flex;justify-content:flex-end}
@media (max-width:560px){
  .iw-mailview{padding:0}
  .iw-mailview__frame{min-height:320px}
}

/* ============================================================
   Domain alt sayfaları (yönlendirme / EPP) — ek bileşenler
   ============================================================ */

/* Bilgi notu — WHMCS'in kendi açıklama metinleri için */
.iw-note{display:flex;gap:10px;align-items:flex-start;background:var(--c-bg-soft);border:1px solid var(--c-line);border-radius:var(--r-sm);padding:12px 14px;margin:0 0 16px;font-size:var(--fs-xs);color:var(--c-text);line-height:1.6}
.iw-note i{flex:0 0 auto;font-size:16px;color:var(--c-primary);line-height:1.4}
.iw-note--ok{border-color:color-mix(in srgb,var(--c-green) 45%,transparent);background:color-mix(in srgb,var(--c-green) 10%,transparent)}
.iw-note--ok i{color:var(--c-green)}

/* Kart üstü açıklama paragrafı */
.iw-dcard__lead{margin:0 0 16px;color:var(--c-text);font-size:var(--fs-sm);line-height:1.7}

/* Form alt aksiyon çubuğu */
.iw-form__actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}

/* Kayıt kuruluşu modülünün kendi HTML çıktısı — sarılmaz, yalnızca
   taşma kontrol altına alınır. */
.iw-modout{overflow-x:auto}

/* E-posta yönlendirme tablosundaki "@alanadi →" sütunu */
.iw-fwd__at{white-space:nowrap;color:var(--c-muted);font-size:var(--fs-xs)}

/* EPP kodu gösterimi — seçilip kopyalanabilir olmalı */
.iw-epp{display:flex;flex-direction:column;gap:8px;background:var(--c-bg-soft);border:1px solid var(--c-line);border-radius:var(--r-sm);padding:16px}
.iw-epp__label{font-size:var(--fs-xs);color:var(--c-muted);font-weight:var(--fw-semi)}
.iw-epp__code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:var(--fs-md);color:var(--c-ink);word-break:break-all;user-select:all}

/* Destek talebi mesajındaki ek dosyalar */
.iw-tmsg__files{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.iw-tmsg__files a.iw-mailview__file{text-decoration:none;color:var(--c-text)}
.iw-tmsg__files a.iw-mailview__file:hover{border-color:var(--c-primary);color:var(--c-primary)}

/* Bülten formu geri bildirim mesajı */
.iw-nl__msg{display:flex;align-items:center;gap:8px;border-radius:var(--r-sm);padding:9px 12px;margin:0 0 10px;font-size:var(--fs-xs)}
.iw-nl__msg--ok{background:color-mix(in srgb,var(--c-green) 16%,transparent);color:#fff}
.iw-nl__msg--err{background:color-mix(in srgb,var(--c-red) 20%,transparent);color:#fff}

/* ============================================================
   Erişim bilgisi satırı — kopyalanabilir/gizlenebilir alan.
   Hizmet detayındaki kullanıcı adı/parola/sunucu adresi ve domain
   ad sunucuları için. Kaynak tasarımdaki kopyala düğmeli kutuların
   karşılığı; davranışı main.js → initCopyReveal() sağlar.
   ============================================================ */
.iw-copyrow{display:flex;gap:8px;align-items:stretch}
.iw-copyrow .iw-field__input{flex:1;min-width:0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:var(--fs-xs)}
.iw-copyrow__btn{flex:0 0 auto;width:42px;display:inline-flex;align-items:center;justify-content:center;
  background:var(--c-bg-soft);border:1px solid var(--c-line);border-radius:var(--r-sm);
  color:var(--c-text);cursor:pointer;font-size:16px;
  transition:background var(--dur-base) var(--ease-out),color var(--dur-base) var(--ease-out),border-color var(--dur-base) var(--ease-out)}
.iw-copyrow__btn:hover{background:var(--c-primary-light);border-color:var(--c-primary);color:#fff}
.iw-copyrow__btn.is-copied{background:var(--c-green);border-color:var(--c-green);color:#fff}

/* Fatura kalemleri tablosu ve panel kartlarında kenar boşluğu —
   kullanıcı "boşluk koy" dediği alanlar (fatura kalemleri, ürün detay). */
.iw-dtable th:first-child,.iw-dtable td:first-child{padding-left:18px}
.iw-dtable th:last-child,.iw-dtable td:last-child{padding-right:18px}

/* Ürün kartındaki yönetici tarafından yazılmış özellik açıklaması
   (WHMCS $product.featuresdesc — <br/> ile ayrık HTML). */
.iw-plan__desc{color:var(--c-text);font-size:var(--fs-xs);line-height:2;margin:6px 0 14px;text-align:left}
.iw-plan__desc i{color:var(--c-primary);width:18px;margin-right:6px}
.iw-plan__desc strong{color:var(--c-ink);font-weight:var(--fw-semi)}

/* YATAY TAŞMA DÜZELTMESİ (2026-07-28): sipariş formundaki 4 sütunlu
   ürün ızgarası dar alanlarda sayfayı yana kaydırıyordu. min-width:0
   olmadan grid öğeleri içeriklerinden daha dar olamaz. */
.iw-rplans__grid{min-width:0}
.iw-rplans__grid > *{min-width:0}
.iw-cartbody{overflow-x:hidden}

/* Profil sayfası — müşteri numarası / bakiye özet şeridi */
.iw-acctbar{display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;align-items:center;
  margin-top:18px;padding:14px 16px;background:var(--c-bg-soft);border:1px solid var(--c-line);border-radius:var(--r-sm)}
.iw-acctbar__item{display:flex;flex-direction:column;gap:2px}
.iw-acctbar__item--r{text-align:right}
.iw-acctbar__item span{font-size:var(--fs-xs);color:var(--c-muted)}
.iw-acctbar__item b{font-size:var(--fs-sm);color:var(--c-ink);font-weight:var(--fw-semi)}
.iw-acctbar__credit{color:var(--c-primary)}

/* WHMCS'in kendi ürettiği özel alan input'u — tema alan görünümüne oturt */
.iw-cfield input[type=text],.iw-cfield input[type=email],.iw-cfield input[type=number],
.iw-cfield input[type=password],.iw-cfield select,.iw-cfield textarea{
  width:100%;background:var(--c-bg-card);border:1px solid var(--c-line);border-radius:var(--r-sm);
  padding:11px 13px;font-size:var(--fs-sm);color:var(--c-ink)}
.iw-cfield input:focus,.iw-cfield select:focus,.iw-cfield textarea:focus{
  outline:none;border-color:var(--c-primary);box-shadow:0 0 0 3px var(--c-primary-light)}

/* Profil sekmeleri bağlantı olarak kullanıldığında */
a.iw-ptabs__tab{text-decoration:none}

/* ============================================================
   Mağaza ürün kartı — hizalama düzeltmesi (2026-07-28)
   Kartlar eşit yükseklikte olmalı ve fiyat hepsinde aynı hizada
   başlamalı. "Sadece.." etiketi olan/olmayan ürünler karışık geldiği
   için kartlar kayıyordu.
   ============================================================ */
.iw-rplans__grid > .iw-plan{display:flex;flex-direction:column}
.iw-plan__desc{flex:1 1 auto}                    /* özellikler alanı esner */
/* TAŞMA DÜZELTMESİ (2026-07-28, kullanıcı ekran görüntüsüyle bildirdi:
   "Sadece.. ₺280.00TRY Aylık" kartın sağından taşıyordu).
   KÖK NEDEN: .iw-plan__price yukarıda (satır ~1113) display:flex ile
   SATIR olarak tanımlı. Flex kabında çocuklara display:block vermek
   etkisizdir — öğeler yan yana dizilmeye devam eder ve üç parça
   (etiket + fiyat + dönem) kart genişliğini aşar.
   Ana sayfadaki paket kartlarında satır düzeni KAYNAK TASARIMIN kendisi
   olduğu için ona dokunulmaz; sütun düzeni yalnızca mağaza/sipariş
   kabuğunda (.iw-cartbody) uygulanır. */
.iw-plan__price{margin-top:auto}
.iw-cartbody .iw-plan__price{flex-direction:column;align-items:flex-start;gap:2px;min-width:0}
.iw-cartbody .iw-plan__pre{font-size:var(--fs-xs);color:var(--c-muted);line-height:1.4;min-height:1.4em}
.iw-cartbody .iw-plan__pre.is-empty{visibility:hidden}
/* Fiyat TEK SATIRDA kalmalı. Önceki sürümde taşmayı önlemek için
   overflow-wrap:anywhere kullanılmıştı; bu, "₺130.00TRY" gibi para
   birimi metnini ortadan bölüyordu (ekran görüntüsünde "₺130.00TR"
   / "Y" şeklinde iki satıra düşüyordu). Doğru çözüm sarmayı
   engelleyip yazı boyutunu kart genişliğine göre ölçeklemek. */
.iw-cartbody .iw-plan__amount{line-height:1.15;max-width:100%;
  white-space:nowrap;font-size:clamp(20px,2.1vw,30px);letter-spacing:-.5px}
.iw-cartbody .iw-plan__cycle{font-size:var(--fs-xs);color:var(--c-muted)}
.iw-cartbody .iw-plan__setup{font-size:var(--fs-xs);color:var(--c-muted)}
.iw-plan__setup{display:block;font-size:var(--fs-xs);color:var(--c-muted);margin-top:4px}
.iw-plan__btn{width:100%;margin-top:14px}

/* ============================================================
   MAĞAZA KATEGORİ ŞERİDİ (sipariş formu)
   Sipariş kabuğunda mega menü yoktur; müşterinin kategoriler arasında
   gezinebilmesi için ürünlerin üstünde yatay şerit. Dar ekranda yatay
   kaydırılabilir — sayfayı taşırmaz.
   ============================================================ */
.iw-storenav{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:0 0 14px}
.iw-storenav__item{display:inline-flex;align-items:center;padding:8px 15px;border-radius:var(--r-pill,999px);
  border:1px solid var(--c-line);background:var(--c-bg-card);color:var(--c-text);
  font-size:var(--fs-xs);font-weight:var(--fw-semi);text-decoration:none;white-space:nowrap;
  transition:background var(--dur-base) var(--ease-out),color var(--dur-base) var(--ease-out),border-color var(--dur-base) var(--ease-out)}
.iw-storenav__item:hover{border-color:var(--c-primary);color:var(--c-primary)}
.iw-storenav__item.is-active{background:var(--c-primary-fill,var(--c-primary));border-color:var(--c-primary-fill,var(--c-primary));color:#fff}

.iw-storeact{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;margin:0 0 26px}
.iw-storeact__item{display:inline-flex;align-items:center;gap:6px;font-size:var(--fs-xs);
  color:var(--c-muted);text-decoration:none}
.iw-storeact__item:hover{color:var(--c-primary)}

@media (max-width:700px){
  .iw-storenav{flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;
    padding-bottom:6px;-webkit-overflow-scrolling:touch}
}

/* ============================================================
   "Yönetici alanına dön" rozeti (WHMCS'in kendi öğesi)

   KÖK NEDEN (2026-07-28, kullanıcı ekran görüntüsüyle bildirdi):
   Bu bağlantı WHMCS'in sistem bloğunda gelir ve .btn-return-to-admin
   sınıfını taşır. Sınıf ÜST TEMAYA (twenty-one) aittir; orada
   position:fixed ile sağ kenara sabitlenir. Bizim temada tanımlı
   olmadığı için hiçbir konumlandırma almıyor ve normal akışta,
   footer'ın altında stilsiz bir kutu olarak görünüyordu.

   Yalnızca yönetici bir müşteri hesabını görüntülerken basılır —
   son ziyaretçi bunu asla görmez. Athena diline uygun, içeriği
   itmeyen sabit bir rozet olarak konumlandırıldı.
   ============================================================ */
.btn-return-to-admin{
  position:fixed;left:18px;bottom:18px;z-index:900;
  display:inline-flex;align-items:center;gap:8px;
  padding:9px 15px;border-radius:var(--r-pill,999px);
  /* Marka rengi kullanılır: --c-ink tema değiştikçe açık/koyu
     arasında GİDİP GELİR ve koyu temada beyaz yazıyı okunmaz
     yapıyordu (ölçülen kontrast 1.16). Marka rengi her iki
     temada da sabit kalır ve beyaz yazıyla kontrastı 6.58. */
  background:var(--c-primary-fill,var(--c-primary));color:#fff;
  border:1px solid rgba(255,255,255,.14);
  box-shadow:0 6px 20px rgba(0,0,0,.28);
  font-size:var(--fs-xs);font-weight:var(--fw-semi);
  text-decoration:none;line-height:1;
  transition:background var(--dur-base) var(--ease-out),transform var(--dur-base) var(--ease-out);
}
.btn-return-to-admin:hover{filter:brightness(.92);color:#fff;text-decoration:none;transform:translateY(-1px)}
.btn-return-to-admin i{font-size:13px}

/* Mobilde alt gezinme çubuğuyla çakışmasın. */
@media (max-width:700px){
  .btn-return-to-admin{left:12px;bottom:auto;top:12px;padding:7px 12px}
  body.has-mobilebar .btn-return-to-admin{top:auto;bottom:78px}
}

/* =========================================================================
   SİPARİŞ FORMU — ALAN ADI ARAMA / EK HİZMET / YAPILANDIRMA
   2026-07-28: platxcart'ta eksik olan domainregister / domaintransfer /
   configuredomains / addons şablonları eklendi. Aşağıdaki sınıflar o
   şablonlarda kullanılıyor ve daha önce hiçbir CSS karşılığı yoktu.
   (.iw-dres* zaten vardı ama hiçbir şablon kullanmıyordu — artık kullanılıyor.)
   ========================================================================= */

/* Arama sonuç kutusu */
.iw-dsearch__results{margin-top:22px;background:var(--c-bg-card);border:1px solid var(--c-line);
  border-radius:16px;overflow:hidden;box-shadow:0 10px 30px rgba(20,30,60,.07)}
.iw-dres__term{width:auto;min-width:150px;padding:8px 12px;font-size:13.5px;font-weight:var(--fw-semi)}
@media (max-width:620px){.iw-dres__term{width:100%}}

/* Uzantı kategori süzgeci */
.iw-dfilters{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px}
.iw-dfilter{font-family:inherit;font-size:13px;font-weight:var(--fw-semi);padding:7px 15px;
  border-radius:var(--r-pill);border:1px solid var(--c-line);background:var(--c-bg-card);
  color:var(--c-muted);cursor:pointer;transition:all .15s ease}
.iw-dfilter:hover{border-color:var(--c-primary-light);color:var(--c-primary)}
.iw-dfilter.is-on{background:var(--c-primary-fill,var(--c-primary));border-color:var(--c-primary-fill,var(--c-primary));color:#fff}

/* Captcha kutusu (WHMCS'in kendi doğrulama görseli) */
.iw-domain__captcha{margin-top:14px;display:flex;justify-content:center}
.iw-captcha{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:center}
.iw-captcha img{border-radius:8px;border:1px solid var(--c-line);background:#fff}
.iw-captcha .iw-field__input{width:130px}

/* Dönen yükleme ikonu */
.iw-spin{display:inline-block;animation:iw-spin .8s linear infinite}
@keyframes iw-spin{to{transform:rotate(360deg)}}

/* Sipariş formu kart/aksiyon varyantları */
.iw-ccard--narrow{max-width:620px;margin-left:auto;margin-right:auto}
.iw-form__actions--center{justify-content:center}
.iw-addonlist{display:flex;flex-direction:column;gap:0}
.iw-field__hint{float:right;font-size:12.5px;font-weight:var(--fw-medium);color:var(--c-muted);text-decoration:none}
.iw-field__hint:hover{color:var(--c-primary)}
.iw-checkout__note{text-align:center;font-size:12.5px;color:var(--c-muted);margin:18px 0 0}
.iw-plan__pre.is-empty{visibility:hidden}
.iw-dres__next{margin-left:10px;padding:9px 16px;font-size:13.5px}

/* ---------- Yenileme sayfaları + sipariş özeti fragmanı ---------- */
.iw-cgrid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:26px;align-items:start}
.iw-cgrid__main{min-width:0}
@media (max-width:900px){.iw-cgrid{grid-template-columns:1fr}}

.iw-renewlist{display:flex;flex-direction:column;gap:14px}
.iw-renew{background:var(--c-bg-card);border:1px solid var(--c-line);border-radius:16px;padding:20px 22px}
.iw-renew__head{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:8px}
.iw-renew__name{font-size:18px;font-weight:var(--fw-bold);color:var(--c-ink);margin:0;display:flex;align-items:center;gap:8px;min-width:0}
.iw-renew__name i{color:var(--c-primary);flex:none}
.iw-renew__head .iw-badge{margin-left:auto}
.iw-renew__domain{font-size:14.5px;font-weight:var(--fw-semi);color:var(--c-primary);margin:0 0 6px}
.iw-renew__meta{font-size:13.5px;color:var(--c-muted);margin:0 0 10px}
.iw-renew__meta b{color:var(--c-ink)}
.iw-renew__desc{font-size:13px;color:var(--c-muted);display:block}
.iw-renew__foot{display:flex;align-items:flex-end;gap:14px;flex-wrap:wrap;padding-top:14px;border-top:1px solid var(--c-line)}
.iw-renew__period{flex:1;min-width:220px;margin:0}
.iw-renew__foot .iw-btn{flex:none}
.iw-renew__addons{margin-top:16px;padding-top:16px;border-top:1px dashed var(--c-line)}
.iw-renew__addonstitle{font-size:14px;font-weight:var(--fw-bold);color:var(--c-muted);margin:0 0 10px;text-transform:uppercase;letter-spacing:.4px}
.iw-renew__addons .iw-renew{background:var(--c-bg-soft)}

.iw-osum__loader{margin-left:auto;color:var(--c-muted)}
.iw-osum__prod{padding:12px 0 10px;border-bottom:1px solid var(--c-line);margin-bottom:10px}
.iw-osum__prodname{display:block;font-weight:var(--fw-bold);color:var(--c-ink);font-size:15px}
.iw-osum__prodgroup{display:block;font-size:12.5px;color:var(--c-muted)}
.iw-osum__row--sub{font-size:12.5px;color:var(--c-muted);padding-left:10px}
.iw-osum__row small{display:block;font-size:12px;color:var(--c-muted);font-weight:var(--fw-medium)}
.iw-osum__del{margin-left:8px;color:var(--c-muted)}
.iw-osum__del:hover{color:var(--c-red)}

.iw-checkout__head--split{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;flex-wrap:wrap}
.iw-checkout__tools{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.iw-checkout__tools .iw-field__input{width:230px}
.iw-ccard__step--warn{background:rgba(245,158,11,.14);color:#b45309}
.iw-ccard__body--center{text-align:center}
.iw-dres__check{width:18px;height:18px;accent-color:var(--c-primary);flex:none}
.iw-dsug{display:flex;flex-direction:column}
.iw-dsug .iw-dres{cursor:pointer}
.iw-authsep{display:flex;align-items:center;gap:14px;margin:22px 0 16px;color:var(--c-muted);font-size:13px;font-weight:var(--fw-semi)}
.iw-authsep::before,.iw-authsep::after{content:"";flex:1;height:1px;background:var(--c-line)}
.iw-social{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
.iw-tablewrap{overflow-x:auto}
.iw-table{width:100%;border-collapse:collapse;font-size:14px}
.iw-table th,.iw-table td{padding:12px 14px;text-align:left;border-bottom:1px solid var(--c-line)}
.iw-table th{font-weight:var(--fw-semi);color:var(--c-muted);font-size:12.5px;text-transform:uppercase;letter-spacing:.4px}
.iw-table__empty{text-align:center;color:var(--c-muted)}

/* MarketConnect üst satış kartı */
.iw-mcpromo{border:1px solid var(--c-line);border-radius:14px;background:var(--c-bg-card);margin:12px 0;overflow:hidden}
.iw-mcpromo__head{display:flex;align-items:center;gap:14px;padding:14px 18px;flex-wrap:wrap}
.iw-mcpromo__ico img{width:42px;height:42px;object-fit:contain}
.iw-mcpromo__txt{flex:1;min-width:0}
.iw-mcpromo__title{font-weight:var(--fw-bold);color:var(--c-ink);font-size:15px}
.iw-mcpromo__sub{font-size:13px;color:var(--c-muted)}
.iw-mcpromo__cta{display:flex;align-items:center;gap:12px;flex:none}
.iw-mcpromo__price{font-weight:var(--fw-bold);color:var(--c-ink);white-space:nowrap}
.iw-mcpromo__exp{cursor:pointer;color:var(--c-muted);flex:none}
.iw-mcpromo__body{padding:0 18px 16px}
.iw-mcpromo__feats{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:6px 18px}
.iw-mcpromo__feats li{display:flex;align-items:center;gap:7px;font-size:13.5px;color:var(--c-text)}
.iw-mcpromo__feats i{color:var(--c-green)}

/* =========================================================================
   KAYIT / ŞİFRE SIFIRLAMA — tek sütunlu kimlik doğrulama düzeni
   2026-07-28: clientregister.tpl ve password-reset-*.tpl devralınmış ham
   Bootstrap sürümündeydi (canlı ölçüm: register.php'de 0 Athena sınıfı).
   Athena'ya çevrildiler; bu iki sayfada yan panel yok, .iw-auth'un iki
   sütunlu grid'i tek sütuna indiriliyor.
   ========================================================================= */
.iw-auth--wide,.iw-auth--single{display:block;padding:clamp(20px,4vw,40px) 0}
.iw-auth--wide .iw-auth__topctl,
.iw-auth--single .iw-auth__topctl{max-width:820px;margin:0 auto 18px}
.iw-auth--wide .iw-ccard{max-width:820px;margin-left:auto;margin-right:auto;margin-bottom:18px}
.iw-auth--wide .iw-pghead{text-align:center;max-width:820px;margin:0 auto 26px}
.iw-auth--wide .iw-form__error,
.iw-auth--wide .iw-form__actions,
.iw-auth--wide .iw-checkout__note,
.iw-auth--wide .iw-auth__tos{max-width:820px;margin-left:auto;margin-right:auto}
.iw-auth--wide .iw-auth__tos{display:flex;justify-content:center;margin-top:18px}
.iw-auth__card--solo{max-width:460px;margin:0 auto;background:var(--c-bg-card);border:1px solid var(--c-line);
  border-radius:18px;padding:clamp(24px,4vw,38px);box-shadow:0 14px 40px rgba(20,30,60,.08)}

.iw-field__help{display:block;font-size:12.5px;color:var(--c-muted);margin-top:5px}
.iw-btn--block{display:flex;width:100%;justify-content:center;margin-top:6px}
.iw-pwbar{margin:14px 0}
.iw-pwbar .progress{height:7px;border-radius:5px;background:var(--c-skeleton-soft);overflow:hidden}
.iw-pwbar .progress-bar{height:100%;background:var(--c-primary-fill,var(--c-primary));transition:width .25s ease}
.iw-pwbar .progress-bar.bg-danger{background:var(--c-red)}
.iw-pwbar .progress-bar.bg-warning{background:#f59e0b}
.iw-pwbar .progress-bar.bg-success{background:var(--c-green)}

@media (max-width:620px){
  .iw-auth--wide .iw-form__row{grid-template-columns:1fr}
}