/* HD kabuğu ve teması olmayan uygulamaların varsayılanı (Atölye): kâğıt zemin, mürekkep, iri başlık, ince cetvel çizgileri, numaralı katalog. Köşeler küçük; süs yok. */
:root { --kutu-zemin:#faf7f0; --govde:Manrope; --baslik:Bricolage; --zemin:#f3efe6; --yazi:#17150f; --soluk:#655f52; --cizgi:#cfc8b8; --cizgi-guclu:#8f8876; --vurgu:#b4441f; --dugme-zemin:#17150f; --dugme-yazi:#f3efe6; --rozet-zemin:#e2dccd; --yuvarlak:7px; --cerceve:#17150f; }
h1,h2,h3 { font-family:var(--baslik),var(--sistem); font-weight:700; letter-spacing:-.02em; line-height:1.03; }
.etiket { font-weight:700; font-size:14px; color:var(--vurgu); }
h2 { font-size:clamp(32px,4.4vw,56px); }
.giris { font-size:clamp(18px,1.6vw,21px); max-width:40ch; }

/* HD kahraman: çok iri başlık, sayfanın tamamı */
[data-site="hd"] .kahraman { padding-block:var(--s6) var(--s5); border-block-end:1px solid var(--yazi); }
[data-site="hd"] .kahraman .kap { display:grid; gap:var(--s4) var(--s5); grid-template-columns:repeat(12,1fr); }
[data-site="hd"] .kahraman .etiket { grid-column:1/-1; }
[data-site="hd"] h1 { grid-column:1/-1; font-size:clamp(50px,10.4vw,152px); line-height:.94; letter-spacing:-.035em; }
[data-site="hd"] .kahraman .giris { grid-column:1/7; margin-block-start:var(--s5); }
[data-site="hd"] .kahraman .dugme { grid-column:9/-1; justify-self:end; align-self:end; }
.dil-seridi { grid-column:1/-1; display:flex; flex-wrap:wrap; gap:var(--s2) var(--s4); margin-block-start:var(--s5); padding-block-start:var(--s3); border-block-start:1px solid var(--cizgi); color:var(--soluk); font-size:14px; }

/* Katalog: satır satır liste */
.uygulamalar { padding-block:var(--s6); }
.uygulamalar h2 { margin-block-end:var(--s5); }
.uyg { display:grid; grid-template-columns:80px 1fr minmax(0,1fr); gap:var(--s5); padding-block:var(--s5); border-block-start:1px solid var(--yazi); }
.sira { font-family:var(--baslik); font-weight:700; font-size:40px; line-height:1; color:var(--vurgu); }
.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:12px; }
.uyg h3 { font-size:clamp(40px,5vw,72px); }
.uyg-metin>p { font-size:19px; max-width:38ch; }

.ilkeler { padding-block:var(--s6); background:var(--ilke-zemin,#17150f); color:#f3efe6; --cizgi:#3c382d; --soluk:#a69f8f; --vurgu:#e8875d; }
.ilke-liste { display:grid; grid-template-columns:repeat(3,1fr); margin-block-start:var(--s5); border-block-start:1px solid #f3efe6; }
.ilke-liste li { display:grid; gap:var(--s3); padding:var(--s4) var(--s4) var(--s4) 0; }
.ilke-liste li+li { border-inline-start:1px solid var(--cizgi); padding-inline-start:var(--s4); }
.ilke-liste .ik { width:24px; height:24px; color:var(--vurgu); }
.ilke-liste h3 { font-size:28px; }
.kim { padding-block:var(--s6); }
.kim .kap { display:grid; grid-template-columns:repeat(2,1fr); gap:var(--s4) var(--s5); }
.kim p { font-size:19px; }
.kim a { grid-column:2; font-weight:700; }
.alt .hd-isaret { height:40px; }

/* Sırdaş */
[data-site]:not([data-site="hd"]) .kahraman { padding-block:var(--s6); border-block-end:1px solid var(--yazi); }
[data-site]:not([data-site="hd"]) .kahraman .kap { display:grid; grid-template-columns:7fr 5fr; gap:var(--s5); align-items:center; }
.kh-metin { display:grid; gap:var(--s4); justify-items:start; }
[data-site]:not([data-site="hd"]) h1 { font-size:clamp(46px,6.2vw,92px); line-height:.98; letter-spacing:-.03em; }
.kh-gorsel { display:grid; grid-template-columns:7fr 5fr; gap:var(--s3); align-items:end; }
.kh-metin .bilgi { grid-template-columns:repeat(2,minmax(0,1fr)); width:100%; padding-block-start:var(--s4); border-block-start:1px solid var(--cizgi); font-size:15px; }
.sayilar .kap { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); }
.sayilar .kap>div { display:grid; gap:var(--s1); padding:var(--s4); border-inline-start:1px solid var(--cizgi); }
.sayilar b { font-family:var(--baslik); font-size:clamp(40px,5vw,72px); line-height:1; }
.sayilar span { font-size:15px; color:var(--soluk); }
.sayilar { border-block-end:1px solid var(--yazi); }
.ozellikler { padding-block:var(--s6); }
.ozellik { display:grid; grid-template-columns:7fr 4fr; gap:var(--s5); align-items:center; margin-block-start:var(--s5); padding-block-start:var(--s5); border-block-start:1px solid var(--yazi); }
.ozellik.ters .oz-metin { order:2; }
.ozellik.ters { grid-template-columns:4fr 7fr; }
.oz-metin { display:grid; gap:var(--s4); }
.oz-metin h3 { font-size:clamp(32px,4vw,56px); }
.oz-metin>p { font-size:19px; max-width:42ch; }
.oz-gorsel .tel { max-width:300px; }
.premium { padding-block:var(--s6); background:var(--premium-zemin,#e9e3d4); --cizgi:var(--premium-cizgi,#c6bfad); }
.premium .kap { display:grid; gap:var(--s5); }
.paketler { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); border-block-start:1px solid var(--yazi); }
.pk { display:grid; gap:var(--s3); align-content:start; padding:var(--s4) var(--s4) var(--s4) 0; }
.pk+.pk { padding-inline-start:var(--s4); border-inline-start:1px solid var(--cizgi); }
.pk h3 { font-size:32px; }
.pk.one h3 { color:var(--vurgu); }
.paket .one { color:var(--vurgu); }
.guven { padding-block:var(--s6); }
.guven .kap { display:grid; grid-template-columns:1fr 1fr; gap:var(--s4) var(--s5); }
.guven-liste { grid-column:2; grid-row:1/3; display:grid; }
.guven-liste li { display:flex; gap:var(--s3); padding-block:var(--s4); border-block-start:1px solid var(--cizgi); }
.guven-liste .ik { margin-block-start:var(--s1); color:var(--vurgu); }

@media (max-width:860px) {
  [data-site="hd"] .kahraman .kap { grid-template-columns:minmax(0,1fr); }
  [data-site="hd"] .kahraman .giris,[data-site="hd"] .kahraman .dugme { grid-column:1/-1; justify-self:start; }
  .uyg { grid-template-columns:1fr; gap:var(--s4); }
  .ilke-liste,.kim .kap,.guven .kap,[data-site]:not([data-site="hd"]) .kahraman .kap,.ozellik,.ozellik.ters { grid-template-columns:1fr; }
  .kim a,.guven-liste { grid-column:1; grid-row:auto; }
  .ozellik.ters .oz-metin { order:0; }
  .ilke-liste li+li { border-inline-start:0; padding-inline-start:0; border-block-start:1px solid var(--cizgi); }
  .sayilar .kap,.paketler { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .pk+.pk { padding-inline-start:0; border-inline-start:0; }
  .pk { padding-inline-end:var(--s3); border-block-end:1px solid var(--cizgi); }
  .kh-metin .bilgi { grid-template-columns:1fr; }
}

@media (prefers-color-scheme: dark) {
  :root { color-scheme:dark; --zemin:#14130f; --yazi:#f0ece2; --soluk:#a69f8f; --cizgi:#38352c; --cizgi-guclu:#6f695a; --vurgu:#e8875d; --dugme-zemin:#f0ece2; --dugme-yazi:#14130f; --rozet-zemin:#2c2a22; --ilke-zemin:#0b0a08; --premium-zemin:#1d1b15; --premium-cizgi:#38352c; --tablo-zemin:#1d1b15; --kutu-zemin:#1d1b15; }
}

/* HD 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; }
.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-uyg { padding-block:var(--s4) var(--s6); }
.hakkinda-uyg .kutular { margin-block-start:var(--s4); }
.hakkinda-uyg .kutu img { border-radius:var(--s3); }