/* =========================================================
   SELÇUK YEM V5.8 — LOCKED HERO + APPROVED FOOTER WAVE
   Hero: V5.6 form-approved version is untouched.
   Footer: white page -> green shaped ribbon -> white separator -> blue footer.
   ========================================================= */

/* The approved hero must meet its wave without a blank seam. */
.approved-hero-stage{margin-bottom:0!important;}
.approved-hero-art{bottom:0!important;}
.approved-hero-art img{bottom:-1px!important;}
.approved-hero-wave{margin-top:-58px!important;}

/* Keep V5.7 content, but do not let its stats push a false gap into the hero. */
.v57-stats-section{position:relative;z-index:8;margin-top:0!important;}

/* Footer wave: the footer background begins exactly where the SVG ends. */
.footer{
  position:relative!important;
  margin-top:90px!important;
  padding-top:48px!important;
  overflow:visible!important;
  background:linear-gradient(110deg,#075ca8 0%,#0664b3 54%,#064b8e 100%)!important;
}
.v58-footer-wave{
  position:absolute!important;
  left:0!important;
  right:0!important;
  top:-90px!important;
  height:92px!important;
  overflow:visible!important;
  pointer-events:none!important;
}
.v58-footer-wave svg{display:block;width:100%;height:100%;overflow:visible;}
.v58-footer-green{fill:#4caf1c;}
.v58-footer-blue{fill:#075ca8;}

/* Neutralize the previous V5.7 wave if cached markup/styles linger. */
.v57-footer-wave{display:none!important;}

@media (max-width:980px){
  .approved-hero-wave{margin-top:-45px!important;}
  .footer{margin-top:72px!important;padding-top:44px!important;}
  .v58-footer-wave{top:-72px!important;height:74px!important;}
}
@media (max-width:560px){
  .approved-hero-wave{margin-top:-35px!important;}
  .footer{margin-top:58px!important;padding-top:40px!important;}
  .v58-footer-wave{top:-58px!important;height:60px!important;}
}