/* DSA Mağaza — sunucu tarafı sayfalar: ürün, üyelik, hesap, yönetim.
   styles.css + refinements.css üzerine biner; aynı jetonları kullanır. */

/* ---------- vitrin düzeltmeleri ---------- */
.kart-link { margin-top: 9px; font-size: 11px; font-weight: 700; color: #2770df; }
.product-grid article:first-child .kart-link { grid-column: 1; grid-row: 7; }
.product-grid article:first-child { grid-template-rows: 20px 20px 29px 16px 44px 42px auto; }
.yakinda-kart { opacity: .78; }
.yakinda-kart .price button { background: #eef1f5; color: #8a97a6; cursor: default; }
.uyari { margin: 14px 0; padding: 11px 14px; border-radius: 6px; font-size: 12px; }
.uyari.basarili { background: #e9f8f0; color: #1d7a53; border: 1px solid #bde6d2; }
.uyari.hatali { background: #fdeeea; color: #b4462a; border: 1px solid #f6cfc4; }

/* ============ ÜRÜN SAYFASI ============ */
.urun-sayfa { padding: 26px 0 70px; }
.kirinti { font-size: 11px; color: #8493a5; margin-bottom: 16px; }
.kirinti a:hover { color: var(--blue); }
.kirinti span { color: #5a6c82; }
.urun-grid { display: grid; grid-template-columns: minmax(0, 1fr) 372px; gap: 40px; align-items: start; }
.urun-sol h1 { margin: 0 0 20px; font: 800 34px/1.15 'Plus Jakarta Sans'; letter-spacing: -1.5px; max-width: 700px; }

.galeri-buyuk { margin: 0; border: 1px solid var(--line); border-radius: 9px; overflow: hidden; background: #f7fafd; }
.galeri-buyuk img { display: block; width: 100%; }
.galeri-bos { height: 320px; display: grid; place-items: center; color: #93a2b4; font-size: 12px; }
.galeri-kucuk { display: flex; gap: 9px; margin-top: 10px; flex-wrap: wrap; }
.galeri-kucuk button { width: 92px; height: 60px; padding: 0; border: 1px solid var(--line); border-radius: 5px; overflow: hidden; background: #fff; }
.galeri-kucuk button.secili { border-color: var(--blue); box-shadow: 0 0 0 2px #256eea25; }
.galeri-kucuk img { width: 100%; height: 100%; object-fit: cover; display: block; }

.urun-govde { padding-top: 34px; }
.urun-govde h2 { margin: 32px 0 12px; font: 700 21px 'Plus Jakarta Sans'; letter-spacing: -.7px; }
.urun-govde .giris { margin: 0; font-size: 15px; line-height: 1.65; color: #4a5c72; }
.urun-govde .uzun { font-size: 13.5px; line-height: 1.75; color: #4a5c72; }
.urun-govde .uzun h3 { margin: 26px 0 8px; font: 700 16px 'Plus Jakarta Sans'; color: var(--ink); }
.urun-govde .uzun p { margin: 0 0 14px; }
.urun-govde .uzun ul { margin: 0 0 16px; padding-left: 20px; }
.urun-govde .uzun li { margin: 5px 0; }
.tldr { margin: 0; padding: 18px 20px 18px 38px; background: #f4f8fe; border: 1px solid #dbe7f7; border-radius: 8px; font-size: 13px; }
.tldr li { margin: 7px 0; color: #3c5271; }
.ozellik-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px 22px; }
.ozellik { display: grid; grid-template-columns: 20px 1fr; gap: 8px; align-items: start; padding: 9px 0; border-bottom: 1px solid #eef2f7; font-size: 13px; }
.ozellik b { color: #23a06c; }
.sistem { font-size: 13px; color: #5b6d84; background: var(--pale); border-radius: 7px; padding: 14px 16px; }

/* ---------- yorumlar ---------- */
.yorumlar { margin-top: 48px; padding-top: 34px; border-top: 1px solid var(--line); }
.yorumlar h2 { margin: 0 0 18px; font: 800 24px 'Plus Jakarta Sans'; letter-spacing: -1px; }
.yorum-ozet { display: grid; grid-template-columns: 190px 1fr; gap: 28px; align-items: center; padding: 18px 20px; border: 1px solid var(--line); border-radius: 9px; background: #fcfdff; }
.puan-buyuk { text-align: center; }
.puan-buyuk b { display: block; font: 800 40px/1 'Plus Jakarta Sans'; }
.puan-buyuk small { display: block; margin-top: 5px; font-size: 10px; color: #8291a3; }
.yildiz { color: #f0a318; letter-spacing: 1px; }
.dagilim-satir { display: grid; grid-template-columns: 28px 1fr 26px; gap: 9px; align-items: center; font-size: 10px; color: #7e8ea1; margin: 4px 0; }
.dagilim-satir i { height: 6px; border-radius: 3px; background: #eaeef4; overflow: hidden; }
.dagilim-satir i b { display: block; height: 100%; background: #f0a318; }

.yorum-form { margin: 22px 0 8px; padding: 18px 20px; border: 1px solid var(--line); border-radius: 9px; display: flex; flex-direction: column; gap: 10px; }
.yorum-form > b { font: 700 14px 'Plus Jakarta Sans'; }
.yorum-form input, .yorum-form textarea { border: 1px solid #cfd8e3; border-radius: 6px; padding: 10px 12px; font-size: 13px; background: #fbfcfd; outline: 0; resize: vertical; }
.yorum-form input:focus, .yorum-form textarea:focus { border-color: var(--blue); background: #fff; }
.yorum-form button { align-self: start; padding: 11px 20px; background: var(--blue); color: #fff; border-radius: 6px; font-size: 12px; font-weight: 700; }
.yorum-form small { color: #8b98a8; font-size: 10px; }
.puan-sec { display: inline-flex; flex-direction: row-reverse; justify-content: flex-end; }
.puan-sec input { position: absolute; opacity: 0; pointer-events: none; }
.puan-sec label { font-size: 26px; line-height: 1; color: #d7dde5; cursor: pointer; padding: 0 1px; }
.puan-sec input:checked ~ label, .puan-sec label:hover, .puan-sec label:hover ~ label { color: #f0a318; }
.yorum-not { font-size: 12.5px; color: #6d7f95; margin: 18px 0; }
.yorum-not a { color: var(--blue); font-weight: 700; }

.yorum-liste { margin-top: 12px; }
.yorum { padding: 20px 0; border-bottom: 1px solid #eef2f7; }
.yorum-bas { display: flex; align-items: center; gap: 10px; }
.yorum-bas .avatar { display: grid; place-items: center; width: 34px; height: 34px; border-radius: 50%; background: #e6f0fd; color: #2a6ad2; font-weight: 800; }
.yorum-bas b { font-size: 13px; }
.dogrulanmis { display: block; font-style: normal; font-size: 10px; color: #23a06c; font-weight: 600; }
.yildiz.sag { margin-left: auto; font-size: 13px; }
.yorum h4 { margin: 11px 0 5px; font: 700 14px 'Plus Jakarta Sans'; }
.yorum p { margin: 0; font-size: 13px; line-height: 1.65; color: #4c5e75; white-space: pre-line; }
.yorum > small { display: block; margin-top: 8px; font-size: 10px; color: #93a1b2; }

/* ---------- fiyat kutusu ---------- */
.urun-kutu { position: sticky; top: 18px; }
.kutu { border: 1px solid #d5e0ee; border-radius: 11px; padding: 20px; box-shadow: 0 14px 34px #16437a12; background: #fff; }
.kutu-bas { display: flex; align-items: center; gap: 10px; }
.urun-ikon { display: grid; place-items: center; width: 38px; height: 38px; border-radius: 9px; background: #142d50; color: #fff; font: 800 18px 'Plus Jakarta Sans'; }
.kutu-bas b { font: 700 16px 'Plus Jakarta Sans'; }
.kutu-puan { display: flex; align-items: center; gap: 7px; margin: 11px 0 0; font-size: 11px; color: #7d8c9f; }
.kutu-ozet { margin: 10px 0 15px; font-size: 12px; line-height: 1.55; color: #64768c; }
.deneme-serit { display: flex; align-items: baseline; gap: 7px; padding: 9px 12px; border-radius: 7px; background: #e9f4ff; color: #17518f; margin-bottom: 15px; }
.deneme-serit b { font-size: 12.5px; font-weight: 800; }
.deneme-serit span { font-size: 10.5px; color: #4a7cb5; }
.kutu-fiyat { display: flex; align-items: baseline; gap: 8px; flex-wrap: wrap; }
.kutu-fiyat b { font: 800 32px/1 'Plus Jakarta Sans'; letter-spacing: -1.4px; }
.kutu-fiyat em { font-style: normal; font-size: 11px; color: #7e8da0; }
.kutu-fiyat del { font-size: 12px; color: #93a1b2; }
.indirim { background: #fff0eb; color: #d1552f; font-size: 10px; font-weight: 800; padding: 3px 6px; border-radius: 4px; }
.kdv-satir { display: flex; justify-content: space-between; margin-top: 7px; font-size: 11.5px; color: #748498; }
.kdv-satir.toplam { margin-top: 6px; padding-top: 8px; border-top: 1px dashed var(--line); font-weight: 800; color: var(--ink); font-size: 13px; }
.lisans-secim { margin: 17px 0 14px; }
.lisans-secim label { display: block; font-size: 10px; letter-spacing: 1px; font-weight: 800; color: #8491a1; margin-bottom: 6px; }
.lisans-kutu { padding: 11px 13px; border: 1px solid #cfdcec; border-radius: 7px; background: #fbfdff; }
.lisans-kutu b { display: block; font-size: 13px; }
.lisans-kutu span { font-size: 10.5px; color: #7f8ea1; }
.satin-al { width: 100%; padding: 14px; border-radius: 7px; background: var(--blue); color: #fff; font-size: 14px; font-weight: 800; }
.satin-al:hover { background: #1c5cc9; }
.hemen-al { display: block; text-align: center; margin-top: 9px; padding: 12px; border: 1px solid #cfdcec; border-radius: 7px; font-size: 12.5px; font-weight: 700; color: #2a6ad2; }
.hemen-al:hover { background: #f4f8fe; }
.dene { display: flex; align-items: center; justify-content: center; gap: 8px; margin-top: 12px; padding: 13px;
  border: 2px solid #23a06c; border-radius: 8px; background: #f0fbf5; color: #16794f; font-size: 13.5px; font-weight: 800; }
.dene:hover { background: #23a06c; color: #fff; }
.dene small { display: block; font-size: 10.5px; font-weight: 600; opacity: .85; }
.dene-not { margin: 7px 0 0; text-align: center; font-size: 10.5px; color: #8b98a8; }
.kutu-garanti { list-style: none; margin: 16px 0 0; padding: 15px 0 0; border-top: 1px solid var(--line); font-size: 11.5px; color: #63758b; }
.kutu-garanti li { margin: 7px 0; padding-left: 18px; position: relative; }
.kutu-garanti li:before { content: '✓'; position: absolute; left: 0; color: #23a06c; font-weight: 800; }
.kutu-destek { margin-top: 14px; padding: 15px 18px; border-radius: 9px; background: var(--pale); font-size: 11.5px; }
.kutu-destek b { display: block; font-size: 12.5px; margin-bottom: 4px; }
.kutu-destek span { display: block; color: #6d7f95; }
.kutu-destek a { display: inline-block; margin-top: 6px; color: var(--blue); font-weight: 700; }

/* ============ ÜYELİK / GİRİŞ ============ */
.kimlik { max-width: 428px; margin: 60px auto 90px; }
.kimlik h1 { margin: 0 0 6px; font: 800 27px 'Plus Jakarta Sans'; letter-spacing: -1.2px; }
.kimlik > p { margin: 0 0 22px; color: #6d7f95; font-size: 13px; }
.kimlik form { display: flex; flex-direction: column; gap: 13px; padding: 26px; border: 1px solid var(--line); border-radius: 11px; box-shadow: 0 14px 34px #16437a0d; }
.alan { display: flex; flex-direction: column; gap: 5px; }
.alan label { font-size: 11px; font-weight: 700; color: #5d6f86; }
.alan input, .alan select, .alan textarea { border: 1px solid #cfd8e3; border-radius: 7px; padding: 11px 13px; font-size: 13.5px; background: #fbfcfd; outline: 0; }
.alan input:focus, .alan select:focus, .alan textarea:focus { border-color: var(--blue); background: #fff; }
.kimlik button { margin-top: 4px; padding: 13px; border-radius: 7px; background: var(--blue); color: #fff; font-size: 13.5px; font-weight: 800; }
.kimlik-alt { margin-top: 18px; text-align: center; font-size: 12.5px; color: #6d7f95; }
.kimlik-alt a { color: var(--blue); font-weight: 700; }

/* ============ HESABIM ============ */
.hesap { padding: 34px 0 80px; }
.hesap-bas { display: flex; align-items: end; justify-content: space-between; margin-bottom: 24px; }
.hesap-bas h1 { margin: 0; font: 800 28px 'Plus Jakarta Sans'; letter-spacing: -1.2px; }
.hesap-bas p { margin: 5px 0 0; color: #6d7f95; font-size: 12.5px; }
.hesap-kart { border: 1px solid var(--line); border-radius: 10px; padding: 20px 22px; margin-bottom: 16px; }
.hesap-kart > header { display: flex; align-items: center; justify-content: space-between; height: auto; padding: 0; margin: 0 0 4px; max-width: none; gap: 12px; }
.hesap-kart h3 { margin: 0; font: 700 15px 'Plus Jakarta Sans'; }
.durum { font-size: 10px; font-weight: 800; padding: 4px 8px; border-radius: 20px; text-transform: uppercase; letter-spacing: .5px; }
.durum.paid { background: #e6f7ef; color: #1c7d55; }
.durum.pending { background: #fff5e2; color: #a97613; }
.durum.canceled, .durum.failed { background: #fdeeea; color: #b4462a; }
.anahtar-satir { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin-top: 11px; padding: 12px 14px; background: #f4f8fe; border: 1px dashed #b9d0ee; border-radius: 8px; }
.anahtar-satir code { font: 700 15px/1 ui-monospace, Consolas, monospace; letter-spacing: 1.2px; color: #16457f; }
.anahtar-satir small { color: #7d8ca0; font-size: 10.5px; }
.kopyala { padding: 6px 11px; border: 1px solid #b9d0ee; border-radius: 5px; font-size: 11px; font-weight: 700; color: #2a6ad2; background: #fff; }
.kopyala.tamam { background: #e6f7ef; border-color: #a9dcc4; color: #1c7d55; }
.hesap-liste { display: flex; flex-direction: column; gap: 4px; margin-top: 10px; font-size: 12.5px; }
.hesap-liste > div { display: flex; justify-content: space-between; padding: 8px 0; border-bottom: 1px solid #f0f3f7; }
.hesap-bos { padding: 40px 20px; text-align: center; color: #8291a3; font-size: 13px; border: 1px dashed var(--line); border-radius: 10px; }
.hesap-bos a { display: inline-block; margin-top: 12px; padding: 10px 18px; background: var(--blue); color: #fff; border-radius: 6px; font-size: 12px; font-weight: 700; }
.indir-btn { display: inline-block; margin-top: 10px; padding: 10px 16px; background: #142d50; color: #fff; border-radius: 6px; font-size: 12px; font-weight: 700; }

/* ============ YÖNETİM PANELİ ============ */
.yon-body { background: #f4f6fa; }
.yon { display: grid; grid-template-columns: 232px 1fr; min-height: 100vh; }
.yon-yan { background: #101f36; color: #c6d5e8; padding: 22px 0; display: flex; flex-direction: column; }
.yon-marka { display: flex; align-items: center; gap: 9px; padding: 0 22px 20px; border-bottom: 1px solid #22354f; }
.yon-marka b { font: 800 15px 'Plus Jakarta Sans'; color: #fff; letter-spacing: -.4px; }
.yon-marka span { display: grid; place-items: center; width: 30px; height: 30px; border-radius: 8px; background: #2a6ad2; color: #fff; font-weight: 800; }
.yon-yan nav { display: flex; flex-direction: column; padding: 14px 12px; gap: 2px; }
.yon-yan nav a { display: flex; align-items: center; gap: 10px; padding: 10px 12px; border-radius: 7px; font-size: 13px; color: #b6c8dd; }
.yon-yan nav a:hover { background: #1a2c47; color: #fff; }
.yon-yan nav a.aktif { background: #2a6ad2; color: #fff; font-weight: 600; }
.yon-yan nav a i { font-style: normal; width: 18px; text-align: center; opacity: .9; }
.yon-yan nav a b { margin-left: auto; background: #e0603a; color: #fff; font-size: 10px; padding: 1px 7px; border-radius: 10px; }
.yon-yan footer { margin-top: auto; padding: 16px 22px 0; border-top: 1px solid #22354f; font-size: 11px; color: #8ba1bb; display: block; grid-template-columns: none; }
.yon-yan footer b { display: block; color: #fff; font-size: 12px; }
.yon-yan footer a { color: #7fb2f5; }

.yon-ana { padding: 26px 30px 60px; min-width: 0; }
.yon-ust { display: flex; align-items: end; justify-content: space-between; margin-bottom: 22px; }
.yon-ust h1 { margin: 0; font: 800 24px 'Plus Jakarta Sans'; letter-spacing: -1px; }
.yon-ust p { margin: 4px 0 0; color: #6d7f95; font-size: 12.5px; }
.kpi { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; margin-bottom: 24px; }
.kpi > div { background: #fff; border: 1px solid #e3e9f1; border-radius: 10px; padding: 16px 18px; }
.kpi small { display: block; font-size: 10px; letter-spacing: .8px; font-weight: 700; color: #8695a8; text-transform: uppercase; }
.kpi b { display: block; margin-top: 6px; font: 800 25px 'Plus Jakarta Sans'; letter-spacing: -1px; }
.kpi em { font-style: normal; font-size: 11px; color: #7f8ea1; }
.kpi .iyi em { color: #1c7d55; }
.kpi .uyari-renk em { color: #c2601f; }

.panel { background: #fff; border: 1px solid #e3e9f1; border-radius: 10px; margin-bottom: 20px; overflow: hidden; }
.panel > header { display: flex; align-items: center; justify-content: space-between; height: auto; max-width: none; margin: 0; padding: 15px 18px; border-bottom: 1px solid #edf1f6; gap: 12px; }
.panel > header h2 { margin: 0; font: 700 15px 'Plus Jakarta Sans'; }
.panel > header span { font-size: 11.5px; color: #8291a3; }
.panel-govde { padding: 18px; }
table.veri { width: 100%; border-collapse: collapse; font-size: 12.5px; }
table.veri th { text-align: left; padding: 10px 14px; background: #f7f9fc; border-bottom: 1px solid #e6ecf3; font-size: 10.5px; letter-spacing: .6px; text-transform: uppercase; color: #7b8b9e; font-weight: 700; }
table.veri td { padding: 12px 14px; border-bottom: 1px solid #f0f3f7; vertical-align: middle; }
table.veri tr:last-child td { border-bottom: 0; }
table.veri tbody tr:hover { background: #fafcff; }
table.veri code { font: 12px ui-monospace, Consolas, monospace; color: #16457f; background: #f1f6fd; padding: 2px 6px; border-radius: 4px; }
.sag { text-align: right; }
.kucuk { font-size: 11px; color: #8291a3; }
.eylem { display: inline-flex; gap: 7px; }
.dg { padding: 7px 12px; border-radius: 6px; font-size: 11.5px; font-weight: 700; border: 1px solid transparent; }
.dg.mavi { background: var(--blue); color: #fff; }
.dg.mavi:hover { background: #1c5cc9; }
.dg.duz { background: #fff; border-color: #d5dde7; color: #55677e; }
.dg.duz:hover { border-color: #b6c4d4; }
.dg.kirmizi { background: #fff; border-color: #f0cec4; color: #b4462a; }
.dg.yesil { background: #e6f7ef; color: #1c7d55; border-color: #b6e2cd; }
.bos { padding: 34px; text-align: center; color: #8695a8; font-size: 12.5px; }
.form-izgara { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px 18px; }
.form-izgara .genis { grid-column: 1 / -1; }
.form-izgara label { display: block; font-size: 11px; font-weight: 700; color: #5d6f86; margin-bottom: 5px; }
.form-izgara input, .form-izgara textarea, .form-izgara select { width: 100%; border: 1px solid #d3dbe5; border-radius: 7px; padding: 10px 12px; font-size: 13px; background: #fbfcfd; outline: 0; font-family: inherit; }
.form-izgara input:focus, .form-izgara textarea:focus { border-color: var(--blue); background: #fff; }
.form-izgara small { display: block; margin-top: 4px; font-size: 10.5px; color: #8b98a8; }
.onay { display: flex; align-items: center; gap: 8px; font-size: 12.5px; }
.onay input { width: auto; }
.form-alt { display: flex; justify-content: flex-end; gap: 9px; margin-top: 18px; padding-top: 16px; border-top: 1px solid #edf1f6; }
.sekme { display: flex; gap: 4px; padding: 0 18px; border-bottom: 1px solid #edf1f6; }
.sekme a { padding: 12px 14px; font-size: 12.5px; font-weight: 600; color: #7b8b9e; border-bottom: 2px solid transparent; }
.sekme a.aktif { color: var(--blue); border-bottom-color: var(--blue); }

.yon-giris { display: grid; place-items: center; min-height: 100vh; background: #101f36; }
.yon-giris form { width: 360px; background: #fff; border-radius: 12px; padding: 30px; display: flex; flex-direction: column; gap: 13px; box-shadow: 0 26px 60px #0006; }
.yon-giris h1 { margin: 0; font: 800 21px 'Plus Jakarta Sans'; letter-spacing: -.9px; }
.yon-giris p { margin: 0 0 6px; font-size: 12.5px; color: #6d7f95; }
.yon-giris button { padding: 12px; border-radius: 7px; background: var(--blue); color: #fff; font-weight: 800; font-size: 13.5px; }

@media (max-width: 980px) {
  .urun-grid { grid-template-columns: 1fr; gap: 26px; }
  .urun-kutu { position: static; }
  .urun-sol h1 { font-size: 27px; }
  .ozellik-grid { grid-template-columns: 1fr; }
  .yorum-ozet { grid-template-columns: 1fr; gap: 14px; }
  .kpi { grid-template-columns: 1fr 1fr; }
  .yon { grid-template-columns: 1fr; }
  .yon-yan { flex-direction: row; align-items: center; overflow: auto; padding: 10px; }
  .yon-yan .yon-marka { border: 0; padding: 0 14px 0 8px; }
  .yon-yan nav { flex-direction: row; padding: 0 8px; }
  .yon-yan footer { display: none; }
  .yon-ana { padding: 20px 16px 50px; }
  .form-izgara { grid-template-columns: 1fr; }
  table.veri { display: block; overflow-x: auto; white-space: nowrap; }
}

/* ============ ÖDEME / SİPARİŞ AKIŞI ============ */
.akis { padding: 34px 0 80px; max-width: 980px; }
.akis h1 { margin: 0 0 6px; font: 800 28px 'Plus Jakarta Sans'; letter-spacing: -1.2px; display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.akis h2 { margin: 0 0 14px; font: 700 16px 'Plus Jakarta Sans'; }
.akis-alt { margin: 0 0 24px; color: #6d7f95; font-size: 13px; }
.etiket { margin: 0 0 4px; font-size: 10px; letter-spacing: 1.3px; font-weight: 800; color: #3272cf; }
.akis-grid { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, .85fr); gap: 20px; align-items: start; }
.akis-kart { background: #fff; border: 1px solid var(--line); border-radius: 11px; padding: 22px; margin-bottom: 16px; }
.akis-kart .alan { margin-bottom: 12px; }
.akis-kart .satin-al { width: 100%; }
.ozet-satir { display: flex; justify-content: space-between; gap: 12px; padding: 9px 0; border-bottom: 1px solid #f0f3f7; font-size: 13px; }
.ozet-satir:last-of-type { border-bottom: 0; }
.ozet-satir.toplam { margin-top: 4px; padding-top: 11px; border-top: 1px solid var(--line); border-bottom: 0; font: 800 16px 'Plus Jakarta Sans'; }
.akis .veri th { width: 130px; text-transform: none; letter-spacing: 0; font-size: 11.5px; background: transparent; }
@media (max-width: 860px) { .akis-grid { grid-template-columns: 1fr; } }

/* ---------- şablon çakışmaları ---------- */
/* styles.css'teki .mini-app strong{16px} kuralı kritik stok satırlarına sızıyordu */
.mini-app .defne-alert strong { font-size: 7px; font-weight: 700; }
.mini-app .defne-table span i { font-size: 7px; }
/* Logo kırpılmadan görünsün */
.brand img { width: 76px; height: 36px; object-fit: contain; object-position: left center; mix-blend-mode: normal; }
.brand b { font-size: 11px; letter-spacing: .6px; color: #5a6c82; text-transform: uppercase; }
footer .brand img { width: 92px; height: 44px; }

/* ============ VİTRİN KARTI (tek/az ürün düzeni) ============ */
.products .section-link { font-size: 12px; font-weight: 700; color: #326fcf; }
.vitrin { display: grid; grid-template-columns: minmax(0, 1.12fr) minmax(0, .88fr); gap: 0; border: 1px solid #cddcee; border-radius: 12px; overflow: hidden; background: #fff; box-shadow: 0 16px 38px #1c5ea312; }
.vitrin-gorsel { display: block; background: #eef4fc; overflow: hidden; }
.vitrin-gorsel img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: left center; transition: transform .35s ease; }
.vitrin:hover .vitrin-gorsel img { transform: scale(1.02); }
.vitrin-bilgi { padding: 30px 32px; display: flex; flex-direction: column; }
.vitrin-ust { display: flex; align-items: center; gap: 12px; margin-bottom: 12px; }
.vitrin-rozet { font-size: 10px; font-weight: 800; letter-spacing: .4px; padding: 4px 8px; border-radius: 4px; background: #e8f4ff; color: #1e63c4; text-transform: uppercase; }
.vitrin-puan { font-size: 11px; font-weight: 700; color: #eaa100; }
.vitrin-puan i { font-style: normal; color: #8794a4; font-weight: 400; }
.vitrin-bilgi h3 { margin: 0 0 8px; font: 800 26px 'Plus Jakarta Sans'; letter-spacing: -1.1px; }
.vitrin-bilgi > p { margin: 0 0 16px; font-size: 13px; line-height: 1.6; color: #5d6f86; }
.vitrin-liste { list-style: none; margin: 0 0 20px; padding: 0; display: grid; gap: 7px; font-size: 12.5px; color: #4c5e75; }
.vitrin-liste li { padding-left: 20px; position: relative; }
.vitrin-liste li:before { content: '✓'; position: absolute; left: 0; color: #23a06c; font-weight: 800; }
.vitrin-alt { margin-top: auto; padding-top: 18px; border-top: 1px solid var(--line); }
.vitrin-fiyat del { font-size: 12px; color: #93a1b2; margin-right: 7px; }
.vitrin-fiyat b { font: 800 28px/1 'Plus Jakarta Sans'; letter-spacing: -1.3px; }
.vitrin-fiyat em { display: block; margin-top: 4px; font-style: normal; font-size: 11px; color: #7e8da0; }
.vitrin-dugmeler { display: flex; align-items: center; gap: 14px; margin-top: 14px; }
.vitrin-dugmeler .add { padding: 12px 22px; border-radius: 7px; background: var(--blue); color: #fff; font-size: 13px; font-weight: 800; }
.vitrin-dugmeler .add:hover { background: #1c5cc9; }
.vitrin-dugmeler a { font-size: 12.5px; font-weight: 700; color: #2770df; }
@media (max-width: 900px) {
  .vitrin { grid-template-columns: 1fr; }
  .vitrin-gorsel img { height: auto; }
  .vitrin-bilgi { padding: 24px 20px; }
}

/* Vitrin kartinda ucretsiz deneme cagrisi */
.vitrin-dugmeler .dene-kucuk { display: inline-flex; align-items: center; gap: 6px; padding: 12px 18px; border: 2px solid #23a06c;
  border-radius: 7px; color: #16794f; font-size: 12.5px; font-weight: 800; }
.vitrin-dugmeler .dene-kucuk:hover { background: #23a06c; color: #fff; }
/* Kahraman bolumunde ikinci dugme */
.hero-copy .dene-hero { display: inline-flex; align-items: center; gap: 7px; margin-left: 10px; padding: 12px 15px; border-radius: 5px;
  background: #fff; color: #16794f; border: 2px solid #23a06c; font-size: 12px; font-weight: 800; }
.hero-copy .dene-hero:hover { background: #23a06c; color: #fff; }

/* ---------- ürün sayfası: eklenti (hizmet) seçeneği ---------- */
.eklenti { display: flex; gap: 10px; align-items: flex-start; margin: 0 0 14px; padding: 13px 14px;
  border: 1px solid #cfdcec; border-radius: 8px; background: #fbfdff; cursor: pointer; }
.eklenti:hover { border-color: #a9c6ea; }
.eklenti:has(input:checked) { border-color: var(--blue); background: #f2f7ff; box-shadow: 0 0 0 2px #256eea20; }
.eklenti input { margin: 2px 0 0; width: 16px; height: 16px; accent-color: var(--blue); flex: none; }
.eklenti-govde { display: block; }
.eklenti-govde b { display: block; font-size: 12.5px; }
.eklenti-govde em { display: block; margin-top: 3px; font-style: normal; font-size: 13px; font-weight: 800; color: #1c5cc9; }
.eklenti-govde small { display: block; margin-top: 4px; font-size: 11px; line-height: 1.5; color: #74849a; }
.ek-fiyat { font: 700 13px Inter, sans-serif; color: #1c5cc9; letter-spacing: 0; margin-left: 8px; }

/* Sepet toplamı: tutar KDV dahildir */
.drawer-bottom b i { font-style: normal; font-size: 11px; font-weight: 600; color: #7d8c9d; margin-left: 4px; }

/* Fiyat kutusundaki program simgesi */
.urun-ikon.resimli { background: transparent; padding: 0; width: 44px; height: 44px; }
.urun-ikon.resimli img { width: 100%; height: 100%; object-fit: contain; border-radius: 10px; display: block; }

/* ============ YASAL SAYFALAR ============ */
.yasal { max-width: 820px; padding: 28px 0 70px; }
.yasal h1 { margin: 6px 0 4px; font: 800 30px 'Plus Jakarta Sans'; letter-spacing: -1.4px; }
.yasal-tarih { margin: 0 0 22px; font-size: 12px; color: #8291a3; }
.yasal-govde { font-size: 14px; line-height: 1.75; color: #3f5064; }
.yasal-govde h2 { margin: 26px 0 10px; font: 700 18px 'Plus Jakarta Sans'; color: var(--ink); }
.yasal-govde p { margin: 0 0 14px; }
.yasal-govde ul { margin: 0 0 16px; padding-left: 22px; }
.yasal-govde li { margin: 6px 0; }
.yasal-iletisim { margin-top: 34px; padding: 18px 20px; background: var(--pale); border: 1px solid var(--line); border-radius: 10px; font-size: 13px; display: flex; flex-direction: column; gap: 3px; }
.yasal-iletisim b { font: 700 14px 'Plus Jakarta Sans'; margin-bottom: 3px; }
.yasal-iletisim a { color: var(--blue); }

/* footer yasal sütunu */
footer > div:not(:first-child) { display: flex; flex-direction: column; gap: 7px; }
/* ============ ÇEREZ BANDI ============ */
/* Sinif tabanli ac/kapa: [hidden] ile display:flex catismasin (kapanmama hatasi). */
.cerez-bant { display: none; position: fixed; left: 50%; transform: translateX(-50%);
  bottom: 20px; z-index: 60; width: calc(100% - 32px); max-width: 680px;
  align-items: center; gap: 14px; padding: 12px 14px 12px 18px;
  background: #fff; color: #33475f; border: 1px solid var(--line);
  border-radius: 12px; box-shadow: 0 12px 32px #1028441f; font-size: 12.5px; line-height: 1.5; }
.cerez-bant.goster { display: flex; }
.cerez-metin { flex: 1; }
.cerez-metin b { color: var(--ink); }
.cerez-bant a { color: var(--blue); font-weight: 600; }
.cerez-tamam { flex: none; padding: 9px 20px; border-radius: 8px; background: var(--blue);
  color: #fff; font-weight: 700; font-size: 12.5px; border: 0; cursor: pointer; }
.cerez-tamam:hover { background: #1c5cc9; }
.cerez-tamam:focus-visible { outline: 2px solid #256eea55; outline-offset: 2px; }
@media (max-width: 520px) { .cerez-bant { flex-direction: column; align-items: stretch; text-align: center; gap: 10px; } }

/* Ürün sayfası: KDV dahil fiyat cümlesi (GEO/erişilebilirlik) */
.giris-fiyat { margin: 0 0 14px; font-size: 14px; color: #33475f; background: #f4f8fe; border: 1px solid #dbe7f7; border-radius: 8px; padding: 10px 14px; }
.giris-fiyat b { color: var(--ink); font-size: 15px; }

/* ============ BLOG + KURUMSAL SAYFALAR ============ */
.blog, .icerik, .blog-yazi { max-width: 800px; padding: 28px 0 70px; }
.blog h1, .icerik h1, .blog-yazi h1 { margin: 6px 0 6px; font: 800 30px 'Plus Jakarta Sans'; letter-spacing: -1.4px; line-height: 1.2; }
.blog-alt { margin: 0 0 24px; color: #6d7f95; font-size: 14px; }
.blog-liste { display: grid; gap: 14px; }
.blog-kart { display: block; padding: 20px 22px; border: 1px solid var(--line); border-radius: 12px; background: #fff; transition: .2s; }
.blog-kart:hover { border-color: #bfd5ef; box-shadow: 0 14px 28px #19386212; transform: translateY(-2px); }
.blog-kart h2 { margin: 0 0 6px; font: 700 18px 'Plus Jakarta Sans'; color: var(--ink); }
.blog-kart p { margin: 0 0 10px; font-size: 13.5px; line-height: 1.6; color: #5d6f86; }
.blog-tarih { font-size: 12px; color: #8291a3; font-weight: 600; }

.blog-govde { font-size: 15px; line-height: 1.8; color: #3f5064; }
.blog-govde .giris { font-size: 16px; color: #33475f; }
.blog-govde h2 { margin: 28px 0 10px; font: 700 20px 'Plus Jakarta Sans'; color: var(--ink); letter-spacing: -.5px; }
.blog-govde p { margin: 0 0 15px; }
.blog-govde ul { margin: 0 0 16px; padding-left: 22px; }
.blog-govde a { color: var(--blue); font-weight: 600; }
.blog-yazi .blog-tarih { display: block; margin: 0 0 20px; }

.blog-cta { margin-top: 36px; padding: 22px 24px; border-radius: 12px; background: #102844; color: #eaf1fb;
  display: flex; align-items: center; justify-content: space-between; gap: 18px; flex-wrap: wrap; }
.blog-cta b { font: 700 16px 'Plus Jakarta Sans'; display: block; }
.blog-cta span { font-size: 13px; color: #b8c9dd; }
.blog-cta-dugmeler { display: flex; gap: 10px; align-items: center; flex: none; }
.blog-cta > div:first-child { min-width: 0; }
.blog-cta .blog-al { width: auto; background: var(--blue); color: #fff; padding: 11px 20px; border-radius: 7px; font-weight: 700; font-size: 13px; white-space: nowrap; }
.blog-cta .blog-al:hover { background: #1c5cc9; }
.blog-cta .dene-kucuk { color: #9fe0c0; border-color: #2e7d59; padding: 11px 16px; border: 2px solid #2e7d59; border-radius: 7px; font-weight: 700; font-size: 12.5px; }

.icerik-govde { font-size: 15px; line-height: 1.8; color: #3f5064; }
.icerik-govde .giris { font-size: 16px; color: #33475f; margin-bottom: 8px; }
.icerik-govde h2 { margin: 26px 0 10px; font: 700 19px 'Plus Jakarta Sans'; color: var(--ink); }
.icerik-govde ul { margin: 0 0 16px; padding-left: 22px; } .icerik-govde li { margin: 6px 0; }
.icerik-govde a { color: var(--blue); font-weight: 600; }
.iletisim-kartlar { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 12px; margin: 18px 0; }
.iletisim-kart { padding: 16px 18px; border: 1px solid var(--line); border-radius: 10px; background: var(--pale); }
.iletisim-kart small { display: block; font-size: 10px; letter-spacing: 1px; color: #8291a3; font-weight: 700; margin-bottom: 5px; }
.iletisim-kart a, .iletisim-kart span { font-size: 14px; color: var(--ink); font-weight: 600; }
.iletisim-kart a { color: var(--blue); }
@media (max-width: 560px) { .blog-cta { flex-direction: column; align-items: stretch; } }

/* ============ HARİCİ ÜRÜN KARTI (kendi sitesinde satılan) ============ */
/* .vitrin düzenini kullanır; görsel yerine markalı amblem paneli. */
.vitrin.dis { grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); }
.dis-gorsel { display: grid; place-items: center; background: linear-gradient(135deg, #eef4fc, #dce9fb); min-height: 220px; }
.dis-amblem { font-size: 72px; line-height: 1; }
.vitrin-rozet.harici { background: #eef1f5; color: #55677e; }
.vitrin-git { display: inline-flex; align-items: center; padding: 12px 22px; border-radius: 7px;
  background: var(--ink); color: #fff; font-size: 13px; font-weight: 800; }
.vitrin-git:hover { background: #0b1c30; }
@media (max-width: 900px) { .vitrin.dis { grid-template-columns: 1fr; } .dis-gorsel { min-height: 150px; } }

/* ============ ÜST BAR İKONLARI (Unicode yerine inline SVG) ============ */
header .search svg { width: 18px; height: 18px; color: #77879a; flex: none; }
header .actions .btn-link svg,
header .actions .cart svg { width: 19px; height: 19px; flex: none; }
header .actions .btn-link,
header .actions .cart { display: inline-flex; align-items: center; gap: 6px; }
/* Sepet sayacı baloncuğu ikonun sağ üstünde dursun */
header .cart { position: relative; }
header .cart > b { position: absolute; left: 14px; top: -7px; background: var(--blue); color: #fff;
  border-radius: 9px; min-width: 15px; height: 15px; padding: 0 4px; font-size: 9px; line-height: 15px; text-align: center; }

/* Mobilde üst bar: metinleri gizle, sadece ikonlar kalsın (taşmayı önler, dokunma hedefi büyür) */
@media (max-width: 850px) {
  header .actions { gap: 4px; margin-left: auto; }
  header .actions .btn-link span,
  header .actions .cart span { display: none; }
  header .actions .btn-link,
  header .actions .cart { padding: 9px; min-width: 40px; min-height: 40px; justify-content: center; }
  header .actions .btn-link svg,
  header .actions .cart svg { width: 22px; height: 22px; }
  header .cart > b { left: auto; right: 2px; top: 0; }
}

/* ---- e-posta doğrulama ---- */
.dogru-serit{display:flex;align-items:center;gap:14px;justify-content:space-between;flex-wrap:wrap;
  border-radius:12px;padding:12px 16px;margin:0 0 18px;font-size:14px;line-height:1.5}
.dogru-serit.ok{background:#e7f7ee;border:1px solid #bfe6cf;color:#0f7a3d}
.dogru-serit.uyari{background:#fff6e6;border:1px solid #f2d9a6;color:#8a5a00}
.dogru-serit form{margin:0}
.dogru-serit button{background:#8a5a00;color:#fff;border:0;border-radius:8px;padding:8px 14px;
  font-weight:700;font-size:13px;cursor:pointer;white-space:nowrap}
.dogru-serit button:hover{filter:brightness(1.08)}

.dogrula-sayfa{display:flex;justify-content:center;padding:48px 16px 72px}
.dogrula-kart{max-width:480px;width:100%;text-align:center;background:#fff;border:1px solid #e5e9ef;
  border-radius:18px;padding:40px 32px;box-shadow:0 8px 30px rgba(20,30,50,.06)}
.dogrula-kart h1{font-size:24px;margin:8px 0 10px}
.dogrula-kart p{color:#64748b;font-size:15px;line-height:1.6;margin:0 0 8px}
.dogrula-not{color:#0f7a3d !important;font-weight:600}
.dogrula-alt{font-size:13px;margin-top:16px !important}
.dogrula-alt a,.dogrula-kart a:not(.dogrula-dugme){color:var(--blue);font-weight:600;text-decoration:none}
.dogrula-ikon{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;
  font-size:30px;font-weight:800;margin:0 auto 8px}
.dogrula-ikon.ok{background:#e7f7ee;color:#0f7a3d}
.dogrula-ikon.hata{background:#fdecec;color:#c0392b}
.dogrula-ikon.bekle{background:#eef3ff;color:var(--blue)}
.dogrula-dugme{display:inline-block;margin-top:16px;background:var(--blue);color:#fff;text-decoration:none;
  font-weight:700;font-size:15px;padding:12px 24px;border-radius:12px;border:0;cursor:pointer}
.dogrula-dugme:hover{filter:brightness(1.06)}
.dogrula-dugme.sade{background:#fff;color:var(--blue);border:1.5px solid var(--blue)}
.dogrula-kart form{margin:0}