:root{
  --navy:#061a2d;--navy2:#0a263e;--blue:#0b4f7d;--green:#0b7a43;--green2:#13a05a;
  --lime:#72d99d;--white:#fff;--ink:#102335;--muted:#6b7b88;--line:#e3e9ed;
  --soft:#f3f6f7;--gold:#d6a43a;--shadow:0 18px 50px rgba(6,26,45,.10);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;color:var(--ink);background:#fff}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
img{max-width:100%;display:block}
.container{width:min(1180px,92%);margin:auto}
.topbar{background:#03111e;color:#c5d4dd;font-size:11px;letter-spacing:.8px}
.topbar .container{min-height:36px;display:flex;justify-content:space-between;align-items:center;gap:20px}
.topbar b{color:#82e2ac}
header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.96);-webkit-backdrop-filter:blur(14px);
backdrop-filter:blur(14px);border-bottom:1px solid rgba(6,26,45,.08)}
.navwrap{min-height:82px;display:flex;align-items:center;gap:24px}
.brand{display:flex;align-items:center;gap:12px;min-width:max-content}
.brand img{width:58px;height:58px;object-fit:contain}
.brand strong{font-size:15px;color:var(--navy);letter-spacing:.3px}
.brand small{display:block;margin-top:3px;font-size:10px;color:var(--green);font-weight:900;letter-spacing:1.6px}
nav{margin-left:auto;display:flex;align-items:center;gap:22px}
nav a{position:relative;padding:31px 0;font-size:11px;font-weight:900;letter-spacing:.55px;color:#3d5160}
nav a:not(.navCta):after{content:"";position:absolute;left:0;right:100%;bottom:20px;height:2px;background:var(--green2);transition:.25s}
nav a:hover{color:var(--green)}
nav a:hover:after,nav a.active:after{right:0}
.navCta{padding:13px 16px!important;background:var(--green2);color:#fff!important;border-radius:8px;box-shadow:0 8px 20px rgba(19,160,90,.22)}
.menuBtn{display:none;border:0;background:var(--navy);color:#fff;border-radius:9px;padding:10px 13px;margin-left:auto}

.hero{position:relative;overflow:hidden;color:#fff;background:
linear-gradient(90deg,rgba(3,17,30,.98) 0%,rgba(4,31,49,.94) 48%,rgba(5,75,49,.83) 100%),
radial-gradient(circle at 78% 35%,#149456,transparent 32%)}
.hero:before{content:"";position:absolute;inset:0;opacity:.16;background-image:
linear-gradient(rgba(255,255,255,.18) 1px,transparent 1px),
linear-gradient(90deg,rgba(255,255,255,.18) 1px,transparent 1px);
background-size:74px 74px;mask-image:linear-gradient(90deg,transparent 35%,#000)}
.hero:after{content:"";position:absolute;width:620px;height:620px;border:1px solid rgba(255,255,255,.09);border-radius:50%;right:-170px;top:-150px;box-shadow:0 0 0 80px rgba(255,255,255,.025),0 0 0 160px rgba(255,255,255,.018)}
.hero .container{position:relative;z-index:2;display:grid;grid-template-columns:1.12fr .88fr;align-items:center;gap:40px;min-height:640px;padding:70px 0}
.eyebrow{display:flex;align-items:center;gap:10px;color:#92e7b8;font-size:11px;font-weight:900;letter-spacing:2.2px;margin-bottom:20px}
.eyebrow:before{content:"";width:34px;height:2px;background:var(--green2)}
h1{font-size:clamp(48px,6.4vw,82px);line-height:.92;letter-spacing:-4px;margin:0 0 24px;max-width:720px}
.hero p{font-size:17px;line-height:1.75;color:#c5d4dd;max-width:610px;margin:0 0 30px}
.actions{display:flex;gap:12px;flex-wrap:wrap}
.btn{min-height:48px;padding:0 20px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:900;letter-spacing:.7px;border:1px solid transparent;transition:.22s}
.btn:hover{transform:translateY(-2px)}
.btn.primary{background:var(--green2);color:#fff;box-shadow:0 12px 26px rgba(19,160,90,.23)}
.btn.ghost{border-color:rgba(255,255,255,.25);background:rgba(255,255,255,.06);color:#fff}
.heroMeta{display:flex;gap:28px;margin-top:38px;padding-top:25px;border-top:1px solid rgba(255,255,255,.12);max-width:590px}
.heroMeta b{display:block;font-size:13px;color:#fff;margin-bottom:4px}
.heroMeta span{font-size:11px;color:#8fa6b5}
.heroVisual{position:relative;min-height:470px;display:grid;place-items:center}
.heroVisual .pitch{position:absolute;inset:7% 0 0 9%;border:1px solid rgba(255,255,255,.10);border-radius:28px;transform:perspective(700px) rotateY(-8deg) rotateX(5deg);background:linear-gradient(135deg,rgba(255,255,255,.04),rgba(19,160,90,.08));box-shadow:inset 0 0 70px rgba(19,160,90,.08)}
.pitch:before{content:"";position:absolute;left:50%;top:0;bottom:0;border-left:1px solid rgba(255,255,255,.10)}
.pitch:after{content:"";position:absolute;width:140px;height:140px;border:1px solid rgba(255,255,255,.10);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}
.heroLogo{position:relative;width:min(350px,75vw);aspect-ratio:1;display:grid;place-items:center;z-index:3}
.heroLogo:before{content:"";position:absolute;inset:7%;border-radius:50%;background:rgba(255,255,255,.96);box-shadow:0 30px 70px rgba(0,0,0,.28),0 0 0 14px rgba(255,255,255,.04)}
.heroLogo img{position:relative;width:82%;height:82%;object-fit:contain;opacity:0;transform:scale(.86)}
.heroLogo.logo-revealed img{animation:logoReveal .9s cubic-bezier(.2,.75,.2,1) forwards}
@keyframes logoReveal{0%{opacity:0;transform:scale(.86) rotate(-2deg)}65%{opacity:1;transform:scale(1.035)}100%{opacity:1;transform:scale(1)}}
.scrollHint{position:absolute;left:50%;bottom:20px;transform:translateX(-50%);font-size:9px;letter-spacing:2px;color:#8fa6b5}

.section{padding:86px 0}
.section.alt{background:var(--soft)}
.section.dark{background:var(--navy);color:#fff}
.sectionHead{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:34px}
.kicker{font-size:10px;color:var(--green);font-weight:900;letter-spacing:2.1px}
h2{font-size:clamp(32px,4vw,44px);line-height:1.02;letter-spacing:-1.7px;color:var(--navy);margin:8px 0 0}
.sectionHead p{max-width:520px;margin:0;color:var(--muted);line-height:1.7;font-size:14px}
.section.dark h2{color:#fff}.section.dark .sectionHead p{color:#a9bdc9}

.matchGrid{display:grid;grid-template-columns:1.2fr .8fr;gap:20px}
.matchCard{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:0 8px 25px rgba(6,26,45,.05)}
.matchCard.featured{box-shadow:var(--shadow)}
.matchTop{padding:14px 20px;background:var(--navy);color:#fff;display:flex;justify-content:space-between;gap:12px;font-size:10px;font-weight:900;letter-spacing:1.4px}
.matchTop .live{color:#8ce3b3}
.matchInfo{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;padding:19px 20px 0;color:var(--muted);font-size:11px;font-weight:800}
.matchBody{display:grid;grid-template-columns:1fr auto 1fr;gap:20px;align-items:center;text-align:center;padding:26px 28px 30px}
.clubMark{width:84px;height:84px;margin:auto;border-radius:50%;display:grid;place-items:center;background:#f4f7f8;border:1px solid var(--line)}
.clubMark img{width:68px;height:68px;object-fit:contain}
.clubMark.rival{font-size:28px;font-weight:950;color:#aab6be;background:#f7f8f9}
.teamName{margin-top:10px;font-size:13px;font-weight:950;color:var(--navy)}
.vs{font-size:11px;color:var(--muted);font-weight:900}
.score{font-size:34px;letter-spacing:-2px;color:var(--navy);font-weight:950}
.matchFooter{border-top:1px solid var(--line);padding:14px 20px;display:flex;justify-content:space-between;font-size:10px;color:var(--muted);font-weight:800}

.newsGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.newsCard{background:#fff;border-radius:17px;overflow:hidden;border:1px solid var(--line);transition:.25s}
.newsCard:hover{transform:translateY(-5px);box-shadow:var(--shadow)}
.newsPhoto{height:205px;position:relative;overflow:hidden;background:
linear-gradient(145deg,rgba(6,26,45,.10),rgba(19,160,90,.22)),
linear-gradient(135deg,#dce5e8,#afc9bd)}
.newsPhoto:before{content:"";position:absolute;left:0;right:0;bottom:0;height:55%;background:linear-gradient(transparent,rgba(6,26,45,.55))}
.newsPhoto:after{content:"KULÜP FOTOĞRAFI";position:absolute;inset:auto 18px 16px;color:#fff;font-size:10px;font-weight:900;letter-spacing:1.4px}
.newsPhoto.training{background:linear-gradient(145deg,rgba(6,26,45,.08),rgba(11,79,125,.24)),linear-gradient(135deg,#d9e4e9,#a8bfca)}
.newsPhoto.match{background:linear-gradient(145deg,rgba(6,26,45,.08),rgba(214,164,58,.22)),linear-gradient(135deg,#e8e2d5,#c9bea7)}
.newsBody{padding:21px}
.meta{display:flex;gap:10px;align-items:center;font-size:9px;font-weight:900;letter-spacing:1px;color:var(--green);margin-bottom:10px}
.newsBody h3{font-size:19px;line-height:1.25;color:var(--navy);margin:0 0 10px}
.newsBody p{font-size:13px;color:var(--muted);line-height:1.6;margin:0}
.arrow{display:inline-block;margin-top:16px;color:var(--green);font-size:10px;font-weight:950;letter-spacing:.6px}

.teamGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.teamCard{min-height:360px;position:relative;border-radius:18px;overflow:hidden;background:linear-gradient(160deg,#0a253b,#0a5f3b);color:#fff;box-shadow:0 12px 30px rgba(6,26,45,.12)}
.teamCard:nth-child(2){background:linear-gradient(160deg,#0b3552,#0b7a43)}.teamCard:nth-child(3){background:linear-gradient(160deg,#10283c,#0b4f7d)}
.teamCard:before{content:"";position:absolute;width:260px;height:260px;border:1px solid rgba(255,255,255,.10);border-radius:50%;right:-95px;top:-80px;box-shadow:0 0 0 45px rgba(255,255,255,.025)}
.teamCard .silhouette{position:absolute;right:-20px;bottom:-10px;font-size:210px;line-height:1;opacity:.07;font-weight:900}
.teamContent{position:absolute;left:26px;right:26px;bottom:26px;z-index:2}
.teamContent .age{font-size:10px;color:#8fe1b4;font-weight:900;letter-spacing:1.5px}
.teamContent h3{font-size:27px;margin:8px 0 10px;letter-spacing:-.8px}
.teamContent p{font-size:12px;color:#c5d5de;line-height:1.6;max-width:260px}
.teamLink{display:inline-flex;margin-top:16px;padding:10px 13px;border:1px solid rgba(255,255,255,.18);border-radius:7px;font-size:9px;font-weight:900;letter-spacing:.8px}

.stats{background:linear-gradient(110deg,#061a2d,#073f31);color:#fff}
.statsGrid{display:grid;grid-template-columns:1.2fr repeat(4,1fr);align-items:stretch}
.statsIntro{padding:34px 34px 34px 0}
.statsIntro b{font-size:21px;display:block;margin-bottom:6px}.statsIntro span{font-size:12px;color:#a8bdc8}
.stat{padding:34px 24px;border-left:1px solid rgba(255,255,255,.10)}
.stat strong{display:block;font-size:30px;letter-spacing:-1px;color:#82e2ac}.stat span{font-size:10px;letter-spacing:1px;color:#a8bdc8;font-weight:900}

.about{display:grid;grid-template-columns:.95fr 1.05fr;gap:55px;align-items:center}
.aboutVisual{min-height:430px;border-radius:20px;position:relative;overflow:hidden;background:linear-gradient(135deg,#061a2d,#0b7a43)}
.aboutVisual:before{content:"SAPANCA";position:absolute;left:-10px;bottom:20px;font-size:82px;font-weight:950;letter-spacing:-5px;color:rgba(255,255,255,.055)}
.aboutVisual .crest{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:210px;height:210px;border-radius:50%;background:#fff;display:grid;place-items:center;box-shadow:0 20px 50px rgba(0,0,0,.2)}
.aboutVisual img{width:170px;height:170px;object-fit:contain}
.aboutCopy h2{margin-bottom:20px}.aboutCopy>p{color:var(--muted);line-height:1.8;font-size:14px}
.values{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:24px}
.value{padding:17px;border:1px solid var(--line);border-radius:12px;background:#fff}
.value b{display:block;font-size:11px;color:var(--navy);margin-bottom:5px}.value span{font-size:11px;line-height:1.5;color:var(--muted)}

.galleryGrid{display:grid;grid-template-columns:1.2fr .8fr .8fr;grid-template-rows:220px 220px;gap:12px}
.galleryItem{position:relative;border-radius:15px;overflow:hidden;background:linear-gradient(135deg,#bccdd3,#7ea58e)}
.galleryItem:first-child{grid-row:1/3}
.galleryItem:nth-child(3){background:linear-gradient(135deg,#c8d4d9,#819eae)}.galleryItem:nth-child(4){background:linear-gradient(135deg,#d6d0c1,#a79d7f)}
.galleryItem:after{content:attr(data-label);position:absolute;left:16px;bottom:14px;color:#fff;font-size:10px;font-weight:900;letter-spacing:1px;text-shadow:0 2px 8px rgba(0,0,0,.3)}
.galleryItem:before{content:"";position:absolute;inset:0;background:linear-gradient(transparent 45%,rgba(6,26,45,.55))}

.joinBox{border-radius:22px;background:linear-gradient(110deg,#0b7a43,#075536);padding:46px;color:#fff;display:grid;grid-template-columns:1.1fr .9fr;gap:35px;align-items:center;box-shadow:0 20px 55px rgba(11,122,67,.18)}
.joinBox h2{color:#fff;margin:0 0 12px}.joinBox p{color:#d1eee0;line-height:1.7;margin:0}
.joinForm{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.joinForm input,.joinForm select{width:100%;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.10);color:#fff;padding:13px 14px;border-radius:8px;outline:none}
.joinForm input::placeholder{color:#d8ebe0}.joinForm select option{color:#102335}
.joinForm button{grid-column:1/-1;border:0;background:#fff;color:var(--green);font-weight:950;padding:14px;border-radius:8px;cursor:pointer}
.formNote{grid-column:1/-1;font-size:9px;color:#c9e8d7;line-height:1.5}

.contactGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.contact{border:1px solid var(--line);border-radius:14px;padding:22px;background:#fff}
.contact .icon{width:38px;height:38px;border-radius:10px;background:#eaf7ef;color:var(--green);display:grid;place-items:center;font-weight:950;margin-bottom:16px}
.contact b{display:block;font-size:12px;color:var(--navy);margin-bottom:5px}.contact span{font-size:11px;color:var(--muted)}

footer{background:#03111e;color:#a8bac5;padding:58px 0 20px}
.footgrid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:42px}
.footbrand{display:flex;align-items:center;gap:13px;margin-bottom:15px}.footbrand img{width:68px;height:68px;object-fit:contain;background:#fff;border-radius:50%;padding:4px}
.footbrand b{color:#fff;font-size:13px}footer h3{color:#fff;font-size:10px;letter-spacing:1.2px;margin:0 0 15px}footer a,footer p{font-size:11px;line-height:1.9;color:#9aadb9;margin:0;display:block}
footer a:hover{color:#7bdba6}
.copyright{border-top:1px solid rgba(255,255,255,.09);margin-top:38px;padding-top:18px;font-size:10px;display:flex;justify-content:space-between;gap:20px}
.reveal{opacity:0;transform:translateY(18px);transition:.65s ease}.reveal.visible{opacity:1;transform:none}

@media(max-width:1000px){
  nav{gap:14px}nav a{font-size:10px}.navCta{display:none}
  .hero .container{grid-template-columns:1fr 360px}
}
@media(max-width:860px){
  .menuBtn{display:block}nav{display:none;position:absolute;top:82px;left:0;right:0;background:#fff;padding:10px 5%;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:0}
  nav.open{display:flex}nav a{padding:14px 0;border-bottom:1px solid var(--line)}nav a:after{display:none}
  .hero .container,.matchGrid,.about,.joinBox{grid-template-columns:1fr}.heroVisual{order:-1;min-height:300px}.heroLogo{width:245px}.hero .container{padding:55px 0}
  .newsGrid,.teamGrid{grid-template-columns:1fr 1fr}.statsGrid{grid-template-columns:1fr 1fr}.statsIntro{grid-column:1/-1;padding-left:0}.stat{border-top:1px solid rgba(255,255,255,.1)}
  .galleryGrid{grid-template-columns:1fr 1fr;grid-template-rows:250px 180px}.galleryItem:first-child{grid-column:1/3;grid-row:auto}
  .contactGrid,.footgrid{grid-template-columns:1fr 1fr}
}
@media(max-width:600px){
  .topbar .container span:last-child{display:none}.brand strong{font-size:12px}.brand img{width:50px;height:50px}.navwrap{min-height:70px}nav{top:70px}
  h1{font-size:46px;letter-spacing:-2.8px}.hero p{font-size:15px}.heroMeta{gap:16px;flex-wrap:wrap}.scrollHint{display:none}
  .section{padding:62px 0}.sectionHead{display:block}.sectionHead p{margin-top:14px}
  .newsGrid,.teamGrid,.statsGrid,.values,.contactGrid,.footgrid{grid-template-columns:1fr}
  .matchBody{grid-template-columns:1fr;gap:10px}.vs{padding:5px}.matchFooter{display:block;line-height:1.8}
  .galleryGrid{display:grid;grid-template-columns:1fr;grid-template-rows:260px 160px 160px 160px}.galleryItem:first-child{grid-column:auto}
  .joinBox{padding:30px 22px}.joinForm{grid-template-columns:1fr}.joinForm button,.formNote{grid-column:auto}
  .copyright{display:block;line-height:1.8}
}



/* ===== Premium visual pass ===== */
:root{--acid:#79e3a7}
body{background:#fff}
h1,h2,.teamContent h3,.score,.stats strong{
  font-family:"Arial Narrow","Roboto Condensed","Segoe UI",Arial,sans-serif;
  font-stretch:condensed;
  font-weight:950;
}
.hero{min-height:680px}
.hero:before{opacity:.13;background-size:64px 64px}
.hero .container:after{
  content:"YSSK";position:absolute;right:-1vw;bottom:-35px;
  font:950 clamp(130px,20vw,310px)/.8 "Arial Narrow",Arial,sans-serif;
  letter-spacing:-16px;color:rgba(255,255,255,.025);pointer-events:none;z-index:-1
}
.heroVisual{isolation:isolate}
.heroVisual:after{
  content:"OYUNCU / TAKIM FOTOĞRAFI";
  position:absolute;right:4%;bottom:8%;z-index:4;
  padding:8px 11px;border:1px solid rgba(255,255,255,.14);
  border-radius:7px;color:rgba(255,255,255,.55);font-size:8px;font-weight:900;letter-spacing:1.2px
}
.heroLogo{width:min(315px,72vw)}
.heroLogo:before{inset:10%;box-shadow:0 30px 90px rgba(0,0,0,.34),0 0 90px rgba(19,160,90,.18)}
.hero p{max-width:570px}
.sectionHead h2{position:relative}
.sectionHead h2:after{content:"";display:block;width:52px;height:3px;background:var(--green2);margin-top:14px;border-radius:5px}

/* Match centre becomes a strong navy feature section */
#maclar{background:
 radial-gradient(circle at 90% 10%,rgba(19,160,90,.17),transparent 25%),
 linear-gradient(135deg,#041421,#08243a);color:#fff;position:relative;overflow:hidden}
#maclar:before{
 content:"MATCHDAY";position:absolute;right:-25px;top:70px;
 font:950 110px/1 "Arial Narrow",Arial,sans-serif;letter-spacing:-5px;
 color:rgba(255,255,255,.025);transform:rotate(90deg)
}
#maclar h2{color:#fff}
#maclar .sectionHead p{color:#9eb2bf}
#maclar .kicker{color:#7ce0a8}
#maclar .matchCard{border-color:rgba(255,255,255,.08);box-shadow:0 22px 60px rgba(0,0,0,.22)}
#maclar .matchTop{background:#03111e}
#maclar .featured .matchTop{background:linear-gradient(90deg,#087541,#0b9251)}

/* News */
.newsPhoto{height:225px;transition:transform .5s ease}
.newsCard{isolation:isolate}
.newsCard:hover .newsPhoto{transform:scale(1.025)}
.newsBody h3{font-size:21px}
.newsCard:first-child{transform:translateY(-7px)}
.newsCard:first-child:hover{transform:translateY(-12px)}

/* Team cards prepared for real photographs */
.teamCard{min-height:410px}
.teamCard:after{
 content:"TAKIM FOTOĞRAFI";position:absolute;left:26px;top:24px;
 color:rgba(255,255,255,.42);font-size:8px;font-weight:900;letter-spacing:1.3px
}
.teamCard:hover{transform:translateY(-5px);box-shadow:0 24px 55px rgba(6,26,45,.22)}
.teamCard{transition:.3s ease}
.teamCard .silhouette{transition:.4s ease}
.teamCard:hover .silhouette{transform:scale(1.05)}
.teamContent:before{content:"";position:absolute;left:0;bottom:-26px;width:44px;height:3px;background:#79e3a7}

/* Stats */
.stats{position:relative;overflow:hidden}
.stats:after{
 content:"SAPANCA'DAN SAHAYA";position:absolute;right:2%;bottom:-13px;
 font:950 48px/1 "Arial Narrow",Arial,sans-serif;color:rgba(255,255,255,.025);
 letter-spacing:-1px;pointer-events:none
}

/* About / gallery premium depth */
.aboutVisual{box-shadow:0 28px 70px rgba(6,26,45,.18)}
.aboutVisual:after{
 content:"BİR ŞEHİR • BİR TAKIM • BİR GELECEK";
 position:absolute;left:24px;top:24px;color:#a2e9c1;font-size:8px;font-weight:900;letter-spacing:1.4px
}
.galleryItem{transition:.35s ease}
.galleryItem:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(6,26,45,.16)}
.galleryItem:hover:before{background:linear-gradient(transparent 30%,rgba(6,26,45,.68))}

/* Cleaner micro interactions */
.btn,.navCta,.contact,.value{transition:.25s ease}
.contact:hover,.value:hover{transform:translateY(-3px);box-shadow:0 13px 30px rgba(6,26,45,.08);border-color:#cddbd4}
.navCta:hover{box-shadow:0 12px 28px rgba(19,160,90,.34)}
@media(max-width:860px){
 .hero{min-height:auto}
 #maclar:before{display:none}
 .newsCard:first-child{transform:none}
}
@media(max-width:600px){
 .hero .container:after{font-size:125px;right:-30px;bottom:10px}
 .teamCard{min-height:360px}
}



/* Hafif şeffaf futbol temalı hero arka planı */
.hero .football-watermark{
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  overflow:hidden;
  opacity:.15;
}
.hero .football-watermark .field{
  position:absolute;
  width:560px;
  height:360px;
  right:4%;
  top:50%;
  transform:translateY(-50%) rotate(-7deg);
  border:2px solid rgba(255,255,255,.42);
  border-radius:8px;
}
.hero .football-watermark .field:before{
  content:"";
  position:absolute;
  left:50%;
  top:0;
  bottom:0;
  border-left:2px solid rgba(255,255,255,.38);
}
.hero .football-watermark .field:after{
  content:"";
  position:absolute;
  width:118px;
  height:118px;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  border:2px solid rgba(255,255,255,.38);
  border-radius:50%;
}
.hero .football-watermark .box-left,
.hero .football-watermark .box-right{
  position:absolute;
  width:105px;
  height:190px;
  top:50%;
  transform:translateY(-50%);
  border:2px solid rgba(255,255,255,.36);
}
.hero .football-watermark .box-left{left:-2px;border-left:0}
.hero .football-watermark .box-right{right:-2px;border-right:0}
.hero .football-watermark .ball{
  position:absolute;
  left:8%;
  bottom:10%;
  width:165px;
  height:165px;
  border:2px solid rgba(255,255,255,.23);
  border-radius:50%;
  box-shadow:
    inset 28px 12px 0 -25px rgba(255,255,255,.18),
    inset -20px -25px 0 -23px rgba(255,255,255,.14);
}
.hero .football-watermark .ball:before{
  content:"";
  position:absolute;
  width:48px;height:42px;
  left:50%;top:50%;
  transform:translate(-50%,-50%) rotate(12deg);
  border:2px solid rgba(255,255,255,.25);
  clip-path:polygon(50% 0,100% 38%,82% 100%,18% 100%,0 38%);
}
.hero .container{z-index:3}
@media(max-width:860px){
  .hero .football-watermark{opacity:.10}
  .hero .football-watermark .field{
    width:430px;height:275px;right:-120px;top:45%;
  }
  .hero .football-watermark .ball{
    width:110px;height:110px;left:-25px;bottom:8%;
  }
}



/* Kulübümüz bölümü - logo tam merkez */
#kulubumuz .about-media,
#kulubumuz .about-visual,
#kulubumuz .about-logo,
#kulubumuz .logo-wrap,
#kulubumuz .media,
#kulubumuz .visual{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
}

#kulubumuz img{
  display:block !important;
  margin-left:auto !important;
  margin-right:auto !important;
  object-position:center center !important;
}



/* Kulübümüz: beyaz kart yok, yalnızca büyük kulüp arması */
#kulubumuz .about-media,
#kulubumuz .about-visual,
#kulubumuz .about-logo,
#kulubumuz .logo-wrap,
#kulubumuz .media,
#kulubumuz .visual{
  background:transparent !important;
  border:none !important;
  box-shadow:none !important;
  padding:0 !important;
  overflow:visible !important;
}

#kulubumuz img{
  width:min(100%, 390px) !important;
  height:auto !important;
  max-height:none !important;
  object-fit:contain !important;
  display:block !important;
  margin:0 auto !important;
  border-radius:0 !important;
  background:transparent !important;
  border:none !important;
  box-shadow:none !important;
}

@media(max-width:700px){
  #kulubumuz img{
    width:min(82vw, 320px) !important;
  }
}



/* Kullanıcının gönderdiği yeni PNG logo — dosyaya müdahale edilmeden kullanılır */
.brand img,
.hero img,
#kulubumuz img,
.match-card img,
img[src^="data:image/png;base64"]{
  object-fit:contain;
}

#kulubumuz img{
  background:transparent !important;
  border:none !important;
  box-shadow:none !important;
}



/* LOGO ZEMİNLERİ: yalnızca arma, çevresi tamamen şeffaf */
.brand-logo,
.logo,
.logo-wrap,
.hero-logo,
.hero-mark,
.match-logo,
.club-logo,
#kulubumuz .about-media,
#kulubumuz .about-visual,
#kulubumuz .about-logo,
#kulubumuz .logo-wrap{
  background:transparent !important;
  background-color:transparent !important;
  box-shadow:none !important;
  border-color:transparent !important;
}

.brand-logo img,
.logo img,
.logo-wrap img,
.hero-logo img,
.hero-mark img,
.match-logo img,
.club-logo img,
#kulubumuz img,
img[src^="data:image/png;base64"]{
  background:transparent !important;
  background-color:transparent !important;
  box-shadow:none !important;
  border:none !important;
  object-fit:contain !important;
}



/* Logo etrafındaki yapay beyaz yuvarlak/kart tamamen kaldırıldı */
.logo,
.logo-box,
.logo-wrap,
.logo-badge,
.brand-logo,
.brand-mark,
.hero-logo,
.hero-mark,
.club-logo,
.match-logo,
.about-logo,
#kulubumuz .about-media,
#kulubumuz .about-visual,
#kulubumuz .about-logo,
#kulubumuz .logo-wrap{
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
}

/* Pseudo-element ile oluşturulan beyaz halka/zeminleri de kaldır */
.logo::before,.logo::after,
.logo-box::before,.logo-box::after,
.logo-wrap::before,.logo-wrap::after,
.logo-badge::before,.logo-badge::after,
.brand-logo::before,.brand-logo::after,
.brand-mark::before,.brand-mark::after,
.hero-logo::before,.hero-logo::after,
.hero-mark::before,.hero-mark::after,
.club-logo::before,.club-logo::after,
.match-logo::before,.match-logo::after,
.about-logo::before,.about-logo::after,
#kulubumuz .about-media::before,#kulubumuz .about-media::after,
#kulubumuz .about-visual::before,#kulubumuz .about-visual::after{
    background: transparent !important;
    background-image: none !important;
    border: 0 !important;
    box-shadow: none !important;
}

/* PNG'nin kendisi tek başına görünür */
.logo img,
.logo-box img,
.logo-wrap img,
.logo-badge img,
.brand-logo img,
.brand-mark img,
.hero-logo img,
.hero-mark img,
.club-logo img,
.match-logo img,
.about-logo img,
#kulubumuz img{
    display:block !important;
    background:transparent !important;
    border:0 !important;
    outline:0 !important;
    box-shadow:none !important;
    object-fit:contain !important;
}



/* ANA SAYFA: logonun arkasındaki büyük beyaz yuvarlak */
.heroLogo::before,
.heroLogo::after{
  content:none !important;
  display:none !important;
  background:none !important;
  box-shadow:none !important;
  border:none !important;
}
.heroLogo{
  background:transparent !important;
  box-shadow:none !important;
  border:none !important;
}
.heroLogo img{
  width:94% !important;
  height:94% !important;
  background:transparent !important;
}

/* MAÇ KARTLARI: logonun arkasındaki beyaz/gri daire */
.clubMark:not(.rival){
  background:transparent !important;
  border:none !important;
  box-shadow:none !important;
}
.clubMark:not(.rival) img{
  width:82px !important;
  height:82px !important;
  background:transparent !important;
}

/* KULÜBÜMÜZ: beyaz yuvarlak logo kartını tamamen kaldır */
.aboutVisual .crest{
  background:transparent !important;
  border:none !important;
  box-shadow:none !important;
  border-radius:0 !important;
}
.aboutVisual .crest::before,
.aboutVisual .crest::after{
  content:none !important;
  display:none !important;
}
.aboutVisual .crest img{
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  background:transparent !important;
  border:none !important;
  box-shadow:none !important;
}



/* Logolar biraz daha büyük */
.heroLogo img{
  width:108% !important;
  height:108% !important;
  max-width:none !important;
  max-height:none !important;
}

.clubMark:not(.rival) img{
  width:94px !important;
  height:94px !important;
  max-width:none !important;
}

.aboutVisual .crest img{
  width:112% !important;
  height:112% !important;
  max-width:none !important;
  max-height:none !important;
}



/* Gönderilen PNG birebir kullanılır; kırpma/maskeleme/clip yok */
.heroLogo{
  overflow:visible !important;
}
.heroLogo img{
  width:100% !important;
  height:100% !important;
  max-width:100% !important;
  max-height:100% !important;
  object-fit:contain !important;
  object-position:center !important;
  clip-path:none !important;
  mask:none !important;
  border-radius:0 !important;
  transform:none !important;
}

.clubMark:not(.rival){
  overflow:visible !important;
}
.clubMark:not(.rival) img{
  width:100% !important;
  height:100% !important;
  max-width:100% !important;
  max-height:100% !important;
  object-fit:contain !important;
  clip-path:none !important;
  mask:none !important;
  border-radius:0 !important;
  transform:none !important;
}

.aboutVisual .crest{
  overflow:visible !important;
}
.aboutVisual .crest img{
  width:100% !important;
  height:100% !important;
  max-width:100% !important;
  max-height:100% !important;
  object-fit:contain !important;
  object-position:center !important;
  clip-path:none !important;
  mask:none !important;
  border-radius:0 !important;
  transform:none !important;
}



/* Üst menü sol marka alanını mevcut boşluğu kullanarak büyüt */
header .brand,
.header .brand,
.navbar .brand,
nav .brand{
  gap:12px !important;
  min-width:max-content;
}

header .brand img,
.header .brand img,
.navbar .brand img,
nav .brand img{
  width:66px !important;
  height:66px !important;
  max-width:66px !important;
  max-height:66px !important;
  object-fit:contain !important;
  flex:0 0 66px !important;
}

header .brand strong,
.header .brand strong,
.navbar .brand strong,
nav .brand strong{
  font-size:18px !important;
  line-height:1.05 !important;
  letter-spacing:.3px !important;
}

header .brand small,
.header .brand small,
.navbar .brand small,
nav .brand small{
  font-size:10px !important;
  line-height:1.15 !important;
  margin-top:4px !important;
}

@media(max-width:900px){
  header .brand img,
  .header .brand img,
  .navbar .brand img,
  nav .brand img{
    width:55px !important;
    height:55px !important;
    max-width:55px !important;
    max-height:55px !important;
    flex-basis:55px !important;
  }

  header .brand strong,
  .header .brand strong,
  .navbar .brand strong,
  nav .brand strong{
    font-size:16px !important;
  }
}



/* ===== Ortalanmış kulüp armalı yeni üst menü ===== */
header{
  position:sticky !important;
  top:0 !important;
  z-index:1000 !important;
  overflow:visible !important;
  background:rgba(255,255,255,.96) !important;
  -webkit-backdrop-filter:blur(16px) !important;
backdrop-filter:blur(16px) !important;
  -webkit-backdrop-filter:blur(16px) !important;
backdrop-filter:blur(16px) !important;
}

header .navwrap{
  position:relative !important;
  min-height:92px !important;
  width:min(1280px,94%) !important;
  gap:0 !important;
}

/* Solda yalnızca kulüp adı */
header .brand{
  position:static !important;
  display:flex !important;
  align-items:center !important;
  min-width:220px !important;
  padding-right:18px !important;
}
header .brand img{
  position:absolute !important;
  left:50% !important;
  top:50% !important;
  width:106px !important;
  height:106px !important;
  max-width:none !important;
  max-height:none !important;
  transform:translate(-50%,-42%) scale(.68) !important;
  opacity:0 !important;
  z-index:20 !important;
  object-fit:contain !important;
  filter:drop-shadow(0 12px 18px rgba(3,17,30,.16)) !important;
  transition:
    opacity .75s cubic-bezier(.2,.8,.2,1),
    transform .85s cubic-bezier(.2,.8,.2,1),
    width .35s ease,
    height .35s ease !important;
  pointer-events:auto !important;
}

/* Sayfa açıldıktan sonra arma yumuşak biçimde ortaya gelir */
body.logo-ready header .brand img{
  opacity:1 !important;
  transform:translate(-50%,-42%) scale(1) !important;
}

/* Scroll'da arma ortada kalır, header biraz kompaktlaşır */
header.scrolled .navwrap{min-height:78px !important}
header.scrolled .brand img{
  width:88px !important;
  height:88px !important;
  transform:translate(-50%,-44%) scale(1) !important;
}
header.scrolled{
  box-shadow:0 12px 35px rgba(3,17,30,.10) !important;
}

/* Kulüp adı solda daha temiz */
header .brand > span{
  display:block !important;
}
header .brand strong{
  font-size:16px !important;
  line-height:1.05 !important;
  letter-spacing:.4px !important;
}
header .brand small{
  font-size:9px !important;
  letter-spacing:1.5px !important;
}

/* Menü ortadaki armaya çarpmadan iki yana yayılır */
header nav{
  flex:1 !important;
  margin-left:0 !important;
  display:grid !important;
  grid-template-columns:repeat(8,max-content) !important;
  align-items:center !important;
  justify-content:end !important;
  column-gap:18px !important;
}
header nav a{
  padding-top:35px !important;
  padding-bottom:35px !important;
}
header nav a:nth-child(4){
  margin-right:118px !important;
}

/* Ortadaki arma için çok hafif alt vurgu */
header .navwrap::after{
  content:"" !important;
  position:absolute !important;
  left:50% !important;
  bottom:-1px !important;
  width:94px !important;
  height:3px !important;
  transform:translateX(-50%) scaleX(0) !important;
  border-radius:20px !important;
  background:linear-gradient(90deg,var(--green),var(--green2)) !important;
  transition:transform .7s .35s ease !important;
}
body.logo-ready header .navwrap::after{
  transform:translateX(-50%) scaleX(1) !important;
}

/* Tablet/mobil: klasik ve sağlam mobil header */
@media(max-width:1100px){
  header .navwrap{min-height:78px !important}
  header .brand{min-width:0 !important;padding-right:0 !important}
  header .brand img{
    position:static !important;
    width:58px !important;
    height:58px !important;
    opacity:1 !important;
    transform:none !important;
    margin-right:10px !important;
    filter:none !important;
  }
  header .brand > span{display:block !important}
  header nav{
    display:none !important;
  }
  header nav.open{
    display:flex !important;
  }
  header .menuBtn{
    display:block !important;
  }
  header .navwrap::after{display:none !important}
}

@media(max-width:600px){
  header .brand img{
    width:52px !important;
    height:52px !important;
  }
  header .brand strong{font-size:13px !important}
  header .brand small{font-size:8px !important}
}



/* Ortadaki logonun altında hiçbir menü yazısı kalmasın */
@media(min-width:1101px){
  header .navwrap{
    display:grid !important;
    grid-template-columns:230px 1fr !important;
    align-items:center !important;
  }

  header nav{
    width:100% !important;
    display:grid !important;
    grid-template-columns:
      max-content max-content max-content max-content
      132px
      max-content max-content max-content max-content !important;
    justify-content:center !important;
    align-items:center !important;
    column-gap:16px !important;
  }

  /* Önceki margin yöntemi kaldırıldı */
  header nav a:nth-child(4){
    margin-right:0 !important;
  }

  /* Logo için menünün ortasında gerçek, boş bir koridor oluştur */
  header nav::before{
    content:"" !important;
    display:block !important;
    grid-column:5 !important;
    grid-row:1 !important;
    width:132px !important;
    height:1px !important;
    pointer-events:none !important;
  }

  header nav a:nth-child(1){grid-column:1 !important}
  header nav a:nth-child(2){grid-column:2 !important}
  header nav a:nth-child(3){grid-column:3 !important}
  header nav a:nth-child(4){grid-column:4 !important}
  header nav a:nth-child(5){grid-column:6 !important}
  header nav a:nth-child(6){grid-column:7 !important}
  header nav a:nth-child(7){grid-column:8 !important}
  header nav a:nth-child(8){grid-column:9 !important}

  /* Logo menünün tam merkezinde kalır */
  header .brand img{
    left:50% !important;
    z-index:30 !important;
  }
}

@media(min-width:1101px) and (max-width:1280px){
  header .navwrap{
    grid-template-columns:195px 1fr !important;
    width:98% !important;
  }
  header nav{
    grid-template-columns:
      max-content max-content max-content max-content
      112px
      max-content max-content max-content max-content !important;
    column-gap:11px !important;
  }
  header nav::before{width:112px !important}
  header nav a{font-size:11px !important}
}



@media (min-width:1101px){
  header .navwrap{
    position:relative !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    width:min(1500px,98%) !important;
    min-height:96px !important;
    padding:0 18px !important;
  }

  /* Sol üstteki kulüp adı için sabit alan */
  header .brand{
    position:static !important;
    flex:0 0 215px !important;
    width:215px !important;
    min-width:215px !important;
    padding:0 !important;
    z-index:31 !important;
  }

  /* Logo kesin olarak viewport/header merkezinde */
  header .brand img{
    position:absolute !important;
    left:50% !important;
    top:50% !important;
    width:104px !important;
    height:104px !important;
    max-width:none !important;
    max-height:none !important;
    transform:translate(-50%,-42%) scale(.68) !important;
    z-index:50 !important;
    object-fit:contain !important;
    pointer-events:auto !important;
  }
  body.logo-ready header .brand img{
    transform:translate(-50%,-42%) scale(1) !important;
  }
  header.scrolled .brand img{
    width:88px !important;
    height:88px !important;
    transform:translate(-50%,-44%) scale(1) !important;
  }

  /*
    Menü artık tek grid değil.
    Ortada 150px genişliğinde MUTLAK güvenli alan var.
    1-4 solda, 5-8 sağda.
  */
  header nav{
    position:absolute !important;
    inset:0 !important;
    display:block !important;
    width:100% !important;
    margin:0 !important;
    pointer-events:none !important;
  }

  header nav a{
    position:absolute !important;
    top:50% !important;
    transform:translateY(-50%) !important;
    margin:0 !important;
    padding:16px 8px !important;
    white-space:nowrap !important;
    pointer-events:auto !important;
    font-size:11px !important;
  }

  /* SOL GRUP — logo merkezinden en az 85px önce biter */
  header nav a:nth-child(1){ right:calc(50% + 360px) !important; }
  header nav a:nth-child(2){ right:calc(50% + 270px) !important; }
  header nav a:nth-child(3){ right:calc(50% + 185px) !important; }
  header nav a:nth-child(4){ right:calc(50% + 85px) !important; }

  /* SAĞ GRUP — logo merkezinden en az 85px sonra başlar */
  header nav a:nth-child(5){ left:calc(50% + 85px) !important; }
  header nav a:nth-child(6){ left:calc(50% + 165px) !important; }
  header nav a:nth-child(7){ left:calc(50% + 245px) !important; }
  header nav a:nth-child(8){ left:calc(50% + 325px) !important; }

  /* Önceki grid pseudo-elemanını tamamen kapat */
  header nav::before{
    content:none !important;
    display:none !important;
  }

  /* Logonun altında/arkasında yazı bulunamayacağı 170px'lik gerçek alan */
  header .navwrap::before{
    content:"" !important;
    position:absolute !important;
    left:50% !important;
    top:0 !important;
    width:170px !important;
    height:100% !important;
    transform:translateX(-50%) !important;
    background:rgba(255,255,255,.96) !important;
    z-index:25 !important;
    pointer-events:none !important;
  }

  header .navwrap::after{
    z-index:51 !important;
  }
}

/* Daha dar masaüstünde CTA ve marka çakışmasın; güvenli alan yine korunur */
@media (min-width:1101px) and (max-width:1320px){
  header .brand{
    flex-basis:180px !important;
    width:180px !important;
    min-width:180px !important;
  }
  header .brand strong{font-size:14px !important;}
  header nav a{font-size:10px !important;padding-left:5px !important;padding-right:5px !important;}

  header nav a:nth-child(1){ right:calc(50% + 315px) !important; }
  header nav a:nth-child(2){ right:calc(50% + 240px) !important; }
  header nav a:nth-child(3){ right:calc(50% + 170px) !important; }
  header nav a:nth-child(4){ right:calc(50% + 82px) !important; }

  header nav a:nth-child(5){ left:calc(50% + 82px) !important; }
  header nav a:nth-child(6){ left:calc(50% + 145px) !important; }
  header nav a:nth-child(7){ left:calc(50% + 210px) !important; }
  header nav a:nth-child(8){ left:calc(50% + 275px) !important; }
}



/* MENÜ sekmesini mobilde sağ en üste taşı */
.menuBtn{
  position:fixed !important;
  top:10px !important;
  left:12px !important;
  right:auto !important;
  margin:0 !important;
  z-index:9999 !important;
}

/* Üst bilgi çubuğu varsa butonun rahat görünmesi için sol tarafı boş bırak */
@media(max-width:1100px){
  .topbar .inner,
  .topbarInner{
    padding-left:62px !important;
  }
}



@media(min-width:1101px){
  /* Menü linklerinin absolute yerleşimine kesinlikle dokunma */
  header nav a::after{
    top:auto !important;
    bottom:9px !important;
  }
}



/* Ortadaki logonun altındaki dekoratif yeşil çizgiyi kaldır */
header .navwrap::after{
  content:none !important;
  display:none !important;
}



/* PREMIUM V2 — mevcut yapı korunarak detay işçiliği */
:root{
  --premium-shadow:0 20px 55px rgba(6,26,45,.11);
  --premium-soft-shadow:0 12px 34px rgba(6,26,45,.075);
}

/* HEADER: mevcut ortalı logo/menü yapısını bozmadan daha rafine */
header{
  transition:min-height .28s ease,background .28s ease,box-shadow .28s ease !important;
  border-bottom:1px solid rgba(6,26,45,.06) !important;
}
header.scrolled{
  background:rgba(255,255,255,.94) !important;
  -webkit-backdrop-filter:blur(18px) saturate(135%) !important;
backdrop-filter:blur(18px) saturate(135%) !important;
  -webkit-backdrop-filter:blur(18px) saturate(135%) !important;
backdrop-filter:blur(18px) saturate(135%) !important;
  box-shadow:0 12px 34px rgba(6,26,45,.10) !important;
}
@media(min-width:1101px){
  header nav a{
    transition:color .22s ease,opacity .22s ease !important;
  }
  header nav a::after{
    height:2px !important;
    border-radius:999px !important;
    transition:transform .26s cubic-bezier(.2,.8,.2,1),opacity .2s ease !important;
  }
  header nav a:hover{color:var(--green) !important}
}

/* HERO: derinlik, saha dokusu ve kontrollü hareket */
.hero{isolation:isolate;overflow:hidden !important}
.hero::after{
  content:"";
  position:absolute;
  width:620px;height:620px;
  right:-220px;top:40px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(19,160,90,.13),rgba(19,160,90,0) 68%);
  pointer-events:none;z-index:0;
}
.hero .container{position:relative;z-index:2}
.hero h1{text-shadow:0 10px 32px rgba(0,0,0,.16)}
.hero .football-watermark{
  transition:transform .18s linear,opacity .3s ease !important;
  will-change:transform;
}
.hero .btn,.hero a[class*="btn"]{
  transition:transform .22s ease,box-shadow .22s ease,background .22s ease !important;
}
.hero .btn:hover,.hero a[class*="btn"]:hover{
  transform:translateY(-2px);
  box-shadow:0 12px 28px rgba(6,26,45,.18);
}

/* Bölüm başlıkları */
.sectionHead h2{letter-spacing:-.035em}
.sectionHead .kicker{
  display:inline-flex;align-items:center;gap:8px;
}
.sectionHead .kicker::before{
  content:"";width:22px;height:2px;border-radius:20px;background:var(--green2);
}

/* MAÇ MERKEZİ: daha gerçek fikstür/skor kartı hissi */
#maclar{position:relative}
#maclar .matchGrid{gap:24px}
#maclar .matchCard{
  border-radius:22px !important;
  border:1px solid rgba(6,26,45,.08) !important;
  box-shadow:var(--premium-soft-shadow) !important;
  transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;
}
#maclar .matchCard:hover{
  transform:translateY(-5px);
  box-shadow:var(--premium-shadow) !important;
  border-color:rgba(11,122,67,.22) !important;
}
#maclar .matchCard.featured{
  position:relative;
  box-shadow:0 22px 58px rgba(6,26,45,.14) !important;
}
#maclar .matchCard.featured::before{
  content:"";
  position:absolute;left:0;top:0;bottom:0;width:4px;
  background:linear-gradient(var(--green2),var(--green));
  z-index:4;
}
#maclar .matchTop{
  min-height:48px;align-items:center;
  background:linear-gradient(110deg,#041625,#08263d) !important;
}
#maclar .matchTop .live{
  padding:6px 9px;border-radius:999px;
  background:rgba(19,160,90,.13);
  border:1px solid rgba(123,219,166,.18);
}
#maclar .matchBody{padding-top:30px !important;padding-bottom:32px !important}
#maclar .clubMark:not(.rival){
  transition:transform .3s ease;
}
#maclar .matchCard:hover .clubMark:not(.rival){transform:scale(1.045)}
#maclar .score{
  min-width:74px;padding:8px 12px;border-radius:13px;
  background:#f4f7f7;border:1px solid var(--line);
}
#maclar .matchFooter{
  background:#fbfcfc;
  letter-spacing:.35px;
}

/* HABERLER: editorial kart görünümü */
#haberler .newsGrid{gap:24px}
#haberler .newsCard{
  border-radius:20px !important;
  box-shadow:0 8px 25px rgba(6,26,45,.045);
  transition:transform .34s cubic-bezier(.2,.8,.2,1),box-shadow .34s ease !important;
}
#haberler .newsCard:hover{
  transform:translateY(-7px) !important;
  box-shadow:var(--premium-shadow) !important;
}
#haberler .newsPhoto{height:225px !important}
#haberler .newsPhoto::before{z-index:1}
#haberler .newsPhoto::after{z-index:2}
#haberler .newsPhoto{
  transition:filter .35s ease;
}
#haberler .newsCard:hover .newsPhoto{
  filter:saturate(1.08) contrast(1.025);
}
#haberler .newsBody{padding:22px !important}
#haberler .newsBody h3{line-height:1.18 !important}

/* TAKIMLAR: yaş grubu kartlarında sportif derinlik */
#takimlar article,#takimlar .teamCard{
  position:relative;overflow:hidden;
  transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease !important;
}
#takimlar article:hover,#takimlar .teamCard:hover{
  transform:translateY(-5px);
  box-shadow:var(--premium-shadow) !important;
}
#takimlar article::after,#takimlar .teamCard::after{
  content:"YS";
  position:absolute;right:-8px;bottom:-30px;
  font-size:104px;font-weight:950;line-height:1;
  color:rgba(11,122,67,.045);
  pointer-events:none;
}

/* GALERİ: daha temiz hover */
#galeri .galleryItem,#galeri [class*="gallery"] > div{
  transition:transform .35s ease,box-shadow .35s ease;
}
#galeri .galleryItem:hover{transform:translateY(-3px)}

/* Kartların genel mikro etkileşimi */
.card,.valueCard,.contact,.stat{
  transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease;
}
.card:hover,.valueCard:hover,.contact:hover{
  transform:translateY(-3px);
  box-shadow:var(--premium-soft-shadow);
}

/* Scroll reveal: öğeler daha yumuşak ve kontrollü */
.reveal{
  opacity:0;
  transform:translateY(24px);
  transition:
    opacity .72s cubic-bezier(.2,.75,.2,1),
    transform .72s cubic-bezier(.2,.75,.2,1) !important;
}
.reveal.visible{opacity:1;transform:none}
.sectionHead.reveal{transition-delay:.02s !important}
.matchGrid.reveal,.newsGrid.reveal,.galleryGrid.reveal{transition-delay:.08s !important}

/* Bölümler arası daha premium ayrım */
.section{position:relative}
.section.alt{
  background:
    radial-gradient(circle at 90% 5%,rgba(19,160,90,.055),transparent 25%),
    var(--soft) !important;
}

/* FOOTER: kulüp sitesi hissini güçlendir */
footer{
  position:relative;overflow:hidden;
  background:
    radial-gradient(circle at 12% 10%,rgba(19,160,90,.14),transparent 27%),
    linear-gradient(145deg,#020e19,#061a2d 68%,#06283a) !important;
  padding-top:70px !important;
}
footer::before{
  content:"YEŞİL SAPANCA";
  position:absolute;right:-18px;bottom:40px;
  font-size:clamp(70px,10vw,160px);font-weight:950;letter-spacing:-6px;
  color:rgba(255,255,255,.025);white-space:nowrap;pointer-events:none;
}
footer .footgrid{position:relative;z-index:2}
footer .footbrand img{
  width:76px !important;height:76px !important;
  object-fit:contain !important;
  background:transparent !important;
  border-radius:0 !important;padding:0 !important;
}
footer h3{
  color:#fff !important;
  font-size:11px !important;
  letter-spacing:1.7px !important;
}
footer a{
  transition:color .2s ease,transform .2s ease;
}
footer a:hover{transform:translateX(3px)}
footer .copyright{position:relative;z-index:2}

/* Hareket azaltma tercihi */
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{
    scroll-behavior:auto !important;
    animation-duration:.01ms !important;
    animation-iteration-count:1 !important;
    transition-duration:.01ms !important;
  }
}

@media(max-width:900px){
  #haberler .newsPhoto{height:195px !important}
  footer::before{font-size:72px;right:-10px}
}



/* Üst menü: logo boşluğu hariç tüm sekmelerin aralığını eşitle */
@media(min-width:1101px){
  header nav a:nth-child(1){ right:calc(50% + 355px) !important; }
  header nav a:nth-child(2){ right:calc(50% + 265px) !important; }
  header nav a:nth-child(3){ right:calc(50% + 175px) !important; }
  header nav a:nth-child(4){ right:calc(50% + 85px) !important; }

  header nav a:nth-child(5){ left:calc(50% + 85px) !important; }
  header nav a:nth-child(6){ left:calc(50% + 175px) !important; }
  header nav a:nth-child(7){ left:calc(50% + 265px) !important; }
  header nav a:nth-child(8){ left:calc(50% + 355px) !important; }
}

@media(min-width:1101px) and (max-width:1320px){
  header nav a:nth-child(1){ right:calc(50% + 310px) !important; }
  header nav a:nth-child(2){ right:calc(50% + 234px) !important; }
  header nav a:nth-child(3){ right:calc(50% + 158px) !important; }
  header nav a:nth-child(4){ right:calc(50% + 82px) !important; }

  header nav a:nth-child(5){ left:calc(50% + 82px) !important; }
  header nav a:nth-child(6){ left:calc(50% + 158px) !important; }
  header nav a:nth-child(7){ left:calc(50% + 234px) !important; }
  header nav a:nth-child(8){ left:calc(50% + 310px) !important; }
}



/* ===== PREMIUM V3 — KULÜP PORTALI ===== */
html{scroll-behavior:smooth}
:focus-visible{outline:3px solid rgba(19,160,90,.42)!important;outline-offset:3px!important}
img{max-width:100%}

/* Ortak portal butonları */
.portalBtn{
  appearance:none;border:0;cursor:pointer;text-decoration:none;
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  min-height:42px;padding:0 16px;border-radius:12px;
  font:800 12px/1 Inter,Segoe UI,Arial,sans-serif;letter-spacing:.45px;
  transition:.22s ease;
}
.portalBtn.primary{background:var(--green);color:#fff}
.portalBtn.primary:hover{background:var(--green2);transform:translateY(-2px)}
.portalBtn.ghost{background:#fff;color:var(--navy);border:1px solid var(--line)}
.portalBtn.ghost:hover{border-color:rgba(11,122,67,.35);color:var(--green)}
.portalSectionTop{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:22px}

/* MAÇ MERKEZİ — sekmeli portal */
.matchPortal{
  margin-top:22px;border:1px solid rgba(6,26,45,.08);border-radius:22px;
  background:#fff;box-shadow:0 18px 55px rgba(6,26,45,.08);overflow:hidden;
}
.matchTabs{
  display:flex;gap:4px;padding:8px;background:#071d31;overflow-x:auto;
  scrollbar-width:none;
}
.matchTabs::-webkit-scrollbar{display:none}
.matchTab{
  flex:1;min-width:max-content;border:0;background:transparent;color:rgba(255,255,255,.68);
  padding:13px 18px;border-radius:12px;font:850 11px/1 Inter,Segoe UI,Arial,sans-serif;
  letter-spacing:.65px;cursor:pointer;transition:.2s ease;
}
.matchTab.active{background:var(--green);color:#fff}
.matchPanel{display:none;padding:22px}
.matchPanel.active{display:block}
.portalFixture{
  display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:22px;
  padding:22px;border:1px solid var(--line);border-radius:18px;background:#fbfcfc;
}
.portalClub{display:flex;align-items:center;gap:12px;font-weight:900;color:var(--navy)}
.portalClub.away{justify-content:flex-end;text-align:right}
.portalClub img{width:58px;height:58px;object-fit:contain}
.portalVs{text-align:center}
.portalVs strong{display:block;font-size:23px;color:var(--navy)}
.portalVs small{display:block;margin-top:5px;color:var(--muted);font-size:11px}
.portalInfo{
  display:flex;flex-wrap:wrap;gap:8px;margin-top:14px;justify-content:center
}
.portalInfo span{padding:7px 10px;border-radius:999px;background:#eef5f1;color:#315044;font-size:11px;font-weight:750}
.standings{width:100%;border-collapse:collapse;font-size:12px}
.standings th,.standings td{padding:12px 10px;border-bottom:1px solid var(--line);text-align:center}
.standings th:nth-child(2),.standings td:nth-child(2){text-align:left}
.standings th{font-size:10px;letter-spacing:.7px;color:var(--muted)}
.standings tbody tr:first-child{background:rgba(19,160,90,.055)}

/* Haber portalı */
.newsPortalBar{
  display:flex;justify-content:space-between;align-items:center;gap:16px;margin:22px 0 0
}
.newsFilters{display:flex;gap:8px;flex-wrap:wrap}
.newsFilter{
  border:1px solid var(--line);background:#fff;color:var(--muted);padding:9px 12px;border-radius:999px;
  font-size:10px;font-weight:850;letter-spacing:.5px;cursor:pointer
}
.newsFilter.active{background:var(--navy);border-color:var(--navy);color:#fff}
.newsCard{cursor:pointer}
.newsCard[data-hidden="true"]{display:none!important}

/* Takım detayları */
#takimlar article,#takimlar .teamCard{cursor:pointer}
.teamPortalHint{margin-top:18px;color:var(--muted);font-size:12px;text-align:center}

/* Galeri filtreleri */
.galleryTools{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 20px}
.galleryFilter{
  border:1px solid var(--line);background:#fff;padding:9px 13px;border-radius:999px;
  color:var(--muted);font-size:10px;font-weight:850;cursor:pointer
}
.galleryFilter.active{background:var(--green);color:#fff;border-color:var(--green)}
#galeri .galleryItem{cursor:zoom-in}

/* Modal / detay ekranları */
.portalModal{
  position:fixed;inset:0;z-index:10050;background:rgba(2,12,21,.82);
  -webkit-backdrop-filter:blur(10px);
backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
backdrop-filter:blur(10px);
  display:none;align-items:center;justify-content:center;padding:22px;
}
.portalModal.open{display:flex}
.portalModalCard{
  position:relative;width:min(760px,100%);max-height:88vh;overflow:auto;
  background:#fff;border-radius:24px;box-shadow:0 30px 90px rgba(0,0,0,.35);padding:30px;
}
.portalClose{
  position:absolute;right:16px;top:16px;width:38px;height:38px;border-radius:50%;
  border:1px solid var(--line);background:#fff;color:var(--navy);font-size:21px;cursor:pointer
}
.portalModalKicker{color:var(--green);font-size:10px;font-weight:900;letter-spacing:1.2px;margin-bottom:8px}
.portalModalCard h2{margin:0 42px 10px 0;color:var(--navy);font-size:clamp(25px,4vw,38px)}
.portalModalCard p{color:var(--muted);line-height:1.75}
.teamDetailGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0}
.teamDetailGrid div{padding:14px;border-radius:14px;background:var(--soft);border:1px solid var(--line)}
.teamDetailGrid strong{display:block;color:var(--navy);font-size:12px}
.teamDetailGrid small{color:var(--muted)}

/* Başvuru formu daha gerçek uygulama hissi */
#basvuru form input,#basvuru form select,#basvuru form textarea{
  transition:border-color .2s ease,box-shadow .2s ease!important
}
#basvuru form input:focus,#basvuru form select:focus,#basvuru form textarea:focus{
  border-color:var(--green)!important;box-shadow:0 0 0 4px rgba(11,122,67,.09)!important
}
.formStatus{
  display:none;margin-top:12px;padding:12px 14px;border-radius:12px;
  background:#edf8f2;color:#0b633b;font-size:12px;font-weight:750
}
.formStatus.show{display:block}

/* Mobil: masaüstünün küçültülmüş hali değil */
@media(max-width:900px){
  .portalSectionTop{align-items:flex-start;flex-direction:column}
  .matchPortal{border-radius:18px}
  .matchPanel{padding:14px}
  .portalFixture{grid-template-columns:1fr;gap:14px;text-align:center;padding:18px}
  .portalClub,.portalClub.away{justify-content:center;text-align:center}
  .portalClub.away{flex-direction:row-reverse}
  .teamDetailGrid{grid-template-columns:1fr}
  .portalModal{padding:10px}
  .portalModalCard{padding:24px 18px;border-radius:20px}
  .newsPortalBar{align-items:flex-start;flex-direction:column}
}



/* Ana menü logosu da açılışta yumuşak biçimde gelsin */
@media(min-width:1101px){
  header .brand img{
    opacity:0 !important;
    transform:translate(-50%,-42%) scale(.38) !important;
    filter:drop-shadow(0 0 0 rgba(3,17,30,0)) !important;
    transition:
      opacity .75s cubic-bezier(.2,.8,.2,1),
      transform 1.05s cubic-bezier(.16,1,.3,1),
      filter 1.05s ease !important;
    will-change:transform,opacity;
  }

  body.logo-ready header .brand img{
    opacity:1 !important;
    transform:translate(-50%,-42%) scale(1) !important;
    filter:drop-shadow(0 12px 18px rgba(3,17,30,.16)) !important;
  }

  header.scrolled .brand img{
    opacity:1 !important;
    transform:translate(-50%,-44%) scale(1) !important;
  }
}

@media(prefers-reduced-motion:reduce){
  header .brand img{
    opacity:1 !important;
    transition:none !important;
  }
}



/* Ana sayfa/hero logosu: menü logosuyla uyumlu yumuşak giriş */
.heroLogo{
  opacity:0 !important;
  transform:translateY(14px) scale(.42) !important;
  filter:drop-shadow(0 0 0 rgba(0,0,0,0)) !important;
  transition:
    opacity .8s cubic-bezier(.2,.8,.2,1),
    transform 1.15s cubic-bezier(.16,1,.3,1),
    filter 1.15s ease !important;
  will-change:transform,opacity;
}
body.hero-logo-ready .heroLogo{
  opacity:1 !important;
  transform:translateY(0) scale(1) !important;
  filter:drop-shadow(0 18px 28px rgba(0,0,0,.18)) !important;
}
@media(prefers-reduced-motion:reduce){
  .heroLogo{
    opacity:1 !important;
    transform:none !important;
    transition:none !important;
  }
}



@media(min-width:1101px){
  header{ overflow:visible !important; }
  header .navwrap{ position:relative !important; overflow:visible !important; }
  header .brand img{
    top:50% !important;
    bottom:auto !important;
    transform:translate(-50%,-50%) scale(.38) !important;
    transform-origin:center center !important;
    z-index:60 !important;
  }
  body.logo-ready header .brand img{
    transform:translate(-50%,-50%) scale(1) !important;
  }
  header.scrolled .brand img,
  body.logo-ready header.scrolled .brand img{
    top:50% !important;
    transform:translate(-50%,-50%) scale(.82) !important;
  }
}



#haberler .newsGrid .newsCard:first-child .newsPhoto{
  min-height:360px !important;
}
#haberler .newsGrid .newsCard:first-child .newsBody p{
  margin:0 0 12px;
  line-height:1.65;
}
#haberler .newsGrid .newsCard:first-child .newsBody p:not(:first-of-type){
  display:none;
}
@media(max-width:700px){
  #haberler .newsGrid .newsCard:first-child .newsPhoto{
    min-height:310px !important;
    background-position:center top !important;
  }
}



/* Kulübümüz bölümüne entegre tarihçe */
.clubHistoryBlock{
  margin-top:34px;
  padding:28px 30px;
  border:1px solid rgba(6,26,45,.09);
  border-radius:22px;
  background:
    radial-gradient(circle at 100% 0%,rgba(19,160,90,.08),transparent 34%),
    #fff;
  box-shadow:0 16px 44px rgba(6,26,45,.07);
  position:relative;
  overflow:hidden;
}
.clubHistoryBlock::after{
  content:"2023";
  position:absolute;
  right:22px;
  top:2px;
  font-size:82px;
  line-height:1;
  font-weight:950;
  color:rgba(11,122,67,.055);
  pointer-events:none;
}
.clubHistoryKicker{
  display:flex;align-items:center;gap:9px;
  color:var(--green);font-size:10px;font-weight:900;letter-spacing:1.2px;
  margin-bottom:8px;
}
.clubHistoryKicker::before{content:"";width:26px;height:2px;background:var(--green);border-radius:10px}
.clubHistoryBlock h3{
  margin:0 0 10px;color:var(--navy);
  font-size:clamp(24px,3vw,34px);letter-spacing:-.7px;
}
.clubHistoryBlock>p{
  max-width:790px;margin:0 0 18px;color:var(--muted);line-height:1.75;font-size:14px;
}
.historyTimeline{
  display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:20px 0 22px;
}
.historyStep{
  position:relative;padding:14px 12px 14px 16px;
  border-left:3px solid var(--green);
  background:rgba(6,26,45,.025);border-radius:0 12px 12px 0;
}
.historyStep strong{display:block;color:var(--navy);font-size:11px;margin-bottom:4px}
.historyStep span{display:block;color:var(--muted);font-size:10px;line-height:1.45}
.historyFullText p{margin:0 0 15px!important}
@media(max-width:800px){
  .clubHistoryBlock{padding:22px 18px;margin-top:26px}
  .clubHistoryBlock::after{font-size:58px;right:10px}
  .historyTimeline{grid-template-columns:1fr 1fr}
}
@media(max-width:480px){
  .historyTimeline{grid-template-columns:1fr}
}



#kulubumuz{
  padding-bottom:72px !important;
}
#kulubumuz .clubHistoryInline{
  width:min(1180px,calc(100% - 40px));
  margin:34px auto 0;
  padding:28px 30px;
  border:1px solid rgba(6,26,45,.09);
  border-radius:22px;
  background:linear-gradient(135deg,#fff 0%,#f6fbf8 100%);
  box-shadow:0 16px 44px rgba(6,26,45,.07);
}
.clubHistoryInlineHead{
  display:flex;justify-content:space-between;align-items:flex-start;gap:30px;
}
.clubHistoryInlineHead>div:first-child{max-width:800px}
.clubHistoryInline h3{
  margin:0 0 10px;color:var(--navy);
  font-size:clamp(25px,3vw,36px);letter-spacing:-.7px;
}
.clubHistoryInline p{margin:0;color:var(--muted);line-height:1.75;font-size:14px}
.historyYear{
  flex:0 0 auto;
  font-size:72px;font-weight:950;line-height:.9;
  color:rgba(11,122,67,.10);letter-spacing:-4px;
}
@media(max-width:800px){
  #kulubumuz .clubHistoryInline{width:calc(100% - 28px);padding:22px 18px}
  .clubHistoryInlineHead{display:block}
  .historyYear{font-size:48px;margin:15px 0 0}
}



#tam-kulup-tarihcesi{
  scroll-margin-top:130px;
  margin-top:26px;
  padding-top:4px;
}
.fullHistoryInner{
  padding:30px;
  border-radius:22px;
  background:linear-gradient(135deg,#071d31 0%,#0a3a34 100%);
  box-shadow:0 20px 55px rgba(6,26,45,.14);
}
.fullHistoryInner h3{
  color:#fff;margin:0 0 18px;
  font-size:clamp(27px,3vw,40px);
}
.fullHistoryInner p{
  color:rgba(255,255,255,.78);
  line-height:1.8;margin:0 0 15px;
}
.fullHistoryInner strong{color:#fff}
.fullHistoryInner blockquote{
  margin:24px 0 0;padding:18px 20px;
  border-left:4px solid var(--green2);
  background:rgba(255,255,255,.06);
  border-radius:0 14px 14px 0;
  color:#fff;font-weight:800;line-height:1.65;
}
#openClubHistoryInline{scroll-behavior:smooth}
@media(max-width:700px){
  .fullHistoryInner{padding:23px 18px}
}



.historyPageCta{
  width:min(1180px,calc(100% - 40px));margin:26px auto 0;
  display:flex;align-items:center;justify-content:space-between;gap:24px;
  padding:20px 22px;border-top:1px solid var(--line);
}
.historyPageCta span{display:block;color:var(--green);font-size:9px;font-weight:900;letter-spacing:1.2px;margin-bottom:5px}
.historyPageCta strong{display:block;color:var(--navy);font-size:15px}
@media(max-width:700px){
 .historyPageCta{width:calc(100% - 28px);align-items:flex-start;flex-direction:column;padding:18px 0}
}



/* 2026 içerik ve kurumsal alan güncellemeleri */
.clubAbout2026{align-items:start}
.clubFacts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:22px 0}
.clubFacts>div{background:#fff;border:1px solid rgba(6,26,45,.08);border-radius:14px;padding:15px 14px;box-shadow:0 8px 24px rgba(6,26,45,.04)}
.clubFacts strong{display:block;color:var(--navy);font-size:16px;margin-bottom:5px}.clubFacts span{display:block;color:var(--muted);font-size:9px;font-weight:850;letter-spacing:.7px;line-height:1.45}
.missionVision{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0 0 18px}.missionVision article{padding:18px;border-radius:16px;background:linear-gradient(145deg,#071f34,#0a533a);color:white}.missionVision article>span{display:block;color:#8fe0b4;font-size:9px;font-weight:900;letter-spacing:1.2px;margin-bottom:7px}.missionVision article p{margin:0!important;color:#e7f1ed!important;font-size:12px!important;line-height:1.65!important}
.clubValues{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 20px}.clubValues span{padding:8px 10px;border-radius:999px;background:rgba(11,122,67,.08);border:1px solid rgba(11,122,67,.12);color:var(--green);font-size:9px;font-weight:850}
.clubMoreBtn{display:inline-flex;min-height:46px;align-items:center;padding:0 16px;border-radius:10px;background:var(--green2);color:#fff;font-size:10px;font-weight:900;letter-spacing:.45px;box-shadow:0 10px 24px rgba(19,160,90,.18)}
#haberler .newsGrid{grid-template-columns:minmax(0,760px);justify-content:start}#haberler .newsCard:first-child{width:100%}
.contactGrid2026{grid-template-columns:repeat(3,1fr)}.disabledContact{opacity:.72}.contactGrid2026 a.contact{text-decoration:none;color:inherit}
.footerDisabled{display:block;color:rgba(255,255,255,.55);font-size:11px;margin:9px 0;cursor:default}.footgrid2026{grid-template-columns:1.4fr 1fr 1fr 1fr}
.floatingContact{position:fixed;right:14px;bottom:16px;z-index:90;display:flex;flex-direction:column;gap:8px}.floatBtn{width:43px;height:43px;border-radius:50%;border:1px solid rgba(255,255,255,.3);display:grid;place-items:center;font-size:14px;font-weight:950;box-shadow:0 10px 28px rgba(0,0,0,.2);cursor:default}.phoneFloat{background:#0b4f7d;color:#fff}.waFloat{background:#0b7a43;color:#fff;font-size:10px}
/* Mobilde mevcut menüyü gerçek yan menüye dönüştür */
@media(max-width:900px){
  header .menuBtn{display:block!important;position:fixed!important;top:10px!important;right:12px!important;left:auto!important;margin:0!important;z-index:130!important}
  header nav{display:flex!important;position:fixed!important;top:0!important;right:-360px!important;left:auto!important;width:min(86vw,340px)!important;height:100dvh!important;z-index:125!important;background:linear-gradient(180deg,#061a2d,#073e32)!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;gap:0!important;padding:86px 22px 28px!important;box-shadow:-20px 0 55px rgba(0,0,0,.25)!important;transition:right .28s ease!important;overflow-y:auto!important}
  header nav.open{right:0!important}
  header nav a{position:relative!important;left:auto!important;right:auto!important;top:auto!important;width:100%!important;padding:16px 4px!important;border-bottom:1px solid rgba(255,255,255,.09)!important;color:#fff!important;font-size:12px!important;text-align:left!important}
  header nav a::after{display:none!important}
  header nav .navCta{margin-top:16px!important;text-align:center!important;border:0!important}
  .clubFacts{grid-template-columns:1fr}.missionVision{grid-template-columns:1fr}.contactGrid2026{grid-template-columns:1fr}.footgrid2026{grid-template-columns:1fr 1fr}
}
@media(max-width:600px){.footgrid2026{grid-template-columns:1fr}.floatingContact{right:10px;bottom:12px}.floatBtn{width:40px;height:40px}}



/* Kulübümüz: logoyu dosyaya gömülü kullan, CTA'yı sol görsel kartında logonun altına taşı */
#kulubumuz .aboutVisual{
  display:flex !important;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:30px;
  padding:46px 28px 42px;
}
#kulubumuz .aboutVisual .crest{
  position:relative !important;
  inset:auto !important;
  transform:none !important;
  width:220px !important;
  height:220px !important;
  display:grid !important;
  place-items:center !important;
  background:transparent !important;
  box-shadow:none !important;
  border-radius:0 !important;
  z-index:2;
}
#kulubumuz .aboutVisual .crest img{
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  display:block !important;
}
#kulubumuz .clubMoreBtnVisual{
  position:relative;
  z-index:3;
  justify-content:center;
  text-align:center;
  margin:0;
  max-width:330px;
  min-height:48px;
  padding:0 18px;
  background:#13a05a;
  box-shadow:0 12px 28px rgba(0,0,0,.18);
}
#kulubumuz .clubMoreBtnVisual:hover{
  transform:translateY(-2px);
}
@media(max-width:900px){
  #kulubumuz .aboutVisual{min-height:400px;padding:38px 22px 34px;gap:24px}
  #kulubumuz .aboutVisual .crest{width:190px !important;height:190px !important}
  #kulubumuz .clubMoreBtnVisual{width:min(100%,330px)}
}

/* Mobile QA fixes: prevent off-canvas navigation from creating horizontal scroll */
@media(max-width:900px){
  html,body{max-width:100%;overflow-x:hidden}
  header nav{
    right:0!important;
    transform:translateX(100%)!important;
    transition:transform .28s ease!important;
  }
  header nav.open{right:0!important;transform:translateX(0)!important}
}


/* 2026-09-20 mobile menu position hotfix */
@media (max-width:900px){
  header .menuBtn, .menuBtn{
    position:fixed !important;
    top:10px !important;
    right:12px !important;
    left:auto !important;
    margin:0 !important;
    z-index:9999 !important;
  }
  .topbar .inner, .topbarInner{
    padding-right:64px !important;
    padding-left:0 !important;
  }
}

/* 2026-09-20 mobile header logo lock: keep crest fully visible at top-left */
@media (max-width:900px){
  header .navwrap{
    position:relative !important;
    width:100% !important;
    padding:0 16px !important;
    margin:0 !important;
  }
  header .brand{
    position:relative !important;
    min-height:78px !important;
    padding-left:66px !important;
    padding-right:0 !important;
    margin:0 !important;
  }
  header .brand img,
  body.logo-ready header .brand img,
  header.scrolled .brand img,
  body.logo-ready header.scrolled .brand img{
    position:absolute !important;
    left:0 !important;
    top:50% !important;
    right:auto !important;
    bottom:auto !important;
    width:54px !important;
    height:54px !important;
    max-width:54px !important;
    max-height:54px !important;
    margin:0 !important;
    transform:translateY(-50%) !important;
    transform-origin:center center !important;
    opacity:1 !important;
    filter:none !important;
    flex:0 0 54px !important;
    animation:none !important;
    transition:none !important;
  }
}