/* ============================================
   ORTAK İÇERİK SAYFALARI — page-hero, prose, FAQ,
   galeri, değer kartları, iletişim formu ve 404.
   ============================================ */

.page-hero{
  padding:220px 24px 70px;
  text-align:center;
  position:relative;
  background:var(--black);
  border-bottom:1px solid rgba(8,8,8,0.08);
}
.page-hero > *{position:relative; z-index:1;}
.page-hero h1{font-size:clamp(34px,5.5vw,54px); color:var(--off-white); max-width:20ch; margin:16px auto 0;}
.page-hero p{color:var(--metal); max-width:620px; margin:20px auto 0; font-size:16.5px;}
.page-hero .hero-ctas{margin-top:36px; display:flex; gap:16px; justify-content:center; flex-wrap:wrap;}
.page-hero .contact-quickline{
  margin:28px auto 0; max-width:560px; padding:14px 24px;
  border:1px solid var(--gold); border-radius:999px;
  color:var(--off-white); font-size:15px; background:rgba(156,127,69,0.06);
}
.page-hero .contact-quickline a{color:var(--gold); text-decoration:underline;}

/* prose */
.prose{max-width:760px; margin:0 auto;}
.prose h2{color:var(--white); font-size:clamp(24px,3vw,32px); margin:44px 0 16px;}
.prose h2:first-child{margin-top:0;}
.prose h3{color:var(--white); font-size:19px; margin:28px 0 12px;}
.prose p{color:var(--metal); font-size:15px; line-height:1.75; margin-bottom:16px;}
.prose ul, .prose ol{color:var(--metal); font-size:15px; line-height:1.75; margin:0 0 16px 20px;}
.prose li{margin-bottom:6px;}
.prose strong{color:var(--off-white);}
.prose a{color:var(--gold); border-bottom:1px solid rgba(182,154,98,0.4);}

/* value grid (destek/values reuse pattern) */
.value-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:rgba(8,8,8,0.08); margin-top:10px;}
.value-item{background:var(--black); padding:26px 22px;}
.section-alt .value-item{background:var(--charcoal);}
.value-item .ic{width:44px; height:44px; margin-bottom:14px; border:1px solid var(--gold); border-radius:50%; display:flex; align-items:center; justify-content:center; padding:9px;}
.value-item .ic img{width:100%; height:100%; object-fit:contain;}
.value-item h4{color:var(--white); font-size:14.5px; margin-bottom:6px;}
.value-item p{color:var(--metal); font-size:12.5px;}
@media(max-width:760px){ .value-grid{grid-template-columns:1fr 1fr;} }
@media(max-width:500px){ .value-grid{grid-template-columns:1fr;} }

/* narrative axes / positioning tags */
.axis-grid{display:flex; flex-wrap:wrap; gap:10px; margin-top:24px;}
.axis-tag{
  font-family:var(--mono); font-size:11.5px; letter-spacing:0.05em;
  color:var(--off-white); border:1px solid rgba(8,8,8,0.16);
  padding:9px 16px; border-radius:20px;
}

/* FAQ accordion (native <details>) */
.faq-list{max-width:820px; margin:0 auto;}
.faq-item{border-top:1px solid rgba(8,8,8,0.1); padding:6px 0;}
.faq-item:last-child{border-bottom:1px solid rgba(8,8,8,0.1);}
.faq-item summary{
  cursor:pointer; list-style:none; padding:18px 4px;
  display:flex; justify-content:space-between; align-items:center; gap:16px;
  color:var(--off-white); font-weight:700; font-size:15.5px;
}
.faq-item summary::-webkit-details-marker{display:none;}
.faq-item summary::after{content:"+"; color:var(--red); font-size:20px; flex-shrink:0; transition:transform .2s;}
.faq-item[open] summary::after{transform:rotate(45deg);}
.faq-item .faq-answer{padding:0 4px 22px; color:var(--metal); font-size:14.5px; line-height:1.7; max-width:680px;}

/* media gallery */
.gallery-filter{display:flex; gap:10px; justify-content:center; flex-wrap:wrap; margin:36px 0 10px;}
.gallery-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:14px;}
.gallery-item{aspect-ratio:1; overflow:hidden; position:relative; border:1px solid rgba(8,8,8,0.1);}
.gallery-item[hidden]{display:none;}
.gallery-item img{width:100%; height:100%; object-fit:cover; object-position:center 15%; transition:transform .5s;}
.gallery-item:hover img{transform:scale(1.06);}
.gallery-item .cat-tag{
  position:absolute; left:0; right:0; bottom:0; padding:10px 12px;
  background:linear-gradient(0deg, rgba(8,8,8,0.85), transparent);
  font-family:var(--mono); font-size:10px; letter-spacing:0.08em; text-transform:uppercase; color:var(--off-white);
}
@media(max-width:860px){ .gallery-grid{grid-template-columns:repeat(3,1fr);} }
@media(max-width:600px){ .gallery-grid{grid-template-columns:repeat(2,1fr);} }

/* news / haberler cards */
.news-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:24px; margin-top:10px;}
.news-card{border:1px solid rgba(8,8,8,0.1); background:var(--charcoal);}
.news-cover{
  height:150px; display:flex; align-items:center; justify-content:center;
  background:linear-gradient(135deg, rgba(197,22,29,0.14), rgba(23,23,23,1));
  border-bottom:1px solid rgba(8,8,8,0.08);
  font-family:var(--serif); font-style:italic; color:rgba(8,8,8,0.6); font-size:16px; text-align:center; padding:0 16px;
}
.news-body{padding:20px;}
.news-date{font-family:var(--mono); font-size:10.5px; letter-spacing:0.08em; color:var(--gold); text-transform:uppercase;}
.news-title{color:var(--white); font-weight:700; font-size:15px; margin:10px 0 8px;}
.news-summary{color:var(--metal); font-size:13px;}
@media(max-width:860px){ .news-grid{grid-template-columns:1fr 1fr;} }
@media(max-width:600px){ .news-grid{grid-template-columns:1fr;} }

/* contact page */
.contact-shell{max-width:1080px; margin:0 auto; padding:20px 32px 140px; display:grid; grid-template-columns:0.85fr 1.15fr; gap:56px;}
@media(max-width:860px){ .contact-shell{grid-template-columns:1fr;} }
.contact-info-block{border-top:1px solid rgba(8,8,8,0.1); padding-top:20px; margin-top:20px;}
.contact-info-block:first-child{margin-top:0; border-top:none; padding-top:0;}
.contact-info-block .k{font-family:var(--mono); font-size:11px; letter-spacing:0.08em; text-transform:uppercase; color:var(--gold); margin-bottom:8px;}
.contact-info-block .v{color:var(--off-white); font-size:14.5px; line-height:1.6;}

/* disclosure box reuse */
.pending-box{
  margin-top:26px; padding:16px 18px; border-left:2px solid var(--red);
  background:rgba(197,22,29,0.05); font-size:13px; color:var(--metal); line-height:1.6;
}

/* 404 */
.notfound-shell{
  min-height:80vh; display:flex; flex-direction:column; align-items:center; justify-content:center;
  text-align:center; padding:140px 24px;
}
.notfound-shell .code{font-family:var(--serif); font-style:italic; font-size:clamp(70px,14vw,140px); color:var(--red); line-height:1;}
.notfound-shell h1{color:var(--white); font-size:clamp(24px,4vw,34px); margin:18px 0 14px;}
.notfound-shell p{color:var(--metal); max-width:460px; margin-bottom:32px;}