/* Nesne Market - oyun ici pencere boyutu 1016 x 655 */
* { box-sizing: border-box; }
html, body { margin: 0; }
body { background: #662d12; font: 14px/1.45 Georgia, "Times New Roman", Palatino, serif; color: #3c1e16; }
a { color: inherit; text-decoration: none; }
img { max-width: 100%; }
button, input, select, textarea { font: inherit; }
h1, h2, h3 { margin: 0; font-weight: 400; }
[hidden] { display: none !important; }

#sayfa { width: 1016px; min-height: 655px; margin: 0 auto; position: relative; background: url(/assets/img/tema/bg.jpg) repeat #523826; padding-bottom: 16px; }

/* ---------- Ust kisim ---------- */
.ust { height: 52px; display: flex; align-items: center; gap: 18px; padding: 0 62px 0 20px; color: #f2e69f; box-shadow: 0 1px 2px #662d12; position: relative; }
.hedef-sec { background: none; border: 0; color: #f2e69f; cursor: pointer; text-align: left; display: flex; flex-direction: column; font: 12px Arial, sans-serif; padding: 0; min-width: 180px; max-width: 220px; }
.hedef-sec span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.hedef-sec i { width: 14px; color: #f2e69f; }
.hedef-sec .kucuk-ok { font-size: 9px; }
.hedef-sec:hover .hedef-kar { color: #fff; }
.dil-sec { position: relative; }
.dil-buton { width: 100px; height: 38px; display: flex; align-items: center; justify-content: space-between; padding: 0 10px; background: transparent; border: 1px solid #a07c4c; border-radius: 3px; color: #ffdaa2; font-size: 12px; cursor: pointer; }
.dil-menu { position: absolute; top: 100%; left: 0; z-index: 60; min-width: 100px; background: #fff; border-radius: 4px; padding: 6px 0; box-shadow: 0 4px 12px rgba(0,0,0,.4); margin-top: 2px; }
.dil-menu a { display: block; padding: 5px 12px; color: #212529; font-size: 13px; }
.dil-menu a:hover { background: #eee; }
.bakiyeler { display: flex; flex-direction: column; font: 13px Arial, sans-serif; min-width: 90px; }
.bakiyeler span { display: flex; align-items: center; gap: 5px; }
.bakiyeler img { width: 15px; height: 15px; }
.doldur-buton { width: 198px; margin-left: auto; text-transform: uppercase; letter-spacing: .3px; font-size: 14px !important; gap: 6px; }
.doldur-buton img { width: 16px; height: 16px; }
.sag-menu-ac { position: absolute; right: 0; top: 0; width: 56px; height: 52px; background: #692c10; border: 0; color: #fffdff; font-size: 26px; cursor: pointer; }

/* ---------- Buton resimleri (eski tasarim) ---------- */
.btn1, .btn2, .btn3, .btn4 { height: 32px; display: inline-flex; align-items: center; justify-content: center; gap: 5px; border: 0; padding: 0 10px; cursor: pointer; font-size: 13px; background-size: 100% 100% !important; }
.btn1 { background: url(/assets/img/tema/btn1.png); color: #f2e69f; text-shadow: 1px 1px 1px #000; }
.btn1:hover, .btn1.aktif { background: url(/assets/img/tema/btn1_active.png); }
.btn2 { background: url(/assets/img/tema/btn2.png); color: #171210; }
.btn2:hover { background: url(/assets/img/tema/btn2_active.png); }
.btn3 { background: url(/assets/img/tema/btn3.png); color: #fff; font-weight: 700; text-shadow: 1px 1px 1px #000; }
.btn3:hover { background: url(/assets/img/tema/btn3_active.png); }
.btn3:disabled { filter: grayscale(1); cursor: not-allowed; }
.btn4 { background: url(/assets/img/tema/btn4.png); color: silver; text-shadow: 1px 1px 1px #000; cursor: default; }
.satir-buton { padding: 0 12px; }
.tam { width: 100%; }
.metin-link { background: none; border: 0; color: #f2e69f; text-decoration: underline; cursor: pointer; font-size: 14px; padding: 0; }
.yesil-buton { display: flex; align-items: center; justify-content: center; width: 100%; height: 46px; border: 1px solid #2e5d06; background: linear-gradient(#7cb92b, #3c7b0c); color: #fff; font-weight: 700; font-size: 16px; text-shadow: 1px 1px 1px #000; cursor: pointer; box-shadow: 0 1px 2px rgba(0,0,0,.4); }
.yesil-buton:hover { filter: brightness(1.1); }
.yesil-buton:disabled { filter: grayscale(.6); cursor: wait; }
.kucuk-yesil { width: 200px; height: 32px; font-size: 13px; }

/* ---------- Menu ---------- */
.menu { margin: 10px 20px 12px; border-bottom: 1px solid #e8a314; display: flex; justify-content: space-between; align-items: center; padding-bottom: 1px; position: relative; font-family: "Droid Serif", Georgia, serif; }
.menu ul { list-style: none; margin: 0; padding: 0; display: flex; gap: 4px; flex-wrap: nowrap; min-width: 0; overflow: hidden; }
.menu li { height: 32px; padding: 0; }
.menu li a { display: flex; align-items: center; height: 100%; padding: 0 6px; font-size: 14px; white-space: nowrap; }
.menu li.ozel { filter: brightness(1.5); }
.menu li.aktif { background: url(/assets/img/tema/btn2.png) !important; background-size: 100% 100% !important; }
.menu li.aktif a { color: #3c1e16; text-shadow: none; }
.menu li.aktif:hover { background: url(/assets/img/tema/btn2_active.png) !important; background-size: 100% 100% !important; }
.arama { display: flex; align-items: center; position: absolute; right: 0; top: 50%; transform: translateY(-50%); z-index: 10; }
.arama > i { position: absolute; left: 9px; top: 9px; color: #444; font-size: 14px; }
.arama input { width: 210px; height: 28px; border: 0; padding: 0 10px 0 30px; background: #fff; font: 14px Arial, sans-serif; }
@media (max-width: 994px) {
  .arama input { width: 30px; padding: 0 0 0 30px; transition: width .3s, padding .3s; }
  .arama:hover input, .arama input:focus, .arama input:not(:placeholder-shown) { width: 150px; padding-right: 10px; }
}
.arama .btn1 { height: 28px; width: 45px; padding: 0; }
.arama-oneri { position: absolute; top: 100%; left: 0; width: 255px; margin-top: 4px; background: #fff; z-index: 70; box-shadow: 0 4px 12px rgba(0,0,0,.4); max-height: 320px; overflow-y: auto; }
.arama-oneri a { display: flex; align-items: center; gap: 8px; padding: 6px 8px; border-bottom: 1px solid #eee; font: 13px Arial, sans-serif; }
.arama-oneri a:hover { background: #f4ecd0; }
.arama-oneri img { width: 32px; height: 32px; object-fit: contain; }
.arama-oneri p { margin: 0; padding: 8px; font: 13px Arial, sans-serif; }

/* ---------- Sag menu (oyuncu bilgisi) ---------- */
.sag-menu { position: fixed; inset: 0; z-index: 90; }
.sag-menu-perde { position: absolute; inset: 0; background: rgba(0,0,0,.5); cursor: pointer; }
.sag-menu-icerik { position: absolute; top: 0; right: max(0px, calc((100vw - 1016px) / 2)); width: 300px; height: 100%; background: linear-gradient(#5a3020, #4a2618); box-shadow: -2px 0 10px rgba(0,0,0,.5); overflow-y: auto; font-family: Arial, sans-serif; animation: sagdan .25s ease-out; }
@keyframes sagdan { from { transform: translateX(40px); opacity: 0; } to { transform: none; opacity: 1; } }
.sag-menu-baslik { display: flex; justify-content: space-between; align-items: center; padding: 8px 10px; color: #f2e69f; border-bottom: 1px solid #f2e69f; font-size: 18px; }
.sag-menu-baslik button { background: none; border: 0; color: #ebd48b; font-size: 20px; cursor: pointer; }
.oyuncu-kart { display: flex; gap: 10px; padding: 8px 10px; color: #f2e69f; font-size: 12px; }
.oyuncu-kart b { display: block; margin-bottom: 2px; }
.oyuncu-kart span span, .oyuncu-kart div span { color: #fff; }
.oyuncu-avatar { width: 56px; height: 56px; flex-shrink: 0; background: #2a1410 center / contain no-repeat; border-radius: 4px; display: inline-block; }
.sag-menu-linkler { margin: 6px 10px; background: #fff; }
.sag-menu-linkler a { display: flex; align-items: center; gap: 10px; padding: 8px 10px; border-bottom: 1px solid #ddd; color: #382a20; font-size: 13px; }
.sag-menu-linkler a:hover { background: #f4ecd0; }
.sag-menu-linkler i { width: 16px; text-align: center; }
.rozet { margin-left: auto; background: #9e251c; color: #fff; font: 700 11px Arial; padding: 1px 6px; border-radius: 9px; font-style: normal; }
.sag-menu-alt-baslik { color: #f2e69f; font-size: 16px; padding: 12px 10px 4px; border-bottom: 1px solid #f2e69f; margin: 0 0 4px; }
.sag-menu-cikis { display: block; color: #f2e69f; padding: 14px 20px; font-size: 13px; }

/* ---------- Pencere (modal) ---------- */
.modal { position: fixed; inset: 0; z-index: 100; background: rgba(0,0,0,.55); display: flex; align-items: center; justify-content: center; padding: 16px; }
.modal-kutu { position: relative; width: 100%; max-width: 560px; max-height: 92vh; overflow-y: auto; background: url(/assets/img/tema/bg.jpg) repeat #523826; border: 1px solid #a07c4c; box-shadow: 0 1rem 2.5rem rgba(0,0,0,.6); color: #f2e69f; }
.modal-kutu.acik-kutu { background: #eade9e; color: #3c1e16; border-radius: 6px; }
.modal-kutu.genis { max-width: 800px; }
.modal-kutu.dar { max-width: 400px; }
.modal-ust { display: flex; justify-content: space-between; align-items: center; padding: 12px 16px; border-bottom: 1px solid #a07c4c; }
.acik-kutu .modal-ust { border-color: #c2b06a; }
.modal-ust h2 { font-size: 20px; }
.modal-kapat { background: #9e251c; color: #fff; border: 0; width: 30px; height: 30px; font-size: 20px; line-height: 1; cursor: pointer; }
.modal-kapat:hover { background: #a01830; }
.modal-govde { padding: 14px 16px 18px; }
.modal-govde h3 { font-weight: 700; font-size: 18px; margin: 4px 0 8px; }
.modal-govde.orta { text-align: center; }
.onay-govde { padding: 18px 18px 20px; text-align: center; }
.onay-govde .onay-resim { width: 72px; height: 72px; object-fit: contain; }
.onay-govde p { margin: 8px 0; }
.onay-fiyat { font-size: 20px; display: inline-flex; align-items: center; gap: 6px; }
.onay-fiyat img { width: 20px; }
.onay-butonlar { display: flex; gap: 10px; justify-content: center; margin-top: 14px; }
.onay-butonlar .btn3, .onay-butonlar .btn1 { min-width: 130px; }

/* Karakter secimi */
.karakter-panel { max-width: 520px; }
.karakter-govde { padding: 12px 16px; }
.kucuk-baslik { font: 700 12px Arial, sans-serif; text-transform: uppercase; letter-spacing: .5px; color: #e8c27a; margin: 6px 0 8px; }
.sunucular { display: flex; gap: 6px; flex-wrap: wrap; margin-bottom: 10px; }
.sunucu-sekme { padding: 6px 14px; background: rgba(0,0,0,.25); border: 1px solid #a07c4c; color: #f2e69f; cursor: pointer; }
.sunucu-sekme.aktif { background: #e8a314; color: #3c1e16; border-color: #e8a314; }
.karakter-durum { font: 13px Arial, sans-serif; margin: 6px 0; }
.karakter-liste { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; max-height: 300px; overflow-y: auto; }
.karakter-sec-kart { display: flex; align-items: center; gap: 10px; padding: 6px; background: rgba(0,0,0,.25); border: 1px solid transparent; cursor: pointer; color: #f2e69f; text-align: left; }
.karakter-sec-kart:hover { border-color: #a07c4c; }
.karakter-sec-kart.secili { border-color: #e8a314; background: rgba(232,163,20,.18); }
.karakter-sec-kart .oyuncu-avatar { width: 44px; height: 44px; }
.karakter-sec-kart small { display: block; font: 12px Arial; color: #d9c48a; }
.karakter-alt { display: flex; justify-content: space-between; align-items: center; padding: 10px 16px; border-top: 1px solid #a07c4c; font: 13px Arial, sans-serif; }
.karakter-alt .btn3 { min-width: 140px; }

/* ---------- Icerik ---------- */
.icerik { padding: 0 20px; }
.duyuru { background: rgba(232,163,20,.2); border: 1px solid #e8a314; color: #f2e69f; padding: 7px 12px; margin-bottom: 10px; font-size: 13px; }
.baslik-satir { display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #e8a314; padding-bottom: 6px; margin-bottom: 14px; gap: 10px; }
.sayfa-baslik { color: #f2e69f; font-size: 22px; }
.soluk-acik { color: #d9c48a; font-size: 13px; }
.sirala select { height: 30px; min-width: 128px; padding: 0 8px; border: 1px solid #000; background: #fff; color: #3c1e16; font-size: 15px; }
/* Akira2 secim kutusu (adet + siralama) */
.item-box-select { position: relative; }
.item-box-select-button { width: 100%; height: 32px; display: flex; align-items: center; justify-content: center; position: relative; padding: 7px 30px 7px 10px; background: #fff; border: 1px solid #000; color: #3c1e16; font-size: 16px; cursor: pointer; }
.item-box-select-icon { position: absolute; right: 2px; top: 2px; height: 85%; width: 25px; display: flex; align-items: center; justify-content: center; background: url(/assets/img/tema/btn1.png) !important; }
.caret { display: inline-block; width: 0; height: 0; border-top: 4px solid #ffd3a7; border-right: 4px solid transparent; border-left: 4px solid transparent; }
.item-box-select-options { position: absolute; top: 100%; left: 0; width: 100%; margin: 5px 0 0; padding: 0; list-style: none; background: #fff; border: 1px solid #ccc; box-shadow: 0 2px 5px #0003; z-index: 30; display: none; max-height: 200px; overflow-y: auto; color: #3c1e16; }
.item-box-select-options.acik { display: block; }
.item-box-select-options li { padding: 8px 10px; cursor: pointer; text-align: center; border-bottom: 1px solid #b9b9b9; font-size: 14px; }
.item-box-select-options li:hover, .item-box-select-options li.active { background: #f2e69f; }
.serit .item-box-select-options { top: auto; bottom: 100%; margin: 0 0 5px; }
.sirala .item-box-select-button { width: 130px; justify-content: flex-start; padding-left: 10px; font-size: 13px; }
.sirala .item-box-select-options { color: #212529; font-size: 12px; }
.sirala .item-box-select-options li { text-align: left; font-size: 12px; }
.bilgi-kutu { background: #efe3a1; color: #3c1e16; padding: 22px; text-align: center; font-size: 16px; width: 100%; box-shadow: 0 1px 2px #000; }
.bos-kutu { text-align: center; color: #f2e69f; padding: 80px 20px; }
.bos-kutu h1 { margin-bottom: 18px; }
.uyari { padding: 9px 12px; margin-bottom: 12px; border: 1px solid; font: 13px Arial, sans-serif; }
.uyari-hata { background: #f6d3cf; border-color: #b33; color: #6b1010; }
.uyari-uyari { background: #f8ecc4; border-color: #c9a227; color: #5a4300; }
.uyari-yazi { color: #ffb4a8; }
.kucuk { font-size: 12px; }
.orta { text-align: center; }
.sag { text-align: right; }
.satir-ikon { width: 16px; height: 16px; vertical-align: -3px; }

/* ---------- Vitrin (ana sayfa) ---------- */
.vitrin { display: flex; gap: 20px; margin-bottom: 14px; }
.slayt { flex: 1; position: relative; overflow: hidden; height: 270px; border-radius: 4px; background: rgba(0,0,0,.3); }
.slayt-bos { height: 100%; display: flex; align-items: center; justify-content: center; }
.slayt-ray { display: flex; height: 100%; transition: transform .5s ease-in-out; }
.slayt-oge { flex: 0 0 100%; position: relative; display: block; }
.slayt-oge img, .yan-afis img { width: 100%; height: 270px; object-fit: cover; display: block; border-radius: 4px; }
.slayt-yazi { position: absolute; left: 0; right: 0; bottom: 0; padding: 8px; background: rgba(0,0,0,.6); color: #f2e69f; display: flex; flex-direction: column; border-radius: 0 0 4px 4px; }
.slayt-yazi b { font-size: 24px; font-weight: 400; }
.slayt-yazi small { font-size: 15px; line-height: 1.3; }
.slayt-yazi.orta { text-align: center; }
.slayt-ok { position: absolute; top: 50%; transform: translateY(-50%); width: 45px; height: 45px; display: flex; align-items: center; justify-content: center; background: url(/assets/img/tema/slider_btn1.png) no-repeat; background-size: cover; border: 0; border-top: 2px solid transparent; color: #3c1e16; font-size: 26px; cursor: pointer; z-index: 3; }
.slayt-ok:hover { background-image: url(/assets/img/tema/slider_btn1_active.png); }
.slayt-ok.sol { left: 0; } .slayt-ok.sag { right: 0; }
.slayt-noktalar { position: absolute; top: 10px; right: 10px; display: flex; gap: 5px; z-index: 3; }
.slayt-noktalar span { width: 14px; height: 14px; background: #7d0f01; border: 1px solid #000; cursor: pointer; }
.slayt-noktalar span.aktif { background: #e8a314; }
.yan-afis { flex: 0 0 270px; position: relative; display: block; }
.bolum-baslik { display: flex; justify-content: space-between; align-items: center; color: #f2e69f; border-bottom: 1px solid #e8a314; padding: 5px; margin-bottom: 10px; font-size: 16px; }
.bolum-baslik a { text-decoration: underline; font-size: 14px; }
.serit { position: relative; }
.serit-ray { display: flex; gap: 10px; overflow-x: auto; padding: 0 40px 4px; scrollbar-width: none; scroll-behavior: smooth; }
.serit-ray::-webkit-scrollbar { display: none; }
.serit-ok { position: absolute; top: 0; width: 35px; height: 196px; display: flex; align-items: center; justify-content: center; background: url(/assets/img/tema/slider_btn2.png); background-size: cover; border: 0; color: #3c1e16; font-size: 24px; cursor: pointer; z-index: 3; }
.serit-ok:hover { background: url(/assets/img/tema/slider_btn2_active.png) no-repeat; background-size: cover; }
.serit-ok.sol { left: 0; } .serit-ok.sag { right: 0; }
.serit .kart { flex: 0 0 267px; }

/* ---------- Esya karti ---------- */
.kart { position: relative; width: 267px; height: 196px; background: url(/assets/img/tema/item_card_bg.jpg) #eade9e; box-shadow: 0 1px 2px #000; color: #3c1e16; padding: 7px 10px; line-height: 18px; display: flex; flex-direction: column; }
.kart-baslik { font-size: 16px; color: #662d12; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; padding: 3px 0; }
.kart-govde { display: flex; gap: 10px; margin-top: 4px; background: rgba(0,0,0,.2); padding: 5px; height: 110px; }
.kart-resim { width: 85px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; position: relative; }
.kart-resim img { max-width: 80px; max-height: 96px; object-fit: contain; }
.sure-etiket { position: absolute; left: 4px; bottom: 2px; font: 700 22px Georgia, serif; color: #f8d75a; text-shadow: 0 0 3px #000, 1px 1px 0 #6b3a00, -1px -1px 0 #6b3a00; }
.kart-aciklama { font: 11px/1.3 Arial, sans-serif; overflow-y: auto; padding-top: 5px; }
.kart-alt { display: flex; justify-content: space-between; align-items: center; margin-top: auto; gap: 10px; }
.kart-sol, .kart-alt .satin-al { width: 46%; }
.adet-sec { width: 100%; height: 32px; border: 1px solid #000; background: #fff; color: #3c1e16; font-size: 16px; padding: 0 8px; text-align: center; cursor: pointer; }
.satin-al { font: 17px Georgia, serif; }
.satin-al img { width: 18px; height: 18px; }
.eski-fiyat { font-size: 12px; color: #7b1a10; }
.indirim-rozet { position: absolute; top: 4px; right: 4px; z-index: 2; width: 42px; height: 42px; border-radius: 50%; background: radial-gradient(circle at 40% 35%, #ff6151, #e23b2c 50%, #9c1108); border: 2px dotted #6e0d05; color: #f2e59f; font: 12px Arial; display: flex; align-items: center; justify-content: center; transform: rotate(-12deg); box-shadow: 0 2px 2px rgba(0,0,0,.45); }
.indirim-sayac { position: absolute; left: 10px; right: 10px; top: 128px; text-align: center; font: 700 11px Arial; color: #fff; background: rgba(158,37,28,.85); padding: 1px 0; pointer-events: none; }

/* Liste duzeni */
.liste-duzen { display: flex; gap: 20px; align-items: flex-start; }
.kategori-menu { width: 105px; flex-shrink: 0; background: #662d12; position: relative; z-index: 20; box-shadow: 0 4px 6px rgba(0,0,0,.3); }
.kat-oge { position: relative; }
.kat-oge > a { width: 105px; height: 76px; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 12px; color: #f2e69f; font-size: 11px; text-align: center; line-height: 1.25; transition: background-color .2s; }
.kat-oge > a img { width: 30px; height: 30px; object-fit: contain; margin-bottom: 8px; filter: drop-shadow(0 4px 3px rgba(0,0,0,.1)); }
.kat-oge > a > i:first-child { font-size: 26px; margin-bottom: 8px; }
.kat-oge > a > span { max-width: 90px; }
.kat-ok { position: absolute; right: 8px; top: 50%; transform: translateY(-50%); font-size: 13px; pointer-events: none; }
.kat-oge:hover > a, .kat-oge.aktif > a { background: #680603; }
.kat-oge.aktif > a { box-shadow: inset 5px 0 0 #e8a314; }
.kat-alt { display: none; position: absolute; left: 100%; top: 0; min-width: max-content; background: #680603; z-index: 25; overflow: hidden; box-shadow: 0 10px 15px rgba(0,0,0,.3); }
.kat-oge:hover .kat-alt { display: block; }
.kat-alt a { display: block; min-width: 120px; padding: 8px 16px; color: #f2e69f; font-size: 11px; white-space: nowrap; transition: background-color .15s, color .15s; }
.kat-alt a:hover, .kat-alt a.aktif { background: #e8a314; color: #680603; }
.urun-izgara { flex: 1; display: flex; flex-wrap: wrap; gap: 10px; max-height: 430px; overflow-y: auto; align-content: flex-start; padding-right: 4px; }
.urun-izgara.genis { max-height: none; }

/* Detay penceresi */
.paket-rozet { font: 700 11px Arial; background: #7d0f01; color: #f2e69f; padding: 2px 6px; vertical-align: middle; }
.paket-liste { margin: 0; padding-left: 18px; }
.payback { display: flex; align-items: center; gap: 6px; color: #3a5d0a; font-weight: 700; }
.payback img { width: 16px; }

/* ---------- Hesap sayfalari ---------- */
.hesap-duzen { display: flex; gap: 20px; align-items: flex-start; }
.hesap-menu { width: 46px; flex-shrink: 0; position: relative; z-index: 30; height: 228px; }
.hesap-menu nav { position: absolute; top: 0; left: 0; width: 46px; overflow: hidden; background: #fff; box-shadow: 0 3px 8px rgba(21,8,4,.35); transition: width .2s; }
.hesap-menu:hover nav { width: 190px; }
.hesap-menu a { display: flex; align-items: center; height: 45px; border-bottom: 1px solid #ccc; color: #382a20; white-space: nowrap; font-size: 14px; }
.hesap-menu a i { width: 46px; text-align: center; font-size: 20px; flex-shrink: 0; }
.hesap-menu a:hover { background: #f4ecd0; }
.hesap-menu a.aktif { background: #a8150b; color: #fff; }
.hesap-icerik { flex: 1; min-width: 0; }
.tablo-kutu { background: #efe3a1; padding: 8px; box-shadow: 0 1px 2px #000; }
.tablo { width: 100%; border-collapse: collapse; font-size: 14px; }
.tablo th { background: #d8c45e; padding: 6px 8px; font-weight: 700; text-align: left; }
.tablo td { padding: 6px 8px; border-bottom: 1px solid #d8c78f; vertical-align: middle; }
.tablo tr:last-child td { border-bottom: 0; }
.ikon-hucre { width: 46px; }
.ikon-hucre img { width: 38px; height: 38px; object-fit: contain; display: block; }
.adet-yazi { color: #7b1a10; font-weight: 700; }
.soluk-koyu { color: #6a5034; margin-top: 2px; }
.kucuk-buton { height: 28px; font-size: 12px; padding: 0 10px; }
.durum-iyi { color: #2f6b0a; font-weight: 700; font-size: 13px; }
.durum-bekle { color: #8a5a00; font-size: 13px; }
.depo-hedef { color: #f2e69f; margin-bottom: 10px; font-size: 14px; display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.ara-baslik { color: #f2e69f; font-size: 18px; margin: 18px 0 8px; }
.karakter-kartlar { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.karakter-kart { display: flex; align-items: center; gap: 12px; background: #efe3a1; padding: 8px 10px; box-shadow: 0 1px 2px #000; }
.karakter-kart.secili { outline: 2px solid #e8a314; }
.karakter-kart > div { flex: 1; }
.karakter-kart small { display: block; color: #6a5034; }
.cikis-satir { text-align: right; margin-top: 16px; }
.kod-form { background: linear-gradient(#f7eeb2, #efe2a0); padding: 26px 32px; box-shadow: 0 1px 3px #000; }
.kod-form hr { border: 0; border-top: 1px solid #c8b46c; margin: 18px 0; }
.kod-etiket { display: block; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; font-size: 14px; }
.kod-etiket input, .captcha-satir input { display: block; width: 100%; height: 54px; margin-top: 14px; border: 1px solid #c8b46c; background: #f8f0c0; font-size: 18px; padding: 0 14px; letter-spacing: 2px; }
.captcha-satir { display: flex; align-items: center; gap: 12px; margin: 14px 0 24px; }
.captcha-satir img { width: 140px; height: 56px; border: 1px solid #aaa; }
.captcha-satir input { margin: 0; flex: 1; }
.captcha-yenile { width: 56px; height: 56px; background: #3a1d0f; color: #fff; border: 0; font-size: 18px; cursor: pointer; flex-shrink: 0; }
.kod-hedef { width: 100%; display: flex; justify-content: space-between; align-items: center; padding: 14px 16px; background: #e4d68f; border: 1px solid #c8b46c; cursor: pointer; font-size: 15px; color: #3c1e16; }

/* ---------- Hesabi doldur ---------- */
.doldur { width: 760px; margin: 10px auto; color: #f2e69f; font-family: Arial, sans-serif; }
.doldur-ust { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; }
.doldur-ust h1 { font-size: 26px; font-weight: 700; color: #f7d76b; }
.doldur-adimlar { display: flex; margin-bottom: 10px; }
.doldur-adimlar span { flex: 1; background: #ddd; color: #aaa; font: 700 12px Arial; height: 22px; display: flex; align-items: center; justify-content: center; gap: 6px; margin-right: 4px; }
.doldur-adimlar span.aktif { background: #7d0f01; color: #f2e69f; }
.doldur-adimlar b { width: 22px; height: 22px; border-radius: 50%; background: #999; color: #fff; display: inline-flex; align-items: center; justify-content: center; }
.doldur-adimlar .aktif b { background: #a8150b; }
.doldur-kutu { display: flex; background: url(/assets/img/tema/item_card_bg.jpg); border-radius: 6px; overflow: hidden; margin-bottom: 10px; min-height: 120px; box-shadow: 0 1px 3px #000; }
.doldur-no { width: 22px; background: #7d0f01; color: #f2e69f; font-weight: 700; text-align: center; padding-top: 6px; }
.doldur-paketler { display: flex; gap: 14px; padding: 12px 16px; flex-wrap: wrap; }
.doldur-paket { width: 124px; height: 78px; background: linear-gradient(#6d1a12, #3c0b06); border-radius: 4px; padding: 6px 8px; display: flex; flex-direction: column; color: #fff; box-shadow: 0 1px 3px #000; }
.doldur-paket b { font-size: 18px; }
.doldur-paket small { font-size: 12px; }
.doldur-paket em { font-style: normal; font-weight: 700; margin-top: auto; text-align: right; font-size: 16px; }
.doldur-yakinda { padding: 22px; color: #7b1a10; font-size: 15px; display: flex; gap: 10px; align-items: center; }
.doldur-yakinda i { color: #2a62b5; font-size: 24px; }

/* ---------- Muzayede (Akira2 yerlesimi; konumlar muzayede.png'ye gore) ---------- */
.muzayede { position: relative; width: 974px; height: 500px; margin: 0 auto; background: url(/assets/img/tema/muzayede.png) no-repeat; background-size: 974px 500px; zoom: .985; font-family: Georgia, serif; }
.mz-baslik { font-size: 18px; font-weight: 700; color: #fff; margin-top: 15px; text-align: center; }
.mz-sol { position: absolute; left: 0; top: 0; width: 250px; }
.mz-sonraki { position: relative; }
.mz-sure { margin-top: 12px; margin-left: 35px; font-size: 16px; font-weight: 700; color: #3c1e16; }
.mz-sure .dakika { color: #ff9000; position: absolute; right: 28px; width: 68px; text-align: center; white-space: nowrap; }
.mz-sure .dakika.uzun { font-size: 12px; }
.mz-detay { position: relative; height: 150px; }
.mz-detay img { width: 100px; height: 100px; position: absolute; object-fit: contain; left: 35px; top: 10px; }
.mz-mevcut .yazi { position: absolute; right: 12px; font-size: 12px; font-weight: 700; width: 80px; top: 20px; line-height: 12px; color: #3c1e16; }
.mz-mevcut .sayi { position: absolute; color: #fff; font-size: 18px; font-weight: 700; right: 62px; top: 50px; }
.mz-esya-adi { position: absolute; color: #fff; font-size: 14px; font-weight: 700; text-align: center; left: 40px; bottom: 2px; width: 160px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.mz-orta { position: absolute; left: 279px; top: 0; width: 450px; }
.mz-orta .mz-baslik { font-size: 14px; margin-left: -15px; }
.mz-orta-detay { position: relative; height: 250px; }
.mz-orta-ikon img { width: 130px; height: 130px; position: absolute; object-fit: contain; left: 75px; top: 50px; }
.mz-orta-bilgi .bitis { position: absolute; right: 0; font-size: 18px; font-weight: 700; width: 210px; text-align: center; top: 40px; color: #3c1e16; }
.mz-orta-bilgi .dakika { position: absolute; right: 0; font-size: 22px; font-weight: 700; color: #ff9000; top: 70px; width: 215px; text-align: center; }
.mz-orta-mevcut { position: absolute; right: 0; font-size: 22px; font-weight: 700; color: red; top: 138px; width: 220px; text-align: center; }
.mz-orta-alt { position: relative; }
.mz-orta-adi { font-size: 14px; font-weight: 700; color: #fff; text-align: center; margin-left: -15px; margin-top: 47px; min-height: 18px; }
.mz-orta-aciklama { margin-top: 10px; width: 360px; margin-left: 50px; height: 70px; overflow-y: auto; overflow-x: hidden; font: 13px Arial, Helvetica, sans-serif; color: #3c1e16; scrollbar-width: thin; scrollbar-color: #371f09 rgba(0,0,0,.2); }
.mz-sag { position: absolute; left: 769px; top: 342px; width: 200px; text-align: center; }
.mz-sayac .yazi { position: absolute; top: -38px; left: 15px; font-size: 14px; color: #f1d3ae; }
.mz-sayac .yazi-sag { position: absolute; top: -38px; right: 15px; font-size: 14px; color: #f1d3ae; }
.mz-sayac .sayi { position: absolute; top: -40px; left: 90px; font-size: 18px; color: red; font-weight: 700; width: 19px; text-align: center; }
.mz-bitti, .mz-satin-al { background: #f1d3ae; width: 150px; margin: 0 auto; padding: 20px 10px; border-radius: 5px; font-weight: 700; color: #3c1e16; }
.mz-satin-al > span { text-align: center; width: 100%; display: block; font-size: 22px; margin-bottom: 20px; }
.mz-al { width: 100px; margin: 0 auto; display: flex; }
.mz-al:disabled { filter: grayscale(1); cursor: not-allowed; }

/* ---------- Cark ---------- */
/* Akira2 ile ayni: wheel.png sprite konumlari, 16 dilim (dilim 1 ustte, saat yonunde) */
.wheel { position: relative; height: 489px; border: 1px solid #f2e69f; background: #1b1020 center / cover no-repeat; overflow: hidden; }
._wl-sprite, .wheel-stages .current .before, .wheel-stages .current .after { background-image: url(/assets/img/tema/wheel.png); background-repeat: no-repeat; }
.cark-yardim-buton { background: none; border: 0; color: #f2e69f; font-size: 14px; cursor: pointer; padding: 0; }
.wheel-stages-kap { position: absolute; left: 0; bottom: 0; width: 100px; padding-bottom: 32px; }
.wheel-stages { list-style: none; margin: 0; padding: 0; width: 100px; background: url(/assets/img/tema/item_card_bg.jpg) #cba77052; position: relative; }
.wheel-stages li { text-align: center; padding: 0 25%; height: 18px; }
.wheel-stages li span { display: block; margin: 0 auto; }
.wheel-stages li.stg span { background-position: 0 -1540px; height: 29px; width: 38px; }
.wheel-stages li.stg span.stg-1 { background-position: 0 -1618px; }
.wheel-stages li.lvl { position: relative; height: auto; padding: 12px 0 5px; }
.wheel-stages li.lvl span { line-height: 40px; text-align: center; font-size: 1.2em; font-weight: 700; color: #000; }
.wheel-stages li.lvl.star-1 span { background-position: 0 -1657px; height: 39px; width: 39px; }
.wheel-stages li.lvl.star-2 span { background-position: 0 -1774px; height: 39px; width: 39px; }
.wheel-stages li.lvl.current span { line-height: 55px; font-size: 1.6em; }
.wheel-stages li.lvl.current.star-1 span { background-position: 0 -1706px; height: 58px; width: 58px; }
.wheel-stages li.lvl.current.star-2 span { background-position: 0 -1823px; height: 58px; width: 58px; }
.wheel-stages li.lvl .before, .wheel-stages li.lvl .after { display: none; }
.wheel-stages li.lvl.current .before { display: block; position: absolute; top: 40%; left: 0; background-position: 0 0; height: 25px; width: 20px; }
.wheel-stages li.lvl.current .after { display: block; position: absolute; top: 40%; left: 80px; background-position: 0 -35px; height: 25px; width: 20px; }
.wheel-stages li.lvl.kilitli::before { content: ""; position: absolute; right: 5px; top: 10px; width: 20px; height: 20px; background: url(/assets/img/tema/kilit.png) no-repeat; }
.wheel-prizes-btn { position: absolute; left: 0; bottom: 0; width: 100px; }
#wheel-container { position: relative; padding-top: 30px; padding-bottom: 10px; float: left; margin-left: 250px; }
#wheel { position: relative; margin: 0 auto; }
.wheel.lvl-1 #wheel { background-position: 0 -2415px; height: 436px; width: 436px; }
.wheel.lvl-2 #wheel { background-position: 0 -2858px; height: 436px; width: 435px; }
.wheel .wheel-ring { position: absolute; top: 0; left: 0; z-index: 3; }
.wheel.lvl-1 .wheel-ring { background-position: 0 -202px; height: 436px; width: 436px; }
.wheel.lvl-2 .wheel-ring { background-position: 0 -648px; height: 436px; width: 436px; }
#wheel .wheel-keys { position: absolute; z-index: 4; left: -6px; top: -6px; }
#wheel .key { display: block; position: absolute; text-align: center; background-position: 0 -70px; height: 56px; width: 56px; }
#wheel .key::before { content: ""; display: block; margin: 8px auto 0; width: 34px; height: 34px; background: url(/assets/img/tema/anahtar.png) no-repeat; }
#wheel .wheel-items { list-style: none; margin: 0; padding: 0; position: absolute; top: 50px; left: 50px; }
#wheel .reward { position: absolute; width: 45px; height: 45px; z-index: 10; display: flex; align-items: center; justify-content: center; }
#wheel .reward img { max-width: 45px; max-height: 45px; object-fit: contain; }
#wheel .reward em { position: absolute; right: -2px; bottom: -2px; font: 700 11px Arial; color: #fff; text-shadow: 0 0 3px #000, 0 0 2px #000; font-style: normal; }
#wheel .wheel-pointer { position: absolute; top: 0; left: 0; width: 436px; height: 436px; z-index: 6; background: url(/assets/img/tema/wheel_turn2.png) no-repeat 0 0; pointer-events: none; }
#wheel .wheel-btn { position: absolute; top: 156px; left: 155.5px; height: 124px; width: 125px; background-position: 0 -2008px; z-index: 11; }
#wheel .wheel-btn.running { background-position: 0 -2142px; height: 125px; }
#wheel .wheel-btn .play { width: 100%; height: 100%; background: none; border: 0; text-transform: uppercase; font: 700 15px Georgia, serif; color: #662d12; cursor: pointer; }
#wheel .wheel-btn.running .play { cursor: default; }
.cark-yetersiz { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 300px; background: rgba(0,0,0,.5); color: #fff; text-align: center; padding: 16px; font-size: 18px; z-index: 12; border-radius: 6px; }
.cark-yetersiz div { display: flex; align-items: center; justify-content: center; gap: 4px; }
.cark-yetersiz img { width: 16px; }
#wheel-info { position: absolute; bottom: 35px; right: 10px; width: 20.0769%; max-height: 217.5px; padding: 10px; background: url(/assets/img/tema/item_card_bg.jpg) #cba77052; color: #662d12; font-size: 14px; }
#wheel-info p { margin: 5px 0; line-height: 17px; text-align: center; }
#wheel-info label { display: flex; align-items: center; justify-content: center; gap: 4px; cursor: pointer; }
.odul-izgara { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; margin-bottom: 14px; }
.odul-satir { display: flex; align-items: center; gap: 8px; background: #644e36; color: #eade9e; position: relative; padding-right: 50px; font-size: 13px; }
.odul-ikon { background: #8c7153; padding: 6px; display: flex; }
.odul-ikon img { width: 32px; height: 32px; object-fit: contain; }
.odul-satir em { position: absolute; right: 8px; font-style: normal; }
.sonuc-resim { width: 80px; height: 80px; object-fit: contain; }

/* ---------- Harca & Kazan ---------- */
.harca-ust { color: #f2e69f; margin-bottom: 14px; }
.harca-ust p { margin: 0 0 8px; }
.harca-toplam { font-size: 18px; display: flex; align-items: center; gap: 6px; }
.harca-toplam img { width: 18px; }
.harca-cubuk { height: 12px; background: rgba(0,0,0,.4); border: 1px solid #a07c4c; margin-top: 8px; }
.harca-cubuk span { display: block; height: 100%; background: linear-gradient(90deg, #c18100, #e8a314); }
.harca-kademeler { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; }
.harca-kademe { background: url(/assets/img/tema/item_card_bg.jpg); box-shadow: 0 1px 2px #000; padding: 10px; display: flex; flex-direction: column; align-items: center; gap: 6px; text-align: center; opacity: .75; }
.harca-kademe.acik, .harca-kademe.alindi { opacity: 1; }
.harca-kademe.acik { outline: 2px solid #e8a314; }
.hk-hedef { font-size: 18px; display: flex; align-items: center; gap: 5px; }
.hk-hedef img { width: 18px; }
.hk-resim { height: 80px; display: flex; align-items: center; position: relative; }
.hk-resim img { max-height: 76px; max-width: 90px; object-fit: contain; }
.hk-resim em { position: absolute; right: -10px; bottom: 0; font: 700 13px Arial; color: #fff; text-shadow: 0 0 3px #000; font-style: normal; }
.hk-ad { font-size: 14px; min-height: 36px; }
.harca-kademe .btn3, .harca-kademe .btn4 { width: 100%; }

/* ---------- Giris ---------- */
.giris-kutu { width: 380px; margin: 80px auto 0; background: url(/assets/img/tema/item_card_bg.jpg); padding: 24px 28px; text-align: center; box-shadow: 0 2px 10px rgba(0,0,0,.6); }
.giris-kutu h1 { font-size: 22px; margin: 6px 0; color: #662d12; }
.giris-kutu .soluk { font: 13px Arial; color: #6a5034; margin: 0 0 14px; }
.form label { display: block; text-align: left; margin-bottom: 12px; font-weight: 700; font-size: 13px; }
.form input { display: block; width: 100%; height: 38px; margin-top: 5px; border: 1px solid #a8925a; background: #fffbe8; padding: 0 10px; font: 15px Arial; }
.form .btn3 { height: 38px; font-size: 15px; }
.giris-dil { margin-top: 14px; display: flex; gap: 12px; justify-content: center; font: 13px Arial; }
.giris-dil a.aktif { font-weight: 700; text-decoration: underline; }

/* ---------- Bildirim ---------- */
.bildirimler { position: fixed; right: 12px; top: 12px; z-index: 200; display: flex; flex-direction: column; gap: 8px; width: 320px; }
.bildirim { padding: 12px 14px 12px 42px; color: #fff; font: 14px Arial, sans-serif; box-shadow: 0 3px 10px rgba(0,0,0,.4); position: relative; animation: bildirim-gel .3s ease-out; border-radius: 3px; }
.bildirim::before { position: absolute; left: 14px; top: 11px; font: 900 16px "Font Awesome 6 Free"; }
.bildirim.basari { background: #3dc763; }
.bildirim.basari::before { content: "\f00c"; }
.bildirim.hata { background: #ed3d3d; }
.bildirim.hata::before { content: "\f057"; }
@keyframes bildirim-gel { from { opacity: 0; transform: translateX(30px); } to { opacity: 1; transform: none; } }

/* Tam ekran yukleniyor */
.yukleniyor-perde { position: fixed; inset: 0; z-index: 150; background: rgba(0,0,0,.6); display: flex; align-items: center; justify-content: center; }
.yukleniyor-perde span { width: 60px; height: 60px; border: 5px solid #eade9e; border-top-color: #595636; border-radius: 50%; animation: don 1s linear infinite; }
@keyframes don { to { transform: rotate(360deg); } }

/* Sayfalama */
.sayfalama { display: flex; gap: 4px; justify-content: center; margin: 12px 0; }
.sayfalama a, .sayfalama span { min-width: 30px; height: 28px; display: inline-flex; align-items: center; justify-content: center; background: #7d0f01; color: #f2e69f; padding: 0 8px; }
.sayfalama span.aktif { background: #e8a314; color: #3c1e16; }

/* Kaydirma cubuklari */
*::-webkit-scrollbar { width: 6px; height: 6px; }
*::-webkit-scrollbar-track { background: #00000014; border-radius: 3px; }
*::-webkit-scrollbar-thumb { background: #8b6f47; border-radius: 3px; }
*::-webkit-scrollbar-thumb:hover { background: #a0866a; }

/* ---------- Logo (SITE_ADI yazisi, eski logo gibi altin kabartma) ---------- */
.logo { display: flex; align-items: center; height: 40px; width: 160px; }
.logo-yazi { font: 700 26px/1 Georgia, "Times New Roman", serif; letter-spacing: 1px; white-space: nowrap; color: #f2d079;
  background: linear-gradient(#fff3c4, #e5b04a 55%, #9a6216); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;
  filter: drop-shadow(0 1px 0 #3a1a08) drop-shadow(0 0 3px rgba(0,0,0,.7)); }
.logo-yazi.buyuk { font-size: 40px; }
.logo-resim { height: 40px; width: 160px; object-fit: contain; display: block; }
.logo-resim.buyuk { height: 56px; width: auto; }
.giris-logo { margin-bottom: 4px; }
.slayt-bos { height: 100%; display: flex; align-items: center; justify-content: center; }

/* ---------- Satin alma penceresi (Akira2 /products/item ile ayni) ---------- */
.modal-kutu.sm-pencere { max-width: 770px; background: transparent; border: 0; box-shadow: none; overflow: visible; color: #3c1e16; }
.sm-kapat { position: absolute; top: -16px; right: -16px; width: 32px; height: 32px; z-index: 3; }
.sm-kutu { width: 100%; max-width: 770px; background: #eade9e; box-shadow: 0 10px 25px rgba(0,0,0,.5); padding-bottom: 4px; font-family: Georgia, "Times New Roman", serif; }
.sm-ust { display: flex; justify-content: space-between; align-items: center; padding: 16px; }
.sm-ad { font: 28px Arial, sans-serif; margin-bottom: 12px; line-height: 1.15; }
.sm-yol { font: 12px Arial, sans-serif; }
.sm-yol a:hover { text-decoration: underline; }
.sm-yol .kalin { font-weight: 700; }
.sm-fiyat-ust { text-align: right; }
.sm-fiyat-satir { display: flex; align-items: center; justify-content: flex-end; gap: 8px; }
.sm-fiyat-etiket { padding-top: 16px; }
.sm-fiyat-ust .sm-fiyat-satir { margin-top: -20px; }
.sm-fiyat-satir img { width: 22px; padding-top: 14px; }
.sm-fiyat-buyuk { font-weight: 700; font-size: 36px; }
.sm-eski { font-size: 16px; color: #7b1a10; padding-top: 14px; }
.sm-payback { display: flex; align-items: center; justify-content: flex-end; gap: 4px; color: #0f572d; }
.sm-payback img { width: 16px; }
.sm-payback small { font: 13px Arial, sans-serif; padding-top: 2px; }
.sm-orta { display: flex; gap: 16px; height: 250px; padding: 0 16px 12px; margin-bottom: 12px; border-bottom: 2px solid #1d0704; }
.sm-resim { width: 200px; flex-shrink: 0; }
.sm-resim > div { background: #d2c78e; height: 100%; display: flex; align-items: center; justify-content: center; position: relative; }
.sm-resim img { max-width: 150px; max-height: 150px; object-fit: contain; }
.sm-resim .sure-etiket { left: 14px; bottom: 10px; font-size: 26px; }
.sm-sekmeler { flex: 1; display: flex; flex-direction: column; min-width: 0; }
.sm-sekme-bas { display: flex; }
.sm-sekme { border: 0; background: #ded396; padding: 4px 24px 4px 16px; font: 14px Georgia, serif; color: #3c1e16; cursor: pointer; }
.sm-sekme.aktif { background: #d2c78e; }
.sm-sekme-icerik { flex: 1; background: #d2c78e; padding: 8px 16px; font: 14px/1.45 Arial, sans-serif; overflow-y: auto; }
.sm-sekme-icerik p { margin: 6px 0 0; }
.sm-sekme-icerik .indirim-sayac { position: static; margin-top: 8px; }
.sm-odeme { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin: 0 16px 12px; padding: 16px; background: #d2c78e; }
.sm-secim { position: relative; display: flex; flex-direction: column; background: #eade9e; padding: 18px 80px 18px 32px; box-shadow: 0 2px 6px rgba(0,0,0,.25); }
.sm-hedef { display: flex; align-items: center; justify-content: space-between; gap: 12px; width: 100%; margin-bottom: 12px; padding: 8px 12px; background: #e4d68f;
  border: 1px solid #c8b46c; cursor: pointer; font: 13px Georgia, serif; color: #3c1e16; text-align: left; }
.sm-hedef:hover { background: #ddcd7e; }
.sm-hedef-etiket { color: #6a5034; }
.sm-hedef-ok { font-weight: 700; }
.sm-adet-etiket { font: 13px Arial, sans-serif; display: block; margin-bottom: 4px; }
.sm-adetler { display: flex; flex-wrap: wrap; gap: 4px; max-width: 250px; min-height: 32px; }
.sm-adet { min-width: 44px; padding: 0 8px; font-size: 15px !important; }
.sm-ok { position: absolute; right: -14px; top: 50%; margin-top: -14px; width: 0; height: 0; border-top: 14px solid transparent; border-bottom: 14px solid transparent; border-left: 14px solid #eade9e; }
.sm-sag { display: flex; flex-direction: column; align-items: center; width: 192px; flex-shrink: 0; }
.sm-simdi { font: 14px Arial, sans-serif; }
.sm-sag .sm-fiyat-satir { margin-bottom: 8px; justify-content: center; }
.sm-sag .sm-fiyat-satir img { padding-top: 12px; }
.sm-fiyat-orta { font-weight: 700; font-size: 32px; }
.sm-al { width: 100%; font-size: 16px !important; }
.sm-al.btn4 { cursor: not-allowed; }
/* Sonuc */
.sm-sonuc-baslik { padding: 16px; font: 24px Arial, sans-serif; color: #0f572d; border-bottom: 2px solid #1d0704; }
.sm-sonuc-govde { display: flex; gap: 16px; padding: 16px; }
.sm-sonuc-govde .sm-resim { height: 180px; }
.sm-sonuc-bilgi { flex: 1; font: 14px/1.5 Arial, sans-serif; }
.sm-sonuc-bilgi .sm-ad { font-size: 24px; margin-bottom: 8px; }
.sm-sonuc-bilgi p { margin: 4px 0; display: flex; align-items: center; gap: 5px; flex-wrap: wrap; }
.sm-sonuc-bilgi p img { width: 16px; }
.sm-sonuc-bilgi .sm-payback { justify-content: flex-start; }
.sm-adet-yazi { color: #7b1a10; font-weight: 700; }
.sm-sonuc-alt { display: flex; justify-content: flex-end; gap: 10px; padding: 0 16px 16px; }
.sm-sonuc-alt .btn1, .sm-sonuc-alt .btn3 { min-width: 170px; }

/* Sans sandigi: sonuc penceresinde cikan esya, satin alma penceresinde sans */
.sm-sandik { display: flex; align-items: center; gap: 8px; margin: 4px 0 8px; padding: 6px 8px; background: rgba(232,163,20,.25); border: 1px solid #e8a314; }
.sm-sandik img { width: 40px; height: 40px; object-fit: contain; }
.sm-sandik b { color: #662d12; }
.sans-yazi { color: #9e251c; font-weight: 700; font-size: 12px; }
.tablo td.sag { white-space: nowrap; }
.tablo td.sag .kucuk-buton + .kucuk-buton { margin-left: 4px; }