* {
  box-sizing: border-box;
}

html, body {
  margin: 0;
  min-height: 100%;
}

body {
  background: #f3ead8;
  color: #000;
  font-family: Arial, Helvetica, sans-serif;
}

.site-header {
  position: relative;
  width: 100%;
  min-height: 112px;
  padding: 14px 24px;
  display: grid;
  /* Logoları ekran kenarlarından alıp başlığa yaklaşık 5 cm yaklaştırır. */
  grid-template-columns: minmax(96px, 1fr) auto minmax(96px, 1fr);
  align-items: center;
  border-bottom: 1px solid rgba(0,0,0,.12);
}

.site-header h1 {
  margin: 0;
  text-align: center;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 13.5pt;
  line-height: 1.35;
  font-weight: 700;
  font-style: italic;
  color: #000;
  letter-spacing: .2px;
}

.institution-logo {
  justify-self: end;
  align-self: center;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-right: 5cm;
}

.institution-logo img {
  display: block;
  width: 128px;
  height: 128px;
  object-fit: contain;
  animation: kurum-logo-donus 10s linear infinite;
  transform-origin: center center;
}

@keyframes kurum-logo-donus {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

@media (prefers-reduced-motion: reduce) {
  .institution-logo img { animation: none; }
}

.ministry-logo {
  justify-self: start;
  align-self: center;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-left: 5cm;
}

.ministry-logo img {
  display: block;
  width: 128px;
  height: 128px;
  object-fit: contain;
}

main {
  min-height: calc(100vh - 112px);
}

@media (max-width: 1100px) {
  .institution-logo { margin-right: 2cm; }
  .ministry-logo { margin-left: 2cm; }
}

@media (max-width: 700px) {
  .site-header {
    min-height: 92px;
    grid-template-columns: 70px minmax(0, 1fr) 70px;
    padding: 10px 10px;
  }

  .site-header h1 {
    font-size: 11.5pt;
  }

  .institution-logo,
  .ministry-logo {
    margin: 0;
  }

  .institution-logo img {
    width: 82px;
    height: 82px;
  }

  .ministry-logo img {
    width: 82px;
    height: 82px;
  }
}


/* Taslak 07: Kurum logosu dönmez; yavaşça solup tekrar belirginleşir. */
.ministry-logo:first-of-type img,
.kurum-logo img,
img[src*="kurum-logo"] {
  animation: kurumLogoNefes 6s ease-in-out infinite !important;
  transform: none !important;
}

@keyframes kurumLogoNefes {
  0%, 100% { opacity: 1; filter: brightness(1); }
  50% { opacity: 0.28; filter: brightness(1.08); }
}

@media (prefers-reduced-motion: reduce) {
  .ministry-logo:first-of-type img,
  .kurum-logo img,
  img[src*="kurum-logo"] {
    animation: none !important;
    opacity: 1 !important;
  }
}

/* Taslak 08: Kurum logosu tamamen sabit. */
.kurum-logo img,
img[src*="kurum-logo"] {
  animation: none !important;
  opacity: 1 !important;
  filter: none !important;
  transform: none !important;
}

/* Ana kurum başlığı koyu yeşil. */
.site-header h1 {
  color: #174d32 !important;
}


/* Taslak 10: tam genişlik açık turkuaz başlık şeridi */
.site-header {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  background-color: #8FD8DE !important;
  border-bottom: 1px solid rgba(0,0,0,.14);
}

/* Taslak 11 - Ana menü ve ana sayfa kurum fotoğrafı */
.main-menu{height:5cm;width:100%;display:flex;align-items:stretch;justify-content:center;background:#f3ead8;border-bottom:1px solid rgba(0,0,0,.18)}
.menu-item{min-width:180px;height:100%;padding:0 28px;display:flex;align-items:center;justify-content:center;color:#000;text-decoration:none;font-size:12pt;font-weight:700;line-height:1;border-right:3px solid rgba(0,0,0,.68)}
.menu-item:first-child{border-left:3px solid rgba(0,0,0,.68)}
.menu-item.active,.menu-item[aria-current="page"]{background:#c91d24;color:#fff}
.institution-photo-wrap{margin-left:5cm;margin-right:5cm}
.institution-photo{display:block;width:100%;height:15cm;object-fit:cover;object-position:center}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@media(max-width:900px){.main-menu{height:auto;min-height:72px}.menu-item{min-width:0;min-height:72px;padding:0 20px}.institution-photo-wrap{margin-left:18px;margin-right:18px}.institution-photo{height:min(15cm,55vw);min-height:250px}}

/* Taslak 12: Fotoğraf kırpılmadan tam görünür; menü yatay ince düğme görünümünde. */
.main-menu {
  height: 1.35cm !important;
  min-height: 48px;
  align-items: center !important;
  padding: 4px 0;
}
.menu-item {
  height: 1.05cm !important;
  min-height: 40px !important;
  min-width: 180px;
  padding: 0 28px;
}
.institution-photo-wrap {
  margin-left: 5cm;
  margin-right: 5cm;
  padding-top: 0;
}
.institution-photo {
  display: block;
  width: 100%;
  height: auto !important;
  max-height: none !important;
  object-fit: contain !important;
  object-position: center;
}
@media (max-width: 900px) {
  .main-menu { min-height: 52px !important; height: auto !important; }
  .menu-item { min-height: 42px !important; height: 42px !important; }
  .institution-photo-wrap { margin-left: 18px; margin-right: 18px; }
  .institution-photo { height: auto !important; min-height: 0 !important; }
}

/* Taslak 13: Biz Kimiz bölümü */
.about-section{margin:44px 5cm 70px;padding:46px 52px 52px;background:rgba(255,255,255,.58);border:1px solid rgba(23,77,50,.18);box-shadow:0 14px 34px rgba(66,52,31,.10);border-radius:18px;text-align:center}
.about-kicker{font-size:10.5pt;font-weight:800;letter-spacing:3px;color:#9b6b24;margin-bottom:8px}
.about-section>h2{margin:0;color:#174d32;font-family:Georgia,"Times New Roman",serif;font-size:28pt;letter-spacing:.6px}
.about-lead{max-width:850px;margin:14px auto 30px;font-family:Georgia,"Times New Roman",serif;font-size:15pt;line-height:1.65;color:#3d3a32}
.about-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:0 auto 38px;max-width:980px}
.stat-card{background:#174d32;color:#fff;border-radius:14px;padding:18px 10px;box-shadow:0 7px 16px rgba(23,77,50,.16)}
.stat-card strong{display:block;font-family:Georgia,"Times New Roman",serif;font-size:25pt;line-height:1.1}
.stat-card span{display:block;margin-top:7px;font-size:10.5pt;font-weight:700}
.about-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,.75fr);gap:28px;text-align:left;align-items:stretch}
.about-copy,.values-card{background:#fff;border-radius:14px;padding:28px 30px;border:1px solid rgba(0,0,0,.08)}
.about-copy h3,.values-card h3,.service-strip h3{margin:0 0 14px;color:#174d32;font-family:Georgia,"Times New Roman",serif;font-size:16pt}
.about-copy p,.values-card p,.service-strip p{font-size:11.5pt;line-height:1.75;color:#333;margin:0 0 15px}
.about-copy p:last-child,.values-card p:last-child,.service-strip p:last-child{margin-bottom:0}
.values-card{background:#e6f3ef;border-left:5px solid #174d32}
.values-card ul{margin:18px 0 0;padding-left:22px}
.values-card li{margin:10px 0;line-height:1.5;font-size:11pt}
.service-strip{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:22px;text-align:left}
.service-strip article{background:#fbf6eb;border:1px solid rgba(155,107,36,.20);border-radius:14px;padding:24px 26px}
.about-slogan{margin:36px auto 0;padding:24px 20px 0;border-top:1px solid rgba(23,77,50,.22);max-width:900px;color:#174d32;font-family:Georgia,"Times New Roman",serif;font-size:20pt;font-weight:700;font-style:italic;line-height:1.45}
@media(max-width:1100px){.about-section{margin-left:2cm;margin-right:2cm}.about-grid{grid-template-columns:1fr}.about-stats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.about-section{margin:26px 18px 45px;padding:30px 18px}.about-section>h2{font-size:23pt}.about-lead{font-size:13pt}.about-stats,.service-strip{grid-template-columns:1fr}.about-copy,.values-card,.service-strip article{padding:22px 20px}.about-slogan{font-size:16pt}}

/* Taslak 15 - Kurumumuzda Yaşam */
.life-section{padding:76px 24px 86px;background:#f8f2e7;border-top:1px solid rgba(23,77,50,.12)}
.life-inner{max-width:1220px;margin:0 auto}
.life-heading{text-align:center;max-width:900px;margin:0 auto 40px}
.life-kicker{display:block;color:#2b7778;font-weight:800;letter-spacing:1.6px;font-size:11pt;margin-bottom:8px}
.life-heading h2{margin:0;color:#174d32;font-size:24pt;line-height:1.2}
.life-heading h2:after{content:"";display:block;width:80px;height:4px;background:#c91d24;border-radius:5px;margin:15px auto 18px}
.life-heading p{color:#414941;line-height:1.75;font-size:11.5pt;margin:0}
.life-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.life-card{overflow:hidden;background:#fff;border-radius:18px;border:1px solid rgba(43,119,120,.2);box-shadow:0 7px 22px rgba(24,61,48,.08)}
.life-card img{display:block;width:100%;height:230px;object-fit:cover}
.life-copy{padding:20px 21px 23px}
.life-copy h3{margin:0 0 9px;color:#174d32;font-size:13pt}
.life-copy p{margin:0;color:#414141;font-size:10.3pt;line-height:1.6}
.social-life{margin-top:58px;padding:42px;border-radius:22px;background:linear-gradient(135deg,#dff5f5,#fff);border:1px solid rgba(43,119,120,.22)}
.social-title{text-align:center;max-width:850px;margin:0 auto 30px}
.social-title span{color:#c91d24;font-weight:800;letter-spacing:1.2px;font-size:10.5pt}
.social-title h3{margin:8px 0 12px;color:#174d32;font-size:20pt}
.social-title p{margin:0;color:#414941;line-height:1.7;font-size:10.8pt}
.activity-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.activity-grid article{background:rgba(255,255,255,.88);padding:21px;border-radius:14px;border-left:4px solid #8fd8de}
.activity-grid strong{display:block;color:#174d32;font-size:11pt;margin-bottom:8px}
.activity-grid p{margin:0;color:#444;line-height:1.62;font-size:10pt}
@media(max-width:900px){.life-gallery{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.life-section{padding:52px 16px}.life-gallery,.activity-grid{grid-template-columns:1fr}.life-card img{height:auto}.social-life{padding:26px 18px}.life-heading h2{font-size:20pt}}