/* AI Store Plus — ürün açıklaması stil D "Kartlı · cesur" (beyaz zemin). body.aspk-st-d; aspk-style-b.css'in ÜSTÜNE gelir
 * (kullanıcı 2026-10-16: B'yi beğendi, "daha cesur tasarım"). Büyük degrade başlıklar, renkli bantlar, renkli kartlar,
 * üzerine gelince ışık süzülmesi. Hareketler prefers-reduced-motion'da kapalı. */

body.aspk-st-d .aspk{--g1:linear-gradient(120deg,#4f46e5,#9333ea 50%,#db2777);--g2:linear-gradient(135deg,#0ea5e9,#6366f1);--g3:linear-gradient(135deg,#10b981,#0ea5e9);--g4:linear-gradient(135deg,#f59e0b,#ec4899)}

/* başlıklar */
body.aspk-st-d .aspk h3{font-size:38px;line-height:1.12;letter-spacing:-.035em;margin:96px 0 32px}
body.aspk-st-d .aspk h3::before{background:var(--g1);border:0;color:#fff;padding:8px 18px;font-size:12.5px;box-shadow:0 12px 26px -12px rgba(147,51,234,.75)}
body.aspk-st-d .aspk .k-about h2,body.aspk-st-d .aspk .k-guide>h2{font-size:46px;line-height:1.08;letter-spacing:-.04em;background:var(--g1);-webkit-background-clip:text;background-clip:text;color:transparent;padding-bottom:4px}
body.aspk-st-d .aspk .k-intro{font-size:21px;line-height:1.65;color:#151a2e;max-width:920px;margin-top:56px}
body.aspk-st-d .aspk .k-intro strong{background:linear-gradient(transparent 62%,rgba(168,85,247,.25) 62%);color:#151a2e}

/* özet kutuları: renkli üst çizgi + büyük değer */
body.aspk-st-d .aspk .k-tile{position:relative;overflow:hidden;border:0;box-shadow:0 26px 50px -30px rgba(55,48,163,.55)}
body.aspk-st-d .aspk .k-tile::before{content:"";position:absolute;left:0;top:0;right:0;height:4px;background:var(--g1)}
body.aspk-st-d .aspk .k-tile b{font-size:23px}

/* "Nedir?": üç renkli kart */
body.aspk-st-d .aspk .k-about{margin-top:96px;gap:18px}
body.aspk-st-d .aspk .k-about p{padding:76px 28px 30px;border:0;font-size:16px}
body.aspk-st-d .aspk .k-about p::before{font-size:40px;letter-spacing:-.03em;top:22px;left:28px;-webkit-background-clip:text;background-clip:text;color:transparent}
body.aspk-st-d .aspk .k-about p:nth-of-type(1){background:radial-gradient(120% 120% at 100% 0%,#db2777 0%,transparent 50%),linear-gradient(150deg,#4338ca,#7c3aed);box-shadow:0 30px 60px -32px rgba(124,58,237,.8)}
body.aspk-st-d .aspk .k-about p:nth-of-type(1)::before{background:linear-gradient(90deg,#fff,#f5d0fe);-webkit-background-clip:text;background-clip:text}
body.aspk-st-d .aspk .k-about p:nth-of-type(2){background:linear-gradient(160deg,#e0f2fe,#eef2ff 60%,#fff);box-shadow:0 26px 50px -32px rgba(14,165,233,.55)}
body.aspk-st-d .aspk .k-about p:nth-of-type(2)::before{background:var(--g2);-webkit-background-clip:text;background-clip:text}
body.aspk-st-d .aspk .k-about p:nth-of-type(3){background:linear-gradient(160deg,#fce7f3,#f5f3ff 60%,#fff);box-shadow:0 26px 50px -32px rgba(219,39,119,.45)}
body.aspk-st-d .aspk .k-about p:nth-of-type(3)::before{background:var(--g4);-webkit-background-clip:text;background-clip:text}

/* özellikler: koyu ışıltılı bant içinde renkli kartlar */
body.aspk-st-d .aspk .k-feat{position:relative;padding:30px;gap:16px;border-radius:34px;overflow:hidden;
  background:radial-gradient(50% 70% at 0% 0%,rgba(99,102,241,.55),transparent 70%),radial-gradient(45% 70% at 100% 100%,rgba(219,39,119,.45),transparent 70%),radial-gradient(40% 60% at 70% 0%,rgba(14,165,233,.3),transparent 70%),#0d0b2b;
  box-shadow:0 40px 80px -40px rgba(49,46,129,.9)}
body.aspk-st-d .aspk .k-fc{position:relative;overflow:hidden;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);box-shadow:inset 0 1px 0 rgba(255,255,255,.08);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
body.aspk-st-d .aspk .k-fc h4{color:#fff}
body.aspk-st-d .aspk .k-fc p{color:#c9cdea}
body.aspk-st-d .aspk .k-fc:nth-child(1){background:var(--g1);border-color:transparent}
body.aspk-st-d .aspk .k-fc:nth-child(1) .k-fi{background:rgba(255,255,255,.2)}
body.aspk-st-d .aspk .k-fc:nth-child(1) p{color:#f3e8ff}
body.aspk-st-d .aspk .k-fc:nth-child(6){background:linear-gradient(135deg,rgba(14,165,233,.35),rgba(99,102,241,.3))}
body.aspk-st-d .aspk .k-fi{width:50px;height:50px;border-radius:15px;box-shadow:0 12px 26px -10px rgba(0,0,0,.6)}

/* ışık süzülmesi (kartların üzerine gelince) */
body.aspk-st-d .aspk .k-fc::after,body.aspk-st-d .aspk .k-pi::after,body.aspk-st-d .aspk .k-gsec::after,body.aspk-st-d .aspk a.k-rc::after,body.aspk-st-d .aspk .k-step::after{
  content:"";position:absolute;top:0;bottom:0;left:-60%;width:45%;pointer-events:none;background:linear-gradient(100deg,transparent,rgba(255,255,255,.28),transparent);transform:skewX(-18deg);opacity:0}
body.aspk-st-d .aspk .k-fc:hover::after,body.aspk-st-d .aspk .k-pi:hover::after,body.aspk-st-d .aspk .k-gsec:hover::after,body.aspk-st-d .aspk a.k-rc:hover::after,body.aspk-st-d .aspk .k-step:hover::after{animation:aspkShine .9s ease}
@keyframes aspkShine{0%{left:-60%;opacity:1}100%{left:130%;opacity:1}}
body.aspk-st-d .aspk .k-fc,body.aspk-st-d .aspk .k-pi,body.aspk-st-d .aspk .k-gsec,body.aspk-st-d .aspk a.k-rc,body.aspk-st-d .aspk .k-step{transition:transform .25s ease,box-shadow .25s ease}
body.aspk-st-d .aspk .k-fc:hover,body.aspk-st-d .aspk .k-pi:hover,body.aspk-st-d .aspk .k-step:hover,body.aspk-st-d .aspk a.k-rc:hover{transform:translateY(-5px)}

/* rehber: renkli şerit, büyük numara, renkli zemin */
body.aspk-st-d .aspk .k-guide{margin-top:110px}
body.aspk-st-d .aspk .k-gsec{position:relative;overflow:hidden;border:0;padding:40px 42px 40px 48px;margin-bottom:20px;box-shadow:0 30px 60px -38px rgba(55,48,163,.55)}
body.aspk-st-d .aspk .k-gsec:nth-of-type(1){background:linear-gradient(120deg,#eef2ff,#fff 55%)}
body.aspk-st-d .aspk .k-gsec:nth-of-type(2){background:linear-gradient(120deg,#fdf2f8,#fff 55%)}
body.aspk-st-d .aspk .k-gsec:nth-of-type(3){background:linear-gradient(120deg,#ecfeff,#fff 55%)}
body.aspk-st-d .aspk .k-gsec > h3 + p,body.aspk-st-d .aspk .k-gsec p{position:relative}
body.aspk-st-d .aspk .k-gsec:nth-of-type(1)::before{background:var(--g1)}
body.aspk-st-d .aspk .k-gsec:nth-of-type(2)::before{background:var(--g4)}
body.aspk-st-d .aspk .k-gsec:nth-of-type(3)::before{background:var(--g3)}
body.aspk-st-d .aspk .k-gsec::before{width:72px;height:72px;border-radius:22px;font-size:30px}
body.aspk-st-d .aspk .k-gsec h3{font-size:26px;margin-top:18px}
body.aspk-st-d .aspk .k-gsec p:last-of-type{background:#fff;border:1px solid #e9e5ff;box-shadow:0 10px 24px -20px rgba(55,48,163,.5)}

/* kimler için: renkli çipler */
body.aspk-st-d .aspk .k-aud li{border:0;color:#fff;background:var(--g1);box-shadow:0 12px 24px -16px rgba(124,58,237,.8)}
body.aspk-st-d .aspk .k-aud li:nth-child(2){background:var(--g2)}
body.aspk-st-d .aspk .k-aud li:nth-child(3){background:var(--g3)}
body.aspk-st-d .aspk .k-aud li:nth-child(4){background:var(--g4)}
body.aspk-st-d .aspk .k-aud .ic{color:#fff}

/* paket: renkli üst çizgi + büyük ikon */
body.aspk-st-d .aspk .k-pi{position:relative;overflow:hidden;border:0}
body.aspk-st-d .aspk .k-pi::before{content:"";position:absolute;left:0;top:0;right:0;height:4px;background:var(--g1)}
body.aspk-st-d .aspk .k-pi:nth-child(3n+2)::before{background:var(--g2)}
body.aspk-st-d .aspk .k-pi:nth-child(3n)::before{background:var(--g4)}
body.aspk-st-d .aspk .k-pic{width:54px;height:54px;border-radius:16px}
body.aspk-st-d .aspk .k-pi:nth-child(3n+2) .k-pic{background:var(--g2)}
body.aspk-st-d .aspk .k-pi:nth-child(3n) .k-pic{background:var(--g4)}
body.aspk-st-d .aspk .k-pi b{font-size:17px}

/* karşılaştırma: bizim sütun parlak */
body.aspk-st-d .aspk .k-cmp{border:0;box-shadow:0 34px 70px -40px rgba(55,48,163,.6)}
body.aspk-st-d .aspk .k-cmp thead th.is-us{background:var(--g1);font-size:16px}
body.aspk-st-d .aspk .k-cmp tbody td.is-us{background:linear-gradient(90deg,#f3efff,#fbf8ff);color:#1e1b4b;font-weight:600}

/* artılar / dikkat: dolu renk başlık */
body.aspk-st-d .aspk .k-box{border:0;padding-top:26px}
body.aspk-st-d .aspk .k-box::before{height:6px}
body.aspk-st-d .aspk .k-box h4{font-size:20px}
body.aspk-st-d .aspk .b-plus{background:linear-gradient(180deg,#dcfce7,#fff 55%)}
body.aspk-st-d .aspk .b-minus{background:linear-gradient(180deg,#fef3c7,#fff 55%)}

/* adımlar: dev numara, bağlantı çizgisi */
body.aspk-st-d .aspk .k-steps{position:relative;gap:18px}
body.aspk-st-d .aspk .k-steps::before{content:"";position:absolute;left:8%;right:8%;top:56px;height:3px;border-radius:3px;background:var(--g1);opacity:.35}
body.aspk-st-d .aspk .k-step{position:relative;overflow:hidden;border:0;padding:28px;text-align:center;background:#fff}
body.aspk-st-d .aspk .k-step b{width:64px;height:64px;border-radius:20px;font-size:26px;margin:0 auto 18px}
body.aspk-st-d .aspk .k-step h4{font-size:19px}

/* kurallar, not, SSS */
body.aspk-st-d .aspk .k-tips li{border:0;border-left:5px solid #7c3aed;border-radius:16px;background:linear-gradient(90deg,#f5f3ff,#fff)}
body.aspk-st-d .aspk .k-tips li:nth-child(even){border-left-color:#db2777;background:linear-gradient(90deg,#fdf2f8,#fff)}
body.aspk-st-d .aspk .k-note{background:linear-gradient(90deg,#fef3c7,#ffedd5);border:0;box-shadow:0 20px 40px -30px rgba(217,119,6,.7);font-size:16.5px}
body.aspk-st-d .aspk details[open]{border-color:transparent;box-shadow:0 0 0 2px #a78bfa,0 24px 50px -30px rgba(124,58,237,.6)}

/* ilgili ürünler + güven şeridi */
body.aspk-st-d .aspk a.k-rc{position:relative;border:0}
body.aspk-st-d .aspk a.k-rc:hover{box-shadow:0 0 0 2px #a78bfa,0 30px 60px -30px rgba(124,58,237,.7)}
body.aspk-st-d .aspk .k-trust{padding:14px;border-radius:24px;background:var(--g1)}
body.aspk-st-d .aspk .k-trust div{background:rgba(255,255,255,.12);color:#fff}
body.aspk-st-d .aspk .k-trust span{background:rgba(255,255,255,.2)!important;color:#fff!important}

@media (prefers-reduced-motion:reduce){
  body.aspk-st-d .aspk *{animation:none!important;transition:none!important}
}
@media (max-width:820px){
  body.aspk-st-d .aspk .k-steps::before{display:none}
}
@media (max-width:700px){
  body.aspk-st-d .aspk h3{font-size:25px;margin:56px 0 20px}
  body.aspk-st-d .aspk .k-about h2,body.aspk-st-d .aspk .k-guide>h2{font-size:29px}
  body.aspk-st-d .aspk .k-intro{font-size:16.5px;margin-top:30px}
  body.aspk-st-d .aspk .k-about{margin-top:56px}
  body.aspk-st-d .aspk .k-about p{padding:62px 18px 20px}
  body.aspk-st-d .aspk .k-about p::before{font-size:32px;left:18px;top:16px}
  body.aspk-st-d .aspk .k-feat{padding:14px;border-radius:24px;gap:10px}
  body.aspk-st-d .aspk .k-guide{margin-top:64px}
  body.aspk-st-d .aspk .k-gsec{padding:22px 18px}
  body.aspk-st-d .aspk .k-gsec::before{width:54px;height:54px;font-size:22px;border-radius:16px}
  body.aspk-st-d .aspk .k-gsec h3{font-size:20px;margin-top:12px}
  body.aspk-st-d .aspk .k-step b{width:48px;height:48px;font-size:20px}
  body.aspk-st-d .aspk .k-trust{padding:8px}
}