/* ============================================================================
   SporMarket - vitrin, satın alma modalı, cüzdan + puan çevirici.
   games.css token'larına (--vks-*) bağlıdır; tema-proof (kritik yerlerde
   !important) ve mobile-first.
   ========================================================================== */

.vks-market { font-family: var(--vks-display); color: var(--vks-ink, #14141b); }
.vks-market *, .vks-market *::before, .vks-market *::after { box-sizing: border-box; }
/* TEK KÖŞE DİLİ: market + cüzdan + satın alma modalındaki tüm butonlar 13px.
   Küçük rozet/çipler (yükseklik ≤ 30px) kendi 8-10px değerlerini korur. */
.vks-market .vks-gbtn, .vks-mk-modal .vks-gbtn { border-radius: 13px !important; }
/* ---------- Başlık ---------- */
.vks-mk-head { display: flex; align-items: center; gap: 12px; margin: 6px 0 18px; }
.vks-mk-head-ic { display: inline-flex; align-items: center; justify-content: center; width: 46px; height: 46px; flex: 0 0 auto; border-radius: 14px; background: var(--vks-paper, #fff); border: 1px solid var(--vks-line, #e6e8ee); color: var(--vks-red, #ff3131); }
.vks-mk-head-tx h1 { margin: 0; font: 800 22px/1.2 var(--vks-display); color: var(--vks-ink, #14141b); }
.vks-mk-head-tx p { margin: 5px 0 0; font: 500 13.5px/1.5 var(--vks-display); color: var(--vks-muted, #8a8c98); }
.vks-mk-head-wallet { margin-left: auto; display: inline-flex; align-items: center; gap: 6px; flex: 0 0 auto; padding: 9px 14px; border-radius: 13px;
	background: var(--vks-paper, #fff); border: 1.5px solid var(--vks-line, #e6e8ee); color: var(--vks-ink, #14141b) !important;
	font: 800 13px/1 var(--vks-display); text-decoration: none !important; }
.vks-mk-head-wallet:hover { border-color: var(--vks-gold, #f2a900); color: #8a5a00 !important; }
@media (max-width: 560px) { .vks-mk-head { flex-wrap: wrap; } .vks-mk-head-wallet { margin-left: 0; width: 100%; justify-content: center; } .vks-mk-head-wallet span { flex: 0 0 auto; } }
/* ---------- Para rozeti ---------- */
.vks-coin { display: inline-flex; align-items: center; gap: 5px; background: #fff6df; border: 1px solid #f0dcae; color: #8a5a00; border-radius: 10px; padding: 5px 11px; font: 800 13px/1 var(--vks-display); }
.vks-coin i { font-style: normal; font-weight: 700; font-size: 11px; opacity: .8; }
/* Kart alt satırında fiyat ile buton AYNI yükseklik ve AYNI köşe yarıçapı */
.vks-coin.big { height: 42px; padding: 0 14px; border-radius: 13px; font-size: 15px; }
/* ---------- Kategori çipleri ---------- */
.vks-mk-cats { display: flex; gap: 8px; flex-wrap: wrap; margin: 0 0 14px; }
.vks-mk-chip { -webkit-appearance: none !important; appearance: none !important; display: inline-flex; align-items: center; height: 38px; padding: 0 16px;
	border-radius: 13px !important; background: var(--vks-paper, #fff) !important; border: 1.5px solid var(--vks-line, #e6e8ee) !important;
	color: var(--vks-ink, #14141b) !important; font: 700 13px/1 var(--vks-display) !important; text-decoration: none !important;
	box-shadow: none !important; cursor: pointer; text-transform: none !important; letter-spacing: normal !important; transition: border-color .15s, background .15s; }
.vks-mk-chip:hover { border-color: var(--vks-line-2, #d3d6de) !important; background: var(--vks-bg, #f4f5f8) !important; }
.vks-mk-chip.is-on { background: var(--vks-ink, #14141b) !important; border-color: var(--vks-ink, #14141b) !important; color: #fff !important; }
/* ---------- Ürün grid ---------- */
.vks-mk-grid { display: grid !important; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 14px; }
@media (max-width: 520px) { .vks-mk-grid { grid-template-columns: 1fr 1fr; gap: 10px; } }
@media (max-width: 360px) { .vks-mk-grid { grid-template-columns: 1fr; } }
.vks-mk-card { display: flex; flex-direction: column; background: var(--vks-paper, #fff); border: 1px solid var(--vks-line, #e6e8ee); border-radius: 14px; overflow: hidden; box-shadow: var(--vks-shadow); }
.vks-mk-card.is-off { opacity: .62; }
.vks-mk-cover { position: relative; aspect-ratio: 16/10; background: var(--vks-bg, #f1f2f5); display: flex; align-items: center; justify-content: center; overflow: hidden; }
.vks-mk-cover img { width: 100%; height: 100%; object-fit: cover; display: block; }
.vks-mk-cover-ph { color: var(--vks-line-2, #d3d6de); }
.vks-mk-flag { position: absolute; top: 8px; left: 8px; padding: 4px 9px; border-radius: 8px; font: 800 10.5px/1 var(--vks-display); text-transform: uppercase; letter-spacing: .4px; color: #fff; background: #333; }
.vks-mk-flag.is-red { background: var(--vks-red, #ff3131); }
.vks-mk-flag.is-gold { background: var(--vks-gold, #f2a900); color: #2a1c00; }
.vks-mk-flag.is-green { background: var(--vks-green, #1f9d57); }
.vks-mk-body { display: flex; flex-direction: column; gap: 7px; padding: 12px 13px 13px; flex: 1 1 auto; }
.vks-mk-cat { font: 700 10.5px/1 var(--vks-display); text-transform: uppercase; letter-spacing: .5px; color: var(--vks-muted, #8a8c98); }
.vks-mk-name { margin: 0; font: 800 15.5px/1.3 var(--vks-display); color: var(--vks-ink, #14141b); }
.vks-mk-short { margin: 0; font: 500 12.5px/1.5 var(--vks-display); color: var(--vks-muted, #8a8c98); }
.vks-mk-meta { list-style: none; margin: 2px 0 0; padding: 0; display: flex; flex-direction: column; gap: 3px; }
.vks-mk-meta li { display: flex; align-items: center; gap: 5px; font: 500 12px/1.4 var(--vks-display); color: #5c5f6b; }
.vks-mk-meta li b { font-weight: 700; color: var(--vks-ink, #14141b); }
.vks-mk-foot { margin-top: auto; padding-top: 10px; display: flex; align-items: center; justify-content: space-between; gap: 8px; flex-wrap: nowrap; }
.vks-mk-foot .vks-coin { flex: 0 0 auto; }
/* Eylem butonu kalan genişliği doldurur → sağ taraf boş kalmaz */
.vks-mk-foot .vks-gbtn { flex: 1 1 auto; min-width: 118px; height: 42px; min-height: 42px !important; border-radius: 13px !important; }
.vks-mk-foot .vks-mk-price-btn { flex: 1 1 100%; }   /* fiyat butonu tek başına tam satır */
.vks-mk-foot .vks-gbtn { padding: 0 14px !important; font-size: 13px !important; }
/* Uzun fiyatta (25.000) buton alt satıra düşüp diğer kartlardan farklı duruyordu:
   fiyat ve buton masaüstünde HEP aynı satırda, buton kalan yere sığar. */
.vks-mk-foot .vks-gbtn { min-width: 0; white-space: nowrap; }
/* Fiyat butonu: "satın al" yazısı YOK - para ikonu + tutar. Tüm kart genişliği.
   TEMA-PROOF: tema kendi <button> kuralıyla (kırmızı dolgu) eziyordu; altın
   dolgu ve metin renkleri !important ile sabitlendi. */
.vks-mk-price-btn { -webkit-appearance: none !important; appearance: none !important; width: 100%; display: inline-flex !important; align-items: center; justify-content: center; gap: 7px;
	height: 46px; min-height: 46px !important; padding: 0 14px !important; cursor: pointer; border: 0 !important; border-radius: 13px !important;
	background: var(--vks-gold, #f2a900) !important; background-image: none !important; color: #2a1c00 !important;
	font-family: var(--vks-display) !important; text-transform: none !important; letter-spacing: normal !important;
	text-decoration: none !important; box-shadow: none !important; transition: box-shadow .15s, transform .05s; }
.vks-mk-price-btn:hover, .vks-mk-price-btn:focus { background: var(--vks-gold, #f2a900) !important; color: #2a1c00 !important; box-shadow: inset 0 0 0 999px rgba(0,0,0,.07) !important; }
.vks-mk-price-btn:active { transform: translateY(1px); }
.vks-mk-price-ic { display: inline-flex; align-items: center; color: #7a5200 !important; }
.vks-mk-price-ic svg { color: inherit !important; }
.vks-mk-price-val { font: 900 18px/1 var(--vks-display) !important; color: #2a1c00 !important; font-variant-numeric: tabular-nums; }
.vks-mk-price-cur { font: 800 12px/1 var(--vks-display) !important; color: #2a1c00 !important; opacity: .8; }
.vks-mk-need-go { min-height: 42px !important; font-size: 12.5px !important; }
.vks-mk-note { margin: 16px 0 0; font: 500 13px/1.6 var(--vks-display); color: var(--vks-muted, #8a8c98); }
/* ---------- Satın alma modalı ---------- */
/* Modal <body> altına eklenir → .vks-market kapsayıcısının box-sizing'i ULAŞMAZ;
   tema content-box kullanırsa %100 genişlikli alanlar kutudan taşar. Burada garantiye alıyoruz. */
.vks-mk-modal, .vks-mk-modal *, .vks-mk-modal *::before, .vks-mk-modal *::after { box-sizing: border-box !important; }
.vks-mk-modal input, .vks-mk-modal textarea, .vks-mk-modal button { max-width: 100% !important; font-family: var(--vks-display, inherit); }
body.vks-modal-open { overflow: hidden; }
.vks-mk-modal { position: fixed; inset: 0; z-index: 100000; background: rgba(10,11,15,.62); display: flex; align-items: flex-start; justify-content: center; overflow: auto; padding: 5vh 12px; }
.vks-mk-modal[hidden] { display: none; }
.vks-mk-mbox { position: relative; width: 100%; max-width: 430px; background: #fff; border-radius: 16px; padding: 22px 20px 20px; box-shadow: 0 22px 60px rgba(10,11,15,.35); }
/* Kapat: tema kendi buton rengini (kırmızı dolgu) basmasın - nötr gri kare,
   dokunma hedefi 36px, başlık altına kaymasın diye başlıkta sağ boşluk var. */
.vks-mk-mx { position: absolute; top: 10px; right: 10px; z-index: 2;
	-webkit-appearance: none !important; appearance: none !important;
	display: inline-flex !important; align-items: center; justify-content: center;
	width: 36px; height: 36px; min-height: 0 !important; padding: 0 !important;
	background: var(--vks-bg, #f4f5f8) !important; color: var(--vks-muted, #8a8c98) !important;
	border: 0 !important; border-radius: 13px !important; box-shadow: none !important;
	font: 700 15px/1 var(--vks-display) !important; cursor: pointer; transition: background .14s, color .14s; }
.vks-mk-mx:hover { background: var(--vks-line, #e6e8ee) !important; color: var(--vks-ink, #14141b) !important; }
.vks-mkm-head { display: flex; gap: 12px; align-items: center; margin-bottom: 14px; padding-right: 42px; }
.vks-mkm-head img { width: 76px; height: 60px; object-fit: cover; border-radius: 10px; flex: 0 0 auto; }
.vks-mkm-head h3 { margin: 0 0 4px; font: 800 16px/1.25 var(--vks-display); color: var(--vks-ink, #14141b); }
.vks-mkm-price { font: 800 14px/1 var(--vks-display); color: #8a5a00; background: #fff6df; border-radius: 10px; padding: 5px 10px; display: inline-block; }
.vks-mkm-desc { margin: 0 0 14px; font: 500 13.5px/1.6 var(--vks-display); color: #4a4d59; }
.vks-mkm-desc p { margin: 0 0 8px; }
.vks-mkm-desc p:last-child { margin-bottom: 0; }
.vks-mkm-desc img { max-width: 100%; height: auto; border-radius: 8px; }
.vks-mkm-qty label, .vks-mkm-info label { display: block; font: 700 12.5px/1.4 var(--vks-display); color: var(--vks-ink, #14141b); margin: 0 0 6px; }
.vks-mkm-qrow { display: flex; align-items: center; gap: 8px; }
/* Adet -/+ : tema buton dolgusunu (kırmızı) basmasın */
.vks-mkm-qrow button { -webkit-appearance: none !important; appearance: none !important; width: 40px; height: 42px; min-height: 0 !important; padding: 0 !important;
	border-radius: 13px !important; border: 1.5px solid var(--vks-line, #e6e8ee) !important; background: var(--vks-bg, #f4f5f8) !important;
	font: 800 18px/1 var(--vks-display) !important; cursor: pointer; color: var(--vks-ink, #14141b) !important; box-shadow: none !important; }
.vks-mkm-qrow button:hover { background: var(--vks-line, #e6e8ee) !important; }
.vks-mkm-q { width: 78px !important; height: 42px; text-align: center; border-radius: 13px !important; border: 1.5px solid var(--vks-line, #e6e8ee) !important; font: 800 15px/1 var(--vks-display) !important; background: #fff !important; }
.vks-mkm-qty i { display: block; margin-top: 5px; font: 500 11.5px/1 var(--vks-display); color: var(--vks-muted, #8a8c98); font-style: normal; }
.vks-mkm-info { margin-top: 13px; }
.vks-mkm-info textarea { display: block; width: 100% !important; resize: vertical; min-height: 84px; border-radius: 13px !important; border: 1.5px solid var(--vks-line, #e6e8ee) !important; padding: 10px 12px !important; font: 500 13.5px/1.5 var(--vks-display) !important; background: #fff !important; }
/* ---------- Teslimat adresi (fiziksel ürün siparişi) ---------- */
.vks-mkm-ship { margin-top: 15px; padding-top: 14px; border-top: 1px solid var(--vks-line, #e6e8ee); }
.vks-mkm-ship-h { display: block; font: 800 13px/1.4 var(--vks-display); color: var(--vks-ink, #14141b); margin: 0 0 3px; }
.vks-mkm-ship-note { margin: 0 0 10px; font: 500 11.5px/1.5 var(--vks-display); color: var(--vks-muted, #8a8c98); }
.vks-mkm-fgrid { display: grid; grid-template-columns: 1fr 1fr; gap: 9px; }
.vks-mkm-f.is-wide { grid-column: 1 / -1; }
.vks-mkm-f label { display: block; font: 700 11.5px/1.4 var(--vks-display); color: #4a4d59; margin: 0 0 5px; }
.vks-mkm-f label i { font-style: normal; color: var(--vks-red, #ff3131); }
.vks-mkm-f input, .vks-mkm-f textarea {
	display: block; width: 100% !important; box-sizing: border-box;
	border-radius: 12px !important; border: 1.5px solid var(--vks-line, #e6e8ee) !important;
	padding: 9px 11px !important; font: 500 13.5px/1.45 var(--vks-display) !important;
	background: #fff !important; color: var(--vks-ink, #14141b) !important; }
.vks-mkm-f textarea { resize: vertical; min-height: 74px; }
.vks-mkm-f input:focus, .vks-mkm-f textarea:focus { outline: none; border-color: var(--vks-ink, #14141b) !important; }
/* Eksik alan: kırmızı çerçeve - yazmaya başlayınca JS kaldırır. */
.vks-mkm-f input.is-err, .vks-mkm-f textarea.is-err { border-color: var(--vks-red, #ff3131) !important; background: #fff6f6 !important; }
/* Onay ekranındaki adres özeti */
.vks-mkm-ship-ok { margin: 12px 0 14px; padding: 12px 14px; border-radius: 12px; text-align: left;
	background: var(--vks-bg, #f4f5f8); border: 1px solid var(--vks-line, #e6e8ee); }
.vks-mkm-ship-ok i { display: block; font-style: normal; font: 700 11px/1 var(--vks-display); text-transform: uppercase; letter-spacing: .5px; color: var(--vks-muted, #8a8c98); margin-bottom: 6px; }
.vks-mkm-ship-ok span { display: block; font: 500 12.5px/1.65 var(--vks-display); color: var(--vks-ink, #14141b); }
/* 400px altında da İKİ SÜTUN: tek sütun modalı gereksiz uzatıyordu (İl/İlçe yan yana kalsın) */

.vks-mkm-total { margin: 14px 0 4px; padding-top: 12px; border-top: 1px solid var(--vks-line, #e6e8ee); font: 600 14px/1 var(--vks-display); color: #4a4d59; display: flex; justify-content: space-between; }
.vks-mkm-total b { font-weight: 800; color: var(--vks-ink, #14141b); }
.vks-mkm-msg { margin: 8px 0 0; min-height: 16px; font: 600 12.5px/1.45 var(--vks-display); color: var(--vks-muted, #8a8c98); }
.vks-mkm-msg.is-err { color: var(--vks-red, #ff3131); }
.vks-mk-mbox .vks-gbtn.block { width: 100%; margin-top: 10px; }
.vks-mkm-note { margin: 9px 0 0; font: 500 11.5px/1.5 var(--vks-display); color: var(--vks-muted, #8a8c98); text-align: center; }
.vks-mkm-done { text-align: center; padding: 6px 0 2px; }
.vks-mkm-done-ic { display: inline-flex; align-items: center; justify-content: center; width: 54px; height: 54px; border-radius: 50%; background: #e8f7ee; color: var(--vks-green, #1f9d57); font-size: 26px; font-weight: 800; margin-bottom: 10px; }
.vks-mkm-done h3 { margin: 0 0 6px; font: 800 19px/1.2 var(--vks-display); }
.vks-mkm-done p { margin: 0 0 6px; font: 500 13.5px/1.55 var(--vks-display); color: #4a4d59; }
.vks-mkm-code-no b { font-weight: 800; letter-spacing: .5px; }
.vks-mkm-codes { margin: 12px 0; padding: 14px; border-radius: 12px; background: var(--vks-bg, #f4f5f8); border: 1px dashed var(--vks-line-2, #d3d6de); }
.vks-mkm-codes i { display: block; font-style: normal; font: 600 11.5px/1 var(--vks-display); text-transform: uppercase; letter-spacing: .5px; color: var(--vks-muted, #8a8c98); margin-bottom: 7px; }
.vks-mkm-codes b { display: block; font: 800 17px/1.5 var(--vks-display); letter-spacing: 1px; color: var(--vks-ink, #14141b); word-break: break-all; }
.vks-mkm-ok-note { margin: 10px 0 14px !important; }
.vks-mkm-done .vks-gbtn { width: 100%; }
/* ---------- İndirim ---------- */
.vks-mk-flag.is-sale { background: var(--vks-red, #ff3131); color: #fff; }
.vks-mk-was s { color: var(--vks-muted, #8a8c98); }
.vks-mk-was b { color: var(--vks-red, #ff3131); font-weight: 700; }
.vks-mkm-was { display: inline-flex; align-items: center; gap: 6px; margin-left: 8px; font: 600 12.5px/1 var(--vks-display); }
.vks-mkm-was s { color: var(--vks-muted, #8a8c98); }
.vks-mkm-was b { color: var(--vks-red, #ff3131); font-weight: 800; }

/* ---------- Son alınanlar şeridi (herkese açık) ---------- */
.vks-mk-feed { background: var(--vks-paper, #fff); border: 1px solid var(--vks-line, #e6e8ee); border-radius: 14px; padding: 13px 15px 14px; margin: 18px 0 14px; box-shadow: var(--vks-shadow); }
.vks-mk-feed-h { display: flex; align-items: center; gap: 7px; margin: 0 0 9px; font: 800 12.5px/1 var(--vks-display); text-transform: uppercase; letter-spacing: .5px; color: var(--vks-muted, #8a8c98); }
.vks-mk-feed-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 7px; }
.vks-mk-feed-list li { display: flex; align-items: center; gap: 9px; flex-wrap: wrap;
	font: 500 13px/1.4 var(--vks-display); color: #4a4d59; padding: 7px 10px;
	background: var(--vks-bg, #f4f5f8); border-radius: 10px; }
.vks-mk-feed-list b { font-weight: 800; color: var(--vks-ink, #14141b); }
.vks-mk-feed-list span { flex: 1 1 140px; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.vks-mk-feed-list em { display: inline-flex; align-items: center; gap: 4px; font-style: normal; font-weight: 800; color: #8a5a00; background: #fff6df; border-radius: 8px; padding: 3px 8px; flex: 0 0 auto; }
.vks-mk-feed-list i { font-style: normal; font-size: 11.5px; color: var(--vks-muted, #8a8c98); flex: 0 0 auto; }
@media (max-width: 480px) { .vks-mk-feed-list i { width: 100%; } }
/* Masaüstü: sabit sütunlar → tutar rozeti ve zaman her satırda aynı hizada (rakam genişliği
   ve "az önce"/"10 Ağu 2026" uzunluğu değişse de kaymaz). */
@media (min-width: 481px) {
	.vks-mk-feed-list li { display: grid; grid-template-columns: auto minmax(0, 1fr) 92px 96px; flex-wrap: nowrap; }
	.vks-mk-feed-list em { justify-self: end; font-variant-numeric: tabular-nums; }
	.vks-mk-feed-list i { justify-self: end; text-align: right; white-space: nowrap; }
}

/* ---------- Cüzdan sayfası ---------- */
.vks-mk-block { background: var(--vks-paper, #fff); border: 1px solid var(--vks-line, #e6e8ee); border-radius: 14px; padding: 16px 16px 18px; margin: 0 0 14px; box-shadow: var(--vks-shadow); }
.vks-mk-block h3 { display: flex; align-items: center; gap: 7px; margin: 0 0 12px; font: 800 15.5px/1.2 var(--vks-display); color: var(--vks-ink, #14141b); }
.vks-mk-muted { font: 500 12.5px/1.6 var(--vks-display); color: var(--vks-muted, #8a8c98); margin: 8px 0 0; }
.vks-mk-muted b { color: var(--vks-ink, #14141b); }
@media (max-width: 860px) { .vks-ex-stats { grid-template-columns: 1fr 1fr; } }
@media (max-width: 420px) { .vks-ex-stats { grid-template-columns: 1fr; } }
.vks-ex-form label { display: block; font: 700 12.5px/1.4 var(--vks-display); margin: 0 0 6px; }
/* Mesaj yokken hiç yer kaplamasın: boş <p> kalıcı boşluk bırakıyordu.
   Uyarı gelince araya girer, düzen kendisi esner. */
.vks-ex-msg:empty { display: none; }
.vks-ex-msg.is-err { color: var(--vks-red, #ff3131); }
.vks-ex-msg.is-ok { color: var(--vks-green, #1f9d57); }
.vks-mk-table { width: 100%; border-collapse: collapse; font: 500 13px/1.45 var(--vks-display); }
.vks-mk-table th { text-align: left; font: 700 11.5px/1 var(--vks-display); text-transform: uppercase; letter-spacing: .4px; color: var(--vks-muted, #8a8c98); padding: 8px 8px; border-bottom: 1px solid var(--vks-line, #e6e8ee); }
.vks-mk-table td { padding: 10px 8px; border-bottom: 1px solid var(--vks-line, #e6e8ee); color: #3f424e; vertical-align: top; }
.vks-mk-table td b { color: var(--vks-ink, #14141b); }
.vks-mk-table td i { display: block; font-style: normal; font-size: 11.5px; color: var(--vks-muted, #8a8c98); margin-top: 2px; }
.vks-mk-table .is-plus { color: var(--vks-green, #1f9d57); font-weight: 800; }
.vks-mk-table .is-minus { color: var(--vks-red, #ff3131); font-weight: 800; }
/* Tutar hücresi: madeni para + rakam tek satır, rakamlar hizalı */
.vks-mk-amt { white-space: nowrap; }
.vks-mk-amt .vks-coin-ic { margin-right: 5px !important; vertical-align: -3px; }
.vks-mk-code { display: inline-block; margin-top: 4px; padding: 3px 8px; border-radius: 6px; background: var(--vks-bg, #f4f5f8); font: 700 12px/1.4 var(--vks-display); letter-spacing: .5px; word-break: break-all; }
.vks-mk-badge { display: inline-flex; align-items: center; padding: 4px 10px; border-radius: 8px; font: 700 11.5px/1 var(--vks-display); color: #fff; background: var(--c, #8a8c98); white-space: nowrap; }
/* Tablolar mobilde SÜTUN GİZLEMEZ - sarmalayıcı içinde yatay kayar (veri kaybolmaz) */
.vks-mk-tscroll { overflow-x: auto; -webkit-overflow-scrolling: touch; }
.vks-mk-tscroll .vks-mk-table { min-width: 430px; }
.vks-mk-tscroll .vks-mk-table.is-orders { min-width: 480px; }
/* ---------- E-posta doğrulama (OTP) ---------- */
.vks-mkv { text-align: center; padding: 6px 2px 2px; }
.vks-mkv-ic { display: inline-flex; align-items: center; justify-content: center; width: 60px; height: 60px; border-radius: 50%; background: var(--vks-bg, #f4f5f8); font-size: 26px; margin: 0 0 18px; }
.vks-mkv-ic.is-ok { background: #e8f7ee; color: var(--vks-green, #1f9d57); font-weight: 800; }
.vks-mkv h3 { margin: 0 0 12px; font: 800 19px/1.3 var(--vks-display); color: var(--vks-ink, #14141b); }
.vks-mkv p { margin: 0 0 22px; font: 500 13.5px/1.7 var(--vks-display); color: #4a4d59; }
.vks-mkv-code { width: 100% !important; height: 60px; text-align: center; letter-spacing: 12px; font: 800 26px/1 var(--vks-display) !important;
	border: 1.5px solid var(--vks-line, #e6e8ee) !important; border-radius: 13px !important; background: #fff !important; padding: 0 !important; }
.vks-mkv-code:focus { border-color: var(--vks-red, #ff3131) !important; outline: none; }
.vks-mkv-msg { min-height: 18px; margin: 10px 0 6px !important; font: 600 12.5px/1.45 var(--vks-display); color: var(--vks-muted, #8a8c98); }
.vks-mkv-msg.is-err { color: var(--vks-red, #ff3131); }
.vks-mkv .vks-gbtn.block { margin-top: 6px; }
.vks-mkv-resend, .vks-mkv-have {
	-webkit-appearance: none !important; appearance: none !important;
	display: block; width: 100%; margin-top: 14px; padding: 6px 4px !important;
	background: none !important; border: 0 !important; box-shadow: none !important; cursor: pointer;
	font: 700 12.5px/1.4 var(--vks-display) !important; color: var(--vks-muted, #8a8c98) !important;
	text-decoration: underline; text-transform: none !important; letter-spacing: normal !important; min-height: 0 !important; }
.vks-mkv-resend:hover, .vks-mkv-have:hover { color: var(--vks-ink, #14141b) !important; }
.vks-mkv-resend[disabled] { opacity: .55; cursor: default; text-decoration: none; }
.vks-mkv-have { margin-top: 10px; }
/* Cüzdan sayfasındaki doğrulama paneli - nefes alan dikey ritim */
.vks-mk-verify-panel { text-align: center; padding: 34px 22px 36px; }
.vks-mk-verify-ic { display: inline-flex; align-items: center; justify-content: center; width: 64px; height: 64px; border-radius: 50%;
	background: var(--vks-bg, #f4f5f8); color: var(--vks-muted, #8a8c98); margin: 0 0 20px; }
.vks-mk-verify-panel h3 { display: block; margin: 0 0 14px; font: 800 20px/1.35 var(--vks-display); }
.vks-mk-verify-panel p { margin: 0 auto 28px; max-width: 480px; font: 500 14px/1.8 var(--vks-display); color: #4a4d59; }
.vks-mk-verify-panel p b { color: var(--vks-ink, #14141b); }
.vks-mk-verify-panel .vks-gbtn { min-width: 260px; min-height: 50px !important; }
.vks-mk-verify-panel .vks-mk-muted { margin: 26px auto 0; max-width: 430px; font-size: 12.5px; line-height: 1.8; }
/* ============================================================================
   MOBİL GÖZDEN GEÇİRME - taşma/kayma düzeltmeleri
   ========================================================================== */
.vks-market { max-width: 100%; }
.vks-market img, .vks-market table { max-width: 100%; }
@media (max-width: 620px) {
	.vks-mk-head { gap: 10px; }
	.vks-mk-head-ic { width: 40px; height: 40px; border-radius: 12px; }
	.vks-mk-head-tx h1 { font-size: 19px; }
	.vks-mk-head-tx p { font-size: 12.5px; }
	.vks-mk-block { padding: 14px 13px 16px; }
	.vks-mk-block h3 { font-size: 14.5px; }
	/* Yatay kaydırma: çubuk yazıların dibine yapışıyordu → çubuğu gizle,
	   alt boşluk bırak, sağ kenara "devamı var" tonlaması koy. */
	.vks-mk-cats { gap: 6px; overflow-x: auto; flex-wrap: nowrap; padding: 0 0 2px; margin-bottom: 16px;
		-webkit-overflow-scrolling: touch; scrollbar-width: none; -ms-overflow-style: none;
		-webkit-mask-image: linear-gradient(to right, #000 88%, transparent 100%);
		mask-image: linear-gradient(to right, #000 88%, transparent 100%); }
	.vks-mk-cats::-webkit-scrollbar { display: none; }
	.vks-mk-chip { flex: 0 0 auto; padding: 7px 12px; font-size: 12.5px; }
	.vks-mk-verify-panel { padding: 26px 16px 28px; }
	.vks-mk-verify-panel .vks-gbtn { min-width: 0; width: 100%; }
	.vks-mkm-head img { width: 62px; height: 50px; }
	.vks-mkm-head { padding-right: 40px; }
	.vks-mk-mx { top: 8px; right: 8px; width: 34px; height: 34px; font-size: 14px !important; }
	.vks-mk-mbox { padding: 20px 16px 18px; border-radius: 14px; }
	.vks-mk-modal { padding: 3vh 10px; }
}
/* Ürün ızgarası: 2 sütun telefonda da iyi, ama çok dar ekranda tek sütun */
@media (max-width: 560px) { .vks-mk-grid { grid-template-columns: 1fr 1fr; gap: 10px; } }
@media (max-width: 420px) { .vks-mk-grid { grid-template-columns: 1fr; } }
@media (max-width: 560px) {
	.vks-mk-foot { gap: 6px; flex-wrap: wrap; }
	.vks-mk-foot .vks-coin { flex: 1 1 100%; justify-content: center; }
	.vks-mk-foot .vks-gbtn { flex: 1 1 100%; }
	.vks-mk-body { padding: 10px 11px 12px; gap: 6px; }
	.vks-mk-name { font-size: 14.5px; }
	.vks-mk-short { display: none; }              /* dar ekranda gereksiz gürültü */
	.vks-mk-price-btn { height: 44px; min-height: 44px !important; }
	.vks-mk-price-val { font-size: 16px !important; }
}
/* Çevir butonu geçersiz durumda: kilitli DEĞİL, yalnız soluk - basınca sebebini söyler */
.vks-ex .vks-gbtn.is-off { opacity: .92; }   /* geçersiz durumda bile marka kırmızısı okunur kalsın */

/* Çevirici: iki yönlü alan (puan ⇄ SP) */
.vks-ex-two { display: grid; grid-template-columns: minmax(0, 260px) auto minmax(0, 190px); gap: 10px; align-items: start; justify-content: start; }
@media (max-width: 620px) {
	.vks-ex-two { grid-template-columns: 1fr; gap: 10px; }
}
/* ---------- 18 yaş onayı paneli ---------- */
.vks-mk-age { text-align: center; padding: 32px 22px 30px; }
.vks-mk-age-ic { display: inline-flex; align-items: center; justify-content: center; width: 62px; height: 62px; border-radius: 50%;
	background: #fff6df; color: #8a5a00; margin: 0 0 18px; }
.vks-mk-age h3 { display: block; margin: 0 0 12px; font: 800 20px/1.35 var(--vks-display); }
.vks-mk-age p { margin: 0 auto 20px; max-width: 500px; font: 500 14px/1.75 var(--vks-display); color: #4a4d59; }
.vks-mk-age-check { display: inline-flex; align-items: flex-start; gap: 10px; text-align: left; max-width: 440px; margin: 0 auto 18px;
	padding: 13px 15px; border: 1.5px solid var(--vks-line, #e6e8ee); border-radius: 13px; cursor: pointer; background: var(--vks-bg, #f4f5f8); }
.vks-mk-age-check input { width: 20px; height: 20px; margin: 1px 0 0; flex: 0 0 auto; accent-color: var(--vks-red, #ff3131); cursor: pointer; }
.vks-mk-age-check span { font: 500 13.5px/1.55 var(--vks-display); color: #3f424e; }
.vks-mk-age .vks-gbtn { min-width: 260px; min-height: 50px !important; display: block !important; margin: 0 auto; }
.vks-mk-age .vks-gbtn[disabled] { opacity: .45; cursor: not-allowed; }
.vks-mk-age-msg { min-height: 16px; margin: 10px 0 0 !important; font: 600 12.5px/1.4 var(--vks-display); color: var(--vks-muted, #8a8c98); }
.vks-mk-age-msg.is-err { color: var(--vks-red, #ff3131); }
.vks-mk-age .vks-mk-muted { margin: 18px auto 0; max-width: 460px; }
@media (max-width: 560px) { .vks-mk-age { padding: 24px 16px; } .vks-mk-age .vks-gbtn { min-width: 0; width: 100%; } }
/* Test (önizleme) modu şeridi - yalnız yöneticiye görünür */
.vks-mk-preview { display: flex; align-items: center; gap: 9px; margin: 0 0 14px; padding: 10px 14px; border-radius: 12px;
	background: #fff6df; border: 1px solid #f0dcae; color: #8a5a00; font: 600 12.5px/1.45 var(--vks-display); }
.vks-mk-preview svg { flex: 0 0 auto; }
.vks-mk-preview b { font-weight: 800; }
.vks-mk-preview a { margin-left: auto; flex: 0 0 auto; color: #8a5a00 !important; font-weight: 800; text-decoration: underline !important; white-space: nowrap; }
@media (max-width: 560px) { .vks-mk-preview { flex-wrap: wrap; } .vks-mk-preview a { margin-left: 0; } }
.vks-ex .vks-gbtn.vks-ex-go { min-width: 170px; min-height: 46px !important; }
@media (max-width: 900px) {
	.vks-ex-cols { grid-template-columns: 1fr; grid-template-rows: auto; gap: 14px; }
}
@media (max-width: 760px) {
	.vks-ex-grid { grid-template-columns: 1fr; gap: 10px; }
}
/* Çevirici kartında altta ölü boşluk kalmasın */
.vks-mk-block.vks-ex { padding-bottom: 16px; }
/* ============================================================================
   PUAN ÇEVİRİCİ - sade tek satır
   [ 1.000 puan ]  ⇄  [ 10 SP ]  [ Çevir ]     + tek satır ipucu
   Ayrı sonuç kutusu yok: sağdaki alan zaten "ne alacağın"ı gösterir.
   ========================================================================== */
.vks-ex-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; margin: 0 0 14px; }
.vks-ex-head h3 { margin: 0 !important; }
.vks-ex-rate { flex: 0 0 auto; display: inline-flex; align-items: center; height: 32px; padding: 0 12px; border-radius: 10px; background: var(--vks-bg, #f4f5f8);
	border: 1px solid var(--vks-line, #e6e8ee); font: 700 12.5px/1 var(--vks-display); color: #4a4d59; }
.vks-ex-line { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.vks-ex-cell { flex: 1 1 200px; max-width: 340px; display: flex; align-items: center; gap: 8px; height: 52px; padding: 0 14px;
	border: 1.5px solid var(--vks-line, #e6e8ee); border-radius: 13px; background: #fff; }
.vks-ex-cell:focus-within { border-color: var(--vks-red, #ff3131); }
.vks-ex-cell input { flex: 1 1 auto; width: 100% !important; min-width: 0; height: 100%; border: 0 !important; outline: none !important;
	background: transparent !important; padding: 0 !important; box-shadow: none !important;
	font: 800 18px/1 var(--vks-display) !important; color: var(--vks-ink, #14141b) !important; -moz-appearance: textfield; }
.vks-ex-cell input::-webkit-outer-spin-button,
.vks-ex-cell input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.vks-ex-cell input[disabled] { background: transparent !important; }
.vks-ex-cell i { flex: 0 0 auto; font-style: normal; font: 700 12.5px/1 var(--vks-display); color: var(--vks-muted, #8a8c98); }
.vks-ex-unit { display: inline-flex !important; align-items: center; gap: 5px; }
.vks-ex-cell.is-coins { background: #fff6df; border-color: #f0dcae; }
.vks-ex-cell.is-coins input { color: #8a5a00 !important; }
.vks-ex-cell.is-coins i { color: #a07400; }
.vks-ex-eq { flex: 0 0 auto; display: inline-flex; color: var(--vks-muted, #8a8c98); }
.vks-ex-line .vks-gbtn { flex: 0 0 auto; min-width: 170px; min-height: 52px !important; border-radius: 13px !important; }
.vks-ex-line .vks-gbtn.is-off { opacity: .92; }
.vks-ex-note { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin: 12px 0 0 !important;
	font: 500 12.5px/1.5 var(--vks-display); color: var(--vks-muted, #8a8c98); }
.vks-ex-max { -webkit-appearance: none !important; appearance: none !important; background: none !important; border: 0 !important;
	padding: 0 !important; min-height: 0 !important; cursor: pointer; text-decoration: underline;
	font: 700 12.5px/1.5 var(--vks-display) !important; color: var(--vks-red, #ff3131) !important; box-shadow: none !important; }
.vks-ex-max:hover { color: var(--vks-ink, #14141b) !important; }
.vks-ex-msg { margin: 8px 0 0 !important; font: 600 12.5px/1.5 var(--vks-display); color: var(--vks-muted, #8a8c98); }
.vks-ex-msg:empty { display: none; }
.vks-ex-msg.is-err { color: var(--vks-red, #ff3131); }
.vks-ex-msg.is-ok { color: var(--vks-green, #1f9d57); }
@media (max-width: 620px) {
	.vks-ex-cell { flex: 1 1 140px; height: 48px; }
	.vks-ex-line .vks-gbtn { flex: 1 1 100%; min-height: 48px !important; }
	.vks-ex-eq { display: none; }
}

/* Başlık rozetleri: kaç puanın var + kur */
.vks-ex-badges { display: inline-flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.vks-ex-have { display: inline-flex; align-items: center; height: 32px; padding: 0 12px; border-radius: 10px; background: #fff6df; border: 1px solid #f0dcae;
	font: 600 12.5px/1 var(--vks-display); color: #8a5a00; }
.vks-ex-have b { font-weight: 800; margin-right: 4px; }
/* İpucu satırı: solda kural, sağda hızlı miktar */
.vks-ex-note { justify-content: space-between; }
/* Çipler tam olarak "Çevir" butonunun genişliğine sığar (aynı kolon hizası) */
.vks-ex-quick { display: grid; grid-template-columns: repeat(4, 1fr); gap: 5px; width: 170px; flex: 0 0 auto; }
.vks-ex-quick .vks-ex-pct { min-width: 0; width: 100%; justify-content: center; display: inline-flex; align-items: center;
	padding: 0 2px !important; font-size: 11px !important; letter-spacing: -.2px !important; }
.vks-ex-pct { -webkit-appearance: none !important; appearance: none !important; height: 30px; padding: 0 12px !important;
	border: 1.5px solid var(--vks-line, #e6e8ee) !important; background: var(--vks-bg, #f4f5f8) !important; border-radius: 10px !important;
	font: 700 12px/1 var(--vks-display) !important; color: var(--vks-ink, #14141b) !important; cursor: pointer;
	box-shadow: none !important; min-height: 0 !important; }
.vks-ex-pct:hover { background: var(--vks-bg-2, #e8eaee) !important; }

@media (max-width: 620px) {
	.vks-ex-note { justify-content: flex-start; }
	.vks-ex-quick { width: 100%; }        /* buton da tam genişlik olduğu için */
}

/* ============================================================================
   MARKET BİLGİLENDİRME MODALI (ilk girişte "burası nasıl çalışır")
   .vks-gmodal iskeletini kullanır (games.css); yalnız gövdesi buraya ait.
   ========================================================================== */
.vks-mkm-box { max-width: 460px; position: relative; text-align: center; }
.vks-mkm-x { position: absolute; top: 10px; right: 12px; border: 0; background: transparent; color: #9aa0aa;
	font: 700 22px/1 'Inter', sans-serif; cursor: pointer; padding: 4px 8px; }
.vks-mkm-x:hover { color: var(--vks-ink, #14141b); }
.vks-mkm-ic { display: inline-flex; align-items: center; justify-content: center; width: 54px; height: 54px; margin: 2px 0 10px;
	border-radius: 16px; background: rgba(242,169,0,.14); color: var(--vks-gold, #f2a900); }
.vks-mkm-steps { list-style: none; margin: 16px 0 0; padding: 0; display: flex; flex-direction: column; gap: 10px; text-align: left; }
/* Uyarı notu kaldırıldı; adımlar ile buton arasında nefes payı */
.vks-mkm-steps + .vks-mkm-ok { margin-top: 16px; }
.vks-mkm-steps li { display: flex; align-items: flex-start; gap: 11px; padding: 11px 12px; border-radius: 12px;
	background: var(--vks-bg, #f4f5f8); border: 1px solid var(--vks-line, #e6e8ee); }
.vks-mkm-n { flex: 0 0 auto; width: 24px; height: 24px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center;
	background: var(--vks-ink, #14141b); color: #fff; font: 800 12.5px/1 var(--vks-display); }
.vks-mkm-tx { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.vks-mkm-tx b { font: 800 13.5px/1.3 var(--vks-display); color: var(--vks-ink, #14141b); }
.vks-mkm-tx i { font-style: normal; font: 500 12.5px/1.55 var(--vks-display); color: #5c606c; }
.vks-mkm-tx i strong { color: var(--vks-ink, #14141b); font-weight: 700; }
.vks-mkm-note { display: block; margin: 12px 0 0; padding: 10px 12px; border-radius: 11px; text-align: left;
	background: #fff8e7; border: 1px solid #f2c14e; font: 500 12px/1.6 var(--vks-display); color: #6b5200; }
.vks-mkm-note svg { vertical-align: -2px; margin-right: 4px; }
.vks-mkm-ok { width: 100%; margin-top: 14px; }
.vks-mkm-more { margin: 10px 0 0; font: 600 11.5px/1.5 var(--vks-display); color: var(--vks-muted, #8a8c98); }
.vks-mkm-more a { color: var(--vks-muted, #8a8c98) !important; text-decoration: none !important; }
.vks-mkm-more a:hover { color: var(--vks-red, #ff3131) !important; }
.vks-mkm-more span { margin: 0 4px; opacity: .5; }
@media (max-width: 480px) {
	.vks-mkm-ic { width: 48px; height: 48px; border-radius: 14px; }
	.vks-mkm-steps li { padding: 10px; gap: 9px; }
	.vks-mkm-tx i { font-size: 12px; }
}

/* ---- SATIN ALMA MODALI: geniş + kısa, mobilde taşmaz ----------------------------
   Modal kayar, kutu sığdığında ortalanır; adres alanları geniş modalda iki sütuna
   rahat oturduğu için yükseklik düşer. Kapat (×) her zaman görünür kalır. */
.vks-mk-modal { align-items: flex-start; padding: max(12px, env(safe-area-inset-top)) 12px calc(20px + env(safe-area-inset-bottom)); overscroll-behavior: contain; }
.vks-mk-mbox { max-width: 560px; margin: auto; }
@media (min-width: 620px) {
	.vks-mkm-fgrid { grid-template-columns: 1fr 1fr 1fr; }
	.vks-mkm-f.is-wide { grid-column: 1 / -1; }
}
@media (max-width: 560px) {
	.vks-mk-mbox { padding: 18px 14px 16px; }
	.vks-mkm-head img { width: 60px; height: 48px; }
	.vks-mkm-desc { font-size: 12.5px; margin-bottom: 10px; }
}
@media (max-height: 620px) {
	.vks-mkm-desc { display: none; }   /* alçak ekranda ürün açıklaması modalı uzatmasın */
}
/* Mobil: uzun formda modal kayarken kapat (×) ekranda sabit kalsın + gereksiz yükseklik kırpılır */
@media (max-width: 560px) {
	.vks-mk-mx { position: fixed !important; top: max(12px, env(safe-area-inset-top)) !important; right: 14px !important;
		background: rgba(255,255,255,.96) !important; box-shadow: 0 4px 14px rgba(10,11,15,.25); }
	.vks-mkm-desc { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
	.vks-mkm-info textarea { min-height: 64px; }
	.vks-mkm-ship { margin-top: 12px; padding-top: 11px; }
	.vks-mkm-fgrid { gap: 7px; }
}
/* Mobilde sipariş formunu kısalt: İl/İlçe/Posta kodu yan yana, etiketler ve boşluklar sıkı */
@media (max-width: 560px) {
	.vks-mkm-fgrid { grid-template-columns: 1fr 1fr; gap: 7px 7px; }
	.vks-mkm-f label { font-size: 11px; margin-bottom: 3px; }
	.vks-mkm-f input { height: 40px !important; }
	.vks-mkm-f textarea { min-height: 56px; }
	.vks-mkm-ship-h { font-size: 12.5px; }
	.vks-mkm-ship-note { margin-bottom: 8px; font-size: 11px; }
	.vks-mkm-qty label { margin-bottom: 4px; }
	.vks-mkm-qrow button { height: 38px; width: 38px; }
	.vks-mkm-q { height: 38px !important; width: 64px !important; }
	.vks-mkm-qty i { margin-top: 3px; line-height: 1.35; }
	.vks-mkm-head { margin-bottom: 10px; }
	.vks-mkm-total { margin-top: 10px; }
}

.vks-ex-start { margin: 0 0 12px; padding: 9px 12px; border-radius: 11px; background: #fff6df; border: 1px solid #f0dcae;
	color: #6b4a00; font: 600 12.5px/1.45 var(--vks-display); }
.vks-ex-start svg { vertical-align: -2px; margin-right: 5px; color: #b07a00; }
/* Not solda, "Çevrilebilir puanın" sağa yaslı; dar ekranda alt satıra iner. */
.vks-ex-start { display: flex; align-items: center; flex-wrap: wrap; gap: 4px 6px; }
.vks-ex-start .vks-ex-avail { margin-left: auto; font-weight: 800; color: #4a3300; white-space: nowrap; }
.vks-ex-start .vks-ex-avail b { font-weight: 900; font-size: 14px; color: #2e2000; }
@media (max-width: 560px) {
	/* Telefonda: not ortada, altında ince çizgiyle ayrılmış çevrilebilir puan ortada */
	.vks-ex-start { display: block; text-align: center; padding: 10px 12px; }
	.vks-ex-start .vks-ex-avail { display: block; margin: 8px 0 0; padding-top: 8px; text-align: center;
		border-top: 1px dashed #ecd49b; }
}

/* ---- Çevirim başarılı kutusu (JS ile eklenir: .vks-ex-done) ----------------------
   Başlığın hemen altında, tek satır, alçak. Mobilde iki satıra sarar. */
.vks-ex-done { display: flex; align-items: center; gap: 10px; margin: 0 0 14px; padding: 10px 12px;
	background: #eefaf2; border: 1px solid #bfe7cf; border-radius: 13px; }
.vks-ex-done-ic { flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center;
	width: 26px; height: 26px; border-radius: 50%; background: var(--vks-green, #1f9d57); color: #fff;
	font: 800 14px/1 var(--vks-display); }
.vks-ex-done-tx { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; gap: 1px; }
.vks-ex-done-tx b { font: 800 13.5px/1.35 var(--vks-display); color: #14532d; }
.vks-ex-done-tx i { font-style: normal; font: 600 12px/1.35 var(--vks-display); color: #3f7a57; }
.vks-ex-done-go { flex: 0 0 auto; display: inline-flex; align-items: center; gap: 5px; text-decoration: none !important;
	padding: 7px 12px; border-radius: 10px; background: var(--vks-green, #1f9d57); color: #fff !important;
	font: 700 12.5px/1 var(--vks-display); }
.vks-ex-done-go:hover { filter: brightness(1.06); }
.vks-ex-done-go span { font-size: 13px; }
@media (max-width: 560px) {
	.vks-ex-done { flex-wrap: wrap; gap: 8px; padding: 9px 10px; }
	.vks-ex-done-tx { flex: 1 1 100%; order: 2; }
	.vks-ex-done-ic { order: 1; }
	.vks-ex-done-go { order: 3; flex: 1 1 100%; justify-content: center; }
}

/* Sipariş modalı başlığı: ürün görseli yoksa ad solda, fiyat sağda (ortadaki boşluk kapanır) */
.vks-mkm-head.is-noimg > div { flex: 1 1 auto; display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; }
.vks-mkm-head.is-noimg h3 { margin: 0; }
.vks-mkm-head.is-noimg .vks-mkm-price { margin-right: 34px; }

/* Adres alanları: geniş ekranda Telefon · İl · İlçe · Posta kodu TEK SATIR (dörtlü ızgara),
   böylece posta kodu tek başına satır açıp boşluk bırakmaz. Ad ve açık adres tam genişlik. */
@media (min-width: 620px) {
	.vks-mkm-fgrid { grid-template-columns: repeat(4, 1fr); }
	.vks-mkm-f.is-wide { grid-column: 1 / -1; }
}
/* Bilgilendirme modalı: kapatma tuşu mobilde parmakla rahat basılsın (44px hedef) */
@media (max-width: 560px) {
	.vks-mkm-x { top: 6px; right: 6px; width: 40px; height: 40px; display: inline-flex; align-items: center;
		justify-content: center; border-radius: 50%; background: var(--vks-bg, #f4f5f8); font-size: 18px; }
	.vks-mkm-box { padding-top: 26px; }
}

/* ---- Mobil hizalama düzeltmeleri ------------------------------------------------ */
@media (max-width: 560px) {
	/* "Son alınanlar": 1. satır rumuz + ürün + tutar (sağda), 2. satır tarih (sağda).
	   Öncesinde tutar bazen alt satıra düşüyor, tarih sola kaçıyordu. */
	.vks-mk-feed-list li { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 8px; padding: 8px 10px; }
	.vks-mk-feed-list b { order: 1; flex: 0 0 auto; }
	.vks-mk-feed-list span { order: 2; flex: 1 1 auto; min-width: 0; }
	.vks-mk-feed-list em { order: 3; margin-left: auto; font-variant-numeric: tabular-nums; }
	.vks-mk-feed-list i { order: 4; flex: 1 0 100%; width: auto; text-align: right; }

	/* Çevirim başarılı kutusu: ✓ ile başlık aynı satırda, buton tam genişlik. */
	.vks-ex-done { position: relative; display: grid; grid-template-columns: auto 1fr; gap: 4px 10px;
		align-items: start; padding: 11px 12px; }
	.vks-ex-done-ic { grid-row: 1; grid-column: 1; }
	.vks-ex-done-tx { grid-row: 1; grid-column: 2; }
	.vks-ex-done-go { grid-row: 2; grid-column: 1 / -1; justify-content: center; width: 100%; margin-top: 2px; }
}