/* StudyIn UK — Geometrik Cisimler */

:root{
  --siuk-red:#F7003B;
  --siuk-navy:#020F30;
  --siuk-yellow:#FFE94F;
  --siuk-paper:#F6F7FB;
  --siuk-page:#EEF0F5;
  --siuk-border:#DDE1EB;
  --siuk-body:#5A6688;
  --siuk-body-dark:#3D4A6B;
  --siuk-muted-navy:#8894B8;
  --siuk-navy-card:#0A1A3E;
  --siuk-navy-line:#31406E;
  --siuk-navy-rule:#1E2A4F;
  --siuk-navy-border:#3A4570;
  --siuk-paper-line:#C2C9DC;
  --siuk-red-soft:#FF4D73;
  --siuk-red-deep:#D40033;
}

/* Cismi taşıyan kap: JS tarafından otomatik eklenir, elle de verilebilir */
.siuk-stage{ position:relative !important; overflow:hidden !important; }
/* overflow:hidden bir üst kap olarak position:sticky çocukları öldürür.
   Destekleyen tarayıcılarda clip kullan, sticky çalışmaya devam etsin. */
@supports (overflow:clip){
  .siuk-stage{ overflow:clip !important; overflow-clip-margin:0 !important; }
}
.siuk-stage > *:not(.siuk-shape){ position:relative; z-index:1; }

/* Cisim ile kap arasındaki ara sarmalayıcılar konumlanmasın */
.siuk-passthrough{ position:static !important; }

.siuk-shape{
  display:block;
  position:absolute;
  line-height:0;
  z-index:0;
  pointer-events:none;
}
.siuk-shape svg{ width:100%; height:auto; display:block; overflow:visible; }

/* Kontur kalınlığı ölçekten bağımsız */
.siuk-shape svg [stroke]{ vector-effect:non-scaling-stroke; }
.siuk-icon svg [stroke]{ vector-effect:non-scaling-stroke; }

/* Satır içi ikon */
.siuk-icon{
  display:inline-block;
  line-height:0;
  vertical-align:middle;
  flex:0 0 auto;
}
.siuk-icon svg{ width:100%; height:auto; display:block; }

/* Responsive: cisimler küçülür, sonra tek cisme düşülür */
@media (max-width:1024px){
  .siuk-shape{ width:72% !important; max-width:300px; }
}
@media (max-width:640px){
  .siuk-shape:not(.siuk-shape--keep){ display:none; }
  .siuk-shape--keep{ width:60% !important; max-width:230px; }
}

/* Loader */
@keyframes siuk-spin{ to{ transform:rotate(360deg); } }
.siuk-spin svg{ animation:siuk-spin 1.5s linear infinite; transform-origin:50% 50%; }
@media (prefers-reduced-motion:reduce){
  .siuk-spin svg{ animation:none; }
}