/* HAYY premium katmanı: index.html içindeki temel stillerin üzerine biner. Renkler/değerler burada :root'tan değişir. */
:root{--turq:#1aa59a;--gold:#e3b550;--gold-2:#f3d27e;--gold-grad:linear-gradient(135deg,#f3d27e,#d9a63d);--serif:'Cormorant Garamond','Playfair Display',Georgia,serif;--sans:'Inter','Segoe UI',Arial,sans-serif;--r:22px;--shadow:0 24px 60px -24px #12352b40;--cream:#f6f9f5}
body{background:var(--cream);-webkit-font-smoothing:antialiased}
h1,h2,h3,.section-head h2,.about-copy h2,.contact-grid h2{font-weight:600}
.topline{background:linear-gradient(90deg,#0e2f26,#176b50 50%,#0e2f26);letter-spacing:.04em}
.header{background:#ffffffd9;backdrop-filter:blur(18px) saturate(1.4);border-bottom:1px solid #e3ece6}
.brand strong{font-size:19px;letter-spacing:.14em}
.links a{position:relative;font-weight:500;letter-spacing:.02em}
.links a:after{content:"";position:absolute;left:0;bottom:-6px;height:2px;width:0;background:var(--gold);transition:width .25s}
.links a:hover:after{width:100%}
.donate{background:var(--gold-grad);border-radius:999px;padding:13px 24px;box-shadow:0 10px 24px -8px #c8932e80;letter-spacing:.02em}
.donate:hover{background:var(--gold-grad);transform:translateY(-2px);box-shadow:0 14px 28px -8px #c8932eaa}
.btn{border-radius:999px;padding:15px 26px;letter-spacing:.02em}
.btn-primary{background:linear-gradient(135deg,#1f8a67,#176b50);box-shadow:0 12px 26px -10px #176b50aa}
.btn-primary:hover{background:linear-gradient(135deg,#176b50,#123d31)}
.eyebrow{letter-spacing:.24em}
.eyebrow:before{background:var(--gold-grad);height:2px;width:34px}
.hero-card{border-radius:30px;box-shadow:var(--shadow);background:#fff}
.hero-card:after{content:"";position:absolute;left:-60px;top:-60px;width:380px;height:380px;background:url(../assets/pattern.svg);filter:invert(1) sepia(1) hue-rotate(100deg) saturate(3);opacity:.07;pointer-events:none}
h1{font-size:clamp(48px,6vw,84px);line-height:1;font-weight:600}
h1 em{font-style:italic;background:linear-gradient(120deg,#176b50,#1aa59a);-webkit-background-clip:text;background-clip:text;color:transparent}
.trustbar{border-radius:20px;border:0;box-shadow:var(--shadow);background:#ffffffee;backdrop-filter:blur(10px)}
.trust-icon{background:linear-gradient(135deg,#e1f3ec,#c6e8df);color:var(--green)}
.section{padding:112px 0}
.section-head h2,.about-copy h2{font-size:clamp(38px,4.6vw,58px);letter-spacing:-.02em}
.photo-stack img{border-radius:var(--r);box-shadow:var(--shadow)}
.photo-stack:after{border-radius:var(--r);border:1.5px solid var(--gold)}
.signature{font-size:28px;position:relative;padding-top:22px}
.signature:before{content:"";position:absolute;top:0;left:0;width:56px;height:2px;background:var(--gold-grad)}
.services{background:linear-gradient(180deg,#eef5f0,#e6f1ec)}
.service{border-radius:var(--r);border:1px solid #e1ebe4;position:relative;overflow:hidden;padding:32px 28px}
.service:before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,var(--turq),var(--gold));transform:scaleX(0);transform-origin:left;transition:transform .35s}
.service:hover:before{transform:scaleX(1)}
.service:hover{transform:translateY(-6px);box-shadow:var(--shadow)}
.service-icon{background:linear-gradient(135deg,#176b50,#1aa59a);color:#fff;width:50px;height:50px}
.service h3{font-size:28px}
.service a{border-bottom:1.5px solid var(--gold);padding-bottom:2px}
.why-image{border-radius:var(--r);overflow:hidden;box-shadow:var(--shadow)}
.why-image:after{border-radius:calc(var(--r) - 8px);border-color:#ffffffb0}
.check{background:linear-gradient(135deg,#176b50,#1aa59a);color:#fff}
.why-item strong{font-size:23px}
.process{background:radial-gradient(circle at 15% 0,#1b5a49 0,transparent 55%),linear-gradient(160deg,#0e2f26,#123d31 60%,#0f4a44);position:relative;overflow:hidden}
.process:before{content:"";position:absolute;inset:0;background:url(../assets/pattern.svg);opacity:.05;pointer-events:none}
.process .wrap{position:relative}
.step{border-top:1px solid #ffffff30}
.step-num{font-size:56px;background:var(--gold-grad);-webkit-background-clip:text;background-clip:text;color:transparent;display:inline-block}
.gallery-row img{border-radius:var(--r);box-shadow:0 18px 40px -22px #12352b66;transition:transform .5s,box-shadow .5s}
.gallery-row img:hover{transform:translateY(-6px) scale(1.015);box-shadow:var(--shadow)}
.contact-band{background:linear-gradient(120deg,#123d31,#176b50 55%,#1aa59a);padding:72px 0;position:relative;overflow:hidden}
.contact-band:before{content:"";position:absolute;inset:0;background:url(../assets/pattern.svg);opacity:.06}
.contact-grid{position:relative}
.contact-grid h2{color:#fff;font-size:44px}.contact-grid p{color:#d6ebe3;font-size:15px}
.contact-band .btn-primary{background:var(--gold-grad);color:#2b2208;box-shadow:0 12px 26px -10px #00000066}
.footer{background:linear-gradient(180deg,#0f2f26,#0a211b)}
.footer h4{letter-spacing:.04em}
:focus-visible{outline:3px solid var(--gold);outline-offset:3px;border-radius:6px}
.js .reveal{opacity:0;transform:translateY(26px);transition:opacity .8s ease,transform .8s ease}
.js .reveal.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.js .reveal{opacity:1;transform:none;transition:none}html{scroll-behavior:auto}}
@media(max-width:700px){.section{padding:72px 0}.hero-card{border-radius:22px}h1{font-size:50px}.contact-grid h2{font-size:34px}}

/* Mobil düzeltmeleri */
.footer .brand img{filter:invert(1);mix-blend-mode:screen}
.process .eyebrow{color:var(--gold-2)}
@media(max-width:700px){
.topline .wrap{gap:14px}
.brand strong{font-size:15px;letter-spacing:.1em}
.hero-card{min-height:650px}.hero-note{display:none}
.hero-card:before{background:linear-gradient(180deg,#fff 0%,#fffffff2 40%,#ffffff80 58%,#ffffff00 78%),url('../assets/hero.png') right bottom/auto 47% no-repeat}
.service{padding:26px 22px}
.step{grid-template-columns:64px 1fr}
.step-num{font-size:44px}
.about-grid,.why-grid{gap:34px}
}

/* Marka: logo görseli + yanında dernek adı */
.brand small{font-size:12px;font-weight:700;letter-spacing:.22em;color:var(--deep);margin:0}
.footer .brand small{color:#fff}
@media(max-width:700px){.brand small{font-size:10px;letter-spacing:.16em}}
.brand img{width:auto;height:46px;border-radius:0;object-fit:contain}
.brand{gap:14px}
@media(max-width:700px){.brand img{height:34px;width:auto}.brand{gap:10px;min-width:0}}
.lang{white-space:nowrap}
.brand small{white-space:nowrap}
@media(max-width:700px){.brand img{height:28px}.brand{gap:8px}.brand small{font-size:8.5px;letter-spacing:.1em}.nav{gap:8px}.lang{padding:6px 4px;font-size:11px}.menu{padding:4px}}

/* Galeri carousel */
.carousel{position:relative;margin-top:8px}
.car-track{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:10px 4px 30px;overscroll-behavior-x:contain}
.car-track::-webkit-scrollbar{display:none}
.car-slide{flex:0 0 calc((100% - 40px)/3);margin:0;scroll-snap-align:start;aspect-ratio:4/5;border-radius:var(--r);overflow:hidden;box-shadow:0 18px 40px -22px #12352b66;background:#e6f1ec}
.car-slide img{width:100%;height:100%;object-fit:cover;display:block;cursor:zoom-in;transition:transform .6s}
.car-slide:hover img{transform:scale(1.05)}
.car-btn{position:absolute;top:calc(50% - 20px);z-index:3;width:50px;height:50px;border-radius:50%;border:0;background:#fff;color:var(--deep);font-size:32px;line-height:1;padding:0 0 4px;cursor:pointer;box-shadow:0 10px 26px -8px #12352b80;transition:background .2s,color .2s,opacity .2s}
.car-btn:hover:not(:disabled){background:var(--gold-grad);color:#2b2208}
.car-btn:disabled{opacity:.35;cursor:default}
.car-btn.prev{left:-24px}.car-btn.next{right:-24px}
.lb{position:fixed;inset:0;z-index:100;background:#071a14ee;display:flex;align-items:center;justify-content:center;padding:24px}
.lb[hidden]{display:none}
.lb img{max-width:min(92vw,1000px);max-height:88vh;border-radius:14px;object-fit:contain}
.lb-btn,.lb-close{position:absolute;border:0;background:#ffffff22;color:#fff;width:48px;height:48px;border-radius:50%;font-size:32px;line-height:1;cursor:pointer;padding:0 0 4px}
.lb-btn:hover,.lb-close:hover{background:#ffffff44}
.lb-prev{left:18px;top:calc(50% - 24px)}.lb-next{right:18px;top:calc(50% - 24px)}.lb-close{top:18px;right:18px;padding:0 0 3px}
@media(max-width:980px){.car-slide{flex-basis:calc((100% - 20px)/2)}}
@media(max-width:700px){.car-track{gap:14px}.car-slide{flex-basis:82%;aspect-ratio:4/5}.car-btn{width:42px;height:42px;font-size:28px}.car-btn.prev{left:6px}.car-btn.next{right:6px}.lb-btn{width:42px;height:42px}.lb-prev{left:8px}.lb-next{right:8px}}