/* Artello Decor — ORTAK BOŞLUK ÖLÇEĞİ
   Sayfaların satır içi CSS'inden SONRA yüklenir (</head> öncesi); sayfalardaki
   yerel --sect değerini ezer. Kullanan sayfalar: index, kategori, isikli-tablo,
   product, blog, blog-yazi. Değer değiştirirken yalnız bu dosyayı düzenle, sonra
   scripts/bump-asset-versions.py çalıştır.
   Masaüstü (>=768px) / mobil (<768px) ayrı değerler. */
:root{
  --sp-section:44px;     /* bölüm üst/alt iç boşluğu */
  --sp-section-sm:28px;  /* hafif bölüm boşluğu (hero altı, özet şeritleri) */
  --sp-head:20px;        /* bölüm başlığı -> içerik */
  --sp-more:20px;        /* içerik -> "Tümünü gör" / daha fazla */
  --sp-card:16px;        /* kart arası */
  --sp-title-text:8px;   /* başlık -> metin */
  --sect:var(--sp-section);
}
@media(min-width:768px){
  :root{
    --sp-section:72px;
    --sp-section-sm:44px;
    --sp-head:32px;
    --sp-more:28px;
    --sp-card:24px;
    --sp-title-text:12px;
  }
}

/* Bölüm başlığı ile içerik */
.head{margin-bottom:var(--sp-head);}
.rev-head{margin-bottom:var(--sp-head);}
.list-head{margin-bottom:var(--sp-head);}
/* içerik ile "daha fazla" */
.kf-more{margin-top:var(--sp-more);}
.wall-more{margin-top:var(--sp-more);}

/* Yan yana iki düz (arka plansız) bölüm: üst boşluk bir kez sayılsın */
section.block:not(.cat-index):not(.reviews) + section.block:not(.cat-index):not(.reviews){padding-top:0;}

/* Bölüm içi bloklar */
.steps{padding-top:var(--sp-section-sm);padding-bottom:var(--sp-section);}
.pdp{padding-top:var(--sp-section-sm);padding-bottom:var(--sp-section);}
.desc{padding-top:var(--sp-section-sm);}
.light-feats{padding-top:var(--sp-section-sm);}
.light-info{padding-top:var(--sp-section-sm);padding-bottom:var(--sp-section);}
.cat-hero .wrap{padding-top:var(--sp-section-sm);padding-bottom:var(--sp-section-sm);}
.grid-msg{padding-top:40px;padding-bottom:40px;}
.cart-empty{padding-top:48px;padding-bottom:48px;}

/* Footer */
footer{padding-top:var(--sp-section);}
.foot-grid{padding-bottom:40px;}

/* Blog */
.blog-head .wrap{padding-top:var(--sp-section-sm);padding-bottom:var(--sp-section-sm);}
.blog-grid{gap:var(--sp-card) var(--sp-card);padding-top:var(--sp-head);padding-bottom:var(--sp-section);}
.blog-chips{padding-top:var(--sp-head);}
.blog-pager{padding-bottom:var(--sp-section);}
.blog-soon{padding-top:var(--sp-section);padding-bottom:var(--sp-section);}
.blog-article{padding-top:var(--sp-section-sm);padding-bottom:var(--sp-section-sm);}
.blog-rel{padding-top:var(--sp-section-sm);padding-bottom:0;}
.blog-rel .blog-grid{padding-top:var(--sp-head);padding-bottom:var(--sp-section-sm);}
.bprod-grid{gap:var(--sp-card);padding-top:var(--sp-head);padding-bottom:var(--sp-section-sm);}
.ba-cover{margin-top:var(--sp-head);}
.blog-body{margin-top:var(--sp-head);line-height:1.75;}
.blog-body p{margin:0 0 1em;}
.blog-body h2{margin:1.6em 0 .5em;}
.blog-body h3{margin:1.3em 0 .4em;}
.blog-body ul,.blog-body ol{margin:0 0 1em;}
.blog-body li{margin:.2em 0;}
.blog-body img{margin:1.2em 0;}
.blog-body h2+p,.blog-body h3+p,.blog-body h2+ul,.blog-body h3+ul,.blog-body h2+ol,.blog-body h3+ol{margin-top:0;}
/* Eski kayıtlardan kalan boş paragraflar / art arda <br> sayfada görünmesin */
.blog-body p:empty,.blog-body li:empty{display:none;}
.blog-body br + br{display:none;}