/* ================== BASE / RESET ================== */

.site-frame{
  max-width:1200px;
  margin:40px auto;
  background:#fff;
  box-shadow:
    0 0 0 1px rgba(0,0,0,.04),
    0 20px 60px rgba(0,0,0,.08);
  border-radius:16px;
  overflow:hidden;
}

*{ box-sizing:border-box; }

body{
  margin:0;
  padding:0;
  font-family:'Montserrat', sans-serif;
  font-size:14px;
  font-weight:400;
  color:#111;
  background:#fff;
  background:#eef2f7; /* çox açıq boz — göz yormur */
  background: linear-gradient(180deg,#f3f6fb 0%, #e9edf5 100%);
    border:1px solid #c7d6ea;

  box-shadow:
    0 0 0 4px #eef3f9,
    0 20px 60px rgba(0,0,0,.12);
  
}


/* ================== CONTAINER (SITE WIDTH) ================== */
.container{
  max-width:1200px;
  margin:0 auto;
  padding:0 16px;
  
}

/* ================== HEADER ================== */
/* Header fonu full-width olsun */
.main-header{
  width:100%;
  background:#1c0b63;
}

/* İç content 1200 içində */
.header-inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  height:80px;
}

/* Logo */
.logo{
  display:flex;
  align-items:center;
  padding-left:30px;
}

.logo img{
  height:60px;
  width:auto;
  display:block;
}

/* Menu */
.main-menu{
  display:flex;
  align-items:center;
  padding-right:30px;
}

.main-menu ul{
  list-style:none;
  display:flex;
  gap:40px;
  margin:0;
  padding:0;
}

.main-menu a{
  color:#fff;
  text-decoration:none;
  font-size:16px;
  font-weight:700;
  letter-spacing:.2px;
  transition:opacity .2s ease;
}

.main-menu a:hover{ opacity:.75; }

/* ================== FOOTER (1200 içində + fon da 1200) ================== */
.main-footer{
  max-width:1200px;
  margin:0 auto;
  background:#1c0b63;
  color:#fff;
  padding:30px 16px;
  text-align:center;
  font-size:14px;
}

/* ================== CONTENT BLOCK (AZ) ================== */
/* OUTER section spacing */
.az-content{ padding:0; }

/* MAIN WRAP: 2 col + divider */
.az-content__wrap{
  display:grid;
  grid-template-columns: 1fr 1px 1fr;
  align-items:stretch;
  background:#fff;
}

/* BOTH columns SAME padding */
.az-content__col{
  padding:44px 56px;
}

/* THIN vertical line */
.az-content__divider{
  background: rgba(30, 64, 175, .35);
  width:1px;
}

/* LEFT TITLES */
.az-title{
  margin:0 0 22px 0;
  font-size:28px;
  line-height:1.25;
  font-weight:800;
  color:#e06b00;
}

.az-subtitle{
  margin:0 0 22px 0;
  font-size:20px;
  line-height:1.35;
  font-weight:800;
  color:#e06b00;
}

/* TEXT */
.az-text{
  margin:0;
  font-size:16px;
  line-height:1.6;
  color:#6b7280;
  font-weight:400;
  
}

/* RIGHT layout: text + image */
.az-right{
  display:grid;
  
  gap:34px;
  align-items:start;
}

.az-right__title{
  font-size:20px;
  font-weight:800;
  color:#e06b00;
  margin:0 0 6px 0;
}

.az-right__subtitle{
  font-size:18px;
  font-weight:800;
  color:#e06b00;
  margin:0 0 18px 0;
}



.az-more{
  color:#e06b00;
  font-weight:700;
  text-decoration:none;
}
.az-more:hover{ text-decoration:underline; }

.az-right__img img{
    height:auto;
  display:block;
}

/* ================== RESPONSIVE ================== */
@media (max-width: 980px){
  .header-inner{ height:auto; padding:12px 0; }
  .main-menu ul{ gap:18px; flex-wrap:wrap; justify-content:flex-end; }

  .az-content__wrap{ grid-template-columns: 1fr; }
  .az-content__divider{ width:100%; height:1px; }
  .az-right{ grid-template-columns: 1fr; }
  .az-content__col{ padding:26px 18px; }
  .az-text{ max-width:none; }
}
/* Bu blokda container yoxdur, ona görə wrap-ı özümüz 1200 edirik */
.az-content__wrap{
  max-width:1200px;
  margin:0 auto;
  padding:0 16px;     /* container kimi */
}

/* (opsional) əgər kənarda daşma varsa */
.az-content{
  overflow:hidden;
}
.cta-aztoa{
  background-image:url('/v2/img/ortho-bg.jpg');
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
  padding:80px 0;
  position:relative;
}

/* overlay */
.cta-aztoa::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,
    rgba(0,70,140,.80) 0%,
    rgba(0,70,140,.55) 50%,
    rgba(0,70,140,.25) 100%);
}

/* content */
.cta-aztoa__content{
  position:relative;
  max-width:960px;
  margin:auto;
  color:#fff;
}

.cta-aztoa h2{
  font-size:34px;
  font-weight:700;
  margin-bottom:15px;
}

.cta-aztoa p{
  max-width:600px;
  font-size:16px;
  line-height:1.6;
  margin-bottom:25px;
}

.cta-btn{
  display:inline-block;
  background:#4c63d2;
  color:#fff;
  padding:12px 22px;
  border-radius:12px;
  text-decoration:none;
  font-weight:600;
  transition:.2s;
}

.cta-btn:hover{
  background:#3b4fc0;
}

/* Page header*/
.page-header{
  height:200px;
  background-image:url('/v2/img/ortho-bg.jpg');
  background-size:cover;
  background-position:center;
  position:relative;
  display:flex;
  align-items:center;
}

/* tünd göy overlay */
.page-header__overlay{
  position:absolute;
  inset:0;
  background:rgba(0,50,110,0.75);
}

/* content */
.page-header__content{
  position:relative;
  color:#fff;
}

.page-header__content h1{
  font-size:32px;
  font-weight:700;
  margin:0;
}
/* PAGE HEADER BREADCRUMB FIX */

.page-header .breadcrumb__link{
  color:#fff;
  text-decoration:none;
  font-weight:500;
}

.page-header .breadcrumb__link:hover{
  color:rgba(255,255,255,.8);
}

.page-header .breadcrumb__sep{
  color:rgba(255,255,255,.6);
}

.page-header .breadcrumb__current{
  color:#fff;
  font-weight:600;
}

/*  ƏLAQƏ  */
/* CONTACT SECTION */
.ah-contact{
  padding:40px 0;
}

.ah-contact .ah-contact__wrap{
  max-width:960px;
  margin:0 auto;
  display:flex;
  gap:28px;
  align-items:flex-start;
}

.ah-contact .ah-contact__info{
  flex:0 0 40%;
}

.ah-contact .ah-contact__form{
  flex:0 0 60%;
}

.ah-contact .ah-contact__title{
  margin:0;
  font-weight:700;
  font-size:18px;
  color:#0b2239;
}

.ah-contact .ah-contact__hr{
  width:70px;
  height:2px;
  background:rgba(0,0,0,.12);
  margin:10px 0 18px;
}

.ah-contact .ah-contact__item{
  display:flex;
  gap:12px;
  align-items:flex-start;
  margin-bottom:14px;
}

.ah-contact .ah-contact__item i{
  width:18px;
  margin-top:2px;
  color:#0069b4;
}

.ah-contact .ah-contact__label{
  font-size:12px;
  color:#6b7a90;
  margin-bottom:2px;
}

.ah-contact .ah-contact__text,
.ah-contact .ah-contact__text a{
  font-size:14px;
  color:#0b2239;
  text-decoration:none;
}

/* FORM */
.ah-contact .ah-form{
  background:#fff;
  border:1px solid rgba(0,0,0,.08);
  border-radius:16px;
  padding:18px;
}

.ah-contact .ah-form__row{
  display:flex;
  gap:10px;
}

.ah-contact input,
.ah-contact textarea{
  width:100%;
  border:1px solid rgba(0,0,0,.12);
  border-radius:10px;
  padding:11px 12px;
  font-size:14px;
  outline:none;
  margin-bottom:10px;
}

.ah-contact textarea{ resize:vertical; }

.ah-contact input:focus,
.ah-contact textarea:focus{
  border-color: rgba(0,105,180,.45);
  box-shadow: 0 0 0 3px rgba(0,105,180,.12);
}

.ah-contact .ah-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:0;
  border-radius:10px;
  padding:12px 18px;
  background:#0069b4;
  color:#fff;
  cursor:pointer;
  font-weight:600;
}

/* RESPONSIVE */
@media (max-width: 900px){
  .ah-contact .ah-contact__wrap{
    padding:0 14px;
  }
}
@media (max-width: 760px){
  .ah-contact .ah-contact__wrap{
    flex-direction:column;
  }
  .ah-contact .ah-contact__info,
  .ah-contact .ah-contact__form{
    flex:0 0 auto;
    width:100%;
  }
  .ah-contact .ah-form__row{
    flex-direction:column;
  }
}
/* YALNIZ Haqqımızda üçün */
.about-layout .az-content__wrap{
  grid-template-columns: 70% 1px 30%;
}
.jr-box a{
  color: inherit;
  text-decoration: none;
}

.jr-box a:hover{
  color: inherit;
  text-decoration: underline;
}
/* ================== MOBILE / RESPONSIVE FIXES (ADD TO END) ================== */

/* 1200 frame + body shadow/border mobile-də sərtləşməsin */
@media (max-width: 1280px){
  .site-frame{
    max-width: calc(100% - 24px);
    margin: 18px auto;
    border-radius: 14px;
  }
}
@media (max-width: 760px){
  body{
    /* body-yə verdiyin border + shadow mobile-də kənarları “qalın” göstərir */
    border: 0;
    box-shadow: none;
  }
  .site-frame{
    max-width: 100%;
    margin: 0;
    border-radius: 0;
    box-shadow:
      0 0 0 1px rgba(0,0,0,.04),
      0 14px 40px rgba(0,0,0,.08);
  }
}

/* Header: logo + menu daha rahat */
@media (max-width: 980px){
  .header-inner{
    height: auto;
    padding: 10px 0;
    gap: 10px;
  }
  .logo{ padding-left: 16px; }
  .main-menu{ padding-right: 16px; }
  .main-menu ul{
    gap: 14px;
    justify-content: flex-end;
  }
  .main-menu a{ font-size: 14px; }
}
@media (max-width: 560px){
  .header-inner{
    flex-direction: column;
    align-items: flex-start;
  }
  .main-menu{
    width: 100%;
  }
  .main-menu ul{
    width: 100%;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 10px 14px;
  }
}

/* AZ content: padding/fontlar mobile-də yüngülləşsin */
@media (max-width: 980px){
  .az-content__wrap{
    max-width: 100%;
    padding: 0 14px;
  }
  .az-content__col{
    padding: 22px 16px;
  }
  .az-title{ font-size: 22px; margin-bottom: 14px; }
  .az-subtitle{ font-size: 17px; margin-bottom: 14px; }
  .az-text{ font-size: 15px; line-height: 1.65; }
}

/* About-layout (70/30) mobile-də 1 sütun olsun */
@media (max-width: 980px){
  .about-layout .az-content__wrap{
    grid-template-columns: 1fr;
  }
  .about-layout .az-content__divider{
    width: 100%;
    height: 1px;
  }
}

/* Şəkil daşmasın */
@media (max-width: 980px){
  .az-right__img img{
    width: 100%;
    height: auto;
    max-width: 100%;
  }
}

/* Page header: hündürlük + fontlar mobile */
@media (max-width: 760px){
  .page-header{
    height: 160px;
    padding: 20px 0;
  }
  .page-header__content h1{
    font-size: 24px;
  }
}

/* CTA block: padding və mətn ölçüsü */
@media (max-width: 760px){
  .cta-aztoa{
    padding: 48px 0;
  }
  .cta-aztoa__content{
    padding: 0 14px;
  }
  .cta-aztoa h2{
    font-size: 24px;
    margin-bottom: 10px;
  }
  .cta-aztoa p{
    font-size: 15px;
    margin-bottom: 18px;
  }
}

/* Contact: səninkini saxlayırıq, sadəcə wrap padding + form radius */
@media (max-width: 900px){
  .ah-contact{
    padding: 28px 0;
  }
  .ah-contact .ah-contact__wrap{
    padding: 0 14px;   /* səndə var, burada “garanti” edirik */
    max-width: 100%;
  }
}
@media (max-width: 760px){
  .ah-contact .ah-form{
    border-radius: 14px;
    padding: 16px;
  }
}

/* Footer mobile */
@media (max-width: 760px){
  .main-footer{
    max-width: 100%;
    border-radius: 0;
  }
}