/* Yeni Kare — ana sayfa içerik pencereleri (tür, şablon galerisi, yazı, yasal sayfalar) ve ortak modal dili.
   Boyutlar: dar 540 · orta 820 · geniş 1120. Mobilde alttan açılan tam sayfa. */
:root{--pm-ease:cubic-bezier(.16,1,.3,1)}
body.modal-acik{overflow:hidden}

.pm{position:fixed;inset:0;z-index:210;display:grid;place-items:center;padding:clamp(10px,3vw,32px);background:rgba(0,0,0,.86);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);opacity:0;transition:opacity .28s}
.pm[hidden]{display:none}
.pm.acik{opacity:1}
.pm-kutu{position:relative;display:flex;flex-direction:column;width:min(100%,var(--pm-g,820px));max-height:min(100%,920px);border-radius:30px;background:#fff;box-shadow:0 0 0 1px rgba(255,255,255,.08),0 50px 110px -30px rgba(0,0,0,.75);overflow:hidden;opacity:0;transform:translateY(28px) scale(.97);transition:transform .45s var(--pm-ease),opacity .3s,width .3s var(--pm-ease)}
.pm.acik .pm-kutu{opacity:1;transform:none}
.pm[data-boyut="dar"] .pm-kutu{--pm-g:540px}
.pm[data-boyut="orta"] .pm-kutu{--pm-g:820px}
.pm[data-boyut="genis"] .pm-kutu{--pm-g:1120px}

/* başlık bandı */
.pm-bas{position:relative;flex:none;display:flex;align-items:center;gap:16px;padding:22px 24px 22px 26px;overflow:hidden;color:#fff;background:linear-gradient(150deg,#0d5c4c,#04352d 56%,#022019)}
.pm-bas::before,.pm-bas::after{content:"";position:absolute;border-radius:26%;pointer-events:none}
.pm-bas::before{right:70px;top:-46px;width:130px;height:130px;background:rgba(255,255,255,.07);transform:rotate(18deg)}
.pm-bas::after{right:-26px;bottom:-34px;width:86px;height:86px;background:rgba(247,210,88,.9);transform:rotate(-14deg)}
.pm-ikon{position:relative;z-index:1;display:grid;place-items:center;flex:none;width:54px;height:54px;border-radius:17px;background:linear-gradient(145deg,#ffe58a,var(--sari));color:var(--yesil);box-shadow:0 14px 22px -12px rgba(0,0,0,.6)}
.pm-ikon .ikon{width:27px;height:27px}
.pm-metin{position:relative;z-index:1;flex:1;min-width:0;padding-right:46px}
.pm-metin h2{margin:0;color:#fff;font-size:clamp(1.15rem,2.4vw,1.55rem);line-height:1.22;letter-spacing:-.02em;text-wrap:balance}
.pm-alt{margin:4px 0 0;color:#bcd9cf;font-size:.9rem;line-height:1.45}
.pm-alt:empty{display:none}
.pm-kapat{position:absolute;z-index:3;right:16px;top:16px;display:grid;place-items:center;width:42px;height:42px;padding:0;border:1px solid rgba(255,255,255,.28);border-radius:14px;background:rgba(255,255,255,.1);color:#fff;cursor:pointer;transition:background .2s,color .2s,transform .3s var(--pm-ease)}
.pm-kapat:hover{background:var(--sari);border-color:var(--sari);color:var(--yesil);transform:rotate(90deg)}
.pm-kapat:focus-visible{outline:3px solid var(--sari);outline-offset:2px}

/* gövde ve alt çubuk */
.pm-govde{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;padding:26px clamp(18px,3vw,34px) 32px;scrollbar-width:thin;scrollbar-color:#c4d4cc transparent}
.pm-ayak{flex:none;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px clamp(18px,3vw,34px);border-top:1px solid var(--cizgi);background:linear-gradient(180deg,#f8fbf9,#eef5f1);box-shadow:0 -16px 28px -22px rgba(4,53,45,.5)}
.pm-ayak[hidden]{display:none}
.pm-ayak>span{display:grid;line-height:1.35;font-size:.95rem}
.pm-ayak>span small{color:var(--soluk);font-size:.78rem}
.pm-ayak-ic{display:none}
.pm-kutu:focus{outline:none}

/* yükleniyor iskeleti */
.pm-iskelet{display:grid;gap:14px}
.pm-iskelet span{height:16px;border-radius:9px;background:linear-gradient(90deg,#e6eeea 30%,#f6faf8 50%,#e6eeea 70%) 0 0/320px 100%;animation:kaydir 1.6s linear infinite}
.pm-iskelet span:nth-child(1){width:70%;height:22px}.pm-iskelet span:nth-child(3){width:90%}.pm-iskelet span:nth-child(4){width:55%}
.pm-iskelet .blok{height:160px;border-radius:18px}

/* içerik yapı taşları */
.pm-giris{margin:0 0 18px;color:var(--metin);font-size:1.08rem;line-height:1.7;text-wrap:pretty}
.pm-not{margin:-4px 0 16px;color:var(--soluk);font-size:.92rem}
.pm-b{display:flex;align-items:center;gap:10px;margin:30px 0 14px;font-size:1.12rem}
.pm-b::before{content:"";flex:none;width:10px;height:10px;border-radius:3px;background:var(--sari);box-shadow:0 0 0 3px rgba(4,53,45,.1)}
.pm-b small{margin-left:2px;padding:2px 9px;border-radius:99px;background:var(--yesil-acik);color:var(--yesil);font-size:.74rem;font-weight:800}
.pm-iki{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:34px;align-items:start}
.pm-iki .pm-b:first-child,.pm-sol>.pm-b:first-of-type{margin-top:22px}
.pm-sag{position:sticky;top:0;display:grid;justify-items:center;gap:12px}
.pm-sag .vs-telefon{width:min(100%,262px)}
.pm-sablon-ad{margin:0;font-size:.86rem;font-weight:800;color:var(--yesil)}
.pm-rozetler{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}
.pm-rozetler li{display:inline-flex;align-items:center;gap:7px;padding:6px 13px;border-radius:99px;background:var(--yesil-acik);color:var(--yesil);font-size:.82rem;font-weight:800}
.pm-liste{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0;padding:0;list-style:none}
.pm-liste li{display:flex;align-items:center;gap:11px;padding:11px 13px;border-radius:14px;background:var(--zemin-2);border:1px solid transparent;font-size:.9rem;font-weight:600;line-height:1.35;transition:border-color .2s,transform .2s}
.pm-liste li:hover{border-color:var(--sari);transform:translateY(-2px)}
.pm-tik{display:grid;place-items:center;flex:none;width:26px;height:26px;border-radius:9px;background:var(--yesil);color:var(--sari)}
.pm-tik .ikon{width:15px;height:15px;stroke-width:2.4}
.pm-izgara{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:14px}
.pm-izgara .sablon-kart .mini{outline:3px solid transparent;outline-offset:2px;transition:transform .2s,outline-color .2s,box-shadow .2s}
.pm-izgara .sablon-kart.etkin .mini{outline-color:var(--sari);box-shadow:0 18px 30px -16px var(--yesil)}
.pm-izgara .sablon-kart.etkin>span{color:var(--yesil)}
.pm-ilgili{display:flex;flex-wrap:wrap;gap:8px}
.pm-ilgili a{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:99px;border:1.5px solid var(--cizgi);background:#fff;color:var(--metin);font-size:.86rem;font-weight:700;text-decoration:none;transition:background .2s,border-color .2s,color .2s}
.pm-ilgili a:hover{border-color:var(--yesil);background:var(--yesil);color:var(--sari)}
.pm-ilgili-yazi{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
.pm-ilgili-yazi a{display:grid;gap:3px;padding:12px 14px;border-radius:16px;font-weight:700;line-height:1.35}
.pm-ilgili-yazi a b{color:var(--yesil);font-size:.72rem;letter-spacing:.05em;text-transform:uppercase}
.pm-ilgili-yazi a:hover b{color:var(--sari)}
.pm-bag{display:inline-flex;align-items:center;gap:6px;font-size:.85rem;font-weight:800;text-decoration:none}
.pm-bag:hover{text-decoration:underline}

/* şablon galerisi (3 sütun) */
.pm-ucu{display:grid;grid-template-columns:196px minmax(0,1fr) 262px;gap:24px;align-items:start}
.pm-modul-liste{display:grid;gap:4px;max-height:560px;padding:4px 6px 4px 0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin}
.pm-modul-liste button{display:flex;align-items:center;gap:9px;padding:9px 11px;border:0;border-radius:12px;background:transparent;color:var(--metin);font:700 .85rem var(--font);text-align:left;cursor:pointer;transition:background .2s,color .2s}
.pm-modul-liste button:hover{background:var(--zemin-2)}
.pm-modul-liste button.etkin{background:var(--yesil);color:var(--sari)}
.pm-modul-liste .ikon{flex:none}
.pm-orta-ust{display:flex;align-items:center;justify-content:space-between;gap:12px}
.pm-orta-ust .pm-b{margin-top:0}
.pm-izgara.yukleniyor{opacity:.4;pointer-events:none}

/* makale */
.pm-kapak{aspect-ratio:21/8;margin:0 0 22px;border-radius:22px}
.pm-kapak .kapak-ikon{width:72px;height:72px;border-radius:22px}
.pm-makale{color:#24332d;font-size:1.02rem;line-height:1.8}
.pm-makale h2{margin:1.7em 0 .5em;padding-left:13px;border-left:5px solid var(--sari);font-size:1.3rem}
.pm-makale h3{margin:1.4em 0 .4em;font-size:1.1rem}
.pm-makale p{margin:0 0 1em}
.pm-makale ul,.pm-makale ol{margin:0 0 1.1em;padding-left:1.3em}
.pm-makale li{margin:.35em 0}
.pm-makale a{font-weight:700}
.pm-makale blockquote{margin:1.4em 0;padding:.5em 1.2em;border-left:4px solid var(--sari);border-radius:0 14px 14px 0;background:var(--zemin-2)}
.pm-makale>:first-child{margin-top:0}
.pm-guncelleme{margin:26px 0 0;padding-top:16px;border-top:1px solid var(--cizgi)}
.pm-cta-kart{position:relative;display:flex;align-items:center;justify-content:space-between;gap:18px;margin:28px 0 6px;padding:24px 26px;border-radius:22px;overflow:hidden;color:#fff;background:linear-gradient(130deg,var(--yesil),var(--yesil-orta))}
.pm-cta-kart::after{content:"";position:absolute;right:-24px;top:-30px;width:90px;height:90px;border-radius:24%;background:rgba(247,210,88,.85);transform:rotate(14deg);pointer-events:none}
.pm-cta-kart>*{position:relative;z-index:1}
.pm-cta-kart h3{margin:0 0 4px;color:#fff;font-size:1.15rem}.pm-cta-kart p{margin:0;color:#cfe6de;font-size:.92rem}
.pm-cta-kart .btn{flex:none}
.pm-yazi-izgara{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px}
.pm-yazi-izgara .yazi-kapak{aspect-ratio:16/8}

/* ---------- Mobil: alttan açılan tam sayfa ---------- */
@media (max-width:980px){
  .pm-iki{grid-template-columns:minmax(0,1fr)}
  .pm-sag{position:static;order:-1}
  .pm-sag .vs-telefon{width:min(100%,230px)}
  .pm-ucu{grid-template-columns:minmax(0,1fr)}
  .pm-modul-liste{display:flex;max-height:none;padding:2px 0 8px;overflow-x:auto;overflow-y:hidden}
  .pm-modul-liste button{flex:none;border:1.5px solid var(--cizgi);border-radius:99px}
  .pm-sag{order:2}
}
@media (max-width:640px){
  .pm{align-items:end;padding:0;place-items:end center}
  .pm-kutu{width:100%;max-height:calc(100dvh - 14px);border-radius:26px 26px 0 0;transform:translateY(60px)}
  .pm-bas{padding:20px 18px 18px;gap:13px}
  .pm-bas::before{display:none}
  .pm-ikon{width:46px;height:46px;border-radius:14px}
  .pm-metin{padding-right:40px}
  .pm-kapat{right:12px;top:12px;width:38px;height:38px;border-radius:12px}
  .pm-liste{grid-template-columns:1fr}
  .pm-ayak{flex-direction:column;align-items:stretch;gap:10px;padding:12px 16px calc(12px + env(safe-area-inset-bottom));text-align:center}
  .pm-ayak .btn{width:100%}
  .pm-cta-kart{flex-direction:column;align-items:flex-start}
  .pm-kapak{aspect-ratio:16/8}
}
@media (prefers-reduced-motion:reduce){.pm,.pm-kutu{transition:none}.pm-iskelet span{animation:none}}

/* ---------- Şablon önizleme penceresi (telefon) — marka dili ---------- */
.onizleme{z-index:230;background:rgba(0,0,0,.78);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.telefon{border-radius:48px;background:linear-gradient(145deg,#3a4a44,#0c1814 38%,#16231e 72%,#2e3e38);box-shadow:inset 0 0 0 2px rgba(255,255,255,.09),0 50px 100px -24px rgba(0,0,0,.8)}
.onizleme-kapat{background:var(--sari);color:var(--yesil);box-shadow:0 14px 24px -12px rgba(0,0,0,.6);transition:transform .3s var(--pm-ease)}
.onizleme-kapat:hover{transform:rotate(90deg)}
.onizleme-bilgi{bottom:-54px}
.onizleme-bilgi:not(:empty){left:50%;right:auto;width:max-content;max-width:100%;transform:translateX(-50%);padding:7px 16px;border-radius:99px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.22);font-size:.88rem}
@media (max-width:640px){.pm-bas::after{width:56px;height:56px;right:-16px;bottom:-24px}}

/* Kural & Sözleşmeler dizini */
.yasal-dizin-grup{margin:0 0 28px}
.yasal-dizin-grup>header{display:flex;align-items:center;gap:14px;margin-bottom:14px}
.yasal-dizin-ikon{display:grid;place-items:center;flex:none;width:46px;height:46px;border-radius:14px;background:linear-gradient(150deg,#0d5c4c,#04352d);color:var(--sari)}
.yasal-dizin-ikon .ikon{width:23px;height:23px}
.yasal-dizin-grup h3{margin:0;font-size:1.15rem}
.yasal-dizin-grup header p{margin:2px 0 0;color:var(--soluk);font-size:.88rem}
.yasal-dizin-izgara{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px}
.yasal-dizin-kart{position:relative;display:flex;flex-direction:column;gap:5px;padding:15px 44px 15px 16px;border:1px solid var(--cizgi);border-radius:16px;background:#fff;color:var(--metin);text-decoration:none;transition:border-color .2s,transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s}
.yasal-dizin-kart:hover{border-color:var(--yesil);transform:translateY(-2px);box-shadow:0 16px 26px -20px rgba(4,53,45,.6)}
.yasal-dizin-kart b{color:var(--yesil);font-size:.96rem}
.yasal-dizin-kart span{color:var(--soluk);font-size:.82rem;line-height:1.45}
.yasal-dizin-kart i{position:absolute;right:14px;top:50%;display:grid;place-items:center;width:26px;height:26px;margin-top:-13px;border-radius:50%;background:var(--yesil-acik);color:var(--yesil);transition:background .2s,transform .3s}
.yasal-dizin-kart i .ikon{width:13px;height:13px}
.yasal-dizin-kart:hover i{background:var(--sari);transform:translateX(2px)}