/* ===== Belentepe — interior content pages ===== */

.page-hero {
  position: relative; min-height: 62svh; display:flex; align-items:flex-end;
  color:#fff; overflow:hidden;
}
.page-hero .bg { position:absolute; inset:0; background-size:cover; background-position:center; }
.page-hero .bg::after { content:""; position:absolute; inset:0;
  background: linear-gradient(180deg, rgba(20,35,12,.30) 0%, rgba(20,35,12,.35) 50%, rgba(20,35,12,.78) 100%); }
.page-hero .wrap { position:relative; z-index:2; width:100%; max-width:var(--maxw); margin:0 auto; padding: 0 24px 56px; }
.page-hero h1 { color:#fff; text-shadow:0 4px 26px rgba(0,0,0,.4); margin-bottom:.15em; }
.page-hero .lead { color: rgba(255,255,255,.95); text-shadow:0 2px 16px rgba(0,0,0,.5); max-width: 60ch; }

/* breadcrumb */
.crumb { font-family:var(--head); font-size:.82rem; letter-spacing:.04em; color: rgba(255,255,255,.85); margin-bottom:1em; }
.crumb a { color: rgba(255,255,255,.85); }
.crumb a:hover { color:#fff; }

/* prose */
.prose { max-width: 760px; }
.prose p { font-size: 1.08rem; }
.prose h2 { margin-top: 1.2em; }

/* facts / specs panel */
.facts {
  background:#fff; border-radius: var(--radius); box-shadow: var(--shadow);
  padding: 26px 28px; border-left: 8px solid var(--leaf);
}
.facts h3 { font-size: 1.15rem; margin-bottom:.6em; }
.facts dl { margin:0; display:grid; grid-template-columns: auto 1fr; gap:.5em 1.2em; }
.facts dt { font-family: var(--head); color: var(--forest); }
.facts dd { margin:0; color: var(--stone); }
.facts.tags { border-left-color: var(--leaf); }
.chips { display:flex; flex-wrap:wrap; gap:8px; }
.chips span { background: var(--sand); color: var(--forest-2); border-radius:999px; padding:.35em .9em; font-size:.9rem; }

/* alternating media rows reuse .split; add captions */
.cap { font-size:.85rem; color: var(--stone); margin-top:.5em; }

/* video block */
.videoblk { position:relative; padding-top:56.25%; border-radius:var(--radius); overflow:hidden; box-shadow:var(--shadow); }
.videoblk iframe { position:absolute; inset:0; width:100%; height:100%; border:0; }

/* related topics */
.related { display:grid; grid-template-columns: repeat(3,1fr); gap:14px; }
.related a { position:relative; border-radius:12px; overflow:hidden; min-height:120px; display:flex; align-items:flex-end; color:#fff; isolation:isolate; box-shadow:var(--shadow); }
.related a .img { position:absolute; inset:0; background-size:cover; background-position:center; z-index:-2; transition:transform .5s ease; }
.related a::after { content:""; position:absolute; inset:0; background:linear-gradient(180deg,rgba(0,0,0,0) 35%,rgba(20,35,12,.82)); z-index:-1; }
.related a:hover .img { transform:scale(1.08); }
.related a span { font-family:var(--head); padding:12px 14px; font-size:1rem; }

/* Visit notice */
.visit-notice { max-width:820px; margin:0 auto; background:#fff; border-left:5px solid var(--leaf); border-radius:var(--radius); box-shadow:var(--shadow); padding:28px 32px; }
.visit-notice h2 { margin:0 0 .5em; font-size:1.5rem; }
.visit-notice p { margin:0 0 .8em; }
.visit-notice p:last-child { margin-bottom:0; }
@media (max-width:520px){ .visit-notice { padding:22px 20px; } }

/* CTA band */
.cta-band { background: var(--forest); color:#fff; text-align:center; }
.cta-band h2 { color:#fff; }
.cta-band .cta-row { display:flex; gap:14px; justify-content:center; flex-wrap:wrap; margin-top:20px; }

@media (max-width: 860px){
  .related { grid-template-columns:1fr 1fr; }
}
@media (max-width: 520px){
  .related { grid-template-columns:1fr; }
  .facts dl { grid-template-columns: 1fr; gap:.2em; }
  .facts dd { margin-bottom:.6em; }
}

/* ===== reusable YouTube playlist gallery (.yt-gallery) ===== */
.yt-gallery{margin:0 auto}
.ytwrap{border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);background:#000;line-height:0}
.ytwrap iframe,.ytwrap>div{display:block;width:100%;height:auto;aspect-ratio:16/9;border:0}
.ytlist{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:14px}
.ytlist button{border:0;padding:0;background:none;cursor:pointer;border-radius:10px;overflow:hidden;position:relative;box-shadow:var(--shadow);line-height:0}
.ytlist img{width:100%;display:block;aspect-ratio:16/9;object-fit:cover;transition:transform .3s ease}
.ytlist button:hover img{transform:scale(1.06)}
.ytlist button.active{outline:3px solid var(--leaf);outline-offset:-3px}
.ytlist button::after{content:"";position:absolute;inset:0;background:rgba(20,35,12,0);transition:.3s}
.ytlist button.active::after{background:rgba(46,74,28,.18)}
@media(max-width:860px){.ytlist{grid-template-columns:repeat(3,1fr)}}
@media(max-width:520px){.ytlist{grid-template-columns:repeat(2,1fr)}}