/* ===================================================================
 *  Datawise — Alan Adı Sorgu Paneli  |  2026-10-07
 *  Uretici bu dosyayi tema guncellemelerinde DEGISTIRMEZ.
 *  TEMA: yalnizca acik. Koyu kip kurali bilincli olarak YOK.
 *  KONTRAST: amber (#ffb11f) uzerine beyaz metin 1.8:1 ile AA'yi GECMEZ;
 *  amber zeminlerde daima koyu metin (#121b28, 9.7:1).
 * =================================================================== */
.wq{
  --am:#ffb11f; --ink:#3f4a5a; --hd:#121b28; --mut:#7b8798;
  --ln:#e8edf3; --sf:#fafbfd; --cd:#fff; --lk:#1d4ed8;
  --ok:#15803d; --wn:#b45309; --bd:#dc2626;
  --mono:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,monospace;
  --r:12px;
  color:var(--ink);font-size:.92rem;line-height:1.6;scroll-margin-top:90px
}
.wq *{box-sizing:border-box}

/* ───── Üst şerit ───── */
.wq-hero{display:flex;flex-wrap:wrap;align-items:center;gap:.8rem 1rem;
  background:var(--hd);border-radius:var(--r);padding:1.15rem 1.35rem;margin-bottom:1rem}
.wq-hero h2{margin:0;font-size:1.35rem;font-weight:700;color:#fff;letter-spacing:-.4px;
  font-family:var(--mono);word-break:break-all;line-height:1.25}
.wq-hero .wq-sub{margin:.25rem 0 0;font-size:.78rem;color:rgba(255,255,255,.55)}
.wq-hero-act{display:flex;gap:.4rem;flex-wrap:wrap}
.wq-ghost{display:inline-flex;align-items:center;border:1px solid rgba(255,255,255,.2);
  background:transparent;color:#fff;border-radius:999px;padding:.34rem .85rem;font-size:.76rem;
  font-weight:600;cursor:pointer;text-decoration:none;font-family:inherit}
.wq-ghost:hover{background:var(--am);color:var(--hd);border-color:var(--am)}
.wq-pill{display:inline-flex;align-items:center;font-size:.76rem;font-weight:700;
  padding:.38rem .9rem;border-radius:999px;white-space:nowrap}
.wq-pill--taken{background:var(--am);color:#121b28}
.wq-pill--free{background:#15803d;color:#fff}
.wq-pill--warn{background:#eef2f7;color:#121b28}

/* ───── KPI — her zaman 4 eşit sütun ───── */
.wq-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:.7rem;margin:0 0 1.1rem}
.wq-kpi{background:var(--cd);border:1px solid var(--ln);border-radius:var(--r);padding:.85rem .95rem}
.wq-kpi dt{font-size:.7rem;text-transform:uppercase;letter-spacing:.07em;color:var(--mut);
  font-weight:700;margin:0 0 .3rem}
.wq-kpi dd{margin:0;font-size:1.04rem;font-weight:700;color:var(--hd);font-family:var(--mono);
  letter-spacing:-.2px;word-break:break-word}
.wq-kpi .wq-rel{display:block;font-size:.77rem;font-weight:600;margin-top:.22rem;
  font-family:inherit;letter-spacing:0}
.wq-rel--past{color:var(--mut)}.wq-rel--ok{color:var(--ok)}
.wq-rel--soon{color:var(--wn)}.wq-rel--bad{color:var(--bd)}

/* ───── Bölüm başlığı ───── */
.wq-sec-h{display:flex;align-items:center;gap:.7rem;margin:1.6rem 0 .8rem}
.wq-sec-h b{font-size:.76rem;font-weight:800;letter-spacing:.11em;text-transform:uppercase;
  color:var(--hd);white-space:nowrap}
.wq-sec-h i{flex:1;height:1px;background:var(--ln)}

/* ───── Simetrik ızgara: masaüstünde her zaman 2 eşit sütun ───── */
.wq-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;align-items:stretch}
.wq-grid--1{grid-template-columns:minmax(0,1fr)}
.wq-grid>.wq-card{height:100%}
.wq-span2{grid-column:1/-1}

/* ───── Kart ───── */
.wq-card{display:flex;flex-direction:column;background:var(--cd);border:1px solid var(--ln);
  border-radius:var(--r);overflow:hidden}
.wq-card>header{display:flex;align-items:center;gap:.5rem;padding:.65rem .95rem;
  border-bottom:1px solid var(--ln)}
.wq-card>header h3{margin:0;font-size:.85rem;font-weight:700;color:var(--hd);flex:1}
.wq-card>header .wq-meta{font-size:.72rem;color:var(--mut);font-family:var(--mono);white-space:nowrap}
.wq-card>.wq-body{padding:.8rem .95rem;flex:1}
.wq-tag{font-size:.63rem;font-weight:800;letter-spacing:.06em;padding:.17rem .42rem;
  border-radius:.3rem;font-family:var(--mono);background:#eef2f7;color:#4a5668}

/* ───── Satırlar ───── */
.wq-rows{margin:0}
.wq-row{display:grid;grid-template-columns:minmax(118px,.4fr) 1fr;gap:.2rem .85rem;
  padding:.5rem 0;border-bottom:1px solid var(--ln)}
.wq-row:last-child{border-bottom:0;padding-bottom:0}
.wq-row:first-child{padding-top:0}
.wq-row dt{font-size:.8rem;color:var(--mut);font-weight:600;margin:0}
.wq-row dd{margin:0;color:var(--hd);font-weight:600;word-break:break-word}
.wq-row dd a{color:var(--lk);text-decoration:none}
.wq-row dd a:hover{text-decoration:underline}
.wq-mono{font-family:var(--mono);font-size:.84rem}

/* ───── Liste ───── */
.wq-list{list-style:none;margin:0;padding:0}
.wq-list li{display:flex;align-items:center;gap:.6rem;padding:.48rem 0;border-bottom:1px solid var(--ln)}
.wq-list li:last-child{border-bottom:0;padding-bottom:0}
.wq-list li:first-child{padding-top:0}
.wq-k{flex:1;min-width:0;font-family:var(--mono);font-size:.84rem;color:var(--hd);word-break:break-all}
.wq-v{font-family:var(--mono);font-size:.78rem;color:var(--mut);white-space:nowrap}
.wq-copy{flex:none;border:1px solid var(--ln);background:#fff;border-radius:.4rem;
  padding:.18rem .48rem;font-size:.68rem;font-weight:700;color:var(--mut);cursor:pointer;
  font-family:inherit;line-height:1.5}
.wq-copy:hover{background:var(--am);color:#121b28;border-color:var(--am)}
.wq-copy[data-done]{background:var(--ok);color:#fff;border-color:var(--ok)}

/* ───── Durum kodları ───── */
.wq-codes{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:.4rem}
.wq-code{background:var(--sf);border:1px solid var(--ln);border-radius:.5rem;padding:.42rem .65rem}
.wq-code b{display:block;font-size:.75rem;font-family:var(--mono);color:var(--hd);word-break:break-all}
.wq-code span{font-size:.72rem;color:var(--mut)}

/* ───── Denetim listesi ───── */
.wq-chk{list-style:none;margin:0;padding:0}
.wq-chk li{display:flex;gap:.6rem;padding:.55rem 0;border-bottom:1px solid var(--ln)}
.wq-chk li:last-child{border-bottom:0;padding-bottom:0}
.wq-chk li:first-child{padding-top:0}
.wq-ic{flex:none;width:1.35rem;height:1.35rem;border-radius:50%;display:grid;place-items:center;
  font-size:.72rem;font-weight:800;margin-top:.1rem}
.wq-ic--ok{background:#f0fdf4;color:var(--ok)}
.wq-ic--wn{background:#fffbeb;color:var(--wn)}
.wq-ic--bd{background:#fef2f2;color:var(--bd)}
.wq-chk b{display:block;font-size:.83rem;color:var(--hd)}
.wq-chk span{font-size:.78rem;color:var(--mut)}
.wq-score{display:flex;align-items:center;gap:.8rem;padding:0 0 .7rem;border-bottom:1px solid var(--ln);margin-bottom:.5rem}
.wq-ring{flex:none;width:56px;height:56px;border-radius:50%;display:grid;place-items:center;
  background:conic-gradient(var(--am) var(--p,0%),var(--ln) 0)}
.wq-ring i{width:42px;height:42px;border-radius:50%;background:#fff;display:grid;place-items:center;
  font-style:normal;font-weight:800;font-size:.95rem;color:var(--hd)}

/* ───── Yaşam döngüsü ───── */
.wq-life{list-style:none;margin:0;padding:0 0 0 1.2rem;position:relative}
.wq-life:before{content:"";position:absolute;left:.3rem;top:.6rem;bottom:.6rem;width:2px;background:var(--ln)}
.wq-life>li{position:relative;margin-bottom:.55rem}
.wq-life>li:last-child{margin-bottom:0}
.wq-life>li:before{content:"";position:absolute;left:-1.04rem;top:.8rem;width:.6rem;height:.6rem;
  border-radius:999px;background:var(--ln);box-shadow:0 0 0 3px var(--cd)}
.wq-life>li[data-now]:before{background:var(--am)}
.wq-stage{border:1px solid var(--ln);border-radius:.6rem;padding:.6rem .8rem;background:var(--sf)}
.wq-life>li[data-now] .wq-stage{border-color:var(--am);background:#fffcf4}
.wq-stage-h{display:flex;align-items:center;gap:.5rem;margin-bottom:.15rem}
.wq-stage-h b{font-size:.85rem;color:var(--hd);flex:1}
.wq-dur{font-size:.66rem;font-weight:800;letter-spacing:.04em;padding:.13rem .42rem;
  border-radius:.3rem;background:#eef2f7;color:var(--mut);white-space:nowrap}
.wq-life>li[data-now] .wq-dur{background:var(--am);color:#121b28}
.wq-stage p{margin:0;font-size:.78rem;color:var(--mut)}
.wq-span{display:block;margin-top:.24rem;font-family:var(--mono);font-size:.74rem;color:var(--ink)}

/* ───── Not / boş / iskelet ───── */
.wq-note{border:1px solid var(--ln);border-left:3px solid var(--am);border-radius:.6rem;
  padding:.9rem 1.05rem;background:var(--sf)}
.wq-note strong{color:var(--hd)}
.wq-cta{display:inline-block;margin-top:.7rem;background:var(--am);color:#121b28;font-weight:700;
  font-size:.85rem;padding:.5rem 1.1rem;border-radius:999px;text-decoration:none}
.wq-cta:hover{background:#efa412;color:#121b28}
.wq-empty{font-size:.82rem;color:var(--mut);margin:0}
.wq-sk{height:.7rem;border-radius:.35rem;margin:.45rem 0;
  background:linear-gradient(90deg,#eef2f7 25%,#f8fafc 50%,#eef2f7 75%);
  background-size:200% 100%;animation:wqsk 1.3s linear infinite}
@keyframes wqsk{0%{background-position:200% 0}100%{background-position:-200% 0}}
@media (prefers-reduced-motion:reduce){.wq-sk{animation:none}}

/* ───── Ham kayıt ───── */
.wq-raw{margin-top:.9rem;border:1px solid var(--ln);border-radius:var(--r);background:var(--cd);overflow:hidden}
.wq-raw summary{cursor:pointer;font-size:.83rem;font-weight:700;color:var(--hd);
  padding:.68rem 1rem;list-style:none}
.wq-raw summary::-webkit-details-marker{display:none}
.wq-raw summary:before{content:"▸ ";color:var(--mut)}
.wq-raw[open] summary:before{content:"▾ "}
.wq-raw pre{margin:0;background:var(--hd);color:#dce5f2;padding:.95rem 1.05rem;font-size:.74rem;
  line-height:1.6;max-height:360px;overflow:auto;white-space:pre-wrap;word-break:break-word;
  font-family:var(--mono);border-top:1px solid var(--ln)}

@media (max-width:991.98px){ .wq-kpis{grid-template-columns:repeat(2,1fr)} }
@media (max-width:767.98px){
  .wq-grid{grid-template-columns:minmax(0,1fr)}
  .wq-hero h2{font-size:1.12rem}
}
@media (max-width:575.98px){
  .wq-kpis{grid-template-columns:1fr}
  .wq-row{grid-template-columns:1fr;gap:.08rem}
  .wq-row dt{margin-top:.1rem}
  .wq-list li{flex-wrap:wrap}
  .wq-v{white-space:normal}
}

/* ═══ Canvas görselleştirme katmanı ═══════════════════════════════
 *  Durum paleti dataviz dogrulayicisindan GECTI (beyaz yuzey):
 *    #15803d aktif · #ca8a04 odemesiz · #e11d48 kurtarma · #6b21a8 silinme
 *  #ca8a04 kontrasti 2.94 (<3:1) — telafi: her asamada GORUNUR ETIKET.
 *  Canvas'larin altinda daima metin listesi durur (tablo gorunumu).
 * ═══════════════════════════════════════════════════════════════ */
.wq-cv{position:relative;width:100%}
.wq-cv canvas{display:block;width:100%;height:auto;border-radius:.5rem}
.wq-cv-tip{position:absolute;pointer-events:none;opacity:0;transition:opacity .12s;
  background:var(--hd);color:#fff;border-radius:.45rem;padding:.4rem .6rem;font-size:.74rem;
  line-height:1.45;white-space:nowrap;z-index:5;transform:translate(-50%,-115%)}
.wq-cv-tip[data-on]{opacity:1}
.wq-cv-tip b{display:block;font-weight:700}
.wq-cv-tip span{color:rgba(255,255,255,.7);font-family:var(--mono);font-size:.7rem}

/* Gösterge (meter) — iki dilimli donut DEGIL, ayni rampali serit */
.wq-meter{display:flex;align-items:center;gap:1rem;padding-bottom:.8rem;
  border-bottom:1px solid var(--ln);margin-bottom:.6rem}
.wq-meter-no{font-size:2.6rem;font-weight:800;line-height:1;color:var(--hd);
  letter-spacing:-2px;font-variant-numeric:tabular-nums}
.wq-meter-no small{font-size:.9rem;font-weight:700;color:var(--mut);letter-spacing:0;margin-left:.15rem}
.wq-meter-r{flex:1;min-width:0}
.wq-meter-r b{display:block;font-size:.88rem;color:var(--hd);margin-bottom:.35rem}
.wq-meter-track{height:10px;border-radius:999px;background:var(--ln);overflow:hidden}
.wq-meter-fill{height:100%;border-radius:999px;transition:width .5s ease}
.wq-meter-r span{display:block;font-size:.76rem;color:var(--mut);margin-top:.3rem}

/* Efsane (legend) — kimlik asla renge tek basina birakilmaz */
.wq-leg{display:flex;flex-wrap:wrap;gap:.3rem .9rem;margin-top:.55rem}
.wq-leg i{display:inline-flex;align-items:center;gap:.35rem;font-style:normal;
  font-size:.74rem;color:var(--mut)}
.wq-leg i:before{content:"";width:.6rem;height:.6rem;border-radius:.15rem;background:var(--c)}

/* ═══ Düzeltmeler ═════════════════════════════════════════════════
 *  1) Hero dugmeleri: .wq-copy stili .wq-ghost'u eziyordu (ikisi ayni
 *     ogede). Ayrica temanin <a> rengi "Siteyi aç" metnini koyu yapip
 *     koyu zeminde gorunmez kiliyordu. Daha yuksek ozgulluk ile cozuldu.
 *  2) Alttaki bolumun dekoratif gorseli sonuc alanina tasiyordu;
 *     sonuc bolumu kendi yigin baglami icine alindi.
 * ═══════════════════════════════════════════════════════════════ */
#wq-sonuc{position:relative;z-index:3;background:#fff}
.wq-hero .wq-ghost,
.wq-hero .wq-copy{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.24);
  border-radius:999px;padding:.36rem .9rem;font-size:.76rem;font-weight:600;
  font-family:inherit;line-height:1.5;text-decoration:none;cursor:pointer}
.wq-hero .wq-ghost:hover,
.wq-hero .wq-copy:hover{background:var(--am);color:#121b28;border-color:var(--am)}
.wq-hero .wq-copy[data-done]{background:var(--ok);color:#fff;border-color:var(--ok)}

/* Hero ici ilerleme seridi (canvas) */
.wq-hero{flex-wrap:wrap}
.wq-hero-cv{flex:1 1 100%;margin-top:.9rem;padding-top:.85rem;
  border-top:1px solid rgba(255,255,255,.12)}
.wq-hero-cv .wq-cv canvas{border-radius:.4rem}
.wq-hero-cv .wq-cv-tip{background:#fff;color:var(--hd)}
.wq-hero-cv .wq-cv-tip span{color:var(--mut)}

/* ═══ v9 ══════════════════════════════════════════════════════════
 *  Hero bağlantısı: tema su kuralla rengi dayatiyor —
 *    a:not(.btn):not(.accordion-button):not(.dropdown-item):not(.nav-link)
 *  ozgullugu (0,5,1); sinif bazli kurallarla asilamaz, !important sart.
 * ═══════════════════════════════════════════════════════════════ */
.wq-hero .wq-ghost,
.wq-hero a.wq-ghost{color:#fff !important;--fon-link-color:#fff !important}
.wq-hero .wq-ghost:hover,
.wq-hero a.wq-ghost:hover{color:#121b28 !important;--fon-link-color:#121b28 !important}

/* DNS güncelleme uyarısı */
.wq-dnsuyari{display:flex;gap:.75rem;align-items:flex-start;background:#eef4ff;
  border:1px solid #c7d9fb;border-left:3px solid #1d4ed8;border-radius:var(--r);
  padding:.9rem 1.05rem;margin:0 0 1.1rem}
.wq-dnsuyari .wq-ic{background:#dbeafe;color:#1d4ed8;margin-top:.15rem}
.wq-dnsuyari b{display:block;font-size:.88rem;color:var(--hd);margin-bottom:.3rem}
.wq-dnsuyari ul{list-style:none;margin:.35rem 0 0;padding:0}
.wq-dnsuyari li{font-size:.8rem;color:var(--ink);padding:.12rem 0;display:flex;gap:.45rem}
.wq-dnsuyari li i{font-style:normal;color:var(--mut);flex:none;min-width:5.5rem}
.wq-dnsuyari code{font-family:var(--mono);font-size:.78rem;color:var(--hd);word-break:break-all}

/* Genel durum kartı — ayrıntılı */
.wq-ozet-say{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin-bottom:.7rem}
.wq-ozet-say div{background:var(--sf);border:1px solid var(--ln);border-radius:.5rem;
  padding:.5rem .6rem;text-align:center}
.wq-ozet-say b{display:block;font-size:1.25rem;font-weight:800;line-height:1.1}
.wq-ozet-say span{font-size:.7rem;color:var(--mut);text-transform:uppercase;letter-spacing:.05em}
.wq-ozet-say .s-ok b{color:var(--ok)} .wq-ozet-say .s-wn b{color:var(--wn)} .wq-ozet-say .s-bd b{color:var(--bd)}

/* Site önizleme */
.wq-onizleme{position:relative;border:1px solid var(--ln);border-radius:.6rem;overflow:hidden;
  background:var(--sf);aspect-ratio:16/10}
.wq-onizleme img{width:100%;height:100%;object-fit:cover;object-position:top center;display:block}
.wq-onizleme .wq-yuk{position:absolute;inset:0;display:grid;place-items:center;font-size:.8rem;color:var(--mut)}

/* Sıralama / değer */
.wq-buyuk{font-size:1.9rem;font-weight:800;color:var(--hd);line-height:1.1;letter-spacing:-1px;
  font-variant-numeric:tabular-nums}
.wq-buyuk small{display:block;font-size:.76rem;font-weight:600;color:var(--mut);letter-spacing:0;margin-top:.2rem}
.wq-kaynak{font-size:.72rem;color:var(--mut);margin:.55rem 0 0}

/* ═══ v10 — premium katman ════════════════════════════════════════ */
.wq{--gl:0 1px 2px rgba(18,27,40,.04),0 4px 14px -6px rgba(18,27,40,.09);
    --gl2:0 1px 2px rgba(18,27,40,.05),0 10px 28px -10px rgba(18,27,40,.16)}

/* Kart: yükselti + başlıkta ince degrade + üst vurgu çizgisi */
.wq-card{box-shadow:var(--gl);transition:box-shadow .18s ease,border-color .18s ease;position:relative}
.wq-card:hover{box-shadow:var(--gl2);border-color:#dde4ee}
.wq-card>header{background:linear-gradient(180deg,#fcfdff 0%,#f6f8fc 100%);position:relative}
.wq-card>header::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;
  background:linear-gradient(90deg,var(--am) 0,var(--am) 2.2rem,transparent 2.2rem)}
.wq-card>header h3{letter-spacing:-.1px}

/* Bölüm başlığı: amber damga */
.wq-sec-h b{position:relative;padding-left:.72rem}
.wq-sec-h b::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);
  width:3px;height:.88em;border-radius:2px;background:var(--am)}

/* KPI: yükselti + üst vurgu */
.wq-kpi{box-shadow:var(--gl);position:relative;overflow:hidden}
.wq-kpi::before{content:"";position:absolute;inset:0 auto auto 0;width:2.2rem;height:2px;background:var(--am)}

/* Canvas yuvası — tüm bölümlerde ortak */
.wq-cv{position:relative;margin:.1rem 0 .15rem}
.wq-cv canvas{display:block;width:100%}
.wq-cv--alt{margin-top:.7rem;padding-top:.75rem;border-top:1px solid var(--ln)}

/* ───── DNS geçiş uyarısı — premium, ortalanmış ───── */
.wq-dnsuyari{display:block;text-align:center;border:1px solid #cddcfa;border-left:1px solid #cddcfa;
  background:linear-gradient(180deg,#f7faff 0%,#eef4ff 100%);
  border-radius:16px;padding:1.3rem 1.4rem 1.15rem;margin:0 0 1.2rem;
  box-shadow:0 1px 2px rgba(29,78,216,.05),0 12px 30px -14px rgba(29,78,216,.3);position:relative;overflow:hidden}
.wq-dnsuyari::before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);
  width:7rem;height:3px;border-radius:0 0 3px 3px;background:linear-gradient(90deg,#60a5fa,#1d4ed8,#60a5fa)}
.wq-dnsuyari .wq-du-rozet{display:inline-flex;align-items:center;gap:.4rem;margin:0 0 .55rem;
  background:#dbeafe;color:#1d4ed8;border-radius:999px;padding:.28rem .78rem;
  font-size:.68rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}
.wq-dnsuyari .wq-du-rozet::before{content:"";width:7px;height:7px;border-radius:50%;background:#1d4ed8;
  animation:wq-nb 1.9s ease-in-out infinite}
@keyframes wq-nb{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.72)}}
.wq-dnsuyari h4{margin:0 0 .25rem;font-size:1.06rem;font-weight:800;color:var(--hd);letter-spacing:-.3px}
.wq-dnsuyari h4 span{font-family:var(--mono);word-break:break-all}
.wq-dnsuyari .wq-du-alt{margin:0 auto;max-width:46rem;font-size:.82rem;color:#475569;line-height:1.55}
.wq-dnsuyari .wq-cv{max-width:46rem;margin:.95rem auto .2rem}

.wq-du-ns{display:grid;grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));gap:.6rem;
  max-width:46rem;margin:1rem auto .25rem;text-align:left}
.wq-du-ns>div{background:rgba(255,255,255,.75);border:1px solid #dbe6fb;border-radius:10px;padding:.6rem .75rem}
.wq-du-ns i{display:block;font-style:normal;font-size:.66rem;font-weight:800;letter-spacing:.08em;
  text-transform:uppercase;color:#64748b;margin-bottom:.28rem}
.wq-du-ns code{font-family:var(--mono);font-size:.76rem;color:var(--hd);word-break:break-all;line-height:1.5}
.wq-du-ns .wq-du-yeni{border-color:#bfdbfe;background:rgba(219,234,254,.55)}
.wq-du-ns .wq-du-yeni i{color:#1d4ed8}
.wq-du-sure{display:inline-flex;align-items:center;gap:.4rem;margin-top:.9rem;
  background:#fff;border:1px solid #dbe6fb;border-radius:999px;padding:.4rem .95rem;
  font-size:.78rem;font-weight:700;color:var(--hd)}
.wq-du-sure b{font-family:var(--mono);color:#1d4ed8}
.wq-dnsuyari .wq-du-not{margin:.85rem auto 0;max-width:44rem;font-size:.76rem;color:#64748b;line-height:1.55}

/* ───── Üyelik kapısı: bulanık liste ───── */
.wq-kapi{position:relative}
.wq-kapi .wq-kapi-ic{filter:blur(6px);opacity:.55;pointer-events:none;user-select:none;
  -webkit-user-select:none}
.wq-kapi-ort{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;
  justify-content:center;text-align:center;gap:.5rem;padding:1rem;
  background:linear-gradient(180deg,rgba(255,255,255,.55) 0%,rgba(255,255,255,.88) 55%)}
.wq-kapi-ort .wq-kilit{width:2.4rem;height:2.4rem;border-radius:50%;display:grid;place-items:center;
  background:var(--hd);color:var(--am);font-size:1.05rem;box-shadow:0 6px 18px -6px rgba(18,27,40,.45)}
.wq-kapi-ort b{font-size:.92rem;font-weight:800;color:var(--hd)}
.wq-kapi-ort p{margin:0;font-size:.79rem;color:var(--mut);max-width:24rem;line-height:1.5}
.wq-kapi-dug{display:flex;gap:.45rem;flex-wrap:wrap;justify-content:center;margin-top:.25rem}
.wq-kapi-dug a{display:inline-flex;align-items:center;border-radius:999px;padding:.44rem 1.05rem;
  font-size:.79rem;font-weight:700;text-decoration:none;border:1px solid transparent}
.wq-kapi-dug .wq-k1{background:var(--am);color:#121b28 !important}
.wq-kapi-dug .wq-k1:hover{background:#e89f12}
.wq-kapi-dug .wq-k2{background:#fff;color:var(--hd) !important;border-color:var(--ln)}
.wq-kapi-dug .wq-k2:hover{border-color:var(--hd)}

@media(max-width:760px){
  .wq-dnsuyari{padding:1.1rem .95rem}
  .wq-dnsuyari h4{font-size:.96rem}
}

/* ═══ FonPageBuilder — premium feature_box stilleri (2026-10-07) ═════
 *  Stil 11 (.fb-prem)  : üst vurgulu premium kart
 *  Stil 12 (.fb-sira)  : yan vurgulu, alt alta sıra
 *  Tema güncellemesinde bu dosya DEĞİŞMEZ; stiller burada yaşar.
 *  Renkler temanın kendi değişkenlerinden türer, marka değişirse uyar.
 * ═══════════════════════════════════════════════════════════════════ */

/* ───── Stil 11: premium kart ───── */
.fb-prem{position:relative;display:flex;flex-direction:column;overflow:hidden;
  background:#fff;border:1px solid var(--bs-theme-light-200,#e2e8f0);border-radius:14px;
  padding:1.45rem 1.5rem 1.55rem;
  box-shadow:0 1px 2px rgba(15,23,42,.04);
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.fb-prem:hover{transform:translateY(-3px);border-color:transparent;
  box-shadow:0 18px 38px -20px rgba(15,23,42,.38)}
.fb-prem-vurgu{position:absolute;left:0;top:0;height:3px;width:100%;
  background:linear-gradient(90deg,var(--theme-primary,#1d4ed8),var(--theme-secondary,#60a5fa));
  transform:scaleX(.22);transform-origin:left;transition:transform .28s ease}
.fb-prem:hover .fb-prem-vurgu{transform:scaleX(1)}
.fb-prem-ic{display:flex;flex-direction:column;gap:.95rem;height:100%}
.fb-prem-ic.fb-prem--yatay{flex-direction:row;align-items:flex-start;gap:1.1rem}
.fb-prem-ic.fb-prem--ters{flex-direction:row-reverse}
.fb-prem-karo{display:inline-flex;align-items:center;justify-content:center;
  width:50px;height:50px;flex:none;border-radius:12px;
  background:rgba(var(--theme-primary-rgb,29,78,216),.09);
  color:var(--theme-primary,#1d4ed8);
  transition:background .2s ease,transform .2s ease}
.fb-prem:hover .fb-prem-karo{background:rgba(var(--theme-primary-rgb,29,78,216),.16);transform:scale(1.05)}
.fb-prem-karo .feature-icon{font-size:22px;line-height:1;color:inherit}
.fb-prem-karo img{max-width:34px;height:auto}
.fb-prem-govde{display:flex;flex-direction:column;flex:1;min-width:0}
.fb-prem-baslik{margin:0 0 .4rem;font-size:1.03rem;font-weight:700;line-height:1.35;
  color:var(--bs-theme-light-900,#0f172a);letter-spacing:-.2px}
.fb-prem-baslik a{color:inherit;text-decoration:none}
.fb-prem-baslik a:hover{color:var(--theme-primary,#1d4ed8)}
.fb-prem-metin{font-size:.88rem;line-height:1.68;color:var(--bs-theme-light-600,#64748b);margin:0}
.fb-prem-metin p:last-child{margin-bottom:0}
.fb-prem-dugme{margin-top:auto;padding-top:1rem}
.fb-prem-bag{display:inline-flex;align-items:center;gap:.4rem;font-size:.84rem;font-weight:650;
  color:var(--theme-primary,#1d4ed8);text-decoration:none}
.fb-prem-bag span{position:relative}
.fb-prem-bag span::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:1px;
  background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .2s ease}
.fb-prem-bag:hover span::after{transform:scaleX(1)}
.fb-prem-bag .icon-right{transition:transform .2s ease}
.fb-prem-bag:hover .icon-right{transform:translateX(3px)}
.fb-prem-ek-ikon{display:block;font-size:20px;color:var(--theme-primary,#1d4ed8);margin-bottom:.5rem}

/* ───── Stil 12: yan vurgulu sıra ───── */
.fb-sira{position:relative;display:flex;gap:1.05rem;align-items:flex-start;
  padding:1.1rem 0 1.1rem 1.15rem;
  border-bottom:1px solid var(--bs-theme-light-200,#e2e8f0)}
.fb-sira::before{content:"";position:absolute;left:0;top:1.1rem;bottom:1.1rem;width:3px;
  border-radius:3px;background:var(--theme-primary,#1d4ed8);opacity:.28;
  transition:opacity .2s ease}
.fb-sira:hover::before{opacity:1}
.fb-sira:last-child{border-bottom:0}
.fb-sira-karo{display:inline-flex;align-items:center;justify-content:center;
  width:44px;height:44px;flex:none;border-radius:11px;
  background:rgba(var(--theme-primary-rgb,29,78,216),.08);color:var(--theme-primary,#1d4ed8)}
.fb-sira-karo .feature-icon{font-size:20px;line-height:1;color:inherit}
.fb-sira-karo img{max-width:30px;height:auto}
.fb-sira-govde{min-width:0;flex:1}
.fb-sira-baslik{margin:0 0 .3rem;font-size:.99rem;font-weight:700;line-height:1.35;
  color:var(--bs-theme-light-900,#0f172a);letter-spacing:-.15px}
.fb-sira-baslik a{color:inherit;text-decoration:none}
.fb-sira-baslik a:hover{color:var(--theme-primary,#1d4ed8)}
.fb-sira-metin{font-size:.86rem;line-height:1.66;color:var(--bs-theme-light-600,#64748b);margin:0}
.fb-sira-metin p:last-child{margin-bottom:0}
.fb-sira-dugme{margin-top:.6rem}
.fb-sira-bag{display:inline-flex;align-items:center;gap:.35rem;font-size:.83rem;font-weight:650;
  color:var(--theme-primary,#1d4ed8);text-decoration:none}
.fb-sira-bag:hover{text-decoration:underline}
.fb-sira-ek-ikon{display:block;font-size:18px;color:var(--theme-primary,#1d4ed8);margin-bottom:.4rem}

@media(max-width:575px){
  .fb-prem{padding:1.2rem 1.15rem 1.3rem}
  .fb-prem-ic.fb-prem--yatay,.fb-prem-ic.fb-prem--ters{flex-direction:column}
  .fb-sira{gap:.8rem;padding-left:.95rem}
}
@media(prefers-reduced-motion:reduce){
  .fb-prem,.fb-prem-vurgu,.fb-prem-karo,.fb-prem-bag .icon-right{transition:none}
  .fb-prem:hover{transform:none}
  .fb-prem-vurgu{transform:scaleX(1)}
}

/* ───── Content Box · Stil 6 "premium halo" ───── */
.cb-halo{position:relative;height:100%;background:#fff;
  border:1px solid var(--bs-theme-light-200,#e2e8f0);border-radius:16px;
  padding:2rem 1.7rem 1.85rem;overflow:hidden;
  box-shadow:0 1px 2px rgba(15,23,42,.04);
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.cb-halo::after{content:"";position:absolute;right:-60px;top:-60px;width:190px;height:190px;
  border-radius:50%;pointer-events:none;
  background:radial-gradient(circle,rgba(var(--theme-primary-rgb,29,78,216),.09),transparent 68%);
  opacity:0;transition:opacity .25s ease}
.cb-halo:hover{transform:translateY(-3px);border-color:transparent;
  box-shadow:0 20px 42px -22px rgba(15,23,42,.4)}
.cb-halo:hover::after{opacity:1}
.cb-halo-ic{position:relative;z-index:1;display:flex;flex-direction:column;gap:1rem;height:100%}
.cb-halo-ic.media-left{flex-direction:row;align-items:flex-start;gap:1.15rem}
.cb-halo-ic.media-right{flex-direction:row-reverse;align-items:flex-start;gap:1.15rem}
.cb-halo-medya{position:relative;display:inline-flex;align-items:center;justify-content:center;
  width:62px;height:62px;flex:none}
.cb-halo-daire{position:absolute;inset:0;border-radius:18px;
  background:rgba(var(--theme-primary-rgb,29,78,216),.10);
  transition:transform .25s ease,background .25s ease}
.cb-halo:hover .cb-halo-daire{transform:scale(1.08);
  background:rgba(var(--theme-primary-rgb,29,78,216),.17)}
.cb-halo-ikon{position:relative;font-size:26px;line-height:1;color:var(--theme-primary,#1d4ed8)}
.cb-halo-medya--gorsel{width:auto;height:auto}
.cb-halo-medya--gorsel img{max-width:84px;height:auto;border-radius:12px}
.cb-halo-govde{display:flex;flex-direction:column;flex:1;min-width:0}
.cb-halo-baslik{margin:0 0 .5rem;font-size:1.12rem;font-weight:700;line-height:1.34;letter-spacing:-.25px}
.cb-halo-metin{font-size:.9rem;line-height:1.7;color:var(--bs-theme-light-600,#64748b)}
.cb-halo-metin p:last-child{margin-bottom:0}
.cb-halo-bag{display:inline-flex;align-items:center;gap:.4rem;margin-top:auto;padding-top:1.1rem;
  font-size:.86rem;font-weight:650;color:var(--theme-primary,#1d4ed8);text-decoration:none}
.cb-halo-bag span{position:relative}
.cb-halo-bag span::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:1px;
  background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .2s ease}
.cb-halo-bag:hover span::after{transform:scaleX(1)}
.cb-halo-ok{transition:transform .2s ease}
.cb-halo-bag:hover .cb-halo-ok{transform:translateX(3px)}
@media(max-width:575px){
  .cb-halo{padding:1.5rem 1.25rem 1.4rem}
  .cb-halo-ic.media-left,.cb-halo-ic.media-right{flex-direction:column}
}
@media(prefers-reduced-motion:reduce){
  .cb-halo,.cb-halo-daire,.cb-halo-ok{transition:none}
  .cb-halo:hover{transform:none}
}

/* ───── Animated Number · Stil 7 "premium sayaç" ───── */
.an-prem{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;
  gap:.35rem;padding:1.75rem 1.1rem 1.6rem;background:#fff;
  border:1px solid var(--bs-theme-light-200,#e2e8f0);border-radius:16px;height:100%;
  box-shadow:0 1px 2px rgba(15,23,42,.04);transition:transform .2s ease,box-shadow .2s ease}
.an-prem:hover{transform:translateY(-3px);box-shadow:0 18px 38px -20px rgba(15,23,42,.35)}
.an-prem-rozet{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;
  border-radius:12px;margin-bottom:.45rem;
  background:rgba(var(--theme-primary-rgb,29,78,216),.10);color:var(--theme-primary,#1d4ed8)}
.an-prem-rozet i{font-size:18px;line-height:1}
.an-prem-sayi .number,.an-prem-sayi .number-container{justify-content:center}
.an-prem-sayi .number{font-size:2.3rem;font-weight:800;line-height:1.05;letter-spacing:-1.2px;
  color:var(--bs-theme-light-900,#0f172a);font-variant-numeric:tabular-nums}
.an-prem-baslik{margin:.3rem 0 0;font-size:.92rem;font-weight:700;letter-spacing:-.1px;
  color:var(--bs-theme-light-800,#1e293b)}
.an-prem-aciklama{font-size:.8rem;line-height:1.6;color:var(--bs-theme-light-600,#64748b);margin-top:.15rem}
.an-prem-cizgi{position:absolute;left:50%;bottom:0;transform:translateX(-50%);
  width:46px;height:3px;border-radius:3px 3px 0 0;
  background:linear-gradient(90deg,var(--theme-primary,#1d4ed8),var(--theme-secondary,#60a5fa));
  transition:width .25s ease}
.an-prem:hover .an-prem-cizgi{width:72%}
@media(max-width:575px){.an-prem{padding:1.4rem .9rem 1.3rem}.an-prem-sayi .number{font-size:1.95rem}}
@media(prefers-reduced-motion:reduce){.an-prem,.an-prem-cizgi{transition:none}.an-prem:hover{transform:none}}

/* ───── Testimonial · Stil 11 "alıntı kartı" ───── */
.ts-alinti{position:relative;display:flex;flex-direction:column;gap:1.1rem;
  background:#fff;border:1px solid var(--bs-theme-light-200,#e2e8f0);border-radius:16px;
  padding:1.9rem 1.6rem 1.5rem;overflow:hidden;
  box-shadow:0 1px 2px rgba(15,23,42,.04);transition:transform .2s ease,box-shadow .2s ease}
.ts-alinti:hover{transform:translateY(-3px);box-shadow:0 20px 42px -22px rgba(15,23,42,.38)}
.ts-alinti-tirnak{position:absolute;right:1.1rem;top:-.35rem;font:800 5.2rem/1 Georgia,serif;
  color:rgba(var(--theme-primary-rgb,29,78,216),.09);pointer-events:none;user-select:none}
.ts-alinti-metin{position:relative;z-index:1;font-size:.95rem;line-height:1.75;
  color:var(--bs-theme-light-700,#334155);flex:1}
.ts-alinti-alt{display:flex;align-items:center;gap:.75rem;padding-top:1.05rem;
  border-top:1px solid var(--bs-theme-light-200,#e2e8f0)}
.ts-alinti-avatar{width:46px;height:46px;flex:none;border-radius:50%;background-size:cover;
  background-position:center;box-shadow:0 0 0 3px rgba(var(--theme-primary-rgb,29,78,216),.12)}
.ts-alinti-kim{display:flex;flex-direction:column;min-width:0;flex:1}
.ts-alinti-ad{font-size:.93rem;font-weight:700;color:var(--bs-theme-light-900,#0f172a);line-height:1.3}
.ts-alinti-rol{font-size:.78rem;color:var(--bs-theme-light-600,#64748b);line-height:1.4}
.ts-alinti-yildiz{display:flex;gap:2px;flex:none;color:#f59e0b;font-size:.8rem}
@media(max-width:575px){.ts-alinti{padding:1.5rem 1.2rem 1.25rem}
  .ts-alinti-alt{flex-wrap:wrap}.ts-alinti-yildiz{width:100%;margin-top:.2rem}}
@media(prefers-reduced-motion:reduce){.ts-alinti{transition:none}.ts-alinti:hover{transform:none}}

/* ───── Team · Stil 5 "portre kartı" ───── */
.tm-portre{height:100%}
.tm-portre-gorsel{position:relative;border-radius:16px;overflow:hidden;height:100%;
  background:var(--bs-theme-light-100,#f1f5f9)}
.tm-portre-gorsel img{display:block;width:100%;height:100%;object-fit:cover;aspect-ratio:3/4;
  transition:transform .35s ease}
.tm-portre:hover .tm-portre-gorsel img{transform:scale(1.045)}
.tm-portre-perde{position:absolute;inset:auto 0 0 0;height:62%;pointer-events:none;
  background:linear-gradient(to top,rgba(8,12,22,.88) 8%,rgba(8,12,22,.55) 42%,transparent 100%)}
.tm-portre-bilgi{position:absolute;left:0;right:0;bottom:0;padding:1.1rem 1.15rem 1.15rem;
  display:flex;flex-direction:column;gap:.12rem;z-index:2}
.tm-portre-ad{font-size:1.02rem;font-weight:750;color:#fff;line-height:1.3;letter-spacing:-.2px}
.tm-portre-rol{font-size:.8rem;color:rgba(255,255,255,.76);line-height:1.45}
.tm-portre-sosyal{position:absolute;top:.85rem;right:.85rem;z-index:3;
  display:flex;flex-direction:column;gap:.45rem;
  opacity:0;transform:translateY(-8px);transition:opacity .22s ease,transform .22s ease}
.tm-portre:hover .tm-portre-sosyal,.tm-portre:focus-within .tm-portre-sosyal{opacity:1;transform:none}
.tm-portre-sosyal a{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;
  border-radius:50%;background:rgba(255,255,255,.94);color:#0f172a;font-size:13px;text-decoration:none;
  box-shadow:0 4px 12px -4px rgba(0,0,0,.45);transition:background .18s ease,color .18s ease}
.tm-portre-sosyal a:hover{background:var(--theme-primary,#1d4ed8);color:#fff}
@media(prefers-reduced-motion:reduce){
  .tm-portre-gorsel img,.tm-portre-sosyal{transition:none}
  .tm-portre:hover .tm-portre-gorsel img{transform:none}
  .tm-portre-sosyal{opacity:1;transform:none}
}

/* ───── Paket tablosu · Stil 5 "premium paket" ─────
 *  Şablon grid_1 ile birebir aynı; görsel fark yalnızca burada.
 *  Fiyat/indirim/popüler mantığına dokunulmadı.                     */
.pricing-table.pk-prem{position:relative;height:100%;display:flex;flex-direction:column;
  background:#fff;border:1px solid var(--bs-theme-light-200,#e2e8f0);border-radius:18px;
  padding:1.65rem 1.55rem 1.55rem;overflow:hidden;
  box-shadow:0 1px 2px rgba(15,23,42,.04);
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.pricing-table.pk-prem::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;
  background:linear-gradient(90deg,var(--theme-primary,#1d4ed8),var(--theme-secondary,#60a5fa));
  transform:scaleX(.3);transform-origin:left;transition:transform .3s ease}
.pricing-table.pk-prem:hover{transform:translateY(-4px);border-color:transparent;
  box-shadow:0 26px 50px -26px rgba(15,23,42,.42)}
.pricing-table.pk-prem:hover::before{transform:scaleX(1)}
.popular .pricing-table.pk-prem{border-color:rgba(var(--theme-primary-rgb,29,78,216),.42);
  box-shadow:0 0 0 1px rgba(var(--theme-primary-rgb,29,78,216),.12),0 18px 40px -24px rgba(15,23,42,.4)}
.popular .pricing-table.pk-prem::before{transform:scaleX(1)}

.pk-prem .pricing-header{border-bottom:1px solid var(--bs-theme-light-200,#e2e8f0);
  padding-bottom:1rem !important;margin-bottom:1rem}
.pk-prem .pricing-icon{display:inline-flex;align-items:center;justify-content:center;
  width:46px;height:46px;border-radius:12px;flex:none;
  background:rgba(var(--theme-primary-rgb,29,78,216),.10)}
.pk-prem .pricing-icon i{font-size:20px;line-height:1}
.pk-prem .pricing-icon img{max-width:26px;height:auto}
.pk-prem .pricing-title{font-size:1.06rem;font-weight:750;letter-spacing:-.2px;
  color:var(--bs-theme-light-900,#0f172a);line-height:1.3}
.pk-prem .pricing-slogan{font-size:.8rem;color:var(--bs-theme-light-600,#64748b);line-height:1.5}

.pk-prem .pricing-price,.pk-prem .price{letter-spacing:-1px}
.pk-prem .pricing-features,.pk-prem ul{margin:0;padding:0;list-style:none}
.pk-prem .pricing-features li,.pk-prem ul li{position:relative;padding:.4rem 0 .4rem 1.45rem;
  font-size:.86rem;line-height:1.6;color:var(--bs-theme-light-700,#334155)}
.pk-prem .pricing-features li::before,.pk-prem ul li::before{content:"";position:absolute;
  left:0;top:.82rem;width:7px;height:7px;border-radius:50%;
  background:var(--theme-primary,#1d4ed8);opacity:.5}
.pk-prem .pricing-footer,.pk-prem .pricing-action{margin-top:auto;padding-top:1.1rem}
.pk-prem .btn{border-radius:999px;font-weight:700;padding-top:.62rem;padding-bottom:.62rem}
.pk-prem .popular-label{z-index:3}
@media(max-width:575px){.pricing-table.pk-prem{padding:1.35rem 1.2rem 1.25rem}}
@media(prefers-reduced-motion:reduce){
  .pricing-table.pk-prem,.pricing-table.pk-prem::before{transition:none}
  .pricing-table.pk-prem:hover{transform:none}
}

/* ───── Timeline · Stil 6 "dikey akış" ───── */
.tl-akis{position:relative;padding-left:2.1rem}
.tl-akis::before{content:"";position:absolute;left:14px;top:.6rem;bottom:.6rem;width:2px;
  background:linear-gradient(to bottom,var(--bs-theme-light-200,#e2e8f0) 0,
    var(--bs-theme-light-200,#e2e8f0) calc(100% - 42px),transparent 100%)}
.tl-akis-adim{position:relative;padding:0 0 1.25rem}
.tl-akis-adim:last-child{padding-bottom:0}
.tl-akis-nokta{position:absolute;left:-2.1rem;top:.15rem;z-index:1;
  display:inline-flex;align-items:center;justify-content:center;
  width:30px;height:30px;border-radius:50%;
  background:var(--timeline-color,var(--theme-primary,#1d4ed8));color:#fff;
  box-shadow:0 0 0 4px #fff,0 0 0 5.5px var(--bs-theme-light-200,#e2e8f0)}
.tl-akis-nokta i{font-size:12px;line-height:1}
.tl-akis-nokta .timeline-image{width:30px;height:30px;border-radius:50%;object-fit:cover}
.tl-akis-kart{background:#fff;border:1px solid var(--bs-theme-light-200,#e2e8f0);
  border-left:3px solid var(--timeline-color,var(--theme-primary,#1d4ed8));
  border-radius:12px;padding:.95rem 1.1rem;
  box-shadow:0 1px 2px rgba(15,23,42,.04);transition:box-shadow .18s ease,transform .18s ease}
.tl-akis-adim:hover .tl-akis-kart{transform:translateX(3px);
  box-shadow:0 14px 30px -18px rgba(15,23,42,.34)}
.tl-akis-tarih{margin:0 0 .22rem;font-size:.74rem;font-weight:700;letter-spacing:.05em;
  text-transform:uppercase;color:var(--timeline-color,var(--theme-primary,#1d4ed8))}
.tl-akis-baslik{margin:0 0 .3rem;font-size:1rem;font-weight:700;letter-spacing:-.15px;
  color:var(--bs-theme-light-900,#0f172a);line-height:1.35}
.tl-akis-metin{font-size:.87rem;line-height:1.68;color:var(--bs-theme-light-600,#64748b)}
.tl-akis-metin p:last-child{margin-bottom:0}
.tl-akis-bag{display:inline-flex;align-items:center;gap:.35rem;margin-top:.35rem;
  font-size:.83rem;font-weight:650;text-decoration:none;
  color:var(--timeline-color,var(--theme-primary,#1d4ed8))}
.tl-akis-bag:hover{text-decoration:underline}
@media(max-width:575px){.tl-akis{padding-left:1.8rem}.tl-akis-nokta{left:-1.8rem;width:26px;height:26px}
  .tl-akis::before{left:12px}}
@media(prefers-reduced-motion:reduce){
  .tl-akis-kart{transition:none}.tl-akis-adim:hover .tl-akis-kart{transform:none}}

/* ═══ FonPageBuilder — kalan bileşenlerin premium stilleri ═══════════
 *  Aşağıdaki beşi şablonu birebir koruyup yalnızca kapsayıcı sınıfı
 *  değiştirilerek üretildi; görsel fark tamamen bu kurallardan gelir.
 *  Fiyat, tarih, kupon ve sayfalama mantığına dokunulmadı.
 * ═══════════════════════════════════════════════════════════════════ */

/* ── Kampanya · Stil 5 ── */
.campaign.cmp-prem{border-radius:16px !important;border-color:var(--bs-theme-light-200,#e2e8f0) !important;
  box-shadow:0 1px 2px rgba(15,23,42,.04) !important;overflow:hidden;
  transition:transform .2s ease,box-shadow .2s ease}
.campaign.cmp-prem::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;
  background:linear-gradient(90deg,var(--theme-primary,#1d4ed8),var(--theme-secondary,#60a5fa));
  transform:scaleX(.3);transform-origin:left;transition:transform .3s ease;z-index:2}
.campaign.cmp-prem:hover{transform:translateY(-3px);
  box-shadow:0 22px 44px -24px rgba(15,23,42,.4) !important}
.campaign.cmp-prem:hover::before{transform:scaleX(1)}
.cmp-prem .campaign-icon{border-radius:14px !important;width:62px;height:62px;
  background:rgba(var(--theme-primary-rgb,29,78,216),.09) !important}
.cmp-prem .campaign-desc{color:var(--bs-theme-light-600,#64748b)}
.cmp-prem .btn-copy{border-radius:999px}

/* ── Alan adı uzantısı · Stil 2 ── */
.domain-box.dt-prem{border-radius:16px !important;
  border-color:var(--bs-theme-light-200,#e2e8f0) !important;
  box-shadow:0 1px 2px rgba(15,23,42,.04) !important;
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.domain-box.dt-prem:hover{transform:translateY(-3px);border-color:transparent !important;
  box-shadow:0 20px 40px -22px rgba(15,23,42,.4) !important}
.dt-prem .domain-image{border-radius:12px !important;
  background:rgba(var(--theme-primary-rgb,29,78,216),.07) !important}
.dt-prem .price-new{letter-spacing:-.8px}
.dt-prem .domain-slogan{border-radius:12px !important;
  background:var(--bs-theme-light-100,#f1f5f9) !important;
  color:var(--bs-theme-light-600,#64748b)}

/* ── Makale ve Haber · premium ── */
.articles-item.ar-prem{border-radius:16px !important;overflow:hidden;
  border:1px solid var(--bs-theme-light-200,#e2e8f0);
  box-shadow:0 1px 2px rgba(15,23,42,.04) !important;
  transition:transform .2s ease,box-shadow .2s ease}
.articles-item.ar-prem:hover{transform:translateY(-3px);
  box-shadow:0 22px 44px -24px rgba(15,23,42,.4) !important}
.ar-prem img{border-radius:12px;transition:transform .35s ease}
.ar-prem:hover img{transform:scale(1.04)}
.ar-prem .articles-image,.ar-prem figure{overflow:hidden;border-radius:12px}

/* ── Referans · Stil 5 ── */
.card.rf-prem{border-radius:16px !important;
  border-color:var(--bs-theme-light-200,#e2e8f0) !important;
  box-shadow:0 1px 2px rgba(15,23,42,.04) !important;
  transition:transform .2s ease,box-shadow .2s ease}
.card.rf-prem:hover{transform:translateY(-3px);
  box-shadow:0 20px 40px -22px rgba(15,23,42,.38) !important}
.rf-prem img{transition:transform .3s ease}
.rf-prem:hover img{transform:scale(1.03)}

/* ── Yazılım · Stil 4 ── */
.card.sw-prem{border-radius:16px !important;
  border:1px solid var(--bs-theme-light-200,#e2e8f0);
  box-shadow:0 1px 2px rgba(15,23,42,.04) !important;
  transition:transform .2s ease,box-shadow .2s ease}
.card.sw-prem:hover{transform:translateY(-3px);
  box-shadow:0 20px 40px -22px rgba(15,23,42,.38) !important}

/* ── Banner · Stil 4 "açık içerik" (sıfırdan yazıldı) ── */
.bn-acik-sar{display:block;text-decoration:none}
.bn-acik{position:relative;margin:0;border-radius:16px;overflow:hidden;color:#fff;
  box-shadow:0 1px 2px rgba(15,23,42,.05)}
.bn-acik-gorsel{display:block;width:100%;height:100%;object-fit:cover;aspect-ratio:16/9;
  transition:transform .4s ease}
.bn-acik:hover .bn-acik-gorsel{transform:scale(1.05)}
.bn-acik-perde{position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(to top,rgba(8,12,22,.88) 6%,rgba(8,12,22,.5) 48%,rgba(8,12,22,.18) 100%)}
.bn-acik-ic{position:absolute;left:0;right:0;bottom:0;z-index:2;
  display:flex;flex-direction:column;align-items:flex-start;gap:.4rem;padding:1.5rem 1.6rem 1.55rem}
.bn-acik-etiket{font-size:.7rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase;
  color:#fff;background:rgba(255,255,255,.17);border:1px solid rgba(255,255,255,.26);
  border-radius:999px;padding:.22rem .7rem;backdrop-filter:blur(4px)}
.bn-acik-baslik{margin:.15rem 0 0;font-size:1.32rem;font-weight:800;line-height:1.3;
  letter-spacing:-.4px;color:#fff;max-width:34ch}
.bn-acik-metin{font-size:.87rem;line-height:1.62;color:rgba(255,255,255,.8);max-width:46ch}
.bn-acik-metin p:last-child{margin-bottom:0}
.bn-acik-dugme{display:inline-flex;align-items:center;gap:.4rem;margin-top:.55rem;
  background:#fff;color:#0f172a !important;border-radius:999px;padding:.52rem 1.15rem;
  font-size:.84rem;font-weight:700;text-decoration:none;transition:background .18s ease}
.bn-acik-dugme:hover{background:var(--theme-primary,#1d4ed8);color:#fff !important}
@media(max-width:575px){
  .bn-acik-ic{padding:1.1rem 1.1rem 1.15rem}
  .bn-acik-baslik{font-size:1.06rem}
  .bn-acik-metin{display:none}
}
@media(prefers-reduced-motion:reduce){
  .campaign.cmp-prem,.domain-box.dt-prem,.articles-item.ar-prem,.card.rf-prem,.card.sw-prem,
  .bn-acik-gorsel,.ar-prem img,.rf-prem img{transition:none}
  .campaign.cmp-prem:hover,.domain-box.dt-prem:hover,.articles-item.ar-prem:hover,
  .card.rf-prem:hover,.card.sw-prem:hover{transform:none}
  .bn-acik:hover .bn-acik-gorsel,.ar-prem:hover img,.rf-prem:hover img{transform:none}
}

/* ═══ Accordion Stil 6 ve Tabs Stil 10 ══════════════════════════════
 *  Bu iki bileşenin temada ŞABLON DOSYASI YOK; çekirdek her zaman aynı
 *  işaretlemeyi basıp sarmalayıcıya "style-N" sınıfını ekliyor. Yani
 *  stil tamamen CSS ile tanımlanır — yöntem ölçülerek doğrulandı:
 *    <div class="fon-widget-container fon-accordion-widget style-N">
 *  custom.css, fonpagebuilder.min.css'ten SONRA yüklenir (satır 147 > 143),
 *  bu yüzden eşit özgüllükte bu kurallar kazanır.
 * ═══════════════════════════════════════════════════════════════════ */

/* ───── Accordion · Stil 6 "yumuşak kart" ───── */
.fon-accordion-widget.style-6 .accordion{--bs-accordion-border-width:0;background:transparent}
.fon-accordion-widget.style-6 .accordion .accordion-item{
  background:#fff;border:1px solid var(--bs-theme-light-200,#e2e8f0) !important;
  border-radius:14px !important;margin-bottom:.7rem;overflow:hidden;
  box-shadow:0 1px 2px rgba(15,23,42,.04);
  transition:border-color .2s ease,box-shadow .2s ease}
.fon-accordion-widget.style-6 .accordion .accordion-item:last-child{margin-bottom:0}
.fon-accordion-widget.style-6 .accordion .accordion-item:hover{
  border-color:var(--bs-theme-light-300,#cbd5e1) !important}
.fon-accordion-widget.style-6 .accordion .accordion-item:has(.accordion-collapse.show){
  border-color:rgba(var(--theme-primary-rgb,29,78,216),.38) !important;
  box-shadow:0 14px 32px -20px rgba(15,23,42,.34)}

.fon-accordion-widget.style-6 .accordion-header{margin:0}
.fon-accordion-widget.style-6 .accordion-button{
  display:flex;align-items:center;gap:.7rem;width:100%;
  padding:1.02rem 1.15rem;background:transparent !important;box-shadow:none !important;
  font-size:.97rem;font-weight:700;line-height:1.4;letter-spacing:-.15px;
  color:var(--bs-theme-light-900,#0f172a) !important;text-decoration:none;
  border:0;position:relative;transition:color .18s ease}
.fon-accordion-widget.style-6 .accordion-button:not(.collapsed){
  color:var(--theme-primary,#1d4ed8) !important}
.fon-accordion-widget.style-6 .accordion-button::after{
  content:"";flex:none;margin-left:auto;width:9px;height:9px;
  border-right:2px solid currentColor;border-bottom:2px solid currentColor;
  transform:rotate(45deg) translate(-2px,-2px);background:none !important;
  transition:transform .22s ease;opacity:.55}
.fon-accordion-widget.style-6 .accordion-button:not(.collapsed)::after{
  transform:rotate(-135deg) translate(-3px,-3px);opacity:1}
.fon-accordion-widget.style-6 .accordion-icon{
  display:inline-flex;align-items:center;justify-content:center;flex:none;
  width:34px;height:34px;margin:0 !important;border-radius:10px;
  background:rgba(var(--theme-primary-rgb,29,78,216),.09);
  color:var(--theme-primary,#1d4ed8);font-size:14px;
  transition:background .2s ease}
.fon-accordion-widget.style-6 .accordion-button:not(.collapsed) .accordion-icon{
  background:rgba(var(--theme-primary-rgb,29,78,216),.16)}
.fon-accordion-widget.style-6 .accordion-body{
  padding:0 1.15rem 1.1rem calc(1.15rem + 34px + .7rem);
  font-size:.89rem;line-height:1.72;color:var(--bs-theme-light-600,#64748b)}
.fon-accordion-widget.style-6 .accordion-body p:last-child{margin-bottom:0}
@media(max-width:575px){
  .fon-accordion-widget.style-6 .accordion-button{padding:.9rem 1rem;font-size:.92rem;gap:.55rem}
  .fon-accordion-widget.style-6 .accordion-icon{width:30px;height:30px}
  .fon-accordion-widget.style-6 .accordion-body{padding-left:1rem;padding-right:1rem}
}

/* ───── Tabs · Stil 10 "pil sekmeler" ───── */
.fon-tabs-widget.style-10 .nav-tabs{
  display:inline-flex;flex-wrap:wrap;gap:.3rem;border:0 !important;
  background:var(--bs-theme-light-100,#f1f5f9);
  border-radius:999px;padding:.32rem;margin-bottom:1.3rem}
.fon-tabs-widget.style-10 .nav-tabs>li.nav-item{margin:0;border:0}
.fon-tabs-widget.style-10 .nav-tabs>li>a.nav-link{
  display:inline-flex;align-items:center;gap:.45rem;
  border:0 !important;border-radius:999px !important;
  padding:.52rem 1.15rem;background:transparent;
  font-size:.86rem;font-weight:650;line-height:1.35;
  color:var(--bs-theme-light-600,#64748b) !important;
  transition:background .18s ease,color .18s ease,box-shadow .18s ease}
.fon-tabs-widget.style-10 .nav-tabs>li>a.nav-link:hover{
  color:var(--bs-theme-light-900,#0f172a) !important;background:rgba(255,255,255,.6)}
.fon-tabs-widget.style-10 .nav-tabs>li>a.nav-link.active,
.fon-tabs-widget.style-10 .nav-tabs>li.nav-item.show>a.nav-link{
  background:#fff !important;color:var(--theme-primary,#1d4ed8) !important;
  box-shadow:0 2px 8px -2px rgba(15,23,42,.18)}
.fon-tabs-widget.style-10 .nav-tabs>li>a.nav-link::after{display:none !important}
.fon-tabs-widget.style-10 .nav-tabs>li>a.nav-link i{font-size:14px;line-height:1}
.fon-tabs-widget.style-10 .nav-tabs>li>a.nav-link .tab-subtitle{
  display:block;font-size:.72rem;font-weight:500;opacity:.72}
.fon-tabs-widget.style-10 .tab-content{
  background:#fff;border:1px solid var(--bs-theme-light-200,#e2e8f0);
  border-radius:16px;padding:1.5rem 1.6rem;
  box-shadow:0 1px 2px rgba(15,23,42,.04)}
.fon-tabs-widget.style-10.vertical .nav-tabs{flex-direction:column;border-radius:16px;align-items:stretch}
.fon-tabs-widget.style-10.vertical .nav-tabs>li>a.nav-link{justify-content:flex-start}
.fon-tabs-widget.style-10.dark-container .nav-tabs{background:rgba(255,255,255,.08)}
.fon-tabs-widget.style-10.dark-container .nav-tabs>li>a.nav-link{color:rgba(255,255,255,.7) !important}
.fon-tabs-widget.style-10.dark-container .nav-tabs>li>a.nav-link.active{
  background:#fff !important;color:var(--theme-primary,#1d4ed8) !important}
@media(max-width:575px){
  .fon-tabs-widget.style-10 .nav-tabs{display:flex;width:100%;border-radius:14px}
  .fon-tabs-widget.style-10 .nav-tabs>li{flex:1 1 auto}
  .fon-tabs-widget.style-10 .nav-tabs>li>a.nav-link{width:100%;justify-content:center;padding:.5rem .7rem;font-size:.8rem}
  .fon-tabs-widget.style-10 .tab-content{padding:1.15rem 1.1rem}
}
@media(prefers-reduced-motion:reduce){
  .fon-accordion-widget.style-6 .accordion .accordion-item,
  .fon-accordion-widget.style-6 .accordion-button,
  .fon-accordion-widget.style-6 .accordion-button::after,
  .fon-accordion-widget.style-6 .accordion-icon,
  .fon-tabs-widget.style-10 .nav-tabs>li>a.nav-link{transition:none}
}

/* ═══════════════════════════════════════════════════════════════════
 *  /yazilimlar — "Dijital Mimari" hero      (elle eklendi 2026-10-07)
 *  Tuval motoru: js/custom.js icindeki mx-yazilim-tuval bolumu
 * ═══════════════════════════════════════════════════════════════════ */
/* ═══ /yazilimlar — "Dijital Mimari" hero ═══════════════════════════════ */
.mx-yz-hero{position:relative;overflow:hidden;background:#0b1220;
    margin-bottom:0;isolation:isolate}
.mx-yz-hero canvas{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:0}
/* alttan yukari kararan perde: metin her zaman okunur kalsin */
.mx-yz-hero::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
    background:
      linear-gradient(100deg,rgba(11,18,32,.94) 0%,rgba(11,18,32,.86) 30%,
                      rgba(11,18,32,.52) 58%,rgba(11,18,32,.14) 82%,rgba(11,18,32,.12) 100%),
      linear-gradient(180deg,rgba(11,18,32,.42) 0%,rgba(11,18,32,0) 24%,
                      rgba(11,18,32,0) 70%,rgba(11,18,32,.60) 100%)}
@media(max-width:991px){
    .mx-yz-hero::after{background:
      linear-gradient(180deg,rgba(11,18,32,.80) 0%,rgba(11,18,32,.62) 45%,rgba(11,18,32,.90) 100%)}
}
.mx-yz-ic{position:relative;z-index:2;padding:76px 0 68px}

.mx-yz-etiket{display:inline-flex;align-items:center;gap:8px;
    padding:6px 14px;border:1px solid rgba(255,177,31,.38);border-radius:999px;
    background:rgba(255,177,31,.09);color:#ffb11f;
    font-size:12px;font-weight:700;letter-spacing:.11em;text-transform:uppercase;
    margin-bottom:20px}
.mx-yz-etiket i{font-size:11px}
.mx-yz-etiket .nokta{width:6px;height:6px;border-radius:50%;background:#ffb11f;
    box-shadow:0 0 0 0 rgba(255,177,31,.7);animation:mx-nabiz 2.4s ease-out infinite}
@keyframes mx-nabiz{0%{box-shadow:0 0 0 0 rgba(255,177,31,.6)}
    70%{box-shadow:0 0 0 9px rgba(255,177,31,0)}100%{box-shadow:0 0 0 0 rgba(255,177,31,0)}}

.mx-yz-baslik{color:#fff;font-weight:800;letter-spacing:-.02em;line-height:1.08;
    font-size:clamp(2rem,4.6vw,3.4rem);margin:0 0 16px;max-width:17ch}
.mx-yz-baslik em{font-style:normal;color:#ffb11f;position:relative;white-space:nowrap}
.mx-yz-baslik em::after{content:"";position:absolute;left:0;right:0;bottom:.06em;height:.1em;
    background:linear-gradient(90deg,rgba(255,177,31,.85),rgba(255,177,31,.12));border-radius:2px}

.mx-yz-ozet{color:#aebdd0;font-size:clamp(.98rem,1.25vw,1.12rem);line-height:1.68;
    max-width:56ch;margin:0 0 30px}

/* ── istatistik seridi ── */
.mx-yz-sayilar{display:flex;flex-wrap:wrap;gap:12px;margin:0 0 30px;padding:0;list-style:none}
.mx-yz-sayilar li{flex:0 1 auto;min-width:132px;padding:13px 17px;border-radius:13px;
    background:rgba(255,255,255,.045);border:1px solid rgba(174,189,208,.17);
    backdrop-filter:blur(3px)}
.mx-yz-sayilar b{display:block;color:#fff;font-size:1.46rem;font-weight:800;line-height:1.1;
    letter-spacing:-.01em}
.mx-yz-sayilar span{display:block;margin-top:3px;color:#8fa2b8;font-size:11.5px;font-weight:650;
    letter-spacing:.07em;text-transform:uppercase}

/* ── eylem dugmeleri ── */
.mx-yz-eylem{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.mx-yz-btn{display:inline-flex;align-items:center;gap:9px;padding:13px 26px;border-radius:11px;
    font-size:14.5px;font-weight:750;text-decoration:none;border:1px solid transparent;
    transition:transform .16s ease,box-shadow .16s ease,background-color .16s ease;
    min-height:46px}
/* koyu metin: amber uzerinde beyaz AA'yi gecmez (1.8:1), koyu 9.6:1 */
.mx-yz-btn--ana{background:#ffb11f !important;color:#2b1a00 !important;
    box-shadow:0 10px 26px -10px rgba(255,177,31,.62)}
.mx-yz-btn--ana:hover{background:#ffc247 !important;color:#2b1a00 !important;transform:translateY(-2px);
    box-shadow:0 15px 32px -11px rgba(255,177,31,.72)}
.mx-yz-btn--yan{background:rgba(255,255,255,.07);color:#e8eef6 !important;
    border-color:rgba(174,189,208,.3)}
.mx-yz-btn--yan:hover{background:rgba(255,255,255,.13);color:#fff !important;transform:translateY(-2px)}
.mx-yz-btn:focus-visible{outline:3px solid #ffb11f;outline-offset:3px}

@media(max-width:767px){
    .mx-yz-ic{padding:52px 0 46px}
    .mx-yz-baslik{max-width:none}
    .mx-yz-sayilar li{flex:1 1 calc(50% - 6px);min-width:0}
    .mx-yz-btn{flex:1 1 100%;justify-content:center}
}
@media(prefers-reduced-motion:reduce){
    .mx-yz-etiket .nokta{animation:none}
    .mx-yz-btn{transition:none}
    .mx-yz-btn:hover{transform:none}
}

/* ═══════════════════════════════════════════════════════════════════════
 *  Yazilim akisi + ALAN ADI LISANSI      (elle eklendi 2026-10-07)
 *  Isaretleme: inc/software-features.php
 * ═══════════════════════════════════════════════════════════════════ */

/* ── 4 adimlik akis ── */
.mx-ak{margin:46px 0 40px}
.mx-ak-bas{text-align:center;margin-bottom:30px}
.mx-ak-baslik{font-size:clamp(1.35rem,2.4vw,1.85rem);font-weight:800;letter-spacing:-.015em;
    color:#0f172a;margin:0 0 9px}
.mx-ak-ozet{color:#64748b;font-size:.98rem;line-height:1.6;margin:0 auto;max-width:56ch}

.mx-ak-liste{list-style:none;margin:0;padding:0;display:grid;gap:18px;
    grid-template-columns:repeat(4,1fr);position:relative;counter-reset:mxak}
/* adimlari birlestiren ince cizgi */
.mx-ak-liste::before{content:"";position:absolute;top:27px;left:12%;right:12%;height:2px;
    background:linear-gradient(90deg,rgba(255,177,31,.18),rgba(255,177,31,.55),rgba(255,177,31,.18));
    z-index:0}
.mx-ak-adim{position:relative;z-index:1;text-align:center;padding:0 6px}
.mx-ak-no{display:inline-flex;align-items:center;justify-content:center;
    width:54px;height:54px;border-radius:50%;background:#fff;
    border:2px solid #ffb11f;color:#9a6200;font-weight:800;font-size:1.05rem;
    box-shadow:0 6px 18px -8px rgba(255,177,31,.75);margin-bottom:14px}
.mx-ak-ikon{display:block;color:#ffb11f;font-size:1.5rem;margin-bottom:9px;line-height:1}
.mx-ak-ad{font-size:1.02rem;font-weight:750;color:#0f172a;margin:0 0 6px;letter-spacing:-.01em}
.mx-ak-metin{font-size:.88rem;line-height:1.6;color:#64748b;margin:0}

/* ── alan adi lisansi paneli ── */
.mx-lis{position:relative;overflow:hidden;background:#0b1220;border-radius:20px;
    margin:0 0 46px;isolation:isolate}
.mx-lis canvas{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:0}
.mx-lis::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
    background:radial-gradient(120% 90% at 50% 0%,rgba(11,18,32,.62) 0%,rgba(11,18,32,.88) 68%,rgba(11,18,32,.95) 100%)}
.mx-lis-ic{position:relative;z-index:2;padding:40px 34px 34px}

.mx-lis-bas{text-align:center;margin-bottom:26px}
.mx-lis-rozet{display:inline-flex;align-items:center;gap:10px;
    color:#fff;font-size:clamp(1.1rem,2vw,1.42rem);font-weight:800;letter-spacing:-.015em}
.mx-lis-rozet i{color:#ffb11f;font-size:1.05em}

.mx-lis-kartlar{display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}
.mx-lis-kart{background:rgba(255,255,255,.055);border:1px solid rgba(174,189,208,.17);
    border-radius:14px;padding:22px 20px;backdrop-filter:blur(3px)}
.mx-lis-ikon{display:inline-flex;align-items:center;justify-content:center;
    width:42px;height:42px;border-radius:11px;margin-bottom:13px;
    background:rgba(255,177,31,.13);border:1px solid rgba(255,177,31,.3);color:#ffb11f;font-size:1.02rem}
.mx-lis-ad{font-size:1rem;font-weight:750;color:#fff !important;margin:0 0 7px;letter-spacing:-.01em}
.mx-lis-metin{font-size:.9rem;line-height:1.68;color:#aebdd0 !important;margin:0}

.mx-lis-not{display:flex;align-items:center;justify-content:center;gap:9px;
    margin:24px 0 0;padding-top:20px;border-top:1px solid rgba(174,189,208,.16);
    color:#c7d4e3 !important;font-size:.93rem;font-weight:600;text-align:center}
.mx-lis-not i{color:#4ade80;font-size:1.02em}

@media(max-width:991px){
    .mx-ak-liste{grid-template-columns:repeat(2,1fr);gap:26px 14px}
    .mx-ak-liste::before{display:none}
    .mx-lis-kartlar{grid-template-columns:1fr}
    .mx-lis-ic{padding:32px 22px 26px}
}
@media(max-width:479px){
    .mx-ak-liste{grid-template-columns:1fr;gap:22px}
    .mx-ak-no{width:46px;height:46px;margin-bottom:10px}
}
@media(prefers-reduced-motion:reduce){
    .mx-ak-adim,.mx-lis-kart{transition:none}
}

/* ═══════════════════════════════════════════════════════════════════════
 *  Yazilim karti — Stil 5 "Premium lisans karti"  (elle eklendi 2026-10-07)
 *  Isaretleme: builder/page-styles/software/style_5.php
 * ═══════════════════════════════════════════════════════════════════ */
.sw5-kart{position:relative;display:flex;flex-direction:column;height:100%;
    background:#fff;border:1px solid #e7edf3;border-radius:18px;overflow:hidden;
    box-shadow:0 2px 10px -6px rgba(15,23,42,.14);
    transition:transform .24s cubic-bezier(.2,.7,.3,1),box-shadow .24s,border-color .24s}
/* ustte, hover'da soldan saga akan amber vurgu */
.sw5-kart::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;z-index:3;
    background:linear-gradient(90deg,#ffb11f,#ffd27a,#ffb11f);
    transform:scaleX(0);transform-origin:left;transition:transform .34s cubic-bezier(.2,.7,.3,1)}
.sw5-kart:hover{transform:translateY(-5px);border-color:#dbe5ef;
    box-shadow:0 20px 40px -22px rgba(15,23,42,.42)}
.sw5-kart:hover::before{transform:scaleX(1)}
.sw5-kart:focus-within{border-color:#ffb11f;box-shadow:0 0 0 3px rgba(255,177,31,.26)}

/* ── gorsel ── */
.sw5-gorsel{position:relative;aspect-ratio:16/10;overflow:hidden;background:#eef3f8}
.sw5-gorsel-bag{display:block;width:100%;height:100%}
.sw5-gorsel img{width:100%;height:100%;object-fit:cover;display:block;
    transition:transform .5s cubic-bezier(.2,.7,.3,1)}
.sw5-kart:hover .sw5-gorsel img{transform:scale(1.055)}
.sw5-perde{position:absolute;inset:0;pointer-events:none;
    background:linear-gradient(180deg,rgba(11,18,32,.26) 0%,rgba(11,18,32,0) 34%,
               rgba(11,18,32,.05) 62%,rgba(11,18,32,.62) 100%)}

/* populer rozeti: tek vurgu rengi */
.sw5-populer{position:absolute;top:11px;left:11px;z-index:2;
    display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border-radius:999px;
    background:#ffb11f;color:#2b1a00;font-size:11px;font-weight:800;
    letter-spacing:.05em;text-transform:uppercase;
    box-shadow:0 5px 14px -5px rgba(255,177,31,.85)}
.sw5-populer i{font-size:9.5px}

/* etiketler: gorselin altinda, cam rozet — artik mavi/yesil carpismasi yok */
.sw5-etiketler{position:absolute;left:11px;right:11px;bottom:10px;z-index:2;
    display:flex;flex-wrap:wrap;gap:6px}
.sw5-etiket{display:inline-flex;align-items:center;padding:4px 10px;border-radius:7px;
    background:rgba(13,20,34,.62);border:1px solid rgba(255,255,255,.22);
    color:#fff;font-size:10.5px;font-weight:650;letter-spacing:.02em;
    backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}

/* ── govde ── */
.sw5-govde{padding:17px 18px 13px;flex:1 1 auto;display:flex;flex-direction:column}
.sw5-kategori{align-self:flex-start;font-size:10.5px;font-weight:750;letter-spacing:.09em;
    text-transform:uppercase;color:#b07400 !important;text-decoration:none;margin-bottom:8px}
.sw5-kategori:hover{color:#8a5b00 !important}
.sw5-baslik{margin:0 0 7px;font-size:1.02rem;font-weight:750;line-height:1.35;
    letter-spacing:-.011em}
.sw5-baslik a{color:#0f172a !important;text-decoration:none;
    display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.sw5-baslik a:hover{color:#0e5e85 !important}
.sw5-ozet{margin:0 0 11px;font-size:.855rem;line-height:1.62;color:#64748b;
    display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

/* alan adi lisansi mikro satiri */
.sw5-lisans{margin-top:auto;display:inline-flex;align-items:center;gap:6px;
    align-self:flex-start;padding:4px 9px;border-radius:7px;
    background:rgba(255,177,31,.11);border:1px solid rgba(255,177,31,.3);
    color:#8a5b00;font-size:11px;font-weight:700;letter-spacing:.01em}
.sw5-lisans i{font-size:10px;color:#b07400}

/* ── alt: fiyat + eylem ── */
.sw5-alt{display:flex;align-items:center;gap:12px;flex-wrap:wrap;
    padding:13px 18px 16px;border-top:1px solid #eef2f7;background:#fcfdfe}
.sw5-fiyat{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap;min-width:0}
.sw5-tutar{font-size:1.32rem;font-weight:800;color:#0f172a;letter-spacing:-.018em;line-height:1.1}
.sw5-donem{font-size:10.5px;font-weight:700;letter-spacing:.055em;text-transform:uppercase;color:#5f7084}
.sw5-eski{font-size:.8rem;color:#94a3b8;text-decoration:line-through}
.sw5-indirim{padding:2px 7px;border-radius:999px;background:#fff1f2;color:#be123c;
    font-size:10.5px;font-weight:800}

.sw5-eylem{margin-left:auto;display:flex;align-items:center;gap:8px}
.sw5-sepet{display:inline-flex;align-items:center;justify-content:center;
    width:40px;height:40px;border-radius:10px;flex:none;
    background:rgba(255,177,31,.13);border:1px solid rgba(255,177,31,.4);
    color:#8a5b00 !important;font-size:.92rem;text-decoration:none;
    transition:background-color .16s,transform .16s}
.sw5-sepet:hover{background:#ffb11f;color:#2b1a00 !important;transform:translateY(-2px)}
.sw5-incele{display:inline-flex;align-items:center;gap:7px;height:40px;padding:0 17px;
    border-radius:10px;background:#0f172a;color:#fff !important;
    font-size:13.5px;font-weight:700;text-decoration:none;white-space:nowrap;
    transition:background-color .16s,transform .16s}
.sw5-incele i{font-size:11px;transition:transform .2s}
.sw5-incele:hover{background:#1c2943;color:#fff !important;transform:translateY(-2px)}
.sw5-incele:hover i{transform:translateX(3px)}
.sw5-sepet:focus-visible,.sw5-incele:focus-visible{outline:3px solid #ffb11f;outline-offset:2px}

@media(max-width:575px){
    .sw5-alt{padding:13px 15px 15px}
    .sw5-govde{padding:15px 15px 12px}
    .sw5-eylem{margin-left:0;width:100%}
    .sw5-incele{flex:1;justify-content:center}
}
@media(prefers-reduced-motion:reduce){
    .sw5-kart,.sw5-gorsel img,.sw5-sepet,.sw5-incele,.sw5-incele i,.sw5-kart::before{transition:none}
    .sw5-kart:hover{transform:none}
    .sw5-kart:hover .sw5-gorsel img{transform:none}
    .sw5-kart:hover::before{transform:scaleX(1)}
}

/* ═══════════════════════════════════════════════════════════════════════
 *  Urun detay sayfasi — premium              (elle eklendi 2026-10-07)
 *  Isaretleme: page-detail-software.php
 * ═══════════════════════════════════════════════════════════════════ */

/* ── hero ── */
.mx-ur-hero{position:relative;overflow:hidden;background:#0b1220;isolation:isolate}
.mx-ur-hero canvas{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:0}
.mx-ur-hero::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
    background:linear-gradient(100deg,rgba(11,18,32,.95) 0%,rgba(11,18,32,.88) 34%,
               rgba(11,18,32,.58) 62%,rgba(11,18,32,.34) 86%,rgba(11,18,32,.42) 100%)}
.mx-ur-ic{position:relative;z-index:2;padding:56px 0 52px}
.mx-ur-izgara{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);
    gap:40px;align-items:center}

.mx-ur-etiket{display:inline-flex;align-items:center;gap:8px;padding:5px 13px;border-radius:999px;
    border:1px solid rgba(255,177,31,.38);background:rgba(255,177,31,.1);color:#ffb11f;
    font-size:11.5px;font-weight:750;letter-spacing:.09em;text-transform:uppercase;margin-bottom:16px}
.mx-ur-etiket i{font-size:10px}
.mx-ur-baslik{color:#fff !important;font-weight:800;letter-spacing:-.022em;line-height:1.12;
    font-size:clamp(1.72rem,3.5vw,2.75rem);margin:0 0 18px}

.mx-ur-ozellikler{list-style:none;margin:0 0 22px;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.mx-ur-ozellikler li{display:inline-flex;align-items:center;gap:7px;padding:6px 12px;
    border-radius:8px;background:rgba(255,255,255,.065);border:1px solid rgba(174,189,208,.2);
    color:#cfdbe8;font-size:12.5px;font-weight:600}
.mx-ur-ozellikler i{color:#4ade80;font-size:10.5px}

.mx-ur-fiyat-satir{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:22px}
.mx-ur-fiyat{display:flex;align-items:baseline;gap:9px;flex-wrap:wrap}
.mx-ur-fiyat-et{width:100%;color:#8fa2b8;font-size:10.5px;font-weight:750;
    letter-spacing:.1em;text-transform:uppercase;margin-bottom:2px}
.mx-ur-fiyat b{color:#fff;font-size:clamp(1.7rem,3vw,2.3rem);font-weight:800;letter-spacing:-.02em;line-height:1}
.mx-ur-fiyat small{color:#8fa2b8;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.mx-ur-eski{color:#7d8ea3;font-size:1rem;text-decoration:line-through}
.mx-ur-lisans{display:inline-flex;align-items:center;gap:7px;padding:6px 12px;border-radius:8px;
    background:rgba(255,177,31,.12);border:1px solid rgba(255,177,31,.32);
    color:#ffb11f;font-size:12px;font-weight:700}
.mx-ur-lisans i{font-size:11px}

.mx-ur-eylem{display:flex;flex-wrap:wrap;gap:10px}
.mx-ur-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;
    min-height:48px;padding:0 24px;border-radius:11px;font-size:14.5px;font-weight:750;
    text-decoration:none;border:1px solid transparent;
    transition:transform .16s,background-color .16s,box-shadow .16s}
.mx-ur-btn--ana{background:#ffb11f !important;color:#2b1a00 !important;
    box-shadow:0 12px 28px -10px rgba(255,177,31,.68)}
.mx-ur-btn--ana:hover{background:#ffc247 !important;color:#2b1a00 !important;transform:translateY(-2px)}
.mx-ur-btn--yan{background:rgba(255,255,255,.08);color:#e8eef6 !important;
    border-color:rgba(174,189,208,.3)}
.mx-ur-btn--yan:hover{background:rgba(255,255,255,.15);color:#fff !important;transform:translateY(-2px)}
.mx-ur-btn:focus-visible{outline:3px solid #ffb11f;outline-offset:3px}

/* tarayici cercevesi icinde urun gorseli */
.mx-ur-ekran{position:relative;border-radius:13px;overflow:hidden;background:#141c2b;
    border:1px solid rgba(174,189,208,.22);
    box-shadow:0 34px 70px -32px rgba(0,0,0,.8),0 0 0 1px rgba(255,255,255,.04) inset}
.mx-ur-cubuk{display:flex;align-items:center;gap:6px;height:30px;padding:0 13px;
    background:#1a2436;border-bottom:1px solid rgba(174,189,208,.16)}
.mx-ur-cubuk i{width:9px;height:9px;border-radius:50%;background:#3c4a60;display:block}
.mx-ur-cubuk i:first-child{background:#e0564f}
.mx-ur-cubuk i:nth-child(2){background:#e0a93f}
.mx-ur-cubuk i:nth-child(3){background:#4caf63}
.mx-ur-ekran img{display:block;width:100%;height:auto}

@media(max-width:991px){
    .mx-ur-izgara{grid-template-columns:1fr;gap:28px}
    .mx-ur-sag{order:-1}
    .mx-ur-hero::after{background:linear-gradient(180deg,rgba(11,18,32,.82) 0%,
        rgba(11,18,32,.66) 45%,rgba(11,18,32,.92) 100%)}
    .mx-ur-ic{padding:40px 0 38px}
}
@media(max-width:575px){
    .mx-ur-btn{flex:1 1 100%}
}

/* ── icerik sutunu: bolum basliklari ── */
#section-software-detail .fon-section,
#section-software-detail-info h3,
#section-software-setup-info h3,
#section-software-version-info h3,
#section-popular-software h3{position:relative}
#section-software-detail-info h3,
#section-software-setup-info h3,
#section-software-version-info h3{
    padding-left:14px;border-left:3px solid #ffb11f;font-weight:750 !important;
    letter-spacing:-.012em;color:#0f172a !important}
#section-software-detail-info h3 i,
#section-software-setup-info h3 i,
#section-software-version-info h3 i{display:none}

/* icerik kutulari */
#section-software-detail-info .bg-white,
#section-software-setup-info .bg-white,
#section-software-version-info .bg-white{
    border:1px solid #e9eef4;border-radius:14px !important;padding:22px 24px !important;
    box-shadow:0 2px 10px -7px rgba(15,23,42,.2)}
#section-software-detail-info .bg-white p{line-height:1.78;color:#475569}
#section-software-setup-info .bg-white,
#section-software-version-info .bg-white{font-size:.92rem;line-height:1.8;color:#475569}
#section-software-setup-info b,#section-software-setup-info strong,
#section-software-version-info b,#section-software-version-info strong{color:#0f172a}

/* sol sutunun gri zemini kalksin, sayfa nefes alsin */
#section-software-detail > .container > .row > .col-md-7 > .bg-theme-light,
#section-software-detail > .container > .row > .col-lg-8 > .bg-theme-light{
    background:transparent !important;padding:0 !important}
#section-software-detail .software-image{box-shadow:0 18px 40px -26px rgba(15,23,42,.5);
    border-radius:16px !important;overflow:hidden}

/* ── satin alma karti (kenar cubugu) ── */
.software-meta{background:#fff !important;border:1px solid #e7edf3;
    border-radius:18px !important;padding:0 !important;overflow:hidden;
    box-shadow:0 16px 40px -28px rgba(15,23,42,.45)}
.software-meta > h1{display:none}                    /* basligi hero tasiyor */
.software-meta > .bg-white{border-radius:0 !important}
.software-meta .p-4{padding:22px !important}
.software-meta .price.bg-theme-light{background:linear-gradient(145deg,#0f172a,#16233a) !important;
    border-radius:14px !important;padding:22px 18px !important;margin-bottom:20px !important}
.software-meta .price-new{color:#fff !important;font-size:2.05rem !important;letter-spacing:-.02em}
.software-meta .pricing-period{color:#8fa2b8 !important}
.software-meta .price-old{color:#8295ab !important}

.software-short-features{text-align:left !important;margin-bottom:20px !important}
.software-short-features li{position:relative;padding:0 0 0 24px !important;margin-bottom:9px !important;
    font-size:.9rem;line-height:1.55;color:#475569}
.software-short-features li::before{content:"\f00c";font-family:"Font Awesome 6 Free";font-weight:900;
    position:absolute;left:0;top:1px;color:#16a34a;font-size:11px}

.software-buttons{display:flex;flex-direction:column;gap:9px;
    border-top:1px solid #eef2f7 !important;border-bottom:1px solid #eef2f7 !important;
    padding:18px 0 !important;margin-bottom:18px !important}
.software-buttons .btn{border-radius:11px !important;min-height:46px;display:inline-flex;
    align-items:center;justify-content:center;gap:8px;font-weight:750 !important;font-size:14px}
/* satin al: marka amberi — eskiden yesildi, marka disiydi */
.software-buttons .buy-link{order:-1;background:#ffb11f !important;border-color:#ffb11f !important;
    color:#2b1a00 !important;box-shadow:0 10px 24px -11px rgba(255,177,31,.8)}
.software-buttons .buy-link:hover{background:#ffc247 !important;border-color:#ffc247 !important;
    color:#2b1a00 !important}
.software-buttons .demo-link{background:rgba(255,177,31,.12) !important;
    border-color:rgba(255,177,31,.42) !important;color:#8a5b00 !important}
.software-buttons .demo-link:hover{background:#ffb11f !important;color:#2b1a00 !important}
.software-buttons .admin-link{background:#0f172a !important;border-color:#0f172a !important;
    color:#fff !important}
.software-buttons .admin-link:hover{background:#1c2943 !important;color:#fff !important}

.software-requirements{text-align:left !important;background:#f7fafc;border:1px solid #e9eef4;
    border-radius:12px;padding:15px 16px}
.software-requirements h6{font-size:11px !important;font-weight:800 !important;letter-spacing:.09em;
    text-transform:uppercase;color:#5f7084 !important;margin:0 0 9px !important}
.software-requirements{font-size:.86rem;line-height:1.85;color:#475569}

.software-shr{padding:16px 22px 20px !important;border-top:1px solid #eef2f7;background:#fcfdfe !important}

@media(prefers-reduced-motion:reduce){
    .mx-ur-btn{transition:none}
    .mx-ur-btn:hover{transform:none}
}

/* urun detay — ek duzeltmeler (2026-10-07) */
/* ayni gorsel hero'da zaten var; icerik sutununda tekrar gosterme */
#section-software-detail .software-image{display:none !important}
/* gereksinimler: ham tireler yerine duzgun liste */
.software-requirements .mx-ger{list-style:none;margin:0;padding:0}
.software-requirements .mx-ger li{position:relative;padding:0 0 0 20px;margin-bottom:7px;
    font-size:.855rem;line-height:1.6;color:#475569}
.software-requirements .mx-ger li:last-child{margin-bottom:0}
.software-requirements .mx-ger li::before{content:"";position:absolute;left:0;top:.52em;
    width:6px;height:6px;border-radius:2px;background:#ffb11f}

/* ═══════════════════════════════════════════════════════════════════════
 *  Siparis akisi (order-steps) — premium     (elle eklendi 2026-10-07)
 *  Isaretleme: order-steps-software.php
 * ═══════════════════════════════════════════════════════════════════ */

/* ── hero + ilerleme seridi ── */
.mx-sip-hero{position:relative;overflow:hidden;background:#0b1220;border-radius:20px;
    margin:0 0 42px;isolation:isolate}
.mx-sip-hero canvas{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:0}
.mx-sip-hero::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
    background:radial-gradient(130% 100% at 50% 0%,rgba(11,18,32,.58) 0%,
               rgba(11,18,32,.86) 62%,rgba(11,18,32,.94) 100%)}
.mx-sip-ic{position:relative;z-index:2;padding:30px 30px 34px}

.mx-sip-ust{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:28px}
.mx-sip-etiket{display:inline-flex;align-items:center;gap:7px;padding:5px 12px;border-radius:999px;
    border:1px solid rgba(255,177,31,.38);background:rgba(255,177,31,.1);color:#ffb11f;
    font-size:11px;font-weight:750;letter-spacing:.09em;text-transform:uppercase}
.mx-sip-etiket i{font-size:10px}
.mx-sip-urun{color:#fff;font-size:1.02rem;font-weight:750;letter-spacing:-.012em;
    min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mx-sip-sayac{margin-left:auto;color:#8fa2b8;font-size:11.5px;font-weight:700;
    letter-spacing:.07em;text-transform:uppercase;white-space:nowrap}
.mx-sip-sayac b{color:#ffb11f;font-size:1.02em}

/* adimlar: numarali daireler + ilerleme cizgisi */
.mx-sip-adimlar{list-style:none;margin:0;padding:0;display:flex;position:relative;
    counter-reset:mxsip;gap:6px}
.mx-sip-adimlar::before,.mx-sip-adimlar::after{content:"";position:absolute;top:21px;height:2px;
    left:calc(100%/var(--mx-adet,6));right:calc(100%/var(--mx-adet,6));border-radius:2px}
.mx-sip-adimlar::before{left:8%;right:8%;background:rgba(174,189,208,.22)}
.mx-sip-adimlar::after{left:8%;right:8%;background:linear-gradient(90deg,#ffb11f,#ffd27a);
    transform-origin:left;transform:scaleX(calc(var(--mx-ilerleme,0%)/100%));
    transition:transform .5s cubic-bezier(.2,.7,.3,1)}
.mx-sip-adim{flex:1 1 0;min-width:0;position:relative;z-index:1;text-align:center;
    display:flex;flex-direction:column;align-items:center;gap:9px}
.mx-sip-no{display:inline-flex;align-items:center;justify-content:center;
    width:44px;height:44px;border-radius:50%;font-weight:800;font-size:.98rem;
    background:#141c2b;border:2px solid rgba(174,189,208,.3);color:#8fa2b8;
    transition:background-color .25s,border-color .25s,color .25s,box-shadow .25s}
.mx-sip-ad{font-size:12.5px;font-weight:650;line-height:1.35;color:#8fa2b8;
    max-width:14ch;transition:color .25s}
.mx-sip-aktif .mx-sip-no{background:#ffb11f;border-color:#ffb11f;color:#2b1a00;
    box-shadow:0 0 0 5px rgba(255,177,31,.17),0 8px 20px -8px rgba(255,177,31,.8)}
.mx-sip-aktif .mx-sip-ad{color:#fff;font-weight:750}
.mx-sip-tamam .mx-sip-no{background:rgba(255,177,31,.16);border-color:rgba(255,177,31,.55);color:#ffb11f}
.mx-sip-tamam .mx-sip-ad{color:#cfdbe8}

/* ── bolum basligi ── */
#section-software-order .fon-section-title h1{font-weight:800 !important;letter-spacing:-.02em;
    color:#0f172a !important}
#section-software-order .fon-section-subtitle{color:#64748b !important}

/* ── donem kartlari: tek kart koca bos kutuda yuzmesin ── */
.orderperiodblock-con{background:transparent !important;padding:0 !important;
    display:flex !important;flex-wrap:wrap;justify-content:center;gap:16px}
.orderperiodblock-con > [class*="col-"]{flex:0 1 230px;max-width:260px;width:auto !important}
.orderperiodblock{border:2px solid #e7edf3 !important;border-radius:16px !important;
    background:#fff !important;padding:26px 20px !important;position:relative;cursor:pointer;
    box-shadow:0 2px 10px -6px rgba(15,23,42,.16) !important;
    transition:border-color .2s,box-shadow .2s,transform .2s}
.orderperiodblock:hover{border-color:#ffd27a !important;transform:translateY(-3px);
    box-shadow:0 16px 32px -20px rgba(15,23,42,.4) !important}
.orderperiodblock h2,.orderperiodblock .price-new{font-size:1.9rem !important;font-weight:800 !important;
    color:#0f172a !important;letter-spacing:-.02em;margin:6px 0 0 !important}
.orderperiodblock .periodselectbox{position:absolute;top:12px;right:12px;width:26px;height:26px;
    border-radius:50%;display:flex;align-items:center;justify-content:center;
    background:#eef3f8;color:transparent;font-size:11px;transition:background-color .2s,color .2s}
/* secili kart: marka amberi (eskiden yesildi) */
.orderperiodblock.active,.orderperiodblock.selected,
.orderperiodblock.ui-state-active,.orderperiodblock[class*="active"]{
    border-color:#ffb11f !important;background:#fffaf0 !important;
    box-shadow:0 0 0 4px rgba(255,177,31,.16) !important}
.orderperiodblock.active .periodselectbox,.orderperiodblock.selected .periodselectbox,
.orderperiodblock.ui-state-active .periodselectbox{background:#ffb11f;color:#2b1a00}
.setup-fee-period{display:block;margin-top:7px;font-size:11.5px;font-weight:650;color:#8295ab}

/* ── yesil dugmeler marka amberine ── */
#section-software-order .btn-success,
#section-software-order .btn.btn-success{
    background:#ffb11f !important;border-color:#ffb11f !important;color:#2b1a00 !important;
    font-weight:750 !important;box-shadow:0 10px 26px -12px rgba(255,177,31,.85) !important}
#section-software-order .btn-success:hover,
#section-software-order .btn.btn-success:hover{
    background:#ffc247 !important;border-color:#ffc247 !important;color:#2b1a00 !important}
#section-software-order .btn-success:focus-visible{outline:3px solid #0f172a;outline-offset:2px}
/* indirim serisi de amber olsun */
#section-software-order .fon-ribbon.bg-success{background:#ffb11f !important;color:#2b1a00 !important}

@media(max-width:767px){
    .mx-sip-ic{padding:22px 18px 26px}
    .mx-sip-sayac{margin-left:0;width:100%}
    .mx-sip-adimlar{gap:2px}
    .mx-sip-no{width:38px;height:38px;font-size:.88rem}
    .mx-sip-adimlar::before,.mx-sip-adimlar::after{top:18px}
    .mx-sip-ad{font-size:11px;max-width:11ch}
    .orderperiodblock-con > [class*="col-"]{flex:1 1 100%;max-width:none}
}
@media(prefers-reduced-motion:reduce){
    .mx-sip-adimlar::after,.mx-sip-no,.orderperiodblock{transition:none}
    .orderperiodblock:hover{transform:none}
}

/* ═══════════════════════════════════════════════════════════════════════
 *  Kasa akisi: sepet / bilgiler / odeme      (elle eklendi 2026-10-07)
 *  Hero isaretlemesi: inc/mx-kasa-hero.php (.mx-sip-* siniflarini kullanir)
 * ═══════════════════════════════════════════════════════════════════ */
.mx-kasa-hero{margin-bottom:34px}
.mx-kasa-ssl{display:inline-flex;align-items:center;gap:7px;
    color:#8fa2b8 !important;font-size:12px !important;font-weight:650 !important;
    letter-spacing:0 !important;white-space:nowrap}
.mx-kasa-ssl i{color:#4ade80;font-size:11px}

/* ── sepet ve odeme panelleri ── */
#section-basket .bg-theme-light,
#section-basket-account .bg-theme-light,
#section-basket-payment .bg-theme-light{
    background:#fff !important;border:1px solid #e7edf3;border-radius:16px !important;
    box-shadow:0 2px 12px -8px rgba(15,23,42,.22)}

/* bolum basliklari: yesil ikonlar yerine amber */
#section-basket h6 i,#section-basket-account h6 i,#section-basket-payment h6 i,
#section-basket .sepetbaslik i{color:#ffb11f !important}
#section-basket h6,#section-basket-account h6,#section-basket-payment h6{
    color:#0f172a !important;letter-spacing:-.01em}

/* sepet satir basligi */
#section-basket .sepetbaslik{padding-bottom:12px;border-bottom:1px solid #eef2f7}
#section-basket .sepetbaslik h6{font-size:11.5px !important;font-weight:800 !important;
    letter-spacing:.07em;text-transform:uppercase;color:#5f7084 !important}

/* ── siparis ozeti ──
 *  DIKKAT: buraya `position:relative` YAZMA. Panelde `sticky-md-top` ve
 *  temanin `.resetTopMobile{top:80px}` kurali var; position relative olunca
 *  o 80px yapiskan degil GORELI uygulanir ve panel 80px asagi iner.
 *  (2026-10-08'de tam olarak bu hata yasandi ve kaldirildi.)
 */

/* toplam tutar: yesildi -> marka koyusu + amber vurgu */
.sepetright .text-success,.sepetright .text-theme-success,
#section-basket .text-success,#section-basket-account .text-success,
#section-basket-payment .text-success{color:#0f172a !important}
.sepetright h4.text-success,.sepetright h3.text-success,
.sepetright .fs-2.text-success,.sepetright .fs-3.text-success{
    color:#0f172a !important;font-weight:800 !important;letter-spacing:-.02em}

/* ── yesil dugmeler marka amberine ── */
#section-basket .btn-success,#section-basket-account .btn-success,
#section-basket-payment .btn-success,
#section-basket .btn.btn-success,#section-basket-account .btn.btn-success,
#section-basket-payment .btn.btn-success{
    background:#ffb11f !important;border-color:#ffb11f !important;color:#2b1a00 !important;
    font-weight:750 !important;box-shadow:0 10px 26px -12px rgba(255,177,31,.85) !important}
#section-basket .btn-success:hover,#section-basket-account .btn-success:hover,
#section-basket-payment .btn-success:hover{
    background:#ffc247 !important;border-color:#ffc247 !important;color:#2b1a00 !important}
#section-basket .btn-success.disabled,#section-basket-account .btn-success.disabled,
#section-basket-payment .btn-success.disabled{
    background:#e7edf3 !important;border-color:#e7edf3 !important;color:#94a3b8 !important;
    box-shadow:none !important}
/* indirim/rozet seritleri */
#section-basket .fon-ribbon.bg-success,#section-basket-payment .fon-ribbon.bg-success{
    background:#ffb11f !important;color:#2b1a00 !important}

/* secili secenek halkalari (hesap turu, odeme yontemi) yesil -> amber */
#section-basket-account .form-check-input:checked,
#section-basket-payment .form-check-input:checked{
    background-color:#ffb11f !important;border-color:#ffb11f !important}
#section-basket-account .form-check-input:focus,
#section-basket-payment .form-check-input:focus{
    border-color:#ffd27a !important;box-shadow:0 0 0 .22rem rgba(255,177,31,.25) !important}

/* ── form alanlari ── */
#section-basket-account .form-control,#section-basket-payment .form-control,
#section-basket-account .form-select,#section-basket-payment .form-select{
    border-radius:10px;border-color:#e2e9f0;min-height:46px}
#section-basket-account .form-control:focus,#section-basket-payment .form-control:focus,
#section-basket-account .form-select:focus,#section-basket-payment .form-select:focus{
    border-color:#ffb11f;box-shadow:0 0 0 .2rem rgba(255,177,31,.2)}

/* ── sepet urun satiri ── */
#section-basket .sepeturun,#section-basket .basket-item{
    padding:16px 0;border-bottom:1px solid #f1f5f9}
#section-basket .sepeturun:last-child,#section-basket .basket-item:last-child{border-bottom:0}

@media(max-width:767px){
    .mx-kasa-ssl{display:none}
}

/* odenecek toplam tutar: yesildi (#4bc839) -> marka koyusu, amber alt cizgi */
#total-amount-payable,#total-amount-payable *,
.sepetright #total-amount-payable,.sepetright #total-amount-payable *{
    color:#0f172a !important}
#total-amount-payable{font-weight:800 !important;letter-spacing:-.02em;
    display:inline-block;position:relative;padding-bottom:4px}
#total-amount-payable::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;
    border-radius:2px;background:linear-gradient(90deg,#ffb11f,#ffd27a)}

/* ═══ SEPET SUTUN HIZASI DUZELTMESI (2026-10-08) ═══════════════════════
 *  OLCULEN YAPI:
 *    baslik : .sepetbaslik                      -> sutunlar x=103'te basliyor
 *    urun   : .sepetlist (pad 14px)
 *               > .sepetlistcon.row (mar -10.5px, pad 20px)
 *                                              -> sutunlar x=126'da basliyor
 *  Yani urun satiri IKI ayri ic bosluk katmaninin icinde, baslik ise degil.
 *  Kayma = 14 + 20 - 10.5 = 23.5px. Uretici kodunda olan bir uyumsuzluk;
 *  panel beyaza alinip alt cizgi eklenince gorunur hale geldi.
 *  Cozum: basliga ayni ic boslugu ver (ayni degerlerden hesaplanir).
 * ═══════════════════════════════════════════════════════════════════ */
#section-basket .sepetbaslik{
    --mx-liste-pad:14px;      /* .sepetlist ic boslugu      */
    --mx-satir-pad:20px;      /* .sepetlistcon ic boslugu   */
    --mx-row-mar:10.5px;      /* .row negatif kenar boslugu */
    padding-left:calc(var(--mx-liste-pad) + var(--mx-satir-pad) - var(--mx-row-mar));
    padding-right:calc(var(--mx-liste-pad) + var(--mx-satir-pad) - var(--mx-row-mar))}

/* ═══════════════════════════════════════════════════════════════════════
 *  Alan adi sorgu sonucu — SATIR ICI panel    (elle eklendi 2026-10-08)
 *  Eskiden bootstrap modal'inda aciliyordu; whois sayfasindaki gibi
 *  sayfa icinde gorunsun istendi. Isaretleme: domain.php (#mx-domain-sonuc)
 * ═══════════════════════════════════════════════════════════════════ */
.mx-dsonuc{display:block;margin:0 0 40px;scroll-margin-top:90px}
.mx-dsonuc[hidden]{display:none}
.mx-dsonuc-kutu{background:#fff;border:1px solid #e7edf3;border-radius:18px;overflow:hidden;
    box-shadow:0 18px 44px -30px rgba(15,23,42,.45);
    animation:mx-dsonuc-gir .32s cubic-bezier(.2,.7,.3,1)}
@keyframes mx-dsonuc-gir{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}

.mx-dsonuc-bas{display:flex;align-items:center;gap:12px;
    padding:16px 22px;border-bottom:1px solid #eef2f7;background:#fcfdfe}
.mx-dsonuc-baslik{margin:0;font-size:1.02rem;font-weight:800;letter-spacing:-.012em;
    color:#0f172a}
.mx-dsonuc-baslik::before{content:"";display:inline-block;width:4px;height:17px;
    border-radius:2px;background:#ffb11f;margin-right:10px;vertical-align:-3px}
.mx-dsonuc-kapat{margin-left:auto;width:34px;height:34px;border-radius:9px;flex:none;
    border:1px solid #e7edf3;background:#fff;color:#64748b;cursor:pointer;
    display:inline-flex;align-items:center;justify-content:center;
    transition:background-color .15s,color .15s,border-color .15s}
.mx-dsonuc-kapat:hover{background:#0f172a;border-color:#0f172a;color:#fff}
.mx-dsonuc-kapat:focus-visible{outline:3px solid #ffb11f;outline-offset:2px}

.mx-dsonuc-govde{padding:20px 22px}
.mx-dsonuc-alt{padding:16px 22px;border-top:1px solid #eef2f7;background:#fcfdfe;
    display:flex;justify-content:flex-end}
/* Devam dugmesi: yesildi -> marka amberi (sitenin geri kalaniyla ayni) */
.mx-dsonuc-alt .btn-success{background:#ffb11f !important;border-color:#ffb11f !important;
    color:#2b1a00 !important;font-weight:750 !important;border-radius:11px !important;
    min-height:46px;display:inline-flex;align-items:center;gap:8px;padding:0 24px;
    box-shadow:0 10px 26px -12px rgba(255,177,31,.85) !important}
.mx-dsonuc-alt .btn-success:hover{background:#ffc247 !important;border-color:#ffc247 !important;
    color:#2b1a00 !important}
.mx-dsonuc-alt .btn-success.disabled{background:#e7edf3 !important;border-color:#e7edf3 !important;
    color:#94a3b8 !important;box-shadow:none !important}

/* musait / dolu basliklari */
.mx-dsonuc #showTLDStatusAvailable,
.mx-dsonuc #showTLDStatusUnavailable{font-size:1rem;font-weight:750;margin:0 0 4px}
.mx-dsonuc #showTLDStatusAvailable:not(:empty){color:#0f172a}
.mx-dsonuc #showTLDStatusAvailable:not(:empty) strong,
.mx-dsonuc #showTLDStatusAvailable:not(:empty) b{color:#8a5b00}
.mx-dsonuc #showTLDStatusUnavailable:not(:empty){color:#64748b}

@media(max-width:575px){
    .mx-dsonuc-govde,.mx-dsonuc-bas,.mx-dsonuc-alt{padding-left:15px;padding-right:15px}
    .mx-dsonuc-alt .btn-success{width:100%;justify-content:center}
}
@media(prefers-reduced-motion:reduce){
    .mx-dsonuc-kutu{animation:none}
    .mx-dsonuc-kapat{transition:none}
}

/* ═══════════════════════════════════════════════════════════════════════
 *  Alan adi sonuc tablosu — "akilli sonuc"   (elle eklendi 2026-10-08)
 *  OLCULEN ISARETLEME (tema JS'i uretir, dokunulmadi):
 *    .lookcolumlist[#domainResult]  -> ARANAN alan adi (birincil)
 *    .lookcolumlist                 -> alternatif uzantilar
 *    .tld-status[id="tldok"]        -> Musait
 *    .tld-status[id="tldno"]        -> Musait Degil (+ TRANSFER/WHOIS)
 *    .tld-prices select             -> fiyat/donem secimi
 *    .tld-select input.checkbox-custom
 * ═══════════════════════════════════════════════════════════════════ */
.mx-dsonuc .domainlookuplist{width:100% !important;margin:0 !important}

/* ── baslik seridi ── */
.mx-dsonuc .lookcolumtitle{background:#0f172a !important;border-radius:12px !important;
    padding:0 6px;font-size:11.5px;letter-spacing:.07em;text-transform:uppercase;
    font-weight:800 !important}
.mx-dsonuc .lookcolumtitle .lookcolum{padding:13px 10px;color:#cfdbe8}

/* ── satirlar ── */
.mx-dsonuc .lookcolumlist{display:flex;align-items:center;position:relative;
    border-bottom:1px solid #f1f5f9;border-radius:12px;
    transition:background-color .16s,box-shadow .16s}
.mx-dsonuc .lookcolumlist:last-child{border-bottom:0}
.mx-dsonuc .lookcolumlist:hover{background:#fbfdff}
/* secili satir: amber sol vurgu */
.mx-dsonuc .lookcolumlist:has(input.checkbox-custom:checked){background:#fffaf0}
.mx-dsonuc .lookcolumlist:has(input.checkbox-custom:checked)::before{
    content:"";position:absolute;left:0;top:8px;bottom:8px;width:3px;
    border-radius:2px;background:#ffb11f}
.mx-dsonuc .lookcolum{padding:14px 10px}

/* ── ARANAN alan adi: birincil sonuc ── */
.mx-dsonuc #domainResult{background:linear-gradient(180deg,#fffdf7,#fff) !important;
    border:1px solid rgba(255,177,31,.42);border-radius:14px;margin:18px 0 14px;
    box-shadow:0 10px 28px -20px rgba(255,177,31,.9)}
.mx-dsonuc #domainResult::after{content:attr(data-mx-etiket);position:absolute;
    top:-9px;left:14px;padding:2px 9px;border-radius:999px;
    background:#ffb11f;color:#2b1a00;font-size:9.5px;font-weight:800;
    letter-spacing:.09em;text-transform:uppercase;white-space:nowrap}
.mx-dsonuc #domainResult .tld-name{font-size:1.06rem}
.mx-dsonuc #domainResult .tld-name strong{color:#0f172a}

/* ── alan adi ── */
.mx-dsonuc .tld-name{background:transparent !important;font-size:.98rem;
    justify-content:center;word-break:break-all}
.mx-dsonuc .tld-name strong{font-weight:700;color:#1e293b}

/* ── durum rozetleri: yesil yerine marka dili ── */
.mx-dsonuc .tld-status{font-size:0 !important}
.mx-dsonuc .tld-status[id="tldok"],
.mx-dsonuc .tld-status[id="tldno"]{display:flex !important;align-items:center;
    justify-content:center}
.mx-dsonuc .tld-status[id="tldok"]::before,
.mx-dsonuc .tld-status[id="tldno"]::before{
    display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:999px;
    font-size:12px;font-weight:750;letter-spacing:.01em;white-space:nowrap}
.mx-dsonuc .tld-status[id="tldok"]::before{content:"✓  Müsait";
    background:rgba(255,177,31,.14);border:1px solid rgba(255,177,31,.42);color:#8a5b00}
.mx-dsonuc .tld-status[id="tldno"]::before{content:"Alınmış";
    background:#f1f5f9;border:1px solid #e2e8f0;color:#64748b}
.mx-dsonuc #domainResult .tld-status[id="tldok"]::before{
    background:#ffb11f;border-color:#ffb11f;color:#2b1a00}

/* ── fiyat ── */
.mx-dsonuc .tld-prices select{border:1px solid #e7edf3;border-radius:10px;
    font-weight:750;color:#0f172a;text-align:center;min-height:42px;
    background-color:#fff;cursor:pointer;font-size:.92rem}
.mx-dsonuc .tld-prices select:focus{border-color:#ffb11f;
    box-shadow:0 0 0 .2rem rgba(255,177,31,.2)}
.mx-dsonuc #domainResult .tld-prices select{border-color:rgba(255,177,31,.45);
    font-size:1rem;background-color:#fffdf7}

/* "en uygun" rozeti — JS ile isaretlenir */
.mx-dsonuc .lookcolumlist[data-mx-uygun] .tld-prices{position:relative}
.mx-dsonuc .lookcolumlist[data-mx-uygun] .tld-prices::after{
    content:attr(data-mx-uygun-metin);position:absolute;top:-7px;right:6px;
    padding:1px 8px;border-radius:999px;background:#0f172a;color:#ffd27a;
    font-size:9px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;
    white-space:nowrap;pointer-events:none}

/* ── secim / eylem sutunu ── */
.mx-dsonuc .tld-select .transfer-btn,
.mx-dsonuc .tld-select a.btn{border-radius:8px !important;font-size:11px !important;
    font-weight:700 !important;padding:5px 10px !important;margin:2px;
    background:#0f172a !important;border-color:#0f172a !important;color:#fff !important}
.mx-dsonuc .tld-select a.btn:hover{background:#1c2943 !important;color:#fff !important}

/* ── kademeli giris ── */
.mx-dsonuc.acik .lookcolumlist{animation:mx-satir-gir .34s cubic-bezier(.2,.7,.3,1) backwards}
.mx-dsonuc.acik .lookcolumlist:nth-child(1){animation-delay:.02s}
.mx-dsonuc.acik .lookcolumlist:nth-child(2){animation-delay:.06s}
.mx-dsonuc.acik .lookcolumlist:nth-child(3){animation-delay:.10s}
.mx-dsonuc.acik .lookcolumlist:nth-child(4){animation-delay:.14s}
.mx-dsonuc.acik .lookcolumlist:nth-child(5){animation-delay:.18s}
.mx-dsonuc.acik .lookcolumlist:nth-child(n+6){animation-delay:.22s}
@keyframes mx-satir-gir{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}

@media(max-width:767px){
    .mx-dsonuc .lookcolumtitle{display:none !important}
    .mx-dsonuc .lookcolumlist{flex-wrap:wrap;padding:12px 10px;border:1px solid #eef2f7;
        margin-bottom:10px}
    .mx-dsonuc .lookcolum{width:50% !important;padding:6px}
    .mx-dsonuc .tld-name{width:100% !important;justify-content:flex-start;font-size:1rem}
    .mx-dsonuc .tld-status{justify-content:flex-start !important}
    .mx-dsonuc #domainResult::after{left:10px}
}
@media(prefers-reduced-motion:reduce){
    .mx-dsonuc.acik .lookcolumlist{animation:none}
    .mx-dsonuc .lookcolumlist{transition:none}
}

/* ── onay kutulari ──────────────────────────────────────────────────────
 *  Gorsel kutuyu input DEGIL, hemen ardindaki
 *  `label.checkbox-custom-label::before` cizer (gercek input gizli).
 *  Yesil fononline.min.css'teki `var(--bs-success)`ten geliyordu:
 *    .checkbox-custom+.checkbox-custom-label:before      -> border
 *    .checkbox-custom:checked+.checkbox-custom-label:before -> background
 *  Bu yuzden accent-color ISE YARAMAZ; dogru kanca ::before'dur.
 * ─────────────────────────────────────────────────────────────────── */
.mx-dsonuc .checkbox-custom + .checkbox-custom-label::before{
    border-color:#cbd5e1 !important;background:#fff !important;
    transition:background-color .15s,border-color .15s}
.mx-dsonuc .checkbox-custom:checked + .checkbox-custom-label::before{
    border-color:#ffb11f !important;background:#ffb11f !important;color:#2b1a00 !important}
.mx-dsonuc .checkbox-custom-label:hover::before{border-color:#ffb11f !important}
.mx-dsonuc .checkbox-custom:focus-visible + .checkbox-custom-label::before{
    outline:3px solid #ffb11f;outline-offset:2px}
/* baslik seridindeki "tumunu sec" koyu zeminde */
.mx-dsonuc .lookcolumtitle .checkbox-custom + .checkbox-custom-label::before{
    border-color:rgba(255,255,255,.45) !important;background:transparent !important}
.mx-dsonuc .lookcolumtitle .checkbox-custom:checked + .checkbox-custom-label::before{
    border-color:#ffb11f !important;background:#ffb11f !important}