/* İG Ajans tema: açık gri zemin + bölümler beyaz kartlarda (22 Ekim 2026) */
.pd-aw{display:none}
body,.pf,.lo,.lo-foot{background:#f2f2f4}
.pd-x,.sv-top,.pd-sec,.pd-about,.pd-pal,.pd-rel,.bl-list,.bl-rel{
  background:#fff;margin:16px calc(var(--g) - 24px) 0;padding-left:24px;padding-right:24px;border-radius:32px;border-bottom:0;
  box-shadow:0 1px 2px rgba(0,0,0,.04),0 30px 60px -40px rgba(0,0,0,.18)}
.pd-x,.sv-top{margin-top:8px;padding-top:40px;padding-bottom:44px;box-shadow:0 1px 2px rgba(0,0,0,.04),0 30px 60px -40px rgba(0,0,0,.25)}
.pd-sec,.pd-about,.pd-pal,.pd-rel,.bl-list,.bl-rel{padding-top:clamp(32px,4vw,56px);padding-bottom:clamp(32px,4vw,56px)}
.sv-card{border:1px solid #ececf0;box-shadow:none}
@media (max-width:700px){
  .pd-x,.sv-top{margin:6px 10px 0;padding:24px 16px 28px;border-radius:24px}
  .pd-sec,.pd-about,.pd-pal,.pd-rel,.bl-list,.bl-rel{margin:10px 10px 0;padding:28px 16px;border-radius:24px}
}
/* Blog yazısı: metin sütunu 800 px, kart tam genişlik */
.bl-art{max-width:none;background:#fff;margin:16px calc(var(--g) - 24px) 0;border-radius:32px;padding:clamp(32px,4vw,56px) max(24px,calc((100% - 752px)/2)) clamp(40px,5vw,72px);box-shadow:0 1px 2px rgba(0,0,0,.04),0 30px 60px -40px rgba(0,0,0,.18)}
.bl-rel{max-width:none}
.bl-rel .bl-list{background:none;box-shadow:none;margin:0;padding:0;border-radius:0}
@media (max-width:700px){.bl-art{margin:10px 10px 0;padding:28px 16px 36px;border-radius:24px}}
/* Ana sayfa, referanslar, 404 */
.dw,.bn,.lo{background:#f2f2f4}
.lo-brands,.lo-man,.lo-svc,.lo-how,.lo-faq,.pf-hero{
  background:#fff;margin:16px calc(var(--g) - 24px) 0;padding:clamp(32px,4vw,56px) 24px;border-radius:32px;
  box-shadow:0 1px 2px rgba(0,0,0,.04),0 30px 60px -40px rgba(0,0,0,.18)}
.pf-hero{margin-top:clamp(28px,3vw,48px);align-items:center}.pf-hero:before{display:none}
.pf-hero+.pf-work .pf-div{margin-top:clamp(36px,4vw,64px)}
@media (max-width:700px){.lo-brands,.lo-man,.lo-svc,.lo-how,.lo-faq,.pf-hero{margin:10px 10px 0;padding:28px 16px;border-radius:24px}}
@media (max-width:700px){.pf-hero{margin-top:20px}}
/* Logo ile sayfa yolu/geri düğmesi arası */
.pd-bar,.pj .pd-bar{padding-top:clamp(20px,2.2vw,30px)}
/* Mobil: geri düğmesi küçük, logodan uzak */
@media (max-width:700px){
  .pd-bar{padding-top:20px;gap:8px 12px}
  .pd .pd-bk.gl,.pd-bk{font-size:13px;min-height:34px;padding:0 14px 0 4px;gap:8px;box-shadow:inset 0 0 0 1px rgba(29,29,31,.1)}
  .pd-bk i{height:26px;width:26px}
  .pd-bk svg{height:12px;width:12px}
  .pd-path{font-size:13px}
}
/* Blog listesi, mobil: kapak görseli kırpılmadan tam görünsün (750x300 = 5:2) */
@media (max-width:820px){
  .bl-c a{grid-template-columns:minmax(0,1fr) 160px;align-items:center}
  .bl-im{aspect-ratio:5/2}
}
@media (max-width:560px){
  .bl-c a{grid-template-columns:minmax(0,1fr);grid-template-areas:"d" "i" "t";gap:10px}
  .bl-im{aspect-ratio:5/2;width:100%;border-radius:12px}
  .bl-tx h2{font-size:18px}
}
/* Liste ile ardından gelen paragraf arasında boşluk */
.sv-why+p{margin-top:clamp(20px,2vw,28px)}
/* Blog sayfa numarası: başlığın altında, aralıklı */
.pd-t .bl-sp{display:block;margin:.35em 0 0;font-size:.38em;line-height:1.2}