*,*::before,*::after{border-radius:4px !important}[class]{border-radius:4px !important}:root{--r:4px;--r-s:4px;--r-sm:4px;--r-xs:4px;--ckm-radius:4px;--ckm-r-sm:4px;--ckm-r-md:4px;--ckm2-r:4px;--ckm2-r-s:4px;--ckm2-r-xs:4px;--rad:4px}.ckm-gallery-stage,.ckm-gallery-thumb,.ckm-gallery-thumb.is-active,.ckm-hdr__search,[class*="gallery"],[class*="__search"]{border-radius:4px !important}[class*="avatar"],[class*="__avatar"],.ckm-search .spinner,.ckm-slider__dots>*,.ckm-cd-typing span,.dot,.sp,.fb__stat--live,.ckmb-on,.ckm-bb2,.ckm-cd-input button,.ckb-send,.ckb-fab,.sh__send,.sh__back,.ckm-yorum-nudge__icon,.ckm-ov-logo,.ckm-store-card__logo,.ckm-avatar,.ckb-ava,.fb__mini-av,.fb__on-av,.fb__tav,.ckm-install-highlight-dot,.ckm-install-browser-dot,.ckb-typing span,.ckm-mobile-filter-close,.ckmt-close,.ckb-chev,.ckm-install-modal__close,.ckm-bell-del,.ckm-sc__b{border-radius:50% !important}.ckm-mobile-filter-sheet__handle{border-radius:999px !important}

/* ═══ TEK ALTYAPI v1 — hero DNA birleştirme (ana sayfa = referans) ═══ */

/* 1) KOYU AİLELER: tam dönüşüm (kutu + lacivert + kompakt) */
.ckm-ai-hero,.ckm-as-hero,.ckm-ii-hero,.ckm-kk-hero,.ckm-oem2-hero{
  max-width:1200px !important; margin:16px auto 10px !important;
  border-radius:6px !important; overflow:hidden !important;
  padding:24px 28px !important; box-sizing:border-box !important;
  background:
    radial-gradient(760px 320px at 78% 16%, rgba(64,140,220,.15), transparent 62%),
    linear-gradient(162deg,#0c1930 0%,#16244a 55%,#0d1b36 100%) !important;
}
/* iç konteynerlerin çift boşluğunu sıfırla (dış kutu zaten 1200) */
.ckm-ai-hero__in{max-width:none !important; padding:0 !important;}
.ckm-as-hero__inner{max-width:none !important; padding:0 !important;}

/* 2) AI ailesi (/ilan /marka /model /parca /oto-yedek-parca) — kompakt tipografi */
.ckm-ai-hero h1{font-size:clamp(24px,2.8vw,30px) !important; margin:0 0 6px !important; line-height:1.18 !important;}
.ckm-ai-hero p{font-size:14px !important; line-height:1.5 !important; margin:0 0 12px !important;}
.ckm-ai-eyebrow{margin-bottom:10px !important;}
.ckm-ai-stats{margin-bottom:2px !important; gap:8px !important;}
.ckm-ai-stat{padding:7px 13px !important; font-size:12.5px !important;}

/* 3) AS ailesi (/sehir /sehir-marka) — 400px dev hero → ~240px kompakt kutu */
.ckm-as-hero__inner{grid-template-columns:minmax(0,1fr) auto !important; gap:22px !important; align-items:center !important;}
.ckm-as-hero__eyebrow{margin-bottom:8px !important; font-size:10.5px !important; padding:4px 11px !important;}
.ckm-as-hero__h1{font-size:clamp(24px,2.8vw,32px) !important; line-height:1.15 !important; margin:0 0 8px !important;}
.ckm-as-hero__sub{font-size:14px !important; line-height:1.5 !important; margin:0 0 12px !important; max-width:60ch;}
.ckm-as-hero__pills{gap:6px !important;}
.ckm-as-hero__pill{font-size:11px !important; padding:4px 10px !important;}
.ckm-as-hero__stats{display:flex !important; flex-wrap:wrap !important; gap:10px !important;}
.ckm-as-hero__stat{padding:10px 16px !important; min-width:104px !important;}
.ckm-as-hero__stat-n{font-size:20px !important;}
.ckm-as-hero__stat-l{font-size:10.5px !important;}
.ckm-as-hero__stat.wide{grid-column:auto !important;}

/* 4) DİĞER AİLELER: sadece hiza + kutu (zemin/tipografiye dokunma — açık zemin olabilir) */
.ckm-hub-hero,.ckm-ar-hero,.ckm-pf-hero,.ckm-mf-hero,.ckm-af-hero{
  max-width:1200px !important; margin:16px auto 10px !important;
  border-radius:6px !important; overflow:hidden !important; box-sizing:border-box !important;
}

/* 5) Breadcrumb şeritleri: tutarlı ince */
.ckm-ai-bc,.ckm-as-bc{padding-top:8px !important; padding-bottom:8px !important;}

/* 5b) HERO ALTI DA AYNI HİZA: facet arama şeridi + filtre/sonuç alanı 1200 kutuya kilitli
       (16.08 kullanıcı: "hero sabit, alt taraf geniş — tüm sayfa tam düzenli olmalı") */
.ckm-ilf-sbar,.ckm-ilf-grid{
  max-width:1200px !important;
  margin-left:auto !important; margin-right:auto !important;
}

/* 5c) SAYFA GÖVDESİ 1200 KİLİDİ — derin tarama (16.08) ile bulunan kenardan-kenara bloklar.
       Tarama sonucu temiz çıkanlar (hub/mağaza/sehir-marka/ilan/talepler-gövde) BİLEREK yok. */
.ckm-marka-models,.ckm-marka-parts,          /* /marka/X alt grid'leri (0→1390 idi) */
.ckm-model-parts,                             /* /model/X parça grid'i */
.ckm-parca-intro,.ckm-parca-brands,.ckm-umbrella-grid, /* /parca/X gövdesi */
.ckm-autopage-internal-links,.ckm-seo-autopage,        /* autopage SEO blokları */
.ckm-ilceband,.ckm-sehir-cross,               /* /sehir/X ilçe şeridi + çapraz linkler */
.ckm-oem2-main,.ckm-oem2-popular__inner,      /* OEM alt gövde + popüler şerit */
.ckm-ai-section{                              /* ai ailesi genel SEO bandı */
  max-width:1200px !important;
  margin-left:auto !important; margin-right:auto !important;
  box-sizing:border-box !important;
}
/* yan padding'i hero metniyle eşitle / şeritlerde sıfırla */
.ckm-ai-section,.ckm-autopage-internal-links{padding-left:28px !important; padding-right:28px !important;}
.ckm-ilceband{padding-left:0 !important; padding-right:0 !important;}

/* 5d) /talepler/ hero'su: tam-genişlik bant → 1200 kutu (iç padding'i yok, kutu verir) */
.ckm-tl-hero{
  max-width:1200px !important; margin:16px auto 10px !important;
  border-radius:6px !important; overflow:hidden !important;
  padding:24px 28px !important; box-sizing:border-box !important;
}

/* 5e) /talep-ac/ hero'su da tam-genişlik bantmış (16.08 derin tarama-2) → aynı kutu */
.ckm-tac-hero{
  max-width:1200px !important; margin:16px auto 10px !important;
  border-radius:6px !important; overflow:hidden !important;
  padding:24px 28px !important; box-sizing:border-box !important;
}

/* 5f) il-ilçe (.ckm-ii) + jenerasyon/kasa (.ckm-kk) sarmalayıcıları: 1180'lik kendi kutuları →
       site standardı 1200; masaüstünde yan padding sıfır (içerideki hero/section 1200'e otursun).
       Sınıfsız facet ara-div'inin 14px yan padding'i de sıfırlanır. Mobil düzenleri korunur. */
@media(min-width:1241px){
  .ckm-ii,.ckm-kk{
    max-width:1200px !important;
    padding-left:0 !important; padding-right:0 !important;
    margin-left:auto !important; margin-right:auto !important;
  }
  .ckm-ii #ckm-ilf,.ckm-kk #ckm-ilf{  /* facet mount div: id=ckm-ilf, class="" (bos attr → :not([class]) TUTMAZ) */
    padding-left:0 !important; padding-right:0 !important; max-width:none !important;
  }
}

/* 6) Mobil/tablet nefes payı */
@media(max-width:1240px){
  .ckm-ai-hero,.ckm-as-hero,.ckm-ii-hero,.ckm-kk-hero,.ckm-oem2-hero,
  .ckm-hub-hero,.ckm-ar-hero,.ckm-pf-hero,.ckm-mf-hero,.ckm-af-hero,.ckm-tl-hero,.ckm-tac-hero{
    margin-left:12px !important; margin-right:12px !important;
  }
  .ckm-marka-models,.ckm-marka-parts,.ckm-model-parts,
  .ckm-parca-intro,.ckm-parca-brands,.ckm-umbrella-grid,
  .ckm-autopage-internal-links,.ckm-seo-autopage,
  .ckm-ilceband,.ckm-sehir-cross,.ckm-oem2-main,.ckm-oem2-popular__inner,.ckm-ai-section{
    margin-left:12px !important; margin-right:12px !important;
  }
}
@media(max-width:640px){
  .ckm-ai-hero,.ckm-as-hero,.ckm-ii-hero,.ckm-kk-hero,.ckm-oem2-hero,.ckm-tl-hero,.ckm-tac-hero{padding:16px 14px !important;}
  .ckm-as-hero__inner{grid-template-columns:1fr !important; gap:12px !important;}
  .ckm-ai-hero,.ckm-as-hero,.ckm-tl-hero,.ckm-tac-hero{margin:8px 8px 6px !important;}
  /* gövde blokları hero ile aynı 8px kenar payına insin (4px kayma olmasın) */
  .ckm-marka-models,.ckm-marka-parts,.ckm-model-parts,
  .ckm-parca-intro,.ckm-parca-brands,.ckm-umbrella-grid,
  .ckm-autopage-internal-links,.ckm-seo-autopage,
  .ckm-ilceband,.ckm-sehir-cross,.ckm-oem2-main,.ckm-oem2-popular__inner,.ckm-ai-section{
    margin-left:8px !important; margin-right:8px !important;
  }
}