/* marabeze hatıra — genel yüz */
:root{
  --kagit:#F6EFE6;      /* kraft kağıt zemin */
  --kart:#FFFDF8;
  --murekkep:#2E2318;   /* koyu kahve mürekkep */
  --toprak:#B9814E;     /* kraft vurgu */
  --toprak-koyu:#8F5F33;
  --cizgi:#E7DBC9;
  --soluk:#8B7A63;
}
body.tema-bebek  {--kagit:#EEF3F6;--kart:#FDFEFF;--murekkep:#2B3A46;--toprak:#7FA8C9;--toprak-koyu:#557E9E;--cizgi:#D9E4EC;--soluk:#7C8E9C;}
body.tema-dugun  {--kagit:#F4F0F1;--kart:#FFFEFD;--murekkep:#3A2E33;--toprak:#A98A9B;--toprak-koyu:#7E5F72;--cizgi:#E4DADF;--soluk:#8D7C85;}
body.tema-sevgi  {--kagit:#F8EEEA;--kart:#FFFBF9;--murekkep:#43231D;--toprak:#C26A55;--toprak-koyu:#96462F;--cizgi:#EDD9D2;--soluk:#9C7B70;}
body.tema-kurumsal{--kagit:#EFF1F2;--kart:#FFFFFF;--murekkep:#1E2A32;--toprak:#3E6B84;--toprak-koyu:#2A4C60;--cizgi:#DCE2E6;--soluk:#75838C;}

*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  background:var(--kagit);
  color:var(--murekkep);
  font-family:'Inter',system-ui,sans-serif;
  min-height:100vh;
  background-image:radial-gradient(rgba(0,0,0,.025) 1px, transparent 1px);
  background-size:22px 22px;
}
.sayfa{max-width:640px;margin:0 auto;padding:26px 16px 60px}

.marka{display:flex;align-items:center;justify-content:center;gap:8px;margin:6px 0 22px;color:var(--soluk);font-size:13px;letter-spacing:.14em;text-transform:lowercase}
.marka b{color:var(--murekkep);font-weight:600}
.marka .nokta{width:5px;height:5px;border-radius:50%;background:var(--toprak)}

.kart{
  background:var(--kart);
  border:1px solid var(--cizgi);
  border-radius:18px;
  overflow:hidden;
  box-shadow:0 18px 40px -22px rgba(46,35,24,.35);
}

.kapak{position:relative}
.kapak img{width:100%;display:block;max-height:420px;object-fit:cover}
.muhur{
  position:absolute;right:16px;bottom:-26px;
  width:66px;height:66px;border-radius:50%;
  background:var(--toprak);color:#FFF8EE;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  font-size:9px;letter-spacing:.08em;
  box-shadow:0 6px 16px -4px rgba(0,0,0,.35);
  border:3px double rgba(255,248,238,.7);
  transform:rotate(-7deg);
}
.muhur strong{font-size:11px;letter-spacing:.12em;margin-top:2px}

.icerik{padding:30px 26px 30px}
.tarih{color:var(--toprak-koyu);font-size:12px;letter-spacing:.22em;text-transform:uppercase;margin:0 0 8px}
h1.baslik{font-family:'Fraunces',Georgia,serif;font-weight:600;font-size:30px;line-height:1.18;margin:0 0 6px}
.kime{color:var(--soluk);font-size:14px;margin:0 0 20px}
.mesaj{
  font-family:'Fraunces',Georgia,serif;font-size:17px;line-height:1.75;
  border-left:3px solid var(--toprak);padding:4px 0 4px 16px;margin:0 0 26px;
  white-space:pre-line;
}
.imza{text-align:right;color:var(--toprak-koyu);font-family:'Fraunces',Georgia,serif;font-style:italic;font-size:16px;margin:-14px 0 26px}

.bolum-baslik{font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--soluk);margin:26px 0 10px;display:flex;align-items:center;gap:10px}
.bolum-baslik:before,.bolum-baslik:after{content:"";height:1px;background:var(--cizgi);flex:1}

video,audio{width:100%;border-radius:12px;outline:none}
.video-kutu{border-radius:12px;overflow:hidden;background:#000}
.yt{position:relative;padding-top:56.25%;border-radius:12px;overflow:hidden;background:#000}
.yt iframe{position:absolute;inset:0;width:100%;height:100%;border:0}

.galeri{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}
.galeri img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:10px;border:1px solid var(--cizgi)}

.ar-btn{
  display:flex;align-items:center;justify-content:center;gap:10px;
  background:var(--murekkep);color:var(--kagit);text-decoration:none;
  padding:15px 20px;border-radius:12px;font-size:15px;margin-top:8px;
}
.ar-btn small{opacity:.65;font-size:12px}

.alt-not{text-align:center;color:var(--soluk);font-size:12px;margin-top:26px;line-height:1.7}
.alt-not a{color:var(--toprak-koyu)}

/* durum ekranları (PIN, arşiv, taslak, 404) */
.durum{
  background:var(--kart);border:1px solid var(--cizgi);border-radius:18px;
  padding:44px 28px;text-align:center;max-width:440px;margin:8vh auto 0;
}
.durum .ikon{font-size:40px;margin-bottom:12px}
.durum h1{font-family:'Fraunces',Georgia,serif;font-size:24px;margin:0 0 10px}
.durum p{color:var(--soluk);font-size:15px;line-height:1.65;margin:0 0 18px}
.durum input{width:100%;padding:12px;border:1px solid var(--cizgi);border-radius:10px;font-size:18px;text-align:center;letter-spacing:.3em}
.buton{display:inline-block;background:var(--toprak);color:#fff;border:0;border-radius:10px;padding:13px 28px;font-size:15px;cursor:pointer;text-decoration:none;margin-top:14px}
.hata{background:#FBE9E7;color:#B3402A;padding:10px;border-radius:8px;font-size:14px;margin-bottom:12px}

/* müşteri yükleme portalı */
.form-alan{margin-bottom:18px}
.form-alan label{display:block;font-size:13px;color:var(--toprak-koyu);margin-bottom:6px;letter-spacing:.04em}
.form-alan input[type=text],.form-alan input[type=url],.form-alan input[type=date],.form-alan textarea,.form-alan select{
  width:100%;padding:12px;border:1px solid var(--cizgi);border-radius:10px;font-size:15px;background:#fff;font-family:inherit
}
.form-alan textarea{min-height:120px;line-height:1.6}
.form-alan input[type=file]{font-size:14px}
.ipucu{font-size:12px;color:var(--soluk);margin-top:5px}
.flash{padding:12px 16px;border-radius:10px;font-size:14px;margin-bottom:14px}
.flash-ok{background:#EAF5E9;color:#2E6B33}
.flash-err{background:#FBE9E7;color:#B3402A}

@media (max-width:480px){
  h1.baslik{font-size:25px}
  .icerik{padding:24px 18px}
}
@media (prefers-reduced-motion: no-preference){
  .kart{animation:belir .5s ease-out}
  @keyframes belir{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
}