/* =========================================================
   STEP 3.0 — YAPISAL DEVAMLILIK / ORTAK DAVRANIŞ STANDARDI
   ========================================================= */

/* 1–3: Banner ve menü bandı yeni oranları. Görsel kırpılmadı. */
.step1-visual>img{width:100%;height:auto;display:block}
.step1-header{position:relative;min-height:0}

/* Yeniden ölçeklenen görselde menü bandının yeni koordinatları */
.hs-home,.hs-about,.hs-cert,.hs-faq,.hs-contact,.hs-call,.hs-whatsapp{
  top:77.73%;height:22.27%;
}
.hs-number{top:66.90%;height:9.81%}

/* 5: Tüm açılır sayfalar ortak ölçü standardına alındı. */
.about-page,.cert-page,.faq-page,.contact-page{
  inset:0!important;padding:0!important;
  align-items:center;justify-content:center;
  background:rgba(7,31,58,.48)!important;
}
.about-page.open,.cert-page.open,.faq-page.open,.contact-page.open{
  display:flex!important;
}
.about-shell{
  width:min(61.2vw,731px)!important;max-height:78vh!important;
  margin:0 auto!important;display:flex!important;flex-direction:column!important;
}
.about-content{flex:1;min-height:0;overflow-y:auto!important;max-height:none!important}
.cert-shell{width:min(76.5vw,952px)!important;height:75vh!important;margin:0 auto!important}
.faq-shell{width:min(76.5vw,884px)!important;height:75vh!important;margin:0 auto!important}
.contact-shell{width:min(79.9vw,1037px)!important;height:75vh!important;margin:0 auto!important}

/* 6: Açılır sayfalardaki içerik yazıları yaklaşık 2 px küçültüldü. */
.about-content{font-size:12px!important;line-height:1.70!important}
.about-kicker{font-size:10px!important}
.about-heading h1{font-size:clamp(22px,3.1vw,40px)!important}
.about-heading h2{font-size:clamp(12px,1.5vw,18px)!important}
.own-car-panel h3{font-size:20px!important}
.about-content blockquote,.about-closing{font-size:16px!important}

.cert-head h1{font-size:23px!important}.cert-head p{font-size:12px!important}
.cert-card h2{font-size:13px!important}.cert-card p,.cert-note{font-size:10.5px!important}

.faq-head h1{font-size:clamp(21px,2.2vw,30px)!important}
.faq-head p{font-size:11.5px!important}.faq-index h2{font-size:16px!important}
.faq-index-link{font-size:11.5px!important}.faq-question{font-size:15px!important}
.faq-answer{font-size:12px!important}.faq-return{font-size:10.5px!important}
.faq-finish p{font-size:11px!important}

.contact-title{font-size:clamp(23px,2.5vw,36px)!important}
.contact-copy h2{font-size:clamp(25px,2.7vw,40px)!important}
.contact-copy p{font-size:13.5px!important}
.contact-email{font-size:14px!important}
.contact-label{font-size:14px!important}.contact-value{font-size:13px!important}

/* 7: Bütün panellerde yalnızca sağ üst dairesel X kullanılır. */
.about-topline{justify-content:flex-end!important;padding:14px 18px 0!important}
.about-back,.cert-close,.faq-close-top,.contact-close-top{
  width:44px!important;height:44px!important;min-width:44px!important;
  padding:0!important;border:2px solid #fff!important;border-radius:50%!important;
  background:transparent!important;color:#fff!important;font-size:28px!important;
  line-height:1!important;font-weight:400!important;display:grid!important;place-items:center!important;
  cursor:pointer!important;flex:0 0 44px!important;
}
.about-back:hover,.cert-close:hover,.faq-close-top:hover,.contact-close-top:hover{
  border-color:var(--orange)!important;color:var(--orange)!important;
}
.about-back{order:2;margin-left:auto!important}
.meb-certified{order:1;margin-right:auto}
.faq-close-bottom,.contact-close-bottom,.contact-bottom,.faq-finish .faq-close-bottom{display:none!important}

/* Küçülen panellerde içerik kaybolmasın; panel içi scroll standarttır. */
.cert-layout,.faq-scroll,.contact-scroll{min-height:0}

@media(max-width:900px){
  .about-shell,.cert-shell,.faq-shell,.contact-shell{
    width:94vw!important;height:82vh!important;max-height:82vh!important;
  }
}