:root { --kirmizi:#b33e35; --koyu:#252627; --soluk:#64706b; --cizgi:#dddeda; --yesil:#28654c; }
* { box-sizing:border-box; letter-spacing:0; }
html { scroll-behavior:smooth; }
body { margin:0; font-family:Arial,Helvetica,sans-serif; color:var(--koyu); background:#fff; }
a { color:inherit; text-decoration:none; }
button,input,select,textarea { font:inherit; }
button,a,input,select { -webkit-tap-highlight-color:transparent; }
button { cursor:pointer; }
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible { outline:3px solid #306b95; outline-offset:3px; }
.site-ust { min-height:82px; padding:18px max(24px,calc((100% - 1240px)/2)); display:flex; gap:24px; justify-content:space-between; align-items:center; border-bottom:1px solid var(--cizgi); }
.site-marka { display:flex; align-items:center; gap:10px; font-size:22px; font-weight:700; white-space:nowrap; }
.site-marka span { background:var(--kirmizi); color:white; width:38px; height:38px; display:grid; place-items:center; border-radius:7px; }
.site-ust nav { display:flex; gap:24px; align-items:center; font-size:14px; flex-wrap:wrap; }
.site-ust form { margin:0; }
.dugme { display:inline-flex; align-items:center; justify-content:center; gap:10px; min-height:44px; padding:12px 20px; border:1px solid var(--cizgi); background:white; color:var(--koyu); border-radius:6px; font-weight:600; font-size:14px; text-align:center; }
.dugme:hover { border-color:var(--koyu); }
.dugme.ana { background:var(--kirmizi); border-color:var(--kirmizi); color:white; }
.dugme.ana:hover { background:#932d27; }
.simge { border:1px solid var(--cizgi); width:40px; height:40px; border-radius:6px; background:white; }
.icerik { width:min(1240px,calc(100% - 48px)); margin-inline:auto; }
.tanitim-giris { background:#eef3f0; overflow:hidden; max-height:760px; }
.giris-metin { text-align:center; padding:50px 24px 24px; }
.ust-baslik { color:var(--yesil); font-size:11px; font-weight:700; }
h1 { font-size:48px; line-height:1.12; margin:18px 0; overflow-wrap:anywhere; }
.giris-metin h1 { font-size:68px; }
.giris-metin p { font-size:21px; line-height:1.5; margin:0 0 24px; }
.giris-eylemler { display:flex; justify-content:center; align-items:center; gap:24px; flex-wrap:wrap; }
.metin-baglanti { display:inline-flex; gap:8px; align-items:center; font-size:14px; padding-block:14px; }
.giris-not { display:block; margin-top:14px; color:var(--soluk); font-size:12px; }
.giris-ekran { display:block; width:min(1180px,100%); height:auto; margin:12px auto 0; object-fit:contain; object-position:top; }
.ozellik-band { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); padding:28px max(24px,calc((100% - 1240px)/2)); gap:24px; border-bottom:1px solid var(--cizgi); }
.ozellik-band div { display:grid; grid-template-columns:28px 1fr; gap:7px 10px; }
.ozellik-band i { grid-row:span 2; font-size:23px; color:var(--kirmizi); }
.ozellik-band strong { font-size:15px; }
.ozellik-band span { color:var(--soluk); font-size:12px; line-height:1.6; }
.ekranlar,.nasil,.sorular { padding-block:64px; }
.bolum-baslik h2,.sorular h2 { font-size:34px; line-height:1.2; margin:14px 0; }
.bolum-baslik p { font-size:16px; color:var(--soluk); line-height:1.65; }
.ekran-sekmeleri { display:flex; gap:12px; border-bottom:1px solid var(--cizgi); margin-top:28px; overflow:auto; padding-top:4px; }
.ekran-sekmeleri button { flex:0 0 auto; padding:18px 16px; background:white; border:0; border-bottom:3px solid transparent; display:flex; align-items:center; gap:8px; color:var(--soluk); min-height:52px; font-weight:600; }
.ekran-sekmeleri button:hover { background:#fcf3f1; color:#96372f; }
.ekran-sekmeleri [aria-selected="true"] { color:var(--kirmizi); border-bottom-color:var(--kirmizi); }
#ekran-paneli { border:1px solid #e4dcda; border-top:0; border-radius:0 0 8px 8px; overflow:hidden; box-shadow:0 18px 44px #3924200b; }
.ekran-araclari { display:flex; justify-content:space-between; align-items:center; gap:16px; padding:18px 22px; background:#fff; border-bottom:1px solid #eee7e5; }
.ekran-araclari > div:first-child { display:grid; gap:5px; min-width:0; }
.ekran-araclari strong { font-size:15px; overflow-wrap:anywhere; }
.ekran-araclari span { font-size:12px; color:var(--soluk); }
.ekran-arac-dugmeleri { display:flex; align-items:center; gap:8px; flex-shrink:0; }
#ekranSira { font-variant-numeric:tabular-nums; padding-right:10px; }
.ekran-simge { display:inline-flex; align-items:center; justify-content:center; width:44px; height:44px; padding:0; border:1px solid #e6c9c4; border-radius:6px; background:#fcf3f1; color:#8f2f2a; font-size:18px; flex-shrink:0; }
.ekran-simge:hover { background:#f8e9e6; border-color:var(--kirmizi); }
.ekran-simge.ana { background:var(--kirmizi); border-color:var(--kirmizi); color:#fff; }
.ekran-simge.ana:hover { background:#932d27; }
.ekran-sahnesi { aspect-ratio:3 / 2; padding:20px; background:#f6f7f6; position:relative; }
#ekranGorselAc { display:block; width:100%; height:100%; cursor:zoom-in; }
#programEkrani { display:block; width:100%; height:100%; object-fit:contain; }
#ekranGorselHatasi { position:absolute; inset:0; margin:0; background:#f6f7f6; place-content:center; text-align:center; }
#ekranGorselHatasi:not([hidden]) { display:grid; }
body.ekran-inceleme-acik { overflow:hidden; }
.ekran-inceleme { width:calc(100% - 40px); max-width:1800px; height:calc(100dvh - 40px); max-height:calc(100dvh - 40px); padding:0; border:1px solid #e4dcda; border-radius:8px; color:var(--koyu); background:#fff; overflow:hidden; }
.ekran-inceleme[open] { display:flex; flex-direction:column; }
.ekran-inceleme::backdrop { background:#18221ecc; }
.ekran-inceleme header { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:14px 18px; border-bottom:1px solid #eee7e5; flex-shrink:0; }
.ekran-inceleme h2 { font-size:18px; margin:0; min-width:0; overflow-wrap:anywhere; }
.buyuk-ekran-alani { flex:1; min-height:0; overflow:auto; background:#f6f7f6; padding:20px; }
#buyukEkranResmi { display:block; width:100%; height:100%; object-fit:contain; }
#buyukEkranResmi[hidden] { display:none; }
.buyuk-ekran-alani.yakin #buyukEkranResmi { width:max(1440px,100%); height:auto; max-width:none; }
#buyukEkranHatasi:not([hidden]) { display:block; }
@media(max-width:760px) {
    .ekran-araclari { padding:12px; gap:8px; }
    .ekran-araclari strong { font-size:14px; }
    #ekranSira { display:none; }
    .ekran-sahnesi { padding:6px; }
    .ekran-inceleme { width:calc(100% - 16px); height:calc(100dvh - 16px); max-height:calc(100dvh - 16px); }
    .ekran-inceleme header { flex-wrap:wrap; padding:12px; gap:12px; }
    .ekran-inceleme h2 { flex-basis:100%; font-size:16px; }
    .ekran-inceleme .ekran-arac-dugmeleri { width:100%; }
    #ekranKapat { margin-left:auto; }
    .buyuk-ekran-alani { padding:8px; }
}
.paket-band { padding:80px 0; background:#f4f6f5; border-block:1px solid #e4e8e5; }
#paketler > .icerik { display:grid; grid-template-columns:minmax(0,1fr) auto; column-gap:40px; row-gap:38px; align-items:end; }
#paketler .bolum-baslik { max-width:730px; }
#paketler .ust-baslik { display:inline-block; border-left:3px solid var(--kirmizi); padding:2px 0 2px 12px; color:#41554a; font-size:11px; }
#paketler .bolum-baslik h2 { font-size:36px; line-height:1.15; margin:18px 0 16px; }
#paketler .bolum-baslik p { margin:0; font-size:15px; color:#657169; line-height:1.8; }
#paketler .ek-kullanici { display:flex; gap:20px; align-items:center; justify-content:space-between; margin:0 0 4px; padding:12px 0 12px 24px; border-left:1px solid #cdd5d0; font-size:13px; font-weight:600; color:#42574b; }
#paketler .ek-kullanici input { width:78px; height:52px; border:1px solid #c1ccc4; border-radius:6px; padding:10px 12px; background:white; font-size:20px; font-weight:700; color:#263d32; text-align:center; box-shadow:0 2px 3px #203c3005; }
#paketler .ek-kullanici input:invalid { border-color:var(--kirmizi); }
.paketler { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; grid-column:1 / -1; align-items:stretch; }
#paketler .paket { position:relative; min-width:0; min-height:478px; border:1px solid #d9e0db; border-radius:8px; padding:32px; background:white; display:flex; flex-direction:column; box-shadow:0 8px 24px #233b2d07; transition:transform 180ms ease,box-shadow 180ms ease,border-color 180ms ease; }
#paketler .paket::before { content:""; position:absolute; top:-1px; left:32px; width:44px; height:3px; background:#b33e35; }
#paketler .paket-etiketi { align-self:flex-start; min-height:25px; display:flex; align-items:center; font-size:10px; line-height:1.5; color:#68766e; font-weight:700; }
#paketler .paket h3 { font-size:22px; line-height:1.3; margin:16px 0 24px; font-weight:600; }
#paketler .paket-fiyat { display:block; font-size:44px; line-height:1.1; font-weight:700; font-variant-numeric:tabular-nums; color:#25372d; overflow-wrap:anywhere; }
#paketler .paket-yenileme { color:#6c766f; font-size:12px; margin-top:12px; line-height:1.5; }
#paketler .paket ul { list-style:none; padding:24px 0 8px; margin:26px 0 24px; border-top:1px solid #e5eae7; font-size:14px; line-height:1.6; flex:1; }
#paketler .paket li { display:flex; align-items:baseline; gap:10px; margin-bottom:14px; }
#paketler .paket li:last-child { margin-bottom:0; font-weight:600; }
#paketler .paket li i { color:#47765b; flex:0 0 18px; font-size:17px; }
#paketler .paket .paket-whatsapp { min-height:50px; width:100%; padding:12px; border-color:#cdd8d0; border-radius:6px; background:#f8faf8; color:#294735; font-size:14px; line-height:1.4; }
#paketler .paket .paket-whatsapp i { font-size:18px; }
#paketler .paket[data-paket="30gun"] { background:linear-gradient(145deg,#fcf3f1,#f8e9e6); border-color:#e6c9c4; color:#563b37; box-shadow:0 12px 28px #8f2f2a0d; }
#paketler .paket[data-paket="30gun"]::before { background:#b64038; }
#paketler .paket[data-paket="30gun"] .paket-etiketi { color:#79534c; }
#paketler .paket[data-paket="30gun"] .paket-fiyat { color:#8f2f2a; }
#paketler .paket[data-paket="30gun"] .paket-yenileme { color:#79534c; }
#paketler .paket[data-paket="30gun"] ul { border-top-color:#e5c9c3; }
#paketler .paket[data-paket="30gun"] li i { color:#b64038; }
#paketler .paket[data-paket="30gun"] .paket-whatsapp { background:#fff; border-color:#dfbcb6; color:#8f2f2a; }
#paketler .paket:last-child { background:#153f33; border:1px solid #315c49; color:#fff; box-shadow:0 12px 28px #153f3326; }
#paketler .paket:last-child::before { background:#d2c28f; width:60px; }
#paketler .paket:last-child .paket-etiketi { color:#e4d9b7; border-bottom:1px solid #64735b; }
#paketler .paket:last-child .paket-fiyat { color:#fff; }
#paketler .paket:last-child .paket-yenileme { color:#c3d1c8; }
#paketler .paket:last-child ul { border-top-color:#486152; }
#paketler .paket:last-child li i { color:#b8d4be; }
#paketler .paket:last-child .paket-whatsapp { background:#fff; color:#203d31; border-color:#fff; }
#paketler .paket .paket-whatsapp[aria-disabled="true"] { opacity:.55; cursor:not-allowed; }
#paketler .paket:focus-within { outline:2px solid #9cb6a3; outline-offset:3px; }
@media(hover:hover) and (prefers-reduced-motion:no-preference) {
    #paketler .paket:hover { transform:translateY(-4px); box-shadow:0 14px 32px #233b2d12; border-color:#9caf9f; }
    #paketler .paket .paket-whatsapp[href]:hover { background:#edf3ee; border-color:#92aa98; }
    #paketler .paket[data-paket="30gun"] .paket-whatsapp[href]:hover { background:#fff8f6; border-color:#c98880; }
    #paketler .paket:last-child .paket-whatsapp[href]:hover { background:#dfece2; border-color:#dfece2; }
}
.nasil ol { padding:16px 0; list-style:none; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:40px; }
.nasil li>span { color:var(--kirmizi); font-size:30px; }
.nasil h3 { font-size:19px; }
.nasil p { color:var(--soluk); font-size:15px; line-height:1.6; }
.sorular { border-top:1px solid var(--cizgi); }
.sorular details { border-bottom:1px solid var(--cizgi); padding:20px 0; }
summary { cursor:pointer; line-height:1.5; }
.sorular p { color:var(--soluk); line-height:1.7; max-width:850px; }
.site-alt { background:#263d32; color:white; padding:34px max(24px,calc((100% - 1240px)/2)); display:flex; justify-content:space-between; gap:24px; flex-wrap:wrap; font-size:14px; }
.uyelik-formu { max-width:460px; padding:56px 0 90px; min-height:70vh; }
.uyelik-formu h1 { font-size:32px; }
label { display:grid; gap:8px; font-size:14px; }
input,select { padding:12px; min-height:44px; border:1px solid var(--cizgi); border-radius:5px; min-width:0; max-width:100%; background:white; color:var(--koyu); }
.uyelik-formu form { display:grid; gap:20px; margin:28px 0 12px; }
.uyelik-formu p { line-height:1.7; }
.hesap { padding-block:44px 80px; min-height:70vh; }
.hesap h1 { font-size:36px; }
.hesap h2 { font-size:24px; }
.hesap-bolum { margin-top:36px; padding-top:24px; border-top:1px solid var(--cizgi); }
.satir-form { display:flex; flex-wrap:wrap; align-items:end; gap:16px; }
.satir-form label { flex:1 1 180px; }
.tablo-kaydir { overflow:auto; }
table { width:100%; border-collapse:collapse; font-size:14px; }
th,td { border-bottom:1px solid var(--cizgi); padding:16px 12px; text-align:left; }
td small { display:block; color:var(--soluk); margin-top:8px; }
.onay { display:flex; align-items:center; white-space:nowrap; margin:8px 0; }
td form { display:grid; gap:8px; }
input[type="checkbox"] { min-height:0; }
.uyari { color:#9b362e; }
@media(min-width:900px) and (max-height:850px) { .tanitim-giris { max-height:calc(100svh - 140px); min-height:470px; }.giris-metin { padding-top:26px; }.giris-metin h1 { font-size:54px; } }
@media(max-width:760px) { .site-ust { padding:16px; flex-wrap:wrap; gap:16px; }.site-ust nav { gap:14px; font-size:13px; }.site-marka { font-size:20px; }.site-ust .dugme { padding:10px; }.icerik { width:calc(100% - 32px); }.giris-metin { padding:32px 16px 20px; }.giris-metin h1 { font-size:44px; }.giris-metin p { font-size:17px; }.tanitim-giris { max-height:calc(100svh - 180px); min-height:440px; }.giris-eylemler { gap:12px; }.ozellik-band { grid-template-columns:repeat(2,minmax(0,1fr)); padding:24px 16px; gap:24px 16px; }.paketler,.nasil ol { grid-template-columns:1fr; }.bolum-baslik h2,.sorular h2 { font-size:28px; }.ekranlar,.nasil,.sorular,.paket-band { padding-block:40px; }.ekran-sekmeleri button { padding:12px 8px; font-size:13px; }.paket { padding:24px; }.uyelik-formu { padding-block:30px 60px; }.hesap h1 { font-size:28px; } }
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } }
@media(max-width:420px) {
    .site-ust nav a[href$="#ekranlar"],.site-ust nav a[href$="#paketler"] { display:none; }
    .tanitim-giris { min-height:0; max-height:calc(100svh - 180px); }
    .giris-metin { padding:18px 16px 8px; }
    .giris-metin h1 { margin:12px 0; font-size:40px; }
    .giris-metin p { line-height:1.4; margin-bottom:14px; }
    .giris-eylemler { gap:4px 14px; }
    .giris-not { margin-top:4px; }
    .giris-ekran { margin-top:6px; }
}
@media(max-width:1000px) {
    #paketler > .icerik { grid-template-columns:minmax(0,1fr); row-gap:24px; }
    #paketler .ek-kullanici { justify-self:start; border-left:0; padding:0; margin:0 0 4px; }
    #paketler .paket { padding:26px 22px; }
    #paketler .paket::before { left:22px; }
    #paketler .paket-fiyat { font-size:36px; }
}
@media(max-width:760px) {
    #paketler { padding-block:48px; }
    #paketler .bolum-baslik h2 { font-size:30px; }
    #paketler .bolum-baslik p { font-size:14px; }
    #paketler .ek-kullanici { width:100%; padding-block:14px; border-block:1px solid #d9e0db; }
    #paketler .paketler { gap:18px; }
    #paketler .paket { min-height:0; padding:26px; }
    #paketler .paket::before { left:26px; }
    #paketler .paket h3 { margin:14px 0 18px; }
    #paketler .paket-fiyat { font-size:36px; }
    #paketler .paket ul { margin:22px 0; padding-top:20px; }
}
.kvkk-okuma { display:flex; align-items:flex-start; gap:12px; font-size:14px; line-height:1.6; }
.kvkk-okuma input,.kvkk-yayin-onayi input { flex:0 0 18px; width:18px; height:18px; margin:4px 0 0; accent-color:var(--kirmizi); }
.kvkk-okuma a { text-decoration:underline; color:var(--kirmizi); }
.kvkk-duzenleme { display:grid; gap:18px; max-width:820px; }
.kvkk-duzenleme textarea { width:100%; min-height:260px; resize:vertical; padding:14px; border:1px solid var(--cizgi); border-radius:5px; font:inherit; line-height:1.6; }
.kvkk-yayin-onayi { display:flex; align-items:flex-start; gap:12px; line-height:1.6; }
.kvkk-belgesi { max-width:860px; }
.kvkk-metin { white-space:pre-wrap; overflow-wrap:anywhere; line-height:1.8; }
.kvkk-surum { overflow-wrap:anywhere; font-size:13px; color:var(--soluk); }
.yonetici-filtreleri { display:grid; grid-template-columns:minmax(200px,2fr) repeat(3,minmax(150px,1fr)) auto; gap:16px; align-items:end; padding-block:24px; border-bottom:1px solid var(--cizgi); }
.yonetici-filtreleri label { min-width:0; }
.yonetici-filtreleri input,.yonetici-filtreleri select { width:100%; height:46px; }
.yonetici-filtre-dugmeleri { display:flex; gap:8px; flex-wrap:wrap; }
.yonetici-paneli .dugme { min-height:46px; border-radius:6px; }
.yonetici-paneli .dugme.ana { background:var(--kirmizi); border-color:var(--kirmizi); color:#fff; }
.yonetici-paneli .dugme.ana:hover { background:#932d27; border-color:#932d27; }
.yonetici-paneli .dugme.yardimci { background:#fcf3f1; border-color:#e6c9c4; color:#8f2f2a; }
.yonetici-paneli .dugme.yardimci:hover { background:#f8e9e6; border-color:var(--kirmizi); }
.yonetici-paneli .dugme:disabled { background:#f4f4f3; border-color:var(--cizgi); color:#858580; cursor:default; }
.yonetici-sayfalama { display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; padding-block:16px; }
.yonetici-sayfalama > span { font-size:14px; color:var(--soluk); }
.yonetici-sayfalama > div { display:flex; gap:8px; }
.yonetici-paneli .yon-dugmesi { width:46px; height:46px; padding:0; flex-shrink:0; }
.yonetici-paneli td { overflow-wrap:anywhere; }
#isletme-paketleri td { vertical-align:top; }
#isletme-paketleri th small { font-size:12px; font-weight:400; color:var(--soluk); }
.paket-durum { display:inline-flex; align-items:center; gap:6px; padding:6px 8px; border-radius:4px; background:#f1f2f1; color:#505852; font-size:13px; line-height:1.4; }
.paket-durum i { flex-shrink:0; }
.paket-durum-aktif { background:#e7f3ec; color:#21593e; }
.paket-durum-deneme { background:#fff3d9; color:#795818; }
.paket-durum-doldu,.paket-durum-reddedildi,.paket-durum-kontrol { background:#fcf0ee; color:#96372f; }
#isletme-paketleri .hak-uyarisi { color:#96372f; }
@media(max-width:760px) {
    #isletme-paketleri thead { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
    #isletme-paketleri table,#isletme-paketleri tbody,#isletme-paketleri tr,#isletme-paketleri td { display:block; width:100%; }
    #isletme-paketleri tr { padding-block:12px; border-bottom:1px solid var(--cizgi); }
    #isletme-paketleri td { padding:8px 0; border:0; }
}
@media(max-width:1100px) {
    .yonetici-filtreleri { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .yonetici-filtreleri .yonetici-arama { grid-column:1 / -1; }
    .yonetici-filtre-dugmeleri { grid-column:1 / -1; }
}
@media(max-width:480px) {
    .yonetici-filtreleri { grid-template-columns:minmax(0,1fr); gap:14px; }
    .yonetici-filtre-dugmeleri .dugme { flex:1; }
}
#uyelik-basvurulari td { vertical-align:top; }
#uyelik-basvurulari td form { min-width:240px; }
#uyelik-kararlari td:last-child { overflow-wrap:anywhere; max-width:360px; }
@media(max-width:760px) {
    #paket-talepleri thead,#uyelik-kararlari thead { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
    #paket-talepleri table,#paket-talepleri tbody,#paket-talepleri tr,#paket-talepleri td,
    #uyelik-kararlari table,#uyelik-kararlari tbody,#uyelik-kararlari tr,#uyelik-kararlari td { display:block; width:100%; max-width:none; }
    #paket-talepleri tr,#uyelik-kararlari tr { padding-block:12px; border-bottom:1px solid var(--cizgi); }
    #paket-talepleri td,#uyelik-kararlari td { padding:8px 0; border:0; }
    .yonetici-paneli td[data-baslik]::before { content:attr(data-baslik); display:block; font-size:12px; font-weight:600; color:var(--soluk); margin-bottom:6px; }
    #paket-talepleri td form { padding-top:12px; }
    #uyelik-basvurulari thead { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
    #uyelik-basvurulari table,#uyelik-basvurulari tbody,#uyelik-basvurulari tr,#uyelik-basvurulari td { display:block; width:100%; }
    #uyelik-basvurulari tr { padding-block:12px; border-bottom:1px solid var(--cizgi); }
    #uyelik-basvurulari td { padding:8px 0; border:0; overflow-wrap:anywhere; }
    #uyelik-basvurulari td form { min-width:0; }
}