/* AI Store Plus — ürün açıklaması şablonu "Karşılaştırma · Premium Renkli" (Şablon 3, 2026-10-02 onaylı).
 * HTML'i mu-plugins/aistore-product-template.php üretir; yalnızca class kullanır. */

/* ---------- tema çakışmalarına karşı sıfırlama ---------- */
.aspk,.aspk *{box-sizing:border-box}
.aspk ul,.aspk ol{list-style:none!important;margin:0!important;padding:0!important}
.aspk li{margin:0!important;padding:0;list-style:none!important}
.aspk li::before,.aspk li::marker{content:none!important;display:none!important}
.aspk table{margin:0!important;border:0!important;background:none!important;width:100%;border-collapse:collapse;table-layout:auto}
.aspk th,.aspk td{border:0;background:none;text-transform:none;letter-spacing:normal}
.aspk p:empty,.aspk br{display:none}
.aspk svg{display:inline-block;vertical-align:middle}

/* ---------- temel ---------- */
.aspk{--ink:#0f1428;--muted:#5a6378;--line:#eceef4;--indigo:#4f46e5;--violet:#7c3aed;--fuchsia:#db2777;--sky:#0ea5e9;--teal:#0d9488;--emerald:#059669;--amber:#d97706;font-family:Cabin,system-ui,sans-serif;color:var(--muted);line-height:1.7;font-size:16px;margin:0 0 10px}
.aspk h2,.aspk h3,.aspk h4{font-family:"Readex Pro",sans-serif;color:var(--ink);margin:0;letter-spacing:-.015em;text-transform:none}
.aspk p{margin:0}
.aspk strong{color:inherit;font-weight:600}
.aspk .ic{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}
.aspk details summary{list-style:none;cursor:pointer}
.aspk details summary::-webkit-details-marker{display:none}

/* ---------- giriş bandı ---------- */
.aspk .k-hero{position:relative;overflow:hidden;border-radius:26px;padding:42px 42px 78px;color:#e9e7ff;background:radial-gradient(120% 140% at 0% 0%,#4338ca 0%,transparent 55%),radial-gradient(90% 120% at 100% 0%,#9333ea 0%,transparent 60%),radial-gradient(80% 120% at 100% 100%,#db2777 0%,transparent 55%),#1e1b4b}
.aspk .k-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 60%,rgba(11,10,42,.35));pointer-events:none}
.aspk .k-hero > *{position:relative;z-index:1}
.aspk .k-top{display:grid;grid-template-columns:1fr 132px;gap:28px;align-items:center}
.aspk .k-kicker{display:inline-flex;align-items:center;gap:8px;font:500 12.5px "Readex Pro",sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#f5d0fe;padding:6px 12px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15)}
.aspk .k-hero h2{color:#fff!important;font-size:38px;line-height:1.12;font-weight:600;margin:16px 0 12px}
.aspk .k-hero h2 span{background:linear-gradient(90deg,#a5b4fc,#f0abfc);-webkit-background-clip:text;background-clip:text;color:transparent}
.aspk .k-lead{font-size:17px;max-width:640px;color:#ddd9ff}
.aspk .k-mark{width:132px;height:132px;border-radius:32px;display:grid;place-items:center;background:linear-gradient(160deg,rgba(255,255,255,.15),rgba(255,255,255,.05));border:1px solid rgba(255,255,255,.2);box-shadow:0 24px 50px -20px #0b0a2a,inset 0 1px 0 rgba(255,255,255,.25);overflow:hidden}
.aspk .k-mark img{width:84px;height:84px;object-fit:contain;border-radius:18px;margin:0!important}
.aspk .k-mark span{font:700 44px "Readex Pro",sans-serif;color:#fff}

/* ---------- renkli özet kutuları ---------- */
.aspk .k-sum{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:-34px 22px 0;position:relative;z-index:2}
.aspk .k-tile{border-radius:18px;padding:18px 18px 16px;background:#fff;border:1px solid var(--line);box-shadow:0 14px 34px -22px rgba(30,27,75,.5)}
.aspk .k-ti{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;margin-bottom:12px}
.aspk .k-ti .ic{width:20px;height:20px}
.aspk .k-tile > span{display:block;font-size:12.5px;letter-spacing:.06em;text-transform:uppercase}
.aspk .k-tile b{display:block;font:600 21px "Readex Pro",sans-serif;color:var(--ink);letter-spacing:-.02em;margin-top:2px;line-height:1.3}
.aspk .t-sky .k-ti{background:#e0f2fe;color:var(--sky)}
.aspk .t-violet .k-ti{background:#ede9fe;color:var(--violet)}
.aspk .t-teal .k-ti{background:#ccfbf1;color:var(--teal)}
.aspk .t-amber{background:linear-gradient(180deg,#fffbeb,#fff);border-color:#fde7b0}
.aspk .t-amber .k-ti{background:#fef3c7;color:var(--amber)}
.aspk .t-amber b{color:#b45309}
.aspk .t-emerald{background:linear-gradient(180deg,#f0fdf8,#fff);border-color:#bbf0dc}
.aspk .t-emerald .k-ti{background:#d1fae5;color:var(--emerald)}
.aspk .t-emerald b{color:#047857}

.aspk .k-intro{margin:34px 4px 0;font-size:16.5px;max-width:860px}
.aspk h3{font-size:23px;font-weight:600;margin:42px 0 16px;display:flex;align-items:center;gap:12px}
.aspk h3::before{content:"";width:6px;height:24px;border-radius:6px;background:linear-gradient(var(--indigo),var(--fuchsia));flex:none}

/* ---------- karşılaştırma ---------- */
.aspk .k-cmp{border-radius:22px;overflow:hidden;border:1px solid var(--line);box-shadow:0 18px 40px -30px rgba(30,27,75,.4)}
.aspk .k-cmp table{font-size:15.5px}
.aspk .k-cmp th,.aspk .k-cmp td{padding:16px 20px;text-align:left;vertical-align:middle}
.aspk .k-cmp thead th{font:500 14.5px "Readex Pro",sans-serif;color:#6b7187;background:#f8f8fc}
.aspk .k-cmp thead th.is-us{color:#fff;background:linear-gradient(100deg,var(--indigo),var(--violet) 60%,var(--fuchsia))}
.aspk .k-cmp thead th.is-us small{display:inline-block;margin-left:8px;font:500 11px "Readex Pro",sans-serif;letter-spacing:.08em;text-transform:uppercase;padding:3px 8px;border-radius:999px;background:rgba(255,255,255,.18)}
.aspk .k-cmp tbody tr + tr td{border-top:1px solid var(--line)}
.aspk .k-cmp tbody td:first-child{font:500 15px "Readex Pro",sans-serif;color:var(--ink);width:22%}
.aspk .k-cmp tbody td.is-us{background:#faf7ff;color:#2a2160;font-weight:500}
.aspk .k-cell{display:inline-flex;align-items:center;gap:10px}
.aspk .k-dot{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;flex:none}
.aspk .k-dot .ic{width:15px;height:15px;stroke-width:2.2}
.aspk .d-yes{background:#d1fae5;color:var(--emerald)}
.aspk .d-warn{background:#fef3c7;color:var(--amber)}
.aspk .d-info{background:#e0e7ff;color:var(--indigo)}

/* ---------- artılar / dikkat ---------- */
.aspk .k-two{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.aspk .k-box{border-radius:20px;padding:22px 24px;border:1px solid var(--line);background:#fff;position:relative;overflow:hidden}
.aspk .k-box::before{content:"";position:absolute;left:0;top:0;right:0;height:4px}
.aspk .k-box h4{display:flex;align-items:center;gap:10px;font-size:17px;font-weight:600;margin-bottom:12px}
.aspk .k-box ul{display:grid;gap:10px}
.aspk .k-box li{display:flex;gap:10px;font-size:15.5px}
.aspk .k-box li .ic{width:18px;height:18px;margin-top:3px;stroke-width:2.2}
.aspk .b-plus{background:linear-gradient(180deg,#f0fdf8,#fff 60%)}
.aspk .b-plus::before{background:linear-gradient(90deg,#10b981,#14b8a6)}
.aspk .b-plus h4,.aspk .b-plus li .ic{color:var(--emerald)}
.aspk .b-minus{background:linear-gradient(180deg,#fffbeb,#fff 60%)}
.aspk .b-minus::before{background:linear-gradient(90deg,#f59e0b,#f97316)}
.aspk .b-minus h4,.aspk .b-minus li .ic{color:var(--amber)}

/* ---------- adımlar ---------- */
.aspk .k-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.aspk .k-step{border-radius:20px;padding:22px;background:#fff;border:1px solid var(--line)}
.aspk .k-step b{display:grid;place-items:center;width:40px;height:40px;border-radius:13px;font:600 16px "Readex Pro",sans-serif;color:#fff;margin-bottom:14px}
.aspk .k-step:nth-child(1) b{background:linear-gradient(135deg,#0ea5e9,#4f46e5);box-shadow:0 10px 20px -10px #4f46e5}
.aspk .k-step:nth-child(2) b{background:linear-gradient(135deg,#6366f1,#9333ea);box-shadow:0 10px 20px -10px #9333ea}
.aspk .k-step:nth-child(3) b{background:linear-gradient(135deg,#a855f7,#db2777);box-shadow:0 10px 20px -10px #db2777}
.aspk .k-step h4{font-size:16.5px;font-weight:500;margin-bottom:4px}
.aspk .k-step p{font-size:15px}
.aspk .k-note{display:flex;gap:14px;margin-top:18px;padding:18px 22px;border-radius:18px;background:linear-gradient(90deg,#fffbeb,#fff7ed);border:1px solid #fde3a7;color:#6b4708;font-size:15.5px}
.aspk .k-note .ic{color:var(--amber);margin-top:2px}
.aspk .k-note strong{color:#92400e}

/* ---------- SSS ---------- */
.aspk details{border-radius:16px;background:#fff;border:1px solid var(--line);padding:0 20px;margin:0 0 10px;transition:box-shadow .2s}
.aspk details[open]{box-shadow:0 12px 30px -24px #4f46e5;border-color:#e0dcfb}
.aspk summary{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:17px 0;font:500 16px "Readex Pro",sans-serif;color:var(--ink)}
.aspk summary::after{content:"+";flex:none;width:28px;height:28px;border-radius:50%;font:500 18px/28px "Readex Pro",sans-serif;text-align:center;color:#fff;background:linear-gradient(135deg,var(--indigo),var(--fuchsia));transition:transform .2s}
.aspk details[open] summary::after{transform:rotate(45deg)}
.aspk details p{padding:0 0 18px;font-size:15.5px}

/* ---------- güven şeridi ---------- */
.aspk .k-trust{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:34px}
.aspk .k-trust div{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:16px;background:#f8f8fc;font:500 14.5px "Readex Pro",sans-serif;color:var(--ink)}
.aspk .k-trust span{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;flex:none}
.aspk .k-trust .ic{width:19px;height:19px}
.aspk .k-trust div:nth-child(1) span{background:#e0e7ff;color:var(--indigo)}
.aspk .k-trust div:nth-child(2) span{background:#ccfbf1;color:var(--teal)}
.aspk .k-trust div:nth-child(3) span{background:#fce7f3;color:var(--fuchsia)}

/* ---------- kısa açıklama ---------- */
.aspk-short{margin:4px 0 16px;font-family:Cabin,system-ui,sans-serif}
.aspk-short ul{list-style:none!important;margin:0 0 10px!important;padding:0!important;display:grid;gap:7px}
.aspk-short li{display:flex;align-items:flex-start;gap:9px;margin:0!important;font-size:15px;color:#3f4759}
.aspk-short li::before{content:none!important}
.aspk-short li .ic{width:18px;height:18px;flex:none;margin-top:3px;stroke:#059669;fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.aspk-short .s-warn{display:flex;gap:9px;align-items:flex-start;padding:10px 12px;border-radius:12px;background:#fffbeb;border:1px solid #fde3a7;color:#6b4708;font-size:14.5px}
.aspk-short .s-warn .ic{width:18px;height:18px;flex:none;margin-top:2px;stroke:#d97706;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

@media (max-width:820px){
  .aspk .k-hero{padding:28px 24px 64px}.aspk .k-top{grid-template-columns:1fr}.aspk .k-mark{display:none}.aspk .k-hero h2{font-size:28px}
  .aspk .k-sum{grid-template-columns:1fr 1fr;margin:-42px 10px 0}
  .aspk .k-two,.aspk .k-steps,.aspk .k-trust{grid-template-columns:1fr}
  .aspk .k-cmp th,.aspk .k-cmp td{padding:12px}
}