.svk{max-width:780px;margin:0 auto 30px;color:#1f2937}
.svk *{box-sizing:border-box}
.svk-kural{background:#fff7e0;border:1px solid #f1d17a;border-radius:10px;padding:12px 14px;margin:0 0 16px;font-size:14px;line-height:1.55;color:#5a4400}
.svk-kural-simdi{margin-top:6px;color:#3b2e00}
.svk-tabs{display:flex;gap:8px;margin-bottom:12px}
.svk-tab{flex:1;padding:12px 8px;border:1px solid #cfd6e4;background:#f3f5fa;border-radius:10px;font-weight:600;cursor:pointer;text-align:center;font-size:14px;color:#1f2d4d;line-height:1.25}
.svk-tab.on{background:#1c3d8f;border-color:#1c3d8f;color:#fff}
.svk-box{background:#fff;border:1px solid #dfe4ee;border-radius:12px;padding:16px;margin-bottom:14px}
.svk label{display:block;font-weight:600;margin:0 0 4px;font-size:13px}
.svk input[type=text],.svk input[type=tel]{width:100%;height:46px;border:1px solid #c9d1e0;border-radius:8px;padding:0 12px;font-size:16px;margin-bottom:12px;background:#fff}
.svk input:focus{outline:2px solid #1c3d8f33;border-color:#1c3d8f}
.svk-btn{display:block;width:100%;height:48px;border:0;border-radius:8px;background:#1c3d8f;color:#fff;font-weight:700;font-size:16px;cursor:pointer}
.svk-btn[disabled]{opacity:.6;cursor:wait}
.svk-link{display:inline-block;margin-top:8px;padding:10px 14px;border-radius:8px;background:#e8edf9;color:#1c3d8f;font-weight:600;text-decoration:none}
.svk-err{background:#fdecea;border:1px solid #f5b5ad;color:#8a1c12;border-radius:8px;padding:10px 12px;margin-bottom:12px;font-size:14px;line-height:1.5}
.svk-load{padding:10px 2px;color:#52607a;font-size:14px}
.svk-card{background:#fff;border:1px solid #dfe4ee;border-radius:12px;padding:16px;margin-bottom:14px}
.svk-card-h{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;flex-wrap:wrap;margin-bottom:8px}
.svk-tarih{font-size:13px;color:#52607a}
.svk-rozet{display:inline-block;padding:3px 10px;border-radius:20px;background:#e8edf9;color:#1c3d8f;font-size:12px;font-weight:700}
.svk-rozet.iptal{background:#fdecea;color:#8a1c12}
.svk-urunler{margin:6px 0 10px;padding-left:18px;font-size:14px;color:#374151}
.svk-mesaj{font-size:16px;font-weight:600;margin:8px 0;line-height:1.45}
.svk-kargo-kural{font-size:14px;color:#5a4400;background:#fff7e0;border-radius:8px;padding:8px 10px;margin:8px 0}
.svk-takipno{font-size:13px;color:#52607a;margin:10px 0 4px}
.svk-takipno b{color:#111827;letter-spacing:.3px}
.svk-aras{margin-top:6px}
.svk-steps{display:flex;margin:14px 0 12px}
.svk-step{flex:1;text-align:center;position:relative;font-size:11px;color:#8a94a8;line-height:1.2}
.svk-step:before{content:"";position:absolute;top:11px;left:-50%;width:100%;height:3px;background:#d8deea;z-index:0}
.svk-step:first-child:before{display:none}
.svk-dot{position:relative;z-index:1;width:24px;height:24px;margin:0 auto 6px;border-radius:50%;background:#d8deea;color:#fff;font-size:13px;line-height:24px;font-weight:700}
.svk-step.done .svk-dot{background:#1c3d8f}
.svk-step.done:before{background:#1c3d8f}
.svk-step.cur{color:#1c3d8f;font-weight:700}
.svk-step.cur .svk-dot{background:#e11d2e}
.svk-step.cur:before{background:#1c3d8f}
.svk-dl{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;font-size:14px;margin:10px 0}
.svk-dl dt{color:#52607a;font-weight:500}
.svk-dl dd{margin:0;font-weight:600}
.svk-tl{list-style:none;margin:10px 0 0;padding:0;border-left:2px solid #d8deea}
.svk-tl li{position:relative;padding:0 0 10px 14px;font-size:13px;line-height:1.4}
.svk-tl li:before{content:"";position:absolute;left:-6px;top:4px;width:10px;height:10px;border-radius:50%;background:#1c3d8f}
.svk-tl li span{display:block;color:#52607a;font-size:12px}
@media(max-width:520px){.svk-step{font-size:10px}.svk-tab{font-size:13px}.svk-box,.svk-card{padding:14px}}