/* OptilaPlus — Lisans ve Paketler ekranı (brand/b2b-finance.js lisans bölümü), 2026-09-13 */
.olm{display:grid;gap:18px}
.olm-mevcut{position:relative;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:20px 26px;padding:24px 26px;border-radius:20px;color:#fff;background:linear-gradient(135deg,#0b2855 0%,#1650b8 60%,#1f7ae0 100%);box-shadow:0 14px 34px rgba(11,40,85,.22);overflow:hidden}
.olm-mevcut::after{content:"";position:absolute;right:-70px;top:-70px;width:260px;height:260px;border-radius:50%;background:rgba(255,255,255,.07);pointer-events:none}
.olm-mevcut.olm-d-deneme{background:linear-gradient(135deg,#312e81 0%,#4f46e5 55%,#7c3aed 100%)}
.olm-mevcut.olm-d-uyari{background:linear-gradient(135deg,#7c2d12 0%,#c2410c 60%,#ea580c 100%)}
.olm-mevcut.olm-d-bitti{background:linear-gradient(135deg,#450a0a 0%,#b91c1c 100%)}
.olm-ust{font-size:11px;letter-spacing:.14em;font-weight:800;opacity:.75}
.olm-mevcut h2{margin:6px 0 4px;font-size:26px;line-height:1.2;color:#fff;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.olm-mevcut p{margin:0 0 10px;color:rgba(255,255,255,.84);font-size:13.5px}
.olm-mevcut-sol,.olm-mevcut-sag,.olm-mevcut-icerik{position:relative;z-index:1;min-width:0}
.olm-sure{margin:14px 0 10px}
.olm-sure-cubuk{height:10px;border-radius:99px;background:rgba(255,255,255,.2);overflow:hidden}
.olm-sure-cubuk i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#34d399,#a7f3d0)}
.olm-d-uyari .olm-sure-cubuk i,.olm-d-bitti .olm-sure-cubuk i{background:linear-gradient(90deg,#fde68a,#fff)}
.olm-sure-yazi{display:flex;justify-content:space-between;gap:10px;margin-top:8px;font-size:13px;flex-wrap:wrap}
.olm-sure-yazi strong{font-size:16px}
.olm-sure-yazi span{opacity:.82}
.olm-not{margin:6px 0 12px;padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.14);font-size:13px;line-height:1.45}
.olm-eylem{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px}
.olm-mevcut .opf-btn{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.38);color:#fff}
.olm-mevcut .opf-btn:hover{background:rgba(255,255,255,.24)}
.olm-mevcut .opf-btn.primary{background:#fff;color:#0b2855;border-color:#fff}
.olm-mevcut-sag{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-content:start}
.olm-kutu{padding:13px 14px;border-radius:14px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);display:flex;flex-direction:column;gap:3px;min-width:0}
.olm-kutu span{font-size:11.5px;opacity:.82;font-weight:600}
.olm-kutu strong{font-size:18px;overflow-wrap:anywhere}
.olm-kutu small{font-size:11px;opacity:.74}
.olm-mevcut-icerik{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.2);padding-top:12px}
.olm-mevcut-icerik>span{font-size:11.5px;font-weight:700;opacity:.82;display:block;margin-bottom:8px}
.olm-mevcut .olm-icerik{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));margin:0}
.olm-mevcut .olm-icerik li{color:#fff}
.olm-mevcut .olm-icerik li::before{color:#a7f3d0}
.olm-rozet{display:inline-flex;align-items:center;padding:3px 10px;border-radius:99px;font-size:11.5px;font-weight:700;background:#eef4ff;color:#1d4ed8;white-space:nowrap}
.olm-mevcut .olm-rozet{background:rgba(255,255,255,.2);color:#fff}
.olm-rozet.mevcut{background:#dcfce7;color:#166534}
.olm-rozet.alt{background:#eef2f7;color:#64748b}
.olm-rozet.yukselt{background:#ede9fe;color:#6d28d9}
.olm-bolum{background:#fff;border:1px solid var(--opf-line,#dbe5f2);border-radius:18px;padding:20px;box-shadow:0 8px 24px rgba(15,42,82,.05);min-width:0}
.olm-bolum-bas{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:16px}
.olm-bolum-bas h2{margin:0 0 4px;font-size:19px;color:var(--opf-text,#10264a)}
.olm-bolum-bas p{margin:0;color:var(--opf-muted,#64748b);font-size:13px;max-width:780px;line-height:1.5}
.olm-paketler{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}
.olm-paket{display:flex;flex-direction:column;border:1px solid var(--opf-line,#dbe5f2);border-radius:16px;padding:18px;background:#fff;transition:box-shadow .15s ease,transform .15s ease;min-width:0}
.olm-paket:hover{box-shadow:0 12px 28px rgba(15,42,82,.1);transform:translateY(-2px)}
.olm-paket.olm-p-mevcut{border:2px solid #16a34a;box-shadow:0 10px 26px rgba(22,163,74,.12)}
.olm-paket.olm-p-yukselt{border-color:#c4b5fd}
.olm-paket.olm-p-alt{opacity:.6;background:#f8fafc}
.olm-paket.olm-p-alt:hover{transform:none;box-shadow:none}
.olm-paket-ust{display:flex;justify-content:space-between;align-items:center;gap:8px;min-height:24px}
.olm-kod{font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#1766df;background:#eef4ff;padding:3px 9px;border-radius:99px}
.olm-paket h3{margin:10px 0 6px;font-size:18px;color:var(--opf-text,#10264a)}
.olm-fiyat{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap}
.olm-fiyat strong{font-size:28px;letter-spacing:-.02em;color:var(--opf-navy,#0b2855)}
.olm-fiyat span{color:var(--opf-muted,#64748b);font-size:13px}
.olm-aylik{font-size:12px;color:var(--opf-muted,#64748b);margin-top:2px}
.olm-aciklama{margin:10px 0 0;font-size:13px;color:#475569;line-height:1.45}
.olm-sinir{display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:12px 0 12px;padding:0}
.olm-sinir li{font-size:12px;padding:5px 9px;border-radius:9px;background:#f1f5fb;color:#334155}
.olm-icerik{list-style:none;margin:0 0 14px;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:5px 12px}
.olm-icerik li{position:relative;padding-left:18px;font-size:12.5px;color:#334155;line-height:1.35}
.olm-icerik li::before{content:"✓";position:absolute;left:0;top:0;color:#16a34a;font-weight:800}
.olm-paket-alt{margin-top:auto}
.olm-paket .opf-btn[disabled]{cursor:not-allowed}
.olm-belgeler{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.olm-sms-ozet{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.olm-sms-ozet div{padding:13px 14px;border-radius:14px;background:#f5f8fd;border:1px solid #e3ebf6;display:flex;flex-direction:column;gap:3px}
.olm-sms-ozet span{font-size:11.5px;color:var(--opf-muted,#64748b);font-weight:600}
.olm-sms-ozet strong{font-size:20px;color:var(--opf-navy,#0b2855)}
.olm-uyari{margin:12px 0 0;padding:10px 12px;border-radius:12px;background:#fff7ed;border:1px solid #fed7aa;color:#9a3412;font-size:13px}
.olm-sms-al{margin-top:16px;padding:18px;border-radius:16px;background:linear-gradient(135deg,#f0f7ff,#f5f3ff);border:1px solid #cfe0fb;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:16px;align-items:center}
.olm-sms-al-bas h3{margin:0 0 6px;font-size:17px;color:var(--opf-navy,#0b2855)}
.olm-sms-al-bas p{margin:0;font-size:13px;color:#475569;line-height:1.5}
.olm-sms-al-form{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px 14px;align-items:end}
.olm-sms-al-form label{display:grid;gap:5px;font-size:12px;font-weight:700;color:#334155}
.olm-sms-al-form input{width:150px;height:44px;border:1px solid #bcd0ec;border-radius:11px;padding:0 12px;font:600 18px system-ui,sans-serif;color:var(--opf-navy,#0b2855);background:#fff}
.olm-sms-al-form input:focus{outline:none;border-color:#1766df;box-shadow:0 0 0 4px rgba(23,102,223,.12)}
.olm-hizli{display:flex;flex-wrap:wrap;gap:6px}
.olm-hizli .opf-btn{padding:6px 10px;font-size:12px}
.olm-sms-toplam{display:flex;flex-direction:column}
.olm-sms-toplam span{font-size:11.5px;color:var(--opf-muted,#64748b);font-weight:600}
.olm-sms-toplam strong{font-size:24px;color:#0b2855}
.olm-sms-al-form .opf-btn.success{height:44px}
.olm-alt-baslik{margin:18px 0 10px;font-size:15px;color:var(--opf-text,#10264a)}
.olm-sms-paketler{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px}
.olm-sms-paket{display:flex;flex-direction:column;gap:4px;padding:14px;border:1px solid var(--opf-line,#dbe5f2);border-radius:14px;background:#fff}
.olm-sms-paket strong{font-size:15px;color:var(--opf-text,#10264a)}
.olm-sms-paket span{font-size:12px;color:var(--opf-muted,#64748b)}
.olm-sms-paket b{font-size:20px;color:#0b2855;margin:4px 0}
.olm-sms-paket small{font-size:11.5px;color:#64748b;margin-bottom:6px}
.olm-yasal{margin-top:18px;padding:16px 18px;border-radius:14px;background:#f8fafc;border:1px solid #e2e8f0;border-left:4px solid #1766df;color:#475569;font-size:12.5px;line-height:1.6}
.olm-yasal strong{display:block;margin-bottom:6px;color:#0f172a;font-size:13px}
.olm-yasal p{margin:0 0 8px}
.olm-yasal p:last-child{margin-bottom:0}
.olm-yasal a{color:#1766df;font-weight:600}
@media (max-width:1100px){.olm-mevcut{grid-template-columns:1fr}}
@media (max-width:760px){.olm-mevcut{padding:18px}.olm-mevcut h2{font-size:21px}.olm-sms-ozet{grid-template-columns:1fr}.olm-sms-al{grid-template-columns:1fr}.olm-sms-al-form{grid-template-columns:1fr}.olm-sms-al-form input{width:100%}.olm-icerik{grid-template-columns:1fr}.olm-bolum-bas{flex-direction:column}}