/* Gönüllü ol — sayfaya özel stiller. Tüm kurallar .ic-gonullu-ol altında kapsanır. */
.ic-gonullu-ol .gn-forma{display:inline-block;margin-top:16px}

/* alan kartları (çoklu seçim, aria-pressed) */
.ic-gonullu-ol .gn-alanlar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,1.6vw,22px)}
@media (max-width:980px){.ic-gonullu-ol .gn-alanlar{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){.ic-gonullu-ol .gn-alanlar{grid-template-columns:1fr}}
.ic-gonullu-ol .gn-alan{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:12px;min-width:0;text-align:left;
  padding:clamp(22px,2.4vw,30px);border-radius:24px;border:1.5px solid rgba(58,36,24,.1);background:#fff;color:#3A2418;
  transition:transform .35s var(--ease-cikis),box-shadow .35s var(--ease-cikis),border-color .2s,background-color .2s}
.ic-gonullu-ol .gn-alan:hover{transform:translateY(-4px);border-color:rgba(58,36,24,.28);box-shadow:0 18px 36px -24px rgba(58,36,24,.45)}
.ic-gonullu-ol .gn-alan[aria-pressed="true"]{background:#EFEDF8;border-color:#6F63A8}
.ic-gonullu-ol .gn-ikon{width:52px;height:52px;flex-shrink:0;border-radius:16px;display:grid;place-items:center;background:#FBB040;color:#3A2418}
.ic-gonullu-ol .gn-alan:nth-child(4n+2) .gn-ikon{background:#C9C2F0}
.ic-gonullu-ol .gn-alan:nth-child(4n+3) .gn-ikon{background:#F6A9BC}
.ic-gonullu-ol .gn-alan:nth-child(4n+4) .gn-ikon{background:#F3EADF}
.ic-gonullu-ol .gn-ikon svg{width:26px;height:26px}
.ic-gonullu-ol .gn-isaret{position:absolute;top:18px;right:18px;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;
  border:1.5px solid rgba(58,36,24,.28);background:#fff;color:transparent;transition:background-color .2s,border-color .2s,color .2s}
.ic-gonullu-ol .gn-isaret svg{width:14px;height:14px}
.ic-gonullu-ol .gn-alan[aria-pressed="true"] .gn-isaret{background:#6F63A8;border-color:#6F63A8;color:#fff}
.ic-gonullu-ol .gn-alan-ad{display:block;padding-right:40px;font-size:clamp(1.1rem,1.5vw,1.3rem);font-weight:900;font-variation-settings:"wdth" 116;line-height:1.15;letter-spacing:-.01em;text-transform:uppercase}
.ic-gonullu-ol .gn-alan-metin{display:block;font-size:15px;line-height:1.6;color:#5A4238}
.ic-gonullu-ol .gn-genis{grid-column:1/-1;flex-direction:row;align-items:center;gap:clamp(16px,2vw,26px);background:#FDE8EE;border-color:transparent}
.ic-gonullu-ol .gn-alan.gn-genis .gn-ikon{background:#EF859F}
.ic-gonullu-ol .gn-genis-ic{display:flex;flex-direction:column;gap:8px;min-width:0;max-width:78ch}
@media (max-width:600px){.ic-gonullu-ol .gn-genis{flex-direction:column;align-items:flex-start}}

.ic-gonullu-ol .gn-secim{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 24px;margin-top:clamp(18px,2vw,26px)}
.ic-gonullu-ol .gn-secim p{margin:0;font-size:16px;line-height:1.55;color:#3A2418}
.ic-gonullu-ol .gn-secim b{font-weight:900;font-variant-numeric:tabular-nums}
@media (max-width:560px){.ic-gonullu-ol .gn-secim .btn{width:100%}}

/* açık konuşalım */
.ic-gonullu-ol .gn-ilkeler{list-style:none;margin:0;padding:0;display:grid;gap:clamp(14px,1.6vw,22px);grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr))}
.ic-gonullu-ol .gn-ilke svg{width:30px;height:30px;margin-bottom:16px;color:#895848}

/* başvuru formu */
.ic-gonullu-ol .gn-sol{display:flex;flex-direction:column;gap:22px}
.ic-gonullu-ol .gn-sol .b-bas{margin-bottom:0!important}
.ic-gonullu-ol .gn-foto{aspect-ratio:4/3;margin:0}
@media (max-width:980px){.ic-gonullu-ol .gn-foto{display:none}}
.ic-gonullu-ol .gn-form{display:flex;flex-direction:column;gap:clamp(22px,2.6vw,30px);min-width:0}
.ic-gonullu-ol .gn-ilerleme-ust{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:14px}
.ic-gonullu-ol .gn-adim-bas{margin:0;display:flex;flex-direction:column;gap:6px;border-radius:6px}
.ic-gonullu-ol .gn-adim-bas:focus{outline:none}
.ic-gonullu-ol .gn-adim-bas:focus-visible{outline:3px solid #3A2418;outline-offset:4px}
.ic-gonullu-ol .gn-adim-ad{font-size:clamp(1.25rem,1.9vw,1.6rem);font-weight:900;font-variation-settings:"wdth" 118;line-height:1.1;letter-spacing:-.012em;text-transform:uppercase;color:#3A2418}
.ic-gonullu-ol .gn-yuzde{font-size:15px;font-weight:900;font-variant-numeric:tabular-nums;color:#5A4238}
.ic-gonullu-ol .gn-cubuk{height:8px;border-radius:999px;background:#F3EADF;overflow:hidden}
.ic-gonullu-ol .gn-cubuk i{display:block;width:25%;height:100%;border-radius:inherit;background:#FBB040;transition:width .5s var(--ease-cikis)}
.ic-gonullu-ol .gn-adim{margin:0;padding:0;border:0;min-width:0}
.ic-gonullu-ol .gn-adim[hidden],.ic-gonullu-ol .gn-tamam[hidden],.ic-gonullu-ol .gn-form-alt[hidden]{display:none}
.ic-gonullu-ol .gn-kutular{display:grid;gap:14px}
.ic-gonullu-ol .gn-kanal{margin-top:24px}

.ic-gonullu-ol .gn-tamam{padding:clamp(12px,2.4vw,28px) 0;text-align:center;border-radius:18px}
.ic-gonullu-ol .gn-tamam:focus{outline:none}
.ic-gonullu-ol .gn-tamam:focus-visible{outline:3px solid #3A2418;outline-offset:4px}
.ic-gonullu-ol .gn-halka{width:76px;height:76px;margin:0 auto 20px;border-radius:50%;display:grid;place-items:center;background:#FBB040;color:#3A2418}
.ic-gonullu-ol .gn-halka svg{width:34px;height:34px}
.ic-gonullu-ol .gn-tamam p{margin:0 auto 12px;max-width:46ch;font-size:16px;line-height:1.65;color:#3A2418}
.ic-gonullu-ol .gn-tamam .ic-not{margin-bottom:0;font-size:14.5px;color:#5A4238}

.ic-gonullu-ol .gn-form-alt{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;padding-top:clamp(18px,2.2vw,24px);border-top:1px solid rgba(58,36,24,.12)}
.ic-gonullu-ol .gn-form-alt .ic-not{flex:1 1 160px;font-size:13px;text-align:center}
@media (max-width:560px){
  .ic-gonullu-ol .gn-form-alt .btn{flex:1 1 40%}
  .ic-gonullu-ol .gn-form-alt .ic-not{order:3;flex-basis:100%}
}

/* adım doğrulaması (boşken yer kaplamaz ama DOM'da kalır) */
.ic-gonullu-ol .ic-hata{margin:0}
.ic-gonullu-ol .ic-alan > .ic-hata:empty{margin-top:-7px}
.ic-gonullu-ol .gn-kutular + .ic-hata:not(:empty){margin:12px 0 0}
.ic-gonullu-ol .ic-kutu input[aria-invalid="true"]{border-color:#B8375A}

@media (prefers-reduced-motion:reduce){
  .ic-gonullu-ol .gn-alan,.ic-gonullu-ol .gn-cubuk i{transition:none}
  .ic-gonullu-ol .gn-alan:hover{transform:none}
}

/* başvuru formunun yanındaki fotoğraf: sol kolon form kartıyla aynı yükseklikte uzar, fotoğraf kalan alanı doldurur;
   böylece alt kenarlar her adımda (form yüksekliği değişse de) hizalı kalır */
@media (min-width:981px){
  .ic-gonullu-ol .gn-duzen{align-items:stretch}
  .ic-gonullu-ol .gn-sol{position:static;display:flex;flex-direction:column;align-self:stretch}
  .ic-gonullu-ol .gn-foto{position:relative;aspect-ratio:auto;flex:1 1 0;min-height:300px}
  .ic-gonullu-ol .gn-foto img{position:absolute;inset:0;width:100%;height:100%}
}
