/* FEZA Rehberlik ve Psikolojik Danışmanlık Merkezi */

:root{
  --zemin:#F6F6F1;
  --kart:#FFFFFF;
  --turkuaz:#7FB8BC;
  --turkuaz-acik:#A5CDCF;
  --turkuaz-sis:#E4F0F0;
  --turkuaz-koyu:#2F6A6E;
  --krem:#FAE8D4;
  --seftali:#F0C9A8;
  --mercan:#DE8E7C;
  --metin:#243133;
  --gri:#60706F;
  --cizgi:#E3E6DF;
  --golge:0 1px 2px rgba(36,49,51,.05), 0 8px 24px rgba(36,49,51,.06);
  --golge-kart:0 1px 2px rgba(36,49,51,.04), 0 12px 32px rgba(36,49,51,.07);
  --r:16px;
  --r-s:10px;
  --en:1120px;
}

*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  background:var(--zemin);
  color:var(--metin);
  font:400 17px/1.7 "Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
h1,h2,h3{font-family:"Lora",Georgia,serif;font-weight:600;line-height:1.25;letter-spacing:-.01em;color:var(--turkuaz-koyu)}
h1{font-size:clamp(32px,5vw,50px)}
h2{font-size:clamp(26px,3.4vw,36px)}
h3{font-size:19px}
p{color:var(--gri)}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}

.kap{max-width:var(--en);margin:0 auto;padding:0 20px}
section{padding:clamp(56px,8vw,96px) 0}
.bolum-ust{max-width:620px;margin:0 auto clamp(32px,5vw,52px);text-align:center}
.bolum-ust p{margin-top:12px;font-size:17px}

/* dugmeler */
.dg{
  display:inline-flex;align-items:center;justify-content:center;gap:9px;
  padding:14px 26px;border-radius:999px;border:1px solid transparent;
  font:600 16px/1 "Inter",sans-serif;cursor:pointer;
  transition:transform .15s ease, box-shadow .15s ease, background .15s ease;
}
.dg:active{transform:translateY(1px)}
.dg--dolu{background:var(--turkuaz-koyu);color:#fff;box-shadow:var(--golge)}
.dg--dolu:hover{background:#255B5F}
.dg--bos{background:transparent;color:var(--turkuaz-koyu);border-color:var(--turkuaz-acik)}
.dg--bos:hover{background:var(--turkuaz-sis)}
.dg--wa{background:#1FA855;color:#fff}
.dg--wa:hover{background:#17914A}

/* ust bar */
.bar{position:sticky;top:0;z-index:40;background:rgba(246,246,241,.88);backdrop-filter:blur(10px);border-bottom:1px solid var(--cizgi)}
.bar__ic{display:flex;align-items:center;justify-content:space-between;gap:16px;height:72px}
.bar__logo{display:flex;align-items:center;gap:11px;font-family:"Lora",serif;font-weight:600;font-size:19px;color:var(--turkuaz-koyu)}
.bar__logo img{width:40px;height:40px;object-fit:contain}
.bar__nav{display:flex;gap:26px;font-size:15px;color:var(--gri)}
.bar__nav a:hover{color:var(--turkuaz-koyu)}
@media(max-width:860px){.bar__nav{display:none}}

/* kapak */
.kapak{position:relative;padding:clamp(56px,9vw,104px) 0 clamp(48px,7vw,88px);overflow:hidden}
.kapak::before{
  content:"";position:absolute;inset:0;z-index:-1;
  background:
    radial-gradient(760px 420px at 76% -8%, var(--krem) 0%, transparent 62%),
    radial-gradient(680px 460px at 10% 8%, var(--turkuaz-sis) 0%, transparent 60%);
}
.kapak__ic{max-width:760px}
.kapak__etiket{
  display:inline-flex;align-items:center;gap:8px;margin-bottom:20px;
  padding:7px 15px;border-radius:999px;background:var(--kart);
  border:1px solid var(--cizgi);font-size:14px;color:var(--turkuaz-koyu);box-shadow:var(--golge)
}
.kapak__etiket i{width:7px;height:7px;border-radius:50%;background:var(--mercan)}
.kapak h1{margin-bottom:18px}
.kapak__alt{font-size:clamp(17px,2vw,19px);max-width:620px}
.kapak__dg{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}
.kapak__not{margin-top:20px;font-size:14.5px;color:var(--gri)}

/* hizmetler */
.izgara{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(248px,1fr))}
.kart{
  background:var(--kart);border:1px solid var(--cizgi);border-radius:var(--r);
  padding:28px 24px;box-shadow:var(--golge);transition:transform .18s ease, box-shadow .18s ease;
}
.kart:hover{transform:translateY(-3px);box-shadow:var(--golge-kart)}
.kart__ikon{
  width:46px;height:46px;border-radius:13px;display:grid;place-items:center;
  background:var(--turkuaz-sis);color:var(--turkuaz-koyu);margin-bottom:16px
}
.kart h3{margin-bottom:8px;color:var(--metin);font-family:"Inter",sans-serif;font-weight:650;font-size:18px}
.kart p{font-size:15.5px;line-height:1.65}

/* surec */
.surec{background:var(--kart);border-top:1px solid var(--cizgi);border-bottom:1px solid var(--cizgi)}
.adimlar{display:grid;gap:22px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));counter-reset:a}
.adim{position:relative;padding-left:62px}
.adim::before{
  counter-increment:a;content:counter(a);
  position:absolute;left:0;top:-2px;width:44px;height:44px;border-radius:50%;
  display:grid;place-items:center;background:var(--krem);color:var(--turkuaz-koyu);
  font-family:"Lora",serif;font-weight:600;font-size:19px
}
.adim h3{margin-bottom:7px;font-family:"Inter",sans-serif;font-weight:650;font-size:17.5px;color:var(--metin)}
.adim p{font-size:15.5px}

/* danisman */
.danisman{display:grid;gap:clamp(28px,5vw,56px);grid-template-columns:minmax(0,320px) minmax(0,1fr);align-items:start}
@media(max-width:800px){.danisman{grid-template-columns:1fr}}
.danisman__foto{
  border-radius:var(--r);overflow:hidden;background:var(--turkuaz-sis);
  aspect-ratio:4/5;display:grid;place-items:center;box-shadow:var(--golge-kart)
}
.danisman__foto span{color:var(--turkuaz-koyu);font-size:14px;padding:16px;text-align:center}
.danisman h2{margin-bottom:6px}
.danisman__unvan{color:var(--mercan);font-weight:600;font-size:15px;letter-spacing:.02em;margin-bottom:18px}
.danisman p+p{margin-top:14px}
.rozetler{display:flex;flex-wrap:wrap;gap:9px;margin-top:22px}
.rozet{padding:7px 14px;border-radius:999px;background:var(--turkuaz-sis);color:var(--turkuaz-koyu);font-size:14px;font-weight:500}

/* sss */
.sss{max-width:760px;margin:0 auto}
.sss details{
  background:var(--kart);border:1px solid var(--cizgi);border-radius:var(--r-s);
  margin-bottom:12px;overflow:hidden
}
.sss summary{
  padding:19px 22px;cursor:pointer;font-weight:600;font-size:16.5px;color:var(--metin);
  list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px
}
.sss summary::-webkit-details-marker{display:none}
.sss summary::after{content:"+";font-size:22px;color:var(--turkuaz);font-weight:400;flex:none}
.sss details[open] summary::after{content:"–"}
.sss p{padding:0 22px 20px;font-size:15.5px}

/* iletisim */
.iletisim{background:var(--turkuaz-sis)}
.iletisim__ic{display:grid;gap:clamp(28px,4vw,48px);grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}
.bilgi-satir{display:flex;gap:14px;align-items:flex-start;padding:16px 0;border-bottom:1px solid rgba(47,106,110,.14)}
.bilgi-satir:last-child{border-bottom:0}
.bilgi-satir svg{flex:none;color:var(--turkuaz-koyu);margin-top:3px}
.bilgi-satir b{display:block;font-size:15px;color:var(--metin);margin-bottom:2px}
.bilgi-satir span{font-size:15.5px;color:var(--gri)}

form{background:var(--kart);border-radius:var(--r);padding:28px 26px;box-shadow:var(--golge-kart)}
form h3{margin-bottom:6px;font-family:"Lora",serif;color:var(--turkuaz-koyu);font-size:21px}
form .yardim{font-size:14.5px;color:var(--gri);margin-bottom:20px}
label{display:block;font-size:14.5px;font-weight:600;color:var(--metin);margin:14px 0 6px}
input,select,textarea{
  width:100%;padding:13px 15px;border:1px solid var(--cizgi);border-radius:var(--r-s);
  font:400 16px/1.5 "Inter",sans-serif;color:var(--metin);background:var(--zemin);
}
input:focus,select:focus,textarea:focus{outline:2px solid var(--turkuaz-acik);outline-offset:1px;background:#fff}
textarea{resize:vertical;min-height:96px}
form .dg{width:100%;margin-top:22px}
.gizli-not{font-size:13.5px;color:var(--gri);margin-top:14px;text-align:center}

/* alt */
.alt{background:var(--turkuaz-koyu);color:#D7E6E6;padding:48px 0 30px;font-size:15px}
.alt a{color:#fff}
.alt__ic{display:flex;flex-wrap:wrap;gap:28px;justify-content:space-between;align-items:flex-start}
.alt__logo{display:flex;align-items:center;gap:11px;color:#fff;font-family:"Lora",serif;font-size:18px;font-weight:600}
.alt__logo img{width:38px;height:38px;object-fit:contain;background:#fff;border-radius:10px;padding:3px}
.alt__nav{display:flex;flex-wrap:wrap;gap:20px}
.alt__cizgi{margin-top:32px;padding-top:20px;border-top:1px solid rgba(255,255,255,.16);display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;font-size:14px;color:#AFC9C9}

/* sabit whatsapp */
.wa-sabit{
  position:fixed;right:18px;bottom:18px;z-index:50;
  width:58px;height:58px;border-radius:50%;background:#1FA855;color:#fff;
  display:grid;place-items:center;box-shadow:0 6px 22px rgba(31,168,85,.38);
  transition:transform .15s ease
}
.wa-sabit:hover{transform:scale(1.06)}
@media(max-width:600px){.wa-sabit{right:14px;bottom:14px;width:54px;height:54px}}

@media(max-width:800px){
  .danisman__foto{aspect-ratio:3/2;max-height:280px}
}

/* belgeler listesi */
.belgeler{margin-top:34px;padding-top:28px;border-top:1px solid var(--cizgi)}
.belgeler h3{
  font-family:"Inter",sans-serif;font-weight:650;font-size:13px;letter-spacing:.09em;
  text-transform:uppercase;color:var(--mercan);margin:0 0 14px
}
.belgeler h3+ul+h3{margin-top:28px}
.belgeler ul{list-style:none;display:grid;gap:11px}
.belgeler li{
  position:relative;padding-left:22px;font-size:15.5px;line-height:1.55;color:var(--metin)
}
.belgeler li::before{
  content:"";position:absolute;left:2px;top:9px;width:7px;height:7px;border-radius:50%;
  background:var(--turkuaz-acik)
}
.belgeler li b{font-weight:600}
.belgeler li span{display:block;color:var(--gri);font-size:14px;margin-top:2px}
.bilgi-satir a{color:var(--turkuaz-koyu);text-decoration:underline;text-underline-offset:3px}
.bilgi-satir a:hover{color:var(--metin)}

/* online gorusme seridi */
.serit{
  display:flex;gap:16px;align-items:flex-start;
  margin-top:28px;padding:22px 24px;
  background:var(--turkuaz-sis);border:1px solid var(--turkuaz-acik);
  border-radius:var(--r);
}
.serit__ikon{
  flex:0 0 auto;width:40px;height:40px;border-radius:12px;
  display:grid;place-items:center;
  background:#fff;color:var(--turkuaz-koyu);
}
.serit p{margin:0;color:var(--metin);font-size:15px;line-height:1.65}
.serit strong{color:var(--turkuaz-koyu)}
@media (max-width:620px){
  .serit{flex-direction:column;gap:12px;padding:20px}
}