/* ============================================================
   İDEAL ÇÖZÜMLER — PREMIUM CİLA KATMANI (v2.3)
   ideal.css'ten SONRA yüklenir. Tüm sayfalara yansır.
   Mevcut yapıyı bozmaz; sadece derinlik, hareket ve rafine
   detaylar ekler. Kapatmak istenirse bu dosyayı çıkarmak yeter.
   ============================================================ */

:root{
  --idc-ease:cubic-bezier(.16,.84,.44,1);
  --idc-shadow-sm:0 2px 8px rgba(11,27,51,.06);
  --idc-shadow-md:0 12px 34px rgba(11,27,51,.10);
  --idc-shadow-lg:0 28px 64px rgba(11,27,51,.16);
  --idc-glow:0 0 0 1px rgba(37,99,235,.18),0 10px 30px rgba(37,99,235,.18);
}

/* Yatay taşma koruması — süs öğeleri sayfayı yana genişletmesin */
html,body{max-width:100%;overflow-x:hidden}
.idc-section,.idc-migrate,.idc-cta-band,.idc-vv-wrap{max-width:100%}
.idc-migrate,.idc-cta-band{overflow:hidden}

/* Bölüm başlıkları: başlık ve açıklama alt alta, ortalı (yan yana yapışmasın) */
.idc-section .pakettitle{text-align:center}
.idc-section .pakettitle h1,
.idc-section .pakettitle h2{display:block;width:100%;float:none;margin-left:auto;margin-right:auto}
.idc-section .pakettitle h2{margin-top:10px}

/* ——— Akıcı scroll + seçim rengi + odak ——— */
html{scroll-behavior:smooth}
::selection{background:var(--idc-amber);color:var(--idc-amber-ink)}
body{ -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;
  text-rendering:optimizeLegibility }
a,button,.gonderbtn,.idc-btn{transition:all .25s var(--idc-ease)}
:focus-visible{outline:3px solid var(--idc-amber);outline-offset:3px;border-radius:6px}

/* ——— Tipografik ritim: başlıklarda denge ——— */
h1,h2,h3{text-wrap:balance}
p{text-wrap:pretty}
.pakettitle h1{position:relative;display:inline-block}
/* Bölüm başlıklarının altına ince imza çizgisi */
.pakettitle h1::after{
  content:"";display:block;width:46px;height:3px;border-radius:3px;
  margin:14px auto 0;background:linear-gradient(90deg,var(--idc-amber),#60A5FA);
}
.nedenbiz .pakettitle h1::after{margin:14px auto 0}

/* ============================================================
   HERO — derinlik + ışık huzmesi + yavaş canlanma
   ============================================================ */
.idc-hero::after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:120px;
  background:linear-gradient(to bottom,transparent,rgba(8,20,38,.35));
  pointer-events:none;
}
.idc-hero-slide.idc-active h1{animation:idcRise .7s var(--idc-ease) both}
.idc-hero-slide.idc-active .idc-lede{animation:idcRise .7s .08s var(--idc-ease) both}
.idc-hero-slide.idc-active .idc-ctas{animation:idcRise .7s .16s var(--idc-ease) both}
@keyframes idcRise{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
/* durum şeridi nabzı yanına ince tarama ışığı */
.idc-statusbar{position:relative;overflow:hidden}
.idc-statusbar::after{
  content:"";position:absolute;top:0;left:-30%;width:30%;height:100%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.06),transparent);
  animation:idcSweep 6s var(--idc-ease) infinite;
}
@keyframes idcSweep{0%{left:-30%}55%,100%{left:130%}}

/* ============================================================
   BUTONLAR — premium his: parlama + bas/kalk
   ============================================================ */
.idc-btn-primary,.tablepaket.active .gonderbtn,.gonderbtn.aboneolbtn{position:relative;overflow:hidden}
.idc-btn-primary::after,.tablepaket.active .gonderbtn::after{
  content:"";position:absolute;top:0;left:-120%;width:60%;height:100%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.45),transparent);
  transform:skewX(-20deg);transition:left .6s var(--idc-ease);
}
.idc-btn-primary:hover::after,.tablepaket.active .gonderbtn:hover::after{left:140%}
.idc-btn:active,.gonderbtn:active{transform:translateY(1px) scale(.99)}

/* ============================================================
   HİZMET / ÖZELLİK KARTLARI — derinlik ve kalkış
   ============================================================ */
.card,.tablepaket,.quote,.idc-card,.haberblog,.musyorum{
  transition:transform .3s var(--idc-ease),box-shadow .3s var(--idc-ease),border-color .3s var(--idc-ease);
}
.card:hover,.idc-card:hover{box-shadow:var(--idc-shadow-md);border-color:transparent;transform:translateY(-4px)}
.tablepaket{box-shadow:var(--idc-shadow-sm)}
.tablepaket:hover{box-shadow:var(--idc-shadow-lg);transform:translateY(-6px)}
.tablepaket.active{box-shadow:var(--idc-shadow-lg)}
.tablepaket.active:hover{box-shadow:var(--idc-shadow-lg),var(--idc-glow)}
/* ikon kutucuğu: hover'da hafif döner/parlar */
.card:hover .idc-ic,.feature:hover .idc-ic{transform:translateY(-2px) rotate(-3deg);transition:transform .3s var(--idc-ease)}

/* Rack etiketi: ince üst ışık çizgisi (metal his) */
.tablepaket .tpakettitle{position:relative}
.tablepaket .tpakettitle::before{
  content:"";position:absolute;top:0;left:0;right:0;height:1px;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent);
}
/* Özellik satırı ✓ hover'da yeşil parlama */
.tablepaket:hover .products_features .idc-feat::before{text-shadow:0 0 8px rgba(43,213,118,.5)}

/* Fiyat: rakam vurgusu */
.tablepaket h3{background:linear-gradient(180deg,var(--idc-ink),#1C3553);
  -webkit-background-clip:text;background-clip:text}

/* ============================================================
   NEDEN BİZ — özellik ikonlarına nabız + çizgi
   ============================================================ */
.feature{transition:transform .3s var(--idc-ease)}
.feature:hover{transform:translateX(4px)}
.feature .idc-ic{position:relative;transition:all .3s var(--idc-ease)}
.feature:hover .idc-ic{box-shadow:0 0 0 6px rgba(37,99,235,.10)}

/* ============================================================
   KARŞILAŞTIRMA TABLOSU — premium satır vurgusu
   ============================================================ */
.idc-compare tbody tr{transition:background .2s ease}
.idc-compare tbody tr:hover td{background:rgba(11,27,51,.02)}
.idc-compare tbody tr:hover td:last-child{background:rgba(37,99,235,.12)}
.idc-yes::before{content:"✓ ";font-weight:700}
.idc-no::before{content:"✕ ";font-weight:700}

/* ============================================================
   GÖRÜŞ KARTI + LOGO — hover ince yükselme
   ============================================================ */
.yorumyapan img{transition:transform .3s var(--idc-ease),box-shadow .3s var(--idc-ease)}
.musterigorusleri li:hover .yorumyapan img{transform:scale(1.04);box-shadow:var(--idc-shadow-sm)}

/* ============================================================
   HABER / BLOG KARTLARI
   ============================================================ */
.haberblog{overflow:hidden}
.haberblog img{transition:transform .5s var(--idc-ease)}
.haberblog:hover img{transform:scale(1.05)}
.haberblog:hover{box-shadow:var(--idc-shadow-md)}

/* ============================================================
   CTA BANDI — canlı ışıma
   ============================================================ */
.idc-cta-band::after{
  content:"";position:absolute;width:280px;height:280px;border-radius:50%;
  right:-60px;top:-90px;background:radial-gradient(circle,rgba(37,99,235,.14),transparent 70%);
  pointer-events:none;
}
.idc-cta-band h2{text-shadow:0 2px 30px rgba(0,0,0,.2)}

/* ============================================================
   HEADER — kaydırınca incelir/koyulaşır his (gölge)
   ============================================================ */
.header{transition:box-shadow .3s ease,background-color .3s ease}
.menu li a{position:relative}
.menu li a::after{
  content:"";position:absolute;left:0;right:0;bottom:-2px;height:2px;
  background:var(--idc-amber);transform:scaleX(0);transform-origin:left;
  transition:transform .25s var(--idc-ease);
}
.menu li a:hover::after{transform:scaleX(1)}

/* ============================================================
   WHATSAPP + YUKARI ÇIK — premium nabız
   ============================================================ */
.idc-wa{transition:transform .25s var(--idc-ease),box-shadow .25s var(--idc-ease)}
.idc-wa::before{
  content:"";position:absolute;inset:0;border-radius:50%;
  box-shadow:0 0 0 0 rgba(37,211,102,.5);animation:idcWa 2.4s infinite;
}
@keyframes idcWa{0%{box-shadow:0 0 0 0 rgba(37,211,102,.45)}70%{box-shadow:0 0 0 14px rgba(37,211,102,0)}100%{box-shadow:0 0 0 0 rgba(37,211,102,0)}}
.idc-wa:hover{transform:scale(1.08) translateY(-2px);box-shadow:0 12px 30px rgba(0,0,0,.3)}
.cd-top:hover{transform:translateY(-3px)}

/* ============================================================
   ALAN ADI SORGU + E-BÜLTEN — odak parlaması
   ============================================================ */
.homedomainarea,.ebultencont form{transition:box-shadow .3s var(--idc-ease)}
.ebultencont form:focus-within{box-shadow:0 14px 38px rgba(0,0,0,.32),var(--idc-glow)}
.homedomainarea:focus-within{box-shadow:var(--idc-shadow-md)}

/* ============================================================
   GENEL — bölümler arası yumuşak giriş (AOS yoksa da çalışır)
   ============================================================ */
@media (prefers-reduced-motion:no-preference){
  [data-aos]{transition-timing-function:var(--idc-ease)}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}

/* ince scrollbar (premium dokunuş) */
*{scrollbar-width:thin;scrollbar-color:var(--idc-slate) transparent}
*::-webkit-scrollbar{width:10px;height:10px}
*::-webkit-scrollbar-thumb{background:var(--idc-slate);border-radius:10px;border:3px solid #fff}
*::-webkit-scrollbar-thumb:hover{background:var(--idc-ink)}

/* ============================================================
   KOBİ DÖNÜŞÜMÜ — yeni bölümler (v2.6)
   ============================================================ */

/* ——— Ücretsiz taşıma bandı ——— */
.idc-migrate-wrap{padding:30px 0}
.idc-migrate{
  display:flex;align-items:center;gap:22px;
  background:linear-gradient(120deg,#10243F,#0B1B33);
  border:1px solid rgba(37,99,235,.25);border-radius:18px;
  padding:26px 30px;position:relative;overflow:hidden;
}
.idc-migrate::after{
  content:"";position:absolute;right:-40px;top:-40px;width:200px;height:200px;border-radius:50%;
  background:radial-gradient(circle,rgba(37,99,235,.16),transparent 70%);pointer-events:none;
}
.idc-migrate-ic{
  flex:0 0 auto;width:54px;height:54px;border-radius:14px;
  background:rgba(37,99,235,.14);color:var(--idc-amber);
  display:grid;place-items:center;font-size:26px;font-weight:700;
}
.idc-migrate-txt{flex:1;min-width:0;position:relative;z-index:1}
.idc-migrate-txt h3{color:#fff;font-family:var(--idc-display);font-size:20px;margin:0 0 4px}
.idc-migrate-txt p{color:#A9BAD2;font-size:14px;line-height:1.6;margin:0}
.idc-migrate-btn{flex:0 0 auto;white-space:nowrap;position:relative;z-index:1}
@media(max-width:860px){
  .idc-migrate{flex-direction:column;text-align:center;align-items:center}
  .idc-migrate-btn{width:100%;justify-content:center}
}

/* ——— Nasıl çalışıyoruz (3 adım) ——— */
.idc-steps{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:20px;width:100%;counter-reset:idc-step}
.idc-step{
  background:#fff;border:1px solid var(--idc-line);border-radius:var(--idc-radius);
  padding:30px 26px;position:relative;text-align:center;
  transition:transform .3s var(--idc-ease),box-shadow .3s var(--idc-ease);
}
.idc-step:hover{transform:translateY(-4px);box-shadow:var(--idc-shadow-md)}
.idc-step-no{
  width:46px;height:46px;margin:0 auto 16px;border-radius:50%;
  background:var(--idc-ink);color:var(--idc-amber);
  font-family:var(--idc-display);font-weight:700;font-size:20px;
  display:grid;place-items:center;
}
.idc-step h3{font-family:var(--idc-display);font-size:17px;color:var(--idc-ink);margin:0 0 8px}
.idc-step p{font-size:14px;color:var(--idc-slate);line-height:1.6;margin:0}
/* adımlar arası bağlantı çizgisi */
.idc-step:not(:last-child)::after{
  content:"";position:absolute;top:54px;right:-12px;width:24px;height:2px;
  background:repeating-linear-gradient(90deg,var(--idc-line) 0 5px,transparent 5px 10px);
}
@media(max-width:860px){
  .idc-steps{grid-template-columns:1fr}
  .idc-step:not(:last-child)::after{display:none}
}

/* ——— Sektörel çözümler ——— */
.idc-sectors-wrap{background:var(--idc-paper)}
.idc-sectors{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:16px;width:100%}
.idc-sector{
  background:#fff;border:1px solid var(--idc-line);border-radius:var(--idc-radius);
  padding:24px 22px;transition:transform .3s var(--idc-ease),box-shadow .3s var(--idc-ease),border-color .3s var(--idc-ease);
}
.idc-sector:hover{transform:translateY(-4px);box-shadow:var(--idc-shadow-md);border-color:var(--idc-amber)}
.idc-sector-ic{font-size:30px;display:block;margin-bottom:12px}
.idc-sector h4{font-family:var(--idc-display);font-size:16px;color:var(--idc-ink);margin:0 0 6px}
.idc-sector p{font-size:13.5px;color:var(--idc-slate);line-height:1.55;margin:0}
@media(max-width:860px){.idc-sectors{grid-template-columns:1fr 1fr}}
@media(max-width:540px){.idc-sectors{grid-template-columns:1fr}}

/* ============================================================
   MUHASEBE NİŞİ — programlar şeridi + VMware/Veeam bandı (v2.7)
   ============================================================ */

/* ——— Desteklenen programlar şeridi ——— */
.idc-programs-wrap{padding:34px 0 10px}
.idc-programs-lead{text-align:center;color:var(--idc-slate);font-size:14px;
  font-family:var(--idc-mono);letter-spacing:.04em;margin:0 0 18px}
.idc-programs{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}
.idc-prog{
  display:inline-flex;align-items:center;gap:8px;
  background:#fff;border:1px solid var(--idc-line);border-radius:999px;
  padding:10px 20px;font-family:var(--idc-display);font-weight:600;font-size:15px;
  color:var(--idc-ink);transition:transform .2s var(--idc-ease),box-shadow .2s var(--idc-ease),border-color .2s var(--idc-ease);
}
.idc-prog::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--idc-ok);flex:0 0 auto}
.idc-prog:hover{transform:translateY(-2px);box-shadow:var(--idc-shadow-sm);border-color:var(--idc-amber)}
.idc-prog-more{color:var(--idc-slate);font-weight:400;font-family:var(--idc-body)}
.idc-prog-more::before{background:var(--idc-slate)}

/* ——— VMware + Veeam iki sütun bandı ——— */
.idc-vv-wrap{background:var(--idc-ink);color:#fff;position:relative;overflow:hidden;padding:56px 0}
.idc-vv-wrap #wrapper{position:relative;z-index:1}
.idc-vv-wrap::before{content:"";position:absolute;inset:0;
  background:radial-gradient(700px 360px at 85% -10%,rgba(37,99,235,.10),transparent 60%),
             radial-gradient(600px 320px at -5% 110%,rgba(43,213,118,.07),transparent 60%);pointer-events:none}
.idc-vv-wrap .pakettitle h1{color:#fff}
.idc-vv-wrap .pakettitle h2{color:#9FB0C8}
.idc-vv-wrap .pakettitle h1::after{background:linear-gradient(90deg,var(--idc-amber),#60A5FA)}
.idc-vv{display:grid!important;grid-template-columns:1fr 1fr!important;gap:20px;position:relative;z-index:1;width:100%}
.idc-vv-col{min-width:0;
  background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.10);
  border-radius:var(--idc-radius);padding:30px 28px;
  transition:transform .3s var(--idc-ease),border-color .3s var(--idc-ease),box-shadow .3s var(--idc-ease);
}
.idc-vv-col:hover{transform:translateY(-4px);border-color:rgba(37,99,235,.35);box-shadow:0 20px 50px rgba(0,0,0,.30)}
.idc-vv-ic{
  width:54px;height:54px;border-radius:14px;display:grid;place-items:center;
  background:rgba(37,99,235,.12);font-size:26px;margin-bottom:16px;
}
.idc-vv-col h3{font-family:var(--idc-display);font-size:20px;color:#fff;margin:0 0 16px}
.idc-vv-col ul{list-style:none;margin:0;padding:0}
.idc-vv-col li{
  position:relative;padding:0 0 12px 28px;color:#C4D0E2;font-size:14.5px;line-height:1.55;
}
.idc-vv-col li:last-child{padding-bottom:0}
.idc-vv-col li::before{
  content:"✓";position:absolute;left:0;top:0;color:var(--idc-ok);font-weight:700;
}
@media(max-width:860px){.idc-vv{grid-template-columns:1fr}}