/* AI Store Plus — Claude API / GPT API kurulum rehberi ([asp_api_guide], aistore-api-guide.php) ve API ürünlerinin açıklamasındaki
   rehber kutusu. Kripto rehberinin dili: koyu kart, mor vurgu; seçiciler .asp-ag / .ag-box ile başlar (WoodMart'ın tek sınıflı
   kuralları aksi halde ezer). */
.asp-ag{--ag-bg:#0a0e1a;--ag-card:#141a35;--ag-line:#2b3366;--ag-ink:#eef0ff;--ag-mute:#b4bbe0;--ag-acc:#6d4eec;--ag-acc2:#a993ff;--ag-ok:#34d399;--ag-no:#f87171;--ag-warn:#f5b84b;
	color:var(--ag-ink);font-size:16px;line-height:1.65;max-width:1080px;margin:0 auto 40px;background:var(--ag-bg);
	padding:34px 36px 30px;border-radius:24px;border:1px solid #1c2348;box-shadow:0 30px 70px -40px rgba(10,14,26,.9)}
.asp-ag h2{color:#fff;font-size:24px;line-height:1.3;margin:0 0 14px;scroll-margin-top:110px}
.asp-ag h3{color:#fff;font-size:19px;line-height:1.35;margin:26px 0 10px}
.asp-ag p{margin:0 0 12px}
.asp-ag b,.asp-ag strong{color:#fff}
.asp-ag a{color:var(--ag-acc2);text-decoration:underline;text-underline-offset:3px}
.asp-ag code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.88em;color:#e9e4ff;background:#1c2246;border:1px solid #2e3672;border-radius:6px;padding:1px 6px;word-break:break-word}
.asp-ag kbd{font-family:inherit;font-size:.85em;color:#fff;background:#232a55;border:1px solid #3a4386;border-bottom-width:2px;border-radius:6px;padding:0 6px}
.asp-ag .ag-lead{font-size:18px;color:var(--ag-mute);max-width:860px}

/* Bölüm gezintisi */
.asp-ag .ag-nav{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 6px}
.asp-ag .ag-nav a{display:inline-block;font-size:14px;font-weight:600;color:#d9d1ff;background:#1b1f45;border:1px solid #3a3a8c;border-radius:99px;padding:6px 14px;text-decoration:none}
.asp-ag .ag-nav a:hover{background:#2f2470;color:#fff}

.asp-ag .ag-sec{margin-top:34px;padding-top:28px;border-top:1px solid #1e2550;scroll-margin-top:110px}

/* Teslim biçimi kartları */
.asp-ag .ag-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:16px 0}
.asp-ag .ag-card{display:flex;flex-direction:column;gap:6px;padding:18px;border-radius:18px;background:radial-gradient(120% 140% at 0% 0%,#2a2170 0%,#161a3c 55%,#11152e 100%);border:1px solid #3b3496;color:var(--ag-mute);text-decoration:none;transition:border-color .2s,transform .2s}
.asp-ag .ag-card:hover{border-color:var(--ag-acc2);transform:translateY(-2px)}
.asp-ag .ag-card b{font-size:17px}
.asp-ag .ag-card span{font-size:14.5px;line-height:1.55}
.asp-ag .ag-card .ag-tag{align-self:flex-start;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px;font-weight:700;color:#fff;background:var(--ag-acc);border-radius:8px;padding:3px 9px}

/* Tablolar */
.asp-ag .ag-table-wrap{overflow-x:auto;margin:14px 0;border-radius:16px;border:1px solid var(--ag-line);background:var(--ag-card)}
.asp-ag .ag-table{width:100%;border-collapse:collapse;margin:0;font-size:15px}
.asp-ag .ag-table th,.asp-ag .ag-table td{padding:11px 14px;border-bottom:1px solid #232a58;vertical-align:top;text-align:left;color:var(--ag-ink);background:transparent}
.asp-ag .ag-table tr:last-child th,.asp-ag .ag-table tr:last-child td{border-bottom:0}
.asp-ag .ag-table th{width:190px;color:#d9d1ff;font-weight:700;white-space:nowrap}
.asp-ag .ag-grid thead th{width:auto;background:#1b2148;color:#fff;font-size:14px}
.asp-ag .ag-grid td{min-width:150px}

/* Çalışır / çalışmaz */
.asp-ag .ag-fit{margin:10px 0}
.asp-ag .ag-ok,.asp-ag .ag-no{display:inline-block;font-size:12px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;border-radius:99px;padding:3px 10px;margin-right:8px;vertical-align:1px}
.asp-ag .ag-ok{color:#06281d;background:var(--ag-ok)}
.asp-ag .ag-no{color:#3a0a0a;background:var(--ag-no)}

/* Adımlar */
.asp-ag .ag-steps{counter-reset:ag;list-style:none;margin:10px 0 14px;padding:0}
.asp-ag .ag-steps>li{counter-increment:ag;position:relative;padding:0 0 12px 44px;margin:0}
.asp-ag .ag-steps>li::before{content:counter(ag);position:absolute;left:0;top:0;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:14px;color:#fff;background:var(--ag-acc)}
.asp-ag .ag-list{margin:8px 0 12px;padding-left:22px}
.asp-ag .ag-list li{margin:0 0 8px}

/* Kod blokları */
.asp-ag .ag-code{position:relative;margin:10px 0 12px}
.asp-ag .ag-code pre{margin:0;padding:16px 18px;padding-right:96px;background:#05070f;border:1px solid #262d5e;border-radius:14px;overflow-x:auto;white-space:pre}
.asp-ag .ag-code pre code{display:block;background:none;border:0;padding:0;font-size:13.5px;line-height:1.6;color:#e6e9ff;word-break:normal}
.asp-ag button.ag-copy{position:absolute;top:10px;right:10px;font-size:12px;font-weight:700;line-height:1;color:#fff;background:#2f2470;border:1px solid #5b47d6;border-radius:8px;padding:7px 10px;cursor:pointer;min-height:0}
.asp-ag button.ag-copy:hover{background:var(--ag-acc);color:#fff}

/* Notlar */
.asp-ag .ag-note,.asp-ag .ag-warn{padding:12px 16px;border-radius:14px;font-size:15px;margin:12px 0}
.asp-ag .ag-note{background:#151b3d;border:1px solid #2e3672;color:var(--ag-mute)}
.asp-ag .ag-warn{background:#2a2110;border:1px solid #6e5317;color:#f3e6c8}

/* Ürün bağlantıları */
.asp-ag .ag-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px}
.asp-ag .ag-cta a{display:inline-block;font-weight:700;color:#fff;background:var(--ag-acc);border-radius:12px;padding:12px 18px;text-decoration:none}
.asp-ag .ag-cta a:hover{background:#5a3ed6}

@media (max-width:820px){
	.asp-ag{padding:24px 18px 22px;border-radius:18px;font-size:15.5px}
	.asp-ag .ag-cards{grid-template-columns:1fr}
	.asp-ag .ag-table th{width:auto;white-space:normal;min-width:110px}
	.asp-ag h2{font-size:21px}
}

/* Ürün açıklamasındaki rehber kutusu (koyu açıklama kartının içinde) */
.ag-box{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:18px 0 22px;padding:18px 20px;border-radius:18px;
	background:radial-gradient(120% 160% at 0% 0%,#3a2a8a 0%,#1d1850 50%,#10142c 100%);border:1px solid #5b47d6}
.ag-box .ag-box-t{display:flex;flex-direction:column;gap:4px;min-width:0}
.ag-box .ag-box-t b{color:#fff;font-size:17px}
.ag-box .ag-box-t span{color:#cfd3f5;font-size:14.5px;line-height:1.5}
.ag-box a.ag-box-b{flex:none;font-weight:800;color:#fff;background:#6d4eec;border-radius:12px;padding:11px 16px;text-decoration:none;white-space:nowrap}
.ag-box a.ag-box-b:hover{background:#5a3ed6;color:#fff}
@media (max-width:680px){
	.ag-box{flex-direction:column;align-items:stretch}
	.ag-box a.ag-box-b{text-align:center}
}