/* AI Store Plus — ana sayfa "Blog" bölümü (aistore-blog.php 1.1.0). Başlık ve kenar boşlukları home.css'in .asph-sec/.asph-head kuralları; kartlar koyu (v2 SSS kartıyla aynı dil). */
.asph-blog .bp-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.asph-blog .bp-card{position:relative;display:flex;flex-direction:column;min-width:0;overflow:hidden;border-radius:24px;color:#c3bfef;background:radial-gradient(90% 60% at 100% 100%,rgba(219,39,119,.16),transparent 70%),radial-gradient(80% 60% at 0% 100%,rgba(79,70,229,.22),transparent 70%),#0a0d1f;border:1px solid rgba(255,255,255,.07);box-shadow:0 30px 60px -40px rgba(15,12,60,.9);transition:transform .25s,box-shadow .25s,border-color .25s}
.asph-blog .bp-card:hover{transform:translateY(-3px);border-color:rgba(196,181,253,.35);box-shadow:0 34px 64px -34px rgba(79,70,229,.6)}
.asph-blog .bp-card:focus-within{outline:2px solid #a78bfa;outline-offset:3px}
.asph-blog .bp-pic{display:block;aspect-ratio:16/9;overflow:hidden;background:#0b0f1b;border-bottom:1px solid rgba(255,255,255,.06)}
.asph-blog .bp-pic img{display:block;width:100%;height:100%;max-width:none;object-fit:cover;margin:0;transition:transform .6s ease}
.asph-blog .bp-card:hover .bp-pic img{transform:scale(1.04)}
.asph-blog .bp-body{display:flex;flex-direction:column;gap:10px;flex:1;padding:18px 22px 24px}
.asph-blog .bp-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;font:500 12.5px "Readex Pro",sans-serif;color:#a9a5dc}
.asph-blog .bp-cat{padding:5px 11px;border-radius:999px;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#f5d0fe;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14)}
.asph-blog .bp-card h3{margin:0;font-size:19px;font-weight:600;line-height:1.32;color:#fff!important}
.asph-blog .bp-card h3 a{color:#fff!important;text-decoration:none}
.asph-blog .bp-card h3 a::after{content:"";position:absolute;inset:0;border-radius:24px}
.asph-blog .bp-card h3 a:focus-visible{outline:none}
.asph-blog .bp-card p{margin:0;font-size:14.5px;line-height:1.55;color:#c3bfef;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
@media (max-width:1024px){
  .asph-blog .bp-grid{gap:16px}
  .asph-blog .bp-card h3{font-size:17.5px}
  .asph-blog .bp-body{padding:16px 18px 20px}
}
/* Telefon: yana kaydırmalı şerit (öteki ana sayfa bölümleri gibi); taşma kabın içinde kalır. */
@media (max-width:680px){
  .asph-blog .bp-grid{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:82%;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:22px;margin-bottom:-22px}
  .asph-blog .bp-grid::-webkit-scrollbar{display:none}
  .asph-blog .bp-grid.bp-n1{grid-auto-columns:100%}
  .asph-blog .bp-card{scroll-snap-align:start;border-radius:20px;box-shadow:0 18px 30px -22px rgba(15,12,60,.75)}
  .asph-blog .bp-card h3 a::after{border-radius:20px}
  .asph-blog .bp-card h3{font-size:17px}
}
@media (prefers-reduced-motion:reduce){
  .asph-blog .bp-card,.asph-blog .bp-pic img{transition:none}
  .asph-blog .bp-card:hover{transform:none}
  .asph-blog .bp-card:hover .bp-pic img{transform:none}
}
/* 1.3.0 (2026-10-28): sağdan sola (Arapça). Kategori çipinde harf aralığı ve büyük harf yok (Arapça bitişik yazı). */
[dir="rtl"] .asph-blog .bp-cat{letter-spacing:0;text-transform:none}
