/* Domicats — ana sayfa, yön B "Kedi Odası" (kullanıcı kararı 14.11.2026; docs/tasarim.md "Site"). Kaynak Arac/site-kaynak/ana;
   Site/ üreticiden (Arac/site_kur.py), elle düzenlenmez. Dış kaynak yok: yazı tipi ve görseller yerel, betik yok. */
@font-face{font-family:"Tikir Yazi";src:url(yazi/TikirYazi-Regular.ttf) format("truetype");font-display:swap}

:root{
  --krem:#FFF1E6;          /* oyunun Köşe zemini */
  --kagit:#FFFAF3;
  --pembe:#FBE3E8;
  --pembe-koyu:#F3CCD6;
  --ahududu:#B34C6F;       /* logonun çerçevesi */
  --ahududu-koyu:#8E3556;
  --kahve:#6A4B57;         /* oyun tahtası */
  --kahve-koyu:#4A3040;    /* metin */
  --sari:#FFE07A;
  --not:#FFF0A6;
  --yesil:#3AA36B;
  --baslik:"Tikir Yazi",ui-rounded,"Segoe UI",system-ui,sans-serif;
  --govde:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --golge:0 6px 0 rgba(106,75,87,.9);
  color-scheme:light;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0;background:var(--kagit);color:var(--kahve-koyu);font:18px/1.65 var(--govde);overflow-x:hidden}
img{max-width:100%;height:auto}
a{color:var(--ahududu-koyu);text-decoration-thickness:1.5px;text-underline-offset:3px}
a:hover{color:var(--ahududu)}
a:focus-visible,summary:focus-visible{outline:3px solid var(--ahududu);outline-offset:3px;border-radius:6px}
h2,h3{font-weight:normal;text-wrap:balance}
h2{font:normal clamp(34px,4.1vw,50px)/1.08 var(--baslik);color:var(--kahve-koyu);margin:0 0 20px;letter-spacing:.005em}
h3{font:normal 24px/1.18 var(--baslik);color:var(--ahududu-koyu);margin:0 0 8px}
p{margin:0 0 14px}
figure{margin:0}
.gizli{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.ic{width:min(1180px,100% - 48px);margin-inline:auto}

/* ---------- kahraman: Kedinin Köşesi ---------- */
.kahraman{position:relative;text-align:center;padding:30px 0 44px;
  background:linear-gradient(180deg,#FFF1E6 0%,#FFF0E6 30%,#FEEDE6 60%,#FDE9E7 88%,#FCE6E8 100%)}
.logo-baslik{margin:0;display:flex;flex-direction:column;align-items:center;position:relative;z-index:2}
.logo-baslik .logo{width:clamp(270px,31vw,450px);filter:drop-shadow(0 10px 16px rgba(106,75,87,.18))}
.serit{display:inline-block;margin-top:-4px;padding:7px 26px 10px;font:normal clamp(20px,2vw,27px)/1.1 var(--baslik);
  color:#FFF6EC;background:var(--ahududu);border-radius:12px;box-shadow:0 5px 0 #7E2F4E;transform:rotate(-2deg);letter-spacing:.01em}
.sahne-oda{position:relative;width:min(1240px,100% - 32px);margin:-22px auto 0;display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,640px) minmax(0,1fr);align-items:center;column-gap:20px}
.oda{grid-column:2;grid-row:1}
.oda img{display:block;width:100%}
.not{grid-column:1;grid-row:1;justify-self:end;align-self:center;margin:0 -36px 40px 0;position:relative;z-index:1;
  width:260px;padding:30px 24px 26px;background:var(--not);color:var(--kahve-koyu);text-align:left;
  font:normal 23px/1.32 var(--baslik);transform:rotate(-4deg);
  box-shadow:0 1px 0 rgba(106,75,87,.12),0 16px 24px -10px rgba(106,75,87,.35)}
.not::before,.guven::before{content:"";position:absolute;top:-13px;left:50%;width:96px;height:26px;margin-left:-48px;
  background:rgba(243,204,214,.85);transform:rotate(-3deg);box-shadow:0 1px 2px rgba(106,75,87,.15)}
.guven{grid-column:3;grid-row:1;justify-self:start;align-self:center;margin:60px 0 0 -40px;position:relative;z-index:1;
  list-style:none;width:286px;padding:26px 22px 18px;text-align:left;background:#FFFDF8;border-radius:6px;
  transform:rotate(2.5deg);font:normal 18px/1.25 var(--baslik);color:var(--kahve-koyu);
  background-image:repeating-linear-gradient(180deg,transparent 0 37px,rgba(179,76,111,.18) 37px 38px);background-position:0 18px;
  box-shadow:0 1px 0 rgba(106,75,87,.12),0 16px 24px -10px rgba(106,75,87,.35)}
.guven::before{background:rgba(255,224,122,.85);transform:rotate(4deg)}
.guven li{display:flex;align-items:center;gap:10px;min-height:38px}
.tik{flex:none;display:inline-grid;place-items:center;width:24px;height:24px;border-radius:7px;background:var(--yesil);box-shadow:0 2px 0 #26774B}
.tik img{width:16px;height:16px}

/* ---------- bantlar: kâğıt ve duvar kâğıdı ---------- */
.bant{position:relative;padding:92px 0 96px}
.kagit{background:var(--kagit);z-index:1}
.duvar{background:var(--pembe) url(img/desen-kedi.png) 0 0/150px 128px}
.kagit::before,.kagit::after{content:"";position:absolute;left:0;right:0;height:24px;pointer-events:none;background-repeat:repeat-x;background-size:560px 24px}
.kagit::before{top:-23px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 560 24' preserveAspectRatio='none'%3E%3Cpath d='M0 24 L0.0 5.7 L7.4 9.0 L14.0 7.9 L23.3 3.1 L33.9 2.9 L43.8 3.2 L50.6 6.7 L64.0 3.7 L72.0 8.8 L86.6 8.3 L96.1 12.3 L102.6 11.1 L111.2 3.9 L118.2 5.6 L131.6 4.3 L142.8 8.9 L152.2 8.0 L158.7 3.1 L166.6 9.3 L176.4 5.6 L187.7 7.0 L196.4 10.4 L208.7 4.9 L219.9 7.8 L233.7 9.8 L242.3 12.3 L249.4 6.7 L262.2 4.0 L272.6 2.9 L284.6 10.1 L295.8 11.3 L304.6 9.5 L315.9 8.3 L326.0 10.9 L340.5 7.2 L352.5 3.1 L364.8 9.0 L379.8 10.7 L388.3 6.4 L400.4 2.7 L410.5 4.2 L417.6 3.1 L430.5 3.8 L438.7 6.4 L452.5 3.3 L462.6 8.0 L476.5 10.7 L490.3 5.3 L500.1 6.1 L514.0 12.1 L521.4 4.3 L529.5 4.8 L539.8 8.4 L548.2 2.5 L558.0 6.2 L560.0 5.7 L560 24Z' fill='rgba%28106,75,87,.16%29'/%3E%3Cpath d='M0 24 L0.0 8.2 L7.4 11.5 L14.0 10.4 L23.3 5.6 L33.9 5.4 L43.8 5.7 L50.6 9.2 L64.0 6.2 L72.0 11.3 L86.6 10.8 L96.1 14.8 L102.6 13.6 L111.2 6.4 L118.2 8.1 L131.6 6.8 L142.8 11.4 L152.2 10.5 L158.7 5.6 L166.6 11.8 L176.4 8.1 L187.7 9.5 L196.4 12.9 L208.7 7.4 L219.9 10.3 L233.7 12.3 L242.3 14.8 L249.4 9.2 L262.2 6.5 L272.6 5.4 L284.6 12.6 L295.8 13.8 L304.6 12.0 L315.9 10.8 L326.0 13.4 L340.5 9.7 L352.5 5.6 L364.8 11.5 L379.8 13.2 L388.3 8.9 L400.4 5.2 L410.5 6.7 L417.6 5.6 L430.5 6.3 L438.7 8.9 L452.5 5.8 L462.6 10.5 L476.5 13.2 L490.3 7.8 L500.1 8.6 L514.0 14.6 L521.4 6.8 L529.5 7.3 L539.8 10.9 L548.2 5.0 L558.0 8.7 L560.0 8.2 L560 24Z' fill='%23FFFAF3'/%3E%3C/svg%3E")}
.kagit::after{bottom:-23px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 560 24' preserveAspectRatio='none'%3E%3Cpath d='M0 0 L0.0 17.0 L11.0 12.3 L21.2 16.4 L32.5 19.7 L43.1 15.2 L56.3 20.6 L65.0 20.6 L78.3 14.6 L84.7 11.7 L99.3 15.0 L110.9 19.9 L117.0 16.2 L123.5 19.6 L131.7 21.2 L141.9 17.1 L155.5 16.3 L167.2 16.5 L179.2 16.9 L187.7 11.5 L202.7 13.1 L215.0 18.3 L223.1 18.6 L229.7 13.8 L239.3 13.0 L248.8 11.9 L262.4 21.5 L270.3 12.4 L280.6 11.7 L290.1 20.8 L301.8 13.7 L310.2 20.6 L319.2 11.9 L332.1 20.3 L340.3 20.5 L346.8 13.5 L354.4 15.9 L364.4 19.6 L377.0 20.2 L388.8 20.3 L398.6 19.4 L407.0 11.8 L420.3 18.5 L434.2 19.4 L443.8 13.0 L455.5 20.5 L470.5 19.4 L478.8 13.8 L487.7 18.5 L494.4 20.6 L505.6 19.1 L517.1 17.8 L527.1 11.9 L537.5 15.8 L551.3 19.7 L558.7 12.4 L560.0 17.0 L560 0Z' fill='rgba%28106,75,87,.16%29'/%3E%3Cpath d='M0 0 L0.0 14.5 L11.0 9.8 L21.2 13.9 L32.5 17.2 L43.1 12.7 L56.3 18.1 L65.0 18.1 L78.3 12.1 L84.7 9.2 L99.3 12.5 L110.9 17.4 L117.0 13.7 L123.5 17.1 L131.7 18.7 L141.9 14.6 L155.5 13.8 L167.2 14.0 L179.2 14.4 L187.7 9.0 L202.7 10.6 L215.0 15.8 L223.1 16.1 L229.7 11.3 L239.3 10.5 L248.8 9.4 L262.4 19.0 L270.3 9.9 L280.6 9.2 L290.1 18.3 L301.8 11.2 L310.2 18.1 L319.2 9.4 L332.1 17.8 L340.3 18.0 L346.8 11.0 L354.4 13.4 L364.4 17.1 L377.0 17.7 L388.8 17.8 L398.6 16.9 L407.0 9.3 L420.3 16.0 L434.2 16.9 L443.8 10.5 L455.5 18.0 L470.5 16.9 L478.8 11.3 L487.7 16.0 L494.4 18.1 L505.6 16.6 L517.1 15.3 L527.1 9.4 L537.5 13.3 L551.3 17.2 L558.7 9.9 L560.0 14.5 L560 0Z' fill='%23FFFAF3'/%3E%3C/svg%3E")}
.bant>.ic>section+section{margin-top:110px}
.giris{max-width:860px;margin:0 auto 96px;text-align:center;font-size:clamp(19px,1.7vw,23px);line-height:1.55;color:var(--kahve-koyu)}

/* iki sütun: metin + telefon ekranı */
.ikili{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:72px;align-items:center}
.ikili.ters{grid-template-columns:300px minmax(0,1fr)}
.ikili .metin{max-width:620px}
.ikili.ters .metin{justify-self:start}
.ekran img{display:block;width:100%;border-radius:26px;border:6px solid var(--kahve);background:#fff;
  box-shadow:0 8px 0 rgba(106,75,87,.28),0 26px 40px -16px rgba(106,75,87,.45)}
.kagit .ekran{transform:rotate(1.5deg)}
.duvar .ekran{transform:rotate(-1.5deg)}
.tabela{background:var(--kagit);border:3px solid var(--kahve);border-radius:24px;padding:34px 38px 22px;box-shadow:var(--golge)}

/* maddeler: tabela kartları */
.maddeler{display:grid;gap:28px;margin-top:72px}
.uclu{grid-template-columns:repeat(3,minmax(0,1fr))}
.dortlu{grid-template-columns:repeat(4,minmax(0,1fr))}
.besli{grid-template-columns:repeat(5,minmax(0,1fr));gap:20px}
.madde{background:#FFFDF9;border:3px solid var(--kahve);border-radius:22px;box-shadow:var(--golge);overflow:hidden}
.sahne{height:280px;display:flex;align-items:center;justify-content:center;padding:20px;border-bottom:3px solid var(--kahve);
  background:var(--krem) url(img/desen-kedi.png) 0 0/120px 102px}
.duvar .sahne{background-color:#FFF5EC}
.sahne .telefon{height:100%;width:auto;border-radius:12px;border:3px solid var(--kahve);background:#fff}
.sahne .serit-gorsel{width:100%;border-radius:12px;border:3px solid var(--kahve)}
.sahne .nesne{width:64%;max-height:100%;object-fit:contain}
.sahne.tahta{background-color:var(--kahve);
  background-image:linear-gradient(rgba(255,255,255,.07) 2px,transparent 2px),linear-gradient(90deg,rgba(255,255,255,.07) 2px,transparent 2px);
  background-size:56px 56px;background-position:center}
.sahne.tahta .nesne{width:72%;filter:drop-shadow(0 8px 6px rgba(0,0,0,.25))}
.halka{display:grid;place-items:center;width:200px;max-width:100%;aspect-ratio:1;border-radius:50%;border:5px dashed}
.halka.sari{border-color:#E5AE1E}
.halka.kirmizi{border:6px solid #D93B3B;background:rgba(217,59,59,.06)}
.halka .nesne{width:76%}
.madde-metin{padding:20px 22px 18px}
.madde-metin p{margin:0;font-size:16.5px;line-height:1.6}
.besli .sahne{height:270px;padding:16px}
.besli h3{font-size:21px}
.besli .madde-metin{padding:18px 18px 16px}
.besli .madde-metin p{font-size:16px}

/* yıldız tablosu */
.yildiz-tablosu{display:grid;gap:10px;margin:22px 0 24px;padding:18px 22px;background:var(--kagit);border:3px solid var(--kahve);border-radius:18px;box-shadow:var(--golge)}
.yildiz-tablosu .satir{display:grid;grid-template-columns:86px 1fr;align-items:center;gap:8px}
.yildizlar{font-size:24px;letter-spacing:2px;line-height:1;color:#F2B200;text-shadow:0 2px 0 #9C6B00}

/* pati bölümü */
.ortali{text-align:center;max-width:800px;margin-inline:auto}
.ortali.dar{max-width:760px}
.polaroid{background:#fff;padding:12px 12px 16px;border:3px solid var(--kahve);border-radius:8px;box-shadow:0 18px 30px -14px rgba(106,75,87,.45);position:relative}
.polaroid img{display:block;width:100%;border-radius:3px}
.polaroid::before{content:"";position:absolute;top:-14px;left:50%;width:110px;height:28px;margin-left:-55px;background:rgba(255,224,122,.85);transform:rotate(-2deg)}
.polaroid.genis{max-width:900px;margin:48px auto 0;transform:rotate(-1deg)}
.pati-ikili{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:72px}
.yatay{padding:24px}
.yatay-ust{display:grid;grid-template-columns:170px minmax(0,1fr);gap:26px;align-items:start}
.yatay .telefon{display:block;width:100%;border-radius:14px;border:4px solid var(--kahve)}
.yatay .madde-metin{padding:6px 0 0}
.yatay .madde-metin p{font-size:17px}
.madde.tam{margin-top:28px;padding:28px}
.tam .yatay-ust{grid-template-columns:210px minmax(0,1fr);grid-template-rows:auto 1fr;column-gap:34px}
.tam .yatay-ust>.telefon{grid-column:1;grid-row:1/span 2}
.tam .madde-metin{grid-column:2;grid-row:1;max-width:760px}
.tam .ek{grid-column:2;grid-row:2;min-width:0}
.tam.sag .yatay-ust{grid-template-columns:minmax(0,1fr) 210px}
.tam.sag .yatay-ust>.telefon{grid-column:2}
.tam.sag .madde-metin,.tam.sag .ek{grid-column:1}
.tam .madde-metin p{font-size:18px}
.raf{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:14px 26px;margin-top:22px;padding:24px 10px 22px;
  border-radius:16px;background:var(--pembe) url(img/desen-kedi.png) 0 0/150px 128px;border:3px solid var(--pembe-koyu);
  box-shadow:inset 0 -14px 0 rgba(179,76,111,.12)}
.raf-grup{display:flex;gap:8px}
.kedi-kart{position:relative;width:84px;aspect-ratio:1;background:#fff;border:3px solid #E7CDD5;border-radius:16px;box-shadow:0 4px 0 #DDB9C4;padding:4px}
.kedi-kart img{display:block;width:100%}
.baslangic .kedi-kart{border-color:var(--ahududu);box-shadow:0 4px 0 #7E2F4E}
.hediye .kedi-kart{background:#FFF6D8;border-color:#EFD58A;box-shadow:0 4px 0 #D9B95C}
.rozet{position:absolute;top:-9px;right:-9px;width:28px;height:28px;display:grid;place-items:center;border-radius:8px}
.rozet img{width:20px;height:20px}
.rozet.sahip{background:var(--yesil);box-shadow:0 2px 0 #26774B}
.rozet.para{border-radius:50%;background:none;width:30px;height:30px}
.rozet.para img{width:30px;height:30px}
.galeri{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:30px;padding:10px 4px 4px}
.galeri .polaroid:nth-child(1){transform:rotate(-2deg)}
.galeri .polaroid:nth-child(2){transform:rotate(1.5deg)}
.galeri .polaroid:nth-child(3){transform:rotate(-1deg)}
.galeri .polaroid::before{width:80px;margin-left:-40px;height:24px;background:rgba(243,204,214,.9)}

/* gizlilik, diller */
.cerceve img{display:block;width:100%;border-radius:20px;border:5px solid var(--kahve);box-shadow:var(--golge)}
.kisaca{background:var(--not);padding:18px 22px;border-radius:4px;transform:rotate(-.6deg);box-shadow:0 12px 20px -12px rgba(106,75,87,.45);margin-bottom:22px}
.diller-logo{display:block;width:min(380px,80%);margin:0 auto 26px;filter:drop-shadow(0 8px 14px rgba(106,75,87,.18))}

/* rehberler: renkli notlar (beş ödül kedisinin renkleri) */
.rehberler{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:26px;margin-top:40px;align-items:start}
.rehber{position:relative;padding:30px 20px 22px;border-radius:3px;box-shadow:0 1px 0 rgba(106,75,87,.12),0 16px 22px -12px rgba(106,75,87,.4)}
.rehber::before{content:"";position:absolute;top:-12px;left:50%;width:76px;height:24px;margin-left:-38px;background:rgba(255,255,255,.65);transform:rotate(-3deg);box-shadow:0 1px 2px rgba(106,75,87,.15)}
.rehber h3{font-size:22px;color:var(--kahve-koyu)}
.rehber p{margin:0;font-size:16px;line-height:1.55}
.rehber.limon{background:#FFF0A6;transform:rotate(-2deg)}
.rehber.pembe{background:#FFD9E3;transform:rotate(1.5deg);margin-top:18px}
.rehber.nane{background:#D5F0DE;transform:rotate(-1deg)}
.rehber.lila{background:#E7DDF6;transform:rotate(2deg);margin-top:22px}
.rehber.mavi{background:#D8E8F8;transform:rotate(-1.5deg)}

/* SSS: hepsi görünür, iki sütun */
.sss{max-width:1060px;margin:40px auto 0;background:var(--kagit);border:3px solid var(--kahve);border-radius:24px;box-shadow:var(--golge);
  padding:18px 40px 22px;column-count:2;column-gap:56px;column-rule:2px dashed var(--pembe-koyu)}
.soru{break-inside:avoid;padding:16px 0 14px;border-bottom:2px dashed var(--pembe-koyu)}
.soru h3{margin:0 0 6px;font-size:21px;color:var(--kahve-koyu)}
.soru p{margin:0;font-size:16.5px;line-height:1.6}

/* alt bilgi */
.alt{position:relative;background:var(--kahve-koyu);color:var(--krem);padding:56px 0 64px}
.alt::before{content:"";position:absolute;left:0;right:0;top:-23px;height:24px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 560 24' preserveAspectRatio='none'%3E%3Cpath d='M0 24 L0.0 14.2 L14.5 13.9 L21.3 10.9 L31.1 10.3 L38.3 6.9 L48.3 7.2 L58.4 5.2 L65.1 12.1 L74.9 10.1 L87.5 8.6 L94.1 12.8 L105.4 11.6 L117.0 14.7 L126.2 12.6 L135.5 10.7 L147.5 8.1 L154.3 9.7 L166.7 10.9 L176.7 11.4 L184.4 6.8 L193.3 13.2 L201.0 6.1 L207.9 5.4 L216.4 10.7 L229.8 8.3 L239.1 7.9 L247.9 12.8 L258.8 7.6 L265.8 12.8 L278.1 13.3 L286.3 10.5 L300.6 10.9 L315.1 6.7 L329.8 5.6 L339.6 5.2 L352.9 11.9 L367.6 13.0 L382.2 10.4 L397.1 12.5 L406.2 14.7 L415.6 6.9 L422.3 9.7 L430.0 14.3 L444.6 7.2 L451.5 10.3 L459.0 10.4 L472.4 7.5 L482.2 14.0 L492.2 8.4 L506.2 13.1 L520.2 11.9 L530.0 11.9 L543.4 11.4 L551.6 8.0 L560.0 14.2 L560 24Z' fill='%234A3040'/%3E%3C/svg%3E") repeat-x 0 0/560px 24px}
.alt-ic{display:flex;align-items:center;justify-content:space-between;gap:28px;flex-wrap:wrap}
.alt-logo{width:190px}
.alt-baglanti{display:flex;flex-wrap:wrap;gap:10px 28px;font-size:16px}
.alt a{color:#FFE7EE}
.alt a:hover{color:#fff}

/* ---------- duyarlı ---------- */
@media (max-width:1180px){
  .sahne-oda{grid-template-columns:minmax(0,1fr) minmax(0,1fr);row-gap:0;max-width:760px}
  .oda{grid-column:1/-1}
  .not{grid-column:1;grid-row:2;justify-self:center;margin:-70px 0 0}
  .guven{grid-column:2;grid-row:2;justify-self:center;margin:-40px 0 0}
  .besli{grid-template-columns:repeat(3,minmax(0,1fr))}
  .rehberler{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:980px){
  .ikili,.ikili.ters{grid-template-columns:1fr;gap:44px}
  .ikili .ekran{order:2;width:min(280px,72%);justify-self:center}
  .ikili .metin,.ikili.ters .metin{max-width:none}
  .ikili .cerceve{order:2;width:min(420px,100%);justify-self:center}
  .uclu,.dortlu{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pati-ikili{grid-template-columns:1fr}
  .tam .yatay-ust,.tam.sag .yatay-ust{grid-template-columns:170px minmax(0,1fr);grid-template-rows:auto}
  .tam .yatay-ust>.telefon,.tam.sag .yatay-ust>.telefon{grid-column:1;grid-row:1}
  .tam .madde-metin,.tam.sag .madde-metin{grid-column:2;grid-row:1}
  .tam .ek,.tam.sag .ek{grid-column:1/-1;grid-row:2}
}
@media (max-width:700px){
  body{font-size:17px}
  .ic{width:calc(100% - 36px)}
  .bant{padding:68px 0 72px}
  .bant>.ic>section+section{margin-top:80px}
  .giris{margin-bottom:64px;text-align:left}
  .kahraman{padding:22px 0 56px}
  .sahne-oda{grid-template-columns:1fr;width:100%;margin-top:-6px}
  .not{grid-column:1;grid-row:2;width:min(320px,calc(100% - 48px));margin:-48px 0 0;font-size:21px;padding:26px 22px 22px}
  .guven{grid-column:1;grid-row:3;width:min(320px,calc(100% - 48px));margin:34px 0 0;transform:rotate(1.5deg)}
  .uclu,.dortlu,.besli{grid-template-columns:1fr}
  .maddeler{margin-top:48px;gap:24px}
  .sahne{height:240px}
  .yan-mobil{display:grid;grid-template-columns:118px minmax(0,1fr)}
  .yan-mobil .sahne{height:auto;padding:12px;border-bottom:0;border-right:3px solid var(--kahve)}
  .yan-mobil .sahne .telefon{height:auto;width:100%}
  .tabela{padding:26px 22px 14px}
  .yatay{padding:18px}
  .yatay-ust,.tam .yatay-ust,.tam.sag .yatay-ust{grid-template-columns:104px minmax(0,1fr);grid-template-rows:auto;gap:16px}
  .madde.tam{padding:18px}
  .tam .yatay-ust>.telefon,.tam.sag .yatay-ust>.telefon{grid-column:1;grid-row:1}
  .tam .madde-metin,.tam.sag .madde-metin{grid-column:2;grid-row:1}
  .tam .ek,.tam.sag .ek{grid-column:1/-1;grid-row:2}
  .yatay .madde-metin p,.tam .madde-metin p{font-size:16px}
  .raf{gap:12px 14px;padding:22px 6px 18px}
  .raf-grup{gap:6px}
  .kedi-kart{width:58px;border-radius:12px;border-width:2px;padding:2px}
  .rozet{width:22px;height:22px;top:-7px;right:-7px;border-radius:6px}
  .rozet img{width:15px;height:15px}
  .rozet.para,.rozet.para img{width:22px;height:22px}
  .galeri{grid-template-columns:1fr;gap:26px;padding:10px 12px 4px}
  .rehberler{grid-template-columns:1fr;gap:30px}
  .rehber.pembe,.rehber.lila{margin-top:0}
  .sss{padding:6px 20px 10px;column-count:1}
  .soru h3{font-size:19px}
  .alt-ic{flex-direction:column;align-items:flex-start}
}

/* ---- Sabit üst çubuk (14.11.2026, kullanıcı: "header sabit on top olan bir header da yap") ---- */
html{scroll-behavior:smooth}
section[id],h1[id]{scroll-margin-top:96px}
.ust-cubuk{position:sticky;top:0;z-index:100;background:rgba(255,241,230,.88);-webkit-backdrop-filter:saturate(1.4) blur(12px);
  backdrop-filter:saturate(1.4) blur(12px);border-bottom:2px solid var(--pembe-koyu);box-shadow:0 10px 24px -20px rgba(74,48,64,.7)}
.ust-ic{width:min(1240px,100% - 32px);margin:0 auto;height:72px;display:flex;align-items:center;gap:18px}
.ust-logo{display:block;flex:none;border-radius:10px}
.ust-logo img{display:block;height:42px;width:auto}
.ust-menu{display:flex;align-items:center;gap:2px;margin-left:auto}
.ust-menu a,.mobil-menu nav a{font:normal 18px/1 var(--baslik);color:var(--kahve-koyu);text-decoration:none;padding:11px 14px;border-radius:999px;
  transition:background .15s,color .15s}
.ust-menu a:hover,.mobil-menu nav a:hover{background:var(--pembe);color:var(--ahududu-koyu)}
.dil-sec{position:relative;flex:none}
.dil-sec summary,.mobil-menu summary{list-style:none;cursor:pointer;user-select:none}
.dil-sec summary::-webkit-details-marker,.mobil-menu summary::-webkit-details-marker{display:none}
.dil-sec summary{display:flex;align-items:center;gap:8px;font:600 15px/1 var(--govde);color:var(--kahve-koyu);background:#fff;
  border:2px solid var(--pembe-koyu);border-radius:999px;padding:9px 14px 9px 11px;box-shadow:0 3px 0 var(--pembe-koyu)}
.dil-sec[open] summary,.dil-sec summary:hover{border-color:var(--ahududu);box-shadow:0 3px 0 var(--ahududu)}
.dil-ikon{width:18px;height:18px;border-radius:50%;border:2px solid currentColor;position:relative;flex:none}
.dil-ikon::before{content:"";position:absolute;inset:-2px 4px;border:2px solid currentColor;border-radius:50%}
.dil-ikon::after{content:"";position:absolute;left:-2px;right:-2px;top:6px;border-top:2px solid currentColor}
.dil-sec ul{position:absolute;right:0;top:calc(100% + 10px);margin:0;padding:8px;list-style:none;min-width:220px;background:#fff;
  border:2px solid var(--pembe-koyu);border-radius:16px;box-shadow:0 18px 30px -14px rgba(74,48,64,.45);
  display:grid;grid-template-columns:1fr 1fr;gap:2px}
.dil-sec li a{display:block;padding:8px 10px;border-radius:10px;font:15px/1.2 var(--govde);color:var(--kahve-koyu);text-decoration:none;white-space:nowrap}
.dil-sec li a:hover{background:var(--pembe)}
.dil-sec li a[aria-current]{background:var(--krem);font-weight:700;color:var(--ahududu-koyu)}
.mobil-menu{display:none;position:static}
.mobil-menu summary{width:46px;height:46px;border-radius:14px;background:#fff;border:2px solid var(--pembe-koyu);display:grid;place-items:center;
  box-shadow:0 3px 0 var(--pembe-koyu)}
.mobil-menu .cizgi,.mobil-menu .cizgi::before,.mobil-menu .cizgi::after{display:block;width:20px;height:2.5px;border-radius:2px;background:var(--kahve-koyu);position:relative}
.mobil-menu .cizgi::before,.mobil-menu .cizgi::after{content:"";position:absolute;left:0}
.mobil-menu .cizgi::before{top:-7px}
.mobil-menu .cizgi::after{top:7px}
.mobil-menu nav{position:absolute;left:0;right:0;top:100%;background:var(--krem);border-bottom:2px solid var(--pembe-koyu);
  padding:10px 16px 16px;display:grid;gap:2px;box-shadow:0 18px 24px -18px rgba(74,48,64,.6)}
@media (max-width:1080px){
  .ust-menu{display:none}
  .mobil-menu{display:block;margin-left:auto}
  .dil-sec{margin-left:auto}
  .dil-sec + .mobil-menu{margin-left:0}
}
@media (max-width:520px){
  .ust-ic{height:64px;gap:10px}
  .ust-logo img{height:36px}
  .dil-sec summary span:last-child{display:none}
  .dil-sec summary{padding:9px 11px}
  .dil-sec ul{position:fixed;left:12px;right:12px;top:72px;min-width:0}
}