#proje>.section-head>.eyebrow{display:inline-block;background:#dff1dd;color:#244d26;border-left:5px solid #4e893e;padding:10px 18px;border-radius:3px}
.dernek-story{max-width:900px;border-left:4px solid #c99e47;padding:8px 0 8px 24px;margin-bottom:38px}.dernek-story p:last-child{margin-bottom:0}
.features article{padding:22px;border:0;border-radius:7px;background:#e5f0e7}.features article:nth-child(2){background:#e6eef9}.features article:nth-child(3){background:#fcf0d9}.features article:nth-child(4){background:#f0e7f4}
.video-section{background:#e5edf8;border-top:1px solid #c7d6ec}.video-section .section{padding-block:40px}.video-callout{border:0;margin:0;padding:0}.video-callout h3{font:400 clamp(28px,3vw,38px)/1.2 Georgia,serif;color:#223d69}.video-callout .button{background:#294c80}
.donation-section{background:#fff6e5}.bank{background:#fff;border-color:#bb8b2f;box-shadow:0 10px 35px #5444190d;align-self:start}.donation .eyebrow{color:#76561a}.donation blockquote{margin:26px 0;padding:22px;border-left:4px solid #b98b30;background:#ffedc5;font-size:16px}.donation cite{font-size:14px}
.gallery-section{background:#edf4ee}.gallery-section .eyebrow{color:#346240}.archive-feed{display:flex;flex-direction:column;gap:38px;max-width:900px;margin:auto}.archive-feed figure{background:white;padding:14px;border:1px solid #d3dfd5;border-radius:8px}.archive-feed img{aspect-ratio:auto;object-fit:contain;max-height:740px}.archive-feed figcaption{font-size:16px;padding:4px 6px}.slide-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px}.slide-controls button{color:#fff;background:#ffffff12;border-color:#78928a}.slide-controls button:hover{background:#ffffff25}.slide-controls span{font-size:14px}main figure a{cursor:zoom-in}
#image-viewer{border:0;padding:64px 18px 20px;background:#0c171bf5;color:white;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0;cursor:zoom-out}#image-viewer::backdrop{background:#0c171b}#image-viewer[open]{display:flex;align-items:center;justify-content:center;flex-direction:column}#image-viewer img{width:auto;height:auto;max-width:96vw;max-height:calc(100dvh - 145px);object-fit:contain}#image-viewer p{margin:16px 0 0;font-size:14px;text-align:center}.viewer-close{position:absolute;right:20px;top:14px;color:#fff;background:#243638;border-color:#8fa9a1}
@media(max-width:640px){.donation{gap:30px}.archive-feed{gap:24px}.archive-feed figure{padding:9px}.archive-feed figcaption{font-size:15px}.slide-controls button{padding:8px 12px}.dernek-story{padding-left:18px}.video-callout p{font-size:16px}}

/* Fotoğraf arşivi: masaüstü 4, tablet 2, telefon 1 sütun. */
.archive-feed{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));max-width:none;gap:24px;align-items:start}.archive-feed figure{min-width:0;padding:10px}.archive-feed img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;max-height:none}.archive-feed figcaption{font-size:14px;overflow-wrap:anywhere}@media(max-width:950px){.archive-feed{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}}@media(max-width:520px){.archive-feed{grid-template-columns:1fr;gap:24px}.archive-feed figcaption{font-size:15px}}

/* Bağış iletişimi ve sakin, görünür IBAN işlemleri. */
.donation-phones{display:grid;grid-template-columns:max-content max-content;gap:7px 18px;margin-top:26px;padding:18px 20px;background:#ffedc5;border-left:4px solid #b98b30;border-radius:4px}.donation-phones strong{grid-column:1/-1}.donation-phones a{font-weight:700;text-decoration-thickness:1px}
.bank .account button{background:#e1eee8;color:#174b42;border:1px solid #8bb0a3;font-weight:700;box-shadow:0 2px 7px rgba(22,75,66,.09);transition:background-color .18s ease,border-color .18s ease,transform .18s ease}.bank .account button:hover{background:#cfe2da;border-color:#5f9281;transform:translateY(-1px)}.bank .account button:active{transform:translateY(0)}
@media(max-width:520px){.donation-phones{grid-template-columns:1fr}.donation-phones strong{grid-column:auto}.bank .account button{width:100%}}

/* Arama niyetlerini doğal sorularla karşılayan bilgi bölümü. */
.faq-section{background:#f4efe4;border-top:1px solid #e1d5ba}.faq-section .eyebrow{color:#76561a}.faq-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.faq-grid article{background:#fff;padding:26px;border-top:4px solid #b98b30;border-radius:5px}.faq-grid h3{color:#264941}.faq-grid p{margin:0;color:#526560;font-size:16px}
@media(max-width:850px){.faq-grid{grid-template-columns:1fr}}