/* ==========================================================================
   GELECEK ADASI · Site yapısı v2 bölümleri
   Okullarımız (ada konsepti), Eğitim Modelimiz, Atölyelerimiz, Öğretmen
   Atölye Modeli, Günlük Yaşamımız, kategorili galeri, kurucu mesajı,
   yaş grubu kartları, ana sayfa eğitim modeli, Google yorum rozeti.
   Yalnızca gs- önekli sınıflar; mevcut sınıflar değiştirilmez.
   ========================================================================== */
.gs-accent-text{color:var(--accent,var(--green))!important}
.gs-accent-btn{background:var(--accent,var(--orange));border-color:var(--accent,var(--orange))}
.gs-accent-btn:hover{background:var(--accent,var(--orange));filter:brightness(.9)}

/* ---------- OKULLARIMIZ: ada konsepti ---------- */
.gs-islands{background:linear-gradient(180deg,#fff 0,#eef5f8 45%,#fff 100%);overflow:hidden}
.gs-island{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;padding:30px 0 90px}
.gs-island+.gs-island{border-top:1px dashed #c7d6d0;padding-top:100px}
.gs-island.is-reverse .gs-island-media{order:2}
.gs-island-media{position:relative;padding:0 30px 60px 0}
.gs-island-media:before{content:"";position:absolute;left:-6%;right:0;bottom:6px;height:110px;border-radius:50%;
  background:radial-gradient(ellipse at center,color-mix(in srgb,var(--accent) 28%,#fff) 0,color-mix(in srgb,var(--accent) 10%,#fff) 55%,transparent 72%);z-index:0}
.gs-island-media:after{content:"";position:absolute;left:4%;right:8%;bottom:22px;height:14px;
  background:radial-gradient(10px 7px at 10px 0,transparent 96%,color-mix(in srgb,var(--accent) 40%,#fff)) 0 0/20px 14px repeat-x;opacity:.7;z-index:0}
.gs-island-photo{position:relative;z-index:1;border-radius:58% 42% 46% 54%/48% 44% 56% 52%;overflow:hidden;aspect-ratio:1/1;box-shadow:0 30px 60px #17364c29;border:10px solid #fff}
.gs-island-photo img{width:100%;height:100%;object-fit:cover;transition:transform .8s ease}
.gs-island:hover .gs-island-photo img{transform:scale(1.05)}
.gs-island-thumbs{position:absolute;z-index:2;right:0;bottom:40px;display:flex}
.gs-island-thumbs img{width:92px;height:92px;object-fit:cover;border-radius:50%;border:5px solid #fff;box-shadow:0 10px 25px #17364c2b;margin-left:-22px}
.gs-island-globe{position:absolute;z-index:2;top:-10px;left:-10px;width:110px;height:110px;object-fit:contain;animation:gb-float 6s ease-in-out infinite;filter:drop-shadow(0 12px 16px #17364c33)}
.gs-island-copy h2{font-size:clamp(1.9rem,3vw,2.7rem)}
.gs-chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 24px}
.gs-chips span{background:#fff;border:1px solid color-mix(in srgb,var(--accent) 30%,#fff);color:var(--accent);border-radius:30px;padding:7px 14px;font-size:.78rem;font-weight:650}
.gs-checks{list-style:none;padding:0;margin:0 0 24px;display:grid;gap:10px}
.gs-checks li{display:flex;gap:10px;align-items:flex-start;font-size:.95rem;line-height:1.5;color:var(--ink)}
.gs-checks svg{flex-shrink:0;width:20px;height:20px;color:#fff;background:var(--accent);border-radius:50%;padding:3px;margin-top:1px}
.gs-address{font-size:.9rem;border-left:3px solid var(--accent);padding-left:14px}
.gs-address a{color:var(--navy);font-weight:650}

/* ---------- EĞİTİM MODELİMİZ ---------- */
.gs-pillnav{position:sticky;top:98px;z-index:20;background:#fffffff2;border-bottom:1px solid var(--line);backdrop-filter:blur(10px)}
.gs-pillnav .container{display:flex;gap:10px;overflow-x:auto;padding:14px 0}
.gs-pillnav a{flex-shrink:0;display:inline-flex;gap:10px;align-items:center;padding:9px 18px;border-radius:40px;border:1px solid var(--line);font-size:.85rem;font-weight:650;color:var(--navy);transition:.25s}
.gs-pillnav a b{color:var(--accent)}
.gs-pillnav a:hover{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,#fff)}
.gs-pillar{scroll-margin-top:170px}
.gs-pillar-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;align-items:center}
.gs-pillar.is-reverse .gs-pillar-img{order:2}
.gs-pillar-img{position:relative}
.gs-pillar-img img{width:100%;height:560px;object-fit:cover;border-radius:150px 22px 22px 22px;box-shadow:0 26px 50px #17364c24}
.gs-pillar.is-reverse .gs-pillar-img img{border-radius:22px 150px 22px 22px}
.gs-pillar-img:after{content:"";position:absolute;inset:auto auto -18px -18px;width:110px;height:110px;border-radius:50%;background:color-mix(in srgb,var(--accent) 22%,transparent);z-index:-1}
.gs-item-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:8px 0 30px}
.gs-item{background:#fff;border:1px solid var(--line);border-left:4px solid var(--accent);border-radius:12px;padding:14px 16px}
.gs-item b{display:block;color:var(--navy);font-size:.97rem;line-height:1.35}
.gs-item span{display:block;margin-top:5px;font-size:.84rem;line-height:1.5;color:var(--muted)}
.gs-links3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.gs-links3.gs-links2{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:60px}
.gs-links3 a{position:relative;display:block;padding:26px 60px 26px 26px;border-radius:18px;background:var(--cream);border:1px solid var(--line);transition:.3s}
.gs-links3 a small{display:block;font-size:.68rem;letter-spacing:.12em;font-weight:700;color:var(--green)}
.gs-links3 a strong{display:block;font-size:1.2rem;color:var(--navy);margin-top:4px}
.gs-links3 a svg{position:absolute;right:24px;top:50%;transform:translateY(-50%);color:var(--green);transition:transform .3s}
.gs-links3 a:hover{background:#eef4ea;transform:translateY(-3px)}
.gs-links3 a:hover svg{transform:translate(5px,-50%)}

/* ---------- ATÖLYELERİMİZ ---------- */
.gs-workshop-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:20px}
.gs-workshop{grid-column:span 2;position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:22px;overflow:hidden;transition:transform .3s,box-shadow .3s}
.gs-workshop:nth-child(4),.gs-workshop:nth-child(5){grid-column:span 3}
.gs-workshop:before{content:"";display:block;height:6px;background:var(--accent)}
.gs-workshop>img{width:100%;height:190px;object-fit:cover}
.gs-workshop>div{padding:26px 26px 24px;display:flex;flex-direction:column;flex:1}
.gs-workshop h2{font-size:1.55rem;margin-bottom:12px}
.gs-workshop p{font-size:.93rem}
.gs-workshop ul{list-style:none;padding:0;margin:0 0 18px;display:flex;flex-wrap:wrap;gap:8px}
.gs-workshop li a,.gs-workshop li span{display:inline-flex;align-items:center;gap:6px;padding:7px 13px;border-radius:30px;font-size:.82rem;font-weight:600;background:color-mix(in srgb,var(--accent) 9%,#fff);color:var(--navy);border:1px solid color-mix(in srgb,var(--accent) 22%,#fff)}
.gs-workshop li a svg{width:14px;height:14px;color:var(--accent)}
.gs-workshop li a:hover{background:var(--accent);color:#fff}
.gs-workshop li a:hover svg{color:#fff}
.gs-workshop .text-link{margin-top:auto}
.gs-workshop:hover{transform:translateY(-5px);box-shadow:var(--shadow)}
.gs-teacher{background:linear-gradient(180deg,var(--cream),#fff);scroll-margin-top:120px}
.gs-teacher-card{display:grid;grid-template-columns:1.1fr .9fr;border-radius:28px;overflow:hidden;background:var(--accent,var(--green));color:#fff;box-shadow:0 30px 60px #1e3a2b2e}
.gs-teacher-copy{padding:60px 56px}
.gs-teacher-copy h2{color:#fff}
.gs-teacher-copy .eyebrow{color:#e6f1d8}
.gs-teacher-copy p{color:#eef5ea;font-size:1.05rem;line-height:1.85;margin:0}
.gs-teacher-img{position:relative;min-height:380px}
.gs-teacher-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.gs-teacher-items{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-top:-40px;padding:0 30px;position:relative;z-index:2}
.gs-teacher-items>div{background:#fff;border-radius:18px;padding:22px 18px;box-shadow:0 16px 36px #17364c1f;text-align:center}
.gs-teacher-items em{display:grid;place-items:center;width:44px;height:44px;margin:0 auto 12px;border-radius:50%;background:color-mix(in srgb,var(--accent) 14%,#fff);color:var(--accent);font-style:normal;font-weight:750;font-family:inherit}
.gs-teacher-items b{display:block;color:var(--navy);font-size:1.02rem}
.gs-teacher-items span{display:block;margin-top:6px;font-size:.8rem;line-height:1.5;color:var(--muted)}

/* ---------- GÜNLÜK YAŞAMIMIZ ---------- */
.gs-day{list-style:none;padding:0;margin:0 auto;max-width:1050px;position:relative;counter-reset:none}
.gs-day:before{content:"";position:absolute;left:50%;top:10px;bottom:10px;border-left:2px dashed #b8c8ac;transform:translateX(-1px)}
.gs-step{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center;padding:28px 0}
.gs-step-dot{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:56px;height:56px;border-radius:50%;background:var(--orange);color:#fff;display:grid;place-items:center;font-weight:750;font-size:1.2rem;box-shadow:0 0 0 8px #fff,0 10px 25px #c9582040;z-index:2}
.gs-step:nth-child(3n+2) .gs-step-dot{background:var(--green);box-shadow:0 0 0 8px #fff,0 10px 25px #39734940}
.gs-step:nth-child(3n+3) .gs-step-dot{background:var(--blue);box-shadow:0 0 0 8px #fff,0 10px 25px #174a7940}
.gs-step-img img{width:100%;height:300px;object-fit:cover;border-radius:24px 24px 90px 24px;box-shadow:0 20px 40px #17364c1f}
.gs-step.is-reverse .gs-step-img{order:2}
.gs-step.is-reverse .gs-step-img img{border-radius:24px 24px 24px 90px}
.gs-step-copy h2{font-size:1.9rem;margin-bottom:12px}
.gs-step-copy p{margin:0;font-size:1.02rem;line-height:1.8}
.gs-step-copy .eyebrow{margin-bottom:10px}

/* ---------- GALERİ ---------- */
.gs-filter{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:34px}
.gs-filter button{border:1px solid var(--line);background:#fff;color:var(--navy);border-radius:40px;padding:10px 20px;font-size:.88rem;font-weight:600;transition:.25s}
.gs-filter button:hover{border-color:var(--green);color:var(--green)}
.gs-filter button.is-active{background:var(--navy);border-color:var(--navy);color:#fff}
.gb-gitem.is-filtered{display:none!important}
.gs-gallery .gb-gitem figcaption small{display:block;font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;opacity:.85;margin-bottom:2px}
.gs-empty{text-align:center;padding:60px 0;font-size:1.05rem}

/* ---------- KURUCU MESAJI ---------- */
.gs-founder-card{margin:0 auto;max-width:900px;position:relative;background:#fff;border-radius:28px;padding:60px 64px 44px;box-shadow:0 26px 60px #17364c17;text-align:center}
.gs-founder-card:before{content:"“";position:absolute;left:40px;top:10px;font-family:Georgia,serif;font-size:9rem;line-height:1;color:#39734926}
.gs-founder-card img{width:110px;height:110px;border-radius:50%;object-fit:cover;margin:-115px auto 20px;border:6px solid #fff;box-shadow:var(--shadow)}
.gs-founder-card blockquote{margin:0}
.gs-founder-card blockquote p{font-family:Georgia,"Times New Roman",serif;font-size:1.22rem;line-height:1.8;color:var(--navy)}
.gs-founder-card figcaption{margin-top:10px;font-weight:700;color:var(--green);letter-spacing:.02em}

/* ---------- YAŞ GRUBU 4 KART ---------- */
.gs-agecards-wrap{padding-bottom:0}
.gs-agecards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.gs-agecards article{position:relative;background:color-mix(in srgb,var(--accent) 7%,#fff);border:1px solid color-mix(in srgb,var(--accent) 20%,#fff);border-radius:20px;padding:26px 22px}
.gs-agecards em{position:absolute;right:18px;top:12px;font-style:normal;font-weight:750;font-size:2.2rem;letter-spacing:-.04em;color:color-mix(in srgb,var(--accent) 20%,transparent)}
.gs-agecards h2{font-size:1.15rem;color:var(--accent);margin-bottom:10px;padding-right:40px;letter-spacing:-.01em}
.gs-agecards p{margin:0;font-size:.93rem;line-height:1.65;color:var(--ink)}

/* ---------- ANA SAYFA: eğitim modeli kartları ---------- */
.gs-model-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.gs-model-card{position:relative;display:block;min-height:470px;border-radius:24px;overflow:hidden;background:var(--navy);color:#fff;isolation:isolate}
.gs-model-img,.gs-model-img img{position:absolute;inset:0;width:100%;height:100%}
.gs-model-img img{object-fit:cover;transition:transform .8s ease}
.gs-model-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 20%,#0b2233e6 78%);z-index:0}
.gs-model-card:before{content:"";position:absolute;left:0;right:0;top:0;height:6px;background:var(--accent);z-index:2}
.gs-model-copy{position:absolute;left:0;right:0;bottom:0;padding:28px;z-index:1}
.gs-model-copy small{display:block;font-size:.68rem;letter-spacing:.14em;font-weight:700;color:#e4efd9}
.gs-model-copy strong{display:block;font-size:1.75rem;line-height:1.15;letter-spacing:-.03em;margin:6px 0 16px}
.gs-model-tags{display:flex;flex-wrap:wrap;gap:6px}
.gs-model-tags i{font-style:normal;font-size:.74rem;padding:5px 10px;border-radius:20px;background:#ffffff26;border:1px solid #ffffff38;backdrop-filter:blur(4px)}
.gs-model-card:hover .gs-model-img img{transform:scale(1.06)}

/* ---------- ANA SAYFA: okul kartı fotoğrafları ---------- */
.gs-globe-thumbs{display:flex;justify-content:center;margin-top:14px}
.gs-globe-thumbs img{width:54px;height:54px;border-radius:50%;object-fit:cover;border:3px solid #fff;box-shadow:0 6px 16px #17364c26;margin:0 -7px;transition:transform .3s}
.gb-globe:hover .gs-globe-thumbs img{transform:translateY(-4px)}
.gb-globe:hover .gs-globe-thumbs img:nth-child(2){transition-delay:.05s}
.gb-globe:hover .gs-globe-thumbs img:nth-child(3){transition-delay:.1s}

/* ---------- VELİ YORUMLARI: Google ---------- */
.gs-g-badge{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#fff;border:1px solid #dfe4df;font:700 .8rem/1 Arial,sans-serif;color:#4285f4;margin-left:auto;flex-shrink:0}
.gs-stars{display:block;color:#f2b01e;letter-spacing:2px;font-size:1rem;margin:4px 0 -4px}
.gs-google-links{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px 16px;margin-top:26px;font-size:.88rem}
.gs-google-links>span{display:inline-flex;align-items:center;gap:8px;color:var(--navy);font-weight:600}
.gs-google-links>span .gs-g-badge{margin:0}
.gs-google-links a{padding:8px 16px;border-radius:30px;background:#fff;border:1px solid var(--line);font-weight:650;color:var(--blue)}
.gs-google-links a:hover{border-color:var(--blue)}

/* color-mix desteklemeyen tarayıcılar */
@supports not (background:color-mix(in srgb,red 50%,white)){
  .gs-island-media:before{background:radial-gradient(ellipse at center,#d9e7f0 0,#eef5f8 55%,transparent 72%)}
  .gs-chips span,.gs-workshop li a,.gs-workshop li span{border-color:#dfe4df;background:#f5f8f5}
  .gs-agecards article{background:#f7f9f6;border-color:#dfe4df}
  .gs-agecards em{color:#17364c1a}
  .gs-teacher-items em{background:#eef4ea}
}

/* ---------- Duyarlı ---------- */
@media(max-width:1180px){
  .gs-island,.gs-pillar-grid{gap:50px}
  .gs-teacher-items{grid-template-columns:repeat(3,minmax(0,1fr))}
  .gs-agecards{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:1000px){
  .gs-pillnav{top:82px}
  .gs-island,.gs-pillar-grid,.gs-teacher-card{grid-template-columns:1fr}
  .gs-island.is-reverse .gs-island-media,.gs-pillar.is-reverse .gs-pillar-img{order:0}
  .gs-island-media{max-width:520px;margin:0 auto;width:100%}
  .gs-pillar-img img{height:420px}
  .gs-workshop-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .gs-workshop,.gs-workshop:nth-child(4),.gs-workshop:nth-child(5){grid-column:span 1}
  .gs-teacher-copy{padding:44px 36px}
  .gs-teacher-items{margin-top:20px;padding:0}
  .gs-model-cards{grid-template-columns:1fr 1fr}
  .gs-model-card{min-height:400px}
  .gs-day:before{left:28px}
  .gs-step{grid-template-columns:1fr;gap:18px;padding:22px 0 22px 80px}
  .gs-step-dot{left:28px;top:40px}
  .gs-step.is-reverse .gs-step-img{order:0}
}
@media(max-width:760px){
  .gs-island{padding:10px 0 60px}
  .gs-island-media{padding-right:12px}
  .gs-island+.gs-island{padding-top:60px}
  .gs-island-thumbs img{width:68px;height:68px}
  .gs-island-globe{width:78px;height:78px}
  .gs-pillar-img img{height:320px;border-radius:90px 18px 18px 18px}
  .gs-item-grid,.gs-links3,.gs-links3.gs-links2,.gs-workshop-grid,.gs-agecards,.gs-model-cards{grid-template-columns:1fr}
  .gs-teacher-items{grid-template-columns:1fr 1fr}
  .gs-teacher-img{min-height:260px}
  .gs-founder-card{padding:50px 24px 34px}
  .gs-founder-card blockquote p{font-size:1.05rem}
  .gs-step{padding-left:64px}
  .gs-day:before{left:22px}
  .gs-step-dot{left:22px;width:44px;height:44px;font-size:1rem}
  .gs-step-img img{height:230px}
  .gs-step-copy h2{font-size:1.5rem}
  .gs-globe-thumbs img{width:38px;height:38px;margin:0 -5px}
}
@media(prefers-reduced-motion:reduce){.gs-island-globe{animation:none}}

/* ---------- Teklif / ön görüşme bölümü: uzun başlık metni açıklamaya dönüşür ---------- */
.quote-layout .gs-quote-lead{font-size:1.05rem!important;line-height:1.75;color:var(--muted);max-width:520px;margin:0 0 26px;font-weight:400;letter-spacing:0}
.quote-layout h2 em{font-style:italic}