/* Sırdaş teması (Sıcak): yumuşak renk blokları, büyük yuvarlak kartlar, iri ve rahat okunan yazı. Sırdaş'ın simge geçişi ana renk. */
:root { --govde:Jakarta; --baslik:Jakarta; --zemin:#fbf8f3; --ust-zemin:#fbf8f3; --yazi:#1c2230; --soluk:#5d6473; --cizgi:#e7e1d6; --cizgi-guclu:#b9b3a6; --vurgu:#0f8a6d; --dugme-zemin:#1c2230; --dugme-yazi:#fff; --rozet-zemin:#f0e9dc; --yuvarlak:19px; --cerceve:#1c2230; --golge:0 19px 40px -19px rgba(28,34,48,.45); --kum:#f4ecdd; --lila:#e9e6fb; --nane:#dcf3ea; --seftali:#fde8dc; --zumrut:linear-gradient(135deg,#3f9c8a,#0d9a73 60%,#10b37f); --tablo-zemin:#fff; --panel-1:var(--kum); --panel-2:var(--lila); --panel-3:var(--nane); --panel-4:var(--seftali); --kutu-zemin:var(--tablo-zemin); }
[data-site="sirdas"] { --dugme-zemin:#0b7a60; }
body { font-size:18px; }
h1,h2,h3 { font-family:var(--baslik),var(--sistem); font-weight:700; letter-spacing:-.025em; line-height:1.08; }
.etiket { justify-self:start; display:inline-block; padding:var(--s2) var(--s3); border-radius:var(--s4); background:var(--nane); color:var(--etiket-yazi,#0b5c49); font-weight:700; font-size:14px; }
h2 { font-size:clamp(30px,3.8vw,48px); }
.giris { font-size:clamp(18px,1.7vw,22px); color:var(--soluk); max-width:44ch; }
.ust { border-block-end:0; }

.dil-seridi { display:flex; flex-wrap:wrap; gap:var(--s2); margin-block-start:var(--s3); font-size:14px; }
.dil-seridi span { padding:var(--s1) var(--s3); border-radius:var(--s4); background:rgba(255,255,255,.65); }

.uygulamalar,.ilkeler,.kim,.ozellikler,.premium,.guven { padding-block:var(--s5); }
.uygulamalar h2,.ilkeler h2,.ozellikler h2 { margin-block-end:var(--s4); }
.katalog { display:grid; grid-template-columns:repeat(3,1fr); gap:var(--s4); }
.uyg { position:relative; border-radius:var(--s5); overflow:hidden; }
.sira { display:none; }
.uyg-sirdas { grid-column:1/-1; display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:var(--s5); padding:var(--s5); background:var(--zumrut); color:#fff; --vurgu:#d4f7e8; --dugme-zemin:#fff; --dugme-yazi:#07503f; --soluk:#d9f3ea; --cizgi-guclu:rgba(255,255,255,.6); --rozet-zemin:rgba(255,255,255,.25); }
.uyg-sirdas .dugme { color:#fff; }
.uyg-metin { display:grid; gap:var(--s4); align-content:start; justify-items:start; }
.uyg-ad { display:flex; align-items:center; gap:var(--s3); }
.uyg-ad img { width:56px; border-radius:var(--s3); box-shadow:0 0 0 2px rgba(255,255,255,.6); }
.uyg h3 { font-size:clamp(36px,4.6vw,64px); }
.uyg-metin>p { font-size:20px; max-width:34ch; }

.ilke-liste { display:grid; grid-template-columns:repeat(3,1fr); gap:var(--s4); }
.ilke-liste li { display:grid; gap:var(--s3); align-content:start; padding:var(--s5); border-radius:var(--s5); background:var(--kum); }
.ilke-liste li:nth-child(2) { background:var(--seftali); }
.ilke-liste li:nth-child(3) { background:var(--nane); }
.ilke-liste .ik { width:28px; height:28px; }
.ilke-liste h3 { font-size:26px; }
.kim .kap { display:grid; gap:var(--s3); justify-items:start; padding:var(--s5); border-radius:var(--s5); background:var(--tablo-zemin); border:1px solid var(--cizgi); }
.kim p { max-width:60ch; }
.kim a { font-weight:700; color:var(--vurgu); }

[data-site="sirdas"] .kahraman { padding-block:var(--s4) var(--s5); }
[data-site="sirdas"] .kahraman .kap { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:var(--s5); padding:var(--s5); padding-block-end:0; border-radius:var(--s5); background:var(--zumrut); color:#fff; overflow:hidden; --vurgu:#d4f7e8; --soluk:#e2f7ef; --dugme-zemin:#fff; --dugme-yazi:#07503f; --cizgi-guclu:rgba(255,255,255,.6); --rozet-zemin:rgba(255,255,255,.25); }
.kh-metin { display:grid; gap:var(--s4); justify-items:start; align-content:center; padding-block-end:var(--s5); }
[data-site="sirdas"] h1 { font-size:clamp(38px,5.2vw,72px); }
.kh-metin .bilgi { grid-template-columns:repeat(2,minmax(0,1fr)); width:100%; font-size:15px; }
.sayilar .kap { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:var(--s4); }
.sayilar .kap>div { display:grid; gap:var(--s1); padding:var(--s4); border-radius:var(--s4); background:var(--kum); }
.sayilar .kap>div:nth-child(2) { background:var(--lila); }
.sayilar .kap>div:nth-child(3) { background:var(--nane); }
.sayilar .kap>div:nth-child(4) { background:var(--seftali); }
.sayilar b { font-size:clamp(34px,4vw,56px); line-height:1.05; }
.sayilar span { font-size:15px; }
.ozellikler .kap { display:grid; gap:var(--s4); }
.ozellik { display:grid; grid-template-columns:5fr 7fr; gap:var(--s5); align-items:center; padding:var(--s5); border-radius:var(--s5); background:var(--kum); }
.ozellik.ters .oz-metin { order:2; }
.ozellik.ters { grid-template-columns:7fr 5fr; }
.ozellik:nth-of-type(3) { background:var(--nane); }
.ozellik:nth-of-type(4) { background:var(--lila); }
.oz-gorsel { display:grid; gap:var(--s3); }
.oz-gorsel .kesit+.kesit { width:68%; margin-block-start:-40px; margin-inline-start:auto; position:relative; }

.ozellik.ters { background:var(--seftali); }
.oz-metin { display:grid; gap:var(--s3); align-content:start; }
.oz-metin h3 { font-size:clamp(26px,2.8vw,36px); }
.premium .kap { display:grid; gap:var(--s4); }
.paketler { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:var(--s4); }
.pk { display:grid; gap:var(--s3); align-content:start; padding:var(--s4); border-radius:var(--s5); background:var(--kum); }
.pk:nth-child(2) { background:var(--lila); }
.pk.one { background:var(--zumrut); color:#fff; }
.pk:nth-child(4) { background:var(--seftali); }
.pk h3 { font-size:28px; }
.pk p { font-size:16px; }
.paket .one { color:var(--vurgu); }
.tablo-kap { padding:var(--s3) var(--s4); border-radius:var(--s5); background:var(--tablo-zemin); border:1px solid var(--cizgi); }
.guven .kap { display:grid; gap:var(--s3); }
.guven-liste { display:grid; grid-template-columns:repeat(3,1fr); gap:var(--s4); margin-block-start:var(--s3); }
.guven-liste li { display:grid; gap:var(--s3); align-content:start; padding:var(--s4); border-radius:var(--s5); background:var(--nane); }

@media (max-width:860px) {
  .katalog,.ilke-liste,.guven-liste,.ozellikler .kap { grid-template-columns:1fr; }
  .uyg-sirdas,[data-site="sirdas"] .kahraman .kap,.ozellik,.ozellik.ters { grid-template-columns:minmax(0,1fr); }
  .ozellik.ters .oz-metin { order:0; }
  .uyg-sirdas,[data-site="sirdas"] .kahraman .kap,.ozellik,.ilke-liste li,.kim .kap { padding:var(--s4); padding-block-end:var(--s4); }
  .uyg,.ozellik,[data-site="sirdas"] .kahraman .kap { border-radius:var(--s4); }
  .sayilar .kap,.paketler { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .kh-metin .bilgi { grid-template-columns:1fr; }
}

@media (prefers-color-scheme: dark) {
  :root { color-scheme:dark; --zemin:#0e1412; --ust-zemin:#0e1412; --yazi:#e8f0ec; --soluk:#a5b3ad; --cizgi:#25302c; --cizgi-guclu:#4d5d57; --vurgu:#4cd3ab; --dugme-zemin:#e8f0ec; --dugme-yazi:#0e1412; --rozet-zemin:#25302c; --kum:#242017; --lila:#211f38; --nane:#12302a; --seftali:#33211a; --zumrut:linear-gradient(135deg,#1d6a5c,#0a6b51 60%,#0c7d59); --etiket-yazi:#b8f0dc; --tablo-zemin:#151c1a; --golge:0 19px 40px -19px rgba(0,0,0,.8); }
  [data-site="sirdas"] { --dugme-zemin:#e8f0ec; }
}

/* Premium sayfası */
.p-kahraman { margin-block:var(--s3) var(--s5); }
.p-kahraman .kap { display:grid; gap:var(--s4); padding:var(--s6) var(--s5); border-radius:var(--s5); color:#fff; background:radial-gradient(900px 500px at 12% -10%,#2fbf9b 0,transparent 60%),radial-gradient(700px 500px at 100% 110%,#5b4bd6 0,transparent 55%),#06332c; }
.p-kahraman h1 { font-size:clamp(44px,7vw,96px); line-height:1; letter-spacing:-.03em; }
.p-kahraman .giris { color:#d9efe8; max-width:52ch; }
.p-kahraman .etiket { background:rgba(255,255,255,.14); color:#fff; }
.p-kahraman .paketler { margin-block-start:var(--s4); }
.p-kahraman .paketler .pk { position:relative; align-content:start; min-height:220px; padding:var(--s4); color:#fff; background:rgba(255,255,255,.09); border:1px solid rgba(255,255,255,.2); border-radius:var(--s4); }
.p-kahraman .paketler .pk p { color:#e2f3ed; }
.p-kahraman .paketler .pk h2 { font-size:32px; line-height:1.1; }
.p-kahraman .paketler .pk.one { background:#fff; color:#0c2a24; border-color:#fff; transform:translateY(-7px); box-shadow:0 40px 80px -40px #000; }
.p-kahraman .paketler .pk.one p { color:#3d5951; }
.rozet { justify-self:start; padding:var(--s1) var(--s3); border-radius:var(--s4); background:#0b7a60; color:#fff; font-size:13px; }
.pk-ok { display:inline-flex; align-items:center; gap:var(--s2); align-self:end; font-weight:700; font-size:15px; text-decoration:none; }
.pk-ok .ik { width:16px; height:16px; }
.plan { padding-block:var(--s3); }
.plan .kap { display:grid; gap:var(--s5); padding:var(--s5); border-radius:var(--s5); background:var(--plan-zemin,var(--kum)); }
.plan-plus { --plan-zemin:var(--lila); }
.plan-aile { --plan-zemin:var(--nane); }
.plan-kale { --plan-zemin:var(--seftali); }
.plan-bas h2 { font-size:clamp(40px,6vw,80px); line-height:1; margin-block-start:var(--s3); letter-spacing:-.03em; }
.plan-bas .etiket { background:rgba(255,255,255,.55); }
.plan-satir { display:grid; grid-template-columns:5fr 7fr; gap:var(--s5); align-items:center; }
.plan-satir:nth-of-type(even) .plan-metin { order:2; }
.plan-satir:nth-of-type(even) { grid-template-columns:7fr 5fr; }
.plan-metin { display:grid; gap:var(--s3); }
.plan-metin h3 { font-size:clamp(24px,2.8vw,36px); line-height:1.12; }
.plan-metin p { font-size:18px; }
.plan-satir .kesit { width:100%; max-width:560px; justify-self:center; }
.son-cta { padding-block:var(--s5) var(--s6); }
.son-cta .kap { display:grid; gap:var(--s3); justify-items:start; padding:var(--s6) var(--s5); border-radius:var(--s5); background:var(--zumrut); color:#fff; --dugme-zemin:#fff; --dugme-yazi:#07503f; --soluk:#d9f3ea; --cizgi-guclu:rgba(255,255,255,.6); --rozet-zemin:rgba(255,255,255,.25); --yazi:#fff; }
@media (max-width:860px) {
  .p-kahraman .kap,.plan .kap,.son-cta .kap { padding:var(--s5) var(--s4); }
  .plan-satir,.plan-satir:nth-of-type(even) { grid-template-columns:minmax(0,1fr); gap:var(--s4); }
  .plan-satir:nth-of-type(even) .plan-metin { order:0; }
  .p-kahraman .paketler { grid-template-columns:minmax(0,1fr); }
  .p-kahraman .paketler .pk { min-height:0; }
  .p-kahraman .paketler .pk.one { transform:none; }
}
@media (prefers-color-scheme: dark) {
  .plan-bas .etiket { background:rgba(255,255,255,.12); color:#fff; }
  .p-kahraman .paketler .pk.one .pk-ok { color:#0c2a24; }
}

/* Kahraman eylemleri: mağaza + tanıtım kasası */
.kh-eylem { display:flex; flex-wrap:wrap; align-items:center; gap:var(--s3); }
.kahraman .dugme.dene { color:#fff; border-color:rgba(255,255,255,.7); }
/* Tanıtım kasası bandı: sayfanın en göze çarpan ikinci bölümü */
.tanitim { padding-block:var(--s4) var(--s5); }
.tanitim .kap { display:grid; grid-template-columns:minmax(0,7fr) minmax(0,5fr); gap:var(--s5); padding:var(--s5); border-radius:var(--s5); background:var(--lila); border:2px dashed var(--tanitim-cizgi,#7d6fe0); }
.tanitim-metin { display:grid; gap:var(--s4); align-content:start; }
.tanitim .etiket { background:#5b4bd6; color:#fff; }
.tanitim-adim { display:grid; gap:var(--s4); align-content:start; padding:var(--s4); border-radius:var(--s4); background:var(--tablo-zemin); }
.tanitim-adim h3 { font-size:22px; }
.adimlar { display:grid; gap:var(--s3); counter-reset:a; }
.adimlar li { display:flex; gap:var(--s3); align-items:flex-start; }
.adimlar span { display:grid; place-items:center; flex:none; width:32px; height:32px; border-radius:50%; background:#5b4bd6; color:#fff; font-weight:700; font-size:15px; }
.adimlar p { padding-block-start:var(--s1); }
/* Bütün özellikler */
.tum { padding-block:var(--s5); }
.tum .kap { display:grid; gap:var(--s3); }
.tum-liste { display:grid; grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr)); gap:var(--s3); margin-block-start:var(--s4); }
.tum-liste li { display:grid; grid-template-columns:auto 1fr; gap:var(--s1) var(--s3); align-content:start; padding:var(--s4); border-radius:var(--s4); background:var(--tablo-zemin); border:1px solid var(--cizgi); }
.tum-liste .ik { grid-row:span 2; width:26px; height:26px; color:var(--vurgu); }
.tum-liste span { color:var(--soluk); font-size:15px; line-height:1.5; }
.tum-liste li:last-child { background:var(--zumrut); color:#fff; border-color:transparent; }
.tum-liste li:last-child .ik,.tum-liste li:last-child span { color:#e2f7ef; }
.ozellik.gorselsiz { grid-template-columns:minmax(0,1fr); }
.plan-satir.gorselsiz,.plan-satir.gorselsiz:nth-of-type(even) { grid-template-columns:minmax(0,1fr); }
.plan-satir.gorselsiz .plan-metin { order:0; }
.guven .dugme,.sss-devam .dugme { justify-self:start; }
.sss .kap { display:grid; gap:var(--s3); }
.sss-sayfa { padding-block:var(--s5) var(--s3); }
.sss-sayfa h1 { font-size:clamp(36px,5vw,64px); line-height:1.05; }
.sss-sayfa h2 { margin-block-start:var(--s5); }
.sss details[open] { background:var(--tablo-zemin); }

/* Güvenlik sayfası */
.g-kahraman { margin-block:var(--s3) var(--s4); }
.g-kahraman .kap { display:grid; gap:var(--s4); padding:var(--s6) var(--s5); border-radius:var(--s5); color:#fff; background:radial-gradient(800px 420px at 90% -20%,#2fbf9b 0,transparent 60%),#0a2420; }
.g-kahraman h1 { font-size:clamp(36px,5.6vw,76px); line-height:1.02; letter-spacing:-.03em; max-width:18ch; }
.g-kahraman .giris { color:#d9efe8; max-width:60ch; }
.g-kahraman .etiket { background:rgba(255,255,255,.14); color:#fff; }
.katmanlar,.yapar-yapamaz,.kendin,.durust { padding-block:var(--s5); }
.katmanlar h2,.kendin h2 { margin-block-end:var(--s4); }
.katman-liste { display:grid; grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr)); gap:var(--s3); }
.katman-liste li { display:grid; gap:var(--s2); align-content:start; padding:var(--s4); border-radius:var(--s4); background:var(--k-zemin); border-inline-start:6px solid var(--k-renk); }
.katman-liste .no { font-size:40px; font-weight:700; line-height:1; color:var(--k-renk); }
.katman-liste h3 { font-size:21px; line-height:1.2; }
.katman-liste p { font-size:15px; color:var(--soluk); }
.k1 { --k-zemin:#e3f4ee; --k-renk:#0b7a60; } .k2 { --k-zemin:#e7f0fb; --k-renk:#2563b8; } .k3 { --k-zemin:#efeafb; --k-renk:#6a4bd6; }
.k4 { --k-zemin:#fbe9f0; --k-renk:#b8326a; } .k5 { --k-zemin:#fdeee2; --k-renk:#c2581c; } .k6 { --k-zemin:#fbf4dc; --k-renk:#9a7400; }
.k7 { --k-zemin:#e9eef0; --k-renk:#3b4a54; }
.yapar-yapamaz .kap { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:var(--s4); }
.yy { display:grid; gap:var(--s4); align-content:start; padding:var(--s5); border-radius:var(--s5); }
.yapamaz { background:var(--seftali); } .yapar { background:var(--nane); }
.yy h2 { font-size:clamp(26px,3vw,38px); }
.yy ul { display:grid; gap:var(--s4); }
.yy li { display:flex; gap:var(--s3); align-items:flex-start; }
.yy li .ik { margin-block-start:var(--s1); width:22px; height:22px; }
.yapamaz .ik { color:#c2581c; } .yapar .ik { color:var(--vurgu); }
.yy li div { display:grid; gap:var(--s1); }
.yy span { color:var(--soluk); font-size:15px; }
.dogrula { display:grid; grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr)); gap:var(--s3); }
.dogrula li { display:grid; gap:var(--s2); align-content:start; padding:var(--s4); border-radius:var(--s4); border:1px solid var(--cizgi); background:var(--tablo-zemin); }
.dogrula .ik { width:26px; height:26px; color:var(--vurgu); }
.dogrula p { font-size:15px; color:var(--soluk); }
.dogrula code { font-size:13px; padding:0 var(--s1); border-radius:var(--s1); background:var(--rozet-zemin); color:var(--yazi); overflow-wrap:anywhere; }
.durust .kap { display:grid; gap:var(--s4); padding:var(--s5); border-radius:var(--s5); background:var(--kum); }
/* Hakkında */
.hakkinda { padding-block:var(--s6) var(--s4); }
.hakkinda .kap { display:grid; gap:var(--s4); justify-items:start; }
.hakkinda h1 { font-size:clamp(40px,6vw,80px); line-height:1; letter-spacing:-.03em; }
.hakkinda-metin { display:grid; gap:var(--s4); max-width:62ch; font-size:19px; }
.hakkinda .kanallar { width:100%; margin-block:var(--s3) 0; }
.hakkinda .kanallar a { font-weight:700; color:var(--vurgu); }
.hakkinda .hd-isaret { height:20px; margin-block-start:var(--s1); color:var(--vurgu); }
.ilkeler { padding-block:var(--s4) var(--s6); }
.ilkeler h2 { margin-block-end:var(--s4); }
@media (max-width:860px) {
  .tanitim .kap,.yapar-yapamaz .kap { grid-template-columns:minmax(0,1fr); padding:var(--s4); }
  .yy,.g-kahraman .kap,.durust .kap { padding:var(--s4); }
}
@media (prefers-color-scheme: dark) {
  .k1 { --k-zemin:#12302a; --k-renk:#4cd3ab; } .k2 { --k-zemin:#14233a; --k-renk:#7fb0f0; } .k3 { --k-zemin:#211f38; --k-renk:#a99bf5; }
  .k4 { --k-zemin:#341a26; --k-renk:#f08bb5; } .k5 { --k-zemin:#33211a; --k-renk:#f3a46c; } .k6 { --k-zemin:#2e2812; --k-renk:#e6c35a; }
  .k7 { --k-zemin:#1c2428; --k-renk:#a8b8c2; }
  .tanitim .etiket,.adimlar span { background:#7d6fe0; }
  .yapamaz .ik { color:#f3a46c; }
}