/* eSIM canli fiyat bileseni (03.10) — /esim/ ve /fiyatlar/esim/ ortak; renkler site-ortak/urun token'larindan */
.esf{max-width:1000px; margin:0 auto; text-align:left}
.esf-arac{display:flex; gap:12px; flex-wrap:wrap; align-items:flex-start; margin-bottom:12px}
.esf-ara{position:relative; flex:1; min-width:240px}
.esf-ara input{width:100%; box-sizing:border-box; border:1px solid var(--line); border-radius:12px; padding:12px 14px; font:500 15px Karla,sans-serif; background:#fff}
.esf-liste{position:absolute; left:0; right:0; top:calc(100% + 6px); z-index:20; max-height:360px; overflow:auto; background:#fff; border:1px solid var(--line); border-radius:12px; box-shadow:0 18px 40px rgba(0,0,0,.14)}
.esf-liste button,.esf-populer button{display:flex; align-items:center; gap:8px; width:100%; text-align:left; border:0; background:#fff; padding:10px 12px; font:500 14.5px Karla,sans-serif; color:var(--ink); cursor:pointer}
.esf-liste button:hover{background:var(--soft)}
.esf-liste button em,.esf-liste .esf-bos{margin-left:auto; font-style:normal; font-size:12.5px; color:var(--ink-faint)}
.esf .e-kod{display:inline-block; min-width:26px; text-align:center; font:700 10.5px/1 "JetBrains Mono",monospace; color:var(--mavi); background:var(--mavi-soft); border-radius:6px; padding:5px 4px}
.esf-tur{display:flex; gap:6px}
.esf-tur button{border:1px solid var(--line); background:#fff; border-radius:999px; padding:9px 14px; font:600 13.5px Karla,sans-serif; color:var(--ink-soft); cursor:pointer}
.esf-tur button.s{background:var(--mavi); color:#fff; border-color:var(--mavi)}
.esf-populer{display:flex; gap:8px; flex-wrap:wrap; margin-bottom:18px}
.esf-populer button{width:auto; border:1px solid var(--line); border-radius:999px; padding:7px 12px 7px 7px; font-size:13.5px}
.esf-populer button.s{border-color:var(--mavi); box-shadow:0 0 0 2px var(--mavi-soft)}
.esf-sec small{display:block; font:700 11px/1 "JetBrains Mono",monospace; letter-spacing:.14em; color:var(--mavi); margin-bottom:6px}
.esf-sec h3{font:800 26px/1.15 Sora,sans-serif; color:var(--lacivert); margin:0 0 14px}
.esf h4{font:700 17px Sora,sans-serif; margin:22px 0 4px}
.esf-aciklama{font-size:14px; color:var(--ink-soft); margin:0 0 12px}
.esf-tablo{overflow-x:auto; border:1px solid var(--line); border-radius:14px; background:#fff; box-shadow:var(--golge)}
.esf-tablo table{width:100%; border-collapse:collapse; font-size:14.5px; min-width:560px}
.esf-tablo th{text-align:left; background:var(--soft); color:var(--ink-soft); font-size:11.5px; letter-spacing:.08em; text-transform:uppercase; padding:11px 14px}
.esf-tablo td{padding:12px 14px; border-top:1px solid var(--line); color:var(--ink-soft); vertical-align:middle}
.esf-tablo td b{color:var(--ink)}
.esf-tablo td:last-child b{font:800 17px Sora,sans-serif; color:var(--lacivert); font-variant-numeric:tabular-nums}
.esf-tablo td small{display:block; font-size:12px; color:var(--ink-faint)}
.esf-tablo tr.one td{background:#F3F8FF}
.esf-rozet{display:inline-block; margin-left:6px; font:700 10px/1 "JetBrains Mono",monospace; letter-spacing:.06em; color:#fff; background:var(--yesil); border-radius:999px; padding:4px 7px; vertical-align:middle}
.esf-gunluk{background:#fff; border:1px solid var(--line); border-radius:14px; padding:16px; margin-bottom:12px; box-shadow:var(--golge)}
.esf-gunluk-ust{display:flex; justify-content:space-between; gap:10px; flex-wrap:wrap; margin-bottom:12px}
.esf-gunluk-ust b{font:700 16px Sora,sans-serif; color:var(--ink)}
.esf-gunluk-ust span{font-size:13px; color:var(--ink-faint)}
.esf-kademe{display:grid; grid-template-columns:repeat(auto-fit,minmax(150px,1fr)); gap:8px}
.esf-kademe div{border:1px solid var(--line); border-radius:10px; padding:10px 12px; background:var(--soft)}
.esf-kademe small{display:block; font:700 11px/1 "JetBrains Mono",monospace; letter-spacing:.08em; color:var(--ink-faint); margin-bottom:6px}
.esf-kademe b{display:block; font:800 18px/1.1 Sora,sans-serif; color:var(--lacivert); font-variant-numeric:tabular-nums}
.esf-kademe i{display:block; font-style:normal; font-size:12px; color:var(--ink-faint); margin-top:3px}
.esf-bos{padding:22px; text-align:center; color:var(--ink-faint); border:1.5px dashed #BFD3F2; border-radius:14px; background:#fff}
.esf-not{background:#FFF7E6; border:1px solid #F3D9A4; color:#7A5B12; border-radius:12px; padding:12px 14px; font-size:14px; margin-bottom:12px}
.esf-kur{text-align:center; margin-top:14px}
@media(max-width:560px){.esf-sec h3{font-size:22px}.esf-kademe{grid-template-columns:1fr 1fr}}
/* sihirbaz (03.10) */
.esf-sih{display:grid;grid-template-columns:1.15fr .85fr;gap:22px;margin:4px 0 22px}
@media(max-width:820px){.esf-sih{grid-template-columns:1fr}}
.esf-ad{display:block;font:700 11px/1 "JetBrains Mono",monospace;letter-spacing:.12em;color:var(--ink-faint);margin:16px 0 9px}
.esf-sih-sol .esf-ad:first-child{margin-top:4px}
.esf-cip{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.esf-cip button{border:1px solid var(--line);border-radius:999px;padding:9px 14px;font:600 14px Karla,sans-serif;background:#fff;color:var(--ink);cursor:pointer}
.esf-cip button:hover{border-color:var(--mavi)}
.esf-cip button.s{background:var(--mavi);color:#fff;border-color:var(--mavi)}
.esf-gun label{display:inline-flex;align-items:center;gap:6px;font-size:14px;color:var(--ink-soft)}
.esf-gun input{width:76px;border:1px solid var(--line);border-radius:10px;padding:8px 10px;font:600 15px Karla,sans-serif}
.esf-sih-bilgi{margin:14px 0 0;font-size:13.5px;color:var(--ink-faint)}
.esf-sih-ozet{background:var(--soft);border:1px solid var(--line);border-radius:16px;padding:20px;align-self:start;position:sticky;top:84px}
.esf-sih-ozet .esf-ad{margin-top:0}
.esf-sih-ad{display:block;font:700 17px/1.3 Sora,sans-serif;color:var(--ink)}
.esf-sih-fy{font:800 36px/1.1 Sora,sans-serif;color:var(--lacivert);margin:8px 0 4px;font-variant-numeric:tabular-nums}
.esf-sih-fy small{font:600 14px Karla,sans-serif;color:var(--ink-faint)}
.esf-sih-ozet ul{margin:10px 0 16px;padding-left:18px;color:var(--ink-soft);font-size:14px}
.esf-sepete{display:block;width:100%;border:0;border-radius:12px;padding:14px 18px;background:var(--mavi);color:#fff;font:700 16px Karla,sans-serif;cursor:pointer}
.esf-sepete:disabled{background:#B8C4D6;cursor:not-allowed}
.esf-tum{margin-top:6px}
.esf-tum summary{cursor:pointer;font:700 15px Sora,sans-serif;color:var(--mavi);padding:10px 0}
.esf-rl{display:flex;justify-content:center;margin-top:12px}