/* AI Store Plus — "Paketler" kutusu (aistore-family.php 1.0.0). Açıklama şablonunun (aspk) açık kartlarıyla uyumlu. */
.asp-fam{margin:34px 0 0;font-family:Cabin,system-ui,sans-serif;color:#5a6378;line-height:1.6}
.asp-fam *{box-sizing:border-box}
.asp-fam h2{font:600 26px/1.2 "Readex Pro",sans-serif;color:#0f1428;margin:0 0 6px;letter-spacing:-.015em;text-transform:none}
.asp-fam__lead{margin:0 0 18px;font-size:16px}
.asp-fam__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}
.asp-fam__card{position:relative;display:flex;flex-direction:column;gap:12px;padding:22px 22px 20px;border-radius:22px;background:#fff;border:1px solid #eceef4;box-shadow:0 18px 40px -30px rgba(30,27,75,.4)}
.asp-fam__card.is-own{border:1px solid transparent;background:linear-gradient(#faf7ff,#faf7ff) padding-box,linear-gradient(120deg,#4f46e5,#7c3aed 55%,#db2777) border-box}
.asp-fam__badge{align-self:flex-start;font:500 11.5px "Readex Pro",sans-serif;letter-spacing:.08em;text-transform:uppercase;padding:4px 10px;border-radius:999px;color:#4f46e5;background:#eef0ff}
.asp-fam__card.is-own .asp-fam__badge{color:#fff;background:linear-gradient(100deg,#4f46e5,#7c3aed 60%,#db2777)}
.asp-fam h3{font:600 17px/1.35 "Readex Pro",sans-serif;color:#0f1428;margin:0;text-transform:none;letter-spacing:-.01em}
.asp-fam ul{list-style:none!important;margin:0!important;padding:0!important;display:grid;gap:8px}
.asp-fam li{display:flex;gap:10px;align-items:flex-start;margin:0!important;padding:0;font-size:15px;list-style:none!important}
.asp-fam li::before,.asp-fam li::marker{content:none!important;display:none!important}
.asp-fam .ic{width:20px;height:20px;flex:none;margin-top:2px;stroke:#7c3aed;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.asp-fam__buy{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:6px;border-top:1px solid #eceef4}
.asp-fam__price{font:600 19px "Readex Pro",sans-serif;color:#0f1428}
.asp-fam__price del{font-size:14px;color:#9aa1b4;font-weight:400}
.asp-fam .asp-fam__pick{appearance:none;border:0;cursor:pointer;padding:10px 16px;border-radius:12px;font:500 14px "Readex Pro",sans-serif;color:#fff;background:linear-gradient(100deg,#4f46e5,#7c3aed);box-shadow:0 10px 22px -12px rgba(79,70,229,.8);transition:transform .15s ease,box-shadow .15s ease}
.asp-fam .asp-fam__pick:hover,.asp-fam .asp-fam__pick:focus-visible{transform:translateY(-1px);box-shadow:0 14px 26px -12px rgba(79,70,229,.9);color:#fff;background:linear-gradient(100deg,#4338ca,#6d28d9)}
.asp-fam .asp-fam__pick.is-picked{background:#0f1428}
.asp-fam__ask{margin-top:16px}
@media (max-width:680px){
	.asp-fam{margin-top:26px}
	.asp-fam h2{font-size:22px}
	.asp-fam__card{padding:18px 16px 16px;border-radius:18px}
	.asp-fam__buy{flex-wrap:wrap}
	.asp-fam .asp-fam__pick{flex:1 1 100%}
}
@media (prefers-reduced-motion:reduce){.asp-fam .asp-fam__pick{transition:none}}
/* 1.1.0: ürün sayfası stil B/D'nin numaralı başlık kuralı (body.aspk-st-b .aspk h3: sayaç rozeti + 76 px üst boşluk)
   kutu açıklamanın içinde olduğu için paket kartlarının başlığına da uygulanıyordu: kartın üstü boş kalıyor, sonraki
   bölümlerin numarası da kayıyordu. Kart başlığı sayaç almaz. */
body.aspk-st-b .aspk .asp-fam h3{counter-increment:none;display:block;font:600 17px/1.35 "Readex Pro",sans-serif;letter-spacing:-.01em;margin:0;text-align:left;color:#0f1428}
body.aspk-st-b .aspk .asp-fam h3::before{content:none;display:none}
body.aspk-st-b .aspk .asp-fam h2::before{content:none;display:none}
/* 1.2.0 (2026-10-28): sağdan sola (Arapça). Yalnızca [dir="rtl"] altında; soldan sağa görünüm değişmez. Arapça bitişik
   yazı: harf aralığı sıfır. Asistan düğmesinin ok simgesi ters döner. */
[dir="rtl"] .asp-fam h2,[dir="rtl"] .asp-fam h3,[dir="rtl"] .asp-fam__badge{letter-spacing:0}
[dir="rtl"] body.aspk-st-b .aspk .asp-fam h3{text-align:right;letter-spacing:0}
[dir="rtl"] .asp-fam__ask .asp-as-ask__go svg{transform:scaleX(-1)}