@charset "UTF-8";
/* =====================================================================
   MIDYAT'I KEŞFET — Ulusal Fotoğraf Yarışması
   Tasarım Sistemi
   ---------------------------------------------------------------------
   Renkler   : Kireçtaşı, Gece Taşı, Bal Taşı, Telkari Gümüşü, Nar Kırmızısı
   Tipografi : Spectral (başlık) / Manrope (gövde) / Space Mono (rakam-etiket)
   İmza öge  : Kesme taş (ashlar) doku ayırıcı + telkari çizgi süslemesi
   ===================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Spectral:ital,wght@0,400;0,500;0,600;0,700;1,400&family=Manrope:wght@400;500;600;700;800&family=Space+Mono:wght@400;700&display=swap');

:root{
  /* --- Renk Paleti --- */
  --tas-kirec:      #EDE3D0; /* Kireçtaşı - zemin */
  --tas-kirec-koyu:  #E1D3B8; /* kartlar için ikinci ton */
  --gece-tasi:      #211C18; /* neredeyse siyah, sıcak ton - header/footer/metin */
  --gece-tasi-2:    #332B24; /* daha açık kömür */
  --bal-tasi:       #C89B5C; /* ana vurgu - altın saatte Midyat taşı */
  --bal-tasi-acik:  #E3C88F;
  --telkari:        #9CA3AC; /* gümüş filigran - ince çizgiler, ikincil */
  --nar:            #8B2E2E; /* nar kırmızısı - CTA / rozet */
  --nar-koyu:       #6E2222;
  --murekkep:       #1F1B17; /* gövde metin */
  --beyaz-kagit:    #FBF8F2;

  --font-baslik: 'Spectral', Georgia, serif;
  --font-govde:  'Manrope', -apple-system, sans-serif;
  --font-etiket: 'Space Mono', monospace;

  --radius: 4px;
  --container: 1180px;
  --golge: 0 12px 30px -12px rgba(33, 28, 24, 0.35);
}

*,*::before,*::after{ box-sizing:border-box; }
html{ scroll-behavior:smooth; }
body{
  margin:0;
  font-family:var(--font-govde);
  color:var(--murekkep);
  background:var(--tas-kirec);
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
}
img{ max-width:100%; display:block; }
a{ color:inherit; text-decoration:none; }
ul{ margin:0; padding:0; list-style:none; }
h1,h2,h3,h4{ font-family:var(--font-baslik); margin:0 0 .5em; font-weight:600; line-height:1.15; color:var(--gece-tasi); }
p{ margin:0 0 1em; }
.container{ max-width:var(--container); margin:0 auto; padding:0 24px; }

/* Klavye erişilebilirliği */
a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible, select:focus-visible{
  outline:3px solid var(--nar); outline-offset:2px;
}

@media (prefers-reduced-motion: reduce){
  *{ animation-duration:0.001ms !important; animation-iteration-count:1 !important; transition-duration:0.001ms !important; scroll-behavior:auto !important; }
  .btn-basvur-nav{ animation:none !important; }
}

/* --------------------------------------------------------------------
   İMZA ÖGE: Kesme taş (ashlar) doku ayırıcı
   Midyat'ın ünlü bal rengi kesme taş duvarlarını çağıran SVG desen.
   -------------------------------------------------------------------- */
.tas-ayirici{
  height:22px;
  width:100%;
  background-color:var(--tas-kirec);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='22' viewBox='0 0 120 22'%3E%3Crect width='120' height='22' fill='%23EDE3D0'/%3E%3Cg fill='none' stroke='%23C89B5C' stroke-width='1' opacity='0.55'%3E%3Cpath d='M0 11 H120 M20 0 V11 M60 0 V11 M100 0 V11 M0 11 V22 M40 11 V22 M80 11 V22 M120 11 V22'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat:repeat-x;
}
.tas-ayirici.koyu{ background-color:var(--gece-tasi);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='22' viewBox='0 0 120 22'%3E%3Crect width='120' height='22' fill='%23211C18'/%3E%3Cg fill='none' stroke='%23C89B5C' stroke-width='1' opacity='0.4'%3E%3Cpath d='M0 11 H120 M20 0 V11 M60 0 V11 M100 0 V11 M0 11 V22 M40 11 V22 M80 11 V22 M120 11 V22'/%3E%3C/g%3E%3C/svg%3E");
}

/* Telkari çizgi süslemesi - başlık altı ince motif */
.telkari-cizgi{
  width:120px; height:14px; margin:0 auto 22px;
  background:no-repeat center / contain;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='14' viewBox='0 0 120 14'%3E%3Cg fill='none' stroke='%23C89B5C' stroke-width='1.4'%3E%3Cline x1='0' y1='7' x2='40' y2='7'/%3E%3Cline x1='80' y1='7' x2='120' y2='7'/%3E%3Ccircle cx='60' cy='7' r='5.5'/%3E%3Ccircle cx='60' cy='7' r='1.6' fill='%23C89B5C'/%3E%3Cpath d='M48 7 a12 12 0 0 1 24 0' /%3E%3C/g%3E%3C/svg%3E");
}
.telkari-cizgi.sol{ margin:0 0 18px; }

.eyebrow{
  font-family:var(--font-etiket);
  font-size:.72rem;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:var(--nar);
  display:inline-block;
  margin-bottom:10px;
}

/* --------------------------------------------------------------------
   ÜST BAR / NAVİGASYON
   -------------------------------------------------------------------- */
.site-header{
  position:sticky; top:0; z-index:1000;
  background:rgba(33,28,24,0.96);
  backdrop-filter:blur(6px);
  border-bottom:1px solid rgba(200,155,92,0.25);
}
.navbar{
  display:flex; align-items:center; justify-content:space-between;
  padding:14px 24px;
}
.brand{ display:flex; align-items:center; gap:10px; }
.brand-logo{
  width:100px; height:100px; object-fit:contain;
  display:block; flex-shrink:0;
}
.brand-ayirac{
  width:1px; height:34px; background:rgba(255,255,255,.28);
  flex-shrink:0; margin:0 2px;
}
.brand-metin{ line-height:1.1; }
.brand-metin strong{ display:block; color:var(--beyaz-kagit); font-family:var(--font-baslik); font-size:1.15rem; letter-spacing:.01em; }
.brand-metin span{ display:block; color:var(--telkari); font-size:.68rem; letter-spacing:.14em; text-transform:uppercase; font-family:var(--font-etiket); }

.nav-links{ display:flex; align-items:center; gap:28px; }
.nav-links a{
  color:var(--beyaz-kagit); font-size:.92rem; font-weight:500; position:relative; padding:6px 2px;
}
.nav-links a::after{
  content:''; position:absolute; left:0; bottom:0; width:0; height:2px; background:var(--bal-tasi);
  transition:width .25s ease;
}
.nav-links a:hover::after, .nav-links a.aktif::after{ width:100%; }
.nav-links a.aktif{ color:var(--bal-tasi-acik); }

.btn-basvur-nav{
  position:relative;
  isolation:isolate;
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  gap:9px;
  min-height:44px;
  padding:10px 20px !important;
  color:#fff !important;
  font-weight:800 !important;
  letter-spacing:.035em;
  border:1px solid rgba(227,200,143,.68);
  border-radius:5px;
  background:
    linear-gradient(135deg, rgba(255,255,255,.12), transparent 42%),
    linear-gradient(135deg, #a43b35 0%, var(--nar) 52%, var(--nar-koyu) 100%);
  box-shadow:
    0 8px 24px -10px rgba(139,46,46,.95),
    0 0 0 1px rgba(255,255,255,.05) inset;
  overflow:hidden;
  transform:translateZ(0);
  animation:basvur-nabiz 2.7s ease-in-out infinite;
  transition:
    transform .25s cubic-bezier(.2,.75,.25,1),
    box-shadow .25s ease,
    border-color .25s ease,
    filter .25s ease;
}

.btn-basvur-nav::before{
  content:'';
  position:absolute;
  z-index:-1;
  top:-45%;
  left:-70%;
  width:42%;
  height:190%;
  background:linear-gradient(90deg, transparent, rgba(255,255,255,.36), transparent);
  transform:rotate(18deg);
  transition:left .55s ease;
}

.btn-basvur-nav::after{ display:none !important; }

.btn-basvur-nav-ikon{
  width:23px;
  height:23px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  font-size:.8rem;
  line-height:1;
  color:var(--gece-tasi);
  background:var(--bal-tasi-acik);
  box-shadow:0 2px 8px rgba(0,0,0,.22);
  transition:transform .25s ease, background .25s ease;
}

.btn-basvur-nav:hover{
  color:#fff !important;
  border-color:var(--bal-tasi-acik);
  background:
    linear-gradient(135deg, rgba(255,255,255,.15), transparent 45%),
    linear-gradient(135deg, #b84940 0%, #932f2f 52%, #6e2222 100%);
  box-shadow:
    0 13px 30px -10px rgba(139,46,46,.98),
    0 0 18px rgba(200,155,92,.22);
  transform:translateY(-2px) scale(1.035);
  filter:saturate(1.08);
}

.btn-basvur-nav:hover::before{ left:135%; }
.btn-basvur-nav:hover .btn-basvur-nav-ikon{ transform:rotate(45deg) scale(1.08); }

.btn-basvur-nav:active{ transform:translateY(0) scale(.99); }

.btn-basvur-nav:focus-visible{
  outline:3px solid var(--bal-tasi-acik);
  outline-offset:3px;
}

@keyframes basvur-nabiz{
  0%, 100%{
    box-shadow:
      0 8px 24px -10px rgba(139,46,46,.9),
      0 0 0 0 rgba(200,155,92,0);
  }
  50%{
    box-shadow:
      0 10px 30px -9px rgba(139,46,46,1),
      0 0 0 5px rgba(200,155,92,.10);
  }
}

.menu-toggle{ display:none; background:none; border:1px solid var(--telkari); color:var(--beyaz-kagit); font-size:1.3rem; padding:6px 10px; cursor:pointer; }

@media (max-width: 900px){
  .menu-toggle{ display:block; }
  .nav-links{
    position:absolute; top:100%; left:0; right:0; background:var(--gece-tasi);
    flex-direction:column; align-items:flex-start; padding:18px 24px; gap:16px;
    display:none; border-bottom:1px solid rgba(200,155,92,0.25);
  }
  .nav-links.acik{ display:flex; }
  .brand-logo{ width:70px; height:70px; }
  .brand-ayirac{ height:26px; }
  .brand-metin strong{ font-size:1rem; }
  .nav-links .btn-basvur-nav{
    width:100%;
    max-width:260px;
    margin-top:2px;
  }
}

@media (max-width: 480px){
  .brand-logo{ width:56px; height:56px; }
  .brand-ayirac{ height:22px; }
  .brand-metin span{ font-size:.62rem; }
}

/* --------------------------------------------------------------------
   HERO
   -------------------------------------------------------------------- */
.hero{
  position:relative;
  min-height:69vh;
  display:flex; align-items:center;
  color:var(--beyaz-kagit);
  background:
    linear-gradient(100deg, rgba(10,8,6,0.5) 0%, rgba(10,8,6,0.24) 32%, rgba(10,8,6,0.04) 55%, rgba(10,8,6,0) 72%),
    linear-gradient(0deg, rgba(10,8,6,0.35) 0%, rgba(10,8,6,0.08) 35%, rgba(10,8,6,0) 58%),
    url('/assets/img/hero-banner.jpg'),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1920 1080' preserveAspectRatio='xMidYMax slice'%3E%3Cdefs%3E%3ClinearGradient id='sky' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0%25' stop-color='%23241c15'/%3E%3Cstop offset='45%25' stop-color='%234a3520'/%3E%3Cstop offset='75%25' stop-color='%23a9793f'/%3E%3Cstop offset='100%25' stop-color='%23dba85f'/%3E%3C/linearGradient%3E%3ClinearGradient id='hillA' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0%25' stop-color='%233a2c1c'/%3E%3Cstop offset='100%25' stop-color='%23241a10'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect width='1920' height='1080' fill='url(%23sky)'/%3E%3Ccircle cx='1550' cy='560' r='150' fill='%23e8c583' opacity='0.55'/%3E%3Ccircle cx='1550' cy='560' r='95' fill='%23f2d9a4' opacity='0.7'/%3E%3Cpath d='M0 700 L120 660 L120 560 L170 560 L170 500 L230 500 L230 640 L300 640 L300 600 L360 600 L360 520 L300 520 L300 460 L420 460 L420 640 L500 640 L500 580 L560 580 L560 500 L470 500 L470 440 L640 440 L640 620 L720 620 L720 540 L800 540 L800 470 L880 470 L880 380 L940 380 L940 470 L1010 470 L1010 560 L1090 560 L1090 480 L1160 480 L1160 420 L1240 420 L1240 560 L1320 560 L1320 500 L1400 500 L1400 620 L1480 620 L1480 540 L1560 540 L1560 600 L1650 600 L1650 560 L1720 560 L1720 640 L1800 640 L1800 600 L1920 600 L1920 1080 L0 1080 Z' fill='url(%23hillA)'/%3E%3Cg fill='%23140f0a'%3E%3Crect x='40' y='760' width='90' height='170'/%3E%3Crect x='150' y='700' width='70' height='230'/%3E%3Ccircle cx='185' cy='700' r='35'/%3E%3Crect x='240' y='790' width='110' height='140'/%3E%3Crect x='370' y='740' width='60' height='190'/%3E%3Crect x='450' y='800' width='130' height='130'/%3E%3Ccircle cx='515' cy='800' r='40'/%3E%3Crect x='600' y='760' width='80' height='170'/%3E%3Crect x='700' y='700' width='75' height='230'/%3E%3Ccircle cx='737' cy='700' r='32'/%3E%3Crect x='800' y='810' width='150' height='120'/%3E%3Crect x='970' y='750' width='70' height='180'/%3E%3Crect x='1060' y='690' width='60' height='240'/%3E%3Ccircle cx='1090' cy='690' r='34'/%3E%3Crect x='1140' y='800' width='140' height='130'/%3E%3Crect x='1300' y='740' width='75' height='190'/%3E%3Crect x='1390' y='790' width='120' height='140'/%3E%3Ccircle cx='1450' cy='790' r='38'/%3E%3Crect x='1530' y='720' width='65' height='210'/%3E%3Crect x='1610' y='780' width='150' height='150'/%3E%3Crect x='1780' y='730' width='90' height='200'/%3E%3Ccircle cx='1825' cy='730' r='36'/%3E%3C/g%3E%3C/svg%3E");
  background-size: cover, cover, cover, cover;
  background-position: center, center, center, center;
  background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
  background-attachment: scroll, scroll, fixed, fixed;
  overflow:hidden;
}
.hero-icerik{ position:relative; z-index:2; padding:120px 0 90px; text-align:center; }
.hero-icerik .eyebrow{ color:var(--bal-tasi-acik); }

@media (max-width: 900px){
  /* iOS Safari gibi bazı mobil tarayıcılar sabit (fixed) arka planı
     düzgün desteklemez; mobilde normal kaydırılan arka plana döner. */
  .hero{ background-attachment: scroll, scroll, scroll, scroll; }
}
.hero h1{
  color:var(--beyaz-kagit); font-size:clamp(2.2rem, 5vw, 4.2rem);
  max-width:30ch; margin:0 auto .3em; letter-spacing:.01em;
  -webkit-text-stroke: 1.5px rgba(20,15,10,.85);
  paint-order: stroke fill;
  text-shadow:
    0 2px 3px rgba(0,0,0,.85),
    0 6px 14px rgba(0,0,0,.7),
    0 18px 40px rgba(0,0,0,.55);
}
.hero h1 em{ font-style:italic; color:var(--bal-tasi-acik); }
.hero .hero-alt-baslik{
  display:table; margin:0 auto 32px; color:var(--bal-tasi-acik);
  font-family:var(--font-govde); font-style:normal; font-weight:700;
  font-size:clamp(1rem, 2vw, 1.3rem); letter-spacing:.12em;
  text-transform:uppercase;
  padding:9px 20px;
  border-radius:3px;
  background: linear-gradient(90deg, rgba(15,12,9,.72) 0%, rgba(15,12,9,.72) 100%);
  text-shadow: 0 1px 3px rgba(0,0,0,.6);
}
.hero-alt{ max-width:52ch; font-size:1.12rem; color:#E9E2D5; margin-bottom:34px; }
.hero-cta{ display:flex; gap:16px; flex-wrap:wrap; margin-bottom:56px; }

.btn{
  display:inline-flex; align-items:center; gap:8px;
  padding:14px 28px; font-weight:700; font-size:.95rem; letter-spacing:.02em;
  border-radius:2px; border:1.5px solid transparent; cursor:pointer;
  transition:transform .2s ease, background .2s ease, color .2s ease, border-color .2s ease;
}
.btn:hover{ transform:translateY(-2px); }
.btn-birincil{ background:var(--nar); color:#fff; }
.btn-birincil:hover{ background:var(--nar-koyu); }
.btn-ikincil{ background:transparent; color:var(--beyaz-kagit); border-color:rgba(255,255,255,.5); }
.btn-ikincil:hover{ border-color:var(--bal-tasi); color:var(--bal-tasi-acik); }
.btn-koyu{ background:var(--gece-tasi); color:#fff; }
.btn-koyu:hover{ background:#000; }

/* Geri sayım */
.sayac{ display:flex; gap:18px; flex-wrap:wrap; }
.sayac-birim{
  background:rgba(255,255,255,.06); border:1px solid rgba(200,155,92,.4);
  padding:14px 20px; text-align:center; min-width:84px; border-radius:2px;
}
.sayac-birim strong{
  display:block; font-family:var(--font-etiket); font-size:1.9rem; color:var(--bal-tasi-acik);
}
.sayac-birim span{ font-size:.68rem; letter-spacing:.12em; text-transform:uppercase; color:var(--telkari); }

/* --------------------------------------------------------------------
   GENEL BÖLÜM DÜZENİ
   -------------------------------------------------------------------- */
section{ padding:88px 0; }
.bolum-baslik{ text-align:center; max-width:640px; margin:0 auto 56px; }
.bolum-baslik h2{ font-size:clamp(1.9rem,3.4vw,2.7rem); }
.bolum-baslik.sola{ margin:0 0 40px; text-align:left; }

.acik-zemin{ background:var(--tas-kirec); }
.koyu-zemin{ background:var(--gece-tasi); color:var(--tas-kirec); }
.koyu-zemin h2, .koyu-zemin h3{ color:var(--beyaz-kagit); }
.kagit-zemin{ background:var(--beyaz-kagit); }

/* Hakkında */
.hakkinda-grid{ display:grid; grid-template-columns:1.1fr .9fr; gap:56px; align-items:center; }
.hakkinda-metin p{ font-size:1.05rem; }
.hakkinda-foto{
  position: relative;
  border-radius: 2px;
  overflow: hidden;
  box-shadow: var(--golge);
  aspect-ratio: 3/2;
  background-image: url('/assets/img/hakkinda-foto.jpg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.hakkinda-foto::after{
  content:''; position:absolute; bottom:18px; right:18px; color:rgba(255,255,255,.85);
  font-family:var(--font-etiket); font-size:.7rem; letter-spacing:.2em; border:1px solid rgba(255,255,255,.5); padding:4px 10px;
}
.istatistik-satiri{ display:flex; gap:36px; margin-top:32px; flex-wrap:wrap; }
.istatistik-satiri div strong{ display:block; font-family:var(--font-etiket); font-size:1.8rem; color:var(--nar); }
.istatistik-satiri div span{ font-size:.82rem; color:var(--gece-tasi-2); }

@media (max-width:860px){ .hakkinda-grid{ grid-template-columns:1fr; } }

/* Kategori kartları */
.hakkinda-yarisma-alani{ margin-top:54px; }

.kategori-grid{ display:flex; justify-content:center; }
.kategori-kart{
  width:min(100%, 820px);
  background:var(--beyaz-kagit); border:1px solid rgba(33,28,24,.08);
  padding:40px 32px; position:relative; overflow:hidden;
  transition:transform .35s cubic-bezier(.2,.75,.25,1), box-shadow .35s ease, border-color .35s ease;
}
.kategori-kart::before{
  content:''; position:absolute; inset:0; pointer-events:none; opacity:0;
  background:linear-gradient(120deg, transparent 24%, rgba(200,155,92,.12) 50%, transparent 76%);
  transform:translateX(-70%); transition:opacity .35s ease, transform .65s ease;
}
.kategori-kart::after{
  content:''; position:absolute; left:0; right:0; bottom:0; height:3px;
  background:linear-gradient(90deg, transparent, var(--bal-tasi), transparent);
  transform:scaleX(0); transform-origin:center; transition:transform .35s ease;
}
.kategori-kart:hover{
  transform:translateY(-8px) scale(1.008);
  border-color:rgba(200,155,92,.45);
  box-shadow:0 24px 55px -24px rgba(33,28,24,.38);
}
.kategori-kart:hover::before{ opacity:1; transform:translateX(70%); }
.kategori-kart:hover::after{ transform:scaleX(1); }
.kategori-no{ font-family:var(--font-etiket); color:var(--telkari); font-size:.8rem; }
.kategori-kart h3{ font-size:1.6rem; margin-top:6px; }
.kategori-kart p{ color:var(--gece-tasi-2); }
.kategori-liste{ margin-top:16px; }
.kategori-liste li{ padding-left:18px; position:relative; margin-bottom:8px; font-size:.92rem; }
.kategori-liste li::before{ content:'\2014'; position:absolute; left:0; color:var(--bal-tasi); }

@media (max-width:760px){ .kategori-kart{ width:100%; } }

/* Ödüller */
.odul-grid{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:22px; max-width:1120px; margin:0 auto; }
.odul-kart{
  text-align:center; padding:38px 18px 32px; border:1px solid rgba(200,155,92,.35);
  background:rgba(255,255,255,.02); position:relative; overflow:hidden;
  transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease;
  animation: odul-yuzme 4.5s ease-in-out infinite;
  animation-delay: var(--gecikme, 0s);
}
.odul-kart:hover{
  transform:translateY(-8px);
  border-color:var(--bal-tasi);
  box-shadow: 0 18px 40px -14px rgba(0,0,0,.55);
}
@keyframes odul-yuzme{
  0%, 100%{ transform:translateY(0); }
  50%{ transform:translateY(-6px); }
}
.odul-kart:hover{ animation-play-state:paused; }

.odul-ikon-wrap{ display:flex; justify-content:center; margin-bottom:16px; }
.odul-ikon{
  width:76px; height:96px;
  filter: drop-shadow(0 8px 14px rgba(0,0,0,.45));
  transition: transform .7s cubic-bezier(.34,1.56,.64,1);
  transform-origin: 50% 35%;
}
.odul-kart:hover .odul-ikon{ transform: rotateY(360deg) scale(1.08); }

.odul-ikon--altin{ --madalya-dis:#c99a3f; --madalya-orta:#f2d98a; --madalya-ic:#fff4d6; }
.odul-ikon--gumus{ --madalya-dis:#9199a1; --madalya-orta:#dfe4e8; --madalya-ic:#f5f8fa; }
.odul-ikon--bronz{ --madalya-dis:#9c5f30; --madalya-orta:#d99a5f; --madalya-ic:#f0c79a; }
.odul-ikon--sergileme{ --madalya-dis:#8a6a3f; --madalya-orta:#d7b276; --madalya-ic:#f4e2bc; }

.odul-ikon .ribbon-tail{ fill:var(--nar); opacity:.92; }
.odul-ikon .medal-glow{
  fill:none; stroke:var(--madalya-orta); stroke-width:2; opacity:.35;
  animation: odul-parilti 2.6s ease-in-out infinite;
  animation-delay: var(--gecikme, 0s);
}
@keyframes odul-parilti{
  0%, 100%{ opacity:.2; r:38; }
  50%{ opacity:.55; r:42; }
}
.odul-ikon .medal-circle{ fill:var(--madalya-dis); stroke:rgba(255,255,255,.55); stroke-width:1.5; }
.odul-ikon .medal-inner{ fill:var(--madalya-orta); }
.odul-ikon .medal-number{
  font-family:var(--font-baslik); font-size:26px; font-weight:700;
  fill:var(--gece-tasi);
}

.odul-kart .tutar{ font-family:var(--font-etiket); font-size:1.5rem; color:var(--beyaz-kagit); margin:8px 0; }
.odul-kart .aciklama{ font-size:.85rem; color:var(--telkari); }
@media (max-width:920px){ .odul-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); max-width:720px; } }
@media (max-width:560px){ .odul-grid{ grid-template-columns:1fr; max-width:360px; } }

/* Takvim / süreç - burada sıra gerçek olduğu için numaralandırma anlamlıdır */
.takvim{ position:relative; max-width:760px; margin:0 auto; }
.takvim::before{ content:''; position:absolute; left:26px; top:6px; bottom:6px; width:1px; background:var(--bal-tasi); opacity:.5; }
.takvim-adim{ position:relative; padding-left:70px; margin-bottom:38px; }
.takvim-adim:last-child{ margin-bottom:0; }
.takvim-no{
  position:absolute; left:0; top:0; width:52px; height:52px; border-radius:50%;
  background:var(--gece-tasi); color:var(--bal-tasi-acik); display:flex; align-items:center; justify-content:center;
  font-family:var(--font-etiket); border:1px solid var(--bal-tasi);
}
.takvim-adim h4{ margin-bottom:4px; }
.takvim-tarih{ font-family:var(--font-etiket); font-size:.8rem; color:var(--nar); }

/* Nasıl katılırım - adımlar */
.adim-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:24px; }
.adim-kart{ text-align:left; }
.adim-kart .adim-no{ font-family:var(--font-etiket); color:var(--bal-tasi); font-size:.85rem; }
.adim-kart h4{ margin:8px 0 6px; }
.adim-kart p{ font-size:.92rem; color:var(--gece-tasi-2); }
@media (max-width:900px){ .adim-grid{ grid-template-columns:1fr 1fr; } }
@media (max-width:560px){ .adim-grid{ grid-template-columns:1fr; } }

/* Galeri */
.galeri-filtre{ display:flex; gap:10px; justify-content:center; margin-bottom:36px; flex-wrap:wrap; }
.galeri-filtre button{
  background:transparent; border:1px solid var(--gece-tasi); color:var(--gece-tasi);
  padding:8px 18px; font-family:var(--font-etiket); font-size:.78rem; cursor:pointer; border-radius:20px;
}
.galeri-filtre button.aktif, .galeri-filtre button:hover{ background:var(--gece-tasi); color:var(--beyaz-kagit); }
.galeri-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.galeri-oge{ position:relative; aspect-ratio:4/3; overflow:hidden; background:linear-gradient(160deg,#8a6a3f,#40301e); cursor:pointer; }
.galeri-oge img{ width:100%; height:100%; object-fit:cover; transition:transform .4s ease; }
.galeri-oge:hover img{ transform:scale(1.06); }
.galeri-etiket{
  position:absolute; left:0; right:0; bottom:0; padding:14px;
  background:linear-gradient(0deg, rgba(0,0,0,.75), transparent);
  color:#fff; font-size:.85rem;
}
.galeri-bos{ text-align:center; padding:60px 20px; color:var(--gece-tasi-2); border:1px dashed var(--telkari); }
@media (max-width:900px){ .galeri-grid{ grid-template-columns:1fr 1fr; } }
@media (max-width:560px){ .galeri-grid{ grid-template-columns:1fr; } }

/* Sonuçlar - dereceleme kartları */
.dereceleme-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:24px; margin-bottom:20px; }
.dereceleme-kart{ background:var(--beyaz-kagit); text-align:center; padding:36px 20px; border-top:4px solid var(--bal-tasi); }
.dereceleme-kart.birinci{ border-top-color:var(--nar); transform:translateY(-10px); box-shadow:var(--golge); }
.dereceleme-kart .sira{ font-family:var(--font-etiket); color:var(--telkari); letter-spacing:.15em; font-size:.75rem; }
.dereceleme-kart .foto-cerceve{ aspect-ratio:1/1; background:linear-gradient(160deg,#7a5a34,#3a2b1c); margin:16px 0; }
@media (max-width:860px){ .dereceleme-grid{ grid-template-columns:1fr; } .dereceleme-kart.birinci{ transform:none; } }

/* SSS */
.sss-oge{ border-bottom:1px solid rgba(33,28,24,.12); }
.sss-soru{
  width:100%; text-align:left; background:none; border:none; padding:22px 4px; font-family:var(--font-baslik);
  font-size:1.08rem; cursor:pointer; display:flex; justify-content:space-between; align-items:center; gap:12px; color:var(--gece-tasi);
}
.sss-soru .isaret{ font-family:var(--font-etiket); color:var(--nar); transition:transform .25s ease; }
.sss-oge.acik .isaret{ transform:rotate(45deg); }
.sss-cevap{ max-height:0; overflow:hidden; transition:max-height .3s ease; font-size:.95rem; color:var(--gece-tasi-2); }
.sss-oge.acik .sss-cevap{ max-height:320px; padding-bottom:20px; }

/* --------------------------------------------------------------------
   FORMLAR
   -------------------------------------------------------------------- */
.form-kutu{ background:var(--beyaz-kagit); padding:44px; border:1px solid rgba(33,28,24,.08); box-shadow:var(--golge); }
.form-grid{ display:grid; grid-template-columns:1fr 1fr; gap:22px; }
.form-alan{ margin-bottom:20px; }
.form-alan.tam{ grid-column:1/-1; }
.form-alan label{ display:block; font-size:.85rem; font-weight:700; margin-bottom:7px; color:var(--gece-tasi); }
.form-alan .zorunlu{ color:var(--nar); }
.form-alan input[type=text], .form-alan input[type=email], .form-alan input[type=tel], .form-alan select, .form-alan textarea{
  width:100%; padding:12px 14px; border:1px solid rgba(33,28,24,.22); background:#fff; font-family:var(--font-govde); font-size:.96rem; border-radius:2px;
}
.form-alan textarea{ resize:vertical; min-height:110px; }
.form-alan small{ display:block; margin-top:6px; color:var(--gece-tasi-2); font-size:.8rem; }

.kategori-secim{ display:flex; gap:16px; }
.kategori-secim label{
  flex:1; border:1.5px solid rgba(33,28,24,.2); padding:16px; text-align:center; cursor:pointer; font-weight:600; border-radius:2px;
}
.kategori-secim input{ display:none; }
.kategori-secim input:checked + span{ color:var(--nar); }
.kategori-secim label:has(input:checked){ border-color:var(--nar); background:rgba(139,46,46,.05); }

.dosya-alani{
  border:2px dashed rgba(33,28,24,.28); padding:30px; text-align:center; cursor:pointer; border-radius:2px; background:#fdfbf7;
}
.dosya-alani.surukleniyor{ border-color:var(--nar); background:rgba(139,46,46,.05); }
.dosya-alani input{ display:none; }
.dosya-onizleme{ margin-top:14px; font-size:.88rem; color:var(--gece-tasi-2); }

.onay-satiri{ display:flex; gap:10px; align-items:flex-start; margin-bottom:16px; font-size:.9rem; }
.onay-satiri input{ margin-top:4px; }
.onay-satiri a{ color:var(--nar); text-decoration:underline; }

.hata-mesaji{ background:#FBEAEA; border:1px solid var(--nar); color:var(--nar-koyu); padding:14px 18px; margin-bottom:24px; font-size:.9rem; }
.basari-mesaji{ background:#EAF5EC; border:1px solid #3E7D4A; color:#2A5A33; padding:14px 18px; margin-bottom:24px; font-size:.9rem; }

@media (max-width:760px){
  .form-grid{ grid-template-columns:1fr; }
  .form-kutu{ padding:26px; }
  .kategori-secim{ flex-direction:column; }
}

/* Sayfa üst afişi (iç sayfalar) */
.sayfa-afis{
  background:var(--gece-tasi); color:var(--beyaz-kagit); padding:74px 0 54px; text-align:center;
}
.sayfa-afis h1{ color:#fff; font-size:clamp(2rem,4vw,3rem); }
.sayfa-afis p{ color:var(--telkari); max-width:640px; margin:0 auto; }
.breadcrumb{ font-family:var(--font-etiket); font-size:.75rem; color:var(--bal-tasi); letter-spacing:.1em; text-transform:uppercase; margin-bottom:14px; }

/* Şartname içerik */
.sartname-icerik h2{ font-size:1.4rem; margin-top:44px; }
.sartname-icerik h2:first-child{ margin-top:0; }
.sartname-icerik ol, .sartname-icerik ul{ padding-left:22px; margin-bottom:1em; }
.sartname-icerik li{ margin-bottom:8px; list-style:decimal; }
.sartname-icerik ul li{ list-style:disc; }
.sartname-kutu{ max-width:820px; margin:0 auto; background:var(--beyaz-kagit); padding:50px; border:1px solid rgba(33,28,24,.08); }
@media (max-width:700px){ .sartname-kutu{ padding:26px; } }

/* İletişim */
.iletisim-grid{ display:grid; grid-template-columns:1fr 1fr; gap:48px; }
.iletisim-bilgi-kart{ display:flex; gap:16px; margin-bottom:26px; }
.iletisim-bilgi-kart .ikon{
  width:44px; height:44px; border:1px solid var(--bal-tasi); border-radius:50%; flex-shrink:0;
  display:flex; align-items:center; justify-content:center; color:var(--bal-tasi); font-family:var(--font-etiket);
}
@media (max-width:860px){ .iletisim-grid{ grid-template-columns:1fr; } }

/* CTA şeridi */
.cta-serit{
  position:relative;
  background-color:var(--nar);
  background-image:
    linear-gradient(rgba(139,46,46,.86), rgba(110,34,34,.9)),
    url('/assets/img/cta-panoramik.jpg');
  background-size: cover, cover;
  background-position: center, center;
  background-repeat: no-repeat, no-repeat;
  background-attachment: scroll, fixed;
  color:#fff; text-align:center; padding:90px 0;
}
.cta-serit h2{ color:#fff; }
.cta-serit .btn-ikincil{ border-color:rgba(255,255,255,.6); }

@media (max-width: 900px){
  /* iOS Safari gibi bazı mobil tarayıcılar sabit (fixed) arka planı
     düzgün desteklemez; mobilde normal kaydırılan arka plana döner. */
  .cta-serit{ background-attachment: scroll, scroll; }
}

/* --------------------------------------------------------------------
   FOOTER
   -------------------------------------------------------------------- */
.site-footer{ background:var(--gece-tasi); color:var(--telkari); padding:64px 0 30px; }
.footer-grid{ display:grid; grid-template-columns:1.4fr 1fr 1fr 1.1fr; gap:36px; margin-bottom:44px; }
.footer-grid h4{ color:var(--beyaz-kagit); font-size:1rem; margin-bottom:16px; }
.footer-grid li{ margin-bottom:10px; font-size:.9rem; }
.footer-grid a:hover{ color:var(--bal-tasi-acik); }
.footer-marka p{ font-size:.9rem; max-width:34ch; }
.footer-alt{ border-top:1px solid rgba(255,255,255,.08); padding-top:22px; display:flex; justify-content:space-between; flex-wrap:wrap; gap:10px; font-size:.8rem; }
@media (max-width:860px){ .footer-grid{ grid-template-columns:1fr 1fr; } }
@media (max-width:560px){ .footer-grid{ grid-template-columns:1fr; } }

/* Scroll-reveal animasyonu */
.reveal{ opacity:0; transform:translateY(18px); transition:opacity .6s ease, transform .6s ease; }
.reveal.gorunur{ opacity:1; transform:none; }

/* Admin ortak */
.admin-body{ background:#F2EFE9; font-family:var(--font-govde); }
.admin-kutu{ max-width:420px; margin:80px auto; background:#fff; padding:40px; box-shadow:var(--golge); }
.admin-tablo{ width:100%; border-collapse:collapse; background:#fff; }
.admin-tablo th, .admin-tablo td{ padding:12px 14px; border-bottom:1px solid #eee; text-align:left; font-size:.9rem; }
.admin-tablo th{ background:var(--gece-tasi); color:#fff; font-family:var(--font-etiket); font-size:.72rem; text-transform:uppercase; letter-spacing:.08em; }
.durum-etiket{ padding:3px 10px; border-radius:20px; font-size:.72rem; font-weight:700; }
.durum-beklemede{ background:#FCEFD6; color:#8A5A00; }
.durum-onaylandi{ background:#E1F3E1; color:#1E6B1E; }
.durum-reddedildi{ background:#FBE3E3; color:#A11E1E; }

/* --------------------------------------------------------------------
   SİTE YÜKLEME EKRANI (LOADER)
   Sayfa ilk açılırken ve form gönderiminde (dosya yüklenirken) görünür.
   -------------------------------------------------------------------- */
.site-loader{
  position:fixed; inset:0; z-index:99999;
  display:flex; align-items:center; justify-content:center;
  background-color: rgba(33, 28, 24, 0.88);
  opacity:1; visibility:visible;
  transition: opacity .5s ease, visibility 0s linear 0s;
}
.site-loader.gizli{
  opacity:0; visibility:hidden;
  transition: opacity .5s ease, visibility 0s linear .5s;
}
.site-loader-ic{ text-align:center; padding:20px; }
.site-loader-metin{
  font-family:var(--font-baslik); font-weight:700; letter-spacing:.03em;
  font-size:clamp(2rem, 7vw, 3.6rem); line-height:1.08; text-transform:uppercase;
  background: linear-gradient(115deg, #4a3520 0%, #8a6a3f 18%, #C89B5C 38%, #f2d9a4 50%, #C89B5C 62%, #8a6a3f 82%, #4a3520 100%);
  background-size: 260% 100%;
  -webkit-background-clip: text; background-clip: text; color: transparent;
  animation: site-loader-parilti 2.6s linear infinite;
}
@keyframes site-loader-parilti{
  0%{ background-position: 0% 50%; }
  100%{ background-position: -260% 50%; }
}
.site-loader-cizgi{ width:180px; margin:18px auto; opacity:.7; }
.site-loader-alt{
  font-family:var(--font-etiket); font-size:.78rem; letter-spacing:.25em;
  text-transform:uppercase; color:var(--telkari);
}
.site-loader-alt::after{
  content:''; display:inline-block; width:1ch; text-align:left;
  animation: site-loader-noktalar 1.4s steps(4) infinite;
}
@keyframes site-loader-noktalar{
  0%{ content:''; }
  25%{ content:'.'; }
  50%{ content:'..'; }
  75%{ content:'...'; }
}

@media (prefers-reduced-motion: reduce){
  .site-loader-metin{ animation:none; background-position:50% 50%; }
  .site-loader-alt::after{ animation:none; content:'...'; }
}

/* --------------------------------------------------------------------
   FOTOĞRAF YÜKLEME KOŞULLARI
   -------------------------------------------------------------------- */
.yukleme-kosullari{
  display:flex; align-items:center; flex-wrap:wrap; gap:10px 12px;
  margin:4px 0 22px; padding:16px 18px;
  border:1px solid rgba(200,155,92,.42);
  background:linear-gradient(120deg, rgba(200,155,92,.09), rgba(255,255,255,.72));
}
.yukleme-kosullari strong{ width:100%; font-family:var(--font-baslik); font-size:1.04rem; color:var(--gece-tasi); }
.yukleme-kosullari span{
  display:inline-flex; align-items:center; min-height:30px; padding:5px 10px;
  border:1px solid rgba(33,28,24,.12); background:var(--beyaz-kagit);
  font-family:var(--font-etiket); font-size:.72rem; color:var(--nar);
}
.yukleme-kosullari p{ width:100%; margin:2px 0 0; font-size:.82rem; color:var(--gece-tasi-2); }
.dosya-onizleme.dosya-hatali{ color:var(--nar-koyu); font-weight:700; }

/* --------------------------------------------------------------------
   JÜRİLER
   -------------------------------------------------------------------- */
.juri-afis{
  position:relative; overflow:hidden;
  background:
    radial-gradient(circle at 50% 130%, rgba(200,155,92,.20), transparent 36%),
    var(--gece-tasi);
}
.juri-afis::before{
  content:''; position:absolute; inset:0; pointer-events:none; opacity:.16;
  background-image:linear-gradient(90deg, transparent 49.5%, rgba(200,155,92,.34) 50%, transparent 50.5%);
  background-size:90px 100%;
}
.juri-afis .container{ position:relative; z-index:1; }
.juri-bolumu{ position:relative; overflow:hidden; }
 .juri-sadece-ayrac{ margin-bottom:38px; }
.juri-sadece-ayrac .telkari-cizgi{ margin-bottom:0; }
.juri-bolumu::before{
  content:'JÜRİ'; position:absolute; right:-30px; top:35px;
  font-family:var(--font-baslik); font-weight:700; font-size:clamp(7rem,18vw,18rem);
  line-height:1; color:rgba(33,28,24,.025); pointer-events:none;
}
.juri-grid{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:repeat(5,minmax(0,195px));
  justify-content:center;
  gap:18px;
  max-width:1047px;
  margin:0 auto;
}
.juri-kart{
  --juri-gecikme:0s;
  position:relative; background:var(--gece-tasi); min-width:0;
  border:1px solid rgba(200,155,92,.32); overflow:hidden;
  box-shadow:0 20px 48px -32px rgba(33,28,24,.65);
  transition:transform .45s cubic-bezier(.2,.75,.2,1), box-shadow .45s ease, border-color .45s ease;
  transition-delay:var(--juri-gecikme);
}
.juri-kart::after{
  content:''; position:absolute; inset:auto 0 0; height:3px;
  background:linear-gradient(90deg, transparent, var(--bal-tasi), transparent);
  transform:scaleX(0); transition:transform .45s ease;
}
.juri-kart:hover{
  transform:translateY(-12px);
  border-color:rgba(227,200,143,.78);
  box-shadow:0 30px 70px -28px rgba(33,28,24,.82);
}
.juri-kart:hover::after{ transform:scaleX(1); }
.juri-foto-wrap{ position:relative; aspect-ratio:4/5; overflow:hidden; background:#3b3128; }
.juri-foto{ width:100%; height:100%; object-fit:cover; filter:saturate(.88) contrast(1.03); transform:scale(1.01); transition:transform .75s cubic-bezier(.2,.75,.2,1), filter .6s ease; }
.juri-kart:hover .juri-foto{ transform:scale(1.085); filter:saturate(1) contrast(1.05); }
.juri-foto-perde{
  position:absolute; inset:0;
  background:linear-gradient(180deg, transparent 48%, rgba(33,28,24,.18) 66%, rgba(33,28,24,.88) 100%);
  transition:opacity .4s ease;
}
.juri-kart:hover .juri-foto-perde{ opacity:.82; }
.juri-motif{
  position:absolute; right:14px; top:14px; width:42px; height:42px;
  border:1px solid rgba(227,200,143,.72); border-radius:50%;
  transform:rotate(0deg); transition:transform .8s cubic-bezier(.2,.75,.2,1), background .4s ease;
}
.juri-motif::before,.juri-motif::after{ content:''; position:absolute; left:50%; top:50%; background:var(--bal-tasi-acik); transform:translate(-50%,-50%); opacity:.8; }
.juri-motif::before{ width:22px; height:1px; }
.juri-motif::after{ width:1px; height:22px; }
.juri-kart:hover .juri-motif{ transform:rotate(225deg); background:rgba(33,28,24,.36); }
.juri-bilgi{ position:relative; padding:17px 15px 19px; color:var(--telkari); }
.juri-sira{ position:absolute; right:13px; top:14px; font-family:var(--font-etiket); font-size:.64rem; color:rgba(227,200,143,.56); }
.juri-bilgi h3{ color:var(--beyaz-kagit); font-size:1.08rem; margin-right:30px; margin-bottom:6px; transition:color .3s ease; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.juri-kart:hover .juri-bilgi h3{ color:var(--bal-tasi-acik); }
.juri-unvan{ font-family:var(--font-etiket); font-size:.59rem; line-height:1.5; letter-spacing:.035em; color:var(--bal-tasi); text-transform:uppercase; }
.juri-bilgi p{ margin:14px 0 0; font-size:.87rem; color:var(--telkari); }
.juri-bekleme{
  position:relative; max-width:760px; margin:0 auto; padding:54px 34px;
  text-align:center; border:1px solid rgba(33,28,24,.10); background:var(--beyaz-kagit);
  box-shadow:0 20px 52px -42px rgba(33,28,24,.5); overflow:hidden;
}
.juri-bekleme::after{
  content:''; position:absolute; left:25%; right:25%; bottom:0; height:3px;
  background:linear-gradient(90deg,transparent,var(--bal-tasi),transparent);
}
.juri-bekleme-ikon{
  width:78px; height:78px; margin:0 auto 18px; border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  border:1px solid var(--bal-tasi); color:var(--bal-tasi); font-family:var(--font-baslik); font-size:2rem;
  box-shadow:0 0 0 10px rgba(200,155,92,.08);
  animation:juri-nabiz 3.2s ease-in-out infinite;
}
@keyframes juri-nabiz{ 0%,100%{ box-shadow:0 0 0 8px rgba(200,155,92,.07); } 50%{ box-shadow:0 0 0 18px rgba(200,155,92,.02); } }
.juri-bekleme h3{ font-size:1.7rem; }
.juri-bekleme p{ max-width:560px; margin:0 auto; color:var(--gece-tasi-2); }
@media (max-width:920px){
  .juri-grid{
    grid-template-columns:repeat(2,minmax(0,195px));
    max-width:408px;
    gap:18px;
  }
}
@media (max-width:600px){
  .juri-grid{
    grid-template-columns:minmax(0,240px);
    max-width:240px;
    gap:20px;
  }
  .juri-bilgi{ padding:18px 16px 20px; }
  .juri-bilgi h3{ font-size:1.02rem; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
  .juri-unvan{ font-size:.62rem; }
  .juri-bekleme{ padding:42px 22px; }
}


/* --------------------------------------------------------------------
   YUKARI ÇIK BUTONU
   -------------------------------------------------------------------- */
.yukari-cik{
  position:fixed; right:26px; bottom:26px; z-index:1200;
  width:48px; height:48px; border:1px solid rgba(200,155,92,.6);
  border-radius:50%; background:rgba(33,28,24,.94); color:var(--bal-tasi-acik);
  display:flex; align-items:center; justify-content:center;
  cursor:pointer; opacity:0; visibility:hidden; transform:translateY(14px);
  transition:opacity .25s ease, visibility .25s ease, transform .25s ease, background .2s ease, border-color .2s ease;
  box-shadow:0 10px 28px rgba(0,0,0,.2);
  backdrop-filter:blur(8px); -webkit-backdrop-filter:blur(8px);
}
.yukari-cik.goster{ opacity:1; visibility:visible; transform:translateY(0); }
.yukari-cik:hover{ background:var(--nar); border-color:var(--nar); color:#fff; transform:translateY(-3px); }
.yukari-cik svg{ width:20px; height:20px; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
@media (max-width:600px){ .yukari-cik{ right:16px; bottom:16px; width:44px; height:44px; } }

/* --------------------------------------------------------------------
   FOTOĞRAF MAKİNESİ KADRAJ FİLİGRANI
   Hero ve Hakkında görselinde responsive kamera ekranı efekti
   -------------------------------------------------------------------- */
.kamera-kadraj{
  position:absolute;
  inset:0;
  z-index:3;
  pointer-events:none;
  color:rgba(255,255,255,.88);
  --kadraj-bosluk:clamp(18px,3vw,46px);
  --kadraj-kose:clamp(26px,4vw,54px);
  --kadraj-cizgi:2px;
}

.kadraj-kose{
  position:absolute;
  width:var(--kadraj-kose);
  height:var(--kadraj-kose);
  opacity:.82;
}
.kadraj-kose--sol-ust{
  top:var(--kadraj-bosluk); left:var(--kadraj-bosluk);
  border-top:var(--kadraj-cizgi) solid currentColor;
  border-left:var(--kadraj-cizgi) solid currentColor;
}
.kadraj-kose--sag-ust{
  top:var(--kadraj-bosluk); right:var(--kadraj-bosluk);
  border-top:var(--kadraj-cizgi) solid currentColor;
  border-right:var(--kadraj-cizgi) solid currentColor;
}
.kadraj-kose--sol-alt{
  bottom:var(--kadraj-bosluk); left:var(--kadraj-bosluk);
  border-bottom:var(--kadraj-cizgi) solid currentColor;
  border-left:var(--kadraj-cizgi) solid currentColor;
}
.kadraj-kose--sag-alt{
  bottom:var(--kadraj-bosluk); right:var(--kadraj-bosluk);
  border-bottom:var(--kadraj-cizgi) solid currentColor;
  border-right:var(--kadraj-cizgi) solid currentColor;
}

.kadraj-rec{
  position:absolute;
  top:calc(var(--kadraj-bosluk) + 8px);
  left:50%;
  transform:translateX(-50%);
  display:flex;
  align-items:center;
  gap:7px;
  font-family:var(--font-etiket);
  font-size:clamp(.58rem,.85vw,.75rem);
  font-weight:700;
  letter-spacing:.16em;
  text-shadow:0 1px 5px rgba(0,0,0,.55);
  opacity:.9;
}
.kadraj-rec i{
  display:block;
  width:8px;
  height:8px;
  border-radius:50%;
  background:#d83a32;
  box-shadow:0 0 0 3px rgba(216,58,50,.16), 0 0 8px rgba(216,58,50,.45);
  animation:kadrajRec 1.35s ease-in-out infinite;
}
@keyframes kadrajRec{
  0%,100%{opacity:1; transform:scale(1)}
  50%{opacity:.42; transform:scale(.82)}
}

.kadraj-merkez{
  position:absolute;
  left:50%; top:50%;
  width:clamp(30px,3.2vw,48px);
  height:clamp(30px,3.2vw,48px);
  transform:translate(-50%,-50%);
  opacity:.46;
}
.kadraj-merkez::before,
.kadraj-merkez::after{
  content:'';
  position:absolute;
  background:currentColor;
}
.kadraj-merkez::before{ left:50%; top:0; width:1px; height:100%; }
.kadraj-merkez::after{ top:50%; left:0; height:1px; width:100%; }

/* Hero'da kadraj büyük ve daha zarif */
.kamera-kadraj--hero{
  --kadraj-bosluk:clamp(22px,4vw,64px);
  --kadraj-kose:clamp(34px,5vw,72px);
}
.kamera-kadraj--hero::after{
  content:'ISO 100   F5.6   1/250';
  position:absolute;
  right:var(--kadraj-bosluk);
  bottom:calc(var(--kadraj-bosluk) + 8px);
  font-family:var(--font-etiket);
  font-size:clamp(.5rem,.72vw,.68rem);
  letter-spacing:.12em;
  color:rgba(255,255,255,.7);
  text-shadow:0 1px 5px rgba(0,0,0,.65);
}

/* Hakkında fotoğrafındaki kadraj daha kompakt */
.hakkinda-foto .kamera-kadraj{
  --kadraj-bosluk:clamp(12px,2vw,22px);
  --kadraj-kose:clamp(22px,3vw,36px);
  --kadraj-cizgi:1.5px;
}
.hakkinda-foto .kadraj-rec{
  top:calc(var(--kadraj-bosluk) + 2px);
}
.hakkinda-foto .kadraj-merkez{
  width:34px;
  height:34px;
}

@media (max-width:700px){
  .kamera-kadraj--hero{
    --kadraj-bosluk:16px;
    --kadraj-kose:34px;
  }
  .kamera-kadraj--hero::after{
    content:'REC  •  AUTO';
    right:16px;
    bottom:18px;
    font-size:.52rem;
  }
  .kadraj-merkez{ opacity:.34; }
}

@media (prefers-reduced-motion: reduce){
  .kadraj-rec i{ animation:none; }
}