/* ── Info/Warn kutuları ── */
.info-box { background:#eff6ff;border:1px solid #bfdbfe;border-radius:var(--radius);padding:12px 14px;font-size:13px;color:#1e40af;line-height:1.6;margin-bottom:12px }
.warn-box { background:#fffbeb;border:1px solid #fde68a;border-radius:var(--radius);padding:12px 14px;font-size:13px;color:#92400e;line-height:1.6;margin-bottom:12px }
.tip-box  { display:flex;gap:10px;align-items:flex-start;background:var(--primary-light);border-radius:var(--radius);padding:12px 14px;font-size:13px;color:var(--primary-text);line-height:1.6;margin:12px 0 }
/* ── Karşılaştırma tablosu ── */
.compare-table { width:100%;border-collapse:collapse;font-size:13px;margin:10px 0 }
.compare-table th { background:var(--primary-light);padding:9px 12px;text-align:left;font-weight:600;color:var(--primary-text);font-size:12px;text-transform:uppercase;letter-spacing:.4px }
.compare-table td { padding:8px 12px;border-bottom:1px solid var(--border);color:var(--text-2) }
.compare-table tr:last-child td { border-bottom:none }
.compare-table tr:nth-child(even) td { background:var(--bg) }
/* ── Grafik ── */
.chart-wrap { position:relative;height:260px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;margin:12px 0 }
/* ── Kod bloğu ── */
.code-block { background:#1e293b;color:#a5b4fc;border-radius:var(--radius);padding:14px 16px;font-family:monospace;font-size:13px;line-height:1.6;overflow-x:auto;white-space:pre-wrap;word-break:break-all;margin:10px 0 }
/* ── Renk önizleme ── */
.color-preview { width:100%;height:80px;border-radius:var(--radius);border:1px solid var(--border);margin:8px 0;transition:background .2s }
/* ── Progress bar ── */
.progress-bar-wrap { background:var(--border);border-radius:999px;height:8px;overflow:hidden;margin:6px 0 }
.progress-bar-fill { height:100%;border-radius:999px;background:linear-gradient(90deg,var(--primary),var(--primary-dark));transition:width .4s ease }
/* ── Toast ── */
.toast { position:fixed;bottom:24px;left:50%;transform:translateX(-50%) translateY(80px);background:var(--navy);color:#fff;padding:10px 20px;border-radius:999px;font-size:13px;font-weight:500;box-shadow:var(--shadow-lg);transition:transform .25s ease;z-index:9000;pointer-events:none }
.toast.show { transform:translateX(-50%) translateY(0) }
/* ── E-Ticaret komisyon ── */
.komisyon-row { display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--border);font-size:13px }
.komisyon-row:last-child { border-bottom:none }
.komisyon-label { color:var(--text-2) }
.komisyon-value { font-weight:600;color:var(--text) }
.komisyon-value.minus { color:var(--danger) }
.komisyon-value.plus  { color:var(--success) }
/* ── Spinner ── */
.spinner { width:22px;height:22px;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .7s linear infinite;margin:0 auto }
@keyframes spin { to { transform:rotate(360deg) } }
/* ── Responsive ── */
@media(max-width:640px){.chart-wrap{height:200px}.compare-table th,.compare-table td{padding:6px 8px;font-size:12px}}