/* ============================================================
   KAPSÜL HAFIZA — Tema Katmanı (theme.css'ten SONRA yüklenir)
   Ölçüler px. Bölümler:
   1) Değişkenler  2) Temel  3) Header  4) Footer + WhatsApp
   5) Bloklar (stok blok → Kapsül görünümü)  6) İçerik/tipografi
   7) Hizmet & Portföy tekil sayfa  8) Responsive
   NOT: Gövde = Hind · Başlık = Lexend Deca (orijinal site fontları)
   ============================================================ */

/* ============ 1) DEĞİŞKENLER ============ */
:root{
  --purple:#6d3a8b; --purple-2:#8a4fb0; --purple-ink:#3d2352; --purple-soft:#f6f0fb;
  --orange:#eb7d23; --orange-2:#fab123;
  --ink:#2b2440; --muted:#6f6885; --line:#ece5f5; --white:#fff;
  --shadow:0 18px 40px -18px rgba(109,58,139,.28);
  --shadow-sm:0 8px 24px -12px rgba(109,58,139,.22);
  --radius:22px;
  --btn-radius:10px;
  --max:1320px;                                   /* site genişliği */
  --font-head:'Lexend Deca',system-ui,-apple-system,'Segoe UI',sans-serif;
  --font-body:'Hind',system-ui,-apple-system,Arial,sans-serif;
}

/* ============ 2) TEMEL ============ */
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:var(--font-body);color:var(--ink);background:#fff;line-height:1.6;font-size:16px}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto;display:block}
svg{display:block}

h1,h2,h3,h4,h5,h6,.font-head{font-family:var(--font-head);line-height:1.15;color:var(--purple-ink);margin:0}

/* Ortak kap — header/footer ve bloklar aynı genişlikte hizalanır */
.wrap{width:min(var(--max),94%);margin:0 auto}

/* Butonlar */
.btn{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-head);font-weight:600;font-size:15px;
  letter-spacing:.3px;padding:15px 28px;border-radius:var(--btn-radius);border:0;cursor:pointer;transition:.2s;text-transform:uppercase}
.btn-primary{background:var(--orange);color:#fff;box-shadow:0 12px 24px -10px rgba(235,125,35,.6)}
.btn-primary:hover{background:#d96f16;transform:translateY(-2px)}
.btn-purple{background:var(--purple);color:#fff;box-shadow:0 12px 24px -10px rgba(109,58,139,.5)}
.btn-purple:hover{background:#5a2f75;transform:translateY(-2px)}
.btn-ghost{background:#fff;color:var(--purple);border:2px solid var(--line)}
.btn-ghost:hover{border-color:var(--purple)}

/* Header ile ilk bölüm arası fazladan boşluk olmasın */
.site-main{padding-top:0}

/* ============ 3) HEADER ============ */
header.site{position:sticky;top:0;z-index:50;background:#fff;box-shadow:0 6px 24px -18px rgba(0,0,0,.4)}
.site .wrap.nav{position:relative;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 0}
.logo img{height:46px;width:auto}
.menu{display:flex;align-items:center;gap:22px;font-family:var(--font-head);font-weight:500;font-size:15px;white-space:nowrap}
.menu>a,.has-sub>a{color:var(--purple-ink);padding:6px 0;position:relative;display:inline-flex;align-items:center;gap:5px}
.menu a:hover{color:var(--orange)}
.has-sub{position:relative}
.has-sub .caret{transition:.2s;color:var(--muted)}
.has-sub:hover .caret{transform:rotate(180deg);color:var(--orange)}
.has-sub .sub{position:absolute;top:calc(100% + 10px);left:50%;transform:translateX(-50%) translateY(8px);
  background:#fff;border-radius:14px;box-shadow:var(--shadow);padding:10px;min-width:230px;opacity:0;visibility:hidden;transition:.2s;z-index:60}
.has-sub:hover .sub{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}
.has-sub .sub::before{content:"";position:absolute;top:-16px;left:0;right:0;height:16px}
.has-sub .sub a{display:block;padding:10px 14px;border-radius:9px;font-size:15px;white-space:nowrap;color:var(--purple-ink)}
.has-sub .sub a:hover{background:var(--purple-soft);color:var(--purple)}
.nav-cta{display:flex;align-items:center;gap:18px}
.nav-phone{display:flex;align-items:center;gap:10px;font-family:var(--font-head);font-weight:600;color:var(--purple)}
.nav-phone .ic{width:40px;height:40px;border-radius:50%;background:var(--purple-soft);display:grid;place-items:center;color:var(--purple)}
.nav-phone small{display:block;font-weight:500;font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:1px}
.burger{display:none;background:none;border:0;color:var(--purple);cursor:pointer}

/* Mobil menü (burger açık) */
@media(max-width:1080px){
  .menu,.nav-phone small{display:none}
  .burger{display:block}
  .menu.open{display:flex;position:absolute;top:100%;left:0;right:0;background:#fff;flex-direction:column;align-items:stretch;
    padding:14px 20px;gap:4px;box-shadow:var(--shadow);border-top:1px solid var(--line);white-space:normal;z-index:60}
  .menu.open>a,.menu.open .has-sub>a{padding:10px 4px}
  .menu.open .has-sub{position:static}
  .menu.open .has-sub .sub{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;padding:2px 0 8px 16px;min-width:0}
  .menu.open .has-sub .sub::before{display:none}
  .menu.open .has-sub .caret{transform:rotate(0)}
}

/* ============ 4) FOOTER + WHATSAPP ============ */
footer{background:var(--purple-ink);color:#d7c9e6;padding:64px 0 0}
.foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:36px}
footer h4{color:#fff;font-size:17px;margin-bottom:18px}
footer a{color:#d7c9e6;display:block;padding:6px 0;font-size:15px}
footer a:hover{color:var(--orange-2)}
.foot-logo{height:54px;margin-bottom:16px;filter:brightness(0) invert(1)}
.foot-about p{font-size:15px;color:#bfaed3}
.foot-soc{display:flex;gap:12px;margin-top:16px}
.foot-soc a{width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.1);display:grid;place-items:center}
.foot-soc a:hover{background:var(--orange)}
.foot-contact div,.foot-contact a{display:flex;gap:12px;align-items:flex-start;margin-bottom:12px;font-size:15px;padding:0}
.foot-contact a:hover{color:var(--orange-2)}
.foot-bottom{border-top:1px solid rgba(255,255,255,.12);margin-top:44px;padding:22px 0;text-align:center;font-size:14px;color:#a595bd}

.wa{position:fixed;right:22px;bottom:22px;width:60px;height:60px;border-radius:50%;background:#25d366;display:grid;place-items:center;
  box-shadow:0 10px 24px rgba(37,211,102,.5);z-index:60;animation:pulse 2.4s infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(37,211,102,.5)}70%{box-shadow:0 0 0 16px rgba(37,211,102,0)}100%{box-shadow:0 0 0 0 rgba(37,211,102,0)}}

/* ============ 5) BLOKLAR — stok blok → Kapsül görünümü ============
   Bloklar kendi CSS'ini gövdede basar; kritik kapsul kuralları için
   !important kullanılır. Blokların ARKA PLANI zorlanmaz → panelden
   blok bazında arka fon/renk/genişlik ayarı çalışır. */

/* Genişlik: kapsul + stok blok kapları aynı hizada (1320) */
:root{--site-max:var(--max)}
.kh-hero__wrap,.kh-mc__wrap,.kh-band__wrap,.kh-model__wrap,.kh-why__wrap,.kh-vc__head,.kh-rvc__head{
  width:min(var(--max),94%)!important;max-width:none!important;margin-left:auto!important;margin-right:auto!important}
.kh-cf,.kh-rv{max-width:min(var(--max),94%)!important;margin-left:auto!important;margin-right:auto!important}
.blk-features,.blk-faq,.blk-feed,.blk-blogfeed,.blk-logos,.blk-cta-sec,
.blk-testim,.blk-counter,.blk-gallery,.blk-timeline,.blk-tabs,.blk-pricing{
  max-width:var(--max)!important;margin-left:auto!important;margin-right:auto!important}
/* Panelden 'tam genişlik' yapılan blok (inline width:100vw) site kapağını AŞSIN —
   arka planı ekran boyu olur; içeriği panel padding'i ile ortada tutar */
.blk[style*="100vw"]{
  max-width:100vw!important;margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important}

/* Blok başlıkları — Lexend Deca, mor, ortalı */
.blk-features__title,.blk-faq__title,.blk-logos__title,.blk-feed__title,.blk-blogfeed__title{
  font-family:var(--font-head)!important;font-weight:700!important;color:var(--purple-ink)!important;
  font-size:40px!important;text-align:center!important;margin-bottom:26px!important}

/* --- FEATURES: üst-etiket ÜSTTE, ortalı; kartlar ikon-solda --- */
.blk-features{display:flex!important;flex-direction:column;align-items:center;text-align:center!important;padding:64px 0}
.blk-features__title2{order:1;color:var(--orange)!important;font-size:14px!important;font-weight:700!important;
  letter-spacing:1.2px;text-transform:uppercase;margin:0 0 8px!important;text-align:center!important}
.blk-features__title{order:2;font-size:38px!important;line-height:1.2!important;margin:0 0 12px!important;
  text-align:center!important;color:var(--purple-ink)!important}
.blk-features__subtitle{order:3;text-align:center!important;max-width:680px;margin:0 auto 30px!important;color:var(--muted)!important}
.blk-features .blk-cards{order:4;width:100%}
.blk-features .blk-feature{display:grid!important;grid-template-columns:auto 1fr;column-gap:16px;row-gap:2px;
  text-align:left!important;align-items:center;background:#fff!important;border:1px solid var(--line)!important;
  border-radius:22px!important;padding:24px!important;box-shadow:none!important;transition:.25s!important}
.blk-features .blk-feature:hover{transform:translateY(-6px)!important;box-shadow:var(--shadow)!important;border-color:transparent!important}
.blk-features .blk-feature__icon{grid-row:1/3;align-self:center;width:64px;height:64px;border-radius:18px!important;
  display:grid!important;place-items:center!important;background:var(--purple-soft)!important;color:var(--purple)!important;font-size:26px!important;margin:0!important}
.blk-features .blk-feature:hover .blk-feature__icon{background:var(--orange)!important;color:#fff!important}
.blk-features .blk-feature__title{grid-column:2;align-self:end;font-family:var(--font-head)!important;
  color:var(--purple-ink)!important;font-size:19px!important;margin:0 0 2px!important}
.blk-features .blk-feature__desc{grid-column:2;align-self:start;color:var(--muted)!important;margin:0!important}

/* --- FAQ --- */
.blk-faq{padding:64px 0}
.blk-faq .blk-faq__item{background:#fff!important;border:1px solid var(--line)!important;border-radius:16px!important;margin-bottom:14px!important;overflow:hidden!important}
.blk-faq .blk-faq__q{font-family:var(--font-head)!important;font-weight:600!important;color:var(--purple-ink)!important;padding:20px 24px!important;font-size:16px!important}
.blk-faq .blk-faq__a{color:var(--muted)!important;padding:0 24px 22px!important}

/* --- LOGOLAR (güven şeridi) — otomatik kayan marquee (logo 130px, araları açık) --- */
.blk-logos{padding:44px 0;overflow:hidden}
.blk-logos .blk-logos__strip{display:flex!important;flex-wrap:nowrap!important;align-items:center!important;
  width:max-content!important;gap:70px!important;animation:kh-logoscroll 34s linear infinite}
.blk-logos:hover .blk-logos__strip{animation-play-state:paused}
.blk-logos .blk-logos__item{flex:0 0 auto!important;width:130px;display:flex;align-items:center;justify-content:center}
.blk-logos .blk-logos__item img{max-height:48px!important;width:auto;filter:grayscale(1)!important;opacity:.6!important;
  transition:.25s!important;user-select:none;-webkit-user-drag:none}
.blk-logos .blk-logos__item:hover img{filter:none!important;opacity:1!important}
@keyframes kh-logoscroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){
  .blk-logos{overflow:visible}
  .blk-logos .blk-logos__strip{animation:none;flex-wrap:wrap!important;width:auto!important;justify-content:center!important}
}

/* --- HİZMET (paket) + BLOG kart ızgaraları --- */
.blk-feed,.blk-blogfeed{padding:64px 0}
.blk-card-post{background:#fff!important;border:1px solid var(--line)!important;border-radius:22px!important;overflow:hidden!important;transition:.25s!important;box-shadow:var(--shadow-sm)!important}
.blk-card-post:hover{transform:translateY(-6px)!important;box-shadow:var(--shadow)!important}
.blk-card-post__title{font-family:var(--font-head)!important;color:var(--purple-ink)!important}
.blk-card-post:hover .blk-card-post__title{color:var(--purple)!important}
.blk-card-post__price{font-family:var(--font-head)!important;font-weight:800!important;color:var(--purple)!important}
.blk-feed a.btn,.blk-card-post a.btn,.blk-feed .blk-btn{background:var(--orange)!important;color:#fff!important;border-radius:var(--btn-radius)!important;font-family:var(--font-head)!important}
/* Hiçbir kartta altçizgi olmasın (link kartları) */
.blk-feed .blk-card-post,.blk-feed .blk-card-post *,
.blk-blogfeed .blk-card-post,.blk-blogfeed .blk-card-post *{text-decoration:none!important}

/* --- ÜRÜN (hizmet) kartı — orijinal ürün kartına yakın: görsel tam boy (contain),
   İndirim etiketi, yıldız, eski/yeni fiyat; kategori yok, açıklama yok --- */
.blk-feed .blk-card-post{position:relative!important}
.blk-feed .blk-card-post__img{aspect-ratio:1/1;height:auto!important;
  background-size:contain!important;background-repeat:no-repeat;background-position:center;
  background-color:var(--purple-soft);margin:14px 14px 0;border-radius:16px}
.blk-feed .blk-card-post__body{text-align:center!important;padding:18px 20px 22px!important;display:flex;flex-direction:column;gap:8px;align-items:center}
.blk-feed .blk-card-post__excerpt{display:none!important}          /* orijinal üründe açıklama yok */
.blk-feed .blk-card-post__cat{display:none!important}              /* kategori kartta gösterilmez */
.blk-feed .blk-card-post__title{font-size:17px!important;margin:0!important}
/* İndirim etiketi (sağ üst) */
.blk-card-post__sale{position:absolute;top:14px;right:14px;z-index:3;background:var(--purple);color:#fff;
  font-family:var(--font-head);font-weight:700;font-size:11px;letter-spacing:.5px;text-transform:uppercase;
  padding:6px 13px;border-radius:50px;box-shadow:var(--shadow-sm)}
/* Yıldız değerlendirme */
.blk-card-post__stars{color:var(--orange-2);font-size:15px;letter-spacing:2px;line-height:1}
/* Fiyat: eski fiyat ÜSTTE (kendi satırı), yeni fiyat ALTTA */
.blk-feed .blk-card-post__price{display:block;text-align:center;font-family:var(--font-head)!important;font-weight:800!important;color:var(--purple)!important;font-size:20px!important}
.blk-feed .blk-card-post__price small{color:var(--muted);font-weight:500;font-size:12px}
.blk-feed .blk-card-post__price-old{display:block;color:#b3aac2!important;text-decoration:line-through!important;font-weight:600;font-size:14px;margin:0 0 2px}
/* Blog kartı — orijinale yakın: görsel üst, mor kategori metni, başlık, tarih */
.blk-blogfeed .blk-card-post__img{aspect-ratio:16/10;height:auto!important;background-size:cover;background-position:center}
.blk-blogfeed .blk-card-post__body{padding:22px!important;text-align:left!important}
.blk-blogfeed .blk-card-post__cat{display:inline-block;background:none!important;color:var(--purple)!important;
  padding:0!important;margin:0 0 8px!important;font-size:12px!important;font-weight:700!important;
  letter-spacing:.5px;text-transform:uppercase;border-radius:0!important;font-family:var(--font-head)!important}
.blk-blogfeed .blk-card-post__title{font-size:18px!important;line-height:1.35!important;color:var(--purple-ink)!important;margin:0!important}
.blk-blogfeed .blk-card-post__date{color:var(--muted)!important;font-size:13px!important;margin-top:10px!important}
.blk-blogfeed .blk-card-post__excerpt{color:var(--muted)!important;font-size:14px!important;margin-top:8px!important}

/* Blok içi butonlar (kh_* + genel) hafif radius */
.kh-hero__btn,.kh-model__btn,.kh-band__btn,.blk-cta-sec__btn{border-radius:var(--btn-radius)!important}

/* ============ 6) İÇERİK / TİPOGRAFİ (text & heading blokları) ============ */
/* Başlık boyutları tutarlı */
.blk-text h1,.blk-heading.h1,.blk-heading h1{font-size:36px!important}
.blk-text h2,.blk-heading.h2,.blk-heading h2{font-size:29px!important}
.blk-text h3,.blk-heading.h3,.blk-heading h3{font-size:24px!important}
.blk-text h4,.blk-heading.h4,.blk-heading h4{font-size:20px!important}
.blk-text h5,.blk-heading.h5,.blk-heading h5{font-size:18px!important}
.blk-text h6,.blk-heading.h6,.blk-heading h6{font-size:16px!important}
.blk-text h1,.blk-text h2,.blk-text h3,.blk-text h4,.blk-text h5,.blk-text h6,.blk-heading{
  font-family:var(--font-head)!important;font-weight:700!important;line-height:1.25!important;color:var(--purple-ink)!important;margin:18px 0 7px!important}
/* Paragraf: margin 0 — boşluk yalnız kullanıcının bıraktığı boş satırdan gelir (panelde nasılsa öyle) */
.blk-text p,.blk-text li{line-height:1.6!important}
.blk-text p{margin:0!important}
.blk-text>*:last-child{margin-bottom:0!important}

/* ============ 7) HİZMET & PORTFÖY TEKİL SAYFA ============ */
.post-wrap{max-width:min(880px,92%);margin:0 auto;padding:52px 0 84px}
.post-wrap--service{max-width:min(var(--max),94%)}
.post-cat{display:inline-block;background:var(--purple-soft);color:var(--purple);font-family:var(--font-head);font-weight:600;
  font-size:12px;letter-spacing:.7px;text-transform:uppercase;padding:6px 14px;border-radius:50px;margin-bottom:16px}
.post-title{font-family:var(--font-head);font-weight:800;color:var(--purple-ink);font-size:32px;line-height:1.12;margin:0 0 14px}
.single-lead{color:var(--muted);font-size:14px;line-height:1.7;margin:0 0 22px}

/* Hizmet ürün-hero (görsel + özet) */
.srv-hero{display:grid;grid-template-columns:.92fr 1.08fr;gap:46px;align-items:start;
  background:linear-gradient(180deg,#f6f0fb 0%,#fbf8fe 100%);border:1px solid var(--line);border-radius:28px;padding:34px;position:relative;overflow:hidden}
.srv-hero::before{content:"";position:absolute;top:-110px;right:-110px;width:340px;height:340px;
  background:radial-gradient(circle,rgba(250,177,35,.16),transparent 70%);border-radius:50%;pointer-events:none}
.srv-hero--nomedia{grid-template-columns:1fr}
.srv-hero__media{position:relative;overflow:hidden;border-radius:22px;box-shadow:var(--shadow)}
.srv-hero__img{width:100%;display:block;transition:transform .5s ease}
.srv-hero__media:hover .srv-hero__img{transform:scale(1.06)}
.srv-hero__info{position:relative}
.srv-hero__title{margin:0 0 14px}
.srv-hero__info .single-lead{font-size:12px;line-height:1.65;margin:0 0 20px}

/* Puan */
.srv-rating{display:inline-flex;align-items:center;gap:8px;text-decoration:none;margin:0 0 8px}
.srv-rating__stars{color:var(--orange-2);font-size:18px;letter-spacing:2px}
.srv-rating__text{color:var(--muted);font-size:14px}

/* Fiyat + Satın Al */
/* Fiyat blok: eski fiyat ÜSTTE, yeni fiyat ALTTA; SATIN AL yeni fiyatın YANINDA */
.srv-buy{display:flex;flex-wrap:wrap;align-items:center;gap:20px;margin:6px 0 4px}
.srv-price{display:flex;flex-wrap:wrap;align-items:baseline;column-gap:10px;row-gap:2px;margin:0}
.srv-price__old{flex-basis:100%;order:-1;color:#b3aac2;text-decoration:line-through;font-size:20px;font-weight:600}
.srv-price__val{font-family:var(--font-head);font-weight:800;color:var(--purple);font-size:34px;line-height:1}
.srv-price__label{color:var(--muted);font-size:15px;font-weight:500}
.srv-buy .srv-cta{margin:0}
.srv-cta{margin:0 0 24px}
.srv-cta::after{content:"\2192";font-weight:700;text-transform:none}

/* Kategori / Etiket (linkli metin) */
.srv-meta{display:flex;flex-direction:column;gap:6px;margin:18px 0 6px}
.srv-meta__row{font-size:12px;color:var(--muted);line-height:1.6}
.srv-meta__label{font-family:var(--font-head);font-weight:600;color:var(--purple-ink);margin-right:5px}
.srv-meta__row a{color:var(--purple);text-decoration:none}
.srv-meta__row a:hover{color:var(--orange);text-decoration:underline}

/* Paylaş */
.single-card__share{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding-top:20px;border-top:1px solid var(--line);margin-top:4px}
.single-card__label{font-family:var(--font-head);font-weight:600;font-size:12px;letter-spacing:.7px;text-transform:uppercase;color:var(--muted)}
.single-card__share-icons{display:flex;gap:10px}
.single-card__share-icons a{width:40px;height:40px;border-radius:50%;background:#fff;border:1px solid var(--line);color:var(--purple);
  display:grid;place-items:center;transition:.2s;box-shadow:var(--shadow-sm)}
.single-card__share-icons a:hover{background:var(--orange);color:#fff;border-color:transparent;transform:translateY(-2px)}
.single-card__share-icons svg{width:17px;height:17px}

/* Portföy intro + yan kart */
.single-intro{display:grid;grid-template-columns:1.6fr .9fr;gap:36px;align-items:start;margin:0 0 32px}
.single-intro--nocard{grid-template-columns:1fr}
.single-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:26px;box-shadow:var(--shadow-sm);
  position:sticky;top:96px;display:flex;flex-direction:column;gap:16px}
.single-card__row{display:flex;flex-direction:column;gap:3px}
.single-card__value{font-weight:600;color:var(--purple-ink)}
.single-card__link{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:var(--orange);color:#fff;
  font-family:var(--font-head);font-weight:600;padding:12px 20px;border-radius:50px;transition:.2s}
.single-card__link:hover{background:#d96f16;transform:translateY(-2px)}
.post-cover{width:100%;border-radius:22px;box-shadow:var(--shadow);margin:0 0 34px}

/* Gövde içeriği (blk-text) */
.post-body{font-family:var(--font-body);font-size:17px;color:#4c4560;line-height:1.8;max-width:800px;margin:8px auto 0}
.post-body .blk{margin:0}
.post-body section.blk{padding:0}
.post-body h1,.post-body h2{font-family:var(--font-head);font-weight:700;color:var(--purple-ink);font-size:30px;line-height:1.2;
  margin:30px 0 8px}
.post-body h3,.post-body h4{font-family:var(--font-head);font-weight:600;color:var(--purple);font-size:19px;margin:24px 0 6px}
/* Turuncu alt çizgi SADECE zengin metin (açıklama = .blk-text) başlıklarında —
   kart başlıkları / "Diğer Eğitimlerimiz" gibi başlık bloklarında YOK */
.post-body .blk-text h1,.post-body .blk-text h2{position:relative;padding-bottom:14px}
.post-body .blk-text h1::after,.post-body .blk-text h2::after{content:"";position:absolute;left:0;bottom:0;width:52px;height:4px;border-radius:2px;background:var(--orange)}
.post-body .blk-text h3{position:relative;padding-bottom:10px}
.post-body .blk-text h3::after{content:"";position:absolute;left:0;bottom:0;width:44px;height:3px;border-radius:2px;background:var(--orange)}
.post-body p{margin:0 0 18px}
.post-body strong,.post-body b{color:var(--purple-ink);font-weight:700}
.post-body a{color:var(--purple);text-decoration:underline;text-underline-offset:3px}
.post-body a:hover{color:var(--orange)}
.post-body img{border-radius:18px;box-shadow:var(--shadow-sm);margin:22px 0}
.post-body blockquote{margin:24px 0;padding:16px 24px;background:var(--purple-soft);border-left:4px solid var(--purple);border-radius:0 14px 14px 0;color:var(--purple-ink)}
/* Listeler (Quill madde işareti) */
.post-body ul,.post-body ol{list-style:none;padding-left:0;margin:0 0 21px}
.post-body li{position:relative;padding-left:30px;}
.post-body li>.ql-ui{display:none}
.post-body li::before{content:"";position:absolute;left:2px;top:10px;width:9px;height:9px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 4px rgba(235,125,35,.15)}
.post-body ol{counter-reset:kh}
.post-body li[data-list="ordered"]{padding-left:44px;counter-increment:kh}
.post-body li[data-list="ordered"]::before{content:counter(kh);top:-2px;left:0;width:30px;height:30px;border-radius:50%;
  background:var(--purple-soft);color:var(--purple);box-shadow:none;font-family:var(--font-head);font-weight:700;font-size:14px;display:grid;place-items:center}

/* Galeri (portföy) */
.single-gallery__title{font-family:var(--font-head);font-weight:700;color:var(--purple-ink);font-size:22px;margin:0 0 18px}
.single-gallery__item{border-radius:18px;border:1px solid var(--line)}

/* Geri linki */
.post-back{display:inline-flex;align-items:center;gap:8px;margin-top:40px;font-family:var(--font-head);font-weight:600;font-size:14px;
  color:var(--purple);background:var(--purple-soft);padding:12px 22px;border-radius:50px;transition:.2s}
.post-back:hover{background:var(--purple);color:#fff;transform:translateX(-3px)}

/* Sekmeler: Açıklama / Ek Bilgi / Değerlendirmeler */
.srv-tabs{margin-top:44px}
.srv-tabs__nav{display:flex;flex-wrap:wrap;gap:6px;border-bottom:2px solid var(--line)}
.srv-tab{appearance:none;background:none;border:0;cursor:pointer;font-family:var(--font-head);font-weight:600;font-size:16px;
  color:var(--muted);padding:14px 22px;border-bottom:3px solid transparent;margin-bottom:-2px;transition:.18s}
.srv-tab:hover{color:var(--purple)}
.srv-tab.is-active{color:var(--purple);border-bottom-color:var(--orange)}
.srv-panel{display:none;padding:34px 2px 8px;animation:srvfade .25s ease}
.srv-panel.is-active{display:block}
@keyframes srvfade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.srv-panel .post-body{max-width:none;margin:0}

/* Ek Bilgi (özellik tablosu) */
.srv-attrs{width:100%;border-collapse:collapse;font-size:16px;border:1px solid var(--line);border-radius:14px;overflow:hidden}
.srv-attrs tr{border-bottom:1px solid var(--line)}
.srv-attrs tr:last-child{border-bottom:0}
.srv-attrs tr:nth-child(odd){background:#faf8fd}
.srv-attrs th{width:34%;text-align:left;font-family:var(--font-head);font-weight:600;color:var(--purple-ink);padding:14px 18px;vertical-align:top}
.srv-attrs td{color:#4c4560;padding:14px 18px}

/* Değerlendirmeler */
.srv-reviews__avg{color:var(--muted);font-size:15px;margin:0 0 20px}
.srv-reviews__avg .s{color:var(--orange-2);letter-spacing:2px}
.srv-reviews__avg strong{color:var(--purple);font-size:18px}
.rv-list{margin-bottom:8px}
.rv-item{padding:18px 0;border-bottom:1px solid var(--line)}
.rv-item__head{display:flex;align-items:center;gap:10px;margin-bottom:6px;flex-wrap:wrap}
.rv-item__name{font-family:var(--font-head);font-weight:700;color:var(--purple-ink)}
.rv-item__stars{color:var(--orange-2);letter-spacing:1px}
.rv-item__date{font-size:13px;color:var(--muted)}
.rv-item__body{color:#4c4560;line-height:1.7;white-space:pre-wrap}
.rv-empty{color:var(--muted);margin:0 0 8px}
.rv-note{padding:12px 16px;border-radius:12px;margin-bottom:20px;font-size:15px}
.rv-note--ok{background:#e9f7ef;color:#1e7e45}
.rv-note--err{background:#fdecea;color:#c0392b}
.rv-form{margin-top:34px;max-width:680px}
.rv-form h3{font-family:var(--font-head);font-weight:700;color:var(--purple-ink);font-size:20px;margin:0 0 16px}
.rv-form__field{margin-bottom:16px}
.rv-form__row{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:16px}
.rv-form__row>div{flex:1;min-width:220px}
.rv-form label{display:block;font-size:13px;color:var(--muted);margin-bottom:6px}
.rv-form input[type=text],.rv-form input[type=email],.rv-form textarea{width:100%;padding:12px 14px;border:1px solid var(--line);
  border-radius:12px;font:inherit;background:#fff;box-sizing:border-box;transition:.15s}
.rv-form input:focus,.rv-form textarea:focus{outline:none;border-color:var(--purple);box-shadow:0 0 0 3px rgba(109,58,139,.12)}
.rv-form textarea{min-height:130px;resize:vertical}
.rv-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.rv-submit{background:var(--orange);color:#fff;border:0;padding:14px 30px;border-radius:50px;font-family:var(--font-head);font-weight:600;
  cursor:pointer;font-size:15px;transition:.2s;box-shadow:0 12px 24px -10px rgba(235,125,35,.6)}
.rv-submit:hover{background:#d96f16;transform:translateY(-2px)}
.rv-stars{display:inline-flex;flex-direction:row-reverse;gap:4px;font-size:30px;line-height:1}
.rv-stars input{position:absolute;opacity:0;width:0;height:0}
.rv-stars label{cursor:pointer;color:#d8cfe6;transition:color .1s;margin:0}
.rv-stars label:hover,.rv-stars label:hover ~ label,.rv-stars input:checked ~ label{color:var(--orange-2)}

/* ============ 8) RESPONSIVE ============ */
@media(max-width:900px){
  .srv-hero{grid-template-columns:1fr;gap:26px;padding:24px}
  .srv-hero__media{max-width:460px;margin:0 auto}
  .single-intro{grid-template-columns:1fr;gap:24px}
  .single-card{position:static}
  .foot-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:640px){
  .blk-features .blk-feature{padding:20px!important}
  .srv-tab{padding:12px 14px;font-size:15px}
  .srv-panel{padding-top:26px}
  .srv-attrs th{width:44%}
  .foot-grid{grid-template-columns:1fr}
}

/* Scroll reveal (theme-kapsul.js) */
.reveal{opacity:0;transform:translateY(34px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}
.reveal.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}}

/* ============================================================
   9) DÜZELTMELER (2026-09) — müşteri geri bildirimleri 1–17
   Bu blok en SONDA olduğundan üstteki kuralları ezer.
   ============================================================ */

/* --- (1) TÜM BAŞLIKLAR TEK ÖLÇÜ: H1 40 / H2 32 / H3 24 / H4 20 / H5 18 / H6 16 --- */
h1,.kh-hero__title{font-size:40px!important;line-height:1.15!important}
h2,.kh-why__title,.kh-model__title,.kh-mc__title,.kh-vc__title,.kh-rvc__title,.blk-counter__title,
.blk-features__title,.blk-faq__title,.blk-feed__title,.blk-blogfeed__title,.blk-qzf__title,.blk-logos__title{
  font-size:32px!important;line-height:1.2!important}
h3,.blk-features .blk-feature__title{font-size:24px!important}
h4{font-size:20px!important}
h5{font-size:18px!important}
h6{font-size:16px!important}
/* blok başlık vurgusu (title_hl) da aynı ölçüde kalsın */
.kh-why__title--hl,.kh-model__title--hl{font-size:inherit!important}

/* --- (2)+(13) BUTONLAR: marka rengi (mor) → hover 2. renk (turuncu); köşeler sabit 8px --- */
.btn,.btn-primary,.btn-purple,.kh-why__btn,.kh-model__btn,.kh-hero__btn,.kh-band__btn,
.blk-cta-sec__btn,.blk-btn,.rv-submit,.single-card__link,.post-back,.srv-cta,.srv-tab,
.blk-feed a.btn,.blk-card-post a.btn,.blk-feed .blk-btn,.qzf-card__btn,.blk-pf-tab.is-active{
  border-radius:8px!important}
.btn,.btn-primary,.kh-why__btn,.kh-model__btn,.kh-hero__btn,.kh-band__btn,.blk-cta-sec__btn,
.blk-btn,.rv-submit,.single-card__link,.srv-cta,.blk-feed a.btn,.blk-card-post a.btn,
.blk-feed .blk-btn,.qzf-card__btn{
  background:var(--purple)!important;color:#fff!important;
  font-family:var(--font-head)!important;font-weight:600!important;text-transform:none!important;letter-spacing:.2px!important;
  box-shadow:0 12px 24px -10px rgba(109,58,139,.5)!important;transition:.2s!important}
.btn:hover,.btn-primary:hover,.kh-why__btn:hover,.kh-model__btn:hover,.kh-hero__btn:hover,
.kh-band__btn:hover,.blk-cta-sec__btn:hover,.blk-btn:hover,.rv-submit:hover,.single-card__link:hover,
.srv-cta:hover,.blk-feed a.btn:hover,.blk-card-post a.btn:hover,.blk-feed .blk-btn:hover,
.qzf-card:hover .qzf-card__btn{
  background:var(--orange)!important;color:#fff!important;transform:translateY(-2px)!important;
  box-shadow:0 16px 28px -12px rgba(235,125,35,.55)!important}
/* baş harf büyük, gerisi küçük (metin panelde nasılsa öyle) — ALL-CAPS yok */
/* ghost & pill istisnaları korunur; WhatsApp/telefon kendi renginde kalır */

/* --- (16) TOP BAR (turuncu) --- */
.topbar{background:var(--orange);color:#fff;font-size:13px}
.topbar__in{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:8px 0;flex-wrap:wrap}
.topbar__info{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.topbar__info span,.topbar__info a{display:inline-flex;align-items:center;gap:6px;color:#fff}
.topbar__info a:hover{color:var(--purple-ink)}
.topbar__info svg{opacity:.9}
.topbar__sep{opacity:.6}
.topbar__soc{display:flex;align-items:center;gap:10px}
.topbar__soc>span{font-weight:600}
.topbar__soc a{display:inline-grid;place-items:center;color:#fff;transition:.2s}
.topbar__soc a:hover{transform:translateY(-2px);color:var(--purple-ink)}
.topbar__soc svg{width:16px;height:16px}
@media(max-width:760px){.topbar__info .topbar__sep{display:none}.topbar__soc>span{display:none}.topbar{font-size:12px}}

/* --- (3) FOOTER: logo renkli görünsün (beyaz siluet kaldırıldı) + adres --- */
.foot-logo{filter:none!important;background:none!important;padding:0!important;border-radius:0!important}
.foot-addr{display:flex;gap:8px;align-items:flex-start;font-size:15px;color:#bfaed3;margin:12px 0 0}

/* --- (7)+(8) YÜZEN İLETİŞİM: mavi ARA + yeşil WHATSAPP --- */
.wa{position:static!important;animation:none!important}
.fab-stack{position:fixed;right:22px;bottom:22px;z-index:60;display:flex;flex-direction:column;gap:12px}
.fab{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;transition:.2s}
.fab:hover{transform:scale(1.08)}
.fab--call{background:#2b7fff;box-shadow:0 10px 24px rgba(43,127,255,.5);animation:pulseBlue 2.4s infinite}
.fab.wa{background:#25d366;box-shadow:0 10px 24px rgba(37,211,102,.5);animation:pulse 2.4s infinite}
@keyframes pulseBlue{0%{box-shadow:0 0 0 0 rgba(43,127,255,.5)}70%{box-shadow:0 0 0 16px rgba(43,127,255,0)}100%{box-shadow:0 0 0 0 rgba(43,127,255,0)}}

/* --- (4) kh_model İSTATİSTİK: ikon SOLDA, sayı yanda, etiket altta (sola yaslı) --- */
.kh-model__stat{display:grid!important;grid-template-columns:auto 1fr;column-gap:14px;row-gap:0;
  align-items:center;text-align:left!important;padding:20px 22px!important}
.kh-model__stat-ic{grid-row:1/3;margin:0!important;align-self:center}
.kh-model__stat .n{grid-column:2;align-self:end;font-size:26px!important}
.kh-model__stat .t{grid-column:2;align-self:start;margin-top:0!important}

/* --- (10) TEST (quiz) KARTI: kapak görseli kutuya sığacak şekilde BÜYÜK --- */
.blk-qzf .qzf-card{padding:0!important;overflow:hidden}
.blk-qzf .qzf-card__ic{width:100%!important;height:160px!important;border-radius:16px 16px 0 0!important;background:var(--purple-soft)!important}
.blk-qzf .qzf-card__ic img{width:100%!important;height:100%!important;object-fit:cover!important;border-radius:0!important}
.blk-qzf .qzf-card__ic svg{width:40px;height:40px}
.blk-qzf .qzf-card__title,.blk-qzf .qzf-card__desc,.blk-qzf .qzf-card__meta{margin-left:20px!important;margin-right:20px!important}
.blk-qzf .qzf-card__title{margin-top:16px!important}
.blk-qzf .qzf-card__btn{margin:14px 0 20px 20px!important}

/* --- (14) SSS: aktif (açık) bölüm MOR + beyaz; kapalı açık-mavi; sağda yuvarlak ok --- */
.blk-faq .blk-faq__item{background:#eef3fb!important;border:1px solid #e3ebf6!important;border-radius:14px!important;margin-bottom:12px!important}
.blk-faq .blk-faq__item[open]{background:var(--purple)!important;border-color:var(--purple)!important}
.blk-faq .blk-faq__q{list-style:none!important;position:relative!important;cursor:pointer;padding:20px 66px 20px 24px!important;color:var(--purple-ink)!important}
.blk-faq .blk-faq__q::-webkit-details-marker{display:none}
.blk-faq .blk-faq__item[open] .blk-faq__q{color:#fff!important}
.blk-faq .blk-faq__q::after{content:"";position:absolute;right:16px;top:50%;transform:translateY(-50%);
  width:36px;height:36px;border-radius:50%;background:#fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23eb7d23' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 6 6 6-6 6'/%3E%3C/svg%3E") center/17px no-repeat;
  box-shadow:0 4px 12px rgba(0,0,0,.12);transition:transform .25s}
.blk-faq .blk-faq__item[open] .blk-faq__q::after{transform:translateY(-50%) rotate(-90deg)}
.blk-faq .blk-faq__item[open] .blk-faq__a{color:#eeddf7!important}

/* --- (11)+(12) SAYAÇ: düz satır yerine ikonlu/çerçeveli kutular --- */
.blk-counter{display:grid!important;gap:22px}
.blk-counter.blk-cards--4{grid-template-columns:repeat(4,1fr)}
.blk-counter.blk-cards--3{grid-template-columns:repeat(3,1fr)}
.blk-counter.blk-cards--2{grid-template-columns:repeat(2,1fr)}
.blk-counter-item{background:#fff;border:1px solid var(--line);border-radius:22px;padding:30px 20px;
  box-shadow:var(--shadow-sm);text-align:center;transition:.25s}
.blk-counter-item:hover{transform:translateY(-6px);box-shadow:var(--shadow)}
.blk-counter-num{font-family:var(--font-head)!important;font-weight:800!important;color:var(--purple)!important;font-size:40px!important;line-height:1}
.blk-counter-lbl{color:var(--muted)!important;margin-top:8px;font-weight:500}
@media(max-width:760px){.blk-counter.blk-cards--4,.blk-counter.blk-cards--3{grid-template-columns:repeat(2,1fr)}}

/* --- (9) HİZMET fiyatı: yeni fiyat ile etiket arasında " / " --- */
.blk-feed .blk-card-post__price small::before{content:"/ ";color:var(--muted);margin:0 3px 0 2px}

/* --- (15) BLOG YAN ÇUBUĞU: kapsul temasına uydur --- */
.sidebar-widget{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px 22px 20px;margin-bottom:22px;box-shadow:var(--shadow-sm)}
.sidebar-widget--search{background:none;border:0;box-shadow:none;padding:0}
.sidebar-widget__title{font-family:var(--font-head);font-weight:700;color:var(--purple-ink);font-size:19px;margin:0 0 16px;padding-bottom:12px;position:relative}
.sidebar-widget__title::after{content:"";position:absolute;left:0;bottom:0;width:40px;height:3px;border-radius:2px;background:var(--orange)}
.sidebar-search{display:flex;gap:8px}
.sidebar-search input{flex:1;padding:12px 14px;border:1px solid var(--line);border-radius:10px;font:inherit;background:#fff}
.sidebar-search input:focus{outline:none;border-color:var(--purple);box-shadow:0 0 0 3px rgba(109,58,139,.12)}
.sidebar-search button{border:0;cursor:pointer;background:var(--purple);color:#fff;border-radius:10px;width:46px;display:grid;place-items:center;transition:.2s}
.sidebar-search button:hover{background:var(--orange)}
.sidebar-posts{list-style:none;margin:0;padding:0}
.sidebar-posts li{margin-bottom:14px}
.sidebar-posts li a{display:flex;gap:12px;align-items:center;color:var(--purple-ink)}
.sidebar-posts__thumb{flex:none;width:58px;height:58px;border-radius:12px;background:var(--purple-soft) center/cover no-repeat}
.sidebar-posts__t{font-family:var(--font-head);font-weight:600;font-size:14px;line-height:1.35;display:block}
.sidebar-posts li a:hover .sidebar-posts__t{color:var(--purple)}
.sidebar-posts__d{font-size:12px;color:var(--muted)}
.sidebar-list{list-style:none;margin:0;padding:0}
.sidebar-list li{display:flex;justify-content:space-between;align-items:center;padding:9px 0;border-bottom:1px solid var(--line)}
.sidebar-list li:last-child{border-bottom:0}
.sidebar-list li a{color:var(--purple-ink)}
.sidebar-list li a:hover{color:var(--orange)}
.sidebar-list__count{background:var(--purple-soft);color:var(--purple);font-size:12px;font-weight:700;border-radius:50px;padding:2px 10px}
.sidebar-tags{display:flex;flex-wrap:wrap;gap:8px}
.sidebar-tags a{background:var(--purple-soft);color:var(--purple);font-size:13px;padding:6px 12px;border-radius:50px;transition:.2s}
.sidebar-tags a:hover{background:var(--purple);color:#fff}

/* --- (5/6) ÖZELLİKLER IZGARASI: büyük DOLU mor ikon ÜSTTE, ortalı (orijinal gibi) --- */
.blk-features .blk-feature{display:flex!important;flex-direction:column!important;align-items:center!important;
  text-align:center!important;grid-template-columns:none!important;gap:0!important;
  background:transparent!important;border:1px solid transparent!important;border-radius:22px!important;padding:30px 24px!important;box-shadow:none!important}
.blk-features .blk-feature:hover{transform:translateY(-6px)!important;background:#fff!important;border-color:var(--line)!important;box-shadow:var(--shadow)!important}
.blk-features .blk-feature__icon{grid-row:auto!important;grid-column:auto!important;align-self:center!important;
  width:82px!important;height:82px!important;border-radius:22px!important;margin:0 0 20px!important;
  display:grid!important;place-items:center!important;background:var(--purple)!important;color:#fff!important;font-size:36px!important}
.blk-features .blk-feature__icon svg{width:40px!important;height:40px!important}
.blk-features .blk-feature:hover .blk-feature__icon{background:var(--orange)!important;color:#fff!important}
.blk-features .blk-feature__title{grid-column:auto!important;align-self:center!important;order:0!important;
  font-size:22px!important;margin:0 0 8px!important;color:var(--purple-ink)!important}
.blk-features .blk-feature__desc{grid-column:auto!important;align-self:center!important;color:var(--muted)!important;margin:0!important}

/* --- HİZMET MAĞAZA DÜZENİ (sol kenar çubuğu + araç çubuğu) --- */
.blk-shop .svc-shop{display:grid;grid-template-columns:262px 1fr;gap:34px;align-items:start;margin-top:8px}
.svc-aside{display:flex;flex-direction:column;gap:22px}
.svc-widget{background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px 20px 18px;box-shadow:var(--shadow-sm)}
.svc-widget--search{background:none;border:0;box-shadow:none;padding:0}
.svc-widget__title{font-family:var(--font-head);font-weight:700;color:var(--purple-ink);font-size:18px;margin:0 0 14px;padding-bottom:12px;position:relative}
.svc-widget__title::after{content:"";position:absolute;left:0;bottom:0;width:40px;height:3px;border-radius:2px;background:var(--orange)}
.svc-search{display:flex;gap:8px}
.svc-search input{flex:1;min-width:0;padding:12px 14px;border:1px solid var(--line);border-radius:10px;font:inherit;background:#fff}
.svc-search input:focus{outline:none;border-color:var(--purple);box-shadow:0 0 0 3px rgba(109,58,139,.12)}
.svc-search button{flex:none;border:0;cursor:pointer;background:var(--purple);color:#fff;border-radius:10px;width:46px;display:grid;place-items:center;transition:.2s}
.svc-search button:hover{background:var(--orange)}
.svc-cats,.svc-cats--sub{list-style:none;margin:0;padding:0}
.svc-cats--sub{margin:2px 0 4px 12px;border-left:2px solid var(--line);padding-left:8px}
.svc-cat>a{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:7px 0;color:var(--purple-ink);font-size:14.5px;transition:.15s}
.svc-cat>a:hover{color:var(--purple)}
.svc-cat.is-active>a{color:var(--purple);font-weight:700}
.svc-cat__n{flex:none;background:var(--purple-soft);color:var(--purple);font-size:12px;font-weight:700;border-radius:50px;padding:1px 9px}
.svc-cat.is-active>a .svc-cat__n{background:var(--purple);color:#fff}
.svc-toolbar{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;
  border-bottom:1px solid var(--line);padding-bottom:16px;margin-bottom:22px}
.svc-count{color:var(--muted);font-size:14px}
.svc-sort{margin:0}
.svc-sort select{appearance:none;-webkit-appearance:none;font:inherit;font-size:14px;color:var(--purple-ink);cursor:pointer;
  background:#fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236d3a8b' stroke-width='2.5' stroke-linecap='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") right 12px center/15px no-repeat;
  border:1px solid var(--line);border-radius:10px;padding:10px 38px 10px 16px;transition:.15s}
.svc-sort select:focus{outline:none;border-color:var(--purple);box-shadow:0 0 0 3px rgba(109,58,139,.12)}
.blk-feed__empty{grid-column:1/-1;color:var(--muted);padding:30px 0;text-align:center}
/* İndirim etiketi mağaza kartında sol üstte (orijinal gibi) */
.blk-shop .blk-card-post__sale{right:14px;left:auto}
@media(max-width:900px){
  .blk-shop .svc-shop{grid-template-columns:1fr;gap:22px}
  .svc-aside{order:-1}
}

/* --- TOP BAR sticky header'ın DIŞINDA (normal akış): scroll'da doğal olarak
   yukarı kayar, menü sabit kalır — sayfa zıplaması/titreme olmaz --- */

/* --- text_image gövdesi: taban ağırlık NORMAL (yalnız <strong>/<b> kalın) --- */
.blk-text-image__body{font-weight:400}
.blk-text-image__body strong,.blk-text-image__body b{font-weight:700;color:var(--purple-ink)}

/* --- FOOTER tanıtım metni normal ağırlık (kalın görünmesin) --- */
.foot-about p{font-weight:400!important}

/* ============================================================
   TÜM BLOK BAŞLIKLARI TEK TİP (eyebrow + title tutarlı)
   Referans: mor bold üst-etiket + Lexend Deca koyu başlık (mor vurgu)
   ============================================================ */
/* Üst etiket (eyebrow) — mor, kalın, normal harf; hap/çizgi/turuncu YOK */
.kh-hero__eyebrow,.kh-why__eyebrow,.kh-model__eyebrow,.kh-mc__eyebrow,.kh-vc__eyebrow,
.kh-rvc__eyebrow,.kh-band__eyebrow,.blk-counter__eyebrow,.blk-features__title2,.blk-text-image__title2,
.blk-cvc__eyebrow{
  display:inline-block!important;background:none!important;border:0!important;box-shadow:none!important;
  padding:0!important;margin:0 0 12px!important;
  font-family:var(--font-head)!important;font-weight:700!important;font-size:16px!important;
  letter-spacing:0!important;text-transform:none!important;color:var(--purple)!important;line-height:1.3!important}
.kh-model__eyebrow::before,.blk-features__title2::before,.kh-mc__eyebrow::before{display:none!important}

/* Başlık (title) — Lexend Deca, koyu, tek boyut (H2=32), tek ağırlık */
.kh-hero__title,.kh-why__title,.kh-model__title,.kh-mc__title,.kh-vc__title,.kh-rvc__title,
.kh-band__title,.blk-counter__title,.blk-features__title,.blk-text-image__title,
.blk-faq__title,.blk-feed__title,.blk-blogfeed__title,.blk-qzf__title,.blk-cvc__title{
  font-family:var(--font-head)!important;font-weight:800!important;color:var(--purple-ink)!important;
  font-size:32px!important;line-height:1.2!important;letter-spacing:-.3px!important}
/* Başlık vurgusu (highlight / 2. renk) — hepsinde mor */
.kh-hero__title b,.kh-why__title b,.kh-why__title--hl,.kh-model__title b,.kh-model__title--hl,
.blk-text-image__title b,.blk-text-image__title strong,.blk-features__title b,.blk-band__title b,
.blk-cvc__title b,.blk-cvc__title strong{
  color:var(--purple)!important;font-weight:800!important}

/* ============================================================
   SLIDER (maintainer'ın cf_slider_assets) DÜZELTMELERİ
   - Kaydırma kabı gölgeyi kırpıyordu → içeriye bol boşluk ver
   - Ok butonları silik/inceydi → net beyaz daire + mor kalın ok
   service/portfolio/blog_feed hepsi aynı sınıfları kullanır → tek yerden düzelir
   ============================================================ */
.blk-slider .blk-cards--slider{padding:16px 18px 30px!important}
.blk-slider__nav{width:48px!important;height:48px!important;border:1px solid var(--line)!important;
  background:#fff!important;color:var(--purple)!important;font-size:26px!important;font-weight:700!important;
  box-shadow:0 12px 28px -10px rgba(109,58,139,.38)!important;opacity:1!important}
/* ok her zaman MOR, üzerine gelince TURUNCU (daire beyaz kalır) */
.blk-slider__nav:hover{background:#fff!important;color:var(--orange)!important;border-color:var(--orange)!important}
/* okları içeri al → köşeleri kırpılmaz (ilk/son kartın üzerine biner) */
.blk-slider__prev{left:8px!important}
.blk-slider__next{right:8px!important}
/* Kart gölgeleri slider içinde de görünür (kırpılmaz) */
.blk-slider .blk-card-post{box-shadow:var(--shadow-sm)!important}
.blk-slider .blk-card-post:hover{box-shadow:var(--shadow)!important}
/* Tıklayınca/sürükleyince kalan siyah odak çerçevesi YOK; erişilebilirlik için yumuşak mor halka */
.blk-card-post:focus{outline:none!important}
.blk-card-post:focus-visible{outline:2px solid var(--purple)!important;outline-offset:3px}

/* --- FİLTRE SEKMELERİ: küçük, çerçevesiz; altında kategori↔hizmet ayıran çizgi --- */
.blk-pf-tabs{gap:4px!important;margin:0 0 26px!important;padding-bottom:16px!important;
  border-bottom:1px solid var(--line)!important}
.blk-pf-tab{border:0!important;background:transparent!important;padding:6px 13px!important;
  font-family:var(--font-head)!important;font-weight:600!important;font-size:13.5px!important;
  border-radius:8px!important;color:var(--purple-ink)!important;transition:.15s!important}
.blk-pf-tab:hover{background:transparent!important;color:var(--orange)!important}
.blk-pf-tab.is-active{background:var(--orange)!important;color:#fff!important}

/* --- media_cards senkron: kart üstü yazı küçült + buton küçült --- */
.kh-mc__photo{aspect-ratio:4/5!important}   /* Görsel Kartlar dikey (4:5) */
.kh-mc__info h3{font-size:16px!important;line-height:1.3!important;font-weight:700!important}
.kh-mc__tag{padding:7px 14px!important;font-size:12px!important;border-radius:8px!important;letter-spacing:.02em!important}
.kh-mc__sub{color:var(--muted)!important}

/* --- blk-cvc kartları: kart üstü yazı + buton küçült --- */
.blk-cvc-card__title{font-size:17px!important;line-height:1.3!important}
.blk-cvc-card__btn{font-size:11px!important;padding:7px 14px!important}

/* ============================================================
   TEST / QUIZ sayfası — kapsul teması
   quiz.css indigo (#4f46e5) fallback + Arial buton kullanıyordu; genişliği de dardı.
   → marka mor, başlık/buton Lexend Deca, genişlik site kabıyla aynı
   ============================================================ */
.quiz-page,.quiz-fs{--qz-brand:var(--purple)!important;--qz-brand-d:#5a2f75!important;--qz-muted:var(--muted)!important}
/* Genişlik: quiz de site içerik kabıyla (1320, ortalı) aynı hizada */
.quiz-hero,.quiz-shell{max-width:none!important;width:min(var(--max),94%)!important;
  margin-left:auto!important;margin-right:auto!important}
/* Başlıklar Lexend Deca + koyu mor */
.quiz-hero__title,.quiz-result-title,.quiz-rtitle,.quiz-intro-title,.quiz-box__title{
  font-family:var(--font-head)!important;color:var(--purple-ink)!important}
.quiz-rhead__title{font-family:var(--font-head)!important}   /* mor bant üstünde beyaz kalır */
.quiz-sec-title{font-family:var(--font-head)!important;color:var(--purple)!important}
/* Butonlar site kuralına göre: Lexend Deca, mor, hover turuncu, radius 8 */
.quiz-btn{font-family:var(--font-head)!important;border-radius:8px!important}
.quiz-btn--primary,.quiz-btn--cta,.quiz-start{background:var(--purple)!important;background-color:var(--purple)!important;border-color:var(--purple)!important;color:#fff!important}
.quiz-btn--primary:hover,.quiz-btn--cta:hover,.quiz-start:hover{background:var(--orange)!important;background-color:var(--orange)!important;border-color:var(--orange)!important;color:#fff!important}
/* Tam-ekran test: scrollIntoView içeriği sticky bar'ın ALTINA gizlemesin →
   kaydırma tepede bar kadar boşluk bıraksın (başlık görünür, ortalanmaz) */
.quiz-fs{scroll-padding-top:88px!important}
.quiz-fs-inner>*{scroll-margin-top:88px!important}
/* Pop-up'tan çıkınca da içerik üstten başlasın (sticky header altında kalmasın) */
#quizApp{scroll-margin-top:96px}

/* Tam-ekran test fonu: görsel üstten hizalı + yatayda ortalı, dikeyde tekrar; boşluk rengi #9166b5 */
.quiz-fs{
  background-color:#9166b5!important;
  background-image:url('img/kapsul-hafiza-test-fon.jpg')!important;
  background-position:top center!important;
  background-repeat:repeat-y!important;
  background-attachment:scroll!important;
}

/* ============================================================
   10) MOBIL & TABLET (2026-09) — tam responsive katman
   EN SONDA durur; ustteki kurallari ezer.
   Kirilimlar: 1024 tablet · 900 · 768 · 640 telefon · 400 kucuk telefon
   NOT: Blok bolumlerinin padding/background'ina !important ile
        DOKUNULMAZ (panelden blok bazinda ayarlanabilir kalsin diye).
   ============================================================ */

/* ---------- 10.0 Yatay tasma korumasi ---------- */
html{overflow-x:clip}                     /* clip → sticky header bozulmaz */
img,svg,video,iframe,table{max-width:100%}

/* Tam genislik (100vw) bloklar dikey kaydirma cubugu kadar tasiyordu.
   --sbw theme-kapsul.js tarafindan olculur (yoksa 0 → eski davranis). */
.blk[style*="100vw"]{
  width:calc(100vw - var(--sbw,0px))!important;
  max-width:calc(100vw - var(--sbw,0px))!important;
  margin-left:calc(50% - 50vw + var(--sbw,0px) / 2)!important;
  margin-right:calc(50% - 50vw + var(--sbw,0px) / 2)!important}

/* ---------- 10.1 Kenar boslugu hizasi (tablet/mobil) ----------
   Masaustunde kaplar %94; tablette/mobilde bu, blok kaplariyla
   uyumsuz iki farkli bosluk uretiyordu → hepsi tek bosluga cekilir. */
@media(max-width:1024px){
  .wrap{width:calc(100% - var(--site-gap,24px) * 2)}
  .kh-hero__wrap,.kh-mc__wrap,.kh-band__wrap,.kh-model__wrap,.kh-why__wrap,
  .kh-vc__head,.kh-rvc__head{width:100%!important}
  .kh-cf,.kh-rv{max-width:100%!important}
  .kh-rv{padding-left:0!important;padding-right:0!important}
}
@media(max-width:640px){:root{--site-gap:20px}}
@media(max-width:360px){:root{--site-gap:14px}}

/* ---------- 10.2 Baslik olcegi ----------
   (a) etiket olcegi → (b) blok/sayfa basliklari → (c) ust etiket geri alinir */
@media(max-width:1024px){
  h1,.blk-htag-h1{font-size:34px!important;line-height:1.18!important}
  h2,.blk-htag-h2{font-size:28px!important;line-height:1.22!important}
  h3,.blk-htag-h3{font-size:21px!important}
  h4,.blk-htag-h4{font-size:19px!important}
  h5,.blk-htag-h5{font-size:17px!important}
  h6,.blk-htag-h6{font-size:16px!important}

  .post-title,.kh-hero__title,.kh-hero__hl,.quiz-hero__title,.search-page__title,
  .kh-hero h1{font-size:34px!important;line-height:1.18!important}
  .kh-why__title,.kh-model__title,.kh-mc__title,.kh-vc__title,.kh-rvc__title,.kh-band__title,
  .blk-counter__title,.blk-features__title,.blk-faq__title,.blk-feed__title,.blk-blogfeed__title,
  .blk-qzf__title,.blk-logos__title,.blk-cvc__title,.blk-text-image__title,.blk-team__title,
  .blk-testim__title,.blk-pricing__title,.blk-timeline__title,.blk-form__title,
  .blk-cta-sec__heading,.quiz-rhead__title{font-size:28px!important;line-height:1.22!important}
  .blk-features .blk-feature__title{font-size:21px!important}

  .kh-hero__eyebrow,.kh-why__eyebrow,.kh-model__eyebrow,.kh-mc__eyebrow,.kh-vc__eyebrow,
  .kh-rvc__eyebrow,.kh-band__eyebrow,.blk-counter__eyebrow,.blk-features__title2,
  .blk-text-image__title2,.blk-cvc__eyebrow{font-size:15px!important;line-height:1.35!important;margin:0 0 10px!important}
}
@media(max-width:640px){
  h1,.blk-htag-h1{font-size:27px!important;line-height:1.2!important}
  h2,.blk-htag-h2{font-size:23px!important;line-height:1.25!important}
  h3,.blk-htag-h3{font-size:19px!important}
  h4,.blk-htag-h4{font-size:17px!important}
  h5,.blk-htag-h5{font-size:16px!important}
  h6,.blk-htag-h6{font-size:15px!important}

  .post-title,.kh-hero__title,.kh-hero__hl,.quiz-hero__title,.search-page__title,
  .kh-hero h1{font-size:27px!important;line-height:1.2!important}
  .kh-why__title,.kh-model__title,.kh-mc__title,.kh-vc__title,.kh-rvc__title,.kh-band__title,
  .blk-counter__title,.blk-features__title,.blk-faq__title,.blk-feed__title,.blk-blogfeed__title,
  .blk-qzf__title,.blk-logos__title,.blk-cvc__title,.blk-text-image__title,.blk-team__title,
  .blk-testim__title,.blk-pricing__title,.blk-timeline__title,.blk-form__title,
  .blk-cta-sec__heading,.quiz-rhead__title{font-size:23px!important;line-height:1.25!important}
  .blk-features .blk-feature__title{font-size:19px!important}

  .kh-hero__eyebrow,.kh-why__eyebrow,.kh-model__eyebrow,.kh-mc__eyebrow,.kh-vc__eyebrow,
  .kh-rvc__eyebrow,.kh-band__eyebrow,.blk-counter__eyebrow,.blk-features__title2,
  .blk-text-image__title2,.blk-cvc__eyebrow{font-size:14px!important;margin:0 0 8px!important}
}
@media(max-width:360px){
  h1,.blk-htag-h1,.post-title,.kh-hero__title,.kh-hero__hl,.quiz-hero__title,
  .search-page__title,.kh-hero h1{font-size:24px!important}
  h2,.blk-htag-h2,
  .kh-why__title,.kh-model__title,.kh-mc__title,.kh-vc__title,.kh-rvc__title,.kh-band__title,
  .blk-counter__title,.blk-features__title,.blk-faq__title,.blk-feed__title,.blk-blogfeed__title,
  .blk-qzf__title,.blk-logos__title,.blk-cvc__title,.blk-text-image__title,
  .blk-cta-sec__heading{font-size:21px!important}
}
/* Ust etiket (eyebrow) baslik olceginden SONRA sabitlenir — h1/h2 kurallari onu buyutmesin */
@media(max-width:1024px){
  .kh-hero__eyebrow,.kh-why__eyebrow,.kh-model__eyebrow,.kh-mc__eyebrow,.kh-vc__eyebrow,
  .kh-rvc__eyebrow,.kh-band__eyebrow,.blk-counter__eyebrow,.blk-features__title2,
  .blk-text-image__title2,.blk-cvc__eyebrow{font-size:15px!important;line-height:1.35!important;margin:0 0 10px!important}
}
@media(max-width:640px){
  .kh-hero__eyebrow,.kh-why__eyebrow,.kh-model__eyebrow,.kh-mc__eyebrow,.kh-vc__eyebrow,
  .kh-rvc__eyebrow,.kh-band__eyebrow,.blk-counter__eyebrow,.blk-features__title2,
  .blk-text-image__title2,.blk-cvc__eyebrow{font-size:14px!important;margin:0 0 8px!important}
}

/* ---------- 10.3 TOP BAR ---------- */
@media(max-width:900px){
  .topbar__in{justify-content:center;gap:4px 14px;padding:7px 0}
  .topbar__info{justify-content:center;gap:10px;row-gap:2px}
}
@media(max-width:640px){
  .topbar{font-size:12px}
  .topbar__info>span:first-child{display:none}   /* adres → footer'da zaten var */
  .topbar__soc{gap:6px}
  .topbar__soc a{width:30px;height:30px}
}

/* ---------- 10.4 HEADER + MOBIL MENU ---------- */
@media(max-width:1080px){
  /* Menu ekrandan tasiyordu (son maddeler tiklanamiyordu) → kendi icinde kaydirilir */
  .menu.open{max-height:calc(100vh - 74px);max-height:calc(100dvh - 74px);
    overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding-bottom:16px}
  /* Alt menuler mobilde kapali baslar; ok'a basinca acilir (JS) */
  .menu.open .has-sub .sub{display:none}
  .menu.open .has-sub.is-open .sub{display:block}
  .menu.open>a,.menu.open .has-sub>a{min-height:44px;display:flex;align-items:center}
  .menu.open .has-sub>a{justify-content:space-between}
  .menu.open .has-sub>a .caret{box-sizing:content-box;padding:16px;margin:-16px -10px -16px 0;transition:transform .2s}
  .menu.open .has-sub.is-open>a .caret{transform:rotate(180deg);color:var(--orange)}
  .menu.open .has-sub .sub a{min-height:42px;display:flex;align-items:center}
  /* Dokunma hedefi 44px */
  .burger{display:grid;place-items:center;min-width:44px;min-height:44px;margin-right:-8px}
  .menu.open ~ .nav-cta .burger{color:var(--orange)}
}
@media(max-width:560px){
  .site .wrap.nav{gap:8px;padding:10px 0}
  .logo img{height:38px}
  .nav-phone{gap:8px}
  .nav-phone .ic{width:36px;height:36px}
  .nav-phone b{font-size:15px}
}
@media(max-width:360px){
  .nav-phone span:last-child{display:none}       /* numara gizlenir, ikon arama linki kalir */
  .logo img{height:34px}
}

/* ---------- 10.5 KART IZGARALARI (tablette 1 sutun kalmasin) ---------- */
@media(min-width:561px) and (max-width:1024px){
  .blk-cards--2:not(.blk-cards--slider),
  .blk-cards--3:not(.blk-cards--slider),
  .blk-cards--4:not(.blk-cards--slider){grid-template-columns:repeat(2,1fr)!important}
}
/* Genis tablet (yatay iPad): 3'lu izgaralar 3 sutun kalabilir */
@media(min-width:901px) and (max-width:1024px){
  .blk-cards--3:not(.blk-cards--slider){grid-template-columns:repeat(3,1fr)!important}
}
/* Footer 1024'e kadar 2 sutun (4 sutunda kurumsal linkler sikisiyor) */
@media(max-width:1024px){.foot-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.foot-grid{grid-template-columns:1fr}}
@media(max-width:560px){
  .blk-cards--2:not(.blk-cards--slider),
  .blk-cards--3:not(.blk-cards--slider),
  .blk-cards--4:not(.blk-cards--slider){grid-template-columns:1fr!important}
}
@media(max-width:380px){
  .blk-counter.blk-cards--4,.blk-counter.blk-cards--3,.blk-counter.blk-cards--2{grid-template-columns:1fr}
}

/* ---------- 10.6 Bolum dikey bosluklari (panel ayari ezilmesin: !important YOK) ---------- */
@media(max-width:768px){
  section.kh-hero.blk{padding:44px 0 54px}
  section.kh-model.blk,section.kh-why.blk{padding:52px 0}
  section.kh-mc.blk,section.kh-band.blk,section.kh-vc.blk,section.kh-rvc.blk{padding:52px 0}
  section.blk.blk-features,section.blk.blk-faq,section.blk.blk-feed,section.blk.blk-blogfeed{padding:48px 0}
  section.blk.blk-logos{padding:32px 0}
  .post-wrap{padding:30px 0 60px}
  footer{padding-top:48px}
}
@media(max-width:560px){
  section.kh-hero.blk{padding:32px 0 42px}
  section.kh-model.blk,section.kh-why.blk,
  section.kh-mc.blk,section.kh-band.blk,section.kh-vc.blk,section.kh-rvc.blk{padding:42px 0}
  section.blk.blk-features,section.blk.blk-faq,section.blk.blk-feed,section.blk.blk-blogfeed{padding:40px 0}
  .blk{margin-bottom:26px}
}

/* ---------- 10.7 HERO (kh_hero) ---------- */
@media(max-width:960px){
  .kh-hero__wrap{gap:32px!important}
  .kh-hero__media{max-width:420px!important}
  .kh-hero .kh-hero__badge{padding:11px 14px!important;font-size:.84rem!important;max-width:78%}
  .kh-hero .kh-hero__badge.b1{left:0!important;top:14px!important}
  .kh-hero .kh-hero__badge.b2{right:0!important;bottom:16px!important}
  .kh-hero__sub{max-width:none!important}
}
@media(max-width:560px){
  .kh-hero .kh-hero__badge{padding:9px 12px!important;font-size:.78rem!important;gap:9px!important;border-radius:13px!important}
  .kh-hero .kh-hero__badge .dot{width:30px!important;height:30px!important;border-radius:10px!important}
  .kh-hero .kh-hero__badge .dot svg{width:16px;height:16px}
  .kh-hero__media img{border-radius:20px!important}
  .kh-hero__sub{font-size:1rem!important;margin:14px 0 22px!important}
  .kh-hero__stats{gap:10px 26px!important;margin-top:24px!important}
  .kh-hero__stats .n{font-size:1.55rem!important}
  .kh-hero__btn,.kh-model__btn,.kh-why__btn,.kh-band__btn{padding:13px 22px!important;font-size:.88rem!important}
}

/* ---------- 10.8 EGITIM MODELI (kh_model) + NEDEN BIZ (kh_why) ---------- */
@media(max-width:960px){
  .kh-model__wrap,.kh-why__wrap{gap:34px!important}
  .kh-why__media{padding:10px!important}
}
@media(max-width:560px){
  .kh-model__stat{padding:16px!important}
  .kh-model__stat .n{font-size:22px!important}
  .kh-model__float{right:0!important;bottom:12px!important;padding:12px 16px!important}
  .kh-why__feat{gap:14px!important;padding:14px 0!important}
  .kh-why__fic{width:48px!important;height:48px!important;border-radius:13px!important}
  .kh-why__fic svg{width:22px!important;height:22px!important}
  .kh-why__badge{top:14px!important;left:0!important;padding:10px 13px!important}
  .kh-why__avs img{width:30px!important;height:30px!important}
}

/* ---------- 10.9 PROGRAMLAR (media_cards) + KAPAK KARTLARI (cover_cards) ---------- */
@media(max-width:560px){
  .kh-mc__grid{gap:16px!important}
  .kh-mc__info{padding:18px!important}
  .kh-mc__photo{aspect-ratio:16/10!important}
  .blk-cvc__grid{gap:16px!important}
  .blk-cvc-card__body{padding:18px!important}
  .blk-cvc__headbtn{width:100%;justify-content:center}
}

/* ---------- 10.10 ANALIZ BANDI (feature_band) ---------- */
@media(max-width:900px){.kh-band__wrap{gap:28px!important}.kh-band__text{max-width:none!important}}
@media(max-width:560px){.kh-band__card{padding:18px 16px!important}}

/* ---------- 10.11 BASARI HIKAYELERI (video_carousel) ---------- */
@media(max-width:900px){
  .kh-vc .kh-cf{height:360px!important}
  .kh-vc .kh-cf__stage{height:300px!important}
  .kh-vc .kh-cf__slide{width:360px!important;margin-left:-180px!important;height:250px!important}
}
@media(max-width:640px){
  .kh-vc .kh-cf{height:auto!important;padding-bottom:4px}
  .kh-vc .kh-cf__stage{height:215px!important}
  .kh-vc .kh-cf__slide{width:min(78vw,300px)!important;margin-left:calc(min(78vw,300px) / -2)!important;height:205px!important;border-radius:16px!important}
  .kh-vc .kh-cf__arrow{width:40px!important;height:40px!important}
  .kh-vc .kh-cf__arrow.is-prev{left:-2px!important}
  .kh-vc .kh-cf__arrow.is-next{right:-2px!important}
  .kh-vc .kh-cf__play{width:56px!important;height:56px!important}
}

/* ---------- 10.12 YORUMLAR (review_carousel) ----------
   Oklar karti 220px'e sikistiriyordu → mobilde kartin ALTINA alinir. */
@media(max-width:640px){
  .kh-rv__stage{flex-wrap:wrap!important;gap:14px!important}
  .kh-rv__card{flex:1 0 100%!important;order:1;padding:26px 20px!important;min-height:0!important;border-radius:20px!important}
  .kh-rv__arrow{order:2;width:44px!important;height:44px!important}
  .kh-rv__stage .is-prev{margin-left:auto}
  .kh-rv__stage .is-next{margin-right:auto}
  .kh-rv__text{font-size:.98rem!important}
}

/* ---------- 10.13 LOGO SERIDI ---------- */
@media(max-width:640px){
  .blk-logos .blk-logos__strip{gap:38px!important}
  .blk-logos .blk-logos__item{width:96px}
  .blk-logos .blk-logos__item img{max-height:38px!important}
}

/* ---------- 10.14 SSS ---------- */
@media(max-width:640px){
  .blk-faq .blk-faq__q{padding:15px 54px 15px 16px!important;font-size:15px!important}
  .blk-faq .blk-faq__q::after{width:30px;height:30px;right:12px;background-size:14px}
  .blk-faq .blk-faq__a{padding:0 16px 18px!important;font-size:15px}
}

/* ---------- 10.15 HIZMET / BLOG KARTLARI + MAGAZA ---------- */
@media(max-width:900px){
  .svc-widget{padding:16px 16px 14px}
  .svc-toolbar{padding-bottom:12px;margin-bottom:16px}
  .svc-cats--sub{margin-left:8px}
}
@media(max-width:560px){
  .blk-feed .blk-card-post__body{padding:14px 16px 18px!important}
  .blk-blogfeed .blk-card-post__body{padding:18px!important}
  .blk-card-post__sale{top:10px;right:10px;font-size:10px;padding:5px 11px}
  .blk-pagination{gap:4px}
  .blk-page{min-width:36px;height:36px;padding:0 9px;font-size:13px}
}

/* ---------- 10.16 TEKIL SAYFA (hizmet / portfoy / blog) ---------- */
@media(max-width:640px){
  /* .post-wrap dogrudan <body> altinda → kenar boslugunu kendi padding'i verir */
  .post-wrap{max-width:100%!important;padding-left:var(--site-gap,20px);padding-right:var(--site-gap,20px)}
  .srv-hero{padding:20px!important;border-radius:20px!important;gap:20px!important}
  .srv-hero__media{border-radius:16px}
  .srv-price__val{font-size:27px!important}
  .srv-price__old{font-size:17px}
  .srv-buy{gap:14px!important}
  .srv-buy .srv-cta{width:100%;justify-content:center;text-align:center}
  .srv-tabs{margin-top:30px}
  .srv-tabs__nav{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .srv-tabs__nav::-webkit-scrollbar{display:none}
  .srv-tab{white-space:nowrap;padding:12px 13px;font-size:14px}
  .srv-panel{padding:24px 0 6px}
  .srv-attrs{font-size:14px}
  .srv-attrs th,.srv-attrs td{padding:11px 12px}
  .srv-attrs th{width:42%}
  .single-card{padding:20px}
  .post-cover{border-radius:16px;margin-bottom:22px}
  .post-back{padding:11px 18px}
  .single-card__share-icons a{width:42px;height:42px}
}

/* Govde metni (blk-text / post-body) — mobil tipografi + genis tablo/kod kaydirmasi */
@media(max-width:640px){
  .post-body{font-size:16px!important;line-height:1.75!important}
  .post-body h1,.post-body h2{font-size:22px!important;margin:24px 0 8px!important;padding-bottom:12px!important}
  .post-body h3,.post-body h4{font-size:18px!important;margin:20px 0 6px!important}
  .post-body p{margin:0 0 15px}
  .post-body img{border-radius:14px;margin:18px 0}
  .post-body blockquote{padding:14px 18px}
  .post-body li{padding-left:26px}
  .post-body li[data-list="ordered"]{padding-left:40px}
  .blk-text h1{font-size:24px!important}
  .blk-text h2{font-size:21px!important}
  .blk-text h3{font-size:19px!important}
  .blk-text h4{font-size:17px!important}
  .post-body table,.blk-text table{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
  .post-body pre,.blk-text pre{overflow-x:auto}
}

/* ---------- 10.17 YORUM / DEGERLENDIRME FORMLARI ---------- */
@media(max-width:640px){
  .rv-form__row>div,.pc-form__row>div{min-width:0;flex:1 1 100%}
  .rv-stars{font-size:26px}
  .rv-submit,.pc-submit{width:100%}
}

/* iOS Safari: 16px altindaki alanlarda odaklaninca sayfa yakinlasiyordu → 16px */
@media(max-width:1024px){
  input[type=text],input[type=email],input[type=tel],input[type=number],input[type=search],
  input[type=password],input[type=url],input[type=date],select,textarea,
  .blk-form__form input,.blk-form__form select,.blk-form__form textarea,
  .rv-form input,.rv-form textarea,.pc-form input,.pc-form textarea,
  .svc-sort select,.svc-search input,.sidebar-search input,
  .quiz-field input,.quiz-field select,.quiz-field textarea,
  .search-page__form input{font-size:16px!important}
}

/* ---------- 10.18 TEST (quiz) SAYFASI ---------- */
@media(max-width:640px){
  .quiz-hero{padding:28px var(--site-gap,20px) 6px!important;gap:20px}
  .quiz-shell{padding:14px var(--site-gap,20px) 52px!important}
  .quiz-hero,.quiz-shell{width:100%!important;max-width:100%!important}
  .quiz-card{padding:18px 16px!important}
  .quiz-q__text{font-size:17px}
  .quiz-opt{padding:13px 14px;font-size:15px}
  .quiz-opts--scale .quiz-opt{padding:12px 8px}
  .quiz-btn{padding:12px 18px}
  .quiz-run-foot{gap:10px}
  .quiz-unlock__btns .quiz-btn{min-width:0;flex:1 1 100%}
  .quiz-fs-inner{padding:0 16px}
  .quiz-fs-bar{padding:10px 14px}
  .quiz-fs-logo{max-height:32px;max-width:140px}
  .quiz-rhead{padding:22px 16px}
  .quiz-score-circle{width:104px;height:104px}
  .quiz-score-circle b{font-size:32px}
  .quiz-box{padding:16px 14px}
  .blk-qzf .qzf-card__ic{height:150px!important}
}

/* ---------- 10.18b HARITA ----------
   Panelde 600px secilmis; telefonda ekranin tamamini kapliyordu. */
@media(max-width:640px){.blk-map{height:340px!important}}

/* ---------- 10.19 ARAMA SAYFASI ---------- */
@media(max-width:640px){
  .search-page__form{flex-wrap:wrap;gap:10px}
  .search-page__form input{flex:1 1 100%}
  .search-page__form button{width:100%}
  .search-result__img{width:74px;height:74px}
}

/* ---------- 10.20 FOOTER + YUZEN BUTONLAR ---------- */
@media(max-width:640px){
  footer{padding-top:44px}
  .foot-grid{gap:26px}
  .foot-logo{height:46px}
  .foot-soc a{width:38px;height:38px}
  .foot-bottom{margin-top:32px;padding:18px 0 84px;font-size:12.5px}  /* 84px: FAB'larin altinda kalmasin */
  .fab-stack{right:14px;bottom:14px;gap:10px}
  .fab{width:52px;height:52px}
  .fab svg{width:24px;height:24px}
}

/* ---------- 10.21 Dokunma hedefleri ---------- */
@media(max-width:1024px){
  .kh-cf__dots button,.kh-rv__dots button,.blk-promo__dots button{position:relative}
  .kh-cf__dots button::after,.kh-rv__dots button::after,.blk-promo__dots button::after{content:"";position:absolute;inset:-14px}
  .kh-cf__dots,.kh-rv__dots{gap:14px}
  .blk-slider__nav{width:44px!important;height:44px!important}
  .topbar__soc a,.foot-soc a{min-width:32px;min-height:32px}
}

/* ---------- 10.22 Yatay kaydirmali icerikler parmakla akici olsun ---------- */
.blk-slider .blk-cards--slider,.srv-tabs__nav,.blk-pf-tabs{-webkit-overflow-scrolling:touch}
@media(max-width:640px){
  .blk-pf-tabs{flex-wrap:nowrap!important;overflow-x:auto;scrollbar-width:none}
  .blk-pf-tabs::-webkit-scrollbar{display:none}
  .blk-pf-tab{white-space:nowrap}
}

/* ---------- 10.23 Hover'a bagimli efektler dokunmatikte kapali ---------- */
@media(hover:none){
  .blk-card-post:hover,.blk-features .blk-feature:hover,.kh-mc__card:hover,
  .blk-counter-item:hover,.blk-cvc-card:hover{transform:none!important}
  .blk-logos .blk-logos__item img{filter:none!important;opacity:.75!important}
}